.animated{
	opacity: 0;
}
/*banner*/
.banner {
	width: 100%;
	height: 520px;
	background-size: cover;
	background-position: bottom center;
	position: relative;
	overflow: hidden;
}
.banner .inner {
	width: 1400px;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
.banner .banner_border {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0;
	position: absolute;
	inset: 0;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.banner.fix .banner_border {
	border-width: 60px 60px 0px;
}
.banner .banner_text {
	position: relative;
	z-index: 3;
}
.banner .banner_text h2 {
	color: #fff;
	font-size: 48px;
	line-height: 1.1;
	font-weight: bold;
}
/*main*/
.sec1{ padding-top: 130px; padding-bottom: 40px;}
.sec1 .inner{ width: 1400px; display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.sec1_cont.first{ padding-bottom: 60px;}
.sec1_cont h3{ color: #333; font-size: 44px; line-height: 1.1; font-weight: bold; padding-bottom: 10px;}
.sec1_cont p{ color: #666; font-size: 22px; line-height: 1.7;}

.sec2{ padding-bottom: 346px; background-image: url(../images/trust_bg.jpg); background-position: center bottom; background-repeat: repeat-x;}
.sec2 .inner{ width: 1400px;}
.sec2 h3{ color: #333; font-size: 44px; line-height: 1.1; font-weight: bold; padding-bottom: 26px;}
.sec2 ul{ display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.sec2 ul li{ width: 22.8%; position: relative;}
.sec2 ul li img{ width: 100%;}
.sec2 ul li .sec2_text{ position: absolute; top: 147px; left: 5%; width: 90%; height: 212px; text-align: center; background-color: #fff; transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.sec2 ul li h4{ padding-top: 35px; padding-bottom: 20px; color: #333; font-size: 22px; line-height: 1.1; font-weight: bold;}
.sec2 ul li p{color: #333; font-size: 16px; line-height: 1.5;}
.sec2 ul li:hover .sec2_text{background-color: #b71b30;}
.sec2 ul li:hover h4,.sec2 ul li:hover p{ color:#fff;}

.sec2 ul li:nth-child(2){animation-delay:0.3s;
	-webkit-animation-delay:0.3s; /* Safari 和 Chrome */}
.sec2 ul li:nth-child(3){animation-delay:0.6s;
	-webkit-animation-delay:0.6s; /* Safari 和 Chrome */}
.sec2 ul li:nth-child(4){animation-delay:0.9s;
	-webkit-animation-delay:0.9s; /* Safari 和 Chrome */}

@media only screen and (max-width:1600px) {/*X0.8*/
	/*banner*/
	.banner.fix .banner_border {
		border-width: 48px 20px 0;
	}

	.banner .banner_text h2 {
		font-size: 38px;
	}

	/*main*/
	.sec1{ padding-top: 104px; padding-bottom: 32px;}
	.sec1_right{ max-width:50%;}
	.sec1_right img{ max-width:100%;}
	.sec1_cont.first{ padding-bottom:48px;}
	.sec1_cont h3{ font-size: 34px; padding-bottom: 8px;}
	.sec1_cont p{ font-size: 22px;}

	.sec2{ padding-bottom: 276.8px; background-size: auto 300px; }
	.sec2 h3{ font-size: 34px; padding-bottom: 20px;}
	.sec2 ul li{ width: 22.8%;}
	.sec2 ul li .sec2_text{ top: 140px; left: 5%; width: 90%; height:190px;}
	.sec2 ul li h4{ padding-top: 28px; padding-bottom: 16px; font-size: 18px;}
	.sec2 ul li p{font-size: 16px;}

}

@media only screen and (max-width:1440px) {
	/*banner*/
	.banner {
		height: 410px;
	}
}

@media only screen and (max-width:1300px) {
	/*main*/
	.sec2 ul li{ width: 24.5%;}
	.sec2 ul li .sec2_text{ top: 90%; width: 95%; left: 2.5%; height:180px;}
	.sec2 ul li p{font-size: 14px;}
	
	
	
}

@media only screen and (max-width:1024px) {/*X0.5*/
	/*banner*/
	.banner {
		height: 280px;
	}
	.banner.fix .banner_border {
		border-width: 30px 20px 0px;
	}
	.banner .banner_text h2 {
		font-size: 2.8rem;
	}
	/*main*/
	.sec1{ padding-top: 60px; padding-bottom: 20px;}
	.sec1_cont.first{ padding-bottom: 30px;}
	.sec1_cont h3{ font-size:2.7rem; padding-bottom: 10px;}
	.sec1_cont p{ font-size:1.6rem;}

	.sec2{ padding-bottom: 170px; background-size: auto 160px;}
	.sec2 h3{ font-size: 2.7rem; padding-bottom: 12px;}
	.sec2 ul li{ width: 24%;}
	.sec2 ul li .sec2_text{ top: 90%; left: 5%; width: 90%; height:150px;}
	.sec2 ul li h4{ padding-top: 18px; font-size: 1.6rem;}
	.sec2 ul li p{font-size: 1.3rem;}
	.sec2 ul li:hover .sec2_text{background-color: #fff;}
	.sec2 ul li:hover h4,.sec2 ul li:hover p{ color:#333;}
	
}
@media only screen and (max-width:1000px){
	/*main*/
	.sec1_right{ width:100%; max-width: none; margin-top: 20px; margin-bottom: 20px;}
	
	.sec2{ padding-bottom: 50px; }
	.sec2 ul li{ width: 49%;margin-bottom:160px;}
}
@media only screen and (max-width:500px){
	/*main*/
	.sec2 ul li{ width: 100%;margin-bottom:160px;}
	.sec2 ul li:nth-child(2){animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */}
.sec2 ul li:nth-child(3){animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */}
.sec2 ul li:nth-child(4){animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */}
}
@media only screen and (max-width:414px) {
	.banner {
		height: 300px;
	}
}