@charset "UTF-8";@-webkit-keyframes scale{0%,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%,75%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
50%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
}@keyframes scale{0%,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%,75%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
50%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes rotate{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}.wrap{margin:0 auto}
#header,.hero-box li,.main-bg,.wrap{position:relative}
.bg-cover,.main-bg .main-bg-wrap .index-header-image{width:7.5rem}
.bg-cover{position:absolute;bottom:-.32rem;left:0;z-index:5;background:url(../images/v-d407efbd34.png) no-repeat 0 0/7.5rem .39rem;height:.39rem}
.btn-video-play{position:absolute;z-index:90;-webkit-animation:scale 4s linear infinite alternate forwards;animation:scale 4s linear infinite alternate forwards}
.btn-yuyue{background:url(../images/yuyue-c42a9e5a68.png) no-repeat 0 0/3.92rem 1.3rem;width:3.92rem;height:1.3rem;position:absolute;display:block;bottom:.24rem;left:50%;margin-left:-1.96rem}
.btn-video-play img{display:block;width:100%}
.yuyue{width:3.5rem;position:absolute;left:0;bottom:4rem;z-index:999}
.yuyue img{width:100%}
.kv-btn{width:100%;z-index:12;position:absolute;bottom:.5rem}
.kv-btn .kv-btn-warp{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.kv-btn .btn-qrcode{width:2rem;height:1.6rem;background:url(../images/bg_qrcode.webp) no-repeat center/100% 100%}
.kv-btn .btn-qrcode img{width:1.4rem;margin-top:0.1rem;margin-left:0.5rem;}
.kv-btn .btn-download{height:1.6rem;display:flex;flex-direction:column;justify-content:space-between;margin:0 .1rem}
.kv-btn .btn-download img{width:2.5rem;height:.75rem;}
.kv-btn .btn-gift{height:1.6rem}
.kv-btn .btn-gift img{height:100%}
.section .title{font-size:0}
#content,#hotPic,.section{overflow:hidden}
.section{position:relative;max-width:7.5rem}
.section1{overflow:hidden;height:15rem;background:url(../images/section1_bg.jpg) no-repeat top center/100% 100%}
.section1 .title{background:url(../images/tit1-6c6cf0c3a1.png) no-repeat 0 0/6.54rem 1.13rem;width:6.54rem;height:1.13rem;margin:2rem auto 0}
.hot-img-box{position:relative;margin:.2rem auto;overflow:hidden;background:url(../images/hot_c-f888080207.png) no-repeat 0 0/7.01rem 3.97rem;width:7.01rem;height:3.97rem}
.hot-img-box img{width:6.9rem;height:3.84rem}
#hotPic{margin:.06rem auto 0;width:6.9rem}
.section1 .swiper-pagination{text-align:center;padding:0 .15rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.section1 .swiper-pagination-bullet{opacity:1;width:.22rem;height:.22rem}
.section1 .swiper-pagination-bullet-active{background:url(../images/hot_i_h-23513525d9.png) no-repeat 0 0/.22rem .22rem;width:.22rem;height:.22rem}
.section1 .news-box{background:url(../images/news_c-b0b5939e9b.png) center / cover no-repeat;width:7rem;height:6rem;position:relative;margin:.2rem auto 0;padding:.05rem .3rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.news-box .hd{height:.7rem;border-bottom:2px solid #b8ab95}
.news-box .hd ul,.news-box a{-webkit-box-sizing:border-box;box-sizing:border-box}
.news-box .hd li,.role-pagination span{display:inline-block;cursor:pointer;position:relative}
.news-box .hd li{height:.67rem;text-align:center;line-height:.67rem;font-size:.26rem;font-weight:700;color:#625136;letter-spacing:.02rem;margin-right:.1rem;padding:0 .15rem;z-index:1}
.news-box .hd li.on{border-bottom:.04rem solid #b0913f;color:#b0913f;font-weight:700}
.news-box .bd{margin-top:.03rem}
.news-box .bd .news-list{margin-top:.05rem}
.news-box .bd .news-list li{display:block;font-size:.27rem;height:.6rem;line-height:.6rem;margin-top:.025rem;border-bottom:.02rem dashed #c3b9a7}
.news-box a{position:relative;display:block;font-size:.24rem;line-height:.6rem;color:#625136}
.news-box .bd .news-list li span,.news-box .hot-news-title{overflow:hidden;word-break:keep-all;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.news-box .bd .news-list li span{display:inline-block;width:5.16rem;vertical-align:middle;letter-spacing:.01rem}
.news-box .bd .news-list span.time{position:absolute;right:.15rem;top:.02rem;width:auto}
.news-box .more{position:absolute;bottom:.3rem;left:50%;margin-left:-1.25rem;background:url(../images/news_more-2d961df441.png) no-repeat 0 0/2.49rem .71rem;width:2.49rem;height:.71rem;font-size:0}
.news-box .hot-news-title{height:.65rem;line-height:.68rem;font-size:.28rem;font-weight:700;color:#c74d11;text-align:center}
.spsub-box{position:relative;width:7rem;margin:.3rem auto 0}
.spsub-box img{width:100%;height:100%}
.spsub-box .inner .inner-ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.spsub-box .inner .inner-li{width:49%;height:1.1rem;margin-top.1rem}
.section3{height:6.99rem;background:url(../images/section3_bg.jpg) no-repeat top center/100% 100%;overflow:hidden}
.section3 .title{background:url(../images/tit3-c5849e6e95.png) no-repeat 0 0/6.54rem 1.13rem;width:6.54rem;height:1.13rem;margin:.3rem auto 0}
.tese-box{position:relative}
.tese,.tese li .cover-c{width:5.88rem;height:3.31rem}
.tese,.tese li{position:relative;overflow:hidden}
.tese{margin:.45rem auto 0}
.tese li{background-position:center center;width:5.88rem!important;height:3.31rem}
.tese li img{width:5.75rem;height:3.19rem;margin:.05rem auto 0}
.tese li .cover-c{background:url(../images/tese_c-998c599f5e.png) no-repeat 0 0/5.88rem 3.31rem;position:absolute;pointer-events:none;left:0;top:0}
.tese-box .swiper-pagination{width:100%;text-align:center}
.tese-box .swiper-pagination-bullet{opacity:1;background:url(../images/tese_i-38063e8ea4.png) no-repeat 0 0/.22rem .22rem;width:.22rem;height:.22rem;margin:0 .1rem!important;display:inline-block}
.tese-box .swiper-pagination-bullet-active{background:url(../images/tese_i_h-ccb6e75122.png) no-repeat 0 0/.23rem .22rem;width:.23rem;height:.22rem}
.tese-box .btn{position:absolute;top:50%;margin-top:-.81rem;z-index:10}
.tese-box .btn.prev{left:0;background:url(../images/prev2-632af428ed.png) no-repeat 0 0/1.2rem 1.62rem;width:1.2rem;height:1.62rem}
.tese-box .btn.next{right:0;background:url("../images/next2 -5ea19f3e21.png") no-repeat 0 0/1.15rem 1.62rem;width:1.15rem;height:1.62rem}
.pop-hero,.pop-hero .mask{left:0;top:0;height:100%;width:100%}
.pop-hero{display:none;position:fixed;z-index:10000}
.pop-hero .mask{position:absolute;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:1}
.pop-hero .hero-show{background:url(../images/pop_role-f70b35cc4a.png) no-repeat 0 0/7.05rem 8.52rem;width:7.05rem;height:8.52rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.pop-hero .close-btn{background:url(../images/close-734a81c01f.png) no-repeat 0 0/1.08rem 1.09rem;width:1.08rem;height:1.09rem;position:absolute;bottom:-1.25rem;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);line-height:99em;z-index:3}
.pop-hero .hero-show img{width:5.56rem;position:absolute;top:.2rem;left:.95rem;display:none}
.pop-hero .hero-show img.on,.tese li img{display:block}
.pop-video,.pop-video .mask{left:0;top:0;height:100%;width:100%}
.pop-video{display:none;position:fixed;z-index:10005}
.pop-video .mask{position:absolute;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:1}
.pop-video .close{position:absolute;bottom:-1.25rem;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);line-height:99em;z-index:3;overflow:hidden;cursor:pointer;-webkit-transition:transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;background:url(../images/close-734a81c01f.png) no-repeat 0 0/1.08rem 1.09rem;width:1.08rem;height:1.09rem}
.pop-video-bd{position:absolute;background:0 0;z-index:2;width:7rem;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            height: 200vh; 
            background-color: #f5f5f5;
        }
        .float-service {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 1000;
            /* 保持简单的过渡效果 */
            transition: transform 0.3s ease;
        }

        .float-service img {
            width: 70px;
            height: 160px;
            display: block;
            border: none;
            outline: none;
            box-shadow: none;
        }

        .float-service:hover {
            transform: translateY(-50%) scale(1.05);
            box-shadow: none;
        }
        .qr-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 1100;
        }

        .qr-modal.active {
            display: flex;
        }

        .qr-content {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 12px;
            text-align: center;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
            animation: fadeIn 0.3s ease;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: scale(0.8);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .qr-image {
            width: 200px;
            height: 200px;
            margin-bottom: 15px;
            border: 2px solid #f0f0f0;
            border-radius: 8px;
            display: block;
            object-fit: cover;
        }

        .qr-title {
            font-size: 18px;
            font-weight: bold;
            color: #333333;
            margin-bottom: 10px;
        }

        .qr-tip {
            font-size: 11px;
            font-weight: bold;
            color: #333333;
            margin-bottom: 10px;
        }

        .qr-desc {
            font-size: 14px;
            color: #666666;
            margin-bottom: 20px;
        }

        .close-btn {
            background-color: #07C160;
            color: #ffffff;
            border: none;
            padding: 10px 20px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s ease;
        }

        .close-btn:hover {
            background-color: #06b355;
        }
        @media (max-width: 768px) {
            .float-service {
                width: auto;
                height: auto;
                right: 10px;
            }

            .qr-image {
                width: 150px;
                height: 150px;
            }

            .qr-content {
                padding: 15px;
            }
        }
        
.header-nav.s94cc8 {
    display: none !important;
}