html, body {
    min-width: 1200px;
    overflow-x: auto;
	

}


/* ===== 顶部白边修复 ===== */
body { margin: 0; padding: 0; }
.husuhg { margin-top: 0 !important; padding-top: 0 !important; }


.flex-box-v {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: center;
    justify-content: center;
}


/*banner - 全屏图片 + 文字叠加 + 自下而上滑动 */

.Banner-container {
    height: 100vh;
    min-height: 600px;
    max-height: 1600px;
    width: 100%;
}

.banner-slide {
    overflow: hidden;
    position: relative;
}

/* 全屏背景图 */
.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.swiper-slide-active .banner-bg {
    transform: scale(1.06);
}

/* 居中文字层 */
.banner-text {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 90%;
    max-width: 1000px;
    padding: 40px 30px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

/* 逐行动画 - 自下而上淡入 */
.banner-slogan-l1,
.banner-slogan-l2,
.banner-text h1,
.banner-btn {
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.swiper-slide-active .banner-slogan-l1 {
    transform: translateY(0);
    transition-delay: 0.15s;
}

.swiper-slide-active .banner-slogan-l2 {
    transform: translateY(0);
    transition-delay: 0.3s;
}

.swiper-slide-active .banner-text h1 {
    transform: translateY(0);
    transition-delay: 0.5s;
}

.swiper-slide-active .banner-btn {
    transform: translateY(0);
    transition-delay: 0.7s;
}

/* 两行口语 */
.banner-slogan-l1 {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.6;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.banner-slogan-l2 {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 24px;
    font-weight: 400;
    line-height: 1.6;
    text-shadow: 0 2px 6px rgba(0,0,0,0.45);
}

.banner-text h1 {
    font-size: 68px;
    font-weight: 700;
    color: #E7A500;
    margin-bottom: 20px;
    letter-spacing: 2px;
    line-height: 1.2;
    text-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

/* 标准按钮 */
.banner-btn {
    display: inline-block;
    padding: 13px 42px;
    background: #f8b000;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
    margin-top: 5px;
}

.banner-btn:hover {
    background: #e09d00;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(248, 176, 0, 0.4);
    color: #fff;
}

/* 底部水平导航 */
.banner-nav {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 16px;
}

.banner-prev,
.banner-next {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    background: transparent;
    user-select: none;
}

.banner-prev:hover,
.banner-next:hover {
    border-color: #f8b000;
    background: #f8b000;
    color: #fff;
}

/* 水平圆点 */
.banner-dots {
    display: flex;
    align-items: center;
    gap: 10px;
}

.banner-dots .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0 !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.banner-dots .swiper-pagination-bullet-active {
    background: #f8b000;
    box-shadow: 0 0 8px rgba(248, 176, 0, 0.5);
}

.Scroll-tip {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100px;
    color: #fff;
    text-align: center;
}

.Tipss {
    text-transform: uppercase;
    font-size: 0.825rem;
}

.tip_anim {
    display: inline-block;
    margin: 0.75rem 0;
    height: 30px;
}

.Tipss span {
    display: block;
}

.tip_anim span {
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #fff;
    animation-name: scrollTip;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 1);
}

.Banner-A1 {
    z-index: 1;
}

@keyframes scrollTip {
    0% {
        transform: scale(1, 0);
        transform-origin: top;
    }
    49% {
        transform: scale(1, 1);
        transform-origin: top;
    }
    51% {
        transform: scale(1, 1);
        transform-origin: bottom;
    }
    100% {
        transform: scale(1, 0);
        transform-origin: bottom;
    }
}

/* 响应式 */
@media screen and (max-width: 1200px) {
    .banner-text h1 {
        font-size: 38px;
    }
    .banner-nav {
        bottom: 30px;
    }
}

@media screen and (max-width: 769px) {
    .banner-text h1 {
        font-size: 28px;
        letter-spacing: 1px;
    }
    .banner-slogan-l1 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .banner-slogan-l2 {
        font-size: 14px;
        letter-spacing: 0;
    }
    .banner-btn {
        padding: 10px 30px;
        font-size: 13px;
    }
    .banner-nav {
        bottom: 25px;
    }
    .banner-prev,
    .banner-next {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }
    .Scroll-tip {
        bottom: 72px;
    }
}


/*banner*/




.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-weixin1:before {
    content: "\e6e7"
}

.icon-weixin:before {
    content: "\e6e8"
}

.icon-xiaochengxu2:before {
    content: "\e6e9"
}

.icon-xiaochengxu1:before {
    content: "\e6ea"
}

.icon-whatsapp1:before {
    content: "\e6e6"
}

.icon-whatsapp:before {
    content: "\ea07"
}

.icon-yuenanyu:before {
    content: "\e70c"
}

.icon-wuzibiekeyu:before {
    content: "\e70d"
}

.icon-wukelanyu:before {
    content: "\e70e"
}

.icon-tuerqiyu:before {
    content: "\e70f"
}

.icon-taiyu:before {
    content: "\e710"
}

.icon-tajikeyu:before {
    content: "\e711"
}

.icon-ruidianyu:before {
    content: "\e712"
}

.icon-xibanyayu:before {
    content: "\e713"
}

.icon-baieluosiyu:before {
    content: "\e714"
}

.icon-siluowenniyayu:before {
    content: "\e715"
}

.icon-siluofakeyu:before {
    content: "\e716"
}

.icon-eyu:before {
    content: "\e717"
}

.icon-luomaniyayu:before {
    content: "\e718"
}

.icon-putaoyayu:before {
    content: "\e719"
}

.icon-bolanyu:before {
    content: "\e71a"
}

.icon-bosiyu:before {
    content: "\e71b"
}

.icon-nuoweiyu:before {
    content: "\e71c"
}

.icon-niboeryu:before {
    content: "\e71d"
}

.icon-miandianyu:before {
    content: "\e71e"
}

.icon-mengyu:before {
    content: "\e71f"
}

.icon-maertayu:before {
    content: "\e720"
}

.icon-malaiyu:before {
    content: "\e721"
}

.icon-maqidunyu:before {
    content: "\e722"
}

.icon-lusenbaoyu:before {
    content: "\e723"
}

.icon-litaowanyu:before {
    content: "\e724"
}

.icon-latuoweiyayu:before {
    content: "\e725"
}

.icon-latuoweiyayu1:before {
    content: "\e726"
}

.icon-laozhuayu:before {
    content: "\e727"
}

.icon-jierjisikeerkeziyu:before {
    content: "\e728"
}

.icon-hanyu:before {
    content: "\e729"
}

.icon-yameiniya:before {
    content: "\e72a"
}

.icon-hasakeyu:before {
    content: "\e72b"
}

.icon-riyu:before {
    content: "\e72c"
}

.icon-yidaliyu:before {
    content: "\e72d"
}

.icon-aierlanyu:before {
    content: "\e72e"
}

.icon-yindunixiyayu:before {
    content: "\e730"
}

.icon-xiongyaliyu:before {
    content: "\e731"
}

.icon-yindiyu:before {
    content: "\e732"
}

.icon-xibolaiyu:before {
    content: "\e733"
}

.icon-xilayu:before {
    content: "\e734"
}

.icon-deyu:before {
    content: "\e735"
}

.icon-gelujiyayu:before {
    content: "\e737"
}

.icon-maoliyu:before {
    content: "\e738"
}

.icon-fayu:before {
    content: "\e739"
}

.icon-fenlanyu:before {
    content: "\e73a"
}

.icon-feilvbinyu:before {
    content: "\e73b"
}

.icon-aishaniyayu:before {
    content: "\e73c"
}

.icon-shijieyu:before {
    content: "\e73d"
}

.icon-helanyu:before {
    content: "\e73e"
}

.icon-danmaiyu:before {
    content: "\e73f"
}

.icon-jiekeyu:before {
    content: "\e740"
}

.icon-baojialiyayu:before {
    content: "\e741"
}

.icon-mengjialayu:before {
    content: "\e742"
}

.icon-alaboyu:before {
    content: "\e743"
}

.icon-zhongwen:before {
    content: "\e744"
}

.icon-keluodiyayu:before {
    content: "\e745"
}

.icon-saierweiya:before {
    content: "\e746"
}

.icon-bingdaoyu:before {
    content: "\e747"
}

.icon-QQ-copy:before {
    content: "\e6e4"
}

.icon-aliwangwang1:before {
    content: "\e6e5"
}

.icon-social-skype:before {
    content: "\e6e3"
}

.icon-aliwangwang:before {
    content: "\e76c"
}

.icon-wancheng:before {
    content: "\e6df"
}

.icon-dingdan:before {
    content: "\e6e0"
}

.icon-fukuan:before {
    content: "\e6e1"
}

.icon-fahuo:before {
    content: "\e6e2"
}

.icon-deng:before {
    content: "\e6db"
}

.icon-youqitong:before {
    content: "\e6dc"
}

.icon-fl-shuazi:before {
    content: "\e6dd"
}

.icon-qiang:before {
    content: "\e6de"
}

.icon-34:before {
    content: "\e6d8"
}

.icon-iconset0293:before {
    content: "\e6d9"
}

.icon-11:before {
    content: "\e6da"
}

.icon-meiyuan4:before {
    content: "\e736"
}

.icon-meiyuan_o:before {
    content: "\eba1"
}

.icon-yunpingtai:before {
    content: "\e674"
}

.icon-zuojiantou:before {
    content: "\e68e"
}

.icon-circle-arrow-right:before {
    content: "\e698"
}

.icon-ding:before {
    content: "\e665"
}

.icon-tuijian:before {
    content: "\e619"
}

.icon-re:before {
    content: "\e666"
}

.icon-xin:before {
    content: "\e61b"
}

.icon-qian:before {
    content: "\e6d7"
}

.icon-jingdong:before {
    content: "\e6d6"
}

.icon-baidu:before {
    content: "\e6d5"
}

.icon-tanhao2:before {
    content: "\e6d4"
}

.icon-cha:before {
    content: "\e6d3"
}

.icon-nv:before {
    content: "\e6d2"
}

.icon-xialajiantou:before {
    content: "\e6d1"
}

.icon-2:before {
    content: "\e616"
}

.icon-3:before {
    content: "\e6d0"
}

.icon-1:before {
    content: "\e617"
}

.icon-qiyeyewu:before {
    content: "\e6ca"
}

.icon-iconyewubao:before {
    content: "\e6cc"
}

.icon-yewu:before {
    content: "\e6ce"
}

.icon-heilongjiangtubiao06:before {
    content: "\e6cf"
}

.icon-kaobianxuanzegou:before {
    content: "\e6cb"
}

.icon-ok1:before {
    content: "\e6cd"
}

.icon-arrow_up:before {
    content: "\e6c8"
}

.icon-arrow_down:before {
    content: "\e6c9"
}

.icon-mailcode:before {
    content: "\e6c7"
}

.icon-wangzhi:before {
    content: "\e6c6"
}

.icon-shouqi:before {
    content: "\e6c5"
}

.icon-shuju:before {
    content: "\e6c3"
}

.icon-dashuju:before {
    content: "\e6c4"
}

.icon-fenxiang:before {
    content: "\e6c2"
}

.icon-kulian:before {
    content: "\e6c1"
}

.icon-arrowdowna:before {
    content: "\e6bf"
}

.icon-arrowupa:before {
    content: "\e6c0"
}

.icon-shipin:before {
    content: "\e6be"
}

.icon-goumai:before {
    content: "\e6bd"
}

.icon-wenhao:before {
    content: "\e6bc"
}

.icon-yaochi:before {
    content: "\e6bb"
}

.icon-duanxinzhuanhuan:before {
    content: "\e6ba"
}

.icon-dushigouwu:before {
    content: "\e6b9"
}

.icon-tianmaobao:before {
    content: "\e6b8"
}

.icon-shipin1:before {
    content: "\e6b7"
}

.icon-kefu:before {
    content: "\e6b6"
}

.icon-neutral:before {
    content: "\e6b4"
}

.icon-biaoqian:before {
    content: "\e6b3"
}

.icon-jishiben:before {
    content: "\e6b1"
}

.icon-lipin:before {
    content: "\e6ad"
}

.icon-arrowlefta:before {
    content: "\e689"
}

.icon-arrowrighta:before {
    content: "\e6ac"
}

.icon-jianhao:before {
    content: "\e6b5"
}

.icon-shixinyuanjiahao:before {
    content: "\e6b2"
}

.icon-arrows-copy:before {
    content: "\e69a"
}

.icon-chevron-copy-copy-copy-copy-copy:before {
    content: "\e69c"
}

.icon-chevron-copy-copy-copy-copy-copy-copy:before {
    content: "\e6ae"
}

.icon-chevron-copy:before {
    content: "\e687"
}

.icon-duduyinleappicon1401:before {
    content: "\e6af"
}

.icon-duduyinleappicon0501:before {
    content: "\e6b0"
}

.icon-duigou:before {
    content: "\e6ab"
}

.icon-iconfontguige:before {
    content: "\e65b"
}

.icon-iconfontanquanbaozhang1:before {
    content: "\e65c"
}

.icon-iconfontbofang:before {
    content: "\e65d"
}

.icon-iconfontbofang1:before {
    content: "\e65e"
}

.icon-iconfontplay:before {
    content: "\e65f"
}

.icon-iconfontttpodicon:before {
    content: "\e660"
}

.icon-iconfontsousuo:before {
    content: "\e661"
}

.icon-iconfontbook:before {
    content: "\e662"
}

.icon-iconfontfuwurenyuan:before {
    content: "\e663"
}

.icon-iconfontshezhichilun:before {
    content: "\e664"
}

.icon-iconfontsanxingdianhover:before {
    content: "\e667"
}

.icon-iconfontdian:before {
    content: "\e668"
}

.icon-iconfontdian1:before {
    content: "\e669"
}

.icon-iconfontxin1:before {
    content: "\e66a"
}

.icon-iconfontpingfenxingxingwaikuang1:before {
    content: "\e66b"
}

.icon-iconfontfenlei:before {
    content: "\e66c"
}

.icon-iconfontzoomin2:before {
    content: "\e66d"
}

.icon-iconfontxiaolian:before {
    content: "\e66e"
}

.icon-iconfontchuanzhendayin:before {
    content: "\e66f"
}

.icon-iconfontpullright:before {
    content: "\e670"
}

.icon-iconfontpullleft:before {
    content: "\e671"
}

.icon-iconfontcaijian:before {
    content: "\e672"
}

.icon-iconfonticonfontpingguo:before {
    content: "\e673"
}

.icon-iconfontxiazai2:before {
    content: "\e675"
}

.icon-iconfontyoujian:before {
    content: "\e676"
}

.icon-iconfontbijibendiannao:before {
    content: "\e677"
}

.icon-iconfonticonfontbrowsernew:before {
    content: "\e678"
}

.icon-iconfontliulan:before {
    content: "\e679"
}

.icon-iconfontshijian:before {
    content: "\e67a"
}

.icon-iconfontshijian1:before {
    content: "\e67b"
}

.icon-iconfonticonfontfenxiang:before {
    content: "\e67c"
}

.icon-iconfonticonziti35:before {
    content: "\e67d"
}

.icon-iconfonttengxunweibo:before {
    content: "\e67e"
}

.icon-iconfontfenxiang:before {
    content: "\e67f"
}

.icon-iconfontqzone:before {
    content: "\e680"
}

.icon-iconfontfenxiangpengyouquan:before {
    content: "\e681"
}

.icon-iconfontbbgfenxiang:before {
    content: "\e682"
}

.icon-iconfontjianhao:before {
    content: "\e683"
}

.icon-iconfonttianjiatupian:before {
    content: "\e684"
}

.icon-iconfontbiaoqianji:before {
    content: "\e685"
}

.icon-iconfontpinglunqian:before {
    content: "\e686"
}

.icon-iconfontwujiaoxing:before {
    content: "\e688"
}

.icon-iconfontshouye:before {
    content: "\e68a"
}

.icon-iconfontyinledianzan:before {
    content: "\e68b"
}

.icon-iconfontbofangjilu:before {
    content: "\e68c"
}

.icon-iconfonticonfontzhuye:before {
    content: "\e68d"
}

.icon-iconfontcircularframeliulan:before {
    content: "\e68f"
}

.icon-iconfontbiaoqianguanbi:before {
    content: "\e690"
}

.icon-iconfonticonfontpraise:before {
    content: "\e691"
}

.icon-iconfontxianshirequ1:before {
    content: "\e692"
}

.icon-iconfonticon1:before {
    content: "\e693"
}

.icon-iconfontpinglunhou:before {
    content: "\e694"
}

.icon-iconfontpinglunzu:before {
    content: "\e695"
}

.icon-iconfontqz:before {
    content: "\e696"
}

.icon-iconfontshouyehomemian:before {
    content: "\e697"
}

.icon-iconfontbofang2:before {
    content: "\e699"
}

.icon-iconfonttaobaoyin:before {
    content: "\e69b"
}

.icon-iconfontrementupian:before {
    content: "\e69d"
}

.icon-iconfontordinaryliulan:before {
    content: "\e69e"
}

.icon-iconfonticozhuce:before {
    content: "\e69f"
}

.icon-iconfontshouye1:before {
    content: "\e6a0"
}

.icon-iconfonttao:before {
    content: "\e6a1"
}

.icon-iconfontrenrenfangxing:before {
    content: "\e6a2"
}

.icon-iconfonttianjiayonghu:before {
    content: "\e6a3"
}

.icon-iconfontpiping:before {
    content: "\e6a4"
}

.icon-iconfontzanyang:before {
    content: "\e6a5"
}

.icon-iconfontyonghu:before {
    content: "\e6a6"
}

.icon-iconfontjiantou:before {
    content: "\e6a7"
}

.icon-iconfontzuojiantou:before {
    content: "\e6a8"
}

.icon-iconfontshoucangjia:before {
    content: "\e6a9"
}

.icon-iconfontbianji:before {
    content: "\e6aa"
}

.icon-iconfontdaohanggonggao:before {
    content: "\e62e"
}

.icon-iconfontshanchu:before {
    content: "\e62f"
}

.icon-iconfontditudaohang:before {
    content: "\e630"
}

.icon-iconfontmofangdaohang:before {
    content: "\e631"
}

.icon-iconfontdaohangico:before {
    content: "\e632"
}

.icon-iconfonttianjia:before {
    content: "\e633"
}

.icon-iconfontgengduo:before {
    content: "\e634"
}

.icon-iconfontzuoshangjiaotubiao:before {
    content: "\e635"
}

.icon-iconfontconnectionbars:before {
    content: "\e636"
}

.icon-iconfontwangluoxinhao:before {
    content: "\e637"
}

.icon-iconfontjinlingyingcaiwangtubiao33:before {
    content: "\e638"
}

.icon-iconfontmimarenzheng:before {
    content: "\e639"
}

.icon-iconfontrongyujiangxiang:before {
    content: "\e63a"
}

.icon-iconfonttrophy:before {
    content: "\e63b"
}

.icon-iconfontrenzheng:before {
    content: "\e63c"
}

.icon-iconfonticonfontkaohechengji:before {
    content: "\e63d"
}

.icon-iconfontrongyuzheng:before {
    content: "\e63e"
}

.icon-iconfontcuowu2:before {
    content: "\e63f"
}

.icon-iconfontcuowu:before {
    content: "\e640"
}

.icon-iconfontguanbicuowu:before {
    content: "\e641"
}

.icon-iconfontzhengquetishitianchong:before {
    content: "\e642"
}

.icon-iconfontdiannao:before {
    content: "\e643"
}

.icon-iconfontpingbandiannao:before {
    content: "\e644"
}

.icon-iconfontxuanzekuangyixuan:before {
    content: "\e645"
}

.icon-iconfontoptionbutton:before {
    content: "\e646"
}

.icon-iconfontxuanzefangfa01:before {
    content: "\e647"
}

.icon-iconfontduigou:before {
    content: "\e648"
}

.icon-iconfontshuaxin:before {
    content: "\e649"
}

.icon-iconfontrenwu:before {
    content: "\e64a"
}

.icon-iconfonticonfontweibo:before {
    content: "\e64b"
}

.icon-iconfontxinlangweibo:before {
    content: "\e64c"
}

.icon-iconfontweibo:before {
    content: "\e64d"
}

.icon-iconfontweibiaoti1:before {
    content: "\e64e"
}

.icon-iconfontweixin:before {
    content: "\e64f"
}

.icon-iconfontweixin1:before {
    content: "\e650"
}

.icon-iconfontweixin2:before {
    content: "\e651"
}

.icon-iconfontweixin3:before {
    content: "\e652"
}

.icon-iconfontqq:before {
    content: "\e653"
}

.icon-iconfontqq1:before {
    content: "\e654"
}

.icon-iconfontqq2:before {
    content: "\e655"
}

.icon-iconfontqq3:before {
    content: "\e656"
}

.icon-iconfontxiangqing:before {
    content: "\e657"
}

.icon-iconfontanquanbaozhang:before {
    content: "\e658"
}

.icon-iconfonticonpay:before {
    content: "\e659"
}

.icon-iconfontbaozhang:before {
    content: "\e65a"
}

.icon-iconfontchanpin:before {
    content: "\e624"
}

.icon-iconfontguanyuwomen:before {
    content: "\e625"
}

.icon-iconfontguanyuwomen1:before {
    content: "\e626"
}

.icon-iconfontweibiaoti2:before {
    content: "\e627"
}

.icon-iconfontdianhua:before {
    content: "\e628"
}

.icon-iconfontdianhua1:before {
    content: "\e629"
}

.icon-iconfontgengxin:before {
    content: "\e62a"
}

.icon-iconfontluxiandaohang:before {
    content: "\e62b"
}

.icon-iconfontwuxianduandaohang:before {
    content: "\e62c"
}

.icon-iconfontdaohang:before {
    content: "\e62d"
}

.icon-iconfontiocnnv2:before {
    content: "\e600"
}

.icon-iconfontiocnnan:before {
    content: "\e601"
}

.icon-iconfonttianjia1:before {
    content: "\e602"
}

.icon-iconfontquanping:before {
    content: "\e603"
}

.icon-iconfontjulichi:before {
    content: "\e604"
}

.icon-iconfontshouyezhuyetubiao07:before {
    content: "\e605"
}

.icon-iconfontwoyaofahuo:before {
    content: "\e606"
}

.icon-iconfontxiangji:before {
    content: "\e607"
}

.icon-iconfonthoudongfangiconfont01:before {
    content: "\e608"
}

.icon-iconfontrenminbi:before {
    content: "\e609"
}

.icon-iconfontjianlilaiyuanwangzhan:before {
    content: "\e60a"
}

.icon-iconfonttupian24px:before {
    content: "\e60b"
}

.icon-iconfontnan:before {
    content: "\e60c"
}

.icon-iconfontshipin:before {
    content: "\e60d"
}

.icon-iconfontchenggong:before {
    content: "\e60e"
}

.icon-iconfonticonfontrili:before {
    content: "\e60f"
}

.icon-iconfontjinyongudisable:before {
    content: "\e610"
}

.icon-iconfontgongjiao:before {
    content: "\e611"
}

.icon-iconfontcar:before {
    content: "\e612"
}

.icon-iconfontjiaotongiconwalk:before {
    content: "\e613"
}

.icon-iconfontdiqiu:before {
    content: "\e614"
}

.icon-iconfonttianjiaxin:before {
    content: "\e615"
}

.icon-iconfontxinsaoyisao:before {
    content: "\e618"
}

.icon-iconfontrepin:before {
    content: "\e61a"
}

.icon-iconfontxianshirequ:before {
    content: "\e61c"
}

.icon-iconfontfasong:before {
    content: "\e61d"
}

.icon-iconfontdaohangsanjiao:before {
    content: "\e61e"
}

.icon-iconfontdaohangtubiao:before {
    content: "\e61f"
}

.icon-iconfontmianxingtubiao1ziyuanguanli:before {
    content: "\e620"
}

.icon-iconfontxingyexinwen:before {
    content: "\e621"
}

.icon-iconfontfabuanli:before {
    content: "\e622"
}

.icon-iconfontdianxinganli:before {
    content: "\e623"
}

/* ========== main.css ========== */

/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/

.husdnj{
    position: absolute;
    top:0px;
    width: 100%;
    z-index: 999;
    left: 50%;
    margin-left: -50%;
	  background: rgba(255, 255, 255, 0.5);
}

.changgg{
    width:1400px;
    margin:0 auto;
    position: relative;
    z-index: 9;
}
.flex1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section {
    overflow: hidden;
    width: 100%;
    position: relative;
}


.x-banner{
    overflow: hidden;
    height: 100vh;
}
.section1 {
    overflow: hidden;
}
.nnav{
    width: 910px;
    margin-top: 28px;
}
.section2{
    position: relative; 
}
.hdisnjh{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background: url(../images/aboutbg.jpg) center center  no-repeat;
    background-size: 100% 100%;
}

.active .hdisnjh{
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}


.hdisnjhxfv{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background: url(../images/bg01.jpg) center center  no-repeat;
    background-size: 100% 100%;
}

.active .hdisnjhxfv{
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}




.hdisnjhxfvsss{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background: url(../images/bg02.jpg) center center  no-repeat;
    background-size: 100% 100%;
}

.active .hdisnjhxfvsss{
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}



.hdisnfgighgh{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background: url(../images/bg03.jpg) center center  no-repeat;
    background-size: 100% 100%;
}

.active .hdisnfgighgh{
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}



.shdonmg{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background: url(../images/bg04.jpg) center center  no-repeat;
    background-size: 100% 100%;
}

.active .shdonmg{
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}




.xinwehd{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background: url(../images/bg05.jpg) center center  no-repeat;
    background-size: 100% 100%;
}

.active .xinwehd{
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}



.laidjhhh{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
     background: url(../images/bg06.jpg) center center  no-repeat;
    background-size: 100% 100%;
}

.active .laidjhhh{
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}


@-webkit-keyframes scaleBigToSmall{
0%{-webkit-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);}
100%{-webkit-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);}
}
@-moz-keyframes scaleBigToSmall{
0%{-moz-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);}
100%{-moz-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);}
}
@-ms-keyframes scaleBigToSmall{
0%{-ms-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);}
100%{-ms-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);}
}



