@charset "utf-8";
@import url("base.css");
/*@import url("responsive.css");*/


/**index**/
.phHead{ background: var(--color-white); width:100%; left:0; top:0; z-index:99;}
.phHead.topFix{ position: fixed; box-shadow: 0 0 0.1rem rgba(0,0,0,.15);}
.phHead-logo{ width: 4.17rem;}
.phHead-nav { display:flex; flex:2; justify-content:flex-end; }
.phHead-nav li{  position:relative; padding:0 2.08vw;}
.phHead-nav li a.far{ display:inline-block; line-height:1rem; font-size: 0.18rem;}
.phHead-nav li .subnav { background-color:var(--color-white); width:100%; padding:0.1rem 0; position:absolute; top:100%; left:0; pointer-events:none; opacity:0; transform:translateY(0.1rem); backdrop-filter:blur(5px); border-radius:0 0 0.05rem 0.05rem;}
.phHead-nav li .subnav a { display:block; font-size: 0.15rem; padding:0.1rem 0; text-align:center;}
.phHead-nav li .subnav a:hover{ background:var(--color-green); color:var(--color-white);}
.phHead-nav li:hover .subnav{ opacity:1; pointer-events:auto; transform:none; }

.phHead-search .srh-btn{ line-height:1rem; display:inline-block; cursor:pointer; margin-left:2.08vw;}
.phHead-search .srh-box{ width: 4.4rem; position:absolute; top:100%; right:0; pointer-events:none; opacity:0; transform:translateY(10px); backdrop-filter:blur(5px); box-shadow: 0 0 0.1rem rgba(0,0,0,.1);}
.phHead-search .srh-box .inpt{ background:var(--color-white); width:3.2rem; height:0.52rem; padding:0 0.15rem;}
.phHead-search .srh-box .sbtn{ background:var(--color-green); width:1.2rem; height:0.52rem; color:var(--color-white); cursor:pointer;}
.phHead-search .srh-box.active{ opacity:1; pointer-events:auto; transform:none;}


.phBanner{ width: 100%; }
.phBanner li{ width: 100% !important;}
.phBanner li img{ width: 100%;}
.phBanner .swiper-button-next, .phBanner .swiper-button-prev{  width: 0.52rem; height: 0.52rem; top: auto; margin-top: auto; bottom: 0.7rem; font-size:0.2rem; color: var(--color-white); border: 1px solid var(--color-white);}
.phBanner .swiper-button-prev{ left: 8%;}
.phBanner .swiper-button-prev:hover{ background: var(--color-green); color: var(--color-white); border-color: var(--color-green);}
.phBanner .swiper-button-next{ left: calc(8% + 0.72rem); right: auto;}
.phBanner .swiper-button-next:hover{ background: var(--color-green); color: var(--color-white); border-color: var(--color-green);}
.phBanner .scrollbar { font-family:'bahnschrift'; position: absolute; right: 8%; bottom:0.8rem; z-index: 10; color: var(--color-white); }


.phAbout{ background: url(../images/phAbout-en.png) no-repeat top center; background-size: 100% auto; padding: 0.9rem 0 0 0;}
.phAbout .w{ background: url(../images/phAbout-logo.png) no-repeat 1rem bottom; background-size: 40% auto; padding-bottom: 0.6rem;}
.phAbout-word{ width: 42.5%; padding-left: 10%;}
.phAbout-word .m{ background: var(--color-green); width: 1.6rem; height: 0.5rem; color: var(--color-white);}
.phAbout-word .m:hover .iconfont{ margin-left: 0.2rem;}
.phAbout-thumb{ width: calc(50% + 1.6rem); margin-right: -1.6rem;}
.phAbout-thumb img{ width: 100%;}


