body{font-size: 16px; overflow-x: hidden;} 
.inner{ width:90vw;   margin: 0 auto;  }
.pl-inner{ padding-left: 5vw;}
.pr-inner{ padding-right: 5vw;}
.ml-inner{ margin-left:5vw;}
.mr-inner{ margin-right: 5vw;}

.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 .con{ padding: 0 2vw;}

header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100; color: #fff;}
header .icon02{  display: none;}
.logoImg{ height: 55px;}
.oneNav{ line-height:100px; white-space: nowrap; display: block; padding: 0  2.5vw; font-size: 18px; font-weight: bold;  }
.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%); }
 
header::before{ display: block;  content: ''; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background:rgba(255, 255, 255, 0.1) ; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
header.scroll::before,header:hover::before{ height: 100%; background: #fff;}
header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.scroll ,header:hover {  color: #333;}
header.scroll  .icon02 ,header:hover .icon02{  display: block; }
header.scroll  .icon01 ,header:hover .icon01{  display: none; }
header.scroll  nav li.on .oneNav span ,header.scroll  nav li:hover .oneNav span { color: var(--color);}
header:hover  nav li.on .oneNav span ,header:hover  nav li:hover .oneNav span { color: var(--color);}
 
.h_nav{ height: 60px; width: 60px;  padding: 18px  15px   ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 2px ; background: #333;  transition: .8s; display:inline-block;       }
header.scroll .h_nav .burger,header:hover .h_nav .burger{ background: #333;}
.h_nav .burger:nth-of-type(2){  width:66%;}
  /* .h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }

.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: #333;      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{ padding-bottom: 60px; width: 100vw; display: none; height:  130vh ; animation: leftFloat .8s; transition:all .6s ; background: #fff; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-animation: leftFloat .8s; }
.nav.show{  display: block; }
.nav li.go-child{ border-top: 1px solid rgba(0, 0, 0, 0.15); 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(0, 0, 0, 0.15); 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: #fff; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #efefef; width: 1px; }


.search-popup {position: fixed;width: 100%;opacity: 0; height: 100%;top: 0;left: 0;z-index: -2;-webkit-transition: all 1s ease;-khtml-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;  }
  .search-popup .search-popup__overlay {  position: fixed;width: 224vw;height: 224vw;top: calc(90px - 112vw);right: calc(50% - 112vw);z-index: 3;display: block;-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transform: scale(0);-khtml-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transform-origin: center;transform-origin: center;-webkit-transition: transform 0.8s ease-in-out;-khtml-transition: transform 0.8s ease-in-out;-moz-transition: transform 0.8s ease-in-out;-ms-transition: transform 0.8s ease-in-out;-o-transition: transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;transition-delay: 0s;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;background-color: #08091B;opacity: 0.8;cursor: url(../images/close.png), auto;  }
  @media (max-width: 767px) {.search-popup .search-popup__overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  transform: none;  width: 100%;  height: 100%;  border-radius: 0;  transform: translateY(-110%);}  }
  .search-popup .search-popup__content {position: fixed;width: 0;max-width: 560px;padding: 30px 15px;left: 50%;top: 50%;opacity: 0;z-index: 3;-webkit-transform: translate(-50%, -50%);-khtml-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;transition-delay: 0s, 0.8s, 0s;transition-delay: 0s, 0.4s, 0s;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;  }
  .search-popup .search-popup__content .search-popup__form {position: relative;  }
  .search-popup .search-popup__content .search-popup__form input[type=search],
  .search-popup .search-popup__content .search-popup__form input[type=text] {width: 100%;background-color: #ffffff !important;font-size: 15px;color: #697585;border: none;outline: none;height: 66px;padding-left: 30px;  }
  .search-popup .search-popup__content .search-popup__form button {padding: 0;width: 66px;height: 66px;border: 0;background: var(--color);color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;position: absolute;top: 0;right: -1px;border-radius: 0;  }
  .search-popup .search-popup__content .search-popup__form button i {margin: 0;font-size: 24px;  }
  .search-popup .search-popup__content .search-popup__form button::after {background-color: #FFD600;  }
  .search-popup.active {z-index: 9999;  opacity: 1;}
  .search-popup.active .search-popup__overlay {top: auto;bottom: calc(90px - 112vw);-webkit-transform: scale(1);-khtml-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);transition-delay: 0s;-webkit-transition-delay: 0s;opacity: 0.8;-webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);  }
  @media (max-width: 767px) {.search-popup.active .search-popup__overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  transform: none;  width: 100%;  height: 100%;  border-radius: 0;  transform: translateY(0%);}  }
  .search-popup.active .search-popup__content {width: 100%;opacity: 1;transition-delay: 0.7s;-webkit-transition-delay: 0.7s;  }
  

  .order-popup {position: fixed;width: 100%;opacity: 0; height: 100%;top: 0;left: 0;z-index: -2;-webkit-transition: all 1s ease;-khtml-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;  }
  .order-popup .order-popup__overlay {  position: fixed;width: 224vw;height: 224vw;top: calc(90px - 112vw);right: calc(50% - 112vw);z-index: 3;display: block;-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transform: scale(0);-khtml-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transform-origin: center;transform-origin: center;-webkit-transition: transform 0.8s ease-in-out;-khtml-transition: transform 0.8s ease-in-out;-moz-transition: transform 0.8s ease-in-out;-ms-transition: transform 0.8s ease-in-out;-o-transition: transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;transition-delay: 0s;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;background-color: #08091B;opacity: 0.8;cursor: url(../images/close.png), auto;  }
  @media (max-width: 767px) {.order-popup .order-popup__overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  transform: none;  width: 100%;  height: 100%;  border-radius: 0;  transform: translateY(-110%);}  }
  .order-popup .order-popup__content {position: fixed;width: 0;max-width: 560px;padding: 30px 15px;left: 50%;top: 50%;opacity: 0;z-index: 3;-webkit-transform: translate(-50%, -50%);-khtml-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;transition-delay: 0s, 0.8s, 0s;transition-delay: 0s, 0.4s, 0s;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;  }
 .order-popup__box{ width: 90%; max-width: 600px;}
  .order-popup.active {z-index: 9999;  opacity: 1;}
  .order-popup.active .order-popup__overlay {top: auto;bottom: calc(90px - 112vw);-webkit-transform: scale(1);-khtml-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);transition-delay: 0s;-webkit-transition-delay: 0s;opacity: 0.8;-webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);  }
  @media (max-width: 767px) {.order-popup.active .order-popup__overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  transform: none;  width: 100%;  height: 100%;  border-radius: 0;  transform: translateY(0%);}  }
  .order-popup.active .order-popup__content {width: 100%;opacity: 1;transition-delay: 0.7s;-webkit-transition-delay: 0.7s;  }
  


.idxBanImg{ width: 100%; 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,.12) }
.idxBan .swiper-slide .text{ position: absolute; left: 0; top: 50%; z-index: 15; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
 
.idxBan::after,.neiBan::after{ display: block; content: ''; width: 100%; height: 7vw; z-index: 10; position: absolute; left: 0; top: 0;background-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent);}
.ScroolBox{ position: absolute; width: 6.2vw; left:2vw; z-index: 25; bottom: 6%;  }
.ScroolIcon{ animation: ani-svg 1s linear 0s alternate infinite; -webkit-animation: ani-svg 1s linear 0s alternate infinite; }

.idxBan .idxBan-num{ position: absolute; right: 5vw; bottom: 6%; z-index: 20;}
 
.line-height9{ line-height: .9;}
.w78{ width: 78%;}
/*  display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr); */
.idxSerUl{ border-radius:16vw ; -webkit-border-radius:16vw ; -moz-border-radius:16vw ; -ms-border-radius:16vw ; -o-border-radius:16vw ; } 
.idxSerUl li { width: 49.7%;}
.idxSerUl li .img{ width: 100%; height: 0; padding-bottom:24vw ;}
.idxSerUl li .text{ background: rgba(0, 0, 0, .45);}
.idxSerUl li:hover 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); }
.idxSerUl li:hover{ width: 100%;}
.idxSerUl li:hover .text{ background: rgba(0, 0, 0, .2);}
.idxSerUl:hover > li:not(:hover)  { width: 0;}

.idxAbout{ background: url(../images/idxAboutBg.jpg) no-repeat center center / cover; background-attachment: fixed; padding: 7.8vw 0;}
.idxAbooutMore {border: none;background: transparent;cursor: pointer;border-radius: 40px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;
  -o-transition: all 0.3s;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;}
.idxAbooutMore::before {content: '';position: absolute;inset: 0;border-radius: 40px;padding: 2px;
  background: linear-gradient(135deg, var(--color), var(--orange));-webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);-webkit-mask-composite: xor;
  mask-composite: exclude;pointer-events: none;transition: all 0.3s; -webkit-border-radius: 40px; -moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;
}
.idxAbooutMore:hover::before {padding: 0;          /* 去掉 padding，渐变铺满 */-webkit-mask: none;mask: none;}
.idxAbooutMore:hover{ letter-spacing: .2em;}
 
.idxAboutPlay{ background: rgba(0, 85, 46, .78); min-width: 90px; min-height: 90px; width: 12vw; height: 12vw;   box-shadow: 0 0 rgba(0, 85, 46, 0.1),0 0 0 15px rgba(0, 85, 46, 0.1),0 0 0 30px rgba(0, 85, 46, 0.1); animation-play-state: running; animation: ripple-wave 1s linear infinite; -webkit-animation:; }
.idxAboutPlay::after{ display: block; content: ''; animation: xunzhuan infinite 15s linear; width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; background: url(../images/Brandvideo.png) no-repeat center center / 100% 100%; -webkit-animation: xunzhuan infinite 15s linear; }

.bg-e5{ background: #e5eeea;}
.swiperBtn:hover{ background: var(--color); color: #fff;}


.idxTeamSwiper .img{ width: 100%; height: 0; padding-bottom: 156%; border-radius: 10vw; -webkit-border-radius: 10vw; -moz-border-radius: 10vw; -ms-border-radius: 10vw; -o-border-radius: 10vw; }
.idxTeamSwiper .img .flaot{ color: #fff !important; background: rgba(0, 85, 46, .78); border-radius: 10vw; transform: scale(0.2); opacity: 0; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); -webkit-border-radius: 10vw; -moz-border-radius: 10vw; -ms-border-radius: 10vw; -o-border-radius: 10vw; }
.idxTeamSwiper .img:hover .flaot{ transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.idxTeamSwiperImg{ position: absolute; left: 0; top: 0;}

/* footer{  border-top: 6px solid var(--color);}
footer::before{ display: block; content: ''; width: 33%; height:-6px; position: absolute; z-index: 10; left: 33%; top: 0; background:#2c9233 }
 */
footer .btn{ border-top-left-radius: 1vw; border-bottom-right-radius: 1vw; border-color: #e5eeea;}
footer .btn::after{ display: block; content: ''; width: 0; height: 100%; 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; }
footer .btn.on{ color: #fff;}
footer .btn.on::after{ width: 100%;}

.ewmUl .img{ width: 120px ;    background: url(../images/ewmBg.png) no-repeat center center / 100% 100%;}

.neiBanImg{ width: 100%; max-height: 100vh; min-height: 260px; object-fit: cover;}
.neiBan .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.location{ border-top: 1px solid rgba(255, 255, 255, .1); position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; z-index: 10;}
/* .neiBan .location .ScroolIcon{ animation: none; -webkit-animation: none; } */
.location .con{ padding: 0 2vw; height: 6vw; min-height: 50px;}

.biref{ background: url(../images/birefBg.png) no-repeat right top / 38% auto;}
.valus{ background: url(../images/valusBg.jpg) no-repeat center center / cover; background-attachment: fixed;padding: 7.8vw 0;}

.banFloat{ margin-top: -8vw;}
.aboutSerTit{ border-bottom: 1px solid #e5eeea;}
.aboutSerTit li strong::after{ display: block; content: ''; width:0; height: 3px; position: absolute; left: 0; bottom: 0;  background: linear-gradient(to right,var(--color),var(--orange)); }
.aboutSerTit li.on strong::after{ width: 100%;}
.aboutSerTit li.on  strong{ color: var(--color);-webkit-text-stroke: 1px  var(--color);text-stroke: 1px  var(--color);}
.aboutSerCon .item{ display: none;}
.aboutSerCon .item.on{ display: block;}

.shadow-color{ box-shadow: 5px 0 1vw rgba(0, 85, 46, 0.1);}
.PeriodicUl{display: grid; grid-gap: 3vw; grid-template-columns: repeat(2,1fr);}
.PeriodicUl li{ box-shadow: 5px 0 1vw rgba(0, 85, 46, 0.1); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.PeriodicUl li .img{ width: 15%;}
.PeriodicUl li .text{ width: 83%;}
.PeriodicUl li:hover{ box-shadow: 0 0 2vw rgba(0, 85, 46, 0.5);}

@media screen and (min-width:900px) {
  .authentication .text{ position: absolute; right: 0; top: 50%;  z-index: 5; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
 }
.coreUl{display: grid; grid-gap: 2vw; grid-template-columns: repeat(4,1fr);}
.coreUl li::after{ display: block; content: ''; width: 100%; transition: all .36s; opacity: 0; transform: translateX(10px); height: 100%; position: absolute; border-radius: 20px; left: -5px; bottom: -5px; background:var(--color) ; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }
.coreUl li.on::after{ transform: translateX(0); opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.coreUl li.on{ color: var(--color);}

.BinuclearUl{display: grid; grid-gap: 3vw; grid-template-columns: repeat(2,1fr);}
 
.BinuclearUl .binItem .img{ width: 15%;}
.BinuclearUl .binItem .text{ width: 80%;}
.BinuclearUl .binItem .text p{ padding-left:1.2em; position: relative;}
.BinuclearUl .binItem .text p::before{  content: ''; position: absolute; top: .8em; left: 0; width: .3em; height: .3em; background: var(--color);  border-radius: 50%; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.acceptance .text{ background: linear-gradient(to right,rgba(0, 85, 46, 0.8),transparent); position: absolute; left: 0; top: 50%; z-index: 5; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.acceptanceImg{ min-height: 230px; object-fit: cover; width: 100%;}

.proLeft{ width:18%;}
.proNav{ position: sticky; left: 0; top: 2vw;}
.proNav li:first-child{ margin-top: 0;}
.proRight{ width: 73%;}
.prolist li:first-child{ padding-top: 0;}
.prolist li .img{  width: 100%; height: 0; padding-bottom: 90%;}
.prolist li .more::after{ display: block; content: ''; width:0; height: 100%; 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; }
.prolist li:hover { color: var(--color);}
.prolist li:hover .more{ color: #fff;}
.prolist li:hover .more::after{ width: 100%;}
.prolist li::before{ display: block; content: ''; width:2px; height: 100%; position: absolute; left: 0; top: 0; background:#e5eeea }
.prolist li::after{ display: block; content: ''; width:2px; 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; }
.prolist li:hover::after{ height: 100%;}

.proDetailOne{ margin-top: -14.5vw;}
.proDetailOne .img{  width: 100%; height: 0; padding-bottom: 90%;}
.proDetailOne .line{ width: 2em; height: .26vw;}
.proDetailOne .line::after{ display: block; content: ''; width:50%; height: 100%; position: absolute; left: 50%; top: 0; background:var(--orange) }

.proFeat .pagination{ width: 100%; height: 5px; background: #e5eeea; position: relative; left: auto; top: auto; right: auto; bottom: auto;} 
.proFeatSwiper .swiper-slide{ height: auto;}

.ourYsUl{ display: grid; grid-gap: 3vw; grid-template-columns: repeat(3,1fr);}
.ourYsUl li .line{ width: 2em; height: .26vw;}
.ourYsUl li .line::after{ display: block; content: ''; width:50%; height: 100%; position: absolute; left: 50%; top: 0; background:var(--orange) ; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.ourYsUl li:hover .line{ width: 4em;}
.ourYsUl li:hover{ box-shadow: 0 0 2vw rgba(0, 85, 46, 0.5);}


.w48-7{ width: 48.7%;}
.newleftSwiper .img{ width: 100%; height: 0; padding-bottom: 60%;}
.newrightSwiper .img{ width: 100%; height: 0; padding-bottom: 60%;}
.newrightSwiper .more{ position: absolute; left: 0; bottom: 0;}
.newsTop .pagination{ position: absolute; right: 0; bottom: 0; z-index: 30;}
.newsTop .pagination .swiper-pagination-bullet{ width: 10px; height: 10px; margin-left: .8vw; background: rgba(0, 85, 46, .8);}
.newsTop .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{   background: var(--orange)}

.newslist{ display: grid; grid-gap: 3.5vw; grid-template-columns: repeat(3,1fr);}
li {min-width:0}
.newslist li .img{ width: 100%; height: 0; padding-bottom: 68%;}

.newsDetail{ margin-top: -14.5vw;}
.shareBox{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.contactUl{ display: grid; grid-gap:4vw; grid-template-columns: repeat(3,1fr);}
.mapBox{ height: 66vh;}

.messagesBox{ background: url(../images/messagesBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.messagesBox .con{ max-width: 720px; border-top-left-radius: 2vw; border-top-right-radius: 2vw;}
.messagesBox .con input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .5);}
.messagesBox .con input:-moz-placeholder  {color:rgba(255, 255, 255, .5);;}
.messagesBox .con input::-moz-placeholder  {color:rgba(255, 255, 255, .5);}
.messagesBox .con input:-ms-input-placeholder  {color: rgba(255, 255, 255, .5);}
.messagesBox .con .icon-youjiantou { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.messagesBox .con  button:hover .icon-youjiantou { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

.messagesBox::after{ display: block; content: ''; width: 100%; height: 10vw; position: absolute; left: 0; top: -1px; background:#fff;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 calc(100% - 7vw), 0 0); }

.footLine{ position: absolute; left: 0; top: 0;}



.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--color); display: block; content: ''; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.searchlist li .left{ width:70% ;}
.searchlist li .right{ width: 70px; height: 70px;}
.searchlist li:hover::after{ width: 100%;}
.searchlist li:hover .right{ background-color: var(--orange); color: #fff; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }