/* ============================================================
   skin1 — 1:1 replica of shenghui56.com
   Color: #004077 (primary navy), #fcb222 (accent gold)
   Grid: 1200px container, 12-col
   ============================================================ */

/* === RESET & BASE === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.6;color:#333;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff}
a{color:#333;text-decoration:none}
a:hover{color:#004077;text-decoration:none}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}
.clearfix::after{content:"";display:table;clear:both}

/* === GRID === */
.container{width:1200px;margin:0 auto;padding:0 15px}
.row{margin:0 -15px}
.row::after{content:"";display:table;clear:both}
[class*="col-"]{float:left;padding:0 15px;min-height:1px}
.col-1{width:8.333%}.col-2{width:16.666%}.col-3{width:25%}
.col-4{width:33.333%}.col-5{width:41.666%}.col-6{width:50%}
.col-7{width:58.333%}.col-8{width:66.666%}.col-9{width:75%}
.col-10{width:83.333%}.col-11{width:91.666%}.col-12{width:100%}
.pull-left{float:left!important}.pull-right{float:right!important}

/* === HEADER === */
.sh56-header{position:relative;z-index:100}

/* Top Bar */
.sh56-top-bar{background:#004077;color:hsla(0,0%,100%,.75);font-size:12px;line-height:36px;height:36px}
.sh56-top-bar .container{display:flex;align-items:center;justify-content:space-between}
.sh56-top-bar .welcome-text{color:hsla(0,0%,100%,.75)}
.sh56-top-bar .top-links{display:flex;gap:15px}
.sh56-top-bar .top-links a{color:hsla(0,0%,100%,.75);font-size:12px}
.sh56-top-bar .top-links a:hover{color:#fff}

/* Nav Bar */
.sh56-nav-bar{background:#fff;height:80px;border-bottom:1px solid #e9e9e9}
.sh56-nav-bar .container{display:flex;align-items:center;justify-content:space-between;height:80px}
.sh56-nav-bar .logo{display:flex;align-items:center;height:80px}
.sh56-nav-bar .logo a{display:flex;align-items:center;text-decoration:none}
.sh56-nav-bar .logo img{height:50px}
.sh56-nav-bar .logo .logo-text{font-size:26px;font-weight:bold;color:#004077;letter-spacing:2px}
.sh56-nav-bar .logo .logo-sub{font-size:12px;color:#999;margin-left:10px}

.nav-list{display:flex;align-items:center;height:80px;gap:0}
.nav-list .nav_item{position:relative;height:80px;display:flex;align-items:center}
.nav-list .nav_item>a{display:block;padding:0 22px;font-size:15px;color:#333;line-height:80px;height:80px;transition:color .2s}
.nav-list .nav_item:hover>a,.nav-list .nav_item.active>a{color:#004077}
.nav-list .nav_item::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:#004077;transition:width .3s}
.nav-list .nav_item:hover::after,.nav-list .nav_item.active::after{width:60%}

/* Dropdown */
.nav-list .sub-menu{position:absolute;top:80px;left:0;min-width:160px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);display:none;z-index:200;border-top:2px solid #004077}
.nav-list .nav_item:hover .sub-menu{display:block}
.nav-list .sub-menu a{display:block;padding:10px 20px;font-size:13px;color:#666;white-space:nowrap;transition:all .2s}
.nav-list .sub-menu a:hover{background:#f4f4f4;color:#004077;padding-left:25px}

/* Mobile menu */
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:10px;flex-direction:column;gap:5px}
.mobile-menu-btn span{display:block;width:24px;height:2px;background:#333;transition:.3s}

/* === BANNER / HERO === */
.sh56-banner{position:relative;overflow:hidden;background:#0a1e3e;border-bottom:3px solid #fcb222}
.sh56-banner .banner-img{width:100%;height:400px;display:block;object-fit:cover}
.sh56-banner .banner-slide{position:relative}
.sh56-banner .banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.sh56-banner .banner-text{text-align:center;color:#fff}
.sh56-banner .banner-text h2{font-size:42px;font-weight:bold;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.sh56-banner .banner-text p{font-size:18px;margin-top:15px;text-shadow:0 1px 4px rgba(0,0,0,.3)}

/* === SECTION TITLE (sh56-sub-title) === */
.sh56-sub-title{overflow:hidden;position:relative;float:left;margin-top:8px}
.sh56-sub-title::before{content:"";position:absolute;left:0;bottom:0;background-color:#035cac;width:18px;height:3px}
.sh56-sub-title .title-main{color:#004077;font-weight:400;font-size:28px;float:left;margin:0 0 33px;line-height:1}
.sh56-sub-title .title-trans{float:left;margin:14px 0 0 20px;font-size:12px;text-transform:uppercase;color:#999}

.section-header{overflow:hidden;margin-bottom:0;padding:0;line-height:46px}

.btn-view-more{float:right;display:inline-block;border:1px solid #d9d9d9;text-decoration:none;line-height:44px;height:46px;padding:0 20px;background-color:#fff;font-size:13px;color:#999;transition:background-color .3s,color .3s}
.btn-view-more:hover{color:#666;background-color:rgba(0,0,0,.1)}

/* === BUSINESS INTRODUCTION (主营业务) === */
.section-business{margin:0;padding:10px 0 22px;background:#fff}
.business-grid{display:flex;flex-wrap:wrap;gap:0;margin-top:30px}
.business-card{position:relative;flex:none;width:25%;height:500px;overflow:hidden;background-size:cover;background-position:center;cursor:pointer}
.business-card:nth-child(1){background:linear-gradient(135deg,#003366 0%,#004d80 40%,#035cac 100%)}
.business-card:nth-child(2){background:linear-gradient(135deg,#002244 0%,#003d6b 40%,#004f8a 100%)}
.business-card:nth-child(3){background:linear-gradient(135deg,#003050 0%,#004577 40%,#0362a8 100%)}
.business-card:nth-child(4){background:linear-gradient(135deg,#001a33 0%,#003366 40%,#004d80 100%)}
.business-card:nth-child(n+5){display:none}
.business-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 40%,rgba(0,0,0,.15) 100%);transition:background .3s}
.business-card:hover::before{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 40%,rgba(0,0,0,.25) 100%)}
.business-card .card-inner{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.2);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 36px}
.business-card .card-inner h4{font-size:20px;font-weight:500;line-height:1;margin-bottom:20px;letter-spacing:2px}
.business-card .card-inner p{font-size:13px;line-height:24px;height:72px;overflow:hidden;color:hsla(0,0%,100%,.75)}

/* === ABOUT V2 (公司概况 — 左图右文) === */
.section-about-v2{padding:60px 0;background:#f5f5f5}
.about-v2-layout{display:flex;gap:40px;margin-top:30px}
.about-v2-img{flex:0 0 520px;overflow:hidden}
.about-v2-img img{width:100%;height:360px;object-fit:cover;display:block;border-radius:6px}
.about-v2-content{flex:1;display:flex;flex-direction:column;justify-content:center}
.about-v2-name{font-size:22px;font-weight:600;color:#004077;margin-bottom:16px;line-height:1}
.about-v2-text{font-size:14px;line-height:30px;color:#666;text-indent:2em;margin-bottom:20px}
.btn-more-v2{display:inline-block;font-size:14px;color:#004077;border-bottom:1px solid #004077;padding-bottom:2px;transition:color .2s}
.btn-more-v2:hover{color:#035cac;border-color:#035cac}
.about-v2-stats{display:flex;gap:0;margin-top:30px;border-top:1px solid #e5e5e5;padding-top:24px}
.about-v2-stats .stat-v2{flex:1;text-align:center}
.about-v2-stats .stat-v2-num{display:block;font-size:32px;font-weight:700;color:#004077;line-height:1;margin-bottom:8px}
.about-v2-stats .stat-v2-num em{font-style:normal;font-size:18px;color:#fcb222}
.about-v2-stats .stat-v2-label{display:block;font-size:13px;color:#999}

/* === NEWS (动态资讯) === */
.section-news{margin:60px 0 36px;padding:0;background:#fff}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:30px}
.news-grid .news-item{display:flex;justify-content:space-between;align-items:center;height:44px;border-bottom:1px solid #f0f0f0}
.news-grid .news-item .news-title{flex:1;min-width:0;font-size:15px;font-weight:400;color:#333;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-grid .news-item .news-title a{color:#333}
.news-grid .news-item .news-title a::before{content:"";display:inline-block;width:5px;height:5px;background:#004077;border-radius:50%;margin-right:10px;vertical-align:middle}
.news-grid .news-item .news-title a:hover{color:#004077}
.news-grid .news-item .news-date{flex-shrink:0;font-size:13px;color:#999;margin-left:16px}

/* === FRIEND LINKS (友情链接) === */
.section-links{padding:20px 0;background:#f5f5f5;border-top:1px solid #e9e9e9}
.links-wrap{font-size:13px;color:#999;line-height:28px}
.links-wrap .links-label{font-weight:500;color:#666}
.links-wrap a{color:#999;margin:0 8px;transition:color .2s}
.links-wrap a:hover{color:#004077}

/* === FOOTER === */
.sh56-footer{background:#004077;color:hsla(0,0%,100%,.65);border-top:6px solid #fcb222;font-size:12px}
.footer-nav{display:flex;gap:0;padding:30px 0 20px}

.footer-col{flex:1;padding:0 15px}
.footer-col dt{font-size:14px;color:hsla(0,0%,100%,.85);line-height:28px;margin-bottom:4px;font-weight:600}
.footer-col dt::after{content:"";display:block;width:16px;height:2px;background:#fcd022;margin-top:4px}
.footer-col dd{margin:0 0 24px 0;line-height:0}
.footer-col dd:first-of-type{margin-top:15px}
.footer-col dd a{font-size:12px;color:hsla(0,0%,100%,.55);transition:color .2s}
.footer-col dd a:hover{color:#fff}

.footer-contact{flex:1.2;padding:0 15px;font-size:12px}
.footer-contact .contact-line{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:hsla(0,0%,100%,.65)}
.footer-contact .contact-line img{width:16px;height:16px;opacity:.7}
.footer-contact .phone-highlight{display:flex;align-items:center;gap:8px;margin-top:10px}
.footer-contact .phone-highlight img{width:20px;height:20px;opacity:.7}
.footer-contact .phone-num{font-size:22px;color:hsla(0,0%,100%,.85);font-weight:700}

.footer-qr{text-align:center;padding:0 15px;margin-top:55px}
.footer-qr img{width:86px;height:86px;margin-bottom:8px}
.footer-qr p{font-size:12px;color:hsla(0,0%,100%,.65)}

.footer-copyright{text-align:center;padding:30px 0 50px;font-size:12px;color:hsla(0,0%,100%,.65);border-top:1px solid #1b5384}
.footer-copyright a{color:hsla(0,0%,100%,.55)}
.footer-copyright a:hover{color:#fff}
.footer-copyright .sep{margin:0 8px;color:hsla(0,0%,100%,.3)}

/* Back to top */
.back-top{display:inline-block;width:40px;height:40px;border-radius:50%;background:#fff;text-align:center;line-height:40px;margin-top:15px;cursor:pointer;transition:transform .2s}
.back-top:hover{transform:translateY(-3px)}
.back-top img{width:16px;height:16px}

/* === INNER PAGES COMMON === */
.page-banner{height:240px;background:#004077;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.page-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#004077 0%,#033477 50%,#035cac 100%);opacity:.9}
.page-banner .banner-inner{position:relative;z-index:1;text-align:center;color:#fff}
.page-banner h1{font-size:32px;font-weight:600;margin-bottom:8px}
.page-banner .breadcrumb{font-size:13px;color:hsla(0,0%,100%,.7)}
.page-banner .breadcrumb a{color:hsla(0,0%,100%,.7)}
.page-banner .breadcrumb a:hover{color:#fff}

/* Breadcrumb bar */
.breadcrumb-bar{background:#f7f7f7;border-bottom:1px solid #e9e9e9;padding:12px 0;font-size:13px;color:#999}
.breadcrumb-bar a{color:#666}
.breadcrumb-bar a:hover{color:#004077}

/* Inner page layout */
.inner-wrap{padding:40px 0;min-height:500px}
.inner-layout{display:flex;gap:30px}
.inner-main{flex:1;min-width:0}
.inner-sidebar{width:280px;flex-shrink:0}

/* === LIST PAGE === */
.article-list-page .list-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #f0f0f0;transition:background .2s}
.article-list-page .list-item:hover{background:#fafafa}
.article-list-page .list-item .item-thumb{width:200px;height:140px;flex-shrink:0;border-radius:4px;overflow:hidden}
.article-list-page .list-item .item-thumb img{width:100%;height:100%;object-fit:cover}
.article-list-page .list-item .item-info{flex:1;display:flex;flex-direction:column;justify-content:center}
.article-list-page .list-item .item-title{font-size:17px;font-weight:500;color:#333;margin-bottom:10px}
.article-list-page .list-item .item-title a{color:#333}
.article-list-page .list-item .item-title a:hover{color:#004077}
.article-list-page .list-item .item-summary{font-size:13px;color:#666;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.article-list-page .list-item .item-meta{font-size:12px;color:#999}
.article-list-page .list-item .item-meta span{margin-right:15px}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:30px;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-block;min-width:36px;height:36px;line-height:36px;text-align:center;font-size:13px;color:#666;border:1px solid #e5e5e5;border-radius:2px;padding:0 10px;transition:all .2s}
.pagination a:hover{color:#004077;border-color:#004077}
.pagination .current,.pagination .active{background:#004077;color:#fff;border-color:#004077}
.pagination .disabled{color:#ccc;cursor:not-allowed}

/* === ARTICLE DETAIL === */
.article-detail .article-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}
.article-detail .article-title{font-size:24px;font-weight:600;color:#333;line-height:1.4;margin-bottom:12px}
.article-detail .article-meta{font-size:13px;color:#999;display:flex;gap:20px}
.article-detail .article-body{font-size:15px;line-height:2;color:#333}
.article-detail .article-body p{margin-bottom:16px}
.article-detail .article-body img{max-width:100%;height:auto;border-radius:4px;margin:16px 0}
.article-detail .article-body h2{font-size:20px;font-weight:600;margin:24px 0 12px;color:#333}
.article-detail .article-body h3{font-size:18px;font-weight:600;margin:20px 0 10px;color:#333}

.article-nav{display:flex;justify-content:space-between;padding:20px 0;margin-top:30px;border-top:1px solid #f0f0f0;font-size:13px;color:#666}
.article-nav a{color:#666}
.article-nav a:hover{color:#004077}

/* Related articles */
.related-articles{margin-top:40px;padding-top:30px;border-top:1px solid #f0f0f0}
.related-articles h3{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-left:12px;border-left:3px solid #004077}
.related-articles .related-list{display:flex;flex-wrap:wrap;gap:20px}
.related-articles .related-item{width:calc(50% - 10px)}
.related-articles .related-item a{display:block;font-size:14px;color:#333;padding:10px 0;border-bottom:1px dashed #e9e9e9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.related-articles .related-item a:hover{color:#004077}

/* === SINGLE PAGE (index_article) === */
.page-content{font-size:15px;line-height:2;color:#333}
.page-content p{margin-bottom:16px}
.page-content img{max-width:100%;height:auto;border-radius:4px;margin:12px 0}
.page-title{font-size:24px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #004077}

.contact-card{margin-top:30px;padding:24px;background:#f7f7f7;border-radius:4px;border-left:3px solid #004077}
.contact-card p{margin-bottom:8px;font-size:14px;color:#333}
.contact-card p strong{color:#004077}

/* === SIDEBAR === */
.sidebar-box{margin-bottom:20px;background:#fff;border:1px solid #e9e9e9;border-radius:4px;overflow:hidden}
.sidebar-box-title{padding:14px 20px;font-size:16px;font-weight:600;color:#fff;background:#004077;border-bottom:2px solid #fcb222}
.sidebar-cat-list{padding:10px 0}
.sidebar-cat-list a{display:block;padding:10px 20px;font-size:14px;color:#333;border-bottom:1px dashed #f0f0f0;transition:all .2s}
.sidebar-cat-list a:last-child{border-bottom:none}
.sidebar-cat-list a:hover,.sidebar-cat-list a.active{color:#004077;background:#f6f9fd;padding-left:24px}

.sidebar-hot .hot-item{padding:10px 20px;border-bottom:1px dashed #f0f0f0}
.sidebar-hot .hot-item:last-child{border-bottom:none}
.sidebar-hot .hot-item a{font-size:13px;color:#333;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sidebar-hot .hot-item a:hover{color:#004077}
.sidebar-hot .hot-num{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#fff;background:#ccc;border-radius:2px;margin-right:8px;float:left;margin-top:2px}
.sidebar-hot .hot-item:nth-child(1) .hot-num,
.sidebar-hot .hot-item:nth-child(2) .hot-num,
.sidebar-hot .hot-item:nth-child(3) .hot-num{background:#004077}

.sidebar-tags{padding:15px 20px;display:flex;flex-wrap:wrap;gap:8px}
.sidebar-tags .tag-link{display:inline-block;padding:4px 12px;font-size:12px;color:#666;background:#f4f4f4;border-radius:2px;transition:all .2s}
.sidebar-tags .tag-link:hover{background:#004077;color:#fff}

.sidebar-contact{margin-bottom:20px;background:#004077;border-radius:4px;padding:24px 20px;text-align:center;color:#fff}
.sidebar-contact .contact-title{font-size:16px;font-weight:600;margin-bottom:12px}
.sidebar-contact .contact-phone{font-size:22px;font-weight:700;color:#fcb222;margin-bottom:6px}
.sidebar-contact .contact-sub{font-size:12px;color:hsla(0,0%,100%,.65);margin-bottom:10px}
.sidebar-contact p{font-size:12px;color:hsla(0,0%,100%,.75);margin:4px 0}

/* === SEARCH PAGE === */
.search-box{margin-bottom:30px;display:flex;gap:0}
.search-box input{flex:1;height:44px;padding:0 16px;font-size:14px;border:2px solid #004077;border-right:none;border-radius:2px 0 0 2px;outline:none}
.search-box input:focus{border-color:#035cac}
.search-box button{height:44px;padding:0 30px;font-size:14px;color:#fff;background:#004077;border:2px solid #004077;border-radius:0 2px 2px 0;cursor:pointer;transition:background .2s}
.search-box button:hover{background:#035cac}

.search-empty{text-align:center;padding:60px 20px;color:#999;font-size:15px}

/* === KEYWORD PAGE === */
.keyword-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.keyword-list a{display:inline-block;padding:8px 18px;font-size:14px;color:#333;background:#f7f7f7;border:1px solid #e9e9e9;border-radius:2px;transition:all .2s}
.keyword-list a:hover{background:#004077;color:#fff;border-color:#004077}

/* === TAG PAGE === */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.tag-cloud a{display:inline-block;padding:6px 16px;font-size:13px;color:#666;background:#f4f4f4;border-radius:2px;transition:all .2s}
.tag-cloud a:hover{background:#004077;color:#fff}

/* === SITEMAP === */
.sitemap-section{margin-bottom:30px}
.sitemap-section h3{font-size:18px;font-weight:600;color:#004077;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}
.sitemap-section ul{display:flex;flex-wrap:wrap;gap:0}
.sitemap-section li{width:25%;padding:6px 0}
.sitemap-section li a{font-size:14px;color:#666}
.sitemap-section li a:hover{color:#004077}

/* === 404 === */
.page-404{text-align:center;padding:100px 20px}
.page-404 h1{font-size:80px;color:#004077;font-weight:700;margin-bottom:10px}
.page-404 p{font-size:18px;color:#666;margin-bottom:30px}
.page-404 a{display:inline-block;padding:10px 30px;background:#004077;color:#fff;border-radius:4px;font-size:14px;transition:background .2s}
.page-404 a:hover{background:#035cac}

/* === FORM (留言) === */
.message-form{max-width:600px}
.message-form .form-group{margin-bottom:16px}
.message-form label{display:block;font-size:14px;color:#333;margin-bottom:6px;font-weight:500}
.message-form input,.message-form textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d4d4d4;border-radius:4px;outline:none;transition:border-color .2s}
.message-form input:focus,.message-form textarea:focus{border-color:#004077}
.message-form textarea{min-height:120px;resize:vertical}
.message-form .btn-submit{display:inline-block;padding:10px 40px;background:#004077;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}
.message-form .btn-submit:hover{background:#035cac}

/* === RESPONSIVE === */
@media(max-width:1240px){
  .container{width:100%;padding:0 20px}
}
@media(max-width:991px){
  .business-grid{flex-wrap:wrap}
  .business-card{flex:none;width:calc(50% - 10px)}
  .about-v2-layout{flex-direction:column}
  .about-v2-img{flex:none;width:100%}
  .about-v2-img img{height:260px}
  .news-layout{flex-direction:column}
  .news-list{max-height:none}
  .inner-layout{flex-direction:column}
  .inner-sidebar{width:100%}
  .footer-nav{flex-wrap:wrap;gap:20px}
  .footer-col{flex:none;width:calc(33.33% - 15px)}
  .nav-list .nav_item>a{padding:0 14px;font-size:14px}
}
@media(max-width:767px){
  .sh56-nav-bar{height:60px}
  .sh56-nav-bar .container{height:60px}
  .sh56-nav-bar .logo .logo-text{font-size:20px}
  .mobile-menu-btn{display:flex}
  .nav-list{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;flex-direction:column;height:auto;box-shadow:0 4px 12px rgba(0,0,0,.1)}
  .nav-list.active{display:flex}
  .nav-list .nav_item{height:auto}
  .nav-list .nav_item>a{line-height:48px;height:48px;padding:0 20px;border-bottom:1px solid #f0f0f0}
  .nav-list .nav_item::after{display:none}
  .nav-list .sub-menu{position:static;box-shadow:none;border-top:none;background:#f9f9f9}
  .business-card{width:100%}
  .about-v2-stats .stat-v2-num{font-size:24px}
  .article-list-page .list-item{flex-direction:column}
  .article-list-page .list-item .item-thumb{width:100%;height:180px}
  .footer-col{width:calc(50% - 10px)}
  .page-banner h1{font-size:24px}
  .sh56-banner .banner-text h2{font-size:28px}
  .sh56-banner .banner-img{min-height:280px}
  .section-business,.section-about-v2,.section-news{padding:40px 0}
  .sitemap-section li{width:50%}
}
@media(max-width:480px){
  .business-grid{gap:12px}
  .business-card{height:300px}
  .footer-col{width:100%}
  .statistics .stat-num .count{font-size:24px}
  .article-detail .article-title{font-size:20px}
  .sitemap-section li{width:100%}
}