body{font-size: 16px;} 

header{ width: 100%; height: 100px;  background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}

.w80{ width: 78%; margin: 0 auto;}

.w90{ width: 90%; margin: 0 auto;}



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

.banner .pagination{ position: absolute; bottom: 10%; left: 7vw; z-index: 10; }

.banner .pagination .prev,.banner .pagination .next{ width:60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.banner .pagination .prev:hover,.banner .pagination .next:hover{ background-color: #089d5b;}

.banner .pagination .prev:hover .iconfont,.banner .pagination .next:hover .iconfont{ color: #fff;}

.banTxt{ position: absolute; top: 0; left: 0; z-index: 15; padding-top: 170px;}

.banTxt .desc{ letter-spacing: 5px;}

 



 

nav{ width: 52.5vw;}

nav .oneNav{ font-size: 18px; line-height: 100px; display: block;}

nav .on .oneNav{ color: #1B77A8;}

nav li:hover   .oneNav{ color: #1B77A8;  }



.proNavTwo { position: absolute; top: 100px; left: 0; width: 100vw; transition: all .5s; opacity: 0; transform: scaleY(0); transform-origin: 0 0 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }

.proNavTwo li{ width: 20.5%; margin-right: 6%;  }

.proNavTwo li:nth-child(4n){ margin-right: 0;}





.proNavTwo li .tit a{ display: inline-block; color: #1B77A8;}

.proNavTwo li .tit a::after{ width: 100%; height: 1px; display: block; content: ''; background-color: #1B77A8; position: absolute; left: 0; bottom: 0; transition: all .36s;}

.proNavTwo li .tit:hover a::after{ width: 120%;}

.proNavTwo li a{ display: block; transition: all .36s; color: #777;}

.proNavTwo li a:hover{ font-weight: bold; color: #333;}

.proNavTwo li .tit:hover a{ color: #1B77A8; font-weight: bold;}

nav li:nth-child(3):hover .proNavTwo{   opacity: 1;transform: scaleY(1); }



.logo{ width: 11.2vw;}

 

.h_nav{ height: 60px; width: 60px; background-color:#089d5b; padding: 18px 8px ;    align-items: flex-end; display: none;}

.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }

.h_nav .burger:first-child{ 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; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; overflow-y: scroll; 
     transform: translateX(100%); background-color: #000; 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{  overflow-y: scroll;  }
      .nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
      .nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  background: #089d5b; width: 2px; }
      .nav::-webkit-scrollbar-track {/*滚动条里面轨道*/  background: #f5f5f5; width: 2px; }

.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;}



.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; }



.wap-nav{ display: none;}

.waphebtn{ width: 60px; height: 60px;}

.waphebtn+.waphebtn::after{ width: 1px; height: 20px; background-color: #e5e5e5; position: absolute; left: 0; top: 20px; display: block; content: ''; }



.GlobalBtn{ height: 100px}

.GlobalBtn dl{position:absolute;text-align: center;min-width: 100%; width: auto;top:115px;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;

 }

 .GlobalBtn  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}

 .GlobalBtn  dl dd:last-child{border-bottom:0}

 .GlobalBtn  dl dd a{ padding: 0 10px;  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 }

 .GlobalBtn  dl dd:hover{background:#089d5b}

 .GlobalBtn  dl dd:hover a{color:#fff!important;}

 .GlobalBtn  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}

 .GlobalBtn dl{ 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; }

 .GlobalBtn:hover dl{ 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%); }

 



.idxAbout:hover .idxaboutbg{left: -100%;} 

.idxAbout:hover, .idxAbout:hover .color-666,.idxAbout:hover .color-888, .idxAbout:hover .color-black { color: #fff;} 

.idxAbout:hover .aboutit,.idxAbout:hover .line{filter: grayscale(100%) brightness(500%);}

.idxAbout { height: 850px;}

.idxAbout .video{width: 100%;height: 100%;position: relative;}

.videoImg{ width: 100%; height: 100%; object-fit: cover;}

.idxaboutbg{width: 100%;position: absolute;height: calc(100% + 2px);top: -1px;left: -1px;transition: all 1.56s;z-index: 6;}

.idxaboutbg img{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;width: 100%;min-width: 100%;min-height: 100%}

.idxAbout  .con{position: absolute;width: 60%;height: 100%;top: 0;left: 0;z-index: 10; padding-left: 7vw;}

.aboutit{ margin-bottom: -50px;width: 38vw; opacity: .3;} 

.idxAbout .paly{

	width: 100px;

	cursor: pointer;

	background: #fff;

	border-radius: 50%;

	height: 100px;

	position: absolute;

	right: 7vw;

	top: 50%;

	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);

	animation: ripple-wave1 1s linear infinite;

	animation-play-state: running;

	opacity: 1;

	visibility: visible;

	transform:translateY(-50%) scale(1);

	-webkit-animation: ripple-wave1 1s linear infinite;

	transform: scale(0.8);

	-webkit-transform:translateY(-50%) scale(1);

	-moz-transform:translateY(-50%) scale(1);

	-ms-transform:translateY(-50%) scale(1);

	-o-transform:translateY(-50%) scale(1);

}



.numUl i{ position: absolute; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;  background-color: #089d5b; color: #fff; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.color{ color: #1b77a8;}



.idxPro{ background:   #f5f5f5;  }

.idxproList li{ width: 31.5%; margin-right: 2.75%;  }

.idxproList li:nth-child(3n){ margin-right: 0;}

.idxproList li .img{ width: 100%;  height: 360px; }

.idxproList li .img a{ width: 100%; height: 100%;}

.idxproList li .img img{ max-width: 90%; max-height: 90%; object-fit: cover;}

.idxproList li .txt{ padding-top: 0;}

.idxproList li .btn a{ width:150px ; height: 46px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; }

.ljgd{ background-color: #089d5b; color: #fff;  border-color: #089d5b;}

 

.idxproList li:hover{ box-shadow: 0 0 0 10px #089d5b; color: #089d5b; transform: scale(0.95)  ; -webkit-transform: scale(0.95)  ; -moz-transform: scale(0.95)  ; -ms-transform: scale(0.95)  ; -o-transform: scale(0.95)  ; }

.ljgd:hover,.ljzx:hover{ background-color: #089d5b; color: #fff; transform: translateY(-8px);}



.idxNewsItem .more{ width: 225px; height: 65px;}

.idxNewsItem .desc{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}

.idxNewsItem img{ width: 100%; height:270px ; object-fit: cover; position: relative; z-index: 2; transform: translateY(-100%);}

.idxNewsItem .more{ position: absolute; z-index: 3; bottom: 0; left: 0;}

.idxNewsItem .more::before{ width: 100%;  height: 0; background-color: #089d5b; transition: all .36s; display: block; content: ''; top: 0; left: 0;  position: absolute;}

.idxNewsItem .more i{ z-index: 5;}

.idxNewsItem:hover img{ transform: translateY(0);}

.idxNewsItem:hover .more{ background-color: #089d5b; color: #fff; border-color: #089d5b;}

.idxNewsItem:hover .more::before{ height: 100%;}

.idxNewsItem:hover .time{ color: #089d5b;}



.caselist  .idxNewsItem img{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

.caselist  .idxNewsItem .more{ background-color: #089d5b; color: #fff; border-color: #089d5b;}

.caselist  .idxNewsItem .more::before{ height: 100%;}

.caselist .idxNewsItem: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); }

 

@media screen and (min-width:750px) {

.idxNewsItem.swiper-slide-active img{ transform: translateY(0);}

.idxNewsItem.swiper-slide-active .more{ background-color: #089d5b; color: #fff; border-color: #089d5b;}

.idxNewsItem.swiper-slide-active .more::before{ height: 100%;}

.idxNewsItem.swiper-slide-active  .time{ color: #089d5b;}

}

/* cursor: url(../images/mouse.svg) ,default; */

#kefuSwiper{ height:450px ; } 

.idxKehu{ background: /*url(../images/bg1.jpg) no-repeat center center*/ #f9f9f9; background-size: cover;}

#kefuSwiper .swiper-slide{height:450px ; }

.picList{ width: 100%; height:450px ; } 

.picList li{ width:calc((100% - 180px)/7); margin-right: 30px; height: 120px; margin-bottom: 30px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.picList li img{max-width: 95%; max-height: 95%;}

.picList li:nth-child(7n){ margin-right: 0;}

.picList li:hover{ transform:scale(0.95) ; box-shadow: 0 0 10px rgba(8, 157, 91, .5); -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }



footer{ background-color: #1e1d1d; color: rgba(255, 255, 255, 0.5);}

footer a:hover{ color: #fff;} 

footer .border-bottom,footer .border{ border-color:   rgba(255, 255, 255, 0.15);}

footer .top a{ margin-right: 15px;}

footer .center .yuan{ width: 50px; height: 50px;}

footer .center dt{ margin-bottom: 10px;}

footer .center  dd{ line-height: 2.4;}

.footpronav{ width: 280px;}

.footpronav dd{ width: 50%;}

.ewmUl img{  width: 130px;}



/* .neiBan{ margin-top: 60px;} */

.neiBan .txt{  position: absolute; left: 10%; top: 0; }

.location{ position: absolute; left: 10%; bottom: 0; height: 100px;}

.neiNav{ box-shadow: 0 0 10px rgba(0,0,0,.15);}

.neiNav a{ display: inline-block; line-height: 100px; margin-right: 70px;}

.neiNav a:hover{ color: #089d5b; font-weight: bold;}

.neiNav a.on{ color: #fff; background-color: #089d5b; padding: 0 25px;}

.neiNav a.on:hover{ font-weight: bold; color: #fff;}

.introduction .left{ width: 29%;}

.introduction .right{ width: 71%;}



.culture .top{ background: url(../images/culturebg.jpg) no-repeat center center; background-size: cover;background-attachment: fixed; position: relative;}

.culture .top li{ height: 660px;   border-right: 1px solid rgba(255, 255, 255, 0.2); width: calc(100% / 3);perspective: 200px;}

.culture .top .line{ width: 30px; height: 4px;}

.culture .top li:last-child{ border-right: none;}

.culture .top li div{ position: relative; z-index: 5;}

.culture .top li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.culture .top li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }

.culture .top li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }



.culture .bot li{ height: 400px;   border-right: 1px solid rgba(0, 0, 0, 0.05); width: calc(100% / 3); }

.cultureIcon{ height: 100px;}



.Honors { background: url(../images/honorsbg.jpg) no-repeat center center; background-size: cover;}





#honorSwiper{  }

#honorSwiper .swiper-slide{ opacity: 0.6;}

#honorSwiper .swiper-slide .img{ width: 100%; height:500px; display: flex; align-items: center; justify-content: center; cursor: pointer !important;}

#honorSwiper .swiper-slide img{ border: 6px solid #f5f5f5;}

#honorSwiper .swiper-slide.swiper-slide-active{ opacity: 1;}

#honorSwiper .swiper-slide .f20{   opacity: 0;}

#honorSwiper .swiper-slide.swiper-slide-active .f20{  opacity: 1;}



.honorBtnbox{ position: absolute; bottom: 0;  width: 40%; left:30%; z-index: 10;}

.honorBtn{ cursor: pointer; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #089d5b; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.honorBtn:hover{ background-color: #089d5b; }

.honorBtn:hover .color-blue{color: #fff;}

.kefu .picList{ padding: 10px;}

.kefu .picList li{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.equipment{ background: url(../images/equipmentbg.jpg) no-repeat center center; background-size: cover;}



#equipmentSwiper .swiper-slide .txt{ height: 80px; line-height: 80px;}

#equipmentSwiper .swiper-slide: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); }

.equipment .prev,.equipment .next{ width: 50px; height: 50px; border-color: #089d5b;  position: absolute; top: 50%; margin-top: -25px; z-index: 10; } 

.equipment .prev{ left: -80px;}

.equipment .next{ right: -80px;}

.equipment .prev:hover,.equipment .next:hover{ background-color: #089d5b; color: #fff;}

#customSwiper{ height: 400px;}

#customSwiper .swiper-slide{ height: calc((100% - 80px) / 3); transition: all .36s; padding: 5px; 

	 -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

#customSwiper .swiper-slide .img{ width: 100%; background-color: #fff; height: 100%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); */

#customSwiper .swiper-slide .img img{ max-width: 90%; max-height: 90%;}



#customSwiper .swiper-slide .img:hover{ box-shadow: 0 0 15px rgba(0,0,0, .1); transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }

.kefu #customSwiper .swiper-slide .img{ box-shadow: 0  0  10px rgba(0,0,0, .1);}

.kefu #customSwiper .swiper-slide:hover .img{box-shadow: 0   0 10px rgba(0,0,0, .2); transform: scale(.95);}

.proBanImg{ position: absolute; right: 10%; top: 50%; max-height: calc(100% - 70px); transform: translateY(-50%) ; margin-top: 60px; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; }



.proNav{display: grid; grid-gap: 30px 20px ; grid-template-columns: repeat(7,1fr);}

.proNav a{ height: 58px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.proNav a.on,.proNav a:hover{ background-color: #089d5b; color: #fff; box-shadow: 0 0 10px rgba(8, 157, 91, .5);}

.proNav a.on img,.proNav a:hover img{filter: grayscale(100%) brightness(500%);}

/* .proNav a{ width: 13.2%; margin-bottom: 25px;} */



.proTxt .desc:after{ width: 8%; height: 4px; background-color: #089d5b; content: ''; display: block; content: ''; left: 0; bottom: -2px; position: absolute;}

.proTxt .info{ height:16em;}

.proTxt .btn a{ width: 25%; height: 60px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.proTxt .btn a:first-child{ width:40% ;}

.proTxt .btn a:hover{ background-color: #089d5b; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.proImgBox{ height: 680px;  }

#proInfoSwiper{ width: 100%; height: 100%;}

#proInfoSwiper .swiper-slide img{ max-width: 100%; max-height: 100%; }

.proImgBox .prev,.proImgBox .next{ width: 66px; height: 66px; position: absolute; top: 50%; margin-top: -33px; z-index: 10;}

.proImgBox .prev{ left: 15px;}

.proImgBox .next{ right: 15px;}

.proImgBox .prev:hover,.proImgBox .next:hover{ background-color: #089d5b; color: #fff;}



.proTWO li{ width: 25%; }

.proTWO li::after{ width: 1px; height: 30%; position: absolute; right: 0; top: 35%; background-color: #ededed; display: block; content: '';}

 

.proThere .title::after{ width:5%; left: 47%; height: 4px; position: absolute;  bottom: -2px; background-color: #089d5b; display: block; content: '';}

.proFive .title::after{ width:5%; left: 47%; height: 4px; position: absolute;  bottom: -2px; background-color: #089d5b; display: block; content: '';}

.yamleft{ width: 60%;}

.yamImg{  position: absolute; right: 1px; top:10%; 

    height: 80%; cursor: pointer;  z-index: 10;

    width: auto;}

.proSix .submit{ width: 35%; border-radius: 35px;  -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }



.proSix .line{ width: 5%; height: 4px;}



.caselist li{  width: 31.5%; margin-right:2.75% ; }

.caselist li:nth-child(3n){   margin-right:0 ; }

.caselist li  .img img{ width: 100%; height: 320px; object-fit: cover;}

.caselist li .txt span{ padding: 5px 0; display: inline-block;}

.caselist li .txt span::after{ width: 100%; height: 100%; display: block; content: ''; position: absolute; left: 0; top: 0; background-color: #089d5b; transition: all .36s; transform:scale(0,0) ; -webkit-transform:scale(0,0) ; -moz-transform:scale(0,0) ; -ms-transform:scale(0,0) ; -o-transform:scale(0,0) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 

.caselist li:hover 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) ; }

.caselist li:hover .txt span{ padding: 5px 25px; color: #fff; }

.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{ color: #089d5b; box-shadow: 0 0 10px rgba(8, 157, 91, .15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }



.zahnwei{ padding-top: 100px; margin-top: -100px;}



.newswiper .swiper-container{ box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.newswiper .swiper-slide{ border-radius: 30px;}

 

.newswiper .swiper-slide .img img{  width: 100%; height: 570px; object-fit: cover;}

.newswiper .swiper-slide .txt .line{ width: 0; margin-right: 10px; height: 2px; background-color: #089d5b; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.newswiper .swiper-slide:hover .line{ width: 50px;}

.newswiper .swiper-slide:hover { color: #089d5b;}

.newswiper .swiper-slide .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;

   }

    



   

.newswiper .swiper-slide:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}

.newswiper .next,.newswiper .prev{ width: 76px; height: 76px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);

z-index: 10;}

.newswiper .next{ right: -100px;}

.newswiper .prev{ left: -100px;}

.newswiper .next:hover,.newswiper .prev:hover{ color: #fff; background-color: #089d5b;}



.newslist li{  width: 28.1%; margin-right: 7.85%; margin-bottom: 70px;}

.newslist li:nth-child(3n){ margin-right: 0;}







.newsLeft{ width: 68%;}

.newsLeft img{ margin: 5px auto;}

.newsRight{ width:  26%;}

.newsRight .title{ border-left: 3px solid #089d5b;}

.morenuewsUl li .img img{ width: 185px; height: 115px; object-fit: cover;}

.morenuewsUl li .txt{ width: calc(100% - 210px);}

.morenuewsUl 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); }

.morenuewsUl li:hover { color: #089d5b;}



.proClassright .yuan{ width: 60px; height: 60px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.proClassright .yuan img{ max-width: 80%; max-height: 80%;}

.newsPage{  border-top: 3px solid #f1f1f1; }

.newsPage a{ width: 40%;}

.proClassright a{ width: 100%;   background-color: #fff;  }

.proClassright a:hover{ color: #089d5b;}

.proClassright a:hover .yuan{ background-color: #089d5b;}

.proClassright a:hover .yuan img{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }



.proFive  table tbody tr:hover {

    

    background-color: #c7c7c7;

     

}

.proFive  table tbody tr:hover td{ background-color: #c7c7c7;}



.technicalist li{ position: relative;}

.technicalist li .txt{ width: 54%;}

.technicalist li .img{ width: 42%;}

.technicalist li +li{ margin-top: 60px;}

.technicalist li .img img{ width: 100%; height: 390px; object-fit: cover;} 

.technicalist li:hover{ color: #089d5b;}

.technicalist li::after{ width: 0; height: 2px; background-color: #089d5b; position: absolute; bottom: 0; left: 0; transition: all .6s; display: block; content: ''; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }

.technicalist li:hover::after{ width: 100%;}

.technicalist 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); }

.technicalist li .more{ display: inline-block; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.technicalist li:hover .more{ padding: 8px 25px; background-color: #089d5b; color: #fff;}



.map{ width: 100%; height: 620px;}



 

.serachTop .input {

	width: 85%;

	height: 76px;

	 

	padding-left: 70px;

	background: url(../images/searchbg.png) no-repeat left 20px center #f7f8f9;

 

}



.serachBox{ margin-top: 100px;}

.serachTop .submit {

	width: 15.6%;

	height: 76px; 

	color: #fff;

} 

.searchList li::after {

  position: absolute;

  content: '';

  left: 0;

 

  bottom: 0;

  height: 1px;

  background: #089d5b;

  transition: all 0.5s;

  width: 0;

} 

.searchList li:hover{ color: #089d5b; }

.searchList li:hover::after{ width: 100%;}



      



.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)

    }

}