.container4{
	
	background-color: rgb(216,216,216);
}
.container4 .first{
	margin-top: 10%;
	left: 25%;
	position: absolute;
	color: white;
	font-weight: bolder;
	z-index: 1;
	font-size: calc(40px + 40 * ((100vw - 480px)/ 1200));
}
.container4 .first .outer{
	display: inline-flex;
	position: relative;
}
.container4 .first .outer .text::before{
	content: "";
	background-color: white;
	display: block;
	position: absolute;
	width: 100%;
	height: 5%;
	left: 0;
	bottom: 15%;
	pointer-events: none;
	transform: scaleX(0);
	transform-origin: left top;
	transition: transform .6s cubic-bezier(.37,.16,.12,1),-webkit-transform .6s cubic-bezier(.37,.16,.12,1);
}
.container4 .first .outer .text::after{
	background-color: white;
	content: "";
	display: block;
	transform-origin: right top;
	transform: scaleX(1);
	position: absolute;
	width: 100%;
	height: 5%;
	left: 0;
	bottom: 15%;
	pointer-events: none;
	transition: transform .3s cubic-bezier(.37,.16,.12,1),-webkit-transform .3s cubic-bezier(.37,.16,.12,1);
}
.container4 .first .outer .text:hover::after{
	background-color: rgb(31,30,29);
	transform: scaleX(0);
	transition: transform .3s cubic-bezier(.37,.16,.12,1),-webkit-transform .3s cubic-bezier(.37,.16,.12,1);
}

.container4 .second{
	margin-top: 10%;
}
.container4 .second .second-one{
	margin-left: -15px;
}
.container4 .second .second-one .pic1{
	width: 40%;
}
.container4 .second .second-one .pic2{
	margin-left: 2%;
	width: 30%;
	margin-top: 12%;
}
.container4 .second .second-one .pic3{
	width: 30%;
	margin-left: 12%;
	margin-top: -14%;
}
.container4 .second .second-one .pic4{
	width: 45%;
	margin-top: 2%;
	margin-left: 2%;
	position: sticky;
	z-index: 1;
}
.container4 .second .second-two{
	right: 7%;
}
.container4 .second .second-two .second-two-text{
	text-align: right;
	font-weight: 700;
	padding-top: 35%;
	font-size: calc(10px + 10 * ((100vw - 480px)/ 1200));
}
.container4 .second .second-two .second-two-foot{
	margin-top: 10%;
}
.container4 .second .second-two .second-two-foot span{
	float: right;
	display: block;
    padding: 5%;
    width: 40%;
    background-color: rgb(224,0,18);
    font-weight: 700;
    color: white;
    font-size: calc(10px + 10 * ((100vw - 480px)/ 1200));
}
.container4 .second .second-two .second-two-img img{
	width: 25%;
	float: right;
	margin-top: 5%;
	margin-right: -5%;
}

.container4 .third{
	background: rgb(224,0,18);
    margin-left: 7.5%;
    margin-top: -4%;
	margin-right: 15%;
    padding-left: 7%;
    padding-top: 10%;
	padding-bottom: 10%;
}
.container4 .third .img-one{
    margin-top: -6%;
    left: 1%;
    width: 20%;
    position: absolute;
}
.container4 .third .text-content{
    color: white;
    font-size: calc(10px + 10 * ((100vw - 480px)/ 1200));
    text-align: left;
}
.container4 .third .img-two{
    width: 25%;
    position: absolute;
    margin-top: -5%;
    right: 8%;
}
.container4 .third .text-foot{
    display: block;
	font-weight: 700;
}
.container4 .forth{
	margin-top: 5%;
	margin-bottom: 10%;
}
.container4 .forth .forth-left{
	font-size: 50px;
	text-align: right;
}
.container4 .forth .forth-right{
	font-size: 50px;
}