@charset "utf-8";

/* ====== CSS Reset ====== */
*,*::before,*::after{box-sizing:border-box}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
body{line-height:1.5;font:13px/1.5 "Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;color:#666}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
:link,:visited,ins{text-decoration:none}
a{color:#333;text-decoration:none}
a:hover{color:#24a900}
img{max-width:100%;height:auto}

/* ====== Utility ====== */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{zoom:1}
.clear{clear:both}
.float-left{float:left}
.float-right{float:right}
.page-width{width:1200px;max-width:100%;margin:0 auto;padding:0 15px}
.text-center{text-align:center}

/* ====== Fade-in Animation ====== */
.fade-in{opacity:1}
html.js .fade-in{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}
html.js .fade-in.visible{opacity:1;transform:translateY(0)}

/* ====== Top Header (topbox) ====== */
.topbox{width:100%;background:#fff;position:relative;z-index:1000}
.lotbox{float:left;display:flex;align-items:center;height:90px}
.lotbox .logo-svg{width:48px;height:48px;margin-right:10px;flex-shrink:0}
.lotbox .logo-text{display:flex;flex-direction:column;justify-content:center}
.lotbox .logo-text strong{font-size:20px;color:#24a900;line-height:1.2;font-weight:bold}
.lotbox .logo-text span{font-size:12px;color:#999;letter-spacing:3px;line-height:1.5}
.tel{float:right;height:90px;display:flex;align-items:center;color:#666;font-size:14px}
.tel i{margin-right:6px;color:#24a900}
.tel strong{color:#24a900;font-size:18px;margin-left:4px}

/* ====== Nav (menubox inside topbox) ====== */
.menubox{float:right}
.menubox ul{list-style:none;margin:0;padding:0}
.menubox>ul>li{float:left;position:relative;margin-left:5px}
.menubox>ul>li>a{display:block;line-height:90px;padding:0 1em;font-size:14px;color:#333;border:none}
.menubox>ul>li>a:hover,.menubox>ul>li.active>a{color:#24a900}
.menubox>ul>li>a i.arrow{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;margin-left:4px;vertical-align:middle;transition:transform .2s}
.menubox>ul>li:hover>a i.arrow{transform:rotate(180deg);border-top-color:#24a900}

/* Dropdown */
.menubox>ul>li>ul{display:none;position:absolute;top:90px;left:0;z-index:999;min-width:150px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.menubox>ul>li:hover>ul{display:block}
.menubox>ul>li>ul>li{display:block}
.menubox>ul>li>ul>li>a{display:block;padding:12px 20px;line-height:1.5;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0;white-space:nowrap}
.menubox>ul>li>ul>li>a:hover{color:#24a900;background:#f9f9f9}

/* Mobile nav toggle */
.m-nav-toggle{display:none;float:right;height:90px;line-height:90px;font-size:24px;color:#333;cursor:pointer;padding:0 10px}
.m-nav,.m-overlay{display:none}

/* ====== Banner ====== */
.banner{width:100%;position:relative;overflow:hidden}
.banner .banner-slide{width:100%;position:relative}
.banner .banner-item{display:none;position:relative;width:100%}
.banner .banner-item:first-child{display:block}
.banner .banner-item img{display:block;width:100%;height:500px;object-fit:cover}
.banner .banner-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35)}
.banner .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;width:90%;max-width:800px}
.banner .banner-text h2{font-size:36px;font-weight:bold;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}
.banner .banner-text p{font-size:16px;line-height:1.8;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.banner .banner-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.banner .banner-dots span{display:block;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .3s}
.banner .banner-dots span.active{background:#24a900}

/* ====== Section Common ====== */
.module-sec{padding:60px 0}
.module-sec-gray{background:#f0f0f0}
.module-sec-title{text-align:center;margin-bottom:30px}
.module-sec-title h2{font-size:28px;font-weight:bold;color:#4d4d4d;margin-bottom:5px;line-height:1.3}
.module-sec-title .title-line{display:inline-block;position:relative;top:-5px;width:180px;height:1px;background:#d9d9d9}
.module-sec-title h3{display:inline-block;margin:0 20px;font-size:13px;color:#999;font-weight:normal}
.module-sec .more-btn{text-align:center;margin-top:30px}
.module-sec .more-btn a{display:inline-block;line-height:34px;padding:0 35px;border:1px solid #999;color:#666;transition:all .3s}
.module-sec .more-btn a:hover{background:#24a900;border-color:#24a900;color:#fff}

/* ====== Service Icons ====== */
.service-wrap{padding:50px 0;background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%;max-width:935px;margin:0 auto}
.service-card{text-align:center;padding:30px 15px;transition:transform .3s,box-shadow .3s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}
.service-card .s-icon{width:70px;height:70px;margin:0 auto 15px;border-radius:50%;background:#24a900;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px}
.service-card h3{font-size:16px;color:#333;font-weight:bold;margin-bottom:8px}
.service-card p{font-size:13px;color:#999;line-height:1.6}

/* ====== Product Grid ====== */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:100%}
.product-card{background:#fff;border:1px solid #e9eaea;border-bottom:4px solid #24a900;padding-bottom:15px;transition:transform .3s,box-shadow .3s;overflow:hidden}
.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.product-card .p-img{position:relative;overflow:hidden;height:240px}
.product-card .p-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.product-card:hover .p-img img{transform:scale(1.08)}
.product-card .p-img .p-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(36,169,0,.85);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;pointer-events:none}
.product-card:hover .p-img .p-overlay{opacity:1;pointer-events:auto}
.product-card .p-img .p-overlay span{color:#fff;font-size:14px;padding:8px 20px;border:1px solid #fff}
.product-card .p-title{padding:12px 10px 0;text-align:center}
.product-card .p-title h3{font-size:15px;color:#333;font-weight:bold}
.product-card .p-title h3 a{color:#333}
.product-card .p-title h3 a:hover{color:#24a900}
.product-card .p-title p{font-size:12px;color:#999;margin-top:4px}

/* ====== About Section ====== */
.about-wrap{display:flex;gap:40px;align-items:flex-start;width:100%;max-width:935px;margin:0 auto}
.about-wrap .about-text{flex:1}
.about-wrap .about-text p{font-size:14px;line-height:1.8;color:#666;margin-bottom:15px}
.about-wrap .about-text .about-stats{display:flex;gap:20px;margin-top:25px}
.about-wrap .about-text .about-stats .stat-item{flex:1;text-align:center;padding:15px 10px;border:1px solid #e0e0e0}
.about-wrap .about-text .about-stats .stat-item strong{display:block;font-size:28px;color:#24a900;font-weight:bold}
.about-wrap .about-text .about-stats .stat-item span{display:block;font-size:12px;color:#999;margin-top:4px}
.about-wrap .about-img{flex:0 0 420px;max-width:45%}
.about-wrap .about-img img{width:100%;height:320px;object-fit:cover;border-radius:4px}

/* ====== News Section ====== */
.news-wrap{display:flex;gap:30px;width:100%}
.news-featured{flex:1;min-width:0}
.news-featured .nf-img{overflow:hidden;margin-bottom:12px}
.news-featured .nf-img img{width:100%;height:280px;object-fit:cover;transition:transform .4s}
.news-featured .nf-img:hover img{transform:scale(1.05)}
.news-featured h3{font-size:16px;font-weight:bold;margin-bottom:8px}
.news-featured h3 a{color:#333}
.news-featured h3 a:hover{color:#24a900}
.news-featured .nf-desc{font-size:13px;color:#999;line-height:1.6}

.news-list{flex:1;min-width:0}
.news-list .news-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #eee}
.news-list .news-item:first-child{padding-top:0}
.news-list .news-item .nl-date{flex:0 0 60px;text-align:center}
.news-list .news-item .nl-date .day{display:block;font-size:26px;color:#24a900;font-weight:bold;line-height:1}
.news-list .news-item .nl-date .mon{display:block;font-size:12px;color:#999;margin-top:2px}
.news-list .news-item .nl-info{flex:1}
.news-list .news-item .nl-info h4{font-size:14px;font-weight:bold;margin-bottom:6px}
.news-list .news-item .nl-info h4 a{color:#333}
.news-list .news-item .nl-info h4 a:hover{color:#24a900}
.news-list .news-item .nl-info p{font-size:12px;color:#999;line-height:1.5}

/* ====== Partners ====== */
.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%;max-width:935px;margin:0 auto}
.partner-item{height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #eee;padding:15px;background:#fff;transition:border-color .3s}
.partner-item:hover{border-color:#24a900}
.partner-item span{font-size:15px;color:#666;font-weight:bold}

/* ====== Footer ====== */
.footer{background:#333;color:#ccc;font-size:13px}
.footer-main{padding:45px 0 20px}
.footer-grid{display:flex;flex-wrap:wrap;gap:30px;width:100%}
.footer-col{flex:1;min-width:180px}
.footer-col h4{color:#fff;font-size:16px;font-weight:bold;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #24a900;display:inline-block}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a{color:#aaa;font-size:13px}
.footer-col ul li a:hover{color:#24a900}
.footer-col p{color:#aaa;line-height:1.8}
.footer-col .qr-img{width:120px;height:120px;background:#fff;padding:5px}
.footer-col .qr-img img{width:100%;height:100%}
.footer-copy{background:#2c2a2b;color:#999;text-align:center;padding:15px 0;font-size:12px}
.footer-copy a{color:#999}
.footer-copy a:hover{color:#fff}

/* ====== Inner Page Banner ====== */
.page-banner{width:100%;height:280px;position:relative;overflow:hidden}
.page-banner img{width:100%;height:100%;object-fit:cover}
.page-banner .page-banner-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.page-banner .page-banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:2}
.page-banner .page-banner-text h1{font-size:30px;font-weight:bold;margin-bottom:8px}
.page-banner .page-banner-text p{font-size:14px;opacity:.8}

/* ====== Breadcrumb ====== */
.breadcrumb-bar{background:#f5f5f5;border-bottom:1px solid #e8e8e8}
.breadcrumb-wrap{display:flex;justify-content:space-between;align-items:center;height:50px}
.breadcrumb-wrap .bc-title h1,.breadcrumb-wrap .bc-title h2{font-size:16px;color:#333;font-weight:bold}
.breadcrumb-wrap .bc-path{font-size:12px;color:#999}
.breadcrumb-wrap .bc-path a{color:#999}
.breadcrumb-wrap .bc-path a:hover{color:#24a900}
.breadcrumb-wrap .bc-path span{color:#666}

/* ====== Content Area ====== */
.content{padding:40px 0;min-height:400px}
.content .page-width{overflow:hidden}

/* ====== About Page ====== */
.about-content .about-section{margin-bottom:40px}
.about-content .about-section h2{font-size:22px;color:#333;font-weight:bold;margin-bottom:18px;padding-left:12px;border-left:4px solid #24a900}
.about-content .about-section p{font-size:14px;line-height:1.8;color:#666;margin-bottom:12px;text-indent:2em}
/* Timeline */
.timeline{position:relative;padding:20px 0}
.timeline:before{content:'';position:absolute;left:20px;top:0;width:2px;height:100%;background:#24a900}
.timeline .tl-item{position:relative;margin-bottom:25px;padding-left:50px}
.timeline .tl-item .tl-dot{position:absolute;left:14px;top:6px;width:14px;height:14px;border-radius:50%;background:#24a900;border:3px solid #fff;box-shadow:0 0 0 3px #24a900}
.timeline .tl-item .tl-year{font-size:14px;font-weight:bold;color:#24a900;margin-bottom:4px}
.timeline .tl-item .tl-text{font-size:13px;color:#666;line-height:1.6}
/* Culture cards */
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%}
.culture-card{text-align:center;padding:30px 20px;border:1px solid #e8e8e8;background:#fff;transition:transform .3s,box-shadow .3s}
.culture-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.culture-card .cc-icon{width:60px;height:60px;margin:0 auto 15px;border-radius:50%;background:#24a900;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}
.culture-card h3{font-size:16px;color:#333;font-weight:bold;margin-bottom:8px}
.culture-card p{font-size:13px;color:#999;line-height:1.6}
/* Team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%}
.team-card{text-align:center}
.team-card .tc-avatar{width:150px;height:150px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid #24a900}
.team-card .tc-avatar img{width:100%;height:100%;object-fit:cover}
.team-card h4{font-size:15px;color:#333;font-weight:bold;margin-bottom:4px}
.team-card p{font-size:12px;color:#999}

/* ====== Contact Page ====== */
.contact-wrap{display:flex;gap:40px;width:100%}
.contact-info{flex:0 0 380px}
.contact-info .ci-item{display:flex;gap:15px;margin-bottom:25px;padding:20px;border:1px solid #e8e8e8;background:#fff}
.contact-info .ci-item .ci-icon{width:45px;height:45px;border-radius:50%;background:#24a900;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-info .ci-item .ci-text h4{font-size:14px;color:#333;font-weight:bold;margin-bottom:4px}
.contact-info .ci-item .ci-text p{font-size:13px;color:#666;line-height:1.6}
.contact-form{flex:1}
.contact-form .form-group{margin-bottom:18px}
.contact-form label{display:block;margin-bottom:6px;font-size:14px;color:#333;font-weight:bold}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;font-size:14px;color:#333;font-family:inherit;transition:border-color .3s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#24a900}
.contact-form textarea{height:140px;resize:vertical}
.contact-form button{background:#24a900;color:#fff;border:none;padding:12px 40px;font-size:15px;cursor:pointer;transition:background .3s}
.contact-form button:hover{background:#1c8000}

/* ====== Product List ====== */
.product-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:100%}

/* ====== Product Detail ====== */
.prod-detail{display:flex;gap:40px;width:100%}
.prod-detail .pd-img{flex:0 0 450px}
.prod-detail .pd-img img{width:100%;height:380px;object-fit:cover;border:1px solid #eee}
.prod-detail .pd-info{flex:1}
.prod-detail .pd-info h1{font-size:24px;color:#333;font-weight:bold;margin-bottom:15px}
.prod-detail .pd-info .pd-desc{font-size:14px;color:#666;line-height:1.8;margin-bottom:25px}
.prod-detail .pd-info .pd-table{width:100%;margin-bottom:25px;border:1px solid #eee}
.prod-detail .pd-info .pd-table td{padding:10px 15px;border-bottom:1px solid #eee;font-size:13px}
.prod-detail .pd-info .pd-table td:first-child{background:#f9f9f9;color:#333;font-weight:bold;width:120px;white-space:nowrap}
.prod-detail .pd-info .pd-table td:last-child{color:#666}
.prod-detail .pd-features h3{font-size:16px;color:#333;font-weight:bold;margin-bottom:12px}
.prod-detail .pd-features ul li{font-size:13px;color:#666;line-height:1.8;padding:4px 0;padding-left:18px;position:relative}
.prod-detail .pd-features ul li:before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:#24a900}
.related-title{font-size:20px;color:#333;font-weight:bold;margin:40px 0 20px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%}

/* ====== News List ====== */
.news-list-full .nlf-item{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #eee}
.news-list-full .nlf-item .nlf-img{flex:0 0 260px;height:180px;overflow:hidden}
.news-list-full .nlf-item .nlf-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-list-full .nlf-item .nlf-img:hover img{transform:scale(1.05)}
.news-list-full .nlf-item .nlf-info{flex:1}
.news-list-full .nlf-item .nlf-info h3{font-size:16px;font-weight:bold;margin-bottom:8px}
.news-list-full .nlf-item .nlf-info h3 a{color:#333}
.news-list-full .nlf-item .nlf-info h3 a:hover{color:#24a900}
.news-list-full .nlf-item .nlf-info .nlf-date{font-size:12px;color:#999;margin-bottom:10px}
.news-list-full .nlf-item .nlf-info .nlf-desc{font-size:13px;color:#666;line-height:1.6}

/* ====== News Detail ====== */
.news-detail h1{font-size:24px;color:#333;font-weight:bold;margin-bottom:12px;line-height:1.4}
.news-detail .nd-meta{font-size:12px;color:#999;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}
.news-detail .nd-body{font-size:14px;color:#555;line-height:1.9}
.news-detail .nd-body p{margin-bottom:15px;text-indent:2em}
.news-detail .nd-body img{max-width:100%;margin:15px 0;display:block}
.news-detail .nd-nav{margin-top:30px;padding-top:20px;border-top:1px solid #eee;display:flex;justify-content:space-between}
.news-detail .nd-nav a{color:#666;font-size:13px}
.news-detail .nd-nav a:hover{color:#24a900}

/* ====== Image Fallback ====== */
.img-fallback{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;color:#fff;font-size:14px;border-radius:4px;font-weight:bold;text-align:center;padding:15px}

/* ====== QR Code ====== */
.qr-box{text-align:center}
.qr-box p{color:#999;font-size:12px;margin-top:8px}

/* ====== Back to Top ====== */
.gotop{position:fixed;right:20px;bottom:60px;width:40px;height:40px;line-height:40px;text-align:center;background:#24a900;color:#fff;border-radius:4px;cursor:pointer;z-index:9999;display:none;font-size:20px;transition:background .3s}
.gotop:hover{background:#1c8000}

/* ====== Mobile Nav ====== */
.m-nav,.m-overlay{display:none}

/* ====== Responsive: Tablet (768-1024px) ====== */
@media (max-width:1024px){
  .page-width{width:100%;padding:0 20px}
  .menubox{display:none}
  .m-nav-toggle{display:block}
  .m-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10001;display:none}
  .m-overlay.active{display:block}
  .m-nav{position:fixed;top:0;right:-280px;width:280px;height:100%;background:#fff;z-index:10002;overflow-y:auto;transition:right .3s;display:block}
  .m-nav.active{right:0}
  .m-nav .m-nav-head{padding:15px;text-align:right;border-bottom:1px solid #eee}
  .m-nav .m-nav-head a,.m-nav .m-nav-head a.m-nav-close{font-size:22px;color:#999;cursor:pointer}
  .m-nav ul li{border-bottom:1px solid #f5f5f5}
  .m-nav ul li a{display:block;padding:14px 20px;font-size:14px;color:#333}
  .m-nav ul li a:hover{color:#24a900;background:#f9f9f9}
  .m-nav ul li ul{display:none;background:#fafafa}
  .m-nav ul li ul li a{padding-left:35px;font-size:13px;color:#666}
  .m-nav .m-arrow{float:right;font-size:12px;color:#999;transition:transform .3s}
  .m-nav .m-arrow.open{transform:rotate(180deg)}

  /* Grid adjustments */
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .about-wrap{flex-direction:column}
  .about-wrap .about-img{flex:0 0 auto;max-width:100%}
  .news-wrap{flex-direction:column}
  .partners-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .culture-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .contact-wrap{flex-direction:column}
  .contact-info{flex:0 0 auto}
  .product-list-grid{grid-template-columns:repeat(2,1fr)}
  .prod-detail{flex-direction:column}
  .prod-detail .pd-img{flex:0 0 auto}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .banner .banner-item img{height:380px}
  .banner .banner-text h2{font-size:28px}
  .page-banner{height:200px}
}

/* ====== Responsive: Mobile (<768px) ====== */
@media (max-width:767px){
  .lotbox .logo-text strong{font-size:16px}
  .lotbox .logo-svg{width:36px;height:36px}
  .tel{display:none}
  .tel-mobile{display:flex!important;height:auto;padding:5px 0;float:none;font-size:12px}
  .service-grid{grid-template-columns:repeat(1,1fr)}
  .products-grid{grid-template-columns:repeat(1,1fr)}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(1,1fr)}
  .culture-grid{grid-template-columns:repeat(1,1fr)}
  .team-grid{grid-template-columns:repeat(1,1fr)}
  .product-list-grid{grid-template-columns:repeat(1,1fr)}
  .prod-detail .pd-img img{height:250px}
  .related-grid{grid-template-columns:repeat(1,1fr)}
  .banner .banner-item img{height:250px}
  .banner .banner-text h2{font-size:22px}
  .banner .banner-text p{font-size:14px}
  .page-banner{height:160px}
  .page-banner .page-banner-text h1{font-size:22px}
  .breadcrumb-wrap{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}
  .module-sec-title h2{font-size:22px}
  .module-sec-title .title-line{width:80px}
  .news-list-full .nlf-item{flex-direction:column}
  .news-list-full .nlf-item .nlf-img{flex:0 0 auto;height:200px}
  .about-wrap .about-text .about-stats{flex-wrap:wrap}
  .about-wrap .about-text .about-stats .stat-item{flex:0 0 45%}
}

/* ====== Print hidden ====== */
@media print{.gotop,.m-nav,.m-overlay,.m-nav-toggle{display:none!important}}