* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", system-ui, sans-serif;
        }
        :root {
            --main-dark: #192940;
            --main-blue: #234b80;
            --accent: #007bcc;
            --gray-dark: #333333;
            --gray: #666666;
            --gray-light: #f2f4f7;
            --white: #ffffff;
        }
        a {text-decoration: none;color: inherit;}
        ul {list-style: none;}
        img {max-width:100%;display:block;object-fit:cover;}
        .wrap {max-width:1240px;margin:0 auto;padding:0 20px;}

        /* ========== 头部导航 churubber原版风格：无顶部小通栏，导航栏深色背景 ========== */
        .header {
            background-color: var(--main-dark);
            position: sticky;
            top:0;
            z-index:999;
        }
        .header-inner {
            display:flex;
            justify-content:space-between;
            align-items:center;
            height:72px;
        }
        .logo {
            color:#fff;
            font-size:22px;
            font-weight:700;
        }
        .logo small {
            display:block;
            font-size:12px;
            opacity:0.75;
            font-weight:normal;
        }
        .nav {display:flex;gap:38px;}
        .nav li a {
            color:rgba(255,255,255,0.85);
            font-size:16px;
            padding:8px 0;
            position:relative;
        }
        .nav li a:hover,
        .nav li.active a {
            color:#ffffff;
        }
        .nav li a::after {
            content:"";
            position:absolute;
            left:0;
            bottom:0;
            width:0;
            height:2px;
            background:var(--accent);
            transition:0.25s;
        }
        .nav li a:hover::after,
        .nav li.active a::after {width:100%;}
        .menu-btn {
            display:none;
            color:#fff;
            font-size:28px;
            cursor:pointer;
        }
        .tel-fixed {
            position:fixed;
            right:16px;
            bottom:80px;
            z-index:99;
        }
        .tel-fixed a {
            display:block;
            background:#007bcc;
            color:#fff;
            padding:3px 12px 10px 12px;
            border-radius:8px;
            font-size:14px;
        }

        /* ========== Banner全屏轮播 ========== */
        .banner {
            width:100%;
            height:540px;
            overflow:hidden;
            position:relative;
        }
        .banner-roller {
            width:100%;
            height:100%;
            display:flex;
            transition:transform 0.6s cubic‑bezier(0.25,0.46,0.45,0.94);  
        }
        .banner-item {
            flex:0 0 100%;
            height:100%;
            position:relative;
        }
        .banner-item img {
            width:100%;
            height:100%;
            object-fit:cover;   
        }
        .banner-text {
            position:absolute;
            left:8%;
            top:50%;
            transform:translateY(-50%);
            color:#fff;
            max-width:580px;
        }
        .banner-text h2 {
            font-size:42px;
            margin-bottom:14px;
            line-height:1.25;
            text-shadow:0 2px 12px rgba(0,0,0,.35);
        }
        .banner-text p {
            font-size:18px;
            margin-bottom:28px;
            opacity:0.92;
        }
        .banner-btn {
            display:inline-block;
            background:var(--accent);
            padding:13px 34px;
            border-radius:2px;
            font-size:16px;
        }
        .banner-dots {
            position:absolute;
            bottom:24px;
            left:50%;
            transform:translateX(-50%);
            display:flex;
            gap:10px;
        }
        .dot {
            width:12px;height:12px;
            border-radius:50%;
            background:rgba(255,255,255,0.4);
            cursor:pointer;
        }
        .dot.active {background:#007bcc;}
        .arrow-prev,.arrow-next {
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            width:44px;height:44px;
            background:rgba(255,255,255,0.2);
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            font-size:22px;
            cursor:pointer;
        }
        .arrow-prev {left:20px;}
        .arrow-next {right:20px;}

        /* ========== 通用区块样式 ========== */
        .section {padding:70px 0;position:relative;}
        .section-gray {background:var(--gray-light);}
        /* 带背景图的区块通用样式 */
        .section-bg-img{
            background-size:cover;
            background-position:center center;
            background-repeat:no-repeat;
        }
        .section-bg-img::before{
            content:"";
            position:absolute;
            left:0;top:0;right:0;bottom:0;
            background:rgba(25,41,64,0.5);
            z-index:1;
        }
        .section-bg-img > .wrap{
            position:relative;
            z-index:2;
        }
        .section-bg-img .title-wrap h3,
        .section-bg-img .title-wrap p,
        .section-bg-img h4,
        .section-bg-img p{
            color:#ffffff !important;
        }

        .title-wrap {
            text-align:center;
            margin-bottom:48px;
        }
        .title-wrap h3 {
            font-size:30px;
            color:var(--main-dark);
            margin-bottom:10px;
        }
        .title-wrap p {color:var(--gray);font-size:15px;}

        
        /* ==========  我们的优势 ========== */
        .switch-advantage-wrap{
            display:flex;
            gap:40px;
            align-items:center;
        }
        .switch-adv-img{
            width:50%;
            /* height:360px; */
            overflow:hidden;
            border-radius:4px;
        }
        .switch-adv-img img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:none;
        }
        .switch-adv-img img.active{
            display:block;
        }
        .switch-adv-list{
            width:50%;
        }
        .switch-adv-item{
            padding:22px 20px;
            border-bottom:1px solid #e7e9ec;
            cursor:pointer;
            transition:0.25s;
        }
        .switch-adv-item:first-child{border-top:1px solid #e7e9ec;}
        .switch-adv-item h4{
            font-size:19px;
            color:var(--main-dark);
            margin-bottom:8px;
        }
        .switch-adv-item p{
            font-size:14px;
            color:var(--gray);
            line-height:1.7;
        }
        .switch-adv-item.active{
            background:#e8f2fa;
        }
        /* ========== 产品中心 ========== */
        .pro-grid {
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:24px;
        }
        .pro-card {
            background:#fff;
            border:1px solid #e7e9ec;
            overflow:hidden;
        }
        .pro-img-box {height:360px;overflow:hidden;}
        .pro-info {padding:10px 16px;}
        .pro-info h4 {
            font-size:16px;
            color:var(--main-dark);
            margin-bottom:8px;
        }
        .pro-info p {
            font-size:14px;
            color:var(--gray);
            line-height:1.6;
        }

        /* ========== 定制流程模块 ========== */
        .flow-grid{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            gap:20px;
        }
        .flow-item{
            background:rgba(255,255,255,0.12);
            border:1px solid rgba(255,255,255,0.25);
            padding:26px 14px;
            text-align:center;
            position:relative;
        }
        .flow-item .num{
            width:40px;height:40px;
            background:var(--accent);
            color:#fff;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            margin:0 auto 14px;
            font-weight:bold;
            font-size:18px;
        }
        .flow-item h4{
            font-size:16px;
            color:#fff;
            margin-bottom:8px;
        }
        .flow-item p{
            font-size:13px;
            color:rgba(255,255,255,0.85);
            line-height:1.6;
        }

        /* ========== 新闻资讯  ========== */
        .news-item{
            display:flex;
            background:#fff;
            border:1px solid #e7e9ec;
            margin-bottom:22px;
            overflow:hidden;
        }
        .news-item-img{
            width:180px;
            flex-shrink:0;
        }
        .news-item-img img{
            width:100%;
            height:100%;
        }
        .news-item-body{
            flex:1;
            padding:24px 26px;
        }
        .news-item-date{
            font-size:13px;
            color:#999;
            margin-bottom:10px;
        }
        .news-item-body h4{
            font-size:20px;
            color:var(--main-dark);
            margin-bottom:12px;
            line-height:1.4;
        }
        .news-item-body p{
            font-size:15px;
            color:var(--gray);
            line-height:1.7;
        }

        /* ========== 工厂实力 ========== */
        .factory-row {
            display:flex;
            gap:40px;
            align-items:center;
        }
        .factory-img {flex:1;}
        .factory-text {flex:1;}
        .factory-text h3 {
            font-size:28px;
            color:#fff;
            margin-bottom:18px;
        }
        .factory-text p {
            font-size:15px;
            color:rgba(255,255,255,0.88);
            line-height:1.8;
            margin-bottom:14px;
        }

         /* ========== 联系我们  ========== */
        .contact-row {
            display:flex;
            gap:60px;
        }
        .con-left {flex:1;}
        .con-right {flex:1;}
        .con-item {margin-bottom:24px;}
        .con-item h5 {
            font-size:17px;
            color:var(--main-dark);
            margin-bottom:6px;
        }
        .con-item p {color:var(--gray);font-size:15px;}

        /* ========== 页脚 ========== */
        footer {
            background:var(--main-dark);
            color:#b4c2d4;
            padding:55px 0 25px;
        }
        .foot-grid {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:30px;
            margin-bottom:40px;
        }
        .foot-col h4 {
            color:#fff;
            font-size:17px;
            margin-bottom:20px;
        }
        .foot-col li {margin-bottom:11px;font-size:14px;}
        .foot-col a {color:#b4c2d4;}
        .foot-col a:hover {color:#fff;}
        .copyright {
            text-align:center;
            padding-top:20px;
            border-top:1px solid #2c3e58;
            font-size:13px;
        }

        /* ========== 返回顶部 ========== */
        .backtop {
            width:50px;height:60;
            background:#234b80;
            color:#fff;
            position:fixed;
            right:16px;
            bottom:140px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:2px;
            cursor:pointer;
            opacity:0;
            visibility:hidden;
            z-index:98;
        }
        .backtop.show {opacity:1;visibility:visible;}

        /* ========== 响应式适配 ========== */
        @media(max-width:1200px){
            .flow-grid{grid-template-columns:repeat(3,1fr);}
        }
        @media(max-width:992px){
            .nav{
                position:absolute;
                top:72px;
                left:0;
                width:100%;
                background:#192940;
                flex-direction:column;
                padding:20px;
                gap:14px;
                display:none;
            }
            .nav.show{display:flex;}

            .nav li a {
            font-size:18px;
            padding:18px 0;
             
        }
            .menu-btn{display:block;}
            .adv-grid{grid-template-columns:repeat(2,1fr);}
            .pro-grid{grid-template-columns:repeat(2,1fr);}
            .factory-row{flex-direction:column;}
            .contact-row{flex-direction:column;}
            .foot-grid{grid-template-columns:repeat(2,1fr);}
            .banner{height:320px !important;}
            .banner-text{
                left:5% !important;
                right:5% !important;
                max-width:100% !important;
            }
            .banner-text h2{font-size:24px !important;line-height:1.3;}
            .banner-text p{font-size:15px !important;margin-bottom:18px;}
            .banner-btn{padding:10px 24px;font-size:15px;}
            .arrow-prev,.arrow-next{display:none !important;}

            /* 悬浮图文切换模块 移动端 */
            .switch-advantage-wrap{
                flex-direction:column;
            }
            .switch-adv-img,.switch-adv-list{
                width:100%;
            }
            .switch-adv-img{height:260px;}

            /* 新闻横条移动端 */
            .news-item{
                flex-direction:column;
            }
            .news-item-img{
                width:100%;
                height:200px;
            }
        }
        @media(max-width:576px){
            .adv-grid{grid-template-columns:1fr;}
            .pro-grid{grid-template-columns:1fr;}
            .flow-grid{grid-template-columns:1fr;}
            .foot-grid{grid-template-columns:repeat(2,1fr);}
        }




        .inner-banner {
            width: 100%;
            height: 380px;
            position: relative;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url('../images/nybanner.jpg');
        }

        .inner-banner::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(25, 41, 64, 0.3);
        }

        .inner-banner-content {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #ffffff;
            z-index: 2;
            width: 90%;
            max-width: 700px;
        }

        .inner-banner-content h1 {
            font-size: 36px;
            margin-bottom: 12px;
            font-weight: 700;
        }

        .inner-banner-content p {
            font-size: 16px;
            opacity: 0.85;
            line-height: 1.6;
        }

        @media (max-width: 992px) {
            .inner-banner {
                height: 320px;
            }

            .inner-banner-content h1 {
                font-size: 28px;
            }

            .inner-banner-content p {
                font-size: 15px;
            }
        }

        @media (max-width: 576px) {
            .inner-banner {
                height: 260px;
            }

            .inner-banner-content h1 {
                font-size: 22px;
            }
        }

         .about-wrap {
            padding: 70px 0;
            background: #ffffff;
        }
        .about-container {
            max-width: 1240px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .about-title {
            text-align: center;
            margin-bottom: 42px;
        }
        .about-title h2 {
            font-size: 30px;
            color: #192940;
            margin-bottom:10px;
        }
        .about-title p {
            font-size:15px;
            color:#666;
        }
        /* 上图下文 */
        .about-top {
            margin-bottom:60px;
        }
        .about-top-img {
            width:100%;
            border-radius:4px;
            overflow:hidden;
            margin-bottom:26px;
        }
        .about-top-img img {
            max-width:100%;
            margin: 0 auto;
            display:block;
            object-fit:cover;
        }
        .about-top-text h3 {
            font-size:24px;
            color:#192940;
            margin-bottom:16px;
        }
        .about-top-text p {
            font-size:15px;
            line-height:1.8;
            color:#555;
            margin-bottom:12px;
        }

        /* 公司文化四卡片 */
        .culture-title{
            text-align:center;
            margin-bottom:36px;
        }
        .culture-title h3{
            font-size:26px;
            color:#192940;
            margin-bottom:8px;
        }
        .culture-title p{
            color:#666;
            font-size:15px;
        }
        .culture-grid{
            display:grid;
            grid-template-columns: repeat(4,1fr);
            gap:24px;
        }
        .culture-item{
            background:#f4f7fa;
            padding:30px 20px;
            text-align:center;
            border-radius:4px;
        }
        .culture-item h4{
            font-size:18px;
            color:#192940;
            margin-bottom:12px;
        }
        .culture-item p{
            font-size:14px;
            color:#666;
            line-height:1.7;
        }

        /* 发展简述 */
        .about-desc{
            margin-top:60px;
            background:#f4f7fa;
            padding:35px 30px;
            border-radius:4px;
        }
        .about-desc h3{
            font-size:22px;
            color:#192940;
            margin-bottom:16px;
        }
        .about-desc p{
            font-size:15px;
            line-height:1.8;
            color:#555;
            margin-bottom:10px;
        }

        /* 响应式 */
        @media(max-width:992px){
            .culture-grid{
                grid-template-columns: repeat(2,1fr);
            }
            .about-wrap{
                padding:50px 0;
            }
            .about-title h2{
                font-size:26px;
            }
        }
        @media(max-width:576px){
            .culture-grid{
                grid-template-columns: 1fr;
            }
            .about-top-text h3{
                font-size:20px;
            }
        }

        
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#192940;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#192940;background-color:#ecf0f1;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#b4bcc2;background-color:#f5f5f5;border-color:#ddd;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#b4bcc2;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:8px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination-sm>li>a,.pagination-sm>li>span{padding:2px 8px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#ecf0f1}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#b4bcc2;background-color:#fff;cursor:not-allowed}