/* 定义UniversLTStd字体 */
      @font-face {
        font-family: "UniversLTStd";
        src: url("../fonts/UniversLTSTD/UniversLTStd.woff2") format("woff2");
        font-weight: 400; /* Regular */
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "UniversLTStd-Light";
        src: url("../fonts/UniversLTSTD/UniversLTStd-Light.woff2") format("woff2");
        font-weight: 300; /* Light */
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "UniversLTStd-Black";
        src: url("../fonts/UniversLTSTD/UniversLTStd-Black.woff2") format("woff2");
        font-weight: 900; /* Black */
        font-style: normal;
        font-display: swap;
      }

      /* 定义SourceHanSansCN字体 */
      @font-face {
        font-family: "SourceHanSansCN-Bold";
        src: url("../fonts/SourceHanSansCN/SourceHanSansCN-Bold.woff2") format("woff2");
        font-weight: 700; /* Bold */
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "SourceHanSansCN-ExtraLight";
        src: url("../fonts/SourceHanSansCN/SourceHanSansCN-ExtraLight.woff2") format("woff2");
        font-weight: 200; /* ExtraLight */
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "SourceHanSansCN-Light";
        src: url("../fonts/SourceHanSansCN/SourceHanSansCN-Light.woff2") format("woff2");
        font-weight: 300; /* Light */
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "SourceHanSansCN-Normal";
        src: url("../fonts/SourceHanSansCN/SourceHanSansCN-Normal.woff2") format("woff2");
        font-weight: 400; /* Normal */
        font-style: normal;
        font-display: swap;
      }
