@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1260px) {

	.width_all{ max-width:980px;}
	
	.navbar_nav li{ padding:0 12px;}
	
	.news .h_news dl dd{ width:43%;}
	.news .h_news dl dt{ width:54%;}

}

@media screen and (max-width:1000px) {

	.width_all{ width:92%;}
	
	#navToggle{ height:auto; padding:7px 9px; margin:0 -9px 0 0; display:block; float:right;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:43px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#2a3382;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#2a3382;}
	.nav{ display:none;}
	
	.banner{ display:none;}
	.banner_sj{ display:block;}
	.flex-direction-nav li a{ display:none;}
	
	.news .h_news{ float:none; width:100%; margin:0 auto 48px auto;}
	.news .faqs{ float:none; width:100%;}
	
	.footer_width:before{ display:none;}
	.footer_left{ float:none; width:100%; margin:0 auto 32px auto; overflow:hidden;}
	.footer_contact{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	
}

@media screen and (max-width:640px) {

	.head_top .logo{ width:35px; margin:12px 0;}
	.head_top .company_name{ margin:12px 0 12px 12px; font-size:12px; line-height:22px; letter-spacing:0.1px;}
	.head_top .company_name h1{ font-size:21px; line-height:28px; letter-spacing:0.1px;}
	.head_top .cnen{ margin:19px 0;}
	.head_top .search{ display:none;}
	#navToggle span{ margin:30px 10px 0 0;}
	
	.home_center{ margin:2% auto;}
	.home_center ul li{ float:none; width:100%; margin:0 0 2% 0;}
	
	.news .h_news dl dd{ float:none; width:100%; margin:0 0 18px 0;}
	.news .h_news dl dt{ float:none; width:100%;}
	.news .h_news ul li span{ width:68%;}
	
	.footer_width{ margin:32px auto 48px auto;}
	.footer_left{ display:none;}

}