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

	.width_all{ max-width:980px;}
	
	.nav li a{ padding:0 12px;}
	
	.believe_us_w dl{ left:0%;}
	.believe_us_w dl:nth-child(2){ right:14.89795%;}
	.believe_us_w dl:nth-child(3){ right:0;}
	.believe_us_w dl:nth-child(4){ left:14.89795%;}
	
	.footer_left{ width:32%;}
	.footer_right{ width:36%;}

}

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

	.width_all{ width:92%;}
	
	.head_top .logo{ margin:13px auto;}
	.head_top h1{ margin:14px 0 14px 12px;}
	.head_top .cnen{ margin:33px 0 33px 12px;}
	.header:after{ top:36px;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:14px; top:35px;}
	#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:#2f318b;}
	#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:#2f318b;}
	.nav{ display:none;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	.flex-direction-nav li a.flex-prev{ display:none;}
	.flex-direction-nav li a.flex-next{ display:none;}
	
	.about_name:before{ left:14%;}
	.about_name:after{ right:14%;}
	.about_name i:before{ left:32%;}
	.about_name i:after{ right:32%;}
	
	.new_p_name:before{ left:14%;}
	.new_p_name:after{ right:14%;}
	.new_p_name i:before{ left:32%;}
	.new_p_name i:after{ right:32%;}
	.img-scroll .prev{ left:-16px; background:url(../images/l.png) no-repeat center;}
	.img-scroll .next{ right:-16px; background:url(../images/r.png) no-repeat center;}
	
	.why_us_name{ margin:28px auto;}
	.why_us_name:before{ left:14%;}
	.why_us_name:after{ right:14%;}
	.why_us_name i:before{ left:28%;}
	.why_us_name i:after{ right:28%;}
	.believe_us_w{ margin:0 auto;}
	.believe_us_w div{ display:none;}
	.believe_us_w dl{ position:inherit; width:100%; left:inherit; top:inherit; margin:0 0 20px 0;}
	.believe_us_w dl:last-child{ margin:0;}
	.believe_us_w dl:nth-child(2){ left:inherit; right:inherit; top:inherit;}
	.believe_us_w dl:nth-child(3){ left:inherit; right:inherit; bottom:inherit; top:inherit;}
	.believe_us_w dl:nth-child(4){ left:inherit; bottom:inherit; top:inherit;}
	.believe_us_w dl:nth-child(2) dd{ float:left;}
	.believe_us_w dl:nth-child(2) dt{ float:right;}
	.believe_us_w dl:nth-child(3) dd{ float:right;}
	.believe_us_w dl:nth-child(3) dt{ float:left;}
	.believe_us_w dl:nth-child(4) dd{ float:left;}
	.believe_us_w dl:nth-child(4) dt{ float:right;}
	.believe_us_w dl dd{ width:18%;}
	.believe_us_w dl dt{ width:76%;}
	
	.news_name:before{ left:14%;}
	.news_name:after{ right:14%;}
	.news_name i:before{ left:32%;}
	.news_name i:after{ right:32%;}
	
	.footer_left{ width:60%;}
	.footer_right{ display:none;}
	.footer_erweima{ width:40%;}
	
	.ny_nav{ border-top:none;}
    .ny_nav ul li{ width:23.5%; margin:0 2% 2% 0; padding:0;}
    .ny_nav ul li:nth-child(4n){ margin:0 0 2% 0;}
    .ny_nav ul li:after{ display:none;}
    .ny_nav ul li a{ border:#ccc 1px solid; padding:8px 0; text-align:center;}
    .ny_nav ul li a:hover{ border:#2f318b 1px solid; background:#2f318b; color:#fff;}
    .ny_nav ul li.curt a{ border:#2f318b 1px solid; background:#2f318b; color:#fff;}
    
    .ny_news dl dd{ float:none; width:100%; margin:0 0 18px 0;}
	.ny_news dl dt{ float:none; width:100%;}
    .news_show{ float:none; width:100%; margin:0 0 36px 0;}
    .news_biaoqian{ float:none; width:100%;}

}

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

	.head_top .logo{ width:62px; margin:12px auto;}
	.head_top h1{ font-size:20px; line-height:22px; margin:12px 0 12px 10px;}
	.head_top h1 span{ font-size:12px; line-height:14px; letter-spacing:0.1px; margin:6px 0 0 0;}
	.head_top .cnen{ float:right; margin:22px 0 22px 10px;}
	
	.header:after{ top:25px;}
	#navToggle{ top:24px;}
	
	.flex-control-nav{ bottom:0;}
	.flex-control-nav li{ margin:0 3px;}
	.flex-control-paging li a{ width:6px; height:6px; border-radius:6px;}
	
	.about_name:before{ left:10%; width:14%;}
	.about_name:after{ right:10%; width:14%;}
	.about_name i:before{ left:24%;}
	.about_name i:after{ right:24%;}
	.about dl{ width:50%; border-bottom:#ccc 1px solid; padding:0 0 8px 0;}
	.about dl:nth-child(2):before{ display:none;}
	.about dl:nth-child(3){ border-bottom:none;}
	.about dl:nth-child(4){ border-bottom:none;}
	.profiles{ width:100%;}
	.about_more{ width:100%; margin:0 auto;}
	
	.new_p_name:before{ left:10%; width:14%;}
	.new_p_name:after{ right:10%; width:14%;}
	.new_p_name i:before{ left:24%;}
	.new_p_name i:after{ right:24%;}
	.img-list li{ width:12.5%; margin:0;}
	
	.why_us_name:before{ left:4%; width:10%;}
	.why_us_name:after{ right:4%; width:10%;}
	.why_us_name i:before{ left:14%;}
	.why_us_name i:after{ right:14%;}
	.believe_us_w dl dd{ width:20%;}
	.believe_us_w dl dt{ width:74%;}
	
	.news_name:before{ left:10%; width:14%;}
	.news_name:after{ right:10%; width:14%;}
	.news_name i:before{ left:24%;}
	.news_name i:after{ right:24%;}
	.news_width ul li{ float:none; width:100%; margin:0 0 6% 0;}
	
	.messages li{ float:none; width:100%; margin:0 0 4% 0;}
	.messages li:nth-child(3n){ margin:0 0 4% 0;}
	.messages .text-input{ width:96%; padding:0 0 0 4%;}
	.messages .cont-input{ width:96%; padding:8px 0 8px 4%; height:100px; line-height:25px;}
	
	.footer_left{ width:100%; float:none; overflow:hidden; margin:0 0 8px 0;}
	.footer_erweima{ width:68%; float:none;}
	
	.ny_nav ul li{ width:32%; margin:0 2% 2% 0;}
    .ny_nav ul li:nth-child(3n){ margin:0 0 2% 0;}
    .ny_nav ul li:nth-child(4n){ margin:0 2% 2% 0;}
    
    .company .company_left{ float:none; width:100%; margin:0 0 36px 0;}
    .company .company_right{ float:none; width:100%;}
    .honor ul li{ width:48%; margin:0 4% 4% 0;}
    .honor ul li:nth-child(2n){ margin:0 0 4% 0;}
    .reference ul li{ width:31%; margin:0 3.5% 3.5% 0;}
    .reference ul li:nth-child(3n){ margin:0 0 3.5% 0;}
    .reference ul li:nth-child(5n){ margin:0 3.5% 3.5% 0;}
    
    .products li{ width:48%; margin:0 4% 4% 0;}
    .products li:nth-child(2n){ margin:0 0 4% 0;}
    .products_xg{ float:none; width:100%;}
    .products_sming{ float:none; width:100%; margin:0 0 36px 0;}
    .product_xc ul li{ width:48%; margin:0 4% 4% 0;}
    .product_xc li:nth-child(2n){ margin:0 0 4% 0;}
    
    .ny_news .item-box{ float:none; width:100%; margin:0 0 28px 0;}
    
    .application ul li{ width:48%; margin:0 4% 4% 0;}
    .application ul li:nth-child(2n){ margin:0 0 4% 0;}
    .application ul li:nth-child(3n){ margin:0 4% 4% 0;}
    .application ul li:nth-child(6n){ margin:0 0 4% 0;}

}