body{
    background-color: #f5f5f5;
    overflow: hidden; /* 禁用默认滚动 */
    overflow-y:hidden !important;
    font-family:'SourceHanSansCN-Light,PingFangSC-Light,GothamBook,Microsoft YaHei', sans-serif; ;
    touch-action: pan-y; /* 优化触屏体验 */
}
/* 关键CSS：启用原生滚动吸附（降级方案） */
   

    @media screen and (min-width: 1280px){
        .section_padding{padding-top: 40px !important;}
    }
    .mobile_banner{
        display: none;
    }

    .mobile_index{
        display: none;
    }
    .section_gd{
        height: 100vh ;
    }
    .footer{height: 100vh;}
    .footer-bar{
    position: absolute;
    }
    .section { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;max-width:1440px;margin:0 auto;padding:50px 0; }
    .section.reverse { flex-direction: row-reverse; }
    .section .text { flex: 2 0 350px; min-width: 300px; margin-left: 100px;display: flex;
    flex-direction: column;}
    .section .text_right { flex: 2 0 350px; min-width: 300px; margin-right: 100px}
    .text h2{font-size:34px;}
    .text_right h2{font-size: 34px;}
    .text img{width: 148px;height:48px}
    .text_right img{width: 128px;height: 48px}
    .text p{line-height: 28px;font-size: 14px;margin-top:50px;}
    .text_right p{line-height: 28px;font-size: 14px;margin-top: 50px;}
    .text_title{font-size: 18px !important;color: #000;margin-top: 50px !important;line-height: 24px !important;font-weight: 500;}
    .section .img { flex: 10 1 350px; min-width: 350px;}
    .section .img img, .section .img map { width: 100%; }

    .section .btn {align-self: flex-end;display: block;margin-top:10vh;color: #000; border: 1px solid #000000;  cursor: pointer;width: 118px;height: 42px;line-height:44px;text-align: center; text-decoration: none;letter-spacing: 0.09em; }
    .section .btn:hover{background: #c9c9c9;color: #000}
    .section_zx {
        position: relative;
        /*padding: 60px 5vw;*/
        display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
        max-width: 1440px;margin: 0 auto;
    }
    
    .zx-carousel-wrapper {
        display: flex;
        transition: transform 0.5s ease;
    }
    .zx-item {min-width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
    .zx-item.reverse { flex-direction: row-reverse; }
    .zx-item .text { flex: 2 0 350px; min-width: 300px; margin-left: 100px;display: flex;
    flex-direction: column;}
    .text_content{margin-top: 30px !important}
    .zx-item .img { flex: 10 1 350px; min-width: 350px;}
    .zx-item .img img, .section .img map { width: 100%; }
    .zx-item .btn {align-self: flex-end;display: block;margin-top:10vh;color: #000; border: 1px solid #000000;  cursor: pointer;width: 118px;height: 42px;line-height:44px;text-align: center; text-decoration: none;letter-spacing: 0.09em; }
    .zx-item .btn:hover{background: #c9c9c9;color: #000}

     .zx-arrow {
            position: absolute;
            border: none;
            background: no-repeat;
            top: 50%;
            transform: translateY(-50%);
            width: 90px;
            height: 90px;
            font-size: 40px;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        .zx-arrow:hover {
            background-color: #fff;
            border-radius: 50%;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }
        
        .zx-arrow.left {
            left: -130px;
        }
        
        .zx-arrow.right {
            right:-130px;
        }


/* 轮播图样式 */
            .lunbo {
              width: 100%;
              height: 100vh;
              padding-top: 80px !important;
              position: relative;
              overflow: hidden;
            }
            .lunbo .img {
              width: 100%;
              height: calc( 100% - 80px);
              position: relative;
            }
            .lunbo .img img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0;
              transition: opacity 0.5s ease-in-out;
            }
            .lunbo .img img.active {
              opacity: 1;
            }


            .lunbo .text-content {
                position: absolute;
                left: 5vw;
                bottom: 40px;
                color: #fff;
                opacity: 0;
                transition: opacity 1s ease-in-out;
            }
            .lunbo .text-content.active {
                opacity: 1;
            }
            .lunbo .dots {
                position: absolute;
                bottom: 35px;
                left: 50%;
                transform: translateX(-50%);
                display: flex;
                gap: 10px;
            }
            .lunbo .dot {
                width: 8px;
                height: 8px;
                border: 1px solid #fff;
                border-radius: 50%;
                background: #fff;
                cursor: pointer;
            }
            .lunbo .dot.active {
                border: 1px #fff solid;
                background: none;
            }


            /* 非轮播图模块动画样式 */
            .section:not(.lunbo) {
                opacity: 0;
                transform: translateY(50px);
                transition: all 0.8s ease-out;
            }
            .section:not(.lunbo).visible {
                opacity: 1;
                transform: translateY(0);
            }
            /* 图片动画 */
            .section:not(.lunbo) .img {
                transform: translateX(-50px);
                transition: transform 0.8s ease-out;
            }
            .section:not(.lunbo).visible .img {
                transform: translateX(0);
            }
            /* 文字动画 */
            .section:not(.lunbo) .text {
                transform: translateX(50px);
                transition: transform 0.8s ease-out;
            }
            .section:not(.lunbo).visible .text {
                transform: translateX(0);
            }
            /* 按钮动画 */
            .section:not(.lunbo) .btn {
                transform: translateY(20px);
                opacity: 0;
                transition: all 0.8s ease-out;
            }
            .section:not(.lunbo).visible .btn {
                transform: translateY(0);
                opacity: 1;
            }
            /* 延迟动画 */
            .section:not(.lunbo):nth-child(2) { transition-delay: 0.2s; }
            .section:not(.lunbo):nth-child(3) { transition-delay: 0.4s; }
            .section:not(.lunbo):nth-child(4) { transition-delay: 0.6s; }
            .section:not(.lunbo):nth-child(5) { transition-delay: 0.8s; }
            @media screen and (max-width: 1440px) {
                .section,.section_zx {
                    padding:0 8%;
                }

                .zx-arrow{
                    width: 60px;
                    height: 60px;
                    border-radius: 60px;
                    font-size: 30px;
                }

                .zx-arrow.left {
                    left: calc(4% - 30px);
                }
                
                .zx-arrow.right {
                    right:calc(4% - 30px);
                }

            }

            @media screen and (max-width: 900px) {
                .pc_index{
                    display: none;
                }
                .mobile_index{
                    padding-top: 60px;
                    display: block;
                }
                .mobile_index a{
                    width: 100%;
                    display: block;
                }
                .mobile_index a:nth-child(2){
                    margin: 5px 0;
                }
                .mobile_index a img{
                    width: 100%;
                    vertical-align: bottom; /* 或者直接设置 vertical-align 为非 baseline 值 */
                }
                .section {
                    padding:50px;
                    padding-bottom: 0;
                }
                .section_gd{
                    height: auto !important;
                }
                .footer{
                    height: auto !important;
                }
                .footer-bar{
                    position: unset;
                }
                .section .text {
                    margin-left: 0;
                    margin-top: 50px;
                    flex: 2 10 400px;

                }
                .zx-arrow{
                    top: 30%;
                }

                .section .text_right {
                    margin-top: 50px;

                }
                .lunbo{
                    min-height: 100vh;
                }
                .lunbo .img img{
                    min-height: 100vh;
                }
                .section_zx {
                    padding:50px;
                }
                .zx-item .text {
                    margin-left: 0;
                    margin-top: 50px;
                    flex: 2 10 400px;
                }
            }

            @media screen and (max-width: 760px) {
                .pc_index{
                    display: none;
                }
                .mobile_index{
                    padding-top: 60px;
                    display: block;
                }
                .mobile_index a{
                    width: 100%;
                    display: block;
                }
                .mobile_index a:nth-child(2){
                    margin: 5px 0;
                }
                .mobile_index a img{
                    width: 100%;
                    vertical-align: bottom; /* 或者直接设置 vertical-align 为非 baseline 值 */
                }
                .mobile_banner{
                    display: block;
                }
                .pc_banner{
                    display: none;
                }
                .zx-item .text {
                    margin-left: 0;
                    margin-top: 30px;
                    flex: 2 10 350px;
                }
                .zx-arrow.left{
                    top: 20%;
                    left: 0;
                    width: 40px;
                    height: 40px;
                }
                .zx-arrow.right{
                    width: 40px;
                    height: 40px;
                    top:20%;
                    right: 0;
                }
                .lunbo{
                    min-height: 100vh;
                    padding-top: 60px !important;
                }
                .lunbo .img img{
                    min-height:calc(100vh - 60px);

                }
                .mobile_padding{
                    padding-top: 80px !important;
                }
                .section_gd{
                    height: auto !important;
                }
                .footer{
                    height: auto !important;
                }
                .footer-bar{
                    position: unset;
                }
                .section {
                    padding:26px 20px;
                    padding-bottom:50px;
                }
                .section_zx {
                    padding:50px;
                    padding-top: 26px;
                }
                .section .img{
                  padding: 0 !important;
                }
                .section .text{
                  margin-top: 50px;
                  margin-left: 0;
                }
                .section .text img{
                  width: 128px;
                  height: 41px;
                }
                .section .text_right{
                    
                  margin-top: 50px;  
                  margin-right: 0;
                }
                .section .text_right img{
                    
                  width: 128px;
                  height: 41px;
                }
                .text p{
                    margin-top: 30px;
                }
                .text_right p{
                    margin-top: 30px;
                }
                .section .btn,.zx-item .btn{
                    margin-top: 7vh;
                }
            }

 @media screen and (min-width: 1920px){
        .section { display: flex; flex-wrap: wrap; align-items: center;
         justify-content: center; padding: 60px 8%; max-width: 100%;}
    .section.reverse { flex-direction: row-reverse; }
    .section .text_right { flex: 2 0 350px; min-width: 300px; padding: 40px; }
    .section .text { flex: 2 0 350px; min-width: 300px; padding: 40px; }
     .text { flex: 2 0 350px; min-width: 300px; padding: 40px; }
    .text h2{font-size: 3em;}
    .text_right h2{font-size: 3em;}
    .text p{line-height: 36px;font-size: 22px;}
    .text_right p{line-height: 36px;font-size: 22px;}
    .text_title{font-size: 2em;color: #000;}
    .section .img { flex: 10 1 350px; min-width: 300px; padding: 40px; }
    .section .img img, .section .img map { width: 100%; }
    .section .btn { display: block;margin-top:20vh;color: #000; border: 1px solid #000000;  cursor: pointer;width: 148px;height: 63px;line-height: 65px;text-align: center; text-decoration: none; }
    .section .btn:hover{background: #c9c9c9;color: #000}



    .section_zx {
        position: relative;
        padding: 60px 8%;
        display: flex; flex-wrap: wrap; align-items: center; justify-content: center;max-width: 100%
    }
    
    .zx-carousel-wrapper {
        display: flex;
        transition: transform 0.5s ease;
    }
    .zx-item {min-width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
    .zx-item.reverse { flex-direction: row-reverse; }
    .zx-item .text { flex: 2 0 350px; min-width: 300px; padding: 40px; }
    .zx-item .img { flex: 10 1 350px; min-width: 300px; padding: 40px; }
    .zx-item .img { flex: 10 1 350px; min-width: 300px; padding: 40px; }
    .zx-item .img img, .section .img map { width: 100%; }
    .zx-item .btn { display: block;margin-top:20vh !important;color: #000; border: 1px solid #000000;  cursor: pointer;width: 148px;height: 63px;line-height: 65px;text-align: center; text-decoration: none; }
    .zx-item .btn:hover{background: #c9c9c9;color: #000}

     .zx-arrow {
            position: absolute;
            border: none;
            background: no-repeat;
            top: 50%;
            transform: translateY(-50%);
            width: 90px;
            height: 90px;
            font-size: 40px;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        
        .zx-arrow:hover {
            background-color: #fff;
            border-radius: 50%;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

        }
        
        .zx-arrow.left {
            left: 20px;
        }
        
        .zx-arrow.right {
            right: 20px;
        }
    }