img{ max-width: 100% !important; }
/* @font-face {font-family: 'Montserrat';  src: url('Montserrat-Light-6.otf');       } */
body{font:14px/1.6 "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; overflow-x: hidden;}
.banner{ position: relative; z-index: 60; width: 100%;}
.index-banner {height: 100vh}
.index-banner .swiper-slide {background: no-repeat 50%/cover;position: relative}
 
 
.svg-swiper-pagination {position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center}
.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 15px !important; bottom: 60px; position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {content: "";position: absolute;left: 50%;top: 50%;z-index: 0;width: 10px;height: 10px;background-color: transparent; border: 1px solid #fff;border-radius: 50%;margin: -6px 0 0 -6px;transition: opacity .3s}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #fff;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg {width: 30px;height: 30px; position: absolute; top: -9px; left: -9px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block}
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #fff; stroke-dasharray: 0 339}

.index-banner .txt h1{ font-size:50px; letter-spacing: 8px;   padding-top:50px}
.index-banner .txt  p{ letter-spacing:20px; margin:30px 0 60px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.index-banner .txt span{ width: 200px; height: 50px; border-radius: 25px; margin: 0 auto; font-size: 16px; letter-spacing: 5px;}

.main-btn{ position: relative; z-index: 5; overflow: hidden;}
.main-btn::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  padding: 50%;
  border-radius: 50%;
  background-color: #009A67;
  z-index: -1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
  -moz-transform: translate3d(-50%, -50%, 0) scale(0);
  -ms-transform: translate3d(-50%, -50%, 0) scale(0);
  -o-transform: translate3d(-50%, -50%, 0) scale(0);
  transform: translate3d(-50%, -50%, 0) scale(0);
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear; }
.main-btn:hover {
  color: #fff; }
  .main-btn:hover::before {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1.5);
    -ms-transform: translate3d(-50%, -50%, 0) scale(1.5);
    -o-transform: translate3d(-50%, -50%, 0) scale(1.5);
    transform: translate3d(-50%, -50%, 0) scale(1.5); }
.index-banner .txt .main-btn::before{ background: #fff;}
.index-banner .txt .main-btn:hover{ color: #009A67}
.index-banner video{min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); z-index: 1;
	object-fit: cover;}

  .index-banner figure{ width: 100%;
    height: 100%;
    background: rgb(0 154 102 / 10%);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;}
  .index-banner .txt{ position: relative; z-index: 5;}
.bottomLine{
  position: absolute;
  left:0;
  bottom:0;

  background-color: #fff;
  transition: all 0.3s ease;
  height: 2px;
  width: 0;}

.nav_sha{ position: absolute; width: 100%; height: 0; top: 0; left: 0; z-index: 1; background: rgba(255, 255, 255, 0.8); transition: all .36s;}
.logo{ position: relative; z-index: 5; height:45px}
.fhNav{ position: relative; z-index: 5;}
.monaka-menu-item{ background: #f8f9fa;    width: 100%;position: absolute;top: 100%; left: 0;z-index: 100; padding: 30px 0;  line-height: 3 ;

  z-index: 88;
 display: none;
  transition: all .36s ease;

}
.monaka-menu-item .left{ width: 50%;  }
.monaka-menu-item .left a{  font-size: 18px ; color: #888888; display: inline-block; width: 33.3%;}
.monaka-menu-item .left a:hover{ color: #009A67;}

.Popsearch{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1000;background-color: rgba(26,32,49,0.95); display: none;}
.searchForm{ border-radius: 5px; padding: 0px 15px; height: 66px; width: 60vw; }
.searchForm input{ width: 80%; font-size: 16px;}
.closeSearch{cursor: pointer; transition: all .36s; opacity: 0.5; width: 25PX; position: absolute; top: 10VH; right: 10vw;}
.closeSearch:hover{ transform: rotate(180deg); opacity: 1;}

main{ width: 1520px; margin: 0 auto;}

h1{ font-size: 40px;}
.index1{ padding: 80px 0;}

.index1 .info{ margin: 60px 0;}



.common_more { position: relative;
	font-size: 16px;
	overflow: hidden; 	width: 198px;
	height: 44px;
	padding: 0;   	color: #333;
	cursor: pointer;

}



.common_more::before {

	line-height: 44px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	content: "";
	transition: all 0.56s;
	text-align: center;
	text-indent: 0;

	border-radius: 50%;
	background: #009A67;
}

.common_more::after {
	font-size: 33px;
	line-height: 32px;
   border: 1px solid rgba(255, 255, 255, 0.7);
	position: absolute;
	z-index: 2;
	top: 3px;
	left: 3px;
	width: 36px;
	height: 36px;
	content: "+";
	transition: all 0.56s;
	text-align: center;
	text-indent: 0;
	color: #fff;
	border-radius: 50%;
	background: transparent; transition: all .36s;
}

.common_more:hover{ color: #fff;}
.common_more:hover::before { width: 100%; border-radius:25px;}
.common_more:hover::after{ transform: rotate(180deg);  }

.indexMore{ transition: all .5s ;border: 1px solid #009A67; font-size: 16px; width: 285px; height: 70px; color: #009A67; border-radius: 35px ; padding: 0 50px; }
.indexMore span{transition: all .36s ;display: inline-block; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #009A67; position: relative;}
.indexMore span::after{ transition: all .36s; content: ''; display: block;width: 4px; height: 4px; border-radius: 50%; background: #009A67;  position: absolute; top: 50%; left: 50%;     transform: translate(-50%, -50%);}
.indexMore span::before{transition: all .36s;content: ''; display: block; width: 50px; height: 2px; background: #009A67; position: absolute;  top: 50%; right: 50%;   transform: translate(-1px, -50%);}
.indexMore:hover { background:#009A67; color: #fff; flex-direction: row-reverse; transform: scale(0.95); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.indexMore:hover span{ border-color: #fff;}
.indexMore:hover span::before{ width: 42px; background: #fff; left: 50%; right: auto;}

.index1 {    }
.index1bottom { margin-top: 60px;}
.index1bottom li{ font-size: 18px;}
.index1bottom li span{ background: url(/assets/img/icon2.png) no-repeat bottom 18px right;     padding-right: 30px;
    margin-right: 10px;  }

    .index1 ul li span{ background: url(/assets/img/icon2.png) no-repeat bottom 18px right;     padding-right: 30px;
    margin-right: 10px;  }
.index1 main{ z-index: 2; position: relative;}
.yuan1{ width: 700px; height: 700px; border-radius: 50%; background-image: linear-gradient( 35deg, #def9ef,#fff); position: absolute; top: -350px; left: -350px; z-index: 1; animation: border-transform 6s linear infinite; }
.yuan2{ background:  url(/assets/img/index1-3.png) no-repeat top right;width: 700px; height: 700px;position: absolute;  right: 0; bottom: 0;  z-index: 1; animation:move_wave 5s linear infinite; overflow: hidden;  }

  .overflow{ overflow: hidden;}

  .index2 > img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .index2 .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to bottom, #009A67, rgba(0,154,102,.5));
  }

  .index2 ul{ padding: 130px 0 200px;}
  .index2 li{ width: 25%; transition:.5s;     -webkit-transform-style: preserve-3d;}

  .index2 li span.icon{ border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; width: 90px; height: 90px; margin-bottom: 50px; transition: all .36s;}
 h2{ font-size: 30px; font-weight: normal;}
  .index2 li p{font-size: 20px; color: rgba(255, 255, 255, 0.8);   }
  .index2 li  img{ margin: 25px 0;}
   .index2 li:hover span.icon{ background: #009A67; border-color: #009A67;  box-shadow: 0  0 15px rgba(255, 255, 255, 0.2);
    -webkit-transform:rotateY(180deg) translateZ(0);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg) translateZ(0)}
    .index2 li:hover  {   transform: translateY(-20px);   }



  .index3 ul li{ margin-top: 240px; float: left; width: 31%; margin-right: 3.5%;}
  .index3 ul li:nth-child(2){ margin-top: 160px;}
  .index3 ul li:nth-child(3){ margin-top: 0; margin-right: 0;}
  .index3 ul li .img img{ transition:all .36s}
  .index3 ul li .txt{ background: linear-gradient( transparent,#009A67); position: absolute; left: 0; bottom: 0; width: 100%; height: 30%;   }
  .index3 ul li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); overflow: hidden;transform: translateY(-10px);border-radius: 35px; }
  .index3 ul li:hover .txt{ height: 50%;}
  .index3 ul li:hover .img img{ transform: scale(1.1);}
  img{ transition: all 1s;}
.f150{ font-size: 140px; color: #f7f7f7; font-weight: bold; position: absolute; top: 50px; left: -100px; line-height: 0.8; z-index: 1;}
.index3  .title{ position: absolute; top: 10px; left: 0; z-index: 2;  }



.index3 .indexMore{ position: absolute; right: 0; bottom: 80px;}
.yuan3{ position: absolute; left: 5vw; bottom: -314px; width: 38vw;}
.yuan4{ position: absolute; z-index: 1; right: 0; top: 0; width:23vw ;}
.index3 main{ z-index: 9;}

.w80{ width: 80%;}


.index5{ background-color: #f8f9fa; padding-bottom: 160px;}
.index5More{ width: 180px;  height: 54px; border-radius: 30px; box-shadow: 0 10px 25px rgba(0,154,102,0.1);}
.index5 .main-btn::before{ background: #fff;}
.index5 .main-btn:hover{ color: #009A67;}
.indexpage div{  width: 60px; height: 60px; border-radius: 50%; background: url(/assets/img/jian.png) no-repeat center center #fff; }

.indexpage div.pageright{transform: rotateY(180deg); margin-left: 15px;}
.indexpage div:hover{ background: url(/assets/img/jian-white.png) no-repeat center center #009A67;  box-shadow: 0 0 10PX rgba(0, 0, 0, 0.2);}

.index5Bgtxt{ position: absolute; width: 50%;  left: 5vw; bottom:60vh; }





.index5 .right{ width: 1000px;}
.newsSwiper .swiper-slide .img{ width: 100%; height: 300px;}
.newsSwiper .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsSwiper .swiper-slide .txt{ padding: 30px 40px; }
.newsSwiper .swiper-slide .txt h3{ margin: 25px 0; height:3.2em; line-height: 1.6;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.newsSwiper .swiper-slide .txt  span::before{ display: inline-block ;content: '·'; font-size: 30px; padding-right: 15px; }
.newsSwiper .swiper-slide .txt  figure{ position: relative; z-index: 2;}
.newsSwiper .swiper-slide .txt em{ width: 0; height: 100%; position:absolute; top: 0; left: 0; background: #009A67; transition: all .42s;}
.newsSwiper .swiper-slide:hover .txt{ color: #fff;}
.newsSwiper .swiper-slide:hover .txt em{ width: 100%;}
.newsSwiper .swiper-slide:hover .img {position: relative;}
.newsSwiper .swiper-slide:hover .img img{ transform: scale(1.1);}

.newsSwiper .swiper-slide:hover b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
  -webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
      -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
      -ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
      -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
      transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
      .newsSwiper .swiper-slide:hover b{ -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
#wave1,#wave2,#wave3{position: absolute;width: 100%;height: 150px;top: -140px; margin-top: 2px; z-index: 10; }
#wave1 {top: -150px;}
/* #wave3{ z-index: -1;} */
/* #wave3{ background: url(/assets/img/wave3.jpg) repeat-x bottom left;} */
footer{ padding: 40px 0;}
footer .foot_nav{ width: 30%;}
footer h4{ margin-bottom: 18px; line-height: 1; font-size: 16px;}



footer  a{ display: inline-block; line-height: 2.3; color: rgba(255, 255, 255, 0.5);}
footer  a:hover{ color: #fff;}
footer  .foot_nav a { display: block;  text-align: center;   }
  /* footer  .foot_nav a:after {
	content: '';
	width: 100%;
	display: inline-block;
}   */
.foot_nav  li {}
.foot_nav  li a:first-child{color: #fff;}
.foot_nav  li:last-child{ display: none;}

/* .foot_nav  li:nth-child(2)>a:nth-child(2){ letter-spacing: 5px;} */
.gbook{ width: 30%; color: rgba(255, 255, 255, 0.5);}
.gbook form{ width: 100%;  margin-bottom: 25px;   }
.gbook form input:nth-child(1){ width:100% ; border-bottom: 1px solid  rgba(255, 255, 255, 0.5); color: #fff;height: 50px; line-height: 50px;}
.gbook form input:nth-child(2){ position: absolute; bottom: 14px; right: 0; width: 22px; height: 22px;}
.gbook input::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.5); font-size: 14px;}
.gbook  p{ line-height: 2.3;}

.ewm{ width: 23%; padding-top: 20px;}
.ewm img{ width: 140px;}

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.m-shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 99;
}
.niebanner{ background: #fff;}
.niebanner-bg{ position: absolute; width: 100%; left: 0; bottom: -2px; }
.niebanner .con{ position: absolute; z-index: 5; top: 0; left: 0;}
.neibanimg{ width: 100% }
.niebanner-bg img{ width: 100%}
.BigTitle{ font-size: 170px; font-size: 170px;color: #fff;position: relative;  background-clip: -webkit-text;
  background: url(/assets/img/clouds.png) no-repeat ; color: transparent; -webkit-background-clip: text; text-align: center;
  background-size: 130% auto; animation: overlayAnimation 10s infinite linear reverse ; letter-spacing: 0; line-height: 320px; font-weight: bold; white-space: nowrap; overflow: hidden; }
.niebanner h1{    letter-spacing: 5px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
/* .niebanner .neibanimg { animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);} */
.culture2{ background: url(/assets/img/culture2-bg.jpg) no-repeat top center; background-size: cover;}
.culture2 ul li{ width: 25%; position: relative;

  height: 380px; line-height: 2;

}
.culture2 ul li::before{ display: block; content: '';   position: absolute; top: 0; left: 0; background: url(/assets/img/culture2BigIco.png) no-repeat center center; background-size: 100% 100%;
transition: all .36s;width:100%;
height:0;
padding-bottom:100%; }
.culture2 ul li:nth-child(2n)::before{transform: rotate(180deg);}
.culture2 ul li .icon1{ display: none; transform: translateY(-20px); transition: all .36s;}
.culture2 ul li span.icon{ width: 120px; height: 120px; border-radius: 50%; background: #fff; position: relative; margin-bottom: 30px;  transition: all .2s; }
.culture2 ul li span.icon img{ z-index: 5; position: relative;}
.culture2 ul li span.icon::after{ transition: all .56s; display: block; content: ''; width:23% ; height: 23%; position: absolute; bottom: 26%; right: 26%; background: #f2f4fa; border-radius: 50%; z-index: 1;}
.culture2 ul li::after{ display: block; content: ''; width: 30px; height: 30px; background: url(/assets/img/culture2Ico.png) no-repeat center center;   position: absolute; right: -15px; top: 50%;
   margin-top: -15px; transition: all .36s;}
.culture2 ul li:last-child::after{ display: none;}
.culture2 ul li:hover::before {transform: rotate(130deg);}
.culture2 ul li:hover span.icon{ background: #009A67; margin-bottom: 20px;}
.culture2 ul li:hover span .icon1{ display:  block; transform: translateY(0px);  }
.culture2 ul li:hover span .icon2{ display: none;}
.culture2 ul li:hover span.icon::after{ right: 0; bottom:0 ;}

.culture3 figure em{ position: absolute;  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(0,154,102,0.3);
  opacity: 0;
  -webkit-transition: all 600ms ease 0s;
  transition: all 600ms ease 0s;
  -webkit-clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);
  clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%); z-index: 1;}

  .culture3 figure{ height: 650px;  width: 50%;}
.culture3 .left{  background: url(/assets/img/culture3-1.jpg?v=1) no-repeat center center; background-size: cover;}
.culture3 .right{    background: url(/assets/img/culture3-2.jpg?v=1) no-repeat center center; background-size: cover;}
.culture3 img{ margin: 35px 0;}
.culture3 figure:hover em{  opacity: 1;
  -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);
          clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}
.culture3 figure div{ position: relative; z-index: 5;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.culture3 figure:hover img{ margin: 15px 0;}

.culture4{ padding: 70px 0;}
.culture4 .f22{  margin-top: 40px;}
.culture4 .indexpage div{  width: 60px; height: 60px; border-radius: 50%; background: url(/assets/img/jian.png) no-repeat center center #dafff5; }

.culture4 .indexpage div.pageright{transform: rotateY(180deg); margin-left: 15px;}
.culture4 .indexpage div:hover{ background: url(/assets/img/jian-white.png) no-repeat center center #009A67;  box-shadow: 0 0 10PX rgba(0, 0, 0, 0.2);}
/* .cultureSwiper{ overflow: visible;} */
.culture4  .swiper-slide { position: relative;  transition: all .36s;  }
.culture4  .swiper-slide::after{ display: block; width: 95%; content: ''; height: 3px; background: #009A67; position: absolute; left: 2.5%; bottom: 5px; transform: scale(0,0); transition: all .36s;}
.culture4  .swiper-slide:hover:after{ transform: scale(1,1);}
.culture4  .swiper-slide {  padding: 30px 45px; line-height: 2;  transition: all .36s; }
/*  background: url(/assets/img/culture4Bg.png) center center; background-size:100% 100%; */
.culture4  .swiper-slide:hover{ background: url(/assets/img/culture4Bg.png) center center; background-size:100% 100%;  }
/* .culture4  .swiper-slide:hover {   z-index: 55;  box-shadow: 0 0 10PX rgba(0, 0, 0, 0.2);} */
.culture4  .swiper-slide img{ height: 310px; object-fit:cover ; margin-bottom:15px; transition: all .36s;}
/* .culture4  .swiper-slide:hover img{ transform: scale(1.1);} */

.historyBg{ background: url(/assets/img/historyBg.jpg)   center top 2% #fff; background-size: cover; }
/*  background-attachment: fixed; position: relative; */
.historyBg ul dl{ font-size: 18px;}
.historyBg ul dl dt{ width: 5px; height: 5px; border-radius: 50%; background: #009A67; }
.historyBg ul dl dd{ margin-left: 18px;white-space: nowrap; width: calc(100% - 23px);}
.historyBg ul li main{border-bottom: 3px solid #d9d9d9;}
.historyBg ul  li main::after{content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(90deg, #016141, #39d7a2);
  transition: transform .6s ease;
  transform-origin: left center;
  transform: scaleX(0);}
.historyBg ul  li:hover main::after{  transform: scaleX(1);}
.historyBg li .img {padding-right: 10px;}
.historyBg li img{ transition: all .4s;  border-radius: 20px;}
.historyBg li:hover .img { overflow: visible;}
/*  box-shadow: 0 0 20px rgba(0,0,0,0.5); */
.historyBg li:hover .img img{
  -webkit-filter: drop-shadow( 0 0 20px rgba(0,0,0,.2)); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
  filter: drop-shadow( 0 0 20px rgba(0,0,0,.2));}
.historyBg li .img,.historyBg li .txt{ width:50% ;}

.service1{ padding: 180px 0 60px; background: url(/assets/img/service1Bg.jpg) no-repeat center center; background-size: cover;  }
.service1 #tabs-container{ height: 630px;}
.service1 .swiper-slide .img,.service1 .swiper-slide .txt{ width: 50%;}

.service1 .swiper-slide .txt{ padding: 0 7vw 0   5vw; }
.service1 .swiper-slide .txt .service1logo{ width: 81px; height: 81px; border-radius:12px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.service1 .swiper-slide .txt .service1logo img{ width: 90%;}
.service1 .swiper-slide .txt .service1logo:hover{ transform: scale(0.95); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.service1 .swiper-slide .txt h1{ margin: 35px 0;}
.service1 .swiper-slide .txt  a{ height: 60px; padding: 0 28px; border-radius: 0 30px 0 30px; display: inline-block; line-height: 60px; }
.service1 .swiper-slide .txt  a:hover{  border-radius:30px ; box-shadow: 0 0 20px rgba(33, 69,168, 0.2); transform: translateY(-10px);}

.tabs{ position: absolute; width: 80px; right:5vw; height: 100%; top:0;z-index: 5;}
.tabs a{ width: 60px; height: 60px; border-radius: 50%; background: #fff; display: flex; margin: 18px 0;}
.tabs a img{ width: 80%;}
.tabs a.active{ transform: scale(1.5);box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.tabs a:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.yuan5{ position: absolute; right: 0; bottom: 25px; width: 27vw;}

.service2 .tit{ background: url(/assets/img/service2Bg.jpg) no-repeat center center; background-size: cover; padding : 60px 0 145px 0; line-height: 2;}
.service2 main{ margin-top: -85px;}
.service2 main ul { border: 1px solid #e5e5e5; border-right: none; border-bottom: none;}
.service2 main ul li{ width:calc( 100% / 6 ) ; float: left; height: 140px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; position: relative; }
/* .service2 main ul li em{ width:100%;   height:  0; line-height: 35px; position: absolute; bottom: 0; left: 0; display: flex; align-items: center;  justify-content: center;
 background: rgba(33, 69,168, 0.5); color: #fff; font-size: 18px; transition: all .36s;
} */

.service2 main ul li img{ max-width: 100%; max-height: 100%; transition: all .36s;}
.service2 main ul li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border: none !important; transform: scale(1.1); background: #fff; z-index: 99;}
.service2 main ul li:hover em{  height: 35px;}
.service2 main ul li:hover img{  }

.team1 ul li { float: left; margin-right: 100px;}
.team1 ul li:nth-child(6n){ margin-right: 0;}
.team1 ul li .img{ width: 170px; height: 170px; border-radius: 50%;transition: all .36s;}
.team1 ul li .img img{ width: 170px; height: 170px; border-radius: 50%; object-fit: cover; transition: all .1s;}
.team1 ul li .txt{ line-height: 2;  padding: 35px 0;}
.team1 ul li:hover .img { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.team1 ul li:hover .img img{ transform: scale(1.1);}
.team1 ul li:hover a{ color: #009A67;}
.team2 .tit .f18{ margin: 20px 0;}

.team2 .swiper-slide{ opacity: 0.5;}
.team2 .swiper-slide.swiper-slide-active{ opacity: 1;}

.team2Page{ margin: 0 auto; width: 140px;}
.team2Page div{ width: 60px; height: 60px; border-radius: 50%; border: 1px solid #e5e5e5; background: url(/assets/img/arrow_left.png) no-repeat center center transparent;}
.team2Page div:hover{ background: url(/assets/img/arrow_left_white.png) no-repeat center center #009A67;}
.team2Page div.pageright{ transform: rotate(180deg);}

.team3Bg{ width: 50%; height: 100%; position:absolute; left: 0; top: 0; background: #f4fdfa; z-index: 1;}
.team3 main{ position: relative; z-index: 5;}
.yuan6{ position: absolute; bottom:110px; left: 0; z-index: 2;}
.team3 main .left{ width: 30%;}
.team3 main .right{ width: 60%;}
.team3 main .right img{border-radius: 15px;}
.team3 main .left ul li{position: relative; padding-left: 50px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); height: 70px; line-height: 70px; margin-top: 30px; border-radius: 8px;  }
.team3 main .left ul li span{ position: relative; z-index: 8;}
.team3 main .left ul li::before{ display: block; content: ''; width: 14px; height: 14px; border: 2px solid #009A67; border-radius: 50%; background: transparent;
position: absolute; left: 18px; top: 50% ; margin-top: -8px;  z-index: 5; }
.team3 main .left ul li::after{ display: block; content: ''; width: 0; height: 100%;  background: #009A67; position: absolute; bottom: 0; left: 0; z-index: 1;   border-radius: 8px;
transition: all .36s;}
.team3 main .left ul li:hover{ color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); transform: translateY(5px);}
.team3 main .left ul li:hover::after{  width: 100%;}
.team3 main .left ul li:hover::before{ border-color: #fff;}

/* background: url(/assets/img/team4Bg.jpg) no-repeat center top;  background-size: 100% 80%; */
.teambg::before{content: ''; display: block; top: 0; left: 0; width: 100%; height: 40%; position: absolute; z-index: 1;background: url(/assets/img/team4Bg.jpg) no-repeat center top;  background-size:cover; }
.teambg::after{content: ''; display: block; bottom: 0; left: 0;width: 100%; height: 60%;position: absolute; z-index: 1;
  background: url(/assets/img/team5bg.jpg) no-repeat center top;  background-size:cover;}
.team4{ position: relative; z-index: 2; }
.team5{ position: relative; z-index: 2; }
.team4 h2{ padding: 0 40px; display: inline-block;}
.team4 .txt figure{ margin: 20px 0; opacity: 0.6;}
.team4 h2::before{  display: block; content: '';width: 15px; height: 15px; background: url(/assets/img/team4Ico.png) no-repeat center center; background-size: cover;
position: absolute; left: 0; top: 0;}
.team4 h2::after{display: block; content: '';width: 15px; height: 15px; background: url(/assets/img/team4Ico.png) no-repeat center center; background-size: cover;
  position: absolute; right: 0; bottom: 0; transform: rotate(180deg);}

.team4  main{  }



  /* .team4  .swiper-wrapper{  }
  .team4 .swiper-slide { transform: scale(0.7) translate3d(0,165px,0);}

  .team4  .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1.3); transform: scale(1.3);   z-index: 1002; height: 500px;}
    */
/*
    .team4 .swiper-slide{ border-radius: 5px;}
    .team4  .layer-mask {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: all 0.5s;
    background-color: rgba(33, 69,168, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  }

  .team4 .swiper-slide-active .layer-mask {
    display: none;
  }


  #certify {
    position: relative;
    margin: 50px auto;
  }


  #certify  .swiper-slide {
    width: 900px;
    height: 500px;


  }
  #certify  .swiper-slide img{
    display:block; width: 100%; border-radius: 8px;
  }


  #certify .swiper-container-autoheight .swiper-wrapper{ align-items: flex-end;}

   */

   .team4  .layer-mask {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: all 0.5s;
    background-color: rgba(0,154,102, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  }

  .team4 .swiper-slide-active .layer-mask {
    display: none;
  }






  .team4  .swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.85);
    /* margin: 1px; */
    transform: scale(0.85);
    margin-top: 70px;
    margin-bottom: 70px;
  }

  @media screen and (max-width: 668px) {
    .team4   .swiper-slide {
      -webkit-transform: scale(0.97);
      transform: scale(0.97);
    }
  }

  .team4 .swiper-slide-active,.team4  .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 1002;
  }

  @media screen and (max-width: 668px) {
    .team4   .swiper-slide-active,.team4  .swiper-slide-duplicate-active {
      -webkit-transform: scale(0.97);
      transform: scale(0.97);
    }
  }

  .team4  .none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
  }

  .team4  .swiper-slide a {
    background: #fff;
    display: block;
    border-radius: 2px;
  }





  @media screen and (max-width: 668px) {
    .team4  .swiper-slide a {
      padding: 5px;
      border-radius: 2px;
    }
  }

  .team4  .swiper-slide img {
    width: 100%;
    border-radius: 5px;
    display: block;
    height: 100%;
    border: none;
  }

  @media screen and (max-width: 668px) {
    .team4  .swiper-slide img {  border-radius: 2px; }

  }




  .team5{ background: url(/assets/img/team5Ico.png) no-repeat bottom right 2%; position: relative; background-size: 15% auto;}
  .team5Txt{ font-size: 40px; line-height: 1.3; position: absolute; right: 1%; top: 80px; padding: 0 40px;}
  .team5Txt::after{ content: ''; display: block;background: url(/assets/img/yin2.png) no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; width: 17px; height: 12px;}
  .team5Txt::before{content: ''; display: block;background: url(/assets/img/yin2.png) no-repeat center center; background-size: cover; position: absolute; bottom: 0; right: 0;width: 17px; height: 12px;}

  .team5 .txt{ padding-left: 65px;}

  .team5 .txt .smail{ font-size: 20px; margin-top: 20px; }
  .team5 .txt ul{ border-top: 1px solid #e5e5e5; display: inline-block; padding-top: 40px; margin-top: 40px;}
  .team5 .txt ul li{ margin-bottom: 70px;}
  .team5 .txt ul li div:first-child{ font-size: 20px;}
  .team5 .txt ul li div:last-child{ font-size: 16px; margin-top: 25px;}

  .team6 .swiper-slide{ border: 1px solid #e5e5e5; }
  .team6 .swiper-slide .txt{ padding: 40px;}
  .team6 .swiper-slide .txt .img{ width: 170px; height: 170px; border-radius: 50%; margin-bottom: 40px; object-fit: cover;}
  .team6 .swiper-slide .txt h3{ font-size: 20px;}
  .team6 .swiper-slide  a{ width: 100%; height: 60px; border-top: 1px solid #e5e5e5;}
  .team6 .swiper-slide  a img{ margin-left: 25px;  transform: rotate(180deg);}
  .team6 .swiper-slide  a span{position: relative; z-index: 5;}
  .team6 .swiper-slide  a .icon2{ display: none;}
  .team6 .swiper-slide  a::after{ width: 100%; height:0 ; transition: all .36s; position: absolute; left: 0; bottom: 0; z-index: 2; background: #009A67; display: block; content: '';}
  .team6 .swiper-slide:hover   a .icon1{ display: none;}
  .team6 .swiper-slide:hover  a .icon2{ display: inline-block;}
  .team6 .swiper-slide:hover a::after{ height:100%;}
  .team6 .swiper-slide:hover  a{ color: #fff;}
  .team6 .swiper-slide:hover .img{ border-radius: 8px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);}

.team6left,.team6right{ width: 60px; height: 60px; border-radius: 50%;  position: absolute; top: 50%; margin-top: -30px; z-index: 999;
  background: url(/assets/img/jian-white.png) no-repeat center center rgb(0 154 102 / 52%);}
  .team6left{ left: -80px;}
  .team6right{right: -80px; transform: rotate(180deg);}
  .team6left:hover,.team6right:hover{  background: url(/assets/img/jian-white.png) no-repeat center center #009A67;}


  .location{ padding: 60px 0; margin-top: 80px; line-height: 22px;}
  .location .left a{  padding: 0 35px; border-left: 1px solid #9b9b9b;}
  .location .left a:first-child{ border-left: none;  padding-left: 0;}
  .location a:hover{ color: #009A67;}
  .location .right{ background: url(/assets/img/home.png) no-repeat left center; padding-left: 35px;}
  .location .right a{ margin-right: 15px;}

  .news1{ background: #f4fdfa; padding: 60px 0;}
  .news1 .swiper-slide .img{ width: 500px; overflow: hidden; position: relative;}
  .news1 .swiper-slide .txt{ padding:55px 30px; width:calc(100% - 500px);}
  .news1 .swiper-slide:hover img{ transform:scale(1.1);}
  /* .news1 .swiper-slide:hover .img:hover  b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
    -webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
        -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
        -ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
        -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
        transition: transform .32s cubic-bezier(.51,1.1,.9,.95);
        -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
  .news1 .swiper-slide:hover .img b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
    -webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
        -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
        -ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
        -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
        transition: transform .32s cubic-bezier(.51,1.1,.9,.95);
        -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
  .news1 .swiper-slide:hover b{ } */
  .news1 .swiper-slide:hover h3{ color: #009A67;}

.news1Page{ position: absolute;  height: 70px; width: 96%; z-index: 55;left:2%;  top: 45%;transform: translate(0, -50%);  }
.news1Page div{ width: 70px; height: 70px; border-radius: 50%; opacity: 0.8;  background: url(/assets/img/arrow_left.png) no-repeat center center #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.news1Page div:hover{ background: url(/assets/img/arrow_left_white.png) no-repeat center center #009A67;}
.news1Page div.pageright{ transform: rotate(180deg);}
.news1  .swiper-pagination{ position: relative; margin-top: 35px;}
.news1  .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 15px; background: #7acaaf; border-radius: 50%; opacity: 1; margin: 0 15px; }
.news1  .swiper-pagination .swiper-pagination-bullet-active{ background: url(/assets/img/pagination.png) no-repeat center center; background-size: cover;}

.news2 > main > ul > li{ width: 31%; margin-right:3.5% ; margin-bottom: 40px; box-shadow: 0 0 15px rgba(0,0,0,0.15); float: left;  transition: all .36s;}
.news2 > main > ul > li:nth-child(3n){ margin-right: 0;}
.news2 > main > ul > li .img{ width: 100%; height: 300px;}
.news2 > main > ul > li .img img{ width: 100%; height: 100%; object-fit: cover;}
.news2 > main > ul > li .txt{ padding: 30px 40px; }
.news2 > main > ul > li .txt h3{ margin: 25px 0; height:3.2em; line-height: 1.6;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.news2 > main > ul > li .txt  span::before{ display: inline-block ;content: '·'; font-size: 30px; padding-right: 15px; }
.news2 > main > ul > li .txt  figure{ position: relative; z-index: 2;}
.news2 > main > ul > li .txt em{ width: 0; height: 100%; position:absolute; top: 0; left: 0; background: #009A67; transition: all .42s;}
.news2 > main > ul > li:hover { transform: translateY(-10px);}
.news2 > main > ul > li:hover .txt{ color: #fff;}
.news2 > main > ul > li:hover .txt em{ width: 100%;}
.news2 > main > ul > li:hover .img {position: relative;}
.news2 > main > ul > li:hover .img img{ transform: scale(1.1);}
.news2 > main > ul > li:hover b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
  -webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
      -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
      -ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
      -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
      transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
.news2 > main > ul > li:hover b{ -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}

.video1{ background: #f4fdfa;}
.videoul a{ width: 50%; height: 120px; font-size: 26px;}
.videoul a .icon2{ display: none;}
.videoul a img{ margin-right: 15px;}
.videoul a img,.videoul a span{ z-index: 5; position: relative;}
.videoul a::after{ width: 0; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #009A67; content: ''; z-index: 1; transition: all .5s;}
 .videoul a.cur:after{ width: 100%;}
 .videoul a.cur .icon1{ display: none;}
 .videoul a.cur .icon2{ display: block;}
 .videoul a.cur{   color: #fff;}

.videolist li{  width: 31%; margin-right:3.5% ; margin-bottom: 40px; box-shadow: 0 0 15px rgba(0,0,0,0.15); float: left;  transition: all .36s;  position: relative;}
.videolist li:nth-child(3n){ margin-right: 0;}
.videolist li .play{ position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; transform: translate(-50%, -50%);transition: all .36s; border-radius: 50%;}
.videolist li .play::after{ width: 100%; height: 100%; display: block; content: ''; position: absolute; top: 0; left: 0; background: url(/assets/img/playbg.png) no-repeat; background-size: 100%  100%;
transition: all .36s;}
.videolist li:hover{ transform: translateY(-12px);}
.videolist li:hover .play{ transform: translate(-50%, -50%) scale(1.1); background: rgba(255, 255, 255, 0.3);}
.videolist li:hover .play::after{ transform: rotate(180deg);}

.videos{ display:none;  position:fixed; left:50%; top:50%;   z-index:100; width:75vw;transform: translate(-50%, -50%); }

.vclose { position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; width: 50px; height: 50px;  transition: all .36s;}
.vclose:hover{ transform: rotate(180deg);}

.newsDetailbg{background: url(/assets/img/newsDetailbg.jpg) no-repeat center top; background-size:  cover; height: 550px;}
.newsdeatiltop  h2{ padding-top: 155px;}
.newsdetail{ width: 1440px; margin: -250px auto 0;}
.newsdetail{ padding: 55px; align-items: flex-start;}
.newsdetail .left{ width: 130px;}
.newsdetail .left .date{ background: #009A67; padding:20px 0;  }
.newsdetail .left .page a { margin: 35px 0;}
.newsdetail .left .page a:nth-child(3) img{    transform: rotateZ(180deg);}
.newsdetail .left .page a:hover{ color: #009A67; transform: translateY(8px);}
.newsdetail .right{ width: calc(100% - 205px);}
.newsdetail .right .smailtit{ margin: 35px 0;}
.newsdetail .right .con img{ max-width: 100%; margin: 8px 0;}

.mapbox{  width: 100%; height: 555px;  }
.mapbox .icon{ font-size: 26px; width: 250px; height: 130px; position: absolute; right: 0; top: -75px;}
.addrebox{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:40px 25px;}
.addrebox .left .f22{ margin-top: 12px;}
.contanttype{padding:40px 25px;}
.contanttype .left{ width: 80%;}
.contanttype .right{ width:27%}
.contanttype .right img{ width: 150px; border: 1px solid #e5e5e5;}

.contactgbook{ background: url(/assets/img/contactgbookbg.png) no-repeat center left 7% #f4fdfa; background-size: 43% auto;}
.contactgbook .left{ width: 50%;}
.contactgbook .left .tit{ position: absolute; top: 50%; left: 50%;  z-index: 5; transform: translate(-50%,-50%);}
.contactgbook .right { width: 50%; padding: 0 65px;}
.contactgbook .right .input{ height: 60px; line-height: 60px; width: 100%; padding: 0 25px; margin :15px 0 30px;}
.contactgbook .right .textarea{   line-height: 60px; width: 100%; padding: 0 25px; margin :15px 0 30px; }
.contactgbook .right .submit{ height: 60px;   width: 100%;  margin :15px 0 30px; border-radius: 30px;}
.contactgbook h3{ font-size: 20px;}
#luxy{ background: #fff;}
.yuan7{ position: absolute; bottom: 0; left: 0; z-index: 1;  height: 90%;   }
/*  animation: move_wave 5s linear infinite; width: 5%; */
/* */
.yuan8{ position: absolute; top: 0; right: 0; z-index: 1;   }
.yuan9{ position: absolute; bottom: 0; right: 0; z-index: 1;    }
.yuan10{position: absolute; top: 80px; left: 50%; z-index: 1; width: 16%; }
.yuan10 img{opacity:.2}
.yuan11{ position: absolute; top: 40px; left: 4%; z-index: 1; width: 5%;}
.yuan12{ position: absolute; top: 60%; left: 0; z-index: 1; width: 13%;}
.yuan13{ position: absolute; top: 0; right:0; z-index: 1; width: 12%;}

.f46{ font-size: 46px;}
.responsibility1{ padding: 120px 0;}
.responsibility1 .left{ width: 38%;}
.responsibility1 .left .smail{ margin-bottom: 70px; padding: 38px 0;}
.responsibility1 .left .smail::after{content: ''; display: block; height: 2px; width: 34px; background: #009A67; position: absolute; bottom: 0; left: 0;}
.responsibility1 main{ z-index: 5;}
.responsibility1 .left a{ width: 250px; height: 54px; border-radius: 30px; letter-spacing: 5px; text-transform: uppercase; text-decoration: underline; position: absolute; left: 0; bottom: 0; transition: all .36s;}
.responsibility1 .left a:hover{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); color:#009A67;}
.responsibility1 .main-btn::before{ background: #fff;}

.reckon_fixed_top{ position:fixed; top:80px; z-index: 5;}
.reckon_fixed_bottom{ position: absolute; bottom: 0;}
.min-height{ min-height: 500px;}
.reckon{ width: 130px; transition: all .36s;}

/* .responsibility1 .right ul li:nth-child( ){   }
.responsibility1 .right ul{ align-items: flex-end;}
.responsibility1 .right ul div{display: flex; flex-direction: column;align-items: flex-end;}*/

/* url(/assets/img/responsibility2Ico.png) no-repeat right bottom  background-size: 85% auto ; */
.responsibility2{ background: url(/assets/img/responsibility2.jpg) no-repeat center  center; background-size: cover; height: 900px;}
.responsibility2 .item{ width: 25%; position: relative; padding: 0 25px; text-align: center;}
.responsibility2 .item::after{ display: block; content: ''; width: 100%;  height: 0; background: #009A67;
position: absolute; z-index: 1; bottom: 0; left: 0; transition: all .8s;}
.responsibility2 .item h5{ font-size: 34px; margin-bottom: 30px;}
.responsibility2 .item h5,.responsibility2 .item h6,.responsibility2 .item a{ position: relative; z-index: 5;}
.responsibility2 .item a{ border: 1px solid #fff ; width: 160px; height: 50px; padding: 0 25px; border-radius: 25px; transition: all .5s; transform: translateY(25px) ; opacity: 0; margin-top: 70px;  }
.responsibility2 .item a img{ transform: rotate(180deg);}
.responsibility2 .item:hover::after{ height: 100%;}
.responsibility2 .item:hover a{ opacity: 1;  transform: translateY(0) ; }

.responsibility3{ background: #f4fdfa;}
.responsibility3 .swiper-slide .img{ width: 65%;}
.responsibility3 .swiper-slide .txt{ padding: 70px 35px; width: 40%; position: absolute; right: 0; bottom: 0; transition: all .36s;}
.responsibility3 .swiper-slide .txt .f15{ margin: 30px 0 105px;}
.responsibility3 .swiper-slide .txt span{ text-decoration: underline; color: #009A67; font-size: 16px;}
.responsibility3 .swiper-slide .txt em{ width: 80px; height: 80px;  position: absolute; bottom: 0; right: 0;  transition: all .36s;}
.responsibility3 .swiper-slide:hover .txt{ bottom: 40px;}
/* .responsibility3 .swiper-slide .txt:hover  em  { transform: rotate(45deg) translate(-50px , -25px);  } */

.responsibilitybtn{ width: 240px; height: 80px; padding: 0 30px; position: absolute; bottom: 0; right:40%;  z-index: 999; }
.responsibilitybtn .right{ transform: rotate(180deg);}
/* url(/assets/img/responsibility4Ico.jpg) no-repeat bottom right*/
.responsibility4 .txt{ background: #009A67; position: absolute; bottom: 12%; left: 50%; width: 500px; height: 400px;
 padding: 40px 50px 70px 50px; }
 .responsibility4 .txt a{ text-decoration: underline;  position: absolute; bottom: 70px; left: 50px;}
 .responsibility4 .txt h1{ margin: 35px 0;}


 .PopTeam{  width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, 0.5); display: none;  }
 .PoPCon{ width: 500px; padding: 50px 30px; border-radius: 12px;}
 .PoPCon img{max-width: 320px;}
 .PoPCon .tit { margin: 18px 0;}
 .PoPCon .tit span{ font-size: 30px; margin-right: 15px; }
 .popcolse{ width: 40px; position: absolute; top: 10px; right: 10px; z-index: 9; }
 .popcolse:hover{transform: rotate(180deg);}


 .page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 16;
	opacity: 0;
	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: 100vw; z-index: 10001; 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;}


/* 人才招聘 */

.rencai-tit h3{ color: #333333;  font-size: 34px; text-align: center;}
.rencai-tit p{ color: #666666;  font-size: 22px; text-align: center; padding-top: 1vh;}
.rencai-page .rencai-ul1{ display: flex; justify-content: space-between; padding-top: 3vw;}
.rencai-page .rencai-ul1 li{ background: #fff; width: 24%; padding: 3.5vw 3vw; 	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);}
.rencai-page .rencai-ul1 a{ transition: all 0.6s; display: block; cursor:default;}
.rencai-page .rencai-ul1  img{ display: block; margin: 0 auto;}
.rencai-page .rencai-ul1 h3{ color: #333333; font-size: 22px; text-align: center; padding: 2vw 0;}
.rencai-page .rencai-ul1 p{ color: #666666; font-size: 14px; text-align: center; line-height: 30px;}
.rencai-page .rencai-ul1 li:hover a{ transform: translateY(10px);}

.rencai-box2 { padding-top: 3vw;}
.rencai-box2 li{ margin-bottom: 25px; transition: all .36s;}
.rencai-box2 li:hover{ box-shadow: 0 0 15px rgba(0,154,102, 0.4);}
.rencai-box2 .div1{ border:1px solid #F5F5F5; display: flex; align-items: center; justify-content: space-between;}
.rencai-box2 .rc-name{ color: #666666; font-size: 22px; text-align: center; padding: 0 4vw;}
.rencai-box2 .rc-text{ flex: 1; display: flex; justify-content: space-between; padding:2.5vw 2vw 2.5vw 4vw; border-left:1px solid #F5F5F5; }
.rencai-box2 .rc-text p{ color: #666666; font-size: 15px;}
.rencai-box2 .more-btn{ background: #009A67; width: 130px; color: #fff; font-size: 15px;	height: 40px; display: block; border-radius: 20px;
text-align: center; line-height: 40px; cursor: pointer;}
.rencai-box2 .more-btn i{ display: inline-block; background: url(/assets/img/ryzz-arrowdown.png) no-repeat center; width: 18px; height: 8px;
vertical-align: middle;}
.rencai-box2 .div2{ border:1px solid #F5F5F5; border-top: none; padding:0vw 4vw 4vw 4vw; display: none;}
.rencai-box2 .rc-p1{display: none;  color: #666666; font-size: 18px; font-weight: bold; padding-top: 2.5vw; padding-bottom: 2vw;}
.rencai-box2 .rc-ptext p{ color: #666666; 	font-size: 15px; line-height: 50px;}
.rencai-box2 .rc-joinbtn{ width: 160px; font-size: 15px; color: #ffffff; display: block;height: 40px;background-color: #009A67; text-align: center;
 line-height: 40px;transition: all 0.6s;}
.rencai-box2 .rc-joinbtn:hover{ transform: translateX(10px); box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.rencai-ul2 li.on .more-btn i{ transform: rotate(180deg);}
.rc-text>p:nth-child(3){
	display: none;
}
.rc-ptext {
    line-height: 35px;
    padding-top: 42px;
}
.rc-text>p:nth-child(1){width: 54%;}
.rc-text>p:nth-child(2){width: 20%;}
.copyright .p2 span a{
	border-right: 2px solid rgb(220,220,220);
	    padding-right: 10px;
	    line-height: 16px;
	    display: inline-block;
		padding-left: 5px;
}
.join-formwrap{ position: fixed; background: rgba(0,0,0,0.8); top:0; left: 0; right: 0; bottom: 0; z-index: 33333; display: none;}
.join-form{ background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 3vw 2vw;
max-width: 600px; width: 100%;}
.join-form .join-tit{ font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 2vw;}
.join-form  input{ background: #F5F5F5; height: 50px; width:100%; padding-left: 1em; line-height: 50px; margin-bottom: 1.5vw;}
.join-form .join-close{ position: absolute; top:-20px; right: -20px; background: #222; color: #fff; height: 40px; width: 40px; border-radius: 100%; align-items: center;
display: flex; justify-content: center; font-size: 24px; cursor: pointer; transition: all 0.36s;}
.join-form .join-close:hover{ background: #009A67;}
.join-form .sub{ display: block; border:none; background: none; background: #333; color: #fff; display: block; height: 50px; width: 100%; font-size: 16px;
 cursor: pointer; transition: all 0.6s; }
.join-form .sub:hover{  background: #009A67;}

.pt50{ padding-top: 50px;}