@charset "utf-8";
/*-----------------------------------------------------------------
文件名称：黑龙江省网上行政服务中心二期
文件作者：na_DM
编辑日期：2016/11/7
文件说明：首页样式
-----------------------------------------------------------------*/

html {
    background: url(../images/bodybg.jpg) #ffffff center 38px no-repeat;
    background-size: 100% 174px;
}

body {
    background: none;
}

div#main {
    width: 100%;
    position: relative;
}

/*-- 图片轮播 --*/
.sideShow {
    margin: 0 auto;
}

.sideShow li {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
}

.sideShow img {
    width: 100%;
    display: block;
}

/*-- sb导航 --*/
ul#sbnav {
    width: 750px;
    overflow: hidden;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -375px;
}

ul#sbnav li {
    float: left;
    margin: 0px 10px;
    color: #003952;
    font-size: 16px;
    text-align: center;
}

ul#sbnav li a {
    display: block;
    width: 130px;
    height: 55px;
    padding-top: 75px;
}

ul#sbnav li.sb1 {
    background: url(../images/sb11.png) center no-repeat;
}

ul#sbnav li.sb2 {
    background: url(../images/sb22.png) center no-repeat;
}

ul#sbnav li.sb3 {
    background: url(../images/sb33.png) center no-repeat;
}

ul#sbnav li.sb4 {
    background: url(../images/sb44.png) center no-repeat;
}

ul#sbnav li.sb5 {
    background: url(../images/sb55.png) center no-repeat;
}

ul#sbnav li.sb6 {
    background: url(../images/sb66.png) center no-repeat;
}

/*-- 导航 --*/
div#indexnavbox {
    width: 970px;
    overflow: hidden;
    margin: 30px auto;
}

div.indexnav {
    width: 174px;
    height: 150px;
    margin: 0px 10px;
    float: left;
}

div#indexnav1 {
    background: url(../images/indexnav1.png) no-repeat;
}

div#indexnav2 {
    background: url(../images/indexnav2.png) no-repeat;
}

div#indexnav3 {
    background: url(../images/indexnav3.png) no-repeat;
}

div#indexnav4 {
    background: url(../images/indexnav4.png) no-repeat;
}

div#indexnav5 {
    background: url(../images/indexnav5.png) no-repeat;
}

h2.indexnavtitle {
    width: 50px;
    text-align: center;
    padding-top: 40px;
    color: #FFF;
    font-size: 30px;
    line-height: 32px;
    float: left;
}

h2.indexnavtitle img {
    display: block;
    margin: 0px auto;
    padding-bottom: 10px;
}

ul.indexnavlist {
    float: left;
    padding: 12px 0px 0px 20px;
    line-height: 24px;
}

ul.indexnavlist li.spacing {
    letter-spacing: 7px;
}

/*-- 搜索 --*/
div#searchbox {
    width: 100%;
    background: url(../images/black.png) repeat;
    position: absolute;
    bottom: 0px;
    padding: 15px 0px;
}

ul#searchform {
    width: 538px;
    float: left;
    padding-top: 3px;
}

ul#searchform li {
    float: left;
}

ul#searchform li input {
    float: left;
}

input.searchtext {
    width: 260px;
    height: 30px;
    padding-left: 3px;
    border: none;
    background: #FFF;
}

input.searchbtn {
    width: 75px;
    height: 30px;
    background: url(../images/searchbtn.png) left center no-repeat;
    border: none;
    cursor: pointer;
}

div#searchhot {
    text-align: center;
    color: #FFF;
    padding-top: 5px;
}

div#searchhot a {
    color: #FFF;
}

/*--公告信息、热门服务、公共支付、预约平台--*/
div#indexconbox {
    width: 1200px;
    overflow: hidden;
    margin: 0px auto;
    padding: 40px 0px;
}

div.indexcon {
    float: left;
    padding-left: 50px;
}

div#ggxxbox {
    width: 490px;
}

div#rmfwbox {
    width: 360px;
}

h3.indexcontitle {
    padding-left: 15px;
    font-size: 18px;
    line-height: 20px;
    color: #00549e;
}

ul.indexconlist {
    float: left;
    padding-top: 20px;
}

ul.indexconlist li {
    float: left;
    padding-left: 15px;
    line-height: 30px;
    background: url(../images/list1.gif) left center no-repeat;
}

div#ggxxbox ul.indexconlist li {
    width: 475px;
}

ul.indexconlist li a {
    float: left;
    width: 345px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.indexconlist li span {
    float: right;
    color: #999999;
}

div.ckpbox {
    overflow: hidden;
    padding-left: 60px;
    height: 70px;
}

div.ckpbox1 {
    background: url(../images/ggzf.jpg) left center no-repeat;
}

div.ckpbox2 {
    background: url(../images/ggyy.jpg) left center no-repeat;
}

div.ckpbox3 {
    background: url(../images/wlpt.jpg) left center no-repeat;
}

h4.ckptitle {
    font-size: 16px;
    color: #003f71;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 15px;
}

p.ckpcon {
    color: #666;
    font-size: 13px;
}