﻿body{background:#f5f6f8}.cursor-glow{position:fixed;z-index:999;pointer-events:none;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(243,154,38,.09),transparent 68%);transition:transform .12s linear;mix-blend-mode:multiply}.site-header{transition:background .35s,box-shadow .35s}.site-header.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(5,21,35,.08)}.nav-row{transition:height .35s}.site-header.scrolled .nav-row{height:68px}.main-nav a{font-weight:500;letter-spacing:.3px}.main-nav a:before{content:'';position:absolute;inset:18px -13px;border-radius:20px;background:#07182a08;opacity:0;transform:scale(.8);transition:.3s}.main-nav a:hover:before{opacity:1;transform:scale(1)}
.hero h1{font-size:clamp(48px,5.3vw,76px);font-weight:800;letter-spacing:-2px}.hero h1 em{background:linear-gradient(90deg,#f39a26,#ffd7a3,#f39a26);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}.hero-glow{animation:floatGlow 7s ease-in-out infinite}.pipe-visual{animation:pipeFloat 7s ease-in-out infinite}.product-card,.scene,.strength-grid>div{border-radius:18px}.product-card{border:1px solid rgba(7,24,42,.06)}.products{background:linear-gradient(180deg,#fff,#f3f5f7)}.btn{border-radius:999px;font-weight:600}.about-image{margin:24px 0 24px 24px;border-radius:26px}.strengths{margin:0 18px;border-radius:28px;background:linear-gradient(135deg,#061522,#0b2944)}.strength-grid{border-radius:18px;overflow:hidden}.scene{border-radius:22px}.cta{margin:0 18px 18px;border-radius:28px;background:linear-gradient(110deg,#df7f10,#ffad3e);overflow:hidden;position:relative}.cta:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #fff3;border-radius:50%;right:-150px;top:-260px}.site-footer{border-radius:28px 28px 0 0}.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease var(--delay,0ms),transform .75s cubic-bezier(.2,.75,.25,1) var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
.inner-hero{height:410px;margin:0 18px;border-radius:0 0 28px 28px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 30%,#174c6e 0,#0a2841 30%,#061522 68%)}.inner-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff06 1px,transparent 1px),linear-gradient(90deg,#fff06 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.inner-hero-content{position:relative;z-index:2;padding-top:105px}.inner-kicker{display:block;font-size:10px;color:#f39a26;letter-spacing:3px;margin-bottom:20px}.inner-hero h1{margin:0;font-size:clamp(44px,5vw,72px);font-weight:800;letter-spacing:-2px}.inner-hero p{margin-top:14px;color:#93aabd;font-size:15px}.inner-orb{position:absolute;border-radius:50%;filter:blur(2px)}.inner-orb-a{width:380px;height:380px;right:8%;top:-130px;border:1px solid #4cbcf04d;box-shadow:inset 0 0 80px #1680b623}.inner-orb-b{width:170px;height:170px;right:25%;bottom:-70px;background:radial-gradient(circle at 35% 30%,#f8b04a,#bc5f09);box-shadow:0 0 80px #f39a2633}.inner-marquee{position:absolute;left:0;right:0;bottom:0;border-top:1px solid #fff18;height:58px;overflow:hidden;color:#7990a3;font-size:10px;letter-spacing:3px}.inner-marquee div{width:max-content;display:flex;align-items:center;gap:28px;height:100%;animation:marquee 18s linear infinite}.inner-marquee i{width:5px;height:5px;border-radius:50%;background:#f39a26}
.pages{margin-top:0!important;margin-bottom:80px!important;padding:60px!important;max-width:1180px!important;background:#fff;border:1px solid #e8ecef;border-radius:24px;box-shadow:0 24px 70px rgba(7,24,42,.07);position:relative}.pages .position{font-size:12px;color:#8b97a1;border-bottom:1px solid #edf0f2;padding-bottom:18px;margin-bottom:38px!important}.pages>h2,.pages .content+h2{font-size:34px!important;font-weight:750;letter-spacing:-1px;margin-bottom:32px!important}.content{color:#52616d;font-size:15px;line-height:2.1}.content img{max-width:100%!important;height:auto!important;border-radius:16px}.pages .card{border:1px solid #e9edef;border-radius:18px;overflow:hidden;box-shadow:none;transition:.35s}.pages .card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(7,24,42,.1);border-color:#f39a2666}.pages .card-img-top{transition:transform .55s}.pages .card:hover .card-img-top{transform:scale(1.05)}.pages ul li.lh-3{padding:18px 8px!important;border-color:#edf0f2!important;transition:.25s}.pages ul li.lh-3:hover{padding-left:18px!important;background:#f7f8f9;border-radius:10px}.pages .btn-info,.pages .badge-info{background:#0b2b4b;border-color:#0b2b4b}.pages .pagination .page-link{border:0;margin:0 4px;border-radius:50%;width:38px;height:38px;text-align:center;color:#334656}.pages input.form-control,.pages textarea.form-control{border:1px solid #dde4e8;border-radius:12px;padding:14px;height:auto;background:#f8f9fa}.pages input.form-control:focus,.pages textarea.form-control:focus{border-color:#f39a26;box-shadow:0 0 0 4px #f39a2615}.pages .sortnav{border-radius:14px;background:#f5f7f8;padding:12px}.jumbotron{display:none!important}
@keyframes shine{to{background-position:200% center}}@keyframes floatGlow{50%{transform:translateY(22px) scale(1.06)}}@keyframes pipeFloat{50%{transform:translateY(-15px) rotate(1deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){.cursor-glow{display:none}.inner-hero{height:330px;margin:0 8px}.inner-hero-content{padding-top:75px}.pages{width:calc(100% - 24px)!important;padding:35px 28px!important}.about-image{margin:12px}.strengths,.cta{margin-left:8px;margin-right:8px}.site-header.scrolled .nav-row{height:70px}}
@media(max-width:600px){.inner-hero{height:280px;border-radius:0 0 18px 18px}.inner-hero-content{padding-top:58px}.inner-hero h1{font-size:39px}.inner-marquee{height:48px}.pages{padding:28px 20px!important;border-radius:18px;margin-bottom:45px!important}.pages>h2{font-size:27px!important}.hero h1{letter-spacing:-1px}.product-card,.scene{border-radius:15px}}

.product-photo{position:absolute;inset:0 0 auto 0;width:100%;height:185px;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:transform .7s,filter .5s}.product-card:after{content:'';position:absolute;left:0;right:0;top:90px;height:130px;background:linear-gradient(transparent,#f2f5f7)}.product-card.featured:after{background:linear-gradient(transparent,#0b2b4b)}.product-card>div{position:relative;z-index:2}.product-card:hover .product-photo{transform:scale(1.07);filter:saturate(1) contrast(1.05)}.real-factory{background-image:linear-gradient(145deg,rgba(6,26,45,.25),rgba(6,26,45,.72)),url('/static/upload/cangma/factory.jpg');background-size:cover;background-position:center}.real-factory>span{color:#fff;font-size:48px;line-height:.85}.real-factory>span small{font-size:10px;letter-spacing:3px;color:#f4b45d}.company-intro .lead{font-size:20px;line-height:1.9;color:#172b3c}.company-intro>img{width:100%;max-height:520px;object-fit:cover;margin:30px 0;border-radius:18px}.company-intro h3{font-size:24px;color:#102538;margin:36px 0 12px}.intro-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.intro-values>div{display:flex;flex-direction:column;padding:25px;background:#f4f6f7;border-radius:15px;border:1px solid #e7ecef}.intro-values b{font-size:17px;color:#102538;margin-bottom:6px}.intro-values span{font-size:12px;color:#7d8992}.contact-panel>h3{font-size:28px;color:#102538}.contact-address{display:flex;align-items:center;gap:20px;margin-top:20px;padding:22px;border-radius:14px;background:#f4f6f7}.contact-address i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f39a26;color:#fff;font-size:18px}.contact-address div{display:flex;flex-direction:column}.contact-address b{color:#102538}.contact-address span{color:#71808b;margin-top:5px}.hero-stats strong{font-size:24px}.hero-stats div:first-child strong{font-size:22px}
@media(max-width:600px){.product-photo{height:170px}.intro-values{grid-template-columns:1fr}.real-factory>span{font-size:36px}.company-intro .lead{font-size:17px}.contact-address{align-items:flex-start;padding:17px}.contact-address span{font-size:12px}}
.product-list-intro{padding:10px 0 35px}.product-list-intro>span{color:#f39a26;font-size:10px;letter-spacing:3px}.product-list-intro h2{font-size:34px;margin:12px 0}.product-list-intro p{color:#77848e}.product-list-card{height:100%;margin-bottom:24px!important}.product-list-card .card-img-150{height:220px;overflow:hidden}.product-list-card .card-img-top{width:100%;height:100%;object-fit:cover}.product-list-card small{font-size:9px;color:#f39a26;letter-spacing:2px}.product-list-card h3{font-size:20px;margin:10px 0}.product-list-card p{color:#7b8790;line-height:1.7;min-height:44px}.product-list-card .more{display:inline-block;margin-top:12px;font-size:12px;color:#163047}.product-list-card .more i{margin-left:10px;color:#f39a26}.product-list-grid>[class*=col-]{margin-bottom:24px}
.breadcrumb-modern{display:flex!important;align-items:center;justify-content:flex-end;gap:9px;color:#91a0aa!important;font-size:11px!important}.breadcrumb-modern i{color:#f39a26}.breadcrumb-modern span{color:#c9d1d6}.case-intro{display:flex;justify-content:space-between;align-items:flex-end;margin:10px 0 44px}.case-intro span,.case-detail-head>span{font-size:10px;color:#f39a26;letter-spacing:3px}.case-intro h2{font-size:36px;margin:12px 0 0;color:#102538}.case-intro p{text-align:right;color:#77848e;line-height:1.8;margin:0}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 24px}.case-card{min-width:0}.case-cover{display:block;position:relative;height:360px;border-radius:20px;overflow:hidden;background:#102538}.case-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(3,16,27,.45));opacity:.5;transition:.4s}.case-cover img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.75,.25,1),filter .5s}.case-arrow{position:absolute;z-index:2;right:20px;bottom:20px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#102538;transform:rotate(45deg);transition:.35s}.case-card:hover .case-cover img{transform:scale(1.06);filter:saturate(1.1)}.case-card:hover .case-arrow{background:#f39a26;color:#fff;transform:rotate(90deg)}.case-meta{padding:20px 8px}.case-meta small{font-size:9px;color:#f39a26;letter-spacing:2px}.case-meta h3{font-size:23px;margin:9px 0}.case-meta p{color:#7a8790;font-size:13px;line-height:1.7;margin:0}.cms-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:55px 0 5px}.cms-pagination>a,.page-numbers>a,.page-numbers span{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:#f1f4f5;color:#405260;border:1px solid transparent;transition:.25s}.page-numbers{display:flex;gap:7px}.page-numbers .page-num-current,.page-numbers .active,.cms-pagination a:hover{background:#102b42;color:#fff;transform:translateY(-2px)}.empty-state{text-align:center;padding:70px;color:#91a0aa}.empty-state i{font-size:34px;color:#f39a26}.case-detail-head{text-align:center;max-width:760px;margin:10px auto 40px}.case-detail-head h2{font-size:40px;margin:12px 0!important}.case-detail-head p{color:#94a0a9}.case-detail .content>p:first-child{font-size:18px;text-align:center;margin-bottom:30px}.case-detail .content img{display:block;width:min(100%,900px)!important;margin:22px auto;box-shadow:0 18px 45px rgba(7,24,42,.08)}.content-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-top:1px solid #e7ecef}.content-nav>div{padding:25px 10px}.content-nav>div:last-child{text-align:right}.content-nav small{display:block;color:#f39a26;font-size:9px;letter-spacing:2px;margin-bottom:8px}
@media(max-width:760px){.case-intro{display:block}.case-intro p{text-align:left;margin-top:14px}.case-grid{grid-template-columns:1fr}.case-cover{height:260px}.case-intro h2{font-size:29px}.case-detail-head h2{font-size:30px}.content-nav{grid-template-columns:1fr}.content-nav>div:last-child{text-align:left;border-top:1px solid #edf0f2}.cms-pagination>a,.page-numbers>a,.page-numbers span{width:36px;height:36px}.breadcrumb-modern{justify-content:flex-start}.case-pages{padding-top:28px!important}}
.product-detail-page{max-width:1050px!important}.product-detail-head{text-align:center;max-width:760px;margin:20px auto 55px}.product-detail-head>span{font-size:10px;color:#f39a26;letter-spacing:3px}.product-detail-head h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.25;margin:14px 0 16px!important;color:#102538}.product-detail-head p{font-size:15px;color:#7a8791;line-height:1.8}.product-richtext{max-width:880px;margin:0 auto}.product-richtext>p{margin-bottom:18px}.product-richtext>p:first-child{font-size:18px;line-height:2;text-align:center;color:#53636f}.product-richtext h2,.product-richtext h3{color:#102538;margin:45px 0 16px;padding-left:16px;position:relative}.product-richtext h2:before,.product-richtext h3:before{content:'';position:absolute;left:0;top:.15em;width:4px;height:1em;border-radius:4px;background:#f39a26}.product-richtext img{display:block;width:100%!important;max-height:680px;object-fit:cover;margin:32px auto!important;border-radius:20px!important;box-shadow:0 20px 55px rgba(7,24,42,.11)}.product-richtext table{width:100%!important;border-collapse:collapse;margin:28px 0}.product-richtext th,.product-richtext td{padding:13px;border:1px solid #dfe5e8}.product-richtext th{background:#102b42;color:#fff}.product-content-nav{max-width:880px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.product-detail-head{margin:10px auto 35px}.product-detail-head p{font-size:13px}.product-richtext>p:first-child{font-size:16px;text-align:left}.product-richtext img{border-radius:13px!important;margin:22px auto!important}}

/* High-tech visual pass */
body{background:#030b14;color:#e8f2f7;background-image:linear-gradient(rgba(29,118,158,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(29,118,158,.055) 1px,transparent 1px);background-size:72px 72px}.site-header{background:rgba(3,11,20,.86);color:#fff;border-bottom:1px solid rgba(107,215,255,.14);box-shadow:0 6px 35px rgba(0,0,0,.22)}.site-header.scrolled{background:rgba(3,11,20,.94)}.brand{color:#fff}.brand small{color:#7793a5}.main-nav a{color:#c8d9e3}.main-nav a:before{background:rgba(83,207,255,.08)}.main-nav a.active{color:#fff}.main-nav a:after{background:#4dd7ff}.topbar{background:#020810;color:#7491a1}.inner-hero{margin:0;border-radius:0;border-bottom:1px solid #1e718f;height:470px;background:radial-gradient(circle at 76% 25%,#124969 0,#061d31 34%,#030b14 72%);box-shadow:inset 0 -80px 100px rgba(8,114,146,.16)}.inner-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(75,214,255,.13) 50%,transparent 65%);transform:translateX(-100%);animation:scanline 7s ease-in-out infinite}.inner-hero h1{font-size:clamp(54px,7vw,100px);text-shadow:0 0 32px rgba(75,214,255,.28)}.inner-kicker{color:#4dd7ff}.inner-orb-b{background:radial-gradient(circle at 35% 30%,#ffcf69,#f47d11 46%,#7e2e0b 72%,transparent 73%);box-shadow:0 0 100px rgba(243,154,38,.45)}.inner-marquee{color:#4e91a9;border-color:rgba(77,215,255,.2)}.pages{background:linear-gradient(145deg,rgba(9,27,42,.95),rgba(4,14,25,.98));border:1px solid rgba(84,189,225,.22);border-radius:0;box-shadow:0 0 0 1px rgba(255,255,255,.02),0 30px 100px rgba(0,0,0,.35);color:#dceaf0}.pages:before{content:'';position:absolute;inset:12px;border:1px solid rgba(77,215,255,.07);pointer-events:none}.breadcrumb-modern{color:#7293a3!important}.breadcrumb-modern span{color:#355565}.product-list-intro h2,.case-intro h2,.product-detail-head h2,.case-detail-head h2,.pages>h2{color:#fff!important;text-shadow:0 0 22px rgba(74,206,255,.15)}.product-list-intro p,.case-intro p,.product-detail-head p,.content,.case-meta p{color:#8aa8b7}.product-list-card{background:linear-gradient(145deg,#0d2a3e,#071523)!important;border-color:rgba(76,194,231,.2)!important;color:#e5f2f7}.product-list-card h3 a,.case-meta h3 a{color:#fff}.product-list-card .more{color:#4dd7ff}.product-list-card .card-body{background:linear-gradient(180deg,transparent,rgba(3,11,20,.4))}.case-cover{border:1px solid rgba(76,194,231,.22);box-shadow:0 20px 45px rgba(0,0,0,.25)}.case-meta h3{color:#fff}.case-arrow{background:#4dd7ff;color:#052034;box-shadow:0 0 25px rgba(77,215,255,.35)}.case-meta small,.case-intro span,.product-detail-head>span,.case-detail-head>span{color:#4dd7ff}.cms-pagination>a,.page-numbers>a,.page-numbers span{background:#0b2638;color:#a8c6d3;border-color:rgba(77,215,255,.15)}.page-numbers .page-num-current,.page-numbers .active,.cms-pagination a:hover{background:#4dd7ff;color:#03101a}.content-nav{border-color:rgba(77,215,255,.16)}.content-nav>div{color:#b8d2dc}.content-nav small{color:#f4a22a}.product-richtext h2,.product-richtext h3,.contact-panel>h3{color:#fff}.product-richtext h2:before,.product-richtext h3:before{background:#4dd7ff;box-shadow:0 0 12px #4dd7ff}.product-richtext th{background:#0c506e}.product-richtext td{border-color:#25495b}.product-richtext img{box-shadow:0 20px 60px rgba(0,0,0,.35)}.contact-address,.intro-values>div{background:rgba(13,46,65,.58);border-color:rgba(77,215,255,.14);color:#bed5df}.contact-address b,.intro-values b{color:#fff}.contact-address span,.intro-values span{color:#85a4b2}.section{background:#061522}.products,.application{background:linear-gradient(180deg,#061522,#081b2b)}.section-head h2,.section-head p,.section-head.light h2{color:#fff}.product-card{background:#0b2638;color:#eaf6fb;border-color:rgba(77,215,255,.16)}.product-card.featured{background:linear-gradient(145deg,#073653,#061b2d)}.product-card:after{background:linear-gradient(transparent,#0b2638)}.product-card.featured:after{background:linear-gradient(transparent,#073653)}.about-band{background:#071d2c}.about-copy{color:#eaf6fb}.about-copy h2,.about-copy li strong{color:#fff}.about-copy>p,.about-copy li span{color:#8caab8}.about-copy li{border-color:rgba(77,215,255,.15)}.strengths{background:linear-gradient(135deg,#04131f,#092b42)}.scene{border:1px solid rgba(77,215,255,.22)}.site-footer{background:#020a12;border-top:1px solid rgba(77,215,255,.16)}.cta{box-shadow:0 0 60px rgba(243,154,38,.18)}
@keyframes scanline{0%,20%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
.home-carousel{height:510px;position:relative;overflow:hidden;background:#0b3048}.carousel-slide{position:relative;height:100%;background-size:cover;background-position:center}.carousel-slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,31,.86),rgba(3,18,31,.25) 65%,rgba(3,18,31,.15)),linear-gradient(0deg,rgba(3,18,31,.35),transparent 45%)}.carousel-factory{background-image:url('/static/upload/cangma/factory.jpg')}.carousel-pipe{background-image:url('/static/upload/cangma/hdpe-corrugated.jpg')}.carousel-project{background-image:url('/static/upload/cangma/projects-b.jpg')}.carousel-copy{position:relative;z-index:2;padding-top:115px;color:#fff}.carousel-copy>span{color:#f9ad43;letter-spacing:3px;font-size:10px}.carousel-copy h2{font-size:56px;line-height:1.14;letter-spacing:-1px;margin:18px 0}.carousel-copy h2 em{font-style:normal;color:#f4a22a}.carousel-copy p{color:#c5d7df;font-size:15px;line-height:1.8;max-width:470px}.carousel-link{display:inline-flex;align-items:center;gap:16px;margin-top:20px;color:#fff;font-size:13px;border-bottom:1px solid #ffffff66;padding-bottom:8px}.carousel-link i{color:#f4a22a}.carousel-controls{position:absolute;z-index:4;bottom:28px;left:50%;right:0;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center}.home-carousel .swiper-pagination{position:static;width:auto;text-align:left}.home-carousel .swiper-pagination-bullet{width:32px;height:3px;border-radius:0;background:#ffffff88;opacity:1;margin:0 4px}.home-carousel .swiper-pagination-bullet-active{background:#f4a22a}.carousel-arrows{display:flex;gap:8px}.carousel-arrows button{width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff10;color:#fff;transition:.3s}.carousel-arrows button:hover{background:#f4a22a;border-color:#f4a22a}
@media(max-width:760px){.home-carousel{height:440px}.carousel-copy{padding-top:80px}.carousel-copy h2{font-size:38px}.carousel-copy p{font-size:13px;max-width:300px}.carousel-controls{bottom:20px}.carousel-arrows{display:none}}

