/* Measurements and animation contracts rechecked against the live reference on 2026-10-20. */
@font-face{font-family:DINProb;src:url('reference-ui/DINPro-Bold.otf') format('opentype');font-display:swap}
body{line-height:normal}
.hot{font-family:DINProb,'Microsoft YaHei',sans-serif;line-height:30px}.hot span{font-family:inherit;line-height:30px}.hot small{line-height:30px;margin:0}
.title{padding:60px 0 20px;margin:30px auto 15px}.title h2,.n_title h2{line-height:normal;margin-bottom:5px;padding-bottom:20px;background:url('reference-ui/xx.png') center bottom no-repeat}.title h2::after,.n_title h2::after{display:none}
.about-description{line-height:30px}.about-more{line-height:normal}.about ul li>div{height:auto}.about ul li img{height:82px;width:auto;display:inline-block;transition:all .5s ease}.about ul li:hover img{transform:rotateY(180deg)}
.pic_nav h2{line-height:normal}.pic_nav h2 small{line-height:normal}
.product .pic_box>div,.product ul li .pic_box div{aspect-ratio:1.3055555556}.product ul li:hover .pic_box img{transform:none}.product .pic_box>div:hover img{transform:scale(1.1);transition:all .5s}
.title1{min-height:0}.title1 h2{line-height:normal;margin-bottom:5px}.title1 p{line-height:24px;margin-top:0}.more-outline{box-sizing:content-box;height:40px;line-height:40px;width:150px;bottom:30px}
.adv{margin-top:0}.adv .advbox{margin-top:30px}.adv .advboxul{display:block;height:540px}.adv .advboxul li{width:25%;height:100%;float:left;flex:none;background:#fff;transition:all 1s}.adv .advboxul_img{right:0;left:auto;transition:all 1s}.adv .advboxul_img::after{background:rgba(0,0,0,.5)}.adv .advboxul_img img{object-fit:cover}.adv .adv-trigger{display:block;width:100%;min-height:0;text-align:left;overflow:hidden;padding:30px;transition:all 1s}.adv-trigger>i{float:left;width:6px;height:62px;margin-right:15px;transition:all 1s}.adv-trigger>h3{display:block;width:100%;float:left;line-height:normal;font-size:26px;transition:all 1s}.adv .advbox_text{font-size:22px;font-weight:700;line-height:40px;color:#333;padding:0 0 0 40px;margin-top:10px;overflow:hidden;transition:all 1s}.advbox_text p{font-size:16px;line-height:40px}.advbox_text a{font-size:14px;line-height:normal;color:#084499;margin-top:10px;border:0}.adv .advboxul li.active1{width:18.666%}.adv .advboxul li.active{width:44%;padding:0 45px;background:url('reference-ui/adv05.png') center/cover}.adv .advboxul li.active .advboxul_img{right:-100%}.adv .advboxul li.active .adv-trigger>i{width:10px;height:100px;margin-right:30px}.adv .advboxul li.active .adv-trigger>h3{color:#084499;font-weight:700}.adv .advboxul li.active .advbox_text{opacity:1}.madv{display:none}
.case .content{display:flow-root}.case .case-feature{padding:0;margin-top:5px;width:41%;float:left;background:white}.case .case-feature .swiper-wrapper{margin:0}.case .case-feature .swiper-slide{margin:0}.case .case-feature .pending-tile>div{margin:8px;aspect-ratio:1.3}.case .case-feature .pending-tile p{width:60%;height:66px;line-height:66px;float:left;margin-left:15px;text-align:left;font-size:18px;font-weight:bold}.case .case-feature .pending-tile{display:flow-root}.case .case-feature .swiper-pagination{width:100px;right:0;left:auto;bottom:30px}.case .case-feature .swiper-pagination-bullet{width:10px;height:10px;background:#666;opacity:1}.case .case-feature .swiper-pagination-bullet-active{background:#084499}.case .case-feature .swiper-slide div{position:relative;overflow:hidden}.case .case-feature .swiper-pagination{position:absolute}.case ul .pending-tile>div{aspect-ratio:1.3}.case ul li:hover{background:#1a3582}.case ul li:hover p{background:#1a3582;color:white}
.news_box{background:#fff url('reference-ui/newsbj.png') left top no-repeat;margin-top:40px;padding-bottom:40px}.news_title{min-height:0;padding:30px 250px 30px 0;background:none;overflow:hidden}.news_title::after{top:50%;right:0;width:235px;height:169px;transform:translateY(-50%);z-index:0;background-size:contain;background-repeat:no-repeat}.news_title>*{position:relative;z-index:1}.news_title h2{font-size:16px;line-height:normal;font-weight:400}.news_title h2 span{font-size:30px}.english-title{font:italic 80px DINProb,sans-serif;letter-spacing:0;line-height:normal}.english-title img{vertical-align:baseline;margin-right:8px}.news_title>a{font-size:16px;line-height:24px;padding:8px 30px}.news_mbt{margin-top:40px;padding-bottom:0}.news-carousel{padding-bottom:50px}.news-track{gap:0;align-items:stretch;transition-timing-function:ease}.news_mbt .swiper-slide{height:auto}.news_mbt .n_box{display:block;flex:none;width:100%;height:100%;padding:0 0 1px}.n_box>a{display:block;height:auto}.news-cover{aspect-ratio:1.565;overflow:hidden}.n_box dl{display:block;margin:-30px 30px 0;padding:20px;border-bottom:5px solid #084499;min-height:0;line-height:normal}.n_box dd{display:inline-block;font-size:14px;line-height:normal;margin:10px 15px;padding:5px 30px}.n_box h3{display:block;font-size:18.72px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:30px;padding:0 15px;margin:20px 0 0}.n_box p{font-size:16px;line-height:28px;height:50px;margin:20px 15px;padding:0;-webkit-line-clamp:2}.n_box dt{font-size:14px;line-height:normal;margin:0 0 0 10px;padding:8px 15px}.news-dots{bottom:10px;display:block;text-align:center}.news-dots .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:#ccc;margin:0 4px}.news-dots .swiper-pagination-bullet-active{background:#084499}.news-dots .swiper-pagination-bullet:focus-visible{outline:3px solid #d69b39;outline-offset:3px}
.links{padding:15px 0}.links .tit{line-height:30px}.links p{line-height:30px}
.footer .content{display:flow-root}.footer .b_nav1{width:20%;float:left}.footer .b_nav{width:26%;float:left}.footer .info{width:40%;float:left}.footer .ewm{width:130px;float:right}.footer h3{line-height:normal;margin:0}.footer .info p{font-size:14px;line-height:25px;margin-top:15px}.footer .b_nav1 ul{display:block;overflow:hidden;margin-top:15px}.footer .b_nav1 li{float:left;width:40%;height:36px;line-height:36px;margin:0 10px 10px 0;text-indent:.5em}.footer .b_nav1 a{font-size:16px;line-height:36px}.footer .b_nav ul{margin-top:15px}.footer .ewm h3{margin-bottom:20px}.footer .qr-placeholder{width:130px;height:130px}.Copyright{font-size:16px;line-height:normal;padding:20px 0;border-color:#999}
.fixed-contact-wrap{right:1px;top:auto;bottom:15%;height:280px;width:60px;padding:0;border-radius:30px;transition:width .4s;background:#e0332f;overflow:hidden}.fixed-contact-wrap:hover,.fixed-contact-wrap:focus-within{width:215px}.fixed-contact-wrap>a,.fixed-contact-wrap>button{width:100%;height:60px;justify-content:flex-end;padding-right:15px}.fixed-contact-wrap>a:last-child{height:130px;align-items:flex-start;padding-top:25px}.fixed-contact-wrap span{display:block;right:-145px;transition:right .4s;background:none;font-size:16px;max-width:145px;white-space:normal;text-align:center;padding:0 15px 0 10px;line-height:24px}.fixed-contact-wrap:hover span,.fixed-contact-wrap:focus-within span{right:60px}.fixed-contact-wrap a:hover span,.fixed-contact-wrap button:hover span{background:none}
.carousel-pause{opacity:0}.hero-carousel:hover .carousel-pause,.carousel-pause:focus-visible{opacity:1}
@media(max-width:1199px){
 .title{padding:3% 0;margin:25px auto}.title h2{font-size:.25rem;padding-bottom:20px;line-height:normal}.about-description{font-size:.2rem;line-height:1.9;padding:0 10px}.about-more{line-height:normal}.about ul li>div{height:auto}.about ul li img{height:auto;width:50%;max-width:93px}.about ul li p{font-size:.25rem;height:auto;line-height:.4rem}
 .pic_nav h2{font-size:.3rem;line-height:normal;margin:20px;text-align:center}.pic_nav h2 small{font-size:.3rem;line-height:normal}.pic_nav ul{display:block;overflow:hidden;padding:0}.pic_nav ul li{float:left;width:46%;height:auto;line-height:.5rem;margin:1%;border:0}.pic_nav ul li a{height:auto;line-height:.5rem;font-size:.2rem}.pic_nav .content{display:block}
 .product ul li p{height:55px;line-height:55px;font-size:.2rem}.home-products{padding-bottom:50px}.title1{padding:40px 0 20px;margin:0 10px 15px;min-height:0}.title1 h2{font-size:.3rem;line-height:normal}.title1 p{font-size:.2rem;line-height:24px}.more-outline{display:none}
 .adv{display:block;height:0;margin:0}.adv .advbox{display:none}.madv{display:block}.madv li{position:relative;margin-bottom:2px;overflow:hidden;aspect-ratio:750/400}.madv li>img{width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.madv li>div{position:absolute;inset:0}.madv li dl{padding:5%;margin-top:20px}.madv li h3{font-size:.3rem;line-height:normal;font-weight:400;margin-bottom:10px;padding:10px 0;text-indent:1em;color:white;position:relative}.madv li h3::after{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:#e0332f}.madv li dd{font-size:.2rem;line-height:.3rem;color:white}.mobile-visual-note{position:absolute;bottom:5px;right:8px;font-size:9px;color:#ddd}
 .case{padding:50px 0}.case .content{padding:0}.case .case-feature{width:100%;float:none;margin-top:5px;margin-bottom:0}.case .case-feature .pending-tile>div{aspect-ratio:1.3}.case .case-feature .pending-tile p{font-size:18px;height:66px;line-height:66px}.case ul{display:block;width:100%;overflow:hidden}.case ul li{float:left;width:50%;border:5px solid #eaeefa}.case ul li .pending-tile p{height:auto;line-height:.4rem;font-size:.22rem;padding-bottom:3%}.case ul li .pending-tile>div{margin:5px}
 .news_box{padding-bottom:40px;background-size:auto}.news_box>.content{padding:0 10px}.news_title{padding:5px 100px 5px 0;min-height:0;margin:0}.news_title h2{font-size:.2rem;line-height:normal}.news_title h2 span{font-size:.25rem}.news_title::after{display:block;width:100px;height:72px}.english-title{font-size:.3rem;line-height:normal}.english-title img{width:20px;margin-right:2px}.news_title>a{font-size:16px;line-height:24px;padding:8px 30px}.news_mbt{margin-top:40px}.news_mbt .n_box dl{margin:-30px 30px 0;padding:20px}.news_mbt .n_box h3{font-size:18.72px;height:30px;line-height:30px;padding:0 15px}.news_mbt .n_box p{font-size:16px;line-height:28px;height:50px;margin:20px 15px}.news_mbt .n_box dd{font-size:14px;margin:10px 15px;padding:5px 30px}.news_mbt .n_box dt{font-size:14px;padding:8px 15px;margin-left:10px}
 .footer{padding:30px 0}.footer .content{width:100%;display:flow-root}.footer .b_nav1,.footer .b_nav,.footer .ewm{display:none}.footer .info{width:100%;float:none;text-align:center}.footer .info h3{font-size:18px}.footer .info p{font-size:.2rem;line-height:.3rem;padding:0 10px}.Copyright{padding:20px 10px 90px;font-size:.2rem;line-height:.3rem}.buttom ul li{padding:3% 0}.buttom a{min-height:0;gap:0;font-size:.2rem;line-height:normal}.buttom .ui-icon{width:25px;height:25px;margin-bottom:5px}.fixed-contact-wrap{display:none}
}
@media(prefers-reduced-motion:reduce){[aos]{opacity:1!important;transform:none!important;transition:none!important}.carousel-pause{display:none}}

.title1 h2{text-align:left}.news-cover{aspect-ratio:5/3}.news_mbt .n_box{padding-bottom:15px}.n_box:hover h3{text-decoration:underline;color:#084499}.n_box:hover dt{background:#084499;color:white;display:inline-block}
@media(max-width:1199px){.about ul li img{width:30%;height:auto}.about ul li:nth-child(n+4) img{width:18%}.about ul li p{font-size:18px;line-height:60px;height:60px}.footer .info h3{font-size:.3rem}.footer .info p{line-height:.38rem}.Copyright{padding:20px 0 1.2rem;line-height:normal}.nav{background:#000000b8}.nav li a{line-height:.6rem;font-size:18px}}
.mbx{box-sizing:content-box}.mbx .p1{width:max-content;max-width:calc(100% - 90px);float:left;margin-left:16px;gap:0}.mbx .p1>*{flex:none;margin-left:10px;padding-right:14px}.mbx .p1>*+*::before{margin-right:10px}
.related-news{padding-bottom:50px}.related-news .n_title{padding:60px 0 25px}.related-news .n_title h2{font-size:38px;line-height:normal}.related-news .n_title p{font-size:20px;line-height:24px;margin-top:0}.related-news .news{margin:20px auto 10px}.related-news .news ul{display:block;overflow:hidden;padding-top:20px;padding-bottom:0}.related-news .news li{box-sizing:content-box;float:left;width:46%;padding:10px;margin:0 2% 15px 0;display:block;transition:all .5s}.related-news .news li>span{width:90px;float:left;display:block;margin-right:22px}.related-news .news li b{font-size:.3rem;font-family:'Microsoft YaHei';font-weight:700;line-height:normal;padding:10px 0}.related-news .news li i{font-size:.16rem;line-height:normal;padding:5px 0;border-top:1px dotted white}.related-news .news li dl{overflow:hidden;padding-bottom:3px}.related-news .news li h3{font-size:16px;line-height:normal;margin-bottom:.1rem;font-weight:600}.related-news .news li p{font-size:15px;line-height:.25rem}.related-news .news li:hover{transform:translateY(-10px)}.related-news .news li:hover h3{color:#da3332}.related-news .news li:hover>span{background:#da3332}
.fy{display:flex;gap:0;border:1px solid #d2d2d2;padding:0;margin:30px 0 0;font-size:16px}.fy>a,.fy>span,.fy .return{width:33.333333%;height:60px;line-height:60px;margin:0;padding:0 10px;border:0;border-right:1px solid #d2d2d2;text-align:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.fy>:last-child{border-right:0}.fy .return:hover{color:#006cd8;background:transparent}
.product-categories ul{display:block!important;margin:20px 0!important}.product-categories li{float:left!important;width:24%!important;margin:.5%!important}.product-categories a{font-size:20px;line-height:50px;border-radius:0;background:#f2f2f2}.product-categories a:hover{background:#0d4497;color:white}.pic_cont ul li{border:8px solid white;margin-bottom:0}.pic_cont .pic_box>div{aspect-ratio:1.30555}.pic_cont .pic_box>p{height:60px;line-height:60px;font-size:18px;font-weight:400}.pic_cont ul li:hover{background:#0d4497}.pic_cont ul li:hover p{color:white}.pic_cont ul li:hover img{transform:scale(1.1)}
.news_lb ul li{box-sizing:content-box}.news_lb li h2{font-size:18px;font-weight:400;line-height:normal;padding-right:100px}.news_lb li p{font-size:15px;line-height:24px}.news-filters button{border-radius:6px;border:1px solid #ccc;background:white;font-size:18px;color:#333}.news-filters button[aria-pressed=true],.news-filters button:hover{color:white;background:#0d4497}.editorial-nav a{border-radius:6px}.editorial-intro{border-left:3px solid #084499;padding:10px 20px;background:#f5f5f5}.pro-intro .share{font-size:12px;line-height:23px;padding:0 8px;min-height:47px}.contact-map{height:400px}.article-detailed{margin-top:20px}.article-detailed .intro p{line-height:30px}
@media(max-width:1199px){.related-news .n_title{padding:20px 0 0}.related-news .n_title h2{font-size:.3rem}.related-news .n_title p{font-size:.2rem}.related-news .news{padding:0 10px}.related-news .news ul{padding-top:20px}.related-news .news li{box-sizing:border-box;width:100%;padding:10px;margin:0 0 15px}.related-news .news li>span{width:60px;margin-right:15px}.related-news .news li h3{font-size:.2rem}.related-news .news li p{font-size:.2rem;line-height:.3rem}.fy{display:block}.fy>a,.fy>span,.fy .return{display:block;width:100%;line-height:40px;height:40px;border-right:0;border-bottom:1px solid #d2d2d2;font-size:14px}.fy>:last-child{border-bottom:0}.product-categories li{width:48%!important;margin:1%!important}.product-categories a{font-size:.22rem;line-height:42px}.pic_cont ul li{border-width:5px}.pic_cont .pic_box>p{font-size:.22rem;line-height:43px;height:43px}.news_lb li h2{font-size:.22rem;padding-right:0}.news_lb ul li{box-sizing:border-box;width:100%}.news_lb li p{font-size:.2rem}.news-filters button{font-size:.22rem}.editorial-intro{padding:10px 15px}.contact-map{height:400px}}
.footer .info{min-height:264px}
@media(max-width:1199px){.title1{padding-bottom:25px}.madv li{aspect-ratio:auto;height:calc(100vw * 400 / 750 + .25px);max-height:400.25px}.madv{padding-bottom:0}.related-news .news li>span{width:90px;margin-right:22px}.related-news .news li h3{font-size:.22rem;font-weight:400}.related-news .news li p{line-height:.25rem}.fy{display:flex;flex-wrap:wrap}.fy>a,.fy>span,.fy .return{width:50%;line-height:.35rem;height:auto;padding:2% 10px;font-size:.2rem;border-right:1px solid #d2d2d2;border-bottom:0}.fy>:last-child{width:100%;border-top:1px solid #ccc;border-right:0}.mbx .p1{float:none;width:auto}.footer .info{min-height:calc(4.2rem + 15px)}}
.case .case-feature .pending-tile>div,.case ul .pending-tile>div{aspect-ratio:656/500}
@media(max-width:1199px){.news_box{padding:0 10px 20px}.news_box>.content{padding:0}}
@media(min-width:640px) and (max-width:1199px){.footer .info{min-height:472.34375px}}
.hero-track{height:100%}.hero-slide{position:relative;inset:auto;visibility:visible;opacity:1;transition:none;height:100%;pointer-events:none}.hero-slide.is-active{pointer-events:auto}.hero-pagination{width:auto!important;left:auto!important}.hero-pagination>.swiper-pagination-bullet{width:auto;border-radius:0;opacity:1}.hero-carousel>.carousel-pause{position:absolute;z-index:5;right:calc(10% - 42px);bottom:42px;width:30px;height:28px;color:white;border:1px solid #ffffff70;border-radius:3px;font-size:16px;line-height:26px;background:#16375a55;padding:0}
@media(max-width:1199px){.hero-carousel>.carousel-pause{right:calc(5% - 26px);bottom:20px;width:24px;height:24px;line-height:22px;font-size:12px}}
/* Inner templates use their own mobile banner and single-column product rows. */
@media(max-width:1199px){
 .head{height:calc(.6rem + 43px)}.had{height:100%;min-height:0}
 .mbx{height:62px}.mbx .home{width:64px!important;height:62px!important}.mbx .p1{height:62px;max-width:calc(100% - 90px)}
 .pic_cont{padding:0}.pic_cont ul li{width:100%;float:none;border:10px solid white}.pic_cont .pic_box>p{height:60px;line-height:60px;font-size:18px}
 .news_lb{margin:20px 10px}.news_lb ul li{box-sizing:content-box;width:96%;padding:2%}.news_lb li h2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;padding-right:100px;margin-bottom:20px;line-height:normal}.news_lb li time{position:absolute;right:0;top:0;display:block;margin:0;font-size:12px}.news_lb li p{font-size:15px;line-height:24px;padding-right:0}.news-read{position:static;display:inline-block;margin-top:12px}
 .product-categories li{width:50%!important;border:5px solid white!important;margin:5px auto!important}.product-categories a{line-height:50px;border-radius:6px;background:white}
 .fy{margin-inline:-15px}
}
@media(max-width:650px){.n_banner{aspect-ratio:750/300}}
@media(max-width:520px){html:not([data-page="home"]) .head{height:calc(.6rem + 28px)}}
.fixed-contact-wrap{opacity:0;transform:translateX(95px)!important;transition:width .4s,opacity .4s,transform .4s}.fixed-contact-wrap.show{opacity:1;transform:none!important}.fixed-contact-wrap>a:last-child{height:160px}.fixed-contact-wrap>:not(:last-child)::after{content:'';position:absolute;bottom:0;left:10%;width:80%;height:1px;background:#ffffff1a;opacity:0}.fixed-contact-wrap:hover>:not(:last-child)::after{opacity:1}
@media(max-width:1199px){
 .head{height:127.328125px}.n_banner{width:100%;max-width:none;aspect-ratio:1920/400}.mbx{max-width:none}
 .nav ul{background:transparent;padding-top:10%}.nav li{border:0!important}.nav li a{color:white!important;background:transparent;line-height:.6rem;font-size:.22rem}
 .nav li a:hover,.nav li a:focus-visible{background:#1a3582}
 .fanhui{bottom:14%;background:none}.fanhui>button{padding:0;border:0}.fanhui img{display:block;width:54px;height:72px}
 .buttom a>img{width:30px;height:30px;margin-bottom:5px}.buttom a>span{font-size:14px}
}
@media(max-width:650px){.n_banner{aspect-ratio:750/300}}
@media(max-width:520px){.head{height:calc(.6rem + 43px)}html:not([data-page="home"]) .head{height:calc(.6rem + 28px)}}
.editorial-intro{border:0;background:none;padding:0;line-height:30px}.editorial-tag{background:none;color:#919191;padding:0;font-size:12px;margin:0 0 8px 20px}.news_lb li h2{transition:all .5s}.news_lb li h2:hover{padding-left:10px}.news-read{font-size:0;width:26px;height:24px;position:absolute;right:0;bottom:6px;margin:0}.news-read::after{content:'››';font-size:22px;color:#999;line-height:24px}.news_lb li p{padding-right:60px}
@media(max-width:1199px){.news_lb{margin:20px 0}.buttom{z-index:10003}.editorial-intro{margin:0 15px 24px}.news_lb li time{top:30px}.news_lb li p{padding-right:60px}}
@media(min-width:651px) and (max-width:1199px){.news_box{padding-left:0;padding-right:0}}
.hot,.hot span{font-size:36px;font-weight:400}.hot small{font-size:19px}.pro-intro>h2{line-height:normal;font-weight:400;margin-bottom:16px}
@media(max-width:1199px){.case{max-width:none}.anli_lb{padding:0}.pro-intro{padding:10px 0 20px}.pro-intro>h2{font-size:.3rem}.pro-intro .fy{margin-inline:0}}
/* User-approved dual contact header; mobile quick actions retain their existing layout. */
.hot.header-phone-preview{display:flex;align-items:center;gap:18px;margin-top:26px;padding:0;width:auto;height:76px;line-height:36px;color:#e0332f}
.hot.header-phone-preview>.ui-icon{width:50px;height:50px;flex:0 0 50px;margin:0}
.hot.header-phone-preview .phone-rows{display:grid;row-gap:4px}
.hot.header-phone-preview .phone-row{display:grid;grid-template-columns:88px max-content;column-gap:8px;align-items:center;height:36px;line-height:36px;text-decoration:none;white-space:nowrap}
.hot.header-phone-preview .contact-name{font:400 22px/36px 'Microsoft YaHei',Arial,sans-serif;color:#8b8b8b}
.hot.header-phone-preview .contact-number{font:400 36px/36px DINProb,'Microsoft YaHei',Arial,sans-serif;color:#e0332f;font-variant-numeric:tabular-nums;letter-spacing:.4px}
@media(max-width:1199px){.hot.header-phone-preview{display:none}}