@charset "utf-8";
@import url("base.css");
@import url("aos.css");
@import url("swiper-bundle.min.css");


/**index**/
.zlHead{ background:rgba(0,0,0,.3); width:100%; position:absolute; left: 0; top: 0; z-index: 999; }
.zlHead.topFix{  position:fixed; box-shadow: 0 0 0.2rem rgba(0,0,0,.15);}
.zlHead .w{ width: 84%; max-width: 1600px;}
.zlHead-logo{ width: 2.24rem;}
.zlHead-nav li{ padding: 0 2.6vw; position: relative;}
.zlHead-nav li a.far{ display: block; line-height: 1rem; color: var(--color-white)}
.zlHead-nav li.active a.far, .zlHead-nav li:hover a.far{ color: var(--color-blue);}
.zlHead-nav li .subnav { background-color:rgba(0,0,0,.5); width:100%; padding:0.15rem 0; text-align: center; position:absolute; top:100%; left:0; pointer-events:none; opacity:0; transform:translateY(10px); backdrop-filter:blur(5px); border-top:0.02rem solid var(--color-blue); }
.zlHead-nav li .subnav a { display:block; padding:0.1rem 0; color: var(--color-white); font-size: 0.14rem; }
.zlHead-nav li .subnav a:hover{ color: #00a0e9;}
.zlHead-nav li:hover .subnav{ opacity:1; pointer-events:auto; transform:none; }


.zlBanner{ width: 100%; height: 100vh;}
.zlProduct{ background-image: url(../images/zlProduct-bg.jpg); padding-top:1.6rem;}
.zlProduct-head{ padding-bottom: 0.2rem; border-bottom: 1px #d9dce1 solid;}
.zlProduct-head .select{ width: 86%;}
.zlProduct-head .select select{ background: var(--color-white) url(../images/select-arrow.png) no-repeat 92% center; width: 16%; height: 0.45rem; padding-left: 0.2rem; border-radius: 0.25rem;}

.zlProduct-list-sider{ padding: 1.05rem 0 1.3rem 0;}
.zlProduct-list-sider:before{ content: ''; background: #d9dce1; width: 1px; height: 100%; position: absolute; left: 71.5%; top: 0;}
.zlProduct-list-sider li{ display: flex; padding: 0 5.2vw; opacity: .3;}
.zlProduct-list-sider li .word{ width: 48%;}
.zlProduct-list-sider li .word .m{ background:var(--color-blue); color: var(--color-white); width: 1.7rem; height: 0.45rem; margin-top: 7.8125vw; border-radius: 0.25rem; box-shadow: 0.05rem 0.05rem 0.1rem rgba(0,0,0,.3);}
.zlProduct-list-sider li .thumb{ width: 52%;}
.zlProduct-list-sider li.swiper-slide-active{ opacity: 1;}
.zlProduct-list-sider .swiper-button-next{ background: var(--color-blue); width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; right: 26.56%; border-radius: 50%;}




.zlAbout{ background-image: url(../images/zlAbout-bg.jpg); padding: 1.5rem 0 1.3rem 0;}
.zlAbout-body .word{ width: 48.75%;}
.zlAbout-body .word .t{ background: url(../images/zlAbout-title.png) no-repeat; background-size: 2.98rem auto; line-height: 0.9rem;}
.zlAbout-body .word .c{ margin-top: 0.8rem;}
.zlAbout-body .word .m{ background:var(--color-white); color: var(--color-blue); width: 1.7rem; height: 0.45rem; border-radius: 0.25rem; box-shadow: 0.05rem 0.05rem 0.1rem rgba(0,0,0,.3);}
.zlAbout-body .word .m:hover{ background:var(--color-blue); color: var(--color-white); }
.zlAbout-body .thumb{ width: 45%; border-radius: 0.1rem;}

.zlAbout-number{ margin-top: 0.75rem; padding-top: 0.6rem; border-top: 1px rgba(255,255,255,.5) dashed;}
.zlAbout-number dl dt{ background: -webkit-linear-gradient( var(--color-white), #4679c7); background: linear-gradient( var(--color-white), #4679c7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; }



.zlSolution{ background-image: url(../images/zlSolution-bg.jpg); padding: 1rem 0 1.1rem 0;}
.zlSolution-head{ padding-bottom: 0.25rem;}
.zlSolution-head .c{ width: 67.5%;}
.zlSolution-head .img{ position: absolute; right: 0; bottom: -0.25rem;}

.zlSolution-type .ty-backg li{ display:none;}
.zlSolution-type .ty-backg li:first-child{ display: block;}
.zlSolution-type .ty-word{ width: 100%; position: absolute; left: 0; top: 0; z-index: 2; padding: 4.94vw 5% 0 5%;}
.zlSolution-type .ty-word li{ display: none;}
.zlSolution-type .ty-word li:first-child{ display: block;}
.zlSolution-type .ty-word li .m{ background: rgba(37,88,167,.8); width: 1.7rem; height: 0.45rem; border-radius: 0.25rem;}
.zlSolution-type .ty-word li .m:hover{ background: #2558a7; color: var(--color-white);}
.zlSolution-type .ty-tab{ background: var(--color-white); width: 90%; position: absolute; left: 5%; right: 5%; bottom: 0.6rem; z-index: 3; border-radius: 0.1rem;}
.zlSolution-type .ty-tab li{ background: url(../images/zlSolution-logo.png) no-repeat center; background-size:0.87rem auto; flex: 1; text-align: center; font-size: 0.18rem; font-weight: bold; line-height: 7.8125vw; cursor: pointer; border-right: 1px #d2d2d2 solid;}
.zlSolution-type .ty-tab li.active{ background: url(../images/zlSolution-logo-h.png) no-repeat center; background-size:0.87rem auto; color: var(--color-blue);}



.zlNews{ background-image: url(../images/zlNews-bg.jpg); padding: 1.2rem 0 1.65rem 0;}
.zlNews-aside{ width: 22.75%;}
.zlNews-aside .title{ background: url(../images/zlNews-title.png) no-repeat; background-size: 3.33rem auto; line-height: 0.93rem;}
.zlNews-aside .tabs{ padding-top: 4.2vw;}
.zlNews-aside .tabs a{ display: block; color: #aaa; margin-top: 0.4rem; position: relative; padding-bottom: 0.1rem;}
.zlNews-aside .tabs a.active{ color: var(--color-blue);}
.zlNews-aside .tabs a.active:before{ content: ''; background: var(--color-blue); width: 0.95rem; height: 0.02rem; position: absolute; left: 0; bottom: 0;}
.zlNews-aside .view{ background:var(--color-blue); color: var(--color-white); width: 1.7rem; height: 0.45rem; margin-top: 6.85vw; border-radius: 0.25rem; box-shadow: 0 0 0.1rem rgba(0,0,0,.3);}

.zlNews-swith{ width: 77.25%;}
.zlNews-swith .swith-item{ display: none;}
.zlNews-swith .swith-item:first-child{ display: flex;}

.zlNews-list{ width: 48.5%;}
.zlNews-list li{ background: var(--color-white); margin-top: 0.35rem; padding:0.35rem 0.3rem;}
.zlNews-list li:first-child{ margin-top: 0;}
.zlNews-list li .date{ width: 1rem; padding-bottom: 0.45rem;}
.zlNews-list li .date:before{ content: ''; background: var(--color-gray); width: 0.4rem; height:0.01rem; position: absolute; left: 0; bottom: 0;}
.zlNews-list li .text{ width: calc(100% - 1rem);}
.zlNews-list li:hover{ background: var(--color-blue);}
.zlNews-list li:hover .date:before{ background: var(--color-white);}
.zlNews-list li:hover *{ color: var(--color-white);}

.zlNews-right{ width: 48.5%;}
.zlNews-right .zlNews-list{ width: 100%;}
.zlNews-right .graphics:before{ content: ''; background: rgba(0,0,0,.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.zlNews-right .graphics .thumb{ padding-bottom: 59.5%;}
.zlNews-right .graphics dl{ width: 100%; position: absolute; left: 0; bottom: 0.4rem; padding: 0 0.5rem; z-index: 2;}
.zlNews-right .graphics dl dt{ width: 1rem; padding-bottom: 0.45rem;}
.zlNews-right .graphics dl dt:before{ content: ''; background: var(--color-white); width: 0.4rem; height:0.01rem; position: absolute; left: 0; bottom: 0;}
.zlNews-right .graphics dl dd{ width: calc(100% - 1rem);}
.zlNews-right .graphics:hover .thumb img{ transform: scale(1.05);}


.zlFooter-topMenu{ width:60%; padding-top: 0.9rem;  }
.zlFooter-topMenu dl dd a{ display: block;}
.zlFooter-topCode{ width: 34.375%; padding: 0.9rem 0 0.65rem 0.6rem; border-left: 1px solid #e8e8e8; }
.zlFooter-topCode .code{ max-width: 1.1rem;}
.zlFooter-btm{ padding: 0.28rem 0; border-top: 1px solid #e8e8e8; }


/**资讯中心**/
.public-banner{ height:6rem; }

.public-menu{ background: var(--color-white); width: 100%; z-index: 9; box-shadow: 0 0.08rem 0.18rem rgba(181, 181, 181, .16);}
.public-menu a{ line-height: 0.8rem; margin-right: 0.6rem; position: relative; display: inline-block;}
.public-menu a:before{ content: ''; background: var(--color-blue); width:0; height: 0.03rem; position: absolute; left: 50%; bottom: 0;}
.public-menu a.active{ color: var(--color-blue);}
.public-menu a.active:before{ width: 100%; left: 0;}


.pmain{ padding: 0.6rem 0;}
.pmain-page a{ width: 0.4rem; height: 0.4rem; line-height: 0.4rem; margin: 0 0.05rem; color: var(--color-blue); box-shadow: 0 0 0.05rem rgba(0,0,0,0.1); border-radius: 50%;}
.pmain-page .nowpage { background-color: var(--color-blue); width: 0.4rem; height: 0.4rem; line-height: 0.4rem; margin: 0 0.05rem; color: var(--color-white); box-shadow: 0 0 0.05rem rgba(0,0,0,0.1); border-radius: 50%;}
.pmain-page a:hover { background-color:var(--color-blue); color: var(--color-white); }


.pnews-list li{ margin-top: 0.45rem;}
.pnews-list li:first-child{ margin-top: 0;}
.pnews-list li a{ border-radius: 0.15rem; padding: 0.3rem; box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1);}
.pnews-list li .thumb { width: 26%; padding-top: 20.5%; border-radius: 0.2rem;}
.pnews-list li .word { width: 70%; }
.pnews-list li a:hover .thumb img{ transform:scale(1.05);}



/**产品中心**/
.pproduct-list{ margin-left:-0.45rem; margin-top: -0.5rem;}
.pproduct-list li{ width: calc(33.33% - 0.45rem); margin: 0.5rem 0 0 0.45rem; }
.pproduct-list li .thumb{ height: 3rem;}
.pproduct-list li .thumb img{ max-height: 100%;}
.pproduct-list li:hover .thumb img{ transform: scale(1.05);}

.pproject-details-top .gdt-photo{ width: 38%; }
.pproject-details-top .gdt-photo img{ width: 100%;}
.pproject-details-top .gdt-info{ width: 55.55%;}
.pproject-details-desc .desc-head{ border-bottom: 2px #bfbfbf solid;}
.pproject-details-desc .desc-head a{ font-size: 0.18rem; color: var(--color-light); line-height: 0.45rem; padding: 0 0.3rem;}
.pproject-details-desc .desc-head a.active{ background: var(--color-blue); color: var(--color-white);}
.pproject-details-desc .desc-word .w-swith{ display: none;}
.pproject-details-desc .desc-word .w-swith:first-child{ display: block;}


/**联系我们**/
.pcontact-layout li .icon{ width: 1rem; height: 1rem; border: 1px #dcdcdc solid; border-radius: 50%;}
.pcontact-layout li .text{ flex: 1;}

.pmessage{ margin-top:0.75rem;}
.pmessage-thumb{ width: 57.6%;}
.pmessage-body{ width: 37%; }
.pmessage-body .bo-filed li{ margin-top: 0.2rem;}
.pmessage-body .bo-filed li .aside{ width: 46%;}
.pmessage-body .bo-filed li .inpt{ background: #eee; width: 100%; height: 0.3rem; font-size: 0.14rem; color: #aaa; padding-left: 0.1rem; margin-top: 0.1rem;}
.pmessage-body .bo-filed li .area{ background: #eee; width: 100%; height: 0.65rem; font-size: 0.14rem; color: #aaa; padding: 0.1rem; margin-top: 0.1rem; vertical-align: top;}
.pmessage-body .bo-filed li .yzm-inpt{ width: 2.4rem;}
.pmessage-body .bo-filed li .yzm-in{ height: 0.3rem;}
.pmessage-body .bo-filed li .sbtn{ background: var(--color-blue); width: 1.2rem; height: 0.3rem; display: inline-block; color: var(--color-white); font-size: 0.14rem; border-radius: 0.03rem; cursor: pointer;}


/**解决方案**/
.psolution-body{ box-shadow: 0 0 0.1rem rgba(0,0,0,.1);}
.psolution-body .word{ width: 55%; padding: 0 0.5rem;}
.psolution-body .word .t{ padding-bottom: 0.15rem;}
.psolution-body .word .t:before{ content: ''; background: var(--color-blue); width: 1.1rem; height: 0.04rem; position: absolute; left: 0; bottom: 0;}
.psolution-body .thumb{ width: 44.44%;}


/**关于我们**/
.pabout-us{ padding: 0.6rem 0;}
.pabout-us .title{ width: 47%;}
.pabout-us .word{ width: 53%; }


.pabout-story{ padding-bottom: 0.6rem;}
.pabout-story-thumb{ width: 83.33%;}
.pabout-story-text .w{ justify-content: flex-end;}
.pabout-story-text .iboxt{ background-color: var(--color-white); width: 57.63%; padding: 0.5rem 0.8rem 0.35rem 1rem; margin-top: -3.6rem; box-shadow: 0 0 0.2rem rgba(0,0,0,.1);}
.pabout-story-text .iboxt:before{ content: ''; background: url(../images/story-line.png) no-repeat; background-size: 100% 100%; width: 2.2rem; height: 0.5rem; position: absolute; right: -0.9rem; top: 0.5rem;}
.pabout-story-text .iboxt .n{ text-align: right;}


.pabout-spirit-type{ background-image: url(../images/pabout-spirit.jpg); width: 56%; height: auto; align-items: center; justify-content: flex-end;}
.pabout-spirit-type .type-box{ width: 77.7%;}
.pabout-spirit-type .list{ padding-top: 0.5rem;}
.pabout-spirit-thumb{ width: 44%;}


.pabout-honor{ background-image: url(../images/pabout-honor.jpg); padding: 0.9rem 0 1.3rem 0;}
.pabout-honor-list{ margin-top: 0.9rem;}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev{ background-color: var(--color-blue); width: 0.36rem; height: 0.36rem; color: var(--color-white); border-radius: 100%;}
.pabout-honor-list .swiper-button-next{ right: -0.6rem; }
.pabout-honor-list .swiper-button-prev{ left: -0.6rem;}