﻿@charset "utf-8";
/*common responsive*/
@media (max-width: 1280px) {
	body{min-width: 320px; font-size: 15px;}
	.container{width:1140px;}
	button, input, select, textarea {font-size:1em;}
	.footer-links li a{font-size: 1em;}
	.easybtn{right: 5px;}
	.tab-card .hd li{font-size: 1.125em; font-weight: normal;}
	.tab-card .hd li.on{font-weight: bold;}
	.tab-brief .hd li{padding: 0 10px; margin:0 5px;}
	
}

@media (max-width: 1199px) {
	body{font-size: 14px;}
	.container{width:1002px;}
	.easybtn{display: none;}
	.footer_r{    float: unset;text-align: center;margin-top:15px}
}

@media (max-width: 1023px) {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */	
	}
	.container{width:100%; padding:0 2%;}
	.header-search{width: 435px;}
	.header-search .txt{width: 100%;}
	.col-sm100{float: none !important; width: 100% !important; margin-left:0 !important; margin-right: 0 !important;}
	.tab-brief .hd{height: 49px;}
}

@media (max-width: 991px) {
	.header{ height:auto; overflow: hidden;}
	.mb30{margin-bottom: 20px;}
	.footer-wzbs{margin-bottom: 10px;}
	.footer-wzbs, .footer-txt{display: block; text-align: center;}
	.footer-tel{float: none; text-align: center;}
	.footer-tel p{display: inline-block;}
	.footer-links ul{margin:0 -4px;}
	.footer-links li a{margin:0 4px;}
	.newslist-twoColumn li{width: 100%;}
}


/* xs mobile*/
@media (max-width: 768px) {
	.header-nav{display: none;}
	.header-logo{padding:30px 0 20px;}
	.header-search{width: 100%; margin-bottom: 30px;}
	.mainnav{height: auto;}
	.mainnav .container{padding: 0;}
	.mainnav ul{ padding:12px 0; border:none;}
	.mainnav ul li{position:relative; width:25%;}
	.mainnav ul li a{border:none; height:auto; line-height:34px; font-weight: normal;}
	.mainnav ul li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	.mainnav ul li:nth-child(4):after, .mainnav ul li:nth-child(8):after{display:none;}
	.mainnav ul li a:hover, .mainnav ul li.on a{background:none;}
	.tab-brief .inpad{padding-left: 3%; padding-right: 3%;}
	.footer{padding-top: 13px;}
	.footer-links li{font: none; width: 100%; margin-bottom: 1px;}
	.footer-links li a{border:none; background:rgba(255,255,255,0.05);}
	.footer_r{   margin-right:0}
}



@media (max-width: 640px) {
	.header .logo{padding: 30px 0;}
	.header .logo img{max-width: 90%;}
	


}


@media (max-width: 480px) {
	.tab-brief .hd{height: auto;}
	
}

@media (max-width: 479px) {
	
}

@media (max-width: 320px) {
	
}