@font-face {
	font-family: MiSans_r;
	src: url(../font2/MiSans-Regular.ttf);
}

@font-face {
	font-family: MiSans_b;
	src: url(../font2/MiSans-Bold.ttf);
}
@font-face {
	font-family: MiSans_h;
	src: url(../font2/MiSans-Heavy.ttf);
}
@font-face {
	font-family: MiSans_s;
	src: url(../font2/MiSans-Semibold.ttf);
}
@font-face {
	font-family: MiSans_d;
	src: url(../font2/MiSans-Demibold.ttf);
}
@font-face {
	font-family: MiSans_m;
	src: url(../font2/MiSans-Medium.ttf);
}



@keyframes banrun2{
	0%{top: 10px;}
	50%{top: 0;}
	100%{top: 10px;}
}
@keyframes banrun3{
	0%{width: 23%;}
	50%{width: 50%;}
	100%{width: 100%;}
}


.sybt h2{font-size: 60px;color: #fff;font-family: MiSans_d;line-height: 70px;position: relative;top: 0;}
.sybt h4{font-size: 18px;color: #fff;font-family: MiSans_r;line-height: 31px;padding-top: 42px;position: relative;}


.s1_tl {
	position: relative;overflow: hidden;
}

.s1_tlist2{position: relative;display: inline-block;height: 220px;overflow: hidden;}
.s1_tlist2_t{position: relative;}
.s1_tlist2_t h2{background: #fff;}
.s1_tlist2_t h2{
	mix-blend-mode: screen;
	background:#fff;
}
/* .s1_tlist2_b h2{opacity: 0;}
.s1_tlist2_b.ac1 h2{
	opacity: 1;
} */
.s1_tlist2_t video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;object-fit: cover;}
.s1_tlist2_b{height: 110px;overflow: hidden;}
.s1_tlist2_b h2{color: #000 !important;}

.s1_tlist2_b.ac1 h2{
	animation: banrun3 1s ease-in-out forwards;
	overflow: hidden;
}



.section1{position: relative;padding: 190px 0 125px;z-index: 3;background: #fff;}
.s1_t{font-size: 0;box-sizing: border-box;}
.s1_tl,.s1_tr{display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.s1_tl{width: 36.6%;}
.s1_tr{width: 63.4%;}
.s1_tr img{width: 100%;}
.section1 h2{font-size: 97px;color: #000000;font-family: MiSans_d;line-height: 110px;position: relative;}
/* .section1 h2 i{font-size: 97px;color: #000000;font-family: MiSans_b;line-height: 110px;overflow: hidden;height: 110px;}
.section1 h2 i{position: absolute;top: 0;left: 0;animation: banrun3 2s linear;} */
.section1 p{font-size: 19px;color: #000000;font-family: MiSans_r;margin-top: 48px;padding-right: 30px;}
.s1_t{position: relative;z-index: 999;}
.s1_t h2:first-of-type{color: #e4007f;}
/* .s1_t h2:first-of-type i{color: #e4007f;} */
.s1_b{padding-top: 180px;font-size: 0;}
.s1_b h2:last-of-type{
	color: #00a0e9;
	background: -webkit-linear-gradient(left, #4b8ffa, #47e8b4);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.s1_bl,.s1_br{display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.s1_bl{width: 51.6%;overflow: hidden;}
.s1_bl img{width: 100%;}
.s1_br{width: 48.4%;padding-left: 145px;overflow: hidden;}
.more{display: block;width: 118px;margin-top: 35px;color: #00a0e9;position: relative;box-sizing: border-box;text-align: center;}
.more i,.more span{display: inline-block;vertical-align: middle;box-sizing: border-box;line-height: 40px;position: relative;}
.more i{font-size: 18px;margin-right: 26px;font-family: MiSans_r;}
.more span{font-size: 20px;}
.more:hover{color: #fff;width: 180px;}
.more::before{content: '';display: block;width: 0;height: 100%;background: #00a0e9;position: absolute;top: 0;left: 0;border-radius: 40px;}
.more:hover::before{width: 100%;}
/* .more:hover span{
	transform: rotate(-45deg);
} */

@keyframes spin {
    0% {width: 100%;height: 110%;}
    100% {width: 100%;height: 0;}
}
.s1_tr{overflow: hidden;}
.s1_tr::after{content: '';display: block;width: 100%;height: 0;background: #e4007f;position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	z-index: 2;
	animation: spin 1s ease-in-out;
	animation-iteration-count: 1;
}
.s1_bl::before{content: '';display: block;width: 100%;height: 110%;background: #00a0e9;position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	z-index: 2;
}
.s1_b.ac .s1_bl::before{width: 100%;height: 0;}
.sybt{padding-top: 150px;}
.section2{padding: 0 0 120px;position: relative;box-sizing: border-box;z-index: 3;background: -webkit-linear-gradient(left, #4b8ffa, #47e8b4);}
/* .section2.ac{padding-top: 384px;} */
.s2t{position: relative;top: 0;height: 500px;box-sizing: border-box;}
.s2t .sybt{padding-right: 130px;padding-left: 130px;}
.s2b{font-size: 0;position: relative;z-index: 4;}
.s2b_l,.s2b_r{display: inline-block;vertical-align: top;box-sizing: border-box;}
.s2b_l{padding-left: 130px;width: 30%;padding-right: 60px;}
.s2b_r{width: 70%;margin-top: -75px;}
.s2b_r_list img{width: 100%;}
.section2.ac .s2t .sybt{position: fixed;top: 0;left: 0;}
.s2.ac .s2b_l{position: fixed;top: 300px;left: 0;width: 30%;}
.s2.ac .s2b_r{margin-left: 30%;}
.s2.ac1 .s2b_l{top: auto;bottom: 0;position: absolute;}
.section2.ac1 .s2t .sybt{opacity: 0;}
.section2.ac1 .s2b_r{margin-left: 30%;}
.s2b_l_bt{margin-bottom: 30px;position: relative;cursor: pointer;}
.s2b_l_bt:last-of-type{margin-bottom: 0;}
.s2b_l_bt h3{font-size: 32px;color: rgba(255,255,255,.6);font-family: MiSans_d;position: relative;display: inline-block;}
.s2b_l_bt p{font-size: 16px;color: #999999;height: 0;overflow: hidden;position: relative;font-family: MiSans_r;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.s2b_l_bt{padding-right: 30px;}
.s2b_l_bt.ac{padding: 20px 30px 20px 0;}
.s2b_l_bt.ac p{height: 90px;}
.s2b_l_bt::before{content: '';display: block;width: 110%;height: 100%;background: #fff;position: absolute;top: 0;left: -10%;opacity: 0;}
.s2b_l_bt.ac::before{opacity: 1;}
.s2b_l_bt.ac h3{color: #00a0e9;}
.s2b_l_bt h3::after{content: '';display: block;width: 0;height: 2px;background: #00a0e9;margin: 0;}
.s2b_l_bt.ac h3::after{width: 100%;margin: 14px 0 28px;}
.s2b_r_list{padding-bottom: 300px;}
.s2b_r_list:last-of-type{padding-bottom: 0;}
.s2b_r_list .swiper-container{padding-top: 75px;}
/* .s2b_r_list .swiper-slide{left: -10%;} */
.s2b_r_list .swiper-slide{opacity: .4;}
.s2b_r_list .swiper-slide p{opacity: 0;}
.s2b_r_list .swiper-slide-active{opacity: 1;}
.s2b_r_list .swiper-slide-active p{opacity: 1;}
.s2b_r_list .swiper-slide h2{font-size: 95px;color: rgba(255,255,255,.8);font-family: MiSans_d;line-height: 95px;position: absolute;width: 100%;text-align: center;left: 0;top: -65px;z-index: 2;}
.s2b_r_list .swiper-slide p{position: absolute;bottom: 0;left: 0;width: 52%;padding: 30px 0 30px 70px;font-size: 16px;color: #fff;font-family: MiSans_r;z-index: 2;}
.s2b_r_list .swiper-slide h6{position: relative;}
.s2b_r_list .swiper-slide h6::before{content: '';display: block;width: 100%;height: 100%;background: url(../images/s2listbg_03.png) center center;background-size: 100% 100%;position: absolute;
	top: 0;left: 0;
}
.s2_an{position: absolute;right: 25%;bottom: 40px;z-index: 2;font-size: 0;}
.s2_an .swiper-button-prev,.s2_an .swiper-button-next{position: static;display: inline-block;background: none;font-size: 20px;color: #fff;vertical-align: middle;margin: 0;height: auto;
	width: auto;
}
.s2_an i{display: inline-block;vertical-align: middle;width: 1px;height: 21px;background: #fff;margin: 0 39px;}
.section2.ac .s2t .sybt h2{font-size: 28px;}
.section2.ac .s2t .sybt h4{opacity: 0;}



.section3{position: relative;z-index: 2;background: #fff;padding: 0 0 105px;box-sizing: border-box;z-index: 3;}
.s3t{position: relative;top: 0;height: 330px;}
.s3t .sybt{padding-left: 130px;padding-right: 130px;}
.s3t .sybt h2{color: #000;display: inline-block;}
.s3t .sybt h4{color: #999;}
.s3b{position: relative;top: -300px;}
/* .s3b_list{margin-bottom: -265px;}
.s3b_list:last-of-type{padding-bottom: 265px;}
.s3b_list .swiper-slide-active{margin-top: 200px;}
.s3b_list .swiper-slide-next{margin-top: 100px;}
.s3b_list .swiper-slide-prev{margin-top: 300px;} */
.s3c{padding-left: 130px;display: inline-block;z-index: 2;height: 518px;}
.s3clb{padding:30px;background: #e4007f;border-radius: 20px;width: 500px;box-sizing: border-box;position: relative;z-index: 2;}
.s3c_list{margin-bottom: 40px;position: relative;cursor: pointer;padding: 0 20px;}
.s3c_list:last-of-type{margin-bottom: 0;}
.s3c_list h3{font-size: 32px;color: #fff;font-family: MiSans_d;position: relative;display: inline-block;}
.s3c_list p{font-size: 16px;color: #999;height: 0;overflow: hidden;position: relative;font-family: MiSans_r;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.s3c_list a{margin-top: 10px;display: none;}
.s3c_list a i,.s3c_list a span{color: #e4007f;}
.s3c_list.ac{padding: 20px;}
.s3c_list.ac p{height: 90px;}
.s3c_list::before{content: '';display: block;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;opacity: 0;border-radius: 20px;}
.s3c_list.ac::before{opacity: 1;}
.s3c_list.ac h3{color: #e4007f;}
.s3c_list h3::after{content: '';display: block;width: 0;height: 2px;background: #e4007f;margin: 0;}
.s3c_list.ac h3::after{width: 100%;margin: 14px 0 28px;}
.s3c_list.ac a{display: block;}
/* .s3b_list .swiper-slide img{width: 100%;border-radius: 18px;}
.s3b_list .swiper-slide img:first-of-type{margin-bottom: 36px;} */
.section3.ac .s3t .sybt h2{font-size: 28px;width: 520px;}
.section3.ac .s3t .sybt h4{opacity: 0;height: 0;}
.section3.ac .s3t .sybt{position: fixed;top: 0;left: 0;z-index: 2;left: 0;}
.section3.ac .s3c .s3clb{position: fixed;top: 320px;left: 0;z-index: 2;left: 130px;}
.section3.ac1 .s3c .s3clb{top: auto;position: absolute;bottom: 120px;}
.section3.ac1 .s3t .sybt{position: absolute;top: auto;}
.section3.ac .s3c .s3clb .s3c_list::before{background: #fff;}
.section3.ac .s3c .s3clb .s3c_list h3{color: #fff;}
.section3.ac .s3c .s3clb .s3c_list.ac h3{color: #e4007f;}
.s3c_list .more::before{background: #e4007f;}
.s3c_list .more:hover i,.s3c_list .more:hover span{color: #fff !important;}
.s3b_list ul{font-size: 0;}
.s3b_list ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 32%;margin-right: 2%;margin-bottom: 30px;position: relative;}
.s3b_list ul li:nth-of-type(3n){margin-right: 0;}
.s3b_list ul li img{width: 100%;border-radius: 18px;}
.s3b_list ul li:nth-of-type(3n-2){top: 300px;}
.s3b_list ul li:nth-of-type(3n-1){top: 150px;}


@keyframes bgMove {
	0% {
	 transform: scale(1);
	}
	100% {
	  transform: scale(5);
	}
}

.section4{position: relative;z-index: 2;background: #fff;padding: 0 0 120px;background: url(../images/s4bgx_02.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.s4bg{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;overflow: hidden;}
.s4bg img{width: 100%;height: 100%;display: block;animation: bgMove 30s linear infinite;}

.section4 video{position: absolute;top: 0;left: 50%;display: block;width: 100%;height: 100%;object-fit: cover;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.s4{position: relative;font-size: 0;}
.s4_l,.s4_r{display: inline-block;vertical-align: top;box-sizing: border-box;}
.s4_l{padding-left: 130px;width: 36%;padding-right: 100px;position: relative;}
.s4_r{width: 64%;padding-right: 130px;}
.s4_r_list img{width: 100%;}
.s4b_list{margin-bottom: 40px;position: relative;cursor: pointer;}
.s4b_list:last-of-type{margin-bottom: 0;}
.s4b_list h3{font-size: 32px;color: rgba(255,255,255,.6);font-family: MiSans_d;position: relative;display: inline-block;line-height: 40px;}
.s4b_list p{font-size: 16px;color: #999999;height: 0;overflow: hidden;position: relative;font-family: MiSans_r;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.s4b_list{padding-right: 30px;}
.s4b_list.ac{padding: 20px 30px 20px 0;}
.s4b_list.ac p{height: 90px;}
.s4b_list::before{content: '';display: block;width: 110%;height: 100%;background: #fff;position: absolute;top: 0;left: -10%;opacity: 0;}
.s4b_list.ac::before{opacity: 1;}
.s4b_list.ac h3{color: #e4007f;}
.s4b_list h3::after{content: '';display: block;width: 0;height: 2px;background: #e4007f;margin: 0;}
.s4b_list.ac h3::after{width: 100%;margin: 14px 0 28px;}
.s4t{height: 500px;}
.s4t .sybt{padding-left: 130px;padding-right: 130px;}

.s4_r_list{padding-bottom: 400px;}
.s4_r_list:last-of-type{padding-bottom: 0;}
/* .s4_r_list .swiper-container{padding: 240px 0;}
.s4_r_list .swiper-slide{opacity: 0;}
.s4_r_list .swiper-slide-active{transform: scale(1.9);z-index: 2;opacity: 1;top: 90px;}
.s4_r_list .swiper-slide-next{top: -240px;opacity: 1;left: -180px;transform: scale(1.1);}
.s4_r_list .swiper-slide-prev{top: -180px;opacity: 1;transform: scale(0.92);} */
.s4_r_list .swiper-slide a{display: block;position: relative;}
.s4txt{position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;opacity: 0;padding: 25px 40px;}
.s4txt h3,.s4txt p{color: #fff;}
.s4txt h3{font-size: 24px;font-family: MiSans_s;}
.s4txt p{font-size:14px;font-family: MiSans_r;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.s4_r_list .swiper-slide-active .s4txt{opacity: 1;}

.section4.ac .s4t .sybt{position: fixed;top: 0;left: 0;}

.s4.ac .s4_l{position: fixed;top: 300px;left: 0;width: 36%;}
.s4.ac .s4_r{margin-left: 36%;}
.section4.ac1 .s4_r{margin-left: 36%;}
.section4.ac1 .s4_l{top: auto;bottom: 0;position: absolute;}
.section4.ac1 .s4t .sybt{position: absolute;top: auto;bottom: 600px;}
/* .section4.ac{padding-top: 300px;} */
.section4.ac .s4t .sybt h2{font-size: 28px;line-height: 30px;}
.section4.ac .s4t .sybt h4{opacity: 0;}
.section4 .s2_an{bottom: 10%;right: 21%;}


@keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
}

.section5{position: relative;padding: 230px 0 150px;z-index: 3;background: #fff;}
.section5 .sybt{padding-top: 0;}
.s5t{padding-left: 130px;padding-right: 130px;}
.s5t .sybt h2{color: #000;}
.s5t .sybt h4{color: #999;}
.s5c{padding-left: 130px;display: inline-block;}
.s5c_list{margin-bottom: 40px;position: relative;cursor: pointer;}
.s5c_list:last-of-type{margin-bottom: 0;}
.s5c_list h3{font-size: 32px;color: #777;font-family: MiSans_d;position: relative;display: inline-block;}
.s5c_list p{font-size: 16px;color: rgba(255,255,255,.5);height: 0;overflow: hidden;position: relative;font-family: MiSans_r;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.s5c_list a{margin-top: 15px;display: none;}
.s5c_list a i,.s5c_list a span{color: #fff;}
.s5c_list a:hover::before{background: #fff;}
.s5c_list a:hover span,.s5c_list a:hover i{color: #00a0e9;}
.s5c_list.ac{padding: 20px 30px 20px 0;}
.s5c_list.ac p{height: 90px;}
.s5c_list::before{content: '';display: block;width: 110%;height: 100%;background: #00a0e9;position: absolute;top: 0;left: -10%;opacity: 0;border-radius: 20px;}
.s5c_list.ac::before{opacity: 1;}
.s5c_list.ac h3{color: #fff;}
.s5c_list h3::after{content: '';display: block;width: 0;height: 2px;background: #fff;margin: 0;}
.s5c_list.ac h3::after{width: 100%;margin: 14px 0 28px;}
.s5c_list.ac a{display: block;}
.section5 .s5t{position: absolute;top: 10%;}
.section5.ac .s5t{position: absolute;top: 26%;}
.section5.ac .s5t .sybt h2{font-size: 28px;line-height: 30px;}
.section5.ac .s5t .sybt h4{opacity: 0;}
.s5b_list{position: relative;height: 0;overflow: hidden;}
.s5b_list.ac{height: auto;overflow: initial;}
.s5b{padding: 0 0 0 180px;box-sizing: border-box;}
.s5b_list a h6{position: relative;overflow: hidden;border-radius: 15px;}
.s5b_list a img{width: 100%;}
.s5b_list a{padding: 30px 10px 30px 10px;box-sizing: border-box;position: relative;display: block;border-radius: 15px;background: linear-gradient(to right, #d4d4d4, #9d9d9d);}
.s5b_list .swiper-container{padding-top: 60px;padding-bottom: 20px;}
.s5b_list .swiper-slide{text-align: center;}
.s5b_list .swiper-slide h3{font-size: 32px;color: #fff;font-family: MiSans_b;}
.s5b_list .swiper-slide h3{margin-top: 30px;}
.s5b_list .swiper-slide a h5{margin: 36px auto 0;color: #fff;display: none;}
.s5b_list .swiper-slide a{background: #00a0e9;padding: 10px 10px 30px 10px;width: 80%;margin-left: 1%;}
.s5b_list .swiper-slide a h5{display: block;text-align: center;}
.s5b_list .swiper-slide a h5::before{background: #fff;left: 0;}
.s5b_list .swiper-slide a:hover h5::before{width: 100%;}
.s5b_list .swiper-slide a:hover h5{color: #00a0e9;width: 180px;}

.s5b_list .swiper-slide a h2{font-size: 140px;color: rgba(0,160,233,.6);font-family: MiSans_d;position: absolute;width: 150px;line-height: 140px;
	left: 94%;top: -70px;
}
.s5b_list .swiper-slide-active a h2{opacity: 0;animation: fadeIn 3s ease-out 1s forwards;}
.s5b_list .swiper-slide{margin-top: 27%;}
.s5b_list .swiper-slide{margin-top: 0;}
.s5b_list .swiper-slide h2,.s5b_list .swiper-slide-active h6{display: block;}

.s5{font-size: 0;}
.s5_l,.s5_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s5_l{width: 600px;}
.s5_r{width: calc(100% - 600px);padding-right: 130px;}

/* 定义动画 */
@keyframes img1{
	0%{height: 100%;}
	100%{height: 0%;}
}

@keyframes img2{
	0%{height: 0;}
	100%{height: 100%;}
}
  

  
.s1bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -2;}
.s1bg img{width: 100%;height: 100%;}
.section1::after{content: '';display: block;width: 100%;height: 0;position: absolute;bottom: 0;left: 0;animation: img1 6s ease-in-out;background: #fff;z-index: -1;}
.section1.ac::after{content: '';display: block;width: 100%;height: 0;position: absolute;bottom: 0;left: 0;animation: img1 3s ease-in-out;background: #fff;z-index: -1;}
.s2bg{position: absolute;top: 0;left: 0;width: 100%;height: 600px;z-index: 0;}
.s2bg img{width: 100%;height: 100%;}
.s2bg::after{content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: -webkit-linear-gradient(left, #4b8ffa, #47e8b4);z-index: 1;}
.section2.active .s2bg::after{animation: img1 3s ease-in-out;height: 0;}

.s2bg2{position: absolute;bottom: 0;left: 0;width: 100%;height: 430px;z-index: 2;}
.s2bg2 img{width: 100%;height: 100%;}
.s2bg2::after{content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: #00a0e9;z-index: 3;}
.section2.ac1 .s2bg2::after{animation: img1 3s ease-in-out;height: 0;}


.s3bg{position: absolute;top: 0;left: 0;width: 100%;height: 1590px;z-index: 0;}
.s3bg img{width: 100%;height: 100%;}
.s3bg::after{content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: #fff;z-index: 1;}
.section3.active .s3bg::after{animation: img1 5s ease-in-out;height: 0;}

.s5bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.s5bg img{width: 100%;height: 100%;}
.s5bg::after{content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: #fff;z-index: 1;}
.section5.active .s5bg::after{animation: img1 3s ease-in-out;height: 0;}