/* ========== Base Reset ========== */
html,body, div,p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, textarea, blockquote{margin:0;padding:0;font-size:14px;}
body{background:#fff;background-size:cover;font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;font-size:14px;line-height:26px;}
li,img,em{list-style:none;border:none;font-style:normal;}
a:link, a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#EF9705;text-decoration:none;cursor:pointer;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;}
img{max-width:100%;height:auto;}

/* ========== Container ========== */
@media (min-width: 768px){.container{width:750px}}
@media (min-width: 992px){.container{width:970px}}
@media (min-width: 1200px){.container{width:1176px}}
.img-responsive{display:block;max-width:100%;height:auto;}

/* ========== Header ========== */
#header .top-box{display:table;width:100%;margin:10px 0;}
#header .logo{display:table-cell;text-align:left;vertical-align:middle;}
#header .hot-line{display:table-cell;text-align:right;vertical-align:middle;white-space:nowrap;}
#header .logo img{max-width:100%;height:100px;}
.hot-line span,.hot-line a{font-size:22px;color:#BE0000;vertical-align:middle;}

/* ========== Mobile Header ========== */
@media(max-width:767px){
    #header .top-box{display:flex;align-items:center;justify-content:space-between;margin:5px 10px;}
    #header .logo{display:block;flex:1;text-align:left;}
    #header .logo img{height:50px;max-width:100%;}
    #header .hot-line{display:block;text-align:right;flex-shrink:0;}
    #header .hot-line img{height:30px;vertical-align:middle;}
    #header .hot-line a{font-size:16px;vertical-align:middle;}
}

/* ========== Navigation ========== */
#nav{background:#333;}
#nav.gd{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,0.2);animation:slideDown 0.3s ease;}
@keyframes slideDown{from{transform:translateY(-100%);}to{transform:translateY(0);}}

/* ========== 移动端导航覆盖层 ========== */
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:999;}
.nav-overlay.show{display:block;}

@media(max-width:767px){
    #nav{position:relative;height:48px;}
    #nav .container{padding:0;height:100%;display:flex;align-items:center;justify-content:flex-end;}
    .hbb{display:flex;align-items:center;height:100%;padding-right:15px;}
    .hbb .contain{width:32px;height:24px;position:relative;cursor:pointer;z-index:10001;}
    .hbb .contain>span{display:block;width:100%;height:3px;background:#EF9705;border-radius:3px;position:absolute;left:0;transition:all 0.3s cubic-bezier(.4,0,.2,1);}
    .hbb .contain>span:nth-child(1){top:0;}
    .hbb .contain>span:nth-child(2){top:10px;}
    .hbb .contain>span:nth-child(3){top:20px;}
    /* X 动画 */
    .hbb .contain.active>span{background:#fff;}
    .hbb .contain.active>span:nth-child(1){top:10px;transform:rotate(45deg);}
    .hbb .contain.active>span:nth-child(2){opacity:0;transform:scaleX(0);}
    .hbb .contain.active>span:nth-child(3){top:10px;transform:rotate(-45deg);}

    /* ====== 全屏网格导航 ====== */
    #nav .b-nav{
        position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;
        background:rgba(20,22,30,0.97);
        display:none;
        grid-template-columns:1fr 1fr;
        grid-auto-rows:minmax(100px,auto);
        gap:14px;
        padding:68px 18px 32px;
        align-content:center;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        backdrop-filter:blur(24px);
        -webkit-backdrop-filter:blur(24px);
    }
    #nav .b-nav.nav_dk{display:grid!important;}
    #nav .b-nav>li{
        border:none;text-align:center;
        background:rgba(255,255,255,0.06);
        border-radius:16px;
        border:1px solid rgba(255,255,255,0.06);
        transition:all 0.2s ease;
        animation:navCardIn 0.4s cubic-bezier(.22,.61,.36,1) backwards;
    }
    #nav .b-nav>li:nth-child(1){animation-delay:0.02s;}
    #nav .b-nav>li:nth-child(2){animation-delay:0.06s;}
    #nav .b-nav>li:nth-child(3){animation-delay:0.10s;}
    #nav .b-nav>li:nth-child(4){animation-delay:0.14s;}
    #nav .b-nav>li:nth-child(5){animation-delay:0.18s;}
    #nav .b-nav>li:nth-child(6){animation-delay:0.22s;}
    #nav .b-nav>li:nth-child(7){animation-delay:0.26s;}
    #nav .b-nav>li:nth-child(8){animation-delay:0.30s;}
    #nav .b-nav>li:active{background:rgba(239,151,5,0.12);border-color:rgba(239,151,5,0.3);transform:scale(0.95);}
    #nav .b-nav>li>a{
        display:flex;flex-direction:column;align-items:center;justify-content:center;
        padding:22px 8px;color:rgba(255,255,255,0.85);font-size:13px;font-weight:500;
        min-height:100px;gap:12px;text-decoration:none;position:relative;
        letter-spacing:0.5px;
    }
    /* 图标圆圈 */
    #nav .b-nav>li>a::before{
        content:'';
        width:44px;height:44px;border-radius:50%;
        display:flex;align-items:center;justify-content:center;
        font-size:20px;flex-shrink:0;
    }
    #nav .b-nav>li:nth-child(1)>a::before{content:'🏠';background:rgba(239,151,5,0.2);}
    #nav .b-nav>li:nth-child(2)>a::before{content:'🏢';background:rgba(59,130,246,0.2);}
    #nav .b-nav>li:nth-child(3)>a::before{content:'📦';background:rgba(16,185,129,0.2);}
    #nav .b-nav>li:nth-child(4)>a::before{content:'📰';background:rgba(139,92,246,0.2);}
    #nav .b-nav>li:nth-child(5)>a::before{content:'🔧';background:rgba(245,158,11,0.2);}
    #nav .b-nav>li:nth-child(6)>a::before{content:'🤝';background:rgba(236,72,153,0.2);}
    #nav .b-nav>li:nth-child(7)>a::before{content:'📞';background:rgba(239,68,68,0.2);}
    #nav .b-nav>li:nth-child(8)>a::before{content:'✉️';background:rgba(14,165,233,0.2);}
    #nav .b-nav>li>span{display:none;}
    #nav .b-nav>li>.ullist{display:none;}
    @keyframes navCardIn{from{opacity:0;transform:translateY(28px) scale(0.92);}to{opacity:1;transform:translateY(0) scale(1);}}

    /* 关闭按钮 */
    .nav-close-btn{
        position:fixed;top:16px;right:16px;z-index:10002;
        width:40px;height:40px;border-radius:50%;
        background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);
        color:#fff;font-size:22px;cursor:pointer;line-height:40px;text-align:center;
        display:none;
        transition:all 0.25s ease;
    }
    .nav-close-btn.show{display:block;}
    .nav-close-btn:active{background:rgba(239,68,68,0.25);border-color:rgba(239,68,68,0.4);}
}

