body{font-size: 16px; overflow-x: hidden;} 
.inner{ width:1600px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1600px)/2);}
.pr-inner{ padding-right: calc((100vw - 1600px)/2);}
.ml-inner{ margin-left: calc((100vw - 1600px)/2);}
.mr-inner{ margin-right: calc((100vw - 1600px)/2);}

.zwHeader{ height: 100px;}
.zw{ margin-top: -100px; padding-top: 100px;}

.h-50{ height: 50px;}.w-50{ width: 50px;}
.h-60{ height: 60px;}.w-60{ width: 60px;}
.w-70{ width: 70px;} .h-70{ height: 70px;}

header{  background: #fff;position: fixed; z-index: 100;
    width: 100%;
    left: 0;
    top: 0; }
header .con{   }
header .con::after{ display: block; content: ''; width: 10%; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) }
.logoIcon{ height: 66px;}
.logoBox{ border-bottom-right-radius: 2vw;}
.oneNav{ line-height:100px; white-space: nowrap; display: block; padding: 0  1.3vw; font-size: 18px;  }
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:var(--color); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li.on .oneNav span ,nav li:hover .oneNav span { color: var(--color);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--color)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 
.h_nav{ height: 60px; width: 60px; background-color:var(--color); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.nav{ color: #fff !important; padding-bottom: 60px; width: 100%; height:  130vh ; transition:all .6s ; transform: translateX(100%); background-color: var(--color); position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #77d5ae; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #0b4f33; width: 1px; }


.idxBanImg{ width: 100%; max-height:100vh; min-height: 360px; object-fit: cover;}
.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.25) }
.idxBan .text{ position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.idxBanTextUl{ display: grid; grid-gap:18px 2px; grid-template-columns: repeat(3,1fr);}
.idxBanTextUl li {min-width:0}
.idxBanTextUl img{ height: 1.2em;}
.idxBan .button{ position: absolute; bottom: 5%; z-index: 10; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.idxBan .next,.idxBan .prev{ width: 70px; height: 60px;-webkit-clip-path: polygon(100% 0,95% 100%,0 100%, 5% 0)}
.idxBan .next:hover,.idxBan .prev:hover{ transform: translateY(-5px); background: var(--color); color: #fff; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.idxBan .pagination{ position: absolute; left: 0 ; bottom: 20px; z-index: 10;}
.idxBan .pagination .swiper-pagination-bullet{  background: #fff; opacity: 1;}
.idxBan .pagination .swiper-pagination-bullet-active{ background: var(--color);}

.idxAboutMore .round{ margin-left: -10px; transform:rotate(-45deg)  ; -webkit-transform:rotate(-45deg)  ; -moz-transform:rotate(-45deg)  ; -ms-transform:rotate(-45deg)  ; -o-transform:rotate(-45deg)  ; }
.idxAboutMore:hover{ color: var(--color);}
.idxAboutMore:hover .text{ letter-spacing: 2px;}
.idxAboutMore:hover .round{ transform: rotate(0)  ; -webkit-transform: rotate(0)  ; -moz-transform: rotate(0)  ; -ms-transform: rotate(0)  ; -o-transform: rotate(0)  ; }

 .idxAboutNum{ border-top-right-radius: 5vw;}
.idxAbout .bottom::after{ display: block; content: ''; width: 50%; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) }
.idxAboutNum li{ padding-right:7.5vw ; }
.idxAboutNum li:last-child{ background: #0aa443; padding-left: 7.5vw ;}
.idxAboutImg{ position: absolute; width: 42vw; right: 0;  top: 0; height: 100%; object-fit: cover; border-top-left-radius: 5vw;}

.idxOurUl{ display: grid; grid-gap: 3vw; grid-template-columns: repeat(4,1fr);}
.idxOurUl li{ min-width:0 }
.idxOurUl li:nth-child(2n){ margin-top: 0;}
.idxOurUl li .top{ transform: translateY(15px); opacity: 0;}
.idxOurUl li::after{ display: block; content: ''; border-radius: 15px; width: 100%; height: 100%; position: absolute; left: 0; top:0; transition: all .36s; background:var(--color) }
.idxOurUl li .con{background-image: linear-gradient(to bottom,#fff,#eaecf2);}
.idxOurUl li .tit p:first-child{ color: var(--color);}
.idxOurUl li .line{ width: 2em; height: 4px;}
.idxOurUl li .desc{ height: 13em;}
.idxOurUl li.on { transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }
.idxOurUl li.on .top{ transform: translateY(0); opacity: 1;}
.idxOurUl li.on .tit{ color: var(--color);}
.idxOurUl li.on .line{ width: 100%;}
.idxOurUl li.on::after{   left: -1vw; top: 1vw;   }

.imgHeight{ height: 1em; }
.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center  / cover;}

.idxMore{ padding: 5px;}
.idxMore::after{ display: block; content: ''; position: absolute; width: 50px; height: 50px; border-radius: 40px; top: 5px; right: 5px; background: var(--color); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.idxMore .round{ width: 50px; height: 50px;}
.idxMore:hover{ color: #fff;}
.idxMore:hover::after{ width: 100%; right: 0; top: 0; height: 100%;}

.idxProlist{ display: grid; grid-gap: 2.3vw; grid-template-columns: repeat(3,1fr);}
.idxProlist li{ min-width:0 }
.idxProlist li .img{ width: 100%; height: 0; padding-bottom:70% ;}
.idxProlist li .round::after{ display: block; content: ''; width: 100%; border-radius: 50%; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) ; transition: all .36s; transform: scale(0); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxProlist li:hover .round::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.idxProlist li:hover .round{ color: #fff;}

.idxSmall{ background: url(../images/idxSmallBg.jpg) no-repeat center center  / cover; background-attachment: fixed;}
.idxSmall::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.4) }

.idxCaseUl a::after{ display: block; content: ''; width: 0; transition: all .36s; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxCaseUl a:hover::after,.idxCaseUl a.on::after{ width: 100%;}
.idxCaseUl a:hover,.idxCaseUl a.on{ color: #fff;}

 

/* .idxCase .slide-c { width: 100%;overflow: hidden;position: relative;} */
.idxCase .slide-c .swiper-slide{ height: auto; flex-shrink: 0 !important; transform:  ; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
.idxCase .slide-c .swiper-slide  {width: 14vw;}
.idxCase .slide-c .swiper-slide.swiper-slide-active { width: 39vw;}
.idxCase .slide-c .swiper-slide .two{ transform: translateX(-50%); opacity: 0; background: rgba(10,124,52,.45); position: absolute; left: 0; top: 0; bottom: 0; z-index: 10   ; backdrop-filter: blur(10px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.idxCase .slide-c .swiper-slide .two .text{ transform: translateY(2vw); opacity: 0; -webkit-transform: translateY(2vw); -moz-transform: translateY(2vw); -ms-transform: translateY(2vw); -o-transform: translateY(2vw); }
.idxCaseImg{ width: 100%; height: 9.5vw; object-fit: contain; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxCaseImgbot{ position: absolute; right: 0; bottom: 0; width: 100%; height: 9.5vw;}
.idxCase .slide-c .swiper-slide.swiper-slide-active .idxCaseImgbot{ position: absolute;  width: 100%; height: 100%; margin: 0;}
.idxCase .slide-c .swiper-slide.swiper-slide-active .two{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.idxCase .slide-c .swiper-slide.swiper-slide-active .two .text{ transform: translateY(0); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

.swiTabCon  .slide-c{ margin-left: - calc((100vw - 1600px)/2);}
 
 
.idxCaseLine .button{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.idxCaseLine .pagination{ position: relative;  left: auto; bottom: auto; width: 100%; height: 100%;background: #ebecec; height: 3px;}

.idxJect::after{ display: block; content: ''; width: 100%; height: 75%; position: absolute; left: 0; top: 0; background:url(../images/idxJectBg.jpg) no-repeat center center / cover; background-attachment: fixed; }

.idxJectUl li:last-child{ border: none;}
.idxJectUl li::after{ display: block; content: ''; width: 100%; height: 0; position: absolute; left: 0; top: 0; background:var(--color) ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxJectUl li .round{ width: 80px; height: 80px;}
.idxJectUl li .round img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.idxJectUl li .button{ background: rgba(255, 255, 255, 0.4); transform: translateY(5vw); opacity: 0; -webkit-transform: translateY(5vw); -moz-transform: translateY(5vw); -ms-transform: translateY(5vw); -o-transform: translateY(5vw); }
/* .imgHeight{ height: 1.2em;} */
.idxJectUl li.on::after{ height: 100%;}
.idxJectUl li.on{ color:#fff;}
.idxJectUl li.on .button{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.idxJectUl li.on .round{ background: #fff;}
.idxJectUl li.on .round img{ filter: none; -webkit-filter: none; }

.idxCooSwiper{ height: 220px;}
.idxCooSwiper .swiper-slide{ height: calc((100% - 20px)/2);  }
.idxCoo .swiper-pagination-bullet{ border-radius: 4px; margin: 0 3px; transition: all .36s; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxCoo .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px;}

.idxNews .idxMore::after{ background: #fff;}
.idxNews  .idxMore:hover{ color: var(--color);}


.idxNewsItems .img .posi{ padding-bottom: 58%;}
.idxNewsItems .round{ width: 25px; height: 25px;}
.idxNewsItems .round .iconfont{ font-size: 30px; position: absolute; top: 50% ; transform:translateY(-50%) ; right: 45%; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.idxNewsItems:hover .round .iconfont{ right: -20px;}
.idxNewsItems:hover .img img{ transform: scale(1.1) ; -webkit-transform: scale(1.1) ; -moz-transform: scale(1.1) ; -ms-transform: scale(1.1) ; -o-transform: scale(1.1) ; }
.idxNewsItems .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
.idxNewsItems:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}


.footTop{ background: #1c2029;}
.footTop a:hover{ color: #fff;}
.footTop dl::after{ display: block; content: ''; width: 2px; height: 50px; position: absolute; left: -1px; top: 0; background:var(--color) }
.footTop dl:last-child::before{display: block; content: ''; width: 2px; height: 50px; position: absolute; right: -1px; top: 0; background:var(--color)}
.ewmImg{ width: 115px;}
.footCenter{ background-image: linear-gradient(to bottom,#1c2029,#1c2029 50%,#f5f5f5 51%,#f5f5f5);}
 
.bg-eb{ background: #ebebeb;}
.radius80{ border-radius: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; }
.footContact .on{ background: var(--color); color: #fff;}
.footContact .on .h-60{ background: #fff; color: var(--color);}
/* .footCenter::after{ display: block; content: ''; width: 100%; height: 1vw; position: absolute; left: 0; top: 50%; background:#fff; margin-top: -.5vw; } */

.neiBanImg{ object-fit: cover; width: 100%; max-height: calc(100vh - 100px); min-height: 225px;}
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.25) }
.neiBan .inner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.birefImg{ position: absolute; left: 0; right: 0; bottom: 0;}
.biref .hexin  {display: grid; grid-gap: 2vw; grid-template-columns: repeat(2,1fr); background-image: linear-gradient(135deg,#0a7c34,#07bd4a) ;}
.biref .bottom{ margin-top: 19vw;}
.biref .bottom::after{ display: block; content: ''; width: 50%; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) }

.Culture{ background: url(../images/CultureBg.png) no-repeat center center / cover;}
.cultureUl{ gap: 1.56vw;}
.cultureUl li{ flex: 1; background: #f6f6f6;}
.cultureUl li .cultureIcon{ filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.cultureUl li::after{ transition: all .36s; transform: translateX(-10vw) translateY(-10vw); opacity: 0; display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-image: linear-gradient(135deg,rgba(10,124,52,1),transparent) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: translateX(-10vw) translateY(-10vw); -moz-transform: translateX(-10vw) translateY(-10vw); -ms-transform: translateX(-10vw) translateY(-10vw); -o-transform: translateX(-10vw) translateY(-10vw); } 
.cultureUl li.on::after{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.cultureUl li.on{ color: #fff;}
.cultureUl li.on .cultureIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }

.Process{ background: url(../images/ProcessBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.Process::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3) }

.ProcessUl::after{ display: block; content: ''; width: 100%; height:1px; position: absolute; left: 0; top: 50%; background:rgba(255,255,255,.5) } 
.ProcessUl li{ width: 14vw; margin-left: -1vw;}
.ProcessUl li:first-child{ margin-left: 0;}
.ProcessUl .text{ height: 130px;}
.ProcessUl li:nth-child(2n){ flex-direction: column-reverse;}
.ProcessIcon{filter: grayscale(100%) brightness(500%);}
.ProcessUl li:hover .ProcessIcon{ filter: none; -webkit-filter: none; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.equipmentSwiper .img{ width: 100%; height: 0; padding-bottom: 60%;}
.equipmentSwiper .swiper-slide{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.equipmentSwiper .swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.equipmentSwiper .swiper-slide-active .text{ opacity: 1;}
.equipment .prev,.equipment .next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.equipment .prev{ left: 20%;}
.equipment .next{ right: 20%;}
.equipment .next:hover,.equipment .prev:hover{ background: var(--color); color: #fff;}

.mypagination  .swiper-pagination-bullet{ width: 6px; height: 6px; margin:  0 2px;}

.proLeft{ width: 300px;}
.proRight{ width: calc(100% - 300px);}

.proTitle{ background: url(../images/proTitleBg.jpg) no-repeat center center / cover; }

.proClassUl .icon-arrow-right-bold{ font-size: 1em;}
.proClassUl li .bottom{ padding-top: 35px; margin-top: -30px; display: none;}
.proClassUl li .bottom .on{ color: var(--color);}
.proClassUl li.on .top{ background: var(--color); color: #fff;}
.proClassUl li.on .top .icon-arrow-right-bold::before{content: "\e689";}

.wapProTitle.on .icon-arrow-double-right{ transform:rotate(90deg) ; -webkit-transform:rotate(90deg) ; -moz-transform:rotate(90deg) ; -ms-transform:rotate(90deg) ; -o-transform:rotate(90deg) ; } 

.w26{ width: 26%;}.w74{ width: 74%;}

.proinfoImg{ width: 100%; height: 0; padding-bottom: 72.2%;}
.infoTabTit li.on{ background: var(--color); color: #fff;}
.infoTabTit li:last-child{ border-right: none;}
.caseinfoImg .videopaly{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.videopaly{
	z-index: 20;
	width: 80px;
	cursor: pointer;
	background: var(--color);
	border-radius: 50%;
	height: 80px;
	box-shadow: 0 0 rgba(10,124,52, 0.1),0 0 0 15px rgba(10,124,52, 0.1),0 0 0 30px rgba(10,124,52, 0.1);
	animation: ripple-wave 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-animation: ripple-wave 1s linear infinite;
}

.coreUl{ background: url(../images/coreUlBg.jpg) no-repeat center bottom / 100% auto;}
.coreUl li:nth-child(2n){ border-right: none;}
.proinfoSmall{ background: url(../images/proinfoSmallBg.jpg) no-repeat center center / cover;}

.caselist li .pic{ width: 100%; height: 0; padding-bottom: 70.2%;}
.caselist li .pic::before{ width: 10px; height: 50%; position: absolute; top: 25%; right: -9px; background: var(--color); display: block; content: ''; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.caselist li .pic::after{ width: 10px; height: 0; transition: all .36s; position: absolute; z-index: 5; top: 25%; right: -9px; background: #fff; display: block; content: ''; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.caselist li:first-child{ margin-top: 0;}
.caselist li::after{ display: block; content: ''; width: 60%; opacity: 0; transition:all .36s ; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; } 
.caselist li:hover::after{ width: 100%; opacity: 1;}
.caselist li:hover{ color: #fff;}
.caselist li:hover .pic::after{ height: 50%;}

.w43{  width: 43%;}
.birefMore img{animation: yuan 10s infinite linear;
  -webkit-animation: yuan 10s infinite linear;}
.birefMore .posi-a{ width: 70%; height: 70%; left: 15%; top: 15%;}
 
.purposeUl li .bottom{  display: none;}
.purposeUl li.on .top .tit{ font-size: 1.3em;}
.purposeUl li.on .top{ color: var(--color);  }
.purposeUl li.on .top .icon-arrow-right-bold{ opacity: 1;}
.purposeUl li.on .top .icon-arrow-right-bold:before { content: "\e689"; }

/* .purposeTit{ position: sticky; left: 0; top: 100px;} */

.servicescroll {
  display: flex;
  animation: move 30s linear infinite;
  -webkit-animation: move 30s linear infinite;
}
.servicescroll img{ width: 100vw;}
 
@keyframes move {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-1200px);
  }

}

 
.newslist{ display: grid; grid-gap: 2vw; grid-template-columns: repeat(3,1fr);}
.newslist li {min-width:0}
.newslist li .round{ border-color: #333;}
.newslist li:hover .more{ color: var(--color);}
.newslist li:hover .round{ border-color: var(--color);}


.newsLeft{ width: 65%;}
.newsRight{ width: 31%;}
.newsRight .tit::after{ height: 1em; width: 6px; background: var(--color); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newsRightUl{ position: sticky; right: 0; top: 15px;}
.newsRightUl a .img{ width: 185px; height: 115px;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 204px);}
.newsRightUl a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


.contactType{ background: url(../images/contactTypeBg.jpg) no-repeat center center / cover;}

.contactTypeUl{ gap: 2.6vw;}
.contactTypeUl li{ flex: 1;}


.mapBox{ width: 100%; height: 85vh;

  -webkit-clip-path: polygon(100% 0,100% 100%, 0 calc(100% - 7vw), 0 0);
  margin-bottom: -7vw;

}
.messagesBox{ background: url(../images/messagesBoxBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.messagesBox::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
.messagesBox .con{ padding: 12vw 0;}
.messagesCon{ background: var(--color); position: absolute; bottom: 0; right: 0; }
.messagesCon input::-webkit-input-placeholder ,.messagesCon textarea::-webkit-input-placeholder  {color:#fff;}
.messagesCon input:-moz-placeholder,.messagesCon textarea:-moz-placeholder {color:#fff;;}
.messagesCon input::-moz-placeholder,.messagesCon textarea::-moz-placeholder {color:#fff;;}
.messagesCon input:-ms-input-placeholder ,.messagesCon textarea:-ms-input-placeholder  {color: #fff;;}

.messagesCon{ background: linear-gradient(135deg,#0a7c34,#07bd4a);}


.footSidebar { position: fixed; right: 0; bottom: 10vh; z-index: 105;   font-size: 14px;  filter: drop-shadow( 0 0 10px rgba(0, 0, 0, .15));   } 
.footSidebar li{ width: 70px; min-height: 80px; border-bottom: 1px solid #e5e5e5;}
.footSidebar li.topJump{ border-bottom: none; transform: translateX(105%);}
.footSidebar li.topJump.show{transform: translateX(0);}
.footSidebar  .kefu{ padding-top: 10px; border-bottom: 1px solid #e5e5e5;border-radius: 40px 40px 0 0;}
.footSidebar .pic{ width: 50px; height: 50px; border-radius: 50%;}
.footSidebar .pic img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.footSidebar .pic::after,.footSidebar .pic::before{ display: block; content: ''; border-radius: 50%; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; border: 1px solid var(--color); animation: ani-data-v-789143c6 1.4s ease-out infinite; -webkit-animation:; }
.footSidebar .pic::before{animation-delay: .6s;}
.footSidebar .iconfont{ font-size: 22px;}
.footSidebarLeft{ animation: rightFloat .3s; padding: 5px; position: absolute; box-shadow: 0 0 10px rgba(0, 0, 0, .15); right: calc(100% + 10px); top: 50%; display: none; -webkit-animation: rightFloat .3s; }
.sidebarEwm{width: 120px; height: 120px; margin-top: -50px;}
.footSidebar li:hover .footSidebarLeft{ display: block;}
.sidebarTel{  height: 50px; margin-top: -25px;  line-height: 50px; padding: 0 15px;}
.footSidebar li:hover .iconfont{ color: var(--color);}
.footSidebar li:hover .icon-zhiding { color: #fff}



@keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
  }