/*首页*/
html{overflow-x: hidden;}
img{max-width: 100%;}
a:hover{color: #00C07F!important;}
.index-part01{position: relative; overflow: hidden;}
.index-part01 .logoboxWrap{position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 2; background: #fff;}
.index-part01 .logoboxWrap .logobox{width:25.625%;}
.index-part01 .logoboxWrap .logobox img{ width: 100%;}

.banner{width:100%;position: relative; z-index: 1;}
.banner img{ width: 100%;}
/*.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color: #fff; left:15%;}
.banner .txt h2{margin-bottom:12%; text-transform: uppercase; line-height: 1.2; font-weight: bold;}
.banner .swiper-pagination{bottom:0.3rem;}
.banner .swiper-pagination-bullet{width: 0.5rem; height: 0.03rem; margin:0 0.05rem!important;border-radius: 0; opacity:1;filter: alpha(opacity=100); background: rgba(255,255,255,0.5); position: relative;}
.banner .swiper-pagination-bullet::after{content: ""; position: absolute; left:0; top:0px; width:0; height:0.03rem;background:#01BC78;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.banner .swiper-pagination-bullet-active{ background: #D1D1D0;}
.banner .swiper-pagination-bullet-active::after{width:100%;}*/

.index-part02{padding-top: 1rem;}
.index-part02 .tit{padding-bottom: 0.4rem; border-bottom: 1px solid #F0F0F0; overflow: hidden;}
.index-part02 .tit h3{ margin-top:0.1rem;}
.index-part02 .con{margin-top: 0.4rem; line-height: 2;}
.index-part02 .con .ll{ float: left; width: 60%;}
.index-part02 .con .rr{ float: right; width: 40%; text-align: right;}
.index-part02 .con .rr em{margin: 0 0.1rem;}
.index-part02 .con .rr span{color:#00C07F;}
.index-part02 .img-box{ overflow: hidden; margin-top:1rem; position: relative;} 
.index-part02 .img-box .img{position: absolute; top:0.11rem; left:0.11rem; right:0.11rem; width: calc(100% - 0.22rem); border-radius: 0.18rem; overflow: hidden;}
.index-part02 .img-box .img img{position: absolute; width: 100%; border-radius: 0.18rem; overflow: hidden;}
.index-part02.move .img-box .img img{ animation: scroll 25s linear infinite;}
@keyframes scroll {
  from {
      top: 0; 
  }
  to {
      top: -469%; 
  }
}

.index-part03{padding-top: 1rem;}
.ultab{ margin-top: 0.2rem; padding-bottom: 0.4rem; border-bottom: 1px solid #E2E2E2;}
.ultab li{ float: left;padding: 0 0.3rem; position: relative;}
.ultab li.on,.ultab li.on a{ color: #00C07F!important;}
.ultab li:first-child{padding-left: 0;}
.ultab li::before{content: ""; position: absolute; right:0; top:15%; width: 1px; height: 70%; background: #000;}
.ultab li:last-child::before{ display: none;}
.index-part03 .con{padding: 0.4rem 0; line-height: 2;}
.indp03-box{padding: 1.2rem 0 1.6rem; background-image: linear-gradient(to right,#EFEFEF, #F8F8F8, #fff);}
/*.indp03-box .img{ display: block; margin: 0 auto; width: 37.8645%;animation: rotate 15s linear infinite;}*/
.indp03-box ul{width: 100%; height: 8rem; position: relative;}
.indp03-box ul li{position: absolute;text-align: center; border-radius: 50%;animation: bubble-float 5s infinite;}
.indp03-box ul li.li01{left:27.44%; top:12%; width: 2.7rem; height: 2.7rem;background: #fff; color: #000;animation-delay: 0s;}
.indp03-box ul li.li02{left:32.5%; top:64%; width: 0.8rem; height: 0.8rem;background: #000; color: #fff;animation-delay: 1s;}
.indp03-box ul li.li03{left:43.95%; top:35%;width: 2.3rem; height: 2.3rem;background: #00c07f; color: #fff; animation-delay: 2s;}
.indp03-box ul li.li04{left:62.5%; top:18.4%;width: 1.4rem; height: 1.4rem;background: #D8E7EE; color: #000; animation-delay: 3s;}
.indp03-box ul li.li05{left:73.85%; top:11.6%;width: 1rem; height: 1rem;background: #F5F5F7; color: #000; animation-delay: 4s;}
.indp03-box ul li.li06{left:71.45%; top:30%;width: 1rem; height: 1rem;background: #E9EDF1; color: #000; animation-delay: 5s;}
.indp03-box ul li.li07{left:62.5%; top:61.2%;width: 1.4rem; height: 1.4rem; background-image: linear-gradient(to right,#00C07F, #37E5C9, #53F8EE);color: #fff; animation-delay: 6s;}

.index-part04{padding-top: 1rem; padding-bottom: 2.1rem;color: #fff; background: url(../images/case/gymd/bg02.jpg) center no-repeat; background-size: cover;}
.index-part04 .ultab li,.index-part04 .ultab li a{color: #fff;}
.index-part04 .ultab li::before{ background: #fff;}
.index-part04 .con,.index-part05 .con,.index-part06 .con{padding: 0.4rem 0; line-height: 2;}
.index-part04 .tit{ text-align: center; margin-top: 2.2rem;}
.index-part04 .tit p,.index-part05 .tit p,.index-part06 .tit p{margin-top: 0.25rem;}
.index-part04 .show_box{position: relative; margin-top: 1.25rem;}
.index-part04 .show{ position: relative; width: 55.2%;}
.index-part04 .show ul.list01{position: absolute; z-index: 1;lefT:-0.45rem; top:0.25rem; right:-0.45rem;}
.index-part04 .show ul.list01 li{ float: left; width:calc(25% - 0.12rem); margin: 0 0.06rem;}
.index-part04 .swbox{position: absolute; left:7%; top:3.5rem; width:93%;}
.index-part04 .swbox li img{width: 100%;}
.index-part04 .logo_video{position: relative; margin-top: 1.25rem;}
.index-part04 .logo_video video{ display: none; width: 100%; height: 100%; object-fit: cover;}
.inp04_logoboxWrap{ width: 100%; overflow: hidden;}
.inp04_logobox{width:25.625%;}
.inp04_logobox img{ width: 100%;}

.index-part04 .scroll_box{position: relative; margin-top: 1.25rem;}
.scroll_box .swboxpic{margin-bottom: 0.28rem;}
.scroll_box .swboxpic .swiper-slide{border-radius: 0.2rem; overflow: hidden;}
.scroll_box .swboxpic .swiper-slide::before{ content: ""; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(15,72,70,0.5);}
.scroll_box .swboxpic .swiper-slide:hover::before{opacity: 0;}
.scroll_box .swboxpic .swiper-slide img{width: 100%;}
.scroll_box .swboxpic .swiper-wrapper{/*transition-timing-function: linear!important;*/}

.index-part05{padding-top: 1rem; background: url(../images/case/gymd/bg03.jpg) center no-repeat; background-size: cover; position: relative;}
.index-part05 .ultab,.index-part06.ultab{border-bottom:1px solid #000000;}
.index-part05 .tit,.index-part06 .tit{margin-top:0.5rem;}
.index-part05 .imgbox{position: absolute; lefT:0; bottom:0; width: 100%; overflow: hidden;}
.index-part05 .imgbox img{ width: 100%;}
.index-part05 .imgbox .fangda{position: absolute; left:33.65%; top:46.875%; transform: scale(0.76); opacity: 0;transition: 2s all;-webkit-transition: 2s all;-moz-transition: 2s all;-o-transition: 2s all;-ms-transition: 2s all;}
.index-part05.move .imgbox .fangda{ transform: scale(1);opacity: 1;}
/*.image-container{position: absolute;width: 120px; height: 120px; background: #fff; border-radius: 100%; opacity: 0.4;}
.image-container img{ width:60px; height: 60px;overflow: hidden;}
.image-container:hover{opacity: 1;}*/

.index-part06{padding-top: 1.5rem; padding-bottom:5rem; background: url(../images/case/gymd/bg04.jpg) center no-repeat #EAEDEE; background-size: cover;}
.index-part07{ margin-top: 1rem;}
.index-part07 .swiper-slide img{width: 100%;}
.index-part08{margin-top: 1.4rem;}
.index-part08 img{ width: 100%;}
.index-part08 a.link{ display: block; margin:0.9rem auto 0; width: 4.4rem; height: 0.6rem; line-height: 0.6rem; font-weight: bold; text-align: center; color: #00C07F; border-radius: 0.3rem; border:1px solid #00C07F; }
.index-part09{margin-top: 1.4rem; margin-bottom: 1rem; text-align: center;}
.index-part09 h3{font-weight: bold; margin-bottom: 0.35rem;}
.index-part09 h3 em{margin: 0 0.2rem; font-weight: lighter;}
.index-part09 h3 a:hover{color:#FA0019!important;}
.index-part09 p{line-height: 2;}

@keyframes bubble-float {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(0, -0.5rem);
    }
    100% {
      transform: translate(0, 0);
    }
}


@media only screen and (max-width:1023px) { 
.index-part02 .con .ll,.index-part02 .con .rr{width: 100%;}
.index-part02 .con .rr{margin-top: 5%; text-align: left;}
.indp03-box ul{ height:2rem;}
.indp03-box ul li{width: 1rem!important; height: 1rem!important;}
.index-part04 .show ul.list01{left:0;}
.index-part04 .swbox{width: 80%; left:10%;}
.image-container{ width:80px; height: 80px;}
.image-container img{ width: 40px; height: 40px;}
.ultab{padding-bottom: 0.2rem;}
.index-part04 .swbox{top:2.2rem;}
.index-part02,.index-part03,.index-part04,.index-part05,.index-part06{padding-top: 0.5rem;}
.index-part02 .video-box,.index-part04 .tit,.index-part04 .show_box,.index-part04 .logo_video,.index-part04 .scroll_box,
.index-part05 .tit, .index-part06 .tit,.index-part07,.index-part08,.index-part08 a.link,.index-part09{margin-top: 0.5rem;}
.index-part04{padding-bottom: 0.5rem;}
.index-part06{padding-bottom: 3rem;}
.index-part09{margin-bottom: 0.5rem;}
}

@media only screen and (max-width:767px) { 
.banner .swiper-pagination{bottom:5px;}
.image-container{ width:60px; height: 60px;}
.image-container img{ width: 30px; height: 30px;}
.ultab li{padding: 0 0.15rem;}
}
@media only screen and (max-width:374px) { 
  .ultab li{padding: 0 0.1rem;}
}

.logobox,.inp04_logobox{transition: 3s all;-webkit-transition: 3s all;-moz-transition: 3s all;-o-transition: 3s all;-ms-transition: 3s all;}
.scroll_box .swboxpic .swiper-slide::before,.image-container{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px) {
  .image-container:hover{animation: rotate 2s linear infinite; /*transform:scale(1.35,1.35); -webkit-transform:scale(1.35,1.35);-moz-transform:scale(1.35,1.35);-o-transform:scale(1.35,1.35);-ms-transform:scale(1.35,1.35);*/}
  .index-part08 a.link:hover{color: #fff!important; background: #00C07F;}
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg) scale(1.35,1.35);
  }
}
/*首页end*/