.banner{position: relative;overflow: hidden;}
.banner a{display: block;overflow: hidden;padding-bottom: calc(100vh - 3.23rem);position: relative;}
.banner a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s linear 2s;transform: scale(1.05,1.05);}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 2s linear; transform: scale(1,1);}
.banner .swiper-pagination{bottom: 2rem;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 1.4rem;height: 1.4rem;background: none;opacity: 1;text-align: center;line-height: 1.4rem;color: #fff;font-size: 0.53rem;position: relative;}
.banner .swiper-pagination .swiper-pagination-bullet::before{content: "";width: 6px;height: 6px;background: #FFFFFF;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -3px 0 0 -3px;}
.banner .swiper-pagination .swiper-pagination-bullet i{transform: scale(0);opacity: 0;}
.banner .swiper-pagination .swiper-pagination-bullet b{display: block;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;position: absolute;left: 0;top: 0;animation: spin 4s ease-in-out infinite;opacity: 0;}
.banner .swiper-pagination .swiper-pagination-bullet b:before{content: "";width: 3px;height: 3px;background: #FFFFFF;border-radius: 50%;position: absolute;left: 50%;top: -2px;margin-left: -2px;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 0;transform: scale(0);}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active b{opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active i{transform: scale(1);opacity: 1;}
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/* iTitle */
.iTitle{padding: 1.06rem 0 0 1.13rem;margin-bottom: 1.66rem;line-height: 1;background: url(../images/circle1.svg) no-repeat left top;background-size: auto 3.2rem;}
.iTitle .ch{color: #006AB8;margin-bottom: 7px;}
.iTitle .en{color: #D4D4D4;text-transform: uppercase;}
.iTitle.center{text-align: center;background-position: center top;}
.iTitle.white{background-image: url(../images/circle2.svg);}
.iTitle.white .ch{color: #FFFFFF;}
.iTitle.white .en{color: #fff;opacity: 0.5;}


/* isect1 */
.isect1{padding: 2.3rem 0 3.33rem;position: relative;overflow: hidden;}
.isect1 .left{width: 42.85%;}
.isect1 .text{color: #666666;line-height: 1.06rem;height: 5.3rem;overflow: hidden;margin-bottom: 5px;}
.isect1 .dataUl{padding-bottom: 3.3rem;}
.isect1 .dataUl li{width: 50%;padding-top: 1.66rem;color: #333333;line-height: 1;}
.isect1 .dataUl li:nth-child(2n){width: 42%;float: right;}
.isect1 .dataUl li .icon{height: 2.4rem;}
.isect1 .dataUl li .num{color: #006AB8;margin-top: 8px;}
.isect1 .pic{width: 51.56%;height: 880px;position: absolute;top: 0;left: 50%;margin-left: -1rem;}
.isect1 .pic::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: -0.66rem;background: #008BE3;opacity: 0.2;clip-path: path('M1200,0 L1200,880 L123.265005,880 C45.4950058,766.440898 0,629.035671 0,481.004193 C0,295.22165 71.6579466,126.176182 188.841729,0 L1200,0 Z');}
.isect1 .pic .wrap{width: 100%;height: 100%;clip-path: path('M1200,0 L1200,880 L123.265005,880 C45.4950058,766.440898 0,629.035671 0,481.004193 C0,295.22165 71.6579466,126.176182 188.841729,0 L1200,0 Z');}
.isect1 .pic .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;cursor: pointer;}
.isect1 .pic .icon img{position: relative;z-index: 3;}
.isect1 .pic .icon:after,
.isect1 .pic .icon:before{content: "";z-index: -1;position: absolute;left: 50%;top:50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;transition: 0.5s;transform: scale(0.6);animation: scaleBtn 4s linear infinite;}
.isect1 .pic .icon:before{animation: scaleBtn 4s linear infinite 2s;}
@keyframes scaleBtn{
    to{transform: scale(1.8);opacity: 0;}
}


/* isect2 */
.isect2{position: relative;overflow: hidden;padding: 2.66rem 0 0;}
.isect2 .hide{position: relative;overflow: hidden;}
.isect2 .bgContainer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isect2 .bgContainer .swiper-slide{height: 100%;}
.isect2 .bgContainer a{display: block;overflow: hidden;height: 100%;position: relative;}
.isect2 .bgContainer a::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-image: linear-gradient(rgba(0,0,0,0.03), rgba(0,0,0,0.45));}
.isect2 .bgContainer a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s linear 2s;}
.isect2 .bgContainer .swiper-slide-active a em,
.isect2 .bgContainer .swiper-slide-duplicate-active a em{transition: 2s linear; transform: scale(1,1);}
.isect2 > .w1400{position: relative;z-index: 2;}
.isect2 .container{padding: 1rem 0 6.23rem;max-width: 860px;margin: 0 auto;text-align: center;color: #fff;position: relative;overflow: hidden;}
.isect2 .container .tit{line-height: 1;margin-bottom: 1rem;}
.isect2 .container .desc{line-height: 1.06rem;font-weight: normal;opacity: 0.9;margin-bottom: 2.66rem;height: 3.18rem;overflow: hidden;}
.isect2 .container .moreBtn{margin: 0 auto;}
.isect2 .tabs{display: flex;align-items: flex-end;height: 4.33rem;}
.isect2 .tabs li{flex: 1;position: relative;background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(10px);}
.isect2 .tabs li::before{content: "";width: 1px;height: 2rem;background: #FFFFFF;opacity: 0.5;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.isect2 .tabs li:first-child::before{display: none;}
.isect2 .tabs li a{width: 100%;height: 3.8rem;color: #fff;line-height: 1;}
.isect2 .tabs li .icon{margin-right: 0.6rem;height: 1.46rem;}
.isect2 .tabs li .en{margin-top: 10px;font-weight: normal;text-transform: uppercase;opacity: 0.78;}
.isect2 .tabs li.active a{height: 4.33rem;background: #006AB8;}
.isect2 .tabs li.active::before{opacity: 0;}

/* isect3 */
.isect3{padding: 2.26rem 0 5.1rem;background: url(../images/isect3Bg.jpg) no-repeat center top;background-size: cover;}
.isect3 .title{margin-bottom: 1.66rem;}
.isect3 .iTitle{margin-bottom: 0;}
.isect3 .container{position: relative;overflow: hidden;width: 100%;padding: 10px;margin: -10px 0 0 -10px;}
.isect3 .container a{height: 3.66rem;width: 100%;overflow: hidden;}
.isect3 .container a img{max-width: 100%;max-height: 100%;}
.isect3 .container a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #fff;}


/* isect4 */
.isect4{padding: 2.26rem 0 2.23rem;background: url(../images/isect4Bg.jpg) no-repeat center top;background-size: cover;overflow: hidden;}
.isect4 .title{margin-bottom: 1.66rem;}
.isect4 .iTitle{margin-bottom: 0;}
.isect4 .dateUl{padding-bottom: 1.5rem;display: flex;justify-content: space-between;color: #fff;text-align: center;line-height: 0.93rem;}
.isect4 .dateUl li{padding: 0 2.7rem;border-left: 1px solid rgba(255, 255, 255, 0.5);}
.isect4 .dateUl li:first-child{padding-left: 0;border: none;}
.isect4 .dateUl li:last-child{padding-right: 0;}
.isect4 .dateUl li h4{line-height: 1.4;margin-bottom: 0.5rem;}
.isect4 .dateUl li p{font-weight: 300;}
.isect4 .picUl{display: flex;align-items: center;}
.isect4 .picUl li{width: 23%;margin-left: 2.6%;perspective: 500px;transform-style: preserve-3d;}
.isect4 .picUl li a{display: block;height: 0;padding-bottom: 141.57%;position: relative;overflow: hidden;transform-style: preserve-3d;-webkit-box-reflect: below 0 linear-gradient(transparent, rgba(0, 0, 0, 0.08));}
.isect4 .picUl li img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: fill;}
.isect4 .picUl li:first-child{margin-left: 0;}
.isect4 .picUl li:first-child a{transform: rotateY(8deg);}
.isect4 .picUl li:nth-child(2) a{transform: scale(0.8) rotateY(8deg);}
.isect4 .picUl li:nth-child(3) a{transform: scale(0.8) rotateY(-8deg);}
.isect4 .picUl li:nth-child(4) a{transform: rotateY(-12deg);}

/* isect5 */
.isect5{padding: 2.26rem 0;}
.isect5 .title{margin-bottom: 1.66rem;}
.isect5 .iTitle{margin-bottom: 0;}
.isect5 .tabs li{margin-left: 1.66rem;border: 1px solid #DDDDDD;border-radius: 1.1rem;}
.isect5 .tabs li:first-child{margin-left: 0;}
.isect5 .tabs li a{display: block;padding: 0 1.33rem;color: #666666;line-height: 1.73rem;}
.isect5 .tabs li.active a{color: #fff;}
.isect5 .container{width: calc(100% + 250px);position: relative;overflow: hidden;padding-bottom: 0.9rem;}
.isect5 .innerScroll{position: relative;}
.isect5 .innerScroll .btnStyle{position: absolute;right: 8.63rem;bottom: -0.9rem;z-index: 2;padding: 0 0.9rem;background: #fff;}
.isect5 .innerContainer{width: 100%;position: relative;overflow: hidden;}
.isect5 .innerContainer::before{content: "";width: 100%;height: 1px;background: #D6D6D6;position: absolute;left: 0;bottom: 0;}
.isect5 .innerContainer .swiper-slide{width: auto;}
.isect5 .innerContainer a{display: block;width: 16rem;padding-bottom: 2.2rem;position: relative;line-height: 20px;}
.isect5 .innerContainer a:before{content: "";width: 100%;height: 1px;background: #006AB8;position: absolute;left: 0;bottom: 0;transform-origin:left center;transform: scale(0,1);opacity: 0;z-index: 2;}
.isect5 .innerContainer .date{color: #666666;line-height: 1;}
.isect5 .innerContainer h4{color: #333333;margin: 0.83rem 0 0.66rem;}
.isect5 .innerContainer p{color: #666666;}
.isect5 .innerContainer .arr{filter: brightness(0) invert(0.5);opacity: 0.6;margin: 1.5rem 0;}
.isect5 .innerContainer .pic{height: 0;padding-bottom: 61.875%;position: relative;overflow: hidden;}
.isect5 .innerContainer a:hover::before{transform: scale(1);opacity: 1;transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.isect5 .innerContainer a:hover h4{color: #006AB8;}
.isect5 .innerContainer a:hover .arr{filter: brightness(1) invert(0);opacity: 1;}
.isect5 .innerContainer a:hover .pic em{transform: scale(1.1);}

@media screen and (max-width: 1480px){
.isect1 .dataUl li .icon{height: 2rem;}
.isect1 .pic{height: 800px;}
.isect2 .container{padding: 1rem 0 5rem;}
.isect3{padding: 2rem 0 4rem;}
}

@media screen and (max-width: 1280px){
.isect4 .dateUl li{padding: 0 2rem;text-align: center;}
}


@media screen and (max-width: 1024px){
.banner a{padding-bottom: 45%;}
.isect1{padding: 1rem 0;}
.isect1 .left{width: 100%;}
.isect1 .text{height: auto;max-height: 5.3rem;}
.isect1 .pic{position: relative;left: 0;margin-left: 0;width: 100%;height: 0;padding-bottom: 49%;margin-top: 1rem;}
.isect1 .pic .wrap{clip-path:none;}
.isect4 .dateUl{display: block;overflow: hidden;}
.isect4 .dateUl li{width: 50%;padding: 0;float: left;box-sizing: border-box;margin-bottom: 0.5rem;}
.isect4 .dateUl li:nth-child(3){border: none;}
.isect4 .dateUl li h4{font-size: 0.9rem;margin-bottom: 6px;}
}

@media screen and (max-width: 760px){
.banner .swiper-pagination{bottom: 10px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 22px;height: 22px;line-height: 22px;font-size: 0;}
.iTitle{padding: 0.5rem 0 0 0.5rem;background-size: auto 2.2rem;margin-bottom: 0.6rem;}
.isect1 .dataUl{padding-bottom: 1rem;}
.isect1 .dataUl li{padding-top: 1rem;}
.isect1 .dataUl li .icon{height: 1.5rem;}
.isect1 .dataUl li .num span{font-size: 1rem;}
.isect2{padding: 1rem 0 0;}
.isect2 .tabs li a{flex-wrap: wrap;height: 3rem;display: block;text-align: center;height: auto;padding: 0.6rem 0;}
.isect2 .tabs li.active a{height: auto;padding: 0.8rem 0;}
.isect2 .tabs li .en{display: none;}
.isect2 .tabs li a .tit{width: 100%;box-sizing: border-box;padding: 0 10px;text-align: center;}
.isect2 .tabs li a .tit .ch{font-size: 13px;}
.isect2 .tabs li .icon{margin-right: 0;height: 1rem;margin-bottom: 12px;}
.isect2 .container{padding: 1rem 0 2rem;}
.isect2 .container .desc{margin-bottom: 1rem;line-height: 0.9rem;height: 2.7rem;}
.isect2 .container .tit{margin-bottom: 0.5rem;}
.isect3{padding: 1rem 0;}
.isect3 .title{margin-bottom: 1rem;}
.isect3 .container a{height: 2rem;}
.isect5{padding: 1rem 0;}
.isect5 .tabs li{margin-left: 10px;}
.isect5 .tabs li a{padding: 0 0.5rem;line-height: 1.4rem;}
.isect5 .innerContainer a{width: 10rem;padding-bottom: 1rem;}
.isect5 .innerContainer h4{margin: 10px 0;}
.isect5 .innerContainer .arr{margin: 15px 0;}

}

@media screen and (max-width: 468px){
.iTitle .ch{font-size: 0.8rem;}
.iTitle .en{font-size: 12px;line-height: 1;}
.isect1 .dataUl li,.isect1 .dataUl li:nth-child(2n){padding-top: 1rem;width: 100%;}
.isect4 .dateUl li p{font-size: 12px;}
}