html{color:#000;background:#fff}body{color:#666;font-size:14px;width:100%}body,div,ul,li,h2,h3,h4,input,p{margin:0;padding:0}li{list-style:none}a:hover{color:#439e00!important}a:focus{outline:0}.clear{clear:both;height:0;line-height:0;font-size:0}p{word-spacing:-1.5px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.content,.footer{width:1200px;margin:0 auto;font-family:"Microsoft Yahei"}.topWrap{font-family:"Microsoft Yahei";position:relative;width:100%;background:#fff}.header{display:flex;justify-content:space-between;width:1200px;margin:0 auto;padding:30px 0;position:relative;background:url(images/tipbg.jpg)right top no-repeat}.header1{height:30px;line-height:30px;background:#f8f8f8;border-bottom:1px solid #eee;overflow:hidden}.header1 .welcome{float:left}.header1 .mapli{float:right}.logobox{height:60px;overflow:hidden;width:1200px;position:relative}.logobox .logo{max-height:60px;float:left;overflow:hidden;max-width:360px}.logobox .logo img{height:60px}.logobox .logotext{padding-left:20px;border-left:1px solid #ddd;float:left}.logobox .logotext h2{color:#439e00;font-size:24px}.logobox .logotext span{font-size:16px}.buybox{position:absolute;top:30px;height:50px;right:0;display:flex;align-items:center;text-align:right}.buybox p{font-size:16px;color:#4a4a4a}.buybox strong{color:#439e00;font-size:24px}.nav{height:50px;position:relative;background:url(images/nav-bg.png)no-repeat center;width:100%}.nav ul{width:1200px;display:flex;justify-content:space-between;margin:0 auto}.nav li{height:50px;line-height:50px;text-align:center;position:relative;overflow:hidden;width:200px;background:url(images/nav-line.png)no-repeat right center}.nav li a{font-size:18px;font-weight:700;color:#fff}.nav li:hover{background:#fadd15}.nav li:hover a{color:#459700}.nav .cur{background:#fadd15}.nav .cur a{color:#459700}.white{position:relative}.white:after,.whites:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}.whites:hover:after{left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}.fullSlide{min-width:1200px;position:relative;height:450px;overflow:hidden;z-index:2}.fullSlide .bd{position:relative;z-index:0}.fullSlide .bd ul{width:100%!important}.fullSlide .bd li{width:100%!important;height:450px;overflow:hidden;text-align:center;position:relative}.fullSlide .bd li img{width:100%;height:450px;object-fit:cover;display:block}.fullSlide .hd{position:absolute;bottom:32px;z-index:99;left:46%;width:200px}.fullSlide .hd li{width:15px;height:15px;float:left;margin-right:20px;background:#fff;border-radius:50%}.fullSlide .hd li.on{background:#439e00}.prev{position:absolute;left:2%;top:50%;cursor:pointer}.next{position:absolute;right:2%;top:50%;cursor:pointer}.footWrap{background:#33383c;overflow:hidden;font-family:"Microsoft Yahei";padding:30px 0;position:relative;z-index:1}.footer{width:1200px;margin:0 auto;position:relative;line-height:25px;text-align:center;color:#fff}.footer a{color:#fff}@media (max-width:768px){.header,.content,.footer{width:100%}.header1{display:none}.header{padding:0}.topWrap{height:60px;padding-top:0}.header{margin:0}.logobox{width:100%;padding:0}.buybox{display:none}.nav .cur a,.nav li:hover a{color:#439e00;border-bottom:none;background:#fff}.logobox .logo img{height:50px;margin:5px;max-width:100%}.nav{z-index:1000;position:fixed;top:60px;left:-100%;width:100%;height:100%;transition:all .36s ease;margin:0;background:#fff}.nav ul{float:none;width:100%;display:block}.nav li{float:none;height:50px;line-height:50px;border-bottom:1px solid #eee;width:100%;text-align:left;text-indent:20px}.nav li a{color:#333;padding:0;height:50px}.m_nav{position:absolute;top:10px;width:40px;height:40px;background:url(images/mobile-menu.png)no-repeat center center #439e00;background-size:25px auto;right:5px}.fullSlide{min-width:320px;height:auto}.fullSlide .bd li{height:138px}.fullSlide .bd li img{width:100%;left:0;margin-left:0}.next,.prev{display:none}.fullSlide .hd{left:50%;margin-left:-80px;bottom:5px;width:200px}.linkbox{display:none}.footWrap{padding:30px 15px;margin-bottom:50px;text-align:justify}.mobile-footer{display:block;height:50px}.mobile-footer{position:fixed;bottom:0;z-index:99;left:0;width:100%;background:#33383c;color:#fff;padding:10px 0;border-top:1px solid #fff}}body{font-family:"Microsoft Yahei";background:#f5f5f5}a:hover{text-decoration:none}.index-tlt1{text-align:center;padding-bottom:30px}.index-tlt1 h2{font-size:28px;line-height:30px;font-weight:bold;color:#439e00;background:url(images/section-title.png)no-repeat top center;margin-bottom:15px}.index-tlt1 p{font-size:18px;color:#333333;line-height:1.6}.a1{overflow:hidden;padding:50px 0;background-repeat:no-repeat;background-position:top center;background-size:cover}.a1 .index-tlt1 p{color:#fff}.a1 .wenzibox{height:300px;background:rgba(0,0,0,0.5);padding:20px 30px;font-size:16px;overflow:hidden;border-radius:10px}.a1 .wenzibox p{text-indent:15px;margin-bottom:20px;line-height:30px;text-align:justify;color:#fff}.index-more:hover{background:#439e00}.index-more:hover a{color:#fff}.l1{padding:50px 0;overflow:hidden;background:#fff}.lc{display:flex;justify-content:space-between}.lc li{position:relative;float:left;width:150px;text-align:center;padding:50px 18px;transition:.5s;border:1px solid #dedede}.lc li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#439e00;opacity:0;transform:translateY(100%);transition:.5s}.lc li:hover:before{opacity:1;visibility:visible;transform:translateY(0)}.lc li .pic{display:flex;width:110px;height:110px;background:#fff;border:1px solid #e8e8e8;border-radius:50%;transition:.5s;align-items:center;justify-content:center;margin:0 auto}.lc li:hover .pic{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}.lc li .tit{position:relative;font-size:24px;color:#333;margin-bottom:15px;margin-top:15px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;font-weight:500}.lc li:hover .des,.lc li:hover .tit{color:#fff}.lc li .des{position:relative;margin-bottom:30px;font-size:16px;font-weight:100;color:#999;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.p1{padding:50px 0;background:#f5f5f5;overflow:hidden}.p2{display:flex;flex-wrap:wrap;justify-content:space-between}.p2 li{width:600px;background-color:#ffffff;overflow:hidden}.p2 li a{position:relative;display:flex;justify-content:space-between}.p2 li .li_img{overflow:hidden;width:300px;height:200px}.p2 li .li_img img{display:block;width:100%;transition:all ease .6s;object-fit:cover;height:100%}.p2 li:hover img{transform:scale(1.1)}.p2 li .li_info{background:#fff;padding:15px 25px;width:250px;position:relative}.p2 li .li_info span{padding:6px 12px;border-radius:3px 4px;color:#9e9e9e;border:1px solid #cacaca}.p2 li .li_info p{line-height:25px;max-height:75px;margin-bottom:20px;overflow:hidden}.p2 li .li_info h3{font-size:18px;color:#459700;font-weight:400;overflow:hidden;width:100%;height:40px;line-height:40px}.p2 li .li_info:after{position:absolute;top:70px;content:"";border-style:solid;border-color:transparent #fff transparent transparent;border-width:20px 30px 20px 0;left:-30px}.p2 li:nth-child(4n) .li_info:after{left:100%;border-width:20px 0 20px 30px;border-color:transparent transparent transparent #fff}.p2 li:nth-child(4n-1) .li_info:after{left:100%;border-width:20px 0 20px 30px;border-color:transparent transparent transparent #fff}.c1{padding:50px 0;overflow:hidden;background:#f6f6f6}.c2{position:relative}.c2 li:hover{-moz-box-shadow:0px 0px 10px #333333;-webkit-box-shadow:0px 0px 10px #333333;box-shadow:0px 0px 10px #333333}.c2 li:hover .img img{transform:scale(1.1)}.al_j1,.al_j2{position:absolute;top:150px}.al_j1{left:-60px}.al_j2{right:-60px}.n1{background:#f5f5f5;padding:40px 0;box-sizing:border-box;overflow:hidden}.n2{width:100%}.n1 .lipic{overflow:hidden;position:relative;width:180px;height:120px;float:left;;}.n1 .lipic img{display:block;width:100%;transition:all ease .6s;object-fit:cover;height:100%}.n1 li .litxt{width:970px;float:right}.n1 li{padding:15px;border:1px solid #dedede;margin-bottom:10px;overflow:hidden;background:#fff}.n1 ul li:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms}.n1 li h3{font-size:18px;color:#666;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:10px}.n1 li p{font-size:14px;line-height:25px;color:#aaa;overflow:hidden;height:50px;margin-bottom:10px}.n1 .more{height:20px;background:url(images/icon-20.png)no-repeat right}.linkbox{background:#fff;padding:15px;width:1170px;line-height:26px;margin:50px auto}.linkbox a{margin-right:10px}.linkbox h4{font-size:18px;font-weight:bold;display:inline-block}@media (max-width:768px){.index-tlt1 h2{font-size:28px;background:none}.p1{padding-top:20px}.p1 ul{width:auto!important;left:0!important}.p1 ul li{width:100%!important}.p2 li .li_img{width:50%}.p2 li .li_info{width:50%;box-sizing:border-box;border-bottom:1px solid #dedede}.lc{display:block}.lc li{width:50%!important;box-sizing:border-box}.a1 .wenzibox{margin:15px;padding:15px}.c1 ul{width:auto!important;left:0!important}.n2{width:100%}.n1 .lipic{width:80px;height:80px}.n1 ul{margin:0}.n1 li .litxt{width:calc(100% - 90px)}.n1 li p{height:25px}}.address{width:100%;position:relative;background:#fff;height:50px}.address .p1{height:50px;line-height:50px;font-size:13px;float:left;width:1200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.address .p1 a{padding:0 4px}.address .p1 img{margin:0 10px 0 0px;position:relative;top:4px}.cont-wrap{overflow:hidden;background:#f2f2f2;padding:30px 0;width:100%}.content{overflow:hidden}.pro-left dd a:before{border-radius:100%;width:20px;height:20px;background:#fff;right:10px;top:50%;transform:translate(0,-50%);position:absolute;content:""}.pro-left dd a:after{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #464646;right:16px;top:50%;transform:translate(0,-50%);position:absolute;content:""}.pro-left dd a:hover{background:#439e00}.prolist ul li:hover{transform:translateY(-10px)}.prolist ul li:hover img{transform:scale(1.1)}.prolist ul li:hover{box-shadow:0 5px 10px rgba(32,33,38,0.1)}.caselist ul li:hover{transform:translateY(-10px)}.caselist ul li:hover img{transform:scale(1.1)}.caselist ul li:hover{box-shadow:0 5px 10px rgba(32,33,38,0.1)}.contact-box{width:100%;overflow:hidden;background:#fff}.contact-box-top{display:flex;justify-content:space-between}.contact-box .item{width:19%;box-sizing:border-box;padding:20px 0 40px 0;border-radius:0 0 3px 3px;overflow:hidden;position:relative;text-align:center;height:auto}.contact-box .item:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:3px;background:#439e00;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}.contact-box .item:nth-child(3n){margin-right:0}.contact-box .item .text{margin-top:15px;text-align:center;font-size:18px;color:#333333}.contact-box .item:hover:after{width:100%}.contact-box .item a:hover{color:#439e00}.b_shadow{-o-box-shadow:0 0 18px rgba(0,0,0,.1);-ms-box-shadow:0 0 18px rgba(0,0,0,.1);-moz-box-shadow:0 0 18px rgba(0,0,0,.1);-webkit-box-shadow:0 0 18px rgba(0,0,0,.1);box-shadow:0 0 18px rgba(0,0,0,.1)}@media (max-width:768px){.address .p1{width:100%;box-sizing:border-box;padding:0 15px}.cont-wrap{padding:15px 0}.contact-box-top{display:inline}.contact-box .item{width:100%;margin:0 0 10px 0}}html,body,div,span,h2,p,a,em,img,strong,li,ul,input{margin:0;padding:0}body{padding:0 10px;min-width:300px;overflow-x:hidden;position:relative}ul,li{list-style:none}a img,img{border:none}html{color:#333}body,input{font:14px/1.6"Microsoft YaHei",Hiragino Sans GB,arial,simsum,WenQuanYi Micro Hei,sans-serif;outline:none}a{background:none}body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}a:link,a:visited,a:active,a:hover{text-decoration:none}a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF}a,input{-webkit-tap-highlight-color:transparent}.clear{clear:both}.city{min-height:0;line-height:20px}.city .i{position:relative;display:block;padding:10px;background-color:#FFF}.city .box{border:1px solid #D4D4D4}.city .box .i{border:none;border-bottom:1px solid #D4D4D4}.city .i i{position:absolute;width:20px;height:13px;right:10px;top:40%;;background:url(images/tipbg.jpg)no-repeat center center}.lsinfo{background-color:#F5F5F5}a{text-decoration:none}a{color:#333}.right_info{position:fixed;top:200px;left:2px;z-index:1000;background:#fff;color:#333!important}.right_info_tit{height:45px;line-height:45px;text-align:center;background:#e10;color:#fff;position:relative;cursor:pointer;padding:0 25px;font-size:18px!important}.right_info_tit a{color:#fff!important;font-weight:bold!important;letter-spacing:2px;text-shadow:0 0 10px #f9b61f,0 0 20px #f9b61f,0 0 30px #f9b61f,0 0 40px #f9b61f;display:block;-webkit-animation-name:scaleDraw;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:5s}@keyframes scaleDraw{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.zhuce2023{height:35px;line-height:35px;text-align:center;background:#e10;color:#fff;font-weight:bold;letter-spacing:2px;position:relative;cursor:pointer;padding:0 25px}.zhuce2023 a{color:#fff!important;font-weight:bold!important;letter-spacing:2px;font-size:18px;text-shadow:0 0 10px #f9b61f,0 0 20px #f9b61f,0 0 30px #f9b61f,0 0 40px #f9b61f;display:block;-webkit-animation-name:scaleDraw;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:5s}.right_close{position:absolute;right:5px;top:0px;width:10px;height:45px;background:url(images/tipbg.jpg)-50px center no-repeat}.right_info_box{border:1px solid #eee;border-top:0;width:200px;background:#f5f6f7;padding:0 5px}.right_info_qq{text-align:center;line-height:40px;height:40px;font-size:16px}.linkus{position:absolute;top:200px;right:10px;z-index:10;display:none;box-sizing:border-box;width:60px;height:60px;border-radius:6px;background-color:#e10000;color:#fff;line-height:18px;cursor:pointer;text-align:center;font-size:12px;padding:5px}@media (max-width:1281px){.right_info_box{display:none}.zhuce2023{padding:0px;letter-spacing:0px;font-weight:500}.zhuce2023 a{font-size:16px;letter-spacing:0px}.right_info_tit{padding:0 10px;letter-spacing:0px;font-size:16px;height:33px;line-height:33px}.right_info_tit a{letter-spacing:0px}.right_close{display:none}.right_info{right:0;top:auto;bottom:55px}.right_info_tit{display:none}}.draw::before,.draw::after{border:none!important;content:none!important}.fullSlide .bd li img{width:100%;height:100%}.linkbox a{display:inline-block}.header .logo img{max-height:60px!Important;max-width:360px!important}@media (max-width:750px){.img:before{display:none}}#huaermapbox{width:288px;position:fixed;right:2px;bottom:2px;border:1px solid #eee;background:#fff;font-size:14px;z-index:999;color:#333}#contactbox2023{padding:6px 10px;line-height:20px;font-size:14px;background:#fff;text-align:left}#contactbox2023 p:nth-child(3){font-weight:bold;color:red}#contactbox2023 p:nth-child(4){font-weight:bold;color:red}#contactbox2023 .gsname{font-weight:bold;font-size:16px}#contactbox2023 .gsname span{color:#999;font-size:12px;padding-left:10px}.footer p{max-width:1200px;margin:0 auto}.cpimgvideo1212 ul:after{content:none}.xxcs ul:after{content:none}.logobox .logo img{width:auto}.tylxr,.tydz{color:#ff0000;font-weight:bold;font-size:20px!important}.dpsbm9{color:#7768c8;font-weight:bold;font-size:20px!important}.dpsbm10{color:#009960;font-weight:bold;font-size:20px!important}.dptygjc9{color:#e8423f;font-weight:bold;font-size:20px!important}.dptygjc10{color:#ff6600;text-decoration:underline;font-weight:bold;font-size:20px!important}.dpspbox{margin:15px auto;overflow:hidden;width:1200px;background:#fff}.dpspcpimgvideo{position:relative;width:850px;float:left}.dpspcpimgvideo .videobox2024{max-height:600px;overflow:hidden;justify-content:center;margin-bottom:20px;display:flex;align-items:center;background:#000}.dpspcpimgvideo .videobox2024 video{width:100%;max-height:600px;display:block}.dpspcpimgvideo .videobox2024 img{max-width:100%;max-height:100%;display:block;border-radius:15px}.dpspcpimgvideo .playvideo2024{position:absolute;left:50%;top:50%;margin-left:-35px;z-index:10;margin-top:-35px;cursor:pointer}.dpspcpimgvideo .playvideo2024 img{width:70px;height:70px}.dpspycbox{width:330px;float:right;color:#fff}.dpspycbox .moreimglist2024{margin-top:0px}.dpspycbox .moreimglist2024 li{margin-bottom:10px;height:80px;padding-bottom:10px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;cursor:pointer}.dpspycbox .moreimglist2024 .tuijianimgbox2024{width:80px;height:80px;overflow:hidden;position:relative}.dpspycbox .moreimglist2024 .tuijianimgbox2024 img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover}.dpspycbox .moreimglist2024 .cp-title2024{line-height:30px;color:#999;overflow:hidden;text-overflow:ellipsis;font-size:18px;width:230px;max-height:60px}.dpspycbox .moreimglist2024 .tuijianimgbox2024 .playvideo2 img{position:relative!important;width:50%!important;height:50%!important;margin-left:20%;margin-top:20%}@media (max-width:767px){.dpspcpimgvideo{width:100%;margin-bottom:0}.dpspbox{width:100%}.dpspycbox{width:100%;color:#333}.dpspcpimgvideo .videobox2024{height:auto!important}.dpspcpimgvideo .videobox2024 video{height:260px}.dpspycbox .moreimglist2024 li{margin:0;padding:0;width:50px;height:50px;float:left}.dpspycbox .moreimglist2024 .tuijianimgbox2024{width:50px;height:50px;overflow:hidden;position:relative}.dpspycbox .moreimglist2024 .cp-title2024{display:none}.videobox2024 .playvideo2024{display:none}.dpspycbox .playvideo2 img{margin-left:30%;margin-top:30%}}.dpspbox{z-index:9999!important}@media (max-width:767px){.fullSlide{display:none}.dpspbox{margin:0}}.fenye2024>li>a:focus,.fenye2024>li>a:hover{opacity:1}.fenye2024>.disabled>a:focus,.fenye2024>.disabled>a:hover{color:#999;background-color:transparent;cursor:defa.fenye2024t}.yqbody2024{background:#fff;width:100%;padding-bottom:5px}.yqbody2024 #yqcont p{padding:3px 3%;margin:0}.yqbody2024 #yqcont .tttel{width:90%;margin:2px auto;border:1px #ccc solid;margin-right:5%;margin-left:5%;height:30px;text-indent:1em;color:#999;outline:0;background-color:transparent}.yqbody2024 .btns{height:30px;background:red;width:90%;display:block;text-align:center;line-height:30px;color:#fff;margin:5px auto 0 auto;font-size:15px;cursor:pointer}.yqbody2024 .btns:hover a{color:#fff}@media (max-width:750px){#huaermapbox{position:relative;width:100%;left:0;bottom:0;border:none;margin-bottom:90px}}@media (max-width:767px){.right_info{bottom:70px}.mobile-footer{z-index:9999}.dpspycbox .moreimglist2024 li::before,.dpspycbox .moreimglist2024 li::after{content:none}}.morezhuanxianlist li a:hover{color:#fff!important}.icomoonsz222{letter-spacing:1px!important}@media (max-width:767px){.index-tlt1 h2{font-size:18px}.index-tlt1 p{font-size:14px}.dpsbm9{font-size:14px!important}.dpsbm10{font-size:14px!important}.dptygjc9{font-size:14px!important}.dptygjc10{font-size:14px!important}.tylxr,.tydz{font-size:14px!important}.logobox .logo a{font-size:0}.right_info{display:none}.nav ul li{margin:0!important;width:33%!important;text-align:center;overflow:hidden}.nav ul li:nth-child(3n){border-right:none}.nav ul li:nth-child(4n+0){border-right:1px solid #fff!important}.header{position:relative}.dpspycbox .moreimglist2024 li{margin-right:10px}}
/* === cr8bhh4m runtime overrides === */
img {
max-width: 100%;
}
.fullSlide .splide__track,
.fullSlide .splide__list,
.fullSlide .splide__slide {
height: 100%;
}
.fullSlide .bannerLink {
display: block;
height: 100%;
background-position: center;
background-size: cover;
}
.right-contact-panel[data-collapsed='1'] .contact-body {
display: none;
}
/* 旧参考站联系我们样式表遗留的 body{padding:0 10px;min-width:300px;...}
在桌面宽度下会让 body 比 html 内容区宽 20px，从而把 docScrollWidth
撑成 视口 + 20px。这里同时把 html 横向裁切和 body 内边距清零，
行为与参考首页一致（参考首页 docScrollWidth=1440，无横向滚动）。 */
html {
overflow-x: hidden;
}
body {
padding: 0;
min-width: 0;
}
/* 移动端汉堡按钮：固定 40x40，使用 mobile-menu.png 作为背景，
隐藏内部 ![]()
，避免被图片自然尺寸撑大并触发横向溢出。 */
.menuBtn {
display: none;
position: absolute;
top: 10px;
right: 12px;
width: 40px;
height: 40px;
padding: 0;
border: 0;
background: url('/static/templates/cr8bhh4m/images/mobile-menu.png') no-repeat center center #439e00;
background-size: 25px auto;
cursor: pointer;
z-index: 1001;
}
.menuBtn img {
display: none;
}
@media (max-width: 768px) {
.menuBtn {
display: block;
}
.topWrap,
.header1,
.nav,
.content,
.footer {
min-width: 0;
}
.topWrap {
height: 60px;
padding-top: 0;
overflow: hidden;
}
.header1 {
display: none;
}
.header {
padding: 0;
margin: 0;
}
.logobox {
width: 100%;
padding: 0;
height: 60px;
overflow: hidden;
}
.headerTel {
display: none;
}
.header1 .wrap,
.nav .wrap,
.content,
.footer .wrap {
width: auto;
padding-left: 12px;
padding-right: 12px;
}
/* 移动端导航：与参考站一致，固定在 topWrap 下方，
关闭时位于视口左侧，data-open 时滑入视口。 */
.nav {
z-index: 1000;
position: fixed;
top: 60px;
left: -100%;
width: 100%;
height: calc(100% - 60px);
transition: left .36s ease;
margin: 0;
background: #fff;
overflow-y: auto;
}
/* 开启态必须把 nav 拉回视口。旧参考站 CSS 在同 media query 内
有 .nav{left:-100%}（specificity 0,1,0），单纯 [data-site-nav][data-open]
虽说 specificity 0,2,0 已经能压过，但只要未来某处再追加 .nav 规则
或 inline style，就可能再次丢失。这里用 .nav[data-site-nav][data-open]
复合选择器（specificity 0,2,1）并配合 !important 强制生效，
避免 site.js 切了 data-open 但 nav 不动的回归。 */
.nav[data-site-nav][data-open] {
left: 0 !important;
}
.nav[data-site-nav][data-open] ul {
display: block;
}
.nav ul {
float: none;
width: 100%;
display: block;
}
.nav li {
float: none;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #eee;
width: 100%;
text-align: left;
text-indent: 20px;
}
.nav li a {
color: #333;
padding: 0;
height: 50px;
}
/* 防止移动端出现横向滚动条：
旧 CSS 强制 body{padding:0 10px}，配合 width:100% 时
会让 body 实际外宽度 = 视口 + 20px，触发横向溢出。 */
html,
body {
overflow-x: hidden;
box-sizing: border-box;
max-width: 100%;
}
body {
padding: 0;
}
.right-contact-panel {
display: none;
}
}
/* cr8bhh4m case carousel */
.c2 { position: relative; }
.case-carousel { overflow: hidden; width: 100%; }
.case-track { display: flex; transition: transform .4s ease; }
.case-track ul { display: flex; flex-shrink: 0; }
.al_j1, .al_j2 { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.al_j1 { left: 0; }
.al_j2 { right: 0; }
/* cr8bhh4m 内页参考站结构样式 */
.cont-wrap .article {
padding: 40px 62px;
overflow: hidden;
background: #fff;
box-sizing: border-box;
}
.cont-wrap .article h3 {
font-size: 22px;
line-height: 32px;
color: #333;
font-weight: 500;
margin-bottom: 10px;
}
.cont-wrap .article .bd {
padding-top: 14px;
overflow: hidden;
line-height: 30px;
}
.cont-wrap .article .bd p {
text-indent: 20px;
text-align: justify;
margin-bottom: 15px;
}
.cont-wrap .article ul.bd {
padding-top: 14px;
line-height: 30px;
}
.cont-wrap .article ul.bd li {
margin-bottom: 8px;
}
.caselist {
width: 100%;
overflow: hidden;
}
.caselist ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.caselist ul li {
background: #fff;
width: 275px;
height: 230px;
margin-bottom: 20px;
text-align: center;
transition: all .5s;
}
.caselist ul li .Pic {
width: 100%;
height: 192px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid #eee;
box-sizing: border-box;
padding: 5px;
}
.caselist ul li img {
max-width: 100%;
max-height: 100%;
transition: all .5s;
}
.caselist ul li .intro {
padding: 0 10px;
line-height: 38px;
height: 38px;
background: #ddd;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.newlist {
width: 100%;
}
.newlist dl {
width: 100%;
padding-top: 39px;
height: 209px;
border: 1px solid #dfdfdf;
border-top: none;
background: #fff;
position: relative;
box-sizing: border-box;
}
.newlist dl:first-child {
border-top: 1px solid #dfdfdf;
}
.newlist dt {
width: 239px;
height: 170px;
float: left;
margin-left: 40px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid #dfdfdf;
padding: 5px;
box-sizing: border-box;
}
.newlist dt img {
display: block;
transform: scale(1);
transition: all 2s ease-out;
max-width: 100%;
max-height: 100%;
}
.newlist dd {
width: 800px;
height: 170px;
position: relative;
margin-left: 28px;
float: left;
}
.newlist dd h3 {
font-size: 20px;
font-weight: normal;
width: 650px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.newlist dd p {
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 17px;
text-align: justify;
}
.newlist dd .rq {
display: block;
font-size: 13px;
font-family: arial;
height: 16px;
position: absolute;
bottom: 0;
left: 0;
color: #999;
}
.newlist dd .more {
display: block;
width: 36px;
height: 36px;
background: #f2f2f2;
border-radius: 100%;
overflow: hidden;
position: absolute;
right: 6px;
bottom: 0;
text-align: center;
line-height: 30px;
font-size: 36px;
color: #999;
}
.contact-box {
padding: 24px;
box-sizing: border-box;
}
.contact-box .ico {
min-height: 58px;
}
.contact-box .ico img {
width: 54px;
height: 54px;
object-fit: contain;
}
@media (max-width: 768px) {
.cont-wrap .article {
padding: 15px;
}
.caselist ul li {
width: 49%;
height: auto;
}
.caselist ul li .Pic {
width: 100%;
height: 160px;
}
.newlist dl {
padding: 10px;
height: auto;
}
.newlist dl a {
display: flex;
justify-content: space-between;
}
.newlist dt {
width: 30%;
height: 100px;
margin-left: 0;
}
.newlist dd {
width: 65%;
height: auto;
margin-left: 0;
}
.newlist dd h3 {
width: auto;
white-space: normal;
font-size: 16px;
line-height: 24px;
}
.newlist dd p {
display: none;
}
}