﻿@media screen and (max-width:1440px){
 .header .head,.gybgk,.cpbgk,.cpk,.zsk,.pro_width2,.xxnr,.xwk,.whbgk,.lxk,.brt-about,.whk,.tdfc,.yw-news,.zlhbk { width: 1220px;}

.ilist{float:left;width:1050px;overflow:hidden;padding:0;}
.ileft img,.iright img{margin-top:150px;cursor:pointer;}

.cpnr_l { float: left; width: 60%;}
.cpnr_l img { width: 550px; height: 322px; }
.cpnr_r { float: left; margin: 50px 0 0 0;  width: 40%;}


.x1 { margin-top: 120px;}
.x2 { margin-top: 80px; margin-left: 25px;}
.x3 { margin-top: 70px; margin-left: 25px;}
.x4 { margin-top: 80px; margin-left: 25px;}
.x5 { margin-top: 120px; margin-left: 25px;}

.xwlb ul li a { display: block; width: 330px; height: 240px; background: #F7F7F7; margin: 0 18px; padding: 20px;}

.whbg { width: 100%; height: 523px; background:url(../../image/whbg.jpg) no-repeat center;}
.whbg1_r img,.whbg2_l img {  width: 305px;}

.lxlb ul li { width: 380px; height: 231px; background:url(../../image/lxbg2.png) no-repeat center; float: left; margin: 50px 12px 0 12px;}
.lxtp { margin-top: 30px;}
.lxnr { text-align: center; font-size: 16px; line-height: 30px; color: #666666; margin: 40px auto 0 auto; width: 330px;}

.nrk_r img { width: 100%; }
.whbg3 { width: 100%; height: 900px; background:url(../../image/whbg4.jpg)  top center ;}
.whlb ul li { margin: 0 12px 20px 12px;}

.pro_list li{width:280px; height:330px; margin-left:10px; margin-right:15px;}

.ry ul li { float:left; margin-left:12px; margin-right:12px;}

.prolist2 li{ margin:0 50px 0 0; }
.hjtp ul li { float: left; margin: 0 10px 40px 10px; text-align: center;}

.gybgk_r img { width: 100%; }

.zlhbk {  height: 550px; text-align: left; padding-top: 70px;}


}


@media screen and (max-width:1220px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd,.dhk,.cpbgk,.cpk,.brt-about,.yw-news,.hykd,.gybgk,.zsk,.pro_width2,.xxnr,.xwk,.whbgk,.lxk,.whk,.tdfc,.zlhbk  {width:960px;}
.head .nav{ margin-left:00px; width:550px;}
.head .nav li{ margin-right:0px; margin-left: 10px;}
.head .nav li a{ padding:0 3px;}

.prolist2 li{ margin:0 70px 0 0; }

.ilist{float:left;width:800px;overflow:hidden;padding:0;}
.ileft img,.iright img{margin-top:150px;cursor:pointer;}

.prolist li{width:900px;}
.cpnr_l { float: left; width: 55%;}
.cpnr_l img { width: 450px; height: 263px; margin-top: 50px;}
.cpnr_r { float: left; margin: 50px 0 0 0;  width: 45%;}
.cpgt {  margin-top: 30px; }

.cpbg1 { font-size: 60px; font-weight: bolder; color: #80B1E8;}
.cpbg2 { font-size: 20px; font-weight: bold; color: #fff; margin-top: -50px; margin-left: 8px;}
.cpbg4 { font-size: 20px; font-weight: bold; color: #333333; margin-top: -50px; margin-left: 8px;}


.gylb ul li { float: left; text-align: center; width: 180px;}
.x1 { margin-top: 120px;}
.x2 { margin-top: 80px; margin-left: 15px;}
.x3 { margin-top: 70px; margin-left: 15px;}
.x4 { margin-top: 80px; margin-left: 15px;}
.x5 { margin-top: 120px; margin-left: 15px;}

.xwk {  height: 900px; margin: 0 auto; text-align: left; padding-top: 70px;}
.xwlb ul li { float: left; margin-bottom: 20px;}
.xwlb ul li a { display: block; width: 380px; height: 240px; background: #F7F7F7; margin: 0 18px; padding: 20px;}

.whbg { width: 100%; height: 395px; background:url(../../image/whbg.jpg) no-repeat center;}
.whbg1_r img,.whbg2_l img {  width: 230px;}

.ry ul li { float:left; margin-left:20px; margin-right:20px;}

.lxbg { height: 850px;}
.lxlb ul li { width: 440px; height: 267px; background:url(../../image/lxbg.png) no-repeat center; float: left; margin: 50px 20px 0 20px;}
.lxtp { margin-top: 40px;}
.lxnr { text-align: center; font-size: 16px; line-height: 30px; color: #666666; margin: 60px auto 0 auto; width: 330px;}

.hjtp ul li { float: left; margin: 0 45px 40px 45px; text-align: center;}

.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;}



.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;}

.zlhbk {  height: 550px; text-align: left; padding-top: 70px;}

.zzjgtp img { width: 100%;}

}
@media screen and (max-width:980px){
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd,.dhk,.hykd,.gybgk,.cpbgk,.cpk,.zsk,.pro_width2,.xxnr,.xwk,.whbgk,.lxk,.whk,.tdfc,.zlhbk {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:170px;}
.head .logo img{  margin-top:5px; width:170px;}

.gy_more a { margin-top: 40px;}

.prolist2 li{ margin:0 60px 0 60px; }

.ilist{float:left;width:600px;overflow:hidden;padding:0;}
.ileft img,.iright img{margin-top:150px;cursor:pointer;}


.cpnr_l { float: none; width: 100%;}
.cpnr_l img { width: 450px; height: 263px;}
.cpnr_r { float: none; margin: 50px 0 0 0;  width: 100%;}

.cpgt { display: none;}

.pro_list li{width:280px; height:330px; margin-left:40px; margin-right:45px;}

.gylb ul li { float: left; text-align: center; width: 120px;}
.x1 { margin-top: 60px;}
.x2 { margin-top: 40px; margin-left: 30px;}
.x3 { margin-top: 40px; margin-left: 30px;}
.x4 { margin-top: 40px; margin-left: 30px;}
.x5 { margin-top: 80px; margin-left: 30px;}

.xwlb ul li { float: left; margin-bottom: 20px;}
.xwlb ul li a { display: block; width: 290px; height: 200px; background: #F7F7F7; margin: 0 18px; padding: 20px;}
.xwnr { font-size: 14px; margin-top: 20px; height: 80px;}

.whbg { display: none;}

.xwk {  height: 850px; }

.lxbg { height: 1100px;}
.lxlb { margin-left: 130px;}
.lxlb ul li { width: 440px; height: 267px; background:url(../../image/lxbg.png) no-repeat center; margin-top: 30px; }

.nrk_l { float: none; width: 100%; text-align: left;}
.nrk_r { float: none; width: 50%; text-align: right; display: none;}

.ry ul li { float:left; margin-left:45px; margin-right:45px;}

.hjtp ul li {  margin: 0 20px 40px 20px; }
.hjtp ul li img {  width: 320px; }

.cpk,.tab, .tab-cont ,.tab-cont .item { 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;}

.xw1 { display:none;}
.xw2 { display:block;}

.whbg3 { width: 100%; height: 1150px; background:url(../../image/whbg4.jpg)  top center ;}
.whlb ul li { margin: 0 45px 20px 45px;}

#goodsshow .shop_big img{ width:740px; height:444px;}
#goodsshow .shop_big .bigimg{ width:740px; height:444px; margin:0 auto;}
#prolist{width:680px;}



.thumbnailWrapper ul li a img { width:140px; height:86px;}
.ftk { width:740px; }
.syxl ul li { width:240px;}
.xltz { margin-left:50px;}
.wztz { margin-left:50px;}
.yx { display:none;}



.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;}

.show_more2 a { width: 170px; height: 50px; border: 1px solid #fff; color: #fff; display: block; margin: 10px auto 0 auto; line-height: 50px; text-align: center; border-radius: 50px;}

.zlhbk {  height: 650px; text-align: left; padding-top: 20px;}
}
@media screen and (max-width:770px) {
.f_bg .f_m , .f_bg .bq_bg .bq , .i_solution , .pro_m , .header .head , .scd , .service,.dhk,.hykd ,.gybgk,.cpbgk,.cpk,.zsk,.pro_width2,.xxnr,.xwk,.whbgk,.lxk,.whk,.tdfc,.zlhbk {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 .logo{ width:250px;}
.head .logo img{  margin-top:5px; width:250px;}
.head .search{ margin-right:80px; margin-top:30px;}
.head .nav_m{ clear:both; margin-top:30px;}

.gybg { width: 100%; height: 950px; background:url(../../image/gybg.jpg) no-repeat center bottom;}
.gybgk {  padding-top: 50px;}
.gybt { font-size: 30px; color: #333333;}
.gybt font { font-size: 15px; color: #00438C; font-weight: bold;}
.gybgk_l { float: none; width: 100%; text-align: left;}
.gybgk_r { float: none; width: 100%;}
.iframe {  width: 100%; height: 300px;}

.gy_more a { margin-top: 40px;}

.cpbg { width: 100%; height: 700px; background:url(../../image/cpbg.jpg) no-repeat center;}
.ilist{float:left;width:350px;overflow:hidden;padding:0;}
.ileft img,.iright img{margin-top:100px;cursor:pointer;}

.prolist2 li{ margin:0 110px 0 110px; }

.cpnr_l { float: none; width: 100%;}
.cpnr_l img { width: 300px; height: 175px;}
.cpnr_r { float: none; margin: 50px 0 0 0;  width: 100%;}


.cpnr_bt a { font-size: 30px; color: #fff;}

.cpbg1 { font-size: 40px; font-weight: bolder; color: #80B1E8;}
.cpbg2 { font-size: 16px; font-weight: bold; color: #fff; margin-top: -35px; margin-left: 8px;}
.cpbg4 { font-size: 16px; font-weight: bold; color: #333333; margin-top: -35px; margin-left: 8px;}

#goodsshow .left{width:480px; margin: 0 auto;}
#goodsshow { width: 480px;}
#goodsshow .shop_big{background:#fff;width:100%;cursor:pointer; height:288px;}
#goodsshow .shop_big img{ width:480px; height:288px;}
#goodsshow .shop_big .bigimg{ width:480px; height:288px; margin:0 auto;}
#prolist{width:400px;}

.ry ul li { float:left; margin-left:100px; margin-right:100px;}

.hjtp ul li {  margin: 0 20px 40px 20px; }
.hjtp ul li img {  width: 380px; }

.fdk { height: 400px; position: relative;}
.xxbg { width: 100%; height: 400px; background:url(../../image/xxbg.jpg) no-repeat center;}
.gylb { display: none;}
.gylb2 { display: block; padding-top: 50px;}
.gylb2 ul li { margin-top: 20px;}
.gylb2 ul li a { width: 100%; height: 50px; display: block; border: 1px solid #fff; text-align: center; line-height: 50px; color: #fff;}
.gylb2 ul li a:hover { background: #fff; color: #00438C; transition: all 0.4s ease;}

.xwlb ul li { float: left; margin-bottom: 20px; }
.xwlb ul li a { display: block; width: 480px; height: 240px; background: #F7F7F7; margin: 0 18px; padding: 20px;}
.xwnr { font-size: 14px; margin-top: 20px; height: 100px;}
.xwlb ul li a { margin: 0; padding: 20px;}

.xwk {  height: 1200px; }

.lxlb { margin-left: 0px;}

.whbg3 { width: 100%; height: 600px; background:url(../../image/whbg3.jpg) no-repeat top center ;}
.whlb { display: none;}
.whlb2{ display:block;}

.whlb2 ul li { width: 100%; height: 60px; line-height: 30px; text-align: center; color: #fff;  display: block; margin-top: 20px; background: #00438C;}
.whlb2 ul li font { font-size: 18px; font-weight: bold;}

.pro_list li{width:280px; height:330px; margin-left:100px; margin-right:100px; margin-top: 0; margin-bottom: 30px;}

.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;}

.cpk,.tab, .tab-cont ,.tab-cont .item { width:480px;}
.tap_left,.cftp img,.cftp2 img { width:380px;}

.ftk { width:480px; height:520px;}
.ftbg_left,.ftbg_right { float:none;}
.ftbg_left { margin-top:0px; padding-top:40px;}


.about,.news,.contact,.lcpbg,.zsbg,.tdfcbg { height:150px; }
.wz_bt { font-size: 20px; color: #fff; font-weight: bold; padding-top: 90px;}
.wz_yw { font-size: 14px; color: #fff; }
.whwz { font-size: 25px;}
.whwz2 { font-size: 25px;}




.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;}

.csk_l { float: none; width: 100%;}
.csk_r { float: none; width: 100%; margin-bottom: 40px;}

.zlhbk {  height: 850px; text-align: left; padding-top: 20px;}

}
@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 ,.gybgk,.cpbgk,.cpk,.zsk,.pro_width2,.xxnr,.xwk,.whbgk,.lxk,.brt-about,.whk,.tdfc,.yw-news ,.zlhbk{width:320px; margin:0px auto;}
.dh_bg { height:60px; }
.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:25px; }
.head .nav_m{ clear:both; margin-top:40px;}
.nav_m .n_icon{ top:-35px;}

.gybt { font-size: 20px; color: #333333;}
.gybt font { font-size: 12px; color: #00438C; font-weight: bold;}
.iframe {  width: 100%; height: 250px;}

.cpbg { width: 100%; height: 620px; background:url(../../image/cpbg.jpg) no-repeat center;}
.ilist{float:left;width:220px;overflow:hidden;padding:0;}
.ileft img,.iright img{margin-top:120px;cursor:pointer;}

.prolist2 li{ margin:0 30px 0 30px; }

.cpnr_bt a { font-size: 25px; }

.gybg { width: 100%; height: 900px; background:url(../../image/gybg.jpg) no-repeat center;}
.gybgk_r video { height: 300px; width: 100%;}




.cpnr_l { float: none; width: 100%;}
.cpnr_l img { width: 220px; height: 129px;}
.cpnr_r { float: none; margin: 50px 0 0 0;  width: 100%;}

.ileft{float:left;width:25px;overflow:hidden;text-align:right; margin-right: 20px;}
.iright{float:left;width:25px;overflow:hidden;text-align:left; margin-left: 20px;}
.ileft img {width:25px;}
.iright img {width:25px;}

.xwlb ul li a { display: block; width: 280px; height: 150px; background: #F7F7F7; margin: 0; padding: 20px;}
.xwnr { font-size: 14px; margin-top: 20px; height: 50px;}
.xw_more { margin-top: 5px;  }
.show_more a { margin: 20px auto 0 auto;}

.xwk {  height: 900px; }

.lxbg { width: 100%; height: 800px; background: #F7F7F7;}
.lxlb ul li { width: 320px; height: 195px; background:url(../../image/lxbg3.png) no-repeat center; float: left; margin: 20px 0 0 0;}
.lxtp { margin-top: 17px;}
.lxnr { text-align: center; font-size: 16px; line-height: 30px; color: #666666; margin: 30px auto 0 auto; width: 300px;}

.pro_list li{width:280px; height:330px; margin-left:20px; margin-right:20px; margin-top: 0; margin-bottom: 30px;}

.ry ul li { float:left; margin-left:20px; margin-right:20px;}

.hjtp ul li {  margin: 0 0 40px 0; }
.hjtp ul li img {  width: 320px; }


.cpxl { width:320px;}
.cpxl li a { width:150px; height:40px; }
.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; height:550px;}

.thumbnailWrapper ul li a img { width:154px; height:94px;}

.syxl ul li { width:320px; margin-top:0;}
.xltz { height:150px;}

#goodsshow { width:320px; margin:0 auto;}
#goodsshow .left { width:320px;}
#goodsshow .right { width:320px;}
#goodsshow .shop_big{ width:320px; height:212px;}
#goodsshow .shop_plist{ width: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;}

.hyk { display: none; }

.dnb { display: none;}
.sjb { display: block;}

.cpxl2 { width: 320px; margin: 0 auto;}
.cpxl2 li { float: none; margin-bottom: 10px; margin-left:0 ; margin-right: 0;}
.cpxl2 li a { width: 320px; height: 50px;}

.cpxl3 { width: 320px; margin: 0 auto;}
.cpxl3 li { float: none; margin-bottom: 10px; margin-left:0 ; margin-right: 0;}
.cpxl3 li a { width: 320px; height: 50px;}


.pro_list2 li{  margin-left:20px; margin-right:20px; }

.zlhbk {  height: 1400px; text-align: left; padding-top: 20px;}
.hzhb ul li { float: left; margin-left: 60px;  margin-bottom: 10px;}

}
