.cipm-content{
	overflow: hidden;
	background: #005bac;
	margin-bottom: -1px;
}
.cipm-content-top{
	padding-top: 100px;
	margin-top: -100px;
	background: #f8f8f8;
	padding-bottom: 6%;
}

.sec1{
	padding: 2.6% 0;
}
.sec1 .ta-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.sec1 h1{
	font-size: 3em;
	color: #333;
	font-weight: 500;
	line-height: 1.67;
	letter-spacing: -0.01em;
	margin-bottom: 0.2em;
}
.sec1 h2{
	font-size: 1.5em;
	color: #333;
	font-weight: 600;
	line-height: 1.67;
	margin-bottom: 2.83em;
}
.sec1 h5{
	font-size: 1.375em;
	color: #333;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 1.64em;
}
.sec1 p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
	margin-bottom: 5.2em;
}
.sec1 p b{
	font-weight: 600;
}
.sec1 li{
	display: inline-block;
	width: 16.25em;
}
.sec1 li + li{
	margin-left: 1.25em;
}
.sec1 .img-box{
	width: 36.2%;
	border-radius: 1.25em;
	overflow: hidden;
}
.sec1 .text-box{
	transition: transform 1s, opacity 1s;
	opacity: 0;
	transform: translate(25vw,0);
}
.sec1 .text-box.actived{
	transform: translate(0,0);
	opacity: 1;
}
.sec1 .img-box{
	transition: transform 1s, opacity 1s;
	opacity: 0;
	transform: translate(-25vw,0);
}
.sec1 .img-box.actived{
	transform: translate(0,0);
	opacity: 1;
}


