/* ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  == OUHAO Pipeline Equipment — guanjian ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  == */
:root{
  --primary:#293b87;        /* //Footer */
  --primary-hover:#3a4989;  /* hover */
  --blue:#409eff;           /* Form */
  --dark:#05050f;           /* Footer// */
  --text:#333;
  --text2:#666;
  --gray:#f2f2f2;
  --light:#fafafa;
  --red:#db0000;
  --border:#eee;
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --font-title:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --font-monts-r:"Montserrat-Regular",var(--font-body);
  --font-monts-b:"Montserrat-Bold",var(--font-body);
  --font-raleway:"Raleway",var(--font-body);
}
@font-face{font-family:"Montserrat-Regular";src:url("../assets/fonts/Montserrat-Regular.ttf") format("truetype");font-display:swap;}
@font-face{font-family:"Montserrat-Bold";src:url("../assets/fonts/Montserrat-Bold.ttf") format("truetype");font-display:swap;}
@font-face{font-family:"Raleway";src:url("../assets/fonts/Raleway.ttf") format("truetype");font-display:swap;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
input,textarea{font-family:inherit;}
.wrap{width:94%;max-width:1600px;margin:0 auto;}
.clearfix:after{content:"";display:block;clear:both;}

/* ==  ==  ==  ==  ==  == Top Info Bar ==  ==  ==  ==  ==  == */
.topbar{background:var(--dark);color:#fff;font-size:15px;}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:44px;min-height:44px;overflow:visible;}
.topbar-left{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;}
.topbar-item{display:inline-flex;align-items:center;margin-right:22px;line-height:44px;}
.topbar-item svg{width:20px;height:20px;fill:#fff;margin-right:8px;flex:none;}
.topbar-right{display:flex;align-items:center;gap:10px;}
.topbar-right a{display:flex;align-items:center;}
.topbar-right svg{width:22px;height:22px;fill:#fff;transition:fill .3s;}
.topbar-right a:hover svg{fill:#409eff;}

/* ==  ==  ==  ==  ==  == Header Navigation ==  ==  ==  ==  ==  == */
.header{position:fixed;top:44px;left:0;right:0;z-index:999;transition:all .5s ease;background:rgba(0,0,0,.2);}
.header:hover{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.12);}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:90px;transition:height .5s ease;}
.header.scrolled{top:0;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.12);}
.header.scrolled .wrap{height:70px;}
.logo{max-width:250px;flex:none;transition:max-width .5s ease;}
.logo img{width:100%;height:auto;}
.logo .logo-white{display:block;}
.logo .logo-color{display:none;}
.header:hover .logo .logo-white{display:none;}
.header:hover .logo .logo-color{display:block;}
.header.scrolled .logo .logo-white{display:none;}
.header.scrolled .logo .logo-color{display:block;}
.header.scrolled .logo{max-width:200px;}

.nav{display:flex;align-items:center;}
.nav>li{position:relative;}
.nav>li>a{display:flex;align-items:center;height:90px;line-height:90px;padding:0 1.2vw;font-size:16px;font-weight:bold;color:#fff;transition:color .3s,line-height .3s;position:relative;z-index:2;white-space:nowrap;}
.nav>li>a .jt{width:10px;height:10px;fill:currentColor;margin-left:5px;transition:transform .3s;}
.nav>li:hover>a .jt{transform:rotate(180deg);}
.nav>li>a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--primary);transition:height .3s ease;z-index:-1;}
.nav>li:hover>a::after{height:100%;}
.nav>li:hover>a{color:#fff;}
.header:hover .nav>li>a{color:var(--dark);}
.header:hover .nav>li:hover>a{color:#fff;}
.header.scrolled .nav>li>a{color:var(--dark);}
.header.scrolled .nav>li:hover>a{color:#fff;}
.header.scrolled .nav>li>a{height:70px;line-height:70px;}
.dropdown{position:absolute;top:100%;left:0;width:260px;background:var(--primary);opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s ease;z-index:50;}
.nav>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;color:#fff;font-size:16px;line-height:42px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s;}
.dropdown a:hover{background:var(--primary-hover);}
.dropdown a:last-child{border-bottom:none;}

.header-right{display:flex;align-items:center;}
.head-search{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;transition:all .3s;}
.head-search svg{width:20px;height:20px;fill:#fff;transition:fill .3s;}
.header:hover .head-search svg{fill:var(--dark);}
.header.scrolled .head-search svg{fill:var(--dark);}
.head-tel{display:flex;align-items:center;padding:0 20px;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);}
.head-tel svg{width:26px;height:26px;fill:#fff;margin-right:8px;}
.header:hover .head-tel svg{fill:var(--dark);}
.head-tel span{font-size:20px;color:#fff;font-family:var(--font-title);white-space:nowrap;}
.header:hover .head-tel span{color:var(--dark);}
.head-lan{display:flex;align-items:center;margin-left:18px;gap:6px;cursor:pointer;position:relative;}
.head-lan svg{width:18px;height:18px;fill:#cf572e;}
.head-lan .lan-txt{color:#fff;font-size:14px;}
.head-lan .lan-caret{width:10px;height:10px;fill:#fff;transition:transform .3s;}
.head-lan.open .lan-caret{transform:rotate(180deg);}
.header:hover .head-lan .lan-txt{color:var(--dark);}
.header:hover .head-lan .lan-caret{fill:var(--dark);}
.header.scrolled .head-lan .lan-txt{color:var(--dark);}
.header.scrolled .head-lan .lan-caret{fill:var(--dark);}
.lan-drop{display:none;position:absolute;top:calc(100% + 12px);right:0;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.15);border-radius:6px;padding:6px 0;min-width:160px;z-index:1200;}
.head-lan.open .lan-drop{display:block;}
.lan-drop a{display:flex;align-items:center;gap:10px;padding:9px 16px;color:#333;font-size:14px;transition:background .3s;}
.lan-drop a:hover{background:#f0f3fb;color:var(--primary);}
.lan-drop .flag{width:22px;height:15px;flex:none;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.3);}
.head-menu{display:none;width:44px;height:44px;cursor:pointer;margin-left:10px;}
.head-menu svg{width:24px;height:24px;fill:var(--dark);}

/*  */
.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gray);z-index:1000;overflow-y:auto;transform:translateX(100%);transition:transform .4s ease;display:none;}
.mobile-nav.open{transform:translateX(0);}
.mobile-nav .mn-head{display:flex;justify-content:flex-end;padding:15px 20px;background:#fff;}
.mobile-nav .mn-close{width:36px;height:36px;cursor:pointer;}
.mobile-nav .mn-close svg{width:100%;height:100%;fill:#333;}
.mobile-nav .mn-list{padding:0 20px 30px;}
.mobile-nav .mn-list>li{border-bottom:1px solid rgba(0,0,0,.05);}
.mobile-nav .mn-list>li>a{display:block;line-height:50px;font-size:14px;color:#333;}
.mobile-nav .mn-sub{display:none;padding-left:30px;background:none;}
.mobile-nav .mn-sub a{display:block;line-height:44px;font-size:14px;color:#555;border-bottom:1px dashed rgba(0,0,0,.06);}
.mobile-nav .mn-sub.open{display:block;}
.mobile-nav .mn-tel{padding:20px 20px 0;}
.mobile-nav .mn-tel span{font-size:20px;color:var(--primary);font-weight:bold;}

/* ==  ==  ==  ==  ==  == Inner Page Banner ==  ==  ==  ==  ==  == */
.page-banner{position:relative;height:340px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;}
.page-banner:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);}
.page-banner h1{position:relative;color:#fff;font-size:44px;font-weight:bold;letter-spacing:2px;font-family:var(--font-title);}
@media(max-width:768px){.page-banner{height:220px;margin-top:0;}.page-banner h1{font-size:24px;}}

/* ==  ==  ==  ==  ==  == Breadcrumb ==  ==  ==  ==  ==  == */
/* ==  ==  ==  ==  ==  == Breadcrumb/16px hover/on Right Home 15px + 24px ==  ==  ==  ==  ==  == */
.crumb{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);}
.crumb .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.crumb .cat-links{display:flex;}
.crumb .cat-links a{display:block;padding:25px 20px;background:#fff;font-size:16px;color:#333;line-height:normal;text-align:center;position:relative;z-index:1;border-right:1px solid #ccc;transition:color .5s ease;}
.crumb .cat-links a + a{border-left:1px solid #ccc;}
.crumb .cat-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--primary);transition:all .3s;z-index:-1;}
.crumb .cat-links a:hover{color:#fff;}
.crumb .cat-links a.on{color:#fff;}
.crumb .cat-links a:hover:after,.crumb .cat-links a.on:after{height:100%;}
.crumb .breadcrumb{display:flex;align-items:center;font-size:15px;color:#1b242b;line-height:normal;font-family:var(--font-monts-r);}
.crumb .breadcrumb svg{width:24px;height:24px;fill:#1e6ab8;margin-right:8px;flex:none;}
.crumb .breadcrumb a{color:#1b242b;transition:color .3s;}
.crumb .breadcrumb a:hover{color:var(--primary);}
.crumb .breadcrumb .sep{margin:0 8px;color:#999;}
@media(max-width:768px){
  .crumb .cat-links{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:center;width:100%;}
  .crumb .cat-links a{font-size:14px;padding:15px 20px;flex:none;}
  .crumb .breadcrumb{display:flex;font-size:15px;padding:10px 0;justify-content:center;width:100%;}
  .crumb .breadcrumb svg{width:24px;height:24px;}
}

/* ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  == */
.sec-title{text-align:center;padding:80px 0 10px;}
.sec-title h2{font-size:36px;color:#222;font-weight:bold;font-family:var(--font-monts-b);letter-spacing:1px;}
.sec-title .double-line{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;}
.sec-title .double-line i{display:block;height:4px;}
.sec-title .double-line .l1{width:45px;background:#293b87;}
.sec-title .double-line .l2{width:5px;background:#293b87;}
.sec-title p{color:#393838;font-size:16px;margin-top:12px;line-height:1.6;}
@media(max-width:768px){.sec-title{padding:50px 0 8px;}.sec-title h2{font-size:24px;}}

/* ==  ==  ==  ==  ==  == Homepage Banner Slider ==  ==  ==  ==  ==  == */
.home-banner{position:relative;height:100vh;max-height:960px;min-height:560px;overflow:hidden;background:#dadada;}
.hb-slides{position:absolute;inset:0;}
.hb-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease;}
.hb-slide.active{opacity:1;visibility:visible;}
.hb-slide .hb-img{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.1);transition:transform 7s ease;}
.hb-slide.active .hb-img{transform:scale(1);}
.hb-info{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;z-index:5;}
.hb-info .hb-logo img{max-width:90px;margin:0 auto;}
.hb-info h2{color:#fff;font-size:3.5vw;font-weight:bold;line-height:1.2;text-shadow:0 3px 10px rgba(5,5,15,.46);margin-top:14px;font-family:var(--font-title);opacity:0;transform:translateY(40px);transition:all 1s ease .7s;}
.hb-slide.active .hb-info h2{opacity:1;transform:translateY(0);}
.hb-info .hb-sum{max-width:800px;margin:18px auto 0;color:#fff;font-size:18px;line-height:1.6;text-shadow:0 3px 10px rgba(5,5,15,.46);opacity:0;transform:translateY(40px);transition:all 1s ease 1s;}
.hb-slide.active .hb-info .hb-sum{opacity:1;transform:translateY(0);}
.hb-info .hb-btn{display:inline-block;margin-top:34px;width:200px;height:46px;line-height:42px;border-radius:30px;border:2px solid var(--primary);background:var(--primary);color:#fff;font-size:16px;text-align:center;position:relative;overflow:hidden;z-index:1;opacity:0;transform:translateY(40px);transition:all .3s ease,transform 1s ease 1s,opacity .8s .9s;}
.hb-slide.active .hb-info .hb-btn{opacity:1;transform:translateY(0);}
.hb-info .hb-btn:hover{color:var(--dark);}
.hb-info .hb-btn:after{content:"";position:absolute;left:0;bottom:0;width:0;height:100%;background:#fff;border-radius:30px;z-index:-1;transition:all .5s ease;opacity:0;}
.hb-info .hb-btn:hover:after{width:100%;opacity:1;}
.hb-dots{position:absolute;left:7%;bottom:40px;display:flex;z-index:8;}
.hb-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);margin:0 5px;cursor:pointer;transition:all .3s;}
.hb-dots i.active{width:30px;border-radius:15px;background:#fff;}
.hb-arrows{position:absolute;right:7%;bottom:40px;display:flex;gap:20px;z-index:8;}
.hb-arrows button{width:50px;height:50px;border-radius:50%;border:1px dashed rgba(255,255,255,.8);background:none;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.hb-arrows button:hover{background:var(--primary);border:1px solid var(--primary);}
.hb-scroll{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);color:#fff;width:90px;text-align:center;z-index:8;}
.hb-scroll i{display:block;width:20px;height:30px;margin:0 auto;border-radius:12px;border:2px solid #fff;position:relative;}
.hb-scroll i:before{content:"";display:block;width:4px;height:10px;background:#fff;border-radius:2px;position:absolute;left:50%;transform:translateX(-50%);top:3px;animation:scrollmouse 2s linear infinite;}
@keyframes scrollmouse{from{transform:translate(-50%,0);opacity:1;}to{transform:translate(-50%,10px);opacity:0;}}
.hb-scroll span{display:block;text-transform:uppercase;font-size:12px;margin-top:10px;letter-spacing:1px;}
@media(max-width:768px){
  .home-banner{height:auto;max-height:none;min-height:0;aspect-ratio:2/1;}
  .hb-slide .hb-img{background-size:cover;background-position:center;}
  .hb-info h2{font-size:26px;margin-top:6px;}
  .hb-info .hb-sum{display:none;}
  .hb-info .hb-btn{display:none;}
  .hb-scroll{display:none;}
  .hb-dots{left:50%;transform:translateX(-50%);bottom:18px;}
  .hb-arrows{display:none;}
}

/* ==  ==  ==  ==  ==  == About Us ==  ==  ==  ==  ==  == */
.about-sec{background:#fff;padding:0;}
.about-inner{width:94%;max-width:1680px;margin:0 auto;padding:5% 0;display:flex;gap:6%;align-items:center;}
.about-left{flex:1;}
.about-left .found{font-size:48px;color:var(--primary);line-height:1.1;font-weight:bold;}
.about-left .found-line{display:block;width:48px;height:3px;background:var(--primary);margin:20px 0 0;}
.about-left h3{font-size:30px;color:#05050f;font-weight:normal;margin-top:8px;line-height:1.5;}
.about-left p.desc{margin-top:20px;font-size:16px;line-height:1.8;color:var(--text);}
.about-btn{display:block;width:160px;height:44px;line-height:44px;padding-left:30px;margin-top:45px;border-radius:20px;background:var(--primary);color:#fff;font-size:14px;transition:all .5s ease;overflow:hidden;}
.about-btn:hover{width:180px;padding-left:45px;}
.about-right{flex:0 0 44%;position:relative;}
.about-right img{width:100%;height:auto;}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:115px;height:115px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
.video-play:before{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;animation:vidpulse 1s linear infinite;z-index:-1;}
@keyframes vidpulse{0%{transform:scale(1);opacity:.9;}50%{transform:scale(1.2);opacity:.5;}100%{transform:scale(1.4);background:transparent;}}
.video-play .tri{width:0;height:0;border-left:26px solid var(--red);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:8px;}
.about-gallery{padding-bottom:4%;}
.about-gallery .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.about-gallery .ag-item{overflow:hidden;}
.about-gallery .ag-item img{width:100%;height:auto;transition:transform 1s ease;}
.about-gallery .ag-item:hover img{transform:scale(1.08);}
@media(max-width:1024px){.about-inner{flex-direction:column;}.about-right{flex:0 0 100%;margin-top:30px;}.about-gallery .wrap{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.about-left .found{font-size:32px;}.about-left h3{font-size:20px;}.about-btn{margin-top:20px;height:40px;line-height:40px;}.video-play{width:70px;height:70px;}.video-play .tri{border-left-width:18px;border-top-width:11px;border-bottom-width:11px;}}

/* ==  ==  ==  ==  ==  == What We Offer ==  ==  ==  ==  ==  == */
.offer-sec{background:#fff;padding:4% 0;}
.offer-sec .sec-title{padding:0 0 10px;}
.offer-sec .sec-title h2{color:#222;font-weight:bold;font-family:var(--font-monts-b);}
.offer-sec .sec-title .double-line{gap:10px;margin-top:14px;}
.offer-sec .sec-title .double-line .l1{width:45px;height:4px;background:#293b87;}
.offer-sec .sec-title .double-line .l2{width:5px;height:4px;background:#293b87;}
.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:3%;}
.offer-card{position:relative;overflow:hidden;border:1px solid #fff;transition:box-shadow .5s ease;}
.offer-card:hover{box-shadow:0 23px 40px -5px rgb(217 222 226 / 80%);}
.offer-card .oc-img{display:block;overflow:hidden;}
.offer-card .oc-img img{width:100%;height:auto;object-fit:contain;transform:scale(1);transition:all .8s ease;filter:brightness(.5);}
.offer-card:hover .oc-img img{transform:scale(1.1);filter:brightness(1);}
.offer-card .oc-body{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 10%;}
.offer-card h3{font-size:30px;color:#fff;font-weight:bold;font-family:var(--font-monts-b);margin-top:10px;line-height:2;}
.offer-card p{font-size:16px;color:#fff;line-height:1.5;margin:10px 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.offer-card .oc-more{display:block;width:160px;padding:8px;box-sizing:border-box;background:#293b87;color:#fff;font-size:14px;border:1px solid #293b87;border-radius:30px;text-align:center;position:relative;overflow:hidden;transition:color .5s ease;font-family:var(--font-monts-r);}
.offer-card .oc-more:after{content:'';position:absolute;left:0;bottom:0;width:0;height:100%;background:#fff;border:1px solid #fff;border-radius:30px;transition:all .5s ease;opacity:0;z-index:0;}
.offer-card .oc-more:hover{color:#293b87;}
.offer-card .oc-more:hover:after{width:95%;opacity:1;}
.offer-card .oc-more span{position:relative;z-index:1;}
@media(max-width:1024px){.offer-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.offer-sec{padding:40px 0;}.offer-grid{grid-template-columns:1fr;gap:16px;}.offer-card .oc-body{padding:0 6%;}.offer-card h3{font-size:18px;line-height:1.2;}.offer-card p{font-size:14px;}}
/* ==  ==  ==  ==  ==  == Hot Products ==  ==  ==  ==  ==  == */
.hot-sec{background:#f2f2f2 url('../assets/hot-bg.jpg') no-repeat top center/cover;padding:4% 0 3%;}
.hot-sec .sec-title{padding:0 0 10px;}
.hot-sec .sec-title h2{color:#fff;font-weight:bold;font-family:var(--font-monts-b);}
.hot-sec .sec-title .double-line{gap:10px;margin-top:14px;}
.hot-sec .sec-title .double-line .l1{width:45px;height:4px;background:#fff;}
.hot-sec .sec-title .double-line .l2{width:5px;height:4px;background:#fff;}
.hot-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin-top:30px;}
.hot-tabs button{width:260px;line-height:40px;padding:10px;margin:0 20px;box-sizing:border-box;background:#fff;border:1px solid #293b87;border-radius:30px;font-size:18px;color:#05050f;font-family:var(--font-monts-b);cursor:pointer;transition:all .3s;}
.hot-tabs button.active,.hot-tabs button:hover{background:#293b87;color:#fff;}
.hot-view{position:relative;margin-top:35px;}
.hot-track{overflow:hidden;}
.hot-row{display:flex;transition:transform .5s ease;}
.hot-item{flex:0 0 33.3%;padding:0 10px;min-width:0;box-sizing:border-box;}
.hot-card{position:relative;overflow:hidden;display:block;background:#fff;padding:0 0 15px;text-align:center;box-shadow:0 10px 20px rgb(5 68 140 / 10%);transition:all .3s;}
.hot-card::before{content:'';position:absolute;top:10px;left:10px;width:30px;height:30px;z-index:4;background:url('../assets/hot-corner.svg') no-repeat center/100%;}
.hot-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:0;background:#05448c;opacity:0;transition:all .5s ease;z-index:1;}
.hot-card:hover::after{height:100%;opacity:1;}
.hot-card .hc-img{overflow:hidden;}
.hot-card .hc-img img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;}
.hot-card .hc-name{position:relative;z-index:2;font-size:18px;color:#393838;margin-top:15px;line-height:1.5;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-monts-b);transition:color .5s ease;}
.hot-card:hover .hc-name{color:#fff;}
.hot-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #ccc;background:#fff;color:#666;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:5;}
.hot-arrow:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.hot-arrow.prev{left:-18px;}
.hot-arrow.next{right:-18px;}
@media(max-width:1024px){.hot-item{flex:0 0 50%;min-width:0;box-sizing:border-box;}}
@media(max-width:768px){.hot-sec{padding:40px 0;}.hot-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;}.hot-tabs button{flex:none;width:auto;min-width:104px;padding:0 16px;margin:0 6px;font-size:14px;line-height:32px;}.hot-item{flex:0 0 50%;min-width:0;box-sizing:border-box;}.hot-card .hc-name{font-size:14px;}.hot-card::before{width:20px;height:20px;top:6px;left:6px;}.hot-arrow.prev{left:6px;}.hot-arrow.next{right:6px;}}

/* ==  ==  ==  ==  ==  == Why Choose Us ==  ==  ==  ==  ==  == */
.why-sec{background:#fff;padding:70px 0;}
.why-sec .sec-title{padding:0 0 10px;}
.why-sec .sec-title h2{color:#222;font-weight:bold;font-family:var(--font-monts-b);}
.why-sec .sec-title .double-line{gap:10px;margin-top:14px;}
.why-sec .sec-title .double-line .l1{width:45px;height:4px;background:#293b87;}
.why-sec .sec-title .double-line .l2{width:5px;height:4px;background:#293b87;}
.why-sec .sec-title p{color:#393838;font-size:16px;line-height:1.6;}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;}
.why-item{background:#293b87;text-align:center;padding:30px 10px;transition:transform .5s;}
.why-item:hover{transform:translateY(-10px);}
.why-item .wi-icon{width:60px;height:60px;margin:0 auto;color:#fff;}
.why-item .wi-icon svg{width:100%;height:100%;fill:#fff;transition:transform .5s;}
.why-item:hover .wi-icon svg{transform:rotateY(360deg);}
.why-item h3{font-size:20px;color:#fff;margin-top:20px;font-weight:bold;font-family:var(--font-monts-b);line-height:normal;}
.why-item p{font-size:16px;color:#fff;line-height:1.5;margin-top:10px;min-height:96px;}
@media(max-width:768px){.why-sec{padding:30px 0;}.why-grid{grid-template-columns:1fr;gap:12px;}.why-item p{min-height:0;}.why-sec .sec-title p{font-size:14px;}.why-item{padding:20px 10px;}}

/* ==  ==  ==  ==  ==  == OEM Service ==  ==  ==  ==  ==  == */
.oem-block{position:relative;background:url('../assets/oem-bg.jpg') no-repeat center center;background-size:cover;background-attachment:scroll;padding:8% 0 4%;margin-top:30px;}
.oem-block .wrap{text-align:center;}
.oem-block h3{font-size:36px;color:#fff;font-weight:bold;font-family:var(--font-monts-b);line-height:1.5;margin-bottom:20px;}
.oem-block p{color:#fff;font-size:16px;line-height:1.6;max-width:1200px;margin:0 auto;font-family:var(--font-raleway);}
.oem-btns{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap;}
.oem-btn{display:block;width:230px;box-sizing:border-box;padding:8px;border-radius:30px;background:#293b87;border:1px solid #293b87;color:#fff;font-size:18px;text-align:center;position:relative;overflow:hidden;font-family:var(--font-monts-b);transition:color .5s;}
.oem-btn:after{content:'';position:absolute;left:0;bottom:0;width:0;height:100%;background:#fff;border:1px solid #fff;border-radius:30px;opacity:0;transition:all .5s ease;z-index:0;}
.oem-btn:hover{color:#293b87;}
.oem-btn:hover:after{width:95%;opacity:1;}
.oem-btn span{position:relative;z-index:1;}
@media(max-width:768px){.oem-block{padding:50px 0 30px;margin-top:40px;}.oem-block h3{font-size:24px;line-height:1.2;}.oem-block p{font-size:14px;line-height:1.5;}.oem-btns{flex-direction:column;gap:10px;margin-top:15px;}.oem-btn{margin:0 auto;}}

/* ==  ==  ==  ==  ==  == News ==  ==  ==  ==  ==  == */
.news-sec{background:#f5f5f5;padding:2% 0 4%;}
.news-sec .sec-title{padding:0 0 10px;}
.news-sec .sec-title p{font-size:18px;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px;}
.news-card{background:#fff;padding:15px;transition:all .3s;}
.news-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.12);}
.news-card .nc-img{overflow:hidden;}
.news-card .nc-img img{width:100%;height:auto;transition:transform .8s ease;}
.news-card:hover .nc-img img{transform:scale(1.05);}
.news-card .nc-body{padding:18px 8px 10px;}
.news-card .nc-date{font-size:13px;color:#999;}
.news-card h3{font-size:17px;color:#05050f;margin-top:8px;font-weight:normal;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card h3 a:hover{color:var(--primary);}
.news-card p{font-size:14px;color:#666;line-height:1.8;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.news-grid{grid-template-columns:1fr;}}

/* ==  ==  ==  ==  ==  == Footer ==  ==  ==  ==  ==  == */
.footer{background:var(--dark);border-top:8px solid var(--primary);padding:3% 0 2%;}
.footer-top{display:flex;margin-bottom:2%;}
.ft-message{flex:0 0 25%;margin-right:5%;}
.ft-message h3,.ft-contact h3{color:#fff;font-size:20px;font-weight:normal;margin-bottom:15px;font-family:var(--font-monts-b);}
.ft-note{color:rgba(255,255,255,.5);font-size:16px;line-height:1.5;margin-bottom:13px;font-family:var(--font-monts-r);}
.ft-message form input,.ft-message form textarea{width:100%;height:40px;padding:0 20px;background:#fafafa;border:1px solid #fafafa;margin-bottom:13px;font-size:14px;outline:none;color:#333;transition:border .3s;font-family:var(--font-monts-r);}
.ft-message form textarea{height:100px;padding-top:12px;resize:none;}
.ft-message form input:focus,.ft-message form textarea:focus{border-color:var(--primary);}
.ft-message form .ft-btn{display:block;width:100%;padding:10px;border:1px solid var(--primary);background:var(--primary);color:#fff;font-size:16px;font-family:var(--font-monts-b);transition:background .3s;}
.ft-message form .ft-btn:hover{background:var(--primary-hover);font-family:var(--font-monts-r);}
.ft-nav{flex:1;padding:0 2%;display:flex;flex-wrap:wrap;gap:40px;}
.ftn-item{margin:0 0 8px;flex:1 1 auto;min-width:0;}
.ftn-top{display:inline-block;color:#fff;font-size:20px;font-weight:normal;font-family:var(--font-monts-b);line-height:1.5;}
.ftn-top:hover{color:var(--primary);}
.ftn-sub{display:flex;flex-direction:column;padding:0 0 10px;}
.ftn-sub a{color:rgba(255,255,255,.7);font-size:16px;line-height:1.9;font-family:var(--font-monts-r);transition:color .3s;}
.ftn-sub a:hover{color:var(--primary);}
.ft-contact{flex:0 0 20%;}
.ft-c-label{font-size:14px;line-height:24px;color:rgba(255,255,255,.5);font-family:var(--font-monts-b);}
.ft-c-link{margin:0 0 12px;font-size:18px;line-height:1.4;font-family:var(--font-monts-b);}
.ft-c-link a{font-size:18px;color:#fff;font-family:var(--font-monts-b);}
.ft-c-link a:hover{color:var(--primary);}
.ft-ico{display:flex;gap:5px;margin-top:14px;}
.ft-ico-pill{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;background:var(--primary);transition:background .3s;}
.ft-ico-pill:hover{background:var(--primary-hover);}
.ft-ico-pill svg{width:25px;height:25px;fill:#fff;}
.ft-social{display:flex;gap:10px;margin-top:16px;}
.ft-social a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;transition:all .3s;}
.ft-social a:hover{background:var(--primary);border-color:var(--primary);}
.ft-social svg{width:15px;height:15px;fill:#fff;}
.footer-bottom{display:flex;align-items:center;flex-wrap:wrap;padding-top:1%;border-top:1px solid rgba(255,255,255,.2);}
.fb-col{font-size:14px;color:rgba(255,255,255,.6);font-family:var(--font-monts-r);line-height:1.5;}
.fb-copy{flex:1;text-align:left;}
.fb-power{flex:1;text-align:left;}
.fb-lic{flex:0 0 150px;text-align:center;}
.fb-icp{flex:0 0 210px;text-align:right;}
.fb-col a{color:rgba(255,255,255,.6);}
.fb-col a:hover{color:var(--primary);}
@media(max-width:1200px){
  .ft-message{margin-right:2%;}
  .ft-nav{gap:16px;}
}
@media(max-width:768px){
  .footer{padding:30px 0;}
  .footer-top{flex-direction:column;gap:28px;}
  .ft-message{display:none;}
  .ft-nav{display:none;}
  .ft-contact{flex:0 0 100%;}
  .ftn-item{flex:0 0 auto;margin:0;}
  .fb-copy,.fb-power{flex:0 0 100%;}
  .fb-lic{flex:0 0 100%;text-align:left;}
  .fb-icp{flex:0 0 100%;text-align:left;}
  .news-item2{flex-direction:column;}
  .news-item2 .ni2-img{flex:0 0 100%;}
  .news-item2 .ni2-img img{width:100%;height:auto;}
}

/* ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  == */
.backtop{position:fixed;right:0;bottom:50px;width:60px;height:60px;background:#717171;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:99;transition:background .3s;}
.backtop.show{display:flex;}
.backtop:hover{background:#2d2d2d;}
.backtop svg{width:22px;height:22px;fill:#fff;}

/* ==  ==  ==  ==  ==  == LeftRight ==  ==  ==  ==  ==  == */
.page-main{background:#fff;padding:50px 0 70px;}
.two-col{display:flex;gap:40px;align-items:stretch;}
.sidebar{flex:0 0 300px;position:sticky;top:80px;align-self:flex-start;}
.sidebar .sb-title{background:var(--primary);color:#fff;font-size:18px;line-height:52px;padding:0 20px;}
.sidebar .sb-cats{background:#fff;border:1px solid var(--border);margin-bottom:30px;}
.sidebar .sb-cats a{display:block;line-height:46px;padding:0 20px;border-bottom:1px solid #f2f2f2;color:#555;font-size:15px;position:relative;transition:all .3s;}
.sidebar .sb-cats a:after{content:"›";position:absolute;right:18px;color:#ccc;font-size:18px;transition:color .3s;}
.sidebar .sb-cats a:last-child{border-bottom:none;}
.sidebar .sb-cats a:hover,.sidebar .sb-cats a.on{background:var(--primary);color:#fff;}
.sidebar .sb-cats a:hover:after,.sidebar .sb-cats a.on:after{color:#fff;}
.sb-contact{background:var(--primary);padding:24px 22px;color:#fff;}
.sb-contact h3{font-size:18px;font-weight:normal;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:12px;margin-bottom:14px;}
.sb-contact p{font-size:14px;line-height:2;color:rgba(255,255,255,.9);word-break:break-all;}
.sb-contact p b{color:#fff;font-weight:normal;}
/* ListSidebar + / */
.sb-prod{background:#fff;}
.sb-prod-title{font-size:22px;font-weight:normal;color:#fff;background:var(--primary);padding:15px;border-radius:10px 10px 0 0;font-family:var(--font-monts-b);line-height:1.5;}
.sb-prod-cats{padding:10px 20px;}
.sb-prod-cats a{display:flex;align-items:center;gap:10px;line-height:50px;color:#666;font-size:14px;border-bottom:1px solid #ebebeb;font-family:var(--font-monts-b);transition:color .3s;}
.sb-prod-cats a:last-child{border-bottom:none;}
.sb-prod-cats a img{width:27px;height:27px;object-fit:cover;flex:none;}
.sb-prod-cats a svg{width:15px;height:15px;fill:#999;flex:none;transition:fill .3s;}
.sb-prod-cats a:hover{background:#fff;color:var(--primary);}
.sb-prod-cats a:hover svg{fill:var(--primary);}
.sb-prod-cats a.on{color:var(--primary);font-weight:bold;}
.sb-prod-cats a.on svg{fill:var(--primary);}
.sb-prod-contact{margin-top:30px;}
.sb-prod-body{padding:18px 20px 8px;}
.sb-prod-body p{padding-bottom:10px;font-size:14px;color:#333;line-height:1.7;word-break:break-word;}
.sb-prod-body strong{font-family:var(--font-monts-b);}
.sb-prod-body a{color:var(--primary);}
.sb-prod-body a:hover{color:var(--primary);text-decoration:underline;}
.main-col{flex:1;min-width:0;}
@media(max-width:1024px){.two-col{flex-direction:column;}.sidebar{flex:0 0 100%;width:100%;position:static;}.main-col{width:100%;max-width:100%;flex:0 0 100%;}.sb-contact,.sb-prod-contact{display:none;}}

/* ==  ==  ==  ==  ==  == List ==  ==  ==  ==  ==  == */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.prod-card{background:#fff;border:1px solid var(--border);text-align:center;transition:all .3s;}
.prod-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.12);border-color:#e0e0e0;}
.prod-card .pc-img{overflow:hidden;}
.prod-card .pc-img img{width:100%;height:auto;transition:transform .8s ease;}
.prod-card:hover .pc-img img{transform:scale(1.07);}
.prod-card .pc-name{display:block;padding:16px 12px 18px;font-size:15px;color:#333;line-height:1.5;transition:color .3s;}
.prod-card .pc-name:hover{color:var(--primary);}
@media(max-width:1024px){.prod-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.prod-grid{grid-template-columns:repeat(2,1fr);gap:14px;}}

.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:45px;}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #ddd;color:#666;font-size:14px;transition:all .3s;}
.pagination a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.pagination .on{background:var(--primary);border-color:var(--primary);color:#fff;}
.pagination .dis{color:#ccc;pointer-events:none;}

/* ==  ==  ==  ==  ==  == Detail ==  ==  ==  ==  ==  == */
.pd-top{display:flex;gap:45px;align-items:flex-start;}
.pd-gallery{flex:0 0 42%;}
.pd-gallery .pd-main{border:1px solid var(--border);padding:10px;}
.pd-gallery .pd-main img{width:100%;height:auto;}
.pd-thumbs{display:flex;gap:10px;margin-top:14px;}
.pd-thumbs a{flex:0 0 76px;border:1px solid #e5e5e5;padding:5px;transition:all .3s;}
.pd-thumbs a.on,.pd-thumbs a:hover{border-color:var(--primary);}
.pd-thumbs img{width:100%;height:auto;}
.pd-info{flex:1;min-width:0;}
.pd-info h1{font-size:24px;font-weight:bold;color:#333;line-height:1.5;margin-bottom:20px;font-family:var(--font-monts-b);}
.pd-info .pd-desc{margin-bottom:5px;font-size:14px;line-height:24px;color:#333;}
.pd-meta{margin-top:22px;font-size:15px;color:#333;line-height:2;}
.pd-meta .pd-row{display:flex;line-height:2;}
.pd-meta .pd-row b{flex:0 0 150px;color:#333;font-weight:bold;}
.pd-meta .pd-row span{color:#333;}
.pd-meta .pd-row a{color:#409eff;}
.pd-btns{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap;}
.pd-btn{display:block;width:150px;padding:10px 20px;border:none;border-radius:0;font-size:14px;text-align:center;box-sizing:border-box;transition:all .3s;font-family:var(--font-monts-b);}
.pd-btn.primary{background:var(--primary);color:#fff;}
.pd-btn.primary:hover{background:#fff;color:var(--primary);border:1px solid var(--primary);}
.pd-btn.ghost{background:var(--primary);color:#fff;}
.pd-btn.ghost:hover{background:#fff;color:var(--primary);border:1px solid var(--primary);}
@media(max-width:1024px){.pd-top{flex-direction:column;}.pd-gallery{width:100%;flex:none;}.pd-gallery .pd-main img{max-width:100%;}}

/* DetailTabs */
.pd-tabs{margin-top:55px;}
.pd-tabs-head{display:flex;background:var(--primary);padding:10px;border-radius:10px 10px 0 0;margin-bottom:15px;overflow-x:auto;}
.pd-tabs-head button{flex:none;min-width:100px;height:36px;line-height:36px;padding:0 20px;background:#eee;border:none;border-radius:0;font-size:20px;color:#333;margin-right:10px;transition:all .3s;font-family:var(--font-monts-b);}
.pd-tabs-head button.active{background:transparent;color:#fff;font-weight:bold;}
.pd-tabs-body{padding:25px 0;overflow-x:auto;}
.pd-richtext{font-size:15px;color:#555;line-height:2;}
.pd-richtext h3{font-size:20px;font-weight:bold;color:#333;text-align:center;margin:10px 0;}
.pd-richtext p{margin-bottom:14px;}
.pd-richtext img{width:auto !important;height:auto !important;max-width:100% !important;}
.spec-table{width:100%;border-collapse:collapse;margin-top:16px;table-layout:fixed;}
.spec-table th,.spec-table td{border:1px solid rgba(0,0,0,.1);padding:10px;font-size:16px;text-align:left;word-break:break-all;color:#74777c;}
.spec-table th{width:20%;text-align:right;padding:0 15px;font-weight:normal;background:#fff;}
.spec-table td{color:#74777c;}

/* Get QuoteForm */
.quote-form{margin-top:55px;background:var(--gray);padding:38px 40px;}
.quote-form h3{font-size:22px;color:#05050f;font-weight:normal;margin-bottom:8px;}
.quote-form p.sub{font-size:14px;color:#666;margin-bottom:22px;}
.quote-form input,.quote-form textarea{width:100%;height:42px;padding:0 16px;border:1px solid #ddd;background:#fff;margin-bottom:14px;font-size:14px;outline:none;transition:border .3s;}
.quote-form textarea{height:110px;padding-top:10px;resize:none;}
.quote-form input:focus,.quote-form textarea:focus{border-color:var(--primary);}
.quote-form .qf-btn{display:inline-block;padding:12px 50px;background:#409eff;color:#fff;border:none;font-size:15px;transition:background .3s;}
.quote-form .qf-btn:hover{background:#337ecc;}

/* Related Products */
.related{margin-top:55px;}
.related h3{font-size:22px;color:#05050f;font-weight:normal;padding-bottom:14px;border-bottom:2px solid var(--primary);margin-bottom:22px;}
.related-row{position:relative;width:100%;max-width:100%;}
.related-track{overflow:hidden;width:100%;max-width:100%;}
.related-row-inner{display:flex;transition:transform .5s ease;}
.related-item{flex:0 0 25%;padding:0 10px;}
.related-card{background:#fff;border:1px solid var(--border);text-align:center;transition:all .3s;}
.related-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.12);}
.related-card .rc-img img{width:100%;height:auto;}
.related-card .rc-name{display:block;padding:12px 8px 14px;font-size:14px;color:#333;}
.related-card .rc-name:hover{color:var(--primary);}
@media(max-width:1024px){.related-item{flex:0 0 50%;}}
@media(max-width:640px){.related-item{flex:0 0 100%;}}

/* ==  ==  ==  ==  ==  == NewsList ==  ==  ==  ==  ==  == */
.news-list-item{display:flex;gap:22px;padding:22px 0;border-bottom:1px dashed #e5e5e5;align-items:center;}
.news-list-item .nli-date{flex:0 0 90px;text-align:center;background:var(--primary);color:#fff;padding:14px 6px;}
.news-list-item .nli-date b{display:block;font-size:26px;font-weight:bold;line-height:1.1;}
.news-list-item .nli-date span{font-size:13px;opacity:.85;}
.news-list-item .nli-body{flex:1;min-width:0;}
.news-list-item .nli-key{font-size:12px;color:#999;letter-spacing:1px;}
.news-list-item h3{font-size:19px;color:#05050f;margin-top:4px;font-weight:normal;}
.news-list-item h3 a:hover{color:var(--primary);}
.news-list-item p{font-size:14px;color:#666;line-height:1.8;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-list-item .nli-arrow{flex:none;width:44px;height:44px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999;font-size:20px;transition:all .3s;}
.news-list-item:hover .nli-arrow{background:var(--primary);border-color:var(--primary);color:#fff;}
@media(max-width:768px){.news-list-item{flex-wrap:wrap;}.news-list-item .nli-date{flex:0 0 76px;}}

/* Sidebar */
.sb-search{display:flex;margin-bottom:28px;}
.sb-search input{flex:1;height:40px;padding:0 14px;border:1px solid #ddd;border-right:none;font-size:14px;outline:none;}
.sb-search button{width:46px;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;}
.sb-search svg{width:18px;height:18px;fill:#fff;}
.sb-more{background:#fff;border:1px solid var(--border);padding:18px;}
.sb-more h3{font-size:16px;color:#05050f;padding-bottom:10px;border-bottom:2px solid var(--primary);margin-bottom:10px;font-weight:normal;}
.sb-more a{display:block;font-size:14px;color:#666;line-height:2.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s;}
.sb-more a:hover{color:var(--primary);}

/* ==  ==  ==  ==  ==  == NewsDetail ==  ==  ==  ==  ==  == */
.nd-title{font-size:24px;color:#05050f;font-weight:normal;line-height:1.5;}
.nd-time{display:flex;align-items:center;gap:8px;color:#999;font-size:14px;margin-top:10px;padding-bottom:16px;border-bottom:1px dashed #e5e5e5;}
.nd-time svg{width:16px;height:16px;fill:#999;}
.nd-img{margin-top:22px;}
.nd-img img{width:100%;height:auto;}
.nd-content{margin-top:20px;font-size:15px;color:#555;line-height:2;}
.nd-content p{margin-bottom:16px;}
.nd-key{margin-top:26px;padding-top:16px;border-top:1px dashed #e5e5e5;font-size:14px;color:#999;}
.nd-key a{color:var(--primary);}

/* ==  ==  ==  ==  ==  == + 36px 16px Contact InformationForm ==  ==  ==  ==  ==  == */
.ct-sec{background:#f5f5f5;padding:60px 0;}
.ct-wrap{display:flex;flex-wrap:wrap;width:94%;max-width:1600px;margin:0 auto;}
.ct-left{flex:1 1 55%;padding-right:2%;box-sizing:border-box;}
.ct-right{flex:1 1 45%;padding-left:2%;box-sizing:border-box;}
.ct-card{background:#fff;border-radius:20px;padding:50px;box-sizing:border-box;}
.ct-title{font-size:36px;color:#333;font-weight:normal;padding-bottom:15px;border-bottom:3px solid #ddd;position:relative;margin:0 0 10px;line-height:normal;font-family:var(--font-monts-b);}
.ct-title::after{content:'';position:absolute;left:0;width:72px;height:3px;background:#293b87;bottom:-3px;}
.ct-sub{font-size:16px;color:#333;line-height:1.5;margin:0 0 30px;font-family:var(--font-monts-r);}
.ct-row{display:flex;align-items:center;margin-bottom:15px;}
.ct-row .ct-ico{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:10px;}
.ct-row .ct-ico svg{width:24px;height:24px;fill:#293b87;}
.ct-row p{font-size:16px;color:#333;line-height:1.5;margin:0;word-break:break-all;font-family:var(--font-monts-b);}
.ct-row p a{color:#333;text-decoration:none;transition:color .3s;}
.ct-row p a:hover{color:#293b87;}
.ct-alisa{font-size:24px;color:#293b87;font-weight:normal;margin:5px 0 15px;line-height:1.5;font-family:var(--font-monts-b);}
.ct-sub2{font-size:20px;color:#333;line-height:1.5;margin:5px 0 30px;font-family:var(--font-monts-b);}
.ct-share{display:flex;flex-wrap:wrap;gap:10px;}
.ct-share a{width:40px;height:40px;border-radius:4px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.ct-share a:hover{background:#293b87;}
.ct-share a svg{width:20px;height:20px;fill:#666;transition:fill .3s;}
.ct-share a:hover svg{fill:#fff;}
.ct-card img{width:100%;height:278px;object-fit:cover;margin-top:20px;border-radius:8px;display:block;}
.ct-form{background:#f5f5f5;padding:0 0 100px;}
.ct-f-title{font-size:36px;color:#333;font-weight:normal;padding-bottom:15px;border-bottom:3px solid #afafaf;position:relative;margin:0 auto 10px;text-align:center;max-width:600px;line-height:normal;font-family:var(--font-monts-b);}
.ct-f-title::after{content:'';position:absolute;left:calc(50% - 36px);width:72px;height:3px;background:#293b87;bottom:-3px;}
.ct-f-note{font-size:18px;color:#333;line-height:1.5;text-align:center;max-width:900px;margin:0 auto 20px;font-family:var(--font-monts-r);}
.ct-form-card{background:#fff;border-radius:20px;padding:50px;width:94%;max-width:1600px;margin:0 auto;box-sizing:border-box;}
.ct-f-row{display:flex;flex-wrap:wrap;justify-content:space-between;}
.ct-f-item{width:32%;position:relative;margin-bottom:20px;}
.ct-f-item.full{width:100%;}
.ct-f-item label{position:absolute;left:20px;top:16px;color:#999;font-size:14px;pointer-events:none;font-family:var(--font-monts-r);}
.ct-f-item input,.ct-f-item textarea{width:100%;height:100px;border:0;box-shadow:none;outline:none;background:rgba(0,0,0,.05);border-radius:10px;padding:40px 20px 20px;color:#333;font-size:14px;box-sizing:border-box;font-family:var(--font-monts-r);}
.ct-f-item textarea{height:140px;resize:none;}
.ct-f-btn{display:block;margin:0 auto;max-width:200px;width:100%;padding:15px;background:#293b87;color:#fff;border:none;font-size:16px;transition:all .3s;cursor:pointer;font-family:var(--font-monts-r);}
.ct-f-btn:hover{background:#1e2e6d;}
@media(max-width:1024px){
  .ct-sec{padding:30px 0;}
  .ct-form{padding:0 0 30px;}
  .ct-wrap{flex-direction:column;}
  .ct-left{padding-right:0;margin-bottom:10px;}
  .ct-right{padding-left:0;margin-top:10px;}
  .ct-card{padding:15px;border-radius:10px;}
  .ct-title{font-size:24px;}
  .ct-sub{font-size:14px;margin-bottom:20px;}
  .ct-sub2{font-size:16px;margin-bottom:20px;}
  .ct-row{margin-bottom:5px;}
  .ct-row .ct-ico svg{width:20px;height:20px;}
  .ct-row p{font-size:14px;}
  .ct-alisa{font-size:20px;margin-top:10px;margin-bottom:10px;}
  .ct-share a{width:30px;height:30px;}
  .ct-share a svg{width:15px;height:15px;}
  .ct-card img{height:auto;}
  .ct-f-title{font-size:24px;}
  .ct-f-note{font-size:14px;}
  .ct-form-card{padding:20px;width:94%;}
  .ct-f-item{width:100%;}
  .ct-f-item input,.ct-f-item textarea{height:80px;}
  .ct-f-btn{max-height:46px;padding:10px 15px;}
}

/* Pagination */
#pipefitting,#highpressure,#pipes{scroll-margin-top:90px;}

/* ==  ==  ==  ==  ==  == About Us ==  ==  ==  ==  ==  == */
.about-main{display:flex;gap:50px;align-items:flex-start;padding:55px 0 60px;}
.about-text{flex:1;min-width:0;}
.about-text h2{font-size:32px;color:#05050f;font-weight:normal;font-family:var(--font-title);letter-spacing:1px;position:relative;padding-bottom:20px;margin-bottom:26px;}
.about-text h2:after{content:"";position:absolute;left:0;bottom:0;width:76px;height:2px;background:#293b87;}
.about-text h2:before{content:"";position:absolute;left:80px;bottom:0;width:38px;height:2px;background:#9aa4d8;}
.about-text p{font-size:15px;color:#555;line-height:2;margin-bottom:16px;text-align:justify;}
.about-img{flex:0 0 420px;}
.about-img img{width:100%;height:auto;display:block;}

.stats-sec{background:linear-gradient(135deg,#1b2a5e 0%,#293b87 100%);padding:60px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;}
.stats-item .st-num{font-size:46px;font-weight:bold;color:#fff;font-family:var(--font-title);line-height:1;}
.stats-item .st-count{font-variant-numeric:tabular-nums;}
.stats-item .st-plus{font-size:46px;font-weight:bold;color:#fff;}
.stats-item p{color:rgba(255,255,255,.85);font-size:14px;margin-top:12px;line-height:1.7;}
@media(max-width:1024px){.about-main{gap:30px;}.about-img{flex:0 0 340px;}}
@media(max-width:768px){
  .about-main{flex-direction:column;gap:24px;padding:35px 0 40px;}
  .about-img{flex:1;width:100%;}
  .stats-sec{padding:45px 0;}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px;}
  .stats-item .st-num{font-size:36px;}
  .stats-item .st-plus{font-size:36px;}
}

/* ==  ==  ==  ==  ==  == NewsList ==  ==  ==  ==  ==  == */
.news-list2{padding:10px 0 0;}
.news-item2{display:flex;gap:24px;padding:26px 0;}
.news-item2 .ni2-img{flex:0 0 300px;}
.news-item2 .ni2-img img{width:300px;height:190px;object-fit:cover;transition:opacity .3s;}
.news-item2 .ni2-img a:hover img{opacity:.85;}
.news-item2 .ni2-body{flex:1;min-width:0;}
.news-item2 h3{font-size:20px;color:#05050f;font-weight:normal;line-height:1.4;}
.news-item2 h3 a:hover{color:var(--primary);}
.news-item2 .ni2-sum{font-size:14px;color:#666;line-height:1.9;margin-top:12px;text-align:justify;}
.news-item2 .ni2-key{font-size:14px;color:#333;margin-top:12px;}
.news-item2 .ni2-key a{color:var(--primary);}
.news-item2 .ni2-key a:hover{text-decoration:underline;}
.news-item2 .ni2-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;}
.news-item2 .ni2-date{font-size:14px;color:#999;}
.news-item2 .ni2-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:50%;color:#999;font-size:16px;transition:all .3s;}
.news-item2 .ni2-arrow:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.ni2-line{border:none;border-top:1px dashed #e5e5e5;margin:0;}
@media(max-width:768px){
  .news-item2{flex-direction:column;gap:14px;padding:20px 0;}
  .news-item2 .ni2-img{flex:1;width:100%;}
  .news-item2 .ni2-img img{width:100%;height:auto;}
}

/* Pagination */
.pagination2{display:flex;justify-content:center;gap:8px;padding:42px 0 10px;}
.pagination2 a{min-width:36px;height:36px;line-height:36px;text-align:center;border:1px solid #ddd;color:#666;font-size:14px;background:#fff;transition:all .3s;}
.pagination2 a:hover{border-color:var(--primary);color:var(--primary);}
.pagination2 a.current{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default;}
.pagination2 a.disabled{color:#ccc;cursor:default;}
.pagination2 a.disabled:hover{border-color:#ddd;color:#ccc;}
.pagination2 .pg-prev,.pagination2 .pg-next{min-width:36px;}

/* Sidebar Search + More informationSearch 50 30% / More information 22px Bold / 2x3 */
.sb-search{display:flex;background:#fff;border:1px solid #ccc;height:50px;margin-bottom:5%;}
.sb-search input{flex:1;height:100%;padding:0 20px;border:none;outline:none;font-size:14px;min-width:0;font-family:var(--font-monts-r);}
.sb-search button{flex:0 0 30%;max-width:30%;border:none;background:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;}
.sb-search button svg{width:20px;height:20px;fill:#fff;}
.sb-more{font-size:22px;color:#1b242b;line-height:1.5;font-weight:normal;font-family:var(--font-monts-b);}
.sb-line{border:none;border-top:1px solid #ddd;margin:15px 0;}
.sb-news{display:flex;flex-wrap:wrap;}
.sbn-item{flex:0 0 calc(50% - 10px);margin:0 5px 15px;display:block;}
.sbn-item .sbi-img{width:100%;aspect-ratio:4/3;overflow:hidden;background:#fafafa;}
.sbn-item .sbi-img img{width:100%;height:100%;object-fit:cover;transition:opacity .3s;}
.sbn-item:hover .sbi-img img{opacity:.85;}
.sbn-item span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:#1b242b;line-height:1.2;text-align:center;padding-top:5px;font-family:var(--font-monts-r);}
.sbn-item:hover span{color:#293b87;}

/* ==  ==  ==  ==  ==  == NewsDetail ==  ==  ==  ==  ==  == */
.nd-box{padding:10px 0 0;}
.nd-title{font-size:28px;color:#333;font-weight:normal;line-height:1.5;text-align:center;font-family:var(--font-monts-b);}
.nd-line{border:none;border-top:1px solid #ddd;margin:18px 0;}
.nd-time{display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;color:#999;line-height:1.5;font-family:var(--font-monts-r);}
.nd-time span{color:#999;}
.nd-lead-wrap{background:#f2f2f2;padding:10px;margin-top:20px;}
.nd-lead{font-size:14px;color:#666;line-height:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-monts-r);}
.nd-img{max-width:800px;margin:30px auto 0;}
.nd-img img{width:100%;height:auto;object-fit:contain;}
.nd-body{font-size:16px;color:#666;line-height:2;margin-top:30px;font-family:var(--font-monts-r);}
.nd-body p{padding-bottom:15px;}
.nd-key{display:flex;gap:6px;margin:0 0 25px;border-top:1px dotted #d3d3d3;border-bottom:1px dotted #d3d3d3;padding:15px 0;font-size:14px;font-family:var(--font-monts-r);}
.nd-key .nk-label{color:#333;font-family:var(--font-monts-b);}
.nd-key a{color:#999;}
.nd-key a:hover{color:#e50503;}

/* ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  ==  == */
.topbar-lan{display:none;}
@media(max-width:1024px){
  .header .wrap{height:64px;}
  .header.scrolled .wrap{height:60px;}
  .nav{display:none;}
  .head-tel{display:none;}
  .header-right .head-lan{display:none;}
  .topbar-lan{display:flex;margin-left:auto;align-self:center;}
  .topbar-lan .lan-drop{min-width:150px;}
  .topbar-lan .lan-txt{font-size:13px;}
  .head-menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;}
  .head-menu svg{fill:#fff;}
  .header.scrolled .head-menu svg{fill:var(--dark);}
  .mobile-nav{display:block;}
  .logo{max-width:170px;}
  .header.scrolled .logo{max-width:150px;}
}
@media(max-width:640px){
  .topbar .wrap{min-height:38px;}
  .topbar-item{margin-right:12px;}
  .topbar-item:first-child{display:none;}
  .topbar-right{display:none;}
  .ft-message form input,.ft-message form textarea,.online-form input,.online-form textarea,.sb-search input,.page-search-box input{font-size:16px;}
}