@media(min-width: 769px){

.sun-delay0 {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }

    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }

    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
    }

    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s;
    }

    .sun-delay4 {
        -webkit-transition-delay: 1s;
                transition-delay: 1s;
    }

    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s;
    }

    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
                transition-delay: 1.4s;
    }

    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
                transition-delay: 1.6s;
    }

    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
                transition-delay: 1.8s;
    }

    .sun-delay9 {
        -webkit-transition-delay: 2s;
                transition-delay: 2s;
    }

    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
                transition-delay: 2.2s;
    }

     .sun-delay11 {
        -webkit-transition-delay: 2.4s;
                transition-delay: 2.4s;
    }

     .sun-delay12 {
        -webkit-transition-delay: 2.6s;
                transition-delay: 2.6s;
    }

     .sun-delay13 {
        -webkit-transition-delay: 2.8s;
                transition-delay: 2.8s;
    }

    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
     .sun-ani-up1,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
                transition-duration: .7s;
    }

    .sun-ani-left {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
    }

    .sun-ani-down {
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
    }



.sun-ani-up {
        -webkit-transform: translateY(-200px);
                transform: translateY(200px);
    }


.sun-ani-up1 {
        -webkit-transform: translateY(-500px);
                transform: translateY(500px);
    }

    .sun-ani-right {
        -webkit-transform: translatex(100px);
                transform: translatex(100px);
    }

    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-up1 {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
                transform: translatex(0);
    }

}



