body{font-size: 16px;} 
.w90{ width:min(90%,1720px);   margin: 0 auto;  }
.zwHeader{ height: 100px;}
.zw{margin-top: -100px; padding-top: 100px;}
.linka a:hover{ color: var(--green);}
.w1300{ width:min(90%,1300px);   margin: 0 auto;  }




.oneNav{ line-height: 100px; white-space: nowrap; display: block; padding: 0 2vw; font-size: 18px; font-weight: bold;}
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background: var(--green); 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::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(--blue)}
nav  li dl dd:hover a{color:#fff!important;}

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 .36s; -ms-transition:all .36s; -o-transition:all .36s; -webkit-transition:all .36s; -moz-transition:all .36s; }
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%); }
  
@media screen and (min-width:750px) {
    nav li.on .oneNav,nav li:hover .oneNav{ color: var(--green);}
}

.headerSearch{ height: 100px;}
.headerSearchFloat{
    position: absolute;
    right: 0;
    top:calc(100% + 10px);
    width: 250px;
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    transform: translateY(20px);
    transition:all 1s;
    
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
}
.headerSearchFloat .text{ line-height: 50px; height: 50px; width: calc(100% - 50px);}
.headerSearchFloat .submit{ width: 50px; height: 50px; text-align: center;}
.headerSearch:hover .headerSearchFloat{ visibility:visible; opacity:1; filter:alpha(opacity=100);  transform:translateY(0); }

