/* SolerPanel homepage geometry rebuilt from measured styles; no template runtime. */
:root{--color-primary:#008f99;--color-secondary:#f4a412;--color-dark:#18243b;--color-text:#434141;--color-surface:#f4f8f8;--color-border:#dceeee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-text);font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;font-size:16px;line-height:26px;overflow-x:clip}img{max-width:100%;height:auto;vertical-align:middle}a{color:inherit;text-decoration:none;transition:color .5s}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}h1,h2,h3,h4,h5{color:var(--color-dark);line-height:1.2;font-weight:600;margin:11px 0 0}p{margin:0 0 16px}ul{list-style:none;margin:0;padding:0}button{border:0;background:transparent}input,textarea{border:1px solid #a8b7bc;padding:12px;color:var(--color-dark);background:#fff;border-radius:2px}input:focus,textarea:focus{outline:0;border-color:var(--color-primary)}[hidden]{display:none!important}.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.container{width:100%;padding:0 12px;margin:0 auto;max-width:1320px}.section{padding:104px 0 110px}.section-heading{margin-bottom:45px}.section-heading h2{font-size:44px;line-height:1.4;margin:12px 0 18px}.section-heading p{max-width:720px}.eyebrow{font-size:14px;letter-spacing:1px;color:var(--color-primary);font-weight:600}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary)}.sr-only,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{width:auto;height:auto;clip:auto;padding:14px;background:#fff;z-index:100000;top:0;left:0}
.solar-topbar-section{padding:18px 0;background:var(--color-dark);color:#fff;min-height:62px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.solar-top-menu ul{display:flex;align-items:center;gap:36px}.solar-top-menu li{position:relative;min-width:0}.solar-top-menu li a,.solar-top-menu li span{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:14px;line-height:26px}.solar-top-menu li:first-child span{max-width:320px;overflow:hidden;text-overflow:ellipsis}.solar-top-menu li:after{content:"";position:absolute;left:-20px;top:0;width:2px;height:30px;background:#3a3a42;opacity:.7}.solar-top-menu li:first-child:after{display:none}.solar-top-menu .ui-icon{width:15px;height:15px;color:var(--color-primary)}.solar-top-content-menu{display:flex;gap:35px;align-items:center;font-size:14px;flex-shrink:0}.solar-top-content{border-right:2px solid #3a3a42;padding-right:25px}.solar-top-social-icon a:hover{color:var(--color-primary)}
.solar-header-section{background:#fff;z-index:999;position:relative;isolation:isolate}.solar-header-section:before{content:"";position:absolute;height:100%;width:210%;top:0;left:-182%;background:var(--color-primary);transform:skew(-30deg);z-index:-1;pointer-events:none}.navigation-row{display:grid;grid-template-columns:25% 50% 25%;align-items:center;height:102px;margin:0 -12px}.navigation-row>div,.navigation-row>nav{padding:0 12px;min-width:0}.logo a{display:flex;align-items:center;gap:11px;color:#fff;width:246px;height:69px}.logo img{width:79px;height:65px;object-fit:contain;background:#fff;border-radius:2px}.logo strong{display:block;font-size:25px;line-height:32px;white-space:nowrap}.logo small{font-size:13px;line-height:22px;white-space:nowrap}.solar-menu>ul{display:flex;justify-content:flex-end;gap:15px;white-space:nowrap}.solar-menu li{position:relative}.solar-menu a{display:inline-flex;align-items:center;color:#141422;font-size:17px;font-weight:500;padding:38px 0;line-height:26px;gap:4px}.solar-menu a>.ui-icon{width:12px;height:12px;stroke-width:2}.solar-menu a:hover,.solar-menu .current-menu-item>a{color:var(--color-primary)}.solar-menu .sub-menu{position:absolute;top:125%;border-radius:5px;width:217px;text-align:left;box-shadow:0 1px 3px #0005;transition:opacity .5s,top .5s,visibility .5s;visibility:hidden;opacity:0;background:#fff;border-top:2px solid var(--color-primary);z-index:11}.solar-menu li:hover>.sub-menu,.solar-menu li:focus-within>.sub-menu{visibility:visible;opacity:1;top:99%}.sub-menu ul{display:block}.solar-menu .sub-menu li{margin:0;display:block;width:100%;white-space:normal}.solar-menu .sub-menu a{padding:12px 20px;width:100%;font-size:16px;justify-content:space-between;line-height:26px}.solar-menu .sub-menu a:hover{color:#fff;background:var(--color-primary)}.solar-menu .sub-menu .sub-menu{top:25%;left:100%}.solar-menu .sub-menu li:hover>.sub-menu,.solar-menu .sub-menu li:focus-within>.sub-menu{top:0}.solar-menu .submenu-toggle{display:none}.solar-search-button{display:flex;justify-content:flex-end;align-items:center;white-space:nowrap;gap:15px}.solar-social-menu{display:flex;gap:10px;align-items:center}.solar-social-menu a,.search-box-btn{padding:0;color:#141422;line-height:26px}.solar-social-menu .ui-icon{width:21px;height:21px}.solar-btn{display:inline-block}.solar-btn a,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:17px;font-weight:500;line-height:26px;letter-spacing:1px;background:var(--color-primary);color:#fff;padding:13px 25px;border-radius:3px;position:relative;z-index:1;isolation:isolate;overflow:hidden}.solar-btn a:before,.button:before{position:absolute;content:"";background:var(--color-dark);width:100%;height:0;left:50%;top:50%;border-radius:3px;transform:translate(-50%,-50%);z-index:-1;transition:height .5s}.solar-btn a:hover:before,.button:hover:before{height:104%}.solar-btn .ui-icon{width:18px;height:18px}.solar-search-button .solar-btn a{width:181px}.solar-header-section.is-sticky{position:fixed;top:0;left:0;right:0;box-shadow:0 0 10px #0002;animation:navIn .4s}.mobile-toggle,.mobile-navigation{display:none}
.slider-list{position:relative;z-index:1}.slider-stage-outer{overflow:hidden}.slider-stage{display:flex;width:100%;transform:translate3d(-100%,0,0);transition:transform 3s ease;will-change:transform}.slider-section{position:relative;isolation:isolate;flex:0 0 100%;height:800px;display:flex;align-items:center;overflow:hidden;background:var(--color-dark)}.slider-image{position:absolute;inset:0;z-index:-2}.slider-image img{width:100%;height:100%;object-fit:cover;object-position:center}.slider-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1521358a,#15213514 80%);z-index:-1;pointer-events:none}.slider-content h4{font-size:24px;line-height:24px;color:#fefefe;font-weight:500;margin-bottom:28px}.slider-content .slider-title{font-size:75px;line-height:72px;color:#fff;font-weight:600}.slider-content .slider-title span{display:block}.slider-content .slider-title span+span{margin-top:11px}.slider-content p{font-size:16px;line-height:24px;color:#fff;font-weight:400;width:53%;margin:37px 0 50px}.solar-btn.slider1 a,.solar-btn.slider2 a{min-width:175px}.solar-btn.slider1{margin:0}.solar-btn.slider2{margin-left:14px}.solar-btn.slider2 a{background:#fff;color:#0f0f0f}.solar-btn.slider2 a:hover{color:#fff}.owl-nav{position:absolute;bottom:42%;right:60px;display:flex;flex-direction:column;gap:10px}.owl-nav button{width:62px;height:62px;border-radius:50%;color:#fff;background:var(--color-primary);display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:0;transition:color .5s}.owl-nav .ui-icon{width:24px;height:24px}.owl-nav .owl-next{background:#fff;color:var(--color-primary)}.owl-nav .owl-next .ui-icon{transform:rotate(180deg)}.owl-nav button:after{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;transform:scale(0);transition:transform .5s;z-index:-1}.owl-nav .owl-next:after{background:var(--color-primary)}.owl-nav button:hover:after{transform:scale(1)}.owl-prev:hover{color:var(--color-primary)}.owl-next:hover{color:#fff}.slider-section.is-active .slider-content h4{animation:captionIn .8s both}.slider-section.is-active .slider-content .slider-title{animation:captionZoom 1s .1s both}.slider-section.is-active .slider-content p{animation:captionIn .9s .2s both}.slider-section.is-active .slider1{animation:buttonLeft 1s .3s both}.slider-section.is-active .slider2{animation:buttonRight 1s .3s both}
.about-section{padding:110px 0}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.about-thumb{position:relative;aspect-ratio:636/570.05;width:100%}.about-photo-main{position:absolute;left:0;top:0;width:71.07%;height:100%;overflow:hidden;border-radius:3px}.about-photo-secondary{position:absolute;right:0;top:28.8%;width:59.67%;height:71.2%;overflow:hidden;border-radius:3px}.about-photo-main img,.about-photo-secondary img{width:100%;height:100%;object-fit:cover}.about-counter{position:absolute;background:var(--color-primary);width:159px;height:142px;border-radius:3px;text-align:center;top:0;right:0;color:#fff}.about-counter-text{position:relative;padding:28px 0 0}.about-numbar strong{font-size:40px;color:#fff;font-weight:600;line-height:48px;display:block;margin-top:11px}.about-text h5{font-size:18px;color:#fff;font-weight:600;margin:5px;line-height:22px}.about-counter-two{position:absolute;top:100%;margin-top:-68px;left:17%;background:#fff;padding:0 25px 11px;border:2px solid var(--color-primary);border-radius:3px;width:325px;height:125px;display:flex;align-items:center}.about-counter-img{margin-right:34px;margin-top:9px;flex-shrink:0;width:79px;height:79px}.about-counter-img img{width:79px;height:79px;object-fit:cover}.about-number-two h4{font-size:28px;line-height:43.2px;color:var(--color-primary);font-weight:500;margin-bottom:9px;white-space:nowrap}.about-number-two h5{font-size:18px;color:var(--color-text);font-weight:500;margin:0;line-height:21.6px;white-space:nowrap}.about-section-sub-title{position:relative;display:inline-block;padding:0 50px;margin:0 -50px}.about-section-sub-title:before,.about-section-sub-title:after{position:absolute;content:"";height:2px;width:35px;background:var(--color-primary);top:6px;right:0}.about-section-sub-title:after{top:15px;right:-12px}.about-section-sub-title h4{font-size:24px;line-height:24px;color:var(--color-primary);font-weight:500;margin:0}.about-section-main-title h2{font-size:48px;line-height:60px;color:var(--color-dark);font-weight:600;margin-bottom:23px}.tab .tabs{display:flex;gap:18px;margin-bottom:40px}.tabs button{display:inline-flex;align-items:center;gap:5px;font-size:16px;color:#fff;font-weight:400;background:var(--color-dark);padding:6px 15px;border-radius:3px;line-height:26px}.tabs .current button{background:var(--color-primary)}.tabs .ui-icon{width:14px;height:14px}.about-content-discription p{font-size:16px;line-height:24px;color:var(--color-text);font-weight:400;margin-bottom:32px;min-height:48px}.intro-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.about-list{margin-bottom:40px}.about-list li{font-size:18px;color:var(--color-dark);font-weight:500;margin-bottom:17px;display:flex;align-items:center;gap:3px;line-height:26px}.about-list .ui-icon{width:16px;height:18px;color:var(--color-primary)}.solar-btn.about a{padding:16px 33px}
.product-systems{background:var(--color-surface)}.product-layout{display:grid;grid-template-columns:44% 1fr;gap:60px}.product-feature{position:relative;min-height:560px;border-radius:3px;overflow:hidden;background:var(--color-dark)}.product-feature>img{width:100%;height:100%;object-fit:cover}.product-feature>span{position:absolute;bottom:0;left:0;right:0;padding:25px 30px;color:#fff;background:#18243bcc;font-size:14px}.product-feature strong{display:block;font-size:28px;margin:10px 0}.product-feature .ui-icon{position:absolute;right:30px;bottom:40px;width:35px;height:35px}.product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.product-links>a{display:flex;align-items:center;gap:12px;border-bottom:1px solid #cfdfdf;padding:25px 0}.product-links>a>span{font-size:13px;color:var(--color-primary)}.product-links h3{font-size:17px;margin:0;flex:1}.product-links .ui-icon{width:16px;height:16px}.product-links a:hover h3{color:var(--color-primary)}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.application-grid article>div{height:240px;overflow:hidden;border-radius:3px}.application-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.application-grid article:hover img{transform:scale(1.04)}.application-grid h3{font-size:22px;margin:20px 0 12px}.application-grid p{font-size:14px;color:#61717a;margin:0}.why-choose{background:var(--color-dark);color:#d3dce5}.why-choose h2,.why-choose h3{color:#fff}.why-choose .eyebrow{color:#8ad9dd}.choose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.choose-grid .ui-icon{width:40px;height:40px;color:#7ecbd0}.choose-grid h3{margin:20px 0 15px;font-size:22px}.service-process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.service-process li>span{font-size:44px;line-height:1;color:var(--color-primary)}.service-process h3{font-size:22px;margin:24px 0 12px}.service-process p{font-size:14px}.project-section{background:var(--color-surface)}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.project-grid>a{position:relative;height:390px;overflow:hidden;border-radius:3px;background:var(--color-dark)}.project-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-grid a:hover img{transform:scale(1.05)}.project-grid>a>span{position:absolute;inset:auto 0 0;padding:50px 20px 25px;color:#fff;background:linear-gradient(transparent,#18243bef)}.project-grid small,.project-grid strong{display:block}.project-grid strong{font-size:19px;margin:8px 0}.project-grid .ui-icon{position:absolute;right:18px;bottom:25px}
.blog-section{padding:104px 0 120px}.section-title{text-align:center}.section-sub-title{position:relative;display:inline-block}.section-sub-title:before,.section-sub-title:after,.section-sub-title h4:before,.section-sub-title h4:after{position:absolute;content:"";height:2px;width:35px;background:var(--color-primary);left:0;top:19px}.section-sub-title:after{left:-12px;top:28px}.section-sub-title h4{font-size:24px;color:var(--color-primary);font-weight:500;margin-bottom:7px;position:relative;padding:0 50px;line-height:28.8px}.section-sub-title h4:before{left:auto;right:0;top:9px}.section-sub-title h4:after{left:auto;right:-12px;top:17px}.section-main-title h2{font-size:48px;line-height:57.6px;color:var(--color-dark);font-weight:600;margin-bottom:42px}.section-main-title.blog h2{margin-bottom:103px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-items-box{border:1px solid var(--color-border);padding:0 0 26px;border-radius:3px;position:relative;background:#fff}.blog-thumb{display:block;margin-top:-62px;width:100%;height:340px;overflow:hidden;padding-right:68px;border-radius:3px}.blog-thumb img,.news-placeholder{width:100%;height:100%;object-fit:cover;border-radius:3px}.news-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:var(--color-surface);color:var(--color-primary);font-size:22px}.news-placeholder .ui-icon{width:64px;height:64px}.blog-date{position:absolute;top:136px;right:-57px;transform:rotate(-90deg);display:none}.blog-date time{font-size:20px;color:var(--color-dark);font-weight:500}.blog-date .ui-icon{color:var(--color-primary);width:16px;height:16px;margin-right:6px}.blog-content{padding:0 10px}.blog-meta{margin:16px 0 -3px;display:flex;align-items:center;gap:30px}.blog-meta span,.blog-meta a{font-size:16px;line-height:34px;color:var(--color-dark);font-weight:400;display:inline-flex;align-items:center;gap:6px}.blog-meta .ui-icon{color:var(--color-primary);width:18px;height:18px}.blog-title{margin-bottom:12px}.blog-title h4{font-size:24px;margin-top:11px;line-height:34px;font-weight:500;min-height:68px}.blog-title a{font-size:24px;line-height:34px;text-decoration:underline;color:var(--color-dark);font-weight:500;transition:color .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:68px}.blog-items-box:hover .blog-title a,.blog-items-box:hover .blog-btn a{color:var(--color-primary)}.blog-bottom{display:flex;align-items:center;gap:4px;margin-top:21px}.blog-bottom-shape{width:40px;height:40px;margin-right:4px;flex-shrink:0}.blog-bottom-shape img{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff}.blog-bottom-title{margin-right:27px}.blog-bottom-title h5{font-size:16px;line-height:34px;color:var(--color-dark);font-weight:400;margin:0;white-space:nowrap}.blog-btn a{font-size:18px;line-height:34px;text-decoration:underline;color:var(--color-dark);font-weight:500;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.blog-btn .ui-icon{width:18px;height:18px}.contact-cta{background:var(--color-primary);color:#fff;padding:64px 0}.contact-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-cta .eyebrow{color:#d0f3f3}.contact-cta h2{font-size:36px;line-height:1.5;color:#fff}.contact-cta .solar-btn a{background:#fff;color:var(--color-dark)}.contact-cta .solar-btn a:hover{color:#fff}
.search-popup{position:fixed;left:0;top:0;height:100dvh;width:100%;z-index:99999;transform:translateY(-100%);background:#000e;transition:transform 1.5s cubic-bezier(.86,0,.07,1);visibility:hidden}.search-popup.is-open{transform:translateY(0);visibility:visible}.search-popup .close-search{position:absolute;left:0;right:0;margin:-200px auto 0;border-radius:50%;background:var(--color-primary);width:70px;height:70px;display:grid;place-items:center;border-bottom:3px solid #fff;top:50%;transition:transform .5s;color:#fff;transform:translateY(-100%)}.search-popup.is-open .close-search{transform:none}.close-search .ui-icon{width:25px;height:25px;transform:rotate(-90deg)}.search-popup form{position:absolute;max-width:700px;top:50%;left:15px;right:15px;margin:-35px auto 0;transform:scaleX(0);transform-origin:center;background:#111;transition:transform .3s}.search-popup.is-open form{transform:scaleX(1);transition-delay:.7s}.search-popup .form-group{position:relative;margin:0;overflow:hidden}.search-popup input{display:block;font-size:18px;line-height:50px;color:#000;height:70px;width:100%;padding:10px 75px 10px 30px;background:#fff;font-weight:500;border:0;border-radius:0}.search-popup .form-group button{position:absolute;right:30px;top:0;height:70px;color:var(--color-primary);padding:0;display:grid;place-items:center}.search-popup .form-group .ui-icon{width:24px;height:24px}.search-popup .close-search.style-two{position:absolute;right:25px;left:auto;top:25px;color:var(--color-primary);width:auto;height:auto;margin:0;border:0;background:none;transform:none}.close-search.style-two .ui-icon{transform:none;width:30px;height:30px}body.search-open{overflow:hidden}
.page-banner{position:relative;isolation:isolate;background:var(--color-primary);color:#fff;padding:68px 0 75px;overflow:hidden}.page-banner h1,.page-banner h2{font-size:44px;line-height:1.4;color:#fff;margin:20px 0 12px}.page-banner p{max-width:800px}.page-banner-image{position:absolute;inset:0;z-index:-2}.page-banner-image img{width:100%;height:100%;object-fit:cover}.page-banner.has-banner:after{content:"";position:absolute;inset:0;background:#18243b88;z-index:-1}.crumbs{display:flex;align-items:center;gap:12px;font-size:14px;flex-wrap:wrap}.category-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:55px}.category-sidebar h2{font-size:24px;margin:14px 0 25px}.category-sidebar nav{margin-bottom:28px}.category-sidebar nav a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:14px 0;font-size:15px}.category-sidebar .button{font-size:14px;padding:12px}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px}.list-heading h2{font-size:28px;margin:0}.list-heading span{font-size:13px;color:#75848c}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.content-card{border:1px solid var(--color-border);border-radius:3px;overflow:hidden}.content-card-image{display:block;height:220px;overflow:hidden}.content-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.content-card:hover img{transform:scale(1.04)}.content-card>div{padding:18px}.content-card small{font-size:12px;color:#74818b}.content-card h3{font-size:19px;line-height:1.6;margin:12px 0 16px}.content-card .text-link{font-size:13px}.pagination{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:40px}.pagination a{padding:8px 14px;background:var(--color-surface);border:1px solid var(--color-border)}.pagination a[aria-current]{background:var(--color-primary);color:#fff}.single-page{max-width:960px}.single-page>.button{margin-top:30px}.article-page{max-width:960px}.article-heading h1{font-size:34px;line-height:1.6;margin:12px 0 18px}.article-meta{display:flex;gap:20px;font-size:14px;color:#61717a}.article-summary{margin-top:24px;font-size:18px;line-height:1.8}.article-cover{margin:30px 0}.article-cover img{width:100%;max-height:600px;object-fit:contain}.article-body{line-height:1.9;font-size:16px;overflow-wrap:anywhere}.article-body img{max-width:100%!important;height:auto!important}.article-body p{margin:0 0 20px}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-body iframe{max-width:100%}.article-body ul,.article-body ol{list-style:revert;padding-left:24px}.article-body h1,.article-body h2,.article-body h3{margin:24px 0 15px}.article-body blockquote{border-left:3px solid var(--color-primary);margin:25px 0;padding:12px 20px;background:var(--color-surface)}.article-gallery{display:grid;gap:24px;margin-top:30px}.article-neighbours{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--color-border);margin-top:45px;padding-top:25px}.article-neighbours a{width:50%}.article-neighbours span{display:block;font-size:13px;color:#75848c;margin-bottom:10px}.single-contact{margin-top:45px;padding:30px;background:var(--color-surface);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.search-query-form{display:flex;gap:10px;max-width:700px;margin-top:25px}.search-query-form input{min-width:0;flex:1}.search-query-form .button{white-space:nowrap}.search-results{max-width:960px}.search-results article{padding:30px 0;border-bottom:1px solid var(--color-border)}.search-results h2{font-size:24px;line-height:1.6;margin:15px 0}.search-highlight{color:#e63a27;background:transparent}.results-count{font-size:18px}.contact-page__layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-page h2{font-size:28px;margin:0 0 25px}.contact-page dl{display:grid;grid-template-columns:100px 1fr;gap:15px;margin:0 0 30px}.contact-page dt{color:#768690;font-size:14px}.contact-page dd{margin:0}.contact-page__form-section form{display:grid;gap:10px}.contact-page__form-section label{font-size:14px;margin-top:10px}.contact-page textarea{resize:vertical}.contact-page button[type=submit]{justify-self:start;margin-top:14px}.contact-page__honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.contact-page__success,.contact-page__feedback{color:#217346}.contact-page__error{color:#b42323}.contact-page__wechat{display:grid;gap:15px}.contact-page__map iframe{width:100%;height:300px;border:0}.empty-state{padding:40px 0;color:#75848c}
.footer-section{background:var(--color-dark);color:#bdcbd4;padding-top:85px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr 1.2fr;gap:50px;padding-bottom:75px}.footer-brand>a{display:flex;gap:15px;align-items:center;color:#fff}.footer-brand>a img{width:90px;height:75px;object-fit:contain;background:#fff;border-radius:3px}.footer-brand strong{font-size:22px;line-height:1.7}.footer-brand p{font-size:14px;margin:25px 0}.footer-grid h3{font-size:21px;color:#fff;margin:0 0 22px}.footer-grid nav a{display:block;font-size:14px;padding:5px 0}.footer-grid a:hover{color:#fff}.footer-contact>a,.footer-contact>p{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;font-size:14px;overflow-wrap:anywhere}.footer-contact .ui-icon{color:#7ccbd0;width:18px;height:18px;margin-top:4px}.footer-qr{width:100px;height:100px;background:#fff}.footer-bottom{border-top:1px solid #ffffff15;padding:20px 0;font-size:13px}.footer-bottom>.container{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.back-top{position:fixed;bottom:50px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--color-primary);color:#fff;z-index:50;display:grid;place-items:center}.back-top .ui-icon{transform:rotate(-90deg);width:25px;height:25px}.image-dialog{max-width:90vw;max-height:90vh;padding:35px;border:0}.image-dialog::backdrop{background:#000b}.image-dialog img{max-height:75vh;display:block;margin:auto}.image-dialog button{position:absolute;right:8px;top:5px;font-size:28px}
@keyframes navIn{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes captionIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes captionZoom{from{opacity:0;transform:scale(.3)}50%{opacity:1}to{transform:none}}@keyframes buttonLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:none}}@keyframes buttonRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:none;opacity:1}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:none;opacity:1}}@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}.js [data-reveal]:not(.is-revealed){opacity:0}.is-revealed[data-reveal]{animation-duration:1s;animation-fill-mode:both}.is-revealed[data-reveal=slideInLeft]{animation-name:slideInLeft}.is-revealed[data-reveal=slideInRight]{animation-name:slideInRight}.is-revealed[data-reveal=slideInUp]{animation-name:slideInUp}.is-revealed[data-reveal=slideInDown]{animation-name:slideInDown}
@media(min-width:1200px) and (max-width:1399px){.container{max-width:1140px}.blog-thumb{padding-right:8px}.blog-bottom-title{margin-right:15px}.logo a{width:240px}.solar-top-menu ul{gap:18px}.solar-top-content-menu{gap:18px}.solar-top-menu li:first-child span{max-width:265px}}
@media(min-width:992px) and (max-width:1199px){.container{max-width:960px}.solar-topbar-section{padding:14px 0;min-height:54px}.solar-top-menu ul{gap:8px}.solar-top-menu li a,.solar-top-menu li span{font-size:13px}.solar-top-menu li:after{display:none}.solar-top-menu li:first-child span{max-width:250px}.solar-top-content-menu{gap:12px;font-size:12px}.solar-top-content{padding-right:12px}.solar-menu>ul{gap:7px}.solar-menu a{font-size:16px;gap:2px}.solar-menu a>.ui-icon{width:10px;height:10px}.solar-search-button{gap:10px}.solar-social-menu{gap:5px}.solar-social-menu .ui-icon{width:15px;height:15px}.solar-search-button .solar-btn a{width:148px;font-size:16px;padding:12px}.logo a{width:216px;gap:8px;height:61px}.logo img{width:66px;height:55px}.logo strong{font-size:22px}.logo small{font-size:12px}.slider-content .slider-title{font-size:65px}.about-counter{width:133px;height:118px}.about-counter-text{padding-top:16px}.about-numbar strong{font-size:30px;line-height:36px}.about-text h5{font-size:16px}.about-section-main-title h2{font-size:42px}.about-list li{font-size:16px;gap:0}.about-content-discription p{margin-bottom:25px}.solar-btn.about a{padding:14px 24px}.blog-thumb{padding-right:0;height:auto;aspect-ratio:345/340}.blog-meta{gap:19px}.blog-bottom-title{margin-right:0}.blog-btn a{font-size:16px}.blog-btn .ui-icon{width:16px;height:16px}.blog-bottom-shape{margin-right:0}.product-layout{gap:35px}.product-links h3{font-size:15px}.category-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:30px}}
@media(max-width:991px){.container{max-width:720px}.solar-topbar-section{display:none}.solar-header-section{height:64px;background:var(--color-primary);position:sticky;top:0;box-shadow:0 1px 6px #0001}.solar-header-section:before{display:none}.navigation-row{height:64px;display:flex;justify-content:space-between;margin:0}.navigation-row>div,.navigation-row>nav{padding:0}.solar-menu,.solar-search-button{display:none!important}.logo a{width:auto;height:50px;gap:10px;color:#fff}.logo img{width:52px;height:44px}.logo strong{font-size:21px;line-height:25px}.logo small{font-size:11px;line-height:18px}.mobile-toggle{display:flex;flex-direction:column;gap:6px;padding:14px 4px}.mobile-toggle span{width:24px;height:2px;background:#fff}.mobile-navigation:not([hidden]){display:block;position:absolute;top:64px;left:0;right:0;background:#0c1923;max-height:calc(100dvh - 64px);overflow:auto;box-shadow:0 5px 8px #0002}.mobile-navigation li{position:relative;border-top:1px solid #ffffff15}.mobile-navigation a,.mobile-navigation>button{display:block;padding:13px 25px;font-size:16px;color:#fff;line-height:26px}.mobile-navigation a>.ui-icon{display:none}.mobile-navigation .submenu-toggle{position:absolute;top:0;right:8px;width:50px;height:52px;background:#ffffff0b;color:#fff}.mobile-navigation .sub-menu{display:none;background:#122530}.mobile-navigation li.is-open>.sub-menu{display:block}.mobile-navigation .sub-menu a{padding-left:40px;font-size:14px}.mobile-navigation .sub-menu .sub-menu a{padding-left:60px}.mobile-navigation .mobile-contact{color:#7ccbd0}.solar-header-section.is-sticky{position:sticky;animation:none}.slider-section{height:700px;display:block}.slider-content{padding:142px 0 0}.slider-content .slider-title{font-size:56px;line-height:54px}.slider-content p{width:76%;margin:29px 0 43px}.about-section{padding:66px 0 72px}.about-grid{grid-template-columns:1fr;gap:0}.about-thumb{margin-bottom:90px}.about-counter{width:180px;height:158px}.about-section-main-title h2{font-size:48px}.blog-section{padding:56px 0 0}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.blog-items-box{margin-bottom:75px}.blog-thumb{padding-right:0;height:auto;aspect-ratio:345/340}.blog-content{padding:0 15px}.blog-meta{gap:20px}.blog-bottom-title{margin-right:9px}.blog-btn a{font-size:16px}.blog-bottom-shape{margin-right:4px}.product-layout{grid-template-columns:1fr;gap:30px}.product-feature{min-height:440px;height:440px}.product-links>a{padding:20px 0}.service-process ol{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page__layout{gap:40px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.section-heading h2{font-size:34px}.contact-cta h2{font-size:28px}}
@media(min-width:576px) and (max-width:767px){.container{max-width:540px}.slider-section{height:700px;padding-top:45px}.slider-content{padding-top:120px}.owl-nav{right:8px}.owl-nav button{width:55px;height:55px}.about-counter{width:151px;height:134px}.about-counter-text{padding-top:14px}.blog-grid{grid-template-columns:1fr}.blog-items-box{margin-bottom:95px}.blog-bottom-title{margin-right:50px}.section-main-title h2{font-size:42px}.blog-title a{font-size:20px}}
@media(max-width:767px){.section{padding:65px 0}.section-heading{margin-bottom:30px}.application-grid{gap:30px 20px}.application-grid article>div{height:200px}.choose-grid{gap:25px}.choose-grid h3{font-size:18px}.service-process ol{gap:25px}.project-grid>a{height:320px}.category-layout{grid-template-columns:1fr}.category-sidebar nav{display:flex;flex-wrap:wrap;gap:5px 15px}.category-sidebar nav a{font-size:13px}.category-sidebar h2{margin-bottom:10px}.category-sidebar>.button{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card-image{height:180px}.content-card>div{padding:14px}.contact-page__layout{grid-template-columns:1fr}.page-banner{padding:40px 0 45px}.page-banner h1,.page-banner h2{font-size:30px}.article-heading h1{font-size:28px}.contact-cta>.container{flex-direction:column;align-items:flex-start;gap:20px}.footer-section{padding-top:60px}.footer-grid{gap:35px 20px;padding-bottom:45px}.footer-brand strong{font-size:18px}.footer-brand>a{flex-wrap:wrap;gap:10px}.footer-bottom>.container{gap:10px}.footer-contact>p{overflow-wrap:anywhere}}
@media(min-width:480px) and (max-width:575px){.container{max-width:480px}.slider-section{height:700px;padding-top:45px}.slider-content{padding-top:120px}.slider-content .slider-title{font-size:46px;line-height:44px}.slider-content p{width:92%}.owl-nav{right:8px}.owl-nav button{width:50px;height:50px}.about-counter{width:134px;height:118px}.about-counter-text{padding-top:22px}.about-numbar strong{font-size:25px;line-height:30px}.about-text h5{font-size:16px}.about-section-sub-title h4{font-size:20px}.about-section-main-title h2{font-size:32px;line-height:46px;margin-bottom:17px}.about-list{margin-bottom:20px}.about-list li{font-size:16px;margin-bottom:10px}.about-content-discription p{font-size:14px;margin-bottom:15px}.blog-grid{grid-template-columns:1fr}.blog-items-box{margin-bottom:95px}.blog-bottom-title{margin-right:50px}.section-sub-title h4{font-size:20px}.section-main-title h2{font-size:34px}.blog-title a{font-size:18px}}
@media(max-width:479px){.container{max-width:none}.slider-section{height:600px;display:block}.slider-content{padding:110px 0 0}.slider-content h4{font-size:21px;margin-bottom:24px}.slider-content .slider-title{font-size:28px;line-height:29px}.slider-content p{width:100%;margin:22px 0 28px;font-size:14px}.solar-btn.slider1 a,.solar-btn.slider2 a{padding:10px;font-size:14px;min-width:125px}.owl-nav{right:auto;left:38%;bottom:25px;flex-direction:row;gap:13px}.owl-nav button{width:40px;height:40px}.owl-nav .ui-icon{width:20px;height:20px}.about-counter{display:none}.about-counter-two{left:0;width:100%;height:100px}.about-number-two h4{font-size:24px;line-height:33.6px}.about-number-two h5{font-size:16px}.about-section-sub-title h4{font-size:18px;line-height:18px}.about-section-main-title h2{font-size:26px;line-height:37px;margin-bottom:17px}.tabs{gap:3px!important;margin-bottom:30px!important}.tabs button{font-size:14px;padding:6px 13px}.about-list{margin-bottom:20px}.about-list li{font-size:11px;gap:0}.about-list .ui-icon{width:12px;height:12px}.solar-btn.about a{padding:10px 18px;font-size:16px}.about-content-discription p{font-size:14px;margin-bottom:15px}.blog-grid{grid-template-columns:1fr}.blog-items-box{margin-bottom:95px}.blog-meta{gap:14px}.blog-bottom-title{margin-right:9px}.blog-bottom-title h5,.blog-btn a{font-size:14px}.blog-title a{font-size:18px}.section-sub-title h4{font-size:18px;line-height:21.6px}.section-main-title h2{font-size:27px;line-height:32.4px}.section-heading h2{font-size:27px}.product-links h3{font-size:14px}.product-links>a{gap:8px;padding:18px 0}.product-links .ui-icon{width:13px;height:13px}.product-feature{height:370px;min-height:370px}.application-grid{grid-template-columns:1fr}.application-grid article>div{height:245px}.choose-grid{grid-template-columns:1fr;gap:25px}.choose-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 20px}.choose-grid h3{margin:0 0 12px}.choose-grid p{grid-column:2;margin:0}.service-process ol{grid-template-columns:1fr 1fr}.service-process h3{font-size:19px;margin-top:15px}.service-process li>span{font-size:36px}.project-grid{grid-template-columns:1fr 1fr;gap:12px}.project-grid>a{height:250px}.project-grid>a>span{padding:35px 12px 12px}.project-grid strong{font-size:15px}.project-grid small{font-size:11px}.project-grid .ui-icon{display:none}.card-grid{grid-template-columns:1fr}.content-card-image{height:260px}.list-heading{align-items:flex-start}.list-heading h2{font-size:23px}.article-body{font-size:15px}.search-results h2{font-size:22px}.search-query-form input{width:100%;font-size:14px}.search-query-form .button{font-size:14px;padding:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-brand>a{flex-wrap:nowrap}.footer-brand strong{font-size:20px}.footer-grid h3{font-size:19px}.back-top{right:16px;bottom:25px;width:45px;height:45px}.contact-cta h2{font-size:26px}.search-popup input{padding-left:18px}.search-popup .form-group button{right:18px}.image-dialog{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js [data-reveal]{opacity:1!important}.slider-stage{will-change:auto}}

.slider-list{touch-action:pan-y}