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:25px}
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>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;padding:35px 20px 55px;background:#00000069;border-radius:20px}
.banner .ban-info h1,.ban-info h1,.blogban-info h1{font-size:45px;line-height:1.7;margin-bottom:15px;width:100%;overflow:hidden;color:#ffffff}
.blogban-info h1{color:#2b2a28}
.banner .ban-info p,.about-page .ban-info p{font-size:20px;font-weight:bold}
.ban-info p,.about-page .ban-info p{line-height:1.5;margin:10px 0}
.about-page .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,.process-model,.test-model,.certificate-model,.about1,.about3,.about4,.container,.product{margin:100px 0 75px}
.hero-points{display:inline-block;text-align:left;margin:20px 0 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 .right img{width:100%;height:auto;display:block;border-radius:8px;aspect-ratio:550 / 367;object-fit:cover}
.index-about .left h2,.index-prolist h2,.index-serve h2,.index-blog h2,.index-test h2,.index-process h2,.index-certificate h2,.about1 h2,.about2 h2,.about3 h2,.about4 h2,.container h2{font-size:35px;line-height:1.5;margin-bottom:20px;text-align:center;font-weight:600;margin-bottom:50px}
.index-about .left p{line-height:1.7;color:#555;margin-bottom:25px}
.index-about .left .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,.test-model p,.process-model p,.blog-model p,.certificate-model p{margin:35px 0 25px}
.test-model p{color:#fff}
.prlist{display:flex;flex-wrap:wrap}
.prlist li{background-color:#fff;margin-bottom:24px;position:relative;width:calc(50% - 10px);margin:5px;text-align:center}
.prlist li a{display:block;margin-bottom:15px}
.prlist li a img{width:100%;border-radius:10px;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}
.cert-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px;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 / 7;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}
.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}
.index-process ol{counter-reset:step-counter;list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}
.index-process ol li{background-color:#fff;border-radius:12px;padding:20px 10px 20px 45px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}
.index-process ol li img{width:100%;max-width:100px;margin-right:5px;border-radius:10px}
.index-process ol li:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.index-process ol li::before{counter-increment:step-counter;content:counter(step-counter,lower-alpha);position:absolute;left:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:#2d4a7e;color:#fff;font-weight:bold;font-size:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.index-process ol li strong{font-size:16px;color:#222;margin-bottom:8px}
.index-process ol li span{display:block;font-size:16px;color:#555;line-height:1.5}
.test-model{background:#2d4a7e;padding:80px 0 60px}
.test-model h2{color:#fff}
.inspection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;list-style:none;padding:0;margin:0}
.inspection-grid li{background:#fff;border-radius:10px;overflow:hidden;transition:all 0.3s ease;border:1px solid #eee}
.inspection-grid li:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.inspection-grid img{width:100%;object-fit:cover;display:block;aspect-ratio:200 / 130}
.inspection-grid figcaption{padding:12px;font-size:16px;font-weight:600;text-align:center}
.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}
.about-page .ban-info{margin:75px 0;text-align:center}
.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,.container p{line-height:1.7;margin:20px 0 25px}
.about1 ul{overflow:hidden;width:100%;max-width:1040px;background:#fff;border-radius:10px;padding:40px 0;box-shadow:0 10px 40px rgba(0,0,0,0.15);position:relative;display:flex;align-items:center;gap:10px;text-align:center;flex-wrap:wrap}
.about1 ul li{flex:1 1 200px;padding:0 10px;border-right:1px solid #e5e5e5;min-width:180px}
.about1 ul li:last-child{border-right:none}
.about1 ul li strong{display:block;margin:20px 0;font-size:20px}
.about2{background:#2d4a7e;color:#fff;padding:100px 0 75px}
.gallery-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"large rightTop"
"large rightBottom"
"bottomLeft bottomRight";gap:10px;background-color:#fff}
.gallery-item{overflow:hidden;border-radius:8px;position:relative}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}
.item-large{grid-area:large;aspect-ratio:780 / 280}
.item-right-top{grid-area:rightTop;aspect-ratio:390 / 135}
.item-right-bottom{grid-area:rightBottom;aspect-ratio:390 / 135}
.product-gallery{padding:20px 0}
.product-gallery h2{margin-bottom:12px;font-size:24px}
.gallery-grid2{display:grid;gap:12px;background-color:#fff;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gallery-item2{overflow:hidden;border-radius:6px;background:#f5f5f5;display:flex;flex-direction:column}
.gallery-item2 img{width:100%;aspect-ratio:2 / 1;object-fit:cover;display:block;transition:transform 0.3s ease}
.gallery-item2:hover img{transform:scale(1.05)}
.gallery-item2 figcaption{font-size:14px;text-align:center;padding:8px 6px;color:#666}
.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background-color:#fff}
.process-grid .process-first{grid-column:1 / span 2;display:flex}
.process-grid .process-first{flex:1}
.process-item{background:#fff;display:flex;flex-direction:column}
.process-item img{width:100%;object-fit:cover;height:auto;aspect-ratio:1200 / 557;display:block}
.process-item figcaption{background-color:#78909c;color:white;text-align:center;padding:10px 0;margin-top:10px;position:relative;font-size:16px}
.process-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}
.quality-grid{display:grid;gap:10px;background-color:#fff;grid-template-columns:repeat(auto-fit,minmax(220px,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:1.8em 0}
table{font-size:16px;border:0px;background:#fff;border-collapse:collapse;text-align:center;width:100%;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{color:#fff}
.message-panel{padding:20px 0 40px}
.message-form{width:100%;padding:3% 6% 26px;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 .title{font-size:28px;width:100%;color:#333333;margin:35px 0 50px;text-transform:uppercase;overflow:hidden}
.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}
form div{float:right}
#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}
.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{padding:10px;text-decoration:none;color:#333;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;background:#fff;text-decoration:none}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.product-card{background:#fff;padding:25px;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,.default 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){text-align:center}
#product-info p img,.wrap p img{width:100%;max-width:800px;aspect-ratio:4 / 3;height:auto;display:inline-block;object-fit:cover}
.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}
.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}
.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}
.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;padding:10px}
.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{background-color:#fff;margin-bottom:24px;position:relative;width:calc(25% - 10px);margin:5px;text-align:center}
    .index-about{display:flex;align-items:center}
    .index-about .left,.index-about .right{flex:1;padding:10px;margin:10px}
    .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}
    .about-page .ban-info{margin:35px 0}
    .banner .ban-info h1,.ban-info h1,.product .wrap .info h1,.blogban-info h1{font-size:28px;line-height:1.5}
    .banner .ban-info p,.ban-info p{display:none}
    .index-about .left h2,.index-prolist h2,.index-serve h2,.index-blog h2,.index-test h2,.index-process h2,.index-certificate h2,.about1 h2,.about2 h2,.about3 h2,.about4 h2,.container h2,.cta 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-process h3,.index-certificate h3,.about1 h3,.about2 h3,.about3 h3,.about4 h3,.container h3{font-size:22px;margin:30px 0 10px}
    .about-model,.pro-model,.serve-model,.blog-model,.process-model,.test-model,.certificate-model,.about1,.about3,.about4,.container,.product{margin: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{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}
}