@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:14px; cursor:default; color:#4c4c4c;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;border:none;}

ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}

address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

button,input,select,textarea{font-size:100%;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;}

a{text-decoration:none; outline:none; color:#4c4c4c;}

a:hover{ text-decoration:underline;}

a:active{outline: none;star:expression(this.onFocus=this.blur());}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

body{width: 100%;background: url(../images/2017_xs_index_bg.png) no-repeat top center;}
.hyl{ width: 50px; position:fixed; left:50%; margin-left:580px; bottom:200px; text-align:center; z-index:99999;display:none;}
.hyl ul li{ position: relative; width: 50px; height: 50px; margin-bottom: 5px;}
.hyl a{ display: block; width: 50px; height: 50px; line-height: 47px;}
.hyl a:hover{ text-decoration: none;}
.hyl a.hylItem1{background: url(../images/2017_xs_index_share1.png) no-repeat;}
.hyl a.hylItem2{background: url(../images/2017_xs_index_share2.png) no-repeat;}
.hyl a.hylItem3{background: url(../images/2017_xs_index_share3.png) no-repeat;}
.hyl .hylCell{ position: absolute; top:0; left:-95px; border:1px solid #ccc; background: #fff; width: 80px; padding: 5px; font-size:12px; line-height: 16px; display: none;}
.hyl .hylCell img{ display: block; width: 80px; height: 80px;margin-bottom: 10px;}
.hyl .hylApp{ top: -100px;}

.top{width: 100%;height: 30px;background: url(../images/2017_xs_index_topbg.png) no-repeat;}
.top{overflow:hidden;}
.top_cent{width: 1140px;height: 30px;line-height: 30px;margin: 0 auto;}
.top_cent ul li{float: left;}
.top_cent ul li a{padding: 0 6px;font-size: 12px;color: #333;display: block;float: left;}
.top_cent p.fr{font-size: 12px;}
.top_cent p.weather{margin-top: 7px;}

.logo_box{width: 1140px;height: 236px;margin: 0 auto;}
.logo_box .logo{display: block;float: left;margin-top: 76px;}
.logo_box ul{float: right;width: 189px;height: 60px;margin-top: 98px;}
.logo_box ul li{width: 60px;height: 60px;float: left;margin-right: 3px;}
.logo_box ul li a,.logo_box ul li a img{display: block;}

.nav_box{width: 1140px;height: 45px;margin: 0 auto;margin-bottom: 20px;background: #2ecc71;}
.nav_box .nav{width: 920px;height: 45px;line-height: 45px;}
.nav_box .nav ul{width: 920px;overflow: hidden;}
.nav_box .nav li{width: 150px;height: 45px;line-height: 45px;float: left;}
.nav_box .nav li a{display: block;font-size: 16px;color: #fff;text-indent: 50px;text-decoration: none;}
.nav_box .nav li a.nav1{background: url(../images/2017_xs_index_nav1.png) no-repeat 24px center;}
.nav_box .nav li a.nav2{background: url(../images/2017_xs_index_nav2.png) no-repeat 24px center;}
.nav_box .nav li a.nav3{background: url(../images/2017_xs_index_nav3.png) no-repeat 24px center;}
.nav_box .nav li a.nav4{background: url(../images/2017_xs_index_nav4.png) no-repeat 24px center;}
.nav_box .nav li a.nav5{background: url(../images/2017_xs_index_nav5.png) no-repeat 24px center;}
.nav_box .nav li a.nav6{background: url(../images/2017_xs_index_nav6.png) no-repeat 24px center;}
.nav_box .nav li a.nav1:hover{background: url(../images/2017_xs_index_nav1.png) no-repeat 24px center #27ae60;}
.nav_box .nav li a.nav2:hover{background: url(../images/2017_xs_index_nav2.png) no-repeat 24px center #27ae60;}
.nav_box .nav li a.nav3:hover{background: url(../images/2017_xs_index_nav3.png) no-repeat 24px center #27ae60;}
.nav_box .nav li a.nav4:hover{background: url(../images/2017_xs_index_nav4.png) no-repeat 24px center #27ae60;}
.nav_box .nav li a.nav5:hover{background: url(../images/2017_xs_index_nav5.png) no-repeat 24px center #27ae60;}
.nav_box .nav li a.nav6:hover{background: url(../images/2017_xs_index_nav6.png) no-repeat 24px center #27ae60;}

.reacher{width: 209px;height: 31px;line-height: 31px;border: 1px solid #ded8d8;background: #fff;margin-top: 6px;}
.reacher input{border: 0;}
.reacher .txt{width: 170px;height: 31px; float: left; text-indent: 10px; cursor:text; color:#999;}
.reacher .btn{ float: left; width: 37px; height: 24px; background:url(../images/2017_xs_index_search.png) no-repeat; cursor:pointer;margin-top: 4px; font-size:12px; color:#2ecc71}

.links{width: 100%;height: 34px;line-height: 34px;border-top: 1px solid #2ecc71;}
.links ul{width: 840px;margin: 0 auto;}
.links ul li{float: left;text-align: center;width: 140px;}
.links ul li a{display: block;font-size: 14px;color: #333;text-decoration: none;}

.footer{width: 100%;text-align: center;height: 170px;padding-top: 25px;background: #f0f0f0;}
.footer p{font-size: 12px;color: #333;line-height: 30px;}
.foot_pic{width: 450px;margin: 0 auto;margin-top: 5px;}
.foot_pic li{float: left;width: auto;}
.foot_pic li a{display: block;}

.dqwz{width: 100%;height: 30px;line-height: 30px;text-indent: 36px;background: url(../images/2017_xs_index_dqwz_bg.png) no-repeat;margin-bottom: 20px;font-size: 14px;color: #888;overflow:hidden;}
.dqwz a{font-size: 14px;color: #888;text-decoration: none;}
.dqwz a:hover{color: #ff0000;}




@media screen and (max-width: 1140px){
	body{ background-image: url(../images/2017_xs_index_bg2.png);}
	
	.hyl,.newalert,.reacher,.links,.foot_pic{ display: none;}
	.top_cent,.logo_box,.nav_box,.nav_box .nav,.nav_box .nav ul{ width: 100%;}
	.nav_box{float: left;}
	.nav_box,.nav_box .nav{height: auto !important;}
	.nav_box .nav li{ width: 33%;}
	.nav_box .nav li a{ background-position: 40% center; text-indent: 30%;}
	.footer{ width: 98%; height: auto; padding: 30px 1%;}
}

@media screen and (max-width: 768px){
	.logo_box{ height: auto; padding: 40px 0;}
	.logo_box ul{ display: none;}
	.logo_box .logo{ float: none; text-align: center; margin: 0;}

	.nav_box .nav li a{ text-indent: 0; text-align: center;}
}
@media screen and (max-width: 500px){
	.nav_box .nav li a{  background-position: left center !important;}
}
@media screen and (max-width: 400px){
	.logo_box .logo img{ width: 95%; height: auto;}
}