@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%;}
.header{ padding: 14px 0;}
.header .logo1{float: left;display: inline-block;width: 150px;height: 40px;background:url(../images/2017_index_mobile_logo.png) no-repeat;background-size:contain;}
/*搜索框*/
/*.sb-search {position: relative;margin-top: 5px;width: 0%;min-width: 30px;height: 30px;float: right;overflow: hidden; background:url(../images/2017_index_mobile_search.png) center center no-repeat;background-size:contain;}
*/

.sb-search {position: relative;margin-top: 15px;width: 0%;min-width:15px;height: 15px;float: right;overflow: hidden; background:url(../images/2017_index_mobile_search.png) center center no-repeat;background-size:15px 15px;}
.reacher{width: 210px;height: 30px;line-height: 30px;border: 1px solid #ded8d8;background: #fff;margin-top:5px; float:right; margin-right:5px;}
        .reacher input{border: 0;}
        .reacher .txt{width: 170px;height: 30px; float: left; text-indent: 10px; cursor:text; color:#999;}
        .reacher .btn{ float: left; width: 30px; height:30px; background:url(../images/2017_index_mobile_search.png) no-repeat; cursor:pointer;}
.nav1{ width: 100%; display: block; zoom: 1; background: #2ecc71; height: 48px;}
.nav1 li{ display: inline-block; float: left; width: 20%; background: url(../images/2017_index_mobile_navbg.png) right center no-repeat; text-align: center;}
.nav1 li a{ display: inline-block; line-height: 36px; padding: 6px 0; height: 36px; width: 60px; color: #fff; font-size: 12px;}
.nav1 li:first-child a{ line-height: 36px;}
.nav1 li:last-child{ background: none;}

.footer1{ width:100%; padding: 20px 0; border-top:5px solid #2ecc71;}
.footer1 .footer_img{ display: none; float:inherit; margin:0 auto; width:220px; padding:16px 0;}
.footer1 p{ width:100%; line-height:24px; color:#333333; font-size:12px; text-align:center;}

.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;}

.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); width:96%;padding:0 2%;}
	
	.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;display:none;}
	.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%;}
	.top,.logo_box,.nav_box,.footer{display:none !important;}
	.header,.nav1,.footer1{display:block !important;}
}

@media screen and (max-width: 768px){
	.logo_box{ height: auto; padding: 40px 0;}
	.logo_box ul.nav{ 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;}
			.reacher{ width:100%;}
	.reacher .txt{ width:86%;}
}