@media screen and (max-width:1220px){
.head,.i_ma,.i_ma_r3,.f_nav,.bq,.scd,.pro dl,.mat dl,.contact,.about,.qua,.cert,.quality{width:100%;}
.cert .qua{ width:100%; }
.scd .scd_app{width:740px;}	
	.i_ma_r5{ width:740px;}
	.i_ma_r6{ width:100%;}
.application-data{width:100%;}
.head .nav_m{ width:760px;margin-top:0px;float:right;}
	.logo-text{display: none;}

	#owl-demo .span_bb0 {font: 18px/24px "helvetica","Verdana","微软雅黑","NSimSun","黑体"; }
    #owl-demo .span_bb123 {font: 16px/22px "helvetica","Verdana","微软雅黑","NSimSun","黑体"; }
	

#owl-demo .bb1{ display: none; }
#owl-demo .bb2{ display: none; }
#owl-demo .bb3{ display: none; }

	
.menu-list .in_nav li{ width:378px; }

	#owl-demo .bb4{ left:87%;}

.i_ma li{ margin:0 3px;}
.i_ma li{ width:230px;}
.i_ma_r3 li{ width:300px;}


.i_ma li img{ width:230px; height:115px;}
.f_nav li{ width:220px;}
.f_nav li.f_ct{ width:170px;}
.in_nav li{ margin-left:0px;}
.pro dl dd{ margin-left:25px; width:480px;}
.pro dl dt{ margin-left:25px; width:380px;}


.mat dl dt{ margin-right:25px;}
.mat dl dd{ margin-left:25px;width:480px;}

.qua dl{ width:240px;}
.qua dl dt img,.qua dl dt{ width:210px;height:147px;}
.qua dl dd{ width:210px;}
 .container { display: inline-grid;/* 垂直居中 */}
.scd .scd_r{ width:740px;}
.case dl dd{ width:555px;}

.scd .scd_p{ margin-left:20px; float:left; width:72%;}
.casep dl dd{ width:100%;float:left;}
.casep dl dt, .casep dl dt img{ width:160px; height:115px;}

.contact dl dt{ margin-left:80px;}
.contact dd{ margin-left:0;}

}

@media screen and (max-width:990px){
.head,.i_ma,.i_ma_r3,.f_nav,.bq,.scd,.pro dl,.mat dl,.contact,.about,.qua,.cert,.quality{width:100%;}
.scd .scd_app{width:520px;}	
	.i_ma_r5{ width:520px;}
	.i_ma_r6{ width:100%;}
	
.banner,.i_line{ width:100%;margin:0 auto;}

 .nav_m .nav {
    text-align: left;display: none;
  }
.nav_m .nav li,.nav_m .nav li a{
    height: 55px;line-height: 55px;
  }	
  .nav_m .n_icon {
    display: inline-block;
  }
  .menu-list .in_nav {
    width: 100%;
    left: 0;
    transform: none;
  }

.menu-title:hover>.menu-list{display: none;}

.nav_m .nav{ position:absolute; right:0; top:77px; background: rgba(242, 242, 242, 0.82);  z-index:9999; display:none;}
	
.main-header.fixed .nav{top:49px;}
	


.in_nav li{ margin-left:0px;}
.i_line em{ width:91px; height:26px; margin-left:-13px; background-size:100%;}
.i_ma li{ margin-bottom:25px; width:360px;}
.i_ma li img{ width:360px; height:180px;}
.i_ma_r3 li{ width:226px;}
.i_ma_r8 li{ width:12%;margin:0 0px;}

.f_nav li{ width:280px;}
.pro dl dt img,.pro dl dt{ width:328px; height:230px;}
.pro dl dd{ width:340px;}
.pro dl dt{ margin-left:25px; width:300px;}


.mat dl dt{ width:328px;}
.mat dl dt img{ width:256px;height:180px;}
.mat dl dd{ width:340px;}


.qua dl{ width:370px;}
.qua dl dt img,.qua dl dt{ width:300px;height:210px;}
.qua dl dd{ width:300px;}

.scd .scd_r{ margin-left:0; float:right; width:540px;}
.case dl dd{ width:355px;}
.case dl dd .title a{ font-size:16px;}

.scd .scd_p{ margin-left:20px; float:left; width:72%;}
.casep dl dd{ width:100%;float:left;}
.casep dl dt, .casep dl dt img{ width:120px; height:87px;}

.contact dl dt{ width:370px; margin-left:0px;}
.contact dl dd{ width:370px; margin-left:0px;}

}


	
@media screen and (max-width:770px) {
.head,.i_ma,.i_ma_r3,.f_nav,.bq,.scd,.pro dl,.mat dl,.contact,.about,.quality{width:100%;}
.scd .scd_app{ width:650px;margin-left:0px; }	
.i_ma_r6{ width:650px;}
.i_ma_r5{ width:650px;}
	.i_ma_r8 li{ width:20%;margin:0 8px;}


.images_1_of_3 {
	width: 95%;
	padding:1.5%; 
}
 .f_nav li {
    background: none !important;
    float: none;      /* 取消浮动 */
    width: 100%;      /* 占满宽度 */
    margin-right: 0;  /* 移除右侧间距 */
  }


.nav li a{ font-size:14px;}
.nav_m .nav li,.nav li a{ width: 100px; }		
.i_ma li{ width:290px;}
.i_ma_r3 li{ width:100%;}
.i_ma li img{ width:290px; height:145px;}

.bq .bq_r{ width:60%;}

.quality .center_img{background:url(../upload/world_map.jpg) no-repeat center;}
.pro dl dt img, .pro dl dt{ width:560px;}
.pro dl dd{ width:560px;}

.pro_materials dl dd .process_image{ width:90%;margin:0px auto; }


.mat dl dt{ width:560px;}
.mat dl dt img{ width:408px;height:287px;}
.mat dl dd{ width:560px;}




.qua dl{ width:305px;}
.qua dl dt img,.qua dl dt{ width:285px;height:199px;}
.qua dl dd{ width:285px;}

.scd .scd_l,.scd .scd_r{ width:100%;}
.scd_l .s_nav{ width:608px;}
.scd .scd_l{ margin-bottom:25px;}
.case dl dd{ width:410px;}

.scd .scd_p{ margin-left:0; float:right; width:100%;}
.casep dl dd{ width:100%;float:left;}
.casep dl dt, .casep dl dt img{ width:120px; height:87px;}

.pages a{ margin-bottom:8px;}
.join img{ width:90% !important;}

.contact dl dt{ width:340px; margin-left:135px;}
.contact dl dd{ width:480px; margin-left:65px;}

#owl-demo span { left: 25px;}
	

	
}
@media screen and (max-width:770px){
	
        .info:first-child {
            display: none;
        }
    
	
	
}

