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

	.width_all{ max-width:980px;}
	
	.head_top:before{ width:58%;}
	.nav .m{ margin:0 0 0 38px;}
	
	.about_us .about_left{ width:42%;}
	.about_us .about_right{ width:52%; margin:0 3% 0 0;}
	
	.footer_contact{ float:right; width:37%;}

}

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

	.width_all{ width:92%;}
	
	.head_top:before{ display:none;}
	.head_top .rexian_c{ display:none;}
	
	#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:40px;}
	#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:#007cc4;}
	#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:#007cc4;}
	.header{ display:none;}
	.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px !important;}
	
	.about_us{ margin:60px auto 36px auto;}
	.about_us .about_left{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.about_us .about_right{ float:none; width:92%; margin:0 auto; overflow:hidden;}
	.about_us .about_more{ margin:20px 0 30px 0;}
	.about_list li{ width:6%; margin:0 0.5% 0 0;}
	
	.new_product ul li{ width:48%; margin:0 4% 4% 0;}
	.new_product ul li:nth-child(1){ width:100%;}
	.new_product ul li:nth-child(3){ margin:0 0 4% 0;}
	.new_product ul li:nth-child(4){ margin:0 4% 4% 0;}
	.new_product ul li:nth-child(5){ margin:0 0 4% 0;}
	.new_product ul li:nth-child(6){ margin:0 4% 0 0;}
	.new_product ul li:nth-child(7){ margin:0;}
	
	.news_width .h_news{ float:none; width:100%; margin:0 auto 48px auto; overflow:hidden;}
	.news_width .faqs{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	
	.footer_nav{ float:none; width:100%; margin:0 auto 24px auto; overflow:hidden;}
	.footer_contact{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.footer_contact ul li{ font-size:24px; line-height:36px; padding:10px 0;}
	.footer_contact ul li:nth-child(3){ line-height:36px;}

}

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

	.head_top .logo{ width:52px; margin:10px 14px 15px 0;}
	.head_top h1{ font-size:18px; line-height:28px; margin:20px 0 25px 0;}
	#navToggle span{ margin-top:27px;}
	
	.about_us .about{ height:150px; -webkit-line-clamp:6;}
	
	.new_product ul li .new_p_r_name{ margin:10px auto 4px;}
	.new_product ul li .new_p_r_profile{ margin:4px auto 12px auto; height:75px; -webkit-line-clamp:3;}
	
	.news_width .h_news dl dd{ float:none; width:100%; margin:0 auto 12px auto; overflow:hidden;}
	.news_width .h_news dl dt{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.news_width .h_news ul li span{ width:68%;}
	.news_width .faqs ul li span{ width:68%;}
	
	.footer_nav dl{ width:28%;}
	.footer_nav dl:nth-child(2){ width:44%;}
	.footer_contact ul li:nth-child(3){ line-height:25px;}

}