.banner-title{
    font-size: 50px;
    font-weight: bold;
    color: #002448;
    line-height: 60px;
    color: #0C97A5;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 180px;
    margin-top: -90px;
}
.banner-title_en{
    color: #0C97A5;
    opacity: 0.2;
    margin: 0;
    line-height: 60px;
    font-weight: 500;
}
.banner-subTitle{
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #0C97A5;
    max-width: 315px;
    text-align: center;
    margin-left: calc(50% - 157.5px);
}
/* menu */
.menu{
    position: absolute;
    bottom: -50px;
    width: 1200px;
    background: #fff;
    z-index: 5;
    left: 50%;
    margin-left: -600px;
    height: 100px;
    border-radius: 50px;
    display: flex;
    box-shadow: 0px 3px 10px #ccc;
    line-height: 100px;
}
.menu div{
    flex: 1;
    color: #333;
    font-size: 16px;
}
.menu div span.active{
    border-bottom: 4px solid #0C97A5;
    padding: 15px 0;
}
/* content */
.content{
    margin-top: 150px;
}
.content .center{
    /* width: 70%;
    min-width: 1200px; */
    width: 1200px;
    margin: 0 auto;
}
.content .cover{
    margin: 0 auto;
}

.text-gradient {  
  color: #00fde8;
  background-image: -webkit-linear-gradient(bottom, #13b1af, #097c9a, #014f88);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  font-weight: bold;
  font-family: "Microsoft Yahei";
  }  
/* .text-gradient {  
    display: inline-block;
    font-family: '微软雅黑';
    font-size: 40px;
    position: relative; 
  }  
  
  .text-gradient[data-text]::after {  
    content: attr(data-text);  
    color: #62e3e7;  
    position: absolute;  
    left: 0;  
    z-index: 2;
    -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(rgba(5, 80, 76, 0.3)));
  } */
  .text-gradient2{
    font-size: 35px;
  }
  .block{
      text-align: center;
      margin-bottom: 50px;
  }
  .block-title-en{
    font-size: 55px;
    opacity: 0.1;
    color: #000;
    text-align: center;
  }
  .block-title-ch{
    font-size: 40px;
    margin-top: -55px;
    text-align: center;
  }
  .block-desc{
    margin: 30px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
  }
  .block-title{
    margin: 80px 0 50px 0;
  }
  .block2-desc{
    display: flex;
  }
  .block2-desc>div{
    position: relative;
    flex: 1;
    background: linear-gradient(0deg, #014D87, #14B4B0);
  }
  .block2-desc>div>img{
    width: 100%;
  }
  .block2-desc ul{
    position: absolute;
    top: 0;
    /* left: 50%; */
    right: 0;
    padding-top: 5%;
    display: flex;
    flex-direction: column;
    /* width: 50%; */
    width: 600px;
    height: 80%;
  }
  .block2-desc ul li{
    flex: 1;
    background: #fff;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
  }
  .block2-desc ul li.active{
    background:   #A9CE05;
    color: #fff;
  }

  .block2-desc ul li img{
      padding: 0 30px;
  }
.block2-desc ul li img.icon1{
    display: none;
}
.block2-desc ul li.active img.icon1{
  display: inline-block;
}
.block2-desc ul li img.icon2{
    display: inline-block;
}
.block2-desc ul li.active img.icon2{
display: none;
}
.block2-desc ul li:last-child{
margin-bottom: 0;
}
.block2-rItem{
    display: none;
    color: #fff;
    text-align: left;
    padding: 100px 50px;
    height: calc(100% - 200px);
}
.block2-items .block2-rItem:first-child{
    display: block;
}
.block2-rItem h1{
    font-size: 30px;
}
.block2-rItem .underline{
    width: 100px;
    height: 6px;
    background: #7DC7D0;
    margin: 20px 0 50px 0;
}
.block2-rItem p{
    font-size: 16px;
}
.block-img1{
    margin-bottom: 30px;
}
.block4-text{
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px;
}
.block5{
    padding-bottom: 50px;
}
.block5 h2:first-child{
    margin-bottom: 10px;
}

.home-banner .swiper-slide .txt {
  height: 100%;
}
.imgBox{
  position: relative;
  height: 541px;
}
#startImg{
  /* transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-o-transform:scale(0,0); */
}
.startAnimation{
  animation-name: example;
  animation-delay: 1s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
#endImg{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
  margin: 0 auto;
}
.endAnimation{
  animation-name: example2;
  animation-duration: 2s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}
/* 动画代码 */
@keyframes example {
  /* 0%   {transform: scale(0,0);}
  20%  {transform: scale(1,1);} */
  0%  {transform: rotate3d(0, 0, 0, 0);}
  99%  {transform: rotate3d(0, 1, 0, 350deg); opacity: 1;}
  100% {transform: rotate3d(0, 1, 0, 360deg); opacity: 0;}
}
/* 动画代码 */
@keyframes example2 {
  0%  {opacity: 0;}
  1%  {transform: rotate3d(0, 1, 0, 0); opacity: 1;}
  100% {transform: rotate3d(0, 1, 0, 360deg);opacity: 1;}
}