/* ========== 关于我们 ========== */
.section2{
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abggty{
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 1;
}
.abggtyle{
    width: 55%;

}
.abggtytr{
    width: 40%;
}
.abggtytr img{
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.abggtylegeng{
	width: 100%;

	
    margin-top: 10px;
    gap: 40px;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.abggtylegeng li{
    text-align: center;
}
.abggtylegeng_a{
    font-size: 36px;
    font-weight: bold;
    color: #0D5E54;
}
.abggtylegeng_b{
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

@media screen and (max-width: 769px){
    .section2{
        display: block;
    }
    .abggty{
        flex-direction: column;
        padding: 60px 0;
    }
    .abggtyle{
        width: 100%;
    }
    .abggtytr{
        width: 100%;
    }
    .abggtylegeng{
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* 通用标题块 */
.abggtyle_a{
    width: 60px;
    height: 4px;
    background: #0D5E54;
    margin-bottom: 15px;
}
.abggtyle_b{
    font-size: 20px;
    color: #0F5F55;
    letter-spacing: 2px;
    margin-bottom: 5px;
}
.abggtyle_c{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}

.abggtyle_d{
  color:#F5AE00;font-weight:500; font-size: 20px;
}

.abggtyle_e{
font-weight:700;font-size:20px;margin:30px 0  10px 0;
}
.abggtyle_f{
 
    color: #666;
    margin: 0px 0 30px 0;
}
.abggtyle_f p{
	
	font-size: 17px;
	line-height: 200%;
    margin-bottom: 10px;
	
}




.abggtyle_g a {
	padding: 14px 0;
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: rgba(34, 78, 167, 1);
	width: 175px;
	
	margin-top: 20px;
}
.abggtyle_g img {
	width: 18px;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 15px;
}
.abggtyle_g a:hover {
	background-color: rgba(231, 33, 36, 1);
}



@-webkit-keyframes lv-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
     filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
     filter: blur(0px);
  }
}

@-webkit-keyframes lv-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
     filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
     filter: blur(0px);
  }
}

@keyframes lv-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
     filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
     filter: blur(0px);
  }
}


