﻿﻿/* CSS Document */

/*----------专题模板一---------------*/
body{ background:#fff !important;}
.template{ background:url(../images/topic/banner1.jpg) no-repeat center top; background-color:#fff; }
.tipTop,.logofanh,.slogan,.topCenter,.wgktop,.whereas,.celBox,.jcList{ width:1200px; margin:0 auto;}



.smlogo{ width:450px; height:95px; padding-top:32px; }


.weizhi{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #d4d4d4; }
.weizhi .location{ width:800px !important; border-bottom:none !important; }
.back{ width: 70px;height: 40px;line-height: 40px; background:url(../images/topic/fanhui.png) no-repeat left;padding-left: 30px;font-size: 16px;}
.back a{ color:#444;}



.slogan,.slogan2{ margin-top:120px; text-align:center; line-height:70px; height:70px; font-size:60px; font-weight:bold; color:#fff;}
.topCenter{ width:1124px; margin:0 auto;margin-top:125px;}

.cenlist{ width:100%; margin-top:20px;}
.lblist{ width:100%; margin-bottom:40px;}
.lblist .tit,.gengd{ width:100%; background:url(../images/topic/tit-bg.png) no-repeat center;}
.lblist .tit h2{ display:block; width:246px; height:38px; line-height:38px; color:#0079cf; font-size:40px; text-align:center; font-weight:bold; margin:0 auto;}
.lblist .tit h2 a{ color:#0079cf;}

.lblist .tit1,.gengd{ width:100%; background:url(../images/topic/tit-bg1.png) no-repeat center;}
.lblist .tit1 h2{ display:block; width:360px; height:38px; line-height:38px; color:#0079cf; font-size:40px; text-align:center; font-weight:bold; margin:0 auto;}
.lblist .tit1 h2 a{ color:#0079cf;}
.lblist .newlist{margin-top:15px;}
.lblist .newlist li{float:left; line-height:40px; font-size:16px; width:40%;margin:0 4%; background:url(../images/topic/arrow1.jpg) no-repeat left !important; padding-left:17px; overflow:hidden; zoom:1;}
.lblist .newlist li a{width:73%;}

.gengd{ background:url(../images/topic/morebg.png) no-repeat center !important; margin-top:20px;}
.gengd a{ display:block; width:133px; height:38px; text-align:center; line-height:38px; color:#fff; margin:0 auto;}

.foot2{ border-top:2px solid #187dd1; padding-top:18px; background:#f3f3f3;}


/*--------------专题模板二---------------*/

.jidodian{ width:100%; margin:0 auto; height:515px; background:url(../images/topic/banner2.jpg) no-repeat center top;}
.topCenter2,.tipTop2,.slogan2,.preface{ width:1150px; margin:0 auto;}

.tipTop2{ position:relative;height:515px;}
.slogan2{ color:#2b59a6; margin-top:50px;}
.return{ width:67px; height:40px; line-height:30px; position:absolute; bottom:36px; right:110px; background:url(../images/topic/fanhui2.png) no-repeat center bottom; text-align:center; }
.return a{ color:#fff;}


.topCenter2{ margin-top:8px; width:1150px;}
.topCenter2 .location{ width:1110px;}
.preface{ border:9px solid #f3f3f3; width:1092px; margin-top:12px; padding:32px 20px;}
.preface h3{ display:block;height:52px; width:100%; background:url(../images/topic/dy-bt.jpg) no-repeat; height:52px; text-indent:64px; line-height:42px; font-size:20px; font-weight:bold; color:#fff;}
.janj{margin-top:25px; line-height:32px; font-size:16px;}

.cenlieb2{margin-top:54px;}
.liebox{ width:100%; margin-bottom:33px;}
.ztlieb{ width:557px; }
.ztlieb .tit{ width:557px; background:url(../images/topic/line1.jpg) repeat-x bottom; height:40px; line-height:40px;}
.ztlieb .tit a{margin-left:26px; display:inline-block;min-width:80px; background:#fff; font-weight:bold; padding:0 23px; line-height:40px; border-bottom:3px solid #ff493b; color:#1570bc; font-size:20px; position:relative;}
.ztlieb .tit a span{ display:inline-block;}
.ztlieb .tit a i{ display:block;width: 0px; height: 0px; border-left: 8px solid transparent; border-bottom: 8px solid transparent;border-right: 8px solid transparent; border-top: 8px solid #ff493b;
 position:absolute; bottom:-19px; left:45%;}
 .outk{ width:527px; border:1px dashed #c3c1c1; padding:20px 15px;}

.outk .newlist li{line-height:40px; font-size:16px; background:url(../images/topic/arrow1.jpg) no-repeat left !important; padding-left:17px; }
.outk .newlist li a{ width:76% !important;}
 
 
/*---------------五公开专题页---------*/
 .wgkBanner,.juece,.zhixing,.newgk,.guangli,.fuwugk,.jieguo{width:100%; margin:0 auto}
 
.juece,.guangli,.jieguo{ margin-bottom:10px;}
.newgk,.zhixing,.fuwugk{margin-bottom:10px; background:#f6f6f6; padding:5px 0;}
 
.wgkBanner{ background:url(../images/topic/banner3.jpg) no-repeat center top;height:640px;}
.gklogo{ width:235px; height:70px; margin-top:13px;}
.gklogo img{ display:block; width:100%; height:auto;}
.fwBack{ width:85px; height:69px;border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color:rgba(0,0,0,0.2);}
.fwBack i{ display:block; width:85px; height:35px; background:url(../images/topic/return1.png) no-repeat;}
.fwBack span{ display:block; width:85px; line-height:30px; text-align:center;  color:#fff; font-size:16px;}

.whereas{margin-top:30px; margin-bottom:40px;}
.daytu{ width:333px;  height:409px; margin-left:18px;}
.daywez{ width:774px; margin-right:22px;}
.daywez h3{ display:block; width:215px; height:52px; font-size:30px; font-weight:bold; line-height:52px; text-align:center; color:#34add9; background:url(../images/topic/tit-bg2.jpg) no-repeat; letter-spacing:5px;}
.qianyan{ width:100%; line-height:34px; margin-top:20px; font-size:16px;}
.many,.many2{ width:135px; height:37px; line-height:37px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#eaeaea; text-align:center; margin-top:20px;}
.btsm{ width:100%; height:29px; margin-top:40px; background:url(../images/topic/btqy.jpg) no-repeat right;}

.wgkTxt{ width:706px; height:52px; float:left; margin-left:250px; display:inline; background:url(../images/topic/tit-bg3.png) no-repeat; margin-top:20px; }
.wgkTxt h3{ display:block; width:100%; line-height:52px; font-size:24px; font-weight:bold; color:#fff; text-align:center;}
.wgkTxt h3 a{ color:#fff;}
.jcList{ margin-top:20px;}
.jcList ul li{ float:left; background:#fff; height:94px; position:relative; border-bottom:8px solid #4f9edf; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:13px 13px; width:344px; margin:0px 15px 32px 15px;}
.jcList ul li h4{ display:block; height:60px; font-size:16px;  line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.jcList ul li span{ display:block; color:#848484; position:absolute; left:13px; bottom:10px;}
.many2{ margin:0 auto;}


.zxgk{}
.overt{width:581px; padding:15px 0px;  }
.jcbiao{width:100%; height:45px; line-height:45px; background:url(../images/topic/line2.png) repeat-x 0 12px;overflow:hidden; zoom:1;  }
.jcbiao h3{ display:inline-block; padding:0 10px;overflow:hidden;zoom:1; background:#fff;margin-left:20px; min-width:30%; float:left; }
.jcbiao span.ged{ display:inline-block;width:60px; float:right; background:#fff; margin-right:20px; text-align:center; line-height:45px;}

h3 i{ display:block; width:36px; height:45px; background:url(../images/topic/wgk-icon.png) no-repeat 0 0; float:left;}
h3 i.wgktb1{ background-position:0 0;}
h3 i.wgktb2{ background-position:0 -45px;}
h3 i.wgktb3{ background-position:0 -90px;}
h3 i.wgktb4{ background-position:0 -135px;}
h3 i.wgktb5{ background-position:0 -180px;}
h3 i.wgktb6{ background-position:0 -225px;}
h3 i.wgktb7{ background-position:0 -270px;}
h3 i.wgktb8{ background-position:0 -315px;}
h3 i.wgktb9{ background-position:0 -360px;}
h3 i.wgktb10{ background-position:0 -405px;}
h3 i.wgktb11{ background-position:0 -450px;}




.zhixing .jcbiao h3,.fuwugk .jcbiao h3{ background:#f6f6f6; }
.zhixing .jcbiao span.ged,.fuwugk .jcbiao span.ged{ background:#f6f6f6; }

.jcbiao h3 span{ display:block; line-height:45px; margin-left:12px; float:left;font-size:20px; font-weight:bold; color:#2094e5;}
.jcbiao h3 span a{ color:#2094e5;}
.overt ul{margin-top:5px;}
.overt ul li a{width:75% !important; font-size:16px;}

.tube{ width:590px;margin:15px 0; }
.glbiaot{width:152px; height:202px;}
.glbiaot h3{ display:block; width:100%; height:202px;background:url(../images/topic/glpic1.jpg) no-repeat; line-height:60px; font-size:20px; text-align:center; color:#fff; font-weight:bold;}
.glbiaot h3 a{ color:#fff;}
.gltu2{ background:url(../images/topic/glpic2.jpg) no-repeat !important;}
.gltu3{ background:url(../images/topic/glpic3.jpg) no-repeat !important;}
.gltu4{ background:url(../images/topic/glpic4.jpg) no-repeat !important;}

.glList{ width:420px;}
.glList ul li a{ width:68% !important; font-size:16px;}

.glnav{ width:100%;margin-top:20px; }
.glnav ul li{ width:270px;margin:0px 16px; float:left; border-top-right-radius:20px ;border-bottom-left-radius:20px;
height:75px; }
.glnav ul li a{ display:block; width:100%; height:75px; overflow:hidden;zoom:1;}
.glnav ul li i{ display:block; width:39px; height:75px; background:url(../images/topic/wgk-icon2.png) no-repeat 0 0; margin-left:49px; float:left;}
.glnav ul li span{ display:block; margin-left:20px; color:#fff; float:left; line-height:75px; font-size:22px; font-weight:bold;}

.glione{ width:382px; margin-right:27px;}
.glione.last{margin-right:0 !important;}
.glione ul{margin-top:10px;}
.glione ul li a{ width:77% !important; font-size:16px;}

li.bzhang{ background:#7090ca;}
li.bzhang i{ background-position:0 0;}

li.shengt{ background:#91dba8;}
li.shengt i{ background-position:0 -75px !important;}

li.sheh{ background:#eb9f9f;}
li.sheh i{ background-position:0 -150px !important;}

li.reny{ background:#4cc9e0;}
li.reny i{ background-position:0 -225px !important;}



/*---五公开新样式调整---*/
.wgkdaoyu{ width:1200px; margin:0 auto; margin-top:210px;}
.leadYu{ width:780px;}
.leadYu .title{ width:100%; height:52px;background:url(../images/topic/tuijin.png) no-repeat 320px 10px;}
.leadYu .title h3{ display:block; width:215px; height:52px; background:url(../images/topic/dy-bg.png) no-repeat; text-align:center; line-height:54px; font-size:28px; font-weight:bold; color:#34add9;}
.leadYu  p{ display:block; margin-top:30px; line-height:34px; font-size:16px; color:#444;
text-shadow: 0 3px #fff, 3px 0 #fff, -3px 0 #fff, 0 -3px #fff; text-indent:30px;}
.leadYu  p a{ color:#db3939;}
.gkgl{ width:100% !important;}

/*---重点领域修改----*/

.zd-menu{ margin:0 auto; margin-bottom:30px;}
.zhongdian{margin-top:380px}
/*---重点领域---*/

.zdly{ width:100%; margin-top:8px; overflow:hidden;zoom:1;}
.zdly .hd{ height:86px; }
.zdly .hd li{ float:left; width:278px; margin-right:3px; overflow:hidden;zoom:1; background:url(../images/topic/zh-bg3.png) no-repeat; }
.zdly .hd li i,.zdly .hd li span{ display:block; float:left;}
.zdly .hd li i{ width:65px; height:86px; margin-left:10px; background:url(../images/topic/zh-icon1.png) no-repeat 0 0; webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.zdly .hd li span{ font-size:18px;/* margin:15px 10 15px 10px;*/margin:15px 0px 15px 20px; height:50px; line-height:28px; width:175px; }
.zdly .hd li:hover,.zdly .hd li.on{  background:url(../images/topic/zh-bg2.png) no-repeat; color:#fff; cursor:pointer;}

li.zhd1 i{ background-position:0 0;}
li.zhd1:hover i,li.zhd1.on i{ background-position:-71px 0;}

li.zhd2 i{ background-position:0 -86px !important;}
li.zhd2:hover i,li.zhd2.on i{ background-position:-71px -86px !important;}

li.zhd3 i{ background-position:0 -172px !important; margin-right:0 !important; }
li.zhd3:hover i,li.zhd3.on i{ background-position:-71px -172px !important;}

li.zhd4 i{ background-position:0 -258px !important; margin-right:0 !important; }
li.zhd4:hover i,li.zhd4.on i{ background-position:-71px -258px !important;}

.zdly .hd li.zhd3 span,.zdly .hd li.zhd4 span{ line-height:56px !important;}

.zdly .bd{ width:89.6%; border:1px solid #45bce8; background:#f1f7fd; padding:2% 5%; }
.zdly .bd li{ line-height:36px; width:300px;background:url(../images/topic/zh-icon2.png) no-repeat left; text-indent:30px; float:left;}



/*---五公开专栏---*/
.wgkzl{width:1200px;float:left; margin-bottom:10px;}
.wgkmeun{ width:1200px; margin:0 auto; margin-top:30px;}
.zwCon4{margin-top:14px !important; }
.wgkzl .hd{ margin-left:8px; width:100%;}
.wgkzl .hd li{ float:left;width:170px; height:192px; margin:0 35px;}
.wgkzl .hd li i{ display:block; width:80px; height:80px; margin:0 auto; margin-top:10px; background:url(../images/topic/zw-wgk22.png) no-repeat 0 0;}
.wgkzl .hd li span{ display:block; font-size:20px;text-align:center; line-height:30px; color:#fff;}

li.wgk1{background:url(../images/topic/wgk-q1.png) no-repeat;}
li.wgk1:hover,li.wgk1.on{background:url(../images/topic/wgk-q1-2.png) no-repeat;}
li.wgk1 i{ background-position:0 0;}

li.wgk2{background:url(../images/topic/wgk-q2.png) no-repeat;}
li.wgk2:hover,li.wgk2.on{background:url(../images/topic/wgk-q2-2.png) no-repeat;}}
li.wgk2 i{ background-position:0 -80px !important;}

li.wgk3{background:url(../images/topic/wgk-q3.png) no-repeat;}
li.wgk3:hover,li.wgk3.on{background:url(../images/topic/wgk-q3-2.png) no-repeat;}
li.wgk3 i{ background-position:0 -160px !important;}

li.wgk4{background:url(../images/topic/wgk-q4.png) no-repeat;}
li.wgk4:hover,li.wgk4.on{background:url(../images/topic/wgk-q4-2.png) no-repeat;}
li.wgk4 i{ background-position:0 -240px !important;}

li.wgk5{background:url(../images/topic/wgk-q5.png) no-repeat; margin-right:0!important;}
li.wgk5:hover,li.wgk5.on{background:url(../images/topic/wgk-q5-2.png) no-repeat;}
li.wgk5 i{ background-position:0 -320px !important}


.wgkzl .bd{margin-left:8px; margin-top:5px; }
.wgkzl .bd ul{width:90%; padding:10px 5% 10px 5%; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
ul.wgklm1{  background:#f0f6fc; border:1px solid #80b0e4;}
ul.wgklm2{  background:#f1effc; border:1px solid #a196d3;}
ul.wgklm3{  background:#f1fcfa; border:1px solid #6cd6c6;}
ul.wgklm4{  background:#e8f1fa; border:1px solid #7bace2;}
ul.wgklm5{  background:#f1f3fd; border:1px solid #b4bbf2;}

.wgkzl .bd ul li ul{ display:block; width:100% !important; padding:0 !important; height:130px;}

.wgknr{ width:100%;  }

.wgknr2,.wgknr3{ width:500px; border-right:1px dashed #fff; padding-right:20px;}
.wgknr3{ padding-right:0 !important; border-right:none; }

.wgknr2 h4,.wgknr3 h4{ display:block; width:110px; float:left; font-size:16px; font-weight:bold; color:#075fc3;line-height:30px;}
.wgknr2 ul,.wgknr3 ul{ display:block; width:390px; float:right;}
.wgknr2 ul li,.wgknr3 ul li{ min-width:200px; float:left;background:url(../images/dian1.png) no-repeat left; line-height:32px; text-indent:13px; margin-right:10px;}

.glgk{ width:100%; }
.glgk li{ float:left; margin-right:20px;background:url(../images/dian1.png) no-repeat left; text-indent:20px; font-weight:bold; line-height:36px; }
.glgk li a{ color:#075fc3;}

.guangli{ width:100%;}
.guangli ul{ float:left !important; }



.swiper-wrapper{width:1200px; margin:0px auto;}
.swiper-slide{width:1200px;float:left;}
.wgk-bd{padding:0px;margin-right:1%;float:left;overflow:hidden;height:360px}
.wgk-name{padding:10px 10px 0}
.wgk-tnm{height:auto;font-size:1.8rem;font-weight:700}
.wgk-tnm span{display:inline-block;position:relative;padding:0 22px 0 8px;cursor:text}
.wgk-tnm span::after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;transform:skew(-45deg);z-index:-1;background:rgba(32,148,229,.2)}
.wgk-tnm span a{font-size:20px;color:#fff;position:relative;display:block;line-height:2;padding-right:25px;cursor:text}
.wgk-tnm span{font-size:20px;color:#fff;position:relative;display:block;line-height:2;padding-right:25px}
.wgk-tnm span a::after{position:absolute;content:"";top:0;left:-60px;right:0;bottom:0;transform:skew(-45deg);z-index:-1;background:rgba(65,125,197,.7)}
.wgk-name-tnm{font-size:18px;color:#000;font-weight:700;line-height:2;padding-left:30px;margin-left:-30px}
.wgk-title{height:auto;overflow:hidden}
.wgk-title a{font-size:16px;color:#333;line-height:2;display:inline-block;float:left;white-space:nowrap}
.wgkbd1 .wgk-title a{width:50%}
.wgkbd2 .wgk-title a,.wgkbd3 .wgk-title a{width:50%}
.wgkbd4 .wgk-title a{width:50%}
.wgkbd3 .wgk-title.xzzfgs a:nth-of-type(2){width:35%}
.wgkbd3 .wgk-title.xzzfgs a:last-child{width:15%}
.wgkbd4 .wgk-title.xzzbsfw a:nth-of-type(2){width:50%}
.wgkbd4 .wgk-title.xzzbsfw a:last-child{width:50%}
.wgkbd5 .wgk-title a{ padding-right:8%;}
.wgkbd5 .wgk-title a:last-child{width:80%}
.wgkbd5 .wgk-title a:last-child1{ padding-right:2%;}
.wgkbd1{width:20%;background:rgba(135,176,230,.3)}
.wgkbd2{width:20%;background:rgba(160,150,213,.3)}
.wgkbd3{width:20%;background:rgba(123,214,197,.3)}
.wgkbd4{width:16%;background:rgba(130,173,228,.3)}
.wgkbd5{width:20%;margin:0;background:rgba(182,187,243,.3)}
.zdxxgk>div{margin-bottom:15px;overflow:hidden;height:56px}
.zdxxgk>div a{background:#ecf0f5;display:block;border:1px solid #dde5ed;border-radius:5px;padding:10px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.zdxxgk>div a span{font-size:1.8rem;padding-left:10px}
.m-lst ul{padding:0}
@media all and (max-width:1200px){
.wgkbd1{width:49%}
.wgkbd2{width:49%}.wgkbd3{width:49%;margin-top:20px}
.wgkbd4{width:99%;margin-top:20px}.wgkbd5{width:49%;margin-top:20px}}
@media all and (max-width:650px){
.zdxxgk>div a span{font-size:1.5rem;padding:0}
.wgk-bd{height:auto;padding-bottom:30px;margin-top:20px;}
.wgkbd1{width:100%}
.wgkbd2{width:100%}
.wgkbd3{width:100%}
.wgkbd4{width:100%}
.wgkbd5{width:100%}
.wgkbd4 .wgk-title a{width:50%!important}}.
zfwj form .timeput{width:130px}
#ztzl img{width:100%;height:92px}