@media (min-width: 768px){
    #nav .b-nav{display:table;width:100%;margin:0;}
    #nav .b-nav>li{display:table-cell;text-align:center;position:relative;}
    #nav .b-nav>li>a{display:block;padding:15px 0;color:#fff;font-size:15px;transition:all 0.2s;}
    #nav .b-nav>li>a:hover{background:#EF9705;color:#fff;}
    #nav .b-nav>li>span{display:none;}
    #nav .b-nav>li>.ullist{position:absolute;top:100%;left:0;width:100%;z-index:100;display:none;}
    #nav .b-nav>li:hover>.ullist{display:block;}
    #nav .b-nav>li>.ullist>li>a{background:rgba(0,0,0,.6);padding:10px 0;color:#fff;display:block;text-align:center;}
    #nav .b-nav>li>.ullist>li{margin-top:1px;}
    #nav .b-nav>li>.ullist>li>a:hover{background:#EF9705;color:#fff;}
    .hbb{display:none;}
    .nav-overlay{display:none!important;}
}
.ullist{padding:0;list-style:none;}

/* ========== Banner / Carousel ========== */
#banner{width:100%;overflow:hidden;}
#banner img{width:100%;display:block;}
#banner .owl-nav{display:inline-block;height:0;line-height:0;position:absolute;width:100%;top:50%;}
#banner .owl-nav .owl-prev .prev{position:absolute;left:10px;}
#banner .owl-nav .owl-next .next{position:absolute;right:10px;}
#banner .owl-nav .owl-prev .prev i,#banner .owl-nav .owl-next .next i{font-size:40px;padding:5px 10px;cursor:pointer;color:#ddd;transform:translateY(-50%);}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;position:relative;bottom:30px;height:0;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;width:10px;height:10px;border-radius:50%;margin:10px 8px;-webkit-backface-visibility:visible;box-shadow:0 0 0 1px #fff;transition:box-shadow 0.3s ease;}
.owl-theme .owl-dots .owl-dot.active,.owl-theme .owl-dots .owl-dot:hover{box-shadow:0 0 0 1px #EF9705;background-color:#EF9705;}
@media(max-width:767px){
    #banner .owl-nav{display:none}
    .owl-theme .owl-dots{bottom:25px;}
}

/* ========== Section ========== */
#section{margin-top:20px;margin-bottom:20px;}

/* Product Section Title */
#section>.product-show{border-bottom:1px solid #ddd;overflow:hidden;min-height:90px;margin-bottom:30px;}
#section .product>h3{font-size:26px;line-height:50px;font-family:"Microsoft Yahei";color:#666;text-align:center;padding-top:20px;margin-bottom:15px;}
#section .product>h3>span{font-size:20px;color:#f39800;border-bottom:1px solid #f39800;border-top:1px solid #f39800;margin-left:10px;}
@media(max-width:767px){
    #section>.product-show{min-height:70px;margin-bottom:20px;}
    #section .product>h3{font-size:22px;padding-top:10px;line-height:40px;}
    #section .product>h3>span{font-size:16px;}
}

/* Product Grid */
ul.pic>li>a{display:block;position:relative;padding-bottom:80.56%;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.06);}
ul.pic>li>a>img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px;}
ul.pic>li{padding:0 10px 20px;}
ul.pic>ul{overflow:hidden;margin:0px;}
ul.pic>li>h2{height:auto;line-height:28px;font-size:14px;font-weight:bold;text-align:center;padding:10px 4px 4px;}
#section>.container>.row>.pic>li>h2{margin-bottom:5px!important;}
@media(max-width:767px){
    ul.pic>li>h2{height:auto;line-height:24px;font-size:13px;padding:8px 2px 0;}
    ul.pic>li{padding:0 8px 16px;}
    ul.pic>li>a{border-radius:8px;}
    ul.pic>li>a>img{border-radius:8px;}
}