.phCase .w{ justify-content: space-between; flex-wrap: wrap;}
.phCase-cont{ width:80%;}
.phCase-title{ position: absolute; top:0.7rem; left: 52.7%; padding-left: 0.45rem;}
.phCase-list .thumb{ width: 52.7%; padding-top: 39%;}
.phCase-list  .word{ width: 47.3%; padding: 0 0.45rem; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--color-green);}
.phCase-list a:hover .thumb img{ transform: scale(1.05);}
.phCase-list .swiper-button-next, .phCase-list .swiper-button-prev{  width: 0.52rem; height: 0.52rem; top: auto; margin-top: auto; bottom: 0.58rem; font-size:0.2rem; color: var(--color-green); border: 1px solid var(--color-green);}
.phCase-list .swiper-button-prev{ left: auto; right: 1.25rem;}
.phCase-list .swiper-button-prev:hover{ background: var(--color-green); color: var(--color-white); border-color: var(--color-green);}
.phCase-list .swiper-button-next{ right: 0.45rem;}
.phCase-list .swiper-button-next:hover{ background: var(--color-green); color: var(--color-white); border-color: var(--color-green);}
.phCase-list .ca-scrollbar { font-family:'bahnschrift'; position: absolute; left:52.7%; padding-left: 0.45rem; bottom:0.7rem; z-index: 10; }

