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

	.width_all{ max-width:980px;}
	
	.head_top .head_en{ padding:0 0 0 16px;}
	.navbar_nav li p{ padding:0 16px;}
	
	.footer_right dl{ width:24%;}
	.footer_right dl:nth-child(2){ width:24%;}
	.footer_right dl:nth-child(3){ width:14%;}
	.footer_right dl:nth-child(4){ width:14%;}
	.footer_right dl:nth-child(5){ width:14%;}
	
	.join_us dl dt:before{ width:68%; left:16%;}

}

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

	.width_all{ width:92%;}
	.head_top .head_en{ margin:0 0 0 18px; padding:0 0 0 18px;}
	
	.h_active #navToggle span,.h_active #navToggle span:before,.h_active #navToggle span:after{ background:#333;}
	.h_active #navToggle.open span:before,.h_active #navToggle.open span:after{ background:#333;}
	#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:#fff;}
	#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:#fff;}
	.nav{ display:none;}
	
	.new_product_all dl dd{ float:none; width:100%; margin:0 0 28px 0;}
	.new_product_all dl:nth-child(2n) dd{ float:none;}
	.new_product_all dl dt{ float:none; width:100%;}
	.new_product_all dl:nth-child(2n) dt{ float:none;}
	.new_product_all .new_p_img{ width:100%; margin:10px auto 0 auto; position:inherit; bottom:none; right:none;}
	
	.solution_width .pre{ left:0;}
	.solution_width .next{ right:0;}
	
	.about_width .about_right{ float:none; width:100%;}
	.about_width .about_left{ float:none; width:100%;}
	
	.news_width .news_left{ float:none; width:100%; margin:0 0 28px 0;}
	.news_width .news_right{ float:none; width:100%;}
	
	.footer_left{ width:52%;}
	.footer_right{ display:none;}
	.footer_erweima{ width:42%;}
	
	.product_width .product_l{ width:100%; float:none; margin:0 0 18px 0;}
	.product_width .product_r{ float:none; width:100%;}
	
	.ny_news ul li{ width:100%; margin:0 0 5% 0;}
	.ny_news ul li:nth-child(2n){ margin:0 0 5% 0;}
	
	.join_us dl dt:before{ width:52%; left:24%;}

}

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

	.down_width ul li.model{ width:46%;}
	.down_width ul li.prodt{ width:46%;}
	.down_width ul li.prodt2{ display:none;}
	.down_width ul li.pwm{ display:none;}

}

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

	.head_top .logo{ width:48px; margin:10px 0;}
	.head_top .head_name{ display:none;}
	#navToggle span{ margin-top:27px;}	
	.head_top .head_en:after{ top:23px;}
	.head_top .head_en a{ line-height:68px;}
	
	.technology{ margin:42px auto;}
	.technology_name{ font-size:24px; line-height:32px;}
	.technology_name span{ font-size:14px;}
	.project dl{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	.project dl dd{ float:none; width:100%; text-align:center; margin:0 0 8px 0;}
	.project dl dt{ float:none; width:100%; text-align:center;}
	.new_p_box{ padding:48px 0;}
	.new_p_box .b1{ font-size:20px; margin:0 4% 10px 4%;}
	.new_p_box .b2{ font-size:14px; margin:0 4%;}
	
	.new_product{ margin:42px auto;}
	.new_p_left{ float:none; font-size:24px; line-height:32px; overflow:hidden;}
	.new_p_left span{ font-size:14px;}
	.new_p_more{ float:none; margin:12px 0 0 0;}
	
	.solution{ padding:42px 0;}
	.solution_name{ float:none; font-size:24px; line-height:32px; overflow:hidden;}
	.solution_name span{ font-size:14px;}
	.solution_more{ float:none; margin:12px 0 0 0;}
	.solution_w_id ul li{ width:12.5%;}
	
	.strength{ padding:42px 0;}
	.strength_name{ margin:0 auto 28px auto;}
	
	.news_list{ margin:0 auto 42px auto;}
	.news_name{ margin:42px auto 28px auto;}
	.news_n_left{ float:none; font-size:24px; line-height:32px; overflow:hidden;}
	.news_n_left span{ font-size:14px;}
	.news_n_more{ float:none; margin:12px 0 0 0;}
	
	.footer_left{ float:none; width:100%; margin:0 0 18px 0;}
	.footer_erweima{ float:none; width:75%;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	.products ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.products ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.ny_news ul li dl dd{ float:none; width:100%; margin:0 0 16px 0;}
	.ny_news ul li dl dt{ float:none; width:100%;}
	.ny_news ul li dl dt p{ margin:0 0 32px 0;}
	.ny_news ul li dl dt div{ width:100%;}
	
	.honor ul li{ width:48%; margin:0 4% 4% 0;}
	.honor ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.join_us dl dt:before{ width:28%; left:36%;}

}