img{display: block;}
button.btn,a.btn{width: 30rem;height:4.8rem;background: #265C7F; color: #fff;text-align: center;line-height: 4.8rem;font-size: 1.7rem;}
.kv,.thanks{
	background: url(../images/kv-bg.jpg) center center no-repeat;
	background-size: cover;
}
.kv{
	overflow: hidden;
}
.kv video{
	width: 100%;
	position: relative;
}
.kv .container,.thanks .container{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: calc(190 / 1080 * 100vh);
}
.kv .container{
	position: absolute;
	left: 0;
	top: 0;
}
.kv .kv-bar{
	position: relative;
	width: 39rem;
	height: 1px;
	background: rgb(255 255 255 / .5);
	margin:3rem 0 4rem 0;
}
.kv .clogo{
	width: 20.2rem;
	right: 2.5rem;
	bottom: 2.5rem;
	position: absolute;
}
.kv-logo{
	position: absolute;
	width: 27.6rem;
	bottom: calc(128 / 1080 * 100vh);
	left: 50%;
	transform: translateX(-50%);
}
.kv-title{width: 72.7rem;}
.kv-txt{width: 30rem;}
p{font-size: 2.2rem;line-height: 4.2rem;font-weight: 300}
h3{font-size: 3.4rem;}
span{font-size: 1.6rem;line-height: 3.4rem;color: #ADADAD;}
.sec1,.sec2,.sec4,.sec7{height: 100vh;max-height: 56.25vw;}
.pic-container{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;align-items: center;
}
.sec-txts{

}

.sec-pic{
	width: 115rem;
}
.sec1 .sec-txts ,.sec4 .sec-txts {padding-left: 14.4rem;}
.sec1 h3{width: 36.2rem;margin:1.5em 0;}

.sec1 .sec-txts p,.sec2 .sec-txts p,.sec4 .sec-txts p,.sec7 .sec-txts p{width: 23em;text-align: justify;}

.sec4 .sec-txts,.sec2 .sec-txts,.sec7 .sec-txts{width: 64.5rem;}
.sec4 h3,.sec2 h3{width: 27rem;margin-bottom: 1.5em;}
.sec7 h3{width: 31.4rem;margin-bottom: 1.5em;}

.sec3{
	background: url(../images/sec3-pic.jpg) center center no-repeat;
	background-size: cover;
	height: 56.25vw;
}
.sec3 .container{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;align-items: center;
}

.sec3 .se3-con{
	position: absolute;
	top: 14rem;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-bottom: calc(80 / 1080 * 100vh);
}
.sec3 .se3-con p{margin-top: 1.5em;color: #fff;}
.sec3-title{
	position: absolute;
	left: 50%;
	top: calc(143/1080 * 100vh);
	transform: translateX(-50%);
	width: 113.2rem;
}

.sec3-txt{
	width: 70.6rem;
	margin-bottom: 1em;
}




/*sec5*/

.sec5-list{display: flex;justify-content: center;align-items: flex-start;height:72.6rem; }
.sec5-box{
	position: relative;
	width: 20%;
	background-position:center center;
	background-repeat:  no-repeat;
	height:72.6rem; 
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	padding-bottom: 7rem;
	padding-top: 18rem;
}
.sec5-box p{font-size: 1.3rem;position: absolute;right: 1em;bottom: 1em;color: #fff;line-height: 1em;}
.sec5-icon{width: 10rem;z-index: 1;position: relative;}
.sec5-box1{background-image: url(../images/sec5-pic1.jpg);}
.sec5-box2{background-image: url(../images/sec5-pic2.jpg);}
.sec5-box3{background-image: url(../images/sec5-pic3.jpg);}
.sec5-box4{background-image: url(../images/sec5-pic4.jpg);}
.sec5-box5{background-image: url(../images/sec5-pic5.jpg);}

.sec5-box::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 0;
	opacity: .75;
	  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sec5-box:hover:before{opacity: 0;}
.sec5-txt{height: 6.1rem;width: auto;position: relative;z-index: 1;}

.sec5-txt img{height: 100%;width: auto;}


.sec6-title{width: 67.8rem;}


.sec6 .map{height: 33.5rem;width: 100%;position: relative;}

.sec6 .container{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;align-items: center;
	padding: 7.8rem 0 9rem 0;
}
.sec6 p{margin-top: 4.5rem;width: 50em;}

.form .container{
	padding:3rem 0 8rem 0
}
.map-btn{
	margin-bottom: 5.6rem;
}
button.send{
	outline: none;border:none;
	margin:0 auto;
}


.footer-bar{
	width: 100%;

}

.footer-logo{
	width: 44.4rem;
	padding: 3rem 0;
	margin:0 auto;
}
.sec-txts .swiper-container{
	width: 100%;
	/*min-width: calc((40rem + 2.2rem) * 2);*/
	width: 42.2rem;
	margin-left: 0;
	margin-top: 4rem;
}
.swiper-container .swiper-slide{position: relative;}
.sec-txts .swiper-container .swiper-slide{
	position: relative;
	padding-right: 2.2rem;
	/*width: 40rem !important;*/
}
.sec-pic{position: relative;}
.sec-pic p,.sec-pic .swiper-slide p,.sec-txts .swiper-slide p{font-size: 1.3rem;
    position: absolute;
    right: 1em;
    bottom: 1em;
    color: #fff;
    line-height: 1em;text-align: right;}
.sec-txts .swiper-slide p{margin-right: 2.2rem;}
.swiper-pagination{position: relative;text-align: left;margin-top: 3rem;}

.swiper-pagination-bullet{
	line-height: .4rem;
	width: 5rem;
	height: .4rem;
	background: #E0E0E0;
	border-radius: 0;
	opacity: 1;
	margin-right: 2rem;
}

.swiper-pagination-bullet-active{
	background: #8DCEE3;	
}

.thanks{height: 100dvh;}
.thanks .container{padding-bottom: 0;}
.thanks .container > img{width: 480px;} 
.thank-footer{position: absolute;bottom: 0;left:0;width: 100%;}
@media screen and (max-width: 900px){
	.thanks .container > img{width: 436px;max-width:60vw } 
	.kv,.thanks{
		background-image: url(../images/mbg.jpg);
	}
	.kv-txt{width: 43rem;}
	.kv-title{width: 45.8rem;}
	.kv-logo{
		width: 32.2rem;
	}
	.sec1, .sec2, .sec4, .sec7{height: auto;max-height: initial;}
	.sec1 .container,.sec4 .container{flex-direction: column-reverse;}
	.sec1 .sec-pic{height: 81.7rem;width: 100%;}
	.sec1 .sec-pic img{width: 100%;height: 100%;object-fit: cover;}
	.sec-txts{width: 100% !important;padding-left: 10rem !important;padding-right: 10rem !important;}
	.sec-txts{padding:7rem 0 7rem 9rem ;width: 100%;}
	.sec1 .sec-txts p, .sec2 .sec-txts p, .sec4 .sec-txts p, .sec7 .sec-txts p{width: 100%;}
	.sec-pic{width: 100%;}

	.pic-container{flex-direction: column;}


	.sec3{height: 126.6rem;background-image: url(../images/msec3-pic.jpg);}
	.sec3-title{width: 57.2rem;top: 7rem;}
	.sec3-txt{width: 35.1rem;}
	.sec3 .se3-con p br{display: none;}
	.sec3 .se3-con p{width: 24em;}
	.sec5{padding-bottom: 5rem;}
	.sec5-list{height: 78.6rem;}
	.sec5-box{height: 78.6rem;justify-content: center;padding:0;}
	.sec-pic p,.sec-pic .swiper-slide p,.sec-txts .swiper-slide p,.sec5-box p{font-size: 1.7rem;}
	.sec5-box::before{display: none;}
	.sec5-box1{background-image: url(../images/msec5-pic1.jpg);}
	.sec5-box2{background-image: url(../images/msec5-pic2.jpg);}
	.sec5-box3{background-image: url(../images/msec5-pic3.jpg);}
	.sec5-box4{background-image: url(../images/msec5-pic4.jpg);}
	.sec5-box5{background-image: url(../images/msec5-pic5.jpg);}
	.sec5-icon{margin-bottom: 3rem;}
	.sec5-txt{height: 6.6rem;}
	.sec5 .swiper-pagination{position: relative;text-align: center;margin-top: 3rem;}
	.sec6-title{width: 38.7rem;}

	.sec6 p{width: 24em;}
	.sec6 .map{height: 39.2rem;}
	.form .container{padding-top: 8.7rem;}
	.form-con{padding: 0;}
	.map-btn{margin-bottom: 6.5rem;}
	button.btn, a.btn{width: 32.5rem;height: 5.2rem;font-size: 1.8rem;}
	.form .form-content li input[type="text"], .form .form-content li input[type="tel"], .form .form-content li input[type="email"], .form .form-content li select{
		height: 4.2rem;
		font-size: 1.8rem;
		line-height: 4.2rem;
	}
	.form .form-content li.demand-check{margin-bottom: 5rem;margin-top: 0; }

	.footer-logo{width: 40.1rem;}
}