html{font-size:100px}
body{padding-top:.98rem}
.header{position:fixed;top:0;left:0;width:100%;z-index:200;background-color:#fff;padding:0 .73rem;display:flex;align-items:center;justify-content:space-between;height:.98rem}
.header .logo{height:.76rem}
.header .logo img{display:block;height:100%}
.header .hd-r{flex:1;display:flex;align-items:center;justify-content:flex-end}
.header .nav{display:flex;align-items:center;padding-right:.7rem;margin-right:.47rem;position:relative}
.header .nav:after{content:'';background:#eaeef5;position:absolute;width:1px;height:.98rem;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0}
.header .nav .item+.item{margin-left:.6rem}
.header .nav .item a{color:#1a1b20;font-size:.18rem;position:relative}
.header .nav .item a:after{content:'';position:absolute;left:0;width:100%;height:2px;top:-.35rem;background:#1878bc;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.header .nav .item a:hover,.header .nav .item.active a{font-weight:700}
.header .nav .item a:hover:after,.header .nav .item.active a:after{opacity:1}
.header .tools{display:flex;align-items:center}
.header .tools a+a{margin-left:.18rem}
.header .tools a{width:.46rem;height:.46rem;background:#194e9a;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.header .tools a img{display:block;max-width:50%}
.header .tools a:hover{background:rgba(25,78,154,.8)}
.footer{background:#0e101f;color:#f8f8f8;padding:.8rem 0 .7rem}
.footer a{color:#f8f8f8}
.footer a:hover{opacity:.8}
.footer .fd-nav{display:flex;justify-content:space-between}
.footer .fd-nav .tit{color:#f8f8f8;font-size:.18rem;font-weight:700;margin-bottom:.2rem}
.footer .fd-nav .row{display:flex}
.footer .fd-nav .col+.col{margin-left:.9rem}
.footer .fd-nav .col a{display:block}
.footer .fd-mid{margin-top:.3rem;padding-top:.5rem;padding-bottom:.4rem;margin-bottom:.3rem;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);display:flex;align-items:flex-start;justify-content:space-between}
.footer .fd-mid .text h3{font-size:.18rem;color:#f8f8f8;margin-bottom:.2rem}
.footer .fd-mid .text .info{display:flex;align-items:flex-start;font-size:.16rem}
.footer .fd-mid .text .info .col+.col{margin-left:1.4rem}
.footer .fd-mid .text .info .col{flex:0 0 5.9rem;flex-wrap:wrap}
.footer .fd-mid .text .info .col p{margin-bottom:.1rem}
.footer .fd-mid .text .info .col.df{display:flex;justify-content:space-between}
.footer .fd-mid .text .info .col.df p{white-space:nowrap}
.footer .fd-mid .qr{display:flex;align-items:flex-start}
.footer .fd-mid .qr h3{color:#fff;font-size:.18rem;margin-right:.2rem}
.footer .fd-mid .qr .pic{width:1.18rem;height:1.18rem;background-color:#fff;padding:.12rem}
.footer .fd-mid .qr .pic img{display:block;width:100%;height:100%;object-fit:contain}
.footer .fd-bot{font-size:.16rem;color:#f8f8f8}
.swi-ban{overflow:hidden;position:relative}
.swi-ban .swiper-slide{position:relative}
.swi-ban .swiper-slide .pic img{width:100%;display:block}
.swi-ban .swiper-slide .wp{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:20;height:100%;padding-top:2rem;color:#fff}
.swi-ban .swiper-slide .text h3{font-weight:700;font-size:.6rem;color:#fff;line-height:.42rem}
.swi-ban .swiper-slide .text p{margin:.2rem 0 .1rem;font-weight:100;font-size:.36rem;color:#fff;line-height:.3rem;text-transform:capitalize}
.swi-ban .swiper-pagination{position:static;text-align:left}
.swi-ban .swi-tools{position:absolute;bottom:.5rem;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 .73rem}
.swi-ban .swi-tools .swi-btn{display:flex;align-items:center}
.swi-ban .swi-tools .swiper-next{margin-left:.16rem;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.swi-ban .swi-tools .swiper-next,.swi-ban .swi-tools .swiper-prev{cursor:pointer;background:url(../images/swi-l.png) no-repeat center center/contain;width:.16rem;height:.23rem}
.swi-ban .swiper-pagination-bullet{width:.14rem;height:.14rem;background:#fff;border-radius:50%;opacity:1}
.swi-ban .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1878bc}
.g-btn{width:1.57rem;height:.46rem;background:linear-gradient(90deg,#194e9a,#1878bc);border-radius:.23rem;display:flex;align-items:center;justify-content:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.g-btn span{font-weight:300;font-size:.16rem;color:#fff}
.g-btn i{background:url(../images/arrow-r.png) no-repeat center center/contain;width:.13rem;height:.1rem;margin-left:.27rem}
.g-btn:hover{opacity:.8}
.index-product{padding:.8rem 0;background:url(../images/sec1-bg.jpg) no-repeat center bottom/cover}
.index-product .sec-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.6rem}
.index-product .sec-top h3{font-size:.42rem;color:#231d21;font-weight:700}
.index-product .sec-top p{font-size:.24rem;color:#231d21}
.index-product .sec-top .cate-list{display:flex;align-items:center}
.index-product .sec-top .cate-list .item{text-align:center;cursor:pointer;margin-left:.4rem}
.index-product .sec-top .cate-list .item .icon{width:.74rem;height:.74rem;background-color:#fff;border:1px solid #d5d5e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .1rem;-webkit-transition:all .3s;transition:all .3s}
.index-product .sec-top .cate-list .item .icon img{width:.4rem;height:.4rem;object-fit:contain}
.index-product .sec-top .cate-list .item p{font-size:.16rem;color:#231d21;-webkit-transition:all .3s;transition:all .3s}
.index-product .sec-top .cate-list .item.active .icon{border-color:#194e9a}
.index-product .sec-top .cate-list .item.active p{color:#231d21;font-size:.2rem;font-weight:700}
.swi-pro-wrap.show{display:block}
.swi-pro-wrap{position:relative;display:none}
.swi-pro-wrap .swi-btn .swiper-next,.swi-pro-wrap .swi-btn .swiper-prev{position:absolute;top:50%;transform:translateY(-50%);width:.56rem;height:.56rem;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-transition:all .3s;transition:all .3s;border:1px solid #194e9a}
.swi-pro-wrap .swi-btn .swiper-next:after,.swi-pro-wrap .swi-btn .swiper-prev:after{content:'';width:.16rem;height:.16rem;background:url(../images/swi-l2-b.png) no-repeat center center/contain}
.swi-pro-wrap .swi-btn .swiper-next:hover,.swi-pro-wrap .swi-btn .swiper-prev:hover{background:linear-gradient(90deg,#194e9a,#1878bc)}
.swi-pro-wrap .swi-btn .swiper-next:hover:after,.swi-pro-wrap .swi-btn .swiper-prev:hover:after{background-image:url(../images/swi-l2-w.png)}
.swi-pro-wrap .swi-btn .swiper-prev{left:-.72rem}
.swi-pro-wrap .swi-btn .swiper-next{right:-.72rem}
.swi-pro-wrap .swi-btn .swiper-next:after{transform:rotate(180deg)}
.swi-pro{position:relative;overflow:hidden}
.swi-pro .swiper-slide .inner{display:block;background:#fff;padding:.4rem .2rem;-webkit-transition:all .3s;transition:all .3s}
.swi-pro .swiper-slide .inner .pic{height:3.6rem;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}
.swi-pro .swiper-slide .inner .pic img{max-width:100%;max-height:100%}
.swi-pro .swiper-slide .inner .text h3{font-size:.18rem;color:#1a1b20;position:relative;padding-left:.2rem;-webkit-transition:all .3s;transition:all .3s}
.swi-pro .swiper-slide .inner .text h3:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:2px;background:#1878bc}
.swi-pro .swiper-slide .inner:hover{box-shadow:0 10px 30px rgba(0,0,0,.05)}
.swi-pro .swiper-slide .inner:hover .text h3{color:#194e9a}
.index-solution{position:relative}
.index-solution .g-tit{position:absolute;top:.92rem;left:.72rem;z-index:20}
.index-solution .g-tit span{color:#fff}
.index-solution .solution-list{display:flex;height:8.52rem;overflow:hidden}
.index-solution .solution-list .item{flex:1;position:relative;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;cursor:pointer}
.index-solution .solution-list .item .pic{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.index-solution .solution-list .item .pic img{width:100%;height:100%;object-fit:cover;display:block;-webkit-transition:all .5s;transition:all .5s}
.index-solution .solution-list .item .pic:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(25,78,154,.6);-webkit-transition:all .5s;transition:all .5s}
.index-solution .solution-list .item .num{position:absolute;top:.9rem;left:.4rem;font-size:.3rem;color:#fff;font-weight:700;z-index:2}
.index-solution .solution-list .item .text{position:absolute;left:.7rem;right:.7rem;bottom:1.8rem;color:#fff;z-index:2;padding-right:.4rem}
.index-solution .solution-list .item .text h3{font-size:.18rem;font-weight:700;margin-bottom:.2rem;white-space:nowrap;-webkit-transition:all .3s;transition:all .3s}
.index-solution .solution-list .item .text p{font-size:.16rem;line-height:1.6;opacity:0;height:0;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}
.index-solution .solution-list .item .more{position:absolute;left:.62rem;bottom:.78rem;width:.56rem;height:.56rem;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;opacity:1;-webkit-transition:all .5s;transition:all .5s}
.index-solution .solution-list .item .more:after{content:'';width:.16rem;height:.13rem;background:url(../images/arrow-r.png) no-repeat center center/contain;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.index-solution .solution-list .item.active{flex:0 0 7.24rem}
.index-solution .solution-list .item.active .num{left:auto;right:.4rem}
.index-solution .solution-list .item.active .pic:after{background:url(../images/mask.png) no-repeat center center/cover}
.index-solution .solution-list .item.active .pic img{opacity:1}
.index-solution .solution-list .item.active .text{bottom:auto;top:1.6rem}
.index-solution .solution-list .item.active .text h3{font-size:.42rem}
.index-solution .solution-list .item.active .text p{opacity:1;height:auto;margin-top:.2rem}
.index-solution .solution-list .item.active .more{opacity:1;background:linear-gradient(90deg,#194e9a,#1878bc);border-color:transparent}
.index-solution .solution-list .item.active .more:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.index-case{padding:.8rem 0 1rem;background:url(../images/sec3-bg.jpg) no-repeat center center/cover}
.index-case .sec-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.24rem}
.index-case .sec-top h3{font-size:.42rem;color:#231d21;font-weight:700}
.index-case .sec-top p{font-size:.24rem;color:#231d21}
.index-case .swi-case-wrap{position:relative}
.index-case .swi-case-wrap .swi-btn .swiper-next,.index-case .swi-case-wrap .swi-btn .swiper-prev{position:absolute;top:50%;transform:translateY(-50%);margin-top:-.47rem;width:.56rem;height:.56rem;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-transition:all .3s;transition:all .3s;border:1px solid #194e9a}
.index-case .swi-case-wrap .swi-btn .swiper-next:after,.index-case .swi-case-wrap .swi-btn .swiper-prev:after{content:'';width:.16rem;height:.16rem;background:url(../images/swi-l2-b.png) no-repeat center center/contain}
.index-case .swi-case-wrap .swi-btn .swiper-next:hover,.index-case .swi-case-wrap .swi-btn .swiper-prev:hover{background:linear-gradient(90deg,#194e9a,#1878bc)}
.index-case .swi-case-wrap .swi-btn .swiper-next:hover:after,.index-case .swi-case-wrap .swi-btn .swiper-prev:hover:after{background-image:url(../images/swi-l2-w.png)}
.index-case .swi-case-wrap .swi-btn .swiper-prev{left:-.8rem}
.index-case .swi-case-wrap .swi-btn .swiper-next{right:-.8rem}
.index-case .swi-case-wrap .swi-btn .swiper-next:after{transform:rotate(180deg)}
.index-case .swi-case{overflow:hidden;padding-bottom:1rem}
.index-case .swi-case .swiper-slide{-webkit-transition:all .5s;transition:all .5s}
.index-case .swi-case .swiper-slide.swiper-slide-active{opacity:1;-webkit-transform:translateY(.94rem);-moz-transform:translateY(.94rem);-ms-transform:translateY(.94rem);-o-transform:translateY(.94rem);transform:translateY(.94rem)}
.index-case .swi-case .swiper-slide .item{position:relative;height:5rem;overflow:hidden}
.index-case .swi-case .swiper-slide .item .pic{width:100%;height:100%}
.index-case .swi-case .swiper-slide .item .pic img{width:100%;height:100%;object-fit:cover;display:block}
.index-case .swi-case .swiper-slide .item .text{position:absolute;left:.4rem;bottom:.4rem;color:#fff;z-index:2;right:.4rem}
.index-case .swi-case .swiper-slide .item .text h3{font-size:.24rem;font-weight:700;margin-bottom:.1rem}
.index-case .swi-case .swiper-slide .item .text p{font-size:.16rem}
.g-tit{display:flex;align-items:center;margin-bottom:.2rem}
.g-tit img{width:.39rem;margin-right:.04rem}
.g-tit span{font-size:.24rem;color:#194e9a;font-weight:700}
.index-news{padding:.8rem 0}
.index-news .sec-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.6rem}
.index-news .sec-top h3{font-size:.42rem;color:#231d21;font-weight:700}
.index-news .sec-top p{font-size:.24rem;color:#231d21}
.index-news .news-mid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}
.index-news .news-mid .news-hot{width:5.73rem;background:#f6f6f6}
.index-news .news-mid .news-hot .pic{height:3.65rem;overflow:hidden}
.index-news .news-mid .news-hot .pic img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s;transition:all .5s}
.index-news .news-mid .news-hot .info{display:flex;align-items:flex-start;padding:.6rem .3rem .3rem}
.index-news .news-mid .news-hot .info .date{margin-right:.4rem;color:#069}
.index-news .news-mid .news-hot .info .date .d{display:block;font-size:.48rem;line-height:1}
.index-news .news-mid .news-hot .info .date .m{display:block;font-size:.16rem;margin-top:.1rem;color:#333}
.index-news .news-mid .news-hot .info .text{flex:1}
.index-news .news-mid .news-hot .info .text h3{font-size:.24rem;color:#231d21;font-weight:700;margin-bottom:.2rem;line-height:1.4}
.index-news .news-mid .news-hot .info .text .more{font-size:.16rem;color:#194e9a}
.index-news .news-mid .news-hot:hover .pic img{transform:scale(1.1)}
.index-news .news-mid .news-list-wrap{flex:1;margin-left:1.08rem}
.index-news .news-mid .news-list-wrap .g-tit{margin-bottom:.3rem;display:flex;align-items:center}
.index-news .news-mid .news-list-wrap .g-tit:before{content:'';width:.12rem;height:.12rem;background:#194e9a;border-radius:50%;margin-right:.1rem}
.index-news .news-mid .news-list-wrap .g-tit span{font-size:.26rem;color:#231d21;font-weight:700}
.index-news .news-bot{display:flex;justify-content:space-between;gap:.5rem}
.index-news .news-bot .col{flex:1}
.index-news .news-bot .col .g-tit{margin-bottom:.2rem;display:flex;align-items:center}
.index-news .news-bot .col .g-tit:before{content:'';width:.12rem;height:.12rem;background:#194e9a;border-radius:50%;margin-right:.1rem}
.index-news .news-bot .col .g-tit span{font-size:.26rem;color:#231d21;font-weight:700}
.news-list .item{display:flex;justify-content:space-between;align-items:center;padding:.16rem .25rem .16rem .4rem;background:#f6f6f6;margin-bottom:.1rem;-webkit-transition:all .3s;transition:all .3s}
.news-list .item .text{flex:1;padding-right:.4rem;width:0}
.news-list .item .text h3{font-size:.18rem;color:#333;margin-bottom:.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list .item .text p{font-size:.14rem;color:#333}
.news-list .item .more{font-size:.14rem;color:#0a3e7c}
.news-list .item:hover{background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.index-message{padding:1.2rem 0;background:url(../images/sec5-bg.jpg) no-repeat center center/cover;color:#fff}
.index-message .message-content{display:flex;justify-content:space-between;align-items:flex-start}
.index-message .message-content .text{flex:0 0 5.4rem}
.index-message .message-content .text .g-tit span{color:#fff}
.index-message .message-content .text h3{font-size:.42rem;font-weight:700;line-height:.48rem;margin:.2rem 0}
.index-message .message-content .text p{font-size:.24rem}
.index-message .message-content .form-box{flex:1;padding-top:.6rem;margin-left:1.5rem}
.index-message .message-content .form-box .top-info{font-size:.24rem;line-height:1.6;margin-bottom:.4rem}
.index-message .message-content .form-box form .row{display:flex;gap:.2rem;margin-bottom:.2rem}
.index-message .message-content .form-box form .row .input-item{flex:1}
.index-message .message-content .form-box form .input-item{margin-bottom:.2rem}
.index-message .message-content .form-box form .input-item input{width:100%;height:.56rem;background:rgba(14,65,138,.3);border:1px solid rgba(255,255,255,.3);border-radius:.04rem;padding:0 .2rem;color:#fff;font-size:.16rem}
.index-message .message-content .form-box form .input-item input::placeholder{color:rgba(255,255,255,.6)}
.index-message .message-content .form-box form .input-item input:focus{border-color:#fff;outline:0}
.index-message .message-content .form-box form .input-item.full{margin-bottom:.4rem}
.index-message .message-content .form-box form .submit-btn{width:4.52rem;height:.68rem;background:linear-gradient(90deg,#194e9a,#1878bc);border-radius:.08rem;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.index-message .message-content .form-box form .submit-btn span{color:#fff;font-size:.18rem;font-weight:700;margin-right:.3rem}
.index-message .message-content .form-box form .submit-btn i{width:.13rem;height:.1rem;background:url(../images/arrow-r.png) no-repeat center center/contain}
.index-message .message-content .form-box form .submit-btn:hover{opacity:.9;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.index-client{background-color:#fff}
.index-client .wp{padding:1.2rem 0;position:relative}
.index-client .g-tit{position:absolute;left:0;top:-.42rem;margin-bottom:.6rem;background:#fff;width:2.63rem;height:1.09rem;border-radius:.3rem;z-index:10;display:flex;align-items:center;justify-content:center}
.index-client .client-list{display:flex;justify-content:space-between;gap:.2rem}
.index-client .client-list .item{flex:1;height:1.48rem;border:1px solid #eaeaea;border-radius:.1rem;display:flex;align-items:center;justify-content:center;padding:.2rem;-webkit-transition:all .3s;transition:all .3s}
.index-client .client-list .item img{max-width:100%;max-height:100%;object-fit:contain}
.index-client .client-list .item:hover{box-shadow:0 10px 30px rgba(0,0,0,.05);border-color:#194e9a}
.inner-banner{height:3.5rem;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center}
.inner-banner .text{color:#fff}
.inner-banner .text h3{font-size:.48rem;font-weight:700;margin-bottom:.1rem}
.inner-banner .text p{font-size:.24rem;opacity:.8}
.inner-banner .text .slog{font-size:32px;font-weight:400;font-family:HarmonyOS_Sans_SC_Bold;margin-bottom:.1rem;line-height:1.2}
.sub-nav{height:.85rem;background:url(../images/sub-nav-bg.jpg) no-repeat center center/cover;display:flex;align-items:center}
.sub-nav .nav-content{display:flex;justify-content:space-between;align-items:center}
.sub-nav .nav-content .tit{font-size:.28rem;color:#fff;font-weight:700}
.sub-nav .nav-content .tel{font-size:.18rem;color:#fff;display:flex;align-items:center}
.sub-nav .nav-content .tel span{font-size:.32rem;font-weight:700;margin-left:.1rem}
.sub-nav .nav-content .list{display:flex;gap:.04rem}
.sub-nav .nav-content .list a{height:.4rem;padding:0 .2rem;border:1px solid #fff;border-radius:.2rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.16rem}
.sub-nav .nav-content .list a.active,.sub-nav .nav-content .list a:hover{background:linear-gradient(90deg,#194e9a,#1878bc);color:#fff;font-weight:700}
.about-intro{padding:.8rem 0}
.about-intro .intro-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}
.about-intro .intro-top .left{flex:1;padding-right:1.12rem}
.about-intro .intro-top .left h3{font-size:.42rem;color:#231d21;font-weight:700}
.about-intro .intro-top .left .summary{font-size:.24rem;color:#231d21;margin-bottom:.4rem}
.about-intro .intro-top .left .desc{font-size:.18rem;color:#231d21;line-height:.3rem}
.about-intro .intro-top .left .desc p{margin-bottom:.2rem}
.about-intro .intro-top .right{flex:0 0 7.5rem}
.about-intro .intro-top .right .video-box{width:100%;height:3.8rem;position:relative;overflow:hidden}
.about-intro .intro-top .right .video-box video{width:100%;height:100%;object-fit:cover;display:block}
.about-intro .intro-top .right .video-box .play-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1.26rem;height:1.26rem;cursor:pointer;background:url(../images/play.png) no-repeat center center/contain}
.about-intro .intro-data{display:flex;justify-content:space-between}
.about-intro .intro-data .item{flex:1;text-align:left;padding:0 .3rem;border-left:1px solid #eaeaea;display:flex;align-items:center;justify-content:center}
.about-intro .intro-data .item:first-child{border-left:none;padding-left:0;justify-content:flex-start}
.about-intro .intro-data .item:last-child{justify-content:flex-end;padding-right:0}
.about-intro .intro-data .item .num{font-size:.42rem;color:#194e9a;font-weight:700;margin-bottom:.1rem}
.about-intro .intro-data .item .num span{font-size:.16rem;margin-left:.05rem;color:#231d21}
.about-intro .intro-data .item p{font-size:.18rem;color:#231d21}
.about-advantage{background-color:#f4f7fb;padding:.8rem 0 1rem}
.about-advantage .g-tit{margin-bottom:.38rem}
.about-advantage .g-tit span{color:#231d21;font-size:.42rem}
.about-advantage .advantage-list{display:flex;justify-content:space-between;gap:.2rem}
.about-advantage .advantage-list .item{flex:1;background:#fff;padding:.4rem .3rem .6rem;text-align:center;position:relative;-webkit-transition:all .3s;transition:all .3s}
.about-advantage .advantage-list .item .num-top{font-size:.18rem;color:#194e9a;font-weight:700;text-align:left;margin-bottom:.2rem}
.about-advantage .advantage-list .item .icon{width:.96rem;height:.96rem;background:#194e9a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .3rem}
.about-advantage .advantage-list .item .icon img{width:.5rem;height:.5rem;object-fit:contain}
.about-advantage .advantage-list .item .tit{font-size:.36rem;color:#194e9a;font-weight:700;margin-bottom:.1rem}
.about-advantage .advantage-list .item .sub{font-size:.18rem;color:#333;margin-bottom:.4rem}
.about-advantage .advantage-list .item p{font-size:.16rem;color:#333;line-height:1.6}
.about-advantage .advantage-list .item:hover{box-shadow:0 10px 30px rgba(0,0,0,.1)}
.about-history{padding:.8rem 0 1rem;background-image:url(../images/map.png);background-position:7rem .8rem;background-repeat:no-repeat;-webkit-background-size:10.28rem auto;background-size:10.28rem auto}
.about-history .g-tit{margin-bottom:.2rem}
.about-history h3{font-size:.42rem;color:#231d21;font-weight:700;margin-bottom:1.2rem}
.about-history .swi-history-wrap{position:relative}
.about-history .swi-history{overflow:hidden}
.about-history .swi-history .swiper-slide{padding-bottom:1rem;position:relative;box-sizing:border-box}
.about-history .swi-history .swiper-slide .item{
    min-height: 490px;
    border-left:1px solid #e5eaf1;padding:.4rem .4rem 1rem;position:relative}
.about-history .swi-history .swiper-slide .item .year{font-size:.5rem;color:#194e9a;font-weight:300;margin-bottom:.2rem;line-height: 1;}
.about-history .swi-history .swiper-slide .item .year span{font-size:.24rem;margin-left:.05rem}
.about-history .swi-history .swiper-slide .item .year small{font-size:.24rem;color:#333;font-weight:300}
.about-history .swi-history .swiper-slide .item p{font-size:.18rem;color:#333;line-height:1.8}
.about-history .swi-history .swiper-slide .item .dot{z-index:20;position:absolute;left:0;bottom:-.7rem;width:.26rem;height:.26rem;background:url(../images/dot.png) no-repeat center center/contain}
.about-history .swi-history-ctrl{position:absolute;bottom:.7rem;left:0;width:100%}
.about-history .swi-history-ctrl .swiper-next,.about-history .swi-history-ctrl .swiper-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:.56rem;height:.56rem;border:1px solid #194e9a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;flex-shrink:0}
.about-history .swi-history-ctrl .swiper-next:after,.about-history .swi-history-ctrl .swiper-prev:after{content:'';width:.16rem;height:.16rem;background:url(../images/swi-l2-b.png) no-repeat center center/contain}
.about-history .swi-history-ctrl .swiper-next:hover,.about-history .swi-history-ctrl .swiper-prev:hover{background:#194e9a}
.about-history .swi-history-ctrl .swiper-next:hover:after,.about-history .swi-history-ctrl .swiper-prev:hover:after{background-image:url(../images/swi-l2-w.png)}
.about-history .swi-history-ctrl .swiper-prev{left:-.7rem}
.about-history .swi-history-ctrl .swiper-next{right:-.7rem}
.about-history .swi-history-ctrl .swiper-next:after{transform:rotate(180deg)}
.about-history .swi-history-ctrl .line-box{position:relative;height:.1rem;background:url(../images/tick.png) no-repeat left center/auto 100%}
.about-strength{padding:1rem 0;background:url(../images/abo-bg2.jpg) no-repeat center center/cover}
.about-strength .strength-content{display:flex;justify-content:space-between;align-items:flex-start;padding-top:.6rem}
.about-strength .strength-content .left{width:5rem}
.about-strength .strength-content .left .g-tit{margin-bottom:.3rem}
.about-strength .strength-content .left h3{font-size:.42rem;color:#231d21;font-weight:700;margin-bottom:.2rem}
.about-strength .strength-content .left .sub-tit{font-size:.24rem;color:#231d21;margin-bottom:.6rem}
.about-strength .strength-content .right{flex:1;margin-left:.5rem;padding-top:1.4rem}
.about-strength .strength-content .right .strength-list{display:flex;flex-wrap:wrap;margin:0 -.14rem}
.about-strength .strength-content .right .strength-list .item{width:calc(50% - .28rem);margin:0 .14rem .24rem;background:linear-gradient(90deg,#194e9a,#1878bc);border-radius:.1rem;padding:.45rem .6rem;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box}
.about-strength .strength-content .right .strength-list .item .info{flex:1;padding-right:.2rem}
.about-strength .strength-content .right .strength-list .item .info h4{font-size:.24rem;color:#fff;font-weight:700;margin-bottom:.2rem;display:flex;align-items:flex-end;justify-content:space-between}
.about-strength .strength-content .right .strength-list .item .info p{font-size:.16rem;color:rgba(255,255,255,.8);line-height:1.6}
.about-strength .strength-content .right .strength-list .item .icon{width:.7rem;height:.7rem;flex-shrink:0}
.about-strength .strength-content .right .strength-list .item .icon img{width:100%;height:100%;object-fit:contain}
.about-culture{padding:1rem 0;background:#fff}
.about-culture .g-tit{margin-bottom:.6rem}
.about-culture .culture-list{display:flex;justify-content:space-between;height:4.8rem}
.about-culture .culture-list .item{flex:1;position:relative;margin:0 .1rem;border-radius:.15rem;overflow:hidden;background:#f4f7fb;transition:all .5s ease;cursor:pointer}
.about-culture .culture-list .item .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;transform:scale(1.1);transition:all .8s ease;z-index:1}
.about-culture .culture-list .item .inner{position:relative;z-index:2;padding:.6rem .4rem;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;transition:all .5s ease}
.about-culture .culture-list .item .inner .icon{width:.8rem;height:.8rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;border:1px solid #194e9a;transition:all .5s ease}
.about-culture .culture-list .item .inner .icon img{width:.4rem;height:.4rem;object-fit:contain}
.about-culture .culture-list .item .inner .info h4{font-size:.24rem;color:#333;font-weight:700;margin-bottom:.2rem;transition:all .5s ease}
.about-culture .culture-list .item .inner .info p{font-size:.18rem;color:#333;line-height:1.6;max-width:4rem;opacity:1;transition:all .5s ease}
.about-culture .culture-list .item.active{flex:2.2}
.about-culture .culture-list .item.active .bg{opacity:1}
.about-culture .culture-list .item.active .inner{padding-left:.8rem;background:rgba(25,78,154,.1)}
.about-culture .culture-list .item.active .inner .icon{background:0 0;border-color:#194e9a}
.about-culture .culture-list .item.active .inner .info h4{color:#1a1b20}
.about-culture .culture-list .item.active .inner .info p{color:#333}
.about-culture .culture-list .item:first-child{margin-left:0}
.about-culture .culture-list .item:last-child{margin-right:0}
.pro-banner{text-align:center;position:relative;padding:1.8rem 0 1.14rem}
.pro-banner img{position:absolute;top:0;left:0;width:100%}
.pro-banner .wp{position:relative;z-index:1}
.pro-banner h3{font-weight:700;font-size:.48rem;color:#1d1d23}
.pro-main{background:#eaeef5}
.pro-content.pt0{padding-top:0}
.pro-content{padding:.8rem 0}
.pro-content .wp.df{display:flex;justify-content:space-between}
.pro-content .pro-left{width:3.38rem}
.pro-content .pro-left .g-tit span{font-size:.3rem;color:#181a29}
.pro-content .pro-right{width:calc(100% - 4.6rem)}
.pro-content .pro-right .g-tit{margin-bottom:.17rem}
.pro-content .pro-right .g-tit span{font-weight:700;font-size:.3rem;color:#181a29}
.pro-content .side-nav{background:#fff;overflow:hidden;margin-bottom:.4rem}
.pro-content .side-nav ul li{border-bottom:1px solid #eaedf5;margin-bottom:1px}
.pro-content .side-nav ul li:last-child{border-bottom:none}
.pro-content .side-nav ul li .tit{height:.6rem;line-height:.6rem;padding:0 .2rem;font-size:.18rem;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#f8f9fe;transition:all .3s}
.pro-content .side-nav ul li .tit .icon{width:.13rem;height:.09rem;background:url(../images/arrow-down.png) no-repeat center;background-size:contain;transition:all .3s}
.pro-content .side-nav ul li .sub-list{display:none;padding:.1rem 0}
.pro-content .side-nav ul li .sub-list a{display:block;padding:.08rem .4rem;font-size:.16rem;color:#181a29;transition:all .3s}
.pro-content .side-nav ul li .sub-list a.active,.pro-content .side-nav ul li .sub-list a:hover{color:#194e9a;font-weight:700}
.pro-content .side-nav ul li.active .tit{background:#e4e8f5}
.pro-content .side-nav ul li.active .tit .icon{transform:rotate(180deg)}
.pro-content .side-msg{background:#fff;padding:.18rem .2rem;border-radius:.04rem}
.pro-content .side-msg form input,.pro-content .side-msg form textarea{width:100%;height:.4rem;border:1px solid #d6dbec;margin-bottom:.1rem;padding:0 .16rem;font-size:.14rem;outline:0;box-sizing:border-box;color:#333}
.pro-content .side-msg form textarea{height:1.3rem;padding:.16rem;display:block;resize:none;margin-bottom:.04rem}
.pro-content .side-msg form button{display:block;width:100%;height:.4rem;background:#194e9a;color:#fff;border:none;border-radius:.04rem;cursor:pointer;font-size:.16rem;transition:all .3s}
.pro-content .side-msg form button:hover{background:#123c7a}
.pro-content .pro-list{display:flex;flex-wrap:wrap;gap:.5rem}
.pro-content .pro-list .item{flex:1 0 calc(33.3% - .5rem);background:#fff;padding:.3rem;box-sizing:border-box;transition:all .3s;position:relative}
.pro-content .pro-list .item .img-box{width:100%;height:2.49rem;margin-bottom:.8rem;padding:.15rem}
.pro-content .pro-list .item .img-box img{width:100%;height:100%;object-fit:contain}
.pro-content .pro-list .item .info h3{font-size:.18rem;color:#322d30;font-weight:400;text-align:left}
.pro-content .pro-list .item .info .more{position:absolute;bottom:-.22rem;left:50%;transform:translateX(-50%) translateY(50%);width:.45rem;height:.45rem;background:linear-gradient(180deg,#194e9a,#1878bc);opacity:0;border-radius:50%;transition:all .3s}
.pro-content .pro-list .item .info .more:After{content:'';background:url(../images/arrow-r.png) no-repeat center center/contain;width:.13rem;height:.1rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pro-content .pro-list .item:hover{box-shadow:0 1px 12px 0 rgba(25,78,154,.2)}
.pro-content .pro-list .item:hover .info .more{opacity:1;transform:translateX(-50%) translateY(0)}
.pro-content .pro-list .item:hover .info h3{font-weight:700}
.pro-detail-banner{padding:.3rem 0 .8rem;background:url(../images/p-det-ban.jpg) no-repeat center center/cover}
.pro-detail-banner .breadcrumb{margin-bottom:.6rem;font-size:.16rem;color:#333}
.pro-detail-banner .breadcrumb a{color:#333}
.pro-detail-banner .breadcrumb a img{width:.16rem;vertical-align:middle;margin-top:-.04rem;margin-right:.05rem}
.pro-detail-banner .breadcrumb span{color:#333;font-weight:700}
.pro-detail-banner .banner-con{display:flex;justify-content:space-between;align-items:center}
.pro-detail-banner .banner-con .info{width:45%}
.pro-detail-banner .banner-con .info .tit{font-size:.48rem;color:#333;margin-bottom:.2rem;font-weight:700}
.pro-detail-banner .banner-con .info .sub-tit{font-size:.26rem;color:#333;margin-bottom:.3rem;font-weight:700}
.pro-detail-banner .banner-con .info .desc{font-size:.16rem;color:#333;line-height:.3rem;margin-bottom:.4rem}
.pro-detail-banner .banner-con .info .btn-consult{display:inline-flex;align-items:center;height:.51rem;padding:0 .3rem;background:#194e9a;color:#fff;border-radius:.3rem;font-size:.18rem}
.pro-detail-banner .banner-con .info .btn-consult .icon-msg{width:.25rem;height:.25rem;background:url(../images/email.png) no-repeat center;background-size:contain;margin-right:.15rem}
.pro-detail-banner .banner-con .img-box{width:50%}
.pro-detail-banner .banner-con .img-box img{width:100%;display:block}
.pagination{display:flex;align-items:center;justify-content:center;margin-top:.6rem;padding-bottom:.6rem}
.pagination a,.pagination span{display:block;width:.42rem;height:.42rem;line-height:.42rem;text-align:center;background:#fff;border:1px solid #e1e4f3;font-size:.14rem;color:#646b97;margin:0 .06rem;transition:all .3s}
.pagination a.active,.pagination a:hover,.pagination span.active,.pagination span:hover{background:#194e9a;color:#fff;border-color:#194e9a;text-decoration:none}
.pagination a.next,.pagination a.prev,.pagination span.next,.pagination span.prev{font-weight:700;color:#646b97}
.pagination a.next:hover,.pagination a.prev:hover,.pagination span.next:hover,.pagination span.prev:hover{color:#fff}
.pagination span{border:none;background:0 0;cursor:default}
.detail-sec{margin-bottom:.6rem}
.detail-sec .sec-tit{height:.7rem;line-height:.7rem;background:#f8f9fe;padding:0 .2rem;font-size:.24rem;color:#181a29;font-weight:700;display:flex;align-items:center;margin-bottom:.3rem}
.detail-sec .sec-tit img{width:.3rem;margin-right:.1rem}
.detail-sec .sec-con{position:relative}
.detail-sec .sec-con .desc{padding:0 .16rem}
.detail-sec .sec-con p{font-size:.16rem;color:#181a29;line-height:1.8;margin-bottom:.15rem}
.detail-sec .sec-con p strong{display:block}
.detail-sec .sec-con .param-table{width:100%;border-collapse:collapse;table-layout:fixed}
.detail-sec .sec-con .param-table td,.detail-sec .sec-con .param-table th{border:1px solid #ececec;padding:.15rem .3rem;font-size:.16rem;color:#333;text-align:left}
.detail-sec .sec-con .param-table th{background:#f8f9fe;color:#194e9a;font-size:.18rem;font-weight:700;border-right:none;border-left:none}
.detail-sec .sec-con .param-table th:first-child{border-left:1px solid #ececec;border-right:1px solid #ececec}
.detail-sec .sec-con .param-table th:last-child{border-right:1px solid #ececec}
.detail-sec .sec-con .param-table tr:nth-child(even){background:#fafafa}
.detail-sec .sec-con .sample-img img{width:100%;display:block}
.detail-sec .sec-con .swiper-container{overflow:hidden}
.detail-sec .sec-con .swiper-container .item .img-box{height:2.46rem;overflow:hidden;padding:0}
.detail-sec .sec-con .swiper-container .item .img-box img{width:100%;height:100%;object-fit:cover;transition:.3s}
.detail-sec .sec-con .swiper-container .item .name{height:.72rem;display:flex;align-items:center;font-size:.18rem;font-weight:700;color:#333;padding:0 .3rem;background:#f9f9f9}
.detail-sec .sec-con .swiper-container .item:hover .img-box img{transform:scale(1.05)}
.detail-sec .sec-con .swiper-container .item:hover .name{color:#194e9a}
.detail-sec .sec-con .swiper-button-next,.detail-sec .sec-con .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);width:.56rem;height:.56rem;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-transition:all .3s;transition:all .3s;border:1px solid #194e9a}
.detail-sec .sec-con .swiper-button-next:after,.detail-sec .sec-con .swiper-button-prev:after{content:'';width:.16rem;height:.16rem;background:url(../images/swi-l2-b.png) no-repeat center center/contain}
.detail-sec .sec-con .swiper-button-next:hover,.detail-sec .sec-con .swiper-button-prev:hover{background:linear-gradient(90deg,#194e9a,#1878bc)}
.detail-sec .sec-con .swiper-button-next:hover:after,.detail-sec .sec-con .swiper-button-prev:hover:after{background-image:url(../images/swi-l2-w.png)}
.detail-sec .sec-con .swiper-button-prev{left:-.72rem}
.detail-sec .sec-con .swiper-button-next{right:-.72rem}
.detail-sec .sec-con .swiper-button-next:after{transform:rotate(180deg)}
.detail-sec .swi-pro .swiper-slide .inner{border:1px solid #d5d5e2}
.news-page-content{padding:.8rem 0;background:#fff}
.news-page-content .news-page-tit{text-align:center;margin-bottom:.45rem}
.news-page-content .news-page-tit h3{font-size:.48rem;color:#1a1b20;font-weight:700;margin-bottom:.3rem}
.news-page-content .news-page-tit .tabs{display:flex;justify-content:center;align-items:center}
.news-page-content .news-page-tit .tabs a{display:block;height:.38rem;line-height:.38rem;padding:0 .25rem;border:1px solid #ccc;border-radius:.21rem;margin:0 .03rem;font-size:.16rem;color:#666;transition:all .3s}
.news-page-content .news-page-tit .tabs a.active,.news-page-content .news-page-tit .tabs a:hover{background:linear-gradient(90deg,#194e9a,#1878bc);color:#fff;border-color:transparent;text-decoration:none}
.news-page-list .item{display:flex;align-items:stretch;background:#f8f8f8;margin-bottom:.36rem;transition:all .3s}
.news-page-list .item .pic{width:4.76rem;height:3.27rem;flex-shrink:0;overflow:hidden}
.news-page-list .item .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.news-page-list .item .info{flex:1;width:0;padding:.4rem .6rem;display:flex;flex-direction:column;justify-content:center}
.news-page-list .item .info .tag-date{display:flex;align-items:center;margin-bottom:.2rem}
.news-page-list .item .info .tag-date .tag{padding:0 .15rem;height:.32rem;line-height:.32rem;background:rgba(25,78,154,.1);color:#333;font-size:.14rem;border-radius:.16rem;margin-right:.2rem}
.news-page-list .item .info .tag-date .date{font-size:.14rem;color:#333}
.news-page-list .item .info h3{font-size:.28rem;color:#1a1b20;font-weight:700;margin-bottom:.2rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-page-list .item .info p{font-size:.16rem;color:#666;line-height:1.8;margin-bottom:.3rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-page-list .item .info .more{font-size:.18rem;color:#194e9a;display:flex;align-items:center}
.news-page-list .item .info .more i{margin-left:.1rem;transition:all .3s;background:url(../images/swi-l2-b.png) no-repeat center center/contain;width:.19rem;height:.14rem;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.news-page-list .item:hover{box-shadow:0 .1rem .3rem rgba(0,0,0,.1)}
.news-page-list .item:hover .pic img{transform:scale(1.1)}
.news-page-list.jp{display:flex;flex-wrap:wrap;gap:.16rem}
.news-page-list.jp .item{flex:0 0 calc(33.3% - .16rem);margin-bottom:.5rem;width:0;display:block}
.news-page-list.jp .item .pic{width:100%;height:3.45rem}
.news-page-list.jp .item .info{width:100%;padding:.4rem}
.case-page-list{display:flex;flex-wrap:wrap;gap:.16rem}
.case-page-list .item{flex:0 0 calc(33.3% - .16rem);margin-bottom:.2rem;width:0;display:block}
.case-page-list .item .pic{width:100%;height:4.75rem;position:relative;overflow:hidden}
.case-page-list .item .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.case-page-list .item .pic .desc-box{position:absolute;left:0;bottom:0;width:100%;padding:.3rem .4rem;box-sizing:border-box;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;transition:all .3s}
.case-page-list .item .pic .desc-box .top-info{display:flex;align-items:center;margin-bottom:.2rem}
.case-page-list .item .pic .desc-box .top-info .tag{background:rgba(25,78,154,.5);padding:0 .15rem;height:.3rem;line-height:.3rem;border-radius:.15rem;font-size:.14rem;margin-right:.2rem}
.case-page-list .item .pic .desc-box .top-info .date{font-size:.14rem}
.case-page-list .item .pic .desc-box .top-info i{margin-left:auto;font-size:.2rem;background:url(../images/swi-l2-w.png) no-repeat center center/contain;width:.19rem;height:.14rem;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.case-page-list .item .pic .desc-box h3{font-size:.24rem;font-weight:700;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-page-list .item .pic .desc-box p{font-size:.16rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-page-list .item:hover .pic img{transform:scale(1.1)}
.news-detail-page{padding:.8rem 0;background:#fff url(../images/news-det-bg.png) no-repeat center top/100% auto}
.news-detail-page .news-detail-container{display:flex;justify-content:space-between;align-items:flex-start}
.news-detail-page .news-detail-container .news-detail-left{flex:1}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header{border-bottom:1px solid #fff;padding-bottom:.3rem;margin-bottom:.4rem}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header h1{font-size:.42rem;color:#fff;font-weight:700;line-height:1.4;margin-bottom:.3rem}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar{display:flex;justify-content:space-between;align-items:center}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .info-left{display:flex;align-items:center;font-size:.16rem;color:#fff}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .info-left span{margin-right:.4rem;display:flex;align-items:center}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .info-left span i{display:block;background:url(../images/time.png) no-repeat center center/contain;width:.24rem;height:.24rem;margin-right:.11rem}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb{font-size:.16rem;color:#fff}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a{color:#fff}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a img{width:.16rem;margin-right:.05rem;vertical-align:middle;margin-top:-.03rem}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a:hover{color:#fff}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb span{color:#fff}
.news-detail-page .news-detail-container .news-detail-left .news-content{font-size:.16rem;color:#333;line-height:1.8}
.news-detail-page .news-detail-container .news-detail-left .news-content p{margin-bottom:.25rem}
.news-detail-page .news-detail-container .news-detail-left .news-content img{max-width:100%;display:block;margin:.3rem auto}
.news-detail-page .news-detail-container .news-detail-left .news-content h3{font-size:.24rem;color:#1a1b20;font-weight:700;margin:.4rem 0 .2rem}
.news-detail-page .news-detail-container .news-detail-left .news-actions{display:flex;justify-content:center;margin:.6rem 0 .8rem}
.news-detail-page .news-detail-container .news-detail-left .news-actions .btn-back{display:flex;align-items:center;justify-content:center;width:2.2rem;height:.56rem;border:1px solid #194e9a;border-radius:.28rem;color:#333;font-size:.18rem;transition:all .3s}
.news-detail-page .news-detail-container .news-detail-left .news-actions .btn-back i{display:inline-block;width:.22rem;height:.14rem;background:url(../images/swi-l2-b.png) no-repeat center center/contain;margin-left:.15rem;transform:rotate(180deg)}
.news-detail-page .news-detail-container .news-detail-left .news-actions .btn-back:hover{background:#194e9a;color:#fff}
.news-detail-page .news-detail-container .news-detail-left .news-actions .btn-back:hover i{filter:brightness(0) invert(1)}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next{border-top:1px solid #eee;padding-top:.4rem}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item{display:flex;align-items:center;margin-bottom:.2rem;font-size:.18rem}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item span{color:#194e9a;font-weight:700;margin-right:.2rem;flex-shrink:0}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item a{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item a:hover{color:#194e9a}
.news-detail-page .news-detail-container .news-detail-right{width:3.35rem;margin-left:.8rem}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-tit{font-size:.3rem;color:#181a29;font-weight:700;display:flex;align-items:center;margin-bottom:.3rem}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-tit i{display:inline-block;width:.39rem;height:.4rem;background:url(../images/det1.png) no-repeat center center/contain;margin-right:.1rem}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list{background-color:#fff;padding:.2rem}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item{display:block;margin-bottom:.4rem}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .pic{width:100%;height:2.4rem;overflow:hidden;margin-bottom:.2rem}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info .tag-date{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info .tag-date .tag{padding:0 .15rem;height:.3rem;line-height:.3rem;background:#f8f8f8;border-radius:.15rem;font-size:.14rem;color:#999}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info .tag-date .date{font-size:.14rem;color:#999}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info h3{font-size:.18rem;color:#1a1b20;font-weight:700;line-height:1.5;margin-bottom:.15rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info .more{font-size:.16rem;color:#194e9a;display:flex;align-items:center}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info .more i{display:inline-block;width:.16rem;height:.1rem;background:url(../images/swi-l2-b.png) no-repeat center center/contain;margin-left:.08rem;transform:rotate(180deg)}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item:hover .pic img{transform:scale(1.1)}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item:hover h3{color:#194e9a}
.contact-box{padding:.8rem 0;background:#fff}
.contact-box .contact-list .item{background:#f9f9f9;margin-bottom:.4rem}
.contact-box .contact-list .item:last-child{margin-bottom:0}
.contact-box .contact-list .item .info{padding:.6rem;flex:1}
.contact-box .contact-list .item .info h3{font-size:.3rem;color:#1a1b20;margin-bottom:.4rem;font-weight:700}
.contact-box .contact-list .item .info .line+.line{margin-top:.2rem;padding-top:.2rem;border-top:1px solid #dee5eb}
.contact-box .contact-list .item .info .line{align-items:flex-start}
.contact-box .contact-list .item .info .line:last-child{margin-bottom:0}
.contact-box .contact-list .item .info .line .icon{width:.35rem;height:.37rem;flex-shrink:0;margin-right:.2rem;position:relative;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;background-position:center center}
.contact-box .contact-list .item .info .line .icon.icon-add{background-image:url(../images/ci1.png)}
.contact-box .contact-list .item .info .line .icon.icon-tel{background-image:url(../images/ci2.png)}
.contact-box .contact-list .item .info .line .icon.icon-email{background-image:url(../images/ci3.png)}
.contact-box .contact-list .item .info .line .text{font-size:.18rem;color:#666;line-height:1.6}
.contact-box .contact-list .item .info .line .text .label{color:#231d21;margin-bottom:.05rem}
.contact-box .contact-list .item .info .line .text b{color:#231d21;font-size:.24rem}
.contact-box .contact-list .item .map-img{flex:0 0 7.57rem;overflow:hidden}
.contact-box .contact-list .item .map-img img{width:100%;height:100%;object-fit:cover}
.contact-feedback{padding:1rem 0;background:url(../images/contact-bg.jpg) no-repeat center center/cover;color:#fff}
.contact-feedback .feedback-content{position:relative}
.contact-feedback .feedback-content .top{width:10.18rem;margin-bottom:.37rem}
.contact-feedback .feedback-content .top .index-tit .g-tit{margin-bottom:.2rem}
.contact-feedback .feedback-content .top .index-tit h3{font-size:.48rem;color:#1a1b20;margin-bottom:.2rem;line-height:1.2}
.contact-feedback .feedback-content .top .index-tit p{font-size:.18rem;color:#666}
.contact-feedback .feedback-content .bot{width:10.18rem;z-index:2}
.contact-feedback .feedback-content .bot .message-form .form-row{margin-bottom:.2rem}
.contact-feedback .feedback-content .bot .message-form .form-row input,.contact-feedback .feedback-content .bot .message-form .form-row textarea{width:100%;background:#fff;border:1px solid #d5d7e0;padding:.15rem .2rem;font-size:.16rem;color:#333;border-radius:.05rem}
.contact-feedback .feedback-content .bot .message-form .form-row input::placeholder,.contact-feedback .feedback-content .bot .message-form .form-row textarea::placeholder{color:#ccc}
.contact-feedback .feedback-content .bot .message-form .form-row.flex-between input{width:31%}
.contact-feedback .feedback-content .bot .message-form .form-row textarea{height:1.5rem;resize:none}
.contact-feedback .feedback-content .bot .message-form .submit-btn{display:flex;align-items:center;justify-content:center;position:relative;width:3.31rem;height:.57rem;background:#194e9a;border-radius:.28rem;color:#fff;font-size:.18rem;cursor:pointer;transition:all .3s;border:none}
.contact-feedback .feedback-content .bot .message-form .submit-btn input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
.contact-feedback .feedback-content .bot .message-form .submit-btn .arrow{margin-left:.2rem;width:.18rem;height:.12rem;background:url(../images/arrow-r.png) no-repeat center center/contain;margin-left:.1rem;transition:transform .3s}
.contact-feedback .feedback-content .bot .message-form .submit-btn:hover{opacity:.8}
.contact-feedback .feedback-content .deco-img{position:absolute;right:-1rem;bottom:-1rem;width:5rem;opacity:.8;pointer-events:none}
.contact-feedback .feedback-content .deco-img img{width:100%}
.flex-between{display:flex;justify-content:space-between}
.flex{display:flex}
.index-product .sec-top .cate-list .item,.swi-pro .swiper-slide .inner .pic img{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.index-product .sec-top .cate-list .item:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}
.swi-pro .swiper-slide .inner:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.index-case .swi-case .swiper-slide .item .pic{overflow:hidden}
.index-case .swi-case .swiper-slide .item .pic img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.index-case .swi-case .swiper-slide .item .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.client-swi{overflow:hidden}
.client-swi .swiper-slide{height:1.48rem;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #eaeaea}
.client-swi .swiper-slide img{max-width:80%;max-height:80%;object-fit:contain}
.footer .fd-nav .col{line-height:1.8}
.footer .fd-mid .text .info .col+.col b{font-size:18px}
.pro-banner img{pointer-events:none}
.pro-content{position:relative;z-index:20}
.pro-content .pro-list .item .img-box img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.pro-content .pro-list .item:hover .img-box img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.about-strength .strength-content .right .strength-list .item .icon{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.about-strength .strength-content .right .strength-list .item:hover .icon{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb,.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a,.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a:hover,.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb span,.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .info-left,.news-detail-page .news-detail-container .news-detail-left .news-detail-header h1{color:#333}
body{font-family:HarmonyOS_Sans_SC_Light}
.detail-sec .sec-con .param-table tbody tr:first-child td:first-child,.g-btn span,.index-case .sec-top p,.index-message .message-content .form-box form .input-item input,.index-product .sec-top .cate-list .item p,.index-product .sec-top p,.index-solution .solution-list .item .text p{font-weight:400;font-family:HarmonyOS_Sans_SC_Light}
.about-advantage .advantage-list .item .tit,.about-history h3,.about-intro .intro-data .item .num em,.about-intro .intro-top .left h3,.about-strength .strength-content .left h3,.about-strength .strength-content .right .strength-list .item .info h4,.case-page-list .item .pic .desc-box h3,.contact-box .contact-list .item .info .line .text b,.contact-box .contact-list .item .info h3,.contact-feedback .feedback-content .bot .message-form .submit-btn,.contact-feedback .feedback-content .top .index-tit h3,.detail-sec .sec-con .param-table tbody tr:first-child td,.detail-sec .sec-con .param-table th:first-child,.detail-sec .sec-con .swiper-container .item .name,.detail-sec .sec-tit,.footer .fd-mid .qr h3,.footer .fd-mid .text b,.footer .fd-mid .text h3,.footer .fd-nav .tit,.g-tit span,.header .nav .item a:hover,.header .nav .item.active a,.index-case .sec-top h3,.index-case .swi-case .swiper-slide .item .text h3,.index-message .message-content .form-box form .submit-btn span,.index-message .message-content .text h3,.index-news .news-mid .news-hot .info .text h3,.index-news .sec-top h3,.index-product .sec-top .cate-list .item.active p,.index-product .sec-top h3,.index-solution .solution-list .item .text h3,.inner-banner .text h3,.news-detail-page .news-detail-container .news-detail-left .news-actions .btn-back,.news-detail-page .news-detail-container .news-detail-left .news-content h3,.news-detail-page .news-detail-container .news-detail-left .news-detail-header h1,.news-page-content .news-page-tit .tabs a.active,.news-page-content .news-page-tit .tabs a:hover,.news-page-content .news-page-tit h3,.news-page-list .item .info h3,.pro-banner h3,.pro-content .pro-list .item .info h3,.pro-content .pro-list .item:hover .info h3,.pro-content .side-msg form button,.pro-content .side-nav ul li .sub-list a.active,.pro-content .side-nav ul li .sub-list a:hover,.pro-content .side-nav ul li.active .tit,.pro-detail-banner .banner-con .info .sub-tit,.pro-detail-banner .banner-con .info .tit,.sub-nav .nav-content .list a.active,.sub-nav .nav-content .list a:hover,.sub-nav .nav-content .tel span,.sub-nav .nav-content .tit,.swi-ban .swiper-slide .text h3,.swi-pro .swiper-slide .inner .text h3{font-weight:400;font-family:HarmonyOS_Sans_SC_Bold}
.inner-banner .text p,.swi-ban .swiper-slide .text p{font-weight:400;font-family:HarmonyOS_Sans_SC_Thin}
.contact-box .contact-list .item .info .line .text .label,.contact-feedback .feedback-content .top .index-tit p,.footer .fd-bot,.footer .fd-nav .col a,.header .nav .item a,.index-news .news-mid .news-hot .info .date .d,.index-news .news-mid .news-hot .info .date .m,.index-news .news-mid .news-hot .info .text .more,.news-detail-page .news-detail-container .news-detail-left .news-content,.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb,.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a,.news-list .item .more,.news-page-content .news-page-tit .tabs a,.pagination,.pro-content .side-nav ul li .sub-list a,.pro-content .side-nav ul li .tit,.pro-detail-banner .banner-con .info .btn-consult,.pro-detail-banner .breadcrumb a,.pro-detail-banner .breadcrumb span,.sub-nav .nav-content .list a{font-family:HarmonyOS_Sans_SC_Regular;font-weight:400}
.about-culture .culture-list .item.active .inner .info h4,.index-message .message-content .form-box .top-info,.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item span{font-weight:400;font-family:HarmonyOS_Sans_SC_Medium}
.index-message .message-content .form-box form .input-item input::-webkit-input-placeholder{color:#fff}
.index-message .message-content .form-box form .input-item input::-moz-placeholder{color:#fff}
.index-message .message-content .form-box form .input-item input:-moz-placeholder{color:#fff}
.index-message .message-content .form-box form .input-item input:-ms-input-placeholder{color:#fff}
.about-intro .intro-data .item{padding:0}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item a{color:#333}
.contact-box .contact-list .item .info .line .text p.label{font-size:18px}
.contact-box .contact-list .item .info .line .text p{font-size:24px}
.contact-feedback .feedback-content .top .index-tit h3{font-size:42px}
.contact-feedback .feedback-content .top .index-tit p{font-size:24px}
.contact-feedback .feedback-content .bot .message-form .form-row.flex-between input::-webkit-input-placeholder{color:#666}
.contact-feedback .feedback-content .bot .message-form .form-row.flex-between input::-moz-placeholder{color:#666}
.contact-feedback .feedback-content .bot .message-form .form-row.flex-between input:-moz-placeholder{color:#666}
.contact-feedback .feedback-content .bot .message-form .form-row.flex-between input:-ms-input-placeholder{color:#666}
.contact-feedback .feedback-content .bot .message-form .form-row textarea::-webkit-input-placeholder{color:#666}
.contact-feedback .feedback-content .bot .message-form .form-row textarea::-moz-placeholder{color:#666}
.contact-feedback .feedback-content .bot .message-form .form-row textarea:-moz-placeholder{color:#666}
.contact-feedback .feedback-content .bot .message-form .form-row textarea:-ms-input-placeholder{color:#666}
.news-page-list.jp .item .info p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:30px;height:90px}
.footer .fd-nav{font-size:16px}
.footer .fd-nav .tit,.header .nav .item a,.pro-content .side-nav ul li .tit{font-size:.2rem}
.footer .fd-mid .text h3{font-size:.2rem}
.footer .fd-mid .text .info{font-size:.18rem}
.pro-content .side-nav ul li .sub-list a{font-size:.18rem}
.pro-content .side-msg form input,.pro-content .side-msg form textarea{font-size:.16rem}
.pro-content .side-msg form button{font-size:.18rem}
.about-strength .strength-content .right .strength-list .item .info p,.case-page-list .item .pic .desc-box p,.detail-sec .sec-con .param-table td,.detail-sec .sec-con .param-table th,.detail-sec .sec-con p,.news-detail-page .news-detail-container .news-detail-left .news-content,.news-page-content .news-page-tit .tabs a,.news-page-list .item .info p,.pro-detail-banner .banner-con .info .desc{font-size:18px}
.news-page-list .item .info .tag-date .date,.news-page-list .item .info .tag-date .tag{font-size:16px}
/* .about-history .swi-history .swiper-slide .item p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:64px} */
.pro-detail-banner .banner-con .info .btn-consult{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pro-detail-banner .banner-con .info .btn-consult:hover{opacity:.8}
.header .tools a{position:relative}
.header .tools a .pop{pointer-events:none;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:100%;padding:10px;background-color:#fff;border-radius:10px;overflow:hidden}
.header .tools a .pop *{display:block}
.header .tools a .pop .qr{margin:0 auto;width:100px;height:100px}
.header .tools a .pop .qr img{display:block;width:100%;height:100%;max-width:none}
.header .tools a .pop .txt{white-space:nowrap;font-size:18px;color:#333}
.header .tools a:hover .pop{opacity:1;pointer-events:auto}
.footer .fd-mid .qr h3{white-space:nowrap}
@media only screen and (max-width:1785px){
.contact-feedback .feedback-content .bot,.contact-feedback .feedback-content .top{width:80%}
.contact-box .contact-list .item .map-img{flex:0 0 50%}
.detail-sec .sec-con.p-rel,.index-case .swi-case-wrap,.swi-history-wrap,.swi-pro-wrap{padding-left:100px;padding-right:100px}
.detail-sec .sec-con .swiper-button-prev,.index-case .swi-case-wrap .swi-btn .swiper-prev,.swi-pro-wrap .swi-btn .swiper-prev{left:0}
.detail-sec .sec-con .swiper-button-next,.index-case .swi-case-wrap .swi-btn .swiper-next,.swi-pro-wrap .swi-btn .swiper-next{right:0}
.about-history .swi-history-ctrl{left:100px;right:100px;width:auto}
.header .nav .item+.item{margin-left:20px}
.header .nav{padding-right:30px;margin-right:30px}
.swi-ban .swiper-slide .wp,.wp{padding-left:20px;padding-right:20px;width:90%}
}
@media only screen and (max-width:1647px){
.swi-pro .swiper-slide .inner .pic{height:200px}
html{font-size:85px}
.index-product .sec-top .cate-list .item{margin-left:30px}
.footer .fd-mid .text .info .col{flex:1}
.header .nav .item+.item{margin-left:30px}
.header .tools a+a{margin-left:10px}
.index-solution .solution-list .item.active{flex:0 0 40%}
.index-case .swi-case .swiper-slide .item{height:auto}
.index-news .news-mid .news-list-wrap{margin-left:30px}
.pro-content .pro-left{flex:0 0 3.38rem}
.pro-content .pro-right{flex:1;width:0;margin-left:30px}
.about-history .swi-history .swiper-slide .item .year{flex-wrap:wrap}
.about-history .swi-history .swiper-slide .item .year small{flex:0 0 100%;margin-left:0;margin-top:10px}
.about-history .swi-history .swiper-slide .item p{height:240px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
}
@media only screen and (max-width:1300px){
html{font-size:75px}
.header .nav .item+.item{margin-left:15px}
.contact-box .contact-list .item .info{padding:20px}
.about-strength .strength-content{display:block}
.about-strength .strength-content .right{margin-left:0;padding-top:0}
}
@media only screen and (max-width:1199px){
.contact-box .contact-list .item .info .line .icon{width:30px;height:30px;margin-right:10px}
.contact-box .contact-list .item .info .line .text b{display:block}
.contact-box .contact-list .item .info .line .text b,.contact-box .contact-list .item .info .line .text p{font-size:18px}
.about-history .swi-history-ctrl{left:0;right:0}
.about-history .swi-history .swiper-slide .item p{height:auto;display:block}
.about-history .swi-history-wrap{padding:0}
.detail-sec .sec-con.p-rel{padding:0}
.pro-content .pro-right{margin-left:0}
.index-case .swi-case-wrap,.swi-pro-wrap{padding:0}
html{font-size:100px}
body{padding-top:50px}
.wp{width:100%!important;max-width:none!important;margin:0 auto;padding-left:20px;padding-right:20px}
.header{height:50px;padding:0 20px}
.header .logo{height:30px}
.header .hd-r .nav{display:none;position:fixed;top:50px;left:0;width:100%;height:calc(100vh - 50px);background:#fff;flex-direction:column;padding:20px;margin:0;z-index:100}
.header .hd-r .nav:after{display:none}
.header .hd-r .nav .item+.item{margin-left:0;margin-top:.4rem}
.header .hd-r .nav .item a:after{display:none}
.header .hd-r .tools{display:none}
.header .hd-r .menuBtn{display:block;width:30px;height:30px;background:url(../images/menu.svg) no-repeat center center/contain;cursor:pointer}
.header .hd-r .menuBtn.active{background-image:url(../images/close.svg)}
.footer{padding:.6rem 0}
.footer .fd-nav{flex-wrap:wrap}
.footer .fd-nav .item{width:100%;margin-bottom:.4rem}
.footer .fd-nav .row{flex-wrap:wrap}
.footer .fd-nav .col+.col{margin-left:.4rem}
.footer .fd-mid{flex-direction:column;padding:.4rem 0}
.footer .fd-mid .text h3{font-size:.32rem}
.footer .fd-mid .text .info{flex-direction:column}
.footer .fd-mid .text .info .col+.col{margin-left:0;margin-top:.3rem}
.footer .fd-mid .text .info .col{flex:none;width:100%}
.footer .fd-mid .text .info .col.df{flex-direction:column}
.footer .fd-mid .text .info .col.df p{white-space:normal}
.footer .fd-mid .qr{margin-top:.4rem}
.footer .fd-mid .qr h3{font-size:.3rem}
.footer .fd-bot{font-size:.24rem;line-height:1.5;text-align:center}
.swi-ban .swiper-slide .wp{padding-top:.6rem}
.swi-ban .swiper-slide .text h3{font-size:.4rem;line-height:1.2}
.swi-ban .swiper-slide .text p{font-size:.24rem;line-height:1.4;margin:.1rem 0}
.swi-ban .swiper-slide .pic{height:300px}
.swi-ban .swiper-slide .pic img{height:100%;object-fit:cover}
.swi-ban .swi-tools{padding:0 4%;bottom:.2rem}
.g-btn{width:120px;height:40px}
.g-btn i{margin-left:10px}
.swi-ban .swiper-pagination-bullet{width:10px;height:10px}
.index-product{padding:.6rem 0}
.index-product .sec-tit{flex-direction:column;align-items:flex-start}
.index-product .sec-tit h3{font-size:.4rem}
.index-product .sec-tit .cate-list{margin-top:.2rem;flex-wrap:wrap}
.index-product .sec-tit .cate-list .item{margin-right:.3rem;margin-left:0;font-size:.24rem}
.index-product .swi-product{margin-top:.4rem}
.index-solution{height:auto;flex-direction:column}
.index-solution .item{width:100%!important;height:4rem;flex:none!important;padding:.4rem}
.index-solution .item.active{width:100%!important}
.index-solution .item .info .tit{font-size:.4rem!important}
.index-solution .item .info .desc{font-size:.24rem;margin-top:.2rem;opacity:1;transform:none}
.index-case{padding:.6rem 0}
.index-case .sec-tit{flex-direction:column;align-items:flex-start}
.index-case .sec-tit h3{font-size:.4rem}
.index-case .sec-tit .g-btn{margin-top:.2rem}
.index-case .swi-case{margin-top:.4rem}
.index-news{padding:.6rem 0}
.index-news .news-box{flex-direction:column}
.index-news .news-box .news-l{width:100%;margin-bottom:.4rem}
.index-news .news-box .news-r{width:100%}
.index-news .news-list-row{flex-direction:column}
.index-news .news-list-row .col{width:100%;margin-top:.4rem}
.index-message{padding:.6rem 0}
.index-message .msg-box{flex-direction:column}
.index-message .msg-box .msg-l{width:100%;margin-bottom:.4rem}
.index-message .msg-box .msg-l .tit{font-size:.4rem}
.index-message .msg-box .msg-r{width:100%;padding:.4rem}
.index-message .msg-box .msg-r .form-item.flex-between input{width:48%}
.index-client{padding:.6rem 0}
.index-client .sec-tit{font-size:.4rem;position:static;transform:none;margin-bottom:.4rem;text-align:center}
.index-client .client-list{grid-template-columns:repeat(2,1fr);gap:.2rem}
.inner-banner{height:3rem}
.inner-banner .text h3{font-size:.4rem}
.sub-nav{height:auto;padding:.2rem 0;overflow-x:auto}
.sub-nav .wp{width:auto!important;padding:0 4%;justify-content:flex-start}
.sub-nav .item{margin:0 .2rem;white-space:nowrap}
.sub-nav .item a{font-size:.24rem}
.about-intro{padding:.6rem 0}
.about-intro .intro-top{flex-direction:column}
.about-intro .intro-top .intro-l{width:100%;margin-bottom:.4rem}
.about-intro .intro-top .intro-r{width:100%;height:4rem}
.about-intro .intro-data{grid-template-columns:repeat(2,1fr)}
.about-intro .intro-data .data-item{border:1px solid #eee;margin-top:-1px;margin-left:-1px}
.about-advantage{padding:.6rem 0}
.about-advantage .adv-list{flex-direction:column}
.about-advantage .adv-list .item{width:100%;margin-bottom:.3rem}
.about-history{padding:.6rem 0}
.about-strength{padding:.6rem 0;background-attachment:scroll}
.about-strength .strength-content{flex-direction:column}
.about-strength .strength-content .strength-l{width:100%;margin-bottom:.4rem}
.about-strength .strength-content .strength-l .img-box{width:100%}
.about-strength .strength-content .strength-r{width:100%;margin-left:0}
.about-strength .strength-content .strength-r .strength-list{grid-template-columns:1fr}
.about-culture{height:auto;flex-direction:column}
.about-culture .item{width:100%!important;height:4rem;flex:none!important}
.about-culture .item.active{width:100%!important}
.about-culture .item .bg{opacity:1;transform:scale(1.1)}
.pro-content{flex-direction:column}
.pro-content .pro-left{width:100%;margin-bottom:.4rem}
.pro-content .pro-right{width:100%}
.pro-content .pro-list{grid-template-columns:repeat(2,1fr)}
.pro-detail-banner{padding:.6rem 0}
.pro-detail-banner .wp{flex-direction:column-reverse}
.pro-detail-banner .detail-l{width:100%;margin-top:.4rem}
.pro-detail-banner .detail-l h1{font-size:.4rem}
.pro-detail-banner .detail-r{width:100%;height:4rem}
.pro-detail-content{flex-direction:column}
.pro-detail-content .pro-left{width:100%;margin-bottom:.4rem}
.pro-detail-content .pro-right{width:100%}
.pro-detail-content .params-table table{font-size:.24rem}
.news-page-content{padding:.6rem 0}
.news-page-content .news-tabs{flex-wrap:wrap}
.news-page-content .news-tabs .tab-item{margin-bottom:.2rem}
.news-page-content .news-page-list .item{flex-direction:column}
.news-page-content .news-page-list .item .pic{width:100%;height:4rem;margin-right:0;margin-bottom:.2rem}
.news-page-content .news-page-list .item .info{width:100%}
.news-page-content .case-page-list{grid-template-columns:1fr}
.news-detail-container{flex-direction:column}
.news-detail-container .news-detail-l{width:100%;margin-bottom:.4rem;padding:.3rem}
.news-detail-container .news-detail-l h1{font-size:.36rem}
.news-detail-container .news-detail-r{width:100%}
.contact-list .item{flex-direction:column}
.contact-list .item .info{width:100%;margin-bottom:.4rem}
.contact-list .item .map-box{width:100%;height:4rem}
.contact-feedback{padding:.6rem 0}
.contact-feedback .wp{flex-direction:column}
.contact-feedback .feedback-l{width:100%;margin-bottom:.4rem}
.contact-feedback .feedback-r{width:100%}
.contact-feedback .feedback-r .form-row.flex-between input{width:100%;margin-bottom:.2rem}
.contact-feedback .deco-img{display:none}
.pagination{flex-wrap:wrap}
.pagination .page-item{margin:.05rem;width:.6rem;height:.6rem;line-height:.6rem;font-size:.24rem}
.index-product .sec-top{display:block}
.index-product .sec-top .cate-list{flex-wrap:wrap;margin-top:30px}
.index-product .sec-top .cate-list .item{margin-left:0;flex:0 0 33.3%;margin-bottom:20px}
.index-product .sec-top .cate-list .item p,.index-product .sec-top .cate-list .item.active p{font-size:14px}
.index-product .sec-top h3{font-size:24px}
.index-product .sec-top p{font-size:18px}
.swi-pro-wrap .swi-btn .swiper-next,.swi-pro-wrap .swi-btn .swiper-prev{display:none}
.swi-pro .swiper-slide .inner{padding:20px}
.index-solution{padding:20px}
.index-solution .solution-list{height:auto;display:block}
.index-solution .solution-list .item .more,.index-solution .solution-list .item.active .more{position:relative;top:0;left:0;bottom:0;right:0;z-index:20;opacity:1}
.index-solution .solution-list .item .num,.index-solution .solution-list .item.active .num{position:relative;top:0;left:0;bottom:0;right:0;z-index:20}
.index-solution .solution-list .item .text,.index-solution .solution-list .item.active .text{position:relative;top:0;left:0;bottom:0;right:0;z-index:20}
.index-solution .solution-list .item .pic:after{background:url(../images/mask.png) no-repeat center center/cover}
.index-solution .g-tit{position:static}
.index-solution .g-tit img{display:none}
.index-solution .g-tit span{color:#194e9a}
.index-solution .item{height:auto}
.index-solution .solution-list .item .text p{height:auto;opacity:1}
.index-solution .solution-list .item .text h3,.index-solution .solution-list .item.active .text h3{font-size:24px}
.index-solution .solution-list .item.active .more{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.index-solution .solution-list .item .more{margin-top:30px;background:linear-gradient(90deg,#194e9a,#1878bc);border-color:transparent;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.index-case .sec-top,.index-news .sec-top{display:block}
.index-case .sec-top h3,.index-news .sec-top h3{font-size:24px}
.index-case .sec-top p,.index-news .sec-top p{font-size:18px;margin:10px 0}
.index-case .swi-case .swiper-slide.swiper-slide-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.index-news .news-mid{display:block}
.index-news .news-mid .news-hot{width:100%}
.index-news .news-mid .news-hot .pic{height:auto}
.index-news .news-mid .news-hot .info{padding:20px}
.index-news .news-mid .news-hot .info .date .d{font-size:24px;text-align:center}
.index-news .news-mid .news-hot .info .text h3{font-size:18px}
.index-news .news-mid .news-list-wrap{margin-left:0;margin-top:30px}
.news-list .item{padding:10px 20px}
.index-news .news-bot{display:block}
.index-news .news-mid{margin-bottom:30px}
.index-news .news-bot .col+.col{margin-top:30px}
.index-message .message-content{display:block}
.index-message .message-content .form-box{margin-left:0;margin-top:30px}
.index-message .message-content .text h3{font-size:24px}
.index-message .message-content .form-box .top-info,.index-message .message-content .text p{font-size:18px}
.index-message .message-content .form-box{padding-top:0}
.index-message .message-content .form-box form .row{display:block}
.index-message .message-content .form-box form .submit-btn{width:100%}
.index-client .client-list{display:block}
.index-client .wp{padding-left:20px;padding-right:20px;padding-top:0;padding-bottom:0}
.index-client .g-tit{width:auto;height:auto;position:static;margin-bottom:40px;justify-content:flex-start}
.index-client .client-list .item+.item{margin-top:30px}
.footer .fd-mid .qr h3,.footer .fd-mid .text h3{font-size:24px}
.footer .fd-mid .qr h3{margin-right:0;margin-bottom:15px}
.footer .fd-mid .qr{display:block}
.footer .fd-bot{font-size:14px}
.index-case .swi-case-wrap .swi-btn .swiper-next,.index-case .swi-case-wrap .swi-btn .swiper-prev{display:none}
.pro-banner{padding:30px 0}
.pro-banner h3{font-size:24px}
.pro-content .pro-right .g-tit span{font-size:24px}
.pro-content .wp.df{display:block}
.pro-content .pro-list{display:block}
.pro-content .pro-list .item{margin-bottom:30px}
.pro-content .pro-list .item .img-box{height:auto;margin-bottom:20px}
.pro-detail-banner .banner-con{display:block}
.pro-detail-banner .banner-con .info{width:100%}
.pro-detail-banner .banner-con .info .tit{font-size:24px}
.pro-detail-banner .banner-con .info .sub-tit{font-size:18px}
.pro-detail-banner .banner-con .img-box{width:100%;margin-top:30px}
.pro-content .pro-left .g-tit span{font-size:24px}
.detail-sec .table-wrap{overflow-x:auto}
.detail-sec .sec-con .param-table{width:1000px}
.detail-sec .sec-con .swiper-button-next,.detail-sec .sec-con .swiper-button-prev{display:none}
.pro-detail-banner .breadcrumb{margin-bottom:30px}
.sub-nav .wp{display:block;padding:0 20px}
.sub-nav .nav-content{display:block}
.sub-nav .nav-content .tit{margin-bottom:10px}
.sub-nav .nav-content .list{flex-wrap:wrap}
.about-intro .intro-top{display:block}
.about-intro .intro-top .left{padding-right:0}
.about-intro .intro-top .left h3{font-size:24px}
.about-intro .intro-top .left .summary{font-size:18px}
.about-intro .intro-top .left .desc{font-size:14px;line-height:1.5}
.about-intro .intro-data{display:block}
.about-intro .intro-data .item,.about-intro .intro-data .item:last-child{padding:0;border-left:none;justify-content:flex-start;margin-top:30px}
.about-advantage .advantage-list{display:block}
.about-advantage .advantage-list .item{padding:20px}
.about-advantage .advantage-list .item+.item{margin-top:20px}
.about-history h3{font-size:24px}
.about-history .swi-history-ctrl .swiper-next,.about-history .swi-history-ctrl .swiper-prev{display:none}
.about-history .swi-history .swiper-slide .item .year{font-size:30px}
.about-history .swi-history .swiper-slide .item .year small{font-size:18px}
.about-history .swi-history-ctrl{bottom:100px}
.about-strength .strength-content .left h3{font-size:24px}
.about-strength .strength-content .left .sub-tit{font-size:18px}
.about-strength .strength-content{display:block}
.about-strength .strength-content .right{margin-left:0;padding-top:0}
.about-strength .strength-content .right .strength-list{display:block;margin:0}
.about-strength .strength-content .right .strength-list .item{padding:20px;width:100%;margin:0 0 20px}
.about-culture .culture-list{height:auto;display:block}
.about-culture .culture-list .item{margin:0 0 20px}
.about-culture .culture-list .item .inner,.about-culture .culture-list .item.active .inner{padding:30px}
.about-culture .culture-list .item .bg{opacity:1}
.about-culture .culture-list .item .inner .icon{background:0 0}
.about-culture .culture-list .item .inner .icon{width:70px;height:70px}
.about-culture .culture-list .item .inner .icon img{width:30px;height:30px}
.about-strength .strength-content .left{width:100%}
.news-page-content .news-page-tit h3{font-size:24px}
.news-page-content .news-page-tit .tabs{flex-wrap:wrap;justify-content:flex-start;gap:10px}
.case-page-list{display:block}
.case-page-list .item .pic{height:auto}
.case-page-list .item{height:auto;width:100%}
.case-page-list .item .pic .desc-box{padding:20px}
.pagination a,.pagination span{margin-bottom:10px}
.case-page-list .item .pic .desc-box h3{font-size:18px}
.case-page-list .item .pic .desc-box p{font-size:14px}
.news-detail-page .news-detail-container{display:block}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar{display:block}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header h1{color:#333;font-size:24px}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .info-left{color:#333;display:block}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .info-left span i{display:none}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb{color:#333;display:none}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a,.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb span{color:#333}
.news-detail-page .news-detail-container .news-detail-left .news-detail-header .news-info-bar .breadcrumb a img{display:none}
.news-detail-page .news-detail-container .news-detail-right{width:100%;margin-left:0;margin-top:40px}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-tit{font-size:24px;margin-bottom:20px}
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list{padding:0}
.news-page-content .news-page-list .item .pic{height:auto;margin-bottom:0}
.news-page-content .news-page-list .item .info{padding:20px}
.news-page-list .item .info h3{font-size:18px}
.news-page-list .item .info p{font-size:14px}
.news-page-list .item .info .more{font-size:16px}
.sub-nav .nav-content .tit{font-size:24px}
.sub-nav .nav-content .tel span{font-size:24px}
.contact-box .contact-list .item{display:block}
.contact-box .contact-list .item .info{margin-bottom:0;padding:30px}
.contact-box .contact-list .item .info h3{font-size:24px;margin-bottom:20px}
.contact-box .contact-list .item .map-img{height:auto}
.contact-feedback .feedback-content .bot,.contact-feedback .feedback-content .top{width:100%}
.contact-feedback .feedback-content .top .index-tit h3{font-size:24px}
.contact-feedback .feedback-content .bot .message-form .form-row{display:block}
.contact-feedback .feedback-content .bot .message-form .form-row.flex-between input{width:100%;display:block;margin-top:10px}
.contact-feedback .feedback-content .bot .message-form .submit-btn{width:100%}
.news-page-list.jp{display:block}
.news-page-list.jp .item{width:100%}
.inner-banner .text h3{font-size:32px}
.inner-banner .text p{font-size:18px}
.about-history h3{margin-bottom:30px}
}
/* 产品详情页主图：按全站统一规格 588×409 预占位，消除首屏跳动 */
.pro-detail-banner .banner-con .img-box{
    aspect-ratio: 588 / 409;
    width: 50%;
}
.pro-detail-banner .banner-con .img-box img{
    width:100%; height:100%; object-fit:cover; display:block;
}
/* dn-a11y 2026-09-09: 轮播分页圆点扩大触控区 + 去除移动端点击高亮 */
.swi-ban .swiper-pagination-bullet{position:relative;width:12px!important;height:12px!important}
.swi-ban .swiper-pagination-bullet::after{content:"";position:absolute;left:-7px;right:-7px;top:-7px;bottom:-7px;border-radius:50%}
body,button,a,input,select,textarea,.swiper-pagination-bullet{-webkit-tap-highlight-color:rgba(0,0,0,0)}

/* dn-target 2026-09-10: 轮播控件真实触控盒 >=24px（Lighthouse A11y target-size）
   视觉圆点改用 ::after 绘制，仅比原样略小，点击区域扩大 2 倍以上 */
.swi-ban .swiper-pagination-bullet{position:relative;width:24px!important;height:24px!important;margin:0 3px!important;background:transparent!important;opacity:1!important;vertical-align:middle}
.swi-ban .swiper-pagination-bullet::after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.92);-webkit-transition:all .3s;transition:all .3s}
.swi-ban .swiper-pagination-bullet-active::after{width:12px;height:12px;background:#1878bc}
.swi-ban .swi-tools .swiper-prev,.swi-ban .swi-tools .swiper-next{width:44px!important;height:44px!important;background-size:auto 18px!important;background-position:center!important;margin-left:2px!important;border-radius:50%}

/* 2026-09-18 banner 高度限制 */
.swi-ban .swiper-slide .pic img{max-height:min(640px,62vh);object-fit:cover}

/* 2026-09-18 PC端缩小banner与产品中心间距 */
@media only screen and (min-width:1301px){
.index-product{padding-top:.4rem}
}

/* 2026-09-18 隐藏banner轮播指示圆点（保留左右箭头切换） */
.swi-ban .swiper-pagination{display:none!important}

/* 2026-09-18 修复: PC宽屏 banner .pic 按 aspect-ratio 2.19/1 撑高(1920宽=877px)而图片已限高640px, 导致图下237px空白 */
.swi-ban .swiper-slide .pic{aspect-ratio:auto;height:min(640px,62vh)}
.swi-ban .swiper-slide .pic img{height:100%;object-fit:cover;max-height:none}
/* 重新钉住移动端原有300px高度, 不受上面影响 */
@media only screen and (max-width:1199px){
.swi-ban .swiper-slide .pic{height:300px}
}

/* 2026-09-18 产品分类轮播: 产品数<4时居中显示, 避免右侧露出大片背景图 */
.index-product .swi-pro-wrap .swiper-wrapper.few-center{justify-content:center}

/* >>> dn-geo-detail BEGIN v1 2026-09-21 >>> */
/* ==========================================================================
   dn-laser.com 产品详情页 GEO 改造样式（2026-09-21）
   追加到 /www/wwwroot/dn-laser.com/css/main.css 文件末尾即可。
   作用域全部限定在产品详情页相关选择器下，不影响其它页面。
   ========================================================================== */

/* 1. 语义化小节标题：原详情页小节标题由普通块级元素改为 h2（保留 sec-tit 类），
   main.css 中 .detail-sec .sec-tit 未重置 margin-top，浏览器默认 h2 的
   上外边距(0.83em)会导致标题上方多出空白，这里补零；其余外观由原有
   .detail-sec .sec-tit 规则完全接管，视觉与改造前一致。 */
.detail-sec .sec-tit{margin:0 0 .3rem}

/* 2. 面包屑「栏目名」由 <span> 改为 <a>，保持原有加粗外观 */
.breadcrumb a.crumb-cat{font-weight:700}

/* 3. 参数表语义化辅助
   · 首行 td 已提升为 th[scope=col]，此处抹平浏览器对 th 的默认
     font-weight:bold / text-align:center，避免视觉变化
   · .geo-sr-only 为屏读/解析器可见、视觉隐藏的 caption */
.detail-sec .sec-con table.geo-param-table th{font-weight:inherit;text-align:left}
.detail-sec .sec-con table.geo-param-table>caption.geo-sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 4. 「产品概述」末尾的实体信息行（品类 / 品牌 / 生产企业 / 更新时间） */
.detail-sec .sec-con .geo-meta{
  display:flex;flex-wrap:wrap;gap:.08rem .3rem;
  margin:.2rem .16rem 0;padding-top:.18rem;border-top:1px dashed #e3e3ee;
  font-size:.14rem;color:#7a7f95;line-height:1.9}
.detail-sec .sec-con .geo-meta span{display:inline-block}
.detail-sec .sec-con .geo-meta time{color:#7a7f95}

/* 5. 常见问题（FAQ）区块：AI 答案引擎可摘录的问答对 */
.detail-sec .sec-con .geo-faq{border-top:1px solid #eef0f8}
.detail-sec .sec-con .geo-faq-item{padding:.22rem .16rem;border-bottom:1px solid #eef0f8}
.detail-sec .sec-con .geo-faq-q{
  display:flex;align-items:flex-start;
  font-size:.19rem;font-weight:700;color:#181a29;line-height:1.6;margin:0 0 .1rem}
.detail-sec .sec-con .geo-faq-q .geo-faq-num{
  flex:0 0 auto;margin-right:.12rem;padding:0 .08rem;
  background:linear-gradient(90deg,#194e9a,#1878bc);color:#fff;
  border-radius:.04rem;font-size:.15rem;line-height:1.7;
  font-family:HarmonyOS_Sans_SC_Regular,Arial,sans-serif;font-weight:400}
.detail-sec .sec-con .geo-faq-a{padding-left:.44rem}
.detail-sec .sec-con .geo-faq-a p{
  font-size:.16rem;color:#333;line-height:1.85;margin:0}
.detail-sec .sec-con .geo-faq-more{
  margin:.3rem .16rem 0;padding:.18rem .2rem;
  background:#f8f9fe;border-left:3px solid #194e9a;border-radius:.04rem}
.detail-sec .sec-con .geo-faq-more p{
  font-size:.16rem;color:#333;line-height:1.9;margin:0}
.detail-sec .sec-con .geo-faq-more strong{color:#194e9a}

/* 6. 「热门推荐」产品名由 h2 降级为带 pn 类的 span（消除标题污染）。
   原 main.css 只对 .text h3 定义了样式，详情页用的是 h2 因而完全没有样式，
   这里按 .text h3 的原规则为 pn 补齐，同时修复了缺失的蓝色小横线装饰。 */
.swi-pro .swiper-slide .inner .text .pn{
  display:block;font-size:.18rem;color:#1a1b20;position:relative;
  padding-left:.2rem;-webkit-transition:all .3s;transition:all .3s;
  font-family:HarmonyOS_Sans_SC_Bold;font-weight:400}
.swi-pro .swiper-slide .inner .text .pn:before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:6px;height:2px;background:#1878bc}
.swi-pro .swiper-slide .inner:hover .text .pn{color:#194e9a}
/* <<< dn-geo-detail END v1 <<< */

/* >>> dn-geo-article BEGIN v1 2026-09-21 >>> */
/* =====================================================================
 * dn-laser 文章详情页 GEO 语义化配套样式
 * ---------------------------------------------------------------------
 * 背景：原 main.css 仅对 .news-content h3 定义了样式，h2 / h4 完全缺失。
 *       正文标题由本模板的 PHP 处理器升级为真正的 h2/h3/h4 之后，
 *       若不补齐样式，h2 会回落到浏览器默认 1.5em（与 h3 同大），
 *       导致层级完全看不出来。这里统一补齐并明确层级。
 * 同时覆盖：
 *   - 自动生成的 ul.geo-ul 列表（由 "- " / "1. " 行转换而来）
 *   - 表格 geo-table（去写死宽度、补视觉隐藏 caption、斑马纹）
 * ===================================================================== */

/* 1. 正文标题层级 ------------------------------------------------------ */
.news-detail-page .news-detail-container .news-detail-left .news-content h2 {
  font-size: .30rem;
  color: #1a1b20;
  font-weight: 700;
  line-height: 1.5;
  margin: .70rem 0 .28rem;
  padding-bottom: .14rem;
  border-bottom: 1px solid #eef0f3;
}

/* 注意 :not([data-lv])：data-lv 标记的是「层级被归一化过」的标题，
   它只是借用了 h2 这个标签，观感要由 geo_semantics.css 按原层级还原。
   这里若不排除，形如 h4→h2 的首个标题会被强行抹掉上边距（原 h4 有 .34rem）。 */
.news-detail-page .news-detail-container .news-detail-left .news-content h2:first-child:not([data-lv]) {
  margin-top: 0;
}

.news-detail-page .news-detail-container .news-detail-left .news-content h3 {
  line-height: 1.5;
}

.news-detail-page .news-detail-container .news-detail-left .news-content h4 {
  font-size: .20rem;
  color: #1a1b20;
  font-weight: 700;
  line-height: 1.55;
  margin: .34rem 0 .16rem;
}

.news-detail-page .news-detail-container .news-detail-left .news-content h5,
.news-detail-page .news-detail-container .news-detail-left .news-content h6 {
  font-size: .18rem;
  color: #1a1b20;
  font-weight: 700;
  line-height: 1.6;
  margin: .28rem 0 .14rem;
}

/* 锚点跳转时为固定头部预留空间 */
.news-detail-page .news-detail-container .news-detail-left .news-content [id^="sec-"] {
  scroll-margin-top: 1.3rem;
}

/* 2. 段落 -------------------------------------------------------------- */
.news-detail-page .news-detail-container .news-detail-left .news-content p.geo-p {
  margin-bottom: .25rem;
  line-height: 1.9;
  color: #333;
}

/* 3. 自动生成的列表 ---------------------------------------------------- */
.news-detail-page .news-detail-container .news-detail-left .news-content ul.geo-ul {
  margin: .20rem 0 .30rem;
  padding-left: 0;
  list-style: none;
}

.news-detail-page .news-detail-container .news-detail-left .news-content ul.geo-ul li {
  position: relative;
  padding-left: .28rem;
  margin-bottom: .14rem;
  line-height: 1.85;
  color: #333;
}

.news-detail-page .news-detail-container .news-detail-left .news-content ul.geo-ul li:before {
  content: '';
  position: absolute;
  left: .08rem;
  top: .12rem;
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background: #194e9a;
  opacity: .85;
}

/* 4. 正文表格 ---------------------------------------------------------- */
.news-detail-page .news-detail-container .news-detail-left .news-content table.geo-table {
  width: 100% !important;
  max-width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  margin: .35rem 0;
  font-size: .16rem;
  word-break: break-word;
}

/* caption 视觉隐藏，仅供搜索引擎与 AI 识别表格主题 */
.news-detail-page .news-detail-container .news-detail-left .news-content table.geo-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.news-detail-page .news-detail-container .news-detail-left .news-content table.geo-table th {
  background: #f8f9fe;
  color: #194e9a;
  font-weight: 700;
  text-align: left;
  border: 1px solid #ececec;
  padding: .16rem .20rem;
  font-size: .16rem;
  line-height: 1.6;
}

.news-detail-page .news-detail-container .news-detail-left .news-content table.geo-table td {
  border: 1px solid #ececec;
  padding: .16rem .20rem;
  line-height: 1.7;
  color: #333;
  vertical-align: top;
}

/* 5. 侧栏推荐标题：原模板用 <h2> 但 CSS 只定义了 h3（样式一直没生效），
      模板已改为 h3，这里保持与 .info h3 原有设计一致，仅补充行高。 */
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info h3 {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
}
/* <<< dn-geo-article END v1 <<< */

/* >>> dn-geo-semantics BEGIN v1 2026-09-21 >>> */
/* =====================================================================
 * dn-laser 标题层级归一化 · 配套样式            v1   2026-09-21
 * ---------------------------------------------------------------------
 * 背景：全站审计（heading_audit.py）发现 35 个页面的标题存在「跳级」：
 *         /Contact.html        h1 → h3
 *         /about.html          h2 → h4
 *         33 个文章/栏目详情页  h1 → h3 / h1 → h4 / h2 → h4
 *       修法是把跳级的标签升到正确层级。本文件负责把「新层级」的观感
 *       还原成「旧层级」的样子 —— 做到「只改语义，不改视觉」。
 *
 * 四处作用域：
 *   1) 联系页      分公司名               h3 → h2
 *   2) 关于页      研发实力 / 企业文化条目 h4 → h3
 *   3) 文章正文    层级压缩（h4→h3、h3→h2、h2→h3 等）
 *      模板在「被改过层级」的标签上打了 data-lv="原层级"，
 *      这里按原层级逐一还原字号与间距。
 *   4) 页脚栏目标题 可见但不入大纲（h3 → p.fd-tit）——见第 6 节
 *
 * 注意：本文件由 ftp_deploy.py 以「带标记的片段」幂等追加进 main.css 末尾，
 *       因此可以直接覆盖 main.css 中同名的 h3 规则（同权重时靠后生效，
 *       不同权重时本文件的 :not()/属性选择器权重更高）。
 * ===================================================================== */

/* 1. 联系页：办公地点名（h3 → h2）------------------------------------- */
/* 原规则：.contact-box .contact-list .item .info h3{font-size:.3rem;color:#1a1b20;margin-bottom:.4rem;font-weight:700}
   叠加 main.css 末尾统一字体规则后的实际观感：font-weight:400 + HarmonyOS_Sans_SC_Bold */
.contact-box .contact-list .item .info h2 {
  font-size: .3rem;
  color: #1a1b20;
  margin-bottom: .4rem;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC_Bold;
}

/* 2. 关于页 · 研发实力条目（h4 → h3）---------------------------------- */
.about-strength .strength-content .right .strength-list .item .info h3 {
  font-size: .24rem;
  color: #fff;
  margin-bottom: .2rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC_Bold;
}

/* 2b. 关于页 · 企业文化条目（h4 → h3）--------------------------------- */
/* 原 main.css：
     .about-culture .culture-list .item .inner .info h4{font-size:.24rem;color:#333;font-weight:700;margin-bottom:.2rem;transition:all .5s ease}
     .about-culture .culture-list .item.active .inner .info h4{color:#1a1b20}
     .about-culture .culture-list .item.active .inner .info h4{font-weight:400;font-family:HarmonyOS_Sans_SC_Medium}  ← 仅激活项
   所以：非激活项 = 700 + 继承环境字体；激活项 = 400 + Medium。            */
.about-culture .culture-list .item .inner .info h3 {
  font-size: .24rem;
  color: #333;
  margin-bottom: .2rem;
  transition: all .5s ease;
  font-weight: 700;
  font-family: inherit;
}

.about-culture .culture-list .item.active .inner .info h3 {
  color: #1a1b20;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC_Medium;
}

/* 3. 文章正文：按「原层级」还原观感 ------------------------------------ */
/* data-lv 记的是「改写前的原始标签层级」。下面每组值都不是拍脑袋写的，
   而是用浏览器探针（向 .news-content 注入原始标签后读 getComputedStyle）
   实测出来的原值，逐项对齐字号 / 行高 / 字重 / 字体 / 间距 / 分隔线。
   实测基准（视口 1600px，html font-size 85px）：
     原 h1  18px  w700 Regular lh1.8   margin 0
     原 h2  25.5px w700 Regular lh1.5  mt.7rem mb.28rem pb.14rem + 1px 分隔线
     原 h3  20.4px w400 Bold    lh1.5  mt.4rem mb.2rem
     原 h4  17px   w700 继承环境 lh1.55 mt.34rem mb.16rem
     原 h5/6 15.3px w700 Regular lh1.6 mt.28rem mb.14rem                 */

/* 原为 h1（正文里异常出现的 h1）—— 浏览器默认观感 */
.news-detail-page .news-detail-container .news-detail-left .news-content [data-lv="1"] {
  font-size: .18rem;
  line-height: 1.8;
  margin: 0;
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 700;
  font-family: HarmonyOS_Sans_SC_Regular;
}

/* 原为 h2 —— 章节观感（带分隔线） */
.news-detail-page .news-detail-container .news-detail-left .news-content [data-lv="2"] {
  font-size: .3rem;
  line-height: 1.5;
  margin: .7rem 0 .28rem;
  padding-bottom: .14rem;
  border-bottom: 1px solid #eef0f3;
  font-weight: 700;
  font-family: HarmonyOS_Sans_SC_Regular;
}

/* 原为 h3 —— 小节观感（无分隔线） */
.news-detail-page .news-detail-container .news-detail-left .news-content [data-lv="3"] {
  font-size: .24rem;
  line-height: 1.5;
  margin: .4rem 0 .2rem;
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC_Bold;
}

/* 原为 h4 —— 细目观感 */
/* font-family:inherit：原 h4 在 main.css 里没有任何 font-family 声明，它继承
   正文环境的字体。有的文章正文带内联 font-family（如 ui-sans-serif），
   硬写 HarmonyOS_Sans_SC_Regular 反而会改掉观感，所以这里显式继承。 */
.news-detail-page .news-detail-container .news-detail-left .news-content [data-lv="4"] {
  font-size: .2rem;
  line-height: 1.55;
  margin: .34rem 0 .16rem;
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 700;
  font-family: inherit;
}

/* 原为 h5 / h6 */
.news-detail-page .news-detail-container .news-detail-left .news-content [data-lv="5"],
.news-detail-page .news-detail-container .news-detail-left .news-content [data-lv="6"] {
  font-size: .18rem;
  line-height: 1.6;
  margin: .28rem 0 .14rem;
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 700;
  font-family: HarmonyOS_Sans_SC_Regular;
}

/* 3b. 侧栏「相关产品推荐」条目标题（原 h3 → p.side-item-tit）-----------
   这些标题是导航列表项，不是文档章节；留在 h3 会让「正文没有小标题」
   的文章页出现 h1 → h3（侧栏标题）的假跳级。改成语义中性的 <p> 摘出大纲。
   但样式必须完整承接原 .info h3 那套，含两行截断与 hover 变色：
     .… .side-list .item .info h3{font-size:.18rem;color:#1a1b20;font-weight:700;line-height:1.5;margin-bottom:.15rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
     .… .side-list .item:hover h3{color:#194e9a}
     geo_article 追加覆盖：font-weight:400 + HarmonyOS_Sans_SC_Bold              */
.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item .info .side-item-tit {
  font-size: .18rem;
  color: #1a1b20;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC_Bold;
  line-height: 1.5;
  margin-bottom: .15rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-detail-page .news-detail-container .news-detail-right .side-module .side-list .item:hover .side-item-tit {
  color: #194e9a;
}

/* 4. 页脚「信任页」链接行（资质证书 / 隐私政策 / 服务条款）------------- */
.footer .fd-bot .fd-links {
  margin-bottom: .12rem;
}

.footer .fd-bot .fd-links a {
  color: #d6e4f7;
  transition: color .3s;
}

.footer .fd-bot .fd-links a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer .fd-bot .fd-links span {
  margin: 0 .14rem;
  opacity: .45;
}

/* 5. ≤1199px 断点：与 main.css 中同名的 h3 规则保持一致 ---------------- */
@media only screen and (max-width:1199px) {
  .contact-box .contact-list .item .info h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .footer .fd-bot .fd-links span {
    margin: 0 .08rem;
  }
}

/* 6. 页脚栏目标题（原 h3 → p.fd-tit）----------------------------------- */
/* 背景：页脚的「南京帝耐激光科技有限公司」「关注我们」原为 <h3>，它们是
   品牌标签而非文档章节，却会被标题层级审计计为 h1→h3 跳级（12 个无正文
   小标题的文章页因此被标记）。改成语义中性的 <p class="fd-tit"> 摘出大纲。
   原 main.css 中两处 h3 规则：                                           */
/*   .footer .fd-mid .text h3{font-size:.18rem;color:#f8f8f8;margin-bottom:.2rem}
     .footer .fd-mid .text h3{font-size:.2rem}            ← 后者覆盖字号
     .footer .fd-mid .qr   h3{color:#fff;font-size:.18rem;margin-right:.2rem}
     .footer .fd-mid .qr   h3{white-space:nowrap}
     统一字体规则（同选择器）  {font-weight:400;font-family:HarmonyOS_Sans_SC_Bold}
     ≤1199px：.text h3→.32rem→24px；.qr h3→.3rem→24px，且 margin-right:0;margin-bottom:15px
   下方逐条复刻，保持「只改语义、不改视觉」。                              */
.footer .fd-mid .text .fd-tit {
  font-size: .2rem;
  color: #f8f8f8;
  margin-bottom: .2rem;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC_Bold;
}

.footer .fd-mid .qr .fd-tit {
  font-size: .18rem;
  color: #fff;
  margin-right: .2rem;
  white-space: nowrap;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC_Bold;
}

@media only screen and (max-width:1199px) {
  .footer .fd-mid .text .fd-tit {
    font-size: .32rem;
  }

  .footer .fd-mid .qr .fd-tit {
    font-size: .3rem;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .footer .fd-mid .text .fd-tit,
  .footer .fd-mid .qr .fd-tit {
    font-size: 24px;
  }
}
/* <<< dn-geo-semantics END v1 <<< */
/* >>> dn-inline-link BEGIN v1 2026-09-30 >>> */
/* 背景：style.css 里有全局 a{color:#333;text-decoration:none}，
   会把文章正文里的站内内链和文末互链渲染成与正文完全同色同形的黑字，
   读者看不出那是可点的链接。这里只在「文章正文容器」内恢复链接观感，
   导航 / 面包屑 / 页脚 / 上下篇等其它区域的既有样式不受影响。 */
.news-detail-page .news-detail-container .news-detail-left .news-content a {
    color: #194e9a;
    text-decoration: none;
    border-bottom: 1px solid rgba(25, 78, 154, .45);
    padding-bottom: 1px;
    transition: color .2s ease, border-color .2s ease;
}
.news-detail-page .news-detail-container .news-detail-left .news-content a:hover {
    color: #1878bc;
    border-bottom-color: #1878bc;
}
/* 文末「相关阅读」互链块 */
.news-detail-page .news-detail-container .news-detail-left .news-content .dn-related {
    margin: .45rem 0 .25rem;
    padding: .22rem .26rem;
    background: #f7f9fd;
    border-left: 3px solid #194e9a;
    border-radius: 0 .06rem .06rem 0;
    font-size: .16rem;
    line-height: 1.9;
}
.news-detail-page .news-detail-container .news-detail-left .news-content .dn-related .dn-related-t {
    font-weight: 700;
    color: #194e9a;
    margin-right: .12rem;
}
.news-detail-page .news-detail-container .news-detail-left .news-content .dn-related a {
    color: #194e9a;
    border-bottom: 1px solid rgba(25, 78, 154, .35);
}
.news-detail-page .news-detail-container .news-detail-left .news-content .dn-related a:hover {
    color: #1878bc;
    border-bottom-color: #1878bc;
}
/* <<< dn-inline-link END v1 <<< */

/* dn-pn-fix BEGIN —— 文章页上下篇可见性修复 2026-09-30
   .pn-item 为 flex 容器，a 带 overflow:hidden 时最小宽度为 0，空间不足会被压成 0 宽，
   标题看着像空白。这里显式给 a 分配剩余宽度并保留省略号，同时改成可辨识的链接蓝。 */
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item a{flex:1 1 auto;min-width:0;color:#194e9a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item a:hover{color:#1878bc}
.news-detail-page .news-detail-container .news-detail-left .news-prev-next .pn-item .pn-tip{color:#999;font-size:.16rem}
/* dn-pn-fix END */