@media screen and (max-width:1220px){
.head,.i_ma,.f_nav,.bq,.scd,.pro dl{width:960px;}
 .i_ma{margin:0 auto;}
.head .logo img,.head .logo{ width:315px; height:49px;}
.head .nav_m{ width:630px;}
.nav li{ margin-left:18px;}
.i_ma li{ margin:0 3px;}
.i_ma li{ width:230px;height:115px;}
 .i_ma li .imgbox{width:230px;height:115px;}
 .i_ma li .imgbox span{top:81px;}
.i_ma li img{ width:230px; height:115px;}
.f_nav li{ width:160px;}
.f_nav li.f_ct{ width:200px;}
.pro dl dt{ margin-right:25px;}
.pro dl dd{ margin-left:25px; width:480px;}
.scd .scd_r{ width:740px;}
.case dl dd{ width:555px;}
.contact dt img,.contact dt{ width:436px; height:265px;}
.contact dt{ margin-right:0;}
.contact dd{ margin-left:0;}
 .join>img{ width:100% !important;height:770px;}
 .content>ul{margin-left:12%;}
 .content>ul:nth-child(3){margin-left:15%;}
 .imgbox span{font-size: 18px;}

}
@media screen and (max-width:990px){
.head,.i_ma,.f_nav,.bq,.scd,.pro dl{width:740px;}
 .i_ma{margin:0 auto;}
.head{ position:relative;}
.nav_m .n_icon{ display:block;top:30px;}
.head .nav_m{ margin-top:0;}
.head .nav_m .nav{ position:absolute; right:0; top:71px; background:#fff; z-index:9999; display:none;}
 .nav li, .nav li a{display:block;}
.nav li{ margin-left:40px;}
.i_line em{ width:91px; height:26px; margin-left:-13px; background-size:100%;}
.i_ma li{ margin-bottom:5px; width:360px;height:185px;}
 .i_ma li .imgbox{width:360px;height:185px;}
 .i_ma li .imgbox span{top:116px;}
.i_ma li img{ width:360px; height:180px;}
.f_nav li.f_ct{ padding-right:0; margin-right:0; background:none;}
.f_nav li{ min-height:160px; width:190px;}
.pro dl dt img,.pro dl dt{ width:328px; height:230px;}
.pro dl dd{ width:340px;}
.scd .scd_r{ margin-left:0; float:right; width:540px;}
.case dl dd{ width:355px;}
.case dl dd .title a{ font-size:16px;}
.contact dt img,.contact dt{ width:387px; height:235px;}
.contact dd{ width:320px;}
.contact dd .c_m span{ width:280px;}
 .join>img{ width:90% !important;height:775px;}
 .content>ul{margin-left:6%;}
 .content>ul:nth-child(3),.content>ul:nth-child(4){margin-left:9%;}
}
@media screen and (max-width:770px) {
.head,.i_ma,.f_nav,.bq,.scd,.pro dl{width:480px;;}
 .i_ma{width:580px;margin:0 auto;}
.nav li a{ font-size:14px;}
.nav li{ margin-left:0;}
.i_ma li{ width:230px;padding:0 10px;}
 .i_ma li .imgbox{width:231px;height:115px;}
 .i_ma li .imgbox span{top:81px;}
.i_ma li img{ width:230px; height:115px;}
.f_nav li{ width:100px;}
.bq .bq_r{ width:60%;}
.scd .about img{ width:100%; height:auto; margin-bottom:15px;}
.pro dl dt img, .pro dl dt{ width:430px; height:301px;}
.pro dl dd{ width:430px;}
.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;}
.pages a{ margin-bottom:8px;}
.join>img{ width:90% !important;height:980px;}
.contact dt img,.contact dt{ width:480px; height:291px;}
.contact dd{ width:100%;}
.contact dd .c_m span{ width:450px;}
.contact dd .c_logo,.contact dd h6{ width:100%; text-align:center;}
 .nav li a{ width:90%; padding:0 5%; height:30px; line-height:30px;}
 .content>ul{margin-left:15%;}
 .info>img{width:5% !important;}
 .info>p>img{display:none;}
 .info{height:100%;}
}
@media screen and (max-width:510px) {
.head,.i_ma,.f_nav,.bq,.scd,.pro dl{width:320px;}
 .i_ma{margin:0 auto;}
.head{ position:relative;}
.head .logo img,.head .logo{ width:206px; height:32px;}
.bq .bq_l,.bq .bq_r{ width:100%; text-align:left;}
.head .nav_m .nav li{ width:100%; text-align:right;}
.nav li a{ width:90%; padding:0 5%; height:30px; line-height:30px;}
.f_nav li{ width:49%; padding:0; margin-right:0; background:none;}
.f_nav li.f_ct{ width:90%;}
.f_nav li.f_ct{ margin-top:15px;}
.f_nav li .share{ text-align:left;}
.i_line em{ margin-left:-50px;}
.i_ma li{ width:300px;height:150px;margin-bottom:8px;}
 .i_ma li .imgbox{width:300px;height:150px;}
 .i_ma li .imgbox span{top: 107px;padding: 2% 26%;}
.i_ma li img{ width:300px; height:150px;}
.nav_m .n_icon{ top:20px;}
.head .nav_m .nav{ top:53px;}
.scd{ padding:80px 0 30px;width:325px;}
 .scd>.about{margin-top:-60px;}
.pro dl{ padding:10px 0;}
.pro dl dt{ margin-right:10px;}
.pro dl dt img, .pro dl dt{ width:300px; height:210px;}
.pro dl dd{ width:300px; margin-left:10px;}
.pro dl dd .more{ margin-bottom:10px;}
 .scd .scd_l{width:319px;margin-top:-60px;}
.scd_l .s_nav{ width:318px;}
.scd_l .name{width:319px;}
.scd .scd_r{width:100%;float:left;}
.case dl dt, .case dl dt img{ width:320px; height:244px;}
.case dl dt{ margin-left:0;}
.case dl dd{ width:320px; margin-right:0;}
.join>img{ width:98% !important;height:1050px;}
.contact dt img,.contact dt{ width:320px; height:194px;}
.contact dd .c_m span{ width:290px;}
.contact dd .c_logo, .contact dd h6{ text-align:left; font-size:14px;}
 .space_hx{padding-top:35px;}
 .w1270{width:325px;}
 .pro{margin-top:-75px;margin-left:5%;}
 .pro>div{margin-top:3%;}
 .info>img{width:5% !important;}
 .info>p>img{display:none;}
.info{height:100%;}
 .content>ul{margin-left:3%;}
 .content>ul:nth-child(4){margin-left:3%;}
 .header{position:fixed;z-index:200;background:#fff;}
 .banner{top:52px;}
 .i_line{margin-top:45px;}
 .met1_en>div{position:fixed;top:53px;z-index:100;}
 .main{padding:5px 25px;}
 .online>form>textarea{width:90%;}
 .online>form>#v_container{margin-left:5%;margin-top:5%;}
}