@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}


/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
	border-radius:0 0 50px 50px;
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;	
}
.visual .swiper-slide .bg video{width:100%;height:100%;object-fit:cover;}

.visual .swiper-slide .txtwrap{
	position:absolute;left:0;top:50%;z-index:10;
	transform:translateY(-50%);
	width:100%;
	box-sizing:border-box;
	padding:0 5%;
	text-align:center;
}
.visual .swiper-slide .txtwrap h3{font-size:34px;color:#fff;font-weight:800;}
.visual .swiper-slide .txtwrap p{margin:20px 0 30px;font-size:18px;color:#fff;font-weight:500;}
.visual .swiper-slide .txtwrap a{
	display:inline-block;
	width:160px;height:50px;
	background:#e43d4f;
	border-radius:25px;
	font-size:16px;color:#fff;text-align:center;line-height:50px;
}
.visual .swiper-slide .txtwrap a i{
	display:inline-block;vertical-align:top;
	width:10px;height:9px;
	margin:22px 0 0;
	background:url(/images/more_arr1.png) no-repeat;
}
.visual .ctr{
	display:flex;justify-content:center;align-items:center;
	position:absolute;left:0;bottom:5vh;z-index:10;
	width:100%;
	text-align:center;
}
.visual .ctr .vprev{
	width:9px;height:13px;
	background:url(/images/vprev.png) no-repeat;
}
.visual .ctr .vnext{
	width:9px;height:13px;
	background:url(/images/vnext.png) no-repeat;
}
.visual .ctr .swiper-pagination{position:static;margin:0 36px;}
.visual .ctr .swiper-pagination span{
	overflow:hidden;
	display:inline-block;
	position:relative;box-sizing:border-box;
	width:56px;height:4px;
	margin:0 2px;
	background:0;opacity:1;
	border:1px solid rgba(255,255,255,0.4);border-radius:2px;
}
.visual .ctr .swiper-pagination span:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#fff;
	position:absolute;left:-100%;top:0;
}
.visual .ctr .swiper-pagination span.swiper-pagination-bullet-active:after{left:0;transition:all 1.4s;}
.visual .scroll{display:none;}




/**/
.innerwrap{max-width:1280px;width:94%;margin:0 auto;}
.main_tit1{font-size:18px;color:#e43d4f;font-weight:600;text-align:center;}
.main_tit1:after{
	display:block;content:"";
	width:28px;height:1px;
	margin:10px auto 20px;
	background:#e43d4f;
}




/* sec1 */
.sec1{padding:80px 0;text-align:center;}
.sec1 h4{font-size:24px;color:#111;font-weight:600;}
.sec1 p{margin-top:16px;font-size:16px;color:#333;}
.sec1 ul{display:flex;justify-content:space-between;}
.sec1 ul li{
	box-sizing:border-box;
	position:relative;
	width:31%;
	padding:55px 40px 220px;margin:60px 0 0;
	border-radius:20px;
	text-align:left;
}
.sec1 ul li:nth-child(1){background:url(/images/m01.jpg) no-repeat center 80%;background-size:cover;}
.sec1 ul li:nth-child(2){background:url(/images/m02.jpg) no-repeat center;background-size:cover;}
.sec1 ul li:nth-child(3){background:url(/images/m03.jpg) no-repeat center;background-size:cover;}
.sec1 ul li .num{font-size:18px;color:#fff;font-weight:600;}
.sec1 ul li .num span{
	display:inline-flex;align-items:center;justify-content:center;
	box-sizing:border-box;vertical-align:top;
	width:21px;height:21px;
	margin:5px 0 0;
	border:1px solid #fff;border-radius:3px;
	font-family:"Montserrat";font-size:12px;color:#fff;font-weight:400;text-align:center;
}
.sec1 ul li .tit{margin:36px 0 0;font-size:20px;color:#fff;font-weight:600;}
.sec1 ul li .icon{position:absolute;left:40px;bottom:55px;}
.sec1 ul li .icon img{height:50px;}


@media(max-width:1023px){
	.sec1 ul{display:block;margin:60px 0 0;}
	.sec1 ul li{width:100%;margin:20px 0 0;padding:55px 40px;}
	.sec1 ul li .icon{left:calc(100% - 80px);bottom:0;top:36px;}
}




/* sec2 */
.sec2{
	background:#f3f4f7 url(/images/sec2_bg1.gif) no-repeat right 150px;
	padding:0 0 100px;text-align:center;
}
.sec2 .titlearea{
	display:flex;align-items:center;justify-content:center;
	height:70px;
	margin:0 auto;
	background:url(/images/titlearea_bg.png) no-repeat center top;
	background-size:contain;
}
.sec2 .titlearea .main_tit1:after{margin-bottom:0;}
.sec2 h4{margin:40px 0;font-size:24px;color:#333;font-weight:600;}
.sec2 ul{text-align:left;}
.sec2 ul li{
	box-sizing:border-box;
	display:flex;justify-content:space-between;
	padding:36px 30px;
	margin-bottom:50px;
	border-radius:30px;
}
.sec2 ul li:nth-child(1){background:#e43d4f;}
.sec2 ul li:nth-child(2){background:#222;}
.sec2 ul li:nth-child(3){background:#fff;}
.sec2 ul li .tit{position:relative;width:273px;}
.sec2 ul li .tit .num{font-size:18px;color:#fff;font-weight:600;}
.sec2 ul li .tit .num span{
	display:inline-flex;align-items:center;justify-content:center;
	box-sizing:border-box;vertical-align:top;
	width:21px;height:21px;
	margin:5px 0 0;
	border:1px solid #fff;border-radius:3px;
	font-family:"Montserrat";font-size:12px;color:#fff;font-weight:400;text-align:center;
}
.sec2 ul li .tit .img{position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.sec2 ul li .con{width:calc(100% - 273px - 65px);}
.sec2 ul li .con h5{font-size:20px;color:#fff;font-weight:600;}
.sec2 ul li .con p{margin:20px 0 40px;font-size:16px;color:rgba(255,255,255,0.8);line-height:1.7em;}
.sec2 ul li .con .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sec2 ul li .con .list dl{
	box-sizing:border-box;
	width:100%;
	padding:25px;margin-bottom:10px;
	background:#f6f6f6;
	border-radius:20px;
}
.sec2 ul li .con .list dl dt{font-size:20px;color:#111;font-weight:600;}
.sec2 ul li .con .list dl dd{margin:16px 0 70px;font-size:14px;font-weight:500;color:#777;}

.sec2 ul li:nth-child(1) .con .list dl:nth-child(1){
	background:#f6f6f6 url(/images/sec2_list1_icon1.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(1) .con .list dl:nth-child(2){
	background:#f6f6f6 url(/images/sec2_list1_icon2.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(1) .con .list dl:nth-child(3){
	background:#f6f6f6 url(/images/sec2_list1_icon3.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(2) .con .list dl:nth-child(1){
	background:#f6f6f6 url(/images/sec2_list2_icon1.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(2) .con .list dl:nth-child(2){
	background:#f6f6f6 url(/images/sec2_list2_icon2.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(2) .con .list dl:nth-child(3){
	background:#f6f6f6 url(/images/sec2_list2_icon3.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(3) .con .list dl:nth-child(1){
	background:#f6f6f6 url(/images/sec2_list3_icon1.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(3) .con .list dl:nth-child(2){
	background:#f6f6f6 url(/images/sec2_list3_icon2.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}
.sec2 ul li:nth-child(3) .con .list dl:nth-child(3){
	background:#f6f6f6 url(/images/sec2_list3_icon3.gif) no-repeat calc(100% - 29px) calc(100% - 25px);
}

.sec2 ul li:nth-child(3) .tit .num{color:#111;}
.sec2 ul li:nth-child(3) .tit .num span{border:1px solid #111;color:#111;}
.sec2 ul li:nth-child(3) .con h5{color:#111;}
.sec2 ul li:nth-child(3) .con p{color:rgba(0,0,0,0.8);}


@media(max-width:1023px){

	.sec2 ul li{display:block}
	.sec2 ul li .tit{margin-bottom:10px;}
	.sec2 ul li .tit .img{display:none;}
	.sec2 ul li .con{width:100%;}

}




/* sec3 */
.sec3{
	overflow:hidden;
	background:#f3f4f7;
}
.sec3>div{
	background:#f3f4f7 url(/images/sec3_bg.png) no-repeat top;
	background-size:cover;
	padding:100px 0;text-align:center;	
	border-radius:0 100px 0 0;
}
.sec3 h3{color:#fff;}
.sec3 h3:after{background:#fff;}
.sec3 h4{font-size:24px;color:#fff;font-weight:600;}
.sec3 p{margin-top:24px;font-size:16px;color:rgba(255,255,255,0.8);}
.sec3 .conwrap{
	max-width:1640px;width:94%;
	height:90vh;
	margin:0 auto 0; 
	padding:120px 0 0;
}
.sec3 .conwrap>ul{perspective: 900px;}
.sec3 .conwrap>ul>li{
	box-sizing:border-box;
	position: sticky;
	transform-origin:top;
	background:#fff;
	margin-bottom:40px;padding:0 20px 60px;
	border-radius:40px;
	text-align:left;
}

.sec3 .conwrap>ul>li:last-child{margin-bottom:0;}
.sec3 .conwrap>ul>li:nth-child(1){background:#fff url(/images/sec3_num_01.png) no-repeat calc(100% - 16px) bottom;background-size:auto 100px;}
.sec3 .conwrap>ul>li:nth-child(2){background:#fff url(/images/sec3_num_02.png) no-repeat calc(100% - 16px) bottom;background-size:auto 100px;}
.sec3 .conwrap>ul>li:nth-child(3){background:#fff url(/images/sec3_num_03.png) no-repeat calc(100% - 16px) bottom;background-size:auto 100px;}
.sec3 .conwrap>ul>li:nth-child(4){background:#fff url(/images/sec3_num_04.png) no-repeat calc(100% - 16px) bottom;background-size:auto 100px;}
.sec3 .conwrap>ul>li:nth-child(5){background:#fff url(/images/sec3_num_05.png) no-repeat calc(100% - 16px) bottom;background-size:auto 100px;}
.sec3 .conwrap>ul>li:nth-child(6){background:#fff url(/images/sec3_num_06.png) no-repeat calc(100% - 16px) bottom;background-size:auto 100px;}

.sec3 .conwrap>ul>li .tit{
	position:relative;
	padding:45px 0 16px;
	border-bottom:1px solid #ddd;
	font-family:"Montserrat";font-size:24px;color:#111;font-weight:700;line-height:1em;
}
.sec3 .conwrap>ul>li .tit>a{position:absolute;right:0;top:50px;font-size:12px;color:rgba(0,0,0,0.8);font-weight:500;}
.sec3 .conwrap>ul>li .tit>a i{
	display:inline-block;
	width:10px;height:9px;
	background:url(/images/more_arr.png) no-repeat;
}
.sec3 .conwrap>ul>li .con{padding:25px 0 0;}
.sec3 .conwrap>ul>li .con .img{width:100%;height:30vh;}
.sec3 .conwrap>ul>li .con .img video{width:100%;height:100%;border-radius:20px;}
.sec3 .conwrap>ul>li .con .img .imgbox{border-radius:20px;}
.sec3 .conwrap>ul>li .con .txts{width:100%;padding:25px 0 0;}
.sec3 .conwrap>ul>li .con .txts h5{font-size:18px;color:#333;font-weight:600;}
.sec3 .conwrap>ul>li .con .txts ul{margin:10px 0 0;}
.sec3 .conwrap>ul>li .con .txts ul li{
	position:relative;
	margin-bottom:2px;padding-left:12px;
	font-size:14px;color:rgba(0,0,0,0.8);line-height:1.7em;
}
.sec3 .conwrap>ul>li .con .txts ul li:before{
	display:block;content:"";
	width:6px;height:1px;
	background:#777;
	position:absolute;left:0;top:12px;
}
.sec3 .conwrap>ul>li .con .btns{
	display:flex;
	margin-top:40px;
	gap: 8px;}
.sec3 .conwrap>ul>li .con .btns>a{
	display:flex;align-items:center;justify-content:center;
	width:160px;height:50px;
	border-radius:25px;
	font-size:16px;font-weight:500;
}
.sec3 .conwrap>ul>li .con .btns>a:nth-child(1){background:#e43d4f;color:#fff;}
.sec3 .conwrap>ul>li .con .btns>a:nth-child(2){
	background:#fff;
	color:#444;
	border: 1px solid #444;
}







/* sec4 */
.sec4{
	background:#f3f4f7 url(/images/sec4_bg.png) no-repeat center bottom;
	background-size:contain;
	padding:100px 0 120px;text-align:center;
}
.sec4 h4{font-size:24px;color:#000;font-weight:600;}
.sec4 p{margin-top:24px;font-size:16px;color:rgba(0,0,0,0.8);font-weight:500;}
.sec4 .cate{display:flex;flex-wrap:wrap;margin:65px 0 30px;}
.sec4 .cate li{width:32.666%;margin-right:1%;margin-bottom:10px;}
.sec4 .cate li:nth-child(3n){margin-right:0;}
.sec4 .cate li:last-child{margin-right:0;}
.sec4 .cate li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:50px;
	background:#fff;
	border-radius:25px;
	font-size:14px;color:#444;font-weight:500;
}
.sec4 .cate li.on a{background:#e43d4f;color:#fff;}
.sec4 .tabconwrap{}
.sec4 .tabconwrap .tabcon>div{text-align:left;}
.sec4 .tabconwrap .tabcon>div .img{
	overflow:hidden;
	width:100%;
	border-radius:16px 16px 16px 16px;
}
.sec4 .tabconwrap .tabcon>div .img iframe,
.sec4 .tabconwrap .tabcon>div .img video{
	width:100%;height:100%;
	border-radius:16px 16px 16px 16px;
}
.sec4 .tabconwrap .tabcon>div .txts{
	width:100%;
	box-sizing:border-box;
	padding:30px 0 0 0;
}
.sec4 .tabconwrap .tabcon>div .txts .tit1{font-size:16px;color:#e43d4f;font-weight:500;}
.sec4 .tabconwrap .tabcon>div .txts .tit2{margin:10px 0 0;font-size:20px;color:#111;font-weight:600;}
.sec4 .tabconwrap .tabcon>div .txts p{font-size:16px;color:#777;font-weight:500;line-height:1.7em;}





/* sec5 */
.sec5{
	background:#f8f8fa;
	background-size:contain;
	padding:100px 0 100px;text-align:center;
}
.sec5 h4{font-size:24px;color:#000;font-weight:600;}
.sec5 p{margin-top:24px;font-size:16px;color:rgba(0,0,0,0.8);font-weight:500;}
.sec5 .partnerList{position:relative;width:90%;margin:0 auto;}
.sec5 ul{display:flex;flex-wrap:wrap;margin-top:64px;}
.sec5 ul li{
	display:flex;align-items:center;justify-content:center;
	width:33.333%;
	margin:0 0 1% 0;
	text-align:center;
}
.sec5 ul li img{width:100%;height:auto;}
.sec5 .pc_ver{display:none;}
.sec5 .m_ver{display:block;}
.sec5 .sec5_prev{
	position:absolute;left:-4vw;top:50%;z-index:10;
	transform:translateY(-50%);
	border-radius:50%;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}
.sec5 .sec5_next{
	position:absolute;right:-4vw;top:50%;z-index:10;
	transform:translateY(-50%);
	border-radius:50%;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}



/* sec6 */
.sec6{
	background-image: linear-gradient(to bottom right, #d9edf7, #e0d3fd);
	background-size:contain;
	padding:100px 0 120px;text-align:center;
}
.sec6 h4{font-size:24px;color:#000;font-weight:600;}
.sec6 p{margin-top:24px;font-size:16px;color:rgba(0,0,0,0.8);}
.sec6 .sec6_slider{position:relative;margin-top:64px;}
.sec6 .sec6_slider .swiper-slide{
	position:relative;
	overflow:hidden;
	width:90%;height:260px;
	border-radius:30px;
	opacity:0;
}
.sec6 .sec6_slider .swiper-slide .bg{
	width:100%;height:100%;
	background:url(/images/sec6_img1.jpg) no-repeat center;
	background-size:cover;
	filter:grayscale(1);
	transition:all 1.4s
}
.sec6 .sec6_slider .swiper-slide-active{opacity:1;}
.sec6 .sec6_slider .swiper-slide-prev{opacity:1;}
.sec6 .sec6_slider .swiper-slide-next{opacity:1;}
.sec6 .sec6_slider .swiper-slide-active .bg{filter:grayscale(0);}
.sec6 .sec6_slider .sec6_prev{
	position:absolute;left:4vw;top:50%;z-index:10;
	transform:translateY(-50%);
}
.sec6 .sec6_slider .sec6_next{
	position:absolute;right:4vw;top:50%;z-index:10;
	transform:translateY(-50%);
}
.sec6 .sec6_slider .swiper-slide .txts{
	position:absolute;left:0;bottom:0;
	width:100%;height:60px;
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:space-between;
	padding:0 20px;
	background:rgba(0,0,0,0.6);
	opacity:0;transition:all 1.4s;
}
.sec6 .sec6_slider .swiper-slide-active .txts{opacity:1;}
.sec6 .sec6_slider .swiper-slide .txts .num{width:55px;text-align:left;}
.sec6 .sec6_slider .swiper-slide .txts .num .this{font-family:"Montserrat";font-size:16px;color:#fff;font-weight:500;}
.sec6 .sec6_slider .swiper-slide .txts .num .total{font-family:"Montserrat";font-size:11px;color:rgba(255,255,255,0.5);font-weight:500;}
.sec6 .sec6_slider .swiper-slide .txts .tit{
	width:calc(100% - 55px - 100px);
	font-size:16px;color:#fff;font-weight:600;text-align:left;
}
.sec6 .sec6_slider .swiper-slide .txts a{
	display:flex;align-items:center;justify-content:center;
	width:100px;height:50px;
	box-sizing:border-box;
	font-size:10px;color:rgba(255,255,255,0.8);text-align:center;
}
.sec6 .sec6_slider .swiper-slide .txts a i{
	display:inline-block;
	width:10px;height:9px;
	background:url(/images/more_arr2.png) no-repeat;
}





/* sec7 */
.sec7{text-align:center;}
.sec7 ul{}
.sec7 ul li{overflow:hidden;width:100%;}
.sec7 ul li a{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:100%;height:100%;
	padding:40px 5%;
}
.sec7 ul li:nth-child(1) a{background:url(/images/i01.jpg) no-repeat center;background-size:cover;}
.sec7 ul li:nth-child(2) a{background:url(/images/i02.jpg) no-repeat center;background-size:cover;}
.sec7 ul li:nth-child(3) a{background:url(/images/i03.jpg) no-repeat center;background-size:cover;}
.sec7 ul li .icon{}
.sec7 ul li .tit{margin:32px 0 16px;font-size:24px;color:#fff;font-weight:600;}
.sec7 ul li p{font-size:16px;color:rgba(255,255,255,0.8);line-height:1.7em;}
.sec7 ul li .more{
	display:inline-flex;align-items:center;justify-content:center;
	width:160px;height:50px;
	margin:36px 0 0;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.8);border-radius:25px;
	font-size:12px;color:rgba(255,255,255,0.8);
	transition:all 0.4s;
}
.sec7 ul li .more i{
	display:inline-block;
	width:10px;height:9px;
	background:url(/images/more_arr2.png) no-repeat;
}
.sec7 ul li:hover .more{
	border:1px solid #e43d4f;
	background:#e43d4f;
}





/* sec8 */
.sec8{overflow:hidden;position:relative;padding:105px 0;}
.sec8 .bg{
	display:none;
	position:absolute;right:0;top:0;
	width:50%;height:100%;
}
.sec8 .bg .bg1{
	width:150%;height:65%;
	background:#eaebf1;
	border-radius:50%;
	position:absolute;right:-35%;top:-10%;
}
.sec8 .bg .bg2{
	width:150%;height:65%;
	background:#e43d4f;
	border-radius:50%;
	position:absolute;right:-35%;bottom:-10%;
}
.sec8 .bg .bg3{
	width:150%;height:100%;
	background:url(/images/sec8_bg3.png) no-repeat center;
	background-size:auto 60%;
	position:absolute;right:-60%;bottom:0;
}
.sec8 .titlearea{position:relative;z-index:10;padding:0 16% 0 0;}
.sec8 .titlearea h3{text-align:left;}
.sec8 .titlearea h3:after{margin:10px 0 30px;}
.sec8 .titlearea h4{font-family:"Montserrat";font-size:24px;color:#111;font-weight:600;}
.sec8 .titlearea p{margin:16px 0 40px;font-size:16px;color:#333;font-weight:500;}
.sec8 .titlearea a{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:160px;
	height:50px;
	margin:36px 0 0;
	padding: 0 16px;
	box-sizing:border-box;
	border:1px solid rgba(0,0,0,0.8);border-radius:25px;
	font-size:16px;font-weight:500;color:rgba(0,0,0,0.8);
	transition:all 0.25s;
	backdrop-filter: blur(4px);
}
.sec8 .titlearea a i{
	display:inline-block;
	width:10px;height:10px;
	margin-left: 4px;
	background:url(/images/more_arr.png) no-repeat;
	transition:all 0.25s;
}
.sec8 .titlearea a:hover{
	border:1px solid #e43d4f;
	background:#e43d4f;
	color:#fff;
}
.sec8 .titlearea a:hover i{background:url(/images/more_arr2.png) no-repeat;}