#banner .slick-slider { margin-bottom: 0; }
#banner .main-slider .item { position: relative; }
#banner .main-slider .item a {position: relative;width: 100%;height: 100vh;background: rgb(0 0 0 / 14%);display: block;z-index: 2;}
#banner .main-slider .item video , #banner .main-slider .item iframe {position: absolute;width: 100%;height: 130vh;top: -100px;left: 0px;}
#banner .main-slider .item .banner-txt {position: absolute;width: 90%;top: 25vh;left: 5%;z-index: 1;display: none;}

.banner-txt { position: absolute; width: 100%; top: 15%; left: 0; z-index: 11; }
.banner-txt h2 { font-size: 50px; transform: translateX(-30px); opacity: 0; }
.banner-txt p { font-size: 18px; transform: translateX(30px); transition-delay: .5s; opacity: 0; }
.slick-current.slick-active .banner-txt h2 ,
.slick-current.slick-active .banner-txt p { transform: translateX(0); opacity: 1; }

@keyframes dot_move_ {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes circle_round_ {
    0%,
    100% {
        stroke-dasharray: 140;
        transform: rotate(0);
    }
    50% {
        stroke-dasharray: 280;
    }
    100% {
        stroke-dasharray: 140;
        transform: rotate(0deg);
    }
}
@keyframes scrollline{ 0%, 80%, to { transform:scale(0); } 50% { transform:scale(1); } }
@-webkit-keyframes scrollline{ 0%, 80%, to { -webkit-transform:scale(0); } 50% { -webkit-transform:scale(1); } }
@keyframes scrollarrow1 { 0% { transform: translateY(-100%); } 50% { transform: translateY(0%); } to { transform: translateY(100%); } }
@-webkit-keyframes scrollarrow1 { 0% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(0%); } to { -webkit-transform: translateY(100%); } }
@keyframes scrollarrow2 { 0%, 20% { transform: rotateY(-270deg); } 50% { transform: rotateY(0deg); } to{ transform: rotateY(270deg); } }
@-webkit-keyframes scrollarrow2 { 0%, 20% { -webkit-transform: rotateY(-270deg); } 50% { -webkit-transform: rotateY(0deg); } to{ -webkit-transform: rotateY(270deg); } }

@media screen and (max-width: 1680px) {
    #banner .main-slider .item video{
    height: 130vh;
    width: 110%;
    left: -40px;
    top: -120px;
}
}
@media screen and (max-width: 1440px) {
#banner .main-slider .item video{
    height: 120vh;
    width: 110%;
    top: -60px;
    left: -50px;
}
}
@media screen and (max-width: 1366px) {
#banner .main-slider .item video{
    height: 120vh;
    width: 120%;
    top: -92px;
    left: -120px;
}
}
@media screen and (max-width: 1280px) {
#banner .main-slider .item video{
    height: 150vh;
    width: 100%;
    top: -270px;
    left: 0px;
}
#banner .main-slider .item a{
    height: 85vh;
}
}
@media screen and (max-width: 1140px) {
#banner .main-slider .item video{
    height: 130vh;
    top: -60px;
    left: 0px;
}
}
@media screen and (max-width: 1024px) {
#banner .main-slider .item video{
    height: 120vh;
    top: -220px;
    left: 0px;
}
#banner .main-slider .item a{
    height: 66vh;
}
}
@media screen and (max-width: 960px) {
    #banner{
    position: inherit;
}
}

@media screen and (max-width: 768px) {
    #bannerBox{
    height: 10vh;
    display: none;
}
#banner .main-slider .item video{
    height: 100vh;
    top: -140px;
    left: -120px;
    width: 140%;
}
#banner .main-slider .item a{
    height: 70vh;
}
}
@media screen and (max-width: 640px) {
    #bannerBox{
    /* height: 55vh; */
}
#banner .main-slider .item video{
    width: 100%;
    top: -150px;
    left: 0px;
}
#banner .main-slider .item a{
    height: 60vh;
}
}
@media screen and (max-width: 540px) {
    #bannerBox{
    /* height: 45vh; */
}
#banner .main-slider .item video{
    top: -270px;
}
}
@media screen and (max-width: 480px) {
    #bannerBox{
    /* height: 32vh; */
}
#banner .main-slider .item video{
    height: 100vh;
    width: 200%;
    top: -220px;
    left: -200px;
}
#banner .main-slider .item a{
    height: 52vh;
}
}
@media screen and (max-width: 380px) {
    #bannerBox{
    height: 32vh;
}
#banner .main-slider .item video{
    height: 100vh;
    width: 200%;
    top: -220px;
    left: -179px;
}
#banner .main-slider .item a{
    height: 48vh;
}
}