.animated{
	opacity: 0;
}
/*banner*/
.banner {
	width: 100%;
	height: 1019px;
	background-size: cover;
	background-position: bottom center;
	position: relative;
	overflow: hidden;
}
.banner .inner {
	width: 1400px; height: 590px;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

}
.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 { width: 1400px; margin: 0 auto; max-width: 92%;
	position: relative;
	z-index: 3;
}
.banner .banner_text h2 {
	color: #fff;
	font-size: 48px;
	line-height: 1.1;
	font-weight: bold;
}

/*main*/
.sec1{
	margin-top: -494px;
	z-index: 3;
	overflow: hidden;
	position: relative;
}
.sec1 .inner{
	position: relative;
}
.sec1 .inner.w1600{
	width: 1600px;
	background-color: #f8f8f8;
}
.sec1 .inner.w1400{
	width: 1400px;
	padding: 8.25% 0 240px;
}
.sec1 .coversquare{
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
}
.sec1 .border_p{ padding-bottom:30px; /*border-bottom: #dfdfdf solid 1px; margin-bottom: 30px;*/}
.sec1 p{
	font-size: 18px;
	color: #333;
	line-height: 2.375;
}
.sec1 p span{
	color: #b71b30;	
}
.sec1 h5{
	font-size: 26px;
	color: #b71b30;
	font-weight: bold;
	line-height: 1.84;
	padding: 10px 0;
}
.sec1 ul{
	margin-top: 3.429%;
	display: table;
	width: 1002px;
	max-width: 100%;
}
.sec1 li{
	display: table-cell;
	border: 1px solid rgba(187,187,187,0.23);
}
.sec1 li img{
	width: 100%;
}
.sec2{
	position: relative;
	overflow: hidden; z-index: 4;
	padding-bottom:10%; margin-top:-152px;
}
.sec2 h5{ 
	font-family: "montserrat";
	font-size: 120px;
	color: #e4e4e4;
	line-height: 1;
	position: absolute;
	left: 0.5em;
	top: 40%;
	display: inline-block;display: none;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(90deg);
	-moz-transform: translate3d(-50%,-50%,0) rotate(90deg);
	-ms-transform: translate3d(-50%,-50%,0) rotate(90deg);
	-o-transform: translate3d(-50%,-50%,0) rotate(90deg);
	transform: translate3d(-50%,-50%,0) rotate(90deg);
}
.sec2 .inner{
	width: 1400px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto; z-index: 1;
}
.sec2 .text-box{
	float: right; position: relative; z-index: 2;
	width: 70.8333%;
}
.sec2 .text-box img{
	width: 100%;
	
}
.sec2 .text-box p{
	width: 76.5%;
	font-size: 16px;
	color: #333;
	line-height: 2.375;
}
@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 .inner.w1400{
		
	}
	.sec1 p{
		font-size: 16px;
		
	}
	.sec1 h5{
		font-size: 22px;
		
	
	}
	.sec1 ul{
		margin-top: 3.429%;
	}
	.sec1 li{
		border: 1px solid rgba(187,187,187,0.23);
	}

	.sec2{
		padding-bottom: 14.792%; 
	}
	.sec2 h5{
		font-size: 96px;
		left: 0.5em;
	}
	.sec2 .text-box{
		width: 70.8333%;
	}

	.sec2 .text-box p{
		width: 76.5%;
		font-size: 14px;
		line-height: 2.375;
	}
}

@media only screen and (max-width:1440px) {
	/*banner*/
	.banner .inner {
		height: 472px;
	}
	.banner {
		height: 815px;
	}
	.sec1{
		margin-top: -343px;
	}
}

@media only screen and (max-width:1200px) {
	/*main*/
	.sec1 .inner.w1400{ max-width:96%; margin-left: 4%;}
	
	.sec2 .text-box p{ font-size:16px;}
	.sec2 h5{
		font-size: 80px;
		left: 0.5em;
	}
}
@media only screen and (max-width:1024px) {/*X0.5*/
	/*banner*/
	.banner .inner {
		height: 280px;
	}

	.banner {
		height: 500px;
	}
	.banner.fix .banner_border {
		border-width: 30px 20px 0px;
	}
	.banner .banner_text h2 {
		font-size: 2.8rem;
	}
	/*main*/
	.sec1{
		margin-top: -220px;
	}
	.sec1 .inner.w1400{
		padding: 60px 0 120px;
	}
	.sec1 .border_p{ padding-bottom:15px;/*margin-bottom: 15px;*/}
	.sec1 p{
		width: 100%;
		font-size: 1.4rem;
		
	}
	.sec1 h5{
		font-size: 1.8rem;
		
		
	}
	.sec1 ul{
		margin-top:25px;
	}
	.sec2{
		margin-top: -76px;
		padding-bottom:80px;
	}
	.sec2 h5{
		font-size: 5rem;
		left: 0.5em;
	}
	.sec2 .text-box{
		width: 70.8333%;
	}

	.sec2 .text-box p{
		width: 76.5%;
		font-size: 1.3rem;
		line-height: 2.375;
	}
}
@media only screen and (max-width:800px) {

	.sec2 h5{ font-size:3rem; top: 45%;}
}
@media only screen and (max-width:767px) {
	
	
	
	.sec1 p{ line-height:2;}
	.sec2{
		
	}
	.sec2 .text-box p{ width:92%; line-height:2;}
}
@media only screen and (max-width:374px) {
	.banner .banner_text h2{ line-height:1.4;}
	.sec2 h5{ font-size:2.4rem;}

}