首页*/

.banner{position: relative;}
.banner .swiper-container{width: 100%;}
.banner .swiper-slide{position: relative; width:100%;}
.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: #262b3a; position: absolute; z-index: 2;width: 100%;text-align: center;top: 35%;}
.banner .txt h2{ font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.4;color: #fff;text-align: left;
max-height: 4.2em;overflow: hidden;}
.banner .txt h2 span{display: inline-block;margin: 0 5px;vertical-align: middle;margin-top: -3px;}
.banner_link{display: block;width: 0.88rem;height: 0.88rem;line-height: 0.8rem;background: none;color: #fff;text-align: center;text-transform: uppercase;
border-radius: 100%;margin-top: 0.5rem;position: relative;overflow: hidden;border: 0.04rem solid #fff;}
.banner_link span{position: relative;z-index: 3;transition: all .5s;}
.banner_link i{font-size: 20px;display: block;}
.banner_link:after{position: absolute;content: "";display: block;height: 100%;left: 0;top: 0;width: 0;background: #3fa4d4;transition: all .5s;}
.banner .swiper-pagination{bottom:0.4rem;}
.banner .swiper-pagination-bullet{opacity: 1; background: #fff; width:13px; height:13px;margin: 0 4px!important;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.banner .swiper-pagination-bullet-active{background: #3fa4d4;}

.tit{text-align: center; margin-bottom: 0.7rem;}
.tit span{ display: block;}


@media only screen and (min-width:1025px) {
   .banner_link:hover{border-color: #3fa4d4;}
   .banner_link:hover span{color: #fff;}
   .banner_link:hover:after{width: 100%;}

}
@media only screen and (max-width:1024px) {
   .banner_link{height: 40px;line-height: 38px;width: 40px;}
}
@media only screen and (max-width:767px) {
   .banner .swiper-slide{height: 300px;}
   .banner .swiper-slide img{display: none;}
   .banner .down{bottom: 30px;}
   .banner .txt{top: 20%;}
   .banner_link{line-height: 30px;height: 30px;margin-top: 10px;width: 30px;}
   .banner .swiper-pagination-bullet{width: 10px;height: 10px;}

}
/*index01*/
.index01{padding: 2rem 1.65rem 2rem 1.65rem;box-sizing: border-box;overflow: hidden;    background-size: cover !important;}
/*.index01-ll{float: left;width: 55%;}*/
.index01-ll{margin-bottom: 0.3rem}
.index01-ll h2{font-weight: 300;}
.index01-ll p{margin-top: 0.2rem;}
.index_more .banner_link{width: 0.8rem;height: 0.8rem;background: #2fabe5;color: #fff;line-height: 0.8rem;border: 0;}
/*.index01-rr{float: right;width: 35%;}*/
.index01-rr ul{overflow: hidden; display: flex;flex-wrap: wrap;justify-content: space-between; }
.index01-rr li{border-bottom: 1px solid #000000;float: left;width: 30%}
.index01-rr li span{font-weight: 300;line-height: 1;}
.index01-rr dl{display: inline-block;text-align: center;padding: 0.4rem 0;}
.index01-rr dt{margin-top: 10px;}
/*.index01-rr li:nth-child(3),.index01-rr li:nth-child(4){border-bottom: 0;}*/

.index02{position: relative;}
.index02-swiper li img{width: 100%;}
.index02-swiper dt{position: absolute;top: 30.5%;left: 0;width: 100%;color: #fff;}
.index02-swiper dt p{font-weight: bold;white-space: nowrap;overflow: hidden;}
.index02-swiper dt h3{font-weight: 300;white-space: nowrap;overflow: hidden;}
.index02-swiper dt .banner_link{width: 0.8rem;
   height: 0.8rem;
   line-height: 0.74rem;border: 0.03rem solid #fff;}
.index02-swiper li .swiper-slide-active img {
   animation: zoom 5s;
}
.index02-swiper li .swiper-slide-active dt{
   animation: top 5s;
}
@keyframes zoom {
   0% {
      transform: scale3d(1.1, 1.1, 1.1);
      /*opacity: 0;*/
   }
   100% {
      transform: scale3d(1, 1, 1);
      /*opacity: 1;*/
   }
}
@keyframes top {
   0% {
      transform: translateY(100px);
   }
   100% {
      transform: translateY(0px);
   }
}

.index02-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.index02-swiper .swiper-pagination-custom,
.index02-swiper .swiper-pagination-fraction {
   bottom: 40px;
}

.index02-swiper .swiper-pagination-bullet{background: rgba(255,255,255,0.3);opacity: 1;width: calc((100% - 150px) / 4);height: 5px;margin-right: 50px;
float: left;border-radius: 5px;overflow: hidden;}
.index02-swiper .swiper-pagination-bullet:last-child{margin-right: 0;}
.progressbar-wrap.swiper-pagination-bullet-active {
   opacity: 1;

   position: relative;
   background: #ebd9d2;
}

.progressbar-wrap.swiper-pagination-bullet-active .progressbar {
   display: block;
}

.progressbar-wrap .progressbar {
   display: none;
   background: url("/static/images/index_05.png") no-repeat center;background-size: cover;
   position: absolute;
   left: 0;
   top: 0;
   width: 0%;
   height: 100%;
}
.smallImg-page{
   bottom: 0.4rem;
   position: absolute;
   z-index: 10;
   width: 100%;
   text-align: center;
   color: #fff;cursor: pointer;
}
.smallImg-page .swiper-pagination{position: static;display: inline-block;width: 100%;}
.smallImg-page em{font-size: 20px;display: inline-block;vertical-align: middle;margin-left: 5px;margin-top: 4px;cursor: pointer;}

.smallImg-txt{position: absolute;bottom: 0.53rem;left: 0;width: 100%;z-index: 11;color: #fff;}
.smallImg-txt li{float: left;width: calc((100% - 150px) / 4);margin-right: 50px;cursor: pointer;padding-bottom: 0.35rem;opacity: .6;}
.smallImg-txt li:last-child{margin-right: 0;}
.smallImg-txt li.active{opacity: 1;}

.index03{position: relative;}
.index03>img{width: 100%;}
.index03-con{position: absolute;left: 0;top: 14.3%;width: 100%;}
.index03-tit p{font-weight: bold;}
.index03-tit h2{font-weight: 300;}
.index03-list{margin-top: 0.8rem;}
.index03-list li{width: 38%;float: left;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 15px;padding: 0.6rem 0.4rem;
   box-sizing: border-box;color: #222;}
.index03-list li:nth-child(2){float: right;}
.index03-list li span{display: block;margin-bottom: 4px;}
.index03-list li h3 a{display: block;font-weight: bold;line-height: 1.3;height: 2.6em;overflow: hidden;}
.index03-list li p{line-height: 1.8;height: 5.4em;overflow: hidden;margin-top: 0.15rem;}
.index03-list li>a{display: block;margin: 0.2rem 0;}
.index04{position: relative;}
.index04>img{width: 100%;}
.index04-con{position: absolute;left: 0;top: 28%;z-index: 3;width: 100%;color: #fff;}
.index04-div{width: 62%;margin: 0 auto;}
.index04-div p{font-weight: 300;}
@media only screen and (min-width:1025px) {
   .index_more .banner_link:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
   .index_more .banner_link:hover span{color: #2fabe5;}
   .index_more .banner_link:hover:after{background: #fff;}
}
@media only screen and (max-width:1280px) {
   .index02-swiper .swiper-pagination-bullet,.smallImg-txt li{width: calc((100% - 90px) / 4);margin-right: 30px;}
   .index02-swiper .swiper-pagination-bullet:last-child,.smallImg-txt li:last-child{margin-right: 0;}
}
@media only screen and (max-width:1024px) {
   .index01{padding-left: 5%;}
   /*.index01-ll{width: 47%;}
   .index01-rr{width: 45%;}*/
   .index03-con{top: 10%;}
   .index03-list{margin-top: 20px;}
   .index03-list li{padding: 20px;}
}
@media only screen and (max-width:767px) {
   .index01{padding: 40px 5%;}
   .index01-ll,.index01-rr{width: 100%;}
   .index01-ll{margin-bottom: 0}
   .index01-rr{margin-top: 20px;}
   .index_more .banner_link{width: 30px;height: 30px;line-height: 30px;}
   .index01-rr li{text-align: center;}
   .index01-rr dl{padding: 10px 0;}
   .index01-rr li{width: 32%}
   .index01-rr li span{font-weight: normal;font-size: 30px}
   .index01-rr dt p{font-size: 14px}

   .index03{overflow: hidden;padding: 40px 0;}
   .index03>img{display: none;}
   .index03-con{position: static;}
   .index03-list{margin-top: 120px;}
   .index03-list li{width: 48%;}
   .index04-con{top: 20%;}
   .index04-div{width: 90%;}
   .index02-swiper dt{top: 15%;}
   .index02-swiper dt .banner_link{width: 30px;height: 30px;line-height: 28px;border: 1px solid #fff;}
   .index02-swiper .swiper-pagination-bullet{height: 2px;}
   .index02-swiper .swiper-pagination-bullet,.smallImg-txt li{width: calc((100% - 30px) / 4);margin-right: 10px;}
   .index02-swiper .swiper-pagination-bullet:last-child,.smallImg-txt li:last-child{margin-right: 0;}
   .smallImg-txt{bottom: 14px;}
   .smallImg-txt li{padding-bottom: 8px;}
   .smallImg-txt li p{font-size: 14px;}
   .smallImg-page{bottom: 10px;}
   @keyframes top {
      0% {
         transform: translateY(40px);
      }
      100% {
         transform: translateY(0px);
      }
   }
}
/*首页end