@media screen and (max-width:640px) {
.head,.i_ma,.i_ma_r3,.f_nav,.bq,.scd,.pro dl,.mat dl,.contact,.about,.qua,.cert,.quality{width:100%;}
.scd .scd_app{width:420px;}	
.i_ma_r6{ width:420px;}
.i_ma_r5{ width:420px;}

.info_bianju{margin-right: 2%;}	
	
.i_ma li{ width:230px;}
.i_ma li img{ width:230px; height:115px;}

.i_ma_r8 li{ width:18%;}


.bq .bq_r{ width:60%;}

.pro dl dt img, .pro dl dt{ width:430px;}
.pro dl dd{ width:430px;}

.mat dl dt{ width:430px;}
.mat dl dt img{ width:358px;height:252px;}
.mat dl dd{ width:430px;}




.qua dl{ width:240px;}
.qua dl dt img,.qua dl dt{ width:220px;height:170px;}
.qua dl dd{ width:220px;}

.scd .scd_l,.scd .scd_r{ width:100%;}
.scd_l .s_nav{ width:478px;}
.scd .scd_l{ margin-bottom:25px;}
.case dl dd{ width:295px;}

.scd .scd_p{ margin-left:0; float:right; width:100%;}
.casep dl dd{ width:100%;float:left;}
.casep dl dt, .casep dl dt img{ width:100px; height:72px;}

.pages a{ margin-bottom:8px;}
.join img{ width:90% !important;}

.contact dl dt{ width:340px; margin-left:70px;}
.contact dl dd{ width:480px; margin-left:0px;}


}
.Inspection .quaIn{ height:340px; }

@media screen and (max-width:510px) {
.head,.i_ma,.i_ma_r3,.i_ma_r8,.f_nav,.bq,.scd,.pro dl,.mat dl,.contact,.about,.qua,.cert,.quality{width:100%;}
	.scd .scd_app{width:400px;}	
	.i_ma_r5{ width:400px; }
	.head .select{ width:100px;float:right; margin-top:1px;}
    .info{margin-right: 10px;}

	.head .select .email{ width:20px;  padding-left:8px;}
	.head .select .fb{ width:30px; padding-left:8px;}
	
.banner,.i_line{ width:100%;margin:0 auto;}

#owl-demo .bb4{ left:80%;}
	
.select .wx{ margin-left:0px;}

.i_ma li{ width:374px;}
.i_ma li img{ width:374px; height:200px;}




.bq .bq_r,.bq .bq_l{ width:100%;text-align:left; float:left; }

.pro dl dt img, .pro dl dt{ width:360px;}
.pro dl dt{margin-right:10px;}
.pro dl dd{ width:360px;}
.pro dl dd a img{ width:340px;}
.pro_materials dl dd .process_image{ width:100%; }
.pro_materials dl dd .process_image dl{ width:15%; float:left;margin-right:30px; margin-bottom:0px;}
.mat dl dt{ width:360px;}
.mat dl dt img{ width:288px;height:203px;}
.mat dl dt{margin-right:10px;}
.mat dl dd{ width:360px;}

.quality img{ width:100%;height:auto;}

.qua dl{ width:380px;}
.qua dl dt img,.qua dl dt{ width:360px;height:254px;}
.qua dl dd{ width:360px;}

.scd .scd_l,.scd .scd_r{ width:100%;}
.scd_l .s_nav{ width:378px;}
.scd .scd_l{ margin-bottom:25px;}
.case dl dd{ width:170px;margin-left:5px;}
.case dl dt{ width:200px; height:160px;}
.case dl dt img{ width:200px; height:145px;}

.scd .scd_p{ margin-left:0; float:right; width:100%;}

.pages a{ margin-bottom:8px;}
.join img{ width:90% !important;}

.contact dl dt{ width:340px; margin-left:20px;}
.contact dl dd{ width:380px; margin-left:0px;}


}