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

	.width_all{ max-width:980px;}
	
	.why1 .why_left{ height:195px;}
	.why3 .why_right a{ line-height:195px;}
	
	.news_width .news_left ul li a{ line-height:49px;}
	.news_width .news_left ul li i{ margin:24px 6px 0 0;}
	.news_width .news_left ul li span{ height:49px;}
	.news_width .news_right ul li a{ line-height:49px;}
	.news_width .news_right ul li i{ margin:24px 6px 0 0;}
	.news_width .news_right ul li span{ height:49px;}
	
	.f_phone{ width:24%; margin:0 6% 0 0;}
	.erweima{ width:14%;}
	
	.product_right{ width:40%;}

}

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

	.width_all{ width:92%;}
	
	.head_top .company_name{ font-size:14px; font-weight:bold; line-height:20px; margin:9px 0 9px 16px;}
	.head_top .company_name em{ letter-spacing:1.05px; font-weight:bold;}
	.head_top .rexian{ margin:0 40px 0 0; font-size:14px;}
	.head_top .rexian span{ font-size:16px;}
	.head_top .cnen{ display:none;}

	#navToggle{ height:auto; overflow:hidden; padding:9px 15px; margin-right:-15px; display:block; position:absolute; top:27px; right:4%;}
	#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:#4f4f4f;}
	#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:#4f4f4f;}
	.nav_hear{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.about{ margin:40px auto;}
	.about_left{ display:none;}
	.about_right{ float:none; width:100%;}
	
	.new_p_name a{ display:none;}
	
	.why1 .why_left{ float:none; width:100%; height:118px;}
	.why1 .why_center{ float:none; width:100%;}
	.why1 .why_right{ float:none; width:100%;}
	.why_us .why_wz{ margin:0 auto 30px auto;}
	.why_us .why2 .why_wz{ width:90%;}
	.why2 .why_left{ float:none; width:100%;}
	.why2 .why_center{ float:none; width:100%;}
	.why2 .why_right{ float:none; width:100%;}
	.why3 .why_left{ float:none; width:100%;}
	.why3 .why_center{ float:none; width:100%;}
	.why3 .why_right{ float:none; width:100%;}
	
	.honor_g li{ width:2.9%; margin:0 0.3% 0 0;}
	
	.news_width .news_left{ float:none; width:100%;}
	.news_width .news_right{ float:none; width:100%;}
	
	.f_phone{ display:none;}
	.erweima{ width:20%;}
	
	
	.content .con_left{ float:none; width:100%;}
	.content .con_left span.l_cot{ display:none;}
	.content .con_left .l_contact{ display:none;}
	.content .con_right{ float:none; width:100%; margin:0 0 36px 0;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.pro_sj .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
	.pro_sj .flex-direction-nav a.flex-prev{ left:0;}
	.pro_sj:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
	.pro_sj .flex-direction-nav a.flex-next{ right:0;}
	.pro_sj:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
	.pro_sj .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-8px 0 0 -20px;}
	.pro_sj:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
	.pro_sj:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
	.pro_sj .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
	.pro_sj .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	
	.shebei_k{ overflow-x:scroll;}
	.shebei_k table{ width:900px;}

}

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

	.head_top{ margin:10px auto;}
	.head_top .company_name{ display:none;}
	.head_top .rexian{ display:none;}
	
	#navToggle{ top:11px;}
	
	.hot_product ul li{ width:48%; margin:0 4% 4% 0;}
	.hot_product ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.honor_g li{ width:6.1%; margin:0 0.3% 0 0;}
	
	.news_width .news_left dl dd{ float:none; width:100%; margin:0 0 8px 0;}
	.news_width .news_left dl dt{ float:none; width:100%;}
	
	.erweima{ width:34%;}
	
	
	.ny_honor ul li{ width:48%; margin:0 4% 4% 0;}
	.ny_honor ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.ny_news dl dd{ float:none; width:100%; margin:0 0 8px 0;}
	.ny_news dl dt{ float:none; width:100%;}
	
	.contact .contact_left{ float:none; width:100%; margin:0 0 30px 0;}
	.contact .contact_right{ float:none; width:100%;}

}