.section{
	color: #333;
}
.section h4{
	font-size: 1.125em;
	color: #f08300;
	font-weight: 500;
	margin-bottom: 1.4em;
}

.sec1{
  	margin-top: -8.5em;
	text-align: center;
}
.sec1 .inner{
  	padding: 4.6% 5% 3.65%;
  	position: relative;
}
.sec1 .inner::before{
	background-color: #fff;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50%;
	width: 100%;
	height: 8.5em;
	border-top-left-radius: 1.25em;
	border-top-right-radius: 1.25em;
}
.sec1 .text-box{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec1.actived .text-box{
	opacity: 1;
	transform: translate(0,0);
}
.sec1 h5{
	font-size: 3em;
	font-weight: 500;
	line-height: 1.583;
	margin-bottom: 3.68%;
}
.sec1 p{
	font-size: 1.125em;
	line-height: 2;
}



.sec2{
	padding: 4% 0;
}
.sec2 .inner{
	border-radius: 1.25em;
	overflow: hidden;
  	box-shadow: 0px 0px 1.25em rgba(0, 0, 0, 0.05);
}
.sec2 .inner{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec2 .inner.actived{
	opacity: 1;
	transform: translate(0,0);
}
.sec2 .swiper-pagination{
	bottom: 5%;
}
.sec2 .swiper-pagination .swiper-pagination-bullet{
	width: 0.5em;
	height: 0.5em;
	background-color: #fff;
	border-radius: 0.25em;
	margin: 0 0.25em;
	transition: width 0.5s,opacity 0.5s;
}
.sec2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 2.5em;
}




.sec4{
    padding: 4% 0 8%;
}
.sec4 .tab-control{
	text-align: center;
	margin-bottom: 7.1%;
}
.sec4 .tab-control a{
	display: inline-block;
	font-size: 1.25em;
	margin-right: 1.4em;
	border-radius: 0.5em;
	border: 1px solid #c1c1c1;
	width: 8.4em;
	height: 2.4em;
	line-height: calc(2.4em - 2px);
}
.sec4 .tab-control a:last-child{
	margin-right: 0;
}
.sec4 .tab-control a.active,.sec4 .tab-control a:hover{
	background-color: #f9f9f9;
}
.sec4 .tab-control a b{
	font-weight: normal;
}
.sec4 .tab-control a.active b{
	font-weight: bold;
}
.sec4 .tab-control a .line{
	display: inline-block;
	width: 1px;
	height: 0.7em;
	margin: 0 0.7em;
	background-color: #ccc;
}
.sec4 .tab-content .content{
    display: none;
}
.sec4 .tab-content .content.active{
    display: block;
}
.sec4 .info-box{
	border-bottom: 1px solid #f5f5f5;
}
.sec4 .info-box:first-child{
	border-top: 1px solid #f5f5f5;	
}
.sec4 .slide-control{
	padding-top: 2.5em;
	padding-bottom: 2.75em;
	padding-left: 2.25em;
	padding-right: 2em;
}
.sec4 .slide-control h3{
	font-size: 1.25em;
	font-weight: bold;
	position: relative;
	margin-bottom: 1.1em;
	cursor: pointer;
	padding-right: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sec4 .slide-control .cross-box{
	width: 1em;
	height: 1em;
	position: absolute;
	right: 0;
	top: 0;
	transition: transform 0.5s;
}
.sec4 .info-box.active .slide-control .cross-box{
	transform: rotate(-180deg);
}
.sec4 .slide-control .cross-box::before,.sec4 .slide-control .cross-box::after{
	background-color: #1f286f;
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: block;
}
.sec4 .slide-control .cross-box::before{
	width: 0.8em;
	height: 0.1em;
	margin-left: -0.4em;
	margin-top: -0.05em;
}
.sec4 .slide-control .cross-box::after{
	width: 0.1em;
	height: 0.8em;
	margin-left: -0.05em;
	margin-top: -0.4em;
	transition: opacity 0.5s;
}
.sec4 .info-box.active .slide-control .cross-box::after{
	opacity: 0;
}
.sec4 .slide-control p{
	font-size: 1.125em;
	line-height: 1.78;
}
.sec4 .slide-control p span{
	margin-right: 2em;
}
.sec4 .slide-control p span:last-child{
	margin-right: 0;
}
.sec4 .slide-control p.description{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 46em;
	max-width: 100%;
	transition: height 0.5s;
	height: 1.78em;
}
.sec4 .info-box.active .slide-control p.description{
	height: 0;
}
.sec4 .slide-box{
	padding-left: 2.25em;
	padding-bottom: 6em;
	display: none;
}
.sec4 .slide-box h5{
	font-size: 1.125em;
	font-weight: 500;
	margin-bottom: 0.67em;
}
.sec4 .slide-box > div{
	margin-bottom: 2.5em;
}
.sec4 .slide-box > div:nth-child(2){
	margin-bottom: 1.875em;
}
.sec4 .slide-box > div:last-child{
	margin-bottom: 0;
}
.sec4 .slide-box li{
	font-size: 1.125em;
	line-height: 1.78;
	margin-bottom: 0.25em;
    list-style-type: decimal;
    margin-left: 1.5em;
}
.sec4 .slide-box p{
	font-size: 1.125em;
	line-height: 1.78;
	margin-bottom: 0.25em;
}
.sec4 .slide-box li:last-child,.sec4 .slide-box p:last-child{
	margin-bottom: 0;
}
.sec4 .slide-box .btn{
	float: right;
	clear: both;
	color: #fff;
	background-color: #f08300;
	width: 10.9375em;
	height: 3.125em;
	border-radius: 0.625em;
}
.sec4 .slide-box .btn::before{
	background-color: #1f286f;
}
.sec4 .slide-box .btn span{
	font-size: 1.125em;
}

@media only screen and (max-width:1024px){
	.section h4{
		font-size: 0.875em;
	}

	.sec1{
	  	margin-top: -1.25em;
	}
	.sec1 .inner{
	  	padding: 15% 0 7.5%;
	}
	.sec1 .inner::before{
		display: none;
	}
	.sec1 h5{
		font-size: 1.5em;
	}
	.sec1 p{
		font-size: 0.875em;
	}



	.sec2{
		padding: 7.5% 0;
	}
	.sec2 .inner{
		border-radius: 0.625em;
	  	box-shadow: 0px 0px 0.625em rgba(0, 0, 0, 0.05);
	}
	.sec2 .swiper-pagination{
		font-size: 0.875em;
	}
	
	
	
	.sec4{
		padding: 7.5% 0 10%;
	}
	.sec4 .tab-control{
		margin-bottom: 10%;
	}
	.sec4 .tab-control a{
		font-size: 1em;
	}
	.sec4 .slide-control{
		padding: 1.5em 1em;
	}
	.sec4 .slide-control h3{
		font-size: 1em;
	}
	.sec4 .slide-control p{
		font-size: 0.875em;
	}
	.sec4 .slide-box{
		font-size: 0.75em;
	}
	.sec4 .slide-box .btn{
		float: none;
		margin: 0 auto;
	}
}