.ml6{position:relative;font-weight:900;font-size:3.3em;opacity:1!important}
.ml6 .text-wrapper{position:relative;display:inline-block;padding-top:.2em;padding-right:.05em;padding-bottom:.1em;overflow:hidden}
.ml6 .letter{display:inline-block;line-height:1em}
#banner{width:100%;z-index:3;display:flex;justify-content:flex-end;margin-top:0}
#scrollBtn{position:absolute;left:41vw;bottom:0;z-index:9487;width:18vw;display:flex;flex-direction:column;align-items:center;background:#345b78;padding:25px 0}
#banner #scrollBtn img{width:25px;animation:floatUpDown 3s infinite}
.paJcar{position:absolute;margin-top:-35vw;right:-60px;z-index:11}
.paJcar img{height:37vw}
#banner .main-slider{width:100%}
#banner img{width:100%;aspect-ratio:1920/913}
#banner .pos_abs.arrow{bottom:40%;left:auto;right:9%;width:auto;display:flex;padding:0 30px;flex-direction:column;justify-content:center;margin-top:2%}
#banner .arrow a{width:50px;aspect-ratio:1/1;line-height:55px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.85;margin-bottom:18px}
#banner .arrow a:hover{opacity:1}
#banner .arrow a i{color:#fff}
#banner .pos_abs{width:100vw;height:100%;top:0;left:0}
#banner .info{position:absolute;left:10%;top:36%;width:67%;height:300px;border-radius:25px;z-index:999;text-decoration:none}
#banner .slick-dots{bottom:auto;top:calc(35% + 229px);width:410px;left:13.3%;text-align:left}
#banner .slick-dots li,#banner .slick-dots li button{width:5px}
#banner .slick-dots li button:before{content:"";background:#fff;width:7px;aspect-ratio:1/1;height:auto;border-radius:500px;border:#fff 2px solid;opacity:.8}
#banner .slick-dots li.slick-active button:before{background:unset}
#banner .info .txt{margin:auto}
#banner .info .txt *{font-weight:500;color:#fff;opacity:0;text-align:left;line-height:100%}
#banner .info .txt .top_txet{margin-bottom:20px;display:flex;flex-direction:column}
#banner .info .txt .pausJ{position:relative;z-index:9;transition-delay:0;-webkit-transition-delay:0;padding:10px 30px;border-radius:520px;border:#bb715f 1px solid;letter-spacing:.05em;font-size:max(1.2 * (1vw + 1vh) / 2,13px);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#banner .main-slider .slick-track .pos_rel:hover svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);border-radius:50%}
#banner .info .txt .pausJ:hover svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);border-radius:50%}
#banner .info .txt .pausJ svg{width:40px;aspect-ratio:1/1;fill:#686868;transition-delay:0s;-webkit-transition-delay:0s;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
#banner .info .txt h3{font-size:max(4 * (1vw + 1vh) / 2,32px);color:#fff;font-weight:400;max-width:100%;line-height:120%;display:flex;align-items:center;letter-spacing:.05em;text-transform:uppercase}
#banner .info .txt p{font-weight:300;font-size:18px}
#banner a.pos_abs{z-index:999992}
.conJbox{width:100%;display:flex;flex-direction:column;align-items:center}
.conJbox .comline:after{content:"";position:absolute;width:4px;height:100px;background:#fff;left:-2px;top:39%}
.conJbox .comline{position:absolute;aspect-ratio:12/7.3;border-left:rgb(255 255 255 / 53%) 1px solid;border-right:rgb(255 255 255 / 53%) 1px solid;z-index:9;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.conJbox .comline:before{content:"";position:absolute;width:1px;height:100%;background:rgb(255 255 255 / 53%)}
#banner,#banner *{transition:unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;-ms-transition:unset}
#banner iframe,#banner video{position:absolute;width:82%;height:100%;top:0;right:0;object-fit:cover}
#banner .main-slider .slick-track .pos_rel,#banner iframe,#banner video{width:100%;display:flex;justify-content:flex-end}
#banner .main-slider .slick-track .pos_rel:hover .pausJ{background:#c36663;border:#b44844 1px solid;color:#fff}
#banner .main-slider .slick-track img.pos_rel{width:100%}
#banner .slick-current .info .txt *{opacity:1}
#banner .slick-current .info .txt p{color:#7d555a;font-weight:300;margin-bottom:0;font-size:max(1.5*(1vw + 1vh) / 2,13px)}
#banner .slick-current .info .txt span{text-transform:uppercase;letter-spacing:.09em;margin:2px 0 0;font-weight:400;font-size:max(1.5 * (1vw + 1vh) / 2,15px)}
#banner .slick-current .info .txt p.abomteJ{margin-bottom:30px;padding-top:10px;position:relative}
#banner .slick-current .info .txt p.abomteJ:before{content:"";width:100vw;left:-27%;height:1px;position:absolute;background:rgb(255 255 255 / 54%);top:-15px;opacity:0}
#banner #countbanner{position:absolute;z-index:97777;bottom:10px;display:flex;align-items:center;width:80%;right:3%;justify-content:flex-end}
#banner #countbanner *{color:#fff}
#banner #countbanner .updownbox{display:flex;margin-right:20px}
#banner .longline{position:relative;width:100px;height:2px;background:#c1c1c1;margin:0 14px}
#banner .longline .progress-bar{position:absolute;height:2px;background:#547d9b;top:0}



@media screen and (max-width: 1470px) {
	#banner{margin-top:80px}
	#banner .info .txt .top_txet{margin-bottom:15px}
	#banner .slick-current .info .txt span{margin:10px 0 25px}
	.paJcar img{height:34vw}
	.paJcar{margin-top:-32vw;right:-20px}
	#banner img{aspect-ratio:21/8.8}
	#banner .info{width:50%;left:9%;top:30%}
	#banner .slick-dots{top:calc(33% + 188px);left:11.5%}
}

@media screen and (max-width: 1024px) {
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{height:500px}
	#scrollBtn{display:none}
	#banner .slick-dots{left:4%;top:auto;bottom:8px}
	#banner .arrow a{display:none!important}
	#banner .info{width:100%;left:0}
	#banner .info .txt .top_txet{display:flex;flex-direction:column;align-items:center}
}

@media screen and (max-width: 870px) {
	#banner .info{width:90%;top:18%}
	.paJcar{right:-21vw;margin-top:-44vw}
	#scrollBtn{display:none}
}

@media screen and (max-width: 768px) {
	.ml6{font-size:1.8em}
	#banner .info .txt{width:90%}
	#banner .slick-current .info .txt span{margin:10px 0 12px}
	#banner .slick-current .info .txt p.abomteJ{margin-bottom:27px;padding-top:5px}
	#banner .info{top:10%}
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{height:380px}
	.conJbox .comline{height:453px}
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{border-radius:0 0 0 20px}
	.paJcar img{height:47vw}
	.conJbox .comline:after{top:29%}
}

@media screen and (max-width: 550px) {
	#banner{margin-top:72px}
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{height:440px;width:100%}
	#banner .info{left:0;width:400px;height:200px;border-radius:0 41px 0 0}
	#banner .info .txt .pausJ svg{width:33px}
	#banner .slick-dots{left:72px;top:auto;bottom:11px}
}

@media screen and (max-width: 550px) {
	#banner .info{padding-left:12px}
	#banner .info{left:33px;top:65px}
	#banner .slick-dots{bottom:5px}
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{height:353px;border-radius:0;object-position:0 50%}
	#banner .info .txt .pausJ svg{width:26px}
	#banner .slick-dots{bottom:7px;left:15px}
}

@media screen and (max-width: 480px) {
	#banner .main-slider .slick-track img.pos_rel{height:403px}
	#banner .info{top:17%;left:0}
	#banner .info .txt{width:88%}
	.conJbox .comline{width:90%}
	.conJbox .comline:after{top:133px;height:80px}
	#banner .main-slider .slick-track .pos_rel,#banner a.pos_abs,#banner iframe,#banner video{height:330px}
	#banner .slick-current .info .txt span{margin:0 0 10px}
	#banner .slick-current .info .txt p.abomteJ{margin-bottom:15px;padding-top:7px}
	.paJcar{margin-top:auto;top:209px;right:-216px}
	.paJcar img{height:auto;width:391px}
}