@charset "utf-8";
/*common responsive*/
@media (max-width: 1200px) {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */	
	}
	.container{width:100%; padding:0 2%;}
	
	.header .logo{left:2%;}
}

@media (max-width: 1080px) {
	body{font-size: 15px;}
	.header_top{height: auto;}
	.header .logo{position:static; padding:20px 0 25px; }
	.header .logo img{margin:0 auto; max-width:90%; display: block;}
	.header .search{ width:100%; position:relative; left:0; right:0; top:auto; max-width:800px; margin:0 auto 35px;}

}

@media (max-width: 991px) {
	.header .menu{ display:none;}
	.mainnav .container{ padding:0;}
	.mainnav li a, .mainnav li.nav0 a{padding-left:0; text-align:center;}
	.mainnav li a i{ display:none;}
	.footer .wzbs, .footer .copyright{text-align:center; float: none; width: 100%;}

}

/* xs mobile*/
@media (max-width: 768px) {
	.header .search p{display:none;}
	
	
}


@media (max-width: 640px) {
	.mainnav{height:auto; padding:6px 0; overflow:hidden; line-height:34px;}
	.mainnav li, .mainnav li.nav0{position:relative; width:33.333%; background: none;}
	.mainnav li:after{content:""; width:1px; height:20px; background:#fff; position:absolute; top:50%; margin-top:-10px; right:0; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity:0.2;}
	.mainnav li:nth-child(3):after, .mainnav li:nth-child(6):after{display:none;}
	.mainnav li a{font-size:16px; border:none; height:auto; line-height:34px; margin-right: 0;}
	.mainnav li a:hover, .mainnav li.on a{ background:none;}
}


@media (max-width: 480px) {
	.mainnav li a{font-size:15px;}
	.search .ss_btn{font-size: 16px;}
	.curmb{font-size:14px;}
	
}