html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}
a {-webkit-tap-highlight-color: transparent;}
.freehtml-container{background: #000;}
.sections{ width: 100%; position: relative;font-size: 0;background: #000;font-family:'SL-Simplified';max-width: 1920px;margin: 0 auto;}
.sections img{ display: block; max-width: 100%;line-height: 0;margin-top: -2px;}
.section{ width: 100%; position: relative;font-size: 0;}
.a_anim{ opacity: 0;}
.sauto_anim{ opacity: 0;}


@keyframes fadeInLeft1{
    0%{ opacity: 0; transform: translate(-100px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}

.fadeInUp{ animation: fadeInUp1  0.6s ease 0.2s  forwards; will-change: transform,opacity;}
.fadeInUp1{ animation: fadeInUp1  0.6s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.6s ease 0.6s  forwards; will-change: transform,opacity;}

@keyframes intoRight{
    0%{ transform: translate(0,0);}
    100%{transform: translate(50%,0);}
}
@keyframes fadeIn1{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
@keyframes breath{
    0%{ transform: scale(1); opacity: 0.8;}
    50%{ transform: scale(1.1); opacity:1;}
    100%{ transform: scale(1); opacity:0.8;}
}

@keyframes fromLeft{

    0%{ transform: translate(-50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

@keyframes fromRight{
    0%{ transform: translate(50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

.txtC{text-align: center;}
.font_bold{font-weight: bold;}
.fsize75{ font-size:3.91vw;line-height: 1;letter-spacing: 0.2vw;}
.fsize35{ font-size:1.8vw;line-height: 1;letter-spacing: 0.2vw;}
.fsize46{ font-size:2.4vw;line-height: 1;letter-spacing: 0.1vw;}
.fsize40{ font-size: 2.1vw;line-height: 1.4;letter-spacing: 0.1vw;}
.fsize24{ font-size: 1.2vw;line-height: 1.6;letter-spacing: 0.1vw;}
.fsize12{font-size: 0.7vw;line-height: 1.6;}

.section{width: 100%;position: relative;}
.section1{position: relative;}
.section1_title{position:absolute; width:47.03%; top:13.33%; left:26.48%;}
.pic_01{position:absolute; width:5.52%; top:42.23%; left:47.24%;cursor: pointer;}
.pic_02{position:absolute; width:71.56%; top:9.98%; left:11.3%;}
.pic_03{position:absolute; width:5.52%; top:55.85%; left:47.24%;cursor: pointer;}
.pic_04{position:absolute; width:71.56%; top:14.37%; left:11.30%;}
.pic_05{position:absolute; width:66.88%; top:54.24%; left:16.56%;}
.pic_06{position:absolute; width:65.47%; top:27.54%; left:17.27%;}
.pic_07{position:absolute; width:71.56%; top:9.53%; left:11.67%;}
.pic_08{position:absolute; width:5.52%; top:59.33%; left:47.24%;cursor: pointer;}
.pic_088{position:absolute; width:5.52%; top:44.33%; left:47.24%;cursor: pointer;}
.pic_09{position:absolute; width:71.56%; top:11.72%; left:11.67%;}

.text_box{font-family:'SL-Simplified'; color: #fff;font-weight: bold;line-height: 1.308;text-align: center;position: absolute;    text-shadow: 0 0 0.2em #2b1e7b, 0 0 0.6em #2b1e7b;mix-blend-mode: screen;}
.text_box1{ font-family:'SL-Simplified';color: #fff;}
.text_box_01{position:absolute; width:37.69%; top:32.37%; left:30.66%;}
.text_box_02{position:absolute; width:33.28%; top:3.84%; left:33.36%;}
.text_box_03{position:absolute; width:24.64%; top:38.34%; left:37.68%;}
.text_box_04{position:absolute; width:39.79%; top:7.56%; left:30.10%;}
.text_box_05{position:absolute; width: 10.68vw;top: 73.56%;left: 4.6vw;}
.text_box_06{position:absolute; width:27.24vw; top:78.56%; left:19.27vw;}
.text_box_07{position:absolute; width: 10.68vw;top: 73.56%;left: 50.2vw;}
.text_box_08{position:absolute; top: 83.56%;left: 17.92%;color: rgba(255, 255, 255, 0.5);}
.text_box_09{position:absolute; width:39.79%; top:32.37%; left:30.10%;}
.text_box_10{position:absolute; width:37.08%; top:31.33%; left:31.46%;}
.text_box_11{position:absolute; width:37.08%; top:22.92%; left:31.46%;}
.text_box_12{position:absolute; width:52.08%; top:6.21%; left:23.96%;}
.text_box_13{position:absolute; width:54.08%; top:4.21%; left:22.96%;}

.text_boxs{position: absolute;top:20%;width: 59.64%;left: 20.18%;justify-content: space-between;display: flex;flex-wrap: wrap;}
.text_boxs_item{width: 18.8vw;position: relative;margin-bottom: 2vw;}
.text_boxs_item_des {
    left: 0;
    position: absolute;
    top: 55%;
    width: 100%;
    text-align: center;
    color: #7f7e8a;
}
.text_boxs_item_title {
    left: 0;
    position: absolute;
    top: 33%;
    width: 100%;
    text-align: center;
    color: transparent;
    background: linear-gradient(90deg, #fdfcfb 0%, #aebae6 95%);
    -webkit-background-clip: text;
    background-clip: text;
}
.text_boxs_item_title::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: center;
    color: transparent;
    background: linear-gradient(90deg, #fdfcfb 0%, #aebae6 95%);
    -webkit-background-clip: text;
    background-clip: text;
    transform: scaleY(-1);
    opacity: 0.6;
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent 50%);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent 50%);
}

.section2{ width:100%;}
.section2 .section2_items{width:84.5%;display: flex;justify-content: space-between;flex-wrap: wrap;position: absolute;top:36.92%;left: 50%;transform: translateX(-50%);}
.section2 .section2_items1{width: 84.5%;top:17.07%;}
.section2 .section2_items2{width: 84.5%;top:10.07%;}

.section2 .section2_items_item{width: 27.92vw;display: flex;justify-content: center;flex-wrap: wrap;}

.msections{width: 100%;}
.msections img{width: 100%;line-height: 0;margin-top: -2px;}
@media screen and (min-width:1921px) {
    .freeHtml .section{width: 1920px!important;margin: 0 auto;}
    .fsize75{ font-size:75px;line-height: 1;letter-spacing: 3px;} .fsize35{ font-size:34px;line-height: 1;letter-spacing: 3px;} .fsize46{ font-size:46px;line-height: 1;letter-spacing: 1px;} .fsize40{ font-size: 40px;line-height: 1.4;letter-spacing: 1px;} .fsize24{ font-size: 23px;line-height: 1.6;letter-spacing: 1px;} .fsize12{font-size: 13px;line-height: 1.6;} .section{width: 100%;position: relative;} .section1{position: relative;} .section1_title{position:absolute; width:47.03%; top:13.33%; left:26.48%;} .pic_01{position:absolute; width:5.52%; top:42.23%; left:47.24%;cursor: pointer;} .pic_02{position:absolute; width:71.56%; top:9.98%; left:11.3%;} .pic_03{position:absolute; width:5.52%; top:55.85%; left:47.24%;cursor: pointer;} .pic_04{position:absolute; width:71.56%; top:14.37%; left:11.30%;} .pic_05{position:absolute; width:66.88%; top:54.24%; left:16.56%;} .pic_06{position:absolute; width:65.47%; top:27.54%; left:17.27%;} .pic_07{position:absolute; width:71.56%; top:9.53%; left:11.67%;} .pic_08{position:absolute; width:5.52%; top:59.33%; left:47.24%;cursor: pointer;} .pic_088{position:absolute; width:5.52%; top:44.33%; left:47.24%;cursor: pointer;} .pic_09{position:absolute; width:71.56%; top:11.72%; left:11.67%;} .text_box{font-family:'SL-Simplified'; color: #fff;font-weight: bold;line-height: 1.308;text-align: center;position: absolute; text-shadow: 0 0 0.2em #2b1e7b, 0 0 0.6em #2b1e7b;mix-blend-mode: screen;} .text_box1{ font-family:'SL-Simplified';color: #fff;} .text_box_01{position:absolute; width:37.69%; top:32.37%; left:30.66%;} .text_box_02{position:absolute; width:33.28%; top:3.84%; left:33.36%;} .text_box_03{position:absolute; width:24.64%; top:38.34%; left:37.68%;} .text_box_04{position:absolute; width:39.79%; top:7.56%; left:30.10%;} .text_box_05{position:absolute; width: 205px;top: 73.56%;left: 88px;} .text_box_06{position:absolute; width:523px; top:78.56%; left:369px;} .text_box_07{position:absolute; width: 205px;top: 73.56%;left: 963px;} .text_box_08{position:absolute; top: 83.56%;left: 17.92%;color: rgba(255, 255, 255, 0.5);} .text_box_09{position:absolute; width:39.79%; top:32.37%; left:30.10%;} .text_box_10{position:absolute; width:37.08%; top:31.33%; left:31.46%;} .text_box_11{position:absolute; width:37.08%; top:22.92%; left:31.46%;} .text_box_12{position:absolute; width:52.08%; top:6.21%; left:23.96%;} .text_box_13{position:absolute; width:54.08%; top:4.21%; left:22.96%;} .text_boxs{position: absolute;top:20%;width: 59.64%;left: 20.18%;justify-content: space-between;display: flex;flex-wrap: wrap;} .text_boxs_item{width: 360px;position: relative;margin-bottom: 38px;} .text_boxs_item_des { left: 0; position: absolute; top: 55%; width: 100%; text-align: center; color: #7f7e8a; } .text_boxs_item_title { left: 0; position: absolute; top: 33%; width: 100%; text-align: center; color: transparent; background: linear-gradient(90deg, #fdfcfb 0%, #aebae6 95%); -webkit-background-clip: text; background-clip: text; } .text_boxs_item_title::after { content: attr(data-text); position: absolute; left: 0; top: 100%; width: 100%; text-align: center; color: transparent; background: linear-gradient(90deg, #fdfcfb 0%, #aebae6 95%); -webkit-background-clip: text; background-clip: text; transform: scaleY(-1); opacity: 0.6; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent 50%); mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent 50%); } .section2{ width:100%;} .section2 .section2_items{width:84.5%;display: flex;justify-content: space-between;flex-wrap: wrap;position: absolute;top:36.92%;left: 50%;transform: translateX(-50%);} .section2 .section2_items1{width: 84.5%;top:17.07%;} .section2 .section2_items2{width: 84.5%;top:10.07%;} .section2 .section2_items_item{width: 536px;display: flex;justify-content: center;flex-wrap: wrap;}
}
@media screen and ( max-width : 800px){
    body{overflow-x: unset;}
    .sections{ display: none;}
    .fsize75{ font-size:7.33vw;line-height: 1;letter-spacing: 0.1vw;}
    .fsize46{ font-size:5.07vw;line-height: 1;letter-spacing: 0.1vw;}
    .fsize45{ font-size:5.07vw;line-height: 1;letter-spacing: 0.1vw;}
    .fsize35{ font-size:4.67vw;line-height: 1;letter-spacing: 0.1vw;}
    .fsize40{ font-size: 5.3vw;line-height: 1.4;letter-spacing: 0.1vw;}
    .fsize24{ font-size: 3vw!important;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize12{font-size: 0.7vw;line-height: 1.6;}

    .nav_box.slidershow{top:0;}
    .section{width: 100%;position: relative;}
    .section1{position: relative;}
    .section1_title{position:absolute; width:91.20%; top:17.33%; left:4.40%;}
    .pic_01{position:absolute; width:16.53%; top:49.07%; left:41.73%;cursor: pointer;}
    .pic_02{position:absolute; width:100%; top:12.08%; left:0;}
    .pic_03{position:absolute; width:16.53%; top:55.24%; left:41.73%;cursor: pointer;}
    .pic_04{position:absolute; width:100.00%; top:19.45%; left:0.00%;}
    .pic_05{position:absolute; width:66.88%; top:54.24%; left:16.56%;}
    .pic_06{position:absolute; width:65.47%; top:27.54%; left:17.27%;}
    .pic_07{position:absolute; width:100.00%; top:7.99%; left:0.00%;}
    .pic_08{position:absolute; width:16.53%; top:56.56%; left:41.73%;cursor: pointer;}
    .pic_088{position:absolute; width:16.53%; top:51.28%; left:41.73%;cursor: pointer;}
    .pic_09{position:absolute; width:100.00%; top:14.25%; left:0.00%;}

    .section2 .section2_items{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;position: absolute;top:27.92%;left: 50%;transform: translateX(-50%);}
    .section2 .section2_items1{width: 100%;top:12.07%;}
    .section2 .section2_items2{width: 100%;top:11.07%;}

    .m_btn{width: 22.27vw;position: absolute;bottom: 7vw;left: 30%;}
    .m_btn1{width: 22.27vw;position: absolute;bottom: 11vw;left: 63%;}
    .bbttnn{width: 100%;position: absolute;left: 0;top: 0;height:calc(100% - 4vw);overflow: hidden;}

    .section2 .section2_items_item{width: 53.2vw;display: flex;justify-content: center;flex-wrap: wrap;position: relative;}
    .section2 .section2_items_item.width100{width:100%; }
    .section2 .section2_items_item:nth-child(2n){margin-left: -7vw;width: 52.4vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(4){margin-left: 0;width: 53.2vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(5){margin-left: -7vw;width: 52.4vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(6){margin-left: 0;width: 53.2vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(7){margin-left: -7vw;width: 52.4vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(8){margin-left: 0;width: 53.2vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(9){margin-left: -7vw;width: 52.4vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(10){margin-left: 0;width: 53.2vw;position: relative;}
    .section2 .section2_items2 .section2_items_item:nth-child(11){margin-left: -7vw;width: 52.4vw;position: relative;}

    .text_box{font-family:'SL-Simplified'; color: #fff;font-weight: bold;line-height: 1.6;text-align: left;position: absolute;    text-shadow: 0 0 0.2em #2b1e7b, 0 0 0.6em #2b1e7b;mix-blend-mode: screen;}
    .text_box1{ font-family:'SL-Simplified';color: #fff;}
    .text_box_01{position:absolute; width:89.33%; top:27.08%; left:4.00%;}
    .text_box_02{position:absolute; width:89.33%; top:8.12%; left:4.00%;}
    .text_box_03{position:absolute; width:89.33%; top:48.58%; left:4.00%;}
    .text_box_04{position:absolute; width:89.33%; top:6.56%; left:4.00%;}
    .text_box_09{position:absolute; width:89.33%; top:26.47%; left:4.00%;}
    .text_box_10{position:absolute; width:89.33%; top:31.26%; left:4.00%;}
    .text_box_11{position:absolute; width:100%; top:18.42%; left:0;text-align: center;}

    .text_box_12{position:absolute; width:100%; top:4.10%; left:0;text-align: center;}
    .text_box_13{position:absolute; width:100%; top:4.21%; left:0;text-align: center;}
    .width100{width: 100%;}
    .text_boxs{position:absolute; width:89.73%; top:11.36%; left:5.13%;justify-content: space-between;display: flex;flex-wrap: wrap;}
    .text_boxs_item{width: 43.2vw;position: relative;margin-bottom: 2vw;}
    .text_boxs_item_des {
        left: 0;
        position: absolute;
        top: 57%;
        width: 100%;
        text-align: center;
        color: #7f7e8a;
    }
    .text_boxs_item_title {
        left: 0;
        position: absolute;
        top: 33%;
        width: 100%;
        text-align: center;
        color: transparent;
        background: linear-gradient(90deg, #fdfcfb 0%, #aebae6 95%);
        -webkit-background-clip: text;
        background-clip: text;
    }
    .text_boxs_item_title::after {
        content: attr(data-text);
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        text-align: center;
        color: transparent;
        background: linear-gradient(90deg, #fdfcfb 0%, #aebae6 95%);
        -webkit-background-clip: text;
        background-clip: text;

        transform: scaleY(-1);
        opacity: 0.6;

        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent 50%);
        mask-image: linear-gradient(
                to top,
                rgba(0, 0, 0, 0.2),
                transparent 50%
        );
    }
}

@media screen and ( max-width : 320px){
    .sections{ display: none;}
}