@media screen and (max-width:1220px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd,.dhk,.thumbnailWrapper,.cpk ,.tab, .tab-cont ,.tab-cont .item,.ftk,.brt-about,.yw-news,.hykd,.gyk,.yyk,.cpxlk {width:960px;}
.head .nav{ margin-left:00px; width:500px;}
.head .nav li{ margin-right:0px;}
.head .nav li a{ padding:0 3px;}
.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;}


.gynr4 { width: 280px; height: 380px; border: 1px solid #ccc;   float: left; margin-top: 20px; margin-left: 0;}

.ftbg { width: 100%; height: 780px;  background: #333e44; }
.ftk_l { float: none;}
.ftk_r { float: none; text-align: center; margin-top: 20px;}

.da-thumbs { width:960px;}
.da-thumbs li a,.da-thumbs li a img { width:230px; height:151px;}


.tap_left,.cftp img,.cftp2 img { width:420px;}
.newslist2 { width:420px;}
.thumbnailWrapper ul li a img { width:184px; height:114px;}

.pro_list li{   margin-left:9px; margin-right:9px; }
.pro_list li a img{ }


.syxl ul li { width:232px;}



.scd .scd_r{  width:720px;}
.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;}

.jjnr_l { float: none;}
.jjnr_r { float: none; margin-top: 20px;}

}
@media screen and (max-width:980px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd,.dhk,.thumbnailWrapper,.hykd,.gyk {width:740px; margin:0px auto;}
.head .nav{ margin-left:00px; width:550px;}
.head .nav li{ margin-right:0px;}
.head .nav li a{ padding:0 10px; font-size:14px;}
.head .logo{ width:150px;}
.head .logo img{  margin-top:5px; width:150px;}

.cpk,.tab, .tab-cont ,.tab-cont .item,.yyk,.cpxlk { width:740px;}
.tab-cont { min-height:800; padding-bottom:20px;}
.da-thumbs,.brt-about,.yw-news { width:740px;}
.da-thumbs li a,.da-thumbs li a img { width:237px; height:155px;}

.gynr3 { width: 280px; height: 380px; border: 1px solid #ccc;   float: left; margin-top: 20px; margin-left: 0;}
.gynr4 { width: 280px; height: 380px; border: 1px solid #ccc;   float: left; margin-top: 20px; margin-left: 24px;}


.xw1 { display:none;}
.xw2 { display:block;}


.thumbnailWrapper ul li a img { width:140px; height:86px;}
.ftk { width:740px; }
.ftbg { width: 100%; height: 800px;  background: #333e44; }
.ftlx_l { float: left; line-height: 30px; margin-top: 10px;}
.ftlx_r { float: left; line-height: 30px; margin-top: 10px; margin-left: 0px;}

.syxl ul li { width:240px;}
.xltz { margin-left:50px;}
.wztz { margin-left:50px;}
.yx { display:none;}

.pro_list li{   margin-left:9px; margin-right:9px; }
.pro_list li a img{ }

.weizhi-1 { margin-top:10px; margin-bottom:10px;}

.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;}
.scd .scd_r{  width:500px;}
.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,.dhk,.thumbnailWrapper,.hykd,.gyk{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:30px;}
.head .search{ margin-right:80px; margin-top:30px;}
.head .nav_m{ clear:both; margin-top:30px;}
.xwk_left,.yyk,.cpxlk { width:480px;}
.xwk_right { width:480px; margin-top:20px;}

.gynr1 { width: 230px; height: 360px; border: 1px solid #ccc;  float: left;}
.gynr2 { width: 230px; height: 360px; border: 1px solid #ccc;  margin-left: 14px; float: left;}
.gynr3 { width: 230px; height: 360px; border: 1px solid #ccc;  margin-left: 0px; float: left;}
.gynr4 { width: 230px; height: 360px; border: 1px solid #ccc;  margin-left: 14px; float: left;}

.cxk { width: 100%; height: 220px;  background:url(../../image/cxbj.jpg) fixed; font-size: 25px; color: #fff;  text-align: center; }


.btsz { width: 450px; height: 70px; margin: 100px auto 0 auto; position: relative;}
.btsz2 { width: 200px; height: 70px; background: #fff; position: absolute; top: 0; left: 120px;}

.cpk,.brt-about,.yw-news { width:480px;}
.da-thumbs { width:480px;}
.da-thumbs li a,.da-thumbs li a img { width:230px; height:151px;}
.cpxl { width:480px;}
.cpxl li a { width:110px; height:40px; margin-top:5px;}
.brt-about img { width: 100%;}

.cpk,.tab, .tab-cont ,.tab-cont .item { width:480px;}
.tap_left,.cftp img,.cftp2 img { width:380px;}

.ftk { width:480px; height:520px;}

.ftbg { width: 100%; height: 850px;  background: #333e44; }

.thumbnailWrapper ul li a img { width:235px; height:144px;}
.thumbnailWrapper ul li { margin-top:10px;}
#t2,#t4 { margin-right:0px;}
.cpdh { display:block;}

.about,.news,.contact,.cpbg { height:200px; }

#goodsshow { width:480px; margin:0 auto;}
#goodsshow .left,#goodsshow .right{float:none;}


.wztz { color:#FFF;}
.syxl ul li { width:230px; margin-top:10px;}
.xltz { margin-left:50px; }
.yx { display:block;}

.sjlb { display:block;}

.pro_list li{ width:220px; height:300px;  margin-left:9px; margin-right:9px; }
.pro_list li a img{ width:200px; height:144px;}

.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;  }

.content img { width:100%;}



.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;}
.lbk,.lbt { display:none;}


.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;}

.jjnr_r { margin-left: 0px;}
.jjs_l { float: left; margin-top: 5px;}
.jjs_r { float: left; margin-left: 5px; margin-top: 5px;}
.jjx_l { float: left; margin-top: 5px;}
.jjx_r { float: left; margin-top: 5px; margin-left: 5px;}

.jjs_l,.jjs_r,.jjx_l,.jjx_r { width: 49%;}

.jjsp_l { float: none; width: 100%; line-height: 35px; padding: 20px; height: 500px; }
.jjsp_l h1 { font-size: 20px;}
.jjsp_r { float: none; width: 100%;}

.jjsp_r { display: none;}
.sj { display:block; font-size: 20px; font-weight: bold; margin-top: 30px;}
.sj2 {display:block;}

}
@media screen and (max-width:500px) {
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd , .service,.dhk,.thumbnailWrapper,.hykd,.gyk,.cpxl2 {width:320px; margin:0px auto;}
.hyk { display: none;}
.dh_bg { height:20px;}
.gd100 { height:60px;}
.header .head .logo{ width:100%; float:none; margin-bottom:00px;margin-top:00px; height:20px;}
.header .logo img{  vertical-align:top; margin-top:10px; }
.head .nav_m{ clear:both; margin-top:40px;}
.nav_m .n_icon{ top:-35px;}
.box_h .title{ width:160px; font-size:18px;}
.box_h .line{ width:80px;}
.box_h .line_l{ left:-80px;}
.box_h .line_r{ right:-80px;}
.xwk_left,.xwk_right,.yyk,.cpxlk { width:320px;}

.btsz { width: 300px; height: 70px; margin: 50px auto 0 auto; position: relative;}
.btsz2 { width: 200px; height: 70px; background: #fff; position: absolute; top: 0; left: 50px;}

.cxk { width: 100%; height: 220px;  background:url(../../image/xcxbj.jpg) fixed; font-size: 20px; color: #fff;  text-align: center; }

.gynr1 { width: 320px; height: 400px; border: 1px solid #ccc;  float: left;}
.gynr2 { width: 320px; height: 400px; border: 1px solid #ccc;  margin-left: 0px; float: left; margin-top: 20px;}
.gynr3 { width: 320px; height: 400px; border: 1px solid #ccc;  margin-left: 0px; float: left; margin-top: 20px;}
.gynr4 { width: 320px; height: 400px; border: 1px solid #ccc;  margin-left: 0px; float: left; margin-top: 20px;}

.cpxl2 li { float:left; margin-left:5px; margin-right:5px; margin-bottom: 10px;}
.cpxl2 li a { width:150px; height:40px; }

.cpk,.brt-about,.yw-news { width:320px;}
.da-thumbs { width:320px;}
.da-thumbs li a,.da-thumbs li a img { width:310px; height:203px;}
.cpxl { width:320px;}
.cpxl li a { width:150px; height:40px; }
.cpk_right { display:none;}
.cpk_left {  font-size:18px;}

.cpk,.tab, .tab-cont ,.tab-cont .item { width:320px;}
.cftp img,.cftp2 img { width:280px;}
.tap_left { width:280px; margin-left:20px; margin-top:20px;}
.tab-title .item { width:80px; font-size:14px;}
.tab-cont { min-height:650;}

.newslist2 { padding:30px 0 0 20px;}
.newslist2 li { width:300px;}
.news_left { display:none;}
.news_right { float:left; margin-left:0;}
.newslist2 li a .intro { display:none;}
.newslist2 li a .date2 { display:block; text-align:left;}

.dhk_right { display:none;}

.ftk { width:320px;}
.ftbg { width: 100%; height: 1300px;  background: #333e44; }
.ftxl a { margin-right: 16px;}

.thumbnailWrapper ul li a img { width:154px; height:94px;}

.syxl ul li { width:320px; margin-top:0;}
.xltz { height:150px;}



.about { width:100%; height:100px; background:url(../../image/about.jpg) no-repeat center 70px; background-attachment:fixed; background-size:contain;}
.news { width:100%; height:100px; background:url(../../image/news.jpg) no-repeat center 70px; background-attachment:fixed; background-size:contain;}
.contact { width:100%; height:100px; background:url(../../image/contact.jpg) no-repeat center 70px; background-attachment:fixed; background-size:contain;}
.cpbg { width:100%; height:100px; background:url(../../image/cp.jpg) no-repeat center 70px; background-attachment:fixed; background-size:contain;}
.zcbg { width:100%; height:100px; background:url(../../image/zc.jpg) no-repeat center 70px; background-attachment:fixed; background-size:contain;}

.pro_list li{ width:320px; height:330px;  margin-left:9px; margin-right:9px; }
.pro_list li a img{ width:280px; height:170px; }

#goodsshow { width:320px; margin:0 auto;}
#goodsshow .left { width:320px;}
#goodsshow .right { width:320px;}
#goodsshow .shop_big{ width:320px; height:212px;}
#goodsshow .shop_plist{ idth:320px;}
#prolist { width:280px;}
#goodsshow .shop_big img{ width:314px; height:206px;}


.scd_r{ margin-left:0px;}
.sjlb { width:320px;}

.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;}

.weizhi-1 { display:none;}
.newslist li a .title,.newslist li a .date{font-size:12px; }

.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;}

.zslb ul li img { width:100%;}


.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;}

.xbanner { height: 220px; }
.dg-container { height: 200px;}


.dg-wrapper {
    width: 320px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px;
}


.dg-wrapper a {
    width: 100%;
    height: 170px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.dg-wrapper a img {
    display: block;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    width: 320px;
    height: 170px;
    background: #fff;
}
.ftlx_r img { width: 100%;}

.spdx { width: 100%; height: 200px;}

.ftbgx { wpadding-top: 0px; line-height: 20px;}

.dn { display: none;}
.sj3 { display:block;}

}