@media screen and (max-width:1220px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd ,.cpdhbj,.dbbgk,.cs_k,.spbgk,.th_k {width:960px;}
.head .nav{ width:520px;}
.head .nav li{ margin-right:0px;}
.head .nav li a{ padding:0;}
.solution li{ width:280px; margin-left:3%; }
.ms_l2 { width: 280px;}
.service li .tu{ width:140px; height:140px;}
.pro_l li{ width:304px;}
.banner_s img{ width:1920px; height:300px;}
.solution dl dd{ width:490px;}
.s_ctn .pro_l li img{ width:227px; height:130px;}
.service_a dt , .service_a dt img{ width:330px; height:192px;}
.service_a dd{ width:350px;}

.i_box, .ftk, .about_k ,.cp_k,.cp_bgk {width:960px; margin: 0 auto;}
.xnr_wz { width: 260px;}
.newslist { width: 310px;}

.about_k_left { width: 48%;}
.about_k_right { width: 48%;}
.about_k_right img { width:100%;}

.cp_bg { width: 100%; height: 700px;}

.th_bg { height: 1700px; }
.mtt img { width: 100%; }





.cp_k_l {  margin-left:10px;  margin-top: 60px; font-size: 40px; text-align: left; width: 400px;}
.cp_k_r {  margin-right:30px; width:500px; }
.cp_k_r img { width: 320px;}

.cp_bg2 { height: 700px; }
.cp_bgk { height: 700px; }
.cptp img { width: 100%; }

.vs { margin-left:10%;  margin-right:5%;}

.cs_nrr,.cs_nrl { float: none;}
.cs_nrr { padding-left:0; }

.cs_nr2l ,.cs_nr2r { float: none;}
.cs_nr2r { margin-top: 40px;}

.cs_nr3l img,.cs_nr3r img { width: 450px;}

.dj { left:33%;}

.news_list li{ float: left; width: 220px; height: 260px;  margin-left: 8px; margin-right:8px; margin-top: 20px;}
.news_list li a{ width: 220px; height: 260px;}


}
@media screen and (max-width:980px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd ,.cpdhbj,.dbbgk,.cs_k,.spbgk,.th_k{width:740px; margin:0px auto;}
.head .nav{  width:520px;}
.head .nav li{ margin-right:0px;  }
.head .nav li a{ padding:0; font-size:12px;}
.head .logo{ width: 198px}
.head .logo img{ width: 198px; height: 31px;}
.solution li{ width:210px; margin-left:3%;  }
.ms_l2 { width: 210px;}
.solution li .l_up{ height:205px;}
.solution li .l_up .tu , .solution li .l_up .tu img{ width:109px; height:78px;}
.solution li .l_dn{ height:173px;}
.solution li .l_up .title{ font-size:15px;}
.solution li .l_dn p{ font-size:13px;}
.service li .tu{ width:150px; height:150px;}
.service li .name{ font-size:18px; margin-bottom:15px;}
.pro_l li{ width:240px; margin-right:10px;}
.pro_l li .name{ font-size:16px;}
.pro_l li p{ font-size:13px;}
.f_bg .f_m .code{ margin-left:20px; padding-left:20px;}
.f_bg .f_m .f_mr{ width:55%;}
.f_m .f_mr .num img{ width:40px; height:40px;}
.f_m .f_mr .num em{ font-size:26px;}
.scd .scd_l{ width:190px;}
.solution dl dt , .solution dl dt img{ width:120px; height:120px;}
.solution dl dd{ width:340px;}
.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;}

.i_box, .ftk, .about_k ,.cp_k,.cp_bgk {width:740px; margin: 0 auto;}
.xnr_wz { width: 450px;}
.newslist { width: 450px;}
.xnr_right { padding-left:00px; margin-top: 40px;}

.about_k_left { width: 48%;}
.about_k_right { width: 48%;}
.about_k_right img { width:100%; }

.cp_bg { width: 100%; height: 1100px;}
.cp_k_l,.cp_k_r { float: none; }
.cp_k_l {  margin-left:10px;  margin-top: 20px; font-size: 35px; text-align: left; width: 740px;}
.cpwz { width: 740px;}
.cp_k_r {  margin-right:30px; width: 740px;}
.cp_k_r img { width: 400px;}

.th_bg { height: 1400px; }
.cp_bg2,.cp_bgk { height: 600px;}

.c1 img { width: 200px;}
.vs img { width: 220px; }
.c2 img { width: 200px;}

.cs_kr {margin-left: 20px; width: 500px;}
.cs_nrr,.cs_nrl { float: none;}
.cs_nrr { padding-left:0; }

.cs_nr3l img,.cs_nr3r img { width: 350px;}

.dj { left:28%;}
.dj img { width:300px; height:225px;}

.news_list li{ float: left; width: 230px; height: 260px;  margin-left: 7px; margin-right:7px; margin-top: 20px;}
.news_list li a{ width: 230px; height: 260px;}

}
@media screen and (max-width:770px) {
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd , .service ,.cpdhbj,.dbbgk,.cs_k,.spbgk,.th_k{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; margin-top: 20px;}
.head .search{ margin-right:80px; margin-top:30px;}
.head .nav_m{ clear:both; margin-top:30px;}
.solution li{ width:145px; }
.ms_l2 { width: 145px;}
.fw .fw_bg{ display:none;}
.fw{ height:auto; border:0px;}
.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;}
.solution dl dd{ width:310px;}
.solution dl dd h5 a{ font-size:18px;}
.mt40 { margin-top: 0;}


