html,body,.wrap,.nav-panel>a img,.model-02 .pro-more a,.service-list li dl dt span,.model-04 .wrap .blog-news .blog-list li>dl dt,.swiper-partner,.swiper-partner .swiper-slide dl dt img,.model-06 dl dd a,.pro-article img,.blog-list-panel,.blog-list-fst>li .blog-link ul li a,.article-content .blog-link-panel .blog-link,.article-content .blog-link-panel .blog-link ul li a,.article-content .blog-content img{margin-left:auto;margin-right:auto}
.fl,.nav-panel>a,.model-02 .pro-item .item-info .item-title,.model-02 .pro-item+.pro-item .item-info .item-data,.model-02 .pro-item+.pro-item .item-img,.model-03 .wrap .service-info ul,.swiper-partner .swiper-slide,.productDetail-page .article-banner .article-info,.productDetail-page .article-banner .btm-info .lf-font,.tab-img .big-img,.case-panel .case-info .btm-div,.blog-list-fst>li .blog-link,.blog-list-fst>li .blog-panel,.article-content .blog-link-panel,.article-content .blog-content,.article-content .blog-content .keyword span,.article-content .blog-aside,.message-form,.product-wrapper .wrap .side-panel,.swiper-wrap .swiper-container .swiper-slide .item-img,.swiper-wrap .swiper-container .swiper-slide .item-info{float:left}
.fr,.nav-panel>span,.model-02 .pro-item .item-info .item-data,.model-02 .pro-item+.pro-item .item-info,.model-02 .pro-item+.pro-item .item-info .item-title,.model-02 .pro-item+.pro-item .item-img a,.model-03 .wrap .service-info ul+ul,.model-04 .wrap .blog-news .blog-list li .news-content .time-panel a,.productDetail-page .article-banner .article-img,.productDetail-page .article-banner .btm-info .rt-swt,.tab-img .sm-img,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel .btn-more span,.blog-list-fst>li .date,.message-panel .wrap .message-wrap .map,.message-form .item-panel>a,.message-form .item-panel input[type="button"],.message-form .item-panel input[type="submit"],.product-wrapper .wrap .main-content{float:right}
.wrap,.wrapper,.banner,.swiper-about,.swiper-about .swiper-slide a,.swiper-about .swiper-slide>span,.swiper-about .swiper-slide>div,.model-02 .pro-item,.model-02 .pro-item .item-img,.model-02 .pro-more,.model-03,.model-03 .wrap,.model-03 .wrap .service-info,.service-list,.service-list li,.service-list li dl,.service-list li dl dt,.service-list li dl dt span,.model-04 .wrap .blog-news .blog-list,.model-04 .wrap .blog-news .blog-list li,.model-04 .wrap .blog-news .blog-list li .news-content,.model-06 dl,.model-06 dl dd,.footer,.productDetail-page .article-banner,.productDetail-page .article-banner .btm-info,.productDetail-page .article-banner>h2,.pro-article h4,.material-panel,.tab-img,.tab-img .sm-img,.pd-panel,.case-panel,.case-panel h4,.case-panel .case-info,.case-panel .case-info .case-data,.case-panel>dl,.case-panel>dl dd,.parameter-panel,.series-panel,.series-panel .wrap .pd-panel .series-wrap,.series-panel .wrap .pd-panel .series-wrap .pro-panel,.series-panel .wrap .pd-panel .series-wrap .series-font,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel,.service-panel,.service-panel .service-img,.service-panel .service-info,.blog-page .article-banner,.blog-list-panel,.blog-list-fst,.blog-list-fst>li,.blog-list-fst>li .blog-link,.blog-list-fst>li .blog-link ul,.blog-list-fst>li .blog-link ul li,.blog-list-fst>li .blog-panel,.blog-list-fst>li .blog-panel .img-link,.blog-list-fst>li .date,.blogDetail-page .article-banner,.article-content,.article-content .blog-link-panel,.article-content .blog-link-panel .blog-link ul,.article-content .blog-content,.article-content .blog-content .font-title,.article-content .blog-aside,.article-content .blog-aside .author-panel,.article-content .blog-aside .author-panel>dl,.message-form,.product-wrapper .wrap .side-panel,.product-wrapper .wrap .side-panel ul,.product-wrapper .wrap .main-content,.product-wrapper .wrap .main-content ul,.product-wrapper .wrap .main-content ul li a.img-link,.product-wrapper .wrap .main-content ul li .p-wrap,.swiper-wrap,.swiper-wrap .swiper-container .swiper-slide .item-info{*zoom:1}
.wrap:before,.wrapper:before,.banner:before,.swiper-about:before,.swiper-about .swiper-slide a:before,.swiper-about .swiper-slide>span:before,.swiper-about .swiper-slide>div:before,.model-02 .pro-item:before,.model-02 .pro-item .item-img:before,.model-02 .pro-more:before,.model-03:before,.model-03 .wrap:before,.model-03 .wrap .service-info:before,.service-list:before,.service-list li:before,.service-list li dl:before,.service-list li dl dt:before,.service-list li dl dt span:before,.model-04 .wrap .blog-news .blog-list:before,.model-04 .wrap .blog-news .blog-list li:before,.model-04 .wrap .blog-news .blog-list li .news-content:before,.model-06 dl:before,.model-06 dl dd:before,.footer:before,.productDetail-page .article-banner:before,.productDetail-page .article-banner .btm-info:before,.productDetail-page .article-banner>h2:before,.pro-article h4:before,.material-panel:before,.tab-img:before,.tab-img .sm-img:before,.pd-panel:before,.case-panel:before,.case-panel h4:before,.case-panel .case-info:before,.case-panel .case-info .case-data:before,.case-panel>dl:before,.case-panel>dl dd:before,.parameter-panel:before,.series-panel:before,.series-panel .wrap .pd-panel .series-wrap:before,.series-panel .wrap .pd-panel .series-wrap .pro-panel:before,.series-panel .wrap .pd-panel .series-wrap .series-font:before,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series:before,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series:before,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel:before,.service-panel:before,.service-panel .service-img:before,.service-panel .service-info:before,.blog-page .article-banner:before,.blog-list-panel:before,.blog-list-fst:before,.blog-list-fst>li:before,.blog-list-fst>li .blog-link:before,.blog-list-fst>li .blog-link ul:before,.blog-list-fst>li .blog-link ul li:before,.blog-list-fst>li .blog-panel:before,.blog-list-fst>li .blog-panel .img-link:before,.blog-list-fst>li .date:before,.blogDetail-page .article-banner:before,.article-content:before,.article-content .blog-link-panel:before,.article-content .blog-link-panel .blog-link ul:before,.article-content .blog-content:before,.article-content .blog-content .font-title:before,.article-content .blog-aside:before,.article-content .blog-aside .author-panel:before,.article-content .blog-aside .author-panel>dl:before,.message-form:before,.product-wrapper .wrap .side-panel:before,.product-wrapper .wrap .side-panel ul:before,.product-wrapper .wrap .main-content:before,.product-wrapper .wrap .main-content ul:before,.product-wrapper .wrap .main-content ul li a.img-link:before,.product-wrapper .wrap .main-content ul li .p-wrap:before,.swiper-wrap:before,.swiper-wrap .swiper-container .swiper-slide .item-info:before,.wrap:after,.wrapper:after,.banner:after,.swiper-about:after,.swiper-about .swiper-slide a:after,.swiper-about .swiper-slide>span:after,.swiper-about .swiper-slide>div:after,.model-02 .pro-item:after,.model-02 .pro-item .item-img:after,.model-02 .pro-more:after,.model-03:after,.model-03 .wrap:after,.model-03 .wrap .service-info:after,.service-list:after,.service-list li:after,.service-list li dl:after,.service-list li dl dt:after,.service-list li dl dt span:after,.model-04 .wrap .blog-news .blog-list:after,.model-04 .wrap .blog-news .blog-list li:after,.model-04 .wrap .blog-news .blog-list li .news-content:after,.model-06 dl:after,.model-06 dl dd:after,.footer:after,.productDetail-page .article-banner:after,.productDetail-page .article-banner .btm-info:after,.productDetail-page .article-banner>h2:after,.pro-article h4:after,.material-panel:after,.tab-img:after,.tab-img .sm-img:after,.pd-panel:after,.case-panel:after,.case-panel h4:after,.case-panel .case-info:after,.case-panel .case-info .case-data:after,.case-panel>dl:after,.case-panel>dl dd:after,.parameter-panel:after,.series-panel:after,.series-panel .wrap .pd-panel .series-wrap:after,.series-panel .wrap .pd-panel .series-wrap .pro-panel:after,.series-panel .wrap .pd-panel .series-wrap .series-font:after,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel:after,.service-panel:after,.service-panel .service-img:after,.service-panel .service-info:after,.blog-page .article-banner:after,.blog-list-panel:after,.blog-list-fst:after,.blog-list-fst>li:after,.blog-list-fst>li .blog-link:after,.blog-list-fst>li .blog-link ul:after,.blog-list-fst>li .blog-link ul li:after,.blog-list-fst>li .blog-panel:after,.blog-list-fst>li .blog-panel .img-link:after,.blog-list-fst>li .date:after,.blogDetail-page .article-banner:after,.article-content:after,.article-content .blog-link-panel:after,.article-content .blog-link-panel .blog-link ul:after,.article-content .blog-content:after,.article-content .blog-content .font-title:after,.article-content .blog-aside:after,.article-content .blog-aside .author-panel:after,.article-content .blog-aside .author-panel>dl:after,.message-form:after,.product-wrapper .wrap .side-panel:after,.product-wrapper .wrap .side-panel ul:after,.product-wrapper .wrap .main-content:after,.product-wrapper .wrap .main-content ul:after,.product-wrapper .wrap .main-content ul li a.img-link:after,.product-wrapper .wrap .main-content ul li .p-wrap:after,.swiper-wrap:after,.swiper-wrap .swiper-container .swiper-slide .item-info:after{content:"";display:table}
.wrap:after,.wrapper:after,.banner:after,.swiper-about:after,.swiper-about .swiper-slide a:after,.swiper-about .swiper-slide>span:after,.swiper-about .swiper-slide>div:after,.model-02 .pro-item:after,.model-02 .pro-item .item-img:after,.model-02 .pro-more:after,.model-03:after,.model-03 .wrap:after,.model-03 .wrap .service-info:after,.service-list:after,.service-list li:after,.service-list li dl:after,.service-list li dl dt:after,.service-list li dl dt span:after,.model-04 .wrap .blog-news .blog-list:after,.model-04 .wrap .blog-news .blog-list li:after,.model-04 .wrap .blog-news .blog-list li .news-content:after,.model-06 dl:after,.model-06 dl dd:after,.footer:after,.productDetail-page .article-banner:after,.productDetail-page .article-banner .btm-info:after,.productDetail-page .article-banner>h2:after,.pro-article h4:after,.material-panel:after,.tab-img:after,.tab-img .sm-img:after,.pd-panel:after,.case-panel:after,.case-panel h4:after,.case-panel .case-info:after,.case-panel .case-info .case-data:after,.case-panel>dl:after,.case-panel>dl dd:after,.parameter-panel:after,.series-panel:after,.series-panel .wrap .pd-panel .series-wrap:after,.series-panel .wrap .pd-panel .series-wrap .pro-panel:after,.series-panel .wrap .pd-panel .series-wrap .series-font:after,.series-panel .wrap .pd-panel .series-wrap .series-font .lf-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .rt-pro-series:after,.series-panel .wrap .pd-panel .series-wrap .series-font .font-panel:after,.service-panel:after,.service-panel .service-img:after,.service-panel .service-info:after,.blog-page .article-banner:after,.blog-list-panel:after,.blog-list-fst:after,.blog-list-fst>li:after,.blog-list-fst>li .blog-link:after,.blog-list-fst>li .blog-link ul:after,.blog-list-fst>li .blog-link ul li:after,.blog-list-fst>li .blog-panel:after,.blog-list-fst>li .blog-panel .img-link:after,.blog-list-fst>li .date:after,.blogDetail-page .article-banner:after,.article-content:after,.article-content .blog-link-panel:after,.article-content .blog-link-panel .blog-link ul:after,.article-content .blog-content:after,.article-content .blog-content .font-title:after,.article-content .blog-aside:after,.article-content .blog-aside .author-panel:after,.article-content .blog-aside .author-panel>dl:after,.message-form:after,.product-wrapper .wrap .side-panel:after,.product-wrapper .wrap .side-panel ul:after,.product-wrapper .wrap .main-content:after,.product-wrapper .wrap .main-content ul:after,.product-wrapper .wrap .main-content ul li a.img-link:after,.product-wrapper .wrap .main-content ul li .p-wrap:after,.swiper-wrap:after,.swiper-wrap .swiper-container .swiper-slide .item-info:after{clear:both}
.swiper-about .swiper-slide a>span,.swiper-about .swiper-slide>span>span,.swiper-about .swiper-slide>div>span,.breadcrumb,.product-wrapper .wrap .main-content ul li a.img-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-04 .wrap .blog-news .blog-list li:hover .news-content:before,.model-04 .wrap .blog-news .blog-list li .news-content:before,.series-panel .wrap .pd-panel .series-wrap .pro-panel>em:before{content:"";height:0;width:0;overflow:hidden}
main,article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;width:100%}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-size:75px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:"Arial"}
body{margin:0}
a{background:transparent}
a:hover,a:active{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"“" "”" "‘" "’"}
q{quotes:none}
q:before,q:after{content:"";content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;padding:0;border:none;*vertical-align:middle}
button:focus,input:focus,select:focus,textarea:focus{outline:none}
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;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:12px;*width:12px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
optgroup{font-weight:bold}
html{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-size:18px;line-height:1.5;color:#2b2a28;background-color:#fff;min-height:100vh}
body,button,input,select,textarea{font-family:"Arial"}
img{vertical-align:middle}
textarea{resize:vertical}
h1,h2,h3,h4,h5,h6,p,figure,form{margin:0}
ul,ol,li,dl,dd{margin:0;padding:0}
ul,ol{list-style:none outside none}
h1,h2,h3{line-height:1.7}
h1{font-size:45px}
h2{font-size:35px}
h3{font-size:22px}
h4{font-size:20px}
a{text-decoration:none;color:#333}
a:hover{color:#262626}
input:-moz-placeholder,textarea:-moz-placeholder{color:#666}
input::-moz-placeholder,textarea::-moz-placeholder{color:#666}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666}
input,textarea,button{-webkit-appearance:none;border-radius:0;background:transparent}
a,a:hover,a:active,a:visited,a:focus{text-decoration:none}
.clear{display:block;clear:both;overflow:hidden}
.wrap{width:100%;max-width:1200px;position:relative;padding:0 10px}
.wrapper{width:100%;position:relative}
.bg-white{background:#fff}
.h20{height:20px}
.none{display:none}
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.header{position:absolute;width:100%;top:0;left:0;z-index:9999}



.banner{position:relative;width:100%;height:100vh;overflow:hidden}

.banner .image-ban {
    width: 100%;
    height: 100%;
}

.banner .image-ban img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 核心：铺满且不变形 */
    object-position: center; /* 居中裁剪 */
    display: block;
}


.banner>span{position:absolute;left:0;top:0;right:0;overflow:hidden}
/*.banner>span img{display:block;width:auto;height:370px}*/



.banner .wrap{position:relative}
.banner .ban-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);
    width:100%;max-width:1200px;color:#FFF;text-align:center;line-height:1.5;z-index:22;
    }


.banner .ban-info h1,.ban-info h1,.blogban-info h1,.content h1{font-size:45px;line-height:1.7;margin-bottom:15px;width:100%;overflow:hidden;color:#ffffff}
.blogban-info h1,.content h1{color:#2b2a28}
.banner .ban-info p,.ban-top .ban-info p{font-size:20px;font-weight:bold}
.ban-info p,.ban-top .ban-info p{line-height:1.5;margin:10px 0}
.ban-top .ban-info p{color:#FFF;line-height:1.5;margin:25px 0}
.nav-panel{display:flex;align-items:center;padding:10px 20px;width:100%;position:relative;z-index:1060;top:0;background:#fff;-webkit-box-shadow:0 3px 16px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 16px rgba(0,0,0,0.2);-o-box-shadow:0 3px 16px rgba(0,0,0,0.2);box-shadow:0 3px 16px rgba(0,0,0,0.2);border-bottom-right-radius:20px;border-bottom-left-radius:20px}
.nav-panel > a{width:20%}
.nav-panel > a img{width:clamp(120px,14vw,210px);height:auto;aspect-ratio:228 / 86;display:block}
.nav-panel > nav{width:80%}
.nav-panel>i{display:block;position:absolute;top:0;left:0;right:0;height:100%}
.nav-panel>span{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;border-bottom-right-radius:20px;z-index:2}
.nav-panel>span i{-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;float:right;position:relative;display:block;width:64px;height:64px;-webkit-box-shadow:0 0 18px rgba(51,51,51,0.08);-moz-box-shadow:0 0 18px rgba(51,51,51,0.08);-o-box-shadow:0 0 18px rgba(51,51,51,0.08);box-shadow:0 0 18px rgba(51,51,51,0.08);background:url("../images/sub_nav_icon.png") center center/60% 60% no-repeat}
.nav-panel>span.on i{background:url("../images/sub_nav_icon_on.png") center center/60% 60% no-repeat}
.nav-panel ul.wap-nav{padding:40px 10px 10px;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;display:none;width:100%;position:absolute;z-index:-2;left:0;right:0;top:44px;background:#ffffff;-webkit-box-shadow:0 6px 16px rgba(0,0,0,0.2);-moz-box-shadow:0 6px 16px rgba(0,0,0,0.2);-o-box-shadow:0 6px 16px rgba(0,0,0,0.2);box-shadow:0 6px 16px rgba(0,0,0,0.2);border-bottom-right-radius:20px;border-bottom-left-radius:20px;font-size:0;text-align:left}
.nav-panel ul.wap-nav li{margin:0 5px 10px;display:inline-block;vertical-align:middle;overflow:hidden}
.nav-panel ul.wap-nav li a{padding:0 5px;height:26px;line-height:24px;border-bottom:2px solid #ffffff;display:block;width:100%;color:#262525;font-weight:bold;text-transform:uppercase}
.nav-panel ul.wap-nav li a:hover{border-bottom:2px solid #2d4a7e;color:#2d4a7e}
.nav-panel ul.wap-nav li.on a{color:#2d4a7e;border-bottom:2px solid #2d4a7e}
.nav-panel ul.pc-nav{display:flex;margin-left:0;text-align:center;overflow:hidden;z-index:2;align-items:center}
.nav-panel ul.pc-nav li{flex:1;padding:10px 0}
.nav-panel ul.pc-nav li a{font-size:18px;color:#262525;text-transform:uppercase;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.nav-panel ul.pc-nav li a i{display:block;height:32px;width:2px;background:#2d4a7e;position:absolute;bottom:-32px;left:50%;margin-left:-1px;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.nav-panel ul.pc-nav li a:hover{-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;color:#2d4a7e}
.nav-panel ul.pc-nav li a:hover i{bottom:0}
.nav-panel ul.pc-nav li.on{border-bottom:3px solid #2d4a7e}
.nav-panel ul.pc-nav li.on a{color:#2d4a7e;font-weight:bold}
.nav-panel ul.pc-nav li.on a i{bottom:0}
.about-model,.pro-model,.serve-model,.blog-model,.quality-control,.technical-model,.industry-model,.factory-model,.about1,.about3,.about5,.container,.product,.tab-content,.packaging-model{margin:100px 0 75px}
.hero-points{display:inline-block;text-align:left;margin:20px 5px 35px}
.hero-points li{position:relative;padding-left:30px;margin:10px 0px}
.hero-points li::before{content:"✔";position:absolute;left:0;color:#fff;font-weight:bold}
.btn-primary,.btn-secondary{display:block;font-weight:bold}
.btn-primary{background-color:#2d4a7e;color:#fff;padding:10px;border-radius:10px;margin:10px}
.btn-secondary{background-color:#fff;color:#2d4a7e;padding:10px;border-radius:10px;margin:10px}
.container .left{text-align:left}
/*.index-about{display:block}*/

.index-about .base-title{
    grid-template-columns: 1fr;
    gap: 15px;

}
/*.index-about .right img{width:100%;height:auto;display:block;border-radius:8px;aspect-ratio:550 / 367;object-fit:cover}*/

.about-content {
    display: inline;
    align-items: center;
    gap: 40px;
}

/* 左右平分 */
.about-stats,
.about-image {
    flex: 1; /* 关键：平分 */
}

.about-content .about-stats li:first-child {
    border-top: 1px solid #dcdcdc
}

.about-content .about-stats li {
    padding: 35px 10px;
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer
}



.about-content .about-stats li .num {
    font-size: 23px;
    /*line-height: 1;*/
    /*font-family: "circular";*/
    font-weight: bold;
    background-color: #2d4a7e;
    background: -webkit-linear-gradient(90deg, #2d4a7e, #2196F3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.about-content .about-image img{
    border-radius: 16px;
    width: 100%;
}

.about-content .about-image figcaption{
    margin: 10px 0;

}

.index-about h2,.index-prolist h2,.index-serve h2,.index-blog h2,.index-test h2,.index-factory h2,.industry-model h2,.about1 h2,.about2 h2,.about3 h2,.about4 h2,.about5 h2,.container h2{font-size:35px;line-height:1.5;margin-bottom:20px;text-align:center;font-weight:600;margin-bottom:50px}
.index-abou p{line-height:1.7;color:#555;margin-bottom:25px}
.index-about .btn{display:inline-block;padding:12px 26px;font-size:15px;border-radius:4px;text-decoration:none;transition:all 0.3s ease}





.img-fluid{max-width:100%;height:auto}
.pro-model p,.quality-control p,.blog-model p,.factory-model p,.technical-model p,.packaging-model p{margin:35px 0 25px}
.quality-control p{color:#fff}




.prlist{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;

    padding: 0;
    margin: 0;
    list-style: none;

    width: 100%;
    box-sizing: border-box;
}

.prlist li{
    margin: 0;
    text-align: center;
    border: 1px solid #2d4a7e;
    border-radius: 10px;
    overflow: hidden;
    transition: all linear 0.5s;

    box-sizing: border-box;
    min-width: 0;
}

.prlist li a{display:block;margin-bottom:15px}
.prlist li a img{
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 280 / 220;
    object-fit: cover;
    display: block;
}


.prlist li a strong{font-size:16px}


.servelist{display:grid;grid-template-columns:repeat(2,1fr);gap:0px}
.servelist li{transition:all 0.3s ease;text-align:center}
.servelist li:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.servelist li a img{width:100%}
.servelist li a .serve-txt p{font-size:16px;margin:10px 0}


.technical-model h3{
    border-left: 4px solid #f39700;
    padding-left: 10px;
}



.industry-item{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;

    align-items: center;

    margin: 25px 0 60px;

    border-radius: 14px;
    box-sizing: border-box;

    transition: 0.3s ease;
}

/* 防止 Grid 子元素撑破 */
.industry-item > *{
    min-width: 0;
}

/* hover 效果 */
.industry-item:hover{
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* 图片 */
.industry-item img{
    width: 100%;
    max-width: 100%;
    height: auto;

    display: block;
    border-radius: 10px;

    object-fit: cover;
}

/* 内容区 */
.industry-item .content{
    font-size: 16px;
}

/* 标题 */
.industry-item h3{
    margin: 0 0 15px;
}

/* 段落 */
.industry-item p{
    margin: 20px 0 10px;
    line-height: 1.6;
}

/* 列表 */
.industry-item ul{
    padding-left: 18px;
    margin: 0;
}

.industry-item ul li{
    margin: 10px 0;
}

/* case 框 */
.industry-item .case{
    margin-top: 15px;
    padding: 12px 14px;
    background: #f6f8fb;
    border-radius: 8px;
    font-size: 14px;
}

/* 按钮 */
.industry-item .btn-primary{
    display: inline-block;
    margin-top: 20px;
    padding: 10px 18px;
    background: #2d4a7e;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}

.industry-item .btn-primary:hover{
    background: #1f355c;
}

/* reverse 布局（安全写法） */
.industry-item.reverse img{
    order: 2;
}

.industry-item.reverse .content{
    order: 1;
}

.case {
    background: #eef3ff;
    padding: 10px;
    border-left: 4px solid #2d4a7e;
    margin: 15px 0;
}

.cert-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;padding:0;margin:0;list-style:none}
.cert-list li{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;transition:all 0.3s ease}
.cert-list li:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.cert-list a{display:block;text-align:center;padding:5px;text-decoration:none}
.cert-list img{width:100%;height:auto;object-fit:contain;margin-bottom:10px;transition:transform 0.3s ease;aspect-ratio:5 / 3;object-fit:cover}
.cert-list li:hover img{transform:scale(1.05)}
.cert-list span{display:block;font-size:14px;font-weight:500;line-height:1.4;margin:10px 0;text-align:center;position: relative;    padding: 0 10px;}

.cert-list span:before {
    content: '';
    width: 6px;
    height: 25px;
    background: #f39700;
    background: -moz-linear-gradient(left, #f39700 0%, #e3674f 100%);
    background: -webkit-linear-gradient(left, #f39700 0%, #e3674f 100%);
    background: -o-linear-gradient(left, #f39700 0%, #e3674f 100%);
    background: -ms-linear-gradient(left, #f39700 0%, #e3674f 100%);
    background: linear-gradient(to right, #f39700 0%, #e3674f 100%);
    position: absolute;
    top: 3px;
    left: 0
}


.index-blog ul{display:grid;grid-template-columns:1fr;gap:10px}
.index-blog ul li img{width:100%}
.index-blog ul li{background-color:rgb(255,255,255);box-shadow:rgba(0,27,52,0.3) 0px 5px 15px;padding:10px;border-radius:20px}
.index-blog ul li .text{display:block;color:rgb(77,77,77);font-size:16px;margin:10px;overflow:hidden}

.quality-control{background:#2d4a7e;padding:80px 0 60px}
.quality-control h2{color:#fff}
.qc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;list-style:none;padding:0;margin:0}
.qc-grid .qc-card{background:#fff;border-radius:10px;overflow:hidden;transition:all 0.3s ease;border:1px solid #eee}
.qc-grid .qc-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.qc-grid img{width:100%;object-fit:cover;display:block;aspect-ratio:200 / 130}
/*.qc-grid figcaption{padding:12px;font-size:16px;font-weight:600;text-align:center}*/
.qc-grid .qc-card p{
    color: #2b2a28;
    font-size: 16px;
    padding: 0 5px;
    margin: 15px 0;
}



.factory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

.factory-item {
    border-radius: 12px;
    transition: 0.3s ease;
}

.factory-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}


.item-img img {
    width: 100%;
    border-radius: 8px;
}

.item-text p{
    font-size: 16px;
}


.packaging-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
    margin: 25px 0;
}
.packaging-item img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
}


.packaging-item p{font-size: 16px;
    margin: 15px 0;

}


.footer{width:100%;padding:20px 0;background:#2d4a7e;overflow:hidden}
.footer .copyright{width:100%;padding-left:0}
.footer .copyright p{width:100%;overflow:hidden;text-align:center;line-height:30px;color:#ffffff;font-weight:bold;font-style:italic}
.footer .copyright p span{display:block;width:100%;line-height:30px;color:#ffffff;font-style:normal}
.footer .copyright p span a{font-style:normal;color:#ffffff;font-size:13px;line-height:30px}
.footer .copyright p a{line-height:30px;font-size:14px;color:#ffffff;font-style:italic;font-weight:bold}
.footer .blog{width:100%;padding-right:0;text-align:center;margin-top:17px;font-size:0}
.footer .blog a{display:inline-block;vertical-align:middle;height:25px;margin:0 18px}
.footer .blog a img{display:block;height:100%}
.chat{position:fixed;right:50px;bottom:130px;z-index:99999;display:none}
.chat-box{position:relative;width:50px;height:240px}
.chat-box li{position:relative;width:100%;height:50px;line-height:50px;margin-bottom:1px;text-align:center}
.item{background-color:#2d4a7e}
.chat-box img{display:inline-block;vertical-align:middle;width:100%}
.chat-box span{padding-left:50px;text-align:left}
.toTop{position:fixed;right:10px;bottom:100px;z-index:999;cursor:pointer;width:50px;display:none;background-color:#2d4a7e;height:50px;line-height:50px;border-radius:50px}
.toTop img{width:100%;height:auto;vertical-align:middle}
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px;display:none}
.footmenu img{display:block}
.footmenu div.bgcolor{clear:both}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%;background:#2d4a7e;border:1px solid #fff;border-radius:10px}
.footmenu a{color:#fff;display:block;width:50%;padding:10px 0px;text-align:center;float:left;position:relative}
.footmenu .m-email{border-right:1px solid #fff}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px;font-size:26px}
.breadcrumb{font-size:16px;margin:30px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.breadcrumb a,.breadcrumb li{color:#fff}
.breadcrumb ol{white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior:contain}
.breadcrumb ol li{display:inline-block}
.breadcrumb li + li::before{content:">";padding:0 8px;color:#fff}
.breadcrumb a:hover{text-decoration:underline}
.ban-top .ban-info{margin:75px 0;text-align:center}


.ban-top .prodetail{
    text-align: left;
}


.ban-top .prodetail .badges span{
    display: inline-block;
    background: #fff;
    color: #2d4a7e;
    padding: 6px 12px;
    margin: 5px;
    border-radius: 20px;
    font-size: 16px;
}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: -25px auto 40px;
}

.industry-trust .stats-grid{
    margin-top: 25px;
}

.stat-card {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    text-align: center;
    border-bottom: 4px solid #e37b1c;

}

.stat-card strong {
    display: block;
    font-size: 28px;
    color: #2d4a7e;
    margin-bottom: 15px;
}


.industry-trust .stat-card strong{
    font-size: 20px;
}
/*section .product {*/
    /*display: inline-block;*/
    /*width: 30%;*/
    /*padding: 10px;*/
    /*text-align: center;*/
/*}*/


.about-pro{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Automatically adjust columns */
    gap: 20px; /* space between products */
    margin-top: 35px;
    text-align: center;
}

/*.about-pro div{*/
    /*box-sizing: border-box;*/
    /*transition: transform 0.3s ease;*/
/*}*/

.about-pro img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.about-pro h3 {
    font-size: 25px;
    color: #2d4a7e;
    margin-bottom: 10px;
}

.about-pro p {
    margin-top: 25px;
}








.about1 .desc{display:flex;align-items:center;gap:60px}
.desc-text,.desc-img{flex:1}
.desc-img img{width:100%;display:block;height:auto;aspect-ratio:6 / 7;object-fit:cover}
.about1 p,.about2 p,.about3 p,.about4 p,.about5 p,.container p{line-height:1.7;margin:20px 0 25px}

.about2,.about4{background:#2d4a7e;color:#fff;padding:100px 0 75px}





.process-grid{display:grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap:10px;background-color:#fff}



.card-item{background:#fff;display:flex;flex-direction:column}
.card-item img{width:100%;object-fit:cover;height:auto;aspect-ratio:1200 / 557;display:block}
.card-item figcaption{background-color:#78909c;color:white;text-align:center;padding:10px 0;margin-top:10px;position:relative;font-size:16px}
.card-item figcaption::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}





.about3 ul{font-size:16px;margin-bottom:40px}
.about3 ul li{line-height:1.7}

.about4 .stats{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 50px;
    text-align: center;
}
.about4 .stats li{
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-bottom: 4px solid #e37b1c;
    padding: 25px 0;

}
.stat-number {
    font-size: 25px;
    font-weight: 800;
    display: block;
    margin-bottom: 15px;
}
.quality-grid{display:grid;gap:2px;background-color:#fff;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.warehouse-grid{display:grid;gap:10px;background-color:#fff;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.table{width:100%;overflow-x:auto;margin:20px 0 25px}
table{font-size:16px;border:0px;background:#fff;border-collapse:collapse;text-align:center;width:100%;    max-width: 900px;
    margin: 0 auto;box-shadow:0 0 10px rgba(0,0,0,0.2)}
table th{border:1px solid #bebebe;padding:5px}
table tr:nth-child(2n+1){background:#f8f9fa}
table tr:first-child{background-color:#2d4a7e}
table td{border:1px solid #bebebe;text-align:center;color:#545454;font-weight:lighter;padding:15px 10px;line-height:25px}
table tr:first-child td,table tr:first-child th{color:#fff}
.message-panel{padding:20px 0 40px}
.message-form{width:100%;padding:25px 5px;border-radius:30px;background:#fff;-webkit-box-shadow:10px 10px 70px rgba(0,0,0,0.26);-moz-box-shadow:10px 10px 70px rgba(0,0,0,0.26);box-shadow:10px 10px 70px rgba(0,0,0,0.26);overflow:hidden;position:relative}
.message-form input::placeholder,.message-form textarea::placeholder {
    font-size: 16px;
    line-height: 1.5;
}
.message-form .title{font-size:28px;width:100%;color:#333333;margin:35px 0 50px;text-transform:uppercase;overflow:hidden}
.message-form .trust-badges{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
    margin: 30px 0;
}

.message-form .trust-badges span{
    position: relative;
    padding-left: 35px;
}
.message-form .trust-badges span::before {
    content: "✔";
    position: absolute;
    left: 10px;
    color: #2d4a7e;
    font-weight: bold;
}

.message-form ul{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    align-items: center;
}
.message-form textarea{margin: 20px 0;min-height: 120px;}


.message-form .message-inner{
    background: #2d4a7e;
    color: #fff;
    border: none;
    padding: 10px 40px;
    line-height: 35px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/*.item-panel legend{font-size:20px}*/
/*.item-panel{padding:20px 10px 30px;border:1px dashed #c0c0c0;margin-bottom:25px}*/
/*.item-panel input,.item-panel textarea{width:100%;font-size:16px;padding:10px 0;margin-bottom:10px;background:#dfeaff;border-radius:20px}*/
/*.item-panel input:focus,.item-panel textarea:focus{border-bottom:1px solid #2d4a7c}*/
/*.item-panel label,.item-panel p{font-size:16px;color:#3b5585;margin-bottom:6px;font-weight:bold}*/
/*.item-panel textarea{border:1px solid #ddd;border-radius:8px;padding:12px;height:120px;resize:none}*/
/*input::placeholder,textarea::placeholder{font-size:16px;padding-left:10px;line-height:1.5}*/
/*.item-panel textarea{width:100%}*/
/*.notes{font-size:12px;color:#2d4a7c;margin-top:8px}*/
/*#button_sub,button[type="submit"]{background:#3b5585;color:#fff;border:none;padding:10px 40px;line-height:35px;border-radius:100px;cursor:pointer;transition:all 0.3s ease}*/
/*#button_sub:hover,button[type="submit"]:hover{background:#2d4a7c}*/
/*.product{}*/



.product .wrap{display:flex;flex-wrap:wrap;align-items:center;margin:0 auto;gap:40px}
.product .wrap .info,.product .wrap .image{flex:1;flex:1;min-width:280px}
.product .wrap .info h1{font-size:38px;line-height:1.5;color:#2d4a7c;margin-bottom:20px}
.product .wrap .info p{line-height:1.5;margin-bottom:30px}
.product .wrap .info .cta-btn{display:inline-block;background:linear-gradient(135deg,#3b5585,#2d4a7c);color:#fff;padding:14px 40px;border-radius:8px;font-size:16px;text-decoration:none;transition:all 0.3s ease}
.product .wrap .info .cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.15)}
.product .wrap .image{flex:1;min-width:280px}
.product .wrap .image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}
.product .wrap .info .process-tags{display:flex;flex-wrap:wrap;gap:12px}
.product .wrap .info .process-tags li{background:rgb(45 74 126);color:#fff;padding:6px 14px;border-radius:40px;font-size:16px;font-weight:600}




/* 选项卡样式 */
.tabs-container {
    margin: 24px 0 16px;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.tab-btn {
    background: none;
    border: none;
    padding: 12px 28px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 40px 40px 0 0;
    transition: all 0.2s;
    color: #4a5b6e;
    font-family: inherit;
}
.tab-btn.active {
    background: #ffffff;
    color: #2d4a7e;
    border-bottom: 3px solid #2d4a7e;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.02);
}
.tab-content {
    display: none;
    animation: fade 0.25s ease;

}
.tab-content.active {
    display: block;
}
@keyframes fade {
    from { opacity: 0; transform: translateY(6px);}
    to { opacity: 1; transform: translateY(0);}
}

/* 卡片与通用样式 */
/*.card {*/
    /*background: white;*/
    /*border-radius: 24px;*/
    /*box-shadow: 0 8px 20px rgba(0,0,0,0.02), 0 2px 4px rgba(0,0,0,0.05);*/
    /*padding: 28px 32px;*/
    /*margin-bottom: 32px;*/
    /*border: 1px solid #eef2f8;*/
/*}*/
.tab-content h3,.section-title {
    font-weight: 700;
    margin: 55px 0 20px;
    letter-spacing: -0.3px;
    border-left: 5px solid #2d4a7e;
    padding-left: 18px;
}

.section-title{font-size: 25px}


.subtitle {
    font-weight: 600;
    margin: 20px 0 12px 0;
    color: #1e3a5f;
}



.grid-2col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    align-items: center;
}

.grid-2col img{
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.grid-2col .con ul{
    font-size: 16px;
    line-height: 1.7;
}

.grid-2col .content img{
    aspect-ratio: 3 / 1;
}

.grid-2col .cta-group{

    margin: 0;
}


.grid-3col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    align-items: center;
}

.grid-2col .table,.grid-3col .table{margin-top: 0}

.grid-2col .table table,.grid-3col .table table{margin-top: 20px}

.cable .grid-2col {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
    align-items: stretch;

}

.advantage-item, .cert-badge,.app-item {
    background: #f8fafd;
    padding: 10px;
    border-radius: 20px;
    transition: 0.1s;
    border: 1px solid #cecece;
    display: inline-block;
    margin: 10px 0;
}
.cert-badge,.list-con4 li {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0 8px 12px 0;
    background: #eaf2ff;
}
.list-con4 li{padding: 10px}



.btn-primary {
    background: #e47a1b;
    color: white;
    border: none;
    padding: 12px 28px;
    border-radius: 40px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.btn-primary:hover {
    color: #fff;
    background: #0f3b5f;
    transform: translateY(-1px);
}
.btn-secondary {
    background: white;
    border: 1.5px solid #2d4a7e;
    color: #2d4a7e;
    padding: 10px 24px;
    border-radius: 40px;
    font-weight: 500;
    cursor: pointer;
}


.grid-2col .cta-group .btn-primary,.grid-2col .cta-group .btn-secondary{
  padding: 5px 10px;
    font-size: 16px;
}
.grid-2col .product-card p{
    margin: 10px 0;
}
.about-cta,.about-application p{
    margin-top: 15px;
}

.about-application p a{color: #2d4a7e;font-weight: bold;}

.faq-list article{
    margin: 35px 0 20px;
    border-bottom: 1px solid #9a9a9a;
}

.faq-question::before {
    content: "?";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 50%;
    background: #2d4a7e;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}


/*.form-group {*/
    /*margin-bottom: 18px;*/
/*}*/
input, textarea, select, .file-label {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #cfdfed;
    border-radius: 16px;
    font-family: inherit;
    transition: 0.2s;
}
input:focus, textarea:focus {
    outline: none;
    border-color: #2d4a7e;
    box-shadow: 0 0 0 3px rgba(30,74,118,0.1);
}
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.case-study {
    border-left: 3px solid #2d4a7e;
    padding-left: 18px;
    margin-top: 12px;
}



/*.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}*/
/*.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}*/
.card{text-decoration:none;transition:0.3s}
/*.standards .card{border-top:3px solid #2d4a7e}*/
.card:hover{transform:translateY(-5px)}
.tags a{display:inline-block;background:#ecf3ff;padding:8px 12px;margin:5px;border-radius:5px}
.tags span{display:inline-block;background:#f4f4f4;padding:8px 12px;margin:5px;border-radius:5px}
.cta{background:#2d4a7e;color:#fff;text-align:center;padding:50px 20px}
.btn{display:inline-block;margin-top:15px;padding:12px 30px;text-decoration:none}
.btn a{color: #fff}
.card .product-tags ul li{
    display: inline-block;
    margin: 5px 5px;
    background: #eaf2ff;
    padding: 10px;
    border-radius: 10px;
    font-size: 16px;
}

.explore{
    margin-top: 45px;
}

.explore .cta-block{
    font-size: 22px;
    display: inline-block;
    margin-bottom: 25px;
}


.cta .btn{background: #fff}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.product-card{background:#fff;padding:10px;border-radius:10px;transition:0.3s;border:1px solid #eee}
.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.08)}
.product-card ul{padding-left:18px;margin-bottom:15px}
.product-card ul li{font-size:14px;margin-bottom:5px}


#product-info h2{margin:75px 0 45px}
#product-info ul li,.default li{overflow:hidden;width:100%;position:relative;margin-top:20px;padding-left:30px;font-size:16px}
#product-info ul>li:before{width:15px;height:3px;left:0;top:9px;content:"";display:block;background-color:#2d4a7e;position:absolute;z-index:1}
#product-info ol{counter-reset:item;list-style:none;padding-left:0}
#product-info ol li{margin-top:20px;font-size:16px;counter-increment:item;margin-bottom:6px}
#product-info ol li::before{content:counter(item,lower-alpha) ". ";font-weight:bold;color:#2d4a7e;margin-right:10px}
#product-info p:has(img),.wrap p:has(img),.wrap figure:has(img){text-align:center}
#product-info p img,.wrap p img,.wrap figure img{width:100%;max-width:800px;aspect-ratio:4 / 3;height:auto;display:inline-block;object-fit:cover}

#product-info .prlist>li{
    padding-left: 0;
}

#product-info .prlist>li:before{
content: unset;
}

#product-info .grid-2col,#product-info .grid-3col{
    align-items: start;
}

#product-info .grid-2col .content {
    align-self: center;
}


.wrap figure figcaption{margin-top: 10px;font-size: 16px}

.spec-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.spec-row{padding:10px;border-radius:10px;-webkit-box-shadow:10px 10px 60px rgba(177,179,180,0.66);-moz-box-shadow:10px 10px 60px rgba(177,179,180,0.66);box-shadow:10px 10px 60px rgba(177,179,180,0.66)}
.choose .card{border-radius:10px;background:#ecf3ff}
.procat h2{margin:100px 0 75px}
.procat ul{margin:10px 0 20px;padding-left:0;list-style:none}
.procat ul li{position:relative;padding-left:18px;margin-bottom:10px;line-height:1.5;font-size:16px}


.procat li::before{content:"•";position:absolute;left:0;top:-2px;color:#2d4a7e;font-size:16px}


.procat .quality-grid li{
padding-left: 0;
}


.wrap .quality-grid li figure img{
    aspect-ratio:2 / 3;
}


.procat .quality-grid li::before {
    content: unset;

}

.full{
    background: linear-gradient(135deg, #eef2ff 0%, #ffffff 100%);
    padding: 100px 0 75px;
    border-bottom: 1px solid #e2e8f0;
    margin:0px
}


.full .grid-2col{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}


.wrap .product-card p img{width: 100%;
    aspect-ratio: 3 / 1;
}


.procat .keywords-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


.procat .keywords-list li{
    border-radius: 40px;
    padding: 8px 10px;
    margin-bottom: 0;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    font-size: 16px;
}

.procat .keywords-list li::before{
    content: unset;
}

.categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}
.categories li{flex:1;min-width:280px;background-color:#f5f5f9;padding:25px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.categories li::before{content:"";display:none}



.grid-2col .gallery{
    background: #f8fafc;
    border-radius: 28px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    border: 1px solid #e2e8f0;
}


.grid-2col .feature-item{
    padding: 25px;
    border-left: 4px solid #2d4a7e;
}

.procat .content .edge{margin-bottom: 20px}
.procat .content .edge img {
    aspect-ratio: 7 / 9;
}



.procat .content .edge-faq .faq-block summary{
    font-weight: bold;

}

.procat .content .edge-faq .faq-block details p{
    font-size: 16px;
}

.procat .content .edge-faq .faq-block summary {
    cursor: pointer;
    position: relative;
    padding-right: 24px;
}

.procat .content .edge-faq .faq-block summary::after {
    content: "›";
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(90deg);
    transition: transform 0.2s ease;
    font-size: 20px;
    color: #2d4a7e;
    font-weight: bold;
}

.procat .content .edge-faq .faq-block details[open] summary::after {
    transform: rotate(270deg);
}

.procat .grid-2col .feature-item::before{
    content: none;
}
.procat .grid-2col .feature-item strong{
    font-size: 22px;
}


.grid-2col table{margin-bottom: 20px}

.grid-2col:has(.table) {
    align-items: start;
}


.product-grid,.adv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.product-grid .product-item img{width: 100%;margin-bottom: 20px; border: 1px solid #ddd;
    border-radius: 8px;}
.product-grid .product-item p,.adv-grid .adv-item p{font-size: 16px;}




.adv-grid .adv-item{
    padding:10px;
    border-radius:8px;
    text-align:center;
    box-shadow:0 4px 20px rgba(0,0,0,0.05)
}



.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
    margin-top: 20px;
}
.features-grid .feature-item{
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02);
    border: 1px solid #e9edf2;
    transition: all 0.2s;
}



.cta-box {
    text-align: center;
    padding: 60px 0;
    background: linear-gradient(133deg, #065fff 0%, #0c2e66 0%, #194fba 100%);
    border-radius: 20px;
    color: #fff;
}

.cta-title{
    font-size: 22px;
    font-weight: bold;
}


.cta-box ul{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    /*align-items: center;*/
    align-items: stretch;
 margin: 0 30px;
}

.cta-box ul li{background: #fff;
    color: #2b2a28;
    padding: 10px;
    border-radius: 10px;
    font-size: 16px;

}

.procat .cta-box ul li:before{

    content: unset;

}


.cable-card img {
    aspect-ratio: 3 / 1;
}


.applications{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:10px}
.applications img{width:100%;border-radius:10px}
.applications p{text-align:center}
.article article a{ text-decoration: none;
    color: #2d4a7e;
font-weight: bold}

.article article a:hover {
    text-decoration: underline;
}

.faq details{margin-top:35px;background-color:#f5f5f9;padding:20px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.faq summary{font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:25px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"›";position:absolute;right:0;top:0;transition:transform 0.3s ease;font-size:20px}
.faq details[open] summary::after{transform:rotate(90deg)}
.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));gap:10px;margin-bottom:50px;align-items:stretch}
.topic{background:#f7f6f7;padding:25px;border-radius:10px;border:1px solid #eee;transition:0.3s}
.topics:before{content:none;display:none}
.topic:hover{transform:translateY(-5px)}
.topic p strong,.featured p strong{font-size:20px}
.topic a{display:inline-block;background:#2d4a7e;padding:5px 10px;color:#fff;border-radius:10px;float:right}
.featured ul li{line-height:24px;padding:2px 10px;margin:15px 10px;border-left:4px solid #2d4a7e}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.post{background:#fff;padding:15px;border-radius:10px;border:1px solid #eee}
.post img{width:100%}
.guides{margin:50px 0}
.guides ul{padding-left:20px}
.guides ul li{margin:15px 10px;border-bottom:1px solid #eee;padding-bottom:10px;position:relative;padding-left:10px}
.blogban-info p{padding-bottom:10px;border-bottom:1px solid #eee}
.article h2,.box-show h2{font-size:28px;margin:35px 0 10px;line-height:1.7;text-align:left}
.service-pic{display:none}
.service-flow,.service-panel .service-img{display:block}
.model-02 .pro-item .item-img a:before{border:none;width:70%;height:80%;top:20px;left:20%;background:url(../images/index_pro_bg_01.jpg) center center/100% 100% no-repeat;-webkit-box-shadow:10px 10px 20px rgba(61,61,61,0.3);-moz-box-shadow:10px 10px 20px rgba(61,61,61,0.3);box-shadow:10px 10px 20px rgba(61,61,61,0.3)}
.nowebp .model-02 .pro-item .item-img a:before{background:url(../images/index_pro_bg_01.jpg) center center/100% 100% no-repeat}
.model-02 .pro-item+.pro-item .item-img a:before{background:url(../images/index_pro_bg_02.jpg) center center/100% 100% no-repeat;-webkit-box-shadow:10px 10px 20px rgba(61,61,61,0.3);-moz-box-shadow:10px 10px 20px rgba(61,61,61,0.3);box-shadow:10px 10px 20px rgba(61,61,61,0.3)}
.model-02 .pro-item .item-img{margin-bottom:0}
.model-02 .pro-item+.pro-item .item-img a{padding-top:0}
.nav-panel>span{display:none}
.footer .copyright p{text-align:left}
.footer .blog{width:30%;float:right;padding-right:50px;text-align:right;margin-top:17px}
@media screen and (min-width:480px){.btn-primary,.btn-secondary{display:inline-block}
}@media screen and (min-width:750px){
    /*.prlist li,#product-info .prlist li{background-color:#fff;width:calc(33.333% - 10px);}*/
    /*.index-about{display:flex;align-items:center}*/
    /*.index-about .left,.index-about .right{flex:1;padding:10px;margin:10px}*/

    .index-about .base-title{
        display: grid;
        grid-template-columns: 45% 55%;
        gap: 30px;
        align-items: center;
    }

    .about-content{
        display: flex;

    }
    .servelist{display:grid;grid-template-columns:repeat(5,1fr);gap:0px}
    .index-blog ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    /*.item-panel{display:flex;gap:20px;margin-bottom:20px}*/
    .toTop{right:50px}
}@media screen and (min-width:1000px){.product-wrapper .wrap .side-panel{width:240px;margin-top:40px;display:block}
}@media screen and (min-width:1280px){.message-panel{padding:50px 0 120px}
}@media screen and (min-width:1366px){.message-form .title{height:48px;line-height:48px;font-size:36px}
}@keyframes marginLeftMove{0%{margin-left:-10px}
     50%{margin-left:0}
     100%{margin-left:-10px}
 }@-webkit-keyframes marginLeftMove{0%{margin-left:-10px}
      50%{margin-left:0}
      100%{margin-left:-10px}
  }@keyframes marginBottomMove{0%{margin-bottom:10px}
       50%{margin-bottom:0}
       100%{margin-bottom:10px}
   }@-webkit-keyframes marginBottomMove{0%{margin-bottom:10px}
        50%{margin-bottom:0}
        100%{margin-bottom:10px}
    }@keyframes marginTopMove{0%{margin-top:10px}
         50%{margin-top:0}
         100%{margin-top:10px}
     }@-webkit-keyframes marginTopMove{0%{margin-top:10px}
          50%{margin-top:0}
          100%{margin-top:10px}
      }@keyframes shake{0%,50%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
           5%,15%,25%,35%,45%{transform:translateX(-0.05rem);-webkit-transform:translateX(-0.05rem);-moz-transform:translateX(-0.05rem);-o-transform:translateX(-0.05rem);-ms-transform:translateX(-0.05rem)}
           10%,20%,30%,40%{transform:translateX(0.05rem);-webkit-transform:translateX(0.05rem);-moz-transform:translateX(0.05rem);-o-transform:translateX(0.05rem);-ms-transform:translateX(0.05rem)}
       }@-webkit-keyframes shake{0%,50%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
            5%,15%,25%,35%,45%{transform:translateX(-0.05rem);-webkit-transform:translateX(-0.05rem);-moz-transform:translateX(-0.05rem);-o-transform:translateX(-0.05rem);-ms-transform:translateX(-0.05rem)}
            10%,20%,30%,40%{transform:translateX(0.05rem);-webkit-transform:translateX(0.05rem);-moz-transform:translateX(0.05rem);-o-transform:translateX(0.05rem);-ms-transform:translateX(0.05rem)}
        }@-moz-keyframes shake{0%,50%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
             5%,15%,25%,35%,45%{transform:translateX(-0.05rem);-webkit-transform:translateX(-0.05rem);-moz-transform:translateX(-0.05rem);-o-transform:translateX(-0.05rem);-ms-transform:translateX(-0.05rem)}
             10%,20%,30%,40%{transform:translateX(0.05rem);-webkit-transform:translateX(0.05rem);-moz-transform:translateX(0.05rem);-o-transform:translateX(0.05rem);-ms-transform:translateX(0.05rem)}
         }@keyframes effect{0%{transform:scale(1)}
              50%{transform:scale(0.9)}
              100%{transform:scale(1)}
          }@media (max-width:1000px){.header .fl,.nav-panel ul.pc-nav li a i,.swt,.nav-panel ul.pc-nav{display:none}
    .nav-panel{justify-content:space-between}
    .nav-panel>i{border-bottom-right-radius:0.4rem;border-bottom-left-radius:0.4rem;box-shadow:0 0.08rem 0.32rem rgba(0,0,0,0.2)}
    .nav-panel>a:after{border-top:0.32rem solid #0b1321;border-left:0.48rem dashed transparent;border-right:0.48rem dashed transparent;right:-0.45333rem;bottom:-0.13333rem}
    .nav-panel ul.wap-nav{width:200px;height:auto;padding:20px 0 10px;position:absolute;left:auto;right:0;top:70px;z-index:1;background:#ffffff;border-radius:0 0 20px 20px;box-shadow:0 20px 20px rgba(0,0,0,0.2);display:none}
    .nav-panel ul.wap-nav li{display:block;float:none;margin:0}
    .nav-panel ul.wap-nav li a{height:auto;line-height:1.5;font-size:16px;margin:0;padding:0.13333rem 0;text-align:center}
    .nav-panel ul.wap-nav li.on a,.nav-panel ul.wap-nav li a:hover{font-size:18px;border-bottom-width:0}
    .nav-panel>span{display:block}
    .nav-panel>span i{float:none;width:100%;height:100%;display:block;box-shadow:none;background-size:100%;background-position:center center}
    .nav-panel>span.on i{background-size:100%;background-position:center center}
    .ban-top .ban-info{margin:35px 0}
    .banner .ban-info h1,.ban-info h1,.product .wrap .info h1,.blogban-info h1,.content h1{font-size:28px;line-height:1.5}
    .banner .ban-info p,.ban-info p{display:none}
    .index-about h2,.index-prolist h2,.index-serve h2,.index-blog h2,.index-test h2,.index-factory h2,.industry-model h2,.about1 h2,.about2 h2,.about3 h2,.about4 h2,.about5 h2,.container h2,.cta h2,.technical-model h2,.factory-model h2,.packaging-model h2{font-size:25px;margin:20px 0 10px}
    #product-info h2{margin:40px 0 10px}
    .index-about .left h3,.index-prolist h3,.index-serve h3,.index-blog h3,.index-test h3,.index-factory h3,.about1 h3,.about2 h3,.about3 h3,.about4 h3,.about5 h3,.container h3,.cta h3,.technical-model h3,.factory-model h3,.packaging-model h3{margin:30px 0 10px}
    .about-model,.pro-model,.serve-model,.blog-model,.quality-control,.factory-model,.about1,.about3,.about5,.container,.product,.technical-model,.industry-model,.factory-model,.packaging-model,.tab-content{margin:35px 5px 20px}

    .full{
      padding: 35px 0 20px;
    }
    .about1 .desc{flex-direction:column;gap:10px}
    .desc-text,.desc-img{flex:1 1 100%}
    /*.about1 ul{top:0}*/
    /*.about1 ul li{flex:1 1 25%}*/
    .about2,.about4{padding:35px 0 50px}
    /*.gallery-grid{grid-template-columns:1fr 1fr;grid-template-areas:"large large"*/
    /*"rightTop rightBottom"*/
    /*"bottomLeft bottomRight"}*/


    .product .wrap{gap:10px}
    .product .wrap .image{margin-bottom:20px}
    .footer .copyright{width:100%;float:none;padding-left:0}
    .footer .copyright p:first-child{display:none}
    .footer .blog{display:none}
    .message-panel .wrap .message-wrap{border-radius:0.4rem;box-shadow:0.13333rem 0.13333rem 0.4rem rgba(0,0,0,0.26)}
    .mfooter{width:100%;position:fixed;width:10rem;height:1.09333rem;background:url(../images/footer_swt.png) center bottom/100% auto no-repeat;bottom:0;left:50%;margin-left:-5rem;z-index:1040}
    .mfooter a{display:block;width:50%;float:left;height:100%;overflow:hidden;text-indent:-10000px}
}