﻿﻿/* 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,.zhuantiBox,.columnTree{ width:1200px;margin: 0 auto;}
/*--头条新闻--*/
.headline{margin-top:40px; position: relative;}
.headline .tit{ position: absolute; top:-20px; line-height: 0; width:100px;height:88px;background:url(../images/headline-tit.png) no-repeat; cursor:pointer; font-size: 0; line-height: 0; text-align: -9; }
.headline .tit a{ display: block;width:100%; height: 65px; 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: auto;}
.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; }
.headlist .bd li h3 a{ color:#e43b3c;} 

/*--焦点图及新闻---*/
.fousNews{ width:100%; margin-top:19px;}
.foucebox{ width:640px; height:412px; 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 center;}
.foucebox .hd a.next{ right:0px; background: url(../images/arrow2.png) no-repeat center;}

.foucebox .bd{ width:640px; height:405px;}
.foucebox .bd li{ float:left;width:640px; height:412px; 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:540px;}
.infoBoxOne{ width:100%;margin-bottom:7px;}
.infoBoxOne .hd{ height: 50px; width:100%; background: #f3f4f5; line-height: 50px;}
.titBox{ height:50px;  background: url(../images/line1.png) repeat-x bottom;margin-top:2px;}
.titBox li{ width:25%; font-size: 20px; float: left; text-align:center; background: url(../images/line2.jpg) no-repeat right;}
.infoBoxOne .hd .titBox li{background: url(../images/line3.jpg) no-repeat right;}
.titBox li a{ display: block; width:100%;  height: 50px; color: #666666; }
.titBox li.on a{ color: #fff; background:#1f429f; font-weight: bold;}

.infoBoxOne .bd{margin-top:15px; height: 345px;}
.infoBoxTow .bd{ height:98px;}
.infoBoxOne .newlist li{line-height: 38px; background: url(../images/arrow6.png) no-repeat left;}

.ztTop{ width:100%; margin-top:8px; 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;}

.tuyrlm{width:100%;margin-top:15px;}
.ztlmfl{ width:812px;}
.ztlmfl li{ width:258px; height: 87px; margin-right:15px; border: 1px solid #e3f1f9; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float: left; overflow: hidden;zoom:1;margin-bottom:14px;}
.ztlmfl li i,.ztlmfl li span{ display: block; float: left;}
.ztlmfl li i{ width:40px; height: 40px;margin:24px 12px 0 70px; background: url(../images/ztlm-icon.png) no-repeat 0 0;}
.ztlmfl li span{ marign-left:5px; line-height: 87px;}
li.ztlm3,li.ztlm6 {margin-right:0;}

li.ztlm1 i{ background-position: 0 0;}
li.ztlm2 i{ background-position: 0 -40px;}
li.ztlm3 i{ background-position: 0 -80px;}
li.ztlm4 i{ background-position: 0 -120px;}
li.ztlm5 i{ background-position: 0 -160px;}
li.ztlm6 i{ background-position: 0 -200px;}

.ztlmfl li:hover i,.hdlm 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);
}

.hyhud{ width:364px;}
.bgTit{width:100%; height: 45px; line-height: 45px; background: url(../images/line3.jpg) repeat-x bottom;}
.bgTit h3{ display:inline-block; padding:0 10px; height: 45px; overflow: hidden;zoom:1;  background: url(../images/line4.jpg) repeat-x bottom; }
.bgTit h3 i,.bgTit h3 a{ display: block; float: left;}
.bgTit h3 a{ margin-left:15px; font-size: 22px; font-weight: bold; color: #1f429f;}
.bgTit h3.hdtit i{ width:22px; height: 45px; background: url(../images/htit-icon1.png) no-repeat;}
.bgTit h3.gktit i{ width:22px; height: 45px; background: url(../images/htit-icon2.png) no-repeat;}
.hyhud .hdlm{ width:100%; margin-top:23px;}
.hyhud .hdlm li{ width:176px; height: 129px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.hdlm li i,.hdlm li span{ display: block; text-align: center; margin: 0 auto;}
.hdlm li i{ width:55px; height: 55px; background: url(../images/hhd-icon2.png) no-repeat 0 0;margin-top:15px;}
.hdlm li span{ text-align: center; width: 100%; height: 35px; line-height: 35px; color: #fff;margin-top:8px;}

.hyhud .bgTit{margin-top:-6px;}

li.jzxx{ background: url(../images/hhd-bg1.jpg) no-repeat;}
li.jzxx i{ background-position: 0 0;}
li.wyly{ background: url(../images/hhd-bg2.jpg) no-repeat;}
li.wyly i{ background-position: 0 -56px;}

.htBanner{ width:100%; margin-top:2px;height: 110px;}
.htBanner li{ width:100%; height: 110px;}


/*--政务公开--*/
.columnTow{width: 100%; margin: 0 auto;margin-top:17px; background: #f7f7f7;padding:20px 0 45px 0;}
.specialTopic{ width:1200px; margin: 0 auto;}

.gklmBox{ width:813px;}
.gkCenter{ width:100%;margin-top:15px;}
.gkdirectory{ background: #f3f6fd; width:198px;padding:10px 7px;}
.gkdirectory li{ width:198px;height: 48px; border-bottom: 1px solid #fff; overflow: hidden;zoom:1;padding:14px 0 14px 14px;}
.gkdirectory li i,.gkdirectory li span{ display: block; float: left;}
.gkdirectory li i{ width:48px; height: 48px; background: url(../images/gktb-icon1.png) no-repeat 0 0;}
.gkdirectory li span{ line-height: 48px;margin-left:10px;}

li.gkml1 i{ background-position: 0 0;}
li.gkml1:hover i{ background-position: -53px 0;}

li.gkml2 i{ background-position: 0 -48px;}
li.gkml2:hover i{ background-position:-53px -48px;}

li.gkml3 i{ background-position: 0 -96px;}
li.gkml3:hover i{ background-position:-53px -96px;}

li.gkml4 i{ background-position: 0 -144px;}
li.gkml4:hover i{ background-position:-53px -144px;}

li.gkml5 i{ background-position: 0 -192px;}
li.gkml5:hover i{ background-position:-53px -192px;}



.publicNew{ width:574px;}
.publicNew .hd{width:100%;height:45px;background: url(../images/line6.jpg) repeat-x bottom;overflow: hidden;zoom:1;}
.publicNew .hd ul li{ width:33.3%; height: 45px; line-height:32px; text-align: center; font-size: 18px; color: #777; float: left;} 
.publicNew .hd ul li a{ color: #777;}
.publicNew .hd ul li.on,.publicNew .hd ul li:hover{ background: url(../images/line5.jpg) no-repeat center bottom;}
.publicNew .hd ul li.on a,.publicNew .hd ul li:hover a{ color: #1f429f; font-weight: bold;}

.publicNew .bd{ height: 290px;width:100%;margin-top:5px;}
.publicNew .bd li{ line-height:40px;}
.publicNew .bd li span{ text-align: right;padding-right:10px;}

.topicList{ width:365px;padding-top:10px; height: 455px;}
.topicList .bd {height: 465px; overflow: hidden; }
.topicList .bd li{margin-bottom:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height: 105px;}
.topicList .bd li img{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.topicList .hd{ width:60px; height: 8px;margin: 0 auto;margin-top:8px;}
.topicList .hd li{ width:8px; height: 8px; font-size: 0; line-height: 0; text-indent: -9px; float: left; background: #dfe1e3;margin:0 3px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; cursor: pointer;}
.topicList .hd li.on{ background: #c6231a;}

.hyjrpicBox{ width:100%;margin-top:15px;}
.tyjrTit{ width:100%;height:55px;background: url(../images/line6.jpg) repeat-x bottom;overflow: hidden;zoom:1;}
.tyjrTit h3,.tyjrTit span{ display: inline-block;}
.tyjrTit h3{width:175px; text-align: center; background: url(../images/line7.jpg) no-repeat center bottom;color: #1f429f; height: 55px; line-height: 45px; padding:0 10px; font-weight: bold; font-size:22px; float:left; }
.tyjrTit h3 a{ color:#1f429f;}

.tyjrTit span{ float: right; color: #888; font-size: 14px; line-height: 45px; margin-right:10px;}
.tyjrTit span a{ color: #888;}

.picBoxlist{ width:100%; margin-top:10px; overflow: hidden;}
.picBoxlist li{ width:287px; margin-right:18px;position:relative; float:left; height:206px;}
.picBoxlist li img{ width:287px; height:186px;}
.picBoxlist li span{ display:block;width:90.5%; line-height:35px; height:35px; border-bottom:2px solid #1551c0; position:absolute; bottom:0; left:8px; background:#fff;padding:2%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:999;}










