header .lang div{left:auto;right: 0;transform: translateX(0);}
.frame-top-content{display:block;padding-top: 100px;padding-bottom: 80px;overflow: hidden;}
.frame-top-content h1{font-size: 60px;font-weight: 500;color: #273b58;text-align: center;display: block;margin-bottom: 30px;padding:0 5%;}
.frame-top-content .row{align-items: center;}
.frame-top-content .row > div{padding: 0}
.frame-top-content .row > div:first-child img{width: 60%}
.frame-top-content .row > div:last-child h2{font-size: 18px;display: block;margin-bottom: 10px}
.frame-top-content .row > div:last-child .colors{display: block;padding-top: 20px;padding-bottom: 40px;}
.frame-top-content .row > div:last-child .colors i,.frame-top-content .row > div:last-child .colors span{display: inline-block;width: 50px;height: 50px;border-radius:50%;border:2px #fff solid;box-shadow: 0 0 5px 0 #00000020;margin-right: 20px;margin-bottom: 10px}
.frame-top-content .row > div:last-child .links{display: block;}
.frame-top-content .row > div:last-child .links a{background: #f2f2f2;padding: 15px 40px;border-radius: 10px;display: inline-block;margin-right: 20px;font-size: 16px;color:#8e8e8e;white-space: nowrap}
.frame-top-content .row > div:last-child .links a i{font-size: 60px;line-height: 60px;display: inline-block;margin-right: 10px;vertical-align: top}
.frame-top-content .row > div:last-child .links a span{display: inline-block;vertical-align: top;padding-top: 5px}
.frame-top-content .row > div:last-child .links a span h3{font-size: 20px;text-transform: uppercase;line-height: 25px;color:#8e8e8e;}
.frame-top-content .row > div:last-child .links a span h4{font-size: 16px;line-height: 20px;color:#8e8e8e}
.frame-top-content .row > div:last-child .links a:last-child{background: #273b58;color:#fff;margin-right: 0}
.frame-top-content .row > div:last-child .links a:last-child span h3,.frame-top-content .row > div:last-child .links a:last-child span h4{color:#fff;}
.frame-text-content{background: linear-gradient(90deg, #273b58, #101824);padding-top:80px;padding-bottom: 80px;display: block;text-align: center;}
.frame-text-content p{color:#fff;font-size: 24px;display: block;line-height: 1.4;margin-bottom: 20px;margin-top: 20px}
.frame-box > div{padding: 0;position:relative;overflow: hidden;}
.frame-box > div:after{content: '';position: absolute;top: -10px;left: 0;width:100%;height: 10px;box-shadow: 0 0 15px #04152c}
.frame-box > div img{width: 100%}
.frame-box > div.text{padding:100px 80px;background:#273b58;}
.frame-box > div.text p{font-size: 20px;color:#fff;}
.frame-box > div.text p sup{top:-5px}
.frame-box > div:nth-child(5){background: #fff}
.frame-box > div:nth-child(5) p{color:#273b58;}
@media screen and (max-width: 1699px) {
	.frame-box > div.text{padding:80px 65px;}
}
@media screen and (max-width: 1499px) {
	.frame-top-content{padding-top: 90px;padding-bottom: 70px;overflow: hidden;}
	.frame-top-content h1{font-size: 50px;}
	.frame-text-content p{font-size: 18px;}
	.frame-box > div.text{padding:70px 55px;}
	.frame-box > div.text p{font-size: 18px;}
	.frame-top-content .row > div:last-child .colors i{width:45px;height:45px;margin-right: 18px;}
	.frame-top-content .row > div:last-child .links a{padding: 10px 30px;margin-right: 15px;font-size: 15px;}
}
@media screen and (max-width: 1399px) {
	.frame-top-content h1{font-size: 40px;}
	.frame-top-content .row > div:last-child h2{font-size: 16px;}
	.frame-top-content .row > div:last-child .colors{padding-bottom: 30px;}
	.frame-top-content .row > div:last-child .colors i{width: 40px;height:40px;margin-right: 15px;margin-bottom: 8px}
	.frame-top-content .row > div:last-child .links a{padding: 10px 20px;margin-right: 10px;font-size: 14px;margin-bottom: 10px}
	.frame-top-content .row > div:last-child .links a i{font-size: 58px;line-height: 55px;}
	.frame-top-content .row > div:last-child .links a span h3{font-size: 18px;line-height: 22px;}
	.frame-top-content .row > div:last-child .links a span h4{font-size: 15px;}
	.frame-text-content p{font-size: 17px;}
	.frame-box > div.text p{font-size: 17px;}
}
@media screen and (max-width: 1199px) {
	.frame-top-content h1{font-size: 30px;}
	.frame-box > div.text{padding:60px 40px;}
	.frame-box > div.text p{font-size: 16px;}
	.frame-top-content .row > div:first-child img{width: 70%}
	.frame-text-content{padding-top:60px;padding-bottom: 60px;}
	.frame-text-content p{font-size: 16px;}
}
@media screen and (max-width: 991px) {
	.frame-top-content h1{font-size: 25px;}
	.frame-top-content .row > div:first-child img{width: 90%}
	.frame-box > div.text{padding:80px 30px;}
	.frame-box > div.text p{font-size: 15px;}
	.frame-text-content{padding-top:40px;padding-bottom: 40px;}
	.frame-text-content p{font-size: 15px;}
}
@media screen and (max-width: 767px) {
	.frame-text-content{padding-top:30px;padding-bottom: 30px;}
	.frame-text-content p{font-size: 14px;}
	.frame-top-content{padding-bottom: 30px}
	.frame-top-content h1{font-size: 20px;}
	.frame-box > div.text{padding:40px 20px;}
	.frame-box > div.text p{font-size: 14px;}
	.frame-top-content .row > div:first-child{text-align: center;padding-bottom: 30px;}
	.frame-top-content .row > div:first-child img{width: 50%}
	.frame-top-content .row > div:last-child .colors{padding-bottom: 10px;}
	.frame-top-content .row > div:last-child .colors i{width: 30px;height:30px;margin-right: 10px;margin-bottom: 5px}
	.frame-top-content .row > div:last-child .links{white-space: nowrap}
	.frame-top-content .row > div:last-child .links a{padding:5px 8px;margin-right: 8px;margin-bottom: 0}
	.frame-top-content .row > div:last-child .links a i{font-size: 45px;line-height:45px;margin-right: 5px}
	.frame-top-content .row > div:last-child .links a span h3{font-size: 14px;line-height: 16px}
	.frame-top-content .row > div:last-child .links a span h4{font-size:12px}

}

.frame-swiper-content{display: block;background: #04152c;}
.frame-swiper-content .title{display: block;text-align: center;padding:90px 0 30px 0;}
.frame-swiper-content .title h1{font-size: 30px;color:#fff;position: relative;padding-bottom: 20px;text-transform:uppercase;font-weight: 300}
.frame-swiper-content .title h1:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 90px;height: 3px;background: #fff;display: inline-block}
.frame-swiper-content .container{padding-left: 10%;padding-right: 10%;position: relative;overflow: hidden;min-height: 680px;}
.frame-swiper-content .frame-swiper{position: relative;}
.frame-swiper-content .frame-swiper dl dt{display: block;padding-top: 120px;padding-bottom: 140px;}
.frame-swiper-content .frame-swiper dl dt img{width: 100%;transition: all .3s;border-radius: 20px;opacity: 0.5;aspect-ratio:4/3.1;object-fit:cover}
.frame-swiper-content .frame-swiper dl.swiper-slide-active dt{position: relative;z-index: 5;}
.frame-swiper-content .frame-swiper dl.swiper-slide-active dt img{transform:translateY(20%) scale(2);position: relative;opacity: 1;aspect-ratio:8/4.3;box-shadow: 0 0 15px #04152c}
.frame-swiper-content .frame-swiper dl dd{display: block;text-align: center;font-size: 28px;color:#fff;position: absolute;left: 50%;transform: translateX(-50%);bottom:-140px;transition: all .3s .2s;opacity: 0;width: 100%}
.frame-swiper-content .frame-swiper dl.swiper-slide-active dd{bottom:-100px;opacity: 1}
.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{position: absolute;left: 0;top:250px;background: #ffffff90;width: 70px;height: 70px;display: inline-block;border-radius:50%;text-align: center;cursor: pointer;z-index: 50;}
.frame-swiper-content .container .button-next{left: auto;right: 0}
.frame-swiper-content .container .button-prev i,.frame-swiper-content .container .button-next i{color:#04152c;font-size: 45px;line-height: 70px;}
@media screen and (max-width: 1499px) {
	.frame-swiper-content .title{display: block;text-align: center;padding:80px 0 30px 0;}
	.frame-swiper-content .container{padding-left: 6%;padding-right: 6%;min-height: 650px;}
	.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{width: 60px;height: 60px}
	.frame-swiper-content .container .button-prev i,.frame-swiper-content .container .button-next i{font-size: 40px;line-height: 60px;}
	.frame-swiper-content .frame-swiper dl dd{font-size: 25px;}
	.frame-swiper-content .frame-swiper dl.swiper-slide-active dd{bottom:-80px}
}
@media screen and (max-width: 1199px) {
	.frame-swiper-content .title{padding:60px 0 20px 0;}
	.frame-swiper-content .container{padding-left: 6%;padding-right: 6%;min-height: 550px;}
	.frame-swiper-content .frame-swiper dl dt{padding-top: 90px;padding-bottom: 130px;}
	.frame-swiper-content .frame-swiper dl dt img{border-radius: 10px;}
	.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{top:200px;}
	.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{width: 60px;height: 60px}
	.frame-swiper-content .container .button-prev i,.frame-swiper-content .container .button-next i{font-size: 40px;line-height: 60px;}
	.frame-swiper-content .frame-swiper dl dd{font-size: 20px;}
	.frame-swiper-content .frame-swiper dl.swiper-slide-active dd{bottom:-70px}
}
@media screen and (max-width: 1199px) {
	.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{top:180px;}
	.frame-swiper-content .title h1{font-size: 25px;}
}
@media screen and (max-width: 991px) {
	.frame-swiper-content .title{padding:50px 0 20px 0;}
	.frame-swiper-content .container{padding-left:5%;padding-right: 5%;min-height: 380px;}
	.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{top:130px;}
	.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{width: 50px;height: 50px}
	.frame-swiper-content .container .button-prev i,.frame-swiper-content .container .button-next i{font-size: 30px;line-height: 50px;}
	.frame-swiper-content .frame-swiper dl dt{padding-top: 60px;padding-bottom: 100px;}
	.frame-swiper-content .frame-swiper dl dd{font-size: 18px;}
	.frame-swiper-content .frame-swiper dl.swiper-slide-active dd{bottom:-60px;}
}
@media screen and (max-width: 767px) {
	.frame-swiper-content .title{padding:50px 0 0 0;}
	.frame-swiper-content .title h1{font-size: 20px;padding-bottom: 15px;}
	.frame-swiper-content .title h1:after{width: 70px;height: 2px;}
	.frame-swiper-content .container{min-height: 400px;}
	.frame-swiper-content .frame-swiper dl dt{padding-bottom: 100px;}
	.frame-swiper-content .frame-swiper dl dd{font-size: 14px;width: 200%}
	.frame-swiper-content .frame-swiper dl.swiper-slide-active dd{bottom:-40px;}
}
@media screen and (max-width: 576px) {
	.frame-swiper-content .container{min-height: 350px;}
	.frame-swiper-content .container .button-prev,.frame-swiper-content .container .button-next{width: 50px;height: 50px}
	.frame-swiper-content .container .button-prev i,.frame-swiper-content .container .button-next i{font-size: 30px;line-height: 50px;}	
	.frame-swiper-content .frame-swiper dl dt img{aspect-ratio:1/1.1}
	.frame-swiper-content .frame-swiper dl.swiper-slide-active dt img{transform:translateY(20%) scale(2);aspect-ratio:2/1.6;}	
	.frame-swiper-content .frame-swiper dl.swiper-slide-active dd{bottom:-30px;}
}


.frame-contact-content{background: #f4f4f4;padding-top: 80px;padding-bottom: 120px;}
.frame-contact-content .title{display: block;text-align: center;padding:60px 0 60px 0;}
.frame-contact-content .title h1{font-size: 30px;color:#273b58;position: relative;padding-bottom: 20px;text-transform:uppercase;font-weight: 400}
.frame-contact-content .title h1:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 90px;height: 3px;background: #273b58;display: inline-block}
.frame-contact-content .container .row{border-radius: 25px;background: #fff}
.frame-contact-content .container .row > div{padding: 0}
.frame-contact-content .container .row > div form{padding: 50px;font-size: 0}
.frame-contact-content .container .row > div form dl{display: inline-block;width: 50%}
.frame-contact-content .container .row > div form dl:nth-child(5){width: 100%}
.frame-contact-content .container .row > div form dl dt{display: block;font-size:18px;font-weight: 400;color:#5f5f5f;}
.frame-contact-content .container .row > div form dl dd{display: block;padding-top: 10px;padding-bottom: 20px;}
.frame-contact-content .container .row > div form dl dd input{display: block;width:90%;border-radius: 50px;line-height: 50px;border:1px #eee solid;padding-left: 20px;padding-right: 20px;font-size: 16px}
.frame-contact-content .container .row > div form dl dd input::placeholder,.frame-contact-content .container .row > div form dl dd textarea::placeholder{color: #ccc}
.frame-contact-content .container .row > div form dl dd textarea{display: block;width:95%;border-radius: 20px;height: 200px;padding: 20px;line-height: 30px;font-size: 16px;border:1px #eee solid}
.frame-contact-content .container .row > div form dl dd button{display: block;width:90%;border-radius: 50px;height: 50px;background: linear-gradient(180deg, #273b58, #000000);color:#fff;font-size: 16px;border:none;outline: none}
.frame-contact-content .container .row > div:last-child{background: linear-gradient(180deg, #273b58, #000000);border-radius: 25px;padding: 50px}
.frame-contact-content .container .row > div:last-child .contact-title{color:#fff;font-size: 18px;display: block;padding-bottom: 20px;}
.frame-contact-content .container .row > div:last-child .contact-content{display: block;}
.frame-contact-content .container .row > div:last-child .contact-content dl{display: block;background: #416187;padding:20px;margin-bottom: 20px;white-space: nowrap;border-radius:15px;}
.frame-contact-content .container .row > div:last-child .contact-content dl dt{font-size: 45px;color:#fff;vertical-align: top;line-height: 32px}
.frame-contact-content .container .row > div:last-child .contact-content dl dd{max-width: 80%;padding-left:3%;}
.frame-contact-content .container .row > div:last-child .contact-content dl dd h3{font-size: 18px;color:#fff}
.frame-contact-content .container .row > div:last-child .contact-content dl dd h4{font-size: 14px;color:#fff;white-space:normal;line-height: 1.4}

@media screen and (max-width: 1199px) {
	.frame-contact-content .title h1{font-size: 25px;}
}
@media screen and (max-width: 991px) {
	.frame-contact-content .title{padding:50px 0;}
}
@media screen and (max-width: 767px) {
	.frame-contact-content .title h1{font-size: 20px;padding-bottom: 15px;}
	.frame-contact-content .title h1:after{width: 70px;height: 2px;}
}