/* About Us Section */
.about_us{background:#f6f6f6;width:100%;padding-bottom:30px;}
.about_us>h3{line-height:50px;font-size:26px;padding-top:20px;margin-bottom:30px;font-family:"Microsoft Yahei";text-align:center;}
.about_us>h3>span{font-size:20px;border-top:1px solid #f39800;border-bottom:1px solid #f39800;color:#f39800;margin-left:10px;}
.about_us .about_txt p{text-indent:28px;}
.about_us .about_txt>span{color:#f39800;}
div.about_more{border:2px solid #f39800;width:160px;height:30px;color:#999;text-align:center;margin:30px auto;line-height:26px;}
.about_more a{display:block;padding:0 10px;}
@media(max-width:767px){
    .about_us>h3{font-size:22px;line-height:40px;padding-top:15px;margin-bottom:20px;}
    .about_us>h3>span{font-size:16px;}
    .about_us .about_txt{margin-top:15px;}
    .about_us .about_txt p{font-size:13px;line-height:24px;text-indent:24px;}
    .about_us .row>div:first-child{text-align:center;}
    .about_us .row>div:first-child img{max-width:80%;margin:0 auto;}
}

/* ========== Sidebar (Inner Pages) ========== */
#lefttext>div.about_title{background:#EF9705;color:#fefefe;font-size:22px;text-align:center;padding:25px 0px;}
#lefttext>ul.about_li{margin-bottom:15px;border:1px solid #e8e8e8;border-top:none;margin-top:1px;}
#lefttext>ul.about_li>li{padding:0;position:relative;border-bottom:1px solid #e8e8e8;}
#lefttext>ul.about_li>li>a{padding:0 0 0 30px;color:#646464;display:block;height:44px;line-height:44px;}
#lefttext>ul.about_li>li>a:hover,#lefttext>ul.about_li>li>a:active{color:#EF9705;}

@media(min-width:768px){
    #lefttext>ul.about_li>li{background:url(../images/fyjian1.png) 85% center no-repeat;}
    #lefttext>ul.about_li>li:hover{background:#f39800 url(../images/fyjian.png) 85% center no-repeat;}
    #lefttext>ul.about_li>li:hover>a{color:#fff;}
    #lefttext>ul.about_li>li .sub_nav{position:absolute;top:0;left:100%;width:100%;z-index:100;display:none;}
    #lefttext>ul.about_li>li:hover .sub_nav{display:block;}
    #lefttext>ul.about_li>li .sub_nav a{display:block;background:#f2f2f2;text-align:center;line-height:38px;}
    #lefttext>ul.about_li>li .sub_nav a:hover{background:#EF9705;color:#fff;}
    #lefttext>ul.about_li>li span{display:none;}
}
@media(max-width:767px){
    #lefttext{margin-bottom:15px;}
    #lefttext>div.about_title{font-size:18px;padding:15px 0;}
    #lefttext>ul.about_li>li>a{font-size:15px;padding-left:15px;}
    #lefttext>ul.about_li>li .sub_nav{display:none;}
    #lefttext>ul.about_li>li.dk .sub_nav{display:block;}
    #lefttext>ul.about_li>li .sub_nav a{text-align:left;padding-left:40px;display:block;background:#f2f2f2;line-height:40px;}
    #lefttext>ul.about_li>li span{display:inline-block;cursor:pointer;padding:12px 18px;font-size:18px;float:right;color:#888;}
}

/* Sidebar Contact Box */
#section div.contact_us h2{width:100%;height:86px;border:1px solid #EF9705;background:#EF9705 url(../images/leftcon.gif) no-repeat 10% center;background-size:28px;text-align:center;font-weight:normal;color:#fff;font-size:12px;padding:24px 0px;line-height:22px;}
#section div.contact_us h2>p{font-size:18px;}
#section div.contact_us h2 a{color:#fff;font-size:22px;}
#section ul.contact_content{border:1px solid #e8e8e8;padding:10px;}
#section ul.contact_content>li{padding:5px 0 5px 5px;font-size:13px;line-height:22px;}

/* ========== Content Area (Inner Pages) ========== */
#section .text_top{overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:15px;padding:0px;margin-top:10px;}
#section .text_top .left{font-size:18px;font-family:'Microsoft YaHei';float:left;padding-bottom:8px;}
#section .text_top .right{float:right;color:#8e8e8e;font-size:13px;}
#section #righttext{padding-top:10px;}
#section #righttext img{max-width:100%;margin:0 auto;display:block;height:auto;}
#section #righttext p{text-indent:28px;line-height:30px;}
#section #righttext .clearfix>p{}
#section #righttext .info-news p{text-indent:0;}

@media(max-width:767px){
    #section .text_top .left{font-size:16px;float:none;}
    #section .text_top .right{float:none;font-size:12px;display:block;margin-top:4px;color:#aaa;}
    #section #righttext p{text-indent:20px;font-size:14px;line-height:26px;}
    #section #righttext .clearfix>p{text-indent:20px;font-size:14px;line-height:26px;}
}

/* ========== News Articles ========== */
#section .tab>ul>li{text-align:center;padding:5px 0px;border-bottom:1px solid #e4e4e4;}
#section .tab>ul>li>a{font-size:16px;padding:10px 20px;color:#555;display:block;}
#section .tab>ul>li>a:hover{color:#ff6600;}
.newslist li{width:auto;line-height:35px;height:35px;overflow:hidden;}
.newslist li span{width:100px;float:right;}
@media(max-width:767px){
    #section .tab>ul>li>a{font-size:14px;padding:8px 10px;}
    .newslist li{line-height:30px;height:30px;}
    .newslist li span{width:80px;font-size:11px;}
}

/* Info News Detail */
#section .na-info-news>li{float:left;font-size:12px;margin-right:40px;margin-bottom:10px;}
#section .na-info-news{overflow:hidden;}
#section .info-news>h4>a{font-size:16px;color:#EF9705;}
#section .info-news>h4{margin-bottom:10px;}
#section .info-news>a:hover{background:#fff!important;}
#section .info-news>a{border-color:#888;}
#section .na-news{border-bottom:1px solid #e4e4e4;padding-bottom:30px;margin-top:30px;}
#section .loadpoint{text-align:center;padding:8px 0px;background:#eee;border-radius:3px;margin-top:20px;color:#777;}
.info-head{padding:10px 0;text-align:center;}
.info-head>h2{border-bottom:1px solid #eee;padding-bottom:10px;font-size:24px;}
.info-head>p>span{font-size:12px;color:#999;}
div.text-center>img{margin:20px auto;}
.content-feedback{text-align:center;}
.content-feedback>a.btn{background:#ff6600;margin-top:20px;color:#fff;}

/* ========== Form ========== */
.form>div>ul>li{padding-top:10px;}
.form>div>ul.left>li{height:42px;vertical-align:bottom;text-align:right;}
.form>div>ul.left>li.bottom{height:160px;padding-top:70px;}
.form>div>ul.right>li>input{width:94%;margin-right:5px;text-indent:5px;}
.form>div>ul.right>li>textarea{width:94%;margin-right:5px;height:160px;text-indent:5px;}
.form button{padding:6px 15px;margin-top:20px;margin-bottom:10px;margin-right:20px;}
@media (max-width:767px){
    .form>div{padding-left:0px!important;padding-right:0px!important;}
    .form>div>ul.left>li{text-align:left;height:auto;padding-top:5px;}
    .form>div>ul.left>li.bottom{padding-top:5px;}
    .form>div>ul.right>li>input,.form>div>ul.right>li>textarea{width:100%;box-sizing:border-box;}
}

/* ========== Footer ========== */
#footer{background:#3a3535;color:#666;width:100%;}
#footer p{font-size:12px;}
#footer .container{text-align:center;}
#footer .bottom{margin:15px auto;}
#footer .bottom a{color:#666;font-size:12px;}
@media (max-width:767px){
    #footer{margin-bottom:55px;padding:10px 0;}
    #footer .bottom{font-size:12px;margin:10px auto;}
}

/* ========== Mobile Bottom Menu ========== */
.foot-menu{background:#EF9705;position:fixed;bottom:0px;right:0px;left:0px;height:50px;margin:0px;line-height:50px;box-sizing:border-box;padding:0px;z-index:999;
    padding-bottom:env(safe-area-inset-bottom);}
.foot-menu>div{float:left;padding:0px;text-align:center!important;height:50px;}
.foot-menu>div>a{color:#fff;height:50px;line-height:50px;display:block;font-size:13px;}
.foot-menu>div>a>img{height:20px;vertical-align:middle;margin-right:2px;}

/* ========== Back to Top ========== */
.up{position:fixed;bottom:70px;right:15px;width:36px;height:36px;border-radius:50%;background:#EF9705;display:none;z-index:998;text-align:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.up img{width:18px;margin-top:9px;}
@media (max-width:767px){
    .up{bottom:65px;right:10px;width:40px;height:40px;}
    .up img{width:20px;margin-top:10px;}
}

/* ========== News Articles (点击标题展开) ========== */
.news-item { border-bottom: 1px solid #eee; padding: 16px 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.news-item:first-child { padding-top: 0; }
.news-header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.news-title { font-size: 17px; font-weight: 600; color: #1a1a1a; margin: 0; flex: 1; line-height: 1.5; }
.news-arrow { color: #EF9705; font-size: 13px; flex-shrink: 0; transition: transform 0.25s ease; }
.news-item.open .news-arrow { transform: rotate(180deg); }
.news-date { font-size: 13px; color: #999; margin: 6px 0 0; }
.news-body { display: none; padding-top: 14px; font-size: 15px; color: #333; line-height: 1.9; }
.news-item.open .news-body { display: block; }
.news-body p { text-indent: 2em; margin-bottom: 10px; }
.news-contact { text-align: center; color: #EF9705; font-size: 14px; text-indent: 0 !important; margin-top: 14px; }
.news-contact a { color: #BE0000; font-size: 17px; font-weight: bold; }
.news-item:active { background: #fafafa; }
@media(max-width:767px){
    .news-item { padding: 14px 0; }
    .news-title { font-size: 16px; }
    .news-date { font-size: 12px; }
    .news-body { font-size: 14px; line-height: 1.8; padding-top: 10px; }
    .news-body p { text-indent: 1.6em; margin-bottom: 8px; }
    .news-contact { font-size: 13px; }
    .news-contact a { font-size: 16px; }
}

/* ========== Pagination ========== */
.Page{width:100%;margin-top:5px;text-align:center;}
.Page a{display:inline-block;min-width:35px;background:#ffffff;height:35px;vertical-align:middle;line-height:35px;font-size:14px;border:1px solid #EF9705;margin-left:-1px;text-decoration:none;color:#333;outline:none;padding:0 5px}
.Page a:hover{background:#EF9705;color:#FFF;}
.Page span{display:inline-block;min-width:35px;padding:0 10px;background:#ffffff;height:35px;vertical-align:middle;line-height:35px;font-size:14px;border:1px solid #EF9705;margin-left:-1px;}
.Page span.current{background:#EF9705;color:#FFF}

/* ========== Contact Page Helpers ========== */
div.position{background:#f8f8f8;border:1px solid #e2e2e2;padding:8px 12px;font-size:16px;margin-bottom:15px;margin-top:50px;}
div.position>a{color:#dc1e27!important;}
div.position>a:hover{color:#99151b;}
div.heading{font-size:16px;padding-bottom:5px;border-bottom:3px dotted #e2e2e2;}

/* ========== Spacing Helpers ========== */
div.space20{height:20px;}
div.space15{height:15px;}
div.space10{height:10px;}

/* ========== 小程序 / 移动端深度优化 ========== */
@media(max-width:480px){
    body{font-size:14px;line-height:1.7;color:#333;-webkit-text-size-adjust:100%;}
    h1,h2,h3{line-height:1.35;}
    /* 全局触摸优化 */
    a,button,.news-article,[onclick],.hbb .contain,.foot-menu>div>a{min-height:44px;display:inline-flex;align-items:center;}
    a{display:inline-flex;align-items:center;}
    /* 容器间距 */
    .container{padding-left:12px;padding-right:12px;}
    #section{margin-top:8px;margin-bottom:10px;}
    /* 段落排版 */
    p{font-size:15px;line-height:1.75;margin-bottom:10px;}
    #section #righttext p{font-size:15px;line-height:1.75;text-indent:24px;}
    /* 底部菜单 */
    .foot-menu{height:52px;line-height:52px;
        padding-bottom:env(safe-area-inset-bottom,0);}
    .foot-menu>div>a{padding:0 2px;font-size:11px;min-height:52px;flex-direction:column;gap:1px;justify-content:center;}
    .foot-menu>div>a>img{height:20px;display:block;margin:0 auto;}
    /* 返回顶部 */
    .up{width:42px;height:42px;bottom:70px;right:12px;}
    .up img{width:22px;margin-top:10px;}
    /* Footer */
    #footer{margin-bottom:60px;padding:12px 0;}
}

/* ========== 滚动优化 ========== */
@media(max-width:767px){
    body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;}
    /* 标题紧凑 */
    #section .product>h3{font-size:21px;padding-top:12px;line-height:42px;}
    #section .product>h3>span{font-size:15px;}
    .about_us>h3{font-size:21px;line-height:42px;padding-top:16px;margin-bottom:18px;}
    .about_us>h3>span{font-size:15px;}
    ul.pic>li>h2{height:40px;line-height:40px;font-size:14px;}
    /* 面包屑 */
    #section .text_top .left{font-size:16px;}
    /* 表单 */
    .form-group input,.form-group textarea{font-size:16px;padding:12px;} /* 防止iOS缩放 */
}

/* ========== 刘海屏 / 异形屏适配 ========== */
@supports(padding-bottom:env(safe-area-inset-bottom)){
    .foot-menu{padding-bottom:calc(4px + env(safe-area-inset-bottom));}
    body{padding-bottom:env(safe-area-inset-bottom);}
}
@supports(padding-top:env(safe-area-inset-top)){
    #nav.gd{padding-top:env(safe-area-inset-top);}
}

/* ========== 触摸设备专属 ========== */
@media(hover:none) and (pointer:coarse){
    a:hover,a:active{color:inherit;}
    a:active{color:#EF9705;transition:color 0.05s;}
    .foot-menu>div>a:active{background:rgba(0,0,0,0.2);border-radius:8px;}
    #nav .b-nav>li>a:active{background:#fff7ed;}
    /* 去除点击高亮 */
    *{-webkit-tap-highlight-color:transparent;}
    /* 按钮最小触摸尺寸 */
    button,.btn,.btn-sm{min-height:44px;min-width:44px;}
}

/* ========== 暗色模式提示 (未来扩展) ========== */
@media(prefers-color-scheme:dark){
    /* 保留亮色主题为主，小程序一般不需要暗色 */
}

/* ========== Print ========== */
@media print{
    .foot-menu,.up,#nav,.nav_box,.hbb{display:none!important;}
    #footer{margin-bottom:0;}
    body{font-size:12px;}
}