﻿:root{--color:#1F7A4D}
.about-us>.l-wrap{max-width: 100%;padding: 0;}
/* ============================================
   wmpage239-page1 : contact / inquiry section
   ============================================ */
.wmpage239-page1 { padding: 60px 0 70px; background: #fff; }
.wmpage239-page1 .wmpage-lwrap { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.wmpage239-page1 .con-wrap { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.wmpage239-page1 .contact1-info { width: 52.5%; display: flex; flex-direction: column; justify-content: center; }
.wmpage239-page1 .contact1-info .con-title { font-size: 30px; color: #0d1a36; margin: 0 0 15px; line-height: 1.3; }
.wmpage239-page1 .contact1-info .con-des { color: #55606e; line-height: 1.8; margin: 0; }
.wmpage239-page1 .contact1-info .info-list { margin-top: 25px; }
.wmpage239-page1 .contact1-info .info-list li { margin-bottom: 15px; display: flex; align-items: baseline; list-style: none; }
.wmpage239-page1 .contact1-info .info-list .li-icon { width: 34px; height: 34px; flex: none; background: var(--color); border-radius: 50%; display: flex; justify-content: center; align-items: center; align-self: center; }
.wmpage239-page1 .contact1-info .info-list .li-icon em { color: #fff; width: 18px; font-size: 18px; font-style: normal; }
.wmpage239-page1 .contact1-info .info-list .li-desc { margin-left: 15px; max-width: 65%; color: #0d1a36; font-weight: 600; line-height: 1.6; }
.wmpage239-page1 .contact1-inquiry { width: 42%; padding: 40px; background: #f5f5f5; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.wmpage239-page1 .contact1-inquiry .con-title { font-size: 24px; color: #0d1a36; margin: 0 0 12px; line-height: 1.3; }
.wmpage239-page1 .contact1-inquiry .con-des { color: #55606e; line-height: 1.7; margin-bottom: 15px; }
.wmpage239-page1 .wmkcfeedback input,
.wmpage239-page1 .wmkcfeedback textarea { outline: 0; border-radius: 5px; background-color: #fff; height: 48px; padding: 10px; margin-bottom: 10px; width: 100%; font-family: inherit; border: 1px solid #eaeaea; font-size: 16px; transition: all .1s linear; box-sizing: border-box; }
.wmpage239-page1 .wmkcfeedback textarea { width: 100% !important; flex: none !important; height: 110px; resize: none; }
.wmpage239-page1 .wmkcfeedback .send-btn { width: 100%; min-width: 250px; height: 48px; border-radius: 5px; font-size: 16px; background: var(--color); color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; outline: 0; padding: 0 20px; transition: all .1s linear; }
.wmpage239-page1 .wmkcfeedback .send-btn:hover { filter: brightness(1.08); }
.wmpage239-page1 .lvke-form-tip.err { color: #d9534f; }
.wmpage239-page1 .lvke-form-tip.ok { color: #1f7a4d; }

@media (min-width: 1025px) {
  .wmpage239-page1 .contact1-inquiry .con-title { font-size: 30px; }
}
@media (max-width: 1280px) {
  .wmpage239-page1 .contact1-info .info-list li { margin-bottom: 10px; }
  .wmpage239-page1 .contact1-info .info-list { margin-top: 15px; }
  .wmpage239-page1 .contact1-info .info-list .li-desc { max-width: 80%; }
  .wmpage239-page1 .contact1-inquiry { padding: 20px; }
}
@media (max-width: 990px) {
  .wmpage239-page1 { padding: 40px 0; }
  .wmpage239-page1 .wmpage-lwrap { padding: 0 20px; }
  .wmpage239-page1 .contact1-info { width: 100%; margin-bottom: 15px; }
  .wmpage239-page1 .contact1-inquiry { width: 100%; }
}
@media (max-width: 500px) {
  .wmpage239-page1 .contact1-info .info-list li { align-items: normal; }
  .wmpage239-page1 .contact1-info .info-list .li-desc { margin-left: 10px; }
}

/* ===== About Us page: components unique to this page ===== */
.ab-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);color:#111;text-align:center;line-height:1.2;margin:0 0 12px}
.ab-title::after{content:"";display:block;width:64px;height:4px;border-radius:2px;background:var(--color);margin:16px auto 0}
.ab-sub{font-size:var(--fontsize16);color:#666;text-align:center;max-width:1000px;margin:14px auto 0;line-height:1.7}
/* 1. inner banner (442 template style) */
.banner-inner{overflow:hidden;background:#EEEEEE;position:relative;}
.banner-inner::after{content:"";position:absolute;left:0;top:0;width:100%;height:calc(100% - 50px);background:rgba(0,0,0,.45);z-index:2}
.banner-inner .banner-img{position:relative;z-index:1}
.banner-inner .banner-img img{width:100%;object-fit:cover;display:block;height:auto;min-height:inherit}
.banner-inner .banner-content{background:#FFFFFF;height:50px;font-weight:var(--fontbold5);font-size:var(--fontsize14);border-bottom:1px solid #e5e5e5;position:relative;z-index:3}
.banner-inner .banner-content .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.banner-inner .banner-title-h1{font-weight:var(--fontbold5);text-transform:capitalize;color:#333333;font-size:var(--fontsize18);margin:0}
.banner-inner .banner-breadcrumbs{position:relative;display:flex;align-items:center;color:#666}
.banner-inner .banner-breadcrumbs a{color:#333}
.banner-inner .banner-breadcrumbs a:hover{color:var(--color)}
.banner-inner .banner-breadcrumbs em{margin-right:5px;font-size:16px}
@media (max-width:760px){
  .banner-inner .banner-content{height:90px;padding-top:10px}
  .banner-inner::after{height:calc(100% - 90px)}
  .banner-inner .banner-content .l-wrap{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}
  .banner-inner .banner-title-h1{font-size:26px}
}
/* 4. national standard */
.ab-std{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;margin-top:44px}
.ab-std .txt p{font-size:var(--fontsize16);color:#5c6a63;line-height:1.85;margin-bottom:16px}
.ab-std .badges{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0}
.ab-std .badge{flex:1;min-width:180px;border-radius:12px;padding:18px 20px;background:linear-gradient(135deg,#1F7A4D,#2ea36b);color:#fff}
.ab-std .badge b{display:block;font-size:32px;line-height:1.1;margin-bottom:4px}
.ab-std .badge span{font-size:var(--fontsize14);opacity:.94}
.ab-std ul{list-style:none;padding:0;margin:6px 0 0}
.ab-std ul li{position:relative;padding-left:22px;margin-bottom:10px;font-size:var(--fontsize15);color:#5c6a63}
.ab-std ul li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--color)}
.ab-std .pics{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ab-std .pics img{width:100%;height:210px;object-fit:contain;background:#fff;border:1px solid #e5ebe7;border-radius:10px;padding:8px;cursor:zoom-in;transition:.2s}
.ab-std .pics img:hover{transform:scale(1.03);box-shadow:0 12px 24px rgba(31,122,77,.16)}

/* 6. global reach */
.ab-globe{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.ab-globe li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e5ebe7;border-radius:12px;padding:20px 22px}
.ab-globe .ico{width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:rgba(31,122,77,.1);color:var(--color);display:flex;align-items:center;justify-content:center;font-size:22px}
.ab-globe .t{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:#1b2b22;margin-bottom:4px}
.ab-globe .d{font-size:var(--fontsize14);color:#6a7570;line-height:1.6}

@media (max-width:1200px){
  .ab-std{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .ab-globe{grid-template-columns:1fr}
  .ab-std .pics{grid-template-columns:1fr 1fr}
}

/* 7. header identical to home: dark bar + original color logo */
body.innerpage header,body.innerpage header.is-active{background:#1a1414}
body.innerpage .head-logo img{filter:none}
body.innerpage .nav-ul>li>a.inmenu_1{color:var(--color)!important;text-decoration:none}

/* 7b. who we are: full-width centered heading (size matched with .ab-title), text left + image right below */.home-about .about-head{text-align:center;margin-bottom:30px}
.home-about .about-head .icon{display:inline-flex;align-items:center;color:var(--color);font-weight:var(--fontbold6);text-transform:uppercase}
.home-about .about-head .icon::before{content:"";display:inline-block;width:8px;height:8px;background:var(--color);margin-right:10px}
.home-about .about-head .title{text-align:center;font-size:var(--hometitlefont);font-weight:var(--fontbold6);line-height:1.2;color:#111;margin:10px 0 0}
.home-about .about-body{display:flex;align-items:center;gap:40px}
.home-about .about-body .aboutinfo{width:48%}
.home-about .aboutimg{position:relative;right:auto;top:auto;transform:none;width:45%;flex:0 0 45%;border-radius:10px;overflow:hidden;margin:0}
@media (max-width:768px){
  .home-about .about-body{flex-direction:column;gap:20px}
  .home-about .about-body .aboutinfo,.home-about .aboutimg{width:100%;flex:1 1 100%;margin:0}
}

/* 7c. factory section: text left + photos right (reuses .ab-std grid) */
.factory-std .txt>p{font-size:var(--fontsize16);color:#5c6a63;line-height:1.85;margin-bottom:18px}
.factory-std .txt ul li b{color:#1b2b22;font-weight:var(--fontbold6)}
.factory-std .pics{grid-template-rows:none;align-content:center}
.factory-std .pics img{width:100%;height:265px;object-fit:cover;border-radius:10px;border:1px solid #e5ebe7;padding:0;cursor:default}
.factory-std .pics img:hover{transform:none;box-shadow:none}

/* 8. patents carousel (wmpage12) */
.wmpage12-part1{--wmpage-font32:32px;--wmpage-font20:16px;--wmpage-font16:16px;--wmpage-font14:14px;--wmpage-color19:#777;--wmpage-color20:#1b2b22;padding:80px 0 70px;text-align:center;background:#fff}
.wmpage12-part1 .wmpage-lwrap{max-width:1500px;margin:0 auto;padding:0 40px}
.wmpage12-part1 .wmpage-title{font-size:var(--wmpage-font32);line-height:1.52;font-weight:var(--fontbold6);color:#111;margin:0}
.wmpage12-part1 .wmpage12-introduce{margin-top:25px}
.wmpage12-part1 .wmpage12-introduce p{line-height:1.5;color:var(--wmpage-color19,#777);max-width:80%;margin:0 auto}
.wmpage12-part1 .swiper-slide img{width:100%}
.wmpage12-part1 .item .img{transition:all .3s ease-in-out}
.wmpage12-part1 .item .img img{width:100%;height:auto;display:block}
.wmpage12-part1 .swiper-container{margin-top:35px;overflow:hidden;padding:4px}
.wmpage12-part1 .part1-title{font-size:var(--wmpage-font20);margin-top:16px;color:var(--wmpage-color20);font-weight:var(--fontbold6);line-height:1.4}
.wmpage12-part1 .item:hover .img{box-shadow:0 20px 40px 0 rgba(13,55,69,.1)}
@media(max-width:1200px){.wmpage12-part1 .swiper-container{margin-top:25px}}
@media(max-width:1024px){.wmpage12-part1 .wmpage12-introduce{margin-top:15px}}
@media(max-width:800px){.wmpage12-part1 .wmpage12-introduce p{font-size:var(--wmpage-font14)}}

/* 9. partners (wmpage158-page5) */
.wmpage158-page5{--wmpage-font18:18px;--wmpage-font32:32px;padding:20px 0 80px;text-align:center;background:#fff}
.wmpage158-page5 .wmpage-lwrap{max-width:1500px;margin:0 auto;padding:0 40px}
.wmpage158-page5 .wmpage158-page5-txt{color:var(--color);font-weight:var(--fontbold7,700);font-size:var(--wmpage-font18);text-align:center}
.wmpage158-page5 .wmpage-title{font-size:var(--wmpage-font32);line-height:1.52;font-weight:var(--fontbold6);color:#111;text-align:center;margin:0}
.wmpage158-page5 .wmpage158-page5-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.wmpage158-page5 .wmpage158-page5-list .wmpage158-page5-item{width:24%;margin:0.5%;border:1px solid #c9c9c9}
.wmpage158-page5 .wmpage158-page5-list .wmpage158-page5-item img{width:100%;height:auto;object-fit:cover;opacity:.7;transition:all .2s linear}
.wmpage158-page5 .wmpage158-page5-list .wmpage158-page5-item img:hover{opacity:1}
@media screen and (max-width:768px){.wmpage158-page5 .wmpage158-page5-list .wmpage158-page5-item{width:50%}}

.home-sourcing{background:#f7f7f7}
.home-sourcing .sourcinglist{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:30px auto 0}
.home-sourcing .sourcinglist li{width:50%;background:var(--color);color:#fff;padding:30px;display:flex;align-items:center}
.home-sourcing .sourcinglist li .icon{clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);width:90px;height:106px;background:#fff;display:flex;align-items:center;justify-content:center}
.home-sourcing .sourcinglist li .icon em{font-size:var(--fontsize40)}
.home-sourcing .sourcinglist li .text{flex:1;padding-left:20px}
.home-sourcing .sourcinglist li .text .p1{font-size:var(--fontsize22);font-weight:var(--fontbold5)}
.home-sourcing .sourcinglist li:nth-child(2){background:#fff}
.home-sourcing .sourcinglist li:nth-child(2) .icon{background:var(--color)}
.home-sourcing .sourcinglist li:first-child .icon em{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2) .icon em{color:#fff}
.home-sourcing .sourcinglist li:nth-child(2) .text .p1{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2) .text .p2{color:#666}
.home-about,.home-appli,.home-certi,.home-choose,.home-custom,.home-news,.home-procate,.home-recommend,.home-sourcing {padding: 4% 0;position: relative}

.common-main {padding-top:0;overflow:hidden}
.home-about .l-wrap{position:relative;z-index:1;}
.home-about .circle{position:absolute;top:-75%;left:50%;transform:translateX(-50%);width:100%;max-width:855px;aspect-ratio:1/1;border-radius:50%;border:150px solid #c1986d;opacity:.1;z-index:0}
.ab-std .badge strong{display:block;font-size:32px;line-height:1.1;margin-bottom:4px}
#wmpage12-carousel{margin-top:40px}
#wmpage12-carousel .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear; -o-transition-timing-function: linear;transition-timing-function: linear;}
@media (max-width:1024px){.wmpage12-part1 .wmpage-lwrap,.wmpage158-page5 .wmpage-lwrap{padding:0 15px}}
@media (max-width:768px){.wmpage158-page5 .wmpage158-page5-list .wmpage158-page5-item{width:48%;margin:10px 0}}