.phCase-under{ background: #f6f6f6; width: 18%; padding: 0.18rem ;}
.phCase-under .un-list{ padding-top: 0.1rem;}
.phCase-under .un-list a{background: var(--color-white); height:0.77rem; margin-top:0.08rem;}
.phCase-under .un-list a img{ max-height:100%;}

.phNews{ padding-bottom: 0.85rem; margin-top: 0.6rem;}
.phNews:before{ content: ''; background: #f6f6f6; width: 82%; height: 4.1rem; position: absolute; left: 0; top: 0;}
.phNews-head{ padding: 0.55rem 0 0.55rem 17%; position: relative; z-index: 2; align-items: center;}
.phNews-list{ padding: 0 9% 0 18%;}
.phNews-list li{ padding: 0 0.15rem;}
.phNews-list li .thumb{ padding-top: 69.7%;}
.phNews-list li:hover .thumb img{ transform: scale(1.05);}
.phNews-list .swiper-button-next, .phNews-list .swiper-button-prev{ width: auto; height: auto; top: 0.6rem; margin-top: auto;}
.phNews-list .swiper-button-prev{ left: 75%;}
.phNews-list .swiper-button-next{ left: 78%; right: auto;}


.phCooperate .w{ background:url(../images/phCooperate-bg.jpg) no-repeat right center; background-size: 65% auto; padding: 1.1rem 0 0.9rem 0;}
.phCooperate-text{ max-width: 51%; padding-left: 1.7rem;}
.phCooperate-text .cn{ padding-bottom: 0.1rem;}
.phCooperate-text .cn:before{ content: '';  background: var(--color-green); width: 0.28rem; height: 0.04rem; position: absolute; left: 0; bottom: 0; border-radius: 0.02rem;}
.phCooperate-text .view{ background: var(--color-green); width: 1.6rem; height: 0.5rem; color: var(--color-white);}
.phCooperate-text .view:hover .iconfont{ margin-left: 0.2rem;}


.phFooter{ background:#26292d;}
.phFooter-middle{ padding:0.6rem 0 0.45rem 0; align-items: flex-start; border-bottom:1px solid rgba(255,255,255,.3);}
.phFooter-middle dl dd{ padding-top: 0.1rem;}
.phFooter-middle dl dd a{ display:block; color:rgba(255,255,255,.7); margin-top:0.15rem;}
.phFooter-middle dl dd a:hover{ color:var(--color-white);}
.phFooter-middle .code{  padding:0.2rem 0.25rem; border:1px solid rgba(255,255,255,.2);}
.phFooter-middle .code img{ width:1.48rem;}
.phFooter-contact{ padding:0.1rem 0; border-bottom:1px solid rgba(255,255,255,.3);}
.phFooter-contact li .iconfont{ width:0.44rem; height:0.44rem; font-size:0.2rem; border:1px solid rgba(108,177,22,.5);}
.phFooter-copy{ padding:0.2rem 0;}



/**工程案例**/
.pbanner{ height: 5rem;}
.pbanner-text { width: 100%; height: 100%; flex-direction: column; text-transform: uppercase; }
.pbanner-text .li{background: var(--color-white); width: 1px; height: 0.6rem;  }
.pbanner-text .li:before{ content: ''; background: var(--color-white); width: 3px; height:0.15rem; position: absolute; left: -1px; top: 0;}


.pmain{ padding: 0.55rem 0;}
.pmain-page a{ margin: 0 0.15rem;}
.pmain-page .nowpage { margin: 0 0.15rem; color: var(--color-green);}
.pmain-page a:hover {color: var(--color-green); }

.pmenu-title{ background: var(--color-green); width: 1.9rem; padding-left: 0.2rem; text-transform: uppercase; display: flex; flex-direction:column; justify-content: center;}
.pmenu-title:before{ content: ''; background:var(--color-green); width: 100%; height: 0.7rem; position: absolute; bottom: 100%; left: 0;}
.pmenu-title:after{ content: ''; background: var(--color-white); width: 0.2rem; height: 0.04rem; position: absolute; left: 0.2rem; top: -0.26rem;}

.pmenu-layout{ background: #edf5e4; width: calc(100% - 1.9rem);}
.pmenu-layout a{ flex:1; text-align: center; line-height: 0.7rem;}
.pmenu-layout a.active, .pmenu-layout a:hover{ background: #a0cd68; color: var(--color-white);}


.pcase-list{ margin-left: -0.65rem; margin-top: -0.55rem;}
.pcase-list .li{ width: calc(33.33% - 0.65rem); margin: 0.55rem 0 0 0.65rem;}
.pcase-list .li .thumb{ padding-top: 67.3%;}
.pcase-list .li .cover{ background: rgba(108,177,22,.7); width: 100%; height: 100%; position: absolute; left: 0; top: 0; flex-direction: column; opacity: 0;}
.pcase-list .li .cover .t{ transform: translateY(-0.2rem); opacity: 0;}
.pcase-list .li .cover .i{ transform: translateY(0.2rem); opacity: 0;}
.pcase-list .li:hover .cover{ opacity: 1;}
.pcase-list .li:hover .cover > *{ transform: translateY(0); opacity: 1;}
.pcase-list .li:hover .thumb img{ transform: scale(1.05);}


.punder-list{ margin-left: -0.35rem; margin-top: -0.35rem;}
.punder-list li{ width: calc(20% - 0.35rem); margin: 0.35rem 0 0 0.35rem;}
.punder-list li .thumb{ background: var(--color-white);  height: 1.2rem;  border:1px #f2f2f2 solid;}
.punder-list li .thumb img{ max-height:100%;}
.punder-list li:hover .thumb img{ transform: scale(1.05);}


/**新闻中心**/
.pnews-stories{ background:var(--color-white); margin-top: 0.25rem;}
.pnews-stories li .thumb{ width: 50%; padding-top: 28%;}
.pnews-stories li .word{ width: 50%; padding:0.8rem 0.8rem 0 0.8rem;}
.pnews-stories li:hover .thumb img{ transform: scale(1.05);}
.pnews-stories .swiper-pagination{ left:calc(50% + 0.75rem) !important;  bottom: 0.4rem !important; width: auto !important;}
.pnews-stories .swiper-pagination-bullet{ background:var(--color-white); width: 0.06rem; height: 0.06rem; opacity: 1; margin: 0 0.08rem 0 0 !important; }
.pnews-stories .swiper-pagination-bullet-active{ width: 0.18rem; border-radius: 0.03rem;}
.pnews-stories .swiper-button-next, .pnews-stories .swiper-button-prev{ width: 0.52rem; height: 0.52rem; font-size: 0.24rem; color: var(--color-green); border: 1px solid var(--color-green); top: auto; margin-top: auto; bottom: 0.75rem; opacity: 0;}
.pnews-stories .swiper-button-prev{ left: 0.8rem;}
.pnews-stories .swiper-button-prev:hover{ background: var(--color-green); color: var(--color-white);}
.pnews-stories .swiper-button-next{ right: auto; left: 1.5rem;}
.pnews-stories .swiper-button-next:hover{ background: var(--color-green); color: var(--color-white);}
.pnews-stories:hover .swiper-button-next, .pnews-stories:hover .swiper-button-prev{ opacity: 1;}


.pnews-list li{ margin-top:0.6rem;}
.pnews-list li .tex-time{  width:9%; font-family:'bahnschrift';}
.pnews-list li .tex-box{ background: var(--color-white); padding:0.35rem 8.7% 0.35rem 0; width:77.5%; }
.pnews-list li .tex-box .thumb{ width:37%; padding-top: 22.5%; margin-left:-18%; }
.pnews-list li .tex-box .word{  width:81%; padding-left: 0.6rem; }
.pnews-list li:hover .tex-box{  box-shadow: 0 0 0.2rem rgba(29, 56, 75, .26); }
.pnews-list li:hover .tex-box .thumb{  margin-left:-23.376%; }


.pnews-details-head{ padding-bottom: 0.3rem; border-bottom: 1px #e5e5e5 solid;}
.pnews-details-head .info span { margin:0 0.1rem; }
.pnews-details-page a { background: #e6e6e6; width: 40%; padding: 0 0.5rem; line-height: 0.6rem; color:var(--color-gray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pnews-details-page a:hover{ background: var(--color-green); color: var(--color-white);}


/**产品中心**/
.pproduct-search{ width: 51%; margin: auto; padding: 0.03rem; border: 1px #e6e6e6 solid; border-radius: 0.3rem;}
.pproduct-search .inpt{ width: 100%; height: 0.52rem; padding: 0.15rem;}
.pproduct-search .sbtn{ background: var(--color-green); width: 1.6rem; height: 0.52rem; color: var(--color-white); position: absolute; right: 0.03rem; top: 0.03rem; border-radius: 0.3rem; cursor: pointer;}

.pproduct-warp{ align-items: flex-start;}
.pproduct-aside{ width: 16.25%;}
.pproduct-aside li{  background: var(--color-white); margin-bottom: 0.22rem; border: 1px #e6e6e6 solid;}
.pproduct-aside li .tit{ padding:0.18rem 0.3rem 0.18rem 0.35rem; cursor: pointer;}
.pproduct-aside li .tit.on .iconfont{ transform: rotate(90deg);}
.pproduct-aside li .two { display: none; border-top: 1px #e6e6e6 solid;}
.pproduct-aside li .two a{ display:block;  padding:0.1rem 0 0.1rem 0.35rem; font-size: 0.14rem; color: var(--color-gray); border-bottom: 1px #e6e6e6 solid;}
.pproduct-aside li .two a:last-child{ border-bottom: 0;}
.pproduct-aside li .two a.active{ color: var(--color-green);}

.pproduct-layout{ width: 80.6%;}
.pproduct-layout .lay-wt{ padding-bottom: 0.2rem; border-bottom: 1px #e6e6e6 solid;}
.pproduct-layout .lay-wf{ max-width: 3rem; align-items: center; border: 1px solid var(--color-green); padding:0.03rem; border-radius: 0.24rem;}
.pproduct-layout .lay-wf .zx{ background: var(--color-green); line-height: 0.4rem; padding: 0 0.15rem 0 0.2rem; border-radius: 0.2rem;}


.pproduct-list li{ margin-top: 0.3rem;}
.pproduct-list li:first-child{ margin-top: 0;}
.pproduct-list li a{ background:#f0f0f0; }
.pproduct-list li .thumb{ width: 28%;}
.pproduct-list li .word{ width: 72%; padding: 0 0.45rem;}
.pproduct-list li .word .m{ background:var(--color-white); width: 1.8rem; padding: 0.04rem; align-items: center; border-radius: 0.5rem;}
.pproduct-list li .word .m .iconfont{ background: #f0f0f0; width: 0.4rem; height: 0.4rem; color: #808080; border-radius: 0.2rem;}
.pproduct-list li:hover .thumb img{ transform: scale(1.05);}
.pproduct-list li:hover .word .m{ background: var(--color-green); color: var(--color-white);}


.pproduct-details{ padding: 0.4rem 0; align-items:  flex-start;}
.pproduct-details .thumb{ width: 32%;}
.pproduct-details .word{ width: 68%; padding:0.25rem 0 0 0.75rem;}
.pproduct-details .word .wt{ padding-bottom: 0.2rem; border-bottom: 1px #e6e6e6 solid;}
.pproduct-details .word .wf{ max-width: 3rem; align-items: center; border: 1px solid var(--color-green); padding:0.03rem; border-radius: 0.24rem;}
.pproduct-details .word .wf .zx{ background: var(--color-green); line-height: 0.4rem; padding: 0 0.15rem 0 0.2rem; border-radius: 0.2rem;}

.pproduct-related{ padding: 0.55rem 0 0.8rem 0; text-transform: uppercase;}
.pproduct-related-head .cn{ background: url(../images/line.png) no-repeat bottom center; padding-bottom: 0.15rem;}
.pproduct-related-list{ margin-top: 0.4rem; margin-left: -0.65rem;}
.pproduct-related-list li{ width: calc(25% - 0.65rem); margin-left: 0.65rem;}
.pproduct-related-list li .thumb{ padding-top: 77%;}
.pproduct-related-list li:hover .thumb img{ transform: scale(1.05);}


/**关于我们**/
.pabout-us{ align-items: flex-start;}
.pabout-us-title{ width: 20%; text-transform: uppercase; }
.pabout-us-title .en{ font-family:'YouSheBiaoTiHei'; font-size: 0.55rem; color: #f0f0f0; line-height: 1; letter-spacing: -2px; position: absolute; left: 0; top: 0.1rem; z-index: -1;}
.pabout-us-title .ti{ background:url(../images/dou.png) no-repeat left top; background-size: 0.3rem auto; padding-top: 0.7rem; margin-top: 1.5rem;}
.pabout-us-layout{ width: 76%;}


.pabout-culture{ background:url(../images/pabout-culture.jpg) no-repeat bottom center; padding: 0.75rem 0 1.7rem 0;}
.pabout-culture .w{align-items: flex-start;}
.pabout-culture .word{ background: var(--color-white); width: 53%; min-height: 4.8rem; padding: 0.9rem 1rem 0 0.65rem; z-index: 2; margin-right: -6%; box-shadow: 0 0 0.22rem rgba(108,177,22,.21);}
.pabout-culture .thumb{ width: 53%; margin-top: 0.9rem;}


.pabout-business{ background:url(../images/pabout-business.jpg) no-repeat bottom right; background-size: 42% auto;}
.pabout-business-list li{ padding: 0.5rem 0; align-items: flex-start;}
.pabout-business-list li .thumb{ width: 44%;}
.pabout-business-list li .thumb img{ width: 100%;}
.pabout-business-list li .word{ width: 52%;}
.pabout-business-list li:nth-child(2n+1){ flex-direction: row-reverse; }


.pabout-honor{ padding: 0.3rem 0;}
.pabout-honor-head .en{ text-transform: uppercase;}
.pabout-honor-head .cn{ background: url(../images/line.png) no-repeat bottom center; padding-bottom: 0.1rem;}

.pabout-honor-list{  padding: 0 1.3rem;}
.pabout-honor-list li{ padding: 0 0.25rem;}
.pabout-honor-list li .thumb{ height: 3.4rem;}
.pabout-honor-list li .thumb img{ max-height: 100%;}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev{ background: var(--color-white); width: 0.86rem; height: 0.86rem; font-size: 0.24rem; color: var(--color-green); margin-top: -0.43rem; border-radius: 50%; box-shadow: 0 0 0.26rem rgba(0,0,0,.09);}
.pabout-honor-list .swiper-button-next:hover{ background: var(--color-green); color: var(--color-white);}
.pabout-honor-list .swiper-button-prev:hover{ background: var(--color-green); color: var(--color-white);}


/**联系我们**/
.pcontact-layout{ background-image: url(../images/pcontact-bg.jpg); padding: 0.5rem 0;}
.pcontact-layout li{ width: 33.33%; padding: 0.15rem 0 0.15rem 0.4rem; border-left: 1px solid var(--color-white);}
.pcontact-map{ height: 5rem;}

.pmessage{ padding: 0.8rem 0;}
.pmessage-filed li .aside{  width:31.25%;  padding:0 0.3rem; border:2px #f0f0f0 solid;}
.pmessage-filed li .inpt{  flex:1; color:#b1b2b2; height:0.56rem; line-height:0.26rem; padding: 0.15rem 0;}
.pmessage-filed li .inpt.area{ height:2.35rem; resize:none;}
.pmessage-filed li .yzm-inpt{ width:1.8rem; height:0.6rem; padding: 0.15rem 0; text-align: center; border:2px #f0f0f0 solid;}
.pmessage-filed li .yzm-img{ height:0.6rem; margin:0 0.2rem;}
.pmessage-filed li .yzm-btn{ background:var(--color-green); width:1.8rem; height:0.6rem; color:var(--color-white); cursor:pointer; }


/**关键词搜索**/
.ppublic-list li  { padding: 0.35rem 0; border-bottom: 1px #f5f5f5 solid; }

/**案例弹窗**/
.pcase-details-marsk{ background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 998; display: none;}
.pcase-details-window{ width:10rem; height:7.5rem; position: fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 999; display: none;}
.pcase-details-window .win-close{ background: var(--color-green); color: var(--color-white); width: 0.4rem; height: 0.4rem; display: flex; align-items: center; justify-content: center; font-size: 0.18rem; position: absolute; right:-0.2rem; top: -0.2rem; z-index: 2; border-radius: 50%;}
.pcase-details-window .win-thumb{ width: 100%; height: 100%; overflow:hidden; position: relative;}
.pcase-details-window .win-thumb li{ position: relative;     display: flex;  align-items: center; justify-content: center;}
.pcase-details-window .win-thumb li img{ max-height: 100%; }
.pcase-details-window .win-thumb .swiper-button-next, .pcase-details-window .win-thumb .swiper-button-prev{ background: var(--color-green); width: 0.58rem; height: 0.58rem; color:var(--color-white); top: 40%; display: flex; align-items: center; justify-content: center; transition: var(--transition); display:none;}
.pcase-details-window .win-thumb .swiper-button-next{ right: 0;}
.pcase-details-window .win-thumb .swiper-button-prev{ left: 0;}
.pcase-details-window .win-thumb:hover .swiper-button-next{ display:flex;}
.pcase-details-window .win-thumb:hover .swiper-button-prev{ display:flex;}
.pcase-details-window .win-desc{ background: rgba(0,0,0,.7); width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; color:var(--color-white); padding: 0.15rem 0.2rem; line-height: 0.3rem; text-align: center;}
.pcase-details-window .win-desc .dt{ font-size: 0.18rem; font-weight: bold;}



/**菜单**/
.Mobile-button{ background:var(--color-green); width:50px; height:100%; position:absolute; top:0; right:0; justify-content:center; align-items: center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-white); width:26px; height:2px; transition:var(--transition);}
.Mobile-button .solid2{ margin:8px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}

.Mobile-menu{ background:var(--color-green); width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:65px 3% 0 3%; transition:var(--transition);}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ position:relative; border-bottom:1px solid rgba(255,255,255,.2);}
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:space-between; padding:15px 0;}
.Mobile-menu li .lit a{ font-size:16px; color: var(--color-white); font-weight:bold; position:relative; padding-bottom:10px;}
.Mobile-menu li .lit a::before{ content: ""; background:var(--color-white); width:25px; height:2px; position:absolute; left:0; bottom:0;}
.Mobile-menu li .lit a::after { content:""; background:var(--color-white);  position:absolute; width:10px; height:2px; left:30px; bottom:0; }
.Mobile-menu li .lit .arrow{ font-size:15px; transform:rotate(-45deg);  color: var(--color-white); transition:all 0.4s ease; }
.Mobile-menu li .lic{ display:none; padding-left:10px;}
.Mobile-menu li .lic li:last-child{ border-bottom:0;}
.Mobile-menu li .lic li a{ font-size:16px; font-weight:500; display:block; padding:12px 0; color: #fff;}
.Mobile-menu li .lit.on  .arrow{ transform:none;}