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

	.width_all{ max-width:980px;}
	
	.nav a{ padding:0 6px;}

}

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

	.width_all{ width:92%;}
	
	.head_top .welcome{ display:none;}
	
	.head_nav h1{ margin:10px 0;}
	.head_nav .company_name{ margin:26px 0 26px 12px;}

	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:65px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#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:#373737;}
	#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:#373737;}
	.header{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.new_p_left{ display:none;}
	.new_p_right{ float:none; width:100%;}
	
	.youshi_width .youshi_left{ float:none; width:100%; margin:0 0 28px 0;}
	.youshi_width .youshi_right{ float:none; width:100%;}
	.youshi_width2 .youshi_right{ float:none; width:100%; margin:0 0 28px 0;}
	.youshi_width2 .youshi_left{ float:none; width:100%;}
	
	.about_width .about_right{ float:none; width:100%;}
	.about_width .about_left{ float:none; width:100%; margin:0 0 28px 0;}
	
	.guanggao .guanggao_left{ height:168px; float:none; margin:28px 0 0 0;}
	.guanggao .guanggao_right{ height:168px; float:none; margin:0 0 28px 0;}
	
	.client ul li{ width:23.5%; margin:0 2% 2% 0;}
	.client ul li:nth-child(4n){ margin:0 0 2% 0;}
	.client ul li:nth-child(6n){ margin:0 2% 2% 0;}
	.client ul li:nth-child(12n){ margin:0 0 2% 0;}
	
	.footer_nav .f_nav_width .f_nav_left{ float:none; width:100%; overflow:hidden; margin:0 0 28px 0;}
	.footer_nav .f_nav_width .footer_contact{ float:none; width:100%;}
	
	.product_width .product_l{ width:100%; float:none; border:none; margin:0 0 20px 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;}
	.p_next dl dd{ float:none; width:100%;}
	.p_next dl dd i{ float:left; background:url(../images/news_r.png) center no-repeat; margin:10px 5px 0 0;}
	.p_next dl dt{ float:none; width:100%;}
	.p_next dl dt i{ float:left; background:url(../images/news_r.png) center no-repeat; margin:10px 5px 0 0;}
	
	.down_width ul li.model{ width:45%;}
	.down_width ul li.prodt{ display:none;}
	.down_width ul li.prodt2{ width:30%;}
	.down_width ul li.pwm{ width:21%;}
	
	.contact_left{ float:none; width:100%; margin:0 0 28px 0;}
	.contact_right{ float:none; width:100%;}
	.contact_right iframe{ height:378px;}

}

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

	.head_top .cnen{ display:none;}
	.head_top .rexian{ margin:0;}
	.head_nav .company_name{ display:none;}
	
	.new_p_right ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_right ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_p_right ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.new_p_right ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.fwlist{ height:900px;}
	.fwlist dl{ width:48%; margin:0 4% 4% 0; height:400px; float:left;}
	.fwlist dl:nth-child(2n){ margin:0 0 4% 0;}
	.fwlist dl:last-child{ margin:0 0 4% 0;}
	
	.client ul li{ width:31%; margin:0 3.5% 3.5% 0;}
	.client ul li:nth-child(3n){ margin:0 0 3.5% 0;}
	.client ul li:nth-child(4n){ margin:0 3.5% 3.5% 0;}
	.client ul li:nth-child(6n){ margin:0 0 3.5% 0;}
	.client ul li:nth-child(12n){ margin:0 0 3.5% 0;}
	
	.footer_nav .f_nav_width .f_nav_left dl{ float:left; width:30%;}
	.footer_nav .f_nav_width .f_nav_left dl:nth-child(2){ width:40%;}
	.footer_nav .f_nav_width .f_nav_left dl:nth-child(2) dt{ float:none; width:100%;}
	
	.ny_nav li{ width:32%; margin:0 2% 10px 0;}
	.ny_nav li:nth-child(3n){ margin:0 0 10px 0;}
	.ny_nav li a{ display:block; font-size:14px; text-align:center; padding:0;}
	
	.hezuo ul li{ width:23.5%; margin:0 2% 2% 0;}
	.hezuo ul li:nth-child(4n){ margin:0 0 2% 0;}
	.hezuo ul li:nth-child(6n){ margin:0 2% 2% 0;}
	.hezuo ul li:nth-child(12n){ margin:0 0 2% 0;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ 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%;}

}