@-webkit-keyframes lv-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    filter: blur(0px);
  }
}

@keyframes lv-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    filter: blur(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    filter: blur(0px);
  }
}



@-webkit-keyframes lv-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes lv-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}



@-webkit-keyframes lv-fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes lv-fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}







@-webkit-keyframes lv-fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes lv-fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}




@-webkit-keyframes lv-fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes lv-fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


@-webkit-keyframes lv-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes lv-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}




/* ===== 产品中心 - 左侧分类导航 ===== */
.cpnghytlejj{
  margin-top: 40px;
  padding:0;
  border:none;
}
.cpnghytlejj li{
  font-size:16px;
  font-weight:normal;
  letter-spacing:0;
  color:#333;
  line-height:48px;
  position:relative;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:4px;
  padding:0 16px;
  border-radius:8px;
  transition:all .35s ease;
}
.cpnghytlejj li a{ color:#333; display:none; }
.cpnghytlejj li .cat-num{
  font-size:13px;
  font-weight:700;
  color:#c4c4c4;
  min-width:26px;
  transition:all .35s;
}
.cpnghytlejj li .cat-name{
  font-size:15px;
  color:#555;
  transition:all .35s;
  position:relative;
}
.cpnghytlejj li .cat-name::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:2px;
  background:#f8b000;
  transition:width .4s ease;
}
.cpnghytlejj li:hover,
.cpnghytlejj li.current{
  color:#e7a403;
  cursor:pointer;
  font-weight:600;
  background:rgba(248,176,0,0.06);
}
.cpnghytlejj li:hover .cat-num,
.cpnghytlejj li.current .cat-num{
  color:#f8b000;
}
.cpnghytlejj li:hover .cat-name,
.cpnghytlejj li.current .cat-name{
  color:#e7a403;
  font-size:16px;
  font-weight:600;
}
.cpnghytlejj li:hover .cat-name::after,
.cpnghytlejj li.current .cat-name::after{
  width:100%;
}
.cpnghytlejj li::after{ display:none; }

