:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}
:root {
    --zt-green: #006148;
    --zt-light-green: #eef7f2;
    --zt-teal: #00a884;
    --primary-color: #006148;
    --text-dark: #333333;
    --text-muted: #666666;
    --transition-smooth: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    font-family: 'Open Sans', sans-serif;;
    color: var(--text-color);
    overflow-x: hidden;
}
*{font-family: 'Open Sans', sans-serif;}
.hdp img{width: 100%;height: auto;}
ul,li{list-style: none;padding: 0;margin: 0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
/* Navbar */
.top-bar {
    background-color: var(--primary-color);
    font-size: 2rem;
}

/* Hero Section Styles Removed/Modified for Carousel */
.carousel-item {
    transition: transform 0.8s ease-in-out;
    /* Slower transition for nicer feel */
}

/* Buttons */
.btn-warning {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.btn-warning:hover {
    background-color: #e66b00;
    border-color: #e66b00;
}

.hover-scale {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Service Cards */
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-10px);

}
.service-card:hover .cpbt{color: #fc6502}
.service-card:hover .yqq a{background: #fc6502}
.service-card:hover .yqq a i{color: #fff}

/* Dynamic Image Effects */
.img-wrapper {
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

/* Zoom Effect */
.dynamic-img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
    width: 100%;
}

.service-card:hover .dynamic-img {
    transform: scale(1.1);
}

/* News Image Zoom */
.news-card {
    overflow: hidden;
}

.dynamic-img-zoom {
    transition: transform 0.5s ease;
    width: 100%;
    object-fit: cover;
}

.news-card:hover .dynamic-img-zoom {
    transform: scale(1.1) rotate(1deg);
}

/* Lift Effect for About Image */
.dynamic-img-lift {
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.dynamic-img-lift:hover {
    transform: translateY(-15px) rotate(-1deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
}

/* Icon Box Hover */
.hover-lift {
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.hover-lift:hover {
    transform: translateY(-5px);
    border-bottom: 3px solid var(--accent-color);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

.icon-box i {
    color: var(--primary-color);
    transition: color 0.3s;
}

.hover-lift:hover .icon-box i {
    color: var(--accent-color);
}

/* Section Colors */
.bg-navy {
   background: url("../images/abbg.jpg") no-repeat top center;background-attachment: fixed;
    background-size: cover;
    overflow: hidden;padding: 8rem 0;
}

/* Footer */
footer {
    background-color: #111;
}

footer a:hover {
    color: var(--accent-color) !important;
}

/* AOS Tweaks */
[data-aos] {
    pointer-events: none;
}

[data-aos].aos-animate {
    pointer-events: auto;
}
.nyt img{width: 100%;height: auto}
.footer-form input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #333 inset !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip:text;}
@media (min-width: 769px) {
    .containerbox{max-width: 1480px !important;margin-right: auto;
        margin-left: auto;    box-sizing: border-box;padding: 0 10px;}
    /*ttop*/
    .ttop{width: 100%; transition:all ease .3s;background:#fff;padding:0;border-bottom:1px solid rgb(255 255 255 / 20%);border-top: 3px solid #00735d}

    .ttops{width: 100%;background:rgb(255 255 255 / 90%); animation: ease-in banner-dh .3s;position: fixed; top: 0; left: 0;z-index: 2000; min-height:80px;backdrop-filter: blur(10px);}
    @keyframes banner-dh {
        0% {
            transform: translateY(-10px);
            opacity: 0;
        }


        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .gzpl{display: flex;justify-content: flex-end;gap: 0 15px;}
    .gztsw{font-size: 14px;color: #fff;line-height:30px;}
    .gzpl ul{display: flex;justify-content: space-between;gap: 0 15px;}
    .gzpl ul li a img{height:16px; }
    .logo{margin-top: 20px;}
    .topdw{position: relative;}
    /*导航*/
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:#fff; border-radius: 2px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ padding:0 !important;}
    .navbar-nav>li>a{
        padding:0 !important; color:#333 !important; line-height:80px;font-size: 16px;}

    .zcdh{width: 70%;float: left;}
    .navbar-nav{float: right !important;display: flex;justify-content:space-between;width: 100%;}
    .dhy{padding: 0 !important;}
    .navbar-default{background:rgb(255 255 255 / 0%)!important;border: none !important;}
    .dhht{width: 100%;}
    .nav> li:hover .dropdown-menu {display: block;}


    .yc{display: block}
    .yc0{display: none;}




    .dbright{display: flex;justify-content: flex-end;align-items: center;position: relative;font-size: 18px;line-height: 24px;}
    .dbright a{color: #009178;}

    .top{display: flex;justify-content: space-between;}
/*首页简介*/
.syjjk{margin:80px auto;}
.sybtz{font-size: 2.2rem;font-weight: bold;color: #333;line-height: 3;transition: all ease-in .3s;}
.ycgywz{padding-left: 3rem !important;}
.ycgywz article{font-size: 15px;line-height: 2;color: #555;}
.gywl{margin: 30px auto;padding-top: 50px;border-top: 1px solid #e6e6e6;}
    .gywl ul{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:0 30px;}
    .gsxgt{overflow:hidden;border-radius: 8px;}
    .gsxgt img{width: 100%;aspect-ratio: 6/4;object-fit: cover;}
    .gywl li h1{margin: 0;font-size: 1.4rem;line-height:3;color: #333;margin-top: 10px;}
    .gywl li article{font-size: 15px;line-height: 2;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    /* --- Product Section --- */
    .cpbg{width: 100%;background: url("../images/cpbg.png") no-repeat top center;background-size: 100%;padding-top: 50px;}
    .cpcion{margin:15px auto;padding-bottom: 40px;background: url("../images/btbg.png") no-repeat bottom center;}
    .cpbtz{font-size: 1.2rem;line-height: 3;color: #1f3f27;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
    .xqwz{font-size: 14px;line-height: 2;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;text-align: left;}

    .gdan{background: #e2eeea;border: 1px dashed #009178;width: 160px;margin: 15px auto;font-size: 14px;line-height: 2.6;text-align: center;color: #555;transition: all ease-in .3s;}
    .product-card:hover .gdan{background:#009178;color: #fff; }
    .product-card {
        background: white;
        border: 1px solid #eee;
        padding: 40px;
        text-align: center;
        transition: var(--transition-smooth);
        border-radius: 8px;
        height: 100%;
    }

    .product-card:hover {
        border-color: var(--zt-green);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
        transform: translateY(-5px);
    }

    .product-icon {
        font-size: 40px;
        color: var(--zt-green);
        margin-bottom: 20px;
    }

    /* 首页搜索 */
    .service-banner{width: 100%;background: url("../images/ssbg.jpg") no-repeat top center;background-size: cover;padding:20px 0 40px;}
    .sybtzwhite{color:#fff;}
    /* --- Why Choose Us --- */
    .why-box {
        background:#f3f5f3;
        padding: 30px;
        border-radius: 4px;
        height: 100%;
        transition: var(--transition-smooth);
        position: relative;
        overflow: hidden;
    }

    .why-box::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 0;
        background: var(--zt-green);
        transition: var(--transition-smooth);
    }

    .why-box:hover::after {
        height: 100%;
    }

    .why-box:hover {
        background: #e1ece4;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    }

    .why-box i {
        font-size: 28px;
        color: var(--zt-green);
        margin-bottom: 15px;
        display: block;
    }
    .whyk{width:100%;background: linear-gradient(to right,#f3faf8,#fbfdfc);padding: 50px 0 80px;}
    .wicon{display: flex;align-items:center;gap: 0 10px;}
    .wicon h5{font-size: 1.6rem;color: #00735d;font-weight: normal;}
    .wxwz{font-size: 15px;line-height: 2;color: #555;margin-top: 15px;}
    /* --- Footer --- */
    .footer {
        background: #222;
        color: #bbb;width: 100%;float: left;padding-top: 40px;
    }

    .footer h5 {
        color: white;

    }

    .footer-form input,
    .footer-form textarea {
        background: #333;
        border: 1px solid #444;
        color: white;
        margin-bottom: 10px;
    }

    .footer-form input:focus,.footer-form textarea:focus {
        background: #3a3a3a;
        border-color: var(--zt-green);
        box-shadow: none;
        color: white;
    }
    .footer-form input::placeholder,
    .footer-form textarea::placeholder{color: #bbb;font-size: 15px;}
.footer1{padding: 0;}
    /* Image Hover Common Class */
    .hover-scale {
        overflow: hidden;
    }

    .hover-scale img {
        transition: var(--transition-smooth);
    }

    .hover-scale:hover img {
        transform: scale(1.1);
    }
    .dbt{font-size: 1.4rem;line-height: 3;}
    .btn-zt {
        background: var(--zt-green);
        color: white;
        border: none;
        padding: 10px 30px;
        transition: all 0.3s;
    }

    .btn-zt:hover {
        background: var(--zt-teal);
        color: white;
    }
    .dbbq a{color:#bbb }
/*公司简介*/
    /* Introduction Section */
    .intro-section {
        padding: 80px 0 40px;
        text-align: center;
    }

    .intro-title {
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 30px;
        letter-spacing: 2px;
    }

    .intro-content {
        max-width: 1200px;
        margin: 0 auto;
        color: var(--text-muted);
        line-height: 1.8;
        font-size: 1rem;
    }

    /* Statistics Section */
    .stats-section {
        padding: 20px 0 40px;
    }

    .stat-item {
        text-align: center;
        padding: 20px;
        border-right: 1px solid #eee;
    }

    .stat-item:last-child {
        border-right: none;
    }

    .stat-number {
        font-size: 2.2rem;
        font-weight: 700;
        color: var(--primary-blue);
        margin-bottom: 10px;
        display: block;
    }

    .stat-label {
        color: var(--text-muted);
        font-size: 0.9rem;
    }

    /* Workshop Swiper Section */
    .workshop-section {
        position: relative;
        padding:0;

        overflow: hidden;border-radius: 40px;
    }

    .workshop-container {
        border-radius: 40px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    }

    .sccj .mySwiper {
        width: 100%;
        height: 600px;
    }

    .sccj .swiper-slide {
        position: relative;
        background-size: cover;
        background-position: center;
    }

    .sccj .slide-overlay {
        position: absolute;
        left: 50px;
        bottom: 50px;
        background: rgba(255, 255, 255, 0.95);
        padding: 50px;
        max-width: 500px;
        border-radius: 20px;
        backdrop-filter: blur(10px);
        z-index: 10;
        transition: transform 0.3s ease;
    }

    .sccj .slide-title {
        font-size: 2rem;
        font-weight: 700;
        color: var(--primary-blue);
        margin-bottom: 20px;
    }

    .sccj .slide-desc {
        font-size: 1rem;
        color: var(--text-muted);
        line-height: 1.8;
        margin-bottom: 30px;
    }

    /* Swiper Navigation */
    .sccj .swiper-controls {
        display: flex;
        gap: 15px;
    }

    .sccj .swiper-nav-btn {
        width: 45px;
        height: 45px;
        background: var(--primary-blue);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        border: none;
    }

    .sccj .swiper-nav-btn:hover {
        background: #004a8c;
        transform: scale(1.1);
    }

    .sccj .swiper-nav-btn i {
        font-size: 1.2rem;
        font-weight: bold;
    }

    /* Pagination */
    .sccj .my-swiper-pagination {
        position: absolute !important;
        bottom: 30px !important;
        right: 50px !important;
        left: auto !important;
        width: auto !important;
        z-index: 10;
    }

    .sccj .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: var(--primary-blue);
        opacity: 0.3;
        margin: 0 8px !important;
        transition: all 0.3s ease;
    }

    .sccj .swiper-pagination-bullet-active {
        opacity: 1;
        width: 30px;
        border-radius: 5px;
    }
    .sccj{margin-bottom: 50px;}
    /*产品中心*/
    .cpnbt{font-size: 2.4rem;line-height: 3;color: #333;text-align: center;transition: all ease-in .3s;}
    .cplbnk{margin: 40px auto;display:flex;flex-wrap: wrap; }
    .cpnk{margin-bottom: 40px;}
    /*产品详情*/
    .cpxqk{margin: 30px auto;}
    .cpbtkk{font-size: 1.6rem;line-height: 4;color: #23544d;font-weight: bold;border-bottom: 1px solid #e6e6e6;position: relative;text-align: center}
    .cpbtkk:after{position: absolute;width: 50px;height: 5px;background:#23544d;border-radius: 10px;left:48%;bottom: -2px;content: ''; }
    .cpxqnr{margin: 30px auto;font-size: 15px;line-height: 2;color: #555;}
    .cpcion img{height: 76px;}
    /*上下篇*/
    .sxpk{width: 100%;background: #f4f5f4;padding: 20px 0;margin-top: 60px;}
    .sxp{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 0 30px;margin: 20px auto}
    .sypz{background: url("../images/zjt2.png") no-repeat left center;padding-left: 20px;font-size: 0.9em;color: #009178;overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(50% - 1px / 2);}
    .sypz a{font-size: 1em;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .sypz1{background: url("../images/yjt2.png") no-repeat right center;padding-right: 20px;border-left: 1px solid #e6e6e6;}
    /*应用行业*/
    .xwzxk{width: 100%;background: #f5f6f8;padding:20px 0 50px;}
    .news-card{background: #fff}

    .xwzxkm{margin: 0 auto !important;padding: 30px 0 !important}
    .xwzxkm .xwkk{margin-bottom: 15px;}
    .xwlbk{margin:30px auto 50px;}

    .xwbtn{font-size: 2.4rem;line-height: 2;font-weight: bold;color: #333;text-align: center;}
    .xwnk .xwc{margin-bottom:40px;}
    .card-title{font-size: 1.6rem;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;transition: all ease-in .3s;}
    .card-text{font-size: 1rem;line-height: 1.6;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xwtp img{aspect-ratio: 6/3;object-fit: cover;width: 100%}
    .text-muted1{font-size: 1rem;line-height: 3;color: #333;}
    .text-muted1 .rqd{font-size: 1.6rem;font-weight: bold;}
    .yqq1{width: 45px;height: 45px;background: #f8f9fa;border-radius: 50px;display: flex;justify-content: center;align-items: center;color: #333;transition: all ease-in .3s;}
    .xwc:hover .card-title{color: #23544d}
    .news-card:hover .yqq1{background:#23544d;color: #fff; }
    /*新闻列表*/
    .zxlbkn{margin: 50px auto;padding: 0 15px !important;}
    .zxlbkn li a{display: flex;justify-content: space-between;gap: 0 50px;padding:2rem 1rem;border-bottom: 1px dashed #e6e6e6;}
    .xwlbleft{width: 80%;}
    .xwlbleft h1{margin: 0;font-size:18px;line-height: 2;font-weight: bold;color: #333;width: 100%;transition: all ease-in .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .xwlbleft article{text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;font-size: 14px;line-height: 2;color: #555;}
    .zxlbkn li:hover h1{color: #23544d}
    .xwright{width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;background: #fff;border: 1px solid #e6e6e6;font-size: 16rem;color: #333;border-radius: 50px;margin-top: 50px;transition: all ease-in .3s;}
    .zxlbkn li:hover .xwright{background: #23544d;border: 1px solid #138ae1;color: #fff;margin-right: 20px; }
    .zxlbkn li:hover a{background: #f3f3f5}
    .xwright i{color: #666;font-size: 14px;}
    .tjsj{font-size: 13px;line-height: 3;color: #888;}
    .zxlbkn li:hover  .xwright i{color: #fff}
    /*新闻内容*/
    .xwxqkk{margin: 50px auto;}
    .xwbtnx{font-size: 26px;font-weight: bold;text-align: center;color: #23544d;line-height:2;}
    .xwsjn{font-size: 16px;line-height: 4;color: #666;text-align: center;border-bottom: 3px solid #23544d}
    .xwxqn{font-size: 15px;line-height: 2;color: #555;margin: 30px auto;}
    /*联系我们*/
    /* --- Contact Info Grid --- */
    .contact-info-grid {
        padding: 20px 0;
    }

    .info-box {
        display: flex;
        align-items: center;
        padding: 20px;
        transition: transform 0.3s ease;
    }

    .info-icon-circle {
        width:60px;
        height:60px;
        border: 2px solid var(--primary-teal);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 25px;
        color: var(--primary-teal);
        font-size: 22px;
        flex-shrink: 0;
    }

    .info-content h3 {
        font-size: 16px;
        margin-bottom: 10px;
        color: #666;
    }

    .info-content p {
        font-size: 16px;
        color: var(--text-muted);
        margin-bottom: 5px;
        line-height: 1.4;
    }

    .info-content .big-text {
        font-size: 20px;

        color: var(--primary-teal);
    }



    .overlay-item {
        display: flex;
        margin-bottom: 25px;
    }

    .overlay-item i {
        color: var(--primary-teal);
        font-size: 1.2rem;
        margin-right: 15px;
        margin-top: 5px;
    }

    .overlay-text span {
        display: block;
        color: var(--text-muted);
        font-size: 0.9rem;
        margin-bottom: 5px;
    }

    .overlay-text p {
        margin: 0;
        font-size: 1.1rem;
        color: #333;
    }



    /* --- Message Form --- */
    .message-section {
        padding: 80px 0;
        background: #fff;
    }

    .section-title {
        text-align: center;
        margin-bottom: 60px;
    }

    .section-title h2 {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .section-title .line {
        width: 40px;
        height: 3px;
        background: #ddd;
        margin: 0 auto;
    }

    .form-group-custom {
        margin-bottom: 30px;
    }

    .form-group-custom label {
        display: block;
        margin-bottom: 15px;
        color: #666;
        font-size: 0.95rem;
    }

    .input-with-icon {
        position: relative;
        border-left: 2px solid transparent;
        transition: all 0.3s;
    }

    .input-with-icon:focus-within {
        border-left: 6px solid var(--primary-teal);
    }

    .input-with-icon i {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
        font-size: 1.2rem;
    }

    .input-with-icon input,
    .input-with-icon textarea {
        width: 100%;
        padding: 15px 15px 15px 55px;
        background: #f8f8f8;
        border: 1px solid #eee;
        border-radius: 0;
        outline: none;
        transition: all 0.3s;
    }

    /* Custom style for specific input shown in screenshot */
    .input-active {
        border-left: 6px solid var(--primary-teal);
        background: var(--primary-teal) !important;
        color: #fff !important;
    }

    .input-active input::placeholder {
        color: #eee !important;
    }

    .input-active i {
        color: #fff !important;
    }

    .submit-btn {
        background: var(--primary-teal);
        color: #fff;
        padding: 15px 60px;
        border: none;
        font-size: 1.1rem;
        transition: all 0.3s;
        margin-top: 20px;
    }

    .submit-btn:hover {
        background: var(--hover-teal);
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
    .mapdk{width: 100%;background:url("../images/cpbg1.png") no-repeat bottom center;padding: 60px 0;background-size: 100%;}
}
.cpxqnr table{margin: 15px auto;border-right: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;width: 100%}
.cpxqnr table td{border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 0 10px;}
.cpxqnr img,.xwxqn img,.jjwzk img{max-width: 100%;}
.product-swiper-container {
    position: relative;
}

.swiper-nav-btn {
    width: 45px;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    transition: all 0.3s;
    cursor: pointer;
}

.swiper-nav-btn:hover {
    background: var(--zt-green);
    color: white;
    border-color: var(--zt-green);
}
.cptjnknn .swiper-button-prev:after, .cptjnknn .swiper-rtl .swiper-button-next:after,.cptjnknn .swiper-button-next:after, .cptjnknn .swiper-rtl .swiper-button-prev:after{display: none}
.navbar-toggler-icon{background-image:url("../images/dhbg.png");}
.navbar-toggler{border: 1px solid #e6e6e6;}
.ttop2 .navbar-toggler{background: #00a0ea}
.dropdown-item{font-size: 14px;}
.navbar-nav>li>a{
    padding:0 !important; color:#333 !important; line-height:80px;font-size: 16px;}
.nybanner img{width: 100%;height: auto;}
.fym{display: flex;align-items: center;justify-content: center;margin: 2rem auto;}
.navbar-toggler:focus{box-shadow: none;outline: none}
:root {
    --primary-blue: #005bac;
    --text-dark: #333;
    --text-muted: #666;
    --bg-light: #f8fbff;
}
:root {
    --primary-teal: #00877a;
    --hover-teal: #00766a;
    --text-dark: #333;
    --text-muted: #666;
    --bg-light: #f9f9f9;
    --border-color: #eee;
}
/*当前位置*/
.dq{background: #f5f6f9;}
.wz{font-size: 1rem;line-height: 3;color: #333;}
.wz a{color: #333;}
.wz i{font-size:1rem;color: #23544d;}


/* Responsive Fixes */
@media (max-width: 992px) {
    .stat-item {
        border-right: none;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }

    .stat-item:last-child {
        border-bottom: none;
    }

    .mySwiper {
        height: 500px;
    }

    .slide-overlay {
        left: 20px;
        right: 20px;
        bottom: 20px;
        max-width: none;
        padding: 30px;
    }
    .info-box {
        flex-direction: column;
        text-align: center;
        margin-bottom: 40px;
    }

    .info-icon-circle {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .map-section {
        height: 800px;
        flex-direction: column;
    }

    .map-overlay-info {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        margin: 40px auto;
    }

    .mySwiper {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .intro-title {
        font-size: 1.8rem;
    }

    .mySwiper {
        height: 400px;
    }

    .slide-title {
        font-size: 1.5rem;
    }

    .slide-desc {
        font-size: 0.9rem;
    }

    .my-swiper-pagination {
        right: 50%;
        transform: translateX(50%);
        bottom: 10px !important;
    }
    .info-content .big-text {
        font-size: 1.4rem;
    }

    .section-title h2 {
        font-size: 1.8rem;
    }
}
@media (min-width: 1280px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1240px;}


}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1600px;}
}
@media (max-width: 1440px) {
    .gytwz h1{font-size: 3rem;}
    .fllb ul li a{font-size:1.1rem;}
    .cpybms{padding-left: 20px;}
    .zjyx,.lxwm{width: 45% !important;}
    .sybtz{font-size: 2rem;}
    .stats-section {
        padding: 10px 0 20px;
    }
    .cpnbt{font-size: 2rem;}
    .info-content .big-text{font-size: 18px;}
}
@media (max-width: 1024px) {
    .gytwz h1{font-size: 2rem;}
    .top{width: 100% !important;display: flex;justify-content: space-between;}
    .dbright{width: 100% !important;}
    .ljtop ul{justify-content: flex-end;}
    .dbright{position:absolute;top:10px;right: 0;}
    .navbar-nav>li>a{line-height: 50px;}

    .navbar{justify-content: flex-end;}

    .navbar-toggler{margin:6px 10px 10px 0;}
    .navbar{width: 100%;}
    .sybtz{font-size: 1.8rem;}

    .dbtj{flex-wrap: wrap;}
    .stats-section {
        padding: 10px;
    }
    .cpnbt{font-size: 1.6rem;}
    .section-title h2{font-size: 28px;}
}
.navbar-collapse{padding: 0 15px;}
@media (max-width: 997px) {

    .top{width: 100% !important;display: flex;justify-content: space-between;}
    .dbright{width: 100% !important;}
    .navbar-collapse{margin-top: 0;background:rgb(247 247 247);}
    .ttop2 .navbar-nav>li>a{color: #fff !important}
    .navbar {
        background: #156451;
        padding: 6px 0 0 !important;
    }
    .top{display: block !important;}
    .topdw{padding: 0 !important}
    .dbright{top: 30px;right: 15px;}
    .logo{margin: 10px 0 10px 5px !important;height:60px;}
    .ttop{padding: 0 !important;}
}
.topdw .row{padding: 0;--bs-gutter-x:0;margin: 0 !important}
.form-group-custom1{display: flex;justify-content: flex-start;}
@media (max-width:768px) {
    /*联系我们*/
    /* --- Contact Info Grid --- */
    .contact-info-grid {
        padding: 20px 0;
    }

    .info-box {
        display: flex;
        align-items: center;
        padding: 20px 10px;
        transition: transform 0.3s ease;margin: 0;
    }

    .info-icon-circle {
        width:60px;
        height:60px;
        border: 2px solid var(--primary-teal);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 25px;
        color: var(--primary-teal);
        font-size: 22px;
        flex-shrink: 0;
    }

    .info-content h3 {
        font-size: 16px;
        margin-bottom: 10px;
        color: #666;
    }

    .info-content p {
        font-size: 16px;
        color: var(--text-muted);
        margin-bottom: 5px;
        line-height: 1.4;
    }

    .info-content .big-text {
        font-size:18px;

        color: var(--primary-teal);
    }



    .overlay-item {
        display: flex;
        margin-bottom: 25px;
    }

    .overlay-item i {
        color: var(--primary-teal);
        font-size: 1.2rem;
        margin-right: 15px;
        margin-top: 5px;
    }

    .overlay-text span {
        display: block;
        color: var(--text-muted);
        font-size: 0.9rem;
        margin-bottom: 5px;
    }

    .overlay-text p {
        margin: 0;
        font-size: 1.1rem;
        color: #333;
    }



    /* --- Message Form --- */
    .message-section {
        padding: 10px 0;
        background: #fff;
    }

    .section-title {
        text-align: center;
        margin-bottom: 10px;
    }

    .section-title h2 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
    }



    .form-group-custom {
        margin-bottom: 30px;
    }

    .form-group-custom label {
        display: block;
        margin-bottom: 15px;
        color: #666;
        font-size: 0.95rem;
    }

    .input-with-icon {
        position: relative;
        border-left: 2px solid transparent;
        transition: all 0.3s;
    }

    .input-with-icon:focus-within {
        border-left: 6px solid var(--primary-teal);
    }

    .input-with-icon i {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
        font-size: 1.2rem;
    }

    .input-with-icon input,
    .input-with-icon textarea {
        width: 100%;
        padding: 15px 15px 15px 55px;
        background: #f8f8f8;
        border: 1px solid #eee;
        border-radius: 0;
        outline: none;
        transition: all 0.3s;
    }

    /* Custom style for specific input shown in screenshot */
    .input-active {
        border-left: 6px solid var(--primary-teal);
        background: var(--primary-teal) !important;
        color: #fff !important;
    }

    .input-active input::placeholder {
        color: #eee !important;
    }

    .input-active i {
        color: #fff !important;
    }

    .submit-btn {
        background: var(--primary-teal);
        color: #fff;
        padding: 15px 60px;
        border: none;
        font-size: 1.1rem;
        transition: all 0.3s;
        margin-top: 20px;
    }

    .submit-btn:hover {
        background: var(--hover-teal);
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
    .mapdk{width: 100%;background:url("../images/cpbg1.png") no-repeat bottom center;padding: 10px 0;background-size: 100%;}
    /*新闻内容*/
    .xwxqkk{margin: 30px auto;}
    .xwbtnx{font-size: 20px;font-weight: bold;text-align: center;color: #23544d;line-height:1.6;}
    .xwsjn{font-size: 14px;line-height: 4;color: #666;text-align: center;border-bottom: 3px solid #23544d}
    .xwxqn{font-size: 14px;line-height: 2;color: #555;margin: 30px auto;}
       /*应用行业*/
    .xwzxk{width: 100%;background: #f5f6f8;padding:20px 0 50px;}
    .news-card{background: #fff}

    .xwzxkm{margin: 0 auto !important;padding: 10px 0 !important}
    .xwzxkm .xwkk{margin-bottom: 15px;}
    .xwlbk{margin:10px auto 50px;}

    .xwbtn{font-size: 1.8rem;line-height: 2;font-weight: bold;color: #333;text-align: center;}
    .xwnk .xwc{margin-bottom:20px;padding: 0 5px;}
    .card-title{font-size: 18px;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;transition: all ease-in .3s;}
    .card-text{font-size: 14px;line-height: 1.6;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xwtp img{aspect-ratio: 6/4;object-fit: cover;width: 100%}
    .text-muted1{font-size: 14px;line-height: 2;color: #333;}
    .text-muted1 .rqd{font-size: 18px;font-weight: bold;}
    .yqq1{width: 45px;height: 45px;background: #f8f9fa;border-radius: 50px;display: flex;justify-content: center;align-items: center;color: #333;transition: all ease-in .3s;}
    .xwc:hover .card-title{color: #23544d}
    .news-card:hover .yqq1{background:#23544d;color: #fff; }
    /*新闻列表*/
    .zxlbkn{margin:0px auto;padding: 0 15px !important;}
    .zxlbkn li a{display: flex;justify-content: space-between;gap: 0 50px;padding:10px 0;border-bottom: 1px dashed #e6e6e6;}
    .xwlbleft{width: 80%;}
    .xwlbleft h1{margin: 0;font-size:18px;line-height: 2;font-weight: bold;color: #333;width: 100%;transition: all ease-in .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .xwlbleft article{text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;font-size: 14px;line-height: 2;color: #555;}
    .zxlbkn li:hover h1{color: #23544d}
    .xwright{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background: #fff;border: 1px solid #e6e6e6;font-size: 16rem;color: #333;border-radius: 50px;margin-top: 50px;transition: all ease-in .3s;}
    .zxlbkn li:hover .xwright{background: #23544d;border: 1px solid #138ae1;color: #fff;margin-right: 20px; }
    .zxlbkn li:hover a{background: #f3f3f5}
    .xwright i{color: #666;font-size: 14px;}
    .tjsj{font-size: 13px;line-height: 3;color: #888;}
    .zxlbkn li:hover  .xwright i{color: #fff}

    /*产品详情*/
    .cpxqk{margin: 10px auto;}
    .cpbtkk{font-size: 1.4rem;line-height: 2;color: #23544d;font-weight: bold;border-bottom: 1px solid #e6e6e6;position: relative;padding: 10px 0;}
    .cpbtkk:after{position: absolute;width: 50px;height: 5px;background:#23544d;border-radius: 10px;left: 0;bottom: -2px;content: ''; }
    .cpxqnr{margin: 30px auto;font-size: 15px;line-height: 2;color: #555;}
    /*上下篇*/
    .sxpk{width: 100%;background: #f4f5f4;padding: 20px 0;margin-top: 60px;}
    .sxp{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 0 30px;margin: 20px auto}
    .sypz{background: url("../images/zjt2.png") no-repeat left center;padding-left: 20px;font-size: 0.9em;color: #009178;overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(50% - 1px / 2);}
    .sypz a{font-size: 1em;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .sypz1{background: url("../images/yjt2.png") no-repeat right center;padding-right: 20px;border-left: 1px solid #e6e6e6;}
    .wz{font-size: 0.8rem;}
    /*产品中心*/
    .cpnbt{font-size: 1.6rem;line-height: 3;color: #333;text-align: center;transition: all ease-in .3s;}
    .cplbnk{margin: 20px auto;display:flex;flex-wrap: wrap; }
    .cpnk{margin-bottom:20px;padding: 0 5px;}
    .cpnk .product-card{padding: 10px;}
    .cpnk img{height: 40px;}
    .cpnk .gdan{width: 100%;}
    .cpnk .cpbtz{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: wrap;}
    .cpnk .xqwz{-webkit-line-clamp: 2;}
    /*公司简介*/
    /* Introduction Section */
    .intro-section {
        padding: 20px 0 10px;
        text-align: center;
    }

    .intro-title {
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 30px;
        letter-spacing: 2px;
    }

    .intro-content {
        max-width: 1200px;
        margin: 0 auto;
        color: var(--text-muted);
        line-height: 1.8;
        font-size: 14px;
    }

    /* Statistics Section */
    .stats-section {
        padding: 20px 0 10px;
    }

    .stat-item {
        text-align: center;
        padding:0px;
        border-right: 1px solid #eee;
    }

    .stat-item:last-child {
        border-right: none;
    }

    .stat-number {
        font-size: 2.2rem;
        font-weight: 700;
        color: var(--primary-blue);
        margin-bottom: 10px;
        display: block;
    }

    .stat-label {
        color: var(--text-muted);
        font-size: 0.9rem;
    }

    /* Workshop Swiper Section */
    .workshop-section {
        position: relative;
        padding:0;

        overflow: hidden;border-radius: 40px;
    }

    .workshop-container {
        border-radius: 40px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    }

    .sccj .mySwiper {
        width: 100%;
        height: 400px;
    }

    .sccj .swiper-slide {
        position: relative;
        background-size: cover;
        background-position: center;
    }

    .sccj .slide-overlay {
        position: absolute;
        left: 50px;
        bottom: 50px;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px 30px;
        max-width: 500px;
        border-radius: 10px;
        backdrop-filter: blur(10px);
        z-index: 10;
        transition: transform 0.3s ease;
    }

    .sccj .slide-title {
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--primary-blue);
        margin-bottom: 10px;
    }

    .sccj .slide-desc {
        font-size: 14px;
        color: var(--text-muted);
        line-height: 1.8;
        margin-bottom: 30px;
    }

    /* Swiper Navigation */
    .sccj .swiper-controls {
        display: flex;
        gap: 15px;
    }

    .sccj .swiper-nav-btn {
        width: 45px;
        height: 45px;
        background: var(--primary-blue);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        border: none;
    }

    .sccj .swiper-nav-btn:hover {
        background: #004a8c;
        transform: scale(1.1);
    }

    .sccj .swiper-nav-btn i {
        font-size: 1.2rem;
        font-weight: bold;
    }

    /* Pagination */
    .sccj .my-swiper-pagination {
        position: absolute !important;
        bottom: 30px !important;
        right: 50px !important;
        left: auto !important;
        width: auto !important;
        z-index: 10;
    }

    .sccj .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: var(--primary-blue);
        opacity: 0.3;
        margin: 0 8px !important;
        transition: all 0.3s ease;
    }

    .sccj .swiper-pagination-bullet-active {
        opacity: 1;
        width: 30px;
        border-radius: 5px;
    }
    .sccj{margin-bottom: 50px;}
    /* --- Footer --- */
    .footer {
        background: #222;
        color: #bbb;width: 100%;float: left;padding-top: 40px;
    }

    .footer h5 {
        color: white;

    }

    .footer-form input,
    .footer-form textarea {
        background: #333;
        border: 1px solid #444;
        color: white;
        margin-bottom: 10px;
    }

    .footer-form input:focus,.footer-form textarea:focus {
        background: #3a3a3a;
        border-color: var(--zt-green);
        box-shadow: none;
        color: white;
    }
    .footer-form input::placeholder,
    .footer-form textarea::placeholder{color: #bbb;font-size: 15px;}
    .footer1{padding: 0 !important;}

    /* Image Hover Common Class */
    .hover-scale {
        overflow: hidden;
    }

    .hover-scale img {
        transition: var(--transition-smooth);
    }

    .hover-scale:hover img {
        transform: scale(1.1);
    }
    .dbt{font-size: 1.2rem;line-height: 3;}
    .btn-zt {
        background: var(--zt-green);
        color: white;
        border: none;
        padding: 10px 30px;
        transition: all 0.3s;padding: 10 0!important;
    }

    .btn-zt:hover {
        background: var(--zt-teal);
        color: white;
    }
    .dbbq a{color:#bbb }
    .klm{margin-top: 0 !important}
    .dbtj{flex-wrap: wrap;}

    /* --- Why Choose Us --- */
    .why-box {
        background:#f3f5f3;
        padding: 30px;
        border-radius: 4px;
        height: 100%;
        transition: var(--transition-smooth);
        position: relative;
        overflow: hidden;
    }

    .why-box::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 0;
        background: var(--zt-green);
        transition: var(--transition-smooth);
    }

    .why-box:hover::after {
        height: 100%;
    }

    .why-box:hover {
        background: #e1ece4;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    }

    .why-box i {
        font-size: 28px;
        color: var(--zt-green);
        margin-bottom: 15px;
        display: block;
    }
    .whyk{width:100%;background: linear-gradient(to right,#f3faf8,#fbfdfc);padding: 20px 0 30px;}
    .wicon{display: flex;align-items:center;gap: 0 10px;}
    .wicon h5{font-size: 1.3rem;color: #00735d;font-weight: normal;}
    .wxwz{font-size: 15px;line-height: 2;color: #555;margin-top: 15px;}
    /* 首页搜索 */
    .service-banner{width: 100%;background: url("../images/ssbg.jpg") no-repeat top center;background-size: cover;padding:20px 0 20px;}
    .sybtzwhite{color:#fff !important;}
    /* --- Product Section --- */
    .cpbg{width: 100%;background: url("../images/cpbg.png") no-repeat top center;background-size: 100%;padding-top: 20px;}
    .cpcion{margin:15px auto;padding-bottom: 40px;background: url("../images/btbg.png") no-repeat bottom center;}
    .cpbtz{font-size: 1.2rem;line-height: 3;color: #1f3f27}
    .xqwz{font-size: 14px;line-height: 2;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;text-align: left;}
    .gdan{background: #e2eeea;border: 1px dashed #009178;width: 160px;margin: 15px auto;font-size: 14px;line-height: 2.6;text-align: center;color: #555;}
    .product-card {
        background: white;
        border: 1px solid #eee;
        padding: 40px;
        text-align: center;
        transition: var(--transition-smooth);
        border-radius: 8px;
        height: 100%;
    }

    .product-card:hover {
        border-color: var(--zt-green);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
        transform: translateY(-5px);
    }

    .product-icon {
        font-size: 40px;
        color: var(--zt-green);
        margin-bottom: 20px;
    }
    /*首页简介*/
    .syjjk{margin:20px auto;}
    .sybtz{font-size: 1.4rem;font-weight: bold;color: #333;line-height: 3;}
    .ycgywz article{font-size: 15px;line-height: 2;color: #555;}
    .gywl{margin: 20px auto;padding-top: 30px;border-top: 1px solid #e6e6e6;}
    .gywl ul{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:0 30px;}
    .gsxgt{overflow:hidden;border-radius: 8px;}
    .gsxgt img{width: 100%;aspect-ratio: 6/4;object-fit: cover;}
    .gywl li h1{margin: 0;font-size: 1.2rem;line-height:2;color: #333;margin-top: 10px;}
    .gywl li article{font-size: 14px;line-height: 2;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    /*导航*/
    .top{display: block !important;}
    .navbar-nav>li>a{font-size: 16px !important}
    .navbar{background: #156451;padding: 6px 0 0!important; }

    .topdw{position: relative;padding:0 !important;}
    .ttop{background: #fff;padding: 10px 0;border-top:2px solid #00735d}

    .dbright{width: 20% !important;}
    .dbright a{color: #156451}
    .dbright{position:absolute;top:20px;right: 10px;}
    .dbright{display: flex;justify-content: flex-end;align-items: center;font-size: 18px}
    .ljtop ul li{float: left;margin-right: 5px;}
    .ljtop{width: 65%;}
    .ljtop ul{width: 100%;display: flex;justify-content: flex-end;}
    .ssk{display: none;}
    .yytop{width:5%;margin-left: 1%}
    .yytop img{float: right;}
    .mb-2{margin-bottom: 0 !important}
    .containerbox{    --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;}

}
.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: #fff !important;
    cursor: default;
    background-color: #009178!important;
    border-color: #009178 !important;}
.page-link{color: #333!important}