@media screen and (max-width:1220px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd{width:960px;}
.head .nav{ margin-left:00px; width:600px;}
.head .nav li{ margin-right:0px;}
.head .nav li a{ padding:0 20px;}
.solution{ width:960px; margin:0px auto;}
.solution li{ width:190px; margin-right:0px;}
.service li .tu{ width:100px; height:100px;}
.pro_l li{ width:304px;}
.banner_s img{ width:1920; height:270px;}

.scd_r{ margin-left:20px;}
.box_m{ width:960px;}
.box-jt-1{ width:240px; float:left; text-align:center; height:250px;}
.fw_m{ width:960px; margin:0 auto;}
.about-jt{ width:480px; float:right; text-align:left;}
.about-jt-con{ width:440px;}
.hezuo img{ max-width:960px; height:auto;}

}
@media screen and (max-width:980px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd{width:740px; margin:0px auto;}
.head .nav{ margin-left:00px; width:600px;}
.head .nav li{ margin-right:0px;}
.head .nav li a{ padding:0 20px; font-size:12px;}
.head .logo{ width:120px;}
.head .logo img{ width:120px; height:32px; margin-top:5px;}

.solution{ width:740px; margin:0px auto;}
.solution li{ width:148px; margin-right:0px;}
.service li .tu{ width:100px; height:100px;}
.service li .name{ font-size:14px; margin-bottom:0px;}
.service li p{ width:140px;}



.banner_s img{ width:150%; height:auto; margin:0px !important; margin-left:-18% !important;}
.s_ctn .pro_l li{ width:48%;}
.service_a dt{ float:none; margin:0px auto; margin-bottom:50px;}
.service_a dt, .service_a dt img{ width:373px; height:217px;}
.service_a dd{ width:100%; float:none; clear:both; margin:0px;}
.sv_l li{ height:220px; margin-bottom:0px;}
.contact_m ul li{ width:100%; float:none; margin:0px; margin-bottom:30px;}

.box_m{ width:740px;}
.box-jt-1{ width:185px; float:left; text-align:center; height:250px;}


.fw_m{ width:740px; margin:0 auto;}
.about-jt{ width:370px; float:right; text-align:left;}
.about-jt-con{ width:340px;}
.about-btn{ width:175px; height:40px; border:1px solid #0079BB; border-radius:30px; float:none;  margin-right:0px; text-align:center; margin:0 auto;margin-top:30px;  }

.hezuo img{ max-width:740px; height:auto;}
}
@media screen and (max-width:770px) {
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd , .service{width:480px; margin:0px auto;}
.head .nav{ display:none;}
.head .nav_m{ display:block;}
.header .head{ position:relative; height:auto;}
.header .head .logo{ margin-bottom:20px;}
.head .search{ margin-right:80px; margin-top:30px;}
.head .nav_m{ clear:both; margin-top:30px;}

.fw{ width:100%; position:relative; height:400px;padding:0px; background:none;}
.i_box fw {}
.fw_m{ width:100%; margin:0 auto; background-color:#006092; height:360px;}
.about-jt{ width:480px; float:none; margin:0 auto; padding-top:30px; text-align:left;}
.about-jt-title{ width:280px; height:35px; margin-left:00px; margin:0 auto;margin-top:20px;}
.about-jt-con{ width:480px; margin-left:0;}
.about-btn{ width:175px; height:40px; border:1px solid #0079BB; border-radius:30px; float:none;  margin-right:0px; text-align:center; margin:0 auto;margin-top:30px;  }



.pro_l li{ width:460px; margin-bottom:15px;}
.f_bg .f_m .f_mr{ width:100%; float:none; clear:both; padding-top:20px; text-align:left; border-top:1px solid #47494F;}
.f_m .f_mr .line{ float:left;}
.f_m .f_mr .num{ margin-top:15px;}
.f_bg .f_m .code{ margin-bottom:20px;}
.f_bg .f_m{ padding-bottom:20px;}
.f_bg .bq_bg .bq span{ float:none; width:100%; text-align:left; display:block; margin-top:10px;}
.scd .scd_l{ width:470px; height:auto !important; float:none;}
.scd .scd_r{ width:100% !important; float:none; margin-top:30px;}


.box_m{ width:480px;}
.box-jt-1{ width:240px; float:left; text-align:center; height:250px;}
.cpyfnz { font-size:12px; color:#ABB8C9; max-width:480px; margin:0 auto; line-height:25px; margin-top:10px;}

.solution{ width:480px; margin:0px auto;}
.solution li{ width:240px; margin-right:0px; margin-bottom:10px;}
.service li .tu{ width:140px; height:140px;}
.service li .name{ font-size:18px; margin-bottom:0px;}
.service li p{ width:240px; font-size:14px;}

.hezuo img{ max-width:480px; height:auto;}

}
@media screen and (max-width:500px) {
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd , .service{width:320px; margin:0px auto;}
.header .head .logo{ width:100%; float:none; margin-bottom:00px;margin-top:00px; height:60px;}
.header .logo img{ width:166px; height:44px; vertical-align:top; margin-top:20px;}
.head .nav_m{ clear:both; margin-top:15px;}
.nav_m .n_icon{ top:-40px;}
.box_h .title{ width:160px; font-size:20px;}
.box_h .line{ width:80px;}
.box_h .line_l{ left:-80px;}
.box_h .line_r{ right:-80px;}

.scd_r{ margin-left:0px;}

.pro_l li{ width:320px;}
.f_m .f_mr .num img{ width:30px; height:30px; margin:0 2px;}
.f_m .f_mr .num em{ font-size:22px; vertical-align:top; margin-top:-5px;}
.scd .scd_l{ width:300px;}

.s_ctn .pro_l li{ width:98%;}
.s_ctn .pro_l li img{ width:300px; height:172px;}
.service_a dt, .service_a dt img{ width:310px; height:180px;}
.service_a dd .more{ text-align:center;}
.sv_l li{ width:48%; height:180px;}
.sv_l li b{ font-size:18px;}


.box_m{ width:320px;}
.box-jt-1{ width:320px; float:left; text-align:center; height:250px;}
.cpyfnz { font-size:12px; color:#ABB8C9; max-width:320px; margin:0 auto; line-height:25px; margin-top:10px;}

.fw_m{ width:100%; margin:0 auto; background-color:#006092; height:420px;}
.about-jt{ width:320px; float:none; margin:0 auto; padding-top:30px; text-align:left;}
.about-jt-title{ width:280px; height:35px; margin-left:00px; margin:0 auto;margin-top:20px;}
.about-jt-con{ width:320px; margin-left:0;}


.solution{ width:320px; margin:0px auto;}
.solution li{ width:320px; margin-right:0px; margin-bottom:10px;}
.service li .tu{ width:120px; height:120px;}
.service li .name{ font-size:18px; margin-bottom:0px;}
.service li p{ width:320px; font-size:18px;}
.hezuo img{ max-width:320px; height:auto;}

}