.sec2{
	text-align: center;
	padding: 5.2% 0 10%;
}
.sec2 ul{
	margin-bottom: 8%;
}
.sec2 ul{
	transition: transform 1s, opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec2 ul.actived{
	transform: translate(0,0);
	opacity: 1;
}
.sec2 li{
	display: inline-block;
	margin-right: 10%;
}
.sec2 li:last-child{
	margin-right: 0;
}
.sec2 h5{
	font-size: 1em;
	color: #FE5B3E;
	font-weight: normal;
	margin-bottom: 2em;
}
.sec2 h5 b{
	font-size: 4em;
	font-weight: 500;
	display: inline-block;
}
.sec2 h5 b.width2{
	width: 2em;
}
.sec2 h5 b.width25{
	width: 2.5em;
}
.sec2 h5 i{
	position: relative;
	font-style: normal;
	font-size: 1.125em;
	margin-left: 1.3em;
}
.sec2 h5 i span{
	font-size: 1.4em;
	font-weight: bold;
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	text-align: center;
}
.sec2 p{
	font-size: 1.125em;
	color: #333;
}
.sec2 .img{
	width: 92%;
}
.sec2 .img{
	transition: transform 1s, opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec2 .img.actived{
	transform: translate(0,0);
	opacity: 1;
}

.sec-pub{
	position: relative;
}
.sec-pub:not(:last-of-type){
	margin-bottom: 2.6%;
}
/* .sec-pub{
	opacity: 0;
	transition: transform 1s, opacity 1s;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
}
.sec-pub.actived{
	opacity: 1;
	transform: translate(0,-10vh);
	-webkit-transform: translate(0,-10vh);
	-moz-transform: translate(0,-10vh);
	-ms-transform: translate(0,-10vh);
	-o-transform: translate(0,-10vh);
} */

.sec-pub{
	opacity: 0;
	transition: transform 1s, opacity 1s;
	transform: translate(0, 10vh);
	-webkit-transform: translate(0, 10vh);
	-moz-transform: translate(0, 10vh);
	-ms-transform: translate(0, 10vh);
	-o-transform: translate(0, 10vh);
}
.sec-pub.actived{
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}

.sec-pub .ta-inner{
	border-radius: 1.5em;
	background-color: rgb(255, 103, 29);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: 4.375em 5.625em 4.375em 6.25em;
}
.sec-pub .text-box{
	width: 70%;
}
.sec-pub h3{
	font-size: 2.625em;
	color: #fff;
	font-weight: 600;
	line-height: 1.5;
}
.sec-pub p{
	font-size: 1.6em;
	color: #fff;
	line-height: 1.67;
	margin-top: 1em;
	font-weight: bold;
}
.sec-pub .ta-btn-common{
	width: 14.625em;
	padding-left: 2em;
}

/* 蓝色 */
.sec-first{
	margin-top: -6%;
}
.sec-orange h3{
	color: #fff;
}
.sec-orange .ta-inner {
	background: rgb(255, 103, 29);
	color: #fff;
}
.sec-orange p {
	color: #fff;
}
.sec-orange .ta-btn-common.white .text{
	color: rgb(255, 103, 29);
}
.sec-orange .ta-btn-common.white .arrow{
	background: rgb(255, 103, 29);
}
/* .sec-first.actived{
	position: relative;
	margin-top: -50%;
} */

/* 黄色 */
.sec-yellow .ta-inner {
	background: #feb03e;
}
.sec-yellow .ta-btn-common.white .text{
	color: #feb03e;
}
.sec-yellow .ta-btn-common.white .arrow{
	background: #feb03e;
}

/* 最后 */
.sec-last .ta-inner{
	background: #fff;
	color: #000;
}
.sec-last h3{
	font-size: 2.625em;
	color: #005bac;
	font-weight: 600;
	margin-bottom: 0.62em;
}
.sec-last p{
	font-size: 1.125em;
	color: #005bac;
	line-height: 1.67;
	font-weight: normal;
}
.sec-last .ta-btn-common.white .text{
	color: #005bac;
}
.sec-last .ta-btn-common.white .arrow{
	background: #005bac;
}
.sec-last .ta-btn-common.white{
	background: #f1f5f9;
}


@media only screen and (max-width:1024px){
	.cipm-content-top{
		padding-bottom: 20%;
	}
	.sec-first{
		margin-top: -20%;
	}
	.sec1{
		padding: 6.67% 0;
	}
	.sec1 .ta-inner{
		display: block;
	}
	.sec1 h1{
		font-size: 3.5em;
		margin-bottom: 0.2em;
	}
	.sec1 h2{
		font-size: 2em;
		margin-bottom: 2em;
	}
	.sec1 h5{
		font-size: 2.375em;
		margin-bottom: 1em;
	}
	.sec1 p{
		font-size: 2em;
		margin-bottom: 2em;
	}
	.sec1 li{
		display: block;
		width: 100%;
	}
	.sec1 li + li{
		margin-left: 0;
		margin-top: 2em;
	}
	.sec1 .img-box{
		width: 100%;
		margin-top: 4em;
	}
	.sec1 .text-box{
		transform: translate(0,10vh);
	}
	.sec1 .img-box{
		transform: translate(0,10vh);
	}
	.sec1 .text-box{
		width: 100%;
	}


	.sec2{
		text-align: justify;
		padding: 10% 0 10%;
	}
	.sec2 ul{
		margin-bottom: 10%;
	}

	.sec2 li{
		display: block;
		margin-right: 0;
		margin-bottom: 15%;
	}
	.sec2 li:last-child{
		margin-bottom: 0;
	}
	.sec2 h5{
		margin-bottom: 1em;
	}
	.sec2 h5{
		font-size: 2em;
	}
	.sec2 p{
		font-size: 2em;
	}
	.sec2 .img{
		width: 100%;
	}

	.sec-pub .ta-inner{
		display: block;
		padding: 4em;
	}
	.sec-pub .text-box{
		width: 100%;
	}
	.sec-pub h3{
		font-size: 3.125em;
	}
	.sec-pub p{
		font-size: 2em;
	}
	.sec-pub .ta-btn-common{
		width: 100%;
		padding-left: 2em;
		margin-top: 1em;
	}
}