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

	.width_all{ max-width:980px;}

}

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

	.width_all{ width:92%;}
	.head_top .head_en{ margin:0 0 0 18px; padding:0 0 0 18px;}
	
	#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:34px;}
	#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;}
	
	.banner{ display:none;}
	.banner_sj{ display:block;}
	.flex-control-paging li a{ width:8px; border-radius:4px; height:8px;}
	.flex-direction-nav li a.flex-prev{ display:none;}
	.flex-direction-nav li a.flex-next{ display:none;}
	
	.footer_left p{ font-size:14px; color:#ccc; line-height:26px; float:left; width:50%;}
	.footer_left p.f_r1{ font-size:14px; color:#ccc; line-height:26px;}
	.footer_left p.f_r2{ font-size:14px; color:#ccc; line-height:26px; margin:0;}
	.footer_right dl dd{ font-size:14px; color:#ccc; line-height:26px; margin:0 0 6px 0;}

}

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

	.head_top .logo{ width:125px; margin:8px 0;}
	.head_top .head_en{ line-height:42px;}
	.head_top .head_en:after{ top:11px;}
	#navToggle span{ margin-top:15px;}
	
	.flex-control-paging li a{ width:8px; border-radius:4px; height:8px;}
	
	.new_product{ display:none;}
	.new_p_sj{ display:block; width:100%; margin:1% auto;}
	.new_p_sj ul{ overflow:hidden;}
	.new_p_sj ul li{ margin:0 0 1% 0;}
	.new_p_sj ul li:last-child{ margin:0;}
	.new_p_sj ul li img{ width:100%;}
	
	.footer_left{ float:none; width:100%; margin:38px 0; overflow:hidden;}
	.footer_right{ float:none; width:100%; margin:38px 0; overflow:hidden;}
	.footer_icp .footer_i_left{ display:none;}
	.footer_icp .footer_i_right{ float:none; width:100%;}
	
	.ny_banner{ display:none;}
	.ny_banner_s{ display:block; width:100%; margin:0 auto; overflow:hidden;}
	.ny_banner_s img{ width:100%;}
	
	.nav_neiye{ background:#0c3382; margin:0 auto;}
	.nav_neiye ul{ width:92%; margin:0 auto;}
	.nav_neiye ul li{ float:none; width:100%;}
	.nav_neiye ul li a{ padding:8px 0; font-size:20px; border-bottom:#fff 1px solid; border-right:none;}
	.nav_neiye ul li a.artt{ border-right:none;}
	.nav_neiye ul li:last-child a{ border-bottom:none;}
	
	.about_us .company_name{ display:block; font-size:30px; color:#183265; line-height:56px; width:92%; border-bottom:#183265 1px dotted; margin:36px auto;}
	.about_left{ float:none; width:100%;}
	.about_us .company_profiles{ width:92%;}
	.about_right{ float:none; width:100%;}
	.about_right img{ width:92%; margin:0 0 0 4%;}
	.about_us .wenhua{ width:92%;}
	
	.certification ul li{ width:48%; margin:0 4% 4% 0; position:relative;}
	.certification ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.news_width dl dd{ float:none; width:100%; margin:0 0 3.6% 0;}
	.news_width dl dt{ float:none; width:100%;}
	.news_width{ width:92%;}
	.news_widths{ width:92%;}
	.p_next ol{ width:80%;}
	
	.contact_left{ float:none; width:100%; background:#ebebeb; height:auto; overflow:hidden;}
	.contact_right{ float:none; width:100%;}
	.contact_right iframe{ width:100%; height:318px;}
	
	.shopping{ display:none;}
	.sj_shopping{ width:100%; margin:1% auto; display:block;}
	.sj_shopping ul{ overflow:hidden; position:relative;}
	.sj_shopping ul li{ float:left; width:49.5%; margin:0 1% 0 0;}
	.sj_shopping ul li:last-child{ margin:0;}
	.sj_shopping ul li img{ width:100%;}

}