@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{height:auto; background: none;}
	.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;}
	.header .search .ss{padding-right: 70px;}
	.search .ss_txt{ width:100%; height:42px;}
	.header .menu{right:2%; top:10px;}
	.header .menu li.wb h4 a{background-color: #feedde;}
	.header .menu li.wx h4 a{background-color: #e1f8d3;}
	.header .menu li.mobile h4 a{background-color: #e6f9f7;}
	.header .menu li.wza h4 a{background-color: #dfefff;}
	.search p a{background: #eeeeee;}
	.mainnav li{width:17%;}
	.mainnav li.nav0{width:15%;}
}

@media (max-width: 991px) {
	.header .menu{ display:none;}
	/*.mainnav{margin-bottom:20px;}*/
	.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%;}
	/*.curmb2{margin-top:-20px;}*/
}

/* 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.nav0{height:68px; width:22%; line-height:68px;}
	.mainnav li.nav0:after{height:54px; margin-top:-27px;}*/
	.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;}
	.footer .footer_nav a{margin:0 10px;}
	
}


@media (max-width: 480px) {
	.mainnav li a{font-size:15px;}
	.search .ss_btn{font-size: 16px;}
	.footer_nav{padding:10px 0; height: auto; line-height: 22px;}
	.footer_nav a{margin:0 5px; font-size:15px; display: inline-block;}
	.curmb{font-size:14px;}
	
}