@charset "UTF-8"; /* CSS Document */ @media screen and (min-width:1199px){ .clearfix{clear: both;} .mob{display: none;} .pc{display: block;} .fl{float: left;} .fr{float: right;} body{margin: 0;padding: 0;font-family: "Microsoft YaHei","微软雅黑";font-size: 12px;overflow-x: hidden;} a,ul,li,ol,p,h1,h2,h3,h4,h5,h6,dl,dd,dt{list-style: none;margin: 0;padding: 0;text-decoration: none;font-weight: normal;font-size: 12px;color: #858585;} * img{display: block;border: none;} input,select,textarea{margin: 0;padding: 0;outline: none;font-family: "Microsoft YaHei","微软雅黑";border:none;} .commen{width: 1200px;margin: 0 auto;} .yc{display: table;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } /*由左到右*/ [class*='bianq'] { transition: all 1s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); } .animated[class*='bianq'] { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translateX(); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*由下到上*/ [class*='wen'] { transition: all 0.3s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .animated[class*='wen'] { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translateY(); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*由上到下*/ [class*='s-xia'] { transition: all 1s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .animated[class*='s-xia'] { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translateY(); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*由右到左*/ [class*='y-zuo'] { transition: all 1s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); } .animated[class*='y-zuo'] { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translateX(); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*左旋转变化*/ [class*='z-xuan'] { transition: all 1s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } .animated[class*='z-xuan'] { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* top*/ .top{background-image: url(../img/szx005.png),url(../img/szx002.jpg);background-repeat: no-repeat,no-repeat;background-position: left top 38px,center;height: 195px;} .top1{height: 38px;} .top1a{font-size: 12px;color: #9b9b9b;margin-left: 16px;line-height: 38px;letter-spacing: 1px;} .top1b{margin-right: 24px;} .top1b a{font-size: 12px;color: #9b9b9b;line-height: 38px;transition: all ease 0.4s;} .top1b a:hover{color: #0d52aa;} .top2a2{margin-top: 33px;margin-right: 25px;} .top2a2 p{font-size: 12px;color: #6f6f6f;margin-left: 13px;} .top2a2 p span{font-size: 20px;font-weight: bold;color: #ff6000;} .top3{height: 30px;margin-top: 20px;} .dh1{width: 100%;} .dh1a{width: 11.1%;text-align: center;position: relative;} .dh1a > a{font-size: 16px;color: #4f4f4f;line-height: 30px;} .dh1aa{background-image: url(../img/szx004.png);background-repeat: no-repeat;background-size: 100% 100%;} .dh1aa a{color: #fff;} .dh1a1{background-color: rgba(13,82,170,0.8);position: absolute;top: 27px;left: 0;width: 100%;z-index: 10;} .dh1a1a a{font-size: 14px;color: #fff;line-height: 45px;} .dh1a:hover{background-image: url(../img/szx004.png);background-repeat: no-repeat;background-size: 100%;} .dh1a:hover > a{color: #fff;} .dh1a1a:hover{background-color: rgba(13,82,170,1.0);} /* banner*/ .ban{width: 100%;margin: 0 auto;position: relative;overflow: hidden;background-image: url(../img/szx011.png);background-repeat: no-repeat; background-position: right bottom;} .bana{width: 1920px;overflow: hidden;height: 500px;position: relative;left: 50%;margin-left: -960px;z-index: -1;} .ban1{width: 100%;margin: 0 auto;position: relative;overflow: hidden;top: -30px;z-index:-1;} .bana1{width: 1920px;overflow: hidden;height: 550px;position: relative;left: 50%;margin-left: -960px;z-index: -1;} .banb{width: 1200px;} .banb_a{width: 47px;height: 109px;position: absolute;left: 3%;top: calc(50% - 65px);cursor: pointer;} .banb_c{width: 47px;height: 109px;position: absolute;left: 93%;top: calc(50% - 65px);cursor: pointer;z-index: 15;} .banb_e{z-index: 1000;bottom: 60px;position: absolute;left: calc(50% - 36px);} .banb_e li{width:12px;height: 12px;background: #fff;border-radius: 50%;float: left;margin: 12px 6px;cursor: pointer;transition: all ease 0.1s;} .banb_e .banb_f{background: #0d52aa;} .bt-a{width: 47px;height: 109px;position: absolute;left: 3%;top: calc(50% - 65px);cursor: pointer;z-index: 1500;} .bt-b{width: 47px;height: 109px;} .bt-b:hover{background: url(../img/yi09.png);} .bt-k{width: 47px;height: 109px;position: absolute;right: 3%;top: calc(50% - 65px);cursor: pointer;z-index: 1500;} .bt-f{width: 47px;height: 109px;} .bt-f:hover{background: url(../img/yi08.png);} .ban111a{background-image: url(../img/szx010.png);background-repeat: no-repeat;background-size: 100%; margin-top: -22px;padding-left: 43px;width: 60%;} .ban111a p{font-size: 12px;color: #747474;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ban111a p a{font-size: 12px;color: #747474;transition: all ease 0.4s;} .ban111a p a:hover{color: #ff6000;} /* 热销产品*/ .rx{background-color: #f5f5f5;margin-top: -20px;padding-bottom: 47px;} .rx1{padding-top: 60px;} .rx1 img{margin: 0 auto;width: 98%;} .rx1 > p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .rx2{margin-top: 24px;width: 100%;overflow: hidden;} .rx2a{width: 300%;} .rx2a1{width: 33.3334%;} .rx2a2:nth-child(1){margin-left: 0;} .rx2a2{width: 22%;margin-left: 2.333%;background-color: #fff;position: relative;overflow: hidden;} .rx2a2 a > p{font-size: 14px;color: #4c4c4c;line-height: 57px;border-top: 1px solid #f0f0f0;width: 86.6%;margin: 0 auto;padding-left: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .rx2a2 a img{width: 98%;} .rx3a{z-index: 1000;position: absolute;left: calc(50% - 68px);margin-top: 30px;} .rx3a li{width:33px;height: 2px;background: #686868;float: left;margin: 12px 6px;cursor: pointer;transition: all ease 0.1s;} .rx3a .rx3b{background: #ff931a;} .rx4{width: 13.1%;margin: 0 auto;} .rx4 a p{font-size: 14px;color: #aeadad;text-transform: uppercase;border: 1px solid #aeadad;text-align: center;line-height: 37px;margin-top: 76px;transition: all ease 0.4s;} .rx2a2a{background-color:rgba(0,0,0,0.75);position: absolute;top: 352px; width: 100%;height: 100%;transition: all ease 0.4s;padding: 10% 8%;} .rx2a2:hover .rx2a2a{top: 1px;} .rx2a2a h2{font-size: 16px;color: #fff;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .rx2a2a p{font-size: 12px;color: #fff;line-height: 26px;margin-top: 10px;height: 208px;overflow: hidden;} .rx4:hover p{background-color: #ff931a;color: #fff;border: 1px solid #ff931a;padding-left: 10px;} /* 产品中心*/ .icp{padding-top: 38px;padding-bottom: 58px;} .icp > img{margin: 0 auto;} .icp > p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .icp1{width: 100%;margin-top: 15px;} .icp1a{width: 38.8%;margin-top: 5.2%;} .icp1a1{width: 48%;height: 67px; text-align: center;background-color: #eeeeee;margin-left: 2%;margin-bottom: 2%;line-height: 67px;} .icp1a1 a{font-size: 16px;color: #676767;} .icp1a11{background-image: url(../img/szx014.png);background-repeat: no-repeat;background-color:rgba(0,0,0,0.00);} .icp1a11 a{color: #fff;} .icp1b{width: 58.6%;margin: 0 auto;overflow: hidden;} .icp1b1{width: 100%;} .icp1b2{width: 100%;position: relative;} .icp1b3{position: absolute;top: 80px; left: 11px;font-size: 16px;color: #f88f1e;font-weight: bold;background-image: url(../img/szx016.png);background-repeat: no-repeat;background-size: 11px;padding-left: 20px;background-position: center left;letter-spacing: 1px;} .icp1b4{position: absolute;top: 70px; right: 20px;border: 1px solid #aeadad;text-transform: uppercase;width: 158px;height: 37px;text-align: center;line-height: 37px;transition: all ease 0.4s;font-size: 14px;color: #aeadad;} .icp1b4:hover{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;padding-left: 10px;} /* 四大理由*/ .ly{background-image: url(../img/szx017.png);background-repeat: no-repeat;background-size: 100% 100%;position: relative;} .ly1{} .ly1 > img{margin: 0 auto;} .ly1a{width: 100%;position: relative;} .ly1a1{width: 64%;height: 245px;padding-top: 55px;padding-right: 40px;padding-left: 35px;} .ly1a1a{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx019.png);background-repeat: no-repeat;line-height: 52px;padding-left: 65px;} .ly1a1b{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx020.png);background-repeat: no-repeat;line-height: 52px;padding-right: 65px;background-position: right;text-align: right;} .ly1a1c{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx021.png);background-repeat: no-repeat;line-height: 52px;padding-left: 65px;} .ly1a1d{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx022.png);background-repeat: no-repeat;line-height: 52px;padding-right: 65px;background-position: right;text-align: right;} .ly1a1e{font-size: 14px;color: #fff;line-height: 20px;margin-top: 18.5px;height: 87px;overflow: hidden;} .ly1a1f{font-size: 14px;color: #fff;line-height: 20px;margin-top: 18.5px;text-align: right;} .ly1a11{width: 50%;cursor: pointer;} .ly1a111{margin-top: 35px;} .ly1b{position: absolute;top: 50px;left: 400px;} .ly1b img{width: 100%;} .ly1c{width: 100%;margin-top: 95px;padding-bottom: 27px;} .ly1c p{font-size: 12px;color: #f0f0f0;text-align: center;} .ly1c p span{font-size: 26px;color: #f29f28;font-weight: bold;line-height: 42px;} .ly1c img{margin: 0 auto;} .ly1a11a{background-image: url(../img/szx023.png);background-repeat: no-repeat;background-size: 100% 100%;} /* 成功案例*/ .al{margin-top: 20px;} .al1{width: 39.6%;margin: 0 auto;} .al1 img{width: 100%;} .al1 p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .al2{margin-top: 40px;} .al2a{width: 95.8%;overflow: hidden;height: 320px;} .al2a1{width: 100%;} .al2a1a{width: 47.8%;position: relative;overflow: hidden;padding-right: 49px;} .al2a1a a img{width: 100%;transition: all ease 0.4s;} .al2a1a1{position: absolute;bottom: 0;right: 0; width: 50.3%;height: 176px;background-image: url(../img/szx033.png);background-repeat: no-repeat;background-size: 100% 100%;padding: 0 32px;transition: all ease 0.4s;} .al2a1a1 h2{font-size: 14px;color: #676767;font-weight: bold;line-height: 65px;text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all ease 0.4s;} .al2a1a1 p{font-size: 12px;color: #676767;text-align: right;line-height: 21px;height: 84px; overflow: hidden;transition: all ease 0.4s;} .al2a1a:hover .al2a1a1{background-image: url(../img/szx031.png);} .al2a1a:hover .al2a1a1 h2{color: #fff;} .al2a1a:hover .al2a1a1 p{color: #fff;} .al2a1a:hover img{transform: scale(1.1);} .al2b{width: 4.1%;margin-top: 40px;} .al2b1{width: 39px;height: 39px;background-color: #c8c8c8;text-align: center;line-height: 39px;color: #fff;cursor: pointer;transition: all ease 0.4s;font-size: 20px;} .al2b2{width: 39px;height: 39px;background-color: #c8c8c8;text-align: center;line-height: 39px;color: #fff;margin-top: 11px;cursor: pointer;transition: all ease 0.4s;font-size: 20px;} .al2aa{height: 300%;} .al2b1:hover{background-color: #f88f1e;} .al2b2:hover{background-color: #f88f1e;} .al3{width: 13.1%;margin: 0 auto;margin-top: 46px;} .al3 p{width: 100%; height: 37px;border: 1px solid #aeadad;line-height: 37px;text-align: center;text-transform: uppercase;transition: all ease 0.4s;} .al3 p a{font-size: 14px;color: #aeadad;transition: all ease 0.4s;} .al3 p:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} .al3 p:hover a{color: #fff;padding-left: 10px;} /* 客户评价*/ .pj{background-image: url(../img/szx034.png);background-repeat: no-repeat;margin-top: 42px;height: 395px;background-position: center top;} .pj1a{width: 3.3%;margin-top: 84px;} .pj1a1{width: 39px;height: 39px;font-size: 20px;color: #fff;background-color: #c8c8c8;text-align: center;line-height: 39px;transition: all ease 0.4s;cursor: pointer;} .pj1a2{width: 39px;height: 39px;font-size: 20px;color: #fff;background-color: #c8c8c8;text-align: center;line-height: 39px;margin-top: 11px;transition: all ease 0.4s;cursor: pointer;} .pj1c{width: 44.8%;margin-left: 100px;margin-top: 25px;} .pj1c1{height: 400%} .pj1b{width: 33.3%;} .pj1b img {width: 100%;} .pj1c2{width: 100%;} .pj1c2 h2{font-size: 16px;color: #fff;font-weight: bold;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pj1c2 p{font-size: 12px;color: #fff;line-height: 24px;height: 72px; overflow: hidden;} .pj1c3{width: 45px;padding-bottom: 15px;} .pj1c3 img{width: 100%;} .pj1a1:hover{background-color: #f88f1e;} .pj1a2:hover{background-color: #f88f1e;} .pj1c11{width: 100%;height: 118px;overflow: hidden;} /* 公司简介*/ .gy{margin-top: 55px;} .gy1{width: 43.4%;} .gy1a{box-shadow: 25px 25px 0 0 #cfcfcf;width: 100%;overflow: hidden;} .gy1a1{width: 400%;} .gy1a2{width: 25%;} .gy1a2 img{} .gy1b{margin-top: 60px;margin-bottom: 22px;margin-left: 30px;} .gy1baa{width: 11px;height: 11px;background-color: #a0a0a0;float: left; margin: 0 5.5px;cursor: pointer;} .gy1ba{background-color: #0d52aa;} .gy2{width: 50%;padding-left: 60px;} .gy2 h2{font-size: 74.5px;text-transform: uppercase;color: #e5e5e5;font-weight: bold;text-align: right;} .gy2 h3{font-size: 20px;font-weight: bold;color: #0d52aa;text-align: right;margin-top: -33px;letter-spacing: 2px;} .gy2 p{font-size: 12px;color: #909090;line-height: 23px;margin-top: 27px;text-align: right;} .gy2 h4{border: 1px solid #aeadad;width: 158px;height: 37px;text-transform: uppercase;text-align: center;line-height: 37px;float: right;margin-top: 55px;transition: all ease 0.4s;} .gy2 h4 a{font-size: 14px;color: #aeadad;transition: all ease 0.4s;} .gy2 h4:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} .gy2 h4:hover a{color: #fff;} /* 新闻资讯*/ .xw{background-color: #f5f5f5;padding-bottom: 80px;} .xw1{padding-top: 50px;} .xw1a{margin-top: 37px;} .xw1a1{width: 20%;background-color: #fff;margin-left: 4.5%;height: 46px;font-size: 16px;color: #767676;text-align: center;line-height: 46px;} .xw1a2{width: 20%;background-color: #fff;margin-left: 4.5%;height: 46px;text-align: center;line-height: 46px;transition: all ease 0.4s;} .xw1a2 a{font-size: 16px;color: #767676;transition: all ease 0.4s;} .xw1a11{background-image: url(../img/szx042.png);background-repeat: no-repeat;background-color: rgba(0,0,0,0.00);color: #fff;cursor: pointer;} .xw1a2:hover{background-color: #f88f1e;} .xw1a2:hover a{color: #fff;} .xw1b{margin-top: 50px;} .xw1b1{width: 50%;} .xw1b1a{width: 100%;height: 110px;background-color: #fff;margin-bottom: 15px;} .xw1b1a1{width: 11.6%;background-image: url(../img/szx043.png);background-repeat: no-repeat;background-size: 100%;margin-left: 5.1%;margin-top: 23px;font-size: 30px;color: #0d52aa;font-weight: bold;font-family: "Arial";text-align: center;line-height: 15px;padding-top: 18px;transition: all ease 0.4s;height: 85px;} .xw1b1a1 span{font-size: 12px;color: #0d52aa;font-family: "Arial";text-align: center;display: inline-block;transition: all ease 0.4s;} .xw1b1a2{width: 68.3%;margin-right: 8.6%;} .xw1b1a2 h2{font-size: 14px;color: #7a7a7a;font-weight: bold;line-height: 30px;margin-top: 27px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b1a2 p{font-size: 12px;color: #7a7a7a;line-height: 29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b1a:hover .xw1b1a1{background-image: url(../img/szx044.png);color: #f88f1e;} .xw1b1a:hover .xw1b1a1 span{color: #f88f1e;} .xw1b1a:hover .xw1b1a2 h2{color: #f88f1e;} .xw1b1a:hover .xw1b1a2 p{color: #f88f1e;} .xw1b2{width: 45.5%;} .xw1b2a{width: 100%;overflow: hidden;} .xw1b2a img{width: 100%;transition: all ease 0.4s;} .xw1b2b{padding: 0 40px;background-color: #fff;padding-top: 35px;padding-bottom: 41px;position: relative;} .xw1b2b h2{font-size: 14px;color: #7a7a7a;font-weight: bold;line-height: 33px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b2b p{font-size: 12px;color: #7a7a7a;line-height: 18px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;transition: all ease 0.4s;} .xw1b2b1{background-image: url(../img/szx046.png);background-repeat: no-repeat;background-size: 100% 100%; width: 16.9%;padding-top: 10px;position: absolute;top: -40px;right: 30px;} .xw1b2b1 p{font-size: 40px;color: #fff;font-weight: bold;font-family: "Arial";text-align: center;line-height: 18px;height: 80px;padding-top: 15px;} .xw1b2b1 p span{display: inline-block;font-size: 14px;color: #fff;font-family: "Arial";} .xw1b2:hover .xw1b2b h2{color: #f88f1e;} .xw1b2:hover .xw1b2a img{transform: scale(1.1);} .xw1b2:hover .xw1b2b > p{color: #f88f1e;} /* 联系*/ .lx{background-image: url(../img/szx049.jpg);background-repeat: no-repeat;} .lx1{width: 42.3%;margin-left: -95px;margin-top: 10px;} .lx1 img{width: 100%;} .lx2{width: 60%;} .lx2a{margin-right: 9px;} .lx2b{width: 94.5%;background-color: #fff;margin-top: 31px;border-radius: 5px;padding-left: 34px;padding-top: 46px;padding-bottom: 40px;padding: 45px 34px;} .lx2b1{width: 45%;} .lx2b1a{font-size: 22px;color: #f29f28;font-weight: bold;background-image: url(../img/szx050.png);background-repeat: no-repeat;padding-left: 40px;} .lx2b1b{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx051.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1c{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx052.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1d{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx053.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1e{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx054.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b2{width: 45%;} .lx2b2a{width: 100%;background-color: #f3f3f3;height: 34px;border-radius: 5px;padding-left: 10px;color: #d4d4d4;} .lx2b2b{width: 100%;background-color: #f3f3f3;height: 34px;border-radius: 5px;padding-left: 10px;margin-top: 15px;color: #d4d4d4;} .lx2b2c{width: 100%;background-color: #f3f3f3;height: 62px;border-radius: 5px;padding-left: 10px;margin-top: 15px;color: #d4d4d4;line-height: 34px;} .lx2b2d{width: 100%;background-color: #0148a0;margin-top: 15px;height: 34px;border-radius: 5px;color: #fff;} /* 底部导航*/ .ddh{background-color: #2c353e;margin-top: 35px;padding-top: 67px;padding-bottom: 100px;} .ddh111{margin-top: 0;} .ddha1{width: 31.9%;} .ddha1a{width: 41%;} .ddha1a img{width: 100%;} .ddha1b{width: 53%;padding-left: 30px;} .ddha1b img{width: 100%;margin-bottom: 20px;} .ddha1b p{font-size: 12px;color: #d4d4d4;line-height: 30px;} .ddha2{width: 51.5%;} .ddha2a{border-left: 1px solid #34414e;width: 21%;} .ddha2b{width: 35%;} .ddha2a h2{line-height: 14px;border-left: 1px solid #2caee9;padding-left: 13px;margin-bottom: 22px;} .ddha2a h2 a{font-size: 12px;color: #2caee9;transition: all ease 0.4s;} .ddha2a p{width: 100px;line-height: 24px;padding-left: 17px;} .ddha2a p a{font-size: 12px;color: #cbcbcb;transition: all ease 0.4s;} .ddha2a p a:hover{color: #f88f1e;} .ddha2a h2:hover a{color: #f88f1e;} /* 版权*/ .bq{background-color: #252f39;} .bq1 p{width: 33.3%;text-align: center;line-height: 38px;} /* 友链*/ .yl p{font-size: 12px;color: #717c87;line-height: 28px;} /*添加的漂浮QQ*/ .dong{ width:50px; position: fixed; right: 0; top: 50%; margin-top: -115px;z-index: 1001;} .sahng{ width:100%;} .xain{ width: 100%; height: 50px;background: url(../img/zxkf.png) no-repeat center; background-color: #0d52aa; position: relative; margin: 10px 0; cursor: pointer;} .danpo{ width:100%; height: 50px; background-color: #0d52aa; position: absolute; top: 0; left: 0;} .danpo p{text-align: center; line-height: 16px; color: #fff; padding-top: 10px;} .dhaun{ width:320px; position: absolute;top: -20px; left: -310px;z-index: 1000;} .dinr{ width:300px;border-top: solid 4px #0d52aa;background-color: #fff; border-bottom: solid 1px #ccc;border-left: solid 1px #ccc; border-right: solid 1px #ccc;} .weiya{ width:100%; border-bottom: solid 1px #ccc;} .weiya img{ float:left; padding: 10px;} .weiya .yumin{ float:left; padding: 10px;} .yumin span{ font-size: 16px;color: #07913b;} .yumin p{color: #ccc;} .botre{ width:100%; padding: 20px;} .kehug p{ float:left;} .kehug p a{color: #828282;} .kehug img{ float:left;} .jieh{ color: #828282; font-size: 14px; font-weight: bold; line-height: 30px;} .kehug{ line-height: 26px;} .daoma{ width:100%; height: 50px; border: solid 1px #ccc; background: url(../img/217.png) no-repeat center; background-color: #fff; position: relative; margin: 10px 0; cursor: pointer;} .zung{ width: 100%; background-color: #fff; position: absolute; top: 0; left: 0;} .zung p{ text-align: center; line-height: 16px; color: #0d52aa; padding-top: 10px;} .loainj{ width:320px; position: absolute;top: -20px; left: -331px;} .dingw{ width:300px; border-top: solid 4px #0d52aa;background-color: #fff; border-bottom: solid 1px #ccc;border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 10px;} .dingw img{ float:left; padding: 10px;} .dingw .xiaw{ float:left; padding: 10px;} .xiaw span{ font-size:20px; color: #828282; font-weight: bold;} .xiaw p{ color: #939393; font-size: 14px; line-height: 22px;} .topb{ width:100%;height: 50px; border: solid 1px #ccc; background: url(../img/218.png) no-repeat center; background-color: #fff; position: relative; margin: 10px 0; cursor: pointer} .libai{ width: 100%; background-color: #fff; position: absolute; top: 0; left: 0;} .libai p{text-align: center; line-height: 16px; color: #0d52aa; padding-top: 10px;} .yeya{width:200px; position: absolute;top: -20px; left: -230px; } .weic{ width:180px; border-top: solid 4px #0d52aa;background-color: #fff;border-bottom: solid 1px #ccc;border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 20px;} .rin{ width:100%;} .rin img{width: 100%;} .weic p{text-align: center;line-height: 30px;} .fanh{ width:100%;height: 50px;line-height: 16px;text-align: center;color: #fff;background-color:#0d52aa;cursor: pointer;} .fanh p{padding-top: 10px;color: #fff;} /* 产品列表页*/ .neiban{width: 100%;} .neiban img{width: 1920px;position: relative;left: 50%;margin-left: -960px;z-index: -1;} .cpl{background-color: #f5f5f5;} .cpll{padding-bottom: 80px;} .mbx{margin-top: -20px;padding-top: 20px;overflow: auto;} .mbx p{background-image: url(../img/szx059.png);background-repeat: no-repeat;padding-left: 15px;font-size: 12px;color: #999999;line-height: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;} .mbx p a{font-size: 12px;color: #999999;transition: all ease 0.4s;} .mbx p a:hover{color: #f29f28;} .mbx h1{font-size: 12px;line-height: 12px;} .mbx h1 a{font-size: 12px;color: #999999;transition: all ease 0.4s;} .mbx h1 a:hover{color: #f29f28;} .cpl1{margin-top: 60px;position: relative;} .cpl11{margin-top: 20px;position: relative;} .cpl1a{background-image: url(../img/szx060.png);background-repeat: no-repeat;width: 16.5%;background-size: 100%;line-height: 50px;text-align: center;margin: 0 20px;margin-bottom: 48px;transition: all ease 0.4s;padding-top: 4px;} .cpl1aa{background-image: url(../img/szx061.png);background-repeat: no-repeat;width: 16.5%;background-size: 100%;line-height: 50px;text-align: center;margin: 0 20px;margin-bottom: 48px;transition: all ease 0.4s;padding-top: 4px;} .cpl1a:hover{background-image: url(../img/szx061.png);} .cpl1a > a{font-size: 14px;color: #666666;transition: all ease 0.4s;font-weight: bold;} .cpl1a:hover > a{color: #fff;} .cpl1aa > a{font-size: 14px;color: #fff;transition: all ease 0.4s;font-weight: bold;} .cpl1a1{position: absolute;top: 49px;left: 45px;transition: all ease 0.4s;display: none;} .cpl1aa .cpl1a1{display: block;} .cpl1a1 a:hover {color: #f29f28;} .cpl1a2{width: 22%;margin-left: 3%;background-color: #fff;position: relative;overflow: hidden;margin-bottom: 60px;} .cpl1a2 a > p{font-size: 14px;color: #4c4c4c;line-height: 57px;border-top: 1px solid #f0f0f0;width: 86.6%;margin: 0 auto;padding-left: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .cpl1a2 a img{width: 98%;} .cpl1a2a{background-color:rgba(0,0,0,0.75);position: absolute;top: 352px; width: 100%;height: 100%;transition: all ease 0.4s;padding: 10% 8%;} .cpl1a2:hover .cpl1a2a{top: 1px;} .cpl1a2a h2{font-size: 16px;color: #fff;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .cpl1a2a p{font-size: 12px;color: #fff;line-height: 26px;margin-top: 10px;overflow: hidden;height: 182px;} .tj{border: 1px solid #e5e5e5;padding: 40px;margin-top: 77px;} .tj h2{font-size: 22px;color: #0d52aa;font-weight: bold;} .tj > p{font-size: 12px;color: #999999;line-height: 36px;text-transform: uppercase;} .tj1a{width: 45%;border-bottom: 1px dashed #e5e5e5;background-image: url(../img/szx063.png);background-repeat: no-repeat;line-height: 54px;background-position: center left;padding-left: 32px;transition: all ease 0.4s;} .tj1a1{width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #666666;transition: all ease 0.4s;} .tj1a2{font-size: 14px;color: #666666;transition: all ease 0.4s;} .tj1a:hover{background-image: url(../img/szx062.png);} .tj1a:hover .tj1a1{color: #f29f28;} .tj1a:hover .tj1a2{color: #f29f28;} .cp_y3{margin: 0 auto;display: table;margin-top: 20px;} .cp_y3a{width: 70px;height: 46px;line-height: 46px;text-align: center;background-color: #196bdb;margin:0 20px;} .cp_y3a a{font-size: 14px;color: #fff;} .cp_y3c{width: 90px;height: 46px;line-height: 46px;text-align: center;border: 1px solid #cccccc;margin:0 10px;transition: all ease 0.4s;background-color: #fff;} .cp_y3c a{font-size: 14px;color: #434343;transition: all ease 0.4s;} .cp_y3b{line-height: 46px;width: 46px;height: 46px;text-align: center;border: 1px solid #999999;margin: 0 10px;transition: all ease 0.4s;background-color: #fff;} .cp_y3b a{font-size: 14px;color: #666666;transition: all ease 0.4s;} .cp_y3b:hover{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3b:hover a{color: #fff;} .cp_y3c:hover{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3c:hover a{color: #fff;} .cp_y3b1{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3b1 a{color: #fff;} /* 产品内页*/ .cpn1{width: 32.6%;} .l_change{width: 100%;} #tsShopContainer li,#tsShopContainer img{vertical-align:top;} #tsShopContainer{width:100%;position:relative;z-index:3} #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;border: 2px solid #eeeeee;} #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;} #tsShopContainer #tsImgS img{border:0px;width: 100%;height: auto;} #tsShopContainer #tsPicContainer{width:100%;height:96px;position:relative;background:url(../img/scrollPicbg.gif) repeat-x 0px 0px;z-index:4} #tsShopContainer #tsPicContainer #tsImgSArrL{width:13px;height:24px;background:url(../img/z27.png) no-repeat right center;position:absolute;top:57%;left:-6px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSArrR{width:13px;height:24px;background:url(../img/z28.png) no-repeat left center;position:absolute;top:57%;right:-6px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:6px;left:20px;width:1px;overflow:hidden;z-index:5} #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li{width:88px;float:left;cursor:pointer;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li img{margin:0 auto;border:1px solid #bfbfbf;display:block;width:80px;} #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #0d52aa;margin:0 auto;} .cpn2{width: 65.8%;background-color: #e6edf7;padding: 30px 8%;position: absolute;top: 0;right: 0;height: 100%;} .cpn2 h2{font-size: 24px;color: #0d52aa;font-weight: bold;line-height: 86px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 2px;} .cpn2 h1{font-size: 24px;color: #0d52aa;font-weight: bold;line-height: 86px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 2px;} .cpn2 h3{font-size: 12px;color: #666666;line-height: 21px;margin-bottom: 30px;height: 90px;overflow: hidden;} .cpn2 > p{font-size: 12px;color: #666666;border-left: 2px solid #0d52aa;line-height: 13px;margin-top: 20px;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;} .cpn2a{background-image: url(../img/szx069.png);background-repeat: no-repeat;background-size: 100%;margin-top: 60px;} .cpn2a p{font-size: 22px;color: #fff;font-weight: bold;line-height: 68px;padding-left: 90px;} .cpn2a p span{color: #f88f1e;font-size: 20px;font-weight: bold;padding-left: 36px;} .cpn3{width: 100%;} .cpn3a{background-color: #f5f5f5;} .cpn3a1a{width: 89.6%;margin: 0 auto;margin-top: 54px;padding-bottom: 80px;} .cpn3a1a h2{font-size: 22px;color: #0d52aa;font-weight: bold;line-height: 34px;} .cpn3a1a p{font-size: 12px;color: #999999;line-height: 24px;text-transform: uppercase;} .cpn3a1a table{width: 100%;margin-top: 24px;} .cpn3a1a table td{font-size: 12px;color: #666666;padding-left: 40px;line-height: 25px;} .tr1{height: 50px;background-color: #dae5f3;} .tr1 td:first-child{width: 12.9%;border-right: 1px solid #dcdcdc;} .tr2{background-color: #fff;height: 50px;} .tr2 td{border: 1px solid #dcdcdc;} .tr2 td:nth-child(n+2){border-left: none;} .td1{font-weight: bold;} .cpn3a1a td span{color: #0d52aa;} .cpn3b{background-image: url(../img/szx070.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding-bottom: 60px;} .cpn3b1a{width: 89.6%;margin: 0 auto;padding-top: 49px;} .cpn3b1a h3{font-size: 22px;color: #fff;font-weight: bold;} .cpn3b1a p{font-size: 12px;color: #fff;text-transform: uppercase;line-height: 36px;} .cpn3b1ba{width: 68.5%;background-image: url(../img/szx071.png);background-repeat: no-repeat;background-size: 100%;padding: 0 6.8%;padding-top: 52px;height: 300px;} .cpn3b1ba > p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 9px;} .cpn3b1ba1{margin-top: 40px;margin-bottom: 45px;} .cpn3b1ba1 p{width: 13.5%;height: 34px;background-color: #eeeeee;border-radius: 2px;font-size: 12px;color: #666666;text-align: center;line-height: 34px;margin-right: 30px;cursor: pointer;} .cpn3b1ba1 p:hover{background-color: #f88f1e;color: #fff;} .cpn3b1bb{width: 35.3%;margin-left: -50px;margin-top: 20px;} .cpn3b1bb img{width: 100%;} .cpn3b1c{margin-top: 60px;} .cpn3b1ca{width: 68.5%;background-image: url(../img/szx073.png);background-repeat: no-repeat;background-size: 100%;padding: 0 6.8%;padding-top: 52px;margin-left: -50px;height: 300px;} .cpn3b1ca > p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 9px;} .cpn3b1cba1{margin-top: 50px;margin-bottom: 60px;} .cpn3b1cba1 p{width: 13.5%;height: 34px;background-color: #eeeeee;border-radius: 2px;font-size: 12px;color: #666666;text-align: center;line-height: 34px;margin-right: 30px;cursor: pointer;} .cpn3b1cba1 p:hover{background-color: #f88f1e;color: #fff;} .cpn3b1cb{width: 35.3%;margin-top: 20px;position: relative;} .cpn3b1cb img{width: 100%;} .cpn3c{background-color: #fff;} .cpn3c1{padding-top: 30px;padding-bottom: 30px;} .cpn3c1a{width: 89.6%;margin: 0 auto;position: relative;} .cpn3c1a h3{font-size: 24px;color: #0d52aa;font-weight: bold;} .cpn3c1a > p{font-size: 12px;color: #999999;text-transform: uppercase;line-height: 36px;} .cpn3c1a1{width: 100%;margin-top: 30px;} .cpn3c1a1a p{width: 39px;height: 39px;background-color: #c8c8c8;font-size: 20px;color: #fff;text-align: center;line-height: 39px;} .cpn3c1a1b{width: 100%;} .cpn3c1a1c p{width: 39px;height: 39px;background-color: #c8c8c8;font-size: 20px;color: #fff;text-align: center;line-height: 39px;} .cpn3c1a1ac p{background-color: #f88f1e;} .cpn3c1a1b1a1{width: 100%;} .cpn3c1a1b1a1a{width: 30%;} .cpn3c1a1b1a1a img{width: 100%;} .cpn3c1a1b1a1b{width: 50%;margin-left: 30px;} .cpn3c1a1b1a1b h2{font-size: 16px;color: #333333;font-weight: bold;line-height: 44px;} .cpn3c1a1b1a1b h2 span{border-bottom: 2px solid #f88f1e;display: inline-block;} .cpn3c1a1b1a1b p{font-size: 12px;color: #666666;line-height: 22px;} #swiper-button-prev10{position: absolute;top: 170px;left: -60px;width: 39px;height: 39px;background-color: #c8c8c8;background-size: 30%;color: #fff;outline: none;} #swiper-button-next10{position: absolute;top: 170px;right: -60px;width: 39px;height: 39px;background-color: #c8c8c8;background-size: 30%;color: #fff;outline: none;} .cpn41{position: relative;} .cpn4{background-color: #e5e5e5;padding-bottom: 120px;} .cpn4a{padding-top: 30px;} .cpn4a h3{font-size: 24px;color: #0d52aa;font-weight: bold;} .cpn4a > p{font-size: 12px;color: #999999;text-transform: uppercase;line-height: 36px;} .cpn5{width: 11%;margin: 0 auto;position: absolute;bottom: -135px;left: 535px;} .cpn5 img{width: 100%;} /* 案例列表页*/ .all1a{width: 65%;margin: 0 auto;margin-top: 50px;} .all1a1{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 27%;height: 50px;font-weight: bold;text-align: center;line-height: 60px;margin: 0 10%;} .all1a1 a{font-size: 14px;color: #666666;font-weight: bold;} .all1a2{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 27%;height: 50px;font-weight: bold;text-align: center;line-height: 50px;margin: 0 10%;float: right;} .all1a2 a{font-size: 14px;color: #666666;} .all1a11{background-image: url(../img/szx061.png);} .all1a11 a{color: #fff;} .all1a1:hover{background-image: url(../img/szx061.png);} .all1a2:hover{background-image: url(../img/szx061.png);} .all1a1:hover a{color: #fff;} .all1a2:hover a{color: #fff;} .all2{margin-top: 80px;} .all2a{width: 100%;margin-bottom: 80px;} .all2a1{width: 33%;overflow: hidden;} .all2a1 img{width: 100%;transition: all ease 0.4s;} .all2a2{width: 67%;padding-left: 7.3%;padding-right: 5%; background-color: #fff;padding-bottom: 40px;transition: all ease 0.4s;} .all2a2 h2{font-size: 20px;color: #4f4f4f;line-height: 36px;margin-top: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;font-weight: bold;} .all2a2 h3{font-size: 12px;color: #999999;line-height: 28px;} .all2a2 p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 14.5px;height: 42px;overflow: hidden;} .all2a2 span{width: 110px;height: 30px;border: 1px solid #999999;display:inline-block;font-size: 12px;color: #999999;line-height: 30px;margin-top: 35.5px;text-align: center;text-transform: uppercase;transition: all ease 0.4s;} .all2a:hover .all2a1 img{transform: scale(1.1);} .all2a:hover .all2a2{background-color: #e7ebf1;} .all2a:hover .all2a2 h2{color: #0d52aa;} .all2a:hover .all2a2 span{color: #fff;background-color: #f88f1e;border: 1px solid #f88f1e;} /* 案例内页*/ .aln{background-color: #fff;padding-bottom: 80px;margin-top: 50px;position: relative;} .aln1{text-align: center;padding-top: 30px;} .aln1 h2{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .aln1 h1{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .aln1 p{font-size: 12px;color: #999999;line-height: 26px;} .aln2{width: 92%;margin: 0 auto;font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .aln2 img{margin: 0 auto;margin-top: 50px;margin-bottom: 50px;} .aln2 p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .aln2 span{font-size: 12px;color: #666666;} .aln2 span a{font-size: 12px; color: #666666;} .aln3{width: 10%;margin: 0 auto;margin-bottom: -90px;margin-top: 30px;} .aln4{width: 100%; background-image: url(../img/szx034.png);background-repeat: no-repeat;background-size: 100%;padding-bottom: 65px;padding-top: 95px;margin-top: 20px;} .aln4a p{background-image: url(../img/szx084.png);background-repeat: no-repeat;background-size: 100%;width: 22.2%;height: 40px;font-size: 12px;color: #fff;text-align: center;line-height: 40px;margin-top: 17px;margin-left: 100px;} .aln4a p span{font-size: 16px;color: #fff;font-weight: bold;line-height: 40px;} /* 评价列表页*/ .pjl1{margin-bottom: 60px;} .pjl1a{width: 20.5%;position: relative;} .pjl1a1{width: 100%;} .pjl1a2{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all ease 0.4s;} .pjl1b{width: 79.5%;background-color: #fff;padding-left: 81px;padding-right: 60px;padding-top: 32px;padding-bottom: 45.5px;transition: all ease 0.4s;} .pjl1b1{width: 66.1%;} .pjl1b1 h2{font-size: 20px;color: #666666;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all ease 0.4s;font-weight: bold;} .pjl1b1 h3{font-size: 12px;color: #999999;line-height: 28px;} .pjl1b1 p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 12.5px;height: 63px;overflow: hidden;} .pjl1b2 p{width: 110px;height: 30px;border: 1px solid #999999;font-size: 12px;color: #999999;text-transform: uppercase;line-height: 30px;text-align: center;margin-top: 69px;transition: all ease 0.4s;} .pjl1:hover .pjl1b{background-color: #e2e8f1;} .pjl1:hover .pjl1a2{opacity: 1;} .pjl1:hover .pjl1b1 h2{color: #0d52aa;} .pjl1:hover .pjl1b2 p{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 新闻列表页*/ .xwl1{background-color: #fff;padding-left: 3.3%;padding-top: 40px;padding-bottom: 40px;padding-right: 50px;transition: all ease 0.4s;margin-bottom: 40px;} .xwl1a1{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 199px;height: 50px;text-align: center;margin: 0 20px;} .xwl1a2{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 199px;height: 50px;text-align: center;margin: 0 20px;} .xwl1a3{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 199px;height: 50px;text-align: center;margin: 0 20px;} .xwl1a1 a{font-size: 14px;color: #666666;text-align: center;line-height: 60px;font-weight: bold;} .xwl1a2 a{font-size: 14px;color: #666666;text-align: center;line-height: 60px;font-weight: bold;} .xwl1a3 a{font-size: 14px;color: #666666;text-align: center;line-height: 60px;font-weight: bold;} .xwl1a1:hover{background-image: url(../img/szx061.png);} .xwl1a1:hover a{color: #fff;} .xwl1a2:hover{background-image: url(../img/szx061.png);} .xwl1a2:hover a{color: #fff;} .xwl1a3:hover{background-image: url(../img/szx061.png);} .xwl1a3:hover a{color: #fff;} .xwl1a11{background-image: url(../img/szx061.png);} .xwl1a11 a{color: #fff;} .xwl1a{background-image: url(../img/szx043.png);background-repeat: no-repeat;background-size: 100%;transition: all ease 0.4s;} .xwl1a{width: 11.6%;} .xwl1a p{font-size: 60px;color: #0d52aa;font-weight: bold;font-family: "Arial";text-align: center;margin-top: 10px;transition: all ease 0.4s;} .xwl1a span{font-size: 24px;color: #0d52aa;font-family: "Arial";text-align: center;display: block;padding-bottom: 20px;transition: all ease 0.4s;} .xwl1b{width: 61.6%;margin-left: 60px;} .xwl1b h2{font-size: 20px;color: #333333;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xwl1b h3{font-size: 14px;color: #999999;line-height: 32px;} .xwl1b p{font-size: 12px;color: #666666;line-height: 21px;height: 42px;overflow: hidden;margin-top: 11px;} .xwl1c{width: 9.1%;margin-top: 44px;} .xwl1c p{width: 100%;height: 30px;text-transform: uppercase;font-size: 12px;color: #999999;text-align: center;line-height: 30px;border: 1px solid #999999;transition: all ease 0.4s;} .xwl1:hover{background-color: #e5edf3;} .xwl1:hover .xwl1a{background-image: url(../img/szx044.png);} .xwl1:hover .xwl1a p{color: #f88f1e;} .xwl1:hover .xwl1a span{color: #f88f1e;} .xwl1:hover .xwl1b h2{color: #0d52aa;} .xwl1:hover .xwl1c p{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 新闻内页*/ .xwn{background-color: #fff;padding-bottom: 80px;margin-top: 50px;position: relative;} .xwn1{text-align: center;padding-top: 30px;} .xwn1 h2{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .xwn1 h1{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .xwn1 p{font-size: 12px;color: #999999;line-height: 26px;} .xwn2{width: 92%;margin: 0 auto;font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .xwn2 img{margin: 0 auto;margin-top: 50px;margin-bottom: 50px;} .xwn2 p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .xwn2 span{font-size: 12px;color: #666666;margin-top: 20px;display: block;} .xwn2 span a{font-size: 12px; color: #666666;} .xwn2 h2{font-size: 12px;color: #666666;font-weight: bold;margin-top: 25px;} /* 公司简介*/ .tj111{width: 100%;background-color: #fff;padding-top: 50px;padding-bottom: 60px;margin-top: -54px;} .lx111{width: 100%;background-color: #fff;} .lxaaa{background-color: #fff;padding-bottom: 60px;} .ddh1{margin-top: 0;} .gsn{margin-bottom: 30px;} .gsn1{margin: 0 auto;margin-top: 60px;} .gsn1 h2{font-size: 24px;color: #0d52aa;font-weight: bold;text-align: center;} .gsn1 p{font-size: 12px;color: #999999;line-height: 44px; text-align: center;} .gsn2{border-top: 1px dashed #c9c9c9;padding-top: 25px;} .gsn2a{width: 87.8%;margin: 0 auto;} .gsn2a > img{width: 100%;margin-bottom: 37px;} .gsn2a p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 19px;} .gsn2a1{margin-top: 52px;} .gsn2a1a{margin: 0 27px;position: relative;} .gsn2a1b2{position: absolute;top: 0;left: 0;display: none;} .gsn2a1a:hover .gsn2a1b2{display: block;} /* 公司文化*/ .gswh{width: 100%;margin-top: 60px;} .whn1{width: 50%;background-color: #fff;padding-left: 60px;height: 359px; transition: all ease 0.4s;} .whn1 p{font-size: 14px;color: #f29f28;line-height: 56px;padding-left: 35px;margin-top: 40px;} .whn1 p span{font-size: 12px;color:rgba(242,159,40,0.3);line-height: 56px;margin-left: 10px;} .whn1 h2{font-size: 22px;color: #333333;font-weight: bold;background-image: url(../img/szx063.png);background-repeat: no-repeat;background-position: left top 8px;padding-left: 35px;line-height: 34px;transition: all ease 0.4s;} .whn2{width: 50%;overflow: hidden;} .whn2 img{width: 100%;transition: all ease 0.4s;} .whn3{width: 50%;overflow: hidden;} .whn3 img{width: 100%;transition: all ease 0.4s;} .whn4{width: 50%;background-color: #fff;padding-left: 60px;padding-bottom: 65px;transition: all ease 0.4s;} .whn4 p{font-size: 14px;color: #f29f28;line-height: 56px;padding-left: 35px;margin-top: 40px;} .whn4 p span{font-size: 12px;color:rgba(242,159,40,0.3);line-height: 56px;margin-left: 10px;} .whn4 h2{font-size: 22px;color: #333333;font-weight: bold;background-image: url(../img/szx063.png);background-repeat: no-repeat;background-position: left top 8px;padding-left: 35px;line-height: 34px;transition: all ease 0.4s;} .whn1:hover{background-color: #0d52aa;} .whn1:hover h2{background-image: url(../img/szx062.png);color: #fff;} .whn2:hover img{transform: scale(1.1);} .whn3:hover img{transform: scale(1.1);} .whn4:hover{background-color: #0d52aa;} .whn4:hover h2{background-image: url(../img/szx062.png);color: #fff;} .whn5{width: 100%; background-image: url(../img/szx034.png);background-repeat: no-repeat;background-size: 100%;padding-bottom: 65px;padding-top: 95px;margin-bottom: -60px;margin-top: 20px;} .whn5 p{background-image: url(../img/szx084.png);background-repeat: no-repeat;background-size: 100%;width: 22.2%;height: 40px;font-size: 16px;color: #fff;text-align: center;line-height: 40px;margin-top: 17px;margin-left: 100px;} /* 售后服务*/ .shfw{width: 100%;margin-top: 30px;} .sh1{width: 33.3%;text-align: center;height: 280px;transition: all ease 0.4s;} .sh1 img{margin: 0 auto;margin-top: 76px;} .sh1 p{font-size: 18px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh1:hover{background-color: #0d52aa;} .sh1:hover p{color: #fff;} .sh2{width: 33.3%;overflow: hidden;} .sh2 img{width: 100%;transition: all ease 0.4s;} .sh2:hover img{transform: scale(1.1);} .sh3{width: 33.3%;text-align: center;height: 280px;transition: all ease 0.4s;} .sh3 img{margin: 0 auto;margin-top: 76px;} .sh3 p{font-size: 18px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh3:hover{background-color: #0d52aa;} .sh3:hover p{color: #fff;} .sh4{width: 33.3%;overflow: hidden;} .sh4 img{width: 100%;transition: all ease 0.4s;} .sh4:hover img{transform: scale(1.1);} .sh5{width: 33.3%;text-align: center;height: 280px;transition: all ease 0.4s;} .sh5 img{margin: 0 auto;margin-top: 76px;} .sh5 p{font-size: 18px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh5:hover{background-color: #0d52aa;} .sh5:hover p{color: #fff;} .sh6{width: 33.3%;overflow: hidden;} .sh6 img{width: 100%;transition: all ease 0.4s;} .sh6:hover img{transform: scale(1.1);} .sh7{width: 33.3%;text-align: center;height: 280px;transition: all ease 0.4s;} .sh7 img{margin: 0 auto;margin-top: 76px;} .sh7 p{font-size: 18px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh7:hover{background-color: #0d52aa;} .sh7:hover p{color: #fff;} .sh8{width: 33.3%;overflow: hidden;} .sh8 img{width: 100%;transition: all ease 0.4s;} .sh8:hover img{transform: scale(1.1);} .sh9{width: 33.3%;text-align: center;height: 280px;transition: all ease 0.4s;} .sh9 img{margin: 0 auto;margin-top: 76px;} .sh9 p{font-size: 18px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh9:hover{background-color: #0d52aa;} .sh9:hover p{color: #fff;} /* 联系我们*/ .lxn{background-image: url(../img/szx106.png);background-repeat: no-repeat;background-size: 100%;margin-top: 60px;padding-bottom: 60px;} .lxn1a1{width: 27.91%;background-color: #fff;text-align: center;margin: 0 2.71%;padding-top: 39px;padding-bottom: 36px;transition: all ease 0.4s;} .lxn1a1a{width: 10.7%;margin: 0 auto;position: relative;} .lxn1a1a img{width: 100%;transition: all ease 0.4s;} .lxn1a1a img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;} .lxn1a1:hover{background-color: #0d52aa;} .lxn1a1:hover .lxn1a1a img:nth-child(1){opacity: 0;} .lxn1a1:hover .lxn1a1a img:nth-child(2){opacity: 1;} .lxn1a1:hover p{color: #fff;} .lxn1a1:hover h2{color: #fff;} .lxn1a1 p{font-size: 12px;color: #333333;line-height: 44px;transition: all ease 0.4s;} .lxn1a1 h2{font-size: 20px;color: #666666;line-height: 30px;transition: all ease 0.4s;} .lxn1b{margin-top: 30px;} .lxn2a{background-color: #fff;padding-top: 50px;padding-bottom: 60px;} .lxn2{width: 95%; margin: 0 auto;} .lxds_dt{width: 95%;margin: 0 auto;margin-top: 40px;} /* .lxdsa{border:11px solid #e5e5e5;}*/ .lxn3{background-image: url(../img/szx119.png);background-repeat: no-repeat;background-size: 100% 100%;padding-bottom: 30px;} .lxn3a{padding-top: 40px;} .lxn3a1{width: 21.2%;text-align: center;} .lxn3a1 h2{font-size: 22px;color: #fff;font-weight: bold;} .lxn3a1 p{font-size: 12px;color: #fff;text-transform: uppercase;} .lxn3a2{width: 70.5%;text-align: center;margin-left: 70px;} .lxn3a2a{width: 100%;background-color: #fff;padding: 55px 38px 28px 50px;border-radius: 5px;} .lxn3a2a1 input{width: 47%;background-color: #eeeeee;height: 47px;padding-left: 10px;border-radius: 10px;color: #999999;font-size: 12px;} .lxn3a2a2 textarea{width: 100%;background-color: #eeeeee;height: 112px;margin-top: 37px;border-radius: 10px;line-height: 47px;color: #999999;font-size: 12px;padding-left: 10px;} .lxn3a2a3{margin-top: 40px;} .lxn3a2a3 p{font-size: 12px;color: #999999;} .lxn3a2a3 p span{font-size: 20px;color: #999999;} .lxn3a2a3 input{width: 47%;background-color: #0148a0;height: 47px;border-radius: 10px;color: #fff;} .lxn1aaa{background-image: url(../img/szx061.png);background-repeat: no-repeat;background-size: 100%;width: 25%;height: 50px;text-align: center;margin: 0 auto;} .lxn1aaa a{font-size: 14px;color: #fff;text-align: center;line-height: 60px;font-weight: bold;} @media (min-width: 1200px){ .top{background-position: left -70px top 38px,center;} } @media (min-width: 1400px){ .top{background-position: left top 38px,center;} } /*网站地图*/ .wzdt{width: 1200px;margin: 0 auto;} .wzdt_a{border: solid 2px #e5e5e5;margin-top: 22px;} .wzdt_a h1{width: 1144px;margin: 0 auto;border-bottom: 1px solid #f2f2f2;margin-top: 5px;} .wzdt_a h1 a{font-size: 16px;color: #505050;font-weight: bold;line-height: 45px;} .wzdt_a p{margin: 0 25px;} .wzdt_a p a{color: #505050;line-height: 42px;margin-right: 15px;} .wzdt_a p a:hover{color: #0665d0} /*404*/ .fzfbox{width:100%;margin:0 auto;background:#f9f9f9;padding:100px 30px;margin-bottom: -112px;} .fzf1{width:1011px;margin:20px auto;} .fzf1 img{width:100%;margin:0 auto;} .fzf2{width:100%;margin:0 auto;} .fzf2 p{font-size:36px;color:#434343;text-align:center;line-height:50px;} .fzf2-1{width:100%;margin:0 auto;} .fzf2-1 p{font-size:26px;color:#434343;text-align:center;line-height:50px;} .fzf2-1 p span{color:#333;} .fzf3{width:430px;margin:20px auto;margin-top: 40px;} .fzf3z{float:left;} .fzf3z img{width:100%;margin:0 auto;} .fzf3y{float:right;} .fzf3y img{width:100%;margin:0 auto;} /*404*/ } @media screen and (min-width:760px) and (max-width:1199px){ /*网站地图*/ .wzdt{width: 96%;margin: 0 auto;} .wzdt_a{border: solid 2px #e5e5e5;margin-top: 22px;} .wzdt_a h1{width: 96%;margin: 0 auto;border-bottom: 1px solid #f2f2f2;margin-top: 5px;} .wzdt_a h1 a{font-size: 16px;color: #505050;font-weight: bold;line-height: 45px;} .wzdt_a p{margin: 0 25px;} .wzdt_a p a{color: #505050;line-height: 42px;margin-right: 15px;} .wzdt_a p a:hover{color: #0665d0} /*网站地图*/ /*404*/ .fzfbox{width:100%;margin:0 auto;background:#f9f9f9;padding:30px;margin-bottom: -90px;} .fzf1{width:90%;margin:15px auto;} .fzf1 img{width:100%;margin:0 auto;} .fzf2{width:100%;margin:0 auto;} .fzf2 p{font-size:18px;color:#434343;text-align:center;line-height:30px;} .fzf2-1{width:100%;margin:0 auto;} .fzf2-1 p{font-size:16px;color:#434343;text-align:center;line-height:30px;} .fzf2-1 p span{color:#333;} .fzf3{width:310px;margin:30px auto;} .fzf3z{float:left;} .fzf3z img{width:100%;margin:0 auto;} .fzf3y{float:right;} .fzf3y img{width:100%;margin:0 auto;} /*404*/ .clearfix{ clear:both;} .fl{ float: left;} .fr{float:right} body{margin:0; padding:0;font-family: "微软雅黑"; font-size: 12px;overflow-x: hidden;} a,ul,li,ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{list-style:none;padding:0;margin:0;text-decoration:none;font-weight:normal; font-size: 12px;color: #858585;} * img{display:block;} input{padding:0;margin:0;outline:none;} .mob{display: none;} .pc{display: block;} *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } /* top*/ .top{background-image: url(../img/szx002.jpg);background-repeat: no-repeat;background-position:center;height: 195px;} .top1{height: 38px;} .top1a{font-size: 12px;color: #9b9b9b;margin-left: 16px;line-height: 38px;} .top1b{margin-right: 24px;} .top1b a{font-size: 12px;color: #9b9b9b;line-height: 38px;transition: all ease 0.4s;} .top1b a:hover{color: #0d52aa;} .top2a1{width: 50%;} .top2a1 img{width: 100%;} .top2a2{margin-top: 17px;margin-right: 25px;} .top2a2 p{font-size: 12px;color: #6f6f6f;margin-left: 13px;} .top2a2 p span{font-size: 20px;font-weight: bold;color: #ff6000;} .top3{height: 30px;margin-top: 20px;} .dh1{width: 100%;} .dh1a{width: 11.1%;text-align: center;position: relative;} .dh1a > a{font-size: 16px;color: #4f4f4f;line-height: 30px;} .dh1aa{background-image: url(../img/szx004.png);background-repeat: no-repeat;background-size: 100% 100%;} .dh1aa a{color: #fff;} .dh1a1{background-color: rgba(13,82,170,0.8);position: absolute;top: 27px;left: 0;width: 100%;z-index: 10;} .dh1a1a a{font-size: 14px;color: #fff;line-height: 30px;} .dh1a:hover{background-image: url(../img/szx004.png);background-repeat: no-repeat;background-size: 100% 100%;} .dh1a:hover > a{color: #fff;} .dh1a1a:hover{background-color: rgba(13,82,170,1.0);} /* banner*/ .ban{width: 100%;margin: 0 auto;position: relative;overflow: hidden;background-image: url(../img/szx011.png);background-repeat: no-repeat; background-position: right bottom;} .bana{width: 1920px;overflow: hidden;height: 500px;position: relative;left: 50%;margin-left: -960px;z-index: -1;} .ban1{width: 100%;margin: 0 auto;position: relative;overflow: hidden;top: -30px;z-index:-1;} .bana1{width: 1920px;overflow: hidden;height: 550px;position: relative;left: 50%;margin-left: -960px;z-index: -1;} .banb{width: 1200px;} .banb_a{width: 47px;height: 109px;position: absolute;left: 3%;top: calc(50% - 65px);cursor: pointer;} .banb_c{width: 47px;height: 109px;position: absolute;left: 93%;top: calc(50% - 65px);cursor: pointer;z-index: 15;} .banb_e{z-index: 1000;bottom: 60px;position: absolute;left: calc(50% - 36px);} .banb_e li{width:12px;height: 12px;background: #fff;border-radius: 50%;float: left;margin: 12px 6px;cursor: pointer;transition: all ease 0.1s;} .banb_e .banb_f{background: #0d52aa;} .bt-a{width: 47px;height: 109px;position: absolute;left: 3%;top: calc(50% - 65px);cursor: pointer;z-index: 1500;} .bt-b{width: 47px;height: 109px;} .bt-b:hover{background: url(../img/yi09.png);} .bt-k{width: 47px;height: 109px;position: absolute;right: 3%;top: calc(50% - 65px);cursor: pointer;z-index: 1500;} .bt-f{width: 47px;height: 109px;} .bt-f:hover{background: url(../img/yi08.png);} .ban111a{background-image: url(../img/szx010.png);background-repeat: no-repeat;margin-top: -22px;padding-left: 25px;width: 60%;} .ban111a p{font-size: 12px;color: #747474;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ban111a p a{font-size: 12px;color: #747474;transition: all ease 0.4s;} .ban111a p a:hover{color: #ff6000;} /* 热销产品*/ .rx{background-color: #f5f5f5;margin-top: -20px;padding-bottom: 47px;} .rx1{padding-top: 60px;} .rx1 img{margin: 0 auto;width: 100%;} .rx1 > p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .rx2{margin-top: 24px;width: 100%;overflow: hidden;} .rx2a{width: 300%;} .rx2a1{width: 33.33%;} .rx2a2{width: 22%;margin-left: 2.333%;background-color: #fff;position: relative;} .rx2a2 img{width: 100%;} .rx2a2 a > p{font-size: 14px;color: #4c4c4c;line-height: 57px;border-top: 1px solid #f0f0f0;width: 86.6%;margin: 0 auto;padding-left: 12px;} .rx3a{z-index: 1000;position: absolute;left: calc(50% - 68px);margin-top: 41px;} .rx3a li{width:33px;height: 2px;background: #fff;float: left;margin: 12px 6px;cursor: pointer;transition: all ease 0.1s;} .rx3a .rx3b{background: #ff931a;} .rx4{width: 13.1%;margin: 0 auto;} .rx4 a p{font-size: 14px;color: #aeadad;text-transform: uppercase;border: 1px solid #aeadad;text-align: center;line-height: 37px;margin-top: 76px;transition: all ease 0.4s;} .rx2a2a{background-color:rgba(0,0,0,0.6);position: absolute;top: 352px; width: 100%;height: 100%;transition: all ease 0.4s;padding: 10% 8%;} .rx2a2:hover .rx2a2a{top: 1px;} .rx2a2a h2{font-size: 16px;color: #fff;line-height: 36px;} .rx2a2a p{font-size: 12px;color: #fff;line-height: 26px;margin-top: 10px;} .rx4:hover p{background-color: #ff931a;color: #fff;border: 1px solid #ff931a;} /* 产品中心*/ .icp{padding-top: 38px;padding-bottom: 58px;} .icp > img{margin: 0 auto;} .icp > p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .icp1{width: 100%;} .icp1a{width: 38.8%;margin-top: 5.2%;} .icp1a1{width: 48%;text-align: center;background-color: #eeeeee;margin-left: 2%;margin-bottom: 2%;line-height: 67px;} .icp1a1 a{font-size: 16px;color: #676767;} .icp1a11{background-image: url(../img/szx014.png);background-repeat: no-repeat;background-color:rgba(0,0,0,0.00);} .icp1a11 a{color: #fff;} .icp1b{width: 58.6%;margin: 0 auto;overflow: hidden;} .icp1b1{width: 1000%;} .icp1b2{width: 10%;position: relative;} /* .icp1b2 img{width: 100%;}*/ .icp1b3{position: absolute;top: 80px; left: 11px;font-size: 16px;color: #f88f1e;font-weight: bold;background-image: url(../img/szx016.png);background-repeat: no-repeat;background-size: 11px;padding-left: 20px;background-position: center left;} .icp1b4{position: absolute;top: 70px; right: 20px;border: 1px solid #aeadad;text-transform: uppercase;width: 158px;height: 37px;text-align: center;line-height: 37px;transition: all ease 0.4s;font-size: 14px;color: #aeadad;} .icp1b4:hover{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 四大理由*/ .ly{background-image: url(../img/szx017.png);background-repeat: no-repeat;background-size: 100% 100%;} .ly1{} .ly1 > img{margin: 0 auto;width: 100%;} .ly1a{width: 100%;position: relative;} .ly1a1{width: 73%;height: 237px;padding-top: 40px;padding-left: 25px;padding-right: 15px;} .ly1a1a{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx019.png);background-repeat: no-repeat;line-height: 52px;padding-left: 65px;} .ly1a1b{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx020.png);background-repeat: no-repeat;line-height: 52px;padding-right: 65px;background-position: right;text-align: right;} .ly1a1c{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx021.png);background-repeat: no-repeat;line-height: 52px;padding-left: 65px;} .ly1a1d{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx022.png);background-repeat: no-repeat;line-height: 52px;padding-right: 65px;background-position: right;text-align: right;} .ly1a1e{font-size: 12px;color: #fff;line-height: 29px;margin-top: 18.5px;} .ly1a1f{font-size: 12px;color: #fff;line-height: 29px;margin-top: 18.5px;text-align: right;} .ly1a11{width: 50%;} .ly1b{position: absolute;top: 95px;left: 36%;width: 30%;} .ly1b img{width: 100%;} .ly1c{width: 100%;margin-top: 50px;padding-bottom: 27px;} .ly1c p{font-size: 12px;color: #f0f0f0;text-align: center;} .ly1c p span{font-size: 26px;color: #f29f28;font-weight: bold;line-height: 42px;} .ly1c img{margin: 0 auto;} .ly1a11a{background-image: url(../img/szx023.png);background-repeat: no-repeat;background-size: 100% 100%;} /* 成功案例*/ .al{margin-top: 20px;} .al1{width: 43%;margin: 0 auto;} .al1 img{width: 100%;} .al1 p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .al2{margin-top: 40px;} .al2a{width: 95.8%;overflow: hidden;height: 212px;} .al2a1{width: 100%;} .al2a1a{width: 47.8%;position: relative;padding-right: 20px;} .al2a1a img{width: 100%;} .al2a1a1{position: absolute;bottom: 0;right: 0; width: 50.3%;height: 176px;background-image: url(../img/szx033.png);background-repeat: no-repeat;background-size: 100% 100%;padding: 0 32px;transition: all ease 0.4s;} .al2a1a1 h2{font-size: 14px;color: #676767;font-weight: bold;line-height: 65px;text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all ease 0.4s;} .al2a1a1 p{font-size: 12px;color: #676767;text-align: right;line-height: 21px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden;transition: all ease 0.4s;} .al2a1a:hover .al2a1a1{background-image: url(../img/szx031.png);} .al2a1a:hover .al2a1a1 h2{color: #fff;} .al2a1a:hover .al2a1a1 p{color: #fff;} .al2b{width: 4.1%;margin-top: 40px;} .al2b1{width: 39px;height: 39px;background-color: #c8c8c8;text-align: center;line-height: 39px;color: #fff;cursor: pointer;transition: all ease 0.4s;font-size: 20px;} .al2b2{width: 39px;height: 39px;background-color: #c8c8c8;text-align: center;line-height: 39px;color: #fff;margin-top: 11px;cursor: pointer;transition: all ease 0.4s;font-size: 20px;} .al2aa{height: 300%;} .al2b1:hover{background-color: #f88f1e;} .al2b2:hover{background-color: #f88f1e;} .al3{width: 13.1%;margin: 0 auto;margin-top: 46px;} .al3 p{width: 100%; height: 37px;border: 1px solid #aeadad;line-height: 37px;text-align: center;text-transform: uppercase;transition: all ease 0.4s;} .al3 p a{font-size: 14px;color: #aeadad;transition: all ease 0.4s;} .al3 p:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} .al3 p:hover a{color: #fff;} /* 客户评价*/ .pj{background-image: url(../img/szx034.png);background-repeat: no-repeat;margin-top: 42px;height: 395px;background-position: center top;} .pj1a{width: 3.3%;margin-top: 84px;} .pj1a1{width: 39px;height: 39px;font-size: 20px;color: #fff;background-color: #c8c8c8;text-align: center;line-height: 39px;transition: all ease 0.4s;cursor: pointer;} .pj1a2{width: 39px;height: 39px;font-size: 20px;color: #fff;background-color: #c8c8c8;text-align: center;line-height: 39px;margin-top: 11px;transition: all ease 0.4s;cursor: pointer;} .pj1c{width: 44.8%;margin-left: 100px;margin-top: 25px;} .pj1c1{height: 400%} .pj1b{width: 33.3%;} .pj1b img {width: 100%;} .pj1c2 h2{font-size: 16px;color: #fff;font-weight: bold;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pj1c2 p{font-size: 12px;color: #fff;line-height: 24px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;} .pj1c3{width: 45px;height: 37px;} .pj1c3 img{width: 100%;} .pj1a1:hover{background-color: #f88f1e;} .pj1a2:hover{background-color: #f88f1e;} .pj1c11{width: 100%;height: 118px;overflow: hidden;} /* 公司简介*/ .gy1{width: 43.4%;} .gy1a{box-shadow: 30px 30px 0 0 #cfcfcf;width: 100%;overflow: hidden;height: 253px;} .gy1a1{width: 400%;} .gy1a2{width: 33.33%;} .gy1a2 img{width: 100%;} .gy1b{margin-top: 60px;margin-bottom: 22px;margin-left: 30px;} .gy1baa{width: 11px;height: 11px;background-color: #a0a0a0;float: left; margin: 0 5.5px;cursor: pointer;} .gy1ba{background-color: #0d52aa;} .gy2{width: 50%;margin-left: 40px;} .gy2 h2{font-size: 70px;text-transform: uppercase;color: #e5e5e5;font-weight: bold;text-align: right;} .gy2 h3{font-size: 20px;color: #0d52aa;text-align: right;margin-top: -33px;} .gy2 p{font-size: 12px;color: #909090;line-height: 23px;margin-top: 27px;text-align: right;} .gy2 h4{border: 1px solid #aeadad;width: 158px;height: 37px;text-transform: uppercase;text-align: center;line-height: 37px;float: right;margin-top: 10px;transition: all ease 0.4s;} .gy2 h4 a{font-size: 14px;color: #aeadad;transition: all ease 0.4s;} .gy2 h4:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} .gy2 h4:hover a{color: #fff;} /* 新闻资讯*/ .xw{background-color: #f5f5f5;padding-bottom: 50px;} .xw1{padding-top: 50px;} .xw1a{margin-top: 37px;} .xw1a1{width: 20%;background-color: #fff;margin-left: 4.5%;height: 46px;font-size: 16px;color: #767676;text-align: center;line-height: 46px;} .xw1a2{width: 20%;background-color: #fff;margin-left: 4.5%;height: 46px;text-align: center;line-height: 46px;transition: all ease 0.4s;} .xw1a2 a{font-size: 16px;color: #767676;transition: all ease 0.4s;} .xw1a11{background-image: url(../img/szx042.png);background-repeat: no-repeat;background-color: rgba(0,0,0,0.00);color: #fff;} .xw1a2:hover{background-color: #f88f1e;} .xw1a2:hover a{color: #fff;} .xw1b{margin-top: 50px;} .xw1b1{width: 50%;} .xw1b1a{width: 100%;height: 80px;background-color: #fff;margin-bottom: 15px;} .xw1b1a1{width: 16.6%;background-image: url(../img/szx043.png);background-repeat: no-repeat;background-size: 100%;margin-left: 5.1%;margin-top: 10px;font-size: 20px;color: #0d52aa;font-weight: bold;font-family: "Arial";text-align: center;line-height: 20px;padding-top: 18px;transition: all ease 0.4s;} .xw1b1a1 span{font-size: 12px;color: #0d52aa;font-family: "Arial";text-align: center;display: inline-block;transition: all ease 0.4s;} .xw1b1a2{width: 68.3%;margin-right: 8.6%;} .xw1b1a2 h2{font-size: 14px;color: #7a7a7a;font-weight: bold;line-height: 30px;margin-top: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b1a2 p{font-size: 12px;color: #7a7a7a;line-height: 29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b1a:hover .xw1b1a1{background-image: url(../img/szx044.png);color: #f88f1e;} .xw1b1a:hover .xw1b1a1 span{color: #f88f1e;} .xw1b1a:hover .xw1b1a2 h2{color: #f88f1e;} .xw1b1a:hover .xw1b1a2 p{color: #f88f1e;} .xw1b2{width: 45.5%;} .xw1b2a{width: 100%;} .xw1b2a img{width: 100%;} .xw1b2b{padding: 0 40px;background-color: #fff;padding-top: 35px;padding-bottom: 41px;position: relative;} .xw1b2b h2{font-size: 14px;color: #7a7a7a;font-weight: bold;line-height: 33px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b2b p{font-size: 12px;color: #7a7a7a;line-height: 18px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;transition: all ease 0.4s;} .xw1b2b1{background-image: url(../img/szx046.png);background-repeat: no-repeat;background-size: 100% 100%; width: 16.9%;padding-top: 10px;position: absolute;top: -40px;right: 30px;} .xw1b2b1 p{font-size: 40px;color: #fff;font-weight: bold;font-family: "Arial";text-align: center;line-height: 30px;} .xw1b2b1 p span{display: inline-block;font-size: 14px;color: #fff;font-family: "Arial";} .xw1b2:hover .xw1b2b h2{color: #f88f1e;} .xw1b2:hover .xw1b2b > p{color: #f88f1e;} /* 联系*/ .lx{background-image: url(../img/szx049.jpg);background-repeat: no-repeat;margin-top: 41px;} .lx1{width: 42.3%;margin-left: -70px;} .lx1 img{width: 100%;} .lx2{width: 65%;} .lx2a{margin-right: 9px;} .lx2b{width: 100%;background-color: #fff;margin-top: 31px;border-radius: 5px;padding: 25px 25px;} .lx2b1{width: 54%;} .lx2b1a{font-size: 22px;color: #f29f28;font-weight: bold;background-image: url(../img/szx050.png);background-repeat: no-repeat;padding-left: 40px;} .lx2b1b{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx051.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1c{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx052.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1d{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx053.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1e{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx054.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b2{width: 41%;} .lx2b2a{width: 100%;background-color: #f3f3f3;height: 34px;border-radius: 5px;padding-left: 10px;color: #d4d4d4;} .lx2b2b{width: 100%;background-color: #f3f3f3;height: 34px;border-radius: 5px;padding-left: 10px;margin-top: 15px;color: #d4d4d4;} .lx2b2c{width: 100%;background-color: #f3f3f3;height: 62px;border-radius: 5px;padding-left: 10px;margin-top: 15px;color: #d4d4d4;line-height: 34px;} .lx2b2d{width: 100%;background-color: #0148a0;margin-top: 15px;height: 34px;border-radius: 5px;color: #fff;} /* 底部导航*/ .ddh{background-color: #2c353e;margin-top: 35px;padding-top: 67px;padding-bottom: 10px;} .ddha1{width: 40%;} .ddha1a{width: 41%;} .ddha1a img{width: 100%;} .ddha1b{width: 58%;padding-left: 30px;} .ddha1b img{width: 100%;margin-bottom: 20px;} .ddha1b p{font-size: 12px;color: #d4d4d4;line-height: 30px;} .ddha2{width: 51.5%;} .ddha2a{border-left: 1px solid #34414e;} .ddha2a h2{line-height: 14px;border-left: 1px solid #2caee9;padding-left: 13px;margin-bottom: 22px;} .ddha2a h2 a{font-size: 12px;color: #2caee9;transition: all ease 0.4s;} .ddha2a p{width: 75px;line-height: 24px;padding-left: 17px;} .ddha2a p a{font-size: 12px;color: #cbcbcb;transition: all ease 0.4s;} .ddha2a p a:hover{color: #f88f1e;} .ddha2a h2:hover a{color: #f88f1e;} /* 版权*/ .bq{background-color: #252f39;} .bq1 p{width: 33.3%;text-align: center;line-height: 38px;} /* 友链*/ .yl p{font-size: 12px;color: #717c87;line-height: 28px;} /*添加的漂浮QQ*/ .dong{ width:50px; position: fixed; right: 0; top: 50%; margin-top: -115px;z-index: 1001;} .sahng{ width:100%;} .xain{ width: 100%; height: 50px;background: url(../img/zxkf.png) no-repeat center; background-color: #0d52aa; position: relative; margin: 10px 0; cursor: pointer;} .danpo{ width:100%; height: 50px; background-color: #0d52aa; position: absolute; top: 0; left: 0;} .danpo p{text-align: center; line-height: 16px; color: #fff; padding-top: 10px;} .dhaun{ width:320px; position: absolute;top: -20px; left: -310px;z-index: 1000;} .dinr{ width:300px;border-top: solid 4px #0d52aa;background-color: #fff; border-bottom: solid 1px #ccc;border-left: solid 1px #ccc; border-right: solid 1px #ccc;} .weiya{ width:100%; border-bottom: solid 1px #ccc;} .weiya img{ float:left; padding: 10px;} .weiya .yumin{ float:left; padding: 10px;} .yumin span{ font-size: 16px;color: #07913b;} .yumin p{color: #ccc;} .botre{ width:100%; padding: 20px;} .kehug p{ float:left;} .kehug p a{color: #828282;} .kehug img{ float:left;} .jieh{ color: #828282; font-size: 14px; font-weight: bold; line-height: 30px;} .kehug{ line-height: 26px;} .daoma{ width:100%; height: 50px; border: solid 1px #ccc; background: url(../img/217.png) no-repeat center; background-color: #fff; position: relative; margin: 10px 0; cursor: pointer;} .zung{ width: 100%; background-color: #fff; position: absolute; top: 0; left: 0;} .zung p{ text-align: center; line-height: 16px; color: #0d52aa; padding-top: 10px;} .loainj{ width:320px; position: absolute;top: -20px; left: -331px;} .dingw{ width:300px; border-top: solid 4px #0d52aa;background-color: #fff; border-bottom: solid 1px #ccc;border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 10px;} .dingw img{ float:left; padding: 10px;} .dingw .xiaw{ float:left; padding: 10px;} .xiaw span{ font-size:20px; color: #828282; font-weight: bold;} .xiaw p{ color: #939393; font-size: 14px; line-height: 22px;} .topb{ width:100%;height: 50px; border: solid 1px #ccc; background: url(../img/218.png) no-repeat center; background-color: #fff; position: relative; margin: 10px 0; cursor: pointer} .libai{ width: 100%; background-color: #fff; position: absolute; top: 0; left: 0;} .libai p{text-align: center; line-height: 16px; color: #0d52aa; padding-top: 10px;} .yeya{width:200px; position: absolute;top: -20px; left: -230px; } .weic{ width:180px; border-top: solid 4px #0d52aa;background-color: #fff;border-bottom: solid 1px #ccc;border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 20px;} .rin{ width:100%;} .rin img{width: 100%;} .weic p{text-align: center;line-height: 30px;} .fanh{ width:100%;height: 50px;line-height: 16px;text-align: center;color: #fff;background-color:#0d52aa;cursor: pointer;} .fanh p{padding-top: 10px;color: #fff;} /* 产品列表页*/ .cpl{background-color: #f5f5f5;padding-bottom: 40px;} .mbx{margin-top: -20px;padding-top: 20px;overflow: auto;} .mbx p{background-image: url(../img/szx059.png);background-repeat: no-repeat;padding-left: 15px;font-size: 12px;color: #999999;line-height: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;} .mbx p a{font-size: 12px;color: #999999;transition: all ease 0.4s;} .mbx p a:hover{color: #f29f28;} .mbx h1{font-size: 12px;line-height: 12px;} .mbx h1 a{font-size: 12px;color: #999999;transition: all ease 0.4s;} .mbx h1 a:hover{color: #f29f28;} .cpl1{margin-top: 30px;} .cpl11{position: relative;} .cpl1a{background-image: url(../img/szx060.png);background-repeat: no-repeat;width: 16.5%;background-size: 100%;line-height: 40px;text-align: center;margin: 0 20px;margin-bottom: 60px;transition: all ease 0.4s;} .cpl1a:hover{background-image: url(../img/szx061.png);} .cpl1a a{font-size: 14px;color: #666666;transition: all ease 0.4s;} .cpl1a:hover > a{color: #fff;} .cpl1a1{position: absolute;top: 49px;left: 45px;transition: all ease 0.4s;display: none;} .cpl1a:hover .cpl1a1{display: block;} .cpl1a1 a:hover {color: #f29f28;} .cpl1a2{width: 22%;margin-left: 2.333%;background-color: #fff;position: relative;overflow: hidden;margin-bottom: 60px;} .cpl1a2 img{width: 100%;} .cpl1a2 a > p{font-size: 14px;color: #4c4c4c;line-height: 57px;border-top: 1px solid #f0f0f0;width: 86.6%;margin: 0 auto;padding-left: 12px;} .cpl1a2a{background-color:rgba(0,0,0,0.6);position: absolute;top: 352px; width: 100%;height: 100%;transition: all ease 0.4s;padding: 10% 8%;} .cpl1a2:hover .cpl1a2a{top: 1px;} .cpl1a2a h2{font-size: 16px;color: #fff;line-height: 36px;} .cpl1a2a p{font-size: 12px;color: #fff;line-height: 26px;margin-top: 10px;} .tj{border: 1px solid #e5e5e5;padding: 40px;margin-top: 77px;} .tj h2{font-size: 22px;color: #0d52aa;font-weight: bold;} .tj > p{font-size: 12px;color: #999999;line-height: 36px;text-transform: uppercase;} .tj1a{width: 45%;border-bottom: 1px dashed #e5e5e5;background-image: url(../img/szx063.png);background-repeat: no-repeat;line-height: 54px;background-position: center left;padding-left: 32px;transition: all ease 0.4s;} .tj1a1{width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #666666;transition: all ease 0.4s;} .tj1a2{font-size: 14px;color: #666666;transition: all ease 0.4s;} .tj1a:hover{background-image: url(../img/szx062.png);} .tj1a:hover .tj1a1{color: #f29f28;} .tj1a:hover .tj1a2{color: #f29f28;} .cp_y3{margin: 0 auto;display: table;margin-top: 20px;} .cp_y3a{width: 70px;height: 46px;line-height: 46px;text-align: center;background-color: #196bdb;margin:0 20px;} .cp_y3a a{font-size: 14px;color: #fff;} .cp_y3c{width: 70px;height: 46px;line-height: 46px;text-align: center;border: 1px solid #cccccc;margin:0 20px;transition: all ease 0.4s;} .cp_y3c a{font-size: 14px;color: #434343;transition: all ease 0.4s;} .cp_y3b{line-height: 46px;width: 46px;height: 46px;text-align: center;border: 1px solid #999999;margin: 0 10px;transition: all ease 0.4s;} .cp_y3b a{font-size: 14px;color: #666666;transition: all ease 0.4s;} .cp_y3b:hover{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3b:hover a{color: #fff;} .cp_y3c:hover{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3c:hover a{color: #fff;} .cp_y3b1{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3b1 a{color: #fff;} /* 产品内页*/ .cpn1{width: 32.6%;} .l_change{width: 100%;} #tsShopContainer li,#tsShopContainer img{vertical-align:top;} #tsShopContainer{width:100%;position:relative;z-index:3} #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;border: 2px solid #eeeeee;} #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;} #tsShopContainer #tsImgS img{border:0px;width: 100%;height: auto;} #tsShopContainer #tsPicContainer{width:100%;height:96px;position:relative;background:url(../img/scrollPicbg.gif) repeat-x 0px 0px;z-index:4} #tsShopContainer #tsPicContainer #tsImgSArrL{width:13px;height:24px;background:url(../img/z27.png) no-repeat right center;position:absolute;top:57%;left:-6px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSArrR{width:13px;height:24px;background:url(../img/z28.png) no-repeat left center;position:absolute;top:57%;right:-6px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:20px;left:20px;width:1px;overflow:hidden;z-index:5} #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li{width:88px;float:left;cursor:pointer;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li img{margin:0 auto;border:1px solid #d13b3b;display:block;width:66px;} #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #d13b3b;margin:0 auto;} .cpn2{width: 65.8%;background-color: #e6edf7;padding: 5px 5%;position: absolute;top: 0;right: 0;height: 100%;} .cpn2 h2{font-size: 24px;color: #0d52aa;font-weight: bold;line-height: 60px;} .cpn2 h1{font-size: 24px;color: #0d52aa;font-weight: bold;line-height: 60px;} .cpn2 h3{font-size: 12px;color: #666666;line-height: 30px;} .cpn2 > p{font-size: 12px;color: #666666;border-left: 2px solid #0d52aa;line-height: 13px;margin-top: 20px;padding-left: 10px;} .cpn2a{background-image: url(../img/szx069.png);background-repeat: no-repeat;background-size: 100%;margin-top: 5px;} .cpn2a p{font-size: 16px;color: #fff;font-weight: bold;line-height: 45px;padding-left: 70px;} .cpn2a p span{color: #f88f1e;font-size: 16px;font-weight: bold;} .cpn3{width: 100%;} .cpn3a{background-color: #f5f5f5;} .cpn3a1a{width: 89.6%;margin: 0 auto;margin-top: 54px;padding-bottom: 80px;} .cpn3a1a h2{font-size: 22px;color: #0d52aa;font-weight: bold;line-height: 34px;} .cpn3a1a p{font-size: 12px;color: #999999;line-height: 24px;text-transform: uppercase;} .cpn3a1a table{width: 100%;} .cpn3a1a table td{font-size: 12px;color: #666666;padding-left: 40px;line-height: 25px;} .tr1{height: 50px;background-color: #dae5f3;} .tr1 td:first-child{width: 12.9%;border-right: 1px solid #dcdcdc;} .tr2{background-color: #fff;height: 50px;} .tr2 td{border: 1px solid #dcdcdc;} .tr2 td:nth-child(n+2){border-left: none;} .cpn3b{background-image: url(../img/szx070.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding-bottom: 30px;} .cpn3b1a{width: 89.6%;margin: 0 auto;padding-top: 49px;} .cpn3b1a h3{font-size: 22px;color: #fff;font-weight: bold;} .cpn3b1a p{font-size: 12px;color: #fff;text-transform: uppercase;line-height: 36px;} .cpn3b1ba{width: 68.5%;background-image: url(../img/szx071.png);background-repeat: no-repeat;background-size: 100%;padding: 0 2%;padding-top: 11px;height: 190px;} .cpn3b1ba > p{font-size: 12px;color: #666666;line-height: 23px;} .cpn3b1ba1{margin-bottom: 45px;} .cpn3b1ba1 p{width: 18%;height: 34px;background-color: #eeeeee;border-radius: 2px;font-size: 12px;color: #666666;text-align: center;line-height: 34px;margin-right: 30px;cursor: pointer;} .cpn3b1ba1 p:hover{background-color: #f88f1e;color: #fff;} .cpn3b1bb{width: 35.3%;margin-left: -50px;margin-top: 20px;} .cpn3b1bb img{width: 100%;} .cpn3b1c{margin-top: 60px;} .cpn3b1ca{width: 68.5%;background-image: url(../img/szx073.png);background-repeat: no-repeat;background-size: 100%;padding: 0 5%;margin-left: -50px;height: 190px;} .cpn3b1ca > p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 9px;} .cpn3b1cba1{margin-top: 10px;margin-bottom: 60px;} .cpn3b1cba1 p{width: 18%;height: 34px;background-color: #eeeeee;border-radius: 2px;font-size: 12px;color: #666666;text-align: center;line-height: 34px;margin-right: 30px;cursor: pointer;overflow: hidden;} .cpn3b1cba1 p:hover{background-color: #f88f1e;color: #fff;} .cpn3b1cb{width: 35.3%;margin-top: 20px;position: relative;} .cpn3b1cb img{width: 100%;} .cpn3c{background-color: #fff;} .cpn3c1{padding-top: 50px;} .cpn3c1a{width: 89.6%;margin: 0 auto;position: relative;} .cpn3c1a h3{font-size: 24px;color: #0d52aa;font-weight: bold;} .cpn3c1a > p{font-size: 12px;color: #999999;text-transform: uppercase;line-height: 36px;} .cpn3c1a1{width: 100%;margin-top: 30px;} .cpn3c1a1a p{width: 39px;height: 39px;background-color: #c8c8c8;font-size: 20px;color: #fff;text-align: center;line-height: 39px;} .cpn3c1a1b{width: 100%;} .cpn3c1a1c p{width: 39px;height: 39px;background-color: #c8c8c8;font-size: 20px;color: #fff;text-align: center;line-height: 39px;} .cpn3c1a1ac p{background-color: #f88f1e;} .cpn3c1a1b1a1{width: 100%;} .cpn3c1a1b1a1a{width: 30%;} .cpn3c1a1b1a1a img{width: 100%;} .cpn3c1a1b1a1b{width: 50%;margin-left: 30px;} .cpn3c1a1b1a1b h2{font-size: 16px;color: #333333;font-weight: bold;line-height: 44px;} .cpn3c1a1b1a1b h2 span{border-bottom: 2px solid #f88f1e;display: inline-block;} .cpn3c1a1b1a1b p{font-size: 12px;color: #666666;line-height: 22px;} #swiper-button-prev10{position: absolute;top: 170px;left: -50px;width: 39px;height: 39px;background-color: #c8c8c8;background-size: 30%;color: #fff;outline: none;} #swiper-button-next10{position: absolute;top: 170px;right: -50px;width: 39px;height: 39px;background-color: #c8c8c8;background-size: 30%;color: #fff;outline: none;} .cpn41{position: relative;} .cpn4{background-color: #e5e5e5;padding-bottom: 120px;} .cpn4a{padding-top: 30px;} .cpn4a h3{font-size: 24px;color: #0d52aa;font-weight: bold;} .cpn4a > p{font-size: 12px;color: #999999;text-transform: uppercase;line-height: 36px;} .cpn5{width: 15%;margin: 0 auto;position: absolute;bottom: -135px;left: 335px;} .cpn5 img{width: 100%;} /* 案例列表页*/ .all1a{width: 65%;margin: 0 auto;margin-top: 50px;} .all1a1{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100% 100%;width: 31.2%;height: 50px;font-weight: bold;text-align: center;line-height: 50px;margin: 0 30px;} .all1a1 a{font-size: 14px;color: #666666;} .all1a2{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100% 100%;width: 31.2%;height: 50px;font-weight: bold;text-align: center;line-height: 50px;margin: 0 30px;} .all1a2 a{font-size: 14px;color: #666666;} .all1a11{background-image: url(../img/szx061.png);} .all1a11 a{color: #fff;} .all1a1:hover{background-image: url(../img/szx061.png);} .all1a2:hover{background-image: url(../img/szx061.png);} .all1a1:hover a{color: #fff;} .all1a2:hover a{color: #fff;} .all2{margin-top: 40px;} .all2a{width: 100%;margin-bottom: 40px;} .all2a1{width: 33%;overflow: hidden;} .all2a1 img{width: 100%;transition: all ease 0.4s;} .all2a2{width: 67%;padding-left: 10.3%;padding-right: 9%; background-color: #fff;padding-bottom: 10px;transition: all ease 0.4s;} .all2a2 h2{font-size: 20px;color: #4f4f4f;line-height: 36px;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .all2a2 h3{font-size: 12px;color: #999999;line-height: 28px;} .all2a2 p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 14.5px;height: 42px;overflow: hidden;} .all2a2 span{width: 13.6%;height: 30px;border: 1px solid #999999;display:inline-block;font-size: 12px;color: #999999;line-height: 30px;margin-top: 6.5px;text-align: center;text-transform: uppercase;transition: all ease 0.4s;} .all2a:hover .all2a1 img{transform: scale(1.1);} .all2a:hover .all2a2{background-color: #e7ebf1;} .all2a:hover .all2a2 h2{color: #0d52aa;} .all2a:hover .all2a2 span{color: #fff;background-color: #f88f1e;border: 1px solid #f88f1e;} /* 案例内页*/ .aln{background-color: #fff;padding-bottom: 80px;margin-top: 50px;position: relative;} .aln1{text-align: center;padding-top: 30px;} .aln1 h2{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .aln1 h1{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .aln1 p{font-size: 12px;color: #999999;line-height: 26px;} .aln2{width: 92%;margin: 0 auto;font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .aln2 img{margin: 0 auto;margin-top: 50px;margin-bottom: 50px;width: 100%;} .aln2 p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .aln2 span{font-size: 12px;color: #666666;} .aln2 span a{font-size: 12px; color: #666666;} .aln3{width: 10%;margin: 0 auto;margin-bottom: -90px;margin-top: 30px;} .aln4{width: 100%; background-image: url(../img/szx034.png);background-repeat: no-repeat;background-size: 100%;padding-bottom: 47px;padding-top: 30px;margin-bottom: -115px;margin-top: 20px;} .aln4a p{background-image: url(../img/szx084.png);background-repeat: no-repeat;background-size: 100%;width: 34.2%;height: 32px;font-size: 16px;color: #fff;text-align: center;line-height: 32px;margin-left: 100px;} /* 评价列表页*/ .pjl1{margin-bottom: 60px;} .pjl1a{width: 20.5%;position: relative;} .pjl1a1{width: 100%;} .pjl1a2{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all ease 0.4s;} .pjl1b{width: 79.5%;background-color: #fff;padding-left: 81px;padding-right: 60px;padding-bottom: 8px; transition: all ease 0.4s;} .pjl1b1{width: 66.1%;} .pjl1b1 h2{font-size: 20px;color: #666666;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all ease 0.4s;} .pjl1b1 h3{font-size: 12px;color: #999999;line-height: 28px;} .pjl1b1 p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 4.5px;height: 63px;overflow: hidden;} .pjl1b2 p{width: 110px;height: 30px;border: 1px solid #999999;font-size: 12px;color: #999999;text-transform: uppercase;line-height: 30px;text-align: center;margin-top: 69px;transition: all ease 0.4s;} .pjl1:hover .pjl1b{background-color: #e2e8f1;} .pjl1:hover .pjl1a2{opacity: 1;} .pjl1:hover .pjl1b1 h2{color: #0d52aa;} .pjl1:hover .pjl1b2 p{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 新闻列表页*/ .xwl1{background-color: #fff;padding-left: 3.3%;padding-top: 40px;padding-bottom: 40px;padding-right: 50px;transition: all ease 0.4s;margin-bottom: 40px;} .xwl1a1{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 165px;height: 50px;text-align: center;} .xwl1a2{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 165px;height: 50px;text-align: center;} .xwl1a3{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100%;width: 165px;height: 50px;text-align: center;} .xwl1a1 a{font-size: 14px;color: #666666;text-align: center;line-height: 50px;font-weight: bold;} .xwl1a2 a{font-size: 14px;color: #666666;text-align: center;line-height: 50px;font-weight: bold;} .xwl1a3 a{font-size: 14px;color: #666666;text-align: center;line-height: 50px;font-weight: bold;} .xwl1a1:hover{background-image: url(../img/szx061.png);} .xwl1a1:hover a{color: #fff;} .xwl1a2:hover{background-image: url(../img/szx061.png);} .xwl1a2:hover a{color: #fff;} .xwl1a3:hover{background-image: url(../img/szx061.png);} .xwl1a3:hover a{color: #fff;} .xwl1a11{background-image: url(../img/szx061.png);} .xwl1a11 a{color: #fff;} .xwl1a{background-image: url(../img/szx043.png);background-repeat: no-repeat;background-size: 100% 100%;transition: all ease 0.4s;} .xwl1a{width: 17.6%;} .xwl1a p{font-size: 60px;color: #0d52aa;font-weight: bold;font-family: "Arial";text-align: center;margin-top: 10px;transition: all ease 0.4s;} .xwl1a span{font-size: 24px;color: #0d52aa;font-family: "Arial";text-align: center;display: block;padding-bottom: 20px;transition: all ease 0.4s;} .xwl1b{width: 61.6%;margin-left: 60px;} .xwl1b h2{font-size: 20px;color: #333333;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xwl1b h3{font-size: 14px;color: #999999;line-height: 32px;} .xwl1b p{font-size: 12px;color: #666666;line-height: 21px;height: 42px;overflow: hidden;margin-top: 11px;} .xwl1c{width: 9.1%;margin-top: 44px;} .xwl1c p{width: 100%;height: 30px;text-transform: uppercase;font-size: 12px;color: #999999;text-align: center;line-height: 30px;border: 1px solid #999999;transition: all ease 0.4s;} .xwl1:hover{background-color: #e5edf3;} .xwl1:hover .xwl1a{background-image: url(../img/szx044.png);} .xwl1:hover .xwl1a p{color: #f88f1e;} .xwl1:hover .xwl1a span{color: #f88f1e;} .xwl1:hover .xwl1b h2{color: #0d52aa;} .xwl1:hover .xwl1c p{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 新闻内页*/ .xwn{background-color: #fff;padding-bottom: 80px;margin-top: 50px;position: relative;} .xwn1{text-align: center;padding-top: 30px;} .xwn1 h2{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .xwn1 h1{font-size: 20px;color: #444444;font-weight: bold;line-height: 40px;} .xwn1 p{font-size: 12px;color: #999999;line-height: 26px;} .xwn2{width: 92%;margin: 0 auto;font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .xwn2 img{margin: 0 auto;margin-top: 50px;margin-bottom: 50px;width: 100%;} .xwn2 p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .xwn2 span{font-size: 12px;color: #666666;margin-top: 20px;display: block;} .xwn2 span a{font-size: 12px; color: #666666;} .xwn2 h2{font-size: 12px;color: #666666;font-weight: bold;} /* 公司简介*/ .gsn1{margin: 0 auto;margin-top: 60px;} .gsn1 h2{font-size: 24px;color: #0d52aa;font-weight: bold;text-align: center;} .gsn1 p{font-size: 12px;color: #999999;line-height: 44px; text-align: center;} .gsn2{border-top: 1px dashed #c9c9c9;padding-top: 25px;} .gsn2a{width: 87.8%;margin: 0 auto;} .gsn2a > img{width: 100%;margin-bottom: 37px;} .gsn2a p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 19px;} .gsn2a1{margin-top: 52px;margin-bottom: 30px;} .gsn2a1a{margin: 0 -1px;position: relative;} .gsn2a1b2{position: absolute;top: 0;left: 0;display: none;} .gsn2a1a:hover .gsn2a1b2{display: block;} /* 公司文化*/ .gswh{width: 100%;margin-top: 30px;} .whn1{width: 50%;background-color: #fff;padding-left: 60px;padding-bottom: 15px;transition: all ease 0.4s;} .whn1 p{font-size: 14px;color: #f29f28;line-height: 56px;padding-left: 35px;} .whn1 p span{font-size: 12px;color:rgba(242,159,40,0.3);line-height: 56px;} .whn1 h2{font-size: 22px;color: #333333;font-weight: bold;background-image: url(../img/szx063.png);background-repeat: no-repeat;background-position: left top 8px;padding-left: 35px;line-height: 34px;transition: all ease 0.4s;} .whn2{width: 50%;overflow: hidden;} .whn2 img{width: 100%;transition: all ease 0.4s;} .whn3{width: 50%;overflow: hidden;} .whn3 img{width: 100%;transition: all ease 0.4s;} .whn4{width: 50%;background-color: #fff;padding-left: 60px;padding-bottom: 15px;transition: all ease 0.4s;} .whn4 p{font-size: 14px;color: #f29f28;line-height: 56px;padding-left: 35px;} .whn4 p span{font-size: 12px;color:rgba(242,159,40,0.3);line-height: 56px;} .whn4 h2{font-size: 22px;color: #333333;font-weight: bold;background-image: url(../img/szx063.png);background-repeat: no-repeat;background-position: left top 8px;padding-left: 35px;line-height: 34px;transition: all ease 0.4s;} .whn1:hover{background-color: #0d52aa;} .whn1:hover h2{background-image: url(../img/szx062.png);color: #fff;} .whn2:hover img{transform: scale(1.1);} .whn3:hover img{transform: scale(1.1);} .whn4:hover{background-color: #0d52aa;} .whn4:hover h2{background-image: url(../img/szx062.png);color: #fff;} .whn5{width: 100%; background-image: url(../img/szx034.png);background-repeat: no-repeat;background-size: 100%;padding-bottom: 47px;padding-top: 25px;margin-bottom: -60px;margin-top: 20px;} .whn5 p{background-image: url(../img/szx084.png);background-repeat: no-repeat;background-size: 100%;width: 32.2%;height: 40px;font-size: 16px;color: #fff;text-align: center;line-height: 40px;margin-left: 100px;} /* 售后服务*/ .shfw{width: 100%;} .sh1{width: 33.3%;text-align: center;height: 179px;transition: all ease 0.4s;} .sh1 img{margin: 0 auto;margin-top: 35px;} .sh1 p{font-size: 15px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh1:hover{background-color: #0d52aa;} .sh1:hover p{color: #fff;} .sh2{width: 33.3%;overflow: hidden;} .sh2 img{width: 100%;transition: all ease 0.4s;} .sh2:hover img{transform: scale(1.1);} .sh3{width: 33.3%;text-align: center;height: 179px;transition: all ease 0.4s;} .sh3 img{margin: 0 auto;margin-top: 35px;} .sh3 p{font-size: 15px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh3:hover{background-color: #0d52aa;} .sh3:hover p{color: #fff;} .sh4{width: 33.3%;overflow: hidden;} .sh4 img{width: 100%;transition: all ease 0.4s;} .sh4:hover img{transform: scale(1.1);} .sh5{width: 33.3%;text-align: center;height: 179px;transition: all ease 0.4s;} .sh5 img{margin: 0 auto;margin-top: 35px;} .sh5 p{font-size: 15px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh5:hover{background-color: #0d52aa;} .sh5:hover p{color: #fff;} .sh6{width: 33.3%;overflow: hidden;} .sh6 img{width: 100%;transition: all ease 0.4s;} .sh6:hover img{transform: scale(1.1);} .sh7{width: 33.3%;text-align: center;height: 179px;transition: all ease 0.4s;} .sh7 img{margin: 0 auto;margin-top: 35px;} .sh7 p{font-size: 15px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh7:hover{background-color: #0d52aa;} .sh7:hover p{color: #fff;} .sh8{width: 33.3%;overflow: hidden;} .sh8 img{width: 100%;transition: all ease 0.4s;} .sh8:hover img{transform: scale(1.1);} .sh9{width: 33.3%;text-align: center;height: 179px;transition: all ease 0.4s;} .sh9 img{margin: 0 auto;margin-top: 35px;} .sh9 p{font-size: 15px;color: #333333;line-height: 30px;margin-top: 23px;transition: all ease 0.4s;} .sh9:hover{background-color: #0d52aa;} .sh9:hover p{color: #fff;} /* 联系我们*/ .lxn{background-image: url(../img/szx106.png);background-repeat: no-repeat;background-size: 100%;margin-top: 60px;padding-bottom: 60px;} .lxn1a1{width: 27.91%;background-color: #fff;text-align: center;margin: 0 2.71%;padding-top: 39px;padding-bottom: 36px;transition: all ease 0.4s;} .lxn1a1a{width: 10.7%;margin: 0 auto;position: relative;} .lxn1a1a img{width: 100%;transition: all ease 0.4s;} .lxn1a1a img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;} .lxn1a1:hover{background-color: #0d52aa;} .lxn1a1:hover .lxn1a1a img:nth-child(1){opacity: 0;} .lxn1a1:hover .lxn1a1a img:nth-child(2){opacity: 1;} .lxn1a1:hover p{color: #fff;} .lxn1a1:hover h2{color: #fff;} .lxn1a1 p{font-size: 12px;color: #333333;line-height: 44px;transition: all ease 0.4s;} .lxn1a1 h2{font-size: 14px;color: #666666;line-height: 30px;transition: all ease 0.4s;} .lxn1b{margin-top: 30px;} .lxn2a{background-color: #fff;padding-top: 50px;} .lxn2{width: 95%; margin: 0 auto;} .lxds_dt{width: 95%;margin: 0 auto;margin-top: 40px;} /* .lxdsa{border:11px solid #e5e5e5;}*/ .lxn3{background-image: url(../img/szx119.png);background-repeat: no-repeat;background-size: 100% 100%;margin-top: 60px;padding-bottom: 30px;} .lxn3a{padding-top: 40px;} .lxn3a1{width: 21.2%;text-align: center;} .lxn3a1 h2{font-size: 22px;color: #fff;font-weight: bold;} .lxn3a1 p{font-size: 12px;color: #fff;text-transform: uppercase;} .lxn3a2{width: 70.5%;text-align: center;} .lxn3a2a{width: 100%;background-color: #fff;padding: 55px 38px 28px 50px;border-radius: 5px;} .lxn3a2a1 input{width: 47%;background-color: #eeeeee;height: 47px;padding-left: 10px;border-radius: 10px;color: #999999;font-size: 12px;border: none;} .lxn3a2a2 textarea{width: 100%;background-color: #eeeeee;height: 112px;margin-top: 37px;border-radius: 10px;line-height: 47px;color: #999999;font-size: 12px;padding-left: 10px;border: none;} .lxn3a2a3{margin-top: 40px;} .lxn3a2a3 p{font-size: 12px;color: #999999;} .lxn3a2a3 p span{font-size: 20px;color: #999999;} .lxn3a2a3 input{width: 47%;background-color: #0148a0;height: 47px;border-radius: 10px;color: #fff;border: none;} .lxn1aaa{background-image: url(../img/szx061.png);background-repeat: no-repeat;background-size: 100%;width: 25%;height: 50px;text-align: center;margin: 0 auto;} .lxn1aaa a{font-size: 14px;color: #fff;text-align: center;line-height: 50px;font-weight: bold;} } @media screen and (max-width:760px){ /*网站地图*/ .wzdt{width: 96%;margin: 0 auto;} .wzdt_a{border: solid 2px #e5e5e5;margin-top: 22px;} .wzdt_a h1{width: 96%;margin: 0 auto;border-bottom: 1px solid #f2f2f2;margin-top: 5px;} .wzdt_a h1 a{font-size: 16px;color: #505050;font-weight: bold;line-height: 45px;} .wzdt_a p{margin: 0 25px;} .wzdt_a p a{color: #505050;line-height: 42px;margin-right: 15px;} .wzdt_a p a:hover{color: #0665d0} /*网站地图*/ /*404*/ .fzfbox{width:100%;margin:0 auto;background:#f9f9f9;padding:30px;margin-bottom: -90px;} .fzf1{width:90%;margin:15px auto;} .fzf1 img{width:100%;margin:0 auto;} .fzf2{width:100%;margin:0 auto;} .fzf2 p{font-size:18px;color:#434343;text-align:center;line-height:30px;} .fzf2-1{width:100%;margin:0 auto;} .fzf2-1 p{font-size:16px;color:#434343;text-align:center;line-height:30px;} .fzf2-1 p span{color:#333;} .fzf3{width:310px;margin:30px auto;} .fzf3z{float:left;} .fzf3z img{width:100%;margin:0 auto;} .fzf3y{float:right;} .fzf3y img{width:100%;margin:0 auto;} /*404*/ .clearfix{ clear:both;} .fl{ float: left;} .fr{float:right} body{margin:0; padding:0;font-family: "微软雅黑"; font-size: 12px;overflow-x: hidden;} a,ul,li,ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{list-style:none;padding:0;margin:0;text-decoration:none;font-weight:normal; font-size: 12px;color: #858585;} * img{display:block;} input,select,textarea{padding:0;margin:0;outline:none;-webkit-appearance:none;} .mob{display: block;} .pc{display: none;} .commen{width: 92%;margin: 0 auto;} *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } /* top*/ .top1{height: 38px;} .top1a{font-size: 12px;color: #9b9b9b;margin-left: 16px;line-height: 38px;} .top1b{margin-right: 24px;} .top1b a{font-size: 12px;color: #9b9b9b;line-height: 38px;transition: all ease 0.4s;} .top1b a:hover{color: #0d52aa;} .top2a1{width: 50%;} .top2a1 img{width: 100%;} .top2a2{margin-top: 17px;margin-right: 25px;} .top2a2 p{font-size: 12px;color: #6f6f6f;margin-left: 13px;} .top2a2 p span{font-size: 20px;font-weight: bold;color: #ff6000;} .top3{height: 30px;margin-top: 20px;} .dh1{width: 100%;} .dh1a{width: 11.1%;text-align: center;position: relative;} .dh1a > a{font-size: 16px;color: #4f4f4f;line-height: 30px;} .dh1aa{background-image: url(../img/szx004.png);background-repeat: no-repeat;background-size: 100% 100%;} .dh1aa a{color: #fff;} .dh1a1{background-color: rgba(13,82,170,0.8);position: absolute;top: 27px;left: 0;width: 100%;z-index: 10;} .dh1a1a a{font-size: 14px;color: #fff;line-height: 30px;} .dh1a:hover{background-image: url(../img/szx004.png);background-repeat: no-repeat;background-size: 100% 100%;} .dh1a:hover > a{color: #fff;} .dh1a1a:hover{background-color: rgba(13,82,170,1.0);} /*手机nav*/ .sjdhgd{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 10000;} .sjdh{width: 100%;margin: 0 auto;padding: 3.5% 0;position: relative;transition: all ease 0.5s;} .sjdha{width: 100%;} .sjdha_t1{width: 70%;} .sjdha_t1 img{width: 100%;} .sjdha_t2{width: 38px;margin-top: 3%;margin-right: 1%;} .sjdha_t2 img{width: 100%;} .huakuai{position: fixed;top: 0;right: -100%;z-index: 9999;transition: all .4s cubic-bezier(.4,0,0,1);width: 100%;background: rgba(0,0,0,0.5);height: 100%;} .sjdhb{width: 79%;background: #fff;overflow-y: scroll;height: 100%;} .guanbi{width: 100%;border-bottom: 1px solid #f6f8f9;margin-bottom: 4%;} .guanbi img{width: 35px;height: 35px;margin: 5%;float: right;} .sjdhb_a{width: 100%;} .sjdhb_a h1{line-height: 60px;width: 100%;padding-left: 18px;} .sjdhb_a h6{line-height: 60px;width: 100%;padding-left: 18px;} .sjdhb_a h1 a{font-size: 1.1rem;color: #32363d;} .sjdhb_a h6 a{font-size: 1.1rem;color: #32363d;} .sjdhb_ah1 h1{border-left: 3px solid #f88f1e;background: #f6f6f6;} .sjdhb_ah1 h6{border-left: 3px solid #f88f1e;background: #f6f6f6;} .sjdhb_aa{width: 100%;} .sjdhb_p{width: 100%;line-height: 46px;padding-left: 37px;} .sjdhb_p a{font-size: 1rem;color: #858585;} .sjdhb_pa a{color: #3eb6f2;} /* banner*/ .ban{width: 100%;margin: 0 auto;position: relative;overflow: hidden;background-image: url(../img/szx011.png);background-repeat: no-repeat; background-position: right bottom;} .bana{width: 1920px;overflow: hidden;height: 500px;position: relative;left: 50%;margin-left: -960px;z-index: -1;} .ban1{width: 100%;margin: 0 auto;position: relative;overflow: hidden;top: -30px;z-index:-1;} .bana1{width: 1920px;overflow: hidden;height: 550px;position: relative;left: 50%;margin-left: -960px;z-index: -1;} .banb{width: 1200px;} .banb_a{width: 47px;height: 109px;position: absolute;left: 3%;top: calc(50% - 65px);cursor: pointer;} .banb_c{width: 47px;height: 109px;position: absolute;left: 93%;top: calc(50% - 65px);cursor: pointer;z-index: 15;} .banb_e{z-index: 1000;bottom: 60px;position: absolute;left: calc(50% - 36px);} .banb_e li{width:12px;height: 12px;background: #fff;border-radius: 50%;float: left;margin: 12px 6px;cursor: pointer;transition: all ease 0.1s;} .banb_e .banb_f{background: #0d52aa;} .bt-a{width: 47px;height: 109px;position: absolute;left: 3%;top: calc(50% - 65px);cursor: pointer;z-index: 1500;} .bt-b{width: 47px;height: 109px;} .bt-b:hover{background: url(../img/yi09.png);} .bt-k{width: 47px;height: 109px;position: absolute;right: 3%;top: calc(50% - 65px);cursor: pointer;z-index: 1500;} .bt-f{width: 47px;height: 109px;} .bt-f:hover{background: url(../img/yi08.png);} .ban111a{background-image: url(../img/szx010.png);background-repeat: no-repeat;margin-top: -22px;padding-left: 25px;width: 60%;} .ban111a p{font-size: 12px;color: #747474;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ban111a p a{font-size: 12px;color: #747474;transition: all ease 0.4s;} .ban111a p a:hover{color: #ff6000;} /*手机banner*/ .sjban{ width: 100%; margin-top: 20%; } #swiper1{ width: 100%; } #swiper1 .swiper-slide{ width: 100%; } #swiper1 .swiper-slide img{ width: 100%; } /* 热销产品*/ .rx{background-color: #f5f5f5;padding-bottom: 10%;overflow-x: hidden;} .rx1{padding-top: 10%;} .rx1 img{margin: 0 auto;width: 100%;} .rx1 > p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .rx2{margin-top: 24px;width: 100%;overflow: hidden;} .rx2a{width: 300%;} .rx2a1{width: 33.33%;} .rx2a2{width: 22%;margin-left: 2.333%;background-color: #fff;position: relative;} .rx2a2 a > p{font-size: 14px;color: #4c4c4c;line-height: 57px;border-top: 1px solid #f0f0f0;width: 86.6%;margin: 0 auto;padding-left: 12px;} .rx3a{z-index: 1000;position: absolute;left: calc(50% - 68px);margin-top: 41px;} .rx3a li{width:33px;height: 2px;background: #fff;float: left;margin: 12px 6px;cursor: pointer;transition: all ease 0.1s;} .rx3a .rx3b{background: #ff931a;} .rx4{width: 36%;margin: 0 auto;} .rx4 a p{font-size: 0.85rem;color: #aeadad;text-transform: uppercase;border: 1px solid #aeadad;text-align: center;line-height: 32px;margin-top: 20%;transition: all ease 0.4s;width: 100%;} .rx2a2a{background-color:rgba(0,0,0,0.6);position: absolute;top: 352px; width: 100%;height: 100%;transition: all ease 0.4s;padding: 10% 8%;} .rx2a2:hover .rx2a2a{top: 1px;} .rx2a2a h2{font-size: 16px;color: #fff;line-height: 36px;} .rx2a2a p{font-size: 12px;color: #fff;line-height: 26px;margin-top: 10px;} .rx4:hover p{background-color: #ff931a;color: #fff;border: 1px solid #ff931a;} .dz6{width: 100%;margin-top: 13%;} .dz6a{width: 100%;} #Swiper5{ width: 200%; position: relative; margin-left: -50%; } #Swiper5 .swiper-slide{ /* transform: scale(0.8);*/ } #Swiper5 .swiper-container{ overflow: hidden; } .swiper-slide-prev1::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(173,173,173,0.5);} .swiper-slide-next1::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(173,173,173,0.5);} #Swiper5 img{ width: 100%; } #Swiper5 p{ text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: 35px; background-color: #fff; padding-left: 5%; border-top: 1px solid #f0f0f0; } #Swiper5 p a{ font-size: 0.85rem; color: #4c4c4c; font-weight: bold; } #Swiper5 .swiper-slide a:after { position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; transition: all ease 0.3s; } #Swiper5 .swiper-slide-active a:after{ background: none; } #swiper-pagination-rx{display: table;margin: 0 auto;position: relative;margin-top: 6%;} #swiper-pagination-rx .swiper-pagination-bullet{width: 33px;height: 2px;background-color: #686868;outline: none;} #swiper-pagination-rx .swiper-pagination-bullet-active{width: 33px;height: 2px;background-color: #ff931a;} /* 产品中心*/ .icp{padding-top: 10%;padding-bottom: 5%;} .icp > img{margin: 0 auto;} .icp > p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .icp1{width: 92%;margin: 0 auto;} .icp1a{width: 100%;margin-top: 5.2%;} .icp1a1{width: 30%;text-align: center;background-color: #eeeeee;margin-left: 2%;margin-bottom: 2%;line-height: 45px;} .icp1a1 a{font-size: 0.8rem;color: #676767;} .icp1a11{background-image: url(../img/szx014.png);background-repeat: no-repeat;background-color:rgba(0,0,0,0.00);} .icp1a11 a{color: #fff;} .icp1b{width: 100%;margin: 0 auto;overflow: hidden;} .icp1b1{width: 1000%;} .icp1b2{width: 10%;position: relative;} .icp1b2 img{width: 100%;} .icp1b3{position: absolute;top: 30px; left: 0;font-size: 0.8rem;color: #f88f1e;font-weight: bold;background-image: url(../img/szx016.png);background-repeat: no-repeat;background-size: 11px;padding-left: 20px;background-position: center left;} .icp1b4{position: absolute;top: 17px; right: 5px;border: 1px solid #aeadad;text-transform: uppercase;width: 85px;height: 37px;text-align: center;line-height: 37px;transition: all ease 0.4s;font-size: 14px;color: #aeadad;} .icp1b4:hover{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 四大理由*/ .ly{background-image: url(../img/szx064.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: top center;margin-bottom: 10%;} .ly1{padding-top: 5%;} .ly1 > img{margin: 0 auto;width: 98%;} .ly1a{width: 100%;position: relative;} .ly1a1{width: 100%;padding-top: 40px;} .ly1a1a{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx019.png);background-repeat: no-repeat;line-height: 52px;padding-left: 65px;} .ly1a1b{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx020.png);background-repeat: no-repeat;line-height: 52px;padding-right: 65px;background-position: right;text-align: right;} .ly1a1c{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx021.png);background-repeat: no-repeat;line-height: 52px;padding-left: 65px;} .ly1a1d{font-size: 24px;color: #ffaa30;font-weight: bold;background-image: url(../img/szx022.png);background-repeat: no-repeat;line-height: 52px;padding-right: 65px;background-position: right;text-align: right;} .ly1a1e{font-size: 14px;color: #fff;line-height: 29px;margin-top: 18.5px;} .ly1a1f{font-size: 14px;color: #fff;line-height: 29px;margin-top: 18.5px;text-align: right;} .ly1a11{width: 50%;} .ly1b{position: absolute;top: 35px;left: 195px;} .ly1b img{width: 100%;} .ly1c{width: 100%;margin-top: 50px;padding-bottom: 27px;} .ly1c p{font-size: 12px;color: #f0f0f0;text-align: center;} .ly1c p span{font-size: 26px;color: #f29f28;font-weight: bold;line-height: 42px;} .ly1c img{margin: 0 auto;} .ly1a11a{background-image: url(../img/szx023.png);background-repeat: no-repeat;background-size: 100% 100%;} .ly7a1{width: 100%;margin-top: 25%;padding-bottom: 10%;} .ly7a1a{width: 75%;margin: 0 auto;margin-bottom: 5%;} .ly7a1d1{font-size: 1rem;color: #ffaa30;background-image: url(../img/szx019.png);background-repeat: no-repeat;background-size: 25% 80%;background-position: center left;line-height: 55px;font-weight: bold;padding-left: 50px;} .ly7a1d2{font-size: 1rem;color: #ffaa30;background-image: url(../img/szx020.png);background-repeat: no-repeat;background-size: 25% 80%;background-position: center left;line-height: 55px;font-weight: bold;padding-left: 50px;} .ly7a1d3{font-size: 1rem;color: #ffaa30;background-image: url(../img/szx021.png);background-repeat: no-repeat;background-size: 25% 80%;background-position: center left;line-height: 55px;font-weight: bold;padding-left: 50px;} .ly7a1d4{font-size: 1rem;color: #ffaa30;background-image: url(../img/szx022.png);background-repeat: no-repeat;background-size: 25% 80%;background-position: center left;line-height: 55px;font-weight: bold;padding-left: 50px;} .ly7a1b{width: 100%;} .ly7a1b img{width: 80%;margin: 0 auto;} .ly7a1f{font-size: 0.75rem;color: #fff;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;} .swiper-slide-prev .ly7a1a{opacity: 0;} .swiper-slide-next .ly7a1a{opacity: 0;} .swiper7 .swiper-slide-prev{opacity: 0.6;} .swiper7 .swiper-slide-next{opacity: 0.6;} /* 成功案例*/ .al{margin-top: 10%;margin-bottom: 10%;} .al1{width: 80%;margin: 0 auto;} .al1 img{width: 100%;} .al1 p{font-size: 12px;color: #909090;text-align: center;line-height: 38px;} .al2{margin-top: 40px;} .al2a{width: 95.8%;overflow: hidden;height: 245px;} .al2a1{width: 100%;} .al2a1a{width: 100%;position: relative;} .al2a1a img{width: 100%;} .al2a1a1{position: absolute;bottom: -102px;right: 0; width: 50.3%;height: 179px;background-image: url(../img/szx033.png);background-repeat: no-repeat;background-size: 100%;padding: 0 15px;transition: all ease 0.4s;} .al2a1a1 h2{font-size: 0.75rem;color: #676767;font-weight: bold;line-height: 40px;text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all ease 0.4s;} .al2a1a1 p{font-size: 0.7rem;color: #676767;text-align: right;line-height: 21px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;transition: all ease 0.4s;} .al2a1a:hover .al2a1a1{background-image: url(../img/szx031.png);} .al2a1a:hover .al2a1a1 h2{color: #fff;} .al2a1a:hover .al2a1a1 p{color: #fff;} .al2b{width: 4.1%;margin-top: 40px;} .al2b1{width: 39px;height: 39px;background-color: #c8c8c8;text-align: center;line-height: 39px;color: #fff;cursor: pointer;transition: all ease 0.4s;font-size: 20px;} .al2b2{width: 39px;height: 39px;background-color: #c8c8c8;text-align: center;line-height: 39px;color: #fff;margin-top: 11px;cursor: pointer;transition: all ease 0.4s;font-size: 20px;} .al2aa{height: 300%;} .al2b1:hover{background-color: #f88f1e;} .al2b2:hover{background-color: #f88f1e;} .al3{width: 13.1%;margin: 0 auto;margin-top: 46px;} .al3 p{width: 100%; height: 37px;border: 1px solid #aeadad;line-height: 37px;text-align: center;text-transform: uppercase;transition: all ease 0.4s;} .al3 p a{font-size: 14px;color: #aeadad;transition: all ease 0.4s;} .al3 p:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} .al3 p:hover a{color: #fff;} #swiper-button-prev8{width: 30px;height: 30px;background-size: 15px 30px;border: 1px solid #c8c8c8;background-color: #c8c8c8;outline: none;background-size: 50% 50%;} #swiper-button-next8{width: 30px;height: 30px;background-size: 15px 30px;border: 1px solid #c8c8c8;background-color: #c8c8c8;outline: none;background-size: 50% 50%;} #swiper-button-prev8:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} #swiper-button-next8:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} /* 客户评价*/ .pj{background-image: url(../img/szx034.png);background-repeat: no-repeat;margin-top: 42px;height: 395px;background-position: center top;} .pj1a{width: 3.3%;margin-top: 84px;} .pj1a1{width: 39px;height: 39px;font-size: 20px;color: #fff;background-color: #c8c8c8;text-align: center;line-height: 39px;transition: all ease 0.4s;cursor: pointer;} .pj1a2{width: 39px;height: 39px;font-size: 20px;color: #fff;background-color: #c8c8c8;text-align: center;line-height: 39px;margin-top: 11px;transition: all ease 0.4s;cursor: pointer;} .pj1c{width: 44.8%;margin-left: 100px;margin-top: 25px;} .pj1c1{height: 400%} .pj1b{width: 33.3%;} .pj1b img {width: 100%;} .spj1c2{width: 80%;margin: 0 auto;margin-top: 15%;padding-bottom: 10%;} .spj1c2a{width: 15%;} .spj1c2a img{width: 100%;} .spj1c2 h2{font-size: 1rem;color: #fff;font-weight: bold;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .spj1c2 p{font-size: 0.85rem;color: #fff;line-height: 24px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;} .pj1c3{width: 45px;height: 37px;} .pj1c3 img{width: 100%;} .pj1a1:hover{background-color: #f88f1e;} .pj1a2:hover{background-color: #f88f1e;} .pj1c11{width: 100%;height: 118px;overflow: hidden;} .spj{background-color: #0d52aa;width: 100%;margin-top: -20px;} .spj1{width: 80%;margin: 0 auto;} .spj1 img{width: 100%;} #swiper-button-prev9{width: 30px;height: 30px;background-size: 15px 30px;border: 1px solid #c8c8c8;background-color: #c8c8c8;outline: none;background-size: 50% 50%;} #swiper-button-next9{width: 30px;height: 30px;background-size: 15px 30px;border: 1px solid #c8c8c8;background-color: #c8c8c8;outline: none;background-size: 50% 50%;} #swiper-button-prev9:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} #swiper-button-next9:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} /* 公司简介*/ .gy{margin-top: 10%;} .gy1{width: 70%;margin: 0 auto;float: none;} .gy1 > img{width: 100%;} .gy1a{box-shadow: 10px 10px 0 0 #cfcfcf;width: 100%;overflow: hidden;} .gy1a1{width: 400%;} .gy1a2{width: 33.33%;} .gy1a2 img{width: 100%;} .gy1b{margin-top: 20%;margin-bottom: 22px;margin-left: 20px;} .gy1baa{width: 11px;height: 11px;background-color: #a0a0a0;float: left; margin: 0 5.5px;cursor: pointer;} .gy1ba{background-color: #0d52aa;} .gy2{width: 92%;margin: 0 auto;float: none;padding-bottom: 10%;} .gy2 h2{font-size: 3rem;text-transform: uppercase;color: #e5e5e5;font-weight: bold;text-align: center;} .gy2 h3{font-size: 1.1rem;color: #0d52aa;text-align: center;margin-top: -33px;} .gy2 p{font-size: 0.7rem;color: #909090;line-height: 23px;margin-top: 27px;text-align: center;height: 69px;overflow: hidden;} .gy2 h4{margin: 0 auto; border: 1px solid #aeadad;width: 158px;height: 37px;text-transform: uppercase;text-align: center;line-height: 37px;margin-top: 10px;transition: all ease 0.4s;} .gy2 h4 a{font-size: 0.9rem;color: #aeadad;transition: all ease 0.4s;} .gy2 h4:hover{background-color: #f88f1e;border: 1px solid #f88f1e;} .gy2 h4:hover a{color: #fff;} /* 新闻资讯*/ .xw{background-color: #f5f5f5;padding-bottom: 10%;} .xw1{padding-top: 50px;} .xw1a{width: 100%;margin: 0 auto; margin-top: 37px;} .xw1a1{width: 40%;background-color: #fff;margin-left: 4.5%;height: 35px;font-size: 0.9rem;color: #767676;text-align: center;line-height: 35px;margin-bottom: 5%;} .xw1a2{width: 40%;background-color: #fff;margin-left: 4.5%;height: 35px;text-align: center;line-height: 35px;transition: all ease 0.4s;} .xw1a2 a{font-size: 16px;color: #767676;transition: all ease 0.4s;} .xw1a11{background-image: url(../img/szx042.png);background-repeat: no-repeat;background-color: rgba(0,0,0,0.00);color: #fff;} .xw1a2:hover{background-color: #f88f1e;} .xw1a2:hover a{color: #fff;} .xw1b{margin-top: 2%;} .xw1b1{width: 100%;margin: 0 auto;float: none;} .xw1b1a{width: 100%;height: 80px;background-color: #fff;margin-bottom: 15px;} .xw1b1a1{width: 50px;background-image: url(../img/szx043.png);background-repeat: no-repeat;background-size: 100% 100%;margin-left: 5.1%;margin-top: 20px;font-size: 1.4rem;color: #0d52aa;font-weight: bold;font-family: "Arial";text-align: center;line-height: 15px;padding-top: 10px;transition: all ease 0.4s;height: 50px;} .xw1b1a1 span{font-size: 12px;color: #0d52aa;font-family: "Arial";text-align: center;display: inline-block;transition: all ease 0.4s;} .xw1b1a2{width: 65%;margin-right: 8.6%;} .xw1b1a2 h2{font-size: 0.9rem;color: #7a7a7a;font-weight: bold;line-height: 30px;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b1a2 p{font-size: 0.7rem;color: #7a7a7a;line-height: 29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;display: none;} .xw1b1a:hover .xw1b1a1{background-image: url(../img/szx044.png);color: #f88f1e;} .xw1b1a:hover .xw1b1a1 span{color: #f88f1e;} .xw1b1a:hover .xw1b1a2 h2{color: #f88f1e;} .xw1b1a:hover .xw1b1a2 p{color: #f88f1e;} .xw1b2{width: 100%;margin: 0 auto;float: none;} .xw1b2a{width: 100%;} .xw1b2a img{width: 100%;} .xw1b2b{padding: 0 30px;background-color: #fff;padding-top: 35px;padding-bottom: 41px;position: relative;} .xw1b2b h2{font-size: 14px;color: #7a7a7a;font-weight: bold;line-height: 33px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xw1b2b p{font-size: 12px;color: #7a7a7a;line-height: 18px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;transition: all ease 0.4s;} .xw1b2b1{background-image: url(../img/szx046.png);background-repeat: no-repeat;background-size: 100% 100%; width: 25%;padding-top: 10px;position: absolute;top: -40px;right: 30px;height: 65px;} .xw1b2b1 p{font-size: 2.3rem;color: #fff;font-weight: bold;font-family: "Arial";text-align: center;line-height: 16px;padding-top: 10px;} .xw1b2b1 p span{display: inline-block;font-size: 14px;color: #fff;font-family: "Arial";} .xw1b2:hover .xw1b2b h2{color: #f88f1e;} .xw1b2:hover .xw1b2b > p{color: #f88f1e;} /* 联系*/ .lx{background-image: url(../img/szx049.jpg);background-repeat: no-repeat;margin-top: 41px;} .lx1{width: 42.3%;margin-left: -70px;} .lx1 img{width: 100%;} .lx2{width: 92%;margin: 0 auto;float: none;} .lx2a{margin-right: 9px;} .lx2b{width: 100%;background-color: #fff;margin-top: 31px;border-radius: 5px;padding: 25px 25px;} .lx2b1{width: 54%;} .lx2b1a{font-size: 22px;color: #f29f28;font-weight: bold;background-image: url(../img/szx050.png);background-repeat: no-repeat;padding-left: 40px;} .lx2b1b{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx051.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1c{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx052.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1d{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx053.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b1e{font-size: 12px;color: #454545;line-height: 28px;background-image: url(../img/szx054.jpg);background-repeat: no-repeat;padding-left: 40px;margin-top: 15px;} .lx2b2{width: 41%;} .lx2b2a{width: 100%;background-color: #f3f3f3;height: 34px;border-radius: 5px;padding-left: 10px;color: #d4d4d4;} .lx2b2b{width: 100%;background-color: #f3f3f3;height: 34px;border-radius: 5px;padding-left: 10px;margin-top: 15px;color: #d4d4d4;} .lx2b2c{width: 100%;background-color: #f3f3f3;height: 62px;border-radius: 5px;padding-left: 10px;margin-top: 15px;color: #d4d4d4;line-height: 34px;} .lx2b2d{width: 100%;background-color: #0148a0;margin-top: 15px;height: 34px;border-radius: 5px;color: #fff;} /* 底部导航*/ .ddh{background-color: #2c353e;margin-top: 35px;padding-top: 67px;padding-bottom: 10px;} .ddha1{width: 40%;} .ddha1a{width: 41%;} .ddha1a img{width: 100%;} .ddha1b{width: 58%;padding-left: 30px;} .ddha1b img{width: 100%;margin-bottom: 20px;} .ddha1b p{font-size: 12px;color: #d4d4d4;line-height: 30px;} .ddha2{width: 51.5%;} .ddha2a{border-left: 1px solid #34414e;} .ddha2a h2{line-height: 14px;border-left: 1px solid #2caee9;padding-left: 13px;margin-bottom: 22px;} .ddha2a h2 a{font-size: 12px;color: #2caee9;transition: all ease 0.4s;} .ddha2a p{width: 75px;line-height: 24px;padding-left: 17px;} .ddha2a p a{font-size: 12px;color: #cbcbcb;transition: all ease 0.4s;} .ddha2a p a:hover{color: #f88f1e;} .ddha2a h2:hover a{color: #f88f1e;} /* 版权*/ .bq{background-color: #252f39;padding-bottom: 20%;} .bq1{padding: 5% 0;} .bq1 p{width: 100%;text-align: center;line-height: 20px;float: none;} /* 友链*/ .yl p{font-size: 12px;color: #717c87;line-height: 28px;} /**手机导航**/ .dan-xia{ width:100%; background-color: #161616; position: fixed; bottom: 0;z-index: 1100;} .dan-xib{ width:calc(100% / 4);float: left;padding: 3% 0 0 0;border-left: 1px solid #242424;} .dan-xid{display: table;margin: 0 auto;} .dan-xid img{width: 24px;margin:0 auto;} .dan-xid p{ color:#efefef; font-size: 0.8rem;line-height: 30px;text-align: center;} .linh-ai{ margin-left: 16%;} /* 产品列表页*/ .cpl{background-color: #f5f5f5;} .mbx{padding-top: 20px;overflow: auto;} .mbx p{background-image: url(../img/szx059.png);background-repeat: no-repeat;padding-left: 15px;font-size: 12px;color: #999999;line-height: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;} .mbx p a{font-size: 12px;color: #999999;transition: all ease 0.4s;} .mbx p a:hover{color: #f29f28;} .mbx h1{font-size: 12px;line-height: 12px;} .mbx h1 a{font-size: 12px;color: #999999;transition: all ease 0.4s;} .mbx h1 a:hover{color: #f29f28;} .cpl1{width: 92%;margin: 0 auto;margin-top: 5%;position: relative;} .cpl1a{background-image: url(../img/szx060.png);background-repeat: no-repeat;width: 35%;background-size: 100% 100%;line-height: 30px;text-align: center;margin: 0 20px;margin-bottom: 5%;transition: all ease 0.4s;padding-top: 10px;} .cpl1a:hover{background-image: url(../img/szx061.png);} .cpl1aa{background-image: url(../img/szx061.png);} .cpl1a a{font-size: 0.9rem;color: #666666;transition: all ease 0.4s;} .cpl1aa a{font-size: 0.9rem;color: #fff;transition: all ease 0.4s;} .cpl1a:hover > a{color: #fff;} .cpl1a1{position: absolute;top: 49px;left: 45px;transition: all ease 0.4s;display: none;} .cpl1a1 a:hover {color: #f29f28;} .cpl1a2{width: 45%;margin: 0 2.333%;background-color: #fff;position: relative;overflow: hidden;margin-bottom: 5%;} .cpl1a2 img{width: 100%;} .cpl1a2 a > p{font-size: 14px;color: #4c4c4c;line-height: 57px;border-top: 1px solid #f0f0f0;width: 86.6%;margin: 0 auto;padding-left: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .cpl1a2a{background-color:rgba(0,0,0,0.75);position: absolute;top: 352px; width: 100%;height: 100%;transition: all ease 0.4s;padding: 10% 8%;} .cpl1a2:hover .cpl1a2a{top: 1px;} .cpl1a2a h2{font-size: 16px;color: #fff;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .cpl1a2a p{font-size: 12px;color: #fff;line-height: 20px;margin-top: 10px;height: 160px;overflow: hidden;} .tj{width: 92%;margin: 0 auto; border: 1px solid #e5e5e5;padding: 20px;margin-top: 5%;margin-bottom: 5%;} .tj h2{font-size: 22px;color: #0d52aa;font-weight: bold;} .tj > p{font-size: 12px;color: #999999;line-height: 36px;text-transform: uppercase;} .tj1a{width: 100%;border-bottom: 1px dashed #e5e5e5;background-image: url(../img/szx063.png);background-repeat: no-repeat;line-height: 54px;background-position: center left;padding-left: 20px;transition: all ease 0.4s;} .tj1a1{width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #666666;transition: all ease 0.4s;} .tj1a2{width: 35%; font-size: 14px;color: #666666;transition: all ease 0.4s;} .tj1a:hover{background-image: url(../img/szx062.png);} .tj1a:hover .tj1a1{color: #f29f28;} .tj1a:hover .tj1a2{color: #f29f28;} .cp_y3{margin: 0 auto;display: table;padding-bottom: 10%;} .cp_y3a{width: 40px;height: 25px;line-height: 25px;text-align: center;background-color: #196bdb;margin:0 2px;} .cp_y3a a{font-size: 0.75rem;color: #fff;} .cp_y3c{width: 40px;height: 25px;line-height: 25px;text-align: center;border: 1px solid #cccccc;margin:0 2px;transition: all ease 0.4s;background-color: #fff;} .cp_y3c a{font-size: 0.75rem;color: #434343;transition: all ease 0.4s;} .cp_y3b{line-height: 25px;width: 25px;height: 25px;text-align: center;border: 1px solid #999999;margin: 0 2px;transition: all ease 0.4s;background-color: #fff;} .cp_y3b a{font-size: 14px;color: #666666;transition: all ease 0.4s;} .cp_y3b:hover{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3b:hover a{color: #fff;} .cp_y3c:hover{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3c:hover a{color: #fff;} .cp_y3b1{background-color: #196bdb;border: 1px solid #196bdb;} .cp_y3b1 a{color: #fff;} /* 产品内页*/ .cpn1{width: 92%;margin: 0 auto;float: none;} .l_change{width: 100%;} #tsShopContainer li,#tsShopContainer img{vertical-align:top;} #tsShopContainer{width:100%;position:relative;z-index:3;overflow: hidden;} #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;border: 2px solid #eeeeee;} #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;} #tsShopContainer #tsImgS img{border:0px;width: 100%;height: auto;} #tsShopContainer #tsPicContainer{width:100%;height:96px;position:relative;background:url(../img/scrollPicbg.gif) repeat-x 0px 0px;z-index:4} #tsShopContainer #tsPicContainer #tsImgSArrL{width:13px;height:24px;background:url(../img/z27.png) no-repeat right center;position:absolute;top:57%;left:-6px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSArrR{width:13px;height:24px;background:url(../img/z28.png) no-repeat left center;position:absolute;top:57%;right:-6px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:20px;left:0px;width:1px;overflow:hidden;z-index:5} #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li{width:68px;float:left;cursor:pointer;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li img{margin:0 auto;border:1px solid #bfbfbf;display:block;width:66px;} #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #0d52aa;margin:0 auto;} .cpn2{width: 92%;margin: 0 auto;float: none;margin-top: 10%; background-color: #e6edf7;padding: 5% 5%;height: 100%;} .cpn2 h2{font-size: 1.1rem;color: #0d52aa;font-weight: bold;line-height: 60px;} .cpn2 h1{font-size: 1.1rem;color: #0d52aa;font-weight: bold;line-height: 60px;} .cpn2 h3{font-size: 0.85rem;color: #666666;line-height: 30px;} .cpn2 > p{font-size: 0.85rem;color: #666666;border-left: 2px solid #0d52aa;line-height: 20px;margin-top: 20px;padding-left: 10px;} .cpn2a{background-image: url(../img/szx069.png);background-repeat: no-repeat;background-size: 100%;margin-top: 5px;} .cpn2a p{font-size: 16px;color: #fff;font-weight: bold;line-height: 45px;padding-left: 70px;} .cpn2a p span{color: #f88f1e;font-size: 16px;font-weight: bold;} .cpn3{width: 100%;} .cpn3a{background-color: #f5f5f5;} .cpn3a1a{width: 89.6%;margin: 0 auto;margin-top: 10%;padding-bottom: 10%;} .cpn3a1a h2{font-size: 1.1rem;color: #0d52aa;font-weight: bold;line-height: 34px;} .cpn3a1a p{font-size: 0.7rem;color: #999999;line-height: 10px;text-transform: uppercase;} .cpn3a1a table{width: 100%;margin-top: 10%;} .cpn3a1a table td{font-size: 0.7rem;color: #666666;padding-left: 10px;line-height: 25px;} .tr1{height: 50px;background-color: #dae5f3;} .tr1 td:first-child{width: 25%;border-right: 1px solid #dcdcdc;} .tr2{background-color: #fff;height: 50px;} .tr2 td{border: 1px solid #dcdcdc;} .tr2 td:nth-child(n+2){border-left: none;} .cpn3b{background-image: url(../img/szx070.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding-bottom: 30px;} .cpn3b1a{width: 89.6%;margin: 0 auto;padding-top: 10%;padding-bottom: 5%;} .cpn3b1a h3{font-size: 1.1rem;color: #fff;font-weight: bold;} .cpn3b1a p{font-size: 0.7rem;color: #fff;text-transform: uppercase;line-height: 20px;} .cpn3b1ba{width: 92%;margin: 0 auto;float: none; background-color: #fff;border-radius: 10px; padding: 0 5%;padding-top: 11px;padding-bottom: 5%;} .cpn3b1ba > p{font-size: 0.85rem;color: #666666;line-height: 23px;} .cpn3b1ba1{margin-bottom: 45px;width: 100%;margin: 0 auto;} .cpn3b1ba1 p{width: 40%;height: 34px;background-color: #eeeeee;border-radius: 2px;font-size: 0.7rem;color: #666666;text-align: center;line-height: 34px;margin: 0 5%;cursor: pointer;margin-top: 5%;} .cpn3b1ba1 p:hover{background-color: #f88f1e;color: #fff;} .cpn3b1bb{width: 92%;margin: 0 auto;float: none; margin-top: 5%;} .cpn3b1bb img{width: 100%;} .cpn3b1ca{width: 92%;margin: 0 auto;float: none; background-color: #fff;border-radius: 10px; padding: 0 5%;margin-top: 5%;padding-top: 5%;padding-bottom: 5%;} .cpn3b1ca > p{font-size: 0.85rem;color: #666666;line-height: 25px;margin-top: 9px;} .cpn3b1cba1{margin-top: 10px;} .cpn3b1cba1 p{width: 40%;margin: 0 5%; margin-top: 5%; height: 34px;background-color: #eeeeee;border-radius: 2px;font-size: 0.7rem;color: #666666;text-align: center;line-height: 34px;cursor: pointer;} .cpn3b1cba1 p:hover{background-color: #f88f1e;color: #fff;} .cpn3b1cb{width: 92%;margin: 0 auto;float: none; margin-top: 5%;position: relative;} .cpn3b1cb img{width: 100%;} .cpn3c{background-color: #fff;} .cpn3c1{padding-top: 10%;} .cpn3c1a{width: 89.6%;margin: 0 auto;position: relative;} .cpn3c1a h3{font-size: 24px;color: #0d52aa;font-weight: bold;} .cpn3c1a > p{font-size: 12px;color: #999999;text-transform: uppercase;line-height: 36px;} .cpn3c1a1{width: 100%;margin-top: 30px;} .cpn3c1a1a p{width: 39px;height: 39px;background-color: #c8c8c8;font-size: 20px;color: #fff;text-align: center;line-height: 39px;} .cpn3c1a1b{width: 100%;} .cpn3c1a1c p{width: 39px;height: 39px;background-color: #c8c8c8;font-size: 20px;color: #fff;text-align: center;line-height: 39px;} .cpn3c1a1ac p{background-color: #f88f1e;} .cpn3c1a1b1a1{width: 100%;} .cpn3c1a1b1a1a{width: 60%;margin: 0 auto;float: none;} .cpn3c1a1b1a1a img{width: 100%;} .cpn3c1a1b1a1b{width: 95%;margin: 0 auto;float: none;} .cpn3c1a1b1a1b h2{font-size: 1rem;color: #333333;font-weight: bold;line-height: 44px;} .cpn3c1a1b1a1b h2 span{border-bottom: 2px solid #f88f1e;display: inline-block;} .cpn3c1a1b1a1b p{font-size: 0.85rem;color: #666666;line-height: 22px;} #swiper-button-prev10{position: absolute;top: 170px;left: -17px;width: 39px;height: 39px;background-color: #c8c8c8;background-size: 30%;color: #fff;outline: none;} #swiper-button-next10{position: absolute;top: 170px;right: -17px;width: 39px;height: 39px;background-color: #c8c8c8;background-size: 30%;color: #fff;outline: none;} .cpn41{position: relative;overflow: hidden;} .cpn4{background-color: #e5e5e5;padding-bottom: 10%;} .cpn4a{padding-top: 30px;} .cpn4a h3{font-size: 1.5rem;color: #0d52aa;font-weight: bold;} .cpn4a > p{font-size: 0.7rem;color: #999999;text-transform: uppercase;line-height: 36px;} .cpn5{width: 35%;margin: 0 auto;margin-top: 5%;} .cpn5 img{width: 100%;} /* 案例列表页*/ .all1a{width: 100%;margin: 0 auto;margin-top: 10%;margin-bottom: 10%;} .all1a1{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100% 100%;width: 45%;height: 50px;font-weight: bold;text-align: center;line-height: 60px;} .all1a1 a{font-size: 14px;color: #666666;} .all1a2{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100% 100%;width: 45%;height: 50px;font-weight: bold;text-align: center;line-height: 60px;float: right;} .all1a2 a{font-size: 14px;color: #666666;} .all1a11{background-image: url(../img/szx061.png);} .all1a11 a{color: #fff;} .all1a1:hover{background-image: url(../img/szx061.png);} .all1a2:hover{background-image: url(../img/szx061.png);} .all1a1:hover a{color: #fff;} .all1a2:hover a{color: #fff;} .all2{margin-top: 10%;} .all2a{width: 100%;margin-bottom: 10%;} .all2a1{width: 92%;overflow: hidden;margin: 0 auto;float: none;} .all2a1 img{width: 100%;transition: all ease 0.4s;} .all2a2{width: 92%;margin: 0 auto;float: none; padding-left: 10.3%;padding-right: 9%; background-color: #fff;transition: all ease 0.4s;} .all2a2 h2{font-size: 1rem;color: #4f4f4f;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .all2a2 h3{font-size: 12px;color: #999999;line-height: 28px;} .all2a2 p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 14.5px;height: 42px;overflow: hidden;} .all2a2 span{width: 13.6%;height: 30px;border: 1px solid #999999;display:inline-block;font-size: 12px;color: #999999;line-height: 30px;margin-top: 6.5px;text-align: center;text-transform: uppercase;transition: all ease 0.4s;display: none;} .all2a:hover .all2a1 img{transform: scale(1.1);} .all2a:hover .all2a2{background-color: #e7ebf1;} .all2a:hover .all2a2 h2{color: #0d52aa;} .all2a:hover .all2a2 span{color: #fff;background-color: #f88f1e;border: 1px solid #f88f1e;} /* 案例内页*/ .aln{background-color: #fff;padding-bottom: 80px;margin-top: 10%;position: relative;} .aln1{text-align: center;padding-top: 10%;} .aln1 h2{font-size: 1rem;color: #444444;font-weight: bold;line-height: 40px;} .aln1 h1{font-size: 1rem;color: #444444;font-weight: bold;line-height: 40px;} .aln1 p{font-size: 0.75rem;color: #999999;line-height: 26px;} .aln2{width: 92%;margin: 0 auto;font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .aln2 img{margin: 0 auto;margin-top: 5%;margin-bottom: 5%;width: 100%;} .aln2 p{font-size: 0.75rem;color: #666666;line-height: 25px;margin-top: 5%;} .aln2 span{font-size: 0.75rem;color: #666666;} .aln2 span a{font-size: 0.75rem; color: #666666;} .aln3{width: 35%;margin: 0 auto;margin-bottom: -90px;margin-top: 30px;} .aln3 img{width: 100%;} .aln4{width: 100%; background-image: url(../img/szx034.png);background-repeat: no-repeat;background-size: 100%;padding-bottom: 47px;padding-top: 30px;margin-bottom: -115px;margin-top: 20px;} .aln4a p{background-image: url(../img/szx084.png);background-repeat: no-repeat;background-size: 100%;width: 34.2%;height: 32px;font-size: 16px;color: #fff;text-align: center;line-height: 32px;margin-left: 100px;} /* 评价列表页*/ .pjl1{margin-bottom: 5%;} .pjl1a{width: 20.5%;position: relative;} .pjl1a1{width: 100%;} .pjl1a2{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all ease 0.4s;} .pjl1b{width: 79.5%;background-color: #fff;padding-left: 15px;padding-right: 15px;padding-bottom: 8px; transition: all ease 0.4s;} .pjl1b1{width: 100%;} .pjl1b1 h2{font-size: 1rem;color: #666666;line-height: 51px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all ease 0.4s;} .pjl1b1 h3{font-size: 12px;color: #999999;line-height: 28px;} .pjl1b1 p{font-size: 12px;color: #666666;line-height: 21px;margin-top: 4.5px;height: 63px;overflow: hidden;} .pjl1b2 p{width: 110px;height: 30px;border: 1px solid #999999;font-size: 12px;color: #999999;text-transform: uppercase;line-height: 30px;text-align: center;margin-top: 69px;transition: all ease 0.4s;} .pjl1:hover .pjl1b{background-color: #e2e8f1;} .pjl1:hover .pjl1a2{opacity: 1;} .pjl1:hover .pjl1b1 h2{color: #0d52aa;} .pjl1:hover .pjl1b2 p{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 新闻列表页*/ .xwl1{background-color: #fff;padding-left: 3.3%;padding-top: 5%;padding-bottom: 5%;padding-right: 20px;transition: all ease 0.4s;margin-bottom: 5%;} .xwl1a1{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100% 100%;width: 48%;height: 50px;text-align: center;} .xwl1a2{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100% 100%;width: 48%;height: 50px;text-align: center;float: right;} .xwl1a3{background-image: url(../img/szx060.png);background-repeat: no-repeat;background-size: 100% 100%;width: 48%;height: 50px;text-align: center;margin-top: 5%;} .xwl1a1 a{font-size: 0.85rem;color: #666666;text-align: center;line-height: 50px;font-weight: bold;} .xwl1a2 a{font-size: 0.85rem;color: #666666;text-align: center;line-height: 50px;font-weight: bold;} .xwl1a3 a{font-size: 0.85rem;color: #666666;text-align: center;line-height: 50px;font-weight: bold;} .xwl1a1:hover{background-image: url(../img/szx061.png);} .xwl1a1:hover a{color: #fff;} .xwl1a2:hover{background-image: url(../img/szx061.png);} .xwl1a2:hover a{color: #fff;} .xwl1a3:hover{background-image: url(../img/szx061.png);} .xwl1a3:hover a{color: #fff;} .xwl1a11{background-image: url(../img/szx061.png);} .xwl1a11 a{color: #fff;} .xwl1a{background-image: url(../img/szx043.png);background-repeat: no-repeat;background-size: 100% 92%;transition: all ease 0.4s;} .xwl1a{width: 26.6%;} .xwl1a p{font-size: 2rem;color: #0d52aa;font-weight: bold;font-family: "Arial";text-align: center;margin-top: 10px;transition: all ease 0.4s;} .xwl1a span{font-size: 0.8rem;color: #0d52aa;font-family: "Arial";text-align: center;display: block;padding-bottom: 20px;transition: all ease 0.4s;} .xwl1b{width: 65%;margin-left: 15px;} .xwl1b h2{font-size: 1rem;color: #333333;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.4s;} .xwl1b h3{font-size: 14px;color: #999999;line-height: 32px;} .xwl1b p{font-size: 0.85rem;color: #666666;line-height: 21px;height: 21px;overflow: hidden;margin-top: 11px;} .xwl1c{width: 9.1%;margin-top: 44px;} .xwl1c p{width: 100%;height: 30px;text-transform: uppercase;font-size: 12px;color: #999999;text-align: center;line-height: 30px;border: 1px solid #999999;transition: all ease 0.4s;} .xwl1:hover{background-color: #e5edf3;} .xwl1:hover .xwl1a{background-image: url(../img/szx044.png);} .xwl1:hover .xwl1a p{color: #f88f1e;} .xwl1:hover .xwl1a span{color: #f88f1e;} .xwl1:hover .xwl1b h2{color: #0d52aa;} .xwl1:hover .xwl1c p{background-color: #f88f1e;border: 1px solid #f88f1e;color: #fff;} /* 新闻内页*/ .xwn{background-color: #fff;padding-bottom: 80px;position: relative;} .xwn1{text-align: center;padding-top: 10%;} .xwn1 h2{font-size: 1rem;color: #444444;font-weight: bold;line-height: 40px;} .xwn1 h1{font-size: 1rem;color: #444444;font-weight: bold;line-height: 40px;} .xwn1 p{font-size: 0.7rem;color: #999999;line-height: 26px;} .xwn2{width: 92%;margin: 0 auto;font-size: 12px;color: #666666;line-height: 25px;margin-top: 24px;} .xwn2 img{margin: 0 auto;margin-top: 5%;margin-bottom: 5%;width: 100%;} .xwn2 p{font-size: 0.85rem;color: #666666;line-height: 25px;margin-top: 5%;} .xwn2 span{font-size: 0.7rem;color: #666666;margin-top: 10%;display: block;} .xwn2 span a{font-size: 0.7rem; color: #666666;} .xwn2 h2{font-size: 0.85rem;color: #666666;font-weight: bold;} /* 公司简介*/ .gsn1{margin: 0 auto;margin-top: 10%;} .gsn1 h2{font-size: 1rem;color: #0d52aa;font-weight: bold;text-align: center;} .gsn1 p{font-size: 0.7rem;color: #999999;line-height: 44px; text-align: center;} .gsn2{border-top: 1px dashed #c9c9c9;padding-top: 5%;} .gsn2a{width: 87.8%;margin: 0 auto;} .gsn2a > img{width: 100%;margin-bottom: 5%;} .gsn2a p{font-size: 0.85rem;color: #666666;line-height: 21px;margin-top: 5%;} .gsn2a1{margin-bottom: 10%;} .gsn2a1a{width: 26%; margin: 0 3%;margin-top: 20px;position: relative;} .gsn2a1a img{width: 100%;} .gsn2a1b2{position: absolute;top: 0;left: 0;display: none;} .gsn2a1a:hover .gsn2a1b2{display: block;} /* 公司文化*/ .gsn{margin-bottom: 10%;} .gswh{width: 100%;margin-top: 30px;} .whn1{width: 92%;margin: 0 auto;float: none; background-color: #fff;padding-left: 15px;padding-bottom: 15px;transition: all ease 0.4s;} .whn1 p{font-size: 0.85rem;color: #f29f28;line-height: 56px;padding-left: 35px;} .whn1 p span{font-size: 12px;color:rgba(242,159,40,0.3);line-height: 56px;} .whn1 h2{font-size: 0.85rem;color: #333333;font-weight: bold;background-image: url(../img/szx063.png);background-repeat: no-repeat;background-position: left top 8px;padding-left: 35px;line-height: 30px;transition: all ease 0.4s;} .whn2{width: 50%;overflow: hidden;} .whn2 img{width: 100%;transition: all ease 0.4s;} .whn3{width: 50%;overflow: hidden;} .whn3 img{width: 100%;transition: all ease 0.4s;} .whn4{width: 92%;margin: 0 auto;float: none; background-color: #fff;padding-left: 15px;padding-bottom: 15px;transition: all ease 0.4s;} .whn4 p{font-size: 14px;color: #f29f28;line-height: 56px;padding-left: 35px;} .whn4 p span{font-size: 12px;color:rgba(242,159,40,0.3);line-height: 56px;} .whn4 h2{font-size: 0.85rem;color: #333333;font-weight: bold;background-image: url(../img/szx063.png);background-repeat: no-repeat;background-position: left top 8px;padding-left: 35px;line-height: 30px;transition: all ease 0.4s;} .whn1:hover{background-color: #0d52aa;} .whn1:hover h2{background-image: url(../img/szx062.png);color: #fff;} .whn2:hover img{transform: scale(1.1);} .whn3:hover img{transform: scale(1.1);} .whn4:hover{background-color: #0d52aa;} .whn4:hover h2{background-image: url(../img/szx062.png);color: #fff;} .whn5{width: 100%; background-image: url(../img/szx034.png);background-repeat: no-repeat;background-size: 100%;padding-bottom: 47px;padding-top: 25px;margin-bottom: -60px;margin-top: 20px;} .whn5 p{background-image: url(../img/szx084.png);background-repeat: no-repeat;background-size: 100%;width: 32.2%;height: 40px;font-size: 16px;color: #fff;text-align: center;line-height: 40px;margin-left: 100px;} /* 售后服务*/ .shfw{width: 100%;} .sh1{width: 50%;text-align: center;transition: all ease 0.4s;overflow: hidden;height: 103px;background-color: #fff;} .sh1 img{margin: 0 auto;margin-top: 5%;} .sh1 p{font-size: 12px;color: #333333;line-height: 20px;margin-top: 5px;transition: all ease 0.4s;} .sh1:hover{background-color: #0d52aa;} .sh1:hover p{color: #fff;} .sh2{width: 50%;overflow: hidden;margin-bottom: 5%;} .sh2 img{width: 100%;transition: all ease 0.4s;} .sh2:hover img{transform: scale(1.1);} .sh3{width: 50%;text-align: center;height: 103px;transition: all ease 0.4s;overflow: hidden;background-color: #fff;} .sh3 img{margin: 0 auto;margin-top: 5%;} .sh3 p{font-size: 12px;color: #333333;line-height: 20px;margin-top: 5px;transition: all ease 0.4s;} .sh3:hover{background-color: #0d52aa;} .sh3:hover p{color: #fff;} .sh4{width: 50%;overflow: hidden;margin-bottom: 5%;} .sh4 img{width: 100%;transition: all ease 0.4s;} .sh4:hover img{transform: scale(1.1);} .sh5{width: 50%;text-align: center;height: 103px;transition: all ease 0.4s;overflow: hidden;background-color: #fff;} .sh5 img{margin: 0 auto;margin-top: 5%;} .sh5 p{font-size: 12px;color: #333333;line-height: 20px;margin-top: 5px;transition: all ease 0.4s;} .sh5:hover{background-color: #0d52aa;} .sh5:hover p{color: #fff;} .sh6{width: 50%;overflow: hidden;margin-bottom: 5%;} .sh6 img{width: 100%;transition: all ease 0.4s;} .sh6:hover img{transform: scale(1.1);} .sh7{width: 50%;text-align: center;height: 103px;transition: all ease 0.4s;overflow: hidden;background-color: #fff;} .sh7 img{margin: 0 auto;margin-top: 5%;} .sh7 p{font-size: 12px;color: #333333;line-height: 20px;margin-top: 5px;transition: all ease 0.4s;} .sh7:hover{background-color: #0d52aa;} .sh7:hover p{color: #fff;} .sh8{width: 50%;overflow: hidden;margin-bottom: 5%;} .sh8 img{width: 100%;transition: all ease 0.4s;} .sh8:hover img{transform: scale(1.1);} .sh9{width: 50%;text-align: center;height: 103px;transition: all ease 0.4s;overflow: hidden;background-color: #fff;} .sh9 img{margin: 0 auto;margin-top: 5%;} .sh9 p{font-size: 12px;color: #333333;line-height: 20px;margin-top: 5px;transition: all ease 0.4s;} .sh9:hover{background-color: #0d52aa;} .sh9:hover p{color: #fff;} /* 联系我们*/ .lxn{background-image: url(../img/szx106.png);background-repeat: no-repeat;background-size: 100%;margin-top: 5%;} .lxn1a1{width: 100%;background-color: #fff;text-align: center;margin: 10% auto;padding-top: 5%;padding-bottom: 5%;transition: all ease 0.4s;float: none;} .lxn1a1a{width: 10.7%;margin: 0 auto;position: relative;} .lxn1a1a img{width: 100%;transition: all ease 0.4s;} .lxn1a1a img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;} .lxn1a1:hover{background-color: #0d52aa;} .lxn1a1:hover .lxn1a1a img:nth-child(1){opacity: 0;} .lxn1a1:hover .lxn1a1a img:nth-child(2){opacity: 1;} .lxn1a1:hover p{color: #fff;} .lxn1a1:hover h2{color: #fff;} .lxn1a1 p{font-size: 0.7rem;color: #333333;line-height: 44px;transition: all ease 0.4s;} .lxn1a1 h2{font-size: 0.8rem;color: #666666;line-height: 30px;transition: all ease 0.4s;} .lxn1b{margin-top: 30px;} .lxn2a{background-color: #fff;padding-top: 10%;} .lxn2{width: 95%; margin: 0 auto;} .lxds_dt{width: 95%;margin: 0 auto;margin-top: 40px;} /* .lxdsa{border:11px solid #e5e5e5;}*/ .lxn3{background-image: url(../img/szx119.png);background-repeat: no-repeat;background-size: 100% 100%;margin-top: 60px;padding-bottom: 30px;} .lxn3a{padding-top: 40px;} .lxn3a1{width: 92%;margin: 0 auto;float: none; text-align: center;} .lxn3a1 h2{font-size: 1.5rem;color: #fff;font-weight: bold;} .lxn3a1 p{font-size: 0.7rem;color: #fff;text-transform: uppercase;} .lxn3a2{width: 92%;margin: 0 auto;float: none; text-align: center;margin-top: 5%;} .lxn3a2a{width: 100%;background-color: #fff;padding: 5%;border-radius: 5px;} .lxn3a2a1 input{width: 47%;background-color: #eeeeee;height: 47px;padding-left: 10px;border-radius: 10px;color: #999999;font-size: 12px;border: none;} .lxn3a2a2 textarea{width: 100%;background-color: #eeeeee;height: 112px;margin-top: 5%;border-radius: 10px;line-height: 47px;color: #999999;font-size: 12px;padding-left: 10px;border: none;} .lxn3a2a3{margin-top: 5%;} .lxn3a2a3 p{font-size: 12px;color: #999999;float: none;} .lxn3a2a3 p span{font-size: 20px;color: #999999;} .lxn3a2a3 input{width: 47%;background-color: #0148a0;height: 47px;border-radius: 10px;color: #fff;border: none;float: none;margin-top: 5%;} .lxn1aaa{background-image: url(../img/szx061.png);background-repeat: no-repeat;background-size: 100% 100%;width: 40%;height: 50px;text-align: center;margin: 0 auto;} .lxn1aaa a{font-size: 0.8rem;color: #fff;text-align: center;line-height: 60px;font-weight: bold;} @media (min-width: 350px){ .ly7a1d1{background-size: 23% 80%;} .ly7a1d2{background-size: 23% 80%;} .ly7a1d3{background-size: 23% 80%;} .ly7a1d4{background-size: 23% 80%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 113px;} } @media (min-width: 375px){ .cp_y3b{width: 30px;height: 30px;line-height: 30px;} .cp_y3c{width: 45px;height: 30px;line-height: 30px;} .cp_y3a{width: 45px;height: 30px;line-height: 30px;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 121px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 3%;} } @media (min-width: 400px){ .xw1b2b1{height: 70px;width: 28%;} .xw1b2b1 p{padding-top: 10px;line-height: 18px;} .bq{padding-bottom: 16%;} .sjban{margin-top: 20%;} .ly7a1d1{background-size: 20% 80%;} .ly7a1d2{background-size: 20% 80%;} .ly7a1d3{background-size: 20% 80%;} .ly7a1d4{background-size: 20% 80%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 130px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 10%;} } @media (min-width: 450px){ .ly7a1d1{background-size: 17% 80%;} .ly7a1d2{background-size: 17% 80%;} .ly7a1d3{background-size: 17% 80%;} .ly7a1d4{background-size: 17% 80%;} .xw1b2b1{width: 26%;} .sjban{margin-top: 20%;} .cp_y3b{width: 30px;height: 30px;line-height: 30px;} .cp_y3c{height: 30px;width: 50px;line-height: 30px;} .cp_y3a{height: 30px;line-height: 30px;} .cpl1a{margin: 0 30px;margin-bottom: 5%;} .cpl1{margin-top: 5%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 146px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 15%;} } @media (min-width: 500px){ .ly7a1a{padding-left: 30px;} .xw1b1a1{width: 15%;} .xw1b2b1{width: 23%;} .bq{padding-bottom: 14%;} .sjban{margin-top: 20%;} .cp_y3b{width: 40px;height: 40px;line-height: 40px;} .cp_y3c{width: 60px;height: 40px;line-height: 40px;} .cp_y3a{height: 40px;line-height: 40px;} .tj1a2{width: 25%;} .cpl1a{margin: 0 33px;margin-bottom: 5%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 162px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 17%;} } @media (min-width: 550px){ .sjban{margin-top: 20%;} .ly7a1a{padding-left: 45px;} .xw1a1{margin-left: 7%;} .xw1a2{margin-left: 7%;} .xw1b2b1{width: 21%;} .cpl1a{margin: 0 37px;margin-bottom: 5%;} .bq{padding-bottom: 13%;} .cpn3b1ba{padding: 0 5%;padding-top: 11px;padding-bottom: 5%;} .cpn3c1{padding-top: 5%;padding-bottom: 5%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 178px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 20%;} } @media (min-width: 600px){ .sjban{margin-top: 18%;} .xw1b1a1{width: 13%;} .xw1b2b1{width: 19%;} .bq{padding-bottom: 12%;} .sjban{margin-top: 20%;} .cpl1a{margin: 0 40px;margin-bottom: 5%;} .cpl1a2a{top: 368px;} .cpn1{width: 49%;float: left;} .cpn2{width: 50%;float: right;margin-top: 0;padding: 1% 5%;} .cpn3a1a{margin-top: 5%;} .cpn3a1a table{margin-top: 5%;} .rx4 a p{margin-top: 10%;} .ly7a1d1{background-size: 16% 80%;} .ly7a1d2{background-size: 16% 80%;} .ly7a1d3{background-size: 16% 80%;} .ly7a1d4{background-size: 16% 80%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 194px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 20%;} } @media (min-width: 650px){ .sjban{margin-top: 20%;} .xw1b2b1{width: 18%;} .bq{padding-bottom: 11%;} .cpl1a2a{top: 393px;} .cp_y3b a{font-size: 0.85rem;} .cp_y3c a{font-size: 0.85rem;} .cp_y3a a{font-size: 0.85rem;} .cpn2{padding: 5% 5%;} .ly7a1d1{background-size: 15% 80%;} .ly7a1d2{background-size: 15% 80%;} .ly7a1d3{background-size: 15% 80%;} .ly7a1d4{background-size: 15% 80%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 210px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 20%;} } @media (min-width: 700px){ .ly7a1d1{font-size: 1.2rem;background-size: 10% 80%;} .ly7a1f{font-size: 0.95rem;} .al2a1a1 p{font-size: 0.9rem;} .al2a1a1 h2{font-size: 1rem;} .xw1b1a1{width: 12%;} .xw1b2b1{width: 16%;} .cpl1a2a{top: 417px;} .cpn2{padding: 7% 5%;} .ly7a1d1{background-size: 13% 80%;} .ly7a1d2{background-size: 13% 80%;} .ly7a1d3{background-size: 13% 80%;} .ly7a1d4{background-size: 13% 80%;} .sh1,.sh3, .sh5, .sh7,.sh9{height: 226px;} .sh1 img,.sh3 img,.sh5 img,.sh7 img,.sh9 img{margin-top: 20%;} } }