#banner .item a {position: absolute;width: 100%;height: 100%;background: rgb(255 255 255 / 0%);top: 0;left: 0;z-index: 2;}
#banner .info {position: absolute;bottom: 90px;left: 0;display: flex;-webkit-box-align: center;width: 100%;height: 100%;color: #fefefe;flex-direction: column;align-items: center;justify-content: flex-end;z-index: 10;}
#banner .info h3{font-size:34px;letter-spacing:1.5px;font-weight:400}
#banner .info P{font-size:22px;letter-spacing:3.5px;font-weight:300}
#banner .img {position: relative;width: 100vw;height: 100vh;background: no-repeat 50% 0% / cover;}
#banner .item video {overflow: hidden;position: absolute;min-width: 100%;width: auto;height: auto;bottom: 0;}
#banner .item video, #banner .item iframe{left: 0;object-position: 50% 50%;object-fit: cover;}
#banner .bottm_box{z-index: -1;position: absolute;}
#banner , #banner *{-ms-transition: all 0s ease-out;-o-transition: all 0s ease-out;transition: all 0s ease-out;}
/* scrollBtn */
.page-scroll a {display: inline-block;-webkit-transform: translate(0,-100%);transform: translate(0,-100%);color: #fff;letter-spacing: .1em;text-decoration: none;-webkit-transition: opacity .3s;transition: opacity .3s;font-size: 12px;writing-mode: vertical-lr;padding-top: 0px;}
@keyframes web_menu002{0%{ transform: translate(0px, 0px);} 50%{transform: translate(0px, -100px);}100%{transform: translate(0px, 0px);}}/**/ 
.page-scroll   {bottom: 70px;margin-left: 0;left: 33px;z-index: 201;transform: translateX(-50%);text-align: center;width: 20px;position: absolute;}
.page-scroll  a {font-size: 12px;writing-mode: vertical-lr;text-transform: uppercase;letter-spacing: 3.5px;}
.page-scroll.style01 a span {width: 0px;height: 0px;border-left: 0px solid #fff;border-bottom: 0px solid #fff}
.page-scroll.style01 a::before {content: "";position: absolute;background: #fff;top: 190px;right: 12px;width: 1px;height: 30px;animation: web_menu002 ease-in-out 5s infinite;animation-direction: alternate;}
.page-scroll.style01 a::after {box-sizing: border-box;content: "";position: absolute;top: 100px;right: 60%;width: 1px;height: 100px;background: #ffffff69;opacity: .3;}
.page-scroll.style01 a span {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation:none;animation: none;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative}@-webkit-keyframes zeroall {  0% {opacity: .1;  } 30% {opacity: 1;  }}
@keyframes fadeInUp{0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);        -ms-transform: translateY(0);transform: translateY(0);}}.fadeInUp{animation-name: fadeInUp;    animation-duration: 1s;animation-fill-mode: both;}@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}


@media screen and (min-width: 1281px){
	#banner{position:relative}
}

@media screen and (max-width: 1440px){
	#banner .item video, #banner .item iframe{bottom: auto;left: 50%;transform: translate(-50%, 0%);}
}
@media screen and (max-width:1560px) {
	#banner .img{height: 100vh;background:no-repeat 40% 0% / cover}
}

@media screen and (max-width:1280px) {
	#banner .img{background-size: cover;}
	#banner .item video{width:100%}
	#banner .info h2{font-size:20px;letter-spacing:0.5px}
	#banner .info h3{font-size:28px}
	#banner .info P{font-size:20px}
	#banner .info{bottom:50px}
	.page-scroll{display: none;}
}
@media screen and (max-width: 1024px) {
	#banner{margin-top: 0;}
	#banner .img{background-position: 90% 50%;}
}
@media screen and (max-width:980px) {
	#banner .img {height: 380px;background-position: 77% 50%;}
	#banner .item video{width:120%}
}
@media screen and (max-width:768px) {
	#banner .info {bottom: 30px;}
	#banner .info h3 {letter-spacing: 2.5px;padding: 0 10px;line-height: 130%;margin-top: 22px;}
	#banner .info p {color: #fff;letter-spacing: 1.5px;font-size: 16px;padding: 0px 10px 0;line-height: 170%;}
	#banner .info h3:before{display: none;}
}
@media screen and (max-width:640px) {
	#banner .info p img{width: 180px;}
	#banner .info article{font-size:32px}
	#banner .info h3{font-size: 22px;letter-spacing:0.5px;margin-top:0px}
	#banner .info p{color:#fff;letter-spacing:1.5px;font-size: 15px;padding:1px 0px 0;line-height:170%}
	#banner .info h2{font-size:15px;letter-spacing:0.5px}
}