/*body{
	background-repeat:no-repeat;
	background-image:url(../images/solution_l2_bg.jpg);
	background-size:100% auto;
	background-position:25vw 100vw;
}*/

.common-tab a{
	padding-left:1em;
	padding-right:1em;
}



section .title{
	text-align:center;
}
section .title h3{
	font-size:3em;
	font-weight:500;
	line-height: 1.33;
}



.sec1{
	padding:5.2% 0 4.2%;
}
.sec1 .inner{
	width:88.4375em;
}
.sec1 .title h3{
	color:var(--theme-blue);
	margin-bottom:2.26%;
}
.sec1 .title ul{
	display:inline-block;
	vertical-align:top;
	list-style-type:disc;
	padding-left:1em;
	font-size: 1.125em;
	line-height: 1.78;
	text-align:left;
}
.sec1 .title ul.nopoint{
	list-style-type:none;
	padding-left:0;
}
.sec1 .video-box{
	position:relative;
	overflow:hidden;
}
.sec1 .video-box .swiper.gallery{
	border-radius:0.9375em;
}
.sec1 .video-box .swiper.thumbs{
	position:absolute;
	right:1.74%;
	bottom:3.74%;
}
.sec1 .video-box .swiper.thumbs .swiper-slide{
	width:11.875em;
	border-radius:0.625em;
	cursor:pointer;
	border:1px solid rgba(255,255,255,0.5);
	backdrop-filter: blur(0.6875em);
	background-color: rgba(255, 255, 255, 0.15);
	padding:0.5em;
}
.sec1 .video-box .swiper.thumbs .img-box{
	position:relative;
	border: 1px solid rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(0.6875em);
	border-radius: 0.625em;
	overflow:hidden;
}
.sec1 .video-box .swiper.thumbs .swiper-slide-thumb-active .img-box{
	border-color:#fff;
}
.sec1 .video-box .swiper.thumbs .img-box::before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.73;
}
.sec1 .video-box .swiper.thumbs .swiper-slide-thumb-active .img-box::before{
	opacity:0;
}
.sec1 .video-box .bg{
	width:100%;
	height:100%;
	object-fit:cover;
	vertical-align:top;
}
.sec1 .video-box .cover{
	background-color:rgba(0,0,0,0.55);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
}
.sec1 .video-box .cover.active{
	display:block;
}
.sec1 .video-box .play{
	width:5em;
	height:5em;
	border-radius:50%;
	background-color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-2.5em;
	margin-top:-2.5em;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec1 .video-box .play::before{
	content:"";
	border-radius:50%;
	background-color:#fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	animation:sec1play 2s infinite;
}
@keyframes sec1play{
	100%{
		transform:scale(1.7);
		opacity:0;
	}
}
.sec1 .video-box .play::after{
	content:"\f04b";
    font-family: 'FontAwesome';
    font-weight: 900;
    color:var(--theme-blue);
    font-size:1.5em;
    margin-left:0.25em;
    position:relative;
    z-index:1;
}



.sec2{
	padding:4.95% 0 14%;
}
.sec2 .title{
	margin-bottom:3%;
}
.sec2 .flex-box{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:row;
	background-color:#F1F2F6;
	border-radius:0.9375em;
	overflow:hidden;
}
.sec2 .video-box{
	width:70%;
	overflow:hidden;
	border-radius:0.9375em;
}
.sec2 .video-box video{
	display:none;
	width:100%;
	object-fit:cover;
}
.sec2 .video-box video.active{
	display:block;
}
.sec2 .text-box{
	width:30%;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding-top:5.625em;
}
.sec2 .text-box h5{
	color:#999;
	font-size:1.75em;
	font-weight:normal;
	margin-bottom:1.2em;
}
.sec2 .text-box h5 span{
	cursor:pointer;
	transition:color 0.3s;
}
.sec2 .text-box h5 span.active{
	color:var(--theme-blue);
}
.sec2 .text-box li{
	display:none;	
}
.sec2 .text-box li.active{
	display:block;
}
.sec2 .text-box p{
	font-size:1.125em;
	color:#666;
	line-height:2.22;
	padding-left:1em;
	display:flex;
}
.sec2 .text-box p i{
	display:block;
	width:0.3em;
	height:0.3em;
	background-color:#666;
	margin-left:-1em;
	margin-right:0.7em;
	border-radius:50%;
	font-style:normal;
	margin-top:0.96em;
	flex-shrink:0;
}



.sec3{
	padding:5.73% 0 7.3%;
	display:none;
}
.sec3 .scroll-box{
	overflow-x:auto;
}
.sec3 table{
	width:100%;
	border:1px solid #ccc;
	border-radius:0.9375em;
	text-align:justify;
	border-collapse:separate;
	table-layout:fixed;
	background: linear-gradient(180deg, #FFFFFF 0%, #E9F4FF 100%);
	padding:0.5em 3.75em 3.375em;
}
.sec3 table td{
	border-bottom:1px solid #ccc;
	padding:0.875em 2.25em;
}
.sec3 table h5{
	font-size:1.25em;
	color:var(--theme-blue);
	padding:1.75em 0;
}
.sec3 table p{
	font-size:1.125em;
	line-height:2.78;
}
.sec3 table p.dot{
	padding-left:1em;
	display:flex;
}
.sec3 table p.dot i{
	display:block;
	width:0.3em;
	height:0.3em;
	background-color:#333;
	margin-left:-1em;
	margin-right:0.7em;
	border-radius:50%;
	font-style:normal;
	margin-top:1.24em;
	flex-shrink:0;
}




.sec4{
	padding:7.6% 0 14%;
}
.sec4 .title{
	margin-bottom:1.8%;
}
.sec4 .tab-control{
	margin-bottom:4%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	font-size:1.5em;
	color:#666;
}
.sec4 .tab-control p{
	margin:0 1.5em;
	cursor:pointer;
	transition:color 0.3s;
}
.sec4 .tab-control p.active{
	color:var(--theme-blue);
	font-weight:600;
}
.sec4 .tab-control p:first-child{
	margin-left:0;
}
.sec4 .tab-control p:last-child{
	margin-right:0;
}
.sec4 .content{
	display:none;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:row;
	border-radius:0.625em;
	overflow:hidden;
}
.sec4 .content.active{
	display:flex;
}
.sec4 .content .img-box{
	width:55.9%;
}
.sec4 .content .text-box{
	width:44.1%;
	background: linear-gradient(261.69deg, #E9F4FF 0.33%, #FFFFFF 53.42%, #E9F4FF 99.81%);
	border: 1px solid #EEEEEE;
	border-left: 0 none;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.sec4 .content h5{
	font-size:1.125em;
	line-height:1.67;
	font-weight:500;
	color:var(--theme-blue);
}
.sec4 .content p{
	line-height:1.875;
}
.sec4 .content p:has(b){
	padding-left:1em;
}
.sec4 .content p b{
	display:inline-block;
	vertical-align:top;
	margin-left:-2em;
	width:2em;
	font-size:0.5em;
	line-height:3.75;
}
.sec4 .content ul{
	max-width:90%;
}
.sec4 .content li{
	margin-bottom:1.875em;
}
.sec4 .content li:last-child{
	margin-bottom:0;
}



.sec5{
	padding:4.95% 0 14%;
}
.sec5 .title{
	margin-bottom:3%;
}
.sec5 .video-box{
	width:80%;
	position:relative;
	margin:0 auto;
}
.sec5 .video-box video{
	display:none;
	width:100%;
	object-fit:cover;
	overflow:hidden;
	border-radius:0.9375em;
}
.sec5 .video-box video.active{
	display:block;
}
.sec5 .text-box{
	text-align:center;
	margin-bottom:3%;
}
.sec5 .text-box h5{
	color:#999;
	font-size:1.5em;
	font-weight:500;
}
.sec5 .text-box h5 span{
	cursor:pointer;
	transition:color 0.3s;
	display:inline-block;
	margin:0 0.5em;
}
.sec5 .text-box h5 span:first-child{
	margin-left:0;
}
.sec5 .text-box h5 span:last-child{
	margin-right:0;
}
.sec5 .text-box h5 span.active{
	color:var(--theme-blue);
}
.sec5 .video-box ul{
	position:absolute;
	left:5%;
	top:10%;
}
.sec5 .video-box ul.right{
	right:5%;
	left:unset;
}
.sec5 .video-box li{
	display:none;
}
.sec5 .video-box li.active{
	display:block;
}
.sec5 .video-box p{
	font-size:1.125em;
	color:#fff;
	line-height:2.22;
	padding-left:1em;
	display:flex;
	font-weight:bold;
	text-shadow:0 0 0.25em rgba(0,0,0,0.8);
}
.sec5 .video-box p i{
	display:block;
	width:0.3em;
	height:0.3em;
	background-color:#fff;
	margin-left:-1em;
	margin-right:0.7em;
	border-radius:50%;
	font-style:normal;
	margin-top:0.96em;
	flex-shrink:0;
}




.sec6{
	padding:4.2% 0 3.65%;
}
.sec6 .tab-control{
	margin-bottom:4.2%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	font-size:1.5em;
	color:#666;
}
.sec6 .tab-control p{
	margin:0 1.83em;
	cursor:pointer;
	transition:color 0.3s;
}
.sec6 .tab-control p.active{
	color:var(--theme-blue);
	font-weight:600;
}
.sec6 .tab-control p:first-child{
	margin-left:0;
}
.sec6 .tab-control p:last-child{
	margin-right:0;
}
.sec6 .content{
	display:none;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:row;
	border-radius:0.9375em;
	overflow:hidden;
}
.sec6 .content.active{
	display:flex;
}
.sec6 .content .img-box{
	width:50%;
}
.sec6 .content .text-box{
	width:50%;
	background: linear-gradient(261.69deg, #E9F4FF 0.33%, #FFFFFF 53.42%, #E9F4FF 99.81%);
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	padding:0 6.25%;
}
.sec6 .content h3{
	font-size:2.25em;
	line-height:1.28;
	font-weight:500;
}
.sec6 .content h4{
	font-size:1.25em;
	line-height:2.3;
	font-weight:500;
	margin-bottom:1em;
	color:var(--theme-blue);
}
.sec6 .content h5{
	font-size:1.5em;
	line-height:1.67;
	font-weight:500;
	color:var(--theme-blue);
}
.sec6 .content p{
	line-height:2.5;
}
.sec6 .content p:has(b){
	padding-left:1em;
}
.sec6 .content p b{
	display:inline-block;
	vertical-align:top;
	margin-left:-2em;
	width:2em;
	font-size:0.5em;
	line-height:5;
}
.sec6 .content li{
	margin-bottom:2.25em;
}
.sec6 .content li:last-child{
	margin-bottom:0;
}
.sec6 .content .popvideo{
	display:block;
	width:10.9375em;
	height:3.5em;
	line-height:3.5;
	border-radius:1.75em;
	color:#fff;
	background-color:var(--theme-blue);
	text-align:center;
	margin-top:2.5em;
	transition:color 0.3s,background-color 0.3s;
}
.sec6 .content .pop-box{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
	background-color:rgba(0, 0, 0, 0.8);
	align-items:center;
	justify-content:center;
}
.sec6 .content .pop-box.active{
	display:flex;
}
.sec6 .content .pop-box .close{
	color:#fff;
	font-size:2em;
	position:absolute;
	right:2%;
	top:3%;
	cursor:pointer;
	line-height:1;
}
.sec6 .content .pop-box .close::before{
    font-family: 'FontAwesome';
	content:"\f00d";
}
.sec6 .content .pop-box video{
	max-width:80%;
	max-height:80%;
}


.sec7{
	border-radius:0.9375em;
	overflow:hidden;
	padding:10.677% 0 17.92%;
	color:#fff;
	position:relative;
	background-repeat:no-repeat;
	background-image:url(../images/solution_l2_ic_sec7_bg.jpg);
	background-position:center center;
	background-size:cover;
}
.sec7 .inner{
	padding-right:45%;
}
.sec7 h3{
	font-size:3em;
	line-height:1.333;
	font-weight:500;
	margin-bottom:0.5em;
}
.sec7 p{
	font-size:1.125em;
	line-height:1.78;
}
.sec7 .popvideo{
	display:block;
	width:10.9375em;
	height:3.5em;
	line-height:3.5;
	border-radius:1.75em;
	color:#fff;
	background-color:var(--theme-blue);
	text-align:center;
	margin-top:2.5em;
	transition:color 0.3s,background-color 0.3s;
}
.sec7 .pop-box{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
	background-color:rgba(0, 0, 0, 0.8);
	align-items:center;
	justify-content:center;
}
.sec7 .pop-box.active{
	display:flex;
}
.sec7 .pop-box .close{
	color:#fff;
	font-size:2em;
	position:absolute;
	right:2%;
	top:3%;
	cursor:pointer;
	line-height:1;
}
.sec7 .pop-box .close::before{
    font-family: 'FontAwesome';
	content:"\f00d";
}
.sec7 .pop-box video{
	max-width:80%;
	max-height:80%;
}
@media only screen and (min-width:1025px){
	.sec2 .text-box h5 span:hover{
		color:var(--theme-blue);
	}
	.sec5 .text-box h5 span:hover{
		color:var(--theme-blue);
	}
	.sec6 .tab-control p:hover{
		color:var(--theme-blue);
	}
	.sec6 .content .popvideo:hover{
		color:var(--theme-blue);
		background-color:#fff;
	}
	.sec7 .popvideo:hover{
		color:var(--theme-blue);
		background-color:#fff;
	}
}
@media only screen and (max-width:1024px){
	body{
		background-size:150% auto;
		background-position:10vw 220vw;
	}




	.sec1{
		padding:10% 0 5%;
	}
	.sec1 .video-box .swiper.thumbs{
		position:static;
		margin-top: 5%;
	}
	.sec1 .video-box .swiper.thumbs .swiper-slide{
		border:1px solid rgba(0,0,0,0.5);
		background-color: rgba(0, 0, 0, 0.5);
	}
	.sec1 .video-box .swiper.thumbs .img-box{
		border: 1px solid rgba(0, 0, 0, 0.5);
	}
	.sec1 .video-box .swiper.thumbs .swiper-slide-thumb-active .img-box{
		border-color:#000;
	}
	.sec1 .video-box .play{
		width:4em;
		height:4em;
		margin-left:-2em;
		margin-top:-2em;
	}



	.sec2{
		padding:7.5% 0 30%;
	}
	.sec2 .title{
		margin-bottom:10%;
	}
	.sec2 .flex-box{
		display:block;
	}
	.sec2 .video-box{
		width:100%;
	}
	.sec2 .text-box{
		width:100%;
		padding:3em 0;
	}




	.sec4{
		padding:15% 0 30%;
	}
	.sec4 .title{
		margin-bottom:5%;
	}
	.sec4 .tab-control{
		margin-bottom:10%;
	}
	.sec4 .content.active{
		display:block;
	}
	.sec4 .content .img-box{
		width:100%;
	}
	.sec4 .content .text-box{
		width:100%;
		border-left: 1px solid #EEEEEE;
		border-top: 0 none;
		display:block;
		padding:10% 5%;
	}
	.sec4 .content h5{
		font-size:1.25em;
	}
	.sec4 .content p{
		font-size:1.125em;
	}
	.sec4 .content ul{
		max-width:none;
	}






	.sec5{
		padding:7.5% 0 30%;
	}
	.sec5 .title{
		margin-bottom:5%;
	}
	.sec5 .video-box{
		width:100%;
	}
	.sec5 .text-box{
		margin-bottom:5%;
	}
	.sec5 .text-box h5 span{
		vertical-align:middle;
		margin:0 1.5em;
	}
	.sec5 .video-box ul{
		position:static;
		margin-top:5%;
	}
	.sec5 .video-box p{
		color:#333;
		text-shadow: none;
	}
	.sec5 .video-box p i{
		background-color:#333;
	}




	.sec6{
		padding:5% 0;
	}
	.sec6 .tab-control{
		margin-bottom:10%;
	}
	.sec6 .tab-control p{
		margin:0 0.75em;
	}
	.sec6 .content.active{
		display:block;
	}
	.sec6 .content .img-box{
		width:100%;
	}
	.sec6 .content .text-box{
		width:100%;
		border-top: 0 none;
		border-bottom: 1px solid #EEEEEE;
		display:block;
		padding:7.5% 5%;
	}
	.sec6 .content .pop-box .close{
		font-size:3em;
		right:5%;
	}
	.sec6 .content .pop-box video{
		max-width:90%;
	}


	.sec7{
		margin-top:10%;
		padding:20% 0 30%;
	}
	.sec7 .inner{
		padding-right:0;
	}
	.sec7 h3{
		font-size:2.75em;
	}
	.sec7 p{
		font-size:1.125em;
	}
	.sec7 .pop-box .close{
		font-size:3em;
		right:5%;
	}
	.sec7 .pop-box video{
		max-width:90%;
	}
}