﻿/* CSS Document */
@charset "utf-8";
/*--简单动态图标---*/
.gklmBox li i{-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
/*--文字溢出隐藏---*/
.foucebox .bd li p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hBanners{ width:100%; height: 108px;}

.columnOne,.columnTow,.zhuantiBox{ width:1200px;margin: 0 auto;}
/*--头条新闻--*/
.headline{margin-top:27px;}
.headline .tit{ width:27px; padding: 10px 20px 10px 12px;height:58px;background:url(../images/headline-tit.png) no-repeat; cursor:pointer; font-size: 22px; font-weight: bold;}
.headline .tit a{ display: block;width:100%; height: 58px; color: #fff; text-align: center;}
.headlist{ width:1085px;margin-right:20px;}
.headlist .hd{ width:91px; height: 6px; margin: 0 auto; margin-top:-10px;}
.headlist .hd li{ width: 22px; height:6px; margin:0 4px; background: #dedfe0; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; float:left; font-size: 0; line-height: 0; text-indent: -99; }
.headlist .hd li.on{ background: #ec2929;}

.headlist .bd li{ height:95px;}
.headlist .bd li h3{ display: block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center;}
.headlist .bd h3{ text-align:center; display:inline-block; width:100%; line-height:35px; font-size:30px; font-weight:bold; color: #1465be;}
.headlist p{ display:block; width:100%;margin-top:8px; line-height:28px; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ color: #999; text-indent:30px; font-size: 15px;}
.headlist p a{ color:#fa2222; }

/*--焦点图及新闻---*/
.fousNews{ width:100%; margin-top:28px;}
.foucebox{ width:643px; height:405px; position:relative;}
.foucebox .hd{  width:80px; height: 25px; position:absolute; bottom:10px; right:2px; z-index:999; text-align: center; }
.foucebox .hd a{display:inline-block; }
.foucebox .hd span {line-height: 25px;color: #ededed;color: #f9fcff; font-size: 16px; text-align: center;}
.foucebox .hd span span{ color:#fff; font-size: 18px;}

.foucebox .hd a.prev,.foucebox .hd a.next{ display: block;  width:25px; height: 25px; position: absolute; top:0px; z-index: 99;transition: all 0.2s;}
.foucebox .hd a.prev{ left: 0px; background: url(../images/arrow4.png) no-repeat;}
.foucebox .hd a.next{ right:0px; background: url(../images/arrow2.png) no-repeat;}

.foucebox .bd{ width:643px; height:405px; border:4px solid #eaeaea;}
.foucebox .bd li{ float:left;width:643px; height:405px; position:relative;}
.foucebox .bd li p{ width:100%; height:45px; background: url(../images/tm-bg1.png) repeat;color:#fff; position:absolute; left:0; bottom:0; z-index:99;}
.foucebox .bd li p span{ width:73%;line-height:45px; display:block; text-indent:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.areaCon{ width:525px;}
.infoBoxOne{ width:100%;margin-bottom:7px;}
.infoBoxOne .hd{ height: 45px; width:100%;}
.titBox{ height:45px;  background: url(../images/line1.png) repeat-x bottom;margin-top:2px;}
.titBox li{ width:33.3%; font-size: 22px; float: left; text-align:center; }
.infoBoxOne .hd .titBox li{background: url(../images/line3.jpg) no-repeat right;}
.titBox li a{ display: block; width:80%; margin: 0 auto; height: 45px; color: #666666; }
.titBox li.on a{ color: #0a77d7; background: url(../images/line2.jpg) repeat-x bottom; font-weight: bold;}

.infoBoxOne .bd{margin-top:10px; height: 355px;}
.infoBoxTow .bd{ height:98px;}
.infoBoxOne .newlist li{line-height: 38px; background: url(../images/arrow6.png) no-repeat left;}

.ztTop{ width:100%; margin-top:15px; position: relative;}
.ztTop .hd{ width:40px; height: 8px; position: absolute;bottom:10px; right:5px; z-index: 99; cursor: pointer;}
.ztTop .hd li{ width:8px; height: 8px; float: left; margin-right:5px; background: #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.ztTop .hd li.on{ background: #e94141;}
.ztTop .bd{width:100%; height: 110px; }
.ztTop .bd li{ width:100%; height: 110px;}

/*--政务公开--*/
.columnTow{ margin-top:17px;}

.telBox{width:321px; height: 236px; background:url(../images/telbox-bg.jpg) no-repeat;padding-top:1px;}
.telBox .tit{ width:178px; height: 46px; line-height: 46px; font-weight: bold; font-size: 22px; color: #fff; text-indent: 37px;}
.telBox p,.telBox span{ display: block; width:auto;padding:0 24px;}
.telBox p{ line-height: 30px; color: #444; font-size: 18px;margin-top:25px;}
.telBox span{margin-top:17px;}
.telBox span img{width: auto; height: auto;}

.fagui,.zhixing{ width:419px;margin-left:20px;}
.fagui .titBox li,.zhixing .titBox li{ width:auto !important; }
.fagui .titBox li a,.zhixing .titBox li a{padding:0 10px; width:auto !important;}

.fagui ul.newlist,.zhixing ul.newlist{margin-top:8px;}
.fagui ul.newlist li,.zhixing ul.newlist li{ background: url(../images/arrow7.png) no-repeat left; line-height: 36px;}
.fagui ul.newlist li a,.zhixing ul.newlist li a{ width:78%;}

.zhuantiBox{margin-top:23px;}
.zhuantiBox .tit{ width: 56px; height: 68px; font-size: 22px;color: #fff; font-weight: bold; padding:20px 30px 20px 20px; line-height: 30px; background: url(../images/zt-titbg.jpg) no-repeat; letter-spacing: 6px;}
.zhuantiBox .tit a{ color: #fff;}
.ztlist{ width:1080px;}
.ztlist .hd{ width:100%; position: relative; z-index:99;}
.ztlist .hd a.prev,.ztlist .hd a.next{ display: block; width:21px;height: 35px; position: absolute; top:36px; z-index: 99;}
.ztlist .hd a.prev{left:0; background: url(../images/arrow8.png) no-repeat;}
.ztlist .hd a.next{ right:0; background: url(../images/arrow9.png) no-repeat;}

.ztlist .bd{overflow:hidden; }
.ztlist li{ width:260px; height:107px; float:left; margin-right:14px;}
.ztlist li img{ width:100%;}


.zwgkBox{ width:100%;margin-top:10px;}
.publicBox{ width:788px; }
.zsjs{ width:391px;}


.bgTit{width:100%; height: 45px; line-height: 45px; background: url(../images/line7.jpg) repeat-x center;}
.bgTit h3{ display:inline-block; padding:0 10px; height: 45px; background: #fff;margin-left:20px; overflow: hidden;zoom:1; }
.bgTit h3 i,.bgTit h3 a{ display: block; float: left;}
.bgTit h3 a{ margin-left:5px; font-size: 22px; font-weight: bold; color: #1271da;}
.bgTit h3 i{ width:45px; height: 45px; background: url(../images/h-icon1.jpg) no-repeat 0 0;}
h3.lmtit1 i{ background-position: 0 0;}
h3.lmtit2 i{ background-position: 0 -45px;}
h3.lmtit3 i{ background-position: 0 -90px;}



.publicNew{width:100%;margin-top:15px;}
.publicNew .hd{width:141px; height: 213px; background: url(../images/gklmbg2.jpg) repeat-y;overflow: hidden;zoom:1;}
.publicNew .hd ul li{ width:135px; line-height: 52px; text-align: center;line-height: 52px; padding-right:6px; font-size: 18px;} 
.publicNew .hd ul li.on,.publicNew .hd ul li:hover{ background: url(../images/gklmbg1.jpg) no-repeat;}
.publicNew .hd ul li.on a,.publicNew .hd ul li:hover a{ color: #fff;}

.publicNew .bd{ height: 213px;width:621px;margin-top:-5px;}
.publicNew .bd li{ line-height: 37px;}
.publicNew .bd li span{ text-align: right;padding-right:10px;}
.gklmBox{ background: #ecf3fe;padding:3px 0;margin-top:15px;}
.gklmBox li{ width:241px; padding-top:9px;height: 65px; background: #fff; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px; 
	float: left; margin: 7px 10px;}
.gklmBox li i,.gklmBox li span{ display: block; float: left;}
.gklmBox li i{ width:48px; height: 48px;margin-left:30px;  background: url(../images/gktb-icon1.png) no-repeat 0 0;}
.gklmBox li span{ line-height: 48px;margin-left:10px;}

li.gkml1 i{ background-position: 0 0;}
li.gkml1:hover i{ background-position: -52px 0;}

li.gkml2 i{ background-position: 0 -48px;}
li.gkml2:hover i{ background-position:-52px -48px;}

li.gkml3 i{ background-position: 0 -96px;}
li.gkml3:hover i{ background-position:-52px -96px;}

li.gkml4 i{ background-position: 0 -144px;}
li.gkml4:hover i{ background-position:-52px -144px;}

li.gkml5 i{ background-position: 0 -192px;}
li.gkml5:hover i{ background-position:-52px -192px;}

li.gkml6 i{ background-position: 0 -240px;}
li.gkml6:hover i{ background-position:-52px -240px;}

.infoNew .hd{ background: url(../images/line4.jpg) repeat-x bottom; overflow: hidden;zoom:1; height: 45px; position: relative;}
.infoNew .hd ul,.infoNew .hd span{ display: block; line-height: 45px;}
.infoNew .hd ul{ width:100%;}
.infoNew .hd span{ width:48px; font-size: 15px; position: absolute; top:0; right:0;}
.infoNew .hd span a{ color: #999;}
.infoNew .hd span a:hover{color: #1774d4;}
.infoNew .hd li{ background: url(../images/line5.jpg) no-repeat right; text-align: center; width:40%; float: left; line-height: 40px; font-size: 18px;}
.infoNew .hd li a{width:80%; margin: 0 auto; display: block; height: 45px; color: #777;}
.infoNew .hd li a:hover,.infoNew .hd li.on a{ background: url(../images/line2.jpg) repeat-x bottom; color: #1774d4; font-weight: bold;}
.zsjs .infoNew .bd{ height:373px;padding-top:5px;}
.zsjs .infoNew .bd li{ line-height: 37px;}
.zsjs .infoNew .bd li a{ width:78%;}

.jrliebBox{width: 100%; margin-top:15px;}
.jrjsBox{ width:419px; margin-right:20px;}
.gkmuli{ width:100%; margin-top:10px;}
.gkmuli li{ width:201px; height: 53px; border: 1px solid #e4f0fe; background: #f5fafe; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow: hidden;zoom:1; float: left;margin-bottom:13px;}
.gkmuli li i,.gkmuli li span{ display: block; float: left;}
.gkmuli li i{margin-left:20px; width:35px; height: 53px; background:url(../images/h-icon4.png) no-repeat 0 0;}
.gkmuli li span{margin-left:15px; line-height: 53px;}

li.hml1 i{ background-position: 0 0;}
li.hml2 i{ background-position: 0 -53px;}
li.hml3 i{ background-position: 0 -106px;}
li.hml4 i{ background-position: 0 -159px;}
li.hml5 i{ background-position: 0 -212px;}
li.hml6 i{ background-position: 0 -265px;}

li.hml1,li.hml3,li.hml5{margin-right:13px;}

li.hml1{ background: #f5fafe; border: 1px solid #e4f0fe;}
li.hml2{ background: #f4fdfe; border: 1px solid #d2f6f9;}
li.hml3{ background: #f3f7fe; border: 1px solid #dce7fd;}
li.hml4{ background: #f4f8fc; border: 1px solid #e4f0fe;}
li.hml5{ background: #f4fdfe; border: 1px solid #d2f6f9;}
li.hml6{ background: #f3f7fe; border: 1px solid #dce7fd;}

.gkml2{ background: #eff6fe; padding:10px 10px;}
.gkml2 li{ line-height: 35px; background: url(../images/arrow-2.png) no-repeat left; padding-left:17px; float: left; width:29%;}



.jrjsBox2{ width:321px;}

.jrjsBox .bd{ padding-top:5px;}
.jrjsBox .bd li a{ width:78%;}
.jrjsBox2 .hd li{width:33.3%;}
.jrjsBox2 ul{margin-top:5px;}
.jrjsBox2 li{ width:320px; height: 86px; overflow: hidden;zoom:1;margin-bottom:13px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.jrjsBox2 li a{width:100%; display:inline-block;}
.jrjsBox2 li i,.jrjsBox2 li span{ display: block; float:left; }
.jrjsBox2 li i{width:50px; height: 50px; background: url(../images/h-icon3.png) no-repeat 0 0;margin-left:86px;margin-top:17px;}
.jrjsBox2 li span{ font-size: 20px; font-weight:bold;margin-left:19px; line-height: 86px; color: #fff;}
li.hdtu1{ background: url(../images/h-hdbg1.jpg) no-repeat;}
li.hdtu2{ background: url(../images/h-hdbg2.jpg) no-repeat;}
li.hdtu3{ background: url(../images/h-hdbg3.jpg) no-repeat;}

li.hdtu1 i{ background-position: 0 0;}
li.hdtu2 i{ background-position: 0 -50px;}
li.hdtu3 i{ background-position: 0 -100px;}


.jrjsBox2 li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}






