@charset "utf-8";
/*!
  Theme: 无锡湘岳化工 优化版 v3.0
  Author: Codex Optimization
  Normalize v2.1.3 + Base + Font + Style Core + Responsive Grid
  Optimized: 合并 8 文件 → 2 文件，移除冗余前缀/未用样式
*/

/* ===== CSS Variables (新品牌色系) ===== */
:root {
  --primary: #005bac;
  --primary-dark: #003f7a;
  --primary-light: #e8f0fe;
  --accent: #f0831e;
  --accent-hover: #d97515;
  --green: #2e7d32;
  --green-light: #e8f5e9;
  --text: #1a1a2e;
  --text-secondary: #555;
  --text-light: #888;
  --bg: #f5f6f8;
  --bg-white: #fff;
  --border: #e8eaed;
  --border-light: #f0f0f0;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 2px 8px rgba(0,0,0,.08);
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --font: 'Microsoft Yahei','PingFang SC','Helvetica Neue',Arial,sans-serif;
  --line-height: 1.7;
}

/* ===== Normalize ===== */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;width:100%;overflow-x:hidden;color:var(--text-secondary);font:14px/var(--line-height) var(--font)}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
[hidden],template{display:none}
a{background:0 0;outline:0;color:var(--text);text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700;color:var(--text)}
dfn{font-style:italic}
hr{box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:0;border:0;background:0 0;vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* ===== Scrollbar ===== */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:5px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#929292}

/* ===== Reset ===== */
body,button,dd,dl,form,h1,h2,h3,h4,h5,menu,ol,p,ul{margin:0}
menu,ol,ul{padding-left:0;list-style-type:none}
img{max-width:100%;border:0;vertical-align:top;height:auto}
b,i{font-style:normal}
input[type=search]{-webkit-appearance:none}
button{cursor:pointer}

/* ===== Font Face ===== */
@font-face{font-family:'DIN Condensed Bold';src:url('../fonts/din condensed bold.woff2') format('woff2'),url('../fonts/din condensed bold.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:iconfont;src:url('../fonts/iconfont.woff2') format('woff2'),url('../fonts/iconfont.woff') format('woff');font-display:swap}
.iconfont{font-family:iconfont!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ===== Utility Classes ===== */
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;content:"."}
.f-cb{zoom:1}
.f-fl{float:left}
.f-fr{float:right}
.f-pr{position:relative}
.f-pa{position:absolute}
.f-tac{text-align:center!important}
.f-tar{text-align:right}
.f-tal{text-align:left}
.f-toe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.f-dn{display:none}
.f-db{display:block}
.f-fwb{font-weight:700}
.f-fwn{font-weight:400}
.dib{display:inline-block}
.hide{display:none}
.opc0{opacity:0}
.ghost-center:before{content:" ";display:inline-block;height:100%;width:0;vertical-align:middle}
.ghost-center p{display:inline-block;vertical-align:middle}
.wrap{max-width:1200px;margin:0 auto}
.row{width:102%}
.row:after,.row:before{clear:both;display:table;content:" "}
[class*=span-]{float:left;margin-right:2%}
.span-2{width:14.66666667%}
.span-3{width:23%}
.span-4{width:31.33333333%}
.span-5{width:39.66666667%}
.span-6{width:48%}
.span-7{width:56.33333333%}
.span-8{width:64.66666667%}
.span-9{width:73%}
.span-10{width:81.33333333%}
.span-12{width:98%}
.g-bd1{margin:0}
.g-sd1{position:relative;float:left;width:25%;margin-right:2%}
.g-mn1{float:right;width:73%}
.g-mn1c{margin-left:0}
.footer_link{display:none}

/* ===== Header & Top Bar ===== */
.bar{background:var(--bg);color:var(--text-light);line-height:36px;font-size:12px;overflow:hidden}
.bar a{color:var(--text-light)}
.bar ul li{float:left;font-size:12px}
.bar ul li i.split{display:inline-block;vertical-align:middle;width:1px;height:9px;background:var(--border);margin:0 4px}
.header{position:relative}
.logo{float:left;width:auto;height:100px;z-index:2;position:relative;display:flex;align-items:center}
.logo a{display:block}
.logo img{max-height:80px;vertical-align:middle}
.logo:after{display:block;content:'';width:1px;height:50px;background:var(--border);position:absolute;right:0;top:50%;margin-top:-25px}
.slogan{float:left;display:flex;align-items:center;height:100px;padding-left:28px}
.slogan p{font-size:22px;color:var(--text);line-height:1.2;margin:0}
.slogan p small{padding-left:15px;font-weight:400;font-size:14px;color:var(--text-secondary)}
.head_tel{display:flex;align-items:center;justify-content:flex-end;height:100px}
.head_tel p{font-size:15px;color:var(--text-secondary);line-height:1.4;text-align:right}
.head_tel a{color:var(--accent);display:block;font-size:22px;font-weight:700}
.head_tel i{margin-right:6px;font-size:22px;color:var(--accent)}

/* ===== Navigation ===== */
.navBox{background:var(--primary)}
.nav_transform1 ul.navCont{margin:0;padding:0}
.nav_transform1 ul.navCont li.menu-item{position:relative;float:left;width:12.5%;height:48px;line-height:48px;text-align:center}
.nav_transform1 ul.navCont li.menu-item a{display:block;font-size:15px;color:#fff;text-decoration:none;transition:background .25s}
.nav_transform1 ul.navCont li.menu-item:hover>a,.nav_transform1 ul.navCont li.menu-item.current-menu-item>a{background:var(--primary-dark)}
.menu-item .sub-menu{display:none;position:absolute;top:48px;left:0;width:100%;z-index:999;background:var(--primary);box-shadow:var(--shadow-md)}
.nav_transform1 .menu-item .sub-menu li.menu-item{float:none;width:auto;height:auto;line-height:40px}
.nav_transform1 .menu-item .sub-menu li.menu-item a{font-size:14px;padding:0 10px}
.nav_transform1 .menu-item .sub-menu li.menu-item:hover a{background:var(--primary-dark)}
.navCont .sub-menu{position:absolute}
.wapNavBtn{display:none;position:absolute;top:36px;right:20px;font-size:28px;cursor:pointer;z-index:100;color:var(--text);transition:transform .3s}

/* ===== Page Banner ===== */
.nbanner{background:linear-gradient(135deg,var(--primary),var(--primary-dark));height:180px;text-align:center;display:flex;align-items:center;justify-content:center}
.nbanner span,.nbanner span a{color:#fff}
.nbanner span.size1{font-size:30px;font-weight:700}
.indexbanner{height:auto;max-height:520px;overflow:hidden;position:relative}
.indexbanner img{width:100%;height:auto;display:block}

/* ===== Footer ===== */
.footer{background:#1a2332;color:rgba(255,255,255,.8);font-size:13px;line-height:1.8}
.footer a{color:rgba(255,255,255,.7);transition:color .2s}
.footer a:hover{color:#fff}
.footer_nav{margin-bottom:12px}
.footer_nav a{display:inline-block;padding:0 12px 0 0;position:relative;font-size:14px}
.footer_nav a:after{content:'|';position:absolute;right:4px;color:rgba(255,255,255,.3)}
.footer_nav a:last-child:after{display:none}
.footer_info{background:#1a2332;padding:30px 0}
.footer_detail{font-size:13px;line-height:1.9}
.top{display:none;position:fixed;right:15px;bottom:80px;z-index:999;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;line-height:42px;text-align:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s}
.top:hover{background:var(--primary-dark);transform:translateY(-2px)}
.top i{font-size:20px}

/* ===== Home Sections ===== */
.index_{padding:40px 0}
.index_ .T{padding-bottom:28px;text-align:center;color:var(--text)}
.index_ .T h2{font-size:28px;line-height:1.3;font-weight:700}
.index_ .T h3{font-size:18px;font-weight:400;color:var(--text-secondary)}
.section_public{color:#fff;position:relative;background:var(--primary)}
.section_pro .index_{padding:30px 0}
.section_advtage{background:var(--bg-white)}
.section_case{background:var(--bg)}
.section_news{background:var(--bg-white)}

/* ===== Product Sidebar ===== */
.prod-slide .cate-box{background:var(--bg-white);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.prod-slide .cate-box h3{font-size:18px;line-height:52px;text-align:center;background:var(--primary);color:#fff;font-weight:600;letter-spacing:2px;margin:0}
.prod-slide .cate-box ul{padding:8px 10px;margin:0;list-style:none}
.prod-slide .cate-box ul li{font-size:14px;margin-bottom:3px;border-radius:4px;overflow:hidden}
.prod-slide .cate-box ul li a{color:var(--text-body);display:block;padding:9px 14px 9px 16px;border-left:3px solid transparent;border-radius:0;transition:all .15s;position:relative}
.prod-slide .cate-box ul li a:after{content:"\203A";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--border);transition:color .2s,right .2s}
.prod-slide .cate-box ul li a:hover{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);padding-left:20px}
.prod-slide .cate-box ul li a:hover:after{color:var(--primary);right:10px}
.prod-slide .cate-box ul li.current-cat-item>a,.prod-slide .cate-box ul li.current-cat>a{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);font-weight:600}
.prod-slide .cate-box ul li.current-cat-item>a:after,.prod-slide .cate-box ul li.current-cat>a:after{color:var(--primary)}

/* ===== Product Grid ===== */
.prod-cont{padding:0}
.prod-cont .media-box{background:var(--bg-white);margin-bottom:20px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .25s,transform .25s}
.prod-cont .media-box:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.prod-cont .media-box .icon{position:relative;overflow:hidden;background:var(--bg)}
.prod-cont .media-box p{font-size:14px;line-height:48px;text-align:center;background:var(--bg);transition:background .2s}
.prod-cont .media-box:hover p{background:var(--primary-light);color:var(--primary)}

/* ===== Section Title ===== */
.box-t{font-size:22px;color:var(--primary);padding-bottom:10px;position:relative;text-align:left;font-weight:700}
.iconMore{position:absolute;width:28px;height:28px;top:50%;right:0;margin-top:-14px;border:2px solid var(--primary);border-radius:var(--radius-sm);text-align:center;overflow:hidden;transition:all .3s}
.iconMore a{display:block;width:28px;height:28px;font-size:24px;line-height:26px;color:var(--primary)}
.iconMore a i{display:block;transition:transform .3s,background .3s}
.iconMore:hover{background:var(--primary)}
.iconMore:hover a i{color:#fff;transform:rotate(90deg)}

/* ===== About Box ===== */
.about-box img{border-radius:var(--radius-sm);width:100%;height:auto;display:block}
.about-box p{line-height:var(--line-height);padding:12px 0 0;color:var(--text-secondary);font-size:14px}

/* ===== News List ===== */
.new-box{font-size:14px;color:var(--text)}
.new-box li{background:var(--bg);line-height:42px;border-bottom:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:4px}
.new-box li .iconDetail{float:left;color:#fff;background:var(--primary);width:36px;height:36px;line-height:36px;text-align:center;cursor:pointer;border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-top:3px;font-size:20px;font-weight:700}
.new-box li a{padding:0 12px;display:block;overflow:hidden;color:var(--text);transition:color .2s}
.new-box li a:hover{color:var(--primary)}
.new-box .licont{background:var(--bg-white);padding:10px 14px 10px 50px;color:var(--text-secondary);display:none;font-size:13px;line-height:1.6}

/* ===== Box Layout ===== */
.box{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;padding:0 24px}
.box-title{border-bottom:1px solid var(--border);margin-bottom:0}
.box-title strong{font-size:20px;color:var(--text);padding:16px 0;float:left;position:relative;font-weight:700}
.box-title strong:after{display:block;content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--primary);border-radius:2px}
.box .PageCrumbList{float:right;padding:20px 0 0;font-size:13px;color:var(--text-light)}
.box .PageCrumbList a{color:var(--text-light)}
.box-cont{padding:24px 0}

/* ===== Inner Pages ===== */
.section_inner{background:var(--bg);padding-bottom:30px}
.section_inner .wrap{padding-top:24px}
.section_nnews .news-box{border-bottom:1px dashed var(--border);padding:14px 0}
.section_nnews .news-box h3{font-size:16px;padding-left:20px;position:relative}
.section_nnews .news-box h3:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:var(--primary)}
.section_nnews .news-box h3 a{color:var(--text)}
.section_nnews .news-box h3 a:hover{color:var(--primary)}
.section_nnews .news-box p{padding-top:6px;font-size:13px;color:var(--text-light)}

/* ===== Services / Advantages ===== */
.services-box{padding:16px 0;text-align:left}
.services-box h3{font-size:16px;font-weight:700;color:var(--text);padding-left:60px;position:relative;margin-bottom:4px}
.services-box h3:before{position:absolute;top:0;left:0;width:46px;height:46px;background:var(--primary);color:#fff;text-align:center;font-weight:700;font-size:22px;line-height:46px;border-radius:var(--radius-sm)}
.services-box.adv01 h3:before{content:'01'}
.services-box.adv02 h3:before{content:'02'}
.services-box.adv03 h3:before{content:'03'}
.services-box.adv04 h3:before{content:'04'}
.services-box p{padding-left:60px;color:var(--text-secondary);font-size:13px;line-height:1.6}

/* ===== Case Items ===== */
.case-item{float:left;width:240px;background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;text-align:center;margin-right:20px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s}
.case-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.case-item .icon{overflow:hidden;width:100%;aspect-ratio:258/176}
.case-item .icon img{width:100%;height:100%;object-fit:cover}
.case-item p{padding:10px 0;font-size:14px}

/* ===== Content Styles ===== */
.content{font-size:15px;line-height:1.8;padding:30px 0}
.content p{margin:1em 0;line-height:1.8}
.content h2{font-size:22px;font-weight:700;color:var(--text);margin:28px 0 12px}
.content h3{font-size:18px;font-weight:600;color:var(--text);margin:24px 0 10px}
.content img{max-width:100%;height:auto;display:block;margin:12px auto;border-radius:var(--radius-sm)}
.content table{width:100%;border-collapse:collapse;margin:16px 0}
.content td,.content th{border:1px solid var(--border);padding:8px 12px}
.content th{background:var(--bg);font-weight:600}
.newsTit{text-align:center;padding:20px 0 14px;border-bottom:1px solid var(--border);margin-bottom:16px}
.newsTit h1{font-size:24px;color:var(--text);line-height:1.3}
.newsTit p{font-size:13px;color:var(--text-light)}
.newsTit p span{padding:0 12px}

/* ===== Pagination ===== */
.wpagenavi{text-align:center;padding:24px 0 30px;line-height:40px;font-size:14px}
.wpagenavi a,.wpagenavi span{display:inline-block;margin:0 3px;padding:8px 15px;color:var(--text-secondary);background:var(--bg);border-radius:var(--radius-sm);text-decoration:none;transition:all .2s}
.wpagenavi a:hover{color:#fff;background:var(--primary)}
.wpagenavi .current{color:#fff;background:var(--primary);font-weight:700}

/* ===== Search ===== */
.section_find{display:flex;flex-direction:column;align-items:center;padding:0 20px}
.widget-search-hot{text-align:center;margin:12px auto 16px;font-size:13px;max-width:1200px}
.widget-search-hot p{font-size:14px;font-weight:600;display:inline;color:var(--primary);margin-right:8px;vertical-align:middle}
.widget-search-hot a{display:inline-block;padding:4px 14px;margin:3px 4px;color:var(--text-body);background:var(--bg-white);border:1px solid var(--border);border-radius:20px;font-size:12px;transition:all .2s;text-decoration:none}
.widget-search-hot a:hover{color:#fff;background:var(--primary);border-color:var(--primary)}
.search-container{max-width:520px;margin:0 auto;border:1px solid var(--border);border-radius:50px;background:var(--bg-white);box-shadow:0 1px 4px rgba(0,0,0,.06)}
.search-input{flex:1;height:46px;padding:0 20px;font-size:14px;border:none;background:0 0;outline:0;border-radius:50px 0 0 50px}
.search-container form{display:flex;width:100%;margin:0;padding:0}
.search-btn{width:90px;height:46px;background:var(--primary);color:#fff;border:none;font-size:14px;cursor:pointer;transition:background .2s;font-weight:500;flex-shrink:0;border-radius:0 50px 50px 0;display:flex;align-items:center;justify-content:center}
.search-btn:hover{background:var(--primary-dark)}
.widget-search-form .search_btn:hover{background:var(--primary-dark)}

/* ===== PageCrumb ===== */
.PageCrumbList{float:right;font-size:13px;color:var(--text-light)}
.PageCrumbList a{color:var(--text-light)}
.PageCrumbList a:hover{color:var(--primary)}

/* ===== Breadcrumb ===== */
.breadcrumb-nav{padding:12px 0;font-size:13px;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.breadcrumb-nav a{color:var(--text-secondary);text-decoration:none}
.breadcrumb-nav a:hover{color:var(--primary)}
.breadcrumb-nav .bc-sep{margin:0 8px;color:var(--border);font-size:14px}
.breadcrumb-nav .bc-current{color:var(--text);font-weight:500}

/* ===== Widget ===== */
.widget-respimg{display:flex!important;align-items:center;justify-content:center;overflow:hidden}
.widget-respimg img{max-height:100%;max-width:100%;object-fit:contain}

/* ===== Media Box Hover ===== */
.i-prorec{position:relative;overflow:hidden}
.i-prorec .bg{position:absolute;top:100%;left:0;right:0;bottom:0;background:rgba(0,91,172,.85);z-index:1;transition:top .4s}
.i-prorec:hover .bg{top:0}
.i-prorec .bg-text{position:absolute;left:-100%;top:50%;transform:translateY(-50%);z-index:2;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:left .4s}
.i-prorec:hover .bg-text{left:50%;transform:translate(-50%,-50%)}

/* ===== Responsive: Tablet (≤1024px) ===== */
@media only screen and (max-width:1024px){
  .wrap{padding-left:2%;padding-right:2%}
  .header .logo,.slogan{height:76px}
  .slogan p{font-size:18px}
  .head_tel p{font-size:13px}
  .head_tel a{font-size:18px}
  .midd-hide{display:none!important}
  .midd-2{width:14.66666667%}.midd-3{width:23%}.midd-4{width:31.33333333%}
  .midd-5{width:39.66666667%}.midd-6{width:48%}.midd-7{width:56.33333333%}
  .midd-8{width:64.66666667%}.midd-9{width:73%}.midd-10{width:81.33333333%}
  .midd-11{width:89.66666667%}.midd-12{width:98%}
  .section_advtage .services-box h3{font-size:14px}
  .section_advtage .services-box h3:before{width:40px;height:40px;font-size:20px;line-height:40px}
  .section_advtage .services-box p{padding-left:50px;font-size:13px}
  .section_advtage .services-box h3{padding-left:50px}
  .nbanner{height:150px}
  .nbanner span.size1{font-size:24px}
  .case-item{width:200px;margin-right:14px}
  .g-sd1{width:28%}.g-mn1{width:70%}
}

/* ===== Responsive: Phone (≤640px) ===== */
@media only screen and (max-width:640px){
  html{font-size:12px}
  body{font-size:14px}
  .wrap{padding-left:4%;padding-right:4%;overflow:visible}
  .smal-hide{display:none!important}
  .smal-show,.smal-12{display:block;width:98%}
  .smal-6{width:48%}
  smal-center{display:block}
  
  .wapNavBtn{display:block}
  .navBox{display:none;position:absolute;top:100%;left:0;right:0;z-index:99}
  .navBox.nav-open{display:block}
  .nav_transform1 ul.navCont li.menu-item{float:none;width:100%;height:auto;line-height:42px}
  .nav_transform1 ul.navCont li.menu-item a{font-size:14px}
  .navCont .sub-menu{position:relative;top:0;left:0;width:100%}
  .nav_transform1 .menu-item .sub-menu li.menu-item{float:none;width:100%;line-height:36px}
  
  .header .logo{height:64px;float:none;text-align:center;display:flex;justify-content:center}
  .header .logo:after{display:none}
  .header .logo img{max-height:52px}
  .slogan,.head_tel,.bar{display:none}
  
  .indexbanner{max-height:240px}
  .nbanner{height:120px;display:flex}
  .nbanner span.size1{font-size:20px}
  
  .index_{padding:24px 0}
  .index_ .T{padding-bottom:16px}
  .index_ .T h2{font-size:22px}
  
  .g-sd1{float:none;width:100%;margin-right:0;margin-bottom:16px}
  .g-mn1{float:none;width:100%}
  
  .prod-slide .cate-box h3{font-size:17px;line-height:44px}
  .prod-slide .cate-box ul{display:none}
  .prod-slide .cate-box ul.show{display:block}
  .prod-slide .tel-box{display:none}
  
  .prod-cont .media-box .icon{aspect-ratio:1/1}
  .prod-cont .media-box p{font-size:13px;line-height:36px}
  
  .section_advtage .services-box{padding:8px 0}
  .section_advtage .services-box h3:before{width:36px;height:36px;font-size:18px;line-height:36px}
  .section_advtage .services-box p{padding-left:44px;font-size:12px}
  .section_advtage .services-box h3{padding-left:44px;font-size:13px}
  
  .case-item{width:160px;margin-right:10px}
  .case-item .icon{aspect-ratio:258/176}
  .case-item p{font-size:13px;padding:6px 0}
  
  .box{padding:0 12px}
  .box-title strong{font-size:17px;padding:10px 0}
  .box .PageCrumbList{float:none;padding:8px 0 0;font-size:12px}
  .box-cont{padding:12px 0}
  
  .news-box h3{font-size:14px!important}
  
  .footer_info{padding:20px 0}
  .footer_nav{text-align:center}
  .footer_detail{font-size:12px;text-align:center}
  .footer{font-size:12px}
  .top{bottom:70px;right:10px;width:36px;height:36px;line-height:38px}
  
  .section_inner .wrap{padding-top:12px}
  .breadcrumb-nav{font-size:12px;padding:8px 0}
  .widget-search-form,.search-container{max-width:100%;border-radius:50px}
}

/* ===== Small Phone (≤400px) ===== */
@media only screen and (max-width:400px){
  .header .logo{height:56px}
  .header .logo img{max-height:44px}
  .wapNavBtn{top:16px;right:14px;font-size:24px}
  .nbanner{height:100px}
  .nbanner span.size1{font-size:17px}
}