@charset "utf-8";
#ms { width: 100%; height: 955px; position: relative; overflow: hidden; }
#ms > p { position: absolute; left: 50%; top: 140px; margin-left: -665px; }
#ms .wrap__downloadBtn {position: absolute; bottom: 28vh; left: 50%; margin-left: -665px;}
#ms .wrap__downloadBtn a {margin-right: 30px;}
#ms .txt {position: absolute; bottom: 28vh; left: 50%; margin-left: -665px;}



.section { width: 100%; position: relative; overflow: hidden; }

.section1 { height: 834px; display: flex; justify-content: center; align-items: center; }
.section1 .flex { display: flex; align-items: flex-end; }
.section1 .flex > p:nth-of-type(2) { margin-left: 116px; position: relative; z-index: 2; }
.section1 .flex > p:nth-of-type(2)::after { content: url('../img/main/sec1-3.png'); position: absolute; top: -120px; right: -110px; z-index: -1; animation: rotate_image 5s linear infinite; transform-origin: 50% 50%; }

.section2 { border-top: 1px solid #000; padding-bottom: 93px; }
.section2 .title { text-align: center; margin-top: 95px; }
.section2 .slide { margin-top: 55px; display: flex; justify-content: center; }
.section2 .slide .box1 { width: 585px; }
.section2 .slide .box1 .swiper-container { width: 100%; }
.section2 .slide .box1 .swiper-container .swiper-slide {}
.section2 .slide .box1 .swiper-container .swiper-slide > p { transform: translate(100%,0); opacity: 0; transition: transform 0.3s ease-out; transition-delay: 0.3s; }
.section2 .slide .box1 .swiper-container .swiper-slide-active > p { transform: translate(0,0); opacity: 1; }

.section2 .slide .box2 { width: 620px; margin-left: 35px; }
.section2 .slide .box2 .swiper-pagination { width: 100%; display: flex; flex-direction: column; position: relative; padding-left: 60px; box-sizing: border-box; }
.section2 .slide .box2 .swiper-pagination::after { content: ''; position: absolute; left: 0; top: 68px; width: 1px; height: 475px; background: #ff99b3; }
.section2 .slide .box2 .swiper-pagination > div { width: 100%; height: auto; display: block; border-radius: 0; background: transparent; text-align: left; font-size: 22px; color: #000; font-weight: 500; margin-top: 36px; position: relative; opacity: 1; }
.section2 .slide .box2 .swiper-pagination > div::after { content: ''; position: absolute; left: 0; top: 50%; width: 13px; height: 13px; border-radius: 20px; background: #fff; border: 2px solid #ff99b3; box-sizing: border-box; transform: translate(-66px, -50%); z-index: 2; }
.section2 .slide .box2 .swiper-pagination > div.swiper-pagination-bullet-active::after { width: 31px; height: 31px; transform: translate(-75px, -50%); border-color: #ffbecf; }
.section2 .slide .box2 .swiper-pagination > div.swiper-pagination-bullet-active::before { content: ''; position: absolute; left: 0; top: 50%; width: 13px; height: 13px; border-radius: 20px; background: #ff99b3; box-sizing: border-box; transform: translate(-66px, -50%); z-index: 3; }

.section2 .slide .box2 .swiper-pagination > div > p { position: relative; opacity: 0.3; }
.section2 .slide .box2 .swiper-pagination > div.swiper-pagination-bullet-active > p { opacity: 1; }
.section2 .slide .box2 .swiper-pagination > div > p > span { color: #ff99b3; }

.section3 { height: 938px; background: #ff99b3; }
.section3 .inner-wrap { display: flex; height: inherit; flex-direction: column; justify-content: center; }
.section3 > p { position: absolute; left: 600px; top: 0; }

.section4 { height: 934px; padding-top: 155px; box-sizing: border-box; }
.section4 > p:nth-of-type(1) { position: absolute; left: 50%; top: 0; margin-left: -960px; opacity: 1; }
.section4 .inner-wrap { display: flex; height: inherit; flex-direction: column; align-items: center; }
.section4 .inner-wrap > p { z-index: 2; }
.section4 > p.icon { position: absolute; top: 50%; left: 50%; }
.section4 > p:nth-of-type(2) { margin: 39px 0 0 -54px; }
.section4 > p:nth-of-type(3) { margin: 99px 0 0 36px; }
.section4 > p:nth-of-type(4) { margin: 155px 0 0 -126px; }
.section4 > p:nth-of-type(5) { margin: 161px 0 0 126px; }
.section4 > p:nth-of-type(6) { margin: 218px 0 0 33px; }
.section4 > p:nth-of-type(7) { margin: 228px 0 0 -45px; }
.section4 > p:nth-of-type(8) { margin: 269px 0 0 86px; }
.section4 > p:nth-of-type(9) { margin: 322px 0 0 -92px; }
.section4 > p:nth-of-type(10) { margin: 339px 0 0 -16px; }

.section5 { height: 935px; background: url('../img/main/sec5-bg.jpg'); }
.section5 .inner-wrap { display: flex; height: inherit; flex-direction: column; justify-content: center; }
.section5 .slide { width: 1200px; height: 641px; position: absolute; left: 50%; top: 50%; margin-top: -320px; }
.section5 .slide .layer { position: absolute; left: 0; top: 0; border-radius: 20px; overflow: hidden; }
.section5 .slide .layer2 { position: absolute; left: 600px; top: 0; box-shadow: 0 20px 30px 0 rgba(0,0,0,0.2); border-radius: 20px; overflow: hidden; }

.section6 {}
.section6 > .inner-wrap { position: absolute; left: 50%; margin-left: -670px !important; top: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; }

.section7 {}
.section7 > .inner-wrap { position: absolute; left: 50%; margin-left: -670px !important; top: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; height: 100%; padding-top: 174px; box-sizing: border-box; }
.section7 > .inner-wrap .clock { display: flex; justify-content: center; margin-top: 280px; font-family: 'lab digital'; font-size: 45px; background: #ccc; line-height: 1; padding: 5px 20px; background: #47a9fc; border-radius: 10px; position: relative; }
.section7 > .inner-wrap .clock::after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 50%; background: rgba(19,80,131,0.2); border-radius: 0 0 10px 10px; }
.section7 > .inner-wrap .clock a { color: #fff; }
.section7 > .inner-wrap .clock > ul { width: 23px; display: flex; justify-content: flex-end; }
.section7 > .inner-wrap .clock .flip-clock-before { display: none; }
.section7 > .inner-wrap .clock .flip-clock-active .up { display: none; }
.section7 > .inner-wrap .clock .flip-clock-divider { width: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.section7 > .inner-wrap .clock .flip-clock-divider .flip-clock-dot { width: 5px; height: 5px; background: #fff; border-radius: 10px; }
.section7 > .inner-wrap .clock .flip-clock-divider .flip-clock-dot.bottom { margin-top: 10px; }

/* .section7 > .inner-wrap .flip-clock-wrapper .flip { box-shadow: none; }
.section7 > .inner-wrap .flip-clock-wrapper ul { line-height: 1; width: 50px; height: 70px; margin: 2px; }
.section7 > .inner-wrap .flip-clock-wrapper ul li { line-height: 1; }
.section7 > .inner-wrap .flip-clock-wrapper ul li a div div.inn { font-size: 35px; }

.section7 > .inner-wrap .flip-clock-wrapper .flip-clock-divider { width: 20px; height: 70px; }
.section7 > .inner-wrap .flip-clock-wrapper .flip-clock-divider .flip-clock-dot { background: #000; width: 10px; height: 10px; border-radius: 50%; box-shadow: none; left: 5px; }
.section7 > .inner-wrap .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top { top: 0; }
.section7 > .inner-wrap .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom { top: 30px; } */

.section8 { padding: 129px 0 127px; }
.section8 .inner-wrap { display: flex; flex-direction: column; align-items: center; }
.section8 .inner-wrap .box-wrap { width: 100%; margin-top: 73px; display: flex; justify-content: space-between; }
.section8 .inner-wrap .box-wrap .box {}
.section8 .inner-wrap .box-wrap .box1 { width: 667px; height: 414px; background: #f4f4f4; }
.section8 .inner-wrap .box-wrap .box1 iframe { width: 100%; height: 100%; }
.section8 .inner-wrap .box-wrap .box2 { width: 650px; height: 414px; }

.section8 .sec8.swiper-container { width: 100%; height: 100%; }
.section8 .sec8 .swiper-slide { display: flex; padding-right: 50px; box-sizing: border-box; }
.section8 .sec8 .swiper-slide > p { width: 207px; height: 129px; flex: 0 0 auto; margin-right: 20px; cursor: pointer; }
.section8 .sec8 .swiper-slide > div { padding: 15px 0 0; }
.section8 .sec8 .swiper-slide > div > p:nth-of-type(1) { font-size: 21px; color: #000; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 500; }
.section8 .sec8 .swiper-slide > div > p:nth-of-type(2) { font-size: 17px; color: #000; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; }
.section8 .sec8 .swiper-pagination { right: 3px; left: auto; }
.section8 .sec8 .swiper-pagination .swiper-pagination-bullet { background: #FF5EAE; }
.section8 .sec8 .swiper-scrollbar .swiper-scrollbar-drag { background: #FF5EAE; }

.section9 {}
.section9 > .inner-wrap { position: absolute; left: 50%; margin-left: -670px !important; top: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.section9 .icon { position: absolute; top: 108px; left: 50%; opacity: 1; margin-left: -3px; }

.section10 { height: 938px; background: #ff99b3;}
.section10 .inner-wrap { display: flex; height: inherit; flex-direction: column; justify-content: center; }
.section10 > p { position: absolute; left: 600px; top: 0; }
.section10 > p { position: absolute; top: 50%; left: 50%; }
.section10 > p:nth-of-type(2) { margin: -180px 0 0 0px; }
.section10 > p:nth-of-type(3) { margin: -380px 0 0 0px; }