body{ font-size: 16px;}
.w90{ width: 90%; margin: 0 auto;}
.w76{ width: 76%; margin: 0 auto;}
header{ position:fixed ; left: 0; top: 0; width: 100%; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);  padding: 0 80px; z-index: 100;}
.language{ height: 90px; padding: 0 30px;}
.searchbox{ width: 250px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.searchbox .keys{ width: calc(100% - 50px); padding-left: 18px;}
.searchbox .submit{height: 40px; width: 40px; background: url(../images/serachBtn.png) no-repeat center center; background-size: auto 42%; cursor: pointer;}
nav li{ padding: 0 25px; position: relative; }
nav li a.oneNav{ line-height: 90px; font-size: 18px;}
nav li a.oneNav:hover{ color: #006a77;}
nav  li dl{position:absolute;text-align: center;min-width: 100%; width: auto;top:100px;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 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 }
nav  li dl dd:hover{background:#006a77}
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 #fff;top:-9px;left:50%;margin-left:-9px}
nav  li 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; }
.iconfont.icon-arrow-down{ transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.iconfont.icon-arrow-down.up{ transform: rotate(180deg) ; -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -ms-transform: rotate(180deg) ; -o-transform: rotate(180deg) ; }
@media screen and (min-width:1000px) {

	nav  li: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%); -webkit-filter:alpha(opacity=100); }
	nav  li>a:hover:after{top:0}
	nav  li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}
	
}