/* ===== 产品中心 - 右侧网格区域 ===== */
.cpnghytrt{
  width:960px;
  min-height:460px;
  position:relative;
}


.xt_product_grid{
  display:none;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.xt_product_grid.on{
  display:grid;
  animation:xt_fadeSlideIn .45s ease forwards;
}

/* ===== 产品卡片 ===== */
.xt_product_card{
  display:block;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 3px 18px rgba(0,0,0,.05);
  transition:all .4s cubic-bezier(.25,.46,.45,.94);
  text-decoration:none;
  cursor:pointer;
}
.xt_product_card:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 45px rgba(0,0,0,.12);
}
.xt_product_card .xt_card_img{
  width:100%;
  height:210px;
  overflow:hidden;
  position:relative;
}
.xt_product_card .xt_card_img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.25,.46,.45,.94);
}
.xt_product_card:hover .xt_card_img img{
  transform:scale(1.1);
}
.xt_product_card .xt_card_img::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.32) 0%,transparent 55%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
}
.xt_product_card:hover .xt_card_img::after{
  opacity:1;
}
.xt_product_card .xt_card_info{
  position:relative;
  padding:16px 18px;
  z-index:2;
  background:#fff;
}
.xt_product_card .xt_card_info h4{
  font-size:15px;
  font-weight:600;
  color:#222;
  margin:0 0 5px 0;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.xt_product_card .xt_card_info p{
  font-size:12px;
  color:#aaa;
  margin:0;
}
.xt_product_card .xt_card_arrow{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%) translateX(8px);
  font-size:18px;
  color:#f8b000;
  opacity:0;
  transition:all .35s ease;
}
.xt_product_card:hover .xt_card_arrow{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}

