@charset "gb2312";
/* CSS Document */


.main{ width: 1140px; margin:20px auto;}

/* 焦点图 */
.slideBox{ float:left; width: 583px; height: 400px; position:relative; z-index:5;overflow: hidden;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:15px; bottom:13px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-left:5px; width: 10px; height:10px; background:#fff; font-size: 0px; line-height: 999px; cursor:pointer; overflow:hidden;}
.slideBox .hd ul li.on{ background:#9f1313;}
.slideBox .bd{ position:relative; height:400px;  z-index:0;}
.slideBox .bd li{ width:583px;  zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; left:0; bottom:0; width: 100%; height:40px; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000);   font-size:14px; line-height:40px; color:#eee; cursor:pointer; text-indent: 10px;}
.slideBox .bd img{ width:583px;}

/* 新闻 */
.news{ float: right; width: 500px; height: 400px; overflow: hidden; margin-right: 20px;}
.title{ height: 49px; border-bottom: 1px solid #d8d8d8;}
.title li{ float: left; width: 100px; height: 49px; font-size: 16px; line-height: 49px; text-align: center;}
.title li.on{ border-bottom: 1px solid #2c77ac;}
.title li a{ display: block; width: 100%; height: 100%;}
.title li a:hover{ text-decoration: none;}
.title li.on a{ color: #2c77ac;}
.hot-news{ border-bottom: 1px dashed #d8d8d8; padding: 15px 0;}
.hot-news h2{ height: 30px; line-height: 30px; font-size: 20px; text-align: center;overflow: hidden;}
.hot-news h2 a{ color: #ce2424;}
.hot-news p{ height: 48px; font-size: 12px; line-height: 24px; color: #a1a1a1; margin-top: 5px; overflow: hidden;}
.hot-news p a{ color:#c61111;}
.hot-news p a:hover{ text-decoration: underline;}
.list ul{ padding-top: 8px;}
.list ul li{ height: 30px; line-height: 30px; vertical-align: top;overflow: hidden;}
.list ul li a{ float: left;}
.list ul li a:hover{ text-decoration: underline;}
.list ul li span{ float: right; font-size: 12px; color: #a1a1a1;}


/* 搜索 */
.search_bar{ float:left; width:100%; height:40px;}
.search_bar ul{ float:left;}
.search_bar ul li{ float:left; width:280px; height: 40px; line-height:40px; text-align: center; font-size:16px; margin-right:10px;overflow: hidden;}
.search_bar ul li a{ display:block; width:100%; height: 100%; background:#ebebeb; }
.search_bar ul li a:hover{ text-decoration:none; background:#2c77ac; color:#fff;}
.search_bar .znjs{ float:right;width:560px; background:#ebebeb; height:30px; padding: 5px 0; line-height: 30px; margin:0;}
.search_bar .znjs h4{ float: left; font-weight: normal; width: 100px; text-align: center; font-size:16px;}
.search_bar .znjs .txt{ width:415px; height: 30px; border:1px solid #d1d1d1; border-right:none; float: left; line-height: 30px; text-indent: 10px; cursor:text; color:#999;}
.search_bar .znjs .btn{ float: left; border:1px solid #d1d1d1; border-left:none; width: 36px; height: 32px; background:url(2017ax_index_search.png) no-repeat center center #fff; cursor:pointer;}


/* 专题专栏 */
.ztzl{ float: left; width:1140px; height: 60px; margin-top: 20px; overflow:hidden; position:relative;}
.ztzl h2{ float:left; width:20px; height:55px; background:#2c77ac; color:#fff; text-align:center; font-size:12px; line-height:12px; font-weight:normal; padding:5px 5px 0; }
.ztzl .prev,.ztzl .next{ display:block; width: 25px; height: 50px; background: url(2017ax_index_prev.png); position: absolute; left:35px; top:5px; z-index: 2; cursor: pointer;}
.ztzl .next{ left:auto; right:0; background: url(2017ax_index_next.png);}
.ztzl .bd{ z-index: 1; width: 1060px; height:50px; overflow:hidden; margin:5px 0 0 61px;}
.ztzl .bd ul{ overflow:hidden; zoom:1;}
.ztzl .bd ul li{ float: left; width: 146px; height: 50px; margin-right: 5px;overflow: hidden;}
.ztzl .bd ul li a img{ width: 146px; height: 50px; display:block; }

.banner{ float: left; width: 100%; height: 92px; margin-top: 20px; position: relative; overflow: hidden;}
.banner .hd{ position: absolute; right: 10px; bottom: 10px; z-index: 2;}
.banner .hd li{ float: left; width: 20px; height: 20px; background: #f1f1f1; text-align: center; line-height: 20px; margin-left: 4px;overflow: hidden;}
.banner .hd li.on{ background: #9f1313; color: #fff;}
.banner .bd{ width: 1140px; height: 92px; z-index: 1;}
.banner .bd li{ width: 1140px; height: 92px;}
.banner img{ display: block; width: 1140px; height: 92px;}

.banner2{ float: left; width: 100%; height: 92px; margin-top: 20px; overflow: hidden;}
.banner2 img{ display: block; width: 1140px; height: 92px;}

/* 信息公开导航 */
.xxgkdh{ float: left; width: 300px; height: 290px; margin-top: 20px; overflow: hidden;}
.xxgkdh-title{ border-bottom: 1px solid #2c77ac; height: 49px;}
.xxgkdh-title li{ float: left; width: 150px; height: 49px; line-height: 49px; font-size: 16px; text-indent: 8px;overflow: hidden;}
.xxgkdh-title li a{ display: block; width: 100%; height: 100%; color: #888;}
.xxgkdh-title li.on a{ background: url(2017ax_index_title.png) no-repeat; color: #fff; font-weight: bold;}
.xxgkdh-title li a:hover{ text-decoration: none;}
.xxgkdh-list li{ height: 47px; border-bottom: 1px solid #d1d1d1; line-height: 47px; font-size: 16px; text-indent: 115px;overflow: hidden;}
.xxgkdh-list li a{ display: block; width: 100%; height: 100%;}
.xxgkdh-list li a:hover{ color: #2c77ac; text-decoration: none;}
.xxgkdh-list li.xxgk01{ background: url(2017ax_index_xxgk01.png) no-repeat 61px center;}
.xxgkdh-list li.xxgk02{ background: url(2017ax_index_xxgk02.png) no-repeat 60px center;}
.xxgkdh-list li.xxgk03{ background: url(2017ax_index_xxgk03.png) no-repeat 62px center;}
.xxgkdh-list li.xxgk04{ background: url(2017ax_index_xxgk04.png) no-repeat 58px center;}
.xxgkdh-list li.xxgk05{ background: url(2017ax_index_xxgk05.png) no-repeat 61px center;}

.zdly-list li{ float: left; width: 150px; height: 59px; border-bottom: 1px solid #d1d1d1; line-height: 59px; font-size: 16px; text-indent: 30px;overflow: hidden;}
.zdly-list li a{ display: block; width: 100%; height: 100%; background: url(2017ax_index_icon01.png) no-repeat 7px center;}
.zdly-list li a:hover{ color: #2c77ac; text-decoration: none;}

.gsgg{ float: left; width: 400px; height: 290px; margin: 20px 0 0 20px; overflow: hidden;}
.gsgg .title{ border-bottom-color:#2c77ac;}
.gsgg .title li{ text-align: left; text-indent:15px;}
.gsgg .title li.on{ border-bottom:none;  background: url(2017ax_index_title.css.png) no-repeat right center;}
.gsgg .title li.on a{ color:#fff;}

.title02{ border-bottom: 1px solid #2c77ac; height: 49px; line-height: 49px;}
.title02 h2{ float: left; width: 100px; height: 49px; background: url(2017ax_index_title.css.png) no-repeat right center; font-size: 16px; text-indent: 15px;}
.title02 h2 a{ display: block; width: 100%; height: 100%; color: #fff;}
.title02 h2 a:hover{ text-decoration: none;}

.flfg{ float: right; width: 400px; height: 290px; margin-top: 20px; overflow: hidden;}

.zdfw{ float: left; width: 300px; height: 286px; overflow: hidden; margin-top: 20px;}
.zdfw h2{ background: url(2017ax_index_zdfw.png); height: 58px; font-size: 16px; color: #fff; line-height: 50px; text-align: center;}
.zdfw ul{ width: 320px;}
.zdfw ul li{ float: left; width: 140px; height: 32px; margin: 10px 20px 0 0;overflow: hidden;}
.zdfw ul li a{ display: block; border: 1px solid #888888; width: 138px; height: 30px; line-height: 30px; text-align: center;}
.zdfw ul li a:hover{ border-color: #1f77a4; color: #1f77a4; text-decoration: none;}

.cxxt{ float: left; width: 100%; padding-top: 15px;}
.cxxt a{ display: block; width: 140px; height: 45px; background: #7cb3d9; font-size: 16px; color: #fff; line-height: 45px; text-align: center; float: right;}
.cxxt a:first-child{ float: left;}
.cxxt a:hover{ text-decoration: none; background: #2c77ac;}

.xzxx{ float: left; width: 560px; height: 286px; margin-top:20px; overflow: hidden;}
.xzxx .title02 h2{ color:#fff;}
.xzxx .title02 ul{ float: right; padding-top: 14px;}
.xzxx .title02 ul li{ float: left; margin-left: 5px;}
.xzxx .title02 ul li a{ display: block; padding: 0 8px; height: 26px; line-height: 26px;}
.xzxx .title02 ul li.on a{ border-radius: 3px; background: #2c77ac; color: #fff;}
.xzxx .title02 ul li a:hover{text-decoration: none;}
.xzxx .list li{ height: 32px; line-height: 32px;}

.yjzj{ float: right; width: 560px; height: 286px; margin-top:20px; overflow: hidden;}
.yjzj .list{ height: 160px;}
.yjzj .list li{ height: 32px; line-height: 32px;overflow: hidden;}

.jdts{ float: left; width: 100%; padding-top: 15px;}
.jdts a{ display: block; width: 270px; height: 51px; font-size: 16px; color: #fff; line-height: 51px; text-align:center; float: right; background: url(2017ax_index_jdts02.png) no-repeat 50px center #7cb3d9;}
.jdts a:first-child{ float: left; background-image: url(2017ax_index_jdts01.png);}
.jdts a:hover{ text-decoration: none; background-color: #2c77ac;}

/* 投资安乡 */
.tzax{ float: left; width: 572px; height: 272px; margin-top: 20px; overflow: hidden;}
.tzax .title02 ul{ float: right; padding-top: 14px;}
.tzax .title02 ul li{ float: left; margin-left: 5px;}
.tzax .title02 ul li a{ display: block; padding: 0 8px; height: 26px; line-height: 26px;}
.tzax .title02 ul li.on a{ border-radius: 3px; background: #2c77ac; color: #fff;}
.tzax .title02 ul li a:hover{text-decoration: none;}
.tzax .list dl{ height: 103px; border-bottom: 1px dashed #d5d5d5; padding: 12px 0 15px; overflow: hidden;}
.tzax .list dl dt{ float: left; width: 162px; height: 103px;}
.tzax .list dl dt img{ display: block; width: 162px; height: 103px;}
.tzax .list dl dd{ float: right; width: 385px;}
.tzax .list dl dd h3{ height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tzax .list dl dd p{ font-size: 12px; line-height: 24px; color: #888;}
.tzax .list dl dd p a{ color: #ce2424;}

/* 安乡旅游 */
.travel{ float: right; width: 549px; height: 272px; margin-top: 20px; overflow: hidden;}
.travel-title{ height: 100px;}
.travel-title h2{ float: left; width: 102px; height: 100px; font-size: 18px; line-height: 24px; text-align: center;}
.travel-title h2 a{ display: block; height: 75px; padding-top: 25px; background: #16ced9; color: #fff;}
.travel-title h2 span{ display: block; font-size: 12px; line-height: 14px; font-weight: normal;}
.travel-title h2 a:hover{ text-decoration: none;}
.travel-title ul{ float: right;}
.travel-title ul li{ float: left; width: 64px; height: 100px; text-align: center; line-height: 14px; margin-left: 10px;overflow: hidden;}
.travel-title ul li a{ display: block; width: 28px; height: 45px; padding: 55px 18px 0; color: #99bcd5;}
.travel-title ul li a.travel01{ background: url(2017ax_index_travel01.png) no-repeat center 23px #bad7eb;}
.travel-title ul li a.travel02{ background: url(2017ax_index_travel02.png) no-repeat center 23px #bad7eb;}
.travel-title ul li a.travel03{ background: url(2017ax_index_travel03.png) no-repeat center 23px #bad7eb;}
.travel-title ul li a.travel04{ background: url(2017ax_index_travel04.png) no-repeat center 26px #bad7eb;}
.travel-title ul li a.travel05{ background: url(2017ax_index_travel05.png) no-repeat center 23px #bad7eb;}
.travel-title ul li a.travel06{ background: url(2017ax_index_travel06.png) no-repeat center 23px #bad7eb;}
.travel-title ul li.on a.travel01{ background: url(2017ax_index_travel07.png) no-repeat center 23px #7cb3d9; color: #fff;}
.travel-title ul li.on a.travel02{ background: url(2017ax_index_travel08.png) no-repeat center 23px #7cb3d9; color: #fff;}
.travel-title ul li.on a.travel03{ background: url(2017ax_index_travel09.png) no-repeat center 23px #7cb3d9; color: #fff;}
.travel-title ul li.on a.travel04{ background: url(2017ax_index_travel10.png) no-repeat center 26px #7cb3d9; color: #fff;}
.travel-title ul li.on a.travel05{ background: url(2017ax_index_travel11.png) no-repeat center 23px #7cb3d9; color: #fff;}
.travel-title ul li.on a.travel06{ background: url(2017ax_index_travel12.png) no-repeat center 23px #7cb3d9; color: #fff;}
.travel-title ul li a:hover{ color: #fff; text-decoration: none;}
.travel-list{ margin-top: 20px;}
.travel-list ul{ width: 561px;}
.travel-list ul li{ float: left; width: 175px; height: 151px; margin-right: 12px;overflow: hidden;}
.travel-list ul li img{ display: block; width: 175px; height: 151px;}

/* 友情链接 */
.yqlj{ float: left; width: 100%; margin-top: 20px;}
.yqlj-title{ height: 40px;}
.yqlj-title li{ float: left; width: 120px; height: 40px; background: #9bb9d2; line-height: 40px; text-align: center; margin-right: 2px;overflow: hidden;}
.yqlj-title li a{ display: block; width: 100%; height: 100%; color: #fff;}
.yqlj-title li a:hover{ text-decoration: none;}
.yqlj-title li.on{ background: #fff; width: 118px; border: 1px solid #9bb9d2; border-bottom: 0;}
.yqlj-title li.on a{ color: #26506f;}
.yqlj-list{ width: 1078px; border: 1px solid #9bb9d2; padding: 10px 30px;}
.yqlj-list ul{ font-size: 0px;}
.yqlj-list li{ display: inline-block; *display:inline; zoom:1; height: 24px; background: url(2013AX_RL_home_xian2.jpg) no-repeat right center; font-size:12px; line-height: 24px;  padding-right:10px; margin-right:10px;}


.portR { float:right; width:240px; height:270px; overflow:hidden; margin-left:17px; margin-top:10px;}
.portL { float:left; width:440px; height:270px; overflow:hidden; margin-right:17px; margin-top:10px;}
.portC { float:left; width:426px;height:270px; overflow:hidden; margin-top:10px;}

.boxG .hd { height:40px; line-height:40px; position:relative; border-bottom:1px solid #ddf2f2; }
.boxG .hd h3 { background:url(boxGh3icon.png) no-repeat 0 -150px; padding-left:35px;}
.boxG .hd h3 a{ color:#166478; display:block; font-size:18px; font-weight:bold;}
#bsfwBox .iitem { min-height:60px; padding-top:10px;}
#bsfwBox .iitem h3 { float:left; width:60px; height:50px; border:1px solid #95d5dd; border-radius:50%; background:url(bsfwicons.png) no-repeat 15px 2px; line-height:50px; text-align:center; font-weight:bold; font-size:10px;}
#bsfwBox .iitem h3 a { color:#317179; display:block; padding-top:16px; text-decoration:none; }
#bsfwBox .iitem .worksIcons { padding:0;}
#bsfwBox .iitem .worksIcons li { margin:0 5px 0;}
.boxG .bd { padding:5px 0 0; }

/* worksBox */
.worksBox { padding:19px; border:1px solid #e5e5e5; height:100px; margin-bottom:20px;}
.worksBox h3 {float:left;width:120px;height:100px;background:url(workstibg.png) no-repeat;margin-right: 20px;}
.worksBox h3 a { display:block; text-align:center; line-height:50px; font-size:18px; font-weight:bold; color:#fff; padding-top:50px;}
.worksIcons { padding-top:10px;}
.worksIcons li { float:left; margin:5px 7px; line-height:30px;overflow: hidden; }
.worksIcons li a { display:block; padding:0 10px; border-radius:5px; text-decoration:none;}
.worksIcons li a:hover { background:#e6ecf5; }

/*重点服务事项*/
#indZdfwsx .hd h3 { background-position:0 -231px;}
#indZdfwsx li { float:left; width:142px; text-align:center; margin:10px 0 0;height:110px;overflow: hidden;}
#indZdfwsx li a { color:#4c4c4c;  text-decoration:none;}
#indZdfwsx li a i { width:70px; height:70px; margin:0 auto; display:block; border:1px solid #8cb1d4; border-radius:50%; margin-bottom:5px; background:url(zdfwicons.png) no-repeat 14px 19px; }
#indZdfwsx .li2 a i { background-position: -125px 19px;}
#indZdfwsx .li3 a i { background-position: -276px 19px;}
#indZdfwsx .li4 a i { background-position: 16px -106px;}
#indZdfwsx .li5 a i { background-position: -125px -106px;}
#indZdfwsx .li6 a i { background-position: -276px -106px;}
#indZdfwsx li a:hover { color:#46b692 }
#indZdfwsx li a:hover i { background-position: 14px -46px; border-color:#46b692;}
#indZdfwsx .li2 a:hover i { background-position: -125px -46px;}
#indZdfwsx .li3 a:hover i { background-position: -276px -46px;}
#indZdfwsx .li4 a:hover i { background-position: 16px -171px;}
#indZdfwsx .li5 a:hover i { background-position: -125px -171px;}
#indZdfwsx .li6 a:hover i { background-position: -276px -171px;}

#bjtjBox .hd { height:32px; line-height:32px; border-bottom:2px solid #e9f1ff; margin-bottom:5px;}
#bjtjBox .hd h3 { font-weight:bold; padding:0 10px; border-bottom:2px solid #425dae; float:left; }
#bjtjBox .bd { overflow:hidden;}
#bjtjBox .bd iframe { margin-top:-40px;}

.bscxBox .hd { background:url(hdspa.png) no-repeat 50% 12px; height:35px; margin-bottom:8px; line-height:35px; font-size:16px; font-weight:bold;}
.bscxBox .hd li { float:left; padding:0 28px; cursor:pointer;font-size:16px;line-height:35px;overflow: hidden;}
.bscxBox .hd li.on {color:#166478}



.bscxBox .bd {margin-right: -10px;}
.bscxBox .bd button { background:#3896f6 url(bssrhbt.png) no-repeat 10px; border:0; color:#fff; font-weight:bold; width:80px; height:40px; padding-left:35px; text-align:left;}
.bscxBox .bd input {float:left;padding:12px 10px;line-height:14px;height:14px;border: 1px solid #dddddd;border-right:0;font-size:14px;width: 139px;font-family: "微软雅黑";cursor:pointer;}

@media screen and (max-width:1140px){
	.main,.slideBox,.slideBox .bd ul,.slideBox .bd ul li,.slideBox .bd img,.ztzl,.banner .bd,.banner .bd li,.banner img,.xxgkdh{width: 100% !important;}
	.news{width: 100% !important;height: auto !important;margin-right: 0 !important;}
	.hot-news p,.search_bar{height: auto !important;}
	.search_bar ul,.search_bar ul li a img{width: 100% !important;}
	.search_bar ul li{width: 100% !important;margin-bottom: 10px !important;}
	.search_bar .znjs,.ztzl h2,.yqlj{display: none;}
	.ztzl .prev{left:0 !important;}
	.ztzl .bd{width: 100% !important;margin: 5px 0 0 0 !important;}
	.xxgkdh-list li{text-align: center;}
	.zdly-list li,.jdts a{width: 100% !important;}
	.jdts a{margin-bottom: 10px !important;}
	.gsgg,.flfg,.banner2 img{width: 100% !important;margin-left: 0 !important;}
	.portL,.portC{width: 100% !important;margin-right: 0 !important;height: auto !important;}
	.boxG .bd,#bsfwBox .iitem{float: left;}
	#bsfwBox .iitem h3{float: none;margin: 0 auto;}
	#bsfwBox .iitem .worksIcons{float: inherit;}
	.portR{float: inherit;margin: 0 auto;}
	.xzxx,.yjzj,.yjzj .list{width: 100% !important;height: auto !important;}
}
@media screen and (max-width:768px){
	.slideBox,.slideBox .bd,.slideBox .bd ul{height: 516px !important;}
}
@media screen and (max-width:700px){
	.slideBox,.slideBox .bd,.slideBox .bd ul{height: 400px !important;}
}
@media screen and (max-width:500px){
	#bsfwBox .iitem .worksIcons li{margin: 0 !important;width: 50% !important; text-align: center;}
	#indZdfwsx li{width: 50% !important;}
}
@media screen and (max-width:414px){
	.slideBox,.slideBox .bd,.slideBox .bd ul{height: 280px !important;}
}
@media screen and (max-width:375px){
	.slideBox,.slideBox .bd,.slideBox .bd ul{height: 252px !important;}
}
@media screen and (max-width:320px){
	.slideBox,.slideBox .bd,.slideBox .bd ul{height: 218px !important;}
}