.toplanguage{
	position: absolute ;
	transition: all .36s;
	padding: 15px;
	background-color: #fff;
	top: 100px;
	right: 50%;
	width: 70px;  margin-right: -35px;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px) ;
	-webkit-transform: translateY(20px) ;
	-moz-transform: translateY(20px) ;
	-ms-transform: translateY(20px) ;
	-o-transform: translateY(20px) ;
  }
  
  .toplanguage::after{
   content: "";
   position: absolute;
   border-width: 0 9px 9px;
   border-style: solid;
   border-color: transparent transparent #fff;
   top: -9px;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
  }
  .toplanguage a{ display:  block; padding: 8px 0; text-align: center; border-bottom: 1px solid #e5e5e5; color: #333;}
  .toplanguage a:hover{ color: #006a77;}
  .language:hover .toplanguage{ visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none }

.wapShow{ display: none;}
nav li.on .oneNav{ color: #006a77;}
.h_nav{ height: 60px; width: 60px; background-color:#006a77; 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; -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}
.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); }

.banner{ margin-top: 90px;}
.banner .swiper-pagination-bullet{ border-radius: 0px !important; width: 50px; height: 5px; margin: 0 10px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; }

.commonlink {width: 220px;line-height: 60px;  display: block;perspective: 500;-webkit-perspective: 500; }
.commonlink .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d;        transform-style: preserve-3d;pointer-events: none;}
.commonlink .f { background: #f5f7fa; } 
.commonlink .t {position: absolute;background-color: #006a77; color: #fff; width: 100%;height: 100%; left: 0 ;top: -60px;-webkit-transform-origin: center bottom;    -ms-transform-origin: center bottom;        transform-origin: center bottom;-webkit-transform: rotateX(90deg);        transform: rotateX(90deg);-webkit-backface-visibility: hidden;        backface-visibility: hidden;}
.commonlink:hover .w { transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg); }

.newPro li{ width: 48.6%;}
.newPro li:nth-child(2n){ margin-right: 0;}
.newPro li .img{ position: absolute; right: 30px;  z-index: 1;  height:100%; width: 60%; top: 0;
display: flex; align-items: center; justify-content: flex-end;
}
.newPro li .img img{max-width: 100%; max-height: 80%;}
.newPro li .img::before{ background: url(../images/NEW.png) no-repeat center center; background-size: 100% auto; width: 50px; height: 50px; display: block; content: ''; position: absolute; top: 15px; right: 0;}
.newPro li .txt{ position: relative; z-index: 2; width: 45%;}
.ljgd,.ljzx{ width: 120px; height: 44px; border-radius: 22px; border: 1px solid #a8aeba; transition: all .36s;}
.ljgd{ background-color: #f5f7fa;  border-color: #f5f7fa;}
.newPro li:hover{ box-shadow: 0 0 0 10px rgba(0 ,106, 119, 1); color: #006a77; 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: #006a77; color: #fff; transform: translateY(-8px);}

.tabpro{ border-right: 1px solid #e5e5e5;}
.tabpro li{ padding: 30px 50px; color: #999; border-left: 1px solid #e5e5e5; cursor: pointer;}
.tabpro li img{ margin-bottom: 15px; height: 36px; filter: grayscale(100%) brightness(100%); -webkit-filter: grayscale(100%) brightness(100%); }
.tabpro li.on{ background-image: linear-gradient(to bottom,#fff,transparent); color: #006a77;}
.tabpro li.on img{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }

.idxproUl li{ width: 24.3%; margin-right: .93%; margin-top: 15px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 
.idxproUl li:nth-child(4n){ margin-right: 0;}
.idxproUl li .img{  width: 100%; height: 310px;}
.idxproUl li .img img.biaozhi{ position: absolute; left: 0; top: 0; height: 25px; z-index: 5;}
.idxproUl li .img img.pic{ max-width: 80%; max-height: 80%;}
.idxproUl li:hover{ transform: translateY(-5px); box-shadow: 0 0 10px rgba(0 ,106, 119, .15); color: #006a77; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.idxproUl li.more{ background-color: #e9eff3;}
.idxproUl li.more .line{ height: 2px ; width: 20%; background: #ccc;}
.idxproUl li.more::after{ width: 25px; height: 25px; background: url(../images/san.png) no-repeat left top; background-size: auto 100%; 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%); }
.protabCon figure{ display: none;}
.protabCon figure.on{ display: block;}
.hidden{ overflow: hidden;}
.idxAbout{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover; position: relative; background-attachment: fixed;}
.idxAboutmore{ width: 200px; height: 50px; transition: all .36s; border: 1px solid #fff; padding: 0 22px; position: relative; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxAboutmore span,.idxAboutmore i{ position: relative;z-index: 5;}
.idxAboutmore::after{ width: 0; height: 100%; display: block; content: ''; position: absolute; left: 0; top: 0; background-color: #006a77; transition: all .42s; z-index: 1; -webkit-transition: all .42s; -moz-transition: all .42s; -ms-transition: all .42s; -o-transition: all .42s; }
.idxAboutmore:hover::after{ width: 100%;}
.idxAboutmore:hover{ border-color: #006a77; box-shadow: 0 0 10px rgba(255 ,255, 255, 0.5);}
.numUl li{ padding: 0 70px;}
.idxAboutCon{ background: url(../images/map.png) no-repeat center left 30% #fff; background-size: 40% auto }
.idxAboutCon .line{ width: 30px; height: 3px;}
.idxAboutMore { width: 200px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.light{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transform: skewx(-25deg);
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));}
.light-tri:hover .light{ left: 100%; transition: 1s;}
.light-tri:hover{ box-shadow: 0 0 10px rgba(0 ,106, 119, .5);}

.idxNewItem a{ display:block; z-index: 10 }
.idxNewItem .img span{ position: absolute; bottom: 0; left: 0; padding: 5px 10px; z-index: 3;}
.idxNewItem .img img{ width: 100%; height:325px ; object-fit: cover;}
.idxNewItem .txt span{ border: 2px solid #e5e5e5; display: inline-block; padding: 5px 30px; transform: ; transition: all .36s; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxNewItem:hover { color: #006a77;}
.idxNewItem:hover .txt span{ background-color: #006a77; color: #fff; border-color: #006a77; transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }
.idxNewItem: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); }

footer{ background-color: #02464f; color: rgba(255 ,255, 255, 0.9); }
footer dt{ font-size: 20px; margin-bottom: 18px;}
footer dl dd{ line-height: 2.4;}
footer .iconfont{ color:  rgba(255 ,255, 255, 0.4); font-size: 30px;}
.contactnav{  width: 24%;}
.footewm{ width: 130px; margin-bottom: 10px;}
footer .bot{ color: rgba(255 ,255, 255, 0.4);}
footer .bot a:hover{ color: #fff;}


.page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 25; opacity: 0; transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; -moz-transition: transform .3s, opacity .3s; -ms-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; }
.page-aside.show {transform: translateX(0);opacity: 1}
.page-aside .img {max-width: 100%}
.page-aside-item {width: 54px;text-align: center;height: 50px;position: relative;z-index: 1;cursor: pointer;display: block;background-color: rgba(0, 0, 0, .5);margin: 4px 0;border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;padding-right: 6px;transition: transform .3s;display: flex;align-items: center;justify-content: center}
.page-aside-item .icon {width: 24px}
#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}
#toolbar a {width: 25%;padding: 10px 0;text-align: center;color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#toolbar img{ height: 20px; margin-bottom:5px;}

.neiBan{ margin-top: 90px;}
.neiBan .txt{ position: absolute; top: 0; left: 0; padding: 20px; text-align: center;}
.neiBan .txt .f24{ letter-spacing: 3px;}

 
.sedNav a{ line-height: 80px; display: inline-block; margin-right: 60px; position: relative;}
.sedNav a.on::after{ display: block; content: ''; background-color: #006a77; width: 100%; height: 2px;}
.sedNav a.on{ color: #006a77;}
.sedNav a:hover{ color: #006a77;}
.yyNav a{ line-height: 80px; display: inline-block; margin: 0 45px; position: relative;}
.yyNav a.on::after{ display: block; content: ''; background-color: #006a77; width: 100%; height: 2px;}
.yyNav a.on{ color: #006a77;}
.yyNav a:hover{ color: #006a77;}

.introduction{ background: url(../images/bg2.jpg) no-repeat center bottom; background-size: cover;}
.introductionCon .txt{ width: 69.4%;}
.introductionCon .img{ width: 25%;}
.introductionCon .img li:last-child{ margin-bottom: 0;}

.zhanwei{ padding-top: 100px; margin-top: -100px;}
.cultureUl  li{ position: relative; transition: all .36s; overflow: hidden; width: 32%; margin-right: 2%; margin-bottom: 30px; background-color: #f5f7fa; border-radius: 0 40px 0 40px; -webkit-border-radius: 0 40px 0 40px; -moz-border-radius: 0 40px 0 40px; -ms-border-radius: 0 40px 0 40px; -o-border-radius: 0 40px 0 40px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.cultureUl  li:nth-child(3n){ margin-right: 0;}
.cultureUl .img{ justify-content: flex-end;}
.cultureUl .img img{ height: 80px; position: relative; z-index: 5; }
.cultureImg{ width: 100%; height: 100%; object-fit: cover;}
.cultureUl  li div{ position: relative; z-index: 5;}
.cultureUl  li::after{ width: 100%; height: 100%; position: absolute; top: 0; transition: all .5s; left: 0; background-color: #006a77; display: block; content: ''; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.cultureUl  li:hover{ box-shadow: 0 0 10px rgba(0 ,106, 119, .5); color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.cultureUl  li:hover::after{ transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); }
.cultureUl  li:hover .img img{filter: grayscale(100%) brightness(500%);  }
.cultureUl  li:last-child:hover::after{ display: none;}

.cultureImgul .txt{ position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3);}
.cultureImgul .line{ height: 2px; width: 30px; background-color: #fff;}
.cultureImgul .img:hover .txt{ background: rgba(0, 0, 0, .5);}
.cultureImgul .img:hover .line{ width: 50%;}
.cultureImgul .img: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); }

.customerUl li{ margin-bottom: 30px; width: 18%; margin-right: 2.5%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.customerUl li .img { height: 145px;}
.customerUl li .img img{ max-height: 90%; max-width: 90%;}
.customerUl li:nth-child(5n){ margin-right: 0;}
.customerUl li:hover{ border-color: #fff; box-shadow: 0 0 10px rgba(0 ,106, 119, .5);}

.proLeft{  width: 25%;}
.proRight{ width: 75%;}

.proLeft dl dt{ height: 90px; line-height: 90px; border-bottom: 1px solid #e5e5e5;}
.proLeft dl a{ display: block;}
.proLeft dl ul{padding-left:40px ;}
.proLeft dl dd{ height: 70px; line-height: 70px;border-bottom: 1px solid #e5e5e5;   position: relative;}
.proLeft dl a:hover{ color: #006a77;}
.proLeft dl ul{ display: none;}
.proLeft dl i{ position: absolute; transition: all .36s;color: #006a77; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proLeft dl dd i{right: 30px; opacity: 0;}
.proLeft dl.on dt a{ font-weight: bold;color: #006a77;}
.proLeft dl.on ul{ display: block; }
.proLeft dl dd:hover i{ right: 0; opacity: 1;}
.proLeft dl dt .an{ width: 50px; height: 50px; background: url(../images/jia.png) no-repeat center center; cursor: pointer; background-size: 40% auto; }
.proLeft dl.on  .an{ background: url(../images/jian.png) no-repeat center center;background-size: 40% auto;}

.proUllist li{ width: 33.3%; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; position: relative;} 
.proUllist li .img{  width: 100%; height: 400px;}
.proUllist li .img img.biaozhi{ position: absolute; left: 0; top: 0;  width: 30%;  z-index: 5;}
.proUllist li .img img.pic{ max-width: 80%; max-height: 80%;}
.proUllist a .bar{position: absolute;background-color: #006a77;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);}
.proUllist a .bar.top {left: -1px;right: 100%;height: 1px;top: -1px;}
.proUllist a .bar.left {top: 100%;bottom: -1px;width: 1px;left: -1px;}
.proUllist a .bar.right {top: -1px;bottom: 100%;width: 1px;right: 0px;}
.proUllist a .bar.bottom {left: 100%;right: -1px;height: 1px;bottom: 0px;}
.proUllist a .ball {position: absolute;width: 10px;height: 10px; background: #fff;  border:1px solid #006a77; border-radius: 100%;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);opacity: 0; z-index: 333;}
.proUllist a .ball.tl {top: 100%;left: -3px;}
.proUllist a .ball.tr {top: -3px;right: 100%;}
.proUllist a .ball.bl {bottom: -3px;left: 100%;}
.proUllist a .ball.br {bottom: 100%;right: -3px;}
.proUllist a:hover .bar.top{ right: -1px;}
.proUllist a:hover .bar.left{ top: -1px}
.proUllist a:hover .bar.right{ bottom: -1px;}
.proUllist a:hover .bar.bottom{left: -1px;}
.proUllist a:hover .ball.tl{ top: -5px;}
.proUllist a:hover .ball.tr{right: -5px;}
.proUllist a:hover .ball.bl{left: -5px;}
.proUllist a:hover .ball.br{bottom: -5px;}
.proUllist a:hover .ball{ opacity: 1;}
 
/* .proUllist+.pglist{ margin-top: 50px; padding-bottom: 50px;} */

.cellMenuBox{
    margin: 0 auto;
    width: 100%;
}

.neiNav{ padding: 15px 20px;  width: 100%;}
.menuItem{
    height: 50px;
    border-bottom: 1px solid #EBEBEB;
    padding-top: 15px;
    display: flex;
	position: relative;
}
.menuItem .topTitle{
    font-size: 15px;
    
    font-weight: 500;
    opacity: 1;
    width: 92%;
}
.menuItem .topTitle a{
    display: block;
}
.menuItem .topTitleActive{
    color:#006a77;
    border-bottom: 2px solid #006a77;
}
 
.menuItem .topBtn img{
    position: absolute;
    height: 40%;
}
.topBtnActive{
    margin-top: 0; 
}
.menuDetail{
    width:92%;
    /*margin: 0 auto;*/
    background:#e5e2f0;
    opacity:1;
    padding: 2% 4.7%;
    position: absolute;
	top: 100%;
	z-index: 99;
}
.menuDetail li{
    font-size: 14px;
    
    line-height:2.4;
    color:rgba(68,68,68,1);
    opacity:1;
}
.menuDetail li a{
    display: block;
    width: 100%;
}
.menuDetail li:hover{
    color: #006a77!important;
}
 
.proTop{ flex-direction: row-reverse;}
.proTop .img { width: 52%;  }
.proTop .img .left{ width: 18%; height: 500px; }
.proTop .img .left .swiper-slide{height: calc((100% - 45px) / 4); }
  
.proTop .img .left  .swiper-slide-thumb-active{ border: 1px solid red;}
.proTop .img   .swiper-slide img{ max-width:90% ; max-height:90% ; object-fit: cover;}
.proTop .img .left .swiper-container{ width: 100%; height: 500px;}
.proTop .img .right{ width: 79.6%;}
.proTop .img .right .swiper-slide {  height: 500px;   }
.proTop .img .right .btn{ width:70px; height: 70px; cursor: pointer; z-index: 10; background: rgba(255, 255, 255, .8); border-radius: 50%; top: 50%; margin-top: -35px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.proTop .img .right .btn.prev{ left: 2%;}
.proTop .img .right .btn.next{ right: 2%;}
.proTop .img .right .btn:hover{background-color: #006a77;}
.proTop .img .right .btn:hover .iconfont{ color: #fff;}

.proTop  .txt{  width: 44%;}

.proTop a{ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.proTop a:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(0 ,106, 119, 0.2); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.proBot .left{ width: 64%;}
.proBot .left .tilte span{ line-height: 1; border-left: 4px solid #006a77; }
.proBot .right{ width: 30%;}

.proBotInfo img{ margin:5px  0 ;   }
.border-right{ border-right: 1px solid #e5e5e5;}
.xgItem .img{ height: 160px;}
.xgItem .img img{ max-height: 90%;}
.xgItem:hover{ border-color: #fff; box-shadow: 0 0 10px rgba(0 ,106, 119, .25); color: #006a77;}
.xgItem +.xgItem{ margin-top: 30px;}

.yylist li {  width: 48.5%; margin-right: 3%; margin-bottom: 40px;}
.yylist li:nth-child(2n){ margin-right: 0;}
.yylist li .img span{ background-color: #006a77; color: #fff; position: absolute; bottom: 0; right: 0; padding: 5px 15px;}
.yylist li .img img{ width: 100%; object-fit: cover; height: 440px;}
.yylist li:hover{ color: #006a77; box-shadow: 0 0 10px rgba(0 ,106, 119, .2);}
.yylist 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); }

.equipmentlist li{ width: 31.25%; margin-bottom: 40px; margin-right: 3.125%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.equipmentlist li a{ position: relative; z-index: 5;}
.equipmentlist li::before{ height: 100%; width: 0; transition: all .8s; display: block; content: ''; position: absolute; bottom: 0; left: 0; background-color: #006a77; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }
.equipmentlist li:nth-child(3n){ margin-right: 0;}
.equipmentlist li img{ width: 100%; height: 380px; object-fit: cover;border-radius: 20px;}
.equipmentlist li:hover{ color: #fff; background: #006a77; transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }
.equipmentlist li:hover::before{ width: 100%;}
.equipmentlist 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); }

.videolist li{width: 31.25%; margin-bottom: 40px; margin-right: 3.125%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.videolist li:nth-child(3n){ margin-right: 0;}
.videolist li img.suo{ width: 100%; 

/*height: 380px; */

object-fit: cover;border-radius: 20px;}
.videolist li:hover{ background-color: #006a77; color: #fff;}
.videolist li:hover img.suo{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.videolist li .anniu{ position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; left: 0;}

.VideoItem .play{ border: 1px solid #fff; border-radius: 50%; width: 84px; height: 84px;} 
.VideoItem .play .iconfont{  font-size: 30px; z-index: 5;}
.VideoItem .play::before{ width: 120% ; height: 120%; position: absolute; content: ''; z-index: 1;   display: block; top: -10%; left: -10%; transition: all .36s; border-radius: 50%; transform: scale(0); background-color: rgba(255, 255, 255, 0.6);}
.VideoItem:hover .play::before{ transform: scale(1);}
.VideoItem:hover .play{ color: #006a77; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1);}
.VideoItem:hover img{ transform: scale(1.1);}


.qualitylist li{ width: 31.25%; margin-bottom: 40px; margin-right: 3.125%;}
.qualitylist li:nth-child(3n){ margin-right: 0;}
.qualitylist li .img{ height: 420px;}
.qualitylist li .img img{ max-width: 100%; max-height: 100%;}
.qualitylist li:hover { box-shadow: 0 0 10px rgba(0 ,106, 119, .25);}

.research::before{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; z-index: 1; content: ''; background: url(../images/bg3.jpg) no-repeat top  center; background-size:cover;}
.research>div{ position: relative; z-index: 5;}
.researchline{ background-color: #ff0000; height: 4px; width: 40px; margin-top: 20px; margin-bottom: 20px;}

.researchtabtit li{ flex: 1 ; cursor: pointer;}
.researchtabtit li.on{ background-color: #006a77; color: #fff;}

.researchtabCon{ box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.researchUl .f24{ border-left: 3px solid #006a77; line-height: 1; } 
.researchUl .img img{ border-radius: 0 40px 0 40px; -webkit-border-radius: 0 40px 0 40px; -moz-border-radius: 0 40px 0 40px; -ms-border-radius: 0 40px 0 40px; -o-border-radius: 0 40px 0 40px; }
.researchUl li:nth-child(2n){ flex-direction: row-reverse;}
.researchUl li+ li{ margin-top: 50px;}
.researchUl li .txt{ padding-right: 60px;}
.researchUl li:nth-child(2n) .txt{ padding-right: 0; padding-left: 60px;}
.researchtabCon figure{ display: none;}
.researchtabCon figure.on{ display: block;}

.newTop .txt .line{  width: 50px; height: 3px; }
.newTopmore{ padding: 12px 25px; display: inline-block;}
.newTop .img img{  width: 100%; height: 520px; object-fit: cover;}

.newslist li{ width: 31.25%; margin-right: 3.125%; margin-bottom: 40px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newsLeft{ width: 70%;}
.newsRight{ width: 25%; border-left: 1px solid #e5e2f0;}
.newsInfo img{   margin: 5px auto;}
.newsRightPage a{ display: block;}
.newsRightPage a:last-child{ margin-top:25px;}
.tjlist .txt{ width: calc(100% - 120px);}
.tjlist .img img{ object-fit: cover; width: 100px; height: 80px;}
.tjlist 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); }
.tjlist li:hover { color: #006a77; border-color: #006a77;}

.contactmap{ width: 65%; height: 520px;}
.contactStyle{ width: 35%; align-items: center;}
.contactStyle .icon{ border-radius: 50%; width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.contactIcon li{ width: 19.4%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.contactIcon li:hover{ box-shadow: 0 0 10px rgba(0 ,106, 119, .3); border-radius: 20px; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.contactIcon li img{ height: 30px;}

.onlineinput{ border: 1px solid #e5e2f0; background-color: #f5f7fa; width: 23.8%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.onlinetextarea{ width: 100%; border: 1px solid #e5e2f0; background-color: #f5f7fa;border-radius: 30px;}

.btntj,.btnqx{ border: 1px solid #e5e5e5;   border-radius:30px ;  margin: 0 15px;  width: 230px; height: 60px; display: flex; align-items: center; justify-content: center; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
.btntj{ border-color: #006a77;}

.wapheardbtn{ height: 60px; width: 40px;}

.searchform .keys{ width: 640px; height: 74px; line-height: 74px; padding: 0 20px;}
.searchform .submit{ background: url(../images/serachBtn.png) no-repeat center center; background-size: 25% auto; width: 74px; height: 74px; cursor: pointer;}

.searchlist  a::before{ width: 0; transition:all .56s ; height: 1px; display: block; content: ''; background-color: #eb642d; position: absolute; bottom: 0; left: 0; -webkit-transition:all .56s ; -moz-transition:all .56s ; -ms-transition:all .56s ; -o-transition:all .56s ; }
.searchlist .text{ width: 85%;}
.searchlist  .text .tip{ border: 1px solid #006a77; margin-left: 10px; transition:all .36s ; color: #006a77; font-size: 16px; padding: 1px 15px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.searchlist .icon{ width: 50px; height: 50px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.searchlist a:hover::before{ width: 100%;}
.searchlist a:hover{ color: #eb642d;}
.searchlist a:hover .text .tip{ background-color: #eb642d; color: #fff; border-color: #eb642d;}
.searchlist a:hover .icon{background-color: #eb642d; border-color: #eb642d; color: #fff;}


div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap #video{width:100%;height:60vh}
div.close-btn{cursor: pointer; transition: all .36s;text-align: center;line-height: 40px;z-index: 9999;position: absolute;background: #000;border: 2px solid #fff;width: 50px;height: 50px;border-radius: 50%; opacity: 0.5;right: -20px;top: -25px;}
div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}


.downUl li:first-child{ border-top: 1px solid #e5e5e5;}
.downUl li{ border-bottom: 1px solid #e5e5e5;  padding: 35px 0;}
.downUl li .btn{ border: 1px solid #aaa; padding: 6px 15px; overflow: hidden; position: relative; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.downUl li .btn::before{ width: 100%; height: 0; z-index: -1; position: absolute; transition: all .36s; left: 0; bottom: 0; background-color: #006a77; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.downUl li:hover{ color: #006a77;}
.downUl li:hover .btn{  color: #fff; border-color: #006a77;}
.downUl li:hover .btn:before{ height: 100%;}