/* ===== 占位卡片（无图产品） ===== */
.xt_product_card_placeholder .xt_card_img{
  background:#f7f7f7;
}
.xt_product_card_placeholder .xt_card_empty{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#bbb;
}
.xt_product_card_placeholder .xt_card_empty span{
  font-size:24px;
  font-weight:700;
  color:#ccc;
  margin-bottom:10px;
}
.xt_product_card_placeholder .xt_card_empty p{
  font-size:13px;
  color:#d0d0d0;
}

@keyframes xt_fadeSlideIn{
  from{opacity:0;transform:translateY(18px);}
  to{opacity:1;transform:translateY(0);}
}



.active .cpnghytlejj  {
    animation-name: lv-fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
}

.active .cpnghytrt  {
    animation-name: lv-fadeInRight;
    animation-duration: 1.2s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
}
.active .xuanzdele_g  {
    animation-name: lv-fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
}


/* ===== 公用：左侧标题区块 ===== */
.xuanzdele{
  width: 470px;
}
.xuanzdele_g{
  width: 160px;
  line-height: 44px;
  background: #f8b000;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  margin-top: 60px;
  transition: all 0.3s ease;
}
.xuanzdele_g a{
  color: #fff;
  display: block;
}
.xuanzdele_g:hover{
  background: #e09d00;
  box-shadow: 0 4px 12px rgba(248,176,0,0.3);
  transform: translateY(-1px);
}

/* ===== Section 4: 合作品牌 ===== */
.xt_brand_grid{
  width: 710px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
.xt_brand_item{
  text-align:center;
}
.xt_brand_logo{
  width:100%;
  aspect-ratio:1 / 1;
  background:#fff;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
  transition:all .4s cubic-bezier(.25,.46,.45,.94);
  position:relative;
}
.xt_brand_logo img{
  width:60%;
  height:60%;
  object-fit:contain;
  transition:transform .4s ease;
}
.xt_brand_logo:hover{
  transform:translateY(-6px);
  box-shadow:0 8px 28px rgba(0,0,0,.12);
}
.xt_brand_logo:hover img{
  transform:scale(1.08);
}
.xt_brand_txt{
  font-size:15px;
  font-weight:600;
  color:#555;
  letter-spacing:1px;
}
.xt_brand_name{
  display:block;
  font-size:13px;
  color:#888;
  margin-top:8px;
}
.active .xt_brand_grid{animation-name:lv-fadeInRight;animation-duration:1.2s;animation-delay:1.4s;animation-fill-mode:both;}


/* ===== Section 5: 生产实力 ===== */
.shehgdhule{width:470px;}
.shehgdhurt{
  width:710px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:260px 260px;
  gap:14px;
}
.xt_strength_card{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 14px rgba(0,0,0,.06);
  transition:all .4s cubic-bezier(.25,.46,.45,.94);
  display:block;
  text-decoration:none;
}
.xt_strength_card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}
.xt_strength_card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.25,.46,.45,.94);
}
.xt_strength_card:hover img{transform:scale(1.08);}
.xt_strength_tag{
  position:absolute;
  bottom:16px;
  left:16px;
  background:rgba(0,0,0,.6);
  color:#fff;
  font-size:13px;
  padding:6px 16px;
  border-radius:20px;
  backdrop-filter:blur(4px);
  transition:all .35s ease;
}
.xt_strength_card:hover .xt_strength_tag{
  background:rgba(248,176,0,.85);
}
.xt_strength_large{
  grid-row:1 / 3;
}
.xt_strength_wide{
  grid-column:2 / 3;
  grid-row:2 / 3;
}
.active .shehgdhurt{animation-name:lv-fadeInRight;animation-duration:1.2s;animation-delay:1.4s;animation-fill-mode:both;}

