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: 100%}
.index-banner .swiper-slide {
    background-repeat: no-repeat;
    background-position: center top;
    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}
.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: rgb(6,115,68);
  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: rgb(6,115,68);}
.swiper-slide-image {
    /*min-width: 100%;*/
	height: 100%;
  /*position: absolute;*/
	/*top: 50%;*/
	/*left: 50%;*/
	/*transform: translate(-50%, -50%); z-index: 1;*/
	object-fit: cover;
}
.banner .swiper-slide figure {

}

  .index-banner figure{ width: 100%;
    height: 100%;
    background: rgb(6,115,68 / 10%);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
  }
  .index-banner .txt{ position: relative; z-index: 5;}

header{ transition: all .36s; padding: 0 50px; width: 100%;  position: fixed; top: 0;  left: 0; z-index: 99; height: 99px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.15);
background: transparent;}

header.min{ height: 70px }
header.min .logo{ height: 45px;}
.pc_nav li { float: left; margin-right: 70px;cursor: pointer;}
.bottomLine{
  position: absolute;
  left:0;
  bottom:0;
     
  background-color: #fff;
  transition: all 0.3s ease;
  height: 2px;
  width: 0;}
.pc_nav li a.oneItem{ color: #fff; font-size: 16px; line-height: 99px; display: block; }
header.min .pc_nav li a.oneItem{ line-height: 70px; }
.heard_search{ border-left: 1px solid rgba(255, 255, 255, 0.5); padding-left: 90px;}
header .icon2{ display: none;}

/* .selectedNav a{ background: url(../images/selectedNav.jpg) repeat-x left bottom;} */
header:hover{ background: #fff;}
header:hover{ border-bottom: 1px solid rgba(0, 0, 0, 0.5);}

header:hover  a.oneItem{ color: #333; font-size: 16px;}
header:hover  .icon1{ display: none;}
header:hover .icon2{ display: block;}
/* header:hover  .pc_nav li:hover a.oneItem{background: url(../images/selectedNav.jpg) repeat-x left bottom;} */
header:hover .heard_search{ border-left: 1px solid rgba(0, 0, 0, 0.5);  }
header:hover   .bottomLine{ background: rgb(6,115,68);}

header.bg{ background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  }
header.bg .icon1{ display: none;}
header.bg .icon2{ display: block;}
header.bg  .pc_nav li{ position: relative; }
header.bg  .pc_nav li a.oneItem{ color: #333; font-size: 16px;    }
header.bg  .pc_nav li a.oneItem:hover{ color: rgb(6,115,68); }
/* header.bg  .pc_nav li:hover a.oneItem{background: url(../images/selectedNav.jpg) repeat-x left bottom;} */
header.bg   .bottomLine{ background: rgb(6,115,68);}
header.bg   .selectedNav a{color: rgb(6,115,68)  !important;}
header.bg .heard_search{ border-left: 1px solid rgba(0, 0, 0, 0.5);  }

.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;}
header.bg .nav_sha{ background: #fff;}
.logo{ position: relative; z-index: 5; height:45px} 
.fhNav{ position: relative; z-index: 5;}
header:hover .nav_sha { height: 520px !important;}
.pc_nav  li dl {position: absolute;text-align: center;width: 145px; z-index: 9999; top:113px;left: 50%;margin-left: -72.5px; }
.pc_nav  li dl dd {height: 40px;line-height: 40px; transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
.pc_nav   li dl dd:last-child {border-bottom: 0}
.pc_nav   li dl dd a {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}
.pc_nav  li dl dd:hover { }
.pc_nav   li dl dd:hover a {color: rgb(6,115,68) !important;}
/* .pc_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} */
.pc_nav   dl {  display: none;}
header:hover .pc_nav  li  dl {display: block;}

header.bg .pc_nav  li dl{top: 89px;}
header.min .pc_nav  li dl{top: 89px;}

.pc_nav li.oneItem {position: static;}
.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: rgb(6,115,68);}

.pc_nav li > .monaka-menu-item {
 
  animation: bottomFloat .25s;
       
  }
          .pc_nav li:hover > .monaka-menu-item {
          display: block;
        } 

     
#m_classid {
    width: 100px;
    text-align: center;
    font-size: 16px;
    color:rgb(6,115,68);

    -webkit-appearance: menulist !important;
}


.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: rgb(6,115,68);
}

.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 rgb(6,115,68); font-size: 16px; width: 285px; height: 70px; color: rgb(6,115,68); border-radius: 35px ; padding: 0 50px; }
.indexMore.indexMorex {
    height: 54px;
}
.indexMore span{transition: all .36s ;display: inline-block; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgb(6,115,68); position: relative;}
.indexMore span::after{ transition: all .36s; content: ''; display: block;width: 4px; height: 4px; border-radius: 50%; background: rgb(6,115,68);  position: absolute; top: 50%; left: 50%;     transform: translate(-50%, -50%);}
.indexMore span::before{transition: all .36s;content: ''; display: block; width: 50px; height: 2px; background: rgb(6,115,68); position: absolute;  top: 50%; right: 50%;   transform: translate(-1px, -50%);}
.indexMore:hover { background:rgb(6,115,68); 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(../images/icon2.png) no-repeat bottom 18px right;     padding-right: 30px;
    margin-right: 10px;  }

    .index1 ul li span{ background: url(../images/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,rgba(6,115,68,0.1),#fff); position: absolute; top: -350px; left: -350px; z-index: 1; animation: border-transform 6s linear infinite; }
.yuan2{ background:  url(../images/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{ background: url(../images/index2Bg.jpg) no-repeat center top; background-size: cover;  }
  .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: rgb(6,115,68); border-color: rgb(6,115,68);  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: 40px; float: left; width: 23%; margin-right: calc(8% / 3);}
  /*.index3 ul li:nth-child(2){ margin-top: 160px;}*/
  .index3 ul li:nth-child(4n){ margin-right: 0;}
  .index3 ul li .img img{ transition:all .36s}
  .index3 ul li .txt{ background: linear-gradient( transparent,rgb(6,115,68)); 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; top: 30px;}
.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; overflow:hidden}
.index5More{ width: 180px;  height: 54px; border-radius: 30px; box-shadow: 0 10px 25px rgba(6,115,68,0.1);}
.index5 .main-btn::before{ background: #fff;}
.index5 .main-btn:hover{ color: rgb(6,115,68);}
.indexpage div{  width: 60px; height: 60px; border-radius: 50%; background: url(../images/jian.png) no-repeat center center #fff; }
 
.indexpage div.pageright{transform: rotateY(180deg); margin-left: 15px;}
.indexpage div:hover{ background: url(../images/jian-white.png) no-repeat center center rgb(6,115,68);  box-shadow: 0 0 10PX rgba(0, 0, 0, 0.2);}

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





.index5 .right{ width: 1200px;}
.newsSwiper .swiper-slide .img{ width: 100%; height: auto;}
.newsSwiper .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsSwiper .swiper-slide .txt{ padding: 10px 10px; }
.newsSwiper .swiper-slide .txt h3{ line-height: 1.6; font-size:14px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-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: rgb(6,115,68); transition: all .42s;}
.newsSwiper .swiper-slide:hover .txt{ background: rgb(6,115,68); 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: -150px; margin-top: 2px; z-index: 10; }
/* #wave3{ z-index: -1;} */
/* #wave3{ background: url(../images/wave3.jpg) repeat-x bottom left;} */
footer{ padding: 40px 0 !important;}
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;}

.wap_header{ width: 100%; padding: 0 25px; height: 60px; position: fixed; top: 0; left: 0; z-index: 10002; display: none; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.wap_header .wap_logo img{ height: 35px;}
.m-header {
  width: 22px;
  height: 15px;
 
  cursor: pointer;
  
}
.m-header .box {
  
  width: 100%;
  height: 100%;
  position: relative;
}

.m-header .line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: 0;
  transition: width 0.3s ease 0s;
}

.m-header .line1 {
  width: 12px;
  top: 0;
}

.m-header .line2 {
  width: 20px;
  top: 6px;
}

.m-header .line3 {
  width: 16px;
  top: 13px;
}
 
.m-header-menu {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 100;
  height: 100%;
  background-color: #fff;
  transition: all 0.44s ease 0s;
}

.m-header-menu .m-menu-top {
  line-height: 60px;
  background-color: rgb(6,115,68);
}

.m-header-menu .m-menu-top .title {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  margin-left: 8.2%;
  font-family: "Base-font";
}

.m-header-menu .m-menu-top .close {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../images/close.png) no-repeat center;
  margin-right: 7.8%;
  margin-top: 22px;
  cursor: pointer;
}

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

.m-header-menu .m-header-list ul {
  width: 100%;
}

.m-header-menu .m-header-list li {
  line-height: 42px;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}

.m-header-menu .m-header-list li .col-box {
  display: block;
  width: 100%;
  padding: 0 10% 0 8.2%;
}

.m-header-menu .m-header-list .tit {
  font-size: 16px;
  color: #666;
}

.m-header-menu .m-header-list .tit>a {
  color: #666;
}

.m-header-menu .m-header-list .second {
  width: 100%;
  padding: 0 7.8% 0 8.2%;
  display: none;
}

.m-header-menu .m-header-list .second li a {
  color: #666;
}

.m-header-menu .m-header-list .point {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url(../images/arrow_right.png) no-repeat center;
  margin-top: 26px;
  transform: rotate(90deg);
  transition: 0.3s;
}

.m-header-menu .m-header-list .rotateY {
  transform: rotate(270deg);
}

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

.m-header-menu .m-header-menu-sub {
  position: absolute;
  right: -100%;
  top: 60px;
  width: 100%;
  height: 100%;
}

.m-header-menu .m-header-menu-sub .boxs {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s ease 0s;
  background-color: #fff;
  height: 100%;
}

.m-header-menu .m-header-menu-sub .boxs.show {
  left: -100%;
}

.m-header-menu .m-header-menu-sub .return-fir {
  display: block;
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  line-height: 60px;
  background-color: #d90e00;
}

.m-header-menu .m-header-menu-sub .return-fir p {
  padding-left: 18px;
  color: #fff;
  font-size: 16px;
  background: url(../images/arrow_left.png) no-repeat left center;
}

.m-header-menu .m-header-menu-sub ul,
.m-header-menu .m-header-menu-sub li {
  width: 100%;
  background: #fff;
}

.m-header-menu .m-header-menu-sub li {
  line-height: 60px;
  border-bottom: 1px solid #f2f2f2;
}

.m-header-menu .m-header-menu-sub li a {
  display: block;
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  font-size: 16px;
  color: #666;
}

.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(../images/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;}
/* .niebanner .neibanimg { animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);} */
.culture2{ background: url(../images/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(../images/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(../images/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: rgb(6,115,68); 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(6,115,68,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(../images/culture3-1.jpg) no-repeat center center; background-size: cover;}
.culture3 .right{    background: url(../images/culture3-2.jpg) 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;}
.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(../images/jian.png) no-repeat center center #fce8df; }
 
.culture4 .indexpage div.pageright{transform: rotateY(180deg); margin-left: 15px;}
.culture4 .indexpage div:hover{ background: url(../images/jian-white.png) no-repeat center center rgb(6,115,68);  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: rgb(6,115,68); 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(../images/culture4Bg.png) center center; background-size:100% 100%; */
.culture4  .swiper-slide:hover{ background: url(../images/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(../images/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: rgb(6,115,68); }
.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, #be1701, #fa5805);
  transition: transform .6s ease;
  transform-origin: left center;
  transform: scaleX(0);}
.historyBg ul  li:hover main::after{  transform: scaleX(1);}
.historyBg li img{ transition: all .4s;}
.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(../images/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(../images/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: rgb(6,115,68);}
.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(../images/arrow_left.png) no-repeat center center transparent;}
.team2Page div:hover{ background: url(../images/arrow_left_white.png) no-repeat center center rgb(6,115,68);}
.team2Page div.pageright{ transform: rotate(180deg);}

.team3Bg{ width: 50%; height: 100%; position:absolute; left: 0; top: 0; background: #fdf7f4; 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 rgb(6,115,68); 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: rgb(6,115,68); 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(../images/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(../images/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(../images/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(../images/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(../images/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(235, 92,25, 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(../images/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(../images/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(../images/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: rgb(6,115,68); 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(../images/jian-white.png) no-repeat center center rgb(235 92 25 / 52%);}
  .team6left{ left: -80px;}
  .team6right{right: -80px; transform: rotate(180deg);}
  .team6left:hover,.team6right:hover{  background: url(../images/jian-white.png) no-repeat center center rgb(6,115,68);}
  

  .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: rgb(6,115,68);}
  .location .right{ background: url(../images/home.png) no-repeat left center; padding-left: 35px;}
  .location .right a{ margin-right: 15px;}
 
  .news1{ background: #fdf7f4; 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: rgb(6,115,68);}

.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(../images/arrow_left.png) no-repeat center center #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.news1Page div:hover{ background: url(../images/arrow_left_white.png) no-repeat center center rgb(6,115,68);}
.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: #f2dace; border-radius: 50%; opacity: 1; margin: 0 15px; }
.news1  .swiper-pagination .swiper-pagination-bullet-active{ background: url(../images/pagination.png) no-repeat center center; background-size: cover;}

.news2  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  li:nth-child(3n){ margin-right: 0;}
.news2  li .img{ width: 100%; height: 300px;}
.news2 li .img img{ width: 100%; height: 100%; object-fit: cover;}
.news2 li .txt{ padding: 30px 40px; }
.news2 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 li .txt  span::before{ display: inline-block ;content: '·'; font-size: 30px; padding-right: 15px; }
.news2 li .txt  figure{ position: relative; z-index: 2;}
.news2 li .txt em{ width: 0; height: 100%; position:absolute; top: 0; left: 0; background: rgb(6,115,68); transition: all .42s;}
.news2 li:hover { transform: translateY(-10px);}
.news2 li:hover .txt{ color: #fff;}
.news2 li:hover .txt em{ width: 100%;}
.news2 li:hover .img {position: relative;}
.news2 li:hover .img img{ transform: scale(1.1);}
.news2 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 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: #fdf7f4;}
.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: rgb(6,115,68); 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(../images/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(../images/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: rgb(6,115,68); 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: rgb(6,115,68); 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: 40%;}
.contanttype .right{ width:27%}
.contanttype .right img{ width: 150px; border: 1px solid #e5e5e5;}

.contactgbook{ background: url(../images/contactgbookbg.png) no-repeat center left 7% #fdf7f4; 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: rgb(6,115,68); 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:rgb(6,115,68);}
.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(../images/responsibility2Ico.png) no-repeat right bottom  background-size: 85% auto ; */
.responsibility2{ background: url(../images/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: rgb(6,115,68);
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: #fdf7f4;}
.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: rgb(6,115,68); 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(../images/responsibility4Ico.jpg) no-repeat bottom right*/
.responsibility4 .txt{ background: #eb5c19; 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: 100%; 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(6,115,68, 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: rgb(6,115,68); 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(../images/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: rgb(6,115,68); 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: rgb(6,115,68);}
.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: rgb(6,115,68);}

.pt50{ padding-top: 50px;}

.news-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.news-index1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 50px 0 30px;
}
.nsort {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.nsort li {
    background: #fff;
    width: 174px;
    height: 54px;
    border-radius: 40px;
}
.nsort li.cur {
    background: #067344;
    box-shadow: 0px 14px 14px 0px rgba(6, 115, 68, 0.2);
}
.nsort li a {
    display: block;
    color: #666666;
    font-size: 18px;
    font-weight: 600;
    line-height: 54px;
    text-align: center;
}
.nsort li.cur a {
    color: #fff;
}
.tt11 {
    display: none;

}
.news-wrap {
    justify-content: space-between;
    flex-wrap: nowrap;
    display: -webkit-flex;
    width: 100%;
}
.newsl {
    width: 45%;
}
.newslist1 li .img1 img {
    width: 100%;
    max-height: 400px;
}
.newslist1 li .wz {
    padding-left: 30px;
    position: relative;
}
.newslist1 li .wz::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 1.3vw;
    width: 10px;
    height: 138px;
    background: #067344;
    border-radius: 5px;
}
.newslist1 li .wz .wz1 {
    color: #999999;
    font-size: 16px;
    font-family: "Arial";
    padding-top: 1.3vw;
}
.newslist1 li .wz .wz2 {
    color: #333333;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0.78125vw;
}
.newslist1 li .wz .wz3 {
    color: #888888;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 1vw;
}
.imgbig {
    overflow: hidden;
}
.imgbig img {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.imgbig:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.newsr {
    width: 50%;
}
.newslist2 li {
    border-bottom: 1px solid #dcdcdc;
    padding: 1.1vw;
}
.newslist2 li:hover {
    background: #067344;
}
.newslist2 li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newslist2 li a .date {
    width: 15%;
    text-align: center;
}
.newslist2 li a .date .d1 {
    color: #333333;
    font-size: 71px;
    font-weight: 600;
    line-height: 1;
    font-family: "Arial";
}
.newslist2 li:hover .date .d1 {
    color: #fff;
}
.newslist2 li a .date .d2 {
    color: #999999;
    font-size: 16px;
    font-family: "Arial";
}
.newslist2 li:hover .date .d2 {
    color: #fff;
}
.newslist2 li a .wz {
    width: calc(100% - 20%);
}
.newslist2 li a .wz .wz1 {
    color: #333333;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newslist2 li:hover .wz .wz1 {
    color: #fff;
}
.newslist2 li a .wz .wz2 {
    color: #888888;
    font-size: 15px;
    line-height: 24px;
    margin-top: 0.52083333333333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newslist2 li:hover .wz .wz2 {
    color: #fff;
}
.footer {
    display: flex;
    justify-content: center;
    flex-flow: column;
    color: rgba(255,255,255,0.5);
    font-size: 15px;
}
.footer .gbook {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .glink {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .glink  em {
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,0.3);
    margin: 0 10px;
}