.z_menu_mask{ width: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: ease 1s; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 10;pointer-events: none;}
.z_menu_con{ width: 60%; height: 100%; position: relative; margin-left: 40%;
border-radius: 50%; padding: 0 8.3vw 0 10.4vw; box-sizing: border-box; display: flex; align-items: center;}
.z_menu_mask::before{ content: ""; display: block; width: 90vw; height: 90vw; background: #fff;position: absolute; right: -30vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1s; }
.z_menu_mask::after{ content: ""; display: block; width: 100vw; height: 100vw; background:rgba(255,255,255,.3);position: absolute; right: -36vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1.5s;}
.z_menu_nav li{ margin-bottom: 2vw;}
.z_menu_nav li h3 a{ font-size: 1.35416vw; font-weight: bold;}
.z_menu_down a{ display: inline-block; color: #444; padding-left: 15px; margin-top: 0.6vw;  position: relative;  margin-right: 2vw;font-size: 15px;line-height: 28px;} 
.z_menu_nav a::before{ content: ""; display: block; width: calc(100% - 15px); height: 1px; opacity: 0; background: var(--green); position: absolute; left: 15px; bottom: 0;}
.z_menu_nav a:hover{ color: var(--green); }
.z_menu_nav a:hover::before{ opacity: 1;}
.z_menu_btm{ border-top: 2px solid  var(--green); padding-top: 1.5vw; display: flex; align-items: center;}
.z_menu_addre{color: #333333;
line-height: 24px;}
.z_menu_share{ margin-left: auto; flex-shrink: 0;}
.z_menu_share a{ display: inline-block;width: 44px;height: 44px;background: #cccccc;border-radius: 50%; text-align: center; line-height: 44px; color: #fff; font-size: 20px!important; margin-left: 15px;}
.z_menu_share a:hover{ background:  var(--green); color: #fff; cursor: pointer;}
.z_menu_close{ position: absolute; right: 4vw; top: 2.5vw; color: #B4B4B4; font-size: 28px!important; font-weight: bold; cursor: pointer;}
.z_menu_close:hover{ color: var(--green);}
.z_menu_mask.on{pointer-events: auto;}
.z_menu_mask .warp{ opacity: 0; transition: ease 1.5s; transform: translateX(5vw); }
.z_menu_mask.on,.z_menu_mask.on .warp{ opacity: 1; visibility: visible;transform: translateX(0px);}
.z_menu_mask.on::before{ transition-delay:.5s;}
.z_menu_mask.on::before,.z_menu_mask.on::after{ transform: translateY(-50%) scale(1,1)}
.z_menu_mask.on .warp{transition-delay:1s;transform: translateX(0px);}






.banImg{ width: 100%; height: 100vh; object-fit: cover; min-height: 360px;}

.idxBan .text .ENG{background: linear-gradient(180deg , #fff, var(--green)); /* 从左到右渐变 */-webkit-background-clip: text; /* Safari/Chrome */-webkit-text-fill-color: transparent; /* Safari/Chrome */color: transparent; /* Firefox/Opera */}
.idxBan .pagination{  position: absolute; right: 30px; top: 50%; transform: translateY(-50%);z-index: 10;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxBan .pagination .swiper-pagination-bullet{ position: relative; background: #fff; width: 6px; height: 6px; opacity: 1; margin: 25px 0 !important;}
.idxBan .pagination .swiper-pagination-bullet::after{ width: 500%; height: 500%; border: 1px solid #fff; position: absolute; left:-200% ; top: -200%; transform: scale(0); display: block; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.idxBan .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ transform: scale(1); -webkit-transform: scale(1); transition: all .36s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.h_nav{ height: 100px; width: 5vw; background-color:var(--blue); padding: 35px  20px ;    align-items: flex-end; display: flex; position: absolute; right: 0; top: 0; z-index: 60;}
.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); }
.h_nav.close{align-items: center; justify-content: center;}

.bg{ background: #f7faff;}

.idxProNav a{ width: 20%;}
.proNavIcon{ max-height: 40px;}
.idxProNav a::after{ width: 1px; height: 100%; background: rgba(255, 255, 255, .1); position: absolute; right: 0; top: 0; display: block; content: '';}
.idxProNav a .hover{ transform: translateY(105%); -webkit-transform: translateY(105%); -moz-transform: translateY(105%); -ms-transform: translateY(105%); -o-transform: translateY(105%); }
.idxProNav a.on .hover,.idxProNav a:hover .hover{ transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;color:#fff;}
.maxImg img{max-width: 100%; max-height: 100%;}
.idxProNav a .img{transition: all .5s ease;}
.idxProNav a:hover .img{transform: rotateY(360deg);}
.idxProNav a.on .img{transform: rotateY(360deg);}






.idxProList li{ width: calc((100% - 75px)/4); margin-right: 25px;}
.idxProList li:nth-child(4n){ margin-right: 0;}


@media screen and (min-width:1040px) {
    .idxProList li:nth-child(-n+4){margin-top: 0;}
}
@media screen and (min-width:750px) {
    .idxProList li:nth-child(-n+2){margin-top: 0;}
}



.idxProList li .img{ height: 330px;}
.idxProList li .line-clamp{ width: 70%;}
.idxProList li.hot .img::before{ width: 42px; height: 50px; position: absolute; right: 15px; top: 15px; display: block; content: '';  }
.idxProList li:hover .img{ border-color: var(--green); box-shadow: 0 0 20px rgba(0,98,47, .1);}
.idxProList li:hover .img img{ transform:scale(.9) ; -webkit-transform:scale(.9) ; -moz-transform:scale(.9) ; -ms-transform:scale(.9) ; -o-transform:scale(.9) ; }

.idxService{ background: url(//wm.cdn.cn86.cn/yangmeidianqi/2025/08/a4bad7233dklulcu.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.idxServiceUl li{ background: #f5f7fa; width: 33.3333%;}
    .idxServiceUl li:nth-child(1), .idxServiceUl li:nth-child(2), .idxServiceUl li:nth-child(3) {
        border-bottom: 1px solid #b5b5b5;
    }
.idxServiceUl li::after{ width: 1px; height: 100%; background: #b5b5b5; position: absolute; right: 0; top: 0; display: block; content: '';}
.idxServiceUl li:last-child::after{ display: none;}
.idxServiceUl li .clamp3{ height: 6em;}
.idxServiceUl li .DIN{ position: absolute; opacity: 0; left: 50%; color: rgba(33,92,200, .3); bottom: -20px; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.idxServiceUl li div{ position: relative; z-index: 5;}
.idxServiceUl li .img{transition: all .5s ease;}
.idxServiceUl li:hover .img{transform: rotateY(180deg);}

.idxServiceUl li div.tit2{line-height: 30px;height: 60px;}


.idxServiceUl li::before{ transform: scale(1,0); transition:all .36s ; width: 100%; height:calc(100% + 60px); background: #fff; position: absolute; right: 0; top: -30px; z-index: 2; display: block; content: ''; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.idxServiceUl li:hover::before,.idxServiceUl li.on::before{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
.idxServiceUl li:hover,.idxServiceUl li.on{box-shadow: 0px 0px  15px rgba(0,98,47, .25);}
.idxServiceUl li:hover .font24,.idxServiceUl li.on .font24{ color: var(--blue); font-weight: bold;}
.idxServiceUl li:hover .DIN,.idxServiceUl li.on .DIN{opacity: 1;}
.idxServiceUl:hover > li:not(:hover)  { box-shadow:none}
.idxServiceUl:hover > li:not(:hover)  .font24{ color: #333; font-weight: normal; }
.idxServiceUl:hover > li:not(:hover)::before{transform: scale(1,0);}
.idxServiceUl:hover > li:not(:hover) .DIN{ opacity: 0;}

.idxAboutSwiper{border-top-left-radius:70px;border-bottom-right-radius:70px;}
.idxAbout .button{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); width: 80px; height: 80px;  left: -40px; top: 50%; margin-top: -40px; position: absolute; z-index: 5; }
.idxAbout .button div:hover{ background:#215cc8; color: #fff;width:40px;height:80px;}
.idxAbout .prev i{background:url(//wm.cdn.cn86.cn/yangmeidianqi/2025/08/0412a615c4yhjpjd.png) no-repeat;width:11px;height:22px;display:block;}
.idxAbout .next i{background:url(//wm.cdn.cn86.cn/yangmeidianqi/2025/08/85b0179079hnafnb.png) no-repeat;width:11px;height:22px;display:block;}
.idxAbout .prev:hover i{background:url(//wm.cdn.cn86.cn/yangmeidianqi/2025/08/3c831875ebmhgljr.png) no-repeat;width:11px;height:22px;display:block;}
.idxAbout .next:hover i{background:url(//wm.cdn.cn86.cn/yangmeidianqi/2025/08/4931b6076bm8dlsd.png) no-repeat;width:11px;height:22px;display:block;}



.idxCase{ height: 72vh;}
.idxCase::before{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,98,47, .5); display: block; content: '';}
.idxCase .right{ border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.idxCase .swiper-slide .caseNavIcon{filter: grayscale(100%); opacity: .3; height: 70px;}
.idxCase .idxCaseSwiper-thumbs .swiper-slide::after{ width: 0; position: absolute; left: 25%; bottom: 0; height: 3px; display: block; content: ''; background: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 
/* .idxCase .swiper-slide.swiper-slide-thumb-active .caseNavIcon{ filter: none; opacity: 1; -webkit-filter: none; } */
/* .idxCase .swiper-slide.swiper-slide-thumb-active{ color: var(--blue);} */
.idxCase .idxCaseSwiper-thumbs .swiper-slide.swiper-slide-thumb-active::after{ width: 50%;}

.idxCaseImg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.idxCaseImg li img{ width: 100%; height: 100%; object-fit: cover;}
.idxCaseImg li.on img{ animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); -webkit-animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); }
.idxCaseImg li{ display: none;}
.idxCaseImg li.on{ display: block;}


.idxCase::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,98,47, .6);}

.idxCaseUl{  border-bottom: 1px solid #fff;  position: absolute; z-index: 12; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.idxCaseUl li{ flex: 1;  position: relative; }
.idxCaseUl li::after{ display: block; content: ''; width: 1px; height: 40%; top: 30%; position: absolute; background: rgba(255, 255, 255, .6); right: 0;}
.idxCaseUl li:last-child::after{ display: none;}
.idxCaseUl li .caseNavIcon{ filter: grayscale(100%) brightness(500%); height: 70px; -webkit-filter: grayscale(100%) brightness(500%); }
/* .idxCaseUl li.on .caseNavIcon{ filter: none;   -webkit-filter: none; }
.idxCaseUl li.on{ color: var(--blue);} */
.idxCaseUl li:hover .caseNavIcon {
    transform: rotateY(360deg);
}




.idxNewsItem{ width: calc((100% - 70px)/3);}
.newItem:hover{ box-shadow: 0 0 15px rgba(0,98,47, .15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.newItem: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); }

.newItem .img img{ width: 100% ; height: 340px; object-fit: cover;}
.idxNewsRight .img img{ width: 100% ; height: 140px; object-fit: cover;}






.neibanImg{ width: 100%; max-height: 100vh; min-height: 260px; object-fit: cover;}
.neiBan .text{ background: rgba(0, 0, 0, .25);}
.subNav a{ height: 100px; flex: 1;}
.subNav a::after{ width: 1px; height: 1em; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; content: ''; background: rgba(255, 255, 255, .2); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.subNav a:last-child::after{ display: none;}
.subNav a::before{ width: 100%; height:0; transition:all .2s ; position: absolute; bottom:0; right: 0; display: block; content: ''; background:var(--green)  ; -webkit-transition:all .2s ; -moz-transition:all .2s ; -ms-transition:all .2s ; -o-transition:all .2s ; }
.subNav a.on::before,.subNav a:hover:before{ height: 100%;}
.subNav:hover > a:not(:hover)::before{ height:0;}

.profile .top .pic{ position: absolute; width: 50%; right: 0; top: 0; height: 100%;}
.profile .top .videoImg{ width: 100%; height: 100%; object-fit: cover;}
@keyframes ripple-wave{
    to {
        box-shadow: 0 0 0 15px rgba(25, 113, 67, 0.1),0 0 0 30px rgba(25, 113, 67, 0.1),0 0 0 45px rgba(25, 113, 67, 0.02);
    }
}
.profile .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background:rgba(25, 113, 67, 0.8) ;
	border-radius: 50%;
	height: 100px;
	box-shadow: 0 0 rgba(25, 113, 67, 0.1),0 0 0 15px rgba(25, 113, 67, 0.1),0 0 0 30px rgba(25, 113, 67, 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;
}


.history{ }
.history .title .ENG{ color: transparent; position: absolute; bottom: 0; width: 100% ; left: 0; bottom: 0; }
.history .bd .swiper-slide {  height: 260px;  width:600px;  opacity:0 !important ; }
.history .bd .swiper-slide.swiper-slide-prev,.history .bd .swiper-slide.swiper-slide-next{ opacity: .8 !important;}
.history .bd .swiper-slide-active { opacity: 1 !important; }
.history .bd .swiper-slide   {   overflow-y: scroll;  }
.history .bd .swiper-slide::-webkit-scrollbar { width: 4px;}
.history .bd .swiper-slide::-webkit-scrollbar-thumb {  background: #e5e5e5; width: 4px; }
.history .bd .swiper-slide::-webkit-scrollbar-track {  background: #fff; width: 4px; }

.history .ft { height: 382px; }
.history .ft .bg { position: relative; width: 800px; height: 382px; margin: 0 auto; padding-top: 168px; overflow: hidden; background: transparent; }
.history-next,.history-prev { position: absolute; top: 20px; display: block; width: 40px; height: 60px; z-index: 9; }

.history .ft .rotatingSlider { position: relative; width: 650px; height: 650px; margin: 0 auto; border-radius: 650px; border: 1px solid #c7c7c7; }
.history .ft .rotatingSlider ul { position: relative; width: 650px; height: 650px; left: 50%; transform-origin: center center; border-radius: 650px; transform: translateX(-50%) rotate(0deg); transition: all .3s ease; }
.history .ft .rotatingSlider ul li { position: absolute; top: 0; left: 50%; text-align: center; transform-origin: bottom center; width: 100%; }
.history .ft .rotatingSlider ul li .txt { position: absolute; top: -98px; width: 350px; color: #555; font-size: 22px; line-height: 88px; text-align: center; }
.history .ft .rotatingSlider ul li .txt i { position: absolute; top: 76px; left: 50%; display: block; width: 1px; height: 49px; margin-left: -1px; background-color: #d5d5d5; z-index: 2; }
.history .ft .rotatingSlider ul li .txt i::after { position: absolute; left: 50%; bottom: 0; width: 1px; height: 17px; margin-left: -1px; background-color: #000; z-index: 3; content: ''; }
.history .ft .rotatingSlider ul li.swiper-slide-active .txt { top: -168px; color: var(--blue); font-size: 60px; }
.history .ft .rotatingSlider ul li.swiper-slide-active .txt i { top: 115px; height: 98px; }
.history .ft .rotatingSlider ul li.swiper-slide-active .txt i::before { position: absolute; left: 50%; top: 0; width: 7px; height: 7px; margin-left: -12px; border-radius: 23px; border: 8px solid #d5d5d5; background-color: #000; z-index: 1; content: ''; }
.history .ft .swiper-slide { width: 614px; height: 382px; text-align: center; transform-origin: center 0; transition: transform 0.5s; transform: rotate(207deg); }
.history .ft .swiper-slide-active { color: var(--blue); font-size: 60px; line-height: 88px; }
@media screen and (max-width: 992px) {
   
    .history .ft .bg {transform: scale(0.7) translateY(-35px);left: 50%;margin-left: -400px;}
}
.honorary{  background-size: cover; background-attachment: fixed;}
.honorary::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: block; content: ''; background: rgba(0,98,47, .7);}
.aboutTitle .ENG{ color: transparent; position: absolute; bottom: 0; width: 100% ; left: 0; bottom: 0; }
.honorary .con{  background-size: 100% auto;}
.honorarySwiper .swiper-wrapper{ align-items: flex-end;}
.honorary .prev,.honorary .next{ z-index: 10; width: 50px; height: 50px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.honorary .prev{ left: -50px;}
.honorary .next{ right: -50px;}
.honorary .prev:hover,.honorary .next:hover{ background: var(--green); border-color: var(--green);}
.font130{font-size: clamp(1.875rem, 0.625rem + 6.25vw, 8.125rem);}
.font140{font-size: clamp(1.875rem, 0.5rem + 6.88vw, 8.75rem);}

.testSwiper .swiper-slide{ height: auto; }
.testSwiper .swiper-slide .img{  height: calc(100% - 3em);}
.testSwiper .swiper-slide .text{ height: 3em;}

.invention{ background: #eef5f2;}
/* .invention .con{ padding-left: 110px; padding-right: 110px;} */
.inventionSwiper .swiper-slide{ height: auto; }
.inventionSwiper .swiper-slide .img{  height: calc(100% - 3em);}
.inventionSwiper .swiper-slide .text{ height: 3em;}
.invention .prev,.invention .next{ z-index: 10; width: 50px; height: 50px;  position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.invention .prev{ left: -50px;}
.invention .next{ right: -50px;}
.invention .prev:hover,.invention .next:hover{ color: #fff; background: var(--green); border-color: var(--green);}

.appearance .prev,.appearance .next{ z-index: 10;    position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.appearance .prev{ left: 18%;}
.appearance .next{ right: 18%;}
.appearance .prev:hover,.appearance .next:hover{  opacity: 1 !important; }
.proSubNav { margin-top: -75px;}
.proSubNav a{ height: 150px; flex: 1; white-space: nowrap; border-right: 1px solid rgba(255, 255, 255, .2); }.proSubNav a:last-child{ border-right: none;}
.proSubNav a::after { width: 100%; height: 0; display: block; content: ''; position: absolute; transition: all .36s; left: 0; bottom: 0; background-color: var(--green); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proSubNav a.on::after,.proSubNav a:hover:after{ height: 100%;}
.proSubNav:hover > a:not(:hover)::after{height: 0;}

.proInfoText{ padding: 100px;}
.proInfoSwiper .swiper-slide{ height: auto;}
.proInfoSwiper .swiper-pagination-bullet{ background: var(--blue) !important;}
.location .icon-arrow-right-bold{ transform:scale(0.85) ; -webkit-transform:scale(0.85) ; -moz-transform:scale(0.85) ; -ms-transform:scale(0.85) ; -o-transform:scale(0.85) ; }
.proInfoTextLine{ height: 1px; background: rgba(255, 255, 255, .2);}

/* .proInfoText .desc{ min-height: 100px;} */
.proInfoText .more:hover{ background: var(--green); box-shadow: 0 0 15px rgba(0,98,47, .7); border-color: var(--green); transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }
.waves {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;filter: grayscale(100%) brightness(500%); opacity: .6;}
 
.proInfoBox .top span::after{ width: 4px; height: 80%; background: var(--green); border-radius: 2px; top: 10%; display: block; content: ''; position: absolute; left: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }

 
.caselist li{ width: calc((100% - 100px)/3); margin-right: 50px;}
.caselist li:nth-child(3n){ margin-right: 0;}
.caselist li .txt{ margin-top: -54px;}
.caselist li  .tit{ height: 2.8em;}
.caselist li .round{ width: 108px; height: 108px;}
.caselist li: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) ; }
.caselist li:hover{ box-shadow: 0 0 15px rgba(0,98,47, .15);}
.caselist li .img::after{ width:100%; height: 100%; position: absolute; top: 0; left: 0; border: 0 solid rgba(0,98,47, .5); transition: all .36s; display: block; content: ''; z-index: 5; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.caselist li:hover .img::after{ width:calc(100% - 40px); height: calc(100% - 40px);  border: 20px solid rgba(0,98,47, .5);    }

@media screen and (min-width:1040px) {
    .caselist li:nth-child(-n+3){margin-top: 0;}
}
@media screen and (min-width:750px) {
    .caselist li:nth-child(-n+3){margin-top: 0;}
}


.newsTop .left{ width: calc((100% - ((100% - 70px)/3))  - 35px );}
.newsTop .left  .pic{ width: 100%; height: 600px; object-fit: cover;}
.newsTop .right{ width: calc((100% - 70px)/3);}
.newsTop .left .text{ background: rgba(0, 0, 0, .2);}
.newsTop .right .img img{ width: 100%; height: 380px; object-fit: cover;}
.newsTop .right .text{ height: calc(100% - 380px);}

.newslist li{ width: calc((100% - 70px)/3); margin-right: 35px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .desc{ height: 4em;}
.newslist li:hover .more{ margin-left: 20px;}

.newsInfoTit{ background-size: 100% auto;}
.newspage{ border-bottom: 1px solid #cce0d5;}

.contactAddTit li{ width: 20%; height: 3em;}
.contactAddTit li.on{ background: var(--blue); color: #fff; font-weight: bold;}
.contactAddSwiper .top li{ border-bottom: 2px solid var(--blue);}

.mapBox{  width: 100%; height: 60vh;}
.messageBox{ background: #eef5f2;}
.messagesCon .left{ width: 6em; }
.messagesBtn::after{ width: 60px; height: 60px; transition: all .36s; border-radius: 50%; background: var(--green); 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%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.messagesBtn:hover{ color: #fff;}
.messagesBtn:hover::after{ width: 100% ; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.joblist .top .open::after{ content: "\e68b"; }
.joblist .bottom{ display: none;}
.joblist li.on{ border-color: var(--blue);}
.joblist li.on .top .open::after{   content: "\e689"; }
.joblist li.on .tit{color: var(--blue); font-weight: bold;}


.searchTop form{ width: 700px;}
.searchTop form .text{ width: calc(100% - 70px); }
.searchTop form .submit{ width: 70px; height: 70px;  background-size: 35% auto;}

 
.searchlist li::after{ width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--green); 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(--green); 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); }



.side_bar {

    background-color: rgb(255 255 255/ 0.95);border-radius: 5px;box-shadow: 0 0  10px 0 rgba(0, 0, 0, .15);position: fixed;right: 10px;top: 50%;width: 70px;z-index: 100
  
  }
  
  .side_bar>ul>li {height: 70px;border-bottom: 1px solid #e5e5e5;}
  
  .side_bar>ul>li a span {font-size: 12px;line-height: 2}
  
    .messageJump  { animation: messageJump .5s linear infinite; -webkit-animation: messageJump .5s linear infinite; }
  
  
  
  .side_bar>ul>li.side_bar_phone {position: relative}
  
  
  
  .side_bar>ul>li.side_bar_phone .box {
  
      -webkit-box-align: center;
  
      -ms-flex-align: center;
  
      -webkit-align-items: center;
  
      align-items: center;
  
      display: -webkit-box;
  
      display: -webkit-flex;
  
      display: -ms-flexbox;
  
      display: flex;
  
      left: 0;
  
      opacity: 0;
  
      pointer-events: none;
  
      position: absolute;
  
      top: 50%;
  
      -webkit-transform: translate(-100%, -50%);
  
      -ms-transform: translate(-100%, -50%);
  
      transform: translate(-100%, -50%);
  
      -webkit-transition: all .5s;
  
      transition: all .5s;
  
      visibility: hidden;
  
      z-index: 20
  
  }
  
  
  
  @media (max-width:1180px) {
  
      .side_bar>ul>li.side_bar_phone .box {
  
          display: none !important
  
      }
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box:after {
  
      border: 10px dashed transparent;
  
      border-left: 10px solid #fff;
  
      border-right: none;
  
      content: "";
  
      cursor: pointer;
  
      font-size: 0;
  
      height: 0;
  
      line-height: 0;
  
      overflow: hidden;
  
      -webkit-transform: translateX(-1px);
  
      -ms-transform: translateX(-1px);
  
      transform: translateX(-1px);
  
      width: 0
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box_inner {
  
      background-color: rgb(255 255 255/ 1);
  
      border-radius: 5px;
  
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  
      font-family: Manrope;
  
      font-weight: 700;
  
      padding: 15px
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box_inner,
  
  .side_bar>ul>li.side_bar_phone .box_inner .icon {
  
      -webkit-box-align: center;
  
      -ms-flex-align: center;
  
      --tw-bg-opacity: 1;
  
      -webkit-align-items: center;
  
      align-items: center;
  
      display: -webkit-box;
  
      display: -webkit-flex;
  
      display: -ms-flexbox;
  
      display: flex
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box_inner .icon {
  
      -ms-flex-negative: 0;
  
      -webkit-box-pack: center;
  
      -ms-flex-pack: center;
  
      background-color: rgb(243 245 247/ 1);
  
      border-radius: 9999px;
  
      -webkit-flex-shrink: 0;
  
      flex-shrink: 0;
  
      height:42px;
  
      -webkit-justify-content: center;
  
      justify-content: center;
  
      margin-right: 10px;
  
      width:42px
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box_inner .icon svg {
  
      
  
      color: rgb(170 169 175/ 1);
  
      height: 40%;
  
      width: 40%
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box_inner p {
  
      white-space: nowrap
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box_inner p span {
  
      
  
      color: rgb(255 0 0/ 1);
  
      display: block;
  
      font-size: var(--20px)
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone .box_inner p em {
  
      
  
      color: rgb(148 148 148/ 1);
  
      font-size: 14px;
  
      font-style: normal
  
  }
  
  
  
  .side_bar>ul>li.side_bar_phone:hover .box {
  
      opacity: 1;
  
      pointer-events: auto;
  
      visibility: visible
  
  }
  
  
  
  .side_bar>ul>li.side_bar_wechat {
  
      position: relative
  
  }
  
  
  
  .side_bar>ul>li.side_bar_wechat .box {
  
      -webkit-box-align: center;
  
      -ms-flex-align: center;
  
      -webkit-align-items: center;
  
      align-items: center;
  
      display: -webkit-box;
  
      display: -webkit-flex;
  
      display: -ms-flexbox;
  
      display: flex;
  
      left: 0;
  
      opacity: 0;
  
      pointer-events: none;
  
      position: absolute;
  
      top: 50%;
  
      -webkit-transform: translate(-100%, -50%);
  
      -ms-transform: translate(-100%, -50%);
  
      transform: translate(-100%, -50%);
  
      -webkit-transition: all .5s;
  
      transition: all .5s;
  
      visibility: hidden;
  
      width: 120px;
  
      z-index: 20
  
  }
  
  
  
  @media (max-width:1180px) {
  
      .side_bar>ul>li.side_bar_wechat .box {
  
          -webkit-box-orient: vertical;
  
          -webkit-box-direction: normal;
  
          -webkit-box-pack: center;
  
          -ms-flex-pack: center;
  
          bottom: 54px;
  
          -webkit-flex-direction: column;
  
          -ms-flex-direction: column;
  
          flex-direction: column;
  
          -webkit-justify-content: center;
  
          justify-content: center;
  
          left: 50%;
  
          top: auto;
  
          -webkit-transform: translate(-50%);
  
          -ms-transform: translate(-50%);
  
          transform: translate(-50%)
  
      }
  
  }
  
  
  
  .side_bar>ul>li.side_bar_wechat .box:after {
  
      content: ""
  
  }
  
  
  
  @media (max-width:1180px) {
  
      .side_bar>ul>li.side_bar_wechat .box:after {
  
          border: 10px dashed transparent;
  
          border-bottom: none;
  
          border-top: 10px solid #fff;
  
          cursor: pointer;
  
          font-size: 0;
  
          height: 0;
  
          line-height: 0;
  
          overflow: hidden;
  
          -webkit-transform: translateY(-1px);
  
          -ms-transform: translateY(-1px);
  
          transform: translateY(-1px);
  
          width: 0
  
      }
  
  }
  
  
  
  @media (min-width:1180px) {
  
      .side_bar>ul>li.side_bar_wechat .box:after {
  
          border: 10px dashed transparent;
  
          border-left: 10px solid #fff;
  
          border-right: none;
  
          cursor: pointer;
  
          font-size: 0;
  
          height: 0;
  
          line-height: 0;
  
          overflow: hidden;
  
          -webkit-transform: translateX(-1px);
  
          -ms-transform: translateX(-1px);
  
          transform: translateX(-1px);
  
          width: 0
  
      }
  
  }
  
  
  
  .side_bar>ul>li.side_bar_wechat .box p {
  
      background-color: #fff;
  
      border-radius: 5px;
  
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  
      padding: 5px
  
  }
  
  
  
  .side_bar>ul>li.side_bar_wechat .box p span {
  
      display: block;
  
      font-size: 12px;
  
      text-align: center;
  
      white-space: nowrap
  
  }
  
  
  
  .side_bar>ul>li.side_bar_wechat:hover .box {
  
      opacity: 1;
  
      pointer-events: auto;
  
      visibility: visible
  
  }
  
  
  
  @media (min-width:968px) {
  
      .side_bar>ul>li.side_bar_backtotop {
  
          display: none
  
      }
  
  }
  
   
  
  
  
  @media screen and (max-width:1440px) {
  
          .side_bar{ width: 60px; right: 0;}
  
          .side_bar>ul>li{ height: 60px;}
  
          .side_bar>ul>li a{ height: 60px; }
  
      }
  
      
  
      
  
  @keyframes  messageJump {
  
      0% {
  
          -webkit-transform: translateY(0);
  
          transform: translateY(0)
  
      }
  
  
  
      25% {
  
          -webkit-transform: translateY(-5px);
  
          transform: translateY(-5px)
  
      }
  
  
  
      50% {
  
          -webkit-transform: translateY(5px) scale(1.1, .9);
  
          transform: translateY(5px) scale(1.1, .9)
  
      }
  
  
  
      75% {
  
          ransform: translateY(-5px)
  
      }
  
  
  
      to {
  
          -webkit-transform: translateY(0);
  
          transform: translateY(0)
  
      }
  
  }