@charset "utf-8";
/* ----------------------------------------------
 * Generated by Animista on 2025-2-17 11:55:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}


main{}
main .main-hgroup{text-align: center;position: relative;}
main .main-hgroup em{display:block;font-size: 50px;font-weight: bold;letter-spacing: -1px;text-align: center;color: #2e3191;}
main .main-hgroup h2{font-size: 55px;font-weight: bold;letter-spacing: -1.1px;color: #2e3191;}
main .main-hgroup p{margin-top:10px;font-size: 20px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;text-align: center;color: #787878;}
main section{position: relative;}
main .section01 video{display: block;width:100%;height:100%;object-fit: cover;}
main .section01 .txt-box{position: absolute;top:55%; transform:translateY(-50%);left:0;width:100%;}
main .section01 .txt-box h2{ text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);font-size: 86px;font-weight: bold;line-height: 1.12;letter-spacing: -3.44px;text-align: center;color: #fff;-webkit-animation: slide-top 1s ease-in-out both;animation: slide-top 1s ease-in-out both;transition: all 0.4s;}
main .section01 .txt-box h2 span{position: relative;display: inline-block;}
main .section01 .txt-box h2 span:before{content: "";position: absolute;left:0;bottom:0;width:100%;height:45px;background-image: linear-gradient(to right, #2e3191 2%, #c4122f);z-index: -1;}

main .section02{padding:134px 0 156px;}
main .section02 .slide-box{position:relative;margin-top:80px;}
main .section02 .slide-box .swiper-slide{position:relative;}
main .section02 .slide-box .swiper-slide a{position:relative;display:block;overflow: hidden;}
main .section02 .slide-box .swiper-slide img{display: block;width:100%;transition: all 0.4s;}
main .section02 .slide-box .swiper-slide p{position: absolute;left:20px;bottom:20px; font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #fff;}
main .section02 .slide-box .swiper-slide:hover img{transform: scale(1.1);}
main .section02 .slide-box .control-box{position: relative;margin-top:35px;display: flex;gap:40px;justify-content: center;align-items: center;}
main .section02 .slide-box .control-box .swiper-button{position: relative;margin:0;top:initial;right:initial;left:initial;bottom:initial;width:40px;height:40px;}
main .section02 .slide-box .control-box .swiper-button:after{display: none;}
main .section02 .slide-box .control-box .swiper-button-prev{background: url(/_public/images2/icon/target_left01.svg) no-repeat;background-size: cover}
main .section02 .slide-box .control-box .swiper-button-next{background: url(/_public/images2/icon/target_right01.svg) no-repeat;background-size: cover}
main .section02 .slide-box .control-box .swiper-pagination{position: relative;width:auto;top:initial;right:initial;left:initial;bottom:initial;margin:0;display: flex;gap:10px;}
main .section02 .slide-box .control-box .swiper-pagination .swiper-pagination-bullet{display: inline-block;width:10px;height:10px;background: #ccc;border-radius: 0;margin:0;opacity: 1;}
main .section02 .slide-box .control-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #2e3191;}

main .section03{padding:80px 0;}
main .section03 .main-hgroup h2{color:#fff;}
main .section03 .main-hgroup p{color:#ccc;}
main .section03:before{content: "";position: absolute;top:0;left:0;width:100%;height:calc(100% - 198px);background: url(/_public/images2/main/bg01.png) no-repeat;background-size: cover;}
main .section03{}
main .section03 .video-wrap{position: relative;margin-top:50px;}
main .section03 .video-wrap:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;background: url(/_public/images2/main/media_bg.png) top center no-repeat;background-size: cover;opacity: 1;transition: all 0.4s;}
main .section03 .video-wrap button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;gap:20px;z-index: 10;transition: all 0.4s;opacity: 1;}
main .section03 .video-wrap button span{display: inline-block;font-size: 20px;font-weight: bold;text-align: center;color: #fff;}
main .section03 .video-wrap button i{display: inline-block;}
main .section03 .video-wrap button i img{display:block;}
main .section03 .video-wrap #player{position: relative;}
main .section03 .video-wrap video{display:block;width:100% !important;height:100% !important;opacity: 0;object-fit: cover;transition: all 0.4s;}
main .section03 .video-wrap a{position: absolute;right:0;bottom:0;width:300px;height:70px;display: flex;align-items: center;justify-content: space-between;padding:0 40px;border-radius: 30px 0 0 0;background: #c4122f;font-size: 20px;font-weight: 600;color: #fff;z-index: 30;}
main .section03 .video-wrap a:after{content: "→"; font-size: 18px;font-weight: 600;color: #fff;}
main .section03 .video-wrap.on video{opacity: 1;z-index: 20;}
main .section03 .video-wrap.on button{opacity: 0;}

main .section04{padding:80px 0;}
main .section04 ul{margin-top:50px;display: flex;gap:20px;}
main .section04 ul li{position: relative;width:400px;height:480px;transition: all 0.4s;}
main .section04 ul li.on{width:calc(100% - 820px);}
main .section04 ul li:before{content: "";background:rgb(0 0 0 / 20%);display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;}
main .section04 ul li:nth-child(1){background: url(/_public/images2/main/rnd_img01_.png) center center no-repeat;background-size: cover;}
main .section04 ul li:nth-child(2){background: url(/_public/images2/main/rnd_img02_.png) center center no-repeat;background-size: cover;}
main .section04 ul li:nth-child(3){background: url(/_public/images2/main/rnd_img03.png) center center no-repeat;background-size: cover;}
main .section04 ul li:nth-child(4){background: url(/_public/images2/main/rnd_img04.png) center center no-repeat;background-size: cover;}
main .section04 ul li p{position: absolute;left:30px;bottom:30px;font-size: 22px;font-weight: bold;letter-spacing: -0.88px;color: #fff;}
main .section04 ul li p br{display: none;}

main .section05{padding:80px 0 160px;}
main .section05 .main-hgroup{}
main .section05 .main-hgroup em {font-size: 36px;font-weight: bold;color: #2e3191;}
main .section05 .slide-box{margin-top:50px;position: relative;}
main .section05 .slide-box .swiper-slide{}
main .section05 .slide-box .swiper-slide img{display: block;width:100%;}
main .section05 .slide-box .txt-box{position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;display: flex;flex-direction: column;align-items:center;gap:50px;z-index: 10;}
main .section05 .slide-box .txt-box h2{font-size: 42px;font-weight: bold;line-height: 1.43;letter-spacing: -0.84px;text-align: center;color: #fff;}
main .section05 .slide-box .txt-box a{display: flex;align-items: center;justify-content: center;width:160px;height:45px; border-radius: 22px;border: solid 1px #fff;font-size: 19px;font-weight: bold;letter-spacing: -0.8px;color: #fff;}
main .section05 .slide-box .swiper-pagination{position: absolute;top:initial;right:initial;left:50%;bottom:24px;width:100%;transform: translateX(-50%);max-width:416px;height: 1px;background: #787878;}
main .section05 .slide-box .swiper-pagination .swiper-pagination-progressbar-fill{background: #fff;}
main .section05 ul{display: flex;padding:20px 0;background: #f1f1f1;}
main .section05 ul li{flex:1;position: relative;padding:17px 30px 17px 138px;}
main .section05 ul li + li{border-left:1px solid #ccc;}
main .section05 ul li i{position: absolute;display: inline-block;left:30px;}
main .section05 ul li i img{display: block;}
main .section05 ul li h3{ font-size: 22px;font-weight: bold;letter-spacing: -0.88px;color: #202020;}
main .section05 ul li p{margin-top:10px;font-size: 16px;font-weight: normal;line-height: 1.38;letter-spacing: -0.64px;color: #4b5563;word-break: auto-phrase;}


main .section06{padding:65px 45px;background: url(/_public/images2/main/bg02.png) center center no-repeat;background-size: cover;}
main .section06 .map-box{position: relative;}
main .section06 .map-box img{display: block;width:100%;}
main .section06 .map-box .txt-wrap{position: absolute;width:50%;height:100%;top:0;right:0;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 35px;}
main .section06 .map-box .txt-wrap h2{font-size: 60px;font-weight: bold;line-height: 1.17;color: #fff;}
main .section06 .map-box .txt-wrap p{margin-top:10px;font-size: 27px;font-weight: 500;line-height: 1.48;color: #fff;}
main .section06 .map-box .txt-wrap ul{margin-top:10px;}
main .section06 .map-box .txt-wrap ul li{position: relative;padding-left:97px;font-size: 15px;font-weight: 300;color: #fff;}
main .section06 .map-box .txt-wrap ul li + li{margin-top:7px;}
main .section06 .map-box .txt-wrap ul li em{position: absolute;left:0;font-size: 15px;font-weight: 600;color: #fff;}


main .section07{position:relative;padding:100px 0;}
main .section07:before{content: "";position:absolute;top:0;left:0;width:50%;height:100%;background: url(/_public/images2/main/bg03.png) center center no-repeat;background-size: cover;display: flex;justify-content: center;}
main .section07 .layout2 {display: flex;}
main .section07 .layout2 > div{flex:1;position: relative;width:100%;max-width:50%;}
main .section07 .cont1{}
main .section07 .cont1 em{display: block;font-size: 24px;font-weight: bold;color: #fff;}
main .section07 .cont1 h2{margin-top:15px;font-size: 50px;font-weight: bold;letter-spacing: -1px;color: #fff;}
main .section07 .cont1 p{margin-top:30px;font-size: 20px;font-weight: 500;line-height: 1.5;letter-spacing: -0.4px;color: #fff;}
main .section07 .cont1 a{position:relative;top:0;margin-top:140px;display:flex;flex-direction:column;width:250px;height:250px;padding:30px;background: #2e3191; font-size: 26px;font-weight: bold;line-height: 1.15;letter-spacing: -0.52px;color: #fff;transition: all 0.4s;}
main .section07 .cont1 a span{display: inline-block;font-size: 20px;font-weight: bold;line-height: 1.5;letter-spacing: -0.4px;color: #fff;margin-bottom: 5px;}
main .section07 .cont1 a i{position:relative;left:0;display: inline-block;margin-top:100px;transition: all 0.4s;}
main .section07 .cont1 a i img{display: block;}
main .section07 .cont1 a:hover{top: -10px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);background: #c4122f;}
main .section07 .cont1 a:hover i{left:45px;}
main .section07 .cont2{padding-left:80px;}
main .section07 .cont2 h2{font-size: 24px;font-weight: bold;line-height: 1.08;color: #2e3191;}
main .section07 .cont2 .form-box{margin-top: 20px;}


@media all and (max-width:1760px) {
    main .section02{padding:134px 20px 156px;}
    main .section03{padding:80px 20px;}
    main .section04{padding:80px 20px;}
    main .section05{padding:80px 20px 160px;}
}

@media all and (max-width:1560px) {
    main .main-hgroup em{font-size:40px;}
    main .main-hgroup h2{font-size:45px;}
    main .main-hgroup h2 img{max-width: 500px;}

    main .section01 .txt-box{top:50%;}
    main .section01 .txt-box h2{font-size:76px;}

    main .section07 .layout2{padding:0 20px;}

}

@media all and (max-width:1460px) {
    main .main-hgroup em{font-size:40px;}
    main .main-hgroup h2{font-size:45px;}
    main .main-hgroup h2 img{max-width: 400px;}

    main .section01 .txt-box h2{font-size:66px;}
    main .section01 .txt-box h2 span:before{height:35px;}

    main .section05 .slide-box .txt-box h2{font-size: 32px;}

}

@media all and (max-width:1280px) {
    main .main-hgroup em{font-size:30px;}
    main .main-hgroup h2{font-size:35px;}
    main .main-hgroup h2 img{max-width: 350px;}
    main .main-hgroup p{font-size:18px;}

    main .section01 .txt-box h2{font-size:56px;}
    main .section01 .txt-box h2 span:before{height:30px;}

    main .section02{padding:100px 20px 130px;}
    main .section02 .slide-box{margin-top:60px;}

    main .section04 ul li{width:300px;}
    main .section04 ul li.on{width:calc(100% - 620px);}
    main .section04 ul li p{left:20px;bottom:20px;font-size: 21px;}

    main .section05 .slide-box .txt-box{gap:40px;}
    main .section05 .slide-box .txt-box h2{font-size: 28px;}
    main .section05 .slide-box .txt-box a{width:140px;height:40px;font-size: 17px;}
    main .section05 ul{flex-wrap: wrap;padding:0;}
    main .section05 ul li{flex:none;width:50%;padding:20px 20px 20px 118px;}
    main .section05 ul li + li{border:0;}
    main .section05 ul li i{left:20px;}
    main .section05 ul li h3{font-size:20px;}

    main .section06{padding:65px 20px;}
    main .section06 .map-box .txt-wrap{position: relative;width:100%;padding:0;}
    main .section06 .map-box .txt-wrap h2{font-size:55px;}
    main .section06 .map-box .txt-wrap p{font-size:23px;}

    main .section07 .cont1 em{font-size:20px;}
    main .section07 .cont1 h2{font-size:40px;}
    main .section07 .cont1 p{font-size:18px;}
    main .section07 .cont1 a{font-size:24px;}
    main .section07 .cont2{padding:30px;width:calc(100% - 450px);}

}

@media all and (max-width:1024px) {
    main .main-hgroup em{font-size:26px;word-break: auto-phrase;}
    main .main-hgroup h2{font-size:32px;word-break: auto-phrase;}
    main .main-hgroup h2 img{max-width: 300px;}
    main .main-hgroup p{font-size: 16px;word-break: auto-phrase;}

    main .section01 .txt-box h2{font-size:46px;}
    main .section01 .txt-box h2 span:before{height:25px;}

    main .section02{padding:80px 20px 100px;}
    main .section02 .slide-box{margin-top:40px;}
    main .section02 .slide-box .swiper-slide p{left:10px;bottom:10px;}
    main .section02 .slide-box .control-box{gap:30px;}
    main .section02 .slide-box .control-box .swiper-button{width:30px;height:30px;}
    main .section02 .slide-box .control-box .swiper-pagination{gap:8px;}
    main .section02 .slide-box .control-box .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;}

    main .section03{padding:60px 20px 50px;}
    main .section03 .video-wrap{margin-top:30px;}
    main .section03 .video-wrap a{height:60px;font-size: 18px;}
    main .section03 .video-wrap button span{font-size:16px;}
    main .section03 .video-wrap button i{width:100px;}

    main .section04{padding:50px 20px;}
    main .section04 ul li{flex: 1;}
    main .section04 ul li p{font-size:19px;}

    main .section05{padding:50px 20px;}
    main .section05 .slide-box{margin-top:30px;}
    main .section05 .slide-box .txt-box{gap:30px;}
    main .section05 .slide-box .txt-box h2{font-size: 28px;}
    main .section05 .slide-box .txt-box a{width:100px;height:35px;font-size: 15px;}
    main .section05 ul li{padding:20px 20px 20px 90px;}
    main .section05 ul li h3{font-size:18px;}
    main .section05 ul li i{width:60px;left:20px;top:50%;transform: translateY(-50%);}
    main .section05 ul li p{font-size:14px;word-break: auto-phrase;}

    main .section06{padding:50px 20px;}
    main .section06 .map-box .txt-wrap h2{font-size:45px;}
    main .section06 .map-box .txt-wrap p{font-size:20px;}
    main .section06 .map-box .txt-wrap ul{margin-top:20px;}
    main .section06 .map-box .txt-wrap ul li{font-size:14px;padding:0;}
    main .section06 .map-box .txt-wrap ul li em{font-size:14px;position: relative;display: block;}

    main .section07{padding:0 0 80px;}
    main .section07:before{display: none;}
    main .section07 .layout2{flex-direction: column;gap: 40px;padding:0;}
    main .section07 .layout2 > div{max-width:100%;}
    main .section07 .cont1{padding:68px 20px 60px;background: url(/_public/images2/main/bg03.png) center center no-repeat;background-size: cover;}
    main .section07 .cont1 em{font-size:16px;}
    main .section07 .cont2{width:100%;}
    main .section07 .cont1 h2{font-size:32px;}
    main .section07 .cont1 p{margin-top:10px;font-size: 16px;}
    main .section07 .cont1 ul{margin-top:20px;}
    main .section07 .cont1 ul li{font-size:15px;}
    main .section07 .cont1 a{padding:20px;margin-top:20px;width:100%;height:128px;font-size:22px;}
    main .section07 .cont1 a span{font-size:18px;}
    main .section07 .cont1 a i{margin-top:15px;}
}

@media all and (max-width:768px) {
    main .main-hgroup em{font-size:24px;}
    main .main-hgroup h2{font-size:30px;}
    main .main-hgroup h2 img{max-width: 250px;}
    main .main-hgroup p br{display: none;}

    main .section01{height:720px;}
    main .section01 .txt-box h2{font-size:35px;}

    main .section02 .slide-box .swiper-slide p{left:5px;bottom:5px;}

    main .section03{padding:60px 20px 100px;}
    main .section03 .video-wrap button{top:45%;}
    main .section03 .video-wrap button span{font-size:14px;}
    main .section03 .video-wrap button i{width:85px;}
    main .section03 .video-wrap a{position:relative;width:100%;height:50px;padding:0 20px;border-radius: 0;}
    main .section03 .video-wrap #player{padding-top:80%;}
    main .section03 .video-wrap video{position: absolute;top:0;left:0;}

    main .section04 ul{flex-direction: column;gap:10px;}
    main .section04 ul li{width:100%;padding-top:44%;}
    main .section04 ul li.on{width:100%;}


    main .section05 .slide-box .txt-box h2{font-size: 24px;}
    main .section05 ul{padding:10px 0;}
    main .section05 ul li{width:100%;padding:10px 10px 10px 90px;}
    main .section05 ul li h3{font-size:16px;}
    main .section05 ul li p{font-size:14px;}

    main .section06{padding:50px 0;}
    main .section06 .map-box .txt-wrap{padding:0 20px;}
    main .section06 .map-box .txt-wrap h2{font-size:35px;}
    main .section06 .map-box .txt-wrap p{font-size:19px;}




    main .section07 .layout2{gap:30px;}
    main .section07 .cont1 em{font-size:14px;}
    main .section07 .cont1 p{margin-top:15px;word-break: auto-phrase;}
    main .section07 .cont1 ul{margin-top:15px;}
    main .section07 .cont1 ul li{font-size:14px;}
    main .section07 .cont1 a{font-size:20px;}
    main .section07 .cont1 a span{font-size:16px;}
    main .section07 .cont2{padding:20px;}
    main .section07 .cont2 h2{font-size:20px;}

}

@media all and (max-width:460px) {
    main .section01{height:100vh;}

    main .section03 .video-wrap button i{width:60px;}

    main .section04 ul li p{bottom:15px;}
    main .section04 ul li p br{display: inline;}
    main .section04 ul li:nth-child(1){background: url(/_public/images2/main/m_rnd_img01.png) center center no-repeat;background-size: cover;}
    main .section04 ul li:nth-child(2){background: url(/_public/images2/main/m_rnd_img02.png) center center no-repeat;background-size: cover;}
    main .section04 ul li:nth-child(3){background: url(/_public/images2/main/m_rnd_img03.png) center center no-repeat;background-size: cover;}

    main .section05 .slide-box{height:250px;}
    main .section05 .slide-box .swiper{height:100%;}
    main .section05 .slide-box .swiper-slide img{height:100%;object-fit: cover;}
    main .section05 .slide-box .swiper-pagination{display: none;}
    main .section05 .slide-box .txt-box h2{font-size: 18px;}

}