@charset "utf-8";@font-face{font-family:oswald-r;src:url(../fonts/oswald-r.eot);src:local('☺'),url(../fonts/oswald-r.woff) format('woff'),url(../fonts/oswald-r.ttf) format('truetype'),url(../fonts/oswald-r.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@charset "utf-8";@font-face{font-family:oswald-r;src:url(../fonts/oswald-r.eot);src:local('☺'),url(../fonts/oswald-r.woff) format('woff'),url(../fonts/oswald-r.ttf) format('truetype'),url(../fonts/oswald-r.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:poppins-bold;src:url(../fonts/poppins-bold.eot);src:local('☺'),url(../fonts/poppins-bold.woff) format('woff'),url(../fonts/poppins-bold.ttf) format('truetype'),url(../fonts/poppins-bold.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:poppins-light;src:url(../fonts/poppins-light.eot);src:local('☺'),url(../fonts/poppins-light.woff) format('woff'),url(../fonts/poppins-light.ttf) format('truetype'),url(../fonts/poppins-light.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:poppins-medium;src:url(../fonts/poppins-medium.eot);src:local('☺'),url(../fonts/poppins-medium.woff) format('woff'),url(../fonts/poppins-medium.ttf) format('truetype'),url(../fonts/poppins-medium.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:poppins-regular;src:url(../fonts/poppins-regular.eot);src:local('☺'),url(../fonts/poppins-regular.woff) format('woff'),url(../fonts/poppins-regular.ttf) format('truetype'),url(../fonts/poppins-regular.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:poppins-semibold;src:url(../fonts/poppins-semibold.eot);src:local('☺'),url(../fonts/poppins-semibold.woff) format('woff'),url(../fonts/poppins-semibold.ttf) format('truetype'),url(../fonts/poppins-semibold.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
body{font-family:POPPINS-REGULAR,Arial,Helvetica,sans-serif;font-size:18px;overflow-x:hidden;color:#222}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,table,td,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0}
input,select,textarea{font-size:14px;border:none;margin:0;padding:0}
img{border:0;max-width:100%;vertical-align:top}
a{color:#fff;text-decoration:none;background-color:transparent;transition:.3s}
a:hover{cursor:pointer;transform:translateY(-2px)}
a:focus,input:focus,button:focus,textarea:focus{outline:none}
ul,li,dl,dt,dd{list-style:none outside none}
*{box-sizing:border-box}
.icon-mean_list{background:url(../images/ffggg.png) no-repeat 26px 4px}
input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none}
textarea{-webkit-appearance:none}
.main{background:#f8f8f8}
.wrapper{max-width:1200px;margin:0 auto;position:relative;padding:0 10px}
/*header{width:100%;z-index:999;position:absolute;top:0;left:0}*/
.position{background:rgba(0,0,0,.6);height:100px;box-shadow:0 1px 10px 0 rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.5)}
#nav:after{content:'';display:block;clear:both}
.logo{position:absolute;left:0;top:35px;margin-left: 10px;}
.close-nav{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;visibility:hidden;transition:.5s;z-index:88}
.nav-open{transform:translateX(0)}
.close-open{opacity:.5;visibility:visible}
.body-hidden{overflow:hidden!important}
#nav .nav-button{width:40px;height:35px;z-index:5;border-radius:3px;color:#fff;position:absolute;right:10px;top:10px;line-height:35px;text-align:center;font-size:20px}
#nav .nav-button i{color:#fff;font-size:22px;font-weight:600}
#nav .nav-button{display:none}
nav{float:right;
    /*margin-right:100px*/
}
nav li{float:left;position:relative;margin:0 36px}
nav li>a{position:relative;line-height:100px;font-size:20px;text-transform:capitalize;color:#111827;display:inline-block}
nav li>a:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:0;transition:all .3s;height:5px;background:#c9862b}
nav li.on a:before,nav li:hover a:before{width:80%}


/*.na_pmeun{position:fixed;display:none;padding:36px 0 50px;left:0;width:100%;background:#fff}*/
/*.na_sub{width:100%;overflow:hidden}*/
/*.na_sub li{float:left;margin-left:0;line-height:normal!important;width:18%;margin:0 1%}*/
/*.na_sub li:last-child{margin-right:0}*/
/*.na_sub li strong{color:#333;margin-bottom:18px;padding-bottom:10px;font-size:15px;position:relative;font-weight:400;line-height:24px;height:48px}*/
/*.na_sub li strong:before{content:"";transition:all .3s;position:absolute;bottom:0;left:0;width:20px;height:2px;background:#075714}*/
/*.na_sub li a{padding:0;display:block;text-align:left}*/
/*.na_sub li a:before{display:none}*/
/*.na_sub li:hover .changpic img{transform:scale(1.1)}*/
/*.na_sub li:hover h4:before{width:0}*/
.head_rcon{position:absolute;right:0;top:33px;width:86px}
.search-button{cursor:pointer;width:40px;float:left;position:relative}
.search-button i{color:#fff;font-size:28px;width:100%;text-align:center;display:inline-block}
footer{
    /*background:#1c1c1c;*/
    background: linear-gradient(135deg, rgb(53 83 59), rgb(71 140 73));

    overflow:hidden}
.fo_tonav li{position:relative}
.fo_pnaus{padding-top:40px;overflow:hidden;padding-bottom:32px}
.fo_pr{float:left;width:310px}
.fo_pnaus strong{display:inline-block;color:#fff;font-size:26px;margin-bottom:25px;text-transform:uppercase}
.f_prul li{transition:all .3s;position:relative;padding-left:18px;font-size:16px}
.f_prul li:before{content:">";position:absolute;top:25px;left:0;color:#fff}
.f_prul li a,.fo_lediv .inah2 strong,.fo_lediv p{color:#fff}
.f_prul li a:hover{color:#e37a1e}
.f_prul li:hover{transform:translateX(5px)}
.f_prul li:hover:before{color:#075714}
.copyright{padding:20px 0;overflow:hidden}
.copyright p{font-size:16px;color:#a2a2a2}
.copyright p a{color:#a2a2a2}
.copyright p a:hover{color:#075714}
.for_info{padding:35px;background:#075714}
.for_info li{margin-bottom:15px}
.for_info input,.for_info textarea{width:100%;background:0 0;color:#075714;
    border-bottom:1px solid #e37a1e;line-height:26px;padding:16px 0}
.for_info input::-webkit-input-placeholder,.for_info textarea::-webkit-input-placeholder{color:#075714}
.for_info input:-moz-placeholder,.for_info textarea:-moz-placeholder{color:#075714}
.for_info button{padding:0;border:none;transition:all .3s;cursor:pointer;width:100%;background:#075714;
    font-size:16px;height:50px;line-height:50px;color:#fff}



.for_info button:hover{transform:translateX(10px)}
.contactfooter{margin-top:35px}
.contactfooter li p{color:#fff;font-size:16px;line-height:26px}
.chat{position:fixed;right:50px;bottom:130px;z-index:99999;display:none}
.chat-box{position:relative;width:50px;height:240px}
.chat-box li{position:relative;width:100%;height:50px;line-height:50px;margin-bottom:1px;text-align:center}
.item{background-color:#075714}
.chat-box img{display:inline-block;vertical-align:middle;width:100%}
.chat-box span{padding-left:50px;text-align:left}
.toTop{position:fixed;right:50px;bottom:100px;z-index:999;cursor:pointer;width:50px;display:none;background-color:#075714;height:50px;line-height:50px;border-radius:50px}
.toTop img{width:100%;height:auto;vertical-align:middle}

/*.crumb {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: 0 auto;*/
    /*top: 10px;*/
    /*width: 1200px;*/
    /*color: #808080;*/
    /*line-height: 16px;*/
    /*z-index: 22;*/
    /*padding-left: 20px;*/
/*}*/

/*.breadcrumb{list-style:none;border-radius:4px;background:none;margin-left:75px}*/
/*.breadcrumb>li{line-height:30px;display:inline-block;font-size:14px;color:#000;}*/
/*.breadcrumb>li+li:before{padding:0 5px;color:#000;content:"/\00a0"}*/
/*.breadcrumb>li a{color:#000;}*/
/*.pros-name {*/
    /*position: absolute;*/
    /*top: 54%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*width: 92%;*/
    /*text-align: center;*/
    /*line-height: 1.4;*/
/*}*/


.subbanner {
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 450;
    min-height: 220px;
    overflow: hidden;
    isolation: isolate;
}

/* 图片层 */
.bannerpic,
.bannerpic picture,
.bannerpic img {
    display: block;
    width: 100%;
    height: 100%;
}

.bannerpic {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.subbanner img {
    object-fit: cover;
}

.subbanner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: rgba(7, 87, 20, 0.5);
}

.sub_nav {
    position: absolute;
    inset: 0;
    z-index: 2;
    color: #fff;
}

.sub_nav .wrapper {
    position: relative;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.crumb {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    z-index: 3;
    line-height: 1;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}

.breadcrumb > li {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}

.breadcrumb > li + li::before {
    content: "/";
    padding: 0 8px;
    color: rgba(255, 255, 255, 0.6);
}

.breadcrumb > li a {
    /*color: inherit;*/
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.breadcrumb > li a:hover {
    opacity: 0.85;
    text-decoration: underline;
}

/* 标题 */
.pros-name {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(92%, 1100px);
    text-align: center;
    line-height: 1.4;
}

.pros-name h1 {
    margin: 0;
    color: #fff;
    line-height: 1.2;
    text-wrap: balance;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}


.grid{display:grid;gap:20px}
.grid p{font-size: 16px}
.grid-2col{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));align-items:center}
.grid-2col a{display:inline-block;margin-top:25px}
.grid-2col:has(.table){align-items:start}
.grid-2col:has(.table) .table{margin:0 0 1.8em}
.grid-3col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.8em 0}
.grid-3col div{padding:20px;border:1px solid #eee;border-radius:10px;background:#fafafa;font-size:16px;width: 100%;}
.grid-3col li{
    padding:20px;
    border-radius:10px;
    background: #f3fcf4;
    font-size:16px
}
.grid-3col .default li{padding: 3px 0px;}
.grid-3col div:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.grid-3col div table{min-width:500px}
.grid-4col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));    font-size: 16px;}
.grid-4col div{background:#f8fbfd;border:1px solid #dbe7ef;padding:5px 15px;border-radius:10px;transition:all .3s ease}
.grid-4col div:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}
.order{
    margin: 35px 0;
    counter-reset: quote-step;
}

.order li{
    position:relative;
    padding:10px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    transition:.3s;
    font-size: 16px;
}

.order li:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.order li::before{
    counter-increment:quote-step;
    content:counter(quote-step, decimal-leading-zero);

    position:absolute;
    top: -20px;
    right: -15px;
    width: 35px;
    height: 35px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#075714;
    color:#fff;

    font-size:15px;
    font-weight:700;
    line-height:1;
}

.order li strong{
    display:block;
    margin-bottom:10px;
    color:#075714;
    font-size:18px;
}


.grid-5col{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));line-height:1.5}

.grid-5col li .changpic a{    color: #222;}
.grid-3col p,.grid-4col p,.grid-5col p{font-size:16px}
.start{align-items:start}
.center,.grid-2col.center{align-items:center}
.grid .img img,.grid img{height:auto;display:block;border-radius:20px;aspect-ratio:4/3;object-fit:cover}
.grid .left{text-align:center}
/*.grid .left img{aspect-ratio:1/1}*/
.grid .img img:hover{transform:translateY(-5px)}
.grid-2col .why{border-radius:18px;padding:25px;box-shadow:0 5px 30px rgb(0 0 0 / 7%)}
.grid-2col .hero-media{position: relative;}
.grid-2col div strong{color:#075714}

.hero-tags span{display: inline-block;

    padding: 10px;
    background: #075714;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    margin-top: 5px;}

.product-gallery{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:20px;
    align-items:center;
    text-align: center;
    max-width: 1024px;
    margin: 0 auto;
}
.thumbnail-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.thumbnail-list input{
    display:none;
}
.thumbnail-list label{
    cursor:pointer;
    border:2px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    transition:.3s;
}
.thumbnail-list img{
    width:100%;
    display:block;
    height: auto;
}
.main-image{
    position:relative;
}
.main-image figure{
    display:none;
}
.main-image img{
    width:100%;
    max-width: 800px;
    border-radius:10px;
    display:block;
    height: auto;
}
.main-image figcaption{
    padding:10px 0;
    color:#555;
    font-size:14px;
}

.product-gallery input{
    display:none;
}

.main-image figure{
    display:none;
}
#pipe-img1:checked ~ .main-image .figure1,
#pipe-img2:checked ~ .main-image .figure2,
#pipe-img3:checked ~ .main-image .figure3,
#pipe-img4:checked ~ .main-image .figure4,
#img1:checked ~ .main-image .figure1,
#img2:checked ~ .main-image .figure2,
#img3:checked ~ .main-image .figure3,
#img4:checked ~ .main-image .figure4{
    display:block;
}

#pipe-img1:checked ~ .thumbnail-list label[for="pipe-img1"],
#pipe-img2:checked ~ .thumbnail-list label[for="pipe-img2"],
#pipe-img3:checked ~ .thumbnail-list label[for="pipe-img3"],
#pipe-img4:checked ~ .thumbnail-list label[for="pipe-img4"],
#img1:checked ~ .thumbnail-list label[for="img1"],
#img2:checked ~ .thumbnail-list label[for="img2"],
#img3:checked ~ .thumbnail-list label[for="img3"],
#img4:checked ~ .thumbnail-list label[for="img4"]{
    border-color:#075714;
    box-shadow: 0 0 0 10px rgb(236 252 239);
    transform:scale(1.05);
}
.note{margin-top:28px;background:#fff8ef;border-left:5px solid #ffcc51;padding:22px 26px;border-radius:8px;font-size: 16px;
}


.tab-input{position:absolute;opacity:0;pointer-events:none}
.tab-labels{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0;border-bottom:2px solid #d9e4e8}
.tab-labels label{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;
    background:#f3fcf4;color:#31435a;font-weight:700;border:1px solid #d9e4e8;border-bottom:none;border-radius:10px 10px 0 0;transition:0.25s ease}
.tab-labels label:hover{background:#dff1f5}
.tab-panels{border:1px solid #d9e4e8;border-top:none;padding:26px;border-radius:0 0 12px 12px;box-shadow:0 10px 30px rgba(11,61,74,0.08)}
.tab-panel{display:none}
#tab-9010:checked ~ .tab-labels label[for="tab-9010"],#tab-7030:checked ~ .tab-labels label[for="tab-7030"],#tab-din:checked ~ .tab-labels label[for="tab-din"],#tab-din15:checked ~ .tab-labels label[for="tab-din15"],#tab-din10:checked ~ .tab-labels label[for="tab-din10"],#tab-eemua:checked ~ .tab-labels label[for="tab-eemua"],#tab-asme:checked ~ .tab-labels label[for="tab-asme"]{background:#075714;color:#fff;border-color:#f3fcf4}
#tab-9010:checked ~ .tab-panels #panel-9010,#tab-7030:checked ~ .tab-panels #panel-7030,#tab-din:checked ~ .tab-panels #panel-din,#tab-din15:checked ~ .tab-panels #panel-din15,#tab-din10:checked ~ .tab-panels #panel-din10,#tab-eemua:checked ~ .tab-panels #panel-eemua,#tab-asme:checked ~ .tab-panels #panel-asme{display:block}



.cuni-calculator-form{display:grid;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group label{display:block;margin-bottom:7px;color:#243840;font-weight:700;font-size:14px}
.form-group label span{color:#66777d;font-weight:400}
.form-group input,.form-group select{width:100%;height:46px;border:1px solid #cbdce2;border-radius:9px;padding:0 13px;font-size:15px;color:var(--cuni-text);background:#ffffff;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}
.form-group select{cursor:pointer}
.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px rgba(20,107,124,0.13)}
.button-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px}
.calc-btn,.reset-btn{width:100%;height:46px;border:none;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer;transition:transform 0.2s ease,opacity 0.2s ease}
.calc-btn{background:#31435a;color:#ffffff}
.reset-btn{background:#e9f1f3;color:#31435a}
.calc-btn:hover,.reset-btn:hover{opacity:0.92;transform:translateY(-1px)}
.cuni-result-box{margin-top:24px;padding:22px;background:linear-gradient(135deg,#31435a,#397cd0);border-radius:14px;color:#ffffff}
.result-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.18)}
.result-line:first-child{padding-top:0}
.result-line:last-child{padding-bottom:0;border-bottom:none}
.result-line span{font-size:14px;opacity:0.88}
.result-line strong{font-size:18px;line-height:1.3;text-align:right}
.calculator-small-note{margin:16px 0 0;color:#66777d;font-size:13px;line-height:1.5}
.pro-cont .error-text{color:#b42318;font-size:16px;margin:0;display:none}
.grid-2col .result-line strong{color:#fff}



.hero {
    position: relative;
    background: linear-gradient(90deg, rgb(53 83 59), rgb(71 140 73));
    color: #fff;
    padding: 120px 0 95px;
    overflow: hidden;
}


.eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #ffe1b9;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 13px;
}

.hero h1{font-size:54px;line-height:1.5;max-width:800px}

.inah2 {font-size: 38px}
.hero p{margin-top:24px;padding-left:16px;line-height:1.7;max-width:800px;position:relative}


.hero-card {
    background: rgba(255, 255, 255, 0.95);
    padding: 28px;
    border-radius: 16px;;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.hero-card .hero-tittle {
    color: #36553b;
    font-size: 22px;
    margin-bottom: 12px;
}

.hero-card p {
    font-size: 15px;
    color: #6b7280;
}

.hero-card-list{
    color: #6b7280;
    margin-top: 18px;
    padding-left: 16px;
}

.hero-card-list li,.feature-list li {
    padding-left: 25px;
    position: relative;
    margin: 12px 0;
    line-height: 1.5;
    font-weight: 700;
}


.hero-card-list li:before,.feature-list li:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #36553b;
    border-radius: 50%;
}


.btn-light {
    /*color: var(--white);*/
    padding: 10px 18px;
    border-radius: 4px;
    border-color: rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.12);
}

.wrapper h3{font-size: 20px;
    margin: 15px 0;}
.trust-item h3{color: #075714;margin-bottom: 25px;}
.card-body h3 a{    color: #222;}
.grid-4col .card-body{
    border: none;
    background: #fff;
}
.card-body p{font-size: 16px}

.link-list {
    margin: 18px 0 20px;
    display: grid;
    gap: 8px;
}

.link-list a {
    color: #075714;
    font-weight: 700;
    font-size: 14px;
}

.text-link {
    color: #c9862b;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
}


.wrapper figcaption{margin: 10px;text-align: center}
.qc-grid figure{margin: 0}

.tag{margin: 15px 0}
.tag li{display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    color: #075714;
    font-weight: 700;
    margin: 5px 0;
    font-size: 16px;
}
/*.banner_home{position:relative}*/
/*.banner_home{position:relative;overflow:hidden}*/
/*.banner_home .banner{position:relative;height:100vh}*/
/*.banner_home .banner img{width:100%;height:100%;object-fit:cover;vertical-align:middle}*/
/*.item_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;padding:0 10px;color:#fff;z-index:2}*/
/*.item_text h1{font-size:54px;line-height:1.5;max-width:800px}*/
/*.item_text p{margin-top:24px;padding-left:16px;line-height:1.7;max-width:800px;position:relative}*/
/*.item_text p::after{content:"";position:absolute;left:0;top:4px;width:3px;height:calc(100% - 8px);background:#075714}*/
/*.item_text a{display:inline-block;margin-top:40px;padding:12px 36px;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#075714;border:2px solid #075714;border-radius:40px;transition:all 0.3s ease}*/
/*.item_text a:hover{background:transparent;border-color:#fff}*/
/*.banner .item.slick-active .item_text{-webkit-animation:fadeInRight 1s forwards;animation:fadeInRight 1s forwards}*/


.main-layout{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 34px;
    align-items: start;
    padding: 26px 0 70px;
}


.main-layout article,.main-layout aside {
    /*background: #e5e8ea;*/
    border: 1px solid #e5e8ea;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 76, 92, 0.08);
    padding: 42px 46px;
}

.main-layout .toc ul li a{color:#075714;}
.main-layout .toc ul li{    font-size: 16px;
    margin: 12px 0;
    line-height: 1.5;}

@keyframes fadeInRight{0%{left:-100%;opacity:0}
    60%{left:0;opacity:1}
    100%{left:0;opacity:1}
}.cl{clear:both}
.section{padding:75px 0}
.section-light{background:#f3fbf4}
.section-title span{display:inline-block;color:#075714;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:1px;margin-bottom:8px}
.section-title p,.pipe-supplier p{margin-top:15px}
.section-title.center{text-align:center;margin-bottom:45px}





/*.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;align-items:center;margin-bottom:2.8em}*/
/*.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch;margin:1.5em 0 2.8em}*/
/*.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:stretch;margin:1.5em 0 2.8em}*/
/*.grid-2 video{width:100%;height:auto;aspect-ratio:2 / 1.5;object-fit:cover;display:block;border-radius:20px}*/
/*.grid-2 img{width:100%;height:auto;aspect-ratio:2 / 1.5;object-fit:cover;display:block;border-radius:20px}*/
/*.grid-3 figure{margin:10px}*/


.why-grid {

    counter-reset: why;
}

.why-item {
    padding: 26px;
    position: relative;
    overflow: hidden;
}

.why-item::before {
    counter-increment: why;
    content: counter(why);
    position: absolute;
    right: 22px;
    top: 12px;
    font-size: 54px;
    font-weight: 900;
    color: rgba(201, 134, 43, 0.14);
    line-height: 1;
}


/*.product-card{*/
    /*border: 1px solid #dfe8ec;*/
    /*border-radius: 16px;*/
    /*padding: 24px;*/
    /*transition: 0.25s ease;*/
    /*min-height: 205px;*/
/*}*/

.product-card p{font-size: 15px}

.product-card a {
    font-weight: 700;
    color: #b87935;
    font-size: 14px;
}

.internal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.internal-links a {
    border: 1px solid #dfe8ec;
    border-radius: 999px;
    padding: 10px 16px;
    color:#075714;
    background: #f3fbf4;
    font-size: 14px;
    font-weight: 700;
}


.about .grid-2 p,.quality p{font-size:16px;line-height:28px;margin:15px 0;padding:0 10px}
.card,.equipment-card,.case-card,.why-card,.cert-card,.packaging-step,.faq-item{border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 12px 30px rgba(15,23,42,0.08);padding:0 10px;font-size:16px}
li.card{padding:15px;text-align:center}
.card img,.equipment-card img,.case-card img{width:100%;height:auto;object-fit:cover}
.card p,.equipment-card p,.case-card p,.why-card p,.faq p{margin:10px}
.equipment-card .title,.why-card .title,.faq .title{font-weight:600}
.equipment-card .desc,.why-card .desc,.faq .desc{font-size:16px}
.badges{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:15px 0}
.badges li{padding:10px 20px;border:1px solid #cbd5e1;border-radius:40px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.trust-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}
.trust-list li{font-size:16px;background:#eef5ff;padding:12px;border-radius:6px}
.faq{margin:1.5em 0 2.8em}
.faq details{border:1px solid #e2e8f0;padding:18px;border-radius:10px;margin-bottom:18px}
.faq p{font-size:16px}
.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px;font-size:16px}
.case-meta li{display:inline-block;background:rgba(11,94,215,0.08);color:#0b5ed7;font-size:13px;font-weight:800;padding:6px 10px;border-radius:999px}
.pr_list{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 24px;margin:52px 0 0;padding:0;list-style:none}
.pr_list li{min-width:0;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}
.pr_list li:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,0.08)}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.application-grid li,.blog-card li{border:1px solid #e5e7eb;padding:20px;border-radius:10px;font-weight:800;font-size:16px}
.application-grid li::before{content:"•";color:#e87917;font-size:28px;margin-right:8px}
/*.changpic{margin:0;overflow:hidden}*/
/*.changpic a{display:block}*/
/*.changpic img{display:block;width:100%;max-width:500px;margin:0 auto;height:auto;aspect-ratio:4 / 3;object-fit:cover;transition:transform 0.45s ease;will-change:transform}*/


.pr_txd{margin:0;padding:24px 20px 32px;text-align:center;transition:background-color 0.3s ease}
.pr_txd a{display:inline-block;color:#075714;font-size:17px;line-height:1.45;font-weight:600;text-decoration:none;transition:color 0.3s ease,transform 0.3s ease}
.pr_txd strong{font-weight:600}
.pr_list li:hover .changpic img{transform:scale(1.08)}
.pr_list li:hover .pr_txd a{color:#0069b4}
.pro_rel{position:relative}
.home_boxtit{font-size:52px;text-transform:uppercase}
.grid .inah2{font-size:38px;text-transform:uppercase;margin-bottom:25px}
/*.inca_item{position:relative;overflow:hidden}*/
/*.inca_item .changpic{background:#1c1c1c}*/
/*.inca_item .changpic img{opacity:.8}*/
/*.inca_tx{transition:all .3s;position:absolute;bottom:0;left:0;color:#fff;width:100%;padding:0 5px 5px;font-size:16px}*/
/*.inca_tx p{margin-top:8px;line-height:24px;height:48px;overflow:hidden}*/
.quality{margin-top:25px}
.quality .feature-list,#packaging .feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none;padding:0;margin-top:24px;font-size:16px}
.quality .feature-list li,#packaging .feature-list li{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px 10px;font-weight:700}
.quality .feature-list li::before,#packaging .feature-list li::before{content:"✓";color:#e87917;margin-right:8px}
#packaging .grid-2 div p{font-size:16px;margin:15px 0}
.faq-item{padding:15px;margin-bottom:16px;box-shadow:0 6px 16px rgba(15,23,42,0.04)}
.blog-card strong{color:#075714;display:inline-block;margin-top:15px;font-size:16px}
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px;display:none}
.footmenu img{display:block}
.footmenu div.bgcolor{clear:both}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%;background:#075714;padding:5px 0}
.footmenu a{color:#fff;font-size:16px;display:block;width:50%;padding:5px 0px;text-align:center;float:left;position:relative}
.footmenu .m-email{border-right:1px solid #fff}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px;font-size:26px}

/*.subbanner{overflow:hidden;position:relative;aspect-ratio:1920 / 450;width:100%}*/
/*.subbanner::before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*inset: 0;*/
    /*background: rgb(7 87 20 / 50%);*/
/*}*/
/*.subbanner img{width:100%;height:100%;object-fit:cover}*/
/*.sub_nav{position:absolute;color:#fff;width:100%;bottom:86px;left:0;}*/



/*.ab_com{overflow:hidden}*/
/*.ab_cole{float:left;width:60%}*/
/*.ab_cori{float:right;width:40%;padding-left:70px}*/
/*.ab_hdi{position:relative;padding-top:10px;z-index:0}*/
/*.ab_hdi h2{font-size:46px;text-transform:uppercase}*/
/*.ab_hdi h2 span{color:#075714}*/
/*.ab_hdi img{position:absolute;top:0;left:0;z-index:-1}*/
/*.ab_copp{margin-top:30px}*/
/*.ab_copp p{font-size:16px;margin-bottom:25px;line-height:30px}*/
/*.ab_cole h1 b{font-size:16px;display:inline-block;margin-bottom:25px;line-height:30px;color:#333}*/


/*.ab_numul li{position:relative;border-bottom:1px solid #ebebeb;padding:68px 0 68px 200px}*/
/*.ab_numul li p{font-size:16px;line-height:21px}*/
/*.ab_numul li span{color:#075714;font-size:45px;position:absolute;top:44px;left:0}*/
/*.ab_ser{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}*/
/*.ab_ser li strong{font-size:16px;color:#222}*/
/*.ab_ser li:nth-of-type(3n){margin-right:0}*/



.se_tx{margin-top:30px}
.se_tx h4{font-size:24px;margin-bottom:8px}
.se_tx p{color:#888;font-size:16px;line-height:28px}
.ab_h2{font-size:46px;margin-top:45px;margin-bottom:28px}
.cul_div{background:#075714;overflow:hidden;padding:35px 10px;border-radius:20px}
.cul_tex p{color:#fff}
.cul_tex p{font-size:16px;line-height:30px}
.ab_tabcer{position:relative;z-index:0}
.ab_tabcer:before{content:"";position:absolute;top:81px;width:100%;height:81%;background:url(../images/tab_bg.jpg) no-repeat;background-size:cover}
.re_arrow span.cer_prev{left:-80px;transform:rotate(180deg)}
.re_arrow span.cer_next{right:-80px}
.del_war{padding-top:68px;padding-bottom:75px}
.de_desc p,.infocon p,.content p{line-height:1.5;margin:1.2em 0}
.de_desc p a,.infocon p a,.content p a{color:#075714}
.de_desc p > img,.infocon p > img,.content p > img {width:100%;max-width:800px;height:auto;display:block;margin:0 auto}
.default{margin:1.8em 0}
.default li{padding-left:28px !important;font-size:16px;position:relative;margin:12px 0;line-height:1.5}
.default li:before{content:'';position:absolute;left:13px;top:10px;width:4px;height:4px;background-color:#075714;border-radius:50%}
.default li a{color:#075714}
.product-list li{
    border-bottom: 1px solid #d9e3e6;
    padding-bottom: 10px;
}
.ctp-list{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;list-style:none;margin-top:35px}
.ctp-list li{width:49.5%;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.06);padding:20px;margin:10px 0;border-left:4px solid #07571463}
.card-list{display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;margin-top:35px}
.card-list li{padding:10px;width:calc(33.333% - 10px);margin:10px 5px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px}
.card-list li strong{color:#075714}
.img-con{display:flex;justify-content:space-between;flex-wrap:wrap;margin:20px 0 35px}
.img-con > div{flex:1;min-width:0;padding:10px;border-left:2px solid #e5e7eb;border-radius:10px}
.img-con .img{text-align:center}
.img-con p strong{color:#075714;font-size:15px}
.img-con > div p,.img-con > div li{font-size:14px}
.bg{background-color:rgb(1 71 125 / 4%);padding:20px;border-radius:10px}
.inner_lis1{list-style-type:none;padding:0;margin:0}
.inner_lis1 li{display:flex;align-items:center;margin-bottom:20px;border:1px solid #ddd;padding:10px}
.inner_lis1 .innerlist1_pic{width:30%;margin-right:20px}
.inner_lis1 .innerlist1_pic img{width:100%;height:auto;display:block}
.inner_lis1 .innerlist1_desc{flex:1}
.inner_lis1 .innerlist1_desc a{display:block;font-size:18px;font-weight:bold;text-decoration:none;margin-bottom:10px}
.inner_lis1 .innerlist1_desc p{margin:0;font-size:14px}
.table{overflow-x:auto;margin:1.8em 0;max-width: 1024px;
    margin: 0 auto;}
.table table{width:100%;border-collapse:collapse;}
.table table td{border:1px solid #d2d2d2;text-align:center;font-size:16px;padding:14px 8px}
.table table tr:hover td,.table table tr:nth-of-type(odd) td{background:#f8f8f8}
.table table tr:first-child td{background:#075714;color:#fff}
.table table td a{color:#075714}
.table table tr:first-child td a{color:#fff}
.cta-box{padding:24px;border-radius:10px;margin:20px 0;transition:all 0.3s ease}
.cta-box p{margin:8px 0}
.cta-box a{display:inline-block;margin-top:12px;padding:10px 18px;text-decoration:none;border-radius:6px;font-weight:600;transition:all 0.3s ease}
.cta-style-1{background:#f5f9ff;border:1px solid #d6e4ff}
.cta-style-1:hover{box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.cta-style-1 a{background:#075714}
.cta-style-1 a:hover{background:#fff;box-shadow:0px 4px 8px rgba(0,0,0,0.2)}
.cta-style-2{background:#fbfbfb;border:1px solid #e0e0e0;text-align:center}
.cta-style-2 p strong{font-size: 20px;    display: inline-block;
    margin: 20px 10px;}
.cta-style-2 strong{color:#c9862b}
.cta-style-2 a{background:#c9862b;color:#fff;font-size:15px;padding:12px 22px}
.cta-style-2 a:hover{background:#075714;transform:translateY(-2px)}
.cta-style-3{
    background: linear-gradient(90deg, rgb(53 83 59), rgb(71 140 73));
    /*background:linear-gradient(135deg,#004a90,#2a89e3);*/
    color:#fff}
.cta-style-3 p{color:#fff}
.cta-style-3 p strong{color:#fff;    font-size: 20px;}
.cta-style-3 a{background:#fff;color:#075714}
.cta-style-3 a:hover{background:#c9862b;color:#fff}
.cta-top,.key-info,.applications,.trust,.compare,.cta-final{background:#f8f9fb;padding:5px 20px 30px;margin:30px 0;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.cta-btns a{display:inline-block;margin:10px 10px 0 0}

.de_desc p .btn-primary,.infocon p .btn-primary,.content p .btn-primary{background:#c9862b;color:#fff;padding:10px 18px;border-radius:4px}
.de_desc p .btn-secondary,.infocon p .btn-secondary,.content p .btn-secondary{background:#075714;color:#fff;padding:10px 18px;border-radius:4px}


.content p a.btn{color: #fff}
.cta-box{padding:10px 15px 20px;margin:20px 0;border-radius:6px}
.defo_info input,.defo_info textarea{border:1px solid #c3c3c3;width:100%;background:#fff;color:#000;font-size:16px;padding:16px 24px}
.defo_info ul{overflow:hidden}
.defo_info ul li{margin-bottom:18px;float:left;position:relative;width:49.2%;margin-right:1.5%}
.defo_info ul li:nth-of-type(even){margin-right:0}
.defo_info ul li:nth-of-type(5),.defo_info ul li:last-child{width:100%}
.defo_info textarea{height:248px;resize:none}
.defo_info button{width:210px;transition:all .3s;height:45px;border-radius:3px;font-size:16px;display:block;color:#fff;text-align:center;background:#075714;border:none;cursor:pointer}
.defo_info ul li:last-child{margin-bottom:0}
.defo_info button:hover{margin-left:8px}
.del_rel{position:relative}
.rel_gd .item{margin:0 12px}
.rel_gd .slick-track{padding:10px 0}
.re_arrow{position:absolute;top:26%;left:0;width:100%}
.re_arrow span{position:absolute;cursor:pointer;text-align:center;line-height:42px;top:0;width:42px;color:#fff;height:42px;background:#075714}
.re_arrow span.rnw_prev{left:-80px;transform:rotate(180deg)}
.re_arrow span.rnw_next{right:-80px}
.news_more{text-align:center;font-size:16px;display:inline-block;margin-top:30px;padding:8px 15px;text-transform:uppercase;border-radius:45px;color:#fff;background:#075714;border:2px solid #075714}
.nored{color:#cc161e;background:#fff}
.nored a{color:#075714}
.cas_list{display:flex;flex-wrap:wrap}
.cas_list li{display:inline-block;width:49%;margin-right:2%;margin-bottom:34px}
.cas_list li:nth-of-type(even){margin-right:0}
.infocon h1,.de_desc h1,.pros-name h1{font-size:45px;font-weight:600;text-align:center;    line-height: 1.5;
}
.infocon h2,.de_desc h2,.content h2{font-size:35px;    margin: 2.5em 0 1em;
    line-height: 1.2em;}
.infocon h3,.de_desc h3,.content h3{font-size:28px;    margin: 2em 0 1em;
    line-height: 1.2em;}
.infocon img{display:inline-block;margin:10px 0;max-width:800px;width:100%}
.infocon .time{text-align:center;margin-bottom:10px;font-size:16px;color:#707879}
.infocon .time i{font-size:20px}

.infocon .tag,.de_desc .tag,.content .tag{margin-top: 35px}
.infocon .tag span,.de_desc .tag span,.content .tag span{display:inline-block;margin:5px;border:1px solid #d2d2d2;padding:5px 10px;border-radius:20px;    font-size: 16px;
    background: #f3fcf4;}
/*.blog-sidebar nav{*/
    /*float:unset;*/
/*}*/
/*.blog-sidebar nav ul{margin-top: 10px}*/
/*.blog-sidebar nav ul li{*/
    /*float:unset;*/
    /*margin: 5px 0;*/
/*}*/
/*.blog-sidebar nav ul li a{line-height: 1.5;font-size: 16px;color:#075714}*/



.toc-nav{}
.relproduct-card li{
    margin: 5px 0;
}

.relproduct-card ul li a{
    color:#c9862b;
    font-size: 16px;
}

.relproduct-card,.recommended-card{margin-top: 25px;}


.recommended-card li{
    display: inline-block;margin: 3px;background: #075714;padding: 5px;border-radius: 10px}

.recommended-card li a{font-size: 16px}
.con_mess{padding-bottom:80px;overflow:hidden}
.co_tle{width:100%;margin-bottom:35px}
.co_desc{font-size:16px}
.co_tle .defo_info{margin-top:25px}
.co_tle .defo_info input,.co_tle .defo_info textarea{border:none;background:#e7e4e4}
.co_tle .defo_info input::-webkit-input-placeholder,.co_tle .defo_info textarea::-webkit-input-placeholder{color:#888}
.co_tle .defo_info input:-moz-placeholder,.co_tle .defo_info textarea:-moz-placeholder{color:#888}
.co_tle .f_con{margin-top:32px}
.co_tle .fot_lxdi p{color:#333}
.co_tle .fot_lxdi:hover a{color:#075714}
.con_mes{margin-top:30px}
.con_mes h4{font-size:36px;margin-bottom:10px;font-weight:400}
.no_fun{text-align:center;margin-bottom:60px}
.no_fun h5{font-size:36px;margin-bottom:30px}
.no_fun p{color:#888;line-height:30px}
.no_fun a{display:inline-block;margin-top:34px;font-size:20px;border-radius:40px;padding:16px 64px;background:#075714;color:#fff;text-transform:uppercase}
.no_fun a:hover{transform:translateY(5px)}
.areatextClass::-webkit-input-placeholder{color:red!important}
@media screen and (max-width:1680px){nav li{margin:0 30px}
}@media screen and (max-width:1600px){.re_arrow span.cer_prev{left:-10px}
    .re_arrow span.cer_next{right:-10px}
    /*.hero h1{font-size:45px;width:100%}*/
}@media screen and (max-width:1440px){nav li{margin:0 20px}
    .chat,.toTop{right:0px}
    .inaled{padding-top:16px}
    .inab_num{padding-top:38px;margin-top:26px}
    .inca_tx p{margin-top:4px}
    .fo_pnaus strong{margin-bottom:8px}
    .re_arrow span.rnw_next{right:-35px}
    .re_arrow span.rnw_prev{left:-35px}
    .ab_numul li font{font-size:45px}
    .ab_numul li{padding:62px 0 48px 171px}
    /*.ab_hdi h2{font-size:58px}*/

    /*.ab_copp{margin-top:8px}*/
    /*.ab_copp p{margin-bottom:10px;line-height:25px}*/

    .se_tx{margin-top:13px}
    .ab_h2{font-size:32px;margin-bottom:12px}

    .copyright p{font-size:14px}
}@media screen and (max-width:1366px){.hero h1{font-size:45px;max-width:100%}
    .hero p{max-width:100%}
    .fo_tonav{padding:28px 0}
    .de_desc{margin-top:20px}
    .defo_info button{width:180px}
    .cul_tex p{line-height:28px}
    .con_mess{padding-bottom:60px}
    nav li dl dd a{font-size:15px}
}@media screen and (max-width:1280px){.fo_pnaus{margin-top:24px}
    /*.sub_nav{bottom:58px}*/
    .del_war{padding-top:48px}
    .del_war{padding-bottom:60px}
    .ab_cori{padding-left:20px}
    .ab_numul li{padding:62px 0 48px 121px}
    .ab_numul li span{font-size:32px}
}@media screen and (max-width:1024px){

    .banner_home,.subbanner,.del_pwar{
        /*margin-top:62px;*/
        border-top:1px solid #075714bd}
    #nav .nav-button{display:block;top:-49px;right:0}
    header,.position,.page_h{height:62px}
    .logo{top:10px;left:5px}
    nav{position:fixed;left:0;top:0;bottom:0;
        width:210px;
        z-index:99;overflow:auto;background:#222;transform:translateX(-210px);transition:.3s}
    nav li{float:none;padding:0;margin:0}
    nav li>a,.position nav li>a,.page_h nav li>a{margin:0;color:#fff;line-height:normal;display:block;padding:15px 20px;border-bottom:1px solid #2e2e2e;text-align:left}
    nav li.on a,nav li:hover a{background:#075714;color:#fff}
    #nav .nav-button i{color:#075714}
    nav li a:before,.h_top,nav li:nth-of-type(2) a:after,nav li:nth-of-type(3) a:after{display:none}
    #nav .nav-button{top:13px}
    nav li>a{font-size:18px}
    .nav_show li p{font-size:16px}
    #nav .nav-button{right:10px}
    header{border:none}
    .search-button{display:none}
    .head_rcon{right:68px;top:17px}
    /*.na_pmeun{position:initial;background:#2e2e2e;opacity:1;height:auto!important;width:100%;display:block!important;padding:0}*/
    /*.na_pmeun .wrapper{padding:0;width:100%}*/
    /*.na_sub li{width:100%;margin-right:0;float:none}*/
    /*.na_sub li .changpic,.na_sub li strong:before{display:none}*/
    /*.na_sub li strong{margin-bottom:0;font-size:16px;font-weight:400;padding:0;color:#fff;height:auto}*/
    /*.na_sub li a{padding:15px 22px;display:block}*/
    .in_nestit a{top:6px}
    .fo_tonav{padding:20px 0}
    .fo_tonav li{font-size:16px}
    .fo_pnaus strong{font-size:20px}
    .f_prul li{margin-bottom:6px}
    .pr_list,.grid-4{grid-template-columns:repeat(3,1fr);gap:32px 22px}
    .del_war{padding-top:35px}
    .defo_info{margin-top:12px}
    .re_arrow span.rnw_prev{left:0}
    .re_arrow span.rnw_next{right:0}

    .breadcrumb {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .breadcrumb li {
        flex-shrink: 0;
    }
    /*.ab_hdi img{display:none}*/

    /*.ab_hdi{padding:0}*/
    /*.ab_hdi h2{font-size:45px}*/
    /*.ab_copp{margin-top:0}*/
    /*.ab_cole{width:100%;float:none}*/
    /*.ab_cori{width:100%;float:none;padding:0}*/
    /*.ab_numul li font{display:block;font-size:34px;position:static}*/
    /*.ab_numul li{padding:15px 0}*/

    .main-layout {
        display: block;
        /*grid-template-columns: 1fr;*/
        gap:10px;
    }


    .main-layout article, .main-layout aside{

        padding: 25px 10px;
    }
    .se_tx h4{margin-bottom:4px}
    .cul_tex p{font-size:15px;line-height:22px}
    .cas_list li{margin-bottom:22px}
    .defo_info ul li{margin-bottom:7px}
    .ab_numul li span{position:unset}
}@media screen and (max-width:768px){

    .infocon h1,.de_desc h1,.pros-name h1,.content h1{    font-size: 40px;  }
    /*.infocon h2,.de_desc h2,.content h2{font-size:22px}*/
    .inah2,.grid .inah2,.de_desc h2,.content h2,.infocon h2{font-size:30px}
    .de_desc h3,.content h3,.infocon h3{font-size:25px}

    .grid-2{grid-template-columns:1fr}

    .section {
        padding: 45px 0;
    }

    .hero {
        padding: 75px 0;
    }
    .hero-card {
        padding: 10px;}
    .pr_list,.grid-3,.grid-4,.application-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px;margin-top:36px}
    .pr_txd{padding:10px 15px 15px}
    .pr_txd a{font-size:15px}

    /*.inca_tx{padding:12px}*/

    .tab-panels {

        padding: 10px;}



    .product-gallery{
        grid-template-columns:1fr;
    }

    .thumbnail-list{
        flex-direction:row;
        gap:8px;
    }

    .thumbnail-list label{
        width:auto;
        flex:1;
    }

    .thumbnail-list img{
        width:100%;
        height:auto;
        display:block;
    }

    
    .fo_tonav{display:none}
    .ctp-list li,.card-list li{width:100%}
    .img-con > div{flex:0 0 100%}
    .fo_pnaus{padding-bottom:15px;margin-top:0px;padding-top:0px}
    .for_info{padding:15px 10px}
    .chat{display:none}
    .hero p,.item_text a{display:none}

    /*.breadcrumb{white-space:nowrap;overflow-x:scroll;margin-left:0px}*/

    .subbanner {
        aspect-ratio: 750 / 420;
        min-height: 260px;
    }

    .sub_nav .wrapper {
        padding: 0 16px;
    }

    .crumb {
        top: 14px;
        left: 16px;
        right: 16px;
    }

    .breadcrumb > li {
        font-size: 12px;
    }

    .breadcrumb > li + li::before {
        padding: 0 6px;
    }

    .pros-name {
        top: 55%;
        width: 90%;
    }



    .del_war{padding-top:25px}
    .table table td{font-size:15px}
    .defo_info textarea{height:160px}
    .del_war{padding-bottom:40px}
    /*.ab_hdi h2{font-size:34px}*/
    /*.ab_ser{grid-template-columns:repeat(2,1fr)}*/
    /*.ab_numul li{padding:10px 0}*/
    /*.ab_numul li font{font-size:30px}*/
    .se_tx{margin-top:5px}
    .se_tx h4{font-size:20px}
    .se_tx p{font-size:15px;line-height:20px}
    .ab_h2{font-size:24px}
    /*.cul_pic{width:100%;float:none}*/
    .cas_list li{margin-bottom:18px}
    .co_tle{width:100%;float:none}
    .co_tle .defo_info{margin-top:8px}
    .con_mess{padding-bottom:40px}
}@media screen and (max-width:640px){
    .grid-2col,.highlight{grid-template-columns:1fr}
    .hero h1{font-size:35px}
    .infocon h1,.de_desc h1,.pros-name h1{    font-size: 35px;  }
    .inah2,.grid .inah2,.de_desc h2,.content h2,.infocon h2{font-size:25px}
   .de_desc h3,.content h3,.infocon h3{font-size:22px}

    /*.inah2,.grid .inah2{font-size:25px}*/
    .inaled p{font-size:15px;line-height:24px}
    .table table td{padding:6px}
    .rel_gd .item{margin:0 5px}
    /*.ab_hdi h2{font-size:28px}*/
    /*.ab_ser{margin-top:10px}*/
    .inner_lis1 .innerlist1_pic{display:none}
}@media screen and (max-width:480px){.pr_list,.grid-3,.grid-4,.feature-list,.application-grid,.hero-list,.packaging-steps{grid-template-columns:1fr;gap:22px}
    .sub_nav{top:15px}
    .hero h1{font-size:28px}
    .infocon h1,.de_desc h1,.pros-name h1{    font-size: 30px;  }
    .inah2,.grid .inah2,.de_desc h2,.content h2,.infocon h2{font-size:22px}
    .de_desc h3,.content h3,.infocon h3{font-size:20px}

    .del_war{padding-top:15px}
    .de_desc{margin-top:12px}
    .de_desc p,.ab_copp p,.co_desc,.content p{font-size:16px}
    .defo_info ul li{width:100%;float:none;margin-right:0}
    .defo_info input,.defo_info textarea{padding:10px 15px}
    .del_war{padding-bottom:10px}
    .re_arrow span{width:36px;height:36px;line-height:36px}
    /*.ab_hdi h2{font-size:26px}*/
    /*.ab_ser{flex-wrap:wrap}*/
    /*.ab_ser li{width:100%;margin-right:0;margin-bottom:10px}*/
    .cas_list li{width:100%;float:none;margin-bottom:5px;margin-right:0}
}@media screen and (max-width:320px){
    .infocon h1,.de_desc h1,.pros-name h1{    font-size: 25px;  }
    /*.inah2,.grid .inah2{font-size:22px}*/
}