/* section01 */
#section01{ overflow: hidden; position: relative; width: 100%; height: 100vh; }
#section01 .videoWrap {position:absolute; width: 100%; height:100%; top: 0; left: 0; margin:0; pointer-events: none;}
#section01 .videoWrap iframe, #section01 .videoWrap object, #section01 .videoWrap embed{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
 }
#section01 .fullSlogan { position: absolute; top: calc(50% - 100px); left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 1540px; padding: 0 10px; z-index: 10; text-align: left;}
#section01 .fullSlogan h3{ line-height: 70px;}
#section01 .control{ z-index: 1; font-size: 0; position: absolute; bottom: 100px; left: 0; right: 0; margin: 0 auto; width: 170px; text-align: center; z-index: 100;}
#section01 .control li{ display: inline-block; padding: 0 5px;}
#section01 .control li a{ display: block; font-size: 21px; color: #fff; width: 44px; height: 44px; line-height: 46px; border-radius: 50%; background-color: rgba(255,255,255,.8); text-align: center;}
#section01 .control li i{ color: #757575; position: relative; }
#section01 .play-pause a.hide{ display: none;}
#section01 .control .mute-onoff a.hide{ display: none;}
.vidbox .ratio iframe, .end-video .videoWrap iframe, #cutvideo1, #cutvideo2{pointer-events: none;}
.m-play{ display: none;}

/* section02 */
#section02 .wrap1920{ padding: 20px 0; display: flex; justify-content: space-between;}
#section02 .wrap1920 > div{ position: relative; width: calc(50% - 10px); height: 536px;  overflow: hidden;}
#section02 .wrap1920 > div .video{ top: -5%; left: -5%; width: 110%; height: 110%;}
/* =================== 1024px =================== */
@media (max-width: 1920px) {
  #section02 .wrap1920 > div{ position: relative; width: calc(50% - 10px); height: 27.92vw; overflow: hidden;}
}

/* section03 */
#section03{ width: 100%; height: 51.56vw;}

/* section04 */
#section04{ position: relative; z-index: 10;}
#section04 .about-box{ position: relative; width: 100%; padding: 100px 120px; display: flex; top: -100px; justify-content: space-between; align-items: center;}
#section04 .about-box .text-area h3{ display: inline-block; width: fit-content; padding-bottom: 10px; margin-bottom: 40px; position: relative;}
#section04 .about-box .text-area h3:after{ content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: 0; left: 0;}
#section04 .about-box .text-area p{ line-height: 26px; padding-bottom: 20px;}
#section04 .about-box .text-area p:last-child{ padding-bottom: 0;}
#section04 .about-box img{ width: 496px; height: 273px;}
#section04 .about-box a#btn01{ position: absolute; bottom: 80px; right: 100px;}

/* section05 */
#section05{ padding: 20px 0 100px; text-align: center;}
#section05 .tit{ padding-bottom: 45px;}
#section05 .tit i{ padding-bottom: 20px;}
#section05 .tit h3{ padding-bottom: 12px;}
#section05 .tit p{ line-height: 26px; padding-bottom: 25px;}

/* section07 */
#section07{ padding: 120px 0; text-align: center;}
#section07 .tit{ padding-bottom: 40px;}
#section07 .tit i{ padding-bottom: 20px;}
#section07 .tit h3{ padding-bottom: 12px;}
#section07 .tit p{ line-height: 26px; padding-bottom: 25px;}
#section07 .img-wrap{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#section07 .img-wrap img{ object-fit: cover;}

/* section08 */
#section08{ width: 100%; height: 800px; position: relative; overflow: hidden;}
#section08 h3{ display: inline-block;  width: 100%; max-width: 1540px; padding: 0 10px; position: absolute; top: calc(50% - 30px); text-align: right;}
/* =================== 1540px =================== */
@media (max-width: 1540px) {
  #section08{ height: 41.67vw;}
}



/* section10 */
#section10{ width: 100%; height: 800px; position: relative; overflow: hidden;}
#section10 h3{ display: block; width: 100%; position: absolute; bottom: 270px; text-align: center;}
/* =================== 1540px =================== */
@media (max-width: 1540px) {
  #section10{ height: 41.67vw;}
}


