/*头尾所需统一样式*/
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,
section,img{margin:0px;padding:0px;outline:none;border:0px;}
li{list-style:none;}
body{text-align:left;font-family:"Microsoft YaHei";font-size:16px;color:#333333;}
a,ins{text-decoration:none;}
a{color:#333333;}
a:hover{color:#4c67a7;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.width{width:1100px;margin:0 auto;margin-top:25px;}

body{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    opacity: 1;
}
/*顶部*/
.top{
    width: 100%;
    /* height: 195px; */
    z-index: 998;
    text-align: center;
    overflow: hidden;
    background: #FFFFFF;
    background: url("xiao.jpg") no-repeat center center;
    transition: all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s; /
}
div.xiao{
    height: 200px;
    background: url("xiao.jpg") no-repeat center center;
    transition: all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s; /
}
.top-top{
    width: 100%;
    height: 30px;
    background: #4B67A6;
}
.top-top-top{
    width: 1200px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #FFFFFF;
}
.top-top-top a{
    color: #FFFFFF;
}
.top-top-top li.bt-right{
    float: right;
}
.top-top-top li{
    float: left;
}
.top-top-top li ul li span{
    margin: 0 15px;
}

.top-middle{
    width: 1200px;
    height: 100px;
    margin:0 auto;
    transition: all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s; /
}
.xiao .top-middle{
    width: 1200px;
    height: 100px;
    margin:0 auto;
    transition: all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s; /
}
/*banner*/
.banner img{
    margin-top: 20px;
    margin-left: 25px;
}
.xiao .banner img{
    margin-top: 20px;
    margin-left: 25px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
/*民生连线图片*/
.mslx-tp img{
    margin-top: 40px;
    margin-right: 100px;
}
.xiao .mslx-tp img{
    margin-top: 40px;
    margin-right: 100px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}


/*导航*/
.nav{
    width: 100%;
    height: 62px;
    line-height: 57px;
    border-bottom: 5px solid #a5b3d3;
}
.nav-middle{
    width: 1200px;
    height: 62px;
    margin: 0 auto;
}
.nav ul{
    height: 56px;
    margin-top: 3px;
}
.nav-middle ul span{
    display: inline-block;
    width: 3px;
    height: 57px;
    background: url("index_nav_line.jpg") no-repeat center center;
    float: left;
    line-height: 57px;
}
.nav ul li{
    width: 12.2%;
    height: 57px;
    float: left;
    text-align: center;
}
.nav ul li a{
    font-size: 19px;
    color: #4c67a7;

}
.nav ul li.sq a{
    background: none;
}

.nav ul li a{
    height: 62px;
    padding: 0 30px;
    display: inline-block;
    border-bottom: 5px;
}
.nav ul li a:hover{
    color: #c05d6d;
}
.nav ul li a:hover{
    border-bottom: 5px solid #c05d6d;
}
/*右边栏*/
.right_l{
    width: 30px;
    height: 100%;
    position: fixed;
    right: 0;
    background: #4c67a7;
    z-index: 999;
    margin-top: 30px;
}
.right_l ul li{
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
}
.right_l_2{
    width: 30px;
    height: 200px;
    background: #7085b9;
    margin-top: 20px;
}
.right_l_2_1 span{
    display: block;
    width: 24px;
    height:1px;
    background: #8d9dc7;
    margin-left:3px;
    margin-top: 5px;
}
.right_l_2_2 li{
    margin-top: 8px;
}
.right_l_3{
    margin-top: 20px;
}
.right_l_3 li{
    margin-top: 5px;
}
.right_l_4{
    position: fixed;
    bottom: 20px;
}
.right_l_4_1 span{
    display: block;
    width: 24px;
    height:1px;
    background: #8d9dc7;
    margin-left:3px;
    margin-bottom: 5px;
}
.right_l_4_2{
    margin-top: 30px;
}
.right_l_4_2 li{
    margin-top: 10px;
}
.right_l_4_2 span{
    display: block;
    width: 24px;
    height:1px;
    background: #8d9dc7;
    margin-left:3px;
    margin-bottom: 5px;
}
.right_l_4_1 li{
    margin-top: 10px;
}
.right_l ul li:hover{
    background: #c03543;
}
.right_l_bg{
    background: url("right_header.png") no-repeat center center;
    display: none;
    width: 93px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    left: -110px;
    opacity: 0;
    position: absolute;
    font-size: 12px;
}
.right_l_bg:hover{
    color: #c03543;
}
.right_l li:hover .right_l_bg{
    left: -90px;
    top: 0;
    display: block;
    opacity: 1;
    transition: all 1s;
}
.content{
    position: absolute;
    width: 100%;
    top: 290px;
    margin: 0 auto;
    transition: all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s; /
}
.xiao+.content{
    top: 296px;
    transition: all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s; /
}
.xiao+.content .gg{
    top: 195px;
    transition: all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s; /
}
/********************************************************* 华丽的分割线 ****************************************************************************/
/*民生连线内容区域*/
.mslx{
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 30px;
    margin-top: 20px;
}
/*第一层*/
.div1 span{
    display: block;
    font-size: 22px;
    color: #4c67a7;
    height: 40px;
    line-height: 40px;
}
.div1 div{
    width: 1140px;
    height: 140px;
    background: #edf0f6;
    line-height: 200%;
    text-indent: 2em;
    padding: 25px;
}
/*第二层*/
.div2{
    margin: 20px 0;
}
/*第三层*/
.div3{
    width: 1140px;
    height: 1000px;
}
/*第三层左侧*/
.div3-left{
    height: 1000px;
    width: 800px;
    padding-right: 28px;
    border-right: 1px solid #c1cae0;
}
.div3-left .bt{
    font-size: 22px;
    color: #999999;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #c1cae0;
}
.div3-left .bt li{
    float: left;
    cursor: pointer;
}
.div3-left .bt li.active{
    color: #4c67a7;
}
.div3-left .bt span{
    margin: 0 15px;
    float: left;
}
.wyxx ul li{
    padding: 10px 0;
    padding-left: 30px;
}
.wyxx ul li span{
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 16px;
    color: #4c67a7;
    margin-right: 30px;
}
.wyxx ul .radio input{
    margin-left: 20px;
    margin-right: 5px;
}
.wyxx ul li i{
    color: #f00;
}
.wyxx ul .txt input{
    width: 360px;
    height: 30px;
    border: 1px solid #c1cae0;
    padding-left: 10px;
    line-height: 30px;
    margin-left: 10px;
}
.wyxx ul .txt textarea{
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #c1cae0;
}
.wyxx ul .fj input{
    margin-left: 10px;
}
.wyxx ul .fj p{
    font-size: 14px;
    color: #FF0000;
    padding-left: 145px;
    margin-top: 10px;
}
.wyxx ul .zl input{
     width: 240px;
     height: 30px;
     line-height: 30px;
     padding-left: 10px;
     border: 1px solid #c1cae0;
     margin-left: 10px;
 }
.wyxx ul .yzm input{
    width: 90px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #c1cae0;
    margin-left: 10px;
}
.wyxx ul li .smt,.wyxx ul li .rst{
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}
.wyxx ul li.tjcz{
    text-align: center;
}
.wyxx ul li .smt{
    background: #4c67a7;
}
.wyxx ul li .rst{
    background: #798dbd;
}
.wyxx ul .tishi p{
    font-size: 14px;
    color: #FF0000;
    line-height: 200%;
}
.wyxx ul .tishi{
    padding-top: 15px;
}


/*写信须知*/
.xxxz{
    padding: 50px;
}
.xxxz p{
    line-height: 200%;
}
/*第三层右侧*/
.div3-right{
    width: 310px;
    height: 1000px;
}
.div3-right .bt{
    font-size: 22px;
    color: #999999;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #c1cae0;
}
.div3-right .bt li{
    float: left;
    cursor: pointer;
}
.div3-right .bt li.active{
    color: #4c67a7;
}
.div3-right .bt span{
    margin: 0 15px;
    float: left;
}
.dl ul li{
    margin: 15px 0;
}
.dl ul li span{
    display: inline-block;
    width: 90px;
    text-align: right;
    font-size: 16px;
    color: #4c67a7;
    margin-right: 15px;
}
.dl ul li.yhmm input{
    width: 180px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #c1cae0;
}
.dl ul .yzm input{
    width: 90px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #c1cae0;
}

.dl ul .tjzc input{
    background: #4c67a7;
    width: 145px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    float: left;
}
.dl ul .tjzc a{
    display: inline-block;
    width: 145px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    background: #798dbd;
    float: right;
}
.dl ul li p a{
    display: inline-block;
    width: 32.25%;
    color: #4c67a7;
    text-align: center;
}
/*快速办件*/
.ksbj ul li span{
    display: inline-block;
    width: 90px;
    text-align: right;
    font-size: 16px;
    color: #4c67a7;
    margin-right: 15px;
}
.ksbj ul li input{
    width: 180px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #c1cae0;
}
.ksbj ul li{
    margin: 20px 0;
}
.ksbj ul li.cx{
    text-align: center;
}
.ksbj ul li input.smt{
    background: #4c67a7;
    width: 145px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}
/*相关信件*/
.div3-right .xgxj .bt{
    color: #4c67a7;
}
.div3-right .xgxj .list{
    padding: 10px;
}
.div3-right .xgxj .list li{
    line-height: 200%;
}
.div3-right .xgxj .list li a{
    display: inline-block;
    width: 270px;
}
.div3-right .xgxj .list li img{
    margin-right: 10px;
    vertical-align: top;
    margin-top: 15px;
}
/*相关政策法 常见问题解决*/
.div3-right .zcwt .list{
    padding: 10px;
}
.div3-right .zcwt .list li{
    line-height: 200%;
}
.div3-right .zcwt .list li a{
    display: inline-block;
    width: 270px;
}
.div3-right .zcwt .list li img{
    margin-right: 10px;
    vertical-align: top;
    margin-top: 15px;
}
/*回复率排行 来信统计*/
.phtj p span{
    display: inline-block;
    color: #4c67a7;
    margin-top:20px;
}
.phtj p .xh{
    width: 40px;
    text-align: center;
}
.phtj p .sldw{
    width: 170px;
    margin-left: 20px;
}


/*第四层*/
.div4{
    margin-top: 25px;
}
.div4 .bt{
    font-size: 22px;
    color: #999999;
    height: 40px;
    line-height: 40px;
}
.div4 .bt li{
    float: left;
    cursor: pointer;
}
.div4 .bt span{
    margin: 0 15px;
    float: left;
}
.div4 .bt li.active{
    color: #4c67a7;
}
.div4 .list ul li{
    float: left;
    width: 20%;
}
.div4 .list ul li img{
    margin-right: 10px;
}
.div4 .list ul{
    width: 1140px;
    height: 240px;
    border: 1px solid #c1cae0;
    overflow-y: auto;
    line-height: 200%;
    padding: 20px;
}

/*第五层*/
.div5{
    margin-top: 25px;
}
.div5 .bt{
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    color: #4c67a7;
    border-bottom: 1px solid #c1cae0;
}
.div5 .xjjs ul{
    padding: 20px;
}
.div5 .xjjs ul li span{
    font-size: 14px;
    color: #999;
    margin: 0 30px;
}
.div5 .xjjs ul li .xjbt{
    width: 270px;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    background: #e0e4ef;
}
.div5 .xjjs ul li select{
     width: 210px;
     height: 30px;
     padding-left: 10px;
     line-height: 30px;
     background: #e0e4ef;
     border: 0;
 }
.div5 .xjjs ul li .Wdate{
    width: 120px;
    height: 30px;
    line-height: 30px;
    border: 0;
    background:#e0e4ef url(rl.png) no-repeat 90px center;
    margin-top: 20px;
    padding-left: 2px;
}
.div5 .xjjs ul li span.dao{
    margin: 0 3px;
}
.div5 .xjjs ul li .smt,.div5 .xjjs ul li .rst{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}
.div5 .xjjs ul li .smt{
    background: #4c67a7;
    margin: 0 30px;
}
.div5 .xjjs ul li .rst{
    background: #798dbd;
}

/*第六层*/
.div6 .bt{
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    color: #4c67a7;
    border-bottom: 1px solid #c1cae0;
}





/*bottom*/
.bottom{
    width: 100%;
    height: 205px;
    border-top: 10px solid #4c67a7;
    background: #FFFFFF;
}
.bottom .bottom-top{
    height: 72px;
    width: 100%;
    border-bottom: 1px solid #c1cae0;
    line-height: 72px;
}
.bottom .bottom-top-top{
    width: 1200px;
    margin: 0 auto;
}
.bottom-top-top-left img{
    margin-right: 17px;
}

.bottom-top-top-right ul{
    float: right;
}
.bottom-top-top-right ul li{
    float:left;
    padding: 0px 10px ;
    margin-left: 15px;
    padding-right: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    border: solid 1px #c1cae0;
    margin-top:20px;
    font-size: 14px;
}
.bottom-top-top-right ul li:hover{
    margin-top:0px;
    padding-top:30px;
    height: 50px;
    line-height: 10px;
    background:#f9f9f9;
    border: solid 1px #c1cae0;
}
.bottom-top-top-right ul li i{
    width: 10px;
    height: 44px;
    display: inline-block;
    background: url("lk_arrow.png") no-repeat right center;
    position: absolute;
    top: -8px;
    right: 10px;
}
.bottom-top-top-right ul li:hover i{
    width: 10px;
    height: 44px;
    display: inline-block;
    background: url("lk_arrow.png") no-repeat right center;
    position: absolute;
    top: 12px;
    right: 10px;
}
.yqlj1,.yqlj2,.yqlj3,.yqlj4,.yqlj5,.yqlj6 {
    width: 1200px;
    background:#f9f9f9;
    position: absolute;
    display: none;
    padding:20px 30px 30px;
    border-top:10px solid #4c67a7;

}
.yqlj1{
    height: 210px;
    top: -210px;
    left: -329px;
    overflow-y: scroll;
}
.yqlj1 ul{
    float:left;
}
.yqlj1 ul li{
    width:16%;
    float:left;
    border:none;
    line-height:30px;
    height:30px;
    margin-top:0px;
    margin-left:0px;
}
.yqlj1 ul li:hover{
    margin-top:0px;
    padding-top:0px;
    height: 30px;
    line-height: 30px;
    border: none;
}
.yqlj1 ul li a{
    color:#333;
}

.yqlj1 ul li a:hover{
    color:#4c67a7;
    text-decoration:none;
}
.yqlj2{
    height: 210px;
    top: -210px;
    left: -470px;
}
.yqlj2 ul{
    float:left;
}
.yqlj2 ul li{
    width:14.1%;
    float:left;
    border:none;
    line-height:30px;
    height:30px;
    margin-top:0px;
    margin-left:0px;
}
.yqlj2 ul li:hover{
    margin-top:0px;
    padding-top:0px;
    height: 30px;
    line-height: 30px;
    border: none;
}
.yqlj2 ul li a{
    color:#333;
}

.yqlj2 ul li a:hover{
    color:#4c67a7;
    text-decoration:none;
}
.yqlj3{
    height: 140px;
    top: -140px;
    left: -611px;
}
.yqlj3 ul{
    float:left;
}
.yqlj3 ul li{
    width:9%;
    float:left;
    border:none;
    line-height:30px;
    height:30px;
    margin-top:0px;
    margin-left:0px;
}
.yqlj3 ul li:hover{
    margin-top:0px;
    padding-top:0px;
    height: 30px;
    line-height: 30px;
    border: none;
}
.yqlj3 ul li a{
    color:#333;
}

.yqlj3 ul li a:hover{
    color:#4c67a7;
    text-decoration:none;
}
.yqlj4{
    height: 121px;
    top: -121px;
    left: -776px;
}
.yqlj4 ul{
    float:left;
}
.yqlj4 ul li{
    width:9%;
    float:left;
    border:none;
    line-height:30px;
    height:30px;
    margin-top:0px;
    margin-left:0px;
}
.yqlj4 ul li:hover{
    margin-top:0px;
    padding-top:0px;
    height: 30px;
    line-height: 30px;
    border: none;
}
.yqlj4 ul li a{
    color:#333;
}

.yqlj4 ul li a:hover{
    color:#4c67a7;
    text-decoration:none;
}
.yqlj5{
    height: 210px;
    top: -210px;
    left: -931px;
    overflow-y: scroll;
}
.yqlj5 ul{
    float:left;
}
.yqlj5 ul li{
    width:20%;
    float:left;
    border:none;
    line-height:30px;
    height:30px;
    margin-top:0px;
    margin-left:0px;
}
.yqlj5 ul li:hover{
    margin-top:0px;
    padding-top:0px;
    height: 30px;
    line-height: 30px;
    border: none;
}
.yqlj5 ul li a{
    color:#333;
}

.yqlj5 ul li a:hover{
    color:#4c67a7;
    text-decoration:none;
}
.yqlj6{
    height: 210px;
    top: -210px;
    left: -1072px;
    overflow-y: scroll;
}
.yqlj6 ul{
    float:left;
}
.yqlj6 ul li{
    width:20%;
    float:left;
    border:none;
    line-height:30px;
    height:30px;
    margin-top:0px;
    margin-left:0px;
}
.yqlj6 ul li:hover{
    margin-top:0px;
    padding-top:0px;
    height: 30px;
    line-height: 30px;
    border: none;
}
.yqlj6 ul li a{
    color:#333;
}

.yqlj6 ul li a:hover{
    color:#4c67a7;
    text-decoration:none;
}
.bottom-top-top-right ul li.a:hover .yqlj1{
    display: block;
}
.bottom-top-top-right ul li.b:hover .yqlj2{
    display: block;
}
.bottom-top-top-right ul li.c:hover .yqlj3{
    display: block;
}
.bottom-top-top-right ul li.d:hover .yqlj4{
    display: block;
}
.bottom-top-top-right ul li.e:hover .yqlj5{
    display: block;
}
.bottom-top-top-right ul li.f:hover .yqlj6{
    display: block;
}
.ll{
    margin-top: 100% !important; opacity: 0
}

.bottom-bottom{
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
.bottom-bottom-left span{
    display: inline-block;
    width: 1px;
    height: 65px;
    background: #c1cae0;
    margin: 0 15px;
}
.bottom-bottom-middle p{
    line-height: 200%;
    font-size: 14px;
    margin-left: 30px;
}
.bottom-bottom-middle p a{
    font-size: 14px;
}
.bottom-bottom-right ul{
    width: 320px;
    height: 70px;
    border-left:1px solid #c1cae0;
    padding-left: 40px;
    line-height: 200%;
}
.bottom-bottom-right ul li{
    float: left;
    width: 80px;
    text-align: left;
}
.bottom-bottom-right ul span{
    float: left;
    margin-right: 15px;
}