* {
    padding: 0;
    margin: 0;
    border: 0;
    word-wrap: break-word;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
ul {
    list-style: none;
}

html,body {
    *position: static;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

html {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 14px;
    color: #000;
}
em, i{
    font-style: normal;
    font-weight: 400;
}

input,
button {
    overflow: visible;
    vertical-align: middle;
    outline: none;
    background-color: transparent;
}

body,
button,
select{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{
    outline: none;
    text-decoration: none;
    cursor: pointer
}

a:hover {
    text-decoration: none;
    outline: none
}

a.ie6:hover {
    zoom: 1
}

a:focus,a:hover,a:active,:focus {
    outline: none;
}

img {
    border: 0;
    vertical-align: middle;
    object-fit: cover;
    -webkit-user-drag: none;
    display: block;
}

.cl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.cl {
    zoom: 1
}
::-webkit-scrollbar{
    width:6px;
    height:164px;
}
::-webkit-scrollbar-track{
    background:transparent;
}
::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.2);
    border-radius:4px;
}
::-webkit-scrollbar-thumb:hover{
    background: rgba(0,0,0,.2);
}
::-webkit-scrollbar-corner{
    background: #A6A6A6;
}
input::-webkit-input-safebox-button{
    display: none;/*去掉搜狗浏览器密码软盘*/
}
input:-webkit-autofill {
    background-color: transparent;
}
input::placeholder {
    color: #fff;
}

/* --------------------  公共css ---------------------- */
.wrap-width{margin: 0 auto; width:min(1440px,calc(100% - 64px))}
.text-center{text-align: center;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.flex-center{display: flex;align-items: center;}
.just-center{justify-content: center;}
.just-between{justify-content: space-between;}
.display-grid{display: grid;grid-template-columns: repeat(3, 1fr);}
.pr{position: relative;}
.font-bold{font-weight: bold;}

.font-size-26{font-size: 26px;}
.font-size-40{font-size: 40px;}

.display-none{display: none;}
.display-block{display: block;}

.mar-b-10{margin-bottom: 10px;}
.mar-b-20{margin-bottom: 20px;}
.mar-b-30{margin-bottom: 30px;}
.mar-r-30{margin-right: 30px;}

.text-over-hidden{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.letter-spacing-003{letter-spacing: 0.03em}
.border-radius-8{border-radius:8px;}

.bg-blue{background-color: #3A67A8;color: #fff;}

.center-gray{background-color: #dee5ee;}
.wrap-large{width:100%}
.bg-gray{background:#DCDCDC;}
.form-red-sign{color:red}

/* ----------------------- 每个页面顶部导航 ------------------------------ */
.page-header{height: 60px;color: #36393C;font-size: 17px;}
.logo-box{}
.logo-box img{height: 60px;}
.nav-list{gap:30px;}
.nav-list li {line-height:24px;padding:10px 15px;border-radius:8px;}
.nav-list li a{color:#000000}
.nav-list li.active{color: #00A76A;background:#F6F6F6}
.power-station li em{margin-left: 10px; transform: rotate(90deg);display: none;}
.power-station li em{display: block;}
.language{position:relative}
.language-container{display:none;position: absolute;background: #f6f6f6;width:248px;border-radius:8px;padding:15px;color:#000000;gap:10px;right:0px;top:50px;}
.language-icon{padding:8px 10px;}
.language-item{display:flex;padding:10px;border-radius:8px;cursor:pointer}
.language-item:hover{background:#FFFFFF;}
.language-item.active{color:#00A76A;background:#FFFFFF}



.main-title{font-weight:bold;font-size:30px;text-align:center;padding-top:60px;padding-bottom: 40px;}




.toast {position: fixed;top: 24px;right: 24px;z-index: 9999;min-width: 260px;max-width: 420px;padding: 14px 18px;border-radius: 6px;color: #fff;font-size: 14px;line-height: 1.5;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);opacity: 0;transform: translateY(-12px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;}
.toast.show {opacity: 1;transform: translateY(0);}
.toast.error {background: #f44336;}
.toast.success {background: #16a34a;}


/* -------首页Banner-----*/
.wrap-banner{height:650px;background-size:100%}
.wrap-container{width:min(1440px,calc(100% - 64px));margin:0 auto;color:white}
.banner-title{padding-top:80px;font-size:30px;font-weight:bold;}
.banner-sub-title{margin-top:40px}
.request-quote-btn{margin-top:40px;display:flex;cursor:pointer;transition:all 0.2s ease;}
.rq-btn-left{padding:15px 30px;background-color:#00A76A;color:white;display:flex;align-items: center;justify-content:center;border-radius:8px 0 0 8px;}
.rq-btn-right{padding:17px;width:48px;background:#00905B;color:white;display:flex;align-items: center;justify-content: center;font-size:16px;border-radius:0 8px 8px 0}

/* ------------------------------页面底部 ----------------------------------- */
.page-footer{background-color: #2F2F37;font-size: 16px;}
.page-footer .top-block{padding-bottom: 20px;}
.page-footer .logo-img{margin-bottom: 35px;height: 64px;}
.page-footer .follow-title{margin-bottom: 16px;color: #06A96D;}
.page-footer .follow-style-box a{display: block;}
.page-footer .follow-style-box img{margin-right: 10px;}
.page-footer .right-box{padding: 10px 60px 0 0;}
.page-footer .right-box .email-info-tip{margin-bottom: 12px;color:#fff;line-height: 1.6;}
.page-footer .right-box .search-box input{margin-right: 34px;width:380px;height:48px;line-height: 48px; background-color: rgba(0, 167, 106, .1);border-radius: 8px;font-size: 15px;padding: 25px;color: #fff;}
.page-footer .right-box .search-box .sub-btn{padding: 0 22px 0 30px;}
.white-btn{height: 48px;line-height: 48px; background-color: #fff;border-radius: 10px;color: #3A67A8;font-size: 17px;display: block;cursor: pointer;}
.page-footer .bottom-block{padding-top: 20px;}
.page-footer .bottom-block, .page-footer .bottom-block a{margin-top:10px;color: rgba(255,255,255,.4);}
.page-footer .bottom-block a, .page-footer .bottom-block p{font-size: 15px;display: block;}
.page-footer .bottom-block .link-item {line-height: 1.7;}
.page-footer .bottom-block .link-item h4{color: #06A96D;margin-bottom: 20px;}
.page-footer .bottom-block .link-item .mark{color: #00A76A;font-size:26px;margin-left:10px;}
.page-footer .bottom-block .link-item .mark-email{color:#00A76A;margin-left:10px;}
.page-footer .bottom-block .link-item:nth-child(1),.link-item:nth-child(2),.link-item:nth-child(3){width:23%}
.page-footer .bottom-block .link-item:nth-child(4){flex:1}
.link-item a:hover{color:#FFFFFF;}
.page-footer .footer-subscribe-button{margin-top:0;}
.page-footer .request-quote-btn{margin-top:0;height:48px;}
.page-footer .rq-btn-right{width:48px;height:48px;padding:16px;}
.page-footer .rq-btn-left{padding:15px 30px;}

.media_child{background:#FFFFFF;width:40px;height:40px;padding:8px;border-radius:50%;}
.media_child:hover{background:linear-gradient(90deg, #00A76A, #0094FF);}

.bottom-block{padding-bottom: 20px}
.footer-brand-container{display:flex;gap:10px;justify-content: center;margin-top:20px}
.footer-brand-item svg{height:20px;}
.wrap-footer-block{border-bottom: 1px solid rgb(255, 255, 255,.3);padding-top:20px}

select {
    appearance: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding-right: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 12px 8px !important;
}

.detail-image-pager {
    width: 100%;
    text-align: center;
}

.detail-image-current {
    width: 100%;
    height: 380px;
    object-fit: contain;
}

.detail-image-pages {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.detail-image-pages button {
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 6px;
    background: #f1f1f1;
    color: #666;
    cursor: pointer;
}

.detail-image-pages button.active {
    background: #00A76A;
    color: #fff;
}

/*----------------------------弹窗------------------------*/
.wrap-consultation-pop{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background:#DCDCDC;display:flex;justify-content: center;align-items: center;opacity: 1}
.wrap-consultation-form{width:1000px;height:660px;background:#FFFFFF;display:flex;gap:0;position:relative}
.wrap-consultation-form-close{position:absolute;width:32px;height:32px;background:#00A76A;right:20px;top:20px;cursor:pointer}
.pop-cons-showing{width:33%;background:url('static/images/pop-consultation-bg.png') no-repeat;background-size:100%}
.pop-cons-showing img{margin:20px auto 0;width:100px;}
.pop-cons-form{flex:1;padding:30px;}
.pop-cons-form-title{font-size:18px;font-weight:900}
.pop-cons-form-subtitle{margin-top:10px}
.pop-cons-form .ask-form-item{margin-top:20px;}
.wrap-consultation-pop .ask-form-item input,select,textarea{border:1px solid #DCDCDC;height:40px;padding-left:10px;}
select.pop-cons-select{height:40px}
.wrap-consultation-pop .ask-form-item-pi{margin-top:5px;}
.wrap-consultation-pop .ask-form-item textarea{height:60px;}


.pop-contact-form{padding:30px;width:900px;background:#FFFFFF;position:relative}
.pop-contact-form-close{position:absolute;width:32px;height:32px;background:#00A76A;right:20px;top:20px;cursor:pointer}
.pop-contact-title{font-size:18px;font-weight:bold;}
.pop-contact-subtitle{margin-top:20px;}
.pop-contact-container{display:flex;margin-top:50px;gap:2%;}
.pop-contact-item{width:32%}
.pop-contact-item-icon{padding:18px;width:80px;height:80px;border-radius: 40px;background:#00A76A;}
.pop-contact-item-text{margin-top:10px;font-weight:bold;color:#000000}


.pop-quote-showing{width:30%;background: url('static/images/pop-quote-showing-bg.png') no-repeat;background-size:100%;}
.pop-quote-showing img{margin:20px auto 0;width:100px;}
.pop-quote-showing-container{display:grid;margin-top:50px;gap:18%}
.pop-quote-showing-item{margin:0 auto}
.pop-quote-showing-item-icon{width:50px;height:50px;border:1px solid #00A76A;margin:0 auto;padding:8px;}
.pop-quote-showing-item-text{font-weight:bold;margin-top:10px}

.wp-block-post-content{margin-top:80px;}

/*-------------------------------首页 -------------------------*/
.wrap-index-banner{background:url('static/images/index-banner.png') no-repeat;background-size:100% 100%;}
.banner-pre-title{font-size:48px;color:#FFFFFF;font-weight:900;}
.wrap-index-banner .banner-pre-title{background-image:linear-gradient(180deg, #00a76A, #1857BC);-webkit-text-fill-color:transparent;-webkit-background-clip: text;background-clip: text;background-size:100% 100%;background-repeat:no-repeat}

.banner-title{margin-top:10px;padding:0;font-size:48px;color:#FFFFFF;}
.wrap-index-banner .banner-sub-title{margin-top: 15px;color:#FFFFFF;}
.wrap-index-banner .banner-sub-title span{font-weight:900;}
.rq-btn-left:hover{background:#019d64}
.wrap-index-banner .banner-title{font-size:26px;margin: 0;color: #000000;font-weight: 400;}
.feature-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-size: 18px;
    line-height: 1.35;
    color: #333;
    margin-top:30px
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.feature-dot {
    width: 8px;
    height: 8px;
    margin-top: 9px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: #00a76a;
}


.solution-title{font-weight:bold;font-size:30px;text-align:center;padding-top:60px;padding-bottom: 40px;}
.solution-box-parent{display:flex;gap:1.5%}
.solution-child{width:19%;height:184px;background:#F6F6F6;border-radius:8px;position:relative}
.solution-child:hover{background:#00A76A;color:#00A76A}
.solution-icon{background:#FFFFFF;padding:10px;position:absolute;width:42px;height:42px;left:20px;top:20px;border-radius:25px;}
.solution-right{position:absolute;top:20px;width:12px;height:17px;right:19px;}
.solution-child:hover .solution-text{color:#FFFFFF}
.solution-child:hover .solution-right-svg{fill:#FFFFFF}
.solution-text{position:absolute;bottom: 20px;left:20px;font-size:16px;height:46px;font-weight:bold;}
.solution-desc-short{text-align:center;margin-top:40px;margin-bottom: 60px;font-size:14px;}

.product-main-title{text-align:center;font-size:30px;padding-top:50px;font-weight:bold}
.product-container{display:flex;gap:20px;margin-top:30px;}
.product-category-parent{width:220px;}
.product-category-main{padding:20px;background:#00A76A;height:82px;width:100%;border-radius:8px 8px 0 0;display:flex;gap:15px;font-weight:bold;}
.product-category-main-logo{width:42px;height:42px;background:white;border-radius:25px;padding:8px}
.product-category-main-title{font-size:16px;color:#FFFFFF;width:50px;flex:1}
.product-category-item-container{padding:17px 0 15px 20px;display:flex;align-items: center;cursor: pointer}
.product-category-item{background:#FFFFFF;border-bottom: 1px solid #DCDCDC}
.product-category-item:last-child{border-radius: 0 0 8px 8px}
.product-category-item-title{}
.product-category-up-down{width:25px;height:20px;margin-left:auto;margin-right:20px;}
.product-category-item-parent{display: grid;border-top:1px solid #DCDCDC}
.product-category-item-child{cursor:pointer;padding-left:42px;padding-top:8px;padding-bottom: 8px;}
.product-category-item-child:nth-child(1){padding-top:16px;}
.product-category-item-child:nth-last-child(1){padding-bottom:16px;}
.product-list-container{flex:1}
.product-list{display:flex;flex-wrap:wrap;gap:2%;}
.product-item{background:#FFFFFF;border-radius:8px;position:relative;width:32%;margin-bottom: 20px;display:none}
.all-category .active{color:#00A76A}
.product-item .product-tag{width:85px;height:32px;position:absolute;right: 0;top:0;border-radius:0 8px;color:#FFFFFF;background:#F95E48;line-height:32px;text-align: center;}
.product-item-image{}
.product-item-image img{width:100%;height:260px;border-radius:8px;}
.product-item-info{margin-left:25px;margin-top:15px;}
.product-item-title{font-size:18px;font-weight:bold}
.product-item-type{margin-top:8px;}
.product-explore-button{width:100px;height:40px;margin-bottom: 30px;margin-top:30px;background:#00A76A;border-radius:8px;color:#FFFFFF;}
.product-pager{margin-top:30px;text-align: right;margin-bottom: 60px;}
.product-pager span{width:32px;height:32px;display:inline-block;text-align:center;line-height:32px;border-radius:5px;}
.product-pager a{margin-left:5px;color:#000000}
.product-pager .active{background:#00A76A;color:#FFFFFF}

.interests-container{display:flex;gap:2%;margin-bottom: 60px}
.interests-content-item{text-align:center;width:49%;height:437px;}
.interests-content-item-1{background:url("static/images/index-used-generator.png")no-repeat;background-size:100% 100%}
.interests-content-item-2{position:relative;background:url("static/images/index-spare.png") no-repeat;background-size:100% 100%;}
.interests-icon{padding:17px;width:80px;height:80px;margin:0 auto;border-radius:40px;background:#00A76A}
.interests-line{width:40px;height:1px;border:1px solid #FFFFFF;margin:24px auto 0;}
.interests-title{margin-top:36px;color:#FFFFFF;font-weight:bold;font-size:20px;}
.interests-container .interests-more-button{margin:40px auto 0;width:180px;display:none}
.interests-content-item:hover .interests-more-button{display:flex}
.interests-item-bg{background:none;width:100%;height:100%;padding-top:170px}
.interests-content-item:hover .interests-item-bg{background:rgba(0,167,106, .56);padding-top:70px}
.interests-item-bg .rq-btn-left{background:#FFFFFF;color:#00a76A}
.interests-item-bg .rq-btn-right{background:#E6e6e6}

.block-contact-us{padding-bottom: 110px;padding-top:120px;}
.contact-us-title{font-size:36px;font-weight:bold;color:#FFFFFF;text-align:center;}
.index-banner2{background:url('static/images/index-banner2.png') no-repeat;background-size: 100% 100%;}
.index-banner2 .request-quote-btn{width:200px;margin:40px auto 0;}



/*-----------------------Used Gas Generators ---------------------*/
.used-banner{background:url('static/images/used-banner.png') no-repeat;background-size:100% 100%;color:#FFFFFF}
.used-banner .wrap-container{padding-top:150px;}

.used-banner .banner-sub-title{margin-top: 15px;}

.used-solution-child{width:24%;height:184px;background:#F6F6F6;border-radius:8px;position:relative}
.used-solution-child:hover{background:#FFFFFF;border:1px solid #00A76A;}
.used-solution-icon{padding:8px;position:absolute;width:42px;height:42px;left:20px;top:20px;border-radius:25px;background:#00A76A;}
.used-solution-right{position:absolute;bottom:15px;width:14px;right:20px;}
.used-solution-child:hover .solution-icon{background:#FFFFFF}
.used-solution-child:hover .solution-right{background:#FFFFFF}
.used-solution-text{position:absolute;top: 80px;left:20px;font-size:16px;height:46px;font-weight:bold;}

.used-banner2{background:url('static/images/used-banner2.png') no-repeat;background-size: 100% 100%;}
.used-banner2 .contact-us-title{text-align:left;}

/*-------------------------Investment --------------------------*/
.banner-investment{background:url('static/images/PI-banner.png');background-size:100% 100%;height:646px;padding-top:150px}
.banner-description{margin-top:60px;}
.banner-investment .banner-sub-title{font-size:18px;margin-top:16px}

.wrap-product-main{padding-bottom: 50px;}

.invest-invest .main-title{text-align:left;}
.invest-container{display:flex;padding-bottom: 80px}
.invest-introduction{padding-right:40px;}
.invest-introduction-notice{}
.invest-introduction-module{margin-bottom:30px;margin-top:30px;}
.invest-introduction-item{margin-top:25px;font-weight:900;font-size:18px;}
.invest-introduction-notice-footer{margin-bottom: 50px;}
.invest-showing{position:relative;flex:1;margin-left:20px;background:gray;margin-top:20px;border-radius:8px;width:440px;height:400px;}
.invest-showing-container{width:148px;height:360px;color:#FFFFFF;display:grid;gap:20px;position:absolute;right:23px;top:20px;background:#00A76A;border-radius:8px;}
.invest-showing-number{font-size:32px;font-weight:900}
.invest-showing-description{font-size:16px;}
.invest-showing-item{text-align:center;}
.invest-showing-item:nth-child(1){margin-top:38px;}
.invest-introduction-image{padding-top:60px;}
.invest-introduction-image img{width:450px;}

.invest-models{background:url('static/images/invest-models.png') no-repeat;background-size:100%;position:relative;height:550px;display:flex;text-align:center;color:#FFFFFF;}
.invest-models::before{content:'';position:absolute;background:rgba(16, 28, 38, .56);inset:0; }
.invest-model{width:33.3%;height:100%;z-index:9;padding:70px 7% 0;}
.invest-model:hover{background:rgba(0, 176, 112, .58);}
.invest-model:hover .interests-more-button{display:flex}
.invest-model-number img{margin:0 auto}
.invest-model-title{font-size:18px;font-weight:bold;margin-top:40px}
.invest-model-desc{margin-top:50px;height:95px;}

.invest-models .interests-more-button{margin:40px auto 0;width:200px;display:none}
.invest-models .rq-btn-left{background:#FFFFFF;color:#00a76A}
.invest-models .rq-btn-right{background:#E6e6e6}

.invest-model-more{display:none;background:#FFFFFF;margin-top:50px;align-items: center;justify-content: center;height:48px;}
.invest-model:hover .invest-model-more{display:inline-flex}
.invest-model-more-text{padding:0 26px;color:#00A76A;}
.invest-model-more-icon{background:#f0f4f2;width:48px;height:48px;font-size:26px;align-items: center;justify-content: center;display:inline-flex}

.invest-case{margin-bottom: 80px;}
.case-container{display:flex;flex-wrap: wrap;gap:2%;}
.case-item{width:32%;background:#F6F6F6;border-radius:8px;position:relative}
.case-item-image{width:100%;height:205px;border-radius:8px 8px 0 0}
.case-item-image-1{background:url('static/images/invest-case-1.png') no-repeat}
.case-item-image-2{background:url('static/images/invest-case-2.png') no-repeat}
.case-item-image-3{background:url('static/images/invest-case-3.png') no-repeat}
.case-item:hover .case-item-image-1{background:url('static/images/invest-case-1-hover.png') no-repeat}
.case-item:hover .case-item-image-2{background:url('static/images/invest-case-2-hover.png') no-repeat}
.case-item:hover .case-item-image-3{background:url('static/images/invest-case-3-hover.png') no-repeat}

.case-item-intro{padding:30px 20px;}
.case-item-text{width:100%;border-radius:8px;text-align:left;font-size:16px;font-weight:bold}
.case-item-three{margin-top:20px;color:#565765}
.case-item-desc{margin-top:30px}
.case-item:hover .case-item-text{color:#00A76A}



.invest-contact-1{background:url('static/images/invest-station.png') no-repeat;background-size:100% 100%;}
.invest-contact-1 .contact-us-title{color:#FFFFFF;}

.invest-choose{background:#F6F6F6;padding-bottom: 60px;}
.choose-container{display:block;align-items: flex-start;position:relative}
.choose-viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.choose-track {
    display: flex;
    gap: 2%;
    align-items: flex-start;
    width: 100%;
    transition: transform 0.45s ease;
}
.choose-track .choose-item {
    display: block !important;
    width: auto;
    flex: 0 0 28%;
}
.choose-track .choose-item-large.choose-item {
    width: auto;
    flex: 0 0 40%;
}


.choose-switch{cursor:pointer;background:#DCDCDC;padding:10px;position:absolute;top:30%;width:36px;height:36px;z-index:10}
.choose-switch:hover{background:#00A76A;}
.choose-switch-left{left:-19px;}
.choose-switch-right{right:-19px;}
.choose-item{width:28%;background:#FFFFFF;padding:36px;position:relative;transition: opacity 0.35s ease, transform 0.35s ease;}
.choose-item-number{position:absolute;right:15px;top:20px;font-weight: bold;font-size:18px;}
.choose-item-icon{width:50px;height:50px;padding:6px;background:#00A76A;border-radius:50%;}
.choose-item-title{margin-top:20px;font-weight:bold;font-size:18px}
.choose-item-desc{margin-top:40px;}
.choose-item-large.choose-item{width:40%;padding:50px}
.choose-item-large .choose-item-icon{width:70px;height:70px;padding:10px;}
.choose-item-large .choose-item-title{margin-top:30px;font-size:20px;}
.choose-item-large .choose-item-desc{margin-top:120px;}

/*------------------------------About us ---------------------*/
.about-banner{background:url('static/images/about-banner.png') no-repeat;background-size:100% 100%;height:646px;padding-top:150px;}
.about-banner .banner-sub-title{margin-top:80px;}

.wrap-who{}


.we-container{display:flex;gap:100px;padding:52px 0;}
.we-container .main-title{padding-top:0;font-size:30px;}
.we-regnant-container{display:flex;gap:100px;justify-content: center;position:absolute;top:0;width:100%;align-items: center;margin: 60px auto 0;}
.we-description {text-align: center}
.we-regnant-item{color:#00A76A}
.we-regnant-item-number{font-size:30px;font-weight:900;}
.we-regnant-item-desc{color:#000000;}
.we-image{width:526px;height:342px;}
.we-image img{width:100%;}

.physical-container{display:flex;gap:2%;flex-wrap: wrap;}
.physical-item{width:32%;margin-top:30px;}
.physical-item-title{height:76px;line-height:76px;;background:#F6F6F6;font-weight:900;font-size:18px;text-align:center;border-radius:0 0 8px 8px}
.physical-item img{width:100%;background:#F6F6F6;}
.physical-item-main{position:relative}
.physical-item-main .physical-item-next{width:26px;position:absolute;right:30px;top:38%;background:#2f2f37;padding:3px 7px;height:26px;border-radius:6px;}

.wrap-about-ask{background:#F6F6F6}
.ask-container{padding-top:30px;display:flex;gap:20px;padding-bottom: 50px;}
.ask-info{width:65%;}
.ask-title{text-align: left;font-size:30px;margin-bottom: 15px;font-weight:900}
.ask-form{margin-top:20px;display:flex;flex-wrap: wrap;gap:5%}
.ask-form-item{width:45%;margin-top:42px;}
.ask-form-item-pi{margin-top:10px;}
.ask-form-item input,select,textarea{background:#FFFFFF;width:100%;height:48px;border:none}
.ask-form-item textarea{height:150px;font-size:18px;padding:10px;}
.ask-form .ask-form-item-textarea{width:95%;}
.ask-contact{padding:42px;flex:1;background: #FFFFFF;}
.ask-contact-subtitle{font-size:16px;}
.ask-contact-container{margin-top:40px;display:grid;gap:40px;}
.ask-contact-icon{width:60px;height:60px;background:#00A76A;border-radius:30px;padding:14px;}
.ask-contact-text{margin-top:10px;font-size:18px;font-weight:900;color:#000000}

.ask-form-item-1,.ask-form-item-2{display:none}
 .global-map-section {
     position: relative;
     background: #f7f7f7;
     padding: 40px 0 30px;
 }

.global-map {
    width: 100%;
    height: 520px;
}

.map-stats {
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: 2;
    display: flex;
    gap: 90px;
    transform: translateX(-50%);
    text-align: center;
}

.map-stats strong {
    display: block;
    color: #00a76a;
    font-size: 24px;
}

.map-stats span {
    display: block;
    margin-top: 6px;
    color: #555;
    font-size: 12px;
}

.map-bottom-card {
    position: absolute;
    left: 50%;
    bottom: 18px;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 72%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 8px;
    padding: 18px 0;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

.map-bottom-card div {
    text-align: center;
    border-right: 1px solid #ddd;
}

.map-bottom-card div:last-child {
    border-right: 0;
}

.map-bottom-card strong {
    display: block;
    font-size: 15px;
    color: #111;
}

.map-bottom-card span {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #555;
}
/*-----------------------details ------------------------*/
.breadcrumbs{padding:10px 0}

.detail-container{display:flex;padding:65px 0;}
.detail-machine-info{width:52%}
.detail-machine-title{font-weight:900;font-size:36px;text-transform: uppercase}
.detail-machine-type{padding:8px;background:rgba(249, 94, 72, 0.08);color:#F95E48;margin-top:20px;display:inline-block}
.detail-machine-attr{margin-top:30px;white-space:pre-wrap}
.detail-machine-info .request-quote-btn{margin-top:70px;}
.detail-machine-oper{display:flex;gap:50px;}
.detail-machine-download{margin-top:85px;}
.detail-machine-download a{color:#00A76A;}
.detail-machine-image{width:650px;height:450px;}



/*------------------------------download----------------------*/
.download-nav{background:#F6F6F6;}
.download-container{padding-bottom: 50px;}
.download-category-container{display:flex;gap:30px;padding:10px 0 0;margin-top:30px;}
.download-category-container div{padding-bottom: 10px;color:#000}
.download-category-container .active{color:#00A76A;border-bottom: 1px solid #00A76A;}
.download-search-container{display:flex;gap:22px;padding-top:50px;}
.download-search-keyword{border:1px solid #DCDCDC;flex:1;background:#FFFFFF;font-size:16px;padding-left:10px}
.download-search-keyword::placeholder{color:#999;opacity: 1;font-size:16px;}
.download-search-button{width:42px;height:42px;background:#00A76A;padding:10px;}
.download-file-container{margin-top:20px;display:flex;flex-wrap:wrap;gap:4%}
.download-file-item{margin-top:20px;display:flex;gap:20px;width:48%;padding:20px;border:1px solid #DCDCDC}
.download-file-icon{width:27px;height:30px;margin-top:9px;}
.download-file-name{height:48px;line-height:48px;}
.download-file-button{margin-left:auto;width:48px;height:48px;background:#F6F6F6}
.download-file-icon .cls-1 {fill: #ffac99;}
.download-file-icon .cls-2 {fill: #f95e48;}
.download-icon-svg{fill:#DCDCDC}
.download-file-item:hover{border:1px solid #00a76a}
.download-file-item:hover .download-file-button{background:#00a76a}
.download-file-item:hover .download-icon-svg{fill:#FFFFFF}


/*----------------------operation ------------------------*/
.operation-banner-container{width:50%;padding-top:50px}
.operation-banner-title-main{margin-top:10px;font-size:34px;font-weight:600;}
.operation-banner-sub-title{margin-top:15px;line-height:24px;}
.operation-oper{display:flex;gap:30px;}
.operation-oper .request-quote-btn{}
.operation-oper .rq-btn-left{height:38px;font-size:14px;padding:0 5px}
.operation-oper .rq-btn-right{height:38px;width:38px}

.support-box-parent{display:flex;gap:20px;}
.operation-support-child{width:282px;height:184px;background:#DCDCDC;border-radius:8px;position:relative}
.operation-support-child:hover{background:#00A76A;color:#FFFFFF}
.operation-support-icon{position:absolute;width:42px;height:42px;left:20px;top:20px;border-radius:25px;background:green;}
.operation-support-right{position:absolute;bottom:15px;width:19px;height:17px;right:20px;background:red;}
.operation-support-child:hover .solution-icon{background:#FFFFFF}
.operation-support-child:hover .solution-right{background:#FFFFFF}
.operation-support-text{position:absolute;top: 80px;left:20px;font-size:16px;height:46px;font-weight:bold;}


/*----------------------operation redesign ------------------------*/
.operation-page {
    background: #fff;
    color: #1f2833;
    font-family: Arial, "Microsoft YaHei", sans-serif;
}

.operation-page a {
    color: inherit;
}

.operation-container {
    width: 1440px;
    max-width: calc(100% - 64px);
    margin: 0 auto;
}

.operation-header {
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #e8ecef;
}

.operation-nav {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.operation-logo img {
    width: 132px;
    height: auto;
    object-fit: contain;
}

.operation-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 52px;
    flex: 1;
    color: #27313a;
    font-size: 14px;
    white-space: nowrap;
}

.operation-menu a {
    line-height: 80px;
}

.operation-menu a.active {
    color: #00a76a;
    font-weight: 700;
}

.operation-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 126px;
    height: 40px;
    color: #fff;
    background: #00a76a;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
}

.operation-hero {min-height: 650px;background: url('static/images/operation-banner.png') no-repeat;background-size:100% 100%;}

.operation-hero-inner {
    min-height: 448px;
    display: flex;
    align-items: center;
}

.operation-hero-copy {margin-top:80px;width: 700px;color: #fff;}

.operation-eyebrow {
    margin-bottom: 18px;
    font-size: 18px;
}

.operation-hero h1 {
    margin: 0;
    font-size: 48px;
    line-height: 1.22;
    font-weight: 800;
    letter-spacing: 0;
}

.operation-hero-text {margin-top: 26px;font-size: 17px;line-height: 1.75;color: rgba(255, 255, 255, .92);}

.operation-actions {
    display: flex;
    gap: 24px;
    margin-top: 34px;
}

.operation-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-width: 210px;
    height: 48px;
    padding: 0 24px;
    border-radius: 4px;
    font-size: 14px;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.operation-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .15);
}

.operation-btn.primary {
    background: linear-gradient(180deg, #05bd7b 0%, #00985f 100%);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}

.operation-btn.secondary {margin-top:40px;color: #fff;background: rgba(0, 176, 112, .3);border: 1px solid rgba(0, 176, 112, .6);}

.operation-btn.light {
    color: #05734e;
    background: #fff;
    min-width: 294px;
}

.operation-btn.compact {
    min-width: 0;
    height: 38px;
    padding: 0 18px;
    font-size: 12px;
}

.operation-section {padding: 70px 0}

.operation-muted {
    background: #f6f7f8;
}

.operation-title {text-align: center;margin-bottom:50px;}

.operation-title h2 {
    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
    margin: 0;
    color: #1c2430;
}


.operation-card-grid {
    display: grid;
    gap: 28px;
}

.operation-card-grid.four {
    grid-template-columns: repeat(4, 1fr);
}

.operation-card-grid.three {
    grid-template-columns: repeat(3, 1fr);
}

.operation-service-card,
.operation-partner-card,
.operation-equipment-card {
    background: #fff;
    border: 1px solid #dce2e7;
    box-shadow: 0 8px 22px rgba(24, 37, 50, .08);
}

.operation-service-card {min-height: 250px;padding: 32px 28px 24px;border-radius: 8px;}
.operation-service-card:hover{border:1px solid #00A76A}

.operation-icon svg {width: 54px;height: 54px;stroke: #00a76a;fill: none;stroke-linecap: round;stroke-linejoin: round;}

.operation-service-card h3,
.operation-partner-card h3,
.operation-equipment-card h3,
.operation-expansion-strip h3 {
    font-size: 18px;
    line-height: 1.35;
    margin: 18px 0 12px;
    color: #1b2530;
}

.operation-service-card p,
.operation-partner-card p,
.operation-equipment-card p,
.operation-expansion-strip p {
    font-size: 14px;
    line-height: 1.65;
    color: #4d5965;
}

.operation-service-card a,
.operation-partner-card a {
    display: inline-block;
    margin-top: 28px;
    color: #00a76a;
    font-size: 24px;
}

.operation-proof-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.operation-proof-grid article {height: 322px;border-radius: 14px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;position:relative}

.operation-mini-icon {
    color: #00a76a;
    font-size: 42px;
    line-height: 1;
}
.operation-mini-icon-1{background-size:100%;border: 1px solid #dce2e7;box-shadow: 0 8px 22px rgba(24, 37, 50, .08);background:url('static/images/operation-why-1.png') no-repeat;background-size: 100% 100%;}
.operation-mini-icon-2{background-size:100%;border: 1px solid #dce2e7;box-shadow: 0 8px 22px rgba(24, 37, 50, .08);background:url('static/images/operation-why-2.png') no-repeat;background-size: 100% 100%;}
.operation-mini-icon-3{background-size:100%;border: 1px solid #dce2e7;box-shadow: 0 8px 22px rgba(24, 37, 50, .08);background:url('static/images/operation-why-3.png') no-repeat;background-size: 100% 100%;}
.operation-mini-icon-4{background-size:100%;border: 1px solid #dce2e7;box-shadow: 0 8px 22px rgba(24, 37, 50, .08);background:url('static/images/operation-why-4.png') no-repeat;background-size: 100% 100%;}

.operation-proof-grid h3 {font-size: 18px;color:#000000;position:absolute;left:10%;width:80%;bottom:-40px;padding:16px;background:#FFFFFF;text-align: left;height:82px;}

.operation-muted-hover{display:none;background:#00A76A;color:#FFFFFF;border-radius:8px;position:absolute;left:10%;width:80%;bottom:-40px;padding:16px;text-align:left;}
.operation-muted-hover-title{font-size:18px;font-weight:700;}
.operation-muted-hover-split{width:20px;height:15px;border-bottom: 2px solid #FFFFFF}
.operation-muted-hover-desc{margin-top:30px;line-height:1.5;}
.operation-proof-grid article:hover .operation-muted-hover{display:block}
.operation-proof-grid article:hover h3{display:none}


.operation-note {
    margin-top: 60px;
    color: #56616b;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
}

.operation-expansion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

.operation-equipment-card {
    display: grid;
    grid-template-columns: 365px 1fr;
    min-height: 266px;
    border-radius: 8px;
    overflow: hidden;
}

.operation-equipment-card.reverse {
    grid-template-columns: 310px 1fr;
}

.operation-equipment-card img {
    width: 100%;
    height: 100%;
    min-height: 266px;
    object-fit: cover;
}

.operation-equipment-card .operation-capacity-container {padding: 26px 34px;}

.operation-equipment-card h3 {
    margin-top: 0;
}

.operation-equipment-card ul {margin: 30px 0 20px;}

.operation-equipment-card li {position: relative;margin-bottom: 10px;color: #52606c;font-size: 13px;display:flex;gap:10px;}
.operation-ec-icon{width:20px;height:20px;display:inline-block;padding:2px;}
.operation-ec-text{line-height:20px;}

.operation-expansion-strip {
    min-height: 92px;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 148px 1fr auto;
    align-items: center;
    gap: 26px;
    padding: 18px 54px;
    border-radius: 4px;
    background: url('static/images/operation-banner2.png') no-repeat;
    background-size:100% 100%;
    height:138px;
}
.operation-expansion-strip .request-quote-btn{margin:0}

.operation-strip-icon svg {
    width: 92px;
    height: 70px;
    stroke: #00a76a;
    stroke-width: 2.2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.operation-expansion-strip h3 {
    margin: 0 0 8px;
}


.wrap-operation-inv{background:url('static/images/operation-inv-bg.png') no-repeat;background-size: 100%;}
.wrap-operation-inv .main-title{color:#FFFFFF;}
.operation-inv-item{position:relative;height:260px;background:#FFFFFF;color:#000000}
.operation-inv-item .operation-inv-item-icon{position:absolute;left:50px;top:50px;width:50px;height:50px}
.operation-inv-item .operation-inv-item-icon-path{fill:#00A76A}
.operation-inv-container{display:flex;gap:2%;}
.operation-inv-w{width:32%;}
.operation-inv-l-container{display:grid;gap:10px;}
.operation-inv-item-text{position:absolute;left:0;bottom:0;padding:0 35px;}
.operation-inv-item-right{position: absolute;right:50px;top:50px;width:10px;}
.operation-inv-item-text div{margin-bottom: 40px}
.operation-inv-item-right-path{fill:#000000}
.operation-inv-w.operation-inv-a{}
.operation-inv-item:hover{background:#00A76A;color:#FFFFFF}
.operation-inv-item:hover .operation-inv-item-icon-path{fill:#FFFFFF}
.operation-inv-item:hover .operation-inv-item-right-path{fill:#FFFFFF}
.operation-inv-text{text-align:center;color:#FFFFFF;padding-bottom: 100px;margin-top:30px}

.operation-work-container{display:flex;gap:0;}
.operation-work-process{display:flex;gap:0}
.operation-work-item-icon{width:80px;height:80px;padding:20px;background:rgba(0,167,106, .1)}
.operation-work-step{margin-top:40px;font-weight: bold;font-size:16px;color:#00A76A;}
.operation-work-title{font-weight:bold;margin-top:30px;width:55%;height:38px;font-size:18px;}
.operation-work-desc{margin-top:40px;width:65%}
.operation-work-item-line{width:130px;height:1px;border:1px solid rgba(0,167,106,.1);margin:auto 0}
.operation-work-item-right{width:30px;height:29px;margin:auto 0}
.operation-work-title.operation-work-title-4{width:90%}
.operation-work-desc.operation-work-desc-4{width:100%}
.operation-inv-item-text-title{font-weight:bold;font-size:18px}


.operation-partner-card {
    min-height: 170px;
    padding: 28px 34px;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 16px;
}

.operation-partner-card h3 {
    margin-top: 0;
}

.operation-partner-card a {
    margin-top: 12px;
}

.operation-work-section {
    padding: 22px 0 34px;
}

.operation-workflow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 42px;
    align-items: start;
}

.operation-workflow article {
    position: relative;
    min-height: 96px;
    display: grid;
    grid-template-columns: 46px 48px 1fr;
    gap: 14px;
    align-items: start;
}

.operation-workflow article:not(:last-child):after {
    content: "";
    position: absolute;
    right: -31px;
    top: 24px;
    width: 46px;
    border-top: 1px dashed #b5bec6;
}

.operation-workflow span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-top: 4px;
    border-radius: 50%;
    background: #edf7f4;
    color: #00a76a;
    font-size: 17px;
    font-weight: 800;
}

.operation-work-icon {
    position: relative;
    width: 42px;
    height: 42px;
    color: transparent;
    font-size: 0;
    border: 2px solid #2f3943;
    border-radius: 2px;
}

.operation-work-icon:before,
.operation-work-icon:after {
    content: "";
    position: absolute;
    display: block;
}

.operation-workflow article:nth-child(1) .operation-work-icon:before {
    left: 9px;
    top: 8px;
    width: 20px;
    height: 2px;
    background: #2f3943;
    box-shadow: 0 8px 0 #2f3943, 0 16px 0 #2f3943;
}

.operation-workflow article:nth-child(1) .operation-work-icon:after {
    left: 7px;
    top: -6px;
    width: 24px;
    height: 10px;
    border: 2px solid #2f3943;
    border-radius: 2px;
    background: #fff;
}

.operation-workflow article:nth-child(2) .operation-work-icon:before {
    right: -5px;
    top: 5px;
    width: 12px;
    height: 30px;
    border-left: 2px solid #2f3943;
    transform: rotate(28deg);
}

.operation-workflow article:nth-child(2) .operation-work-icon:after {
    left: 8px;
    top: 10px;
    width: 18px;
    height: 2px;
    background: #2f3943;
    box-shadow: 0 9px 0 #2f3943, 0 18px 0 #2f3943;
}

.operation-workflow article:nth-child(3) .operation-work-icon {
    border-radius: 50%;
}

.operation-workflow article:nth-child(3) .operation-work-icon:before {
    left: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid #2f3943;
    border-radius: 50%;
}

.operation-workflow article:nth-child(3) .operation-work-icon:after {
    left: -6px;
    top: 18px;
    width: 50px;
    height: 2px;
    background: #2f3943;
    box-shadow: 0 -14px 0 -1px #2f3943, 0 14px 0 -1px #2f3943;
}

.operation-workflow article:nth-child(4) .operation-work-icon {
    border: 0;
    border-left: 2px solid #2f3943;
    border-bottom: 2px solid #2f3943;
}

.operation-workflow article:nth-child(4) .operation-work-icon:before {
    left: 8px;
    bottom: 9px;
    width: 26px;
    height: 18px;
    border-top: 2px solid #2f3943;
    border-right: 2px solid #2f3943;
    transform: skew(-24deg);
}

.operation-workflow article:nth-child(4) .operation-work-icon:after {
    right: 2px;
    top: 8px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #2f3943;
    border-right: 2px solid #2f3943;
    transform: rotate(45deg);
}

.operation-workflow h3 {
    grid-column: 3;
    grid-row: 1;
    margin: 2px 0 7px;
    font-size: 13px;
    line-height: 1.35;
    color: #1b2530;
    font-weight: 800;
}

.operation-workflow p {
    grid-column: 3;
    grid-row: 2;
    font-size: 12px;
    line-height: 1.5;
    color: #56616b;
}

.operation-cta {background:url('static/images/operation-banner2-bg.png') no-repeat;background-size:100% 100%;}

.operation-cta-inner {min-height: 118px;display: grid;grid-template-columns: 246px 1fr auto;align-items: flex-end;gap: 32px;color: #fff;}


.operation-cta h2 {
    font-size: 36px;
    line-height: 1.35;
    margin: 0;
}

.operation-footer {
    background: #1e2631;
    color: rgba(255, 255, 255, .78);
    padding: 38px 0 22px;
}

.operation-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr repeat(4, 1fr);
    gap: 54px;
}

.operation-footer-grid > div {
    min-height: 140px;
    border-left: 1px dashed rgba(255, 255, 255, .28);
    padding-left: 36px;
}

.operation-footer-grid > div:first-child {
    border-left: 0;
    padding-left: 0;
}

.operation-footer-logo {
    width: 136px;
    height: auto;
    object-fit: contain;
    margin-bottom: 14px;
}

.operation-footer p,
.operation-footer a {
    font-size: 12px;
    line-height: 1.8;
}

.operation-footer h3 {
    margin-bottom: 18px;
    color: #fff;
    font-size: 14px;
}

.operation-footer a {
    display: block;
}

.operation-socials {
    display: flex;
    gap: 12px;
    margin-top: 18px;
}

.operation-socials a {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 11px;
}

.operation-footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 30px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.operation-footer-bottom a {
    display: inline;
}

.operation-footer-bottom span {
    margin: 0 12px;
    color: rgba(255, 255, 255, .32);
}

@media (max-width: 1200px) {
    .operation-menu {
        gap: 22px;
        font-size: 12px;
    }

    .operation-card-grid.four,
    .operation-proof-grid,
    .operation-workflow {
        grid-template-columns: repeat(2, 1fr);
    }

    .operation-expansion,
    .operation-card-grid.three {
        grid-template-columns: 1fr;
    }

    .operation-workflow article:not(:last-child):after {
        display: none;
    }
}

@media (max-width: 768px) {
    .operation-container {
        max-width: calc(100% - 32px);
    }

    .operation-header,
    .operation-nav {
        height: auto;
    }

    .operation-nav {
        padding: 14px 0;
        flex-wrap: wrap;
    }

    .operation-menu {
        order: 3;
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 20px;
    }

    .operation-menu a {
        line-height: 36px;
    }

    .operation-hero,
    .operation-hero-inner {
        min-height: 560px;
    }

    .operation-hero-copy,
    .operation-hero-text {
        width: 100%;
    }

    .operation-hero h1 {
        font-size: 36px;
    }

    .operation-actions,
    .operation-footer-bottom {
        flex-direction: column;
    }

    .operation-card-grid.four,
    .operation-card-grid.three,
    .operation-proof-grid,
    .operation-workflow {
        grid-template-columns: 1fr;
    }

    .operation-equipment-card,
    .operation-equipment-card.reverse,
    .operation-expansion-strip,
    .operation-cta-inner,
    .operation-footer-grid {
        grid-template-columns: 1fr;
    }

    .operation-expansion-strip {
        padding: 22px;
    }

    .operation-footer-grid {
        gap: 24px;
    }

    .operation-footer-grid > div {
        border-left: 0;
        padding-left: 0;
    }
}


/* ---------------- Responsive Fix ---------------- */
img,
video,
iframe {
    max-width: 100%;
}

.wrap-width,
.wrap-container {
    max-width: calc(100% - 64px);
}

@media (max-width: 1200px) {
    .wrap-width,
    .wrap-container {
        width: calc(100% - 48px);
        max-width: calc(100% - 48px);
    }

    .page-header .wrap-width,
    .page-footer .wrap-width {
        width: calc(100% - 48px);
    }

    .nav-list {
        gap: 12px;
    }

    .nav-list li {
        padding: 8px 10px;
    }

    .product-container,
    .invest-container,
    .we-container,
    .detail-container,
    .ask-container,
    .operation-inv-container,
    .support-box-parent {
        flex-wrap: wrap;
    }

    .product-category-parent {
        width: 100%;
    }

    .product-list-container,
    .ask-info,
    .detail-machine-info {
        width: 100%;
        flex: 0 0 100%;
    }

    .product-item {
        width: 49%;
    }

    .solution-box-parent,
    .case-container,
    .physical-container,
    .interests-container,
    .download-file-container {
        flex-wrap: wrap;
    }

    .solution-child,
    .used-solution-child,
    .operation-support-child {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    .case-item,
    .physical-item {
        width: 49%;
        margin-bottom: 20px;
    }

    .interests-content-item,
    .download-file-item {
        width: 100%;
    }

    .invest-showing,
    .invest-introduction-image img,
    .we-image,
    .detail-machine-image {
        width: 100%;
        max-width: 100%;
    }

    .detail-machine-image {
        height: auto;
    }

    .page-footer .top-block,
    .page-footer .bottom-block {
        flex-wrap: wrap;
        gap: 24px;
    }

    .page-footer .bottom-block .link-item:nth-child(1),
    .page-footer .bottom-block .link-item:nth-child(2),
    .page-footer .bottom-block .link-item:nth-child(3),
    .page-footer .bottom-block .link-item:nth-child(4) {
        width: 48%;
        flex: 0 0 48%;
    }

    .page-footer .right-box {
        padding-right: 0;
    }

    .page-footer .right-box .search-box input {
        width: 280px;
    }
}

@media (max-width: 960px) {
    .wrap-width,
    .wrap-container {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px);
    }

    .page-header {
        height: auto;
    }

    .page-header .flex-center,
    .page-header .just-between {
        flex-wrap: wrap;
    }

    .nav-list {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        padding: 10px 0;
    }

    .wrap-banner,
    .about-banner,
    .banner-investment {
        height: auto;
        min-height: 520px;
        background-size: cover;
        background-position: center;
    }

    .banner-title,
    .wrap-index-banner .banner-title,
    .used-banner .banner-title,
    .about-banner .banner-title,
    .banner-investment .banner-title {
        font-size: 32px;
    }

    .solution-child,
    .used-solution-child,
    .operation-support-child,
    .case-item,
    .physical-item,
    .product-item,
    .ask-form-item {
        width: 100%;
    }

    .choose-container {
        overflow: hidden;
    }

    .choose-item,
    .choose-item-large.choose-item {
        width: 100%;
        padding: 28px;
    }

    .choose-switch-left {
        left: 8px;
    }

    .choose-switch-right {
        right: 8px;
    }

    .invest-models {
        height: auto;
        flex-wrap: wrap;
        background-size: cover;
    }

    .invest-model {
        width: 100%;
        min-height: 260px;
        padding: 50px 32px;
    }

    .we-container,
    .we-regnant-container,
    .ask-container,
    .detail-container {
        gap: 32px;
    }

    .ask-contact {
        flex: 0 0 100%;
    }

    .wrap-consultation-form,
    .pop-contact-form {
        width: calc(100% - 32px);
        height: auto;
        max-height: 90vh;
        overflow-y: auto;
    }

    .wrap-consultation-form {
        flex-direction: column;
    }

    .pop-cons-showing,
    .pop-quote-showing {
        width: 100%;
        min-height: 160px;
    }

    .page-footer .bottom-block .link-item:nth-child(1),
    .page-footer .bottom-block .link-item:nth-child(2),
    .page-footer .bottom-block .link-item:nth-child(3),
    .page-footer .bottom-block .link-item:nth-child(4) {
        width: 100%;
        flex: 0 0 100%;
    }

    .page-footer .right-box .search-box {
        flex-wrap: wrap;
        gap: 12px;
    }

    .page-footer .right-box .search-box input {
        width: 100%;
        margin-right: 0;
    }
}