.i_box, .ftk, .about_k ,.cp_k ,.cp_bgk{width:480px; margin: 0 auto;}
.xnr_wz { width: 320px;}
.newslist { width: 320px;}
.xnr_right { padding-left:00px; margin-top: 40px;}

.about_k_left { width: 100%;}
.about_k_right { width: 100%;}
.about_k_right img { width:100%; }
.about_k_left,.about_k_right { float: none;}

.cptp {  left:8%;}
.cp_bg { width: 100%; height: 1100px; }
.jl { height: 10px;}
.cpdhbj { display: none; }
.cp_k_l {  margin-left:10px;  margin-top: 20px; font-size: 35px; text-align: left; float: none; width: 480px;}
.cpwz { width: 480px;}
.cp_k_r {  float: none; margin-top: 20px; width: 480px;}
.cp_k_r img { width: 400px;}

.th_bg { height: 1000px; }
.cp_bg2,.cp_bgk { height: 550px;}
.wztz { width: 450px;}
.wztp img { width: 80%;}

.dbbgk {}
.wztz2 { width: 400px;}
.c1 img { width: 150px;}
.vs { margin-top: 25%;}
.vs img { width: 100px; }
.c2 img { width: 150px;}

.cs_kr {margin-left: 0px; width: 480px; margin-top: 40px;}
.cs_nrl { float:left;}
.cs_nrr	{ float:left;  margin-left:50px; }
.cs_nrr { padding-left:0; }

.cs_nr2l img ,.cs_nr2r img { width: 90%;}

.cs_nr3l img,.cs_nr3r img { width: 220px;}

.dj { left:22%;}
.dj img { width:200px; height:150px;}

.news_list li{ float: left; width: 220px; height: 260px;  margin-left: 7px; margin-right:7px; margin-top: 20px;}
.news_list li a{ width: 220px; height: 260px;}


}
@media screen and (max-width:500px) {
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd , .service ,.cpdhbj,.dbbgk,.cs_k,.spbgk,.th_k{width:320px; margin:0px auto;}
.header .head .logo{ width:100%; float:none; margin-bottom:00px;margin-top:20px;}
.head .nav_m{ clear:both; margin-top:15px;}
.head .search{ float:left; margin-top:0px; margin-bottom:20px;}
.nav_m .n_icon{ top:-40px;}
.solution li{ width:90px;  }
.ms_l2 { width: 90px;}
.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;}
.solution dl dd{ width:100%; margin-right:0px;}
.solution dl dt{ float:none; margin:0px auto; margin-bottom:15px;}
.solution dl dd h5 , .solution dl dd .more{ text-align:center;}
.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;}
.mt40 { margin-top: 0;}


.i_box, .ftk, .about_k ,.cp_k ,.cp_bgk {width:320px; margin: 0 auto;}
.xnr_wz { width: 300px;}
.newslist { width: 300px;}
.xnr_right { padding-left:00px; margin-top: 40px;}
.xnr_left, .xnr_left2,.ftk_left,.ftk_right { float: none;}
.xnr_left2 { margin-top: 20px;}
.space_hx {height: 5px;}
.ft { height: 60px; background: #F7F7F7; margin-top: 10px;}
.ftk { line-height: 25px;} 

.about_k_left { width: 100%;}
.about_k_right { width: 100%;}
.about_k_right img { width:100%; }
.about_k_left,.about_k_right { float: none;}
.lxbg2 { width: 70%; }

.th_bg { height: 950px; }
.cp_bg { width: 100%; height: 1100px; }
.jl { height: 10px;}
.cpdhbj { display: none; }
.cp_k_l { margin-top: 20px; font-size: 30px; text-align: left; float: none; width: 320px;}
.cpwz { width: 320px;}
.cp_k_r {  float: none; margin-top: 30px; width: 320px;}
.cp_k_r img { width: 320px;}

.cp_bg2,.cp_bgk { height: 450px;}
.wztz { width: 90%;}
.wztp img { width: 80%;}

.service li .tu_a { background:url(../../image/a1x.png) no-repeat center center; width: 90px;}
.service li .tu_b { background:url(../../image/a2x.png) no-repeat center center; width: 90px;}
.service li .tu_c { background:url(../../image/a3x.png) no-repeat center center; width: 90px;}


.dbbgk { }
.cpdb { margin-top: 20px;}
.wztp2 img { width: 30%;}
.wztz2 { width: 300px;}
.c1 img { width: 90px;}
.vs img { width: 80px; }
.c2 img { width: 90px;}


.cs_kr {margin-left: 0px; width: 320px; margin-top: 40px;}
.cs_nrr,.cs_nrl,.cs_nr3l,.cs_nr3r { float: none;}
.cs_nrr { margin-left:0;  }
.cs_nr3r { margin-top: 20px;}
.cs_nr3l img,.cs_nr3r img { width: 100%;}

#sp,.spbgk { display:none;}

.ycsp { display:block;}

.sjxs { display: block; }
.wyxs { display: none; }

.news_list li{ float: left; width:300px; height: 320px;  margin-left: 10px; margin-right:10px; margin-top: 20px;}
.news_list li a{ width: 300px; height: 320px;}

.sy { position: absolute; top:25px; left: 55px; }

.dnb { display: none; }
.sjb { display: block; }


}
