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

	.width_all{ max-width:980px;}
	
	.new_p_width ul li img{ width:230px; height:230px;}

}

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

	.width_all{ width:92%;}
	
	.head_top .logo{ width:154px;}
	.head_top h1{ margin:10px 0 10px 14px;}
	.h_active #navToggle span,.h_active #navToggle span:before,.h_active #navToggle span:after{ background:#263985;}
	.h_active #navToggle.open span:before,.h_active #navToggle.open span:after{ background:#263985;}

	#navToggle{ height:auto; padding:9px; margin:22px -9px 0 0; display:block; float:right;}
	#navToggle span{ position:relative; width:25px; height:1px;}
	#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;}
	.header .nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	.flexslider .slides > li .fd_wz{ top:22%; font-size:16px; line-height:24px;}
	.flexslider .slides > li .fd_wz em{ width:76%; margin:0 0 10px 0; font-size:22px; line-height:32px;}
	.flexslider .slides > li .fd_wz p{ width:88%;}
	.flex-control-nav{ bottom:-2px;}
	.flex-control-nav li{ margin:0 4px;}
	.flex-control-paging li a{ width:8px; height:8px; border-radius:50%;}
	
	.new_p_width ul li{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	.new_p_width ul li:last-child{ width:100%;}
	
	.news_width ul li .news_profiles{ height:50px; -webkit-line-clamp:2;}
	
	

}

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

	.new_p_zhuti .new_p_name{ float:none; width:100%; margin:0 auto 10px auto;}
	.new_p_zhuti .new_p_nav{ float:none; width:100%; margin:0 auto;}
	.new_p_zhuti .new_p_nav ul li{ margin:0 0 0 4%;}
	
	.applications_width ul li{ width:48%; margin:0 4% 4% 0;}
	.applications_width ul li:nth-child(2n){ margin:0 0 4% 0;}
	.applications_width ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.applications_width ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.news_zhuti .news_name{ float:none; width:100%; margin:0 auto 10px auto;}
	.news_zhuti .news_nav{ float:none; width:100%; margin:0 auto; text-align:center;}
	.news_zhuti .news_nav ul{ font-size:0;}
	.news_zhuti .news_nav ul li{ float:none; margin:0 2%; display:inline-block;}
	.news_width ul li{ float:none; width:100%;}
	.news_width ul li .news_profiles{ height:150px; -webkit-line-clamp:6;}
	
	.contact_width ul li{ width:48%; margin:0 4% 4% 0;}
	.contact_width ul li:nth-child(2n){ margin:0 0 4% 0;}
	.contact_width ul li:last-child{ margin:0;}
	

}