/* ===== 公用：分类导航（视频/新闻 Tab） ===== */
.abggtyleff{
  margin-top:50px;
  padding:0;
  border:none;
}
.abggtyleff li{
  font-size:16px;
  font-weight:normal;
  letter-spacing:0;
  color:#555;
  line-height:48px;
  position:relative;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:4px;
  padding:0 16px;
  border-radius:8px;
  transition:all .35s ease;
}
.abggtyleff li a{color:#555;display:none;}
.abggtyleff li .cat-num{
  font-size:13px;
  font-weight:700;
  color:#c4c4c4;
  min-width:26px;
  transition:all .35s;
}
.abggtyleff li .cat-name{
  font-size:15px;
  color:#555;
  transition:all .35s;
  position:relative;
}
.abggtyleff li .cat-name::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:2px;
  background:#f8b000;
  transition:width .4s ease;
}
.abggtyleff li:hover,
.abggtyleff li.current{
  color:#e7a403;
  cursor:pointer;
  font-weight:600;
  background:rgba(248,176,0,0.06);
}
.abggtyleff li:hover .cat-num,
.abggtyleff li.current .cat-num{color:#f8b000;}
.abggtyleff li:hover .cat-name,
.abggtyleff li.current .cat-name{color:#e7a403;font-size:16px;font-weight:600;}
.abggtyleff li:hover .cat-name::after,
.abggtyleff li.current .cat-name::after{width:100%;}
.abggtyleff li::after{display:none;}
.active .abggtyleff{animation-name:lv-fadeInUp;animation-duration:1.2s;animation-delay:1.4s;animation-fill-mode:both;}

/* ===== Section 6: 视频中心 ===== */
.sdhifbgfle{width:390px;}
.sdhifbgfrt{width:780px;min-height:380px;position:relative;}
.xt_video_grid{
  display:none;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.xt_video_grid.on{
  display:grid;
  animation:xt_fadeSlideIn .4s ease forwards;
}
.xt_video_card{
  display:block;
  text-decoration:none;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 14px rgba(0,0,0,.05);
  transition:all .4s cubic-bezier(.25,.46,.45,.94);
}
.xt_video_card:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 32px rgba(0,0,0,.1);
}
.xt_video_thumb{
  width:100%;
  height:190px;
  position:relative;
  overflow:hidden;
}
.xt_video_thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}
.xt_video_card:hover .xt_video_thumb img{transform:scale(1.08);}
.xt_video_play{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .35s ease;
  z-index:1;
}
.xt_video_play::after{
  content:'▶';
  color:#fff;
  font-size:32px;
  width:60px;
  height:60px;
  border:2px solid #fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-indent:3px;
  transition:all .35s ease;
}
.xt_video_card:hover .xt_video_play{
  background:rgba(0,0,0,.4);
}
.xt_video_card:hover .xt_video_play::after{
  background:rgba(248,176,0,.85);
  border-color:rgba(248,176,0,.85);
  transform:scale(1.1);
}
.xt_video_title{
  text-align:center;
  padding:14px 12px;
  font-size:14px;
  color:#444;
  font-weight:500;
  transition:color .3s ease;
}
.xt_video_card:hover .xt_video_title{color:#e09d00;font-weight:600;}

/* ===== Section 7: 新闻中心 ===== */
.xduhnfgtrtle{width:370px;}
.xduhnfgtrtet{width:800px;min-height:360px;position:relative;}
.xt_news_grid{
  display:none;
  flex-direction:column;
  gap:0;
}
.xt_news_grid.on{
  display:flex;
  animation:xt_fadeSlideIn .4s ease forwards;
}
.xt_news_card{
  display:flex;
  align-items:center;
  gap:22px;
  padding:22px 16px;
  text-decoration:none;
  border-radius:10px;
  transition:all .35s ease;
  border-bottom:1px solid rgba(0,0,0,.05);
}
.xt_news_card:hover{
  background:#fffdf8;
  transform:translateX(6px);
}
.xt_news_date{
  flex-shrink:0;
  width:72px;
  height:72px;
  background:linear-gradient(135deg,#f8b000,#e09d00);
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.xt_news_day{
  font-size:26px;
  font-weight:700;
  line-height:1;
}
.xt_news_my{
  font-size:11px;
  opacity:.9;
  margin-top:4px;
}
.xt_news_body{
  flex:1;
  min-width:0;
}
.xt_news_body h4{
  font-size:18px;
  font-weight:600;
  color:#222;
  margin:0 0 6px 0;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .3s ease;
}
.xt_news_card:hover .xt_news_body h4{color:#e09d00;}
.xt_news_body p{
  font-size:13px;
  color:#999;
  line-height:1.6;
  margin:0 0 8px 0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.xt_news_more{
  font-size:12px;
  color:#f8b000;
  font-weight:500;
  opacity:0;
  transition:all .3s ease;
}
.xt_news_card:hover .xt_news_more{opacity:1;}
.active .xduhnfgtrtet{animation-name:lv-fadeInUp;animation-duration:1.2s;animation-delay:1.4s;animation-fill-mode:both;}
.active .sdhifbgfrt{animation-name:lv-fadeInRight;animation-duration:1.2s;animation-delay:1.4s;animation-fill-mode:both;}

/* ===== Section 8: 联系我们 ===== */
.laindyugle{width:460px;}
.laindyugrt{width:690px;}
.xt_contact_cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:18px;
}
.xt_contact_item{
  background:#fff;
  border-radius:10px;
  padding:18px 20px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
  transition:all .35s ease;
}
.xt_contact_item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.xt_contact_icon{
  font-size:24px;
  flex-shrink:0;
  width:44px;
  height:44px;
  background:rgba(248,176,0,.08);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.xt_contact_text{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.xt_contact_label{
  font-size:12px;
  color:#aaa;
  font-weight:500;
}
.xt_contact_val{
  font-size:14px;
  color:#333;
  font-weight:500;
  word-break:break-all;
}
.xt_contact_person{
  background:#fff;
  border-radius:10px;
  padding:16px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
  border-left:3px solid #f8b000;
}
.xt_contact_person_name{
  font-size:16px;
  font-weight:600;
  color:#222;
}
.xt_contact_person_qq{
  font-size:14px;
  color:#999;
}
/* 二维码 */
.xt_qrcode_group{
  display:flex;
  gap:14px;
  margin-top:16px;
}
.xt_qrcode_box{
  text-align:center;
}
.xt_qrcode_img{
  width:120px;
  height:120px;
  background:rgba(248,176,0,.06);
  border:1px solid #eee;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.xt_qrcode_img img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.xt_qrcode_placeholder{
  font-size:13px;
  color:#c5c5c5;
  font-weight:500;
}
.xt_qrcode_label{
  display:block;
  font-size:12px;
  color:#aaa;
  margin-top:6px;
}
.active .laindyugrt{animation-name:lv-fadeInUp;animation-duration:1.2s;animation-delay:1.4s;animation-fill-mode:both;}
.dhisdnjh{
  border-bottom: #d8dadc 1px solid;
  position: relative;
  z-index: 9;
}
.djsinjh{
  position: absolute;
  bottom: 0px;
  line-height: 16px;
  text-align: center;
  

  

  z-index: 999;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #555555;
}
.djsinjh a{
  color: #555555;
}

.husuhg{
  background: url(../image/d9d353914ff1703736ed9ef40832982ccff6de5a.jpg);
}
.abggtyle_aaa{
      width: 30px;
    height: 4px;
    background: #f8b000;
}
.abggtyle_bdd{
  font-size: 48px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 60px;
	color: #f6ae00;
	opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: -3px;
}
.xypg-left-title h3{
  font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
}

.xypg-left-con{
    border: none!important;
}
.hidsnjhhg{
  background: url(../image/f2e013dc32b2d2c760681500778f23674f5405a9.png) left center no-repeat;
  box-sizing: border-box;
  padding-left: 20px;
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #555555;
  border-bottom: #e5e5e5 1px solid;
  margin-bottom: 40px;
}
.hidsnjhhg a{
  	color: #f7b734;
}

.hidsnjhhg a:nth-child(3){
 color: #555555;
} 
.jidsnjhgle{
  width: 283px;
  overflow: hidden;
  height: 212px;
}
.jidsnjhgle img{
  width: 100%;
  height: 212px;
}
.jidsnjhgrong{
  width: 620px;
}
.jidsnjhgrong_a{
  position: relative;
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 54px;
	letter-spacing: 0px;
	color: #333333;
}
.jidsnjhgrong_a span{
  position: absolute;
  top:0px;
  right: 0px;
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 54px;
	letter-spacing: 0px;
	color: #999999;
}
.jidsnjhgrong_gh{
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #555555;
	opacity: 0.6;
}
.dosk{
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
}

/* ========== Inline Styles ========== */
.xypg-product-list li .img img{left:0;position:absolute;top:-50%;bottom:-50%;margin:auto;width:100%;height:auto;min-height:180px;z-index:0;}
.xypg-product-list li .img{text-align:center;background:#f8f8f8;overflow:hidden;position:relative;height:180px;display:block;}
.xypg-left-nav li:hover .xypg-left-subnav{display:block;}
.max1400{font-size:16px;}
.swiper-container-fade .swiper-slide>div{background-size:cover !important;}
.banner-text1{display:none;}
.page-banner .nybt h3{opacity:0;}
.swiper-button-next,.swiper-button-prev{top:45%;}
.banner-switch{top:90%;}
.xypg-right-content img{max-width:100%;}
.video{display:flex;flex-flow:column wrap;max-height:1500px;}
.video p{width:33%;padding:8px;text-align:center;line-height:1.75em;}
.xypg-left-nav .xypg-left-subnav{z-index:999;}
.of{max-height:150px;}
.video_nav .xypg-left-navs li:hover,.video_nav .xypg-left-navs li.on,.video .videoss input#s_btn{background:#F5AE00;}
.ic p{border-bottom:solid 1px #f2f2f2;}

/* ========== Nav Hover 背景变白 ========== */
.husdnj.nav-white {
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.husdnj.nav-white .x-menu > li > a { color: #333; }
.husdnj.nav-white .x-menu > li:hover > a { color: #fff; background: #f8b000; }
.husdnj.nav-white .dlogo img { filter: brightness(0.8); }

/* ========== 响应式容器宽度 ========== */
@media (max-width: 1300px) {
  .changgg {
    min-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .nnav {
    width: 75%;
  }
  .x-menu > li {
    width: 12.5%;
  }
  .x-menu > li > a {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .changgg {
    min-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .nnav {
    width: 910px;
  }
  .x-menu > li {
    width: 12.5%;
  }
  .x-menu > li > a {
    font-size: 14px;
  }
}

/* ===== 合作品牌网格响应式 ===== */
@media (max-width: 992px) {
  .xt_brand_grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .xt_brand_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
  }
  .xt_brand_logo {
    border-radius: 10px;
  }
  .xt_brand_txt {
    font-size: 13px;
  }
  .xt_brand_name {
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .xt_brand_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
}