@font-face{font-family:'HarmonyOS_Sans_SC_Bold';src:url(../Fonts/HarmonyOS_Sans_SC_Bold.ttf) format('truetype');display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Light';src:url(../Fonts/HarmonyOS_Sans_SC_Light.ttf) format('truetype');display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Medium';src:url(../Fonts/HarmonyOS_Sans_SC_Medium.ttf) format('truetype');display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Regular';src:url(../Fonts/HarmonyOS_Sans_SC_Regular.ttf) format('truetype');display:swap;}
@font-face{font-family:'Barlow';src:url(../Fonts/Barlow-Bold.ttf);display:swap;font-weight:bold;}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;}
.font-l{font-family:"HarmonyOS_Sans_SC_Light";}
.font-r{font-family:"HarmonyOS_Sans_SC_Regular";}
.font-m{font-family:"HarmonyOS_Sans_SC_Medium";}
.font-b{font-family:"HarmonyOS_Sans_SC_Bold";}
.font-en{font-family:'Barlow';font-weight:600;}
html{font-size:100px;font-size:5.2vw;}
body{padding:0;margin:0 auto;color:#000;background-color:#fff;font-family:'HarmonyOS_Sans_SC_Regular',sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight:rgba(0,0,0,0);
/*-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;*/
font-size:0.16rem;line-height:1.6;padding-top:1.4rem;width:100%;overflow-x:hidden;}
ul,ol,li{list-style:none;list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;min-width:100%;}
table td{border-collapse:collapse;}
img{border:none;max-width:100%;vertical-align:middle;}
a,a:link,a:visited{text-decoration:none;color:inherit;}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:4px;height:4px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#005fbe;}
.overscroll::-webkit-scrollbar-track{border-radius:10px;background:#dbdbdb;}
.gradient-text{background-image:linear-gradient(45deg,#0cb2ba,#1bcdaa);background-clip:text;-webkit-background-clip:text;color:transparent;}
/*IE/7/6*/
.clearfix:after{content:'';display:block;height:0;clear:both;}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
input,select{transition:background-color 66666s;}
[class*='flex']{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;}
[class*='-jl']{justify-content:flex-start;}
[class*='-jc']{justify-content:center;}
[class*='-jr']{justify-content:flex-end;}
[class*='-at']{align-items:flex-start;}
[class*='-ac']{align-items:center;}
[class*='-ab']{align-items:flex-end;}
[class*='-as']{align-items:stretch;}
.f14{font-size:14px;}
.f16{font-size:0.16rem;}
.f18{font-size:0.18rem;}
.f20{font-size:0.2rem;}
.f22{font-size:0.22rem;}
.f24{font-size:0.24rem;}
.f26{font-size:0.26rem;}
.f28{font-size:0.28rem;}
.f30{font-size:0.3rem;}
.f32{font-size:0.32rem;}
.f34{font-size:0.34rem;}
.f36{font-size:0.36rem;}
.f38{font-size:0.38rem;}
.f40{font-size:0.4rem;}
.f42{font-size:0.42rem;}
.f48{font-size:0.48rem;}
.f52{font-size:0.52rem;}
.f60{font-size:0.6rem;}
.max1400{width:14rem;max-width:94%;margin:auto;}
.inner{width:16rem;max-width:94%;margin:0 auto;}
.iconfont{font-size:inherit !important;}
.hovimg{overflow:hidden;}
.hovimg img{display:block;width:100%;transition:.8s;transform:scale(1);}
.hovimg .pic{display:block;width:100%;transition:.8s;transform:scale(1);background-position:center;background-repeat:no-repeat;background-size:cover;}
.item:hover .hovimg img,.hovimg:hover img,.item:hover .hovimg .pic,.hovimg:hover .pic{transform:scale(1.05);}
.pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center;visibility:hidden;}
.popIn{width:100%;height:100%;}
.pop .popmsk{position:absolute;left:0;top:0;width:100%;z-index:10;height:100%;background:#000;opacity:0.5;}
.pop .popbox{position:relative;z-index:20;background:#fff;padding:0.4rem 0.5rem 0.3rem;width:500px;max-width:94%;flex:0 0 auto;top:50px;opacity:0;}
.pop .popbox .close{cursor:pointer;position:absolute;right:0;top:0;z-index:5;width:0.5rem;text-align:center;line-height:0.5rem;}
.pop .popbox .tit{text-align:center;line-height:1.1;margin-bottom:0.3rem;}
.video_pop .popbox{padding:0.3rem;background:#222;width:1100px;color:#fff;}
.videobox video{width:100%;}
.baseForm .line{margin-bottom:0.15rem;}
.baseForm .line .li{flex:0 0 auto;width:49%;}
.baseForm .input{width:100%;height:0.5rem;padding:0 1.2em;font-size:inherit;font-family:inherit;background:#f6f8fa;border-radius:6px;border:none;outline:none;min-height:40px;color:#666;}
.baseForm .textarea{width:100%;border:none;outline:none;font-size:inherit;font-family:inherit;padding:0.5em 1.2em;background:#f6f8fa;border-radius:6px;line-height:1.5;resize:none;height:1.2rem;min-height:7em;}
.baseBtns{margin-top:0.3rem;flex-wrap:wrap;}
.baseBtns .btn{flex:0 0 auto;margin-right:0.3rem;margin-bottom:0.3rem;height:2.89em;padding:0 1.5em;text-align:center;min-width:1.6rem;border:1px solid #5c5c5c;color:#333;cursor:pointer;border-radius:0 3em 3em 3em;position:relative;z-index:2;overflow:hidden;justify-content:center;transition:.3s;}
.baseBtns .btn.on,.baseBtns .btn:hover{background:#005fbe;color:#fff;border-color:#005fbe;}
.baseBtns .btn i:first-child{margin-right:0.1rem;}
.baseBtns .btn i:last-child{margin-left:0.1rem;}
.baseBtns .btn.gray{background:#f5f5f5;border-color:#f5f5f5;color:#333;}
.baseBtns .btn.gray:hover{background-color:#eee;}
.pop.act{visibility:visible;}
.pop.act .popbox{top:0;opacity:1;transition:.3s;}
.header{position:fixed;left:0;top:0;width:100%;z-index:1050;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.15);}
.logo{height:.8rem;line-height:.8rem;font-size:0;flex:1 1 auto;max-width:40%;}
.logo img{max-height:60%;}
.hdr{flex:0 0 auto;}
.top-tel{font-size:0.22rem;line-height:0.4rem;margin-right:0.2rem;display:flex;align-items:center;font-weight: bold;}
.top-tel i{margin-right:0.08rem;color:#005fbe;}
.search{position:relative;flex:0 0 auto;margin-left:0.2rem;}
.search .ico{width:30px;text-align:center;line-height:0.3rem;display:none;cursor:pointer;}
.searchBox{position:relative;width:2.6rem;}
.searchBox input{width:100%;height:0.4rem;padding:0 0.5rem 0 2em;border:1px solid #999;border-radius:0.4rem;}
.searchBox .btn{position:absolute;right:0;top:0;width:0.5rem;text-align:center;line-height:0.4rem;cursor:pointer;z-index:5;color:#005fbe;}
.lang{position:relative;margin-left:0.3rem;    z-index: 2;}
.lang .ico{cursor:pointer;line-height:30px;}
.lang .ico span{padding-right:5px;}
.hov{position:absolute;left:50%;top:100%;transform:translate(-50%);min-width:100%;padding-top:14px;display:none;width:80px;}
.hov .hovbox{position:relative;z-index:5;background:#fff;color:#333;padding:10px;border-radius:5px;font-size:14px;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.hov .hovbox a{display:block;text-align:center;line-height:1.6;}
.hov .hovbox a:hover {
    color: #005fbe;
}
.hov .hovbox:before{content:"";position:absolute;left:50%;bottom:100%;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:4px solid #fff;margin-left:-6px;}
.lang:hover .hov{display:block;}
.loginBtns{margin-left:0.3rem;background:#005fbe;line-height:40px;padding:0 1em;border-radius:0 20px 20px 20px;color:#fff;flex:0 0 auto;}
.topMenu{background:#005fbe;color:#fff;}
.topMenu li{position:relative;flex:1 1 auto;padding:0 1em;}
.topMenu li:after{content:"";position:absolute;right:0;top:50%;margin-top:-0.5em;height:1em;background:#fff;width:1px;opacity:0.4;}
.topMenu li>a{display:block;line-height:0.6rem;text-align:center;}
.fixSub{position:fixed;left:0;top:1.4rem;width:100%;background:#fff;color:#333;overflow:hidden;max-height:0;}
.fixSub .cat{flex:0 0 auto;width:18.75%;padding:0.5rem 0;border-right:1px solid #e6e7e9;}
.fixSub .third{flex:1 1 auto;overflow:hidden;padding:0.5rem 8%;}
.fixSub .inner{align-items:stretch;}
.fixSub .ci{cursor:pointer;display:block;padding:0.2rem 0.4rem;transition:.3s;}
.fixSub .ci.on{background:#005fbe;color:#fff;}
.menui{flex-wrap:wrap;margin-bottom:0.3rem;}
.menui .i{flex:0 0 auto;width:25%;padding-right:2em;margin-bottom:1em;}
.menui .i .ico{flex:0 0 auto;width:30px;margin-right:1em;}
.menui .i .ip{flex:1 1 auto;overflow:hidden;}
.jump{display:inline-block;line-height:2.9;padding:0 1.5em;background:#005fbe;color:#fff;border-radius:0 2em 2em 2em;min-width:2rem;text-align:center;transition:all 0.3s ease;cursor:pointer;}
.jump:hover{background:#0066cc;transform:translateY(-0.02rem);box-shadow:0 0.04rem 0.12rem rgba(0,95,190,0.3);}
.topMenu li .sub{position:absolute;left:50%;top:100%;transform:translate(-50%);background:#fff;color:#333;font-size:0.8em;box-shadow:0 5px 10px rgba(0,0,0,0.1);text-align:center;min-width:100%;overflow:hidden;max-height:0;}
.topMenu li .sub a{display:block;padding:5px 1em;white-space:nowrap;transition:.3s;line-height:2;}
.topMenu li .sub a:hover{background:#005fbe;color:#fff;}
.topMenu li .sub dl{padding:10px 0;}
@media(min-width:1024px){.topMenu li:hover .fixSub{max-height:4rem;transition:.3s;}
.topMenu li:hover .sub{max-height:4rem;transition:.3s;}
}
.topMenu li.haschild>a span:after{content:'\e761';font-family:'iconfont';font-size:0.7em;line-height:1;position:absolute;right:0;top:50%;margin-top:-0.5em;}
.topMenu li.haschild>a span{position:relative;padding:0 0.8em;}
.swiperDots{position:absolute;left:0;bottom:0.5rem !important;z-index:10;width:100%;text-align:center;}
.swiperDots span{width:26px;height:26px;position:relative;border:1px solid transparent;border-radius:50%;background:none;opacity:1;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.swiperDots span.swiper-pagination-bullet-active{width:26px;border-color:transparent;}
.swiperDots span.swiper-pagination-bullet-active:before{display:none;}
.swiperDots span:after{content:"";width:8px;height:8px;background:#999999;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;box-sizing:border-box;}
.swiperDots span.swiper-pagination-bullet-active:after{background:#005fbe;}
.swiperDots span #circle{transition:linear 5s;stroke-dasharray:150,150;stroke-dashoffset:150;}
.swiperDots span.swiper-pagination-bullet-active #circle{stroke-dashoffset:0;}
.swiperDots span svg{width:100%;height:100%;opacity:0;}
.swiperDots span.swiper-pagination-bullet-active svg{opacity:1;}
.banner{background:url(../images/bannerBg.jpg) no-repeat center;background-size:cover;}
.banBox{padding:8% 0 0;min-height:7.6rem;align-items:flex-start;}
.banBox .txt{flex:1 1 auto;overflow:hidden;padding-right:6%;padding-top:2%;}
.banBox .img{flex:0 0 auto;width:52.8%;transition:.6s;opacity:0;}
.banBox .t1{font-size:3.6em;line-height:1.2;position:relative;top:1em;opacity:0;transition:.3s;margin-bottom:0.2rem;}
.banBox .t2{font-size:2.2em;line-height:1.3;margin-bottom:0.2rem;position:relative;top:1em;opacity:0;transition:.3s;}
.banBox .more{margin-top:0.5rem;position:relative;top:1em;opacity:0;transition:.3s;}
.swiper-container-fade .swiper-slide{z-index:2 !important;}
.swiper-container-fade .swiper-slide-acive{z-index:10 !important;}
.swiper-slide-active .banBox .img{opacity:1;}
.banBox .p{position:relative;opacity:0;top:1em;transition:.3s;}
.swiper-slide-active .banBox .t1{opacity:1;top:0;transition-delay:.3s;}
.swiper-slide-active .banBox .t2{opacity:1;top:0;transition-delay:.4s;}
.swiper-slide-active .banBox .p{opacity:1;top:0;transition-delay:.5s;}
.swiper-slide-active .banBox .more{opacity:1;top:0;transition-delay:.7s;}
.more .btn{height:3em;line-height:3;background:#005fbe;color:#fff;padding:0 1.5em;border-radius:0 3em 3em 3em;text-align:center;justify-content:center;}
.more .btn.dark{border:1px solid #7d8a95;background:transparent;color:#333;transition:.3s;}
.more .btn.dark:hover{border-color:#005fbe;color:#fff;background:#005fbe;}
.more .btn .iconfont{flex:0 0 auto;margin-left:2em;font-size:0.8em !important;}
.pt90{padding-top:0.9rem;}
.pb90{padding-bottom:0.9rem;}
.data{flex-wrap:wrap;}
.data .i{flex:0 0 auto;padding-right:2em;padding-bottom:2em;}
.data .i .it{align-items:stretch;line-height:1;margin-bottom:0.1rem;justify-content:flex-start;}
.data .i .num{font-size:4em;color:#005fbe;}
.data .i .tr{flex-direction:column;align-items:flex-start;padding:0.6em 0.5em;}
.bggray{background-color:#f0f3f5;}
.title{margin-bottom:0.5rem;}
.title .p{margin-top:0.2rem;}
.title .tl{flex:1 1 auto;padding-right:2em;overflow:hidden;}
.title .tl span{padding:14px 0;border-bottom:6px solid #005fbe;display:inline-block;line-height:1.1;}
.title.border{padding-bottom:0.2rem;border-bottom:1px solid #e5e5e5;}
.products{align-items:stretch;justify-content:flex-start;flex-wrap:wrap;}
.products .item{flex:0 0 auto;width:31.99%;padding:0.4rem 0.35rem 0.25rem;background:#fff;border-radius:0.1rem;margin-right:2%;margin-bottom:2%;box-shadow:0 5px 20px rgba(0,0,0,0.15);}
.products .item:nth-child(3n){margin-right:0;}
/* product-grid 容器中的产品卡片样式已在下方定义 */
.products .item .it{margin-bottom:0.25rem;}
.products .item .in{align-items:stretch;}
.products .item .ul{flex:1 1 auto;overflow:hidden;}
.products .item li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0.1rem;}
.products .item li:last-child{margin-bottom:0;}
.products .item .ir{flex:0 0 auto;text-align:center;font-size:14px;color:#666;line-height:1.7;width:70%;padding-left:5%;}
.products .item .img{position:relative;padding-bottom:2em;overflow:hidden;display:inline-block;}
.products .item .img .reflect{position:absolute;left:0;bottom:2em;width:100%;height:100%;transform:translate(0,100%);transform-origin:bottom center;}
.products .item .img .reflect img{transform:rotateX(180deg);}
.products .item .img .reflect:before{content:"";position:absolute;left:0;top:0;width:100%;height:2em;background:linear-gradient(0deg,#fff,rgba(255,255,255,0.8));z-index:2;}
.products .item li a:hover{color:#005fbe;text-decoration:underline;}

.img_bs .img_b {
    padding-bottom: 54%;
    position: relative;
}

.img_bs .img_b img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
}

.products .item .img {
    width: 100%;
}


.solution{position:relative;z-index:5;}
.solution .tit{position:absolute;z-index:2;color:#fff;left:0;top:0;width:100%;}
.solution .tit .inner{position:relative;}
.solution .tit .info{position:absolute;right:0;top:100%;width:50%;padding-top:0.6rem;max-width:27em;}
.solution .content{position:absolute;left:0;top:0;width:100%;z-index:4;height:100%;color:#fff;padding-top:2.3rem;align-items:flex-start;background:rgba(0,0,0,0.4);}
.solution .content .txt{width:42%;}
.solution .content .it{margin-bottom:0.2rem;}
.solution .content .more{margin-top:0.45rem;}
.solution .thumb{position:absolute;left:0;bottom:0;z-index:5;width:100%;padding:0.8rem 0;}
.swiperBtn{flex:0 0 auto;height:0.6rem;border:1px solid rgba(255,255,255,0.2);text-align:center;width:0.6rem;border-radius:50%;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:.3s;margin:0 0 0.3rem;}
.swiperBtn:hover{background:#005fbe !important;border-color:#005fbe !important;color:#fff !important;}
.swiperBtn.dark{border-color:#e5e5e5;color:#333;}
.solution .mainSlider .img img{width:100%;display:block;}
.solution .thumb .swiper-container{flex:1 1 auto;margin:0 0.3rem;}
.solution .thumb .txt{padding:6px;border-radius:5px;position:relative;}
.solution .thumb .swiper-wrapper{align-items:flex-end;}
.solution .thumb .swiper-slide{width:1.4rem;z-index:5;cursor:pointer;margin:0 10px;border-radius:6px;overflow:hidden;transition:.3s;}
.solution .thumb .swiper-slide.on{width:2.1rem;}
.solution .thumb .space{padding-bottom:66.7%;}
.solution .thumb .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:6px;z-index:-1;}
.solution .thumb .txt .it{text-align:center;padding:0.1rem;color:#fff;background:rgba(0,0,0,0.7);line-height:1;white-space:nowrap;overflow:hidden;}
.solution .thumb .txt:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:6px solid rgba(0,0,0,0.7);}
.solution .more .btn{background:transparent;border:1px solid #fff;transition:.3s;}
.solution .more .btn:hover{background:#005fbe;border-color:#005fbe;}
.indexNews{background:url(../images/newsBg.jpg) no-repeat bottom center;background-size:cover;}
.newsList .item{height:auto;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);border-radius:0.1rem;overflow:hidden;}
.nslider .swiper-container{margin:0 -20px;padding:20px;}
.newsList .item .txt{padding:0.2rem 0.15rem;}
.newsList .item .img{position:relative;padding-bottom:66.7%;}
.newsList .item .img img{position:absolute;left:0;top:0;height:100%;object-fit:cover;}
.newsList .item .ip{margin-top:0.1rem;color:#333;}
.swiperDots2{text-align:center;margin-top:0.2rem;}
.swiperDots2 span{margin:0 9px;width:12px;height:12px;background:#fff;opacity:1;}
.swiperDots2 span.swiper-pagination-bullet-active{background:#005fbe;}

/* ============================================
   科技风格新闻排版 - 紧凑专业
   ============================================ */

.indexNewsTech {
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.indexNewsTech .inner {
    position: relative;
    z-index: 1;
}

/* 科技风格左右分栏布局 */
.news-tech-two-column {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.4rem;
    align-items: flex-start;
}

/* 左侧：大图展示 */
.news-tech-left {
    flex: 0 0 48%;
    width: 48%;
}

.news-tech-featured {
    position: relative;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 0.08rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

.news-tech-featured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.04rem;
    height: 100%;
    background: linear-gradient(180deg, #005fbe 0%, #00a0e9 100%);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
    z-index: 2;
}

.news-tech-featured:hover {
    border-color: #005fbe;
    box-shadow: 0 0.08rem 0.24rem rgba(0, 95, 190, 0.12);
    transform: translateY(-0.04rem);
}

.news-tech-featured:hover::before {
    transform: scaleY(1);
}

.news-tech-featured-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.news-tech-featured-image {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden;
    background: #f8f9fa;
}

.news-tech-featured-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.news-tech-featured:hover .news-tech-featured-image img {
    transform: scale(1.05);
}

.news-tech-featured-content {
    padding: 0.3rem;
}

.news-tech-featured-date {
    display: inline-block;
    font-size: 0.12rem;
    color: #999;
    padding: 0.04rem 0.12rem;
    background: #f5f7fa;
    border-radius: 0.04rem;
    border: 1px solid #e8e8e8;
    transition: all 0.3s ease;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0.15rem;
}

.news-tech-featured:hover .news-tech-featured-date {
    background: #005fbe;
    color: #ffffff;
    border-color: #005fbe;
}

.news-tech-featured-title {
    font-size: 0.24rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.15rem 0;
    line-height: 1.5;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-tech-featured:hover .news-tech-featured-title {
    color: #005fbe;
}

.news-tech-featured-summary {
    font-size: 0.15rem;
    color: #666;
    line-height: 1.6;
    margin: 0 0 0.2rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-tech-featured-more {
    display: inline-flex;
    align-items: center;
    gap: 0.05rem;
    font-size: 0.14rem;
    color: #005fbe;
    transition: all 0.3s ease;
    font-weight: 500;
}

.news-tech-featured-more .iconfont {
    font-size: 0.12rem;
    transition: transform 0.3s ease;
}

.news-tech-featured:hover .news-tech-featured-more {
    color: #0066cc;
}

.news-tech-featured:hover .news-tech-featured-more .iconfont {
    transform: translateX(0.04rem);
}

/* 右侧：竖排列表 */
.news-tech-right {
    flex: 0 0 52%;
    width: 52%;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.news-tech-item {
    position: relative;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 0.08rem;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0.2rem;
}

.news-tech-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.04rem;
    height: 100%;
    background: linear-gradient(180deg, #005fbe 0%, #00a0e9 100%);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
    z-index: 2;
}

.news-tech-item:hover {
    border-color: #005fbe;
    box-shadow: 0 0.08rem 0.24rem rgba(0, 95, 190, 0.12);
    transform: translateX(0.08rem);
}

.news-tech-item:hover::before {
    transform: scaleY(1);
}

.news-tech-item-link {
    text-decoration: none;
    color: inherit;
    gap: 0.15rem;
}

.news-tech-item-image {
    flex: 0 0 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.04rem;
    overflow: hidden;
    background: #f8f9fa;
}

.news-tech-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.news-tech-item:hover .news-tech-item-image img {
    transform: scale(1.1);
}

.news-tech-item-content {
    flex: 1;
    min-width: 0;
}

.news-tech-item-date {
    display: inline-block;
    font-size: 0.11rem;
    color: #999;
    padding: 0.02rem 0.08rem;
    background: #f5f7fa;
    border-radius: 0.04rem;
    border: 1px solid #e8e8e8;
    transition: all 0.3s ease;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0.08rem;
}

.news-tech-item:hover .news-tech-item-date {
    background: #005fbe;
    color: #ffffff;
    border-color: #005fbe;
}

.news-tech-item-title {
    font-size: 0.16rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.08rem 0;
    line-height: 1.5;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-tech-item:hover .news-tech-item-title {
    color: #005fbe;
}

.news-tech-item-summary {
    font-size: 0.13rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .news-tech-two-column {
        gap: 0.3rem;
    }
    
    .news-tech-left {
        flex: 0 0 50%;
        width: 50%;
    }
    
    .news-tech-right {
        flex: 0 0 50%;
        width: 50%;
    }
}

@media (max-width: 768px) {
    .news-tech-two-column {
        flex-direction: column;
        gap: 0.2rem;
    }
    
    .news-tech-left,
    .news-tech-right {
        flex: 1 1 100%;
        width: 100%;
    }
    
    .news-tech-featured-content {
        padding: 0.25rem;
    }
    
    .news-tech-featured-title {
        font-size: 0.2rem;
    }
    
    .news-tech-featured-summary {
        font-size: 0.14rem;
    }
    
    .news-tech-item {
        padding: 0.15rem;
    }
    
    .news-tech-item-image {
        flex: 0 0 1rem;
        width: 1rem;
        height: 1rem;
    }
    
    .news-tech-item-title {
        font-size: 0.15rem;
    }
    
    .news-tech-item-summary {
        font-size: 0.12rem;
    }
}

/* 科技风格动画效果 */
.news-tech-featured {
    animation: fadeInUp 0.5s ease forwards;
    opacity: 0;
    animation-delay: 0.1s;
}

.news-tech-item {
    animation: fadeInUp 0.5s ease forwards;
    opacity: 0;
}

.news-tech-item:nth-child(1) { animation-delay: 0.2s; }
.news-tech-item:nth-child(2) { animation-delay: 0.3s; }
.news-tech-item:nth-child(3) { animation-delay: 0.4s; }
.news-tech-item:nth-child(4) { animation-delay: 0.5s; }

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(0.3rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.news-card {
    animation: fadeInUp 0.6s ease forwards;
}

.news-card:nth-child(1) { animation-delay: 0.1s; }
.news-card:nth-child(2) { animation-delay: 0.2s; }
.news-card:nth-child(3) { animation-delay: 0.3s; }
.news-card:nth-child(4) { animation-delay: 0.4s; }
.footer{padding-top:1.2rem;background:url(../images/fbg.jpg) no-repeat center;background-size:cover;color:rgba(255,255,255,0.6);}
.footer a:hover{color:#fff;}
.socail .i{position:relative;margin-left:1em;}

.socail .i .ico{cursor:pointer;width:0.44rem;height:0.44rem;background:#414141;justify-content:center;border-radius:50%;color:#8d8d8d;transition:.3s;}
.socail .i .ico i {display: block; padding-bottom: 100%; background: no-repeat center center; background-size: contain; opacity: 0.4; width: 100%;transition:.3s;}
.socail .i:hover .ico i {opacity: 1;}

.socail .i:hover .ico{background:#005fbe;color:#fff;}
.ftop{padding-bottom:0.4rem;}
.fcenter{border-top:1px solid rgba(255,255,255,0.1);}
.fnav{padding:0.5rem 0;flex:1 1 auto;}
.fnav dl{flex:0 1 auto;padding-right:2em;}
.fnav dt{font-size:1.25em;margin-bottom:0.2rem;color:#fff;}
.fnav dd{margin-bottom:0.15rem;}
.fcnt{flex:0 0 auto;max-width:4.5rem;padding:0.5rem 0 0.5rem 0.6rem;border-left:1px solid rgba(255,255,255,0.1);}
.fcnt .tel{margin-bottom:0.2rem;justify-content:flex-start;}
.fcnt .tel .ico{flex:0 0 auto;width:2em;font-size:1.4em;}
.fcnt .tel .ip{color:#005fbe;}
.fcnt .li{margin-bottom:0.2rem;align-items:flex-start;justify-content:flex-start;}
.fcnt .li .ico{flex:0 0 auto;width:2em;font-size:1.4em;}
.fcnt .code{justify-content:flex-start;margin-top:0.4rem;}
.fcnt .code .img{flex:0 0 auto;width:1.2rem;margin-right:2em;}
.fbot{padding:0.3rem 0;border-top:1px solid rgba(255,255,255,0.1);}
.copy{flex:1 1 auto;overflow:hidden;}
.flinks{flex:0 0 auto;}
.flinks a{margin-left:2em;}
.pbanner{position:relative;z-index:5;}
.pbanner .img img{display:block;width:100%;min-height:300px;object-fit:cover;}
.bantxt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;color:#fff;}
.bantxt .t1{line-height:1.4;margin-bottom:0.3rem;}
.bantxt .p{line-height:1.75;max-width:45em;text-align:justify;}
.category{margin-bottom:0.4rem;border-top:1px solid #e6e6e6;}
.category .li{border-bottom:1px solid #e6e6e6;line-height:30px;align-items:stretch;}
.category .li .lb{padding:10px 20px;background:#f0f3f5;flex:0 0 auto;width:12em;color:#666;}
.category .li .lc{flex:1 1 auto;overflow:hidden;padding:10px 20px;}
.category .li .i{display:inline-block;margin-right:3em;cursor:pointer;}
.category .li .lr{flex:0 0 auto;padding:10px 20px;align-items:flex-start;}
.category .li .btn{flex:0 0 auto;margin-left:10px;border:1px solid #e6e6e6;padding:0 10px;border-radius:30px;color:#666;cursor:pointer;transition:.3s;font-size:14px;white-space:nowrap;}
.category .li .btn span,.category .li .btn i{display:inline-block;vertical-align:middle;}
.category .li .btn:hover,.category .li .btn.on{background:#005fbe;color:#fff;border-color:#005fbe;}
.category .li .btn span{padding:2px;}
.category .li .el-select{margin-right:2em;max-width:40%;}
.category .li .el-input__inner{border-radius:30px;height:30px;line-height:30px;}
.category .li .el-input__icon{line-height:30px;}
.category .li .i.on{color:#005fbe;text-decoration:underline;}
.bread{padding:0.15rem 0;color:#999;margin-bottom:0.3rem;}
.bread .box{flex:0 1 auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bread span{padding-left:5px;color:#005fbe;}
.bread a{padding:0 5px;}
.category .li .child{/*height:32px;*/overflow:hidden;}
.category .li.on .child{height:auto;}
.category .li.on .vbtn{background:#005fbe;color:#fff;}
.category .li.on .vbtn .iconfont{transform:rotate(180deg);}
.filterResult{margin-bottom:0.4rem;flex-wrap:wrap;}
.filterResult .tag{padding-left:10px;margin-right:10px;border:1px solid #e6e6e6;border-radius:30px;line-height:30px;background:#f0f3f5;margin-bottom:5px;}
.filterResult .tag .lb{flex:0 0 auto;padding:0 5px;color:#666;}
.filterResult .tag .lc{color:#005fbe;}
.filterResult .tag .lc span:after{content:'、';}
.filterResult .tag .lc span:last-child:after{display:none;}
.filterResult .tag .lr{padding:0 10px;color:#005fbe;cursor:pointer;}
.minvh30{min-height:30vh;}
.loadmask{z-index:20;}
.products2 .items{flex-wrap:wrap;align-items:stretch;justify-content:flex-start;}
.products2 .item{flex:0 0 auto;width:23.25%;margin-right:2%;background:#fff;border-bottom:1px solid #e5e5e5;position:relative;margin-bottom:0.4rem;}
.products2 .item:nth-child(4n){margin-right:0;}
.products2 .item .img{background:#f0f3f5;height:2.2rem;border-radius:0.1rem;padding:0.3rem;}
.products2 .item .img img{max-height:100%;width:auto;}
.products2 .item .txt{padding:0.2rem 0;}
.products2 .item .it{margin-bottom:0.1rem;}
.products2 .item:after{content:"";position:absolute;left:0;bottom:-1px;width:0%;height:1px;background:#005fbe;transition:.3s;}
.products2 .item:hover:after{width:50%;}
.products2 .item:hover .it{color:#005fbe;text-decoration-line:underline;}
.products2 .item .ip{color:#333;}
.Pages{text-align:center;padding:0.25rem 0;}
.Pages .el-pagination button,.Pages .el-pager li{width:0.4rem;height:0.4rem;border:1px solid #b2b2b2 !important;border-radius:4px !important;line-height:0.38rem;min-width:0;background:none !important;transition:.3s;color:#222 !important;}
.Pages .el-pagination button:hover,.Pages .el-pager li:hover,.Pages .el-pager li.active{background:#005fbe !important;color:#fff !important;border-color:#005fbe !important;}
.Pages .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#fff !important;background:#005fbe !important;}
.Pages a{display:inline-block;width:0.4rem;height:0.4rem;border:1px solid #b2b2b2;border-radius:4px;line-height:0.38rem;min-width:0;transition:.3s;color:#222;margin:0 2px;}
.Pages a:hover{background:#005fbe;color:#fff;border-color:#005fbe;}
.mb50{margin-bottom:0.5rem;}
.center{text-align:center;}
.proTop{margin-bottom:0.8rem;align-items:stretch;flex-direction:row-reverse;}
.proTop .imgs{flex:0 0 auto;width:43.75%;}
.proTop .big .img{
    border-radius:10px;
    padding:0.3rem;
    background:#f0f3f5;
    height:4.7rem;
    justify-content:center;
    overflow:hidden;
    cursor:zoom-in;
    position:relative;            /* 为放大镜定位 */
}
.proTop .big .img img{
    width:auto;
    max-height:90%;
    max-width:80%;
    min-width:60%;
}
/* 禁用产品详情大图自身的 hover 缩放，只保留放大镜效果 */
.proTop .big .swiper-slide.hovimg img{
    transform:none !important;
    transition:none !important;
}

/* 产品大图跟随鼠标的放大框 */
#productZoomBox{
    position:fixed;
    width:3.2rem;
    height:3.2rem;
    border:1px solid #e5e5e5;
    background-repeat:no-repeat;
    background-position:center;
    background-size:200% 200%;
    box-shadow:0 0 15px rgba(0,0,0,.15);
    background-color:#fff;
    display:none;
    z-index:9999;
    pointer-events:none;
}

@media(max-width:1280px){
    #productZoomBox{
        width:2.6rem;
        height:2.6rem;
    }
}

.proTop .small .img{height:0.93rem;border-radius:5px;overflow:hidden;justify-content:center;cursor:pointer;}
.proTop .small .img img{height:auto;width:auto;max-height:60%;max-width:60%;}
.proTop .on .img{background:#f0f3f5;}
.proTop .small{margin-top:0.2rem;}
.proTop .small .swiper-container{flex:1 1 auto;margin:0 0.2rem;}
.proTop .small .swiperBtn{margin:0;color:#333;border-color:#cecece;}
.proTop .txt{flex:1 1 auto;padding-right:10%;}
.proTop .txt .it{line-height:1.2;margin-bottom:0.1rem;}
.proTop .txt .t2{margin-bottom:0.2rem;}
.proTop .txt .p{color:#999;}
.proTop .txt .ul{margin-top:0.3rem;}
.proTop .txt li{margin-bottom:0.1rem;line-height:1.6;position:relative;padding-left:1em;}
.proTop .txt li:before{content:"";position:absolute;left:0;top:0.8em;width:6px;height:6px;background:#005fbe;border-radius:50%;margin-top:-3px;}
.proTop .txt .baseBtns{margin-top:0.7rem;}
.tabpanel .tabs{width:100%;overflow:auto;}
.tabpanel .tabs .tb{flex:0 0 auto;line-height:2.9;padding:0 1.5em;cursor:pointer;border-radius:0.1rem 0.1rem 0 0;padding-bottom:0.1rem;transition:.3s;}
.tabpanel .tabs .tb.on,.tabpanel .tabs .tb:hover{background:#005fbe;color:#fff;}
.tabpanel .panels{padding:0.6rem;border:1px solid #f0f3f5;background:#fff;border-radius:0.1rem;margin-top:-0.1rem;position:relative;z-index:5;}

/* 产品详情页 - 标签导航sticky定位 */
.product-detail-nav-sticky {
    position: sticky;
    top: 0.8rem; /* 默认移动端header高度 */
    z-index: 1040;
    background: #fff;
    box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.1);
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 1024px) {
    .product-detail-nav-sticky {
        top: 1.4rem; /* 桌面端header高度 */
    }
}

.product-detail-tabs {
    width: 100%;
    overflow-x: auto;
    padding: 0.15rem 0.1rem;
    background: #fff;
}

.product-detail-tabs .tb {
    flex: 0 0 auto;
    line-height: 2.5;
    padding: 0.1rem 1.5em;
    cursor: pointer;
    border-radius: 0 0.3rem 0.3rem 0.3rem;
    transition: all 0.3s;
    white-space: nowrap;
    color: #333;
    background: transparent;
    margin-right: 0.1rem;
}

.product-detail-tabs .tb:hover {
    background: rgba(0, 95, 190, 0.1);
    color: #005fbe;
}

.product-detail-tabs .tb.on {
    background: #005fbe;
    color: #fff;
}

/* 产品详情页 - 内容区域平铺显示 */
.product-detail-content {
    width: 100%;
}

.product-detail-content .pans {
    display: block !important; /* 强制显示所有内容 */
    margin-bottom: 0.4rem;
}

.product-detail-content .pan {
    display: block !important; /* 强制显示所有内容 */
}
.tabpanel .panels h3{font-size:0.32rem;}
.tabpanel .panels h4{font-size:0.24rem;position:relative;font-weight:normal;line-height:1.2;margin-bottom:0.2rem;padding-left:16px;}
.tabpanel .panels h4:before{content:"";position:absolute;left:0;top:0.6em;margin-top:-3px;width:6px;height:6px;background:#005fbe;border-radius:50%;}
.pan.parms table{  /**  min-width: unset;**/
    margin: 0 auto;}
.pan.parms table th{text-align:left;background:#005fbe;color:#fff;padding:0.2rem;border:1px solid rgba(2255,255,255,0.3);font-weight:normal;}
.pan.parms table td{padding:0.2rem;border:1px solid #ecebeb;line-height:2;}
.pan.parms table tr:nth-child(2n+1) td{background:#f0f3f5;}
.appResource .rt{flex:0 0 auto;width:180px;margin-right:0.7rem;}
.appResource .rmain{flex:1 1 auto;overflow:hidden;}
.appResource .ri{cursor:pointer;line-height:1.2;text-align:center;padding:0.8em 1.5em;background:#f0f3f5;margin-bottom:0.1rem;border-radius:0 2em 2em 2em;transition:.3s;}
.appResource .ri span{display:block;font-size:12px;}
.appResource .ri.on,.appResource .ri:hover{background:#005fbe;color:#fff;}
.manual .item{padding:0.3rem 0;border-bottom:1px solid #eaeaea;}
.manual .item:first-child{border-top:1px solid #eaeaea;}
.manual .item .name{flex:1 1 auto;overflow:hidden;padding-right:2em;}
.manual .item .d{flex:0 0 auto;color:#005fbe;}
.manual .item .d .iconfont{margin-right:5px;}
.appArt .item{padding:0.3rem 0;border-bottom:1px solid #eaeaea;}
.appArt .item:first-child{border-top:1px solid #eaeaea;}
.appArt .item .it{margin-bottom:00.1rem;transition:.3s;}
.appArt .item .it a:hover{color:#005fbe;text-decoration:underline;}
.cusBlog .item{padding:0.3rem 0;border-bottom:1px solid #eaeaea;}
.cusBlog .item:first-child{border-top:1px solid #eaeaea;}
.cusBlog .item .it{margin-bottom:00.1rem;transition:.3s;}
.cusBlog .item .it a:hover{color:#005fbe;text-decoration:underline;}
.cusBlog .tags span{display:inline-block;margin:0 0.1rem 5px 0;line-height:1.625;border-radius:2em;background:#f0f3f5;color:#005fbe;padding:0 1em;}
.awards .items{align-items:flex-start;justify-content:flex-start;margin-bottom:0.7rem;}
.awards .items .i{flex:0 0 auto;width:23.25%;margin-right:2%;text-align:center;}
.awards .items .i:nth-child(4n){margin-right:0;}
.awards .items .i .imgbox{display:inline-block;width:2.9rem;max-width:100%;position:relative;}
.awards .items .i .imgbox:before{content:"";display:block;padding-bottom:130%;}
.awards .items .i .img{position:absolute;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;border:6px solid #ebf2fa;}
.awards .items .i .img img{max-height:100%;}
.awards .items .i .it{margin-top:0.15rem;}
.awards .li{padding-bottom:0.5rem;margin-bottom:0.5rem;border-bottom:1px solid #f0f3f5;align-items:stretch;}
.awards .li .img{flex:0 0 auto;width:3rem;max-width:33%;background:#f0f3f5;border-radius:0.1rem;padding:0.3rem;justify-content:center;margin-left:6%;}
.awards .li .txt{flex:1 1 auto;overflow:hidden;}
.awards .li .t{color:#005fbe;margin-bottom:0.1rem;}
.awards .li .p+.t{margin-top:0.2rem;}
.awards .li li{position:relative;padding-left:14px;margin-bottom:0.1rem;line-height:1.6;}
.awards .li li:before{content:'';position:absolute;left:0;top:0.8em;margin-top:-2px;width:4px;height:4px;background:#005fbe;border-radius:50%;}
/* 核心专利列表样式 - 减小高度 */
.awards .ul{margin:0;padding:0;}
.awards .ul .li{padding-bottom:0.3rem;margin-bottom:0.3rem;border-bottom:1px solid #f0f3f5;align-items:flex-start;}
.awards .ul .li .txt{flex:1 1 auto;overflow:hidden;font-size:0.14rem;line-height:1.5;}
.awards .ul .li .txt .patent-info-row{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:0.1rem;}
.awards .ul .li .txt .protection-label-row{margin-bottom:0.1rem;}
.awards .ul .li .txt .protection-content-row{width:100%;}
.awards .ul .li .txt .t{color:#005fbe;margin-bottom:0.05rem;font-size:0.13rem;font-weight:600;}
.awards .ul .li .txt .patent-info-row .t{display:inline-block;margin-bottom:0;margin-right:0.1rem;flex-shrink:0;white-space:nowrap;}
.awards .ul .li .txt .patent-info-row .p{display:inline-block;margin-bottom:0;margin-right:0.2rem;flex:0 1 auto;}
.awards .ul .li .txt .p{margin-bottom:0.1rem;color:#333;line-height:1.5;}
.awards .ul .li .txt ul{margin:0.05rem 0;padding-left:0.2rem;}
.awards .ul .li .txt ul li{margin-bottom:0.05rem;line-height:1.4;font-size:0.13rem;}
.awards .ul .li .img{flex:0 0 auto;width:2rem;max-width:25%;background:#f0f3f5;border-radius:0.08rem;padding:0.15rem;justify-content:center;margin-left:0.3rem;}
.awards .ul .li .img img{max-width:100%;max-height:2rem;object-fit:contain;}

/* 大屏下：专利名称和专利号放在一行，图片高度减少50% */
@media (min-width: 1024px) {
    .awards .ul .li .txt .patent-info-row{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:0.1rem;}
    .awards .ul .li .txt .protection-label-row{margin-bottom:0.1rem;}
    .awards .ul .li .txt .protection-content-row{width:100%;margin-top:0.1rem;}
    .awards .ul .li .txt .patent-info-row .t{display:inline-block;margin-bottom:0;margin-right:0.1rem;flex-shrink:0;white-space:nowrap;}
    .awards .ul .li .txt .patent-info-row .p{display:inline-block;margin-bottom:0;margin-right:0.2rem;flex:0 1 auto;}
    .awards .ul .li .img img{max-height:1rem;}
}
.configurations .item{padding-bottom:0.6rem;margin-bottom:0.6rem;border-bottom:1px solid #f0f3f5;}
.configurations .item .txt{flex:1 1 auto;overflow:hidden;}
.configurations .item .it{margin-bottom:0.1rem;}
.configurations .item .p{color:#333;line-height:2;}
.configurations .item .img{flex:0 0 auto;margin-left:0.6rem;width:4rem;max-width:45%;}
.accessories .item{padding-bottom:0.5rem;margin-bottom:0.5rem;border-bottom:1px solid #f0f3f5;transition:.3s;}
.accessories .item .txt{flex:1 1 auto;overflow:hidden;}
.accessories .item .it{margin-bottom:0.1rem;transition:.3s;}
.accessories .item .ip{color:#333;line-height:2;}
.accessories .item .img{flex:0 0 auto;margin-left:0.6rem;width:2.5rem;max-width:45%;}
.accessories .item .img img{display:block;width:100%;}
.accessories .item:hover .it{color:#005fbe;text-decoration:underline;}
.accessories .item:hover{border-bottom-color:#005fbe;}
.overTable{width:100%;}
.overTable table{min-width:768px;}
@media(max-width:768px){
    .overTable table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}
.customized{align-items:flex-start;}
.customized .img{flex:0 0 auto;width:23%;margin-right:0.6rem;}
.customized .img img{display:block;width:100%;}
.customized .form{flex:1 1 auto;overflow:hidden;}
.form .tit{line-height:1.2;margin-bottom:0.3rem;}
.customized .form .p{margin-bottom:0.2rem;}
.form .line{margin-bottom:0.2rem;}
.form .line .lb{margin-bottom:5px;}
.el-radio__inner{width:16px;height:16px;border-radius:2px;font-size:16px;display:block;}
.el-radio__inner:after{display:none;}
.el-radio__inner:before{content:'\e654';font-family:'iconfont';color:#fff;transform:translate(-50%,-50%) scale(0);transition:.12s;position:absolute;left:50%;top:50%;}
.el-radio__input.is-checked .el-radio__inner:before{transform:translate(-50%,-50%) scale(1);}
.el-radio__label{font-size:0.16rem;}
.el-radio{display:inline-flex;align-items:center;justify-content:flex-start;margin-right:1.5em;margin-bottom:0.1rem;}
.customized .cr{flex:0 0 auto;width:4.3rem;max-width:40%;padding-bottom:0.3rem;border-bottom:1px solid #f0f3f5;}
.customized .cr .tit{padding:0.15rem;text-align:center;background:#f0f3f5;margin-bottom:0.3rem;}
.customized .btns{margin-top:0.2rem;}
.customized .btn{line-height:2.25;flex:0 0 auto;text-align:center;padding:0 1.5em;min-width:1.2rem;max-width:100%;background:#005fbe;color:#fff;border-radius:2em;cursor:pointer;}
.result .t{margin-bottom:0.1rem;}
.result .li{justify-content:flex-start;margin-bottom:0.1rem;}
.result .li .ico{flex:0 0 auto;width:16px;height:16px;background:#005fbe;color:#fff;text-align:center;line-height:16px;border-radius:2px;font-size:16px;margin-right:0.1rem;}
.result .li .lp{flex:1 1 auto;overflow:hidden;}
.result .l3{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.result .l3 .li{flex:0 1 auto;min-width:33%;padding-right:2em;max-width:100%;}
.icheck{cursor:pointer;}
.icheck .ico{flex:0 0 auto;width:16px;height:16px;border:1px solid #DCDFE6;background:#fff;text-align:center;line-height:14px;border-radius:2px;font-size:16px;margin-right:0.1rem;display:flex;align-items:center;justify-content:center;}
.icheck.is-checked .ico{background:#005fbe;border-color:#005fbe;}
.icheck.is-checked .ico i{transform:scale(1);display:block;}
.icheck .ico i{transform:scale(0);transition:0.12s;color:#fff;}
.icheck .lp{flex:1 1 auto;overflow:hidden;}
.icheck .lp a{color:#005fbe;}
.formDialog .el-dialog__header{padding:0.4rem 0.8rem;text-align:center;line-height:1;}
.formDialog .el-dialog__title{display:block;font-size:0.3rem;color:#222;font-family:'HarmonyOS_Sans_SC_Bold';}
.formDialog .el-dialog__headerbtn{right:0.4rem;top:0.4rem;background:#005fbe;width:0.4rem;height:0.4rem;}
.formDialog .el-dialog__headerbtn .el-icon{color:#fff;}
.formDialog .el-dialog__body{padding:0 0.8rem 0.4rem;color:#000;}
.formDialog{width:1037px;max-width:94%;}
.form2 .line .input{flex:0 0 auto;width:48%;}
.form2 .input{margin-bottom:0.25rem;}
.form2 .input .lb{line-height:1;margin-bottom:0.1rem;font-size:0.16rem;}
.form2 .input .lb span{color:#f00;padding-left:5px;}
.form2 .input .el-form-item{margin:0;}
.form2 .input .el-select{display:block;}
.el-dialog__wrapper{display:flex;align-items:center;justify-content:center;}
.el-dialog{margin:auto !important;}
.filterCols .col{flex:0 0 auto;width:90px;margin-right:0.5rem;}
.filterCols .col.years{width:190px;}
.filterCols .cor{flex:1 1 auto;overflow:hidden;}
.letters .swiper-container{height:700px;}
.letters .swiper-slide{padding-right:34px;position:relative;display:flex;align-items:center;cursor:pointer;}
.letters .swiper-container:before{content:"";position:absolute;right:24px;width:10px;top:0;background-image:linear-gradient(0deg,#c1c1c1 1px,transparent 1px);background-size:auto 10px;background-repeat:repeat-y;bottom:0;}
.letters .swiper-slide:after{content:"";position:absolute;right:0;width:34px;height:1px;top:50%;background:#c1c1c1;z-index:2;}
.letters .swiper-slide.on{color:#005fbe;font-size:1.6875em;}
.letters .swiper-slide .dot{position:absolute;right:24px;width:10px;top:30%;height:40%;background-image:linear-gradient(0deg,#005fbe 1px,transparent 1px);background-size:auto 10px;background-repeat:repeat-y;opacity:0;background-color:#fff;}
.letters .swiper-slide .dot:before{content:"";width:34px;height:4px;background:#fff;position:absolute;right:0;top:50%;margin-top:-2px;}
.letters .swiper-slide:before{content:"";width:34px;height:4px;background:#fff;position:absolute;right:0;top:50%;margin-top:-2px;}
.letters .swiper-slide.on .dot{opacity:1;}
.letters .swiper-slide.on:after{background:#005fbe;}
.solutions .items{align-items:stretch;justify-content:flex-start;flex-wrap:wrap;}
.solutions .item{flex:0 0 auto;width:31.99%;margin-right:2%;margin-bottom:2%;}
.solutions .item:nth-child(3n){margin-right:0;}
.solutions .item .img{padding-bottom:66.7%;border-radius:0.1rem;position:relative;margin-bottom:0.2rem;}
.solutions .item .img img{position:absolute;left:0;top:0;object-fit:cover;}
.solutions .item .it{margin-bottom:0.1rem;line-height:1.5;height:3em;transition:.3s;}
.solutions .item .tags span{display:inline-block;padding:0 5px;border:1px solid #e5e5e5;margin-right:0.1rem;color:#999;line-height:1.5;border-radius:4px;}
.solutions .item .vm{margin-top:0.3rem;position:relative;padding-bottom:00.2rem;border-bottom:1px solid #e6e6e6;transition:.3s;}
.solutions .item .vm:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;background:#005fbe;width:0%;}
.solutions .item .vm .iconfont{margin-left:1em;}
.solutions .item .tags {
    min-height: .3rem;
}
.solutions .item:hover .it{color:#005fbe;text-decoration:underline;}
.solutions .item:hover .vm{color:#005fbe;}
.solutions .item:hover .vm:after{width:50%;transition:.3s;}
.pnavs{flex-wrap:wrap;}
.pnavs .i{flex:0 0 auto;cursor:pointer;padding:0 0.3rem;margin:0 0.1rem 0.1rem;height:3em;line-height:3;border:1px solid #999;border-radius:0 3em 3em 3em;transition:.3s;min-width:13em;}
.pnavs .i .ico{flex:0 0 auto;position:relative;margin-right:0.1rem;}
.pnavs .i .ico img{display:block;}
.pnavs .i .ico .act{position:absolute;left:0;top:0;opacity:0;}
.pnavs .i.on,.pnavs .i:hover{background:#005fbe;border-color:#005fbe;color:#fff;}
.pnavs .i.on .ico .act,.pnavs .i:hover .ico .act{opacity:1;}
.pnavs .i.on .ico .def,.pnavs .i:hover .ico .def{opacity:0;}
.detailTop{padding-bottom:0.4rem;margin-bottom:0.6rem;border-bottom:1px solid #e5e5e5;}
.detailTop .tl{flex:1 1 auto;}
.detailTop .tit{line-height:1.2;margin-bottom:15px;max-width:29em;font-weight:normal;}
.detailTop .tags span{display:inline-block;padding:0 5px;border:1px solid #e5e5e5;margin-right:0.1rem;color:#999;line-height:1.5;border-radius:4px;}
.detailTop .tr{flex:0 0 auto;margin-left:0.4rem;}
.detailTop .tr .back{min-width:1.6rem;padding:0 1.5em;height:2.5em;background:#005fbe;color:#fff;justify-content:center;border-radius:0 3em 3em 3em;}
.detailTop .tr .back i{margin-right:1em;}
.document{align-items:stretch;}
.document .dl{flex:0 0 auto;width:15em;margin-right:1rem;}
.document .dr{flex:1 1 auto;overflow:hidden;}
.strick{position:sticky;top:180px;}
.strick li{position:relative;cursor:pointer;line-height:1.5;margin-bottom:1em;color:#808080;padding-left:1em;}
.strick li:before{content:"";position:absolute;left:0;top:0.75em;margin-top:-3px;width:6px;height:6px;background:#cbcbcb;border-radius:500%;}
.strick li.cur{color:#005fbe;}
.strick li.cur:before{background:#005fbe;}
.document .dblock{line-height:2;margin-bottom:1em;}
.document .dblock .dt{line-height:1.5;margin-bottom:0.5em;}
.document .dblock table td{
    /*width:50%;*/
padding-right:2em;}
.products2 .l3 .item{width:31.99%;}
.products2 .l3 .item:nth-child(3n){margin-right:0;}
.test .col{flex:0 0 auto;width:200px;margin-right:0.7rem;}
.test .coc{flex:1 1 auto;overflow:hidden;}
.test .cor{flex:0 0 auto;width:180px;border-left:1px solid #e6e6e6;margin-left:1em;padding-left:1em;}
.test .cor.s2{width:260px;border:1px solid #e6e6e6;padding:1em;}
.test .cor.s3{width:5.6rem;padding:0.3rem 0.4rem;border:1px solid #e6e6e6;max-width:50%;}
.category2 .ci{padding:0.15rem 1.5em;margin-bottom:10px;border:1px solid #999;border-radius:0 3em 3em 3em;line-height:1.4;cursor:pointer;transition:.3s;}
.category2 .ci .ico{flex:0 0 auto;width:26px;justify-content:center;}
.category2 .ci .ico .act{display:none;}
.category2 .ci .p{flex:1 1 auto;overflow:hidden;padding-left:0.1rem;}
.category2 .ci.on,.category2 .ci:hover{background:#005fbe;color:#fff;border-color:#005fbe;}
.category2 .ci.on .ico .act,.category2 .ci:hover .ico .act{display:block;}
.category2 .ci.on .ico .def,.category2 .ci:hover .ico .def{display:none;}
.testTable{width:100%;}
.testTable table{min-width:768px;width:100%;}
@media(max-width:768px){
    .testTable table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}
.testTable table th{padding-bottom:0.15rem;text-align:left;border-bottom:1px solid #e5e5e5;}
.testTable table td{padding:1em 1em 1em 0;border-bottom:1px solid #e5e5e5;}
.codes .i{text-align:center;padding:0.2rem 0;border-bottom:1px solid #e5e5e5;color:#333;cursor:pointer;}
.codes .i .ico{width:0.8rem;height:0.8rem;margin:0 auto 0.1rem;border:1px solid #cbcbcb;border-radius:50%;font-size:2em;}
.codes .i .img{width:1rem;margin:0 auto 0.1rem;max-width:100%;}
.codes .i .li{margin-bottom:0.1rem;align-items:flex-start;line-height:1.6;}
.codes .i .li .iconfont{flex:0 0 auto;margin-right:1em;}
.codes .i .li .lp{flex:1 1 auto;text-align:left;}
.test .cor.s2 .codes .i:last-child{border:none;}
.lineNavs .btn{display:block;margin-right:0;margin-bottom:0.2rem;height:auto;line-height:3;min-width:0;}
.el-radio{color:#333;}
.testFormTable input[type="radio"].el-radio__original{ position: absolute;}
.testFormTable{width:100%;}
.testFormTable table{width:100%;min-width:1024px;line-height:2;}
@media(max-width:768px){
    .testFormTable table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}
.testFormTable .bg{background:#f5f5f5;white-space:nowrap;}
.testFormTable .bg2{background:#e5eff8;white-space:nowrap;}
.testFormTable .bg3{background:#fffced;}
.testFormTable .center{text-align:center;}
.testFormTable .rq{color:#f00;}
.testFormTable .blue{background:#005fbe;color:#fff;border-color:#005fbe;}
.testFormTable th{font-weight:normal;}
.testFormTable th,.testFormTable td{padding:0.15rem 0.3rem;border:1px solid #d6d6d6;}
.testFormTable input{width:100%;height:30px;border:none;outline:none;margin:0;background:transparent;font-size:inherit;font-family:inherit;}
.testFormTable textarea{width:100%;border:none;outline:none;margin:0;background:transparent;font-size:inherit;font-family:inherit;line-height:2;min-height:14em;resize:none;}
.testFormTable [class*='flex']{flex-wrap:wrap;}
.testFormTable .el-radio-group+.oth{margin-bottom:0.1rem;margin-left:1.5em;max-width:2.2rem;}
.testFormTable .oth{flex:1 1 auto;flex-wrap:nowrap;}
.testFormTable .oth .lb{flex:0 0 auto;}
.testFormTable .oth .in{flex:1 1 auto;}
.testFormTable .oth input{border-bottom:1px solid #666;height:1.2em;}
.testFormTable .tip{color:#999;}
.testFormTable .in{flex:1 1 auto;overflow:hidden;}
.testFormTable .btn{display:inline-block;cursor:pointer;transition:.3s;}
.testFormTable .btn + .btn{margin-left:0.4rem}
.testFormTable .btn .ico{width:25px;height:25px;text-align:center;background:#d8e8f7;line-height:25px;color:#005fbe;border-radius:50%;font-size:1.4em;transition:.3s;margin-right:7px;}
.testFormTable .btn span{display:inline-block;vertical-align:middle;}
.testFormTable .btn:hover{color:#005fbe;}
.testFormTable .btn:hover .ico{background:#005fbe;color:#fff;}
.testFormTable .tl{flex:1 1 auto;overflow:hidden;}
.testFormTable .tr{flex:0 0 auto;}
.testFormTable .text-radio{display:flex;align-items:center;flex-wrap:wrap;}
.testFormTable .text-radio .el-radio{margin-bottom:0;}
.testFormTable .del{width:20px;height:20px;border:1px solid #9b9b9b;line-height:18px;text-align:center;font-size:14px;cursor:pointer;border-radius:50%;color:#9b9b9b;}
.elopi .ico{flex:0 0 auto;width:2.5em;}
.elopi .ot{flex:1 1 auto;overflow:hidden;}
.elopi .ico img{max-width:1.5em;}
.newsCenter .item{margin-bottom:0.4rem;}
.newsCenter .item .img{position:relative;flex:0 0 auto;width:30%;margin-right:0.3rem;border-radius:0.15rem;}
.newsCenter .item .img img{height:100%;object-fit:cover;}
.newsCenter .item .txt{flex:1 1 auto;overflow:hidden;flex-direction:column;}
.newsCenter .item .tp{width:100%;}
.newsCenter .item .vm{width:100%;position:relative;padding:0.15rem 0;border-bottom:1px solid #e6e6e6;transition:.3s;}
.newsCenter .item .vm:after{content:"";position:absolute;left:0;bottom:-1px;background:#005fbe;width:0%;height:1px;max-width:2rem;}
.newsCenter .item .it{transition:.3s;margin-bottom:0.1rem;}
.newsCenter .item .date{color:#666;margin-bottom:0.1rem;}
.newsCenter .item .ip{line-height:2;color:#333;}
.newsCenter .item .tags{margin-top:0.1rem;}
.newsCenter .item .tags span{display:inline-block;padding:0 5px;border:1px solid #e5e5e5;margin-right:0.1rem;color:#999;line-height:1.5;border-radius:4px;}
.newsCenter .item .tols{width:100%;flex:0 0 auto;margin-top:0.2rem;color:#999;}
.newsCenter .item .tols .tags{margin-top:0;flex:1 1 auto;overflow:hidden;padding-right:3em;}
.newsCenter .item .tols .iconfont{flex:0 0 auto;color:#005fbe;margin-right:5px;}
.newsCenter .item:hover .it{color:#005fbe;}
.newsCenter .item:hover .vm{color:#005fbe;}
.newsCenter .item:hover .vm:after{width:50%;transition:.3s;}
.searchBlock{padding:0.3rem 0.4rem;background:#f0f3f5;}
.searchBlock .in{padding:2px;background:#fff;border-radius:50px;overflow:hidden;}
.searchBlock .input{flex:1 1 auto;overflow:hidden;}
.searchBlock input{width:100%;padding:0 1.5em;background:none;border:none;height:0.56rem;font-size:inherit;font-family:inherit;color:#333;outline:none;}
.searchBlock .btn{flex:0 0 auto;background:#005fbe;height:0.56rem;border-radius:0.56rem;padding:0 1.5em;color:#fff;cursor:pointer;}
.searchBlock .btn .iconfont{flex:0 0 auto;margin-right:0.5em;}
.hotLesson .swiperBtns{position:absolute;left:0;bottom:0;z-index:10;}
.hotLesson .swiperBtn{margin:0 0.1rem 0 0;}
.hotLesson .item .txt{flex:1 1 auto;overflow:hidden;padding-bottom:0.5rem;}
.hotLesson .item .it{margin-bottom:0.2rem;}
.hotLesson .item .ip{color:#333;line-height:2;}
.hotLesson .item .img{flex:0 0 auto;border-radius:10px;overflow:hidden;position:relative;width:50%;margin-left:0.5rem;}
.hotLesson .item .img img{width:100%;}
.maskBox{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background:rgba(0,0,0,0.2);color:#fff;}
.vplay{cursor:pointer;text-align:center;}
.vplay p{margin-top:0.1rem;line-height:1;}
.vplay .iconfont{font-size:2.5em !important;}
.lessons{justify-content:flex-start;flex-wrap:wrap;}
.lessons .item{flex:0 0 auto;width:23.25%;margin-right:2%;margin-bottom:2%;}
.lessons .item:nth-child(4n){margin-right:0;}
.lessons .item .img{position:relative;border-radius:0.1rem;overflow:hidden;padding-bottom:67%;}
.lessons .item .img img{position:absolute;left:0;top:0;height:100%;object-fit:cover;}
.lessons .item .txt{padding-top:0.2rem;}
.lessons .item .it{margin-bottom:0.1rem;line-height:1.3;}
.lessons .item .desc{margin-top:0.2rem;color:#333;}
.lessons .item .tags span{display:inline-block;padding:0 5px;border:1px solid #e5e5e5;margin-right:0.1rem;color:#999;line-height:1.5;border-radius:4px;}
.about1 .txt{flex:1 1 auto;overflow:hidden;width:50%;padding-right:0.5rem;}
.about1 .it{margin-bottom:0.2rem;}
.about1 .editor{line-height:2;color:#333;}
.about1 .img{flex:0 0 auto;width:50%;border-radius:0.15rem;overflow:hidden;position:relative;}
.about1 .img .maskBox{background:none;}
.about1 .img .maskBox .vplay{line-height:1;border-radius:50%;background:rgba(0,0,0,0.5);padding:0.8em;font-size:0.2rem;}
.about1 .img .maskBox .vplay .iconfont{font-size:1em !important;}
.version{justify-content:flex-start;flex-wrap:wrap;}
.version .item{flex-direction:column;flex:0 0 auto;background:#f0f3f5;border-radius:0.1rem;overflow:hidden;height:3.8rem;width:31.99%;margin-right:2%;margin-bottom:2%;padding:0.3rem;position:relative;z-index:5;transition:.3s;cursor:pointer;}
.version .item:nth-child(3n){margin-right:0;}
.version .item .it{width:100%;flex:0 0 auto;}
.version .item .msk{position:absolute;right:-9%;top:0;width:50%;z-index:1;opacity:0;transition:.3s;}
.version .item .msk img{width:100%;}
.version .item .ico{flex:0 0 auto;width:0.76rem;height:0.76rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #005fbe;transition:.3s;background:transparent;}
.version .item .ico img{width:42%;height:60%;object-fit:contain;}
.version .item .it .t{flex:1 1 auto;padding:0 0.1rem;overflow:hidden;position:relative;left:2em;opacity:0;transition:.1s;}
.version .item .ibot{flex:0 0 auto;width:100%;}
.version .item .ibot .t{transition:.3s;opacity:1;top:0;margin-bottom:0.1rem;position:relative;height:1em;line-height:1;}
.version .item .p{transition:.3s;line-height:2;color:#333;overflow:hidden;height:4em;}
.version .item:hover{background:#005fbe;}
.version .item:hover .msk{opacity:0.09;}
.version .item:hover .it .t{left:0;opacity:1;color:#fff;}
.version .item:hover .ico{width:0.4rem;height:0.4rem;background:#fff;}
.version .item:hover .ibot .t{top:1em;opacity:0;height:0;}
.version .item:hover .p{height:16em;color:#fff;}
.yewu .items{flex-wrap:wrap;justify-content:flex-start;}
.yewu .item{flex:0 0 auto;margin-right:2%;margin-bottom:2%;background:#f0f3f5;position:relative;z-index:2;border-radius:0.1rem;overflow:hidden;width:23.5%;padding:0.14rem 0.14rem 0;transition:.3s;}
.yewu .item:nth-child(3){width:49%;margin-right:0;}
.yewu .item:nth-child(4n+7){margin-right:0;}
.yewu .item .img{justify-content:center;padding:0.3rem;background:#fff;border-radius:0.15rem;height:2.5rem;}
.yewu .item .img img{max-height:100%;}
.yewu .item .it{padding:0.2rem 0.1rem;}
.yewu .item .t{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.yewu .item:after{content:"";position:absolute;right:0;bottom:0;width:70%;height:100%;background:url(../images/boxbg.png) no-repeat;background-position:center bottom;background-size:contain;z-index:-1;opacity:0;transition:.3s;}
.yewu .item:hover:after{opacity:1;}
.yewu .item:hover{background:#005fbe;color:#fff;}
.history .bl,.history .br{flex:0 0 auto;width:45%;}
.history .bl{transform:scaleX(-1);}
.history .bl .overscroll{max-height:5rem;padding-right:0.7rem;}
.history .trans{transform:scaleX(-1);}
.history .bl .li{margin-bottom:0.3rem;cursor:pointer;}
.history .bl .li.on .lt{color:#005fbe;}
.history .bl .li .lp{color:#333;}
.history .br .lt{margin-bottom:0.2rem;line-height:1;color:#005fbe;}
.history .br .lt span{font-size:2.4em;}
.history .br .lp{margin-bottom:0.2rem;color:#333;line-height:2;}
.history .br .img{display:inline-block;font-size:0;border-radius:0.1rem;max-width:100%;}
.hornor1 .items{margin:0 -1rem;padding:0 1rem;flex-wrap:wrap;background-image:url(../images/table.png);background-position:center top;background-repeat:repeat-y;background-size:100% 3.5rem;}
.hornor1 .item{flex:0 0 auto;width:25%;height:3.5rem;flex-direction:column;padding:0 1%;justify-content:flex-end;padding-bottom:7%;padding-top:4%;margin-bottom:2%;}
.hornor1 .item .img{flex:0 1 auto;}
.hornor1 .item .img img{max-height:100%;}
.hornor2{background:url(../images/horbg.jpg) no-repeat center;background-size:cover;}
.book .swiper-container{flex:1 1 auto;overflow:hidden;margin:0 0.2rem;}
.hornor2 .item{position:relative;}
.hornor2 .item:before{content:"";display:block;padding-bottom:148.8125%;}
.hornor2 .item .img{position:absolute;left:0;top:0;width:100%;background:url(../images/horbox.png) no-repeat center;background-size:100% 100%;padding:5%;height:100%;justify-content:center;background-color:#fff;}
.hornor2 .item .img img{width:100%;height:100%;object-fit:contain;}
.jobTxt .txt{position:relative;padding:0 0.6rem;text-align:center;}
.jobTxt .txt .editor{max-width:55em;margin:auto;color:#222;line-height:2;}
.jobTxt .txt:before{content:"";width:0.42rem;height:0.6rem;position:absolute;left:0;top:0;background:url(../images/tprev.png) no-repeat top center;background-size:contain;}
.jobTxt .txt:after{content:"";width:0.42rem;height:0.6rem;position:absolute;right:0;bottom:0;background:url(../images/tafter.png) no-repeat bottom center;background-size:contain;}
.env .items{align-items:stretch;justify-content:flex-start;flex-wrap:wrap;}
.env .item{position:relative;flex:0 0 auto;width:31.99%;margin-right:2%;border-radius:0.1rem;overflow:hidden;margin-bottom:2%;}
.env .item:nth-child(3n){margin-right:0;}
.env .item .txt{position:absolute;left:0;bottom:0;width:100%;padding:0.4rem;color:#fff;z-index:3;}
.env .item:before{content:"";position:absolute;left:0;bottom:0;width:100%;z-index:2;height:100%;background:linear-gradient(0deg,#005fbe,transparent 50%);opacity:0.8;}
.jobLinks .items{justify-content:flex-start;align-items:stretch;flex-wrap:wrap;}
.jobLinks .item{flex:0 0 auto;margin-right:2%;margin-bottom:2%;width:23.5%;border-radius:0.1rem;overflow:hidden;position:relative;}
.jobLinks .item:nth-child(4n){margin-right:0;}
.jobLinks .item .txt{position:absolute;left:0;top:0;width:100%;height:100%;flex-direction:column;color:#fff;padding:15% 15%;}
.jobLinks .item .tp{width:100%;}
.jobLinks .item .baseBtns{width:100%;flex:0 0 auto;}
.jobLinks .item .baseBtns .btn{margin:0;}
.rcontact .tit{line-height:1.2;padding-bottom:0.15rem;margin-bottom:0.15rem;border-bottom:1px solid #e5e5e5;}
.rcontact .li{align-items:flex-start;margin-bottom:0.1rem;}
.rcontact .li .ll{flex:0 0 auto;margin-right:2em;}
.rcontact .li .ll .iconfont{margin-right:5px;font-size:1.2em !important;}
.rcontact .li .lp{flex:1 1 auto;overflow:hidden;text-align:right;}
.rcontact .socail{border-top:1px solid #e5e5e5;padding-top:0.3rem;margin-top:0.3rem;justify-content:flex-start;}
.rcontact .socail .i .ico{background:#ccc;color:#fff;align-items:center;justify-content:center;}
.rcontact .socail .i .ico i{padding-bottom:0;width:auto;}
.rcontact .socail .i:hover .ico{background:#005fbe;}
.socail .i:hover .hov{display:block;}
.socail .i .hov{width:110px;}
.hidemenu{padding-top:80px;}
@media(min-width:1024px){.hidemenu .topMenu{display:none;}
}
.loginMain{min-height:calc(100vh - 80px);padding:0.4rem 0;background:url(../images/loginbg.jpg) no-repeat center;background-size:cover;}
.loginMain .box{width:1200px;background:#fff;max-width:94%;margin:auto;}
.loginMain .box.s2{width:600px;}
.loginMain .box.s3{width:1000px;}
.forgetBox{padding:0.4rem;}
.forgetBox .tit{text-align:center;margin-bottom:0.3rem;}
.loginBox{align-items:stretch;}
.loginBox .img{flex:0 0 auto;width:50%;}
.loginBox .img img{min-height:100%;object-fit:cover;}
.loginBox .rig{flex:1 1 auto;padding:0.4rem 0.7rem;}
.loginBox .tit{line-height:1;padding:0.2rem 0;margin-bottom:0.2rem;}
.loginBox .tbs{margin-bottom:0.4rem;}
.loginBox .tbs .i{line-height:1;padding-bottom:0.1rem;flex:0 0 auto;margin:0 1.5em;cursor:pointer;border-bottom:1px solid transparent;}
.loginBox .tbs .i.on{color:#005fbe;border-color:#005fbe;}
.linebtn{cursor:pointer;line-height:3.25;text-align:center;border-radius:4px;background:#005fbe;color:#fff;transition:.3s;}
.linebtn:active{background:#0354a5;}
.linebtn.nobg{background:none !important;color:#005fbe !important;}
.loginBox .forget{margin-top:0.25rem;color:#999;line-height:1.3;}
.loginBox .forget .r{cursor:pointer;}
.loginOther{margin-top:0.4rem;}
.through{color:#999;margin-bottom:1em;text-align:center;display:flex;align-items:center;}
.through .l{flex:1 1 auto;height:1px;background:#ccc;}
.through .p{flex:0 0 auto;padding:0 1em;}
.loginOther .tps .ico{flex:0 0 auto;width:2.5em;text-align:center;line-height:2.5;background:#28c445;color:#fff;border-radius:50%;cursor:pointer;}
.loginOther .has{text-align:center;margin-top:0.4rem;color:#666;}
.loginOther .has a{color:#005fbe;}
.input .getCode{position:absolute;right:0;top:0;z-index:2;color:#005fbe;padding:0 1.5em;height:100%;cursor:pointer;}
.input .getCode.disabled{color:#999;}
.loginMain .el-input__inner{height:50px;background:#f4f6fa;border-color:#f4f6fa;}
.el-input__inner[type='password']+.el-input__suffix .el-icon-view:before{content:'\e8ff';font-size:1.4em;font-family:'iconfont' !important;color:#666;}
.el-input__suffix{display:flex;align-items:center;right:0;padding:0 1em;color:#666;}
.el-input__inner[type='text']+.el-input__suffix .el-icon-view:before{content:"\e78f";font-size:1.4em;font-family:'iconfont' !important;color:#666;}
.forgetBox .bot{color:#999;}
.forgetBox .bot .con{flex:0 1 auto;max-width:100%;}
.forgetBox .bot .linebtn{width:4rem;margin:0.2rem auto 0;max-width:100%;}
.el-form-item__error{padding-top:2px;}
.member{padding:1rem 0;background:#f4f6fa;}
.memberMain{align-items:flex-start;}
.mnavs{flex:0 0 auto;width:240px;margin-right:0.32rem;background:#fff;border-radius:0.1rem;padding:0.4rem 0;color:#333;}
.mnavs .tit{line-height:1;margin-bottom:0.4rem;padding:0 0.2rem 0 0.5rem;position:relative;}
.mnavs .tit:before{content:"";position:absolute;left:0;top:50%;margin-top:-0.5em;width:2px;height:1em;background:#005fbe;}
.mnavs li a{padding:0.1rem 0.2rem 0.1rem 0.5rem;line-height:1.2;}
.mnavs li.on a,.mnavs li:hover a{color:#005fbe;}

.mnavs li .ico{flex:0 0 auto;width:1.3125em; margin-right: 1em;}
.mnavs li .ico i {display: block; padding-bottom: 100%; background: no-repeat center center; background-size: contain;}
.mnavs li .ico i:nth-child(2){display: none;}
.mnavs li:hover .ico i:nth-child(2),
.mnavs li.on .ico i:nth-child(2){display: block;}
.mnavs li:hover .ico i:nth-child(1),
.mnavs li.on .ico i:nth-child(1){display: none;}

.mnavs li .p{flex:1 1 auto;}
.mbody{flex:1 1 auto;overflow:hidden;}
.whiteBox{background:#fff;border-radius:0.1rem;padding:0.5rem;}
.whiteBox+.whiteBox{margin-top:0.2rem;}
.mtabs{border-bottom:1px solid #e6e6e6;margin-bottom:0.4rem;}
.mtabs .i{flex:0 0 auto;margin-right:3em;cursor:pointer;line-height:1;padding-bottom:0.2rem;border-bottom:2px solid transparent;margin-bottom:-1px;color:#999;transition:.3s;}
.mtabs .i:hover,.mtabs .i.on{color:#005fbe;border-color:#005fbe;}
.newsCenter.s2 .item{padding-bottom:0.4rem;border-bottom:1px solid #e6e6e6;}
.bangding{min-height:2rem;}
.bangding .btn{background:#005fbe;color:#fff;height:2.6em;padding:0 1.5em;border-radius:2em;cursor:pointer;}
.bangding .btn .iconfont{margin-right:0.1rem;}
.inlinetable table th{padding:0.8em 1.5em;white-space:nowrap;background:#0d5fbc;color:#fff;font-weight:normal;border:1px solid #fff;}
.inlinetable table td{padding:0.8em 1.5em;border:1px solid #ebebeb;color:#333;white-space:nowrap;}
.bindForm .el-dialog__title{color:#005fbe;font-family:'HarmonyOS_Sans_SC_Medium';}
.bindForm .el-dialog__headerbtn{background:none;color:#666;right:0.1rem;top:0.1rem;font-size:0.28rem;}
.bindForm .el-dialog__headerbtn .el-icon{color:#666;}
.bindForm .linebtn{width:4rem;max-width:100%;margin:0.4rem auto;}
.duihuan{width:600px;}
.messageList .li{padding:0.1rem 0;border-bottom:1px solid #e6e6e6;color:#333;}
.messageList .li .it{flex:1 1 auto;overflow:hidden;padding-right:3em;}
.messageList .li .date{flex:0 0 auto;color:#999;}
.uploadInput{border:1px solid #e5e5e5;border-radius:4px;padding:4px;}
.uploadInput .lb{flex:1 1 auto;overflow:hidden;text-align:left;padding:0 1em;color:#999;}
.uploadInput .btn{flex:0 0 auto;width:1rem;line-height:44px;background:#005fbe;border-radius:4px;color:#fff;}
.multipleUpload .tips{margin-top:0.1rem;color:#999;text-align:left;}
.el-upload-list{margin-top:0.2rem;}
.el-upload-list__item{font-size:14px;background:#f0f3f5;padding:8px;color:#005fbe;}
.el-upload-list__item-name{color:#005fbe;}
.el-upload-list__item-name [class^=el-icon]{display:none;}
.el-upload-list__item-status-label,.el-upload-list__item .el-icon-close{top:50%;transform:translate(0,-50%);right:1em;}
.multipleUpload{width:480px;max-width:100%;}
.multipleUpload .el-upload{display:block;}
.myresource{margin-top:0.5rem;}
.myresource th{background:#f0f3f5;padding:0.15rem 2em;font-weight:normal;text-align:left;border-top:1px solid #e5e5e5;white-space:nowrap;}
.myresource td{padding:0.15rem 2em;border-bottom:1px solid #e5e5e5;white-space:nowrap;}
.serviceHistory .item{margin-bottom:0.2rem;border:1px solid #e5e5e5;color:#333;}
.serviceHistory .item .hd{padding:0.1rem 0.5rem;background:#f4f6fa;border-bottom:1px solid #e5e5e5;}
.serviceHistory .item .ul{flex:1 1 auto;overflow:hidden;}
.serviceHistory .item .i{flex:0 0 auto;width:50%;padding-left:0.5rem;}
.serviceHistory .item .bd{padding:0.3rem 0;}
.serviceHistory .item .vm{padding:0 0.5rem;flex:0 0 auto;}
.serviceHistory .item li{padding:5px 0;}
.serviceHistory .item .it{margin-bottom:0.1rem;}
.serviceHistory .item .vm a{line-height:2.5;background:#005fbe;display:inline-block;padding:0 1.3em;border-radius:2em;color:#fff;}
.Redeem th{padding:0.15rem 0.5rem;font-weight:normal;text-align:left;background:#f4f6fa;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;white-space:nowrap;}
.Redeem td{padding:0.2rem 0.5rem;border-bottom:1px solid #e5e5e5;}
.Redeem{width:100%;}
.Redeem table{border:1px solid #e5e5e5;min-width:560px;width:100%;}
@media(max-width:768px){
    .Redeem table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}
.Redeem td img{max-height:0.8rem;}
.Redeem .red{font-size:1.3em;color:#f00;padding-right:4px;}
.Redeem td .btn{display:inline-block;padding:0 1.5em;line-height:2.5;background:#005fbe;border-radius:2em;color:#fff;cursor:pointer;white-space:nowrap;font-size:0.16rem;}
.Redeem td:last-child{width:10em;text-align:center;}
.PointsDetails th{padding:0.15rem 0.5rem;font-weight:normal;text-align:left;background:#f4f6fa;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;white-space:nowrap;}
.PointsDetails td{padding:0.2rem 0.5rem;border-bottom:1px solid #e5e5e5;}
.PointsDetails td:last-child{width:8em;text-align:center;white-space:nowrap;}
.PointsDetails .t{position:relative;padding-left:1em;}
.PointsDetails .t:before{content:"";position:absolute;left:0;top:0.8em;width:4px;height:4px;background:#005fbe;border-radius:50%;margin-top:-2px;}
.PointsDetails .a span{color:#f00;}
.PointsDetails p span{padding-right:5px;}
.profile .li{margin-bottom:0.1rem;width:7rem;max-width:100%;}
.profile .li .lb{color:#999;flex:0 0 auto;width:8em;text-align:right;padding-right:2em;}
.profile .li .lr{flex:1 1 auto;}
.avatar .img{width:88px;height:88px;border-radius:4px;overflow:hidden;position:relative;}
.avatar .img img{width:100%;height:100%;object-fit:cover;}
.avatar .img:after{content:"更换头像";position:absolute;left:0;bottom:0;width:100%;font-size:12px;background:rgba(0,0,0,0.6);color:#fff;}
.avatar{display:inline-block;cursor:pointer;}
.selectAddress .i{flex:0 0 auto;width:32.33%;}
.searchPage .searchBlock{margin-bottom:0.3rem;}
.searchTip{color:#999;}
.searchTip span{color:#005fbe;}
.searchTab{margin-top:0.3rem;border-bottom:1px solid #e5e5e5;justify-content:flex-start;}
.searchTab .i{padding:0.2rem 0;margin-right:2em;flex:0 0 auto;cursor:pointer;}
.searchTab .i.on{color:#005fbe;}
.resultBlock{padding:0.3rem 0;border-bottom:1px solid #e5e5e5;}
.resultBlock.zhanwei{display:none !important;}
.resultBlock .bt{margin-bottom:0.2rem;}
.resultBlock .item{margin-bottom:0.3rem;}
.resultBlock .item .img{flex:0 0 auto;width:1.6rem;border-radius:0.1rem;overflow:hidden;justify-content:center;align-items:center;background:#f0f3f5;height:0.9rem;}
.resultBlock .item .img img{width:100%;height:100%;object-fit:cover;}
.resultBlock .item .txt{flex:1 1 auto;padding-left:2em;overflow:hidden;}
.resultBlock .item .it{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;}
.resultBlock .item .ly{color:#999;margin-top:0.1rem;line-height:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.resultBlock .item .tags{margin-top:0.1rem;font-size:14px;}
.resultBlock .item .desc{color:#999;margin-top:0.1rem;font-size:14px;}
.resultBlock .item .tags span{display:inline-block;padding:0 5px;border:1px solid #e5e5e5;margin-right:0.1rem;color:#999;line-height:1.5;border-radius:4px;}
.resultBlock .vm{color:#005fbe;cursor:pointer;}
.resultBlock .vm .iconfont{margin-left:5px;}
/*.resultBlock .item:nth-child(n+4) + .vm{display:block;}*/
/*.resultBlock .item:nth-child(n+4){display:none;}*/
.resultBlock .pitem .img img{width:auto;height:auto;max-width:80%;max-height:80%;}
.resultBlock .pitem .ly{margin-top:0.2rem;}
.resultBlock.act .item:nth-child(n+4){display:block;}
.hasLogin{margin-left:0.3rem;}
.useTop .ava{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#f4f6fa;}
.useTop .ava img{display:block;width:100%;height:100%;object-fit:cover;}
.useTop .p{flex:0 0 auto;margin-left:10px;}
.useTop .nick{line-height:1;}
.useTop .pp{font-size:0.8em;opacity:0.6;}
.useTop .exit{flex:0 0 auto;font-size:0.2rem;margin-left:0.2rem;color:#005fbe;cursor:pointer;font-weight:bold;}
@media(max-width:1440px){body{font-size:14px;}
.f16{font-size:14px;}
.f18{font-size:16px;}
.hornor1 .items{margin:0;}
}
@media(max-width:1280px){}
@media(max-width:1024px){html{font-size:86px;}
.f20{font-size:0.18rem;}
.f22{font-size:0.18rem;}
.f24{font-size:0.2rem;}
.f26{font-size:0.2rem;}
.f28{font-size:0.2rem;}
.f30{font-size:0.22rem;}
.f32{font-size:0.22rem;}
.f34{font-size:0.24rem;}
.f36{font-size:0.24rem;}
.f38{font-size:0.26rem;}
.f40{font-size:0.26rem;}
.f42{font-size:0.26rem;}
.f48{font-size:0.26rem;}
.f52{font-size:0.4rem;}
.f60{font-size:0.42rem;}
body{padding-top:60px;}
.hidemenu{padding-top:60px;}
.loginMain{min-height:calc(100vh - 60px);}
.openMenu{width:30px;height:30px;cursor:pointer;position:relative;margin-left:10px;flex:0 0 auto;}
.openMenu i{position:absolute;right:0;top:50%;width:70%;height:1px;background:#000;}
.openMenu i:before,.openMenu i:after{content:"";position:absolute;right:0;width:115%;background:#000;transition:.3s;height:1px;}
.openMenu i:before{top:-8px;}
.openMenu i:after{top:8px;}
.showMenu .openMenu i{background:none;}
.showMenu .openMenu i:before{top:0;transform:rotate(45deg);}
.showMenu .openMenu i:after{top:0;transform:rotate(-45deg);}
.logo{height:60px;line-height:60px;}
.showMenu .topMenu{bottom:0;}
.topMenu{position:fixed;left:0;top:60px;bottom:100%;overflow:hidden;;background:#fff;color:#222;width:100%;transition:.3s;}
.topMenu ul{display:block;}
.topMenu .inner{width:auto;max-width:100%;}
.topMenu li.haschild>a span{display:block;padding-right:2em;padding-left:0;}
.topMenu li>a{text-align:left;border-bottom:1px solid #f1f1f1;line-height:50px;}
.topMenu li.haschild>a span:after{transform:rotate(-90deg);font-size:1em;}
.topMenu li .sub{position:relative;box-shadow:none;text-align:left;left:0;transform:none;transition:.3s;}
.topMenu li:hover .sub,.topMenu li.act .sub{max-height:300px;}
.topMenu li .sub dl{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;border-bottom:1px solid #f1f1f1;}
.topMenu li.act>a span:after{transform:rotate(0deg);}
.fixSub{position:relative;left:0;top:0;transition:.3s;}
.topMenu li.act .fixSub{max-height:300px;}
.fixSub .inner{display:block;}
.fixSub .cat{padding:0;width:auto;display:flex;border-bottom:1px solid #f1f1f1;}
.fixSub .ci{padding:0.1rem 1em;flex:1 1 auto;text-align:center;}
.fixSub .third{padding:0.2rem 0;font-size:14px;}
.menui{margin-bottom:0.1rem;}
.menui .i{margin-bottom:10px;width:auto;}
.menui .i .ip{min-width:6em;}
.jump{min-width:0;}
.searchBox{position:fixed;left:0;top:70px;width:100%;padding:10px;transition:.3s;background:#fff;border-top:1px solid #f1f1f1;visibility:hidden;opacity:0;}
.search .ico{display:block;}
.showSearch .searchBox{top:60px;visibility:visible;opacity:1;}
.searchBox .btn{top:10px;right:10px;}
.lang,.loginBtns{margin-left:10px;}
.loginBtns{font-size:12px;line-height:2.4;}
.banBox{padding:40px 0;display:block;}
.banBox .txt{padding-right:0;}
.banBox .img{margin:0.4rem auto 0;}
.data .i .num{font-size:3em;}
.pt90{padding-top:40px;}
.pb90{padding-bottom:40px;}
.mb50{margin-bottom:20px;}
.products{justify-content:space-between;}
.products .item{width:49%;margin-right:0;}
.solution .tit{position:static;color:#000;}
.solution .tit .info{position:relative;top:0;max-width:100%;right:auto;width:auto;padding-top:0.3rem;color:#333;}
.solution .tit .title{display:block;}
.mainSlider .swiper-slide{height:auto;}
.solution .content{position:relative;padding:0.3rem 0 2.8rem;}
.mainSlider .img{position:absolute;z-index:-1;width:100%;height:100%;}
.mainSlider .img img{width:100%;height:100%;object-fit:cover;}
.solution .thumb{padding:0.4rem 0;}
.solution .content .txt{width:auto;}
.solution .thumb .swiper-slide{width:1.2rem;}
.solution .thumb .swiper-slide.on{width:1.8rem;}
.swiperBtn{width:0.4rem;height:0.4rem;}
.solution .thumb .txt .it{font-size:12px;}
.solution .thumb .txt{padding:2px;}
.solution .thumb .txt:before{border-width:2px;}
.fnav{display:none;}
.fcnt{border:none;padding-left:0;max-width:none;width:100%;}
.category .li{display:block;line-height:1.875;}
.category .li .lb{width:auto;}
.category .li .child{height:auto;}
.category .li .btn.vbtn{display:none;}
.category .li .btn{margin-left:0;line-height:2;padding:0 1em;font-size:12px;}
.category .li .lr{padding:0 0 10px;}
.category .li .lc{padding:10px 0;}
.category .li .i{margin-right:1.5em;}
.category .li .el-select{margin-right:2%;max-width:48%;}
.products2 .items{justify-content:space-between;}
.products2 .item{width:48%;margin-right:0;}
.Pages .el-pagination button,.Pages .el-pager li{width:30px;height:30px;line-height:28px;}
.Pages a{width:30px;height:30px;line-height:28px;}
.bread{margin-bottom:0;justify-content:flex-start;text-align:left;}
.bread .inner{justify-content:flex-start;}
.tabpanel .tabs .tb{padding:0 1em;padding-bottom:0.1rem;font-size:14px;line-height:2.4;}
.tabpanel .panels{padding:0.3rem;}
.tabpanel .panels h3{font-size:20px;}
.tabpanel .panels h4{font-size:18px;}
.proTop{display:block;margin-bottom:0.4rem;}
.proTop .imgs{width:auto;}
.proTop .txt{margin-top:0.3rem;padding-right:0;}
.proTop .txt .it{font-size:24px;}
.proTop .txt .baseBtns{margin-top:0.3rem;}
.appResource{display:block;}
.appResource .rt{width:auto;margin-right:0;display:flex;justify-content:flex-start;align-items:stretch;margin-bottom:0.2rem;}
.appResource .ri{font-size:14px;margin-right:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;flex-direction:column;padding:0.8em 1em;}
.manual .item{padding:0.2rem 0;}
.baseBtns .btn{font-size:14px;min-width:0;margin-right:1em;margin-bottom:10px;}
.customized{display:block;}
.customized .img{width:4rem;max-width:50%;margin:0 auto 0.3rem;}
.customized .cr{width:auto;max-width:none;}
.formDialog .el-dialog__header{padding:0.4rem 0.4rem 0.2rem;}
.formDialog .el-dialog__headerbtn{right:0.1rem;top:0.1rem;}
.formDialog .el-dialog__body{padding:0 0.4rem 0.1rem;}
.form2 .line{display:block;}
.form2 .line .input{width:auto;}
.form2 .input{margin-bottom:14px;}
.form2 .input .lb{font-size:14px;}
.form2{font-size:14px !important;}
.form2 .input .el-input__inner{height:32px;line-height:32px;}
.loginMain .form2 .el-input__inner{height:40px;line-height:40px;}
.form2 .input .el-form-item__content{line-height:32px;}
.formDialog .el-dialog__title{font-size:24px;}
.form2 .baseBtns .btn{min-width:1.6rem;}
.filterCols{display:block;}
.filterCols .col{width:auto;margin-right:0;margin-bottom:0.3rem;}
.filterCols .col.years{width:auto;}
.letters .swiper-container{height:auto;}
.letters .swiper-container:before{background-image:linear-gradient(90deg,#c1c1c1 1px,transparent 1px);right:0;width:100%;background-repeat:repeat-x;background-size:10px;top:auto;bottom:0;height:10px;}
.letters .swiper-slide{padding-right:0;padding-bottom:20px;justify-content:center;line-height:1.5em;height:auto;}
.letters .swiper-slide:before{width:4px;height:20px;margin-top:0;margin-left:2px;right:50%;top:auto;bottom:0;}
.letters .swiper-slide .dot{top:auto;bottom:0;left:30%;width:40%;height:10px;background-image:linear-gradient(90deg,#005fbe 1px,transparent 1px);background-size:10px;background-repeat:repeat-x;}
.letters .swiper-slide .dot:before{top:auto;bottom:0;margin-top:0;right:50%;margin-left:2px;width:4px;height:20px;}
.letters .swiper-slide:after{width:1px;height:20px;top:auto;bottom:0;right:auto;left:auto;}
.pnavs{font-size:14px !important;}
.pnavs .i{min-width:0;padding:0 1.5em;margin:0 5px 5px;}
.pnavs .i .ico{width:20px;}
.filterResult{margin-bottom:0.2rem;}
.document{display:block;}
.document .dl{width:auto;margin-right:0;margin-bottom:0.3rem;}
.detailTop{display:block;margin-bottom:0.3rem;padding-bottom:0.3rem;}
.detailTop .tr{margin-left:0;margin-top:0.2rem;}
.products2 .l3 .item{width:48%;}
.test{display:block;}
.test .col{width:auto;margin-right:0;margin-bottom:0.2rem;}
.category2{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;}
.category2 .ci{margin:0 5px 10px;padding:0.1rem 1.5em;}
.test .cor{width:auto;margin-left:0;padding:0;border:none;}
.test .cor.s2{width:auto;border:none;}
.test .cor.s3{width:auto;max-width:100%;margin-top:0.2rem;}
.lessons{justify-content:space-between;}
.lessons .item{width:49%;margin-right:0;}
.hornor1 .item{width:50%;align-items:center;padding-bottom:11%;height:auto;}
.hornor1 .items{background-size:100% 36vw;padding:0 5%;}
.hornor1 .item .img{width:78%;}
.member{padding:40px 0;}
.memberMain{display:block;}
.mnavs{width:auto;position:relative;padding:0.2rem 0.3rem 0.2rem 0;margin-bottom:0.2rem;display:flex;align-items:center;margin-right:0;z-index:50;}
.mnavs .tit{padding:0 1.5em;margin:0;flex:1 1 auto;}
.mnavs .menus{position:absolute;left:0;top:150%;background:#fff;width:100%;border-radius:0 0 0.1rem 0.1rem;visibility:hidden;opacity:0;}
.showNav.mnavs{border-radius:0.1rem 0.1rem 0 0;}
.showNav.mnavs .menus{visibility:visible;opacity:1;top:100%;transition:.3s;}
.mnavs .menus ul{padding:0.2rem 0.3rem;}
.mnavs li a{padding:0.1rem 0;}
.openNav{flex:0 0 auto;width:30px;height:30px;position:relative;}
.openNav i{position:absolute;right:0;top:50%;width:70%;height:1px;background:#000;}
.openNav i:before,.openNav i:after{content:"";position:absolute;right:0;width:115%;background:#000;transition:.3s;height:1px;}
.openNav i:before{top:-8px;}
.openNav i:after{top:8px;}
.showNav .openNav i{background:none;}
.showNav .openNav i:before{top:0;transform:rotate(45deg);}
.showNav .openNav i:after{top:0;transform:rotate(-45deg);}
.whiteBox{padding:0.4rem 0.3rem;}
.mtabs .i{margin-right:15px;font-size:14px;padding-bottom:10px;}
}
@media(max-width:768px){.f16{font-size:14px;}
.f18{font-size:16px;}
.f20{font-size:16px;}
.f22{font-size:18px;}
.f24{font-size:18px;}
.f28{font-size:20px;}
.f30{font-size:20px;}
.f32{font-size:22px;}
.f36{font-size:22px;}
.f40{font-size:24px;}
.f48{font-size:24px;}
.f52{font-size:24px;}
.f60{font-size:28px;}
.overscroll::-webkit-scrollbar{width:3px;height:3px;}
.more .btn{font-size:12px;}
.banBox .t1{font-size:2.2em;}
.banBox .t2{font-size:1.4em;}
.banBox .img{width:auto;max-width:80%;}
.data .i{width:48%;}
.products .item{width:100%;}
.fbot .inner{display:block;text-align:center;}
.flinks{margin-top:0.2rem;}
.footer{padding-top:50px;}
.ftop .inner{display:block;text-align:center;}
.socail{margin-top:0.3rem;justify-content:center;}
.swiperDots{bottom:20px !important;}
.proTop .big .img{height:2.5rem;}
.awards .items{justify-content:space-between;flex-wrap:wrap;margin-bottom:0.2rem;}
.awards .items .i{width:48%;margin-right:0;margin-bottom:0.2rem;}
.awards .li{display:block;padding-bottom:0.3rem;margin-bottom:0.3rem;}
.awards .li .img{width:auto;max-width:100%;margin-left:0;margin-top:0.2rem;}
.awards .ul .li{display:block;padding-bottom:0.2rem;margin-bottom:0.2rem;}
.awards .ul .li .img{width:auto;max-width:100%;margin-left:0;margin-top:0.15rem;padding:0.1rem;}
.awards .ul .li .txt{font-size:0.13rem;}
.awards .ul .li .txt .t{font-size:0.12rem;}
.awards .ul .li .txt .p{font-size:0.13rem;margin-bottom:0.08rem;}
.awards .ul .li .txt ul li{font-size:0.12rem;line-height:1.3;}
.configurations .item{display:block;padding-bottom:0.3rem;margin-bottom:0.3rem;}
.configurations .item .img{width:auto;max-width:100%;margin:0.2rem 0 0;}
.appResource .rt{display:block;}
.accessories .item{display:block;padding-bottom:0.3rem;margin-bottom:0.3rem;}
.accessories .item .img{width:auto;max-width:none;margin:0.2rem 0 0;}
.solutions .items{justify-content:space-between;}
.solutions .item{width:49%;margin-right:0;}
.category2{font-size:14px;}
.category2 .ci .ico{width:18px;}
.category2 .ci{padding:5px 10px;}
.searchBlock{padding:10px;border-radius:60px;}
.searchBlock input,.searchBlock .btn{height:36px;}
.hotLesson .item{display:block;}
.hotLesson .item .img{width:auto;margin-left:0;}
.hotLesson .item .txt{padding-bottom:0.3rem;}
.hotLesson .swiperBtns{position:static;justify-content:center;margin-top:0.3rem;}
.title{margin-bottom:0.2rem;}
.bread{margin-bottom:0.2rem;}
.about1{display:block;padding-top:0;}
.about1 .txt{width:auto;padding-right:0;margin-bottom:0.2rem;}
.about1 .img{width:auto;}
.version .item .ico{width:0.6rem;height:0.6rem;}
.yewu .item{width:31.99%;}
.yewu .item:nth-child(3){width:31.99%;}
.yewu .item:nth-child(3n){margin-right:0;}
.jobLinks .items{justify-content:space-between;}
.jobLinks .item{width:49%;margin-right:0;}
.env .item .txt{padding:0.2rem;}
.loginBox .img{display:none;}
.loginBox .rig{padding:0.4rem 0.3rem;}
.serviceHistory .item .bd{display:block;padding:0.2rem;}
.serviceHistory .item .hd{padding:0.1rem 0.2rem;}
.serviceHistory .item .i{padding-right:2em;padding-left:0;}
.serviceHistory .item .vm{padding:0;margin-top:0.2rem;}
.Redeem td{padding:0.2rem;}
.Redeem th{padding:0.15rem 0.2rem;}
.profile .li{display:block;}
.profile .li .lb{width:auto;text-align:left;margin-bottom:5px;color:#222;}
.searchTab .i{font-size:14px;margin-right:1em;padding:0.15rem 0;}
.resultBlock .item .img{width:1.4rem;}
.resultBlock .item .tags{font-size:12px;}
.resultBlock .item .tags span{margin-right:4px;}
.resultBlock .item .txt{padding-left:1.5em;}
.searchTab{margin-top:0.2rem;}
.resultBlock .item{margin-bottom:0.2rem;}
.useTop .ava{width:30px;height:30px;}
.hasLogin{margin-left:10px;}
.useTop .exit{margin-left:10px;}
.useTop .p{display:none;}
}
@media(max-width:540px){.data .i .num{font-size:2.4em;}
.data .i .tr{padding:0.4em 0 0.4em 0.5em;font-size:12px;}
.products .item .ul{font-size:14px;}
.products .item .in{display:block;}
.products .item .ir{width:auto;margin-top:0.2rem;padding-left:0;}
.solutions .item{width:100%;}
.newsCenter .item a{display:block;}
.newsCenter .item .img{width:auto;margin-right:00;margin-bottom:0.2rem;}
.searchBlock .btn{padding:0 1em;}
.version .item{width:100%;margin-right:0;height:auto;}
.version .item .p{line-height:1.8;height:auto !important;}
.version .item .ibot{margin-top:0.2rem;}
.yewu .item,.yewu .item:nth-child(3){width:100%;margin-right:0;}
.history .bl .overscroll{padding-right:10px;}
.history .bl .li .lp{display:none;}
.history .bl{width:auto;}
.history .br{width:auto;flex:1 1 auto;overflow:hidden;padding-left:2em;}
.yewu .item .img{height:2rem;}
.yewu .item .it{padding:0.1rem;}
.jobTxt .txt{padding:0 2em;}
.jobTxt .txt:before,.jobTxt .txt:after{width:1.2em;}
.env .item{width:100%;margin-right:0;}
.jobLinks .item .baseBtns .btn{font-size:12px;}
.jobLinks .item .txt{padding:0.3rem;}
.uploadInput .btn{line-height:40px;}
.serviceHistory .item .hd{display:block;}
.serviceHistory .item .hd .date{margin-top:5px;}
.serviceHistory .item .ul{display:block;}
.serviceHistory .item .i{width:auto;margin-bottom:0.1rem;}
.serviceHistory .item li{padding:2px 0;}
}


/*20250717*/
.codes strong {color:#005fbe;}
/*post*/
.post {font-size: 0.16rem; line-height: 2em; color:#333;}
.post.dblock { margin-bottom: 0.4rem;}
.post * {line-height: 2em;}
.post h2 {font-size: 0.24rem; line-height: 1.35em; font-weight: normal; color:#000;}
.post p {margin:1em 0;}
.post .flex {flex-wrap: wrap;}
.post .box .cont {width: 47.8572%;}
.post .text {width: 47.8572%;}
.post .figure {width: 47.8572%; position: relative; border-radius: 0.1rem; overflow: hidden;}
.post .figure:after {display: block; content: ''; 
/*padding-bottom: calc(400/670*100%);*/
padding-bottom: 3vw;
}
.post .figure img {display: block; width: 100%; height: 100%; 
/*position: absolute; left:0; top:0; */
object-fit: cover;}
@media only screen and (max-width:768px) {
    .post .box .cont {width: 100%;}
    .post .figure {width: 100%; margin:0.2rem 0;}
    .post .text {width: 100%; margin:0.2rem 0;}
}

/* figure 和 text 响应式布局 - 小屏幕下单列，大屏幕下横排 */
.item.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.item.flex .figure {
    flex: 0 0 auto;
    width: 47.8572%;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
}

.item.flex .text {
    flex: 0 0 auto;
    width: 47.8572%;
}

.item.flex.pic-right {
    flex-direction: row-reverse;
}

@media only screen and (max-width:768px) {
    .item.flex {
        flex-direction: column;
    }
    
    .item.flex .figure,
    .item.flex .text {
        width: 100%;
        margin: 0.2rem 0;
    }
    
    .item.flex.pic-right {
        flex-direction: column;
    }
}
/*strick*/
.strick .last {font-size: 1.25em; padding-left: 0.8em;}
.strick .last:before {display: none;}
/*mtabs*/
.mtabs {position: relative;}
.mtabs .total {position: absolute; right: 0; top:50%; transform: translateY(-50%); padding-bottom: 0.2rem;}


/* 20250725lxf */
.direction-vertical hr{width: 100%;}
.direction-vertical .dblock {display: flex;margin: 0 0 -2% -5%;flex-wrap: wrap;}
.direction-vertical .item{width:45%;margin: 0 0 1% 5%;}
.direction-vertical .item:only-child{width:50%;}

.dblock .item.pic-right{flex-direction: row-reverse;}
.dblock.post.flex.pic-right {flex-direction: row-reverse;}
@media(max-width:768px){
    .direction-vertical .item{width: 100%;}
    /* dblock post flex 在小屏幕下单列显示 */
    .dblock.post.flex {
        flex-direction: column !important;
    }
    .dblock.post.flex.pic-right,
    .dblock.post.flex.pic-left {
        flex-direction: column !important;
    }
    .dblock.post.flex .figure,
    .dblock.post.flex .text {
        width: 100% !important;
        margin: 0.2rem 0;
    }
}

/* 20250807lxf */
.el-radio__inner{border-radius: 50%;}
.el-checkbox{color: #333;}

.form .line label{display: inline-block;color: #333;}
.form .line label:not(:last-child){margin-right: 0.2rem;}
.form .line select{width: 3rem;height: 0.4rem;padding: 0 0.1rem;border: 1px solid #9b9b9b;border-radius: 0.05rem;}
.form .line .input{width: 3rem;height: 0.4rem;padding: 0 0.1rem;border: 1px solid #9b9b9b;border-radius: 0.05rem;}
.form .line .input:hover{box-shadow: 0 0 10px rgba(0,0,0,0.05);}
input[type="radio"],
input[type="checkbox"]{width: 0.19rem; height: 0.19rem;vertical-align: middle;appearance: none;print-color-adjust: exact;cursor: pointer;border: 1px solid #9b9b9b;position: relative;margin: -0.04rem 0.1rem 0 0;}
input[type="radio"]{border-radius: 50%;}
input[type="radio"]:checked:after{width: 50%;height: 50%;left:50%;top:50%;background: #005fbe;content: "";position: absolute;border-radius: 50%;transform: translate(-50%,-50%);}
input[type="radio"]:checked{border: 1px solid #005fbe;}

input[type="checkbox"]{border-radius: 4px;border: 1px solid #bfbfbf;background-color: #fff;}
input[type="checkbox"]:checked:after{background: #005fbe url(../images/gou.png) no-repeat center center/80% 80%;border: 1px solid #005fbe;content: "";position: absolute;width: 100%;height: 100%;left: -1px;top: -1px;border-radius: 4px;}


/* 单选下拉 */
.customized .form{overflow: visible;}
.seltxt {border-radius: 0.1rem;position: relative;border: 1px solid #e0e4e8;font-weight: 100;width: 3rem;}
.seltxt input{cursor: pointer;position: relative;padding: 0 0.4rem 0 0.2rem;height: 0.4rem;color: #333333;overflow:hidden; width:100%;}
.seltxt p{cursor: pointer;position: relative;padding: 0 0.4rem 0 0.2rem;line-height: 0.4rem;color: #333333;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; overflow:hidden; width:100%;-webkit-line-clamp: 1;}
.seltxt p:after{width: 0.12rem;height: 0.12rem;position: absolute;right: 0.15rem;top: 50%;transform: translateY(-50%);content: "";background: url(../images/arr_b_black.svg) no-repeat center center/contain;opacity: 0.5;transition: all 0.5s;}
.seltxt .hover {position: absolute;top: calc(100% + 1px);left: 0;width: 100%;padding: 0.05rem;visibility: hidden;opacity: 0;transform: translateY(0.3rem);transition: 0.3s;z-index: 10;;background-color: #fff;border-radius: 0.1rem;border: 1px solid #dddddd;font-size: 0.16rem;}
.seltxt .hover ul {overflow: auto;max-height: calc(((22 / 14* 1em) + 0.1rem)* 8);}
.seltxt .hover li {transition: 0.3s;cursor: pointer;padding: 0 0.18rem;line-height: 0.4rem;border-radius: 0.1rem;}
.seltxt .hover li:not(:last-child) {margin-bottom: 1px;}
.seltxt .hover li:hover,.seltxt .hover li.cur{background-color:#ededed;color: rgba(var(--primary-color));}
.seltxt.show {z-index: 15;border-color: rgba(var(--primary-color));}
.seltxt.show p:after{transform: translateY(-50%) rotate(-180deg);}
.seltxt.show .hover{visibility: visible;opacity: 1;	transform: translateY(0);box-shadow: 0 5px 40px rgba(196,196,196,1);}
.seltxt.on p{background-color: #fff !important;border-radius: 0.1rem;}
.seltxt:hover,.seltxt.show,.seltxt.on{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.document2 .dl{
	width: 0.9rem;
	margin-right: 0.5rem;
}

.strick2 {
	position: sticky;
	top: 180px;
	max-height: calc(100vh - 180px);
	overflow-y: auto;
}

.strick2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.strick2 li {
	cursor: pointer;
	transition: all 0.2s;
}

/* 隐藏滚动条但保留滚动功能 */
.strick2::-webkit-scrollbar {
    display: none; /* Chrome, Safari 和 Opera */
}

.strick2 {
    -ms-overflow-style: none;  /* IE 和 Edge */
    scrollbar-width: none;  /* Firefox */
}
@media screen and (min-width:1025px){
	.document2 li{padding-right: 0.34rem;position:relative;display:flex;align-items:center;cursor:pointer;height: 1rem;font-weight: bold;}
	.document2 ul:before{content:"";position:absolute;right:24px;width:10px;top:0;background-image:linear-gradient(0deg,#c1c1c1 1px,transparent 1px);background-size:auto 10px;background-repeat:repeat-y;bottom:0;}
	.document2 li:after{content:"";position:absolute;right:0;width:34px;height:1px;top:50%;background:#c1c1c1;z-index:2;}
	.document2 li.cur{color:#005fbe;font-size: 1.6875em;}
	.document2 li .dot{position:absolute;right: 0.24rem;width: 0.1rem;top:30%;height:40%;background-image:linear-gradient(0deg,#005fbe 1px,transparent 1px);background-size: auto 0.1rem;background-repeat:repeat-y;opacity:0;background-color:#fff;}
	.document2 li .dot:before{content:"";width:34px;height:4px;background:#fff;position:absolute;right:0;top:50%;margin-top:-2px;}
	.document2 li:before{content:"";width: 0.34rem;height: 0.04rem;background:#fff;position:absolute;right:0;top:50%;margin-top: -0.02rem;}
	.document2 li.cur .dot{opacity:1;}
	.document2 li.cur:after{background:#005fbe;}
}
.strickWap{
	display: none;
}
.strickPc{
	display: block;
}
@media screen and (max-width:1024px){
	.document2{
		display: flex;
	}
	.strick2{
		top: 80px;
		max-height: calc(100vh - 80px);
	}
	    .document2 .dl {
	        width: 0.32rem;
	        margin-right: 0.2rem;
	        margin-bottom: 0;
	    }
	.document2 li{
		height: 0.4rem;
		margin-bottom: 0.1rem;
	}
	.strickPc{
		display: none;
	}
	.strickWap{
		display: block;
	}
	.document2 li.cur{
		color: #005fbe;
	}
	.document2 li{
		position: relative;
		    cursor: pointer;
		    line-height: 1.5;
		    margin-bottom: 1em;
		    color: #808080;
		    padding-left: 1em;
	}
	.document2 li:before {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 0.75em;
	    margin-top: -3px;
	    width: 6px;
	    height: 6px;
	    background: #cbcbcb;
	    border-radius: 500%;
	}
	.document2 li.cur:before{
		background: #005fbe;
	}
}
.pan.parms .item img{
    display:block;
    margin:0 auto;
}
/*.pan.parms{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pan.parms .direction-horizontal{
	width: calc(50% - 0.16rem);
}*/ 
.editorcon img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
}
@media(max-width:640px){
    .newsCenter .item {
        margin-bottom: .2rem;
        display: block;
    }
    .newsCenter .item .vm {
        display: flex;
    }
    .newsCenter .item .vm .ico {
        margin-left: .25rem;
    }
}


.big_lable {
    margin: .1rem 0;
    text-align: center;
    font-size: .3rem;
}
.post.dblock {
    overflow-x: auto;
}
.document .dr {
    flex: 1;
}

.document .dblock table td{
    width:unset !important;
}

h3.font-m{
    font-weight:500;
}


.pan.parms table td {
    padding: .08rem;
    line-height: 1.3;
}

.pan.parms table td p {
    margin: 0;
}


.img_bar {
    position: absolute;
    bottom: 0; /* 紧贴图片下方 */
    left: 0;
    width: 100%;
    height: 5vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: scaleY(-1); /* 垂直翻转 */
    opacity: 0.5; /* 透明度 */
    border-radius: 0 0 8px 8px;
    /* 渐变遮罩，渐隐倒影底部 */
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
    display:none;
}

/*.img_bs .img_bs_b {
    position: relative;
    padding-bottom: 5vw;
}*/
.loginOther .tps {
    position: relative;
    justify-content: center;
    padding: 0.3rem 0;
}
.loginOther .tps img {
    display: block;
    box-shadow: 0 0 .15rem .15rem rgba(0,0,0,.1);
    border-radius: 0.1rem;
}
.wechatLogin {
    padding: 0.4rem 0;
    text-align: center;
}
.wechatLogin .tps {
    justify-content: center;
    padding: 0.2rem 0;
}
.wechatLogin .qrcode {
    display: block;
    margin: 0 auto;
    box-shadow: 0 0 .15rem .15rem rgba(0,0,0,.1);
    border-radius: 0.1rem;
}


.form_tabs {
    display: flex;
    align-items: center;
    margin-bottom:.2rem;
}
.form_tabs .form_tab {
    cursor: pointer;
    padding: 0 0.3rem;
    margin: 0 0.1rem 0.1rem;
    height: 3em;
    line-height: 3;
    border: 1px solid #999;
    border-radius: 0 3em 3em 3em;
}

.form_tabs .form_tab.cur {
    background-color: #005fbe;
    border-color: #005fbe;
}

.form_tabs .form_tab.cur span {
    color: #fff;
}
.selectTwo {
    display: flex;
}

.selectTwo .el-form-item:last-child {
    margin-left: .1rem;
    width: 65%;
}

.selectTwo .el-form-item:first-child {
    width: 35%;
}


@media(max-width:640px){
  .form2 .input .selectTwo .el-input__inner {
    height: 40px !important;
    }  
}

/* 产品推荐卡片样式 - 从 product-recommendation.html 复制 */
.product-grid {
    /* max-width: 19.2rem; */
    margin: 0 auto;
    padding: 0 0.4rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
}

.product-card {
    background: #ffffff;
    border-radius: 0.12rem;
    overflow: hidden;
    box-shadow: 0 0.04rem 0.2rem rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e8e8e8;
}

/* 新板式：背景图片样式 - 方形 */
.product-card-bg-style {
    background: #ffffff;
    border-radius: 0.12rem;
    overflow: hidden;
    box-shadow: 0 0.04rem 0.2rem rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e8e8e8;
    min-height: 4rem;
}

/* 产品图片背景 - 完整显示 */
.product-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f8f9fa;
    transition: transform 0.4s ease, opacity 0.5s ease;
    z-index: 1;
    opacity: 1;
}

/* 背景图片切换层 */
.product-card-bg-next {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f8f9fa;
    transition: opacity 0.5s ease;
    z-index: 0;
    opacity: 0;
}

.product-card-bg-style:hover .product-card-bg {
    transform: scale(1.05);
}

/* 遮罩层 */
.product-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 95, 190, 0.6) 100%);
    z-index: 2;
    transition: background 0.4s ease;
}

.product-card-bg-style:hover .product-card-overlay {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 95, 190, 0.7) 100%);
}

/* 内容层 */
.product-card-content {
    position: relative;
    z-index: 3;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0.3rem;
    color: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.04rem;
    background: linear-gradient(90deg, #0066cc 0%, #00a0e9 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.product-card:hover {
    transform: translateY(-0.08rem);
    box-shadow: 0 0.12rem 0.4rem rgba(0, 102, 204, 0.15);
    border-color: #0066cc;
}

.product-card:hover::before {
    transform: scaleX(1);
}

/* 原有板式 - 卡片头部 */
.product-card-header {
    padding: 0.2rem 0.3rem 0.15rem;
    text-align: center;
}

.product-category {
    font-size: 0.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    transition: color 0.3s ease;
}

.product-card:hover .product-category {
    color: #0066cc;
}

/* 原有板式 - 卡片主体 */
.product-card-body {
    padding: 0 0.3rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 原有板式 - 产品图片 - 方形 */
.product-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    margin: 0.2rem 0 0.25rem;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.02rem 0.12rem rgba(0, 0, 0, 0.06);
}

.product-image-wrapper img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    transition: opacity 0.3s ease, transform 0.4s ease;
}

.product-card:hover .product-image-wrapper img {
    transform: scale(1.08);
}

/* 图片切换动画 */
.product-image-wrapper img.fade-out {
    opacity: 0;
    transform: scale(0.95);
}

.product-image-wrapper img.fade-in {
    opacity: 1;
    transform: scale(1);
}

/* 新板式 - 卡片头部 */
.product-card-bg-style .product-card-header {
    padding: 0 0 0.2rem 0;
    text-align: left;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 0.25rem;
}

.product-card-bg-style .product-category {
    font-size: 0.24rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    transition: color 0.3s ease;
    text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.3);
}

.product-card-bg-style:hover .product-category {
    color: #ffffff;
}

/* 新板式 - 卡片主体 - 描述占满整个body */
.product-card-bg-style .product-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    min-width: 0;
}

/* 新板式 - 型号列表单列显示 */
.product-card-bg-style .product-list {
    display: block;
}

.product-card-bg-style .product-list li {
    margin-bottom: 0.08rem;
}

/* 原有板式 - 仪器型号区域 */
.product-models-section {
    margin-bottom: 0.2rem;
}

/* 说明文字切换动画 */
.product-specs {
    transition: opacity 0.3s ease;
}

.product-specs.fade-out {
    opacity: 0;
}

.product-specs.fade-in {
    opacity: 1;
}

/* 原有板式 - 型号标题 */
.product-models-title {
    font-size: 0.14rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.12rem;
    padding-bottom: 0.08rem;
    border-bottom: 2px solid #e8e8e8;
    display: flex;
    align-items: center;
}

.product-models-title::before {
    content: '';
    width: 0.04rem;
    height: 0.14rem;
    background: linear-gradient(180deg, #0066cc 0%, #00a0e9 100%);
    margin-right: 0.08rem;
    border-radius: 0.02rem;
}

/* 新板式 - 型号标题 */
.product-card-bg-style .product-models-title {
    font-size: 0.16rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.15rem;
    padding-bottom: 0.1rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    text-shadow: 0 0.01rem 0.02rem rgba(0, 0, 0, 0.3);
}

.product-card-bg-style .product-models-title::before {
    content: '';
    width: 0.04rem;
    height: 0.16rem;
    background: linear-gradient(180deg, #ffffff 0%, #00a0e9 100%);
    margin-right: 0.1rem;
    border-radius: 0.02rem;
}

.product-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

/* 大屏下显示2列 */
@media (min-width: 1200px) {
    .product-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.08rem 0.2rem;
    }
}

.product-list li {
    margin-bottom: 0.08rem;
    position: relative;
    padding-left: 0;
}

@media (min-width: 1200px) {
    .product-list li {
        margin-bottom: 0;
    }
}

/* 去掉前面的标识 */
.product-list li::before {
    display: none;
}

/* 原有板式 - 链接样式 */
.product-list a {
    color: #555;
    text-decoration: none;
    font-size: 0.14rem;
    transition: all 0.3s ease;
    display: inline-block;
    line-height: 1.6;
    padding: 0.04rem 0.08rem;
    border-radius: 0.04rem;
}

.product-list a:hover,
.product-list a.active {
    color: #0066cc;
    background-color: #f0f7ff;
    font-weight: 500;
}

/* 新板式 - 链接样式 */
.product-card-bg-style .product-list a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 0.15rem;
    transition: all 0.3s ease;
    display: inline-block;
    line-height: 1.8;
    padding: 0.06rem 0.12rem;
    border-radius: 0.06rem;
    text-shadow: 0 0.01rem 0.02rem rgba(0, 0, 0, 0.3);
}

.product-card-bg-style .product-list a:hover,
.product-card-bg-style .product-list a.active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    font-weight: 600;
    transform: translateX(0.05rem);
    box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.2);
}

/* 原有板式 - 产品说明 */
.product-description {
    margin-top: 0.2rem;
    padding-top: 0.2rem;
    border-top: 1px solid #f0f0f0;
}

.product-description-title {
    font-size: 0.14rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.12rem;
    display: flex;
    align-items: center;
}

.product-description-title::before {
    content: '';
    width: 0.04rem;
    height: 0.14rem;
    background: linear-gradient(180deg, #0066cc 0%, #00a0e9 100%);
    margin-right: 0.08rem;
    border-radius: 0.02rem;
}

.product-specs {
    margin: 0;
}

.product-specs p {
    margin: 0.06rem 0;
    font-size: 0.13rem;
    color: #666;
    line-height: 1.8;
    position: relative;
    padding-left: 0.12rem;
}

.product-specs p::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #0066cc;
    font-weight: bold;
}

/* 新板式 - 产品说明 - 占满body */
.product-card-bg-style .product-description {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product-card-bg-style .product-description-title {
    font-size: 0.16rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.15rem;
    padding-bottom: 0.1rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    text-shadow: 0 0.01rem 0.02rem rgba(0, 0, 0, 0.3);
}

.product-card-bg-style .product-description-title::before {
    content: '';
    width: 0.04rem;
    height: 0.16rem;
    background: linear-gradient(180deg, #ffffff 0%, #00a0e9 100%);
    margin-right: 0.1rem;
    border-radius: 0.02rem;
}

.product-card-bg-style .product-specs {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-card-bg-style .product-specs p {
    margin: 0.08rem 0;
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.8;
    position: relative;
    padding-left: 0.16rem;
    text-shadow: 0 0.01rem 0.02rem rgba(0, 0, 0, 0.3);
}

.product-card-bg-style .product-specs p::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #00a0e9;
    font-weight: bold;
    font-size: 0.16rem;
}

.product-specs p:first-child {
    margin-top: 0;
}

.product-specs p:last-child {
    margin-bottom: 0;
}

/* 原有板式 - 卡片底部 */
.product-card-footer {
    padding: 0 0.3rem 0.25rem;
}

.product-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.08rem;
    margin-top: 0.15rem;
}

.feature-tag {
    display: inline-block;
    padding: 0.05rem 0.14rem;
    background: #f0f7ff;
    color: #0066cc;
    border-radius: 0.2rem;
    font-size: 0.12rem;
    border: 1px solid #e0f0ff;
    transition: all 0.3s ease;
    font-weight: 500;
}

.product-card:hover .feature-tag {
    background: #0066cc;
    color: #ffffff;
    border-color: #0066cc;
    transform: translateY(-0.02rem);
}

/* 新板式 - 卡片底部 */
.product-card-bg-style .product-card-footer {
    padding: 0.2rem 0.3rem 0 0.3rem;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    margin-top: 0.2rem;
}

.product-card-bg-style .feature-tag {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.product-card-bg-style:hover .feature-tag {
    background: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-0.02rem);
    box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.2);
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.3rem;
        padding: 0 0.3rem;
    }

    .product-card-bg-style .product-card-body {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: 1fr;
        gap: 0.25rem;
        padding: 0 0.2rem;
    }

    .product-card {
        border-radius: 0.08rem;
    }

    .product-card-bg-style {
        min-height: 3.5rem;
    }

    .product-card-content {
        padding: 0.2rem;
    }

    .product-card-bg-style .product-card-body {
        flex-direction: column;
    }

    .product-category {
        font-size: 0.2rem;
    }

    .product-card-bg-style .product-category {
        font-size: 0.2rem;
    }

    .product-image-wrapper {
        aspect-ratio: 1;
    }

    .product-card-header,
    .product-card-body,
    .product-card-footer {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(0.3rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-card {
    animation: fadeInUp 0.6s ease forwards;
}

.product-card:nth-child(1) { animation-delay: 0.1s; }
.product-card:nth-child(2) { animation-delay: 0.2s; }
.product-card:nth-child(3) { animation-delay: 0.3s; }
.product-card:nth-child(4) { animation-delay: 0.4s; }
.product-card:nth-child(5) { animation-delay: 0.5s; }
.product-card:nth-child(6) { animation-delay: 0.6s; }

/* 加载状态 */
.product-card {
    opacity: 0;
}

/* 产品卡片页脚按钮样式 */
.product-card-footer {
    padding: 0.2rem 0 0;
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.product-detail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    padding: 0.12rem 0.24rem;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    text-decoration: none;
    border-radius: 0.04rem;
    font-size: 0.16rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.product-detail-btn:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-0.02rem);
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.2);
}

.product-detail-btn span {
    font-weight: 500;
}

.product-detail-btn i {
    font-size: 0.14rem;
    transition: transform 0.3s ease;
}

.product-detail-btn:hover i {
    transform: translateX(0.04rem);
}

/* 确保内容层使用flex布局，让页脚在底部 */
.product-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-card-body {
    flex: 1;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .product-card-footer {
        padding: 0.15rem 0 0;
    }
    
    .product-detail-btn {
        padding: 0.1rem 0.2rem;
        font-size: 0.14rem;
    }
}

/* 配套设备样式 - 一排4个，上图下文字和按钮 */
.auxiliary-equipment-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem;
    margin-top: 0.3rem;
}

.auxiliary-equipment-item {
    background: #ffffff;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    border: 1px solid #e8e8e8;
}

.auxiliary-equipment-item:hover {
    transform: translateY(-0.04rem);
    box-shadow: 0 0.08rem 0.24rem rgba(0, 95, 190, 0.15);
    border-color: #005fbe;
}

.auxiliary-equipment-img {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    background: #f0f3f5;
}

.auxiliary-equipment-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.auxiliary-equipment-item:hover .auxiliary-equipment-img img {
    transform: scale(1.05);
}

.auxiliary-equipment-content {
    padding: 0.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.auxiliary-equipment-title {
    font-size: 0.16rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.15rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.auxiliary-equipment-item:hover .auxiliary-equipment-title {
    color: #005fbe;
}

.auxiliary-equipment-desc {
    font-size: 0.14rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 0.2rem;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.auxiliary-equipment-btn {
    margin-top: auto;
}

.auxiliary-equipment-btn .btn {
    width: 100%;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    font-size: 0.14rem;
    min-width: 0;
    margin: 0;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .auxiliary-equipment-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.3rem;
    }
}

@media (max-width: 768px) {
    .auxiliary-equipment-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.25rem;
    }
    
    .auxiliary-equipment-content {
        padding: 0.2rem;
    }
    
    .auxiliary-equipment-title {
        font-size: 0.16rem;
    }
    
    .auxiliary-equipment-desc {
        font-size: 0.13rem;
    }
}

@media (max-width: 540px) {
    .auxiliary-equipment-grid {
        grid-template-columns: 1fr;
    }
}

/* 应用文章新样式 - 一行2个，左图右文 */
.appArt-new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
    margin-top: 0.3rem;
}

.appArt-item {
    background: #ffffff;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    align-items: stretch;
    border: 1px solid #e8e8e8;
    text-decoration: none;
    color: inherit;
}

.appArt-item:hover {
    transform: translateY(-0.04rem);
    box-shadow: 0 0.08rem 0.24rem rgba(0, 95, 190, 0.15);
    border-color: #005fbe;
}

.appArt-img {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    min-height: 1.25rem;
    position: relative;
    overflow: hidden;
    background: #f0f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.appArt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.appArt-item:hover .appArt-img img {
    transform: scale(1.05);
}

.appArt-content {
    flex: 1;
    padding: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.appArt-title {
    margin-bottom: 0.15rem;
    font-size: 0.18rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.appArt-item:hover .appArt-title {
    color: #005fbe;
}

.appArt-summary {
    font-size: 0.14rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 0.2rem;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .appArt-new {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }
    
    .appArt-img {
        flex: 0 0 2rem;
        width: 2rem;
        min-height: 2rem;
    }
    
    .appArt-content {
        padding: 0.2rem;
    }
    
    .appArt-title {
        font-size: 0.16rem;
    }
    
    .appArt-summary {
        font-size: 0.13rem;
    }
    .top-tel {
        display: none !important;
    }
}

/* 解决方案应用领域标签筛选样式 */
.solution-filter-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
    padding: 0.2rem 0;
    gap: 0.15rem;
}

.solution-filter-label {
    font-size: 0.16rem;
    color: #333;
    font-weight: 500;
    margin-right: 0.1rem;
    white-space: nowrap;
}

.solution-filter-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.12rem;
    align-items: center;
}

.solution-filter-tag {
    display: inline-block;
    padding: 0.08rem 0.2rem;
    font-size: 0.14rem;
    color: #666;
    background: #f5f7fa;
    border: 1px solid #e8e8e8;
    border-radius: 0.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    user-select: none;
    line-height: 1.5;
}

.solution-filter-tag:hover {
    color: #005fbe;
    border-color: #005fbe;
    background: #f0f7ff;
    transform: translateY(-0.02rem);
    box-shadow: 0 0.02rem 0.08rem rgba(0, 95, 190, 0.15);
}

.solution-filter-tag.active {
    color: #fff;
    background: #005fbe;
    border-color: #005fbe;
    font-weight: 500;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 95, 190, 0.25);
}

.solution-filter-tag.active:hover {
    background: #0066cc;
    border-color: #0066cc;
    transform: translateY(-0.02rem);
    box-shadow: 0 0.06rem 0.16rem rgba(0, 95, 190, 0.3);
}

.solution-filter-tag-all {
    font-weight: 500;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .solution-filter-tags {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
    }
    
    .solution-filter-label {
        margin-right: 0;
        margin-bottom: 0.05rem;
    }
    
    .solution-filter-tag {
        font-size: 0.13rem;
        padding: 0.06rem 0.16rem;
    }
}