@import url(base.css);
/* @import url(//at.alicdn.com/t/c/font_4815939_6wo3v59swt4.css); */
.pc_logo{display:block;}
.web_logo{display:none;}
.w1440{width:90%;max-width:1440px;margin:auto;}
.w1640{width:90%;max-width:1640px;margin:auto;}
/* 头部 */
.header{position:fixed;left:0;top:0;width:100%;z-index:9999;color:#fff;transition:.3s;background:rgba(0,0,0,0.07);}
.header .in{justify-content: space-between;}
.logo{flex:0 0 auto;height:var(--header_height);line-height:var(--header_height);font-size:0;}
.logo .x2{display:none;}
.logo img{max-height:60%;}
.header.white,.header:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);background:#fff;color:#333;}
.header.white .logo .x1,.header:hover .logo .x1{display:none;}
.header.white .logo .x2,.header:hover .logo .x2{display:inline-block;}
.nav{flex:1;justify-content:center;position:relative;transition:.3s;display: flex;}
.showSearch .nav{opacity:0;visibility:hidden;left:-0.5rem;}
.nav li{position:relative;}
.nav li > span{display: block;position: relative;}
.nav li .pa,.nav li.nav_act .pa{display:block;line-height:var(--header_height);position:relative;}
.nav li .sub a{display:block;white-space:nowrap;line-height:2.5;padding:0 1.5em;}
.nav li .sub a:hover{color:#e60012;}
.nav li .sub dl{padding:10px 0;}

.nav li .sub2 .auto-inner {align-items: stretch;}
.nav li .sub2{ background:var(--white);}
.nav li .sub2 .let-box{  padding:.4rem 0;  position:relative;}
.nav li .sub2 .rig-box .item-sub{ display: none;}
.nav li .sub2 .rig-box-item{ margin-bottom:.55rem;}
.nav li .sub2 .intro .pic{ width:47.17%; background: #f5f5f5; padding-bottom: calc(280 / 1060 * 100%);position: relative;z-index: 1;}
.nav li .sub2 .intro .pic-inner{display: flex;align-items: center; justify-content: center;}
.nav li .sub2 .intro .pic-inner img{max-width: 80%;max-height: 60%;}
.nav li .sub2 .intro .text{ padding-left:.4rem;}
.nav li .sub2 .intro .text .tit{ padding:.2rem 0; line-height:1.5; font-size:.3rem;}
.nav li .sub2 .intro .text .tit em{ font-style: normal; font-size:.18rem;}
.nav li .sub2 .intro .text .ixl{ margin-bottom:.45rem; font-size:.18rem; color:#555555;}
.nav li .sub2 .intro .text .ixl .io{ margin-bottom:.15rem;}
.nav li .sub2 .intro .text .ixl .io:last-child{ margin-bottom:0;}
.nav li .sub2 .intro .text .more a{ display:block; width:1.6rem; color:var(--red); text-align:center; border:solid 1px var(--red); line-height:3; border-radius:.05rem;}
.nav li .sub2 .intro .text .more a::after{ margin-left:.15rem;content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold; font-size:.12rem;}
.nav li .sub2 .intro .text .more a:hover{ background:var(--red); color:var(--white);}
.nav li .sub2 .iolw .tit{ margin-bottom:.3rem; line-height:1.2; font-size:.18rem; color:var(--red);}
.nav li .sub2 .iolw .iuw .aio{width:23.5%;border-top:solid .01rem #e3e3e3;border-bottom:solid .01rem #e3e3e3; margin:.05rem 0; margin-right:2%;}
.nav li .sub2 .iolw .iuw .aio a{padding:.2rem 0; position:relative;color:rgba(var(--rgb-222));}
.nav li .sub2 .iolw .iuw .aio a::after{ position:absolute; right:0; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold; font-size:.12rem; color:#a6a6a6;}
.nav li .sub2 .iolw .iuw .aio:last-child a::after{display:none;}
.nav li .sub2 .iolw .iuw .aio a:hover{ color:var(--red);}
.nav li .sub2 .iolw .iuw .aio a:hover::after{ color:var(--red);}
.nav li .sub2 .iolw .iuw .aio .icon{ width:.2rem; margin-right:.2rem;}
.nav li .sub2 .iolw .iuw .aio:nth-child(4n){ margin-right:0;}
.nav li .sub2 dd{ margin-bottom:.24rem;}
.nav li .sub2 dd:last-child{ margin-bottom:0;}
.nav li .sub2 dd a{ color:rgba(var(--rgb-222));position: relative;}
.nav li .sub2 dd.active a{color: var(--red);}
.nav li .sub2 dd.active a::after{position: absolute;content: 'next';font-family: swiper-icons;font-size: .12rem;right: 0;top: 50%;transform: translateY(-50%);font-weight: bold;}
.nav li .sub2 dd .icon{ margin-right:.32rem;}
.nav li .sub2 dd .icon img{ width:.6rem; object-fit:contain;max-height: .42rem;}
.nav li .sub2 dd .icon .iwl{ display:none;}
.nav li .sub2 dd:hover .io,
.nav li .sub2 dd.active .io{ display:none;}
.nav li .sub2 dd:hover .iwl,
.nav li .sub2 dd.active .iwl{ display:block;}

.tools{justify-content: flex-end;}
.tools .i{flex:0 0 auto;cursor:pointer;position:relative;line-height:30px;text-align:center;min-width:30px;}
.tools .i.search{position:relative;width:0.5rem;height:0.5rem;justify-content:center;background:#e60012;border-radius:50%;color:#fff;margin-left: calc(60 / 1920 * 100vw);}
.tools .i .searchBox{position:absolute;right:0;top:50%;width:100%;height:50px;border:1px solid #e60012;background:#fff;color:#333;;z-index:5;opacity:0;visibility:hidden;margin-top:-25px;}
.searchBox input{width:100%;height:100%;display:block;outline:none;border:none;padding:0 1.5em;background:transparent;}
.searchBox .btn{position:absolute;width:0.5rem;height:100%;cursor:pointer;z-index:5;right:0;top:0;}
.showSearch  .tools .i .iconfont{background-image: url(../images/search3.svg);}
.showSearch .tools .i .searchBox{width:4rem;visibility:visible;opacity:1;transition:.3s;}
.tools .i.system:hover{color: var(--red);}
.tools .i.system{position: relative;}
.tools .i.system a{display: block; padding-right: 0.3rem;background: url('../images/system.png') no-repeat right center;background-size: auto 0.2rem;line-height: calc(30 / 16);}
.header:hover .tools .i.system a,
.header.white .tools .i.system a{background-image: url('../images/system_b.png');}
.tools .i .iconfont{width: 0.18rem; height: 0.17rem;background: url(../images/top-search.svg) var(--background-contain);}
.nav li .sub2.other-nav .desc .txt .wtx {text-indent:2em;}
@media (min-width:1025px) {
    .header .in{padding:0 calc(80 / 1920 * 100vw);}
    .header .logo,
    .header .tools{width: 20%;}
    .nav li:not(:last-child){margin-right: calc(90 / 1920 * 100vw);}
    .nav li .sub2{ position:fixed; left:50%; width:100vw; transform:translateX(-50vw); transition:.3s;top: var(--header_height);visibility: hidden; opacity:0; margin-top:.1rem; }
    .nav li .sub2 .let-box{width:3rem;padding-right:.2rem;}
    .nav li .sub2 .rig-box{ width:calc(100% - 3rem); padding:.4rem .4rem .85rem;}
    .nav li:hover .sub2{visibility:inherit; opacity:1; margin-top:0;}
    .nav li .sub2 .let-box::after{ content:''; display:block; width:50vw; height:100%; position:absolute; top:0; right:0; background-image: linear-gradient(90deg, #ffffff 0%, #f5f5f5 100%); z-index:-1;}
    .nav li .sub{position:absolute;left:50%;top:110%;transform:translate(-50%);min-width:100%;border-radius:0 0 0.1rem 0.1rem;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1); visibility:hidden;opacity:0;}
    .nav li:hover .sub{transition:.3s;opacity:1;visibility:visible;top:100%;}
    .nav li .pa:after,.nav li.nav_act .pa::after{content:"";position:absolute;left:50%;bottom:0;transition:.3s;transform:translate(-50%);height:3px;background:#e60012;width:0%;}
    .nav li:hover .pa,.nav li.cur .pa{color:#e60012;}
    .nav li:hover .pa:after,.nav li.cur .pa:after{width:100%;}
    .nav li .sub a{text-align:center;}

    .nav li .sub2.other-nav dd a{ font-size:.18rem; color:rgba(var(--rgb-222));position: relative;}
    .nav li .sub2.other-nav dd a::after{position: absolute;content: 'next';font-family: swiper-icons;font-size: .12rem;right: 0;top: 50%;transform: translateY(-50%);font-weight: bold;}
    .nav li .sub2.other-nav dd.active a,
    .nav li .sub2.other-nav dd.active a::after,
    .nav li .sub2.other-nav dd a:hover,
    .nav li .sub2.other-nav dd a:hover::after{ color:#e60012;}
    .nav li .sub2.other-nav .desc{display:-webkit-flex;display:flex;}
    .nav li .sub2.other-nav .desc .nav-img{ width:40%; padding-bottom:25%; background-repeat:no-repeat; background-size:cover; background-position:center;}
    .nav li .sub2.other-nav .desc .txt{ width:60%; padding:2% 5%;}
    .nav li .sub2.other-nav .desc .txt .tit{ font-size:.2rem; margin-bottom:.1rem;}
    .nav li .sub2.other-nav .desc .txt .wtx{ margin-bottom:2%;}
    .nav li .sub2.other-nav .desc .more a{ display:block; width:1.6rem; color:var(--red); text-align:center; border:solid 1px var(--red); line-height:3; border-radius:.05rem;}
    .nav li .sub2.other-nav .desc .more a::after{ margin-left:.15rem;content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold; font-size:.12rem;}
    .nav li .sub2.other-nav .desc .more a:hover{ background:var(--red); color:var(--white);}

}
@media (min-width:1025px) and (max-width:1440px) {
    .header .in{padding:0 calc(40 / 1920 * 100vw);}
    .nav li:not(:last-child){margin-right: calc(50 / 1920 * 100vw);}
}
@media (max-width:1024px) {
    .header .logo{width: 40%;}
    .header .in{padding:0 3%;}
    .nav{position: fixed; top: var(--header_height); bottom: 0;display: block; background-color: rgba(255, 255, 255, 0.95);width: 3rem; padding: 0.2rem 0;left: -100%;transition: 0.5s ease-in-out; opacity: 0;color:var(--default-color)}
    .showMenu .nav{left: 0; opacity: 1;}
    .nav ul{display: block; height: 100%;padding: 0 0.2rem; overflow: auto;}
    .nav li .sub2,
    .nav li .sub{display: none;background:transparent;}
    .nav li .sub2 .let-box{padding: 0.2rem 0;}
    .nav li .sub2 .auto-inner{display: block;}
    .nav li .sub2 .rig-box-item{display: none;}
    .nav li .sub2 dd {
        margin-bottom: .14rem;
    }
    .nav li .sub2 .iolw .tit {
        margin-bottom: .1rem;
    }

    .nav li .sub2 .iolw .iuw .aio {
        width: 100%;
        border-bottom: unset;
    }

    .nav li .sub2 .iolw .iuw .aio a {
        padding: .1rem 0;
    }
    .nav li .pa{line-height: 3;display: block;}
    .nav li:not(:last-child){border-bottom: 1px solid #ddd;}
    .nav li .wapsub{border-top: 1px solid #ddd;}
    .nav li > span{overflow: hidden;}
    .nav li .sub2.other-nav .rig-box{ display:none;}
    .wap-op{position: absolute;z-index: 10;width: 0.4rem;height: 100%; background: url(../images/tab-open.svg) no-repeat center center; background-size: auto 30%;top: 0; right: 0;transition: 0.3s;}
    .active .wap-op{transform: rotate(45deg);}

    .openMenu{width: 0.5rem;height: 0.5rem;border-radius: 50%; margin-left: 0.2rem; border: 1px solid #e60012;display: flex;align-items: center;flex-direction: column; justify-content: space-between;padding: 0.12rem 0;position: relative; flex-shrink: 0;}
    .openMenu i{display: block;width: 60%;height: 3px;background: #e60012; transition: 0.3s;}
    .showMenu .openMenu i:nth-child(3){opacity: 0;}
    .showMenu .openMenu i{position: absolute; top: 50%;margin-top: -1.3px; left: 20%;transform: rotate(45deg);}
    .showMenu .openMenu i:nth-child(2){transform: rotate(-45deg);}
    .logo img{max-height: 50%;}

    .tools .i.system a{width: 0.5rem;height: 0.5rem;border-radius: 50%;font-size: 0; border: 1px solid #ddd;background-position:  center center;padding: 0;}

    .showSearch .tools .i .searchBox{max-width: 4rem; width: calc(94vw - 0.7rem);}
}


.banner2{position:relative;}
.banner2 .swiperDots2{position:absolute;left:0;bottom:calc(70 / 960 * 100%);text-align:center;z-index:10;}
.swiperDots2{position:absolute;left:0;bottom:0.5rem;z-index:10;width:100%;}

.banner2 .prev,
.banner2 .next{position: absolute;top: 50%;transform: translateY(-50%);width: .66rem;height: .66rem;border: solid 1px rgba(246, 246, 246,.6);z-index: 1;border-radius: 100%;z-index: 11;transition: all .3s ease;color: rgba(246, 246, 246,.6);cursor: pointer;}
.banner2 .prev{left: .8rem;}
.banner2 .next{right: .8rem;}
.banner2 .prev:hover,
.banner2 .next:hover{border: solid 1px var(--red);color: var(--red);}
.banner2 .prev::after,
.banner2 .next::after{font-family: 'swiper-icons';
font-size: .2rem;position: relative;left: 45%;top: 25%;transform: translate(-50%,-50%);}
.banner2 .prev::after{content: 'prev';}
.banner2 .next::after{content: 'next';}


.banner2 .myVideo video{display: block;width: 100%;height: 100%;object-fit: cover;}

.swiperDots2 span{margin-right:0.2rem;height:0.06rem;width:0.4rem;border-radius:0.04rem;transition:.3s;background:rgba(255,255,255,0.4);opacity:1;position:relative;overflow:hidden;}
.swiperDots2 span:after{content:"";position:absolute;left:0;top:0;width:0%;height:100%;background:#e60012;}
.swiperDots2 span.swiper-pagination-bullet-active{width:0.8rem;opacity:1;background-color: #f6f6f6;}
.swiperDots2 span.swiper-pagination-bullet-active:after{transition-delay:1.2s;width:100%;transition:linear 3s;}
.bantxt2{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;color:#fff;align-items:center;z-index: 7;}
.bantxt2.center{text-align:center;padding-bottom:20%;}
.bantxt2 .t1{font-size:3.5em;line-height:1.2;position:relative;top:0.5rem;opacity:0;font-weight: bold;}
.bantxt2 .t1.cur:before {
    content:'';
    display:block;
    background-image: url(https://gsgwsj202506045279.test.shwhir.com/upload/image/2025-08/1756378168750.png);
    width: 13.84em;
    height: 1.68em;
    position: absolute;
    bottom: 34%;
    background-size: contain;
    background-repeat: no-repeat;
}
.bantxt2 .t2{font-size:2.6em;position:relative;top:0.5rem;opacity:0;margin-top: .15rem;}
.bantxt2 .p{max-width:32em;position:relative;top:0.5rem;opacity:0;}
.bantxt2.center .p{max-width:100%;}
.bannerVideo{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.bannerVideo video{width:100%;height:100%;display:block;object-fit:cover;}
.swiper-slide-active .bantxt2 .t1{opacity:1;top:0;transition:.3s;transition-delay:.3s;}
.swiper-slide-active .bantxt2 .t2{opacity:1;top:0;transition:.3s;transition-delay:.4s;}
.swiper-slide-active .bantxt2 .p{opacity:1;top:0;transition:.3s;transition-delay:.5s;}
@media (min-width:1025px) {
    .banner2 img.wap{display: none;}
}
@media (max-width:1024px) {
    .banner2 img.pc{display: none;}
}
@media (max-width:480px) {
    .banner2 .bantxt2 .f16{font-size: 0.5em;}
    .banner2 .prev,
    .banner2 .next{width: .4rem;height: .4rem;display: flex;align-items: center; justify-content: center;}
    .banner2 .prev{left: 2%;}
    .banner2 .next{right:2%;}
    .swiperDots2 span{margin-right:0.1rem;height:0.03rem;width:0.2rem;}
    .swiperDots2 span.swiper-pagination-bullet-active{width:0.4rem;}
    .banner2 .prev::after, .banner2 .next::after{font-size: 0.14rem;left: auto; top: auto;transform: none;}
}


.index2{position:relative;left:0;top:0;z-index:6;width:100%;background:#f5f5f5;}
.index2 .stricky{position:sticky;top:0;width:100%;overflow:hidden;}
.index2 .stricky .img{height:100%;}
.index2 .stricky .img img{width:100%;height:100%;object-fit:cover;}
.index2 .stricky .msk{position:absolute;left:0;top:0;width:100%;height:100%;z-index:14;transition:.8s;display: flex;align-items: center; justify-content: center; flex-direction: column;}
.index2 .stricky .msk.act{opacity:0;transform:scale(4);transition:2.5s;z-index:13;pointer-events: none;}
.index2 .stricky .msk:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:#fff;}
.index2 .stricky .msk img{display:block;width:70%;max-width: 11.16rem;}
.m2{position:relative;}
.index2 .stricky .msk .mouse{width: .2rem;height: .3rem;position: relative;margin-top: var(--padm30);background-image: url('../images/mouse.png');background-size: contain;background-repeat: no-repeat;background-position: center;}
.index2 .stricky .msk .mouse::after{content: '';background-color: var(--red);width: 2px;height: 5px;position: absolute;left: 50%;transform: translateX(-50%);top: .05rem;animation: mouseDotBounce 1.5s ease-in-out infinite;}
@keyframes mouseDotBounce {
    0%, 100% {
        transform: translateX(-50%) translateY(.1rem);
    }
    50% {
        transform: translateX(-50%) translateY(1px); 
    }
}
.index2 .stricky .mr{position:absolute;left:50%;top:65%;z-index:20;width:70px;margin-left:-35px;}
.index2 .stricky .cp-title{margin-bottom:.30rem;font-weight:bold;font-size:.5rem;text-align:center;}
.index2 .stricky .tab-cp .icl{margin:0 .2rem;font-size:.24rem;cursor:pointer;}
.index2 .stricky .tab-cp .icl .icon{margin-right:.1rem;}
.index2 .stricky .tab-cp .icl .icon img{max-width: .93rem;max-height: .3rem;}
.index2 .stricky .tab-cp .icl .iwl{display:none;}
.index2 .stricky .tab-cp .icl.active,.index2 .stricky .tab-cp .icl:hover{color:var(--red);}
.index2 .stricky .tab-cp .icl.active .io,.index2 .stricky .tab-cp .icl:hover .io{display:none;}
.index2 .stricky .tab-cp .icl.active .iwl,.index2 .stricky .tab-cp .icl:hover .iwl{display:block;}
.index2 .stricky .pro-parts{position:relative;margin-bottom:var(--padm40);margin-top:var(--padm120);z-index:9;}
.index2 .pro-con.Zindex{position:relative;z-index:10;}
.index2 .pro-con .pro-inner{width: fit-content;margin: 0 auto;}
.index2 .pro-con .pro-inner .left,
.index2 .pro-con .pro-inner .right{position:relative;border-radius: 0.2rem; background-color: var(--white); overflow: hidden;}
.index2 .pro-con .pro-title{position: absolute; left: 0.3rem;top: 0.28rem;font-size: 0.24rem;font-weight: 700;display: flex;align-items: center;}
.index2 .pro-con .pro-title:before{display: block;content: '';width: 0.06rem;height: 0.26rem;background-color: #e60012;border-radius: 0.01rem; margin-right: 0.08rem;}
.index2 .pro-con .point{width:.36rem;height:.36rem;position:absolute;cursor:pointer;z-index:5; left: calc(var(--left) / 670 * 100%);top: calc(var(--top) / 450 * 100%);}
.index2 .pro-con .point:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1;background:#e60012;border-radius:50%;transform:scale(1);opacity:0.4;}
.index2 .pro-con .point.active:after{animation:dt linear 1.2s infinite;}
@keyframes dt{from{transform:scale(0.5);opacity:0.8;}
to{transform:scale(1.3);opacity:0;}
}
.index2 .pro-con .point:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0.24rem;height:0.24rem;background-image:url(../images/icon-add.png);background-position:center;background-size:50%;background-repeat:no-repeat;background-color:#e60012;border-radius:50%;}
.index2 .pro-con .car_img{max-height: calc(573 / 960 * (80vh - var(--header_height)));display: block;width: 100%;}

.index2 .pro-inner + .more{margin-top: var(--padm30);}
.index2 .more{position: relative;}
.index2 .more a{display:block;width:1.6rem;color:var(--red);text-align:center;border:solid 1px var(--red);line-height:3;border-radius:.05rem;margin:0 .2rem;transition:.3s;}
.index2 .more-full a{background-color: #e60012;color: #fff;}
.index2 .more-full a:after{filter: brightness(0) invert(1);}
.index2 .more a::after{margin-left:.15rem;content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold;font-size:.12rem;}
.index2 .more a:hover{background:var(--red);color:var(--white);}
.index2 .more .auto-inner {
    transform: unset !important;
}



@media (min-width:1025px) { 
    .index2{height:200vh;}
    .index2 .stricky{height:100vh;}
    .index2 .pro-con .auto-inner{transform: translateX(6%);}
    .index2 .pro-con .pro-inner .left,
    .index2 .pro-con .pro-inner .right{max-width: calc(670 / var(--autoWidth) * 100%);}
}
@media (max-width:1024px) { 
    .index2 .pro-con{display: block!important; padding-bottom: var(--padm100);}
    .index2 .pro-con > .auto-inner{margin: 0;width: 120%;}
    .index2 .stricky{top: var(--header_height);}
    .index2 .stricky .msk{display: none;}
    .index2 .more{bottom: auto; margin-top: var(--padm50);}
    .index2 .stricky .tab-cp .icl{margin-bottom: 0.1rem;}
    
    .index2 .pro-con .pro-inner{padding: 0 3%;}
    .index2 .pro-con .pro-inner .right{margin-top: 0.1rem;}
}
@media (max-width:480px) { 
    .index2 .stricky .cp-title{font-size: 0.4rem;}
    .index2 .stricky .tab-cp .icl{font-size: 0.18rem;}
    .index2 .pro-con .pro-title{ top:0.16rem; font-size: 0.2rem;}
}
/* 产品弹框 */
body.body_hidden{overflow:hidden}
.pro-up{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:90;visibility:hidden;}
.pro-up .Juz{width:100%;height:100%;}
.pro-up .back-bg{background:var(--white);padding:.4rem .7rem;text-align:center;border-radius:.1rem;position:relative;opacity:0;top:0.5rem; /*max-width: 7.7rem;*/ max-width:calc(700/1920*100vw); width: 90%;}
.pro-up.active{visibility:visible;}
.pro-up.active .back-bg{opacity:1;top:0;transition:.3s;}
.pro-up .back-bg .close,.cnt-up .back-bg .close{position:absolute;right:.2rem;top:.2rem;width:.4rem;height:.4rem;background-image:url(../images/close.png);background-repeat:no-repeat;background-position:center;background-size:.3rem;cursor:pointer;}
.pro-up .back-bg .title{line-height:1.2;font-size:.3rem;color:rgba(var(--rgb-222));}
.pro-up .back-bg .des{padding:.2rem 0;font-size:.18rem;color:#666666;}
.pro-up .back-bg .img-box{padding-top:.1rem; background: url(../images/pro-bg.png) no-repeat center bottom/80%; padding-bottom: 1rem;}
.pro-up .back-bg .iol{color:var(--red);padding-top:.2rem;}
.pro-up .back-bg .iol i{margin-right:.1rem;}
.index3{position:relative;z-index:6;width:100%;padding:var(--padm180) 0 var(--padm80);background-size:cover;background-repeat:no-repeat;background-position:top center; overflow: hidden;}
.index3 .tit1{color:#e60012;margin-bottom:0.3rem;}
.index3 .tit2{font-weight:bold;line-height:1.2;margin-bottom:0.2rem;}
.index3 .p{color:#666666;max-width:50%;line-height:1.8;}
.index3 .moreBtns{margin-top:0.5rem;}
.index3 .data{margin-top:1.2rem;}
.data{align-items:stretch;justify-content:space-between;}
.data .i{border-radius:10px;overflow:hidden;cursor:pointer;flex:0 0 auto;width:24%;position:relative;z-index:5;}
.data .i .img{padding-bottom:76.475%;position:relative;opacity:0;transition:.3s;}
.data .i .img video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.data .i .txt{position:absolute;left:0;top:0;width:100%;height:100%;padding:12% 9%;background:rgba(255,255,255,0.8);backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:space-between;transition:.3s;color:#000;font-size:0.14rem;}
.data .i .txt .ico{flex:0 0 auto;position:relative;}
.data .i .txt .ico img{display:block;height:100%;transition:.3s;}
.data .i .txt .ico .x2{position:absolute;left:0;top:0;opacity:0;}
.data .i .txt .tb{flex:0 0 auto;text-align:right;width:100%;}
.data .i .txt .tb .it{line-height:1;font-size:1.5em;align-items:stretch;justify-content:flex-end;}
.data .i .txt .tb .tr{flex-direction:column;align-items:flex-start;justify-content:space-between;padding-bottom:0.7em;}
.data .i .txt .tb .it .num{font-size:3.3em;margin-right:0.5em;font-family:'Poppins';}
.data .i:hover .img{opacity:1;}
.data .i:hover .txt{background:rgba(255,255,255,0);backdrop-filter:blur(0px);color:#fff;}
.data .i:hover .txt .ico .x2{opacity:1;}
.data .i:hover .txt .ico .x1{opacity:0;}
@media(max-width:1440px){
    .pro-up .back-bg{max-width: 5rem;}
}
@media(max-width:1024px){
    .data{flex-wrap: wrap;}
    .data .i{width: 49%;}
    .data .i:nth-child(2) ~ .i{margin-top: 2%;}
}
@media(max-width:480px){
    .index3 .tit2{font-size: 0.4rem;}
    .data .i .txt .tb .it .num{font-size: 1.8em;}
    .data .i .txt .ip{line-height: 1.2;}
    .data .i .txt .ico{width: 0.3rem;}
    .index3 .p{max-width: none;}
}

.index4{position:relative;z-index:6;width:100%;align-items: stretch;}
.index4 .item{position:relative;}
.index4 .item .bg-img{width:100%;height:100%;overflow:hidden;position:relative;z-index:2;}
.index4 .item .bg-img .swiper{height:100%;}
.index4 .item .bg-img .img img{transform:scale(1.1);transition:all 0.5s linear;opacity:1;}
.index4 .item .bg-img img{display:block;width:100%;object-fit:cover;}
.index4 .item .bg-img .msk{position:absolute;left:0;top:0;width:100%;z-index:5;opacity:1;transition:all 0.5s linear;height:100%;}
.index4 .item .bg-img .msk img{height:100%;}
.index4 .item.active .bg-img .msk{opacity:0;}
.index4 .item.active .bg-img .img img{transform:scale(1);opacity:1;}
.index4 .item .ol-con{align-content:space-between;position:absolute;left:0;top:0;color:#222;width:100%;height:100%;padding:1rem .5rem;text-align:center;z-index:3;}
.index4 .item .ol-con .tit{margin-bottom:.25rem;font-size:.5rem;}
.index4 .item .ol-con .des{line-height:1.7;max-width:5rem;margin:0 auto;font-size:.18rem;}
.index4 .item .more{width:100%;opacity:0;transition:all .3s;transform:translate(0,0.5rem);}
.index4 .item .more .but{display:block;width:1.6rem;color:var(--red);text-align:center;border:solid 1px var(--red);line-height:3;border-radius:.05rem;margin:0 .2rem;}
.index4 .item .more .but::after{margin-left:.15rem;content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold;font-size:.12rem;}
.index4 .item.active .it{transform:scale(1) translateY(0);opacity:1;transition:all 0.3s linear;transition-delay:.5s;}
.index4 .item.active .more{opacity:1;transform:translate(0,0);transition-delay:.5s;}
.index4 .item.active .more .but{background:var(--red);color:var(--white);}
.index4 .item.active .ol-con{color:#fff;}
.index4 .item.active .bg-img{top:0;border-radius:0;}
.index4 .item a{display:block;width:100%;height:100%;}
.index4 .item.active .msk{opacity:0;}
@media (min-width:1025px) {
.index4 .item{width:50%;}
.index4 .item.active .bg-img img{width:50vw;height:50vw;object-fit:cover;}
.index4 .item .it{transform:scale(1.2) translateY(0.4rem);opacity:0;}
}
@media (max-width:1024px) {
    .index4{display: block;}
    .index4 .item .bg-img .img img{opacity: 1; transform: scale(1);}
    .index4 .item .ol-con{color:#fff;}
}
@media (max-width:480px) {
    .index4 .item .ol-con .tit{font-size: 0.4rem;}
}

.product_tips{width:1.68rem;height:1.68rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;position:absolute;z-index:1;min-width:130px;min-height:130px;transform:translate(-50%,-50%);left:50%;top:50%;z-index:10;}
.product_tips::after{content:'';width:100%;height:100%;position:absolute;z-index:1;border-radius:15px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(255,255,255,0.57);}
.product_tips .center{width:100%;height:auto;position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:0.2rem;}
.product_tips .center .circle_box{width:100%;height:1em;font-size:20px;position:relative;}
.product_tips .center .circle_box .circle{width:1em;height:1em;font-size:20px;border-radius:50%;background:#c9c9c9;position:absolute;left:50%;top:0;z-index:1;transform:translateX(-20%);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.product_tips .center .circle_box .circle:first-child{z-index:2;}
.product_tips .center .circle_box .circle.active{transform:translateX(-80%);background:#e60012;}
.product_tips .center .title{margin-top:0.15rem;font-size:var(--font18);text-align:center;line-height:1;}
.vmore a{display:block;width:1.6rem;color:var(--red);text-align:center;border:solid 1px var(--red);line-height:3;border-radius:.05rem;margin:0 .2rem;}
.vmore a::after{margin-left:.15rem;content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold;font-size:.12rem;}
.vmore a:hover{background:var(--red);color:var(--white);}
.sider1 {
    position: sticky;
    top: 80%; 
    z-index: 15;
}
.sider3 { 
        right: 3%;
    top: 38%; 
    z-index: 10;
    position: fixed;
}
.sider3 .sider{
    position:static;
}

.sider1 .sider {
    position: absolute;
}
.sider{position:fixed;right:3%;z-index:999;bottom:10%;border-radius:4px;transition:.3s;}
.sider ul{background:#ffffff;border-radius: .3rem;box-shadow: 0 0 0.2rem rgba(76, 86, 97, 0.1);}
.sider.act{opacity:1;visibility:visible;right:0.5rem;}
.sider .ico{cursor:pointer;text-align:center;line-height:0.6rem;font-size:0.2rem;color: var(--red);width: .6rem;height: .6rem;}
.sider .scrollTop .ico{color: #fff;}
.sider li{border-bottom:1px solid #f3f3f3; position: relative;z-index: 10;}
.sider li:last-child{border:none;}
.sider .scrollTop{background:#e60012;border-radius:0 0 4px 4px;margin-top: .12rem;border-radius: 100%;display:none;}
.sider li .hover{position: absolute;right: calc(100% + 0.1rem);width: max-content; top: 0; background-color: #fff;padding: 0.1rem;border-radius: 0.1rem;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transform: translateX(-0.2rem); transition: 0.3s;}
.sider li.active .hover{opacity: 1; visibility: visible; transform: translateX(0);}
.sider li .hover a{line-height: 0.4rem; font-size: 1.5em; font-family: 'Poppins';font-weight: 500;color: #e60012;}
.sider li .code img{width: 1.2rem; height: 1.2rem;display: block;} 
.sider li .hover p{text-align: center; margin: 0;}

/*.sider .ico i{display: block;width: .25rem;height: .25rem;}*/
.sider li:nth-child(1) .ico{background-image: url('../images/sider01.png');background-size: .25rem;background-repeat: no-repeat;background-position: center;}
.sider li:nth-child(2) .ico{background-image: url('../images/sider02.png');background-size: .25rem;background-repeat: no-repeat;background-position: center;}
.sider li:nth-child(3) .ico{background-image: url('../images/sider03.png');background-size: .25rem;background-repeat: no-repeat;background-position: center;}
.sider .scrollTop .ico i{background-image: url('../images/sider04.png');background-size: contain;background-repeat: no-repeat;background-position: center;width: .17rem;height: .17rem;}

.moreBtns .btn{display:block;width:1.6rem;color:var(--red);text-align:center;border:solid 1px var(--red);line-height:3;border-radius:.05rem;margin-right:0.2rem;cursor:pointer;transition:.3s;background:transparent;color: var(--red);}
.moreBtns .btn:hover{background:#e60012;color:#fff;}
.moreBtns .btn::after{margin-left:.15rem;content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold;font-size:.12rem;}
.index5{padding:var(--padm110) 0;background:#fbfbfb; overflow: hidden;}
.sectit{align-items:flex-end;margin-bottom:0.6rem;}
.sectit .tl{flex:1 1 auto;overflow:hidden;line-height:1;padding-right:0.2rem;}
.sectit .tit1{color:#e60012;margin-bottom:0.3rem;}
.sectit .tit2{font-weight:bold;}
.sectit .tr{flex:0 0 auto;}
.baseSwiper{position:relative;}
.baseSwiper .swiper-slide{ padding:.1rem;}
.baseSwiper .swiper-slide .newsItem{ background:#fff; padding:.1rem; transition:.5s; border-radius:.1rem;}
.baseSwiper .swiper-slide .newsItem:hover{ box-shadow:0 0 .1rem rgba(0, 0, 0, 0.1);}
.swiperCtr{font-size:0.6rem;}
.swiperCtr .btn{position:absolute;top:50%;margin-top:-0.5em;width:1em;line-height:1em;height:1em;background:#fff;z-index:10;border-radius:50%;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;color:#e60012;transition:.3s;}
.swiperCtr .btn:before{font-family:'swiper-icons';font-size:0.3em;vertical-align:middle;line-height:1;}
.swiperCtr .btn.prev:before{content:'prev';}
.swiperCtr .btn.next:before{content:'next';}
.swiperCtr .btn:hover{background:#e60012;color:#fff;}
.swiperCtr .btn.prev{left:-1.4em;}
.swiperCtr .btn.next{right:-1.4em;}
.newsItem{display:block;}
.newsItem .tag{line-height:1;color:#999;margin-bottom:0.2rem;}
.newsItem .img{position:relative;padding-bottom:64%;border-radius:0.1rem;overflow:hidden;}
.newsItem .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.newsItem .txt{padding:var(--padm30) var(--padm20);}
.newsItem .txt .date{line-height:1;margin-bottom:0.15rem;}
.newsItem .txt .it{font-weight:normal;line-height:1.4;height:2.8em;overflow:hidden;}
.newsItem:hover img {
    transform: scale(1.08);
}
.newsItem img{
    transition:all .8s;
}
.newsItem:hover .it{
    color:#e60012;
}
@media (max-width:1024px) {
    .index5 .sectit{display: block;}
    .index5 .sectit .tit2{margin-bottom: var(--padm40);}
    .baseSwiper .swiper{overflow: initial;}
    .baseSwiper .swiper-slide:not(.swiper-slide-active){opacity: 0.2;}
}
@media (max-width:480px) {
    .index5 .sectit .tit2{font-size: 0.4rem;}
    .baseSwiper{margin: 0 0.7rem;}
    .newsItem .txt .it{font-size: 1.1em;margin-bottom: 0;}
    .newsItem .txt{padding-bottom:0;}
}

.index6{padding:1.1rem 0;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;position: relative;}
.index6 .t2{line-height:1.3;margin:0.2rem 0 0.4rem;}
.index6 .moreBtns .btn{border-color:#fff;color:#fff;}
.index6 .moreBtns .btn:hover{border-color:var(--red);}
.index6 .txt{text-align: center;}
@media (max-width:480px) {
    .index6 .t2{font-size: 0.4rem;}
}

.footer{background:#222222;color:#999; overflow: hidden;position: relative;z-index: 1;}
.footer .f-bottom{align-items:flex-start;}
@media (min-width:1025px) {
.footer .layout{display: flex;}
.footer .layout .left{flex: 1; padding-right: var(--padm80);border-right: 1px solid rgba(255,255,255,0.05); }
.footer .layout .right{width:calc(415 / var(--autoWidth) * 100%); flex-shrink: 0;padding-left: var(--padm60);}
.footer .f-top .left{position: relative; }
.footer .f-top .left:after{position: absolute; content: '';right: 0;bottom: 0;height: 1px;background-color: rgba(255,255,255,0.05);width: 100vw;}
.footer .f-top{padding-top: var(--padm90);}
.footer .f-mid :where(.left,.right){padding-top: var(--padm60);}
.footer .f-bottom .left{padding-bottom: var(--padm70);}
}

.fsearch .tit{color:#fff;margin-bottom:0.3rem;line-height:1;}
.fsearch .input{overflow:hidden;position:relative;}
.fsearch .input input{width:100%;height:50px;padding-left:1em;background:#fff;border:none;outline:none;border-radius:0.1rem;padding-right:0.8rem;}
.fsearch .input .btn{position:absolute;right:0;top:0;width:0.7rem;height:100%;border-radius:0.1rem;z-index:10;background:url(../images/search3.svg) no-repeat center;cursor:pointer;}
.fsearch .hk a:not(:last-child){margin-right: 1em;}

.fnav dl dt{color:#fff;margin-bottom:0.2rem; font-size: 0.18rem;}
.fnav dl dd{margin-bottom:0.1rem; font-size: 0.14rem; line-height: calc(20 / 14);}
.f-mid .right .fnav dl{max-width: none;}
.copy{font-size: 0.14rem;display: flex;flex-wrap: wrap;}
.copy span{margin-left: 1em;}
.fcnt .t{color:#fff;margin-bottom:0.2rem; line-height: 1;}
.fcnt .box{align-items:flex-start;}
.fcnt .bl{flex:1 1 auto;overflow:hidden;padding-right:0.25rem;}
.fcnt .br{flex:0 0 auto;text-align:center; width: 1rem;}
.fcnt .br .code{margin-bottom:0.1rem;}
.fcnt .br .p{line-height: 1;}
.fcnt li{padding-left:28px;position:relative;margin-bottom:0.1rem;line-height:1.6;}
.fcnt li:before{content:"";position:absolute;left:0;top:0.8em;width:16px;height:1em;margin-top:-8px;background-repeat:no-repeat;background-size:contain;background-position:left center;}
.fcnt li.address:before{background-image:url(../images/icon-loc.svg);}
.fcnt li.tel:before{background-image:url(../images/icon-tel.svg);}
.fcnt li.fax:before{background-image:url(../images/icon-fax.svg);}

.footer a:hover{color: #fff;}

@media (min-width:481px) {
    .fsearch .input{width: calc(640 / 945 * 100%);}
    .fsearch .hk{flex:1;justify-content: flex-end;}
}
@media (min-width:1025px) {
.fnav{justify-content:space-between;align-items:flex-start;}
.fnav dl{flex:0 0 auto;max-width: 16%;}
}
@media (max-width:1024px) {
    .footer{padding: var(--padm100) 0;}    
    .footer .right{margin: var(--padm40) 0;}
    .footer .f-bottom .right{display: none;}
    .fnav{flex-wrap: wrap;align-items: stretch; justify-content: space-between;}
    .fnav dl{display: flex;flex-wrap: wrap;}
    .fnav dt{width: 100%;}
    .fnav dd:not(:last-child){margin-right: 0.2rem;}
    .footer .f-mid .left .fnav dl{width: 48%;}
}
@media (max-width:480px) {
    .fsearch .in{display: block;}
    .fsearch .hk{margin-top: 0.1rem;}
    .footer .f-mid .left .fnav dl{width: 100%;}
}


.crumbs{position: absolute;bottom: .3rem;color: #fff;right: 0;line-height: 1;}
.crumbs a:hover{color: var(--red);}
.crumbs a{padding: 0 .05rem;}
.crumbs span{padding-left: .05rem;}

.padding170_50{padding: var(--padm170) 0 var(--padm50);}

.page-banner{overflow: hidden;}
.page-banner .ban_wrap{position: relative;}
@media (max-width:1024px) {
    .page-banner img{max-width: none;width: 160%;margin-left: -30%;}
}

.nav_list{border-bottom:1px solid #eeeeee;line-height:1;background:#fff;}
.nav_list.onFixed{ position:fixed;left:0;width:100%; z-index:10;}
.nav_list .nav_wrap .nav_i{padding: .27rem 0;margin: 0 .43rem;color: #666666;}
.nav_list .nav_wrap .nav_i:hover{color: var(--red);}
.nav_list .nav_wrap .nav_i.nav_act{color: #222222;position: relative;}
.nav_list .nav_wrap .nav_i.nav_act::before{position: absolute;top: 100%;content: '';width: 100%;height: 1px;background-color: var(--red);}
@media (max-width:1024px) {
    .nav_list .nav_wrap .nav_i{padding: .15rem 0;margin: 0 .2rem;}
}
@media (max-width:768px) {
    .nav_list .nav_wrap .nav_i{margin: 0 .1rem;}
}


.product .list{padding: var(--padm100) 0;}
.product .list .item{position: relative;background-color: #f5f5f5;border-radius: .1rem;transition: background-color .3s ease;overflow: hidden;line-height: 1;margin-bottom:var(--padm70);display: block;}
.product .list .item .bg-img{background: var(--background-cover);opacity: 0; transition: opacity .3s ease;z-index: -1;}
.product .list .item .pic{ padding-bottom: calc(460 / 690 * 100%); position:relative; z-index:1; transition:.5s;}
.product .list .item .pic .full{display: flex;align-items: center;justify-content: center;}
.product .list .item .pro_img{max-height: 50%; max-width: 70%;}
.product .list .item:hover .pic{background-color: rgba(21, 67, 110, 0.8);}
.product .list .item:hover .bg-img{opacity: 1;}
.product .list .item .title1{position: absolute;bottom: var(--padm30);left: var(--padm30);z-index: 10;margin: 0;color: #222;}
.product .list .item:hover .title1{opacity: 0;}
.product .list .text_box{position: absolute;bottom: 0;display: none;left: 0;color: #fff;width: 100%;padding: .4rem .4rem;z-index: 10;}
.product .list .item:hover .text_box{display: flex;}
.product .list .text_box .view{padding-right: .25rem;position: relative;color: var(--red);margin-top: .18rem;}
.product .list .text_box .view::after{position: absolute;right: 0;content: 'next';font-family: swiper-icons;font-weight: bold;font-size: .12rem;color: var(--red);top: 50%;transform: translateY(-50%);}
.product .list .text_box .right{line-height: .3rem;text-align: right;}
@media (min-width:481px) {
    .product .list .item{width: 48%;}
    
}
@media (max-width:480px) {
    .product .list{display: block;}
    .product .list .text_box .right{display: none;}
}

.cnt-up{visibility: hidden;opacity: 0;transition: all .3s ease;}
.cnt-up.active{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.4);top: 0;z-index: 1;opacity: 1;visibility: visible;}
.cnt-up .Juz{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius: .12rem;border: solid 1px #ffffff;
width: 95%;
max-width:6rem;
padding:0 .2rem .5rem;}
.cnt-up .Juz .title{color: #222222;font-size: .24rem;text-align: center;}
.cnt-up .Juz .back-bg{margin: .32rem 0;}
.cnt-up .Juz .more a{display:block;width:1.6rem;color:var(--red);text-align:center;border:solid 1px var(--red);line-height:3;border-radius:.05rem;margin:0 .2rem;transition:.3s;}
.cnt-up .Juz .more a::after{margin-left:.15rem;content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;font-weight:bold;font-size:.12rem;}
.cnt-up .Juz .more a:hover{background:var(--red);color:var(--white);}

/*列表行*/
[class*=list-rows]{display: flex;flex-wrap: wrap;--limr:0rem;--lin:1;}
[class*=list-rows] > *{width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));}
@media (min-width:1025px){
  .list-rows-2{--lin: 2;}
  .list-rows-3{--lin: 3;}
  .list-rows-4{--lin: 4;}
  .list-rows-5{--lin: 5;}
}

.full{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}

.col-name{font-size: 0.5rem; line-height: 1;color: #222;}
@media (max-width: 480px) {
    .col-name{font-size: 0.32rem;}
}
.edit-info{line-height: calc(30 / 18); font-size: 0.18rem;}
.edit-info p{margin: 0 0 1em 0;}
.edit-info p:last-child{margin-bottom: 0;}
.common-main{padding: var(--padm100) 0 var(--padm120) 0;}
.all-more span{color: #e60012;display: inline-flex;align-items: center;font-size: 0.16rem;cursor: pointer;}
.all-more span:after{display: block; content: '';margin-left: 0.07rem;width: 0.07rem;height: 0.11rem;background: url(../images/more.svg) var(--background-contain);}

.development .box-2 .item:hover{
    box-shadow: 0 0 .15rem rgba(0,0,0,.5);
}
.development{padding-top: var(--padm100); margin-bottom: var(--padm120);}
.development .col-name{margin-bottom: var(--padm120);}
.development .box-1{ background: url(../images/zyfz-mark.png) no-repeat center bottom; background-size: 100vw auto;}
.development .box-2{position: relative; z-index: 1; padding: var(--padm100) var(--padm30);}
.development .box-2 .item{background-color: #f5f5f5;border-radius: 0.1rem; position: relative; min-height: 2.8rem; padding: var(--padm40);counter-increment: itemcounter;}
.development .box-2 .item::after{content: counters(itemcounter, ".", decimal-leading-zero);color: #e60012; font-size: 0.18rem;position: absolute;right: 0.3rem; bottom: 0.3rem;font-family: 'Poppins'; font-weight: 500;}
.development .box-2 .bg-img{z-index: -1;border-radius: 0.1rem; overflow: hidden;}
.development .box-2 .bg-img figure{height: 100%;}
.development .box-2 .item .title{font-size: var(--bigtitle_fs); line-height: calc(40 / 30);margin-bottom: 0.2rem;}
.development .box-2 .desc{color: #222; font-size: 0.18rem;}
.development .box-2 .desc dl{display: flex;}
.development .box-2 .desc dd{width: 40%;}
.development .box-1{position: relative;z-index: 1; margin-bottom: 0.15rem;}
.development .box-1::before{content: '';display: block;background:#ddd;position: absolute;z-index: -1; }
.development .box-1 li:hover .tit p {color: #f00;}
.development .box-1 li .tit{flex-direction: column;}
.development .box-1 li .tit::before{content: '';display: block;width: 0.12rem;height:0.12rem;border: solid 3px #e60012;border-radius: 50%; box-shadow: 0 0 0 0.18rem #fff;}
.development .box-1 li .tit p{margin: 0;color: #222;font-size: var(--bigtitle_fs);}
.development .box-1 li .num{font-family: 'Poppins';font-size: 0.18rem;color: #e60012;font-weight: 500;margin-top: 0.12rem;}
.development .box-1 li .info{font-size: 0.18rem; padding-left: 0.28rem; display: flex; max-width: 2.7rem;}
.development .box-1 li .info span{flex-shrink: 0;}
.development .box-1 li .txt i{position: absolute;left: 0;width: 1px;background: linear-gradient(to bottom, #ddd 0%, #fff 100%);}
.development .box-1 li .txt i::before{position: absolute; content: '';width: 0.07rem; height: 0.07rem;border-radius: 50%;background: #ddd;box-shadow: 0 0 0 0.03rem #fff;}
.rcpy{padding-bottom: var(--padm130); position: relative;z-index: 1;}
.rcpy:before{content: ''; position: absolute; width: 100vw; height: calc(1009 / 1920 * 100vw); background: url(../images/zyfz-bg.jpg) no-repeat center bottom; background-size: 100vw auto; left: 50%;transform: translateX(-50%); bottom: -1.73rem;}

@media (min-width:481px) {
.development .box-1{padding-bottom: var(--padm120);}
.development .box-1 li .txt{position: absolute;top: 0;width: 100%; height: 1.04rem;font-size: var(--bigtitle_fs); left: 2em;}
.development .box-1::before{width: 100vw;height: 1px;top: 1.16rem;left: 50%;margin-left: -50vw;}
.development .box-1 li .tit{display: inline-flex;align-items: center;}
.development .box-1 li{width: 25%;padding-top: 1.04rem;position: relative;}
.development .box-1 li .txt i{top: calc(18 / 16 * 0.5em);bottom: 0;}
.development .box-1 li .txt i::before{bottom: 100%;left: 50%;margin-left: -0.035rem;}
.development .box-2 .item{--limr:0.3rem; --lin:3;}
.development .box-2 .item:not(:nth-child(3n)){margin-right: var(--limr);}
.development .box-2 .item:nth-child(3) ~ .item{margin-top: var(--limr);}
}
@media (max-width: 480px) {
    .development .box-1 ul{flex-direction: column; align-items: flex-start;}
    .development .box-1::before{left: 0.06rem;top: 0;height: 100%; width: 1px;}
    .development .box-1 li:not(:last-child){padding-bottom: var(--padm60);}
    .development .box-1 li .tit{padding-left: 0.5rem; position: relative;}
    .development .box-1 li .tit::before{position: absolute; left: 0;top: 0;}
    .development .box-1 li .txt{padding-left: 0.5rem; position: relative;margin-top: 0.1rem;}
    .development .box-1 li .txt i{width: 0.7rem; height: 1px; top: 1em;left: 0.03rem;}
    .development .box-1 li .txt i::before{left: 0;top: 50%;margin-top: -0.035rem;}
    .development .box-2 .item:not(:last-child){margin-bottom: var(--padm40);}
}

.circle-ani{border-radius: 50%;position: relative; font-size: 1rem;margin: 0 auto;z-index: 1;}
.circle-ani .circle svg{display: block;width: 100%;height: 100%;}
.circle-ani .dots li{position: absolute;z-index: 10;}
.circle-ani .dots li a{position: absolute;z-index: 10;font-size: 0.18rem;}
.circle-ani .swiper-slide{opacity: 0!important;}
.circle-ani .swiper-slide-active {opacity: 1!important;}
@media (max-width: 480px) {
    .circle-ani{font-size: 0.7rem;}
    .circle-ani .dots li a{opacity: 0;visibility: hidden;}
}

.rcpy .circle-ani{width: 7em; height: 7em;}
.rcpy .dots li::before{content: '';display: block; width: 0.12rem; height: 0.12rem; border-radius: 50%;background-color: #e60012;box-shadow: 0 0 0 0.1rem #fff; position: relative;z-index: 1; transition:transform 0.3s;}
.rcpy .dots li a{color: #e60012;width: max-content; line-height: 1;}
.rcpy .dots li.active a{width: 1rem; height: 1rem;color: #fff; left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;}
.rcpy .dots li:nth-child(1){left: 50%;margin-left: -0.06rem; top: -0.06rem;}
.rcpy .dots li:nth-child(2){left:100%;margin-left: -0.06rem; margin-top: -0.06rem; top: 50%;}
.rcpy .dots li:nth-child(3){left: 50%;margin-left: -0.06rem; bottom: -0.06rem;}
.rcpy .dots li:nth-child(4){left: -0.06rem; margin-top: -0.06rem; top: 50%;}
.rcpy .dots li:nth-child(1):not(.active) a{left: 50%;transform: translateX(-50%); top: 0.28rem;}
.rcpy .dots li:nth-child(2):not(.active) a{right: calc(100% + 0.28rem); top: 50%; transform: translateY(-50%);}
.rcpy .dots li:nth-child(3):not(.active) a{left: 50%;transform: translateX(-50%); bottom:calc(100% + 0.28rem);}
.rcpy .dots li:nth-child(4):not(.active) a{left: calc(100% + 0.28rem); top: 50%; transform: translateY(-50%);}
.rcpy .dots li:nth-child(3).active a{font-size:.14rem;}
.rcpy .sub-tit{text-align: center;font-size:var(--bigtitle_fs); margin-bottom: var(--padm120);}
.rcpy .swiper{height: 100%;}
.rcpy .swiper-slide{display: flex;flex-direction: column; justify-content: center;align-items: center; }
.rcpy .swiper-slide .col-name{margin-bottom: calc(60 / 50 * 1em);}
.rcpy .swiper-slide pre{text-align: center;font-size: 0.22rem; line-height: calc(48 / 22);}
@media (min-width: 481px) {
    .rcpy .dots li.active::before{transform: scale(8.333); box-shadow: none;}
}
@media (max-width: 480px) {
    .rcpy .circle-ani{font-size: 0.55rem;}
    .rcpy .swiper-slide .col-name{font-size: 0.22rem;}
    .rcpy .swiper-slide pre{font-size: 0.18rem;}
}

.qmrcpy{position: relative;z-index: 10; margin-bottom: var(--padm120);}
.qmrcpy .col-name{margin-bottom: 1em;}
.qmrcpy .table table{width: 100%; table-layout: fixed;}
.qmrcpy .table td{text-align: center;width: 50%; border-bottom: 1px solid #fff; font-size: 0.18rem;height: 0.7rem;padding: 0 5px;}
.qmrcpy .table td:nth-child(1){background-color: #f5f5f5;}
.qmrcpy .table td:nth-child(2){background-color: rgba(230, 0, 18, 0.1);color: #e60012;}
.qmrcpy .table .tr-top td:nth-child(2){background: rgba(230, 0, 18, 1);color: #fff;}
.qmrcpy .table .tr-top td{font-weight: bold;}

.history{padding-bottom: var(--padm110); overflow: hidden;}
.history .tips{text-align: center;color: #999999;font-size: 0.14rem; margin-top: 0.2rem;}
.history .scroll-bar{max-width: 8rem; height: 2px;background-color: #eee; margin: var(--padm50) auto 0;}
.history .swiper-scrollbar-drag{cursor: grab;height: 0.1rem; background: #e60012;border-radius: 0.05rem; top: -0.045rem;}
.history .swiper-slide{opacity: 0.6;}
.history .swiper-slide-active{opacity:1;}
.history .year{color: #666666;font-family: 'Poppins'; font-size: 0.5rem; line-height: 1;}
.history .swiper-slide-active .year{color: #e60012;}
.history h3{color: #222; font-size: 0.24rem;margin: 1em 0; line-height: 1;}
.history p{color: #222; font-size: 0.18rem; margin:0 0.23rem 0 0.49rem 0; line-height: 1.2;}
.history .pic figure{padding-bottom: calc(266 / 400 * 100%);border-radius: 0.1rem;}

.salary-main .box-1{margin-bottom: var(--padm120);}
.salary-main .box-1 .col-name{margin-bottom: var(--padm70);}
.salary-main .box-2 .col-name{margin-bottom: var(--padm60);}

.administrative-sequence{margin-bottom: var(--padm120);}
.administrative-sequence .col-name{ margin-bottom: 1em;}
.hover-salary-step dd{display: flex; padding: 0 var(--padm20);position: relative; font-size: 0.18rem;color: #ddd;}
.hover-salary-step dd::before{position: absolute; content: '';}
.hover-salary-step dd:nth-child(7n)::before{display: none;}
.hover-salary-step dd:nth-child(7n){border-radius: 0.1rem; border: solid 1px #f1f1f1;}
.hover-salary-step dd .name{font-size: var(--bigtitle_fs);color: #222;}

.hover-salary-step dd:hover .name { color:#e60012;}
@media (min-width:769px) {
.hover-salary-step dl{--lin:7;--limr:0.24rem}
.hover-salary-step dd:not(:nth-child(7n)){margin-right: var(--limr);}
.hover-salary-step dd{min-height: 2.04rem;flex-direction: column;justify-content: center;}
.hover-salary-step dd::before{width: calc(100% + 0.12rem);height: 100%;background: url(../images/kuang.svg) no-repeat center center;background-size: 100% 100%;left: 0;top: 0;}
.hover-salary-step dd .en{ line-height: .24rem;  min-height:.48rem;}
}
@media (max-width: 768px) {
    .hover-salary-step dd{border: 1px solid #ddd;align-items: center;padding: 0.2rem; border-radius: 0.1rem;}
    .hover-salary-step dd:not(:last-child){margin-bottom: 0.3rem;}
    .hover-salary-step dd .name{margin-right: 0.2rem;}
    .hover-salary-step dd::before{width: 0.2rem;height: 0.2rem;border: 1px solid #ddd; border-radius: 0.05rem;border-left:0;border-top: 0;transform: rotate(45deg); bottom: -0.08rem; left: 2em;background-color: #fff; transform-origin: center bottom;}
}

.hover-salary .left{display: flex;flex-direction: column;justify-content: space-between;}
.hover-salary .left ul{flex: 1;display: flex;justify-content: space-between;}
.hover-salary .left ul:not(:last-child){margin-bottom: 0.2rem;}
.hover-salary .left li{background-color: #f5f5f5;flex: 1;padding: var(--padm40);display: flex;flex-direction: column;justify-content: space-between;border-radius: 0.1rem;cursor: pointer; transition: 0.3s;}
.hover-salary .left li:not(:last-child){margin-right: 0.2rem;}
.hover-salary .left li.active,
.hover-salary .left li:hover{background-color: #e60012;color: #fff;}
.hover-salary .left .tit{font-size: var(--bigtitle_fs);}
.hover-salary .left .ico img{max-height: 0.36rem;}
.hover-salary .left li.active .ico img,
.hover-salary .left li:hover .ico img{filter: brightness(0) invert(1);}
.hover-salary .right{background-color: #f5f5f5;border-radius: 0.1rem; padding: var(--padm80) var(--padm40) var(--padm40);}
.hover-salary .right .txt{display: flex;justify-content: space-between; margin-bottom: var(--padm40);}
.hover-salary .right .tit{width: calc(2em + var(--padm120)); padding-right: var(--padm120);font-size: 0.5rem;background: url(../images/yinhao.svg) no-repeat right top;background-size: var(--padm100) auto; line-height: calc(60 / 50);flex-shrink: 0;}
.hover-salary .right .txt dl{font-size:var(--bigtitle_fs); line-height: calc(48 / 30); height: calc(48 / 30 * 8em); overflow-y: auto; overflow-x: hidden;
flex:1;
padding-left:.2rem;
}
.hover-salary .right .txt dd{position: relative; padding-left: 0.5em;}
.hover-salary .right .txt dd:before{position: absolute; content: ''; left: 0;top: 0.8em; width: 0.05rem;height:  0.05rem;border-radius: 50%;background-color: #222;}
.hover-salary .right .pic img{border-radius: 0.1rem;}
.hover-salary .show-box{display: none;}
.hover-salary .show-box.show{display:block;}
.hover-salary .show-box.show .fadeInUp{animation-duration: 1.2s;animation-name:fadeInUp!important;visibility:visible!important;}


.hover-salary .right .txt dl::-webkit-scrollbar,.selects::-webkit-scrollbar{width:4px;height:4px;}
.hover-salary .right .txt dl::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#e60012;}
.hover-salary .right .txt dl::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#f2f2f2;}


@media (min-width: 1025px) {
.hover-salary{display: flex;justify-content: space-between;}
    .hover-salary .left{width: calc(880  / var(--autoWidth) * 100%);}
    .hover-salary .right{width: calc(540  / var(--autoWidth) * 100%);}
}
@media (max-width: 1024px) {
    .hover-salary .left{margin-bottom:0.2rem;}  
    .hover-salary .left .tit{margin-bottom: 1em;}
}
@media (max-width: 480px) {
    .hover-salary .left{margin-bottom:0.2rem;}  
    .hover-salary .left .tit{font-size: 1.2em;}
}

.space30{height:0.3rem;}
.space70{height: var(--padm70);}
.space100{height: var(--padm100);}
.space120{height: var(--padm120);}

.news-top{margin-bottom: var(--padm90);position: relative;z-index: 1;}
.news-top .pic{ overflow: hidden;border-radius: 0.1rem;}
.news-top .pic figure{padding-bottom: calc(400 / 628 * 100%);transition: 0.3s;}
.news-top a:hover .pic figure{transform: scale(1.05);}
.news-top .txt{flex: 1;font-size: 0.18rem;}
.news-top .txt .inner{position: relative; padding:  0 var(--padm70) var(--padm30) var(--padm80);}
.news-top .swiper-slide{padding-bottom: var(--padm50);}
.news-top .txt h3{margin: 0 0 0.2rem 0;font-size: 0.24rem;font-weight: normal;}
.news-top .txt p{margin: 0.19rem 0 0.3rem 0;line-height: calc(30 / 18);}
.news-top .txt time{line-height: 1;display: block;}
.news-top .controls{position: relative;z-index: 2; margin-top: calc(var(--padm50) * -1);}
.news-top .controls .pages{display: flex;align-items: center; height: var(--padm50);}
.news-top .controls .pages span{width: 0.2rem;height: 0.04rem;opacity: 0.4;background: #999;border-radius: 0.02rem;}
.news-top .controls .pages span:not(:last-child){margin-right: 0.1rem;}
.news-top .controls .pages span.swiper-pagination-bullet-active{background: #e60012;opacity: 1;}
.news-top a:hover h3{color: #e60012;}
@media (min-width:1025px) {
.news-top .pic{width: calc(628 / var(--autoWidth) * 100%);}
.news-top .txt .inner::before{position: absolute;content: '';left: calc(var(--padm90) * -1);top: calc(var(--padm70) * -1); bottom: calc(var(--padm50) * -1);right: 0;background-color: #f5f5f5; z-index: -1;border-radius: 0.1rem;}
.news-top .controls .pages{width: calc(628 / var(--autoWidth) * 100%);padding-right: calc(var(--padm90) + 0.35rem);justify-content: flex-end;}
}
@media(max-width:1024px){
.news-top .pic{border-radius: 0.1rem 0.1rem 0 0;}
.news-top .txt .inner{background-color: #f5f5f5; padding: var(--padm50);border-radius: 0 0 0.1rem 0.1rem;}
.news-top .controls .pages{justify-content: center;}
}

.news-list li time{color: #6666;font-family: 'Poppins', sans-serif;}
.news-list li p{font-size: 0.18rem;line-height: calc(30 / 18); height:calc(30 / 18 * 2em);}
.news-list li .pic{ overflow: hidden;border-radius: 0.1rem; }
.news-list li .pic figure{padding-bottom: calc(280 / 440 * 100%);transition: 0.3s;}
.news-list li a:hover .pic figure{transform: scale(1.05);}
.news-list li a:hover p{color: #e60012;}
.news-list li a{ border-radius: 0 0 0.1rem 0.1rem; display: block; transition:.5s;}
.news-list li a:hover{box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.2);}
.news-list li .all-more{margin-top: 0.1rem; line-height: calc(20 / 16);}
@media (min-width:481px){
.news-list li .pic{margin-bottom: 0.2rem;}
.news-list li .all-more{opacity: 0; transition: 0.3s 0.3s; transform: translateX(0.2rem); }
.news-list li a:hover .all-more{opacity: 1; transform: translateY(0);}
.news-list li .txt{transition: 0.3s; padding-bottom: var(--padm20);}
.news-list li a:hover .txt{padding-left: var(--padm20);padding-right: var(--padm20);}
}
@media (min-width:1025px) {
.news-list li{--limr:0.6rem;--lin:3;}
.news-list li:not(:nth-child(3n)){margin-right: var(--limr);}
.news-list li:nth-child(3) ~ li{margin-top: var(--padm20);}
}
@media (min-width:481px) and (max-width:1024px){
.news-list li{--limr:0.2rem;--lin:2;}
.news-list li:not(:nth-child(2n)){margin-right: var(--limr);}
.news-list li:nth-child(2) ~ li{margin-top: var(--padm20);}
}
@media(max-width:480px){
 .news-list li:not(:last-child){margin-bottom: 0.2rem;}
.news-list li a{display: flex;justify-content: space-between; align-items: center;}
.news-list li .pic{width: 45%;}
.news-list li .txt{flex: 1;margin-left: 0.2rem;}
}

.current{padding:var(--padm40) 0 var(--padm50) 0;font-size: 0.14rem;}
.current,
.current a{color: #999999;}
.current a:hover{color: #e60012;}

.news-details{ padding-bottom: var(--padm120); max-width: 1200px;margin: 0 auto;}
.news-details .details{align-items: flex-start;}
.news-details .box{background-color: #f8f8f8; padding: 0.24rem;}
.news-details .box .tit{color: #999;margin-bottom: 0.1rem;}
.news-details .box figure{padding-bottom: calc(152 / 240 * 100%); border-radius: 0.04rem; margin-bottom: 0.1rem;}
.news-details .box li + li{margin-top: 0.1rem;}
.news-details .title{font-size: var(--bigtitle_fs); line-height: calc(48 / 30); margin-bottom: 1em;max-width: 70%;}
.news-details .option{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #eee;border-bottom: 1px solid #eee;color: #999999; padding: 0.2rem 0; margin-bottom: var(--padm50);}
.news-details .option p{margin: 0;}
.news-details .option span + span{margin-left: var(--padm40);}
.news-details .back a{display: flex;align-items: center;justify-content: center;}
.news-details .back a::before{display: block;content: '';border: 0.05rem solid transparent;border-right-color: #e60012; margin-right: 0.14rem;}
@media (min-width:1025px) {
.news-details .left{width: calc(820 / 1200 * 100%);}
.news-details .right{width: calc(290 / 1200 * 100%);}
.news-details .box + .box{margin-top: 0.1rem;}
}
@media(max-width:1024px){
    .news-details .right{margin-top: var(--padm50); display: flex;flex-wrap: wrap;justify-content: space-between;}
    .news-details .right .box{width: calc(50% - 0.1rem); margin: 0.1rem 0;}
    .news-details .right .box:nth-child(1),
    .news-details .right .box:last-child{width: 100%;}
    .news-details .right .box li a{display: flex;align-items: center;}
    .news-details .right .box li figure{width: 1.2rem; height: 0.8rem;padding-bottom: 0; flex-shrink: 0; margin: 0 0.2rem 0 0;}
}
@media(max-width:480px){
    .news-details .right .box-pn  li figure{display: none;}
}

.contact-main{margin-bottom: var(--padm60);}
.contact-main .col-name{margin-bottom: var(--padm60);}
.contact-main .left{display: flex;flex-direction: column;justify-content: space-between;}
.contact-main .pic figure{border-radius: 0.1rem;}
.contact-main .left ul{display: flex;justify-content: space-between; flex: 1;}
.contact-main .left ul:not(:last-child){margin-bottom: 0.2rem;}
.contact-main .left li{flex: 1;background-color: #f8f8f8;border-radius: 0.1rem;display: flex;flex-direction: column;justify-content: center; padding: var(--padm30);}
.contact-main .left li:not(:last-child){margin-right: 0.2rem;}
.contact-main .left li .code{display: flex;align-items: flex-end;justify-content: space-between;}
.contact-main .left li .code .img{width: calc(128 / 260 * 100%);flex-shrink: 0; margin-right:calc(var(--padm20) * -1);}
.contact-main .left li .code p{margin-bottom:8%;}
.contact-main .left li p{margin: 0;font-size: 0.18rem; font-family:'Poppins',sans-serif;}
.contact-main .left li [class*=ico-]{margin-bottom: var(--padm40);}
.contact-main .left li [class*=ico-]:after{display: block;content: '';width: 0.38rem;height: 0.38rem;background: var(--background-contain);}
.contact-main .left li .ico-add:after{background-image: url(../images/add.svg);}
.contact-main .left li .ico-email:after{background-image: url(../images/email.svg);}
.contact-main .left li .ico-tel:after{background-image: url(../images/tel.svg);}
@media (min-width:1025px) {
.contact-main .info{display: flex;justify-content: space-between;}
.contact-main .left{width: calc(700 / var(--autoWidth) * 100%);}
.contact-main .pic{width: 50%;}
.contact-main .pic figure{height: 4.58rem;}
}
@media(max-width:1024px){
    .contact-main .pic{margin-top: var(--padm40);}
    .contact-main .pic figure{padding-bottom: calc(458 / 720 * 100%);}
    .contact-main .left li .code p{margin-bottom:4%}
}

@media(max-width:640px){
    .contact-main .left li .code p{margin-bottom:14%}
}

@media(max-width:480px){
    .contact-main .left li .code p{margin-bottom:0}
}

.feedback{padding: var(--padm100) 0; background: url(../images/contact-bg.jpg) var(--background-cover);border-radius: 0.1rem;}
.feedback .tips{text-align: center;margin: var(--padm20) 0 var(--padm40) 0;}
.feedback .form{max-width: 1030px;margin: 0 auto; width: 90%;}
.form .btn{padding:0 0.6rem;font-size: 0.18rem;height: 0.45rem;background: #e60012;border-radius: 0.04rem;border: 0;cursor: pointer;color: #fff;}
.form li{padding-bottom: var(--padm30);}
.form .text{display: block;width: 100%;border-radius: 0.04rem; border: solid 1px #eeeeee; line-height: 0.4rem;padding: 0.1rem var(--padm30); transition: 0.3s;}
.form .text:focus{border-color: #e60012; box-shadow: 0 0 0 0.02rem rgba(230, 0, 18, 0.1);}
.form ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.form li{width: calc((100% - var(--padm30)) / 2);}
.form li.long{width: 100%;}

.socail-circle{background: url(../images/socail-bg.png) no-repeat center top 50%;background-size: 100% auto;}
.socail-circle .circle-ani{width: 6em; height: 6em;}
.socail-circle .swiper{position: absolute;--lrbt:0.8em;left: var(--lrbt);top:var(--lrbt);right: var(--lrbt);bottom: var(--lrbt);border-radius: 50%;}
.socail-circle .swiper-slide{display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff; background: no-repeat center center;background-size: cover;}
.socail-circle .swiper .col-name{font-size: 0.24em; margin-bottom: var(--padm30);font-weight: normal;color: #fff;}
.socail-circle .swiper pre {
    font-size: .9vw;
}
.socail-circle .dots li{width: 0.3em;height: 0.3em;background-color: #fff;}
.socail-circle .dots li a{width: max-content;color: #333333;}
.socail-circle .dots li:before,
.socail-circle .dots li:after{position: absolute;content: '';border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgb(71,71,71); transition: 0.3s;}
.socail-circle .dots li:before{width: 0.1em;height: 0.1em;opacity: 0.5;}
.socail-circle .dots li:after{width: 0.2em;height: 0.2em; opacity: 0.1;}
.socail-circle .dots li.active:before,
.socail-circle .dots li.active:after{background:#e60012;}
.socail-circle .dots li.active:before{opacity: 1;}

#socail-circle .dots li:nth-child(1){left: 50%;margin-left: -0.15em;top: -0.15em;}
#socail-circle .dots li:nth-child(2){top: 1.34em; right: 0.28em;}
#socail-circle .dots li:nth-child(3){top: 4.05em; right: 0.12em;}
#socail-circle .dots li:nth-child(4){bottom:-0.15em;left: 50%;margin-left: -0.15em;}
#socail-circle .dots li:nth-child(5){top: 4.05em; left: 0.12em;}
#socail-circle .dots li:nth-child(6){top: 1.34em; left: 0.28em;}
#socail-circle .dots li:nth-child(1) a{bottom: 100%;}
#socail-circle .dots li:nth-child(2) a,
#socail-circle .dots li:nth-child(3) a{left: calc(100%  + 0.11rem);}
#socail-circle .dots li:nth-child(4) a{bottom: 100%;left: 50%;transform: translateX(-50%);}
#socail-circle .dots li:nth-child(5) a,
#socail-circle .dots li:nth-child(6) a{right: calc(100%  + 0.11rem);}

#socail-circle-8 .process-circle{transform: rotate(25deg);}
#socail-circle-8 .swiper pre{text-align: center; font-size: 0.18em; line-height: calc(32 / 18);}
#socail-circle-8 .dots li:nth-child(1){left: 4.08em;top: 0.14em;}
#socail-circle-8 .dots li:nth-child(2){left: 5.62em;top: 1.73em;}
#socail-circle-8 .dots li:nth-child(3){left: 5.61em;top: 3.99em;}
#socail-circle-8 .dots li:nth-child(4){left: 4em;top: 5.62em;}
#socail-circle-8 .dots li:nth-child(5){left: 1.68em;top: 5.62em;}
#socail-circle-8 .dots li:nth-child(6){left: 0.08em;top: 4.01em;}
#socail-circle-8 .dots li:nth-child(7){left: 0.09em;top: 1.68em;}
#socail-circle-8 .dots li:nth-child(8){left: 1.65em;top: 0.14em;}
#socail-circle-8 .dots li a{top: 0;}
#socail-circle-8 .dots li:nth-child(1) a,
#socail-circle-8 .dots li:nth-child(2) a,
#socail-circle-8 .dots li:nth-child(3) a,
#socail-circle-8 .dots li:nth-child(4) a{left: calc(100%  + 0.11rem);}
#socail-circle-8 .dots li:nth-child(4) ~ li a{right: calc(100%  + 0.11rem);}
@media (max-width:480px) {
    .socail-circle{margin-top: var(--padm60);}
    .socail-circle .swiper{--lrbt:0.3em;}
    .socail-circle .swiper .col-name{font-size: 0.32em;}
    #socail-circle-8 .swiper pre{font-size: 0.24em;}
    .socail-circle .swiper pre {
        font-size: 2.4vw;
    }
}

#socail-circle-3 .dots li:nth-child(1){left: 50%;margin-left: 1.85em;top: 0.6em;}
#socail-circle-3 .dots li:nth-child(2){top: 4.32em; right: 0.23em;}
#socail-circle-3 .dots li:nth-child(3){top: 4.32em; left: 0.25em;}
#socail-circle-3 .dots li:nth-child(1) a{bottom: 100%; left: 50%; transform: translateX(-50%);}
#socail-circle-3 .dots li:nth-child(2) a{left: calc(100%  + 0.11rem);}
#socail-circle-3 .dots li:nth-child(3) a{right: calc(100%  + 0.11rem);}
#socail-circle-3 .swiper h4{color: #e60012;font-size: 0.16em;font-weight: normal; margin: 0;}
#socail-circle-3 .swiper h3{font-size: 0.24em; margin:calc(17 / 24 * 1em) 0 calc(26 / 24 * 1em) 0;}
#socail-circle-3 .swiper pre{text-align: center;}

.shebei .socail-circle{margin:var(--padm100) 0 var(--padm120) 0;background:none;}
.shebei .socail-circle .swiper-slide{justify-content:flex-end;}
.shebei .socail-circle .swiper .col-name{margin-bottom:var(--padm50)}
.shebei .socail-circle .dots li:before,
.shebei .socail-circle .dots li:after{display:none}
.shebei .circle-ani .dots li a{position:unset;}
.shebei .circle-ani .dots li .text_box{position:absolute;width:3.22em;}
.shebei .circle-ani .dots li .text_box a{color: #000000;font-size: .24rem;font-weight: 500;display:block;margin-bottom:.28em;width:100%;}
.shebei .circle-ani .dots li .img{width:.44em;height:.44em;object-fit: contain;}
.shebei .wrap2{background-image: linear-gradient(to bottom, #f5f5f5, #fff);padding:1rem 0}
.shebei .list-rows{margin: .8rem auto .5rem;}
.shebei .item{border: solid 1px #eeeeee;border-radius: 0.1rem; padding: var(--padm50) 0; position: relative;counter-increment: itemcounter;background-color:#fff;}
.shebei .item :where(h3,dl){padding-left: 0.3rem;}
.shebei .item h3{font-size: 0.18rem;margin: 0 0 0.1rem 0; position: relative;}
.shebei .item p{padding:0 .3rem;font-size:.16rem;line-height:.32rem;}
.shebei .item h3::before{position: absolute;content: '';width: 0.04rem;height: 0.2rem;background-color: #e60012; top:50%;margin-top: -0.1rem; left: 0;}
.shebei .item dd{position: relative; padding-left: 0.5em;}
.shebei .item dd:before{position: absolute; content: ''; left: 0;top: 0.6em; width: 0.05rem;height:  0.05rem;border-radius: 50%;background-color: #222;}
.shebei .item:hover {box-shadow: 0 0 .3rem rgba(0,0,0,.08);} 
.shebei .wrap2 .img-box{position:relative;border-radius: .1rem;overflow:hidden;}
.shebei .wrap2 .img-box .title{position:absolute;width:100%;bottom:0;text-align:center;padding:.3rem 0;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.3));color: #ffffff;font-size:.24rem;}
.shebei .wrap3{background-color: #f5f5f5;padding:1rem 0;}
.shebei .wrap3 .img-box{overflow:hidden;border-radius:.1rem;width:45%;background-color: #ffffff;}
.shebei .wrap3 .img-box img{width:100%;height:100%;object-fit:cover;}
.shebei .wrap3 .info{margin-top:var(--padm40);}
.shebei .wrap3 .list{width:50%;}
.shebei .wrap3 .list .data{align-items: flex-start;justify-content: flex-start;display: flex;margin-bottom:.58rem;}
.shebei .wrap3 .list .data:last-child{margin-bottom:0;}
.shebei .wrap3 .list h3{line-height:1;font-size:.24rem;margin-bottom:.17rem;}
.shebei .wrap3 .list img{width:.5rem;height:.5rem;margin-right:.3rem;object-fit:contain;flex-shrink:0;}
.shebei .wrap4{padding:1rem 0;}
.shebei .wrap4 .img-box{margin:var(--padm40) 0 .5rem;border-radius:.1rem;overflow:hidden;background-color: #f5f5f5;}
.shebei .wrap4 .img-box img{width:100%;height:100%;}
.shebei .wrap4 .data{margin-right:var(--padm30);width:calc(33.33% - var(--padm30));align-items: flex-start;justify-content: flex-start;display: flex;padding-top:.46rem;position:relative;}
.shebei .wrap4 .data:last-child{margin-right:0;}
.shebei .wrap4 .list img{width:.4rem;height:.4rem;margin-right:.23rem;flex-shrink:0;}
.shebei .wrap4 .data:before{content:'';position:absolute;top:0;width:100%;left:0;height:.06rem;background-color: #eeeeee;}
.shebei .wrap4 .data:after{content:'';position:absolute;top:0;width:.06rem;left:0;height:.06rem;background-color: #e60012;z-index:1;}

@media (min-width:1024px) {
.shebei .item{--limr:0.1rem;--lin:4;}
.shebei .item:not(:nth-child(4n)){margin-right: var(--limr);}
}
@media (max-width:1024px) {
    .shebei .item{--limr:0.27rem;--lin:2;margin-bottom:.27rem;}
    .shebei .item:not(:nth-child(2n)){margin-right: var(--limr);}
    .shebei .wrap3 .info{margin:.5rem 0;}
    .shebei .wrap3 .img-box{width:100%;margin-bottom:.5rem;}
    .shebei .wrap3 .list{width:100%;}
    .shebei .wrap3 .list .data{flex-wrap: nowrap;}
    .shebei .wrap4 .list .data{flex-wrap: nowrap;width:100%;margin-bottom:var(--padm40);margin-right:0;}
    .shebei .wrap4 .list .data:last-child{margin-bottom:0;}
}

@media (max-width:480px) {
    .shebei .item:not(:last-child){margin-bottom: var(--padm40);margin-right:0;}
    .shebei .item{--limr:0.27rem;--lin:1;}
    .shebei .list-rows{margin:.3rem auto;}
}

#socail-circle-4 .dots li{width:.8em;height:.8em;background-color: #e60012;border-radius:100%;}
#socail-circle-4 .dots li:nth-child(1){right: .3em;top: 0.6em;}
#socail-circle-4 .dots li:nth-child(2){top: 4.5em; right: .3em;}
#socail-circle-4 .dots li:nth-child(3){left: .3em;top: 4.5em;}
#socail-circle-4 .dots li:nth-child(4){left: .3em;top: 0.6em;}
#socail-circle-4 .dots li:nth-child(1) .text_box{top: -0.08em; left: 1.3em;}
#socail-circle-4 .dots li:nth-child(2) .text_box{left: 1.3em;top: -0.08em;}
#socail-circle-4 .dots li:nth-child(3) .text_box{right: 1.3em;top: -0.08em;}
#socail-circle-4 .dots li:nth-child(4) .text_box{top: -0.08em;right:1.3em}
#socail-circle-4 .dots li pre{font-size: .9vw;color: #333333;}
#socail-circle-4 .swiper h4{color: #e60012;font-size: 0.16em;font-weight: normal; margin: 0;}
#socail-circle-4 .swiper h3{font-size: 0.24em; margin:calc(17 / 24 * 1em) 0 calc(26 / 24 * 1em) 0;}
#socail-circle-4 .dots li:nth-child(4) pre,
#socail-circle-4 .dots li:nth-child(3) pre{text-align:right;}
#socail-circle-4 .dots li:nth-child(3) .text_box a,
#socail-circle-4 .dots li:nth-child(4) .text_box a{text-align:right;}

@media (max-width:1024px) {
#socail-circle-4 .dots li pre{
        font-size: 0.18rem;
    }
    #socail-circle-4 .dots li:nth-child(1) .text_box{top:-1.5em; left: -.7em;}
#socail-circle-4 .dots li:nth-child(2) .text_box{left: -.5em;bottom: -1.5em;}
#socail-circle-4 .dots li:nth-child(3) .text_box{right: -.1em;bottom:-1.6rem;}
#socail-circle-4 .dots li:nth-child(4) .text_box{bottom:.9em;right:-.2em}
.shebei .socail-circle{margin:var(--padm120) 0 var(--padm140)}
}

@media (max-width:680px) {
.shebei .socail-circle{margin:var(--padm170) 0 var(--padm180)}
}

@media (max-width:480px) {
#socail-circle-4 .dots li pre{
        font-size: 0.18rem;
    }
}

.news-menu{margin: var(--padm90) 0 var(--padm50) 0;}
.news-menu ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.news-menu li{margin: 0.05rem;}
.news-menu li a{display: block;border-radius: 0.04rem; border: solid 1px #dddddd; padding: 0 0.38rem; line-height: calc(40 / 16);transition: 0.3s;}
.news-menu li a:hover,
.news-menu li.aon a{background: #e60012;color: #fff;}

.esg-list .col-name{ margin-bottom: var(--padm40);}
.esg-list ul{border-top: 1px solid #eee;}
.esg-list li{border-bottom: 1px solid #eee;font-size: 0.18rem;}
.esg-list li a{display: flex;align-items: center; justify-content: space-between; padding: 0.26rem var(--padm30) 0.26rem 0;}
.esg-list li .tit{flex: 1; transition: 0.3s;}
.esg-list li time{font-family: 'Poppins';color: #999;width: calc(205 / var(--autoWidth) * 100%);flex-shrink: 0;}
.esg-list li .more{width: 0.28rem; height: 0.28rem;border-radius: 50%; background-color: #eee;display: flex;align-items: center;justify-content: center; transition: 0.3s;}
.esg-list li .more:before{display: block; content: '';width: 0.07rem;height: 0.11rem; background: url(../images/more.svg) var(--background-contain);}
.esg-list li a:hover .more{background-color: #e60012;}
.esg-list li a:hover .more:before{filter: brightness(0) invert(1);}
.esg-list li a:hover  .tit{margin-left:var(--padm40);}
.esg-list .all-more{margin-top: var(--padm40);}
@media(max-width:480px){
    .esg-list li time{width: 6em;}
}

.gui-fang{padding-top: var(--padm100);}
.gui-fang .intro{align-items: flex-start; margin-bottom: var(--padm60);}
.gui-fang .pic img{border-radius: 0.1rem;}
@media (min-width:1025px) {
.gui-fang .intro .edit-info{width: calc(850 / var(--autoWidth) * 100%);}
}
@media(max-width:1024px){
    .gui-fang .intro .col-name{margin-bottom: var(--padm40);}
}

.company-drop{padding-top: 0.89rem; background: url(../images/company-bg.jpg) no-repeat left top;background-size: auto 0.89rem; margin-top: var(--padm50);}
.company-drop .type{background-color: #f3f6f8; position: sticky;top: var(--header_height);z-index: 10;}
.company-drop .list{border-top: 1px solid #ddd;}
.company-drop .list .box{border-bottom: 1px solid #ddd}
.company-drop .top{font-size: 0.18rem;}
.company-drop .list .top{padding-top:var(--padm30); padding-bottom:var(--padm30); position: relative;cursor: pointer;}
.company-drop .list .top .ico{position: absolute;right: var(--padm30);top: var(--padm30);width: 1em; height: calc(32 / 18 * 1em);background:url(../images/tab-open.svg) var(--background-contain);}
.company-drop .box.active  .top .ico{background-image: url(../images/tab-close.svg);}
.company-drop .con{display: flex; padding-right: var(--padm50);}
.company-drop .list .con{background-color: #f3f6f8;border-radius: 0.1rem;padding-top:var(--padm30); padding-bottom:var(--padm30); }
.company-drop .list .con + .con{margin-top: 0.1rem;}
.company-drop .con-tit{width: calc(272 / 920 * 100%); flex-shrink: 0; padding-right: 0.1rem;}
.company-drop .list .con-tit{padding-left: var(--padm40);}
.company-drop .con-info{flex: 1;}
.company-drop .type .con-info{line-height: 0.5rem;}
.company-drop .list  .con-info:last-child{margin-left: 0.76rem;}
.company-drop .top  .con-info b{color: #e60012;display: block;position: relative;text-align: center;}
.company-drop .top  .con-info b:after{position:absolute; content: '';border: 0.1rem solid transparent; border-top-color: #e60012; top: calc(100% - 0.05rem);left: 50%;transform: translateX(-50%);}
.company-drop .tit{font-size: 0.24rem; line-height: calc(32 / 24);}
.company-drop .box.active .tit{font-weight: bold;color: #e60012;}
.company-drop .box{counter-increment: itemcounter;}
.company-drop .tit:before{ content: counter(itemcounter, decimal-leading-zero) ".";}
.company-drop .box .right{display: none;}
.company-drop .box.active .right{display: block;}
@media(min-width:481px){
.company-drop .top{display: flex; padding-right: var(--padm90);}  
.company-drop .top .left{flex: 1;}
.company-drop .top .right{width: calc(920 / 1350 * 100%);  flex-shrink: 0;}
}
@media(max-width:1024px){
    .company-drop .list .con-info:last-child{margin-left: 0.2rem;}
}
@media(max-width:480px){
    .company-drop .top .right{margin-top:var(--padm30);}
    .company-drop .tit{font-size: 0.2rem;}
}

.company-window{margin-top: var(--padm150); margin-bottom: var(--padm120);}
.company-window .col-name{margin-bottom: var(--padm60);}
.company-window .tabs-ul{margin-bottom: var(--padm30);}
.company-window .tabs-ul ul{display: flex;justify-content: space-between;}
.company-window .tabs-ul li{flex: 1;text-align: center;border-bottom: 1px solid #ddd; position: relative;cursor: pointer;padding: 0 0.05rem 0.2rem;}
.company-window .tabs-ul li:after{position: absolute; content: '';width: 0;height: 1px;background-color: #e60012; left: 0;bottom: -1px; transition:width 0.3s; left: 50%;transform: translateX(-50%);}
.company-window .tabs-ul li.active:after{width: 100%;}
.company-window .tabs-ul li.active{color: #e60012;}
.company-window .tabs-info{background-color: #f8f8f8; border-radius: 0.1rem; padding: var(--padm50); margin-bottom: var(--padm30);}
.company-window .tabs-info .edit-info{display: none;}
.company-window .contact .item{border-radius: 0.1rem; border: solid 1px #eeeeee; padding: 0.29rem 0.34rem;display: flex;align-items: center; background: url(../images/company-contact-bg.jpg) no-repeat left top;}
.company-window .contact [class*="ico-"]{width: 0.82rem;height: 0.82rem; border: 0.03rem solid #e60012;border-radius: 50%; ;flex-shrink: 0; background: no-repeat center center; background-size: auto calc(40 / 82 * 100%);}
.company-window .contact .ico-tel{background-image: url(../images/company-tel.svg);}
.company-window .contact .ico-add{background-image: url(../images/company-add.svg);}
.company-window .contact ul{margin-left: 0.27rem;flex: 1;}
@media(min-width:481px){
    .company-window .tabs-ul li{font-size: 0.18rem;}
.company-window .contact{display: flex;justify-content: space-between;}
.company-window .contact .item:nth-child(1){width: calc(510 / var(--autoWidth) * 100%);flex-shrink: 0;}
.company-window .contact .item:nth-child(2){flex: 1;margin-left: var(--padm40);}
}
@media(max-width:480px){
    .company-window .tabs-ul li{line-height: 1.2;}
    .company-window .contact .item:not(:last-child){margin-bottom: 0.2rem;}
    .company-window .contact [class*="ico-"]{width: 0.6rem;height: 0.6rem;}
}

.company-feedback{position: relative;z-index: 1; padding: var(--padm120) 0 var(--padm150) 0; }
.company-feedback .inner{position: relative;z-index: 20;color: #fff;}
.company-feedback .full{width: 100vw;left: 50%;margin-left: -50vw;}
.company-feedback .full::before{position: absolute; content: '';left: 0;top:0;width: 100%;height: 100%;background-color: #000;opacity: 0.6;}
.company-feedback .col-name{margin-bottom: var(--padm70);color: #fff;}
.company-feedback .feedback-form{max-width: 9.92rem; }
.company-feedback .rows-ul li{display: flex;align-items: center; margin-bottom: 0.1rem;}
.company-feedback .rows-ul li .text{ line-height: 0.3rem; background: rgba(255,255,255,0.5); border: 1px solid #fff; border-radius: 0.04rem;width: 100%;display: block; padding: 0.1rem 0.18rem;transition: 0.3s; color:#fff;}
.company-feedback .rows-ul li .text:focus{border-color: #e60012; box-shadow: 0 0 0 0.02rem rgba(230, 0, 18, 0.3);}
.company-feedback .rows-ul li .label-name{width: calc(132 / 532 * 100%);flex-shrink: 0; height: 1.6em;}
.company-feedback .rows-ul li .label-name span{display: inline-block;width: 5em;text-align: justify;}
.company-feedback .rows-ul li .label-name span:after{display: inline-block; content: '';width: 100%;height: 0;line-height: 0;}
.company-feedback .rows-ul li .input{flex: 1;}
.company-feedback .rows-ul li input.text{height: 0.5rem; color:#fff;}
.company-feedback .rows-ul li textarea.text{height: calc(0.5rem * 4 + 0.3rem);}
.company-feedback .rows-ul li textarea.text::-webkit-input-placeholder{color:#fff}
.company-feedback .rows-ul li textarea.text:-moz-placeholder{color:#fff}
.company-feedback .rows-ul li textarea.text::-moz-placeholder{color:#fff}
.company-feedback .rows-ul li textarea.text:-ms-input-placeholder{color:#fff}
.company-feedback .input-files{position: relative; margin: 0.1rem 0;}
.company-feedback .input-files .name{background-color: #999999; border-radius: 0.02rem; border: solid 1px #eeeeee;line-height: 0.45rem; padding: 0 0.3rem;display: inline-block;cursor: pointer; color:  rgba(255,255,255,0.5);}
.company-feedback .input-files input[type='file']{position: absolute; left: 0;top: 0;opacity: 0;cursor: pointer; }
.company-feedback .input.code{position: relative;}
.company-feedback .input.code img{position: absolute;right: 0.1rem;top: 50%;transform: translateY(-50%); height: 0.4rem;}
.company-feedback .btn-area{margin-top: 0.1rem;}
.company-feedback .btn-area .btn{width: 1.57rem;height: 0.45rem;background: #e60012;border-radius: 0.04rem; cursor: pointer; border: 0;color: #ffffff; font-size: 0.18rem;}
@media(min-width:481px){
.company-feedback .rows-ul{display: flex;justify-content: space-between;}
.company-feedback .rows-ul ul:nth-child(1){width: calc(532 / 992 * 100%);}
.company-feedback .rows-ul ul:nth-child(2){width: calc(400 / 992 * 100%);}
.company-feedback .btn-area{padding-left: calc(132 / 992 * 100%); }
}
@media(max-width:480px){
    .company-feedback .btn-area{text-align: center;}
}

.th-menu ul{display: flex;align-items: center; justify-content: center;background-color: #f5f5f5; line-height: 0.5rem;}
.th-menu li{margin: 0 var(--padm40);font-size: 0.18rem;}
.th-menu li a{color: #666;}
.th-menu li a:hover,
.th-menu li.aon a{color: #e60012;}

.culture-list .item a{background-color: #f5f5f5; border-radius: 0.1rem;display: block; transition: 0.3s;}
.culture-list .txt h3{margin: 0;font-size: var(--bigtitle_fs); margin-bottom: 0.2rem;}
.culture-list .txt p{color: #666666;}
.culture-list .img figure{padding-bottom: calc(267 / 420 * 100%);	border-radius: 0.1rem 0;}

.culture-list .box:not(:last-child){margin-bottom: var(--padm150);}
.culture-list .txt-area{ margin-bottom: var(--padm60);}
.culture-list .txt-area .right{background: url(../images/yinhao2.svg) no-repeat right top;background-size: 1rem auto; padding-right: 1.1rem;}
.culture-list .en-tit{font-size: 0.72rem; color: rgba(34, 34, 34,0.1); line-height: 1;font-family: "Poppins";font-weight: 100;}
.culture-list .box .pic img{border-radius: 0.1rem;}
.culture-list .box .edit-info{font-size: var(--bigtitle_fs); line-height: calc(48 / 30);color: #000000;}
@media (min-width:481px) {
.culture-list .txt-area{display: flex;justify-content: space-between;}
.culture-list .txt-area .left{flex-shrink: 0;}
.culture-list .txt-area .right{width: calc(719 / var(--autoWidth) * 100%);}
.culture-list .item{--limr:0.3rem;--lin:3;}
.culture-list .item:not(:nth-child(3n)){margin-right: var(--limr);}
.culture-list .item:nth-child(3) ~ .item{margin-top: calc(var(--limr) * 2);}
.culture-list .item .txt{padding-right: var(--padm50);}
.culture-list .item a{padding-left: var(--padm40); padding-top: var(--padm60); }
.culture-list .all-more{margin-bottom: 0.2rem; margin-top: var(--padm130);}
.culture-list .item a:hover{transform: translateY(-0.2rem);}
}
@media (max-width:480px) {
    .culture-list .box .edit-info{font-size: 1.4em; margin-top: var(--padm40);}
    .culture-list .en-tit{font-size: 1.5em;}
    .culture-list .txt-area .right{background-size: 0.5rem auto; padding-right: 0.6rem; min-height: 0.6rem;}
    .culture-list .item:not(:last-child){margin-bottom: var(--padm40);}
    .culture-list .item a{display: flex;justify-content: space-between; padding: 0.1rem;align-items: center;}
    .culture-list .item .img{width: 50%; flex-shrink: 0;}
    .culture-list .item .txt{flex: 1; margin-right: 0.2rem; line-height: 1.2;}
    .culture-list .txt h3{font-size: 1.2em; margin: 0; --clamp: 2;}
    .culture-list .item .txt p{margin: 0.5em 0;}
}

.about-index{padding: var(--padm100) 0 var(--padm120) 0;}
.about-index .since{font-family: "Poppins";font-weight: 500; color: #e60012;}
.about-index .intro{margin-top: var(--padm50); align-items: stretch; margin-bottom: var(--padm70);}
.number-data li p{margin: 1em 0 0 0;font-size: 0.14rem;color: #666666;}
.number-data li .num{display: flex;align-items: baseline;color: #222222;}
.number-data li .counter{line-height: calc(37 / 48);font-size: 0.48rem;} 
.number-data li .counter,
.number-data li  sup{font-family:"Poppins";font-weight: 500; }
.number-data li  sup{font-size: 0.28rem; transform: translateY(-0.7em); line-height: 0.5;}
.about-index .number-data{display: flex;justify-content: space-between;}
.about-index .video{position: relative;z-index: 1;border-radius: 0.1rem; overflow: hidden;}
.about-index .video .btn-play{background: rgba(0,0,0,0.3) url(../images/play.svg) no-repeat center center; background-size: auto 0.53rem;cursor: pointer;}
.about-index .video .btn-play:hover{
    background: rgba(0, 0, 0, 0.3) url(/upload/image/2025-08/1754482834455.png) no-repeat center center;
    background-size: auto 0.53rem;
}
@media (min-width:1025px) {
.about-index .intro .left{width: calc(1136 / var(--autoWidth) * 100%);}
.about-index .intro .right{min-width: calc(204 / var(--autoWidth) * 100%); max-width: 20%;}
.about-index .number-data{flex-direction: column; height: 100%;}
}
@media (max-width:1024px) {
    .about-index .intro .right{margin-top: var(--padm50);}
}
@media (max-width:480px) {
    .about-index .number-data{flex-wrap: wrap;}
    .about-index .number-data li{width: 48%; margin-bottom: 0.3rem;}
}

.inside_video{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 20;}
.inside_video video{width: 100%;height: 100%; object-fit: cover; background-color: #000;}

.about-histroy{overflow:hidden;}

.about-histroy .col-name{margin-bottom: var(--padm60);}
.about-histroy .swiper-thumb{margin-bottom: var(--padm80);}
.about-histroy .swiper-thumb >  .swiper-wrapper{border-top: 1px solid #ddd;}
.about-histroy .swiper-thumb .tit{text-align: center;font-family: "Poppins";color: rgba(102, 102, 102,0.5);position: relative; font-size: 0.24rem; padding-top: var(--padm50); line-height: 1;cursor: pointer;}
.about-histroy .swiper-thumb .tit::before{content: "";display: block;position: absolute; left: 0;top: -1px;width: 100%;opacity: 0; background-color: #e60012; height: 1px;}
.about-histroy .swiper-thumb .swiper-slide-thumb-active .tit::before{opacity: 1;}
.about-histroy .swiper-thumb .swiper-slide-thumb-active .tit{font-size: var(--bigtitle_fs); font-weight: 500; color: #e60012;}
.about-histroy .swiper-thumb .line{width: 1px; height: var(--padm30);background-color: #ddd;position: absolute; left: 50%;top: 0;}
.about-histroy .swiper-thumb .line i{position: absolute;width: 0.07rem;display: flex;justify-content: space-between;align-items: flex-start;}
.about-histroy .swiper-thumb .line i::before,
.about-histroy .swiper-thumb .line i:after{display: block; content: '';width: 1px;height: var(--padm20); background-color: #ddd;}
.about-histroy .swiper-thumb .line i:nth-child(1)::before,
.about-histroy .swiper-thumb .line i:nth-child(2)::after{height: 0.08rem;}
.about-histroy .swiper-thumb .line i:nth-child(1){right: calc(100% + 0.05rem);}
.about-histroy .swiper-thumb .line i:nth-child(2){left: calc(100% + 0.05rem);}
.about-histroy .swiper-thumb .swiper-slide-thumb-active .line{background-color: #e60012;}
.about-histroy .swiper-content .inner{align-items: flex-start;}
.about-histroy .swiper-scrollCon .swiper{height: 4.1rem;}
.about-histroy .swiper-scrollCon .swiper-slide{ height: auto;}
.about-histroy .year-tit{font-family: "Poppins";font-weight: 500;color: #e60012; font-size: 0.48rem; margin-bottom: var(--padm30); line-height: 1;}
.about-histroy .left-imgs figure{border-radius: 0.1rem;padding-bottom: calc(400 / 600 * 100%);}
.about-histroy .left-imgs .pages{position: absolute; bottom: 0.2rem;width: 100%;left: 0;display: flex;justify-content: center;align-items: center; z-index: 10;}
.about-histroy .left-imgs .pages span{width: 0.2rem;height: 0.04rem;background-color: #f6f6f6;border-radius: 2px;opacity: 0.4; margin: 0 0.05rem;}
.about-histroy .left-imgs .pages span.swiper-pagination-bullet-active{background-color: #e60012; opacity: 1;}
.about-histroy .list{max-height:2.3rem;overflow-y:auto;padding-right:.1rem;}
.about-histroy .list .box:not(:last-child){margin-bottom: 0.7em;}
.about-histroy .list .box{font-size: 0.18rem;line-height: calc(32 / 18);}
.about-histroy .list .box p{min-width:13em;}
.about-histroy .list .box dl{flex: 1; margin-left: 0.05rem;}
.about-histroy .list .box dd{position: relative;z-index: 1; padding-left: 0.6em;}
.about-histroy .list .box dd:before{position: absolute; content: ''; left: 0;top: 0.8em; width: 0.03rem;height:  0.03rem;border-radius: 50%;background-color: #222;}
.about-histroy .list .month{display: flex;align-items: center;flex-shrink: 0;float: inline-start;}
.about-histroy .list .month:after{display: block; content: '';height: 0.01rem;background-color: #222; width: 2em; transform:scaleY(0.5);}
.about-histroy .list .txt{ width:calc(100% - 6em); text-align:left;}
.about-histroy .list .txt p{ margin:0;}
.about-histroy .list::-webkit-scrollbar{width:1px;padding-left:.1rem;}
.about-histroy .list::-webkit-scrollbar-track{background: #e0e0e0;width:10px;}
.about-histroy .list::-webkit-scrollbar-thumb{background: #888;}
.about-histroy .swiper-scrollCon .swiper{padding-right: var(--padm90);}
.about-histroy .swiper-scrollCon .swiper:not(.no-scroll):after{position: absolute; z-index: 4; left: 0;bottom: 0;height: 70%;background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); content: '';width: 100%;opacity: 1;transition: opacity 0.5s;}
.about-histroy .swiper-scrollCon .swiper.show-all:after{opacity: 0;}
.about-histroy .swiper-scrollCon .scroll-bar{position: absolute;top: 0;bottom: 0.55rem; width: 1px;background-color: #ddd;right: 0.05rem;z-index: 10;}
.about-histroy .swiper-scrollCon .swiper-scrollbar-drag{background-color: #dddddd;width: 0.1rem;border-radius: 0.05rem; left: -0.045rem; cursor: grab;}
.about-histroy .his_swiper{min-height:9rem;position:relative;display:flex;align-items:center;}
.about-histroy .his_swiper .line{position:absolute;width:100%;top:50%;transform:translateY(-50%);}
.about-histroy .his_swiper .data{position:absolute;padding-bottom:0.3rem}
.about-histroy .his_swiper .data:after{position:absolute;content:'';left:0;width:.16rem;height:.16rem;background-color: #ffffff;border: solid 4px #c7c7c7;border-radius:100%;bottom:100%;}
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 1) .data{top: 0.54rem;left:1rem;}
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 2) .data{bottom: -.12rem;}
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 3) .data{top:.6rem;}
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 4) .data{bottom:.25rem}
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 5) .data{top: -0.1rem;right: 1rem;}
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 1) .data,
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 3) .data,
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 5) .data
{padding-top:0.3rem;padding-bottom:0;}
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 2) .data:after,
.about-histroy .his_swiper .swiper-slide:nth-child(5n + 4) .data:after{top:100%;bottom:auto;}
.about-histroy .arrows a.next{top:44%;}

.arrows a{position: absolute; width: var(--padm60);height: var(--padm60);background: #e60012 url(../images/arrows/next-white.svg) no-repeat center center;background-size: auto calc(15 / 60 * 100%);border-radius: 50%; top: 50%;margin-top: calc(var(--padm60) / -2);z-index: 30;}
.arrows a:not(.swiper-button-disabled){cursor: pointer;}
.arrows a.swiper-button-disabled{background-color: #f5f5f5; background-image: url(../images/arrows/next.svg);
}
.arrows a.prev{left: 0;background-image: url(../images/arrows/prev-white.svg);}
.arrows a.prev.swiper-button-disabled{background-image: url(../images/arrows/prev.svg);}
.arrows a.next{right: 0;}
.about-histroy [class*=arrow-]{display: block;}

@media (min-width:1025px) {
.about-histroy .left-imgs{width: calc(600 / var(--autoWidth) * 100%);}
.about-histroy .right-cons{width: calc(644 / var(--autoWidth) * 100%);} 
.about-histroy .swiper-content {position: relative;z-index: 1;}
.about-histroy .swiper {padding:0 0.7rem;}
}

@media (max-width:1024px) {
.about-histroy{position: relative;z-index: 1; overflow: hidden;}
.about-histroy .right-cons{margin-top: var(--padm50);}
.about-histroy .arrows{--titleh:(50 / 16 * 1em)}
.about-histroy .arrows a{margin: 0;}
.about-histroy .arrows a.prev{left: 0;}
.about-histroy .arrows a.next{right: 0;}
.about-histroy .swiper-thumb{margin-left: var(--padm60); margin-right: var(--padm60);}

.about-histroy .his_swiper .swiper-slide:nth-child(3n + 1) .data{top: -.32rem;}
.about-histroy .his_swiper .swiper-slide:nth-child(3n + 2) .data{bottom: 0.6rem;}
.about-histroy .his_swiper .swiper-slide:nth-child(3n + 3) .data{top: -.5rem;right: .7rem;}
.about-histroy .his_swiper{min-height: 7rem;}
.about-histroy .his_swiper .line{top: 40%;}
.about-histroy .arrows a.prev{top: 37%;}
.about-histroy .arrows a.next{top: 31%;}
.about-histroy .his_swiper .data {padding:0 0.2rem 0.3rem;}
.about-histroy .his_swiper .data::after {left:0.2rem;}
}
@media (max-width:480px) {
    .about-histroy .arrows{--titleh:(32 / 16 * 1em)}
}

.project-list{padding-top: var(--padm100);}
.project-list .item{ padding-bottom: var(--padm130);}
.project-list .col-name{line-height: calc(62 / 50);}
.project-list .txt-area p{margin: 0 0 var(--padm40) 0; text-indent: 2em; font-size: 0.18rem; line-height: calc(32 / 18);}
.project-details .txt-area p{margin: 0 0 var(--padm40) 0; text-indent: 2em; font-size: 0.18rem; line-height: calc(32 / 18);}
.project-list .swiper-imgs{position: relative;z-index: 1;margin-top: var(--padm60);}
.project-list .swiper-imgs figure{padding-bottom: calc(480 / 1440 * 100%);border-radius: 0.1rem;}
.project-list .all-more a{transition: 0.3s;}
.project-list .all-more a:hover{background-color: #e60012; color: #fff; padding: 0.1rem 1em; border-radius: 0.1rem;}
.project-list .all-more a:hover span{ color: #fff; }
.project-list .all-more a:hover span:after{background-image: url(../images/more-white.svg);}
@media (min-width:1601px) {
.project-list .arrows a.prev{left: -1rem;}
.project-list .arrows a.next{right: -1rem;}
}
@media (min-width:1025px) {
.project-list .intro{align-items: flex-start;}
.project-list .txt-area{width: calc(720 / var(--autoWidth) * 100%);}
.project-details .txt-area{width: calc(720 / var(--autoWidth) * 100%);}
.project-list .col-name{width: 4em; }
}
@media (max-width:1600px) {
    .project-list .arrows a.prev{left: -4vw;}
    .project-list .arrows a.next{right: -4vw;}
}
@media (max-width:1024px) {
    .project-list .col-name{margin-bottom: var(--padm40);}
    .project-details .col-name{margin-bottom: var(--padm40);}
}

.project-details #course-1 li .img,
.project-details .course-list li .pic,
.box-feature li .pic{
    overflow:hidden;
    border-radius:.5em;
}
.project-details #course-1 li .is-bgImg__cover,
.project-details .course-list li .is-bgImg__cover,
.box-feature li .is-bgImg__cover{
    transition:all .5s;
}
.project-details #course-1 li:hover .is-bgImg__cover,
.project-details .course-list li:hover .is-bgImg__cover,
.box-feature li:hover .is-bgImg__cover{
    transform: scale(1.08);
}
.project-details{padding-top: var(--padm100);font-size: 0.18rem; --title-fs:var(--bigtitle_fs); --title-fs24:0.24rem;overflow: hidden;}
.project-details .w1440 >  .col-name{margin-bottom: var(--padm120);}
.project-details .layout{margin-bottom: var(--padm70);}
@media (min-width:1025px) {
.project-details .layout .col-name{margin-bottom: 0;}
}
.project-details .desc{font-size: var(--title-fs); line-height: calc(50 / 30);font-weight: 700;}
.project-details .pic img{border-radius: 0.1rem;}
.project-details [class*=box-]{margin: var(--padm120) 0;}
.project-details .course-list .sub-tit{color: #222;font-size:var(--title-fs);display: flex;align-items: center; margin-bottom: var(--padm50);}
.project-details .course-list .sub-tit::before{content: '';margin-right: 0.1rem;width: 0.04rem; height: 1em; margin-right: 0.1rem;background-color: #e60012;}
.project-details #course-1 li{ background-color: #f8f8f8;border-radius: 0.1rem;display: flex;align-items: center;justify-content: space-between; overflow: hidden;}
.project-details #course-1 li .txt{flex: 1; padding-left: var(--padm30);}
.project-details #course-1 li .img{width: calc(275 / 440 * 100%);}
.project-details #course-1 li .img figure{padding-bottom: calc(175 / 275 * 100%); border-radius: 0.1rem 0 0 0.1rem;}
.project-details #course-1 li .txt span{font-size: var(--title-fs24); display: block; font-weight: 700;}
.project-details #course-1 li .txt p{margin: 0; line-height: calc(32 / 18);}
.project-details #course-2 .tit{position: relative;text-align: center;font-size: var(--title-fs24); font-weight: 700; line-height: 1; padding-bottom: 0.16rem;color: #e60012;z-index: 10;}
.project-details #course-2 .tit:after{position: absolute; content: '';border: 0.11rem solid transparent; border-top-color: #e60012; left: 50%;margin-left: -0.11rem; bottom: -0.15rem;}
.project-details #course-2 li .pic figure{padding-bottom: calc(280 / 440 * 100%); border-radius: 0.1rem;}
.project-details #course-2 li .box{background-color: #f8f8f8; border-radius:  0.1rem; padding: var(--padm30) var(--padm30) 0;}
.project-details #course-2 li .box .pic figure{padding-bottom: calc(190 / 380 * 100%); border-radius: 0.1rem 0.1rem 0 0;}
.project-details #course-2 > .tit{margin-top: var(--padm50);}
.project-details #course-2 li .box h3{font-size: 0.18rem;margin: 0;}
.project-details #course-2 li .box p{display: flex;flex-wrap: wrap;font-size: 0.16rem;}
.project-details #course-2 li .box p span:not(:last-child){margin-right: 2em;}
@media (min-width:1025px) {
.project-details .course-list li{--limr:0.54rem;--lin:3;}
.project-details .course-list li:not(:nth-child(3n)){margin-right: var(--limr);}
.project-details #course-1 li{margin-bottom: var(--padm80);}
}
@media (max-width:1024px) { 
    .project-details .course-list + .course-list{margin-top: var(--padm80);}
    .project-details .course-list li:not(:last-child){margin-bottom: var(--padm40);}
}
@media (max-width:480px) { 
    .project-details{--title-fs:0.2rem; --title-fs24:0.18rem; font-size: 0.16rem;}
}

.box-backgroud .title{font-size: var(--title-fs); font-weight: 700; margin-bottom: var(--padm50);}
.box-backgroud .title span{font-size: 0.18rem;display: block;color: #e60012;margin:0 0 0.02rem 0;}
.box-backgroud .box:not(:last-child){margin-bottom: var(--padm120);}
.box-backgroud .vs-table{display: flex;justify-content: space-between;}
.box-backgroud .vs-table .table{background-color: #f5f5f5;border-radius: 0.1rem;flex: 1;margin: 0 var(--padm60); padding-bottom: var(--padm50);
transition:all .8s;
}
.box-backgroud .vs-table .top{height: 2.78rem;display: flex;flex-direction: column;align-items: center; justify-content: center;font-size: var(--title-fs); line-height: calc(48 / 30); font-weight: bold;text-align: center; padding: 0 var(--padm50);}
.box-backgroud .vs-table .time{margin: 0 calc(var(--padm90) * -1 - 0.02rem) 0 calc(var(--padm60) * -1);text-align: center;background: url(../images/p-new.svg) no-repeat center center;background-size: 100% 100%;color: #fff; font-size: var(--title-fs24); line-height: 0.71rem;}
.box-backgroud .vs-table .old .time{background-image: url(../images/p-old.svg);}
.box-backgroud .vs-table .table:nth-child(1) .time{z-index: 10;position: relative;}
.box-backgroud .vs-table .table:hover {
    transform: translate(0,-5%);
}
@media (min-width:1025px) {
    .box-backgroud .left{width: calc(495 / var(--autoWidth) * 100%);}
    .box-backgroud .right{width: 50%;}
}
@media (max-width:480px) {
    .box-backgroud .vs-table .table{margin: 0 var(--padm20);}
    .box-backgroud .vs-table .time{margin: 0 calc(var(--padm40) * -1 - 0.02rem) 0 calc(var(--padm20) * -1);}
    .box-backgroud .vs-table .time{line-height: 0.36rem;}
    .box-backgroud .vs-table .top{height: 2rem;}
}

.box-course .col-name{margin-bottom: var(--padm90);}
.box-course .item{border-radius: 0.1rem;border: solid 1px #eeeeee; padding-bottom:  var(--padm50);}
.box-course .name{display: flex;justify-content: center; margin-bottom: var(--padm50);}
.box-course .name span{display: block;position: relative; font-size:var(--title-fs); line-height: 1; margin-top: -1em; font-weight: bold;}
.box-course .name span:before{position: absolute; top: 100%;left: 0;width: 100%;content: attr(data-title);transform: rotateX(180deg);background: linear-gradient(to bottom, rgba(34, 34, 34 , 0) 50%, rgba(34, 34, 34 , 1) 100%);  -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;opacity: 0.1;}
.box-course .list-ul :where(ol,ul){padding-left: var(--padm50);}
.box-course .list-ul ol{font-weight: 700; position: relative; margin-bottom: 0.2rem;}
.box-course .list-ul ol::before{position: absolute; content: '';width: 0.04rem; height: 0.2rem; background-color: #e60012; left: 0; top: 50%;margin-top: -0.1rem;}
.box-course .list-ul ul{display: flex;flex-wrap: wrap;}
.box-course .list-ul li{width: 50%; position: relative;padding-left: 0.5em;list-style: none;}
.box-course .list-ul li:before{content: '';  left: 0;top:0.7em; width: 0.04rem;height:  0.04rem;border-radius: 50%;background-color: #222; position: absolute;}
.box-course .list-ul + .list-ul{margin-top: var(--padm50);}
@media (min-width:1025px) {
.box-course .item{--limr:0.3rem;--lin:3;}
.box-course .item:not(:nth-child(3n)){margin-right: var(--limr);}
}
@media (max-width:1024px) {
    .box-course .item:not(:last-child){margin-bottom: var(--padm60);}
}

.box-team .desc{margin-bottom: var(--padm70);}
.box-team .number-data ul{display: flex;flex-wrap: wrap;}
.box-team .number-data li:nth-child(3) ~ li{margin-top: var(--padm60);}
@media (min-width:1025px) {
.box-team .right-txt{width: calc(951 / var(--autoWidth) * 100%); padding-right: var(--padm50);}
.box-3d-course .desc{width: calc(770 / 1440 * 100%);}
.box-team .number-data li:nth-child(3n+1){width: calc(181 / 951 * 100%);}
.box-team .number-data li:nth-child(3n+2){width: calc(312 / 951 * 100%);}
.box-team .number-data li:nth-child(3n){flex: 1; min-width: 30%;}
}
@media (max-width:1024px) {
    .box-3d-course .col-name,
    .box-team .col-name{margin-bottom: var(--padm30);}
    .box-team .number-data li{width: calc(100% / 3);}
}


.box-feature .col-name{margin-bottom: var(--padm60);}
.box-feature li .pic figure{border-radius: 0.1rem; padding-bottom: calc(280 / 440 * 100%);}
.box-feature li .pic{margin-bottom: var(--padm30);}
.box-feature li .text { font-size: var(--title-fs24);color: #222;line-height:1.65em;}
.box-feature li p{margin: 0;position:relative; padding-left:1.25em;}
.box-feature li p:before {width:0.25em; height:0.25em; border-radius:50%; position:absolute; left:0; top:0.7em; background-color:#e60012; content:''; display:block;}
@media (min-width:1025px) {
.box-feature li{--limr:0.6rem;--lin:3;}
.box-feature li:not(:nth-child(3n)){margin-right: var(--limr);}
.box-feature li:nth-child(3) ~ li{margin-top: var(--limr);}
}
@media (max-width:1024px) {
    .box-feature li:not(:last-child){margin-bottom: var(--padm50);}
}

.research-index{--title-fs:var(--bigtitle_fs);--title-fs24:0.24rem; overflow: hidden;}
.prod-research{padding: var(--padm100) 0 var(--padm170) 0;}
.prod-research .col-name{margin-bottom: 0.25rem;}
.prod-research .sub-desc{ padding-top: 0.54rem;background: url(../images/yinhao3.svg) no-repeat left top; background-size: 1rem auto; margin-bottom: 0.23rem;}
.prod-research .sub-desc p{font-size: var(--title-fs); margin: 0 0 calc(25 / 30 * 1em) 0; line-height: 1.1;}
.prod-research .sub-desc .con{color: #e60012; font-size: var(--title-fs24);}
.prod-research .pic{display: flex;justify-content: center; background: url(../images/socail-bg.png) no-repeat center center;background-size: contain;}
.prod-research .pic img{max-width: 60%;}
.prod-research .list-rows{max-width: 1030px; margin: -0.24rem auto 0;}
.prod-research .item{border: solid 1px #eeeeee;border-radius: 0.1rem; padding: var(--padm50) 0; position: relative;counter-increment: itemcounter;}
.prod-research .item:after{content: counters(itemcounter, ".", decimal-leading-zero); position: absolute; right: 0.34rem; bottom: 0;font-size: 1rem; line-height: calc(74 / 100); font-family: 'Poppins';font-weight: 100;color: #f1f1f1;}
.prod-research .item :where(h3,dl){padding-left: 0.52rem;}
.prod-research .item h3{font-size: 0.18rem;margin: 0 0 0.1rem 0; position: relative;}
.prod-research .item h3::before{position: absolute;content: '';width: 0.04rem;height: 0.2rem;background-color: #e60012; top:50%;margin-top: -0.1rem; left: 0;}
.prod-research .item dd{position: relative; padding-left: 0.5em;}
.prod-research .item dd:before{position: absolute; content: ''; left: 0;top: 0.6em; width: 0.05rem;height:  0.05rem;border-radius: 50%;background-color: #222;}
.prod-research .item:hover {box-shadow: 0 0 .3rem rgba(0,0,0,.08);} 
@media (min-width:481px) {
    .prod-research .item{--limr:0.5rem;--lin:3;}
.prod-research .item:not(:nth-child(3n)){margin-right: var(--limr);}
.prod-research .item:nth-child(3)~ .item{margin-top: var(--limr);}
}
@media (max-width:480px) {
    .research-index{--title-fs:0.24rem;--title-fs24:0.18rem; }
    .prod-research .item:not(:last-child){margin-bottom: var(--padm40);}
}

.research-circle .col-name{font-size: var(--title-fs); line-height: calc(48 / 30);}

.research-design{margin-top: var(--padm140);}
.research-design .sub-tit{font-size: var(--title-fs); margin-bottom: calc(50 / 30 * 1em); color: #222; line-height: 1.2;}
.research-design .box-item:not(:last-child){margin-bottom: var(--padm120);}
.research-design .box-item [class*=ul-rows-]{display: flex;}
.research-design .box-item [class*=ul-rows-] li{border: solid 1px #dddddd;border-radius: 0.1rem;display: flex;flex-direction: column; justify-content: center; align-items: center;position: relative; padding:0.1rem .2rem;}
.research-design .box-item [class*=ul-rows-] li:not(:last-child):after{position: absolute;content: ''; width: 0.14rem; height: 0.14rem; transform: rotate(45deg);border: solid 1px #dddddd;border-left: 0;border-bottom: 0;border-radius: 0 0.05rem 0 0; top: 50%;margin-top: -0.07rem; background-color: #fff; right: -0.07rem;}
.research-design .box-item [class*=ul-rows-] li:not(:last-child){margin-right: 0.12rem;}
.research-design .box-item [class*=ul-rows-] li p{color: #999; margin: 0; line-height: 1; min-height: 1em;}
.research-design .box-item [class*=ul-rows-] li .pic{display: flex;align-items: center; justify-content: center;}
.research-design .box-item [class*=ul-rows-] li .pic img{max-height: 100%;}
.research-design .txt-box{margin-top: var(--padm70);}
.research-design .txt-box .box{border-radius: 0.1rem; border: 1px solid rgba(153, 153, 153,0.2);--limr:0.26rem; padding: 0.29rem 0.24rem 0.2rem; background: linear-gradient(to bottom,rgba(153, 153, 153,0.2) 0%,rgba(153, 153, 153,0) 80%);}
.research-design .txt-box .img{display: flex;justify-content: center; mix-blend-mode: multiply;}
.research-design .txt-box h3{margin: 0 0 0.1rem 0;font-size: 0.18rem;font-weight: normal;color: #222;}
.research-design .txt-box dl{min-height: 0.9rem;}
.research-design .ul-rows-9 li{width: calc((100% - 0.12rem * 8) / 9); min-height: 1.14rem; font-size: 0.22rem; counter-increment: itemcounter;}
.research-design .ul-rows-9 li:before{position: absolute;content: counters(itemcounter, ".", decimal-leading-zero);right: 0;top: 50%;transform: translateY(-50%);color: #e60012;	font-family: "Poppins";font-weight: 500;font-size: 0.12rem;z-index: 10;}
.research-design .box-item .ul-rows-8 li{width: calc((100% - 0.12rem * 7) / 8);}
.research-design .box-item .ul-rows-6 li .pic{height: 0.98rem;}
.research-design .box-item .ul-rows-6 li{width: calc((100% - 0.16rem * 5) / 6);}
.research-design .box-item .ul-rows-6 li:not(:last-child){margin-right: 0.16rem;}
.research-design .box-item .ul-rows-6 li .pic{height: 1.47rem;}
.research-design .box-item .ul-rows-4 li{width: calc((100% - 0.27rem * 3) / 4);}
.research-design .box-item .ul-rows-4 li:not(:last-child){margin-right: 0.27rem;}
.research-design .box-item .ul-rows-4 li .pic{height: 2.26rem;}
.research-design .box-item .ul-rows-4 li:not(:last-child):after{width: 0.2rem; height: 0.2rem; right: -0.1rem;}
@media (min-width:1025px) {
.research-design .txt-box .box{--lin:6;}
.research-design .txt-box .box:not(:nth-child(6n)){margin-right: var(--limr);}
}
@media (min-width:641px) and (max-width:1024px){
    .research-design .txt-box .box{--lin:3;}
    .research-design .txt-box .box:not(:nth-child(3n)){margin-right: var(--limr);}
    .research-design .txt-box .box:nth-child(3) ~ .box{margin-top: var(--limr);}
}
@media (max-width:1630px) {
.research-design .box-item [class*=ul-rows-] li{ padding:0.1rem;}
.research-design .ul-rows-9 li{ font-size:.2rem;}
}
@media (max-width:1024px) {
    .research-index .wap-scroll{ overflow-x: auto; overflow-y: hidden;padding-bottom: 10px;}
    .research-design .box-item [class*=ul-rows-] li{flex-shrink: 0;}
    .research-design .box-item .wap-scroll [class*=-row]{flex-wrap: nowrap;}
    .research-design .ul-rows-9 li{width: 1.3rem;}
    .research-design .box-item .ul-rows-8 li{width: 1.6rem;}
    .research-design .box-item .ul-rows-6 li{width: 2rem;}
    .research-design .box-item .ul-rows-4 li{width: 3rem;}
}
@media (max-width:640px) {
    .research-design .txt-box .box{--lin:2;}
    .research-design .txt-box .box:not(:nth-child(2n)){margin-right: var(--limr);}
    .research-design .txt-box .box:nth-child(2) ~ .box{margin-top: var(--limr);}
}

.research-gongyi{margin: var(--padm120) 0 var(--padm140) 0;}
.research-gongyi .inner{background-color: #f5f5f5;border-radius: 0.1rem; padding: var(--padm80) var(--padm50);margin-top: var(--padm50); margin-bottom: var(--padm120);}
.research-gongyi .inner .chat{ position: relative;}
.research-gongyi .inner .chat::before{position: absolute; content: ''; top: 0;left: 0;width: 100%;bottom: 46px;background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 90%);z-index: 1;}
.research-gongyi .inner #chat{height: 4.39rem;position: relative;z-index: 4;}
.research-gongyi .inner .txt dd{position: relative;z-index: 1;  font-size:0.18rem; line-height: calc(30 / 18); padding: 0.15rem 0 0.15rem 0.6em;}
.research-gongyi .inner .txt dd:before{position: absolute; content: ''; left: 0;top:1.7em; width: 0.04rem;height:  0.04rem;border-radius: 50%;background-color: #222;}
.research-gongyi .step-intro{margin-bottom: var(--padm60);}
.research-gongyi .step-intro .title{ font-size: var(--title-fs); line-height: 1;color: #222;}
.research-gongyi .step-intro .con{flex: 1;font-size: 0.18rem; line-height: calc(32 / 18);}
.research-gongyi .img-intro ol{position: relative;}
.research-gongyi .img-intro ol .jiao{position: absolute;display:flex;align-items: center; justify-content: center;}
.research-gongyi .img-intro ol .jiao:after{display: block;content: ''; border:0.11rem solid transparent;}
.research-gongyi .img-intro p{margin: 0.2rem 0 0 0;line-height: 1.2;text-align: center;font-size: 0.18rem; color: #9999;}
.research-gongyi .img-intro .pic{display: flex;align-items: center;justify-content: center;border-radius: 4px; border: solid 1px #dddddd;} 
.research-gongyi .img-intro ol > .pic{height: 3.75rem;}
.research-gongyi .img-intro ol ul li{flex: 1;}
.research-gongyi .img-intro ol ul li:not(:last-child){margin-bottom: 0.15rem;}
.research-gongyi .img-intro ol ul li .pic{height: 100%;}
.research-gongyi .img-intro ol ul li:hover img{
    transform: scale(1.08);
}
.research-gongyi .img-intro ol ul li img{
    transition:all .8s;
}
@media (min-width:1025px) {
    .research-gongyi .inner{display: flex;align-items: center; justify-content: space-between; }
    .research-gongyi .inner .txt{flex: 1; margin-left: var(--padm70);}
    .research-gongyi .inner .chat{width: calc(950 / 1340 * 100%); }
    .research-gongyi .step-intro{display: flex; }
    .research-gongyi .step-intro .title{width: calc(677 / var(--autoWidth) * 100%);}
}
@media (max-width:1024px) {
    .research-gongyi .inner .txt dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .research-gongyi .inner .txt dd{width: 48%;}
    .research-gongyi .step-intro .title{margin-bottom: var(--padm40);}
}
@media (min-width:481px) {
.research-gongyi .img-intro ul{display: flex; justify-content: space-between;}
.research-gongyi .img-intro ol:nth-child(1){width:calc(320 / var(--autoWidth) * 100%);}
.research-gongyi .img-intro ol:nth-child(2){width:calc(270 / var(--autoWidth) * 100%);}
.research-gongyi .img-intro ol:nth-child(3){width:calc(240 / var(--autoWidth) * 100%);}
.research-gongyi .img-intro ol:nth-child(4){flex: 1;}
.research-gongyi .img-intro ol:not(:last-child){margin-right: 0.43rem;}
.research-gongyi .img-intro ol .jiao{height: calc(100% - (18 / 16 * 1.2em + 0.2rem));width: 0.43rem; left:100%; top: 0;}
.research-gongyi .img-intro ol .jiao:after{ border-left-color:#e60012;margin-left: 0.11rem;}
.research-gongyi .img-intro ol ul{flex-direction: column;height: 3.75rem;}
}
@media (max-width:480px) {
.research-gongyi .inner #chat{height:3rem;}
.research-gongyi .img-intro ol:not(:last-child){margin-bottom: 0.43rem;}
.research-gongyi .img-intro ol .jiao{top: 100%;height: 0.43rem;width: 100%;}
.research-gongyi .img-intro ol .jiao:after{ border-top-color:#e60012;margin-top: 0.11rem;}
}

.research-cerficate{margin-bottom: var(--padm150);margin-top:var(--padm140);}
.research-cerficate .col-name{margin-bottom: var(--padm40);}
.research-cerficate .swiper-pics .pic{position: relative;z-index: 1;}
.research-cerficate .swiper-pics .pic figure{padding-bottom: calc(478 / 338 * 100%);}
.research-cerficate .swiper-pics p{margin: var(--padm60) 0 0 0;text-align: center; line-height: calc(32 / 18); opacity: 0;transition: 0.3s 0.3s;}
.research-cerficate .swiper-pics .swiper-slide-active p{opacity: 1;}
.research-cerficate .swiper-pics:before,
.research-cerficate .swiper-pics:after{position: absolute;content: '';pointer-events: none;height: 100%;width: 50%;top:0;z-index: 10;}
.research-cerficate .swiper-pics:before{left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);}
.research-cerficate .swiper-pics:after{right: 0; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);}
.research-cerficate .swiper-thumb{ height: 2.5rem;margin-left: -0.68rem;}
.research-cerficate .swiper-thumb .swiper-slide{height:0.5rem;text-align:center;}
.research-cerficate .swiper-thumb .swiper-slide .dot2{-webkit-line-clamp:1;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;}
.research-cerficate .swiper-thumb .swiper-slide-thumb-active{color: #e60012;}
.research-cerficate .swiper-main [class*=btn-]{height: 0.34rem;display: flex;align-items: center;justify-content: center;cursor: pointer;margin-left: -0.68rem;}
.research-cerficate .swiper-main [class*=btn-]::after{display: block;transform: rotate(-45deg);content: '';width: 0.07rem; height: 0.07rem;border:1px solid #e60012;border-left:0;border-bottom: 0;}
.research-cerficate .swiper-main .btn-next:after{transform: rotate(135deg);}
.research-cerficate .tabs-swiper-page{display: flex;}
.research-cerficate .tabs-swiper-page span{position: relative; display: inline-block;cursor: pointer;}
.research-cerficate .tabs-swiper-page span:after{position: absolute; content: '';bottom: -0.03rem;height: 0.03rem;background-color: #e60012; left: 0;}
.research-cerficate .tabs-swiper-page .active span:after{width: 100%;}
@media (min-width:1025px) {
.research-cerficate .swiper-list{display: flex;align-items: center;}
.research-cerficate .swiper-list .tabs-swiper-page{
    /*width:calc(200 / var(--autoWidth) * 100%);*/
    width:200px;
flex-shrink: 0;flex-direction: column;}
.research-cerficate .swiper-list .swiper-outside{flex: 1;}
.research-cerficate .tabs-swiper-page .p:not(:last-child){margin-bottom: var(--padm40);}
.research-cerficate .swiper-main{display: flex;align-items: center;}
.research-cerficate .swiper-main .left{width: calc(1060 / 1250 * 100%);}
.research-cerficate .swiper-main .right{flex: 1;}
.research-cerficate .swiper-pics p{font-size: 0.17rem;}
} 
@media (max-width:1024px) {
.research-cerficate .swiper-list .tabs-swiper-page{justify-content: center;align-items: center; margin-bottom: var(--padm60);}
.research-cerficate .tabs-swiper-page .p:not(:last-child){margin-right: var(--padm40);}
.research-cerficate .swiper-main .right{display: none;}
.research-cerficate .swiper-pics p{margin-left: -10vw; margin-right: -10vw;}
.research-cerficate .swiper-pics:before,
.research-cerficate .swiper-pics:after{width: 30%;}
}

.sys-enter{position: relative;z-index: 1; overflow: hidden; padding: var(--padm120) 0 var(--padm100) 0;}
.sys-enter > .w1440{position: relative;z-index: 30;}
.sys-enter .enter-item{display: flex;justify-content: space-between;}
.sys-enter .enter-item .item{flex: 1; }
.sys-enter .enter-item .item:not(:last-child){margin-right:var(--padm30);}
.sys-enter .enter-item .item a{display: flex;flex-direction: column; justify-content: space-between;min-height: 2.6rem;width: 100%;background-color: rgba(255, 255, 255, 0.95); padding: var(--padm40); transition: 0.3s; border-radius: 0.1rem;}
.sys-enter .enter-item .item a:hover{box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); transform: translateY(-0.1rem);}
.sys-enter .enter-item [class*=ico-]{width: 0.36rem; height: 0.36rem;background: var(--background-contain);}
.sys-enter .enter-item .ico-oa{background-image: url(../images/oa.svg);}
.sys-enter .enter-item .ico-mail{background-image: url(../images/mailbox.svg);}
.sys-enter .enter-item .txt{text-align: right;}
.sys-enter .enter-item .txt span{font-size: var(--bigtitle_fs);color: #222;}
.sys-enter .enter-item .txt p{margin: 0;color: #666666;font-size: 0.18rem;}
@media (min-width:481px) {
.sys-enter .col-name{margin-bottom: 2.21rem;}
.sys-enter .enter-item{max-width: 7.1rem;}
}
@media (max-width:480px) {
    .sys-enter .bg-img{background-position: right center;}
    .sys-enter .col-name{margin-bottom:0.6rem;}
    .sys-enter .enter-item .item a{min-height: 1.6rem;}
    .sys-enter .enter-item .txt span{font-size: 0.24rem;}
}

.prod-main{background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0, rgba(0,0,0,0) 2.24rem);}
.prod-details{margin-bottom: var(--padm80);}
.prod-details .left figure{background-color: #f8f8f8; }
.prod-details .swiper-big figure{padding-bottom: calc(480 / 720 * 100%);border-radius: 0.1rem; }
.prod-details .swiper-big{margin-bottom: 0.2rem;}
.prod-details .swiper-thumb figure{padding-bottom: calc(80 / 120 * 100%); border-radius: 2px; border: solid 1px transparent}
.prod-details .swiper-thumb .swiper-slide-thumb-active figure{border-color: #e60012;}
.prod-details .swiper-thumb{padding: 0 0.6rem; position: relative;}
.prod-details .swiper-thumb .swiper-slide{padding: 0 0.15rem;}
.prod-details .swiper-thumb [class*=arrow-]{position: absolute; top: 50%;background: #f8f8f8 url(../images/arrows/prev.svg) no-repeat center center;background-size: auto 0.11rem; border-radius: 0.04rem; width: 0.48rem; height: 0.48rem; margin-top:-0.24rem; cursor: pointer;}
.prod-details .swiper-thumb .arrow-prev{left: 0;}
.prod-details .swiper-thumb .arrow-next{right: 0; background-image: url(../images/arrows/next.svg);}
.prod-details .details{max-width: 3.66rem;}
.prod-details .details h1{margin: 0;font-size: 0.5rem; line-height: calc(60 / 50);color: #222222;font-weight: normal;}
.prod-details .details .desc{margin: var(--padm50) 0 var(--padm70) 0;}
.prod-details .details .btn{display: flex;}
.prod-details .details .btn a:not(:last-child){margin-right: 0.2rem;}
@media (min-width:1025px) {
    .prod-details{display: flex;justify-content: space-between; }
    .prod-details .left{width: 50%;}
    .prod-details .right{width: calc(600 / var(--autoWidth) * 100%); padding-top: 1rem;}
}
@media(max-width:1024px){
    .prod-details .right{margin-top: var(--padm60);}
}
@media(max-width:480px){
    .prod-details .details h1{font-size: 0.32rem;}
    .prod-details .swiper-thumb .swiper-slide{padding: 0 0.05rem;}
}

[class*=all-btn-]{display: inline-flex; align-items: center;border-radius: 4px; border: solid 1px #e60012; line-height: 0.48rem;min-width: 1.6rem;justify-content: center; padding: 0 0.1rem; cursor: pointer;transition: 0.3s;}
[class*=all-btn-]:hover{transform: translateY(-0.05rem);}
[class*=all-btn-]:after{display: block; content:'';width: 0.07rem; height: 0.11rem;background: var(--background-contain);margin-left: 1.3em;}
a.all-btn-border{color: #e60012; }
a.all-btn-border:after{background-image: url(../images/arrows/next.svg);}
a.all-btn-full{color: #fff;background-color: #e60012;}
a.all-btn-full:after{background-image: url(../images/arrows/next-white.svg);}

.prod-details-tab{ margin-bottom: var(--padm40); --height:1rem; height: var(--height);}
.prod-details-tab .wrap{border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5; background-color: #fff;}
.prod-details-tab.fixed .wrap{position: fixed;left: 0;width: 100%;top: var(--header_height);z-index: 99;}
.prod-details-tab li{line-height: var(--height); font-size: 0.18rem; margin: 0 3em;position: relative;z-index: 1;cursor: pointer; transition: 0.3s;}
.prod-details-tab.fixed li{line-height: calc(var(--height) / 1.5);}
.prod-details-tab li.active,
.prod-details-tab li:hover{color: #e60012;}
.prod-details-tab li::before{position:absolute;content: '';height: 2px;background-color: #e60012;bottom: 0;left: 0;width: 0;transition: 0.3s;}
.prod-details-tab li.active:before,
.prod-details-tab li:hover:before{width: 100%;}
.prod-details-box{padding-bottom: var(--padm80);}
.prod-details-box .box{padding: var(--padm60) 0;}
.prod-details-box .sub-tit{font-size: var(--bigtitle_fs);color: #222;}
.prod-details-box .edit-info{line-height: calc(32 / 18); text-indent: 2em;}
.prod-details-box .pic img{border-radius: 0.1rem;}
.prod-details-box .swiper-recom{margin-top: var(--padm50);}
.prod-details-box .swiper-recom .swiper-slide{border-radius: 0.1rem;background-color: #f5f5f5;overflow: hidden;}
.prod-details-box .swiper-recom .pic{position: relative;padding-bottom: calc(307 / 460 * 100%);z-index: 4;}
.prod-details-box .swiper-recom .pic .full{display: flex;align-items: center;justify-content: center;}
.prod-details-box .swiper-recom .pic img{max-height: 65%; max-width: 70%;}
.prod-details-box .swiper-recom .tit{position: absolute;left: 0;bottom: 0;width: 100%;padding: var(--padm30);z-index: 20; font-size: 0.24rem;color: #222;}
.prod-details-box .swiper-recom a:hover  .tit{color: #fff;}
.prod-details-box .swiper-recom .bg-img{z-index: 1;background: var(--background-cover); opacity: 0; transition: 0.3s;}
.prod-details-box .swiper-recom .bg-img:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;background-color:  rgba(21, 67, 110, 0.8);}
.prod-details-box .swiper-recom a:hover .bg-img{opacity: 1;}
@media (min-width:1025px) {
.prod-details-box .box[class*=flex] .edit-info{width: calc(961 / var(--autoWidth) * 100%);}
}
@media(max-width:1024px){
    .prod-details-box .sub-tit{font-size: 0.24rem; margin-bottom: 1em;}
}
@media(max-width:480px){
    .prod-details-tab li{margin: 0 1em;}
}

.recom-pages{align-items: center;justify-content: center; margin-top: var(--padm50);}
.recom-pages:not(.swiper-pagination-lock){display: flex;}
.recom-pages span{width: 0.2rem;height:0.04rem;border-radius: 0.02rem; background: rgba(0,0,0,0.1); margin: 0 0.05rem;}
.recom-pages span.active{background-color: #e60012;}

.askPrice{padding-bottom: var(--padm120);font-size: 0.18rem;}
.askPrice .col-name{margin-bottom: var(--padm50);font-size: var(--bigtitle_fs);}
.askPrice .table .type{border-top: 1px solid rgba(0,0,0,0.08);border-bottom: 1px solid rgba(0,0,0,0.08); margin-bottom: 0.2rem; line-height: 0.6rem;}
.askPrice .box{background-color: #f8f8f8;padding: 0.2rem 0; margin-bottom: 0.2rem;border-radius: 0.1rem; } 
.askPrice .table li.pic-info{display: flex;align-items: center;}
.askPrice .table li .pic{width: 1.1rem;height: 1.1rem;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.askPrice .table li .pic img{max-height: 60%; max-width: 70%;}
.askPrice .table li .tit{flex: 1;margin-left: var(--padm30);}
.askPrice .table li .text{display: block;width: 100%;border: 0;background: #fff;border-radius: 0.04rem;padding: 0.2rem;}
.askPrice .del{color: #999999;display: inline-flex;align-items: center; cursor: pointer;}
.askPrice .del::before{display: block;content: '';width: 0.17rem;height: 0.18rem;background: url(../images/del.svg) var(--background-contain); margin-right: 0.08rem;}
.askPrice .del:hover{color: #e60012;}
.askPrice .del:hover:before{background-image: url(../images/del_hover.svg);}
.askPrice .form .inner{background-color: #f5f5f5;border-radius: 0.1rem; padding: var(--padm40) var(--padm50);}
.askPrice .form li{position: relative;z-index: 1;}
.askPrice .form li .err{color: #e60012;position: absolute; left: var(--padm20); top: 0;display: flex;align-items: center; line-height: 0.6rem;}
@media (min-width:481px) {
.askPrice .table ul{display: flex;align-items: center;}
.askPrice .table li:nth-child(1){width: calc(379 / var(--autoWidth) * 100%);padding-left: var(--padm50);}
.askPrice .table li:nth-child(2){width: calc(325 / var(--autoWidth) * 100%)}
.askPrice .table li:nth-child(3){flex: 1;}
.askPrice .table li:nth-child(4){width: calc(186 / var(--autoWidth) * 100%);text-align: center;}
}
@media(max-width:480px){
    .askPrice .table .type{display: none;}
    .askPrice .box{padding: var(--padm30);}
    .askPrice .table li:not(:last-child){margin-bottom: var(--padm20);}
    .askPrice .table li:last-child{display: flex;justify-content: flex-end;}
}

.checkbox-group{display: flex;align-items: center;flex-wrap: wrap;}
.checkbox-group label{position: relative;display: flex;align-items: center;}
.checkbox-group label input{position: absolute; left: 0;top: 0;opacity: 0;width: 0;height: 0;}
.checkbox-group i{border-radius: 0.05rem; border: solid 1px #ebebeb;background-color: #fff; margin-right: 0.1rem;display: block;width: 0.24rem;height: 0.24rem;} 
.checkbox-group label input[type="radio"] +i{border-radius: 50%;}
.checkbox-group label input:checked+i{background: #e60012 url(../images/checked.svg) no-repeat center center;background-size: auto 0.09rem; border-color: #e60012;}
.checkbox-group label:not(:last-child){margin-right: 0.36rem;} 
.checkbox-group label span{color: #666666;}
.checkbox-group label input:checked ~ span{color: #222;}

.search-result{padding-bottom: var(--padm100);}
.search-result .col-name{margin-bottom: var(--padm50);}
.search-result .list li{line-height: 3;  font-size: 0.18rem; background-color: #f5f5f5;border-radius: 0.05rem; padding: 0 0.2rem;}
.search-result .list li:not(:last-child){margin-bottom: 0.1rem;}
.search-result .list li time{float: right;color: #999; font-family: 'Poppins';}
.search-result .list li a{color: #222; padding-left: 0.2rem;background: url(../images/arrows/next.svg) no-repeat left center; background-size: 0.11rem auto;}
.search-result .list li a:hover{color: #e60012;}


.daoju .socail-circle .swiper .col-name{text-align:center;color: #333333;line-height: .36rem;}
.daoju .txt-area p{margin-bottom:0;text-indent:0;}
.daoju .txt-area ul{padding-left:1em;}
.daoju .txt-area ul li::marker{color: #e60012;}
.daoju .page_title{font-size: .3rem;color: #222222;font-weight:500;padding-left:.15rem;position:relative;}
.daoju .page_title::before{content:'';position:absolute;width:.04rem;height:.3rem;background-color: #e60012;top:50%;left:0;transform:translateY(-50%)}
.daoju .data .tip{font-size: .18rem;color: #e60012;}
.daoju .data .top_tit{margin-top:.8rem;}
.daoju .data .list{margin:.5rem 0 1rem;align-items:stretch}
.daoju .data .list .line{width:100%;height:.16rem;background-color: #e6e6e6;}

.daoju .data .info {position:relative;}
.daoju .data .info:after {width:100%;height:0.16rem;background-image: url(../images/arrow_bg.png);display:block;content:'';position:absolute;left:0; top:62%;}
.daoju .data .info .list {display:flex;justify-content:space-between;}
.daoju .data .info .list .item {display:flex;flex-direction:column; text-align:center;justify-content: space-between;}
.daoju .data .info .list .title {font-size:0.18rem; line-height:0.22rem; margin:0; padding:0 0.6em;}
.daoju .data .info .list .num {font-size:0.18rem; line-height:0.22rem;}
.daoju .data .info .list .box {margin: .2rem auto .1rem; border:1px solid #333;border-radius:.1rem;padding:.16rem 0.05rem;position:relative;font-size:.16rem;}
.daoju .data .info .list .box p{margin:0;padding:0;line-height: .22rem;color:#222;}
.daoju .data .info .list .btm {margin-top:1.35rem;position:relative;}
.daoju .data .info .list .top {margin-bottom:.7rem;position:relative;}
.daoju .data .info .list .top .pic img{max-width:1rem;height:1rem;object-fit:contain;margin-bottom:.1rem;}
.daoju .data .info .list .top .box:after{position:absolute;content:'';width: 0;height: 0;border-left: 0.06rem solid transparent;border-right: 0.06rem solid transparent;border-top: 0.06rem solid #000;top:100%;left:50%;transform:translateX(-50%);}
.daoju .data .info .list .top .box:before{position:absolute;content:'';width: 0;height: 0;border-left: 0.05rem solid transparent;border-right: 0.05rem solid transparent;border-top: 0.05rem solid #fff;top:100%;left:50%;transform:translateX(-50%);z-index:1;}
.daoju .data .info .list .btm .box:after{position:absolute;content:'';width: 0;height: 0;border-left: 0.06rem solid transparent;border-right: 0.06rem solid transparent;border-bottom: 0.06rem solid #000;bottom:100%;left:50%;transform:translateX(-50%); margin-bottom:-0.01rem;}
.daoju .data .info .list .btm .box:before{position:absolute;content:'';width: 0;height: 0;border-left: 0.05rem solid transparent;border-right: 0.05rem solid transparent;border-bottom: 0.05rem solid #fff;bottom:100%;left:50%;transform:translateX(-50%);z-index:1; margin-bottom:-0.01rem; }

.daoju .data .info .list .item:nth-child(even) .top:before{content:'';position:absolute;bottom: -0.43rem;left:50%;transform:translateX(-50%);width: .16rem;
height: .16rem;background-color: #e60012;border: solid .05rem #ffffff;border-radius:100%;z-index:1;}
.daoju .data .info .list .item:nth-child(even) .top:after{content:'';position:absolute;bottom:-.26rem;width:1px;height:.1rem;background-color:#e60012;z-index:1;
left:50%;transform:translateX(-50%)}


.daoju .data .info .list .item:nth-child(odd) .btm:after,
.daoju .data .info2 .list .item .btm:after{content:'';position:absolute;top: -0.43rem;left:50%;transform:translateX(-50%);width: .16rem;
height: .16rem;background-color: #e60012;border: solid .05rem #ffffff;border-radius:100%;z-index:1;}
.daoju .data .info .list .item:nth-child(odd) .btm:before,
.daoju .data .info2 .list .item .btm:before{content:'';position:absolute;top: -0.26rem;left:50%;transform:translateX(-50%);width: 1px;
height: .1rem;background-color: #e60012;z-index:1;}
.daoju .data .info2:after{top:0;}
.daoju .data .info2 .list .btm{margin-top: .44rem;}
.daoju .data .info2 .list{justify-content: space-around;}

.daoju .data .info3 .list .item{margin-right:.3rem;text-align:center;width:calc(33.333% - .3rem);margin-bottom:.3rem;}
.daoju .data .info3 .list .item p{margin:0;padding:0}
.daoju .data .info3 .list .item:nth-child(4n){margin-right:0;}
.daoju .data .info3 .list .item .i_title{font-size: .24rem;color: #222222;margin-bottom:.3rem;}
.daoju .data .info3 .list .item .box{border: solid 1px #eeeeee;border-radius: .1rem;padding:.3rem;height:76%}
.daoju .data .info3 .list .item .i_text{margin:.3rem auto 0;font-size: .18rem;color: #333333;line-height: .32rem;max-width:2.1rem;}

.daoju .technology{margin-bottom:.8rem;}
.daoju .technology .intro{margin: .78rem 0 .6rem;}
.daoju .technology .txt-area p{text-indent: 2em;}
.daoju .technology .table table {width: 100%;border-collapse: separate;border-radius: .1rem;}
.daoju .technology .table table,
.daoju .technology .table th,
.daoju .technology .table td{border: solid 1px #e5e5e5;text-align: center;font-size: .18rem;}
.daoju .technology .table th,
.daoju .technology .table td{padding: .23rem;}
.daoju .technology .table th:first-child {border-radius: 0.1rem 0 0 0;}
.daoju .technology .table th:last-child {border-radius: 0 0.1rem 0 0;}
.daoju .technology .table tr:last-child td:first-child {border-radius: 0 0 0 0.1rem;}
.daoju .technology .table tr:last-child td:last-child {border-radius: 0 0 0.1rem 0;}
.daoju .technology .table tr:nth-child(odd){background-color: #fafafa;}
.daoju .technology .table th{background-color:#fff}
.daoju .technology .table table img{margin:.1rem 0;}
.daoju .technology .table tr td:first-child{font-weight:bold;}


.daoju .technology .data .item{width:49%;background-color: #f7f7f7;border-radius: .1rem;padding:.55rem 0 .4rem;}
.daoju .technology .data .item:first-child{text-align:center;}

.daoju .technology .data .item .inner .i{width:100%;margin: .2rem 0 .2rem 0.6rem;font-size: .18rem;padding-left:.25rem;cursor: context-menu;position:relative;}
.daoju .technology .data .item .inner .i:after{
    width: 0;
    height: 0;
    border-top: 0.05rem solid transparent;
    border-bottom: 0.05rem solid transparent; 
    border-left: 0.1rem solid #e60012; 
    content:'';
    position:absolute;
    left:0;
    top:.1rem;
}
.technology .txt-area,
.project-details .edit-info{
    text-indent: 2em;
}

.daoju .core .page_title{margin:.7rem 0 .5rem;}
.daoju .core .wrap{margin-bottom:1.2rem;}
.daoju .core .wrap .item .i_title{text-align:center;font-size: .24rem;color: #222222;margin-bottom:.3rem;}
.daoju .core .wrap .item:first-child .inner{
    border: solid 1px #e5e5e5;
    border-radius: .1rem;
    padding:.6rem 0 .45rem;
}
.daoju .core .wrap .item:first-child .inner img{}
.daoju .core .wrap .item .inner .i_text{background-color: #f7f7f7;padding:.16rem .4rem;color: #e60012;font-size: .18rem;margin-top:.64rem;}
.daoju .core .wrap .custom-table {
  width: 100%;
  border-collapse: separate; 
  text-align: center;
  border-spacing: 0; 
  font-size:.16rem;
}
.daoju .core .wrap .custom-table th {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  padding:.24rem .32rem;
}

.daoju .core .wrap .custom-table td {
  border: 1px solid #e5e5e5;
  padding:.17rem .32rem;
}
.daoju .core .wrap .custom-table th:first-child {border-radius: 0.1rem 0 0 0;}
.daoju .core .wrap .custom-table th:last-child {border-radius: 0 0.1rem 0 0;}
.daoju .core .wrap .custom-table tr:first-child td {border-radius: 0 0 0 .1rem;}
.daoju .core .wrap .custom-table tr:last-child td:last-child {border-radius: 0 0 0.1rem 0;}
.daoju .case .wrap{margin-bottom:.8rem;}
    

.process-table {
      width: 100%;
      border-collapse: separate; 
      border-spacing: 0; 
      text-align: center;
      border-radius: 0.1rem; 
    }

    .process-table thead th {
      background-color: #f8f8f8;
      padding: 0.21rem;
      font-weight: bold;
      border: 1px solid #e5e5e5;
      border-bottom: none; 
    }

    .process-table td {
      padding: 0.21rem;
      border: 1px solid #e5e5e5;
      border-top: none; 
    }

    .process-table tbody tr:first-child td {
      border-top: 1px solid #e5e5e5;
    }

    .process-table tbody tr:nth-child(5){background-color: #f8f8f8;}
    
    .process-table thead th:first-child {
      border-radius: 0.1rem 0.1rem 0 0;
    }
    
    .process-table tbody tr:last-child td:first-child {
      border-radius: 0 0 0 0.1rem;
    }
    
    .process-table tbody tr:last-child td:last-child {
      border-radius: 0 0 0.1rem 0;
    }

    .daoju .case .wrap .item{width:49%}
    .daoju .case .wrap .item:first-child .inner{border:none;background-color: #f8f8f8;}
    .daoju .case .wrap .item:first-child .inner{text-align:center;}

    .daoju .case_list .list{margin:.5rem 0;align-items: stretch;}
    .daoju .case_list .list .data{background-color: #f8f8f8;border-radius: .1rem;padding-bottom:.4rem;}
    .daoju .case_list .list .data .pic{margin:.3rem .7rem;text-align:center;position:relative;}
    .daoju .case_list .list .data .pic:after {display:block; content:''; padding-bottom:57.895%;}
    .daoju .case_list .list .data .pic img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
    .daoju .case_list .list .data{margin: 0 .4rem .2rem 0;width:calc(25% - .3rem)}
    .daoju .case_list .list .data:nth-child(4n){margin-right:0;}
    .daoju .case_list .list .data p{margin:0;padding:0 0 0 .34rem;font-size:.16rem;line-height: .3rem;}
    .daoju .case_list .list .data .tit{color: #222222;font-size:.18rem;font-weight:bold;position:relative;margin-bottom:.1rem;}
    .daoju .case_list .list .data .tit:before{
    width: 0;
    height: 0;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent; 
    border-left: 0.1rem solid #e60012; 
    content:'';
    position:absolute;
    left:0;
    top:.05rem;
}

.daoju .case_list .wrap{margin-bottom:1.2rem;}
.daoju .case_list .wrap .item{width:49%;}
.daoju .case_list .wrap .item .i_title{text-align:center;font-size:.24rem;margin-bottom:.3rem}
.daoju .case_list .wrap .item .inner{border: solid 1px #e5e5e5;border-radius:.1rem;padding:.3rem;text-align:center}

.daoju .case_list .wrap .process-table td,
.daoju .case_list .wrap .process-table th{padding:.15rem 0;border:1px solid #e5e5e5}
.daoju .case_list .wrap .process-table{margin-top:.4rem;}
.daoju .case_list .wrap .process-table tbody tr:nth-child(5){background-color:#fff;}
.daoju .case_list .wrap .tet_bpx{text-align:left;padding: .63rem 0 1.75rem .31rem;}
.daoju .case_list .wrap .tet_bpx .tet{padding:0;margin:0;font-size: .18rem;color: #333333;line-height: .36rem;}

[class*=design-mechine-] .col-name{font-weight: bold;}
[class*=design-mechine-] .desc{font-weight: normal;text-align: center;margin-top:0.5rem;color: #002222; font-size: var(--title-fs24);}
.design-mechine-2 .item{background-color: #f8f8f8; border-radius: 0.1rem; overflow: hidden; padding: 0 0.3rem 0.3rem; }
[class*=design-mechine-] .name{display: flex;align-items: center; margin-bottom: 0.25rem;}
[class*=design-mechine-] .name span{display: block;padding: 0 0.26rem; line-height: 0.49rem;position: relative;background-color: #e60012;border-radius: 0 0 0.1rem 0;position: relative;color: #fff;font-weight: bold;}
[class*=design-mechine-] .name span:after,
[class*=design-mechine-] .name span:before{position: absolute; content: '';left: 0;right: 0; height: 0.1rem;top:100%;z-index: 2;}
[class*=design-mechine-] .name span:before{border-radius: 0.1rem 0 0 0; background-color: #f8f8f8;}
[class*=design-mechine-] .name span:after{background-color: #e60012;z-index: 1;}
.design-mechine-2{padding-bottom:1.2rem;}
.design-mechine-2  .name{margin-left: -0.3rem;}
.design-mechine-2 .item dd{position: relative;padding-left: 0.12rem; line-height: calc(30 / 18);}
.design-mechine-2 .item dd:before{position: absolute; content: ''; width: 0.04rem; height: 0.04rem;border-radius: 50%;left: 0;top: 0.7em;background-color: #e60012;}
.design-mechine-2 .item dl{margin-bottom: 0.24rem;}
.design-mechine-2 .item dl.rows{display: flex;flex-wrap: wrap;}
.design-mechine-2 .item dl.rows dd{width: 49%;}
.design-mechine-2 .item .img ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.design-mechine-2 .item .img  li{width: calc((100% - 0.06rem) / 2);}
.design-mechine-2 .item .img  li img{border-radius: 0.1rem;}
.design-mechine-2 .item-long .title{display: flex;justify-content: space-between; margin-bottom: 0.3rem;}
.design-mechine-2 .item-long .title .tit{font-weight: bold;font-size: .2rem;}
.design-mechine-2 .item-long .title .unit{color: #333333; opacity: 0.8; font-size: 0.16rem;}
.design-mechine-2 .chat{display: flex;justify-content: space-between;}
.design-mechine-2 .chat .zhu{width: calc((100% - 0.5rem) / 5); text-align: center;display: flex;flex-direction: column; justify-content: flex-end;align-items: center;}
.design-mechine-2 .chat .num{font-size: 0.16rem;}
.design-mechine-2 .chat .line{border-radius: 0.1rem 0.1rem 0 0;background-image: linear-gradient(to bottom, #f86974 0% ,#f5aab0 100%);display: block;width: 0.5rem;}
.design-mechine-2 .chat .zhu:nth-child(1) .line{height: 1rem;}
.design-mechine-2 .chat .zhu:nth-child(2) .line{height: 1.5rem;}
.design-mechine-2 .chat .zhu:nth-child(3) .line{height: 1.1rem;}
.design-mechine-2 .chat .zhu:nth-child(4) .line{height: 1.2rem;}
.design-mechine-2 .chat .zhu:nth-child(5) .line{height: 1.6rem;}
.design-mechine-2 .chat p{margin: 0.1rem 0 0 0;white-space: nowrap;}

.design-mechine-1{margin-bottom: 1rem;}
.design-mechine-1 .item-1 .name span{border-radius: 0.1rem 0;}
.design-mechine-1 .item-1 .name span:before{background-color: #fff;}
.design-mechine-1 .item-1 .item{border: solid 1px #e1e1e1;border-radius: 0.2rem; position: relative; padding-bottom: 0.3rem;}
.design-mechine-1 .item-1 dl{margin: 0 0.21rem;}
.design-mechine-1 .item-1 dd{position: relative;padding-left: 0.12rem; line-height: calc(30 / 18);}
.design-mechine-1 .item-1 dd:before{position: absolute; content: ''; width: 0.04rem; height: 0.04rem;border-radius: 50%;left: 0;top: 0.7em;background-color: #e60012;}
.design-mechine-1 .item-1 .img{padding-left: 0.21rem; margin-top: 0.1rem;}
.design-mechine-1 .item-2{margin: 0.3rem 0 0.6rem 0;}
.design-mechine-1 .item-2 p{color: #002222;margin: 0;display: flex;align-items: center;justify-content: center; height: 0.9rem;font-size: 0.24rem; font-weight: bold;background-color: #f6f6f6; width: calc(100% + 0.32rem); clip-path: polygon(0 0, calc(100% - 0.24rem) 0, 100% 50%,calc(100% - 0.24rem) 100%, 0 100%,0.24rem 50%);}
.design-mechine-1 .item-2 dd:nth-child(2n+1) p{background-color: #e6e6e6;}
.design-mechine-1 .item-3{background-color: #f6f6f6; border-radius: 0.1rem; padding: 0 0.45rem 0.4rem;}
.design-mechine-1 .item-3 .title{display: flex;justify-content: center; overflow: hidden; margin-bottom: 0.36rem;}
.design-mechine-1 .item-3 .title span{display: block;font-weight: bold;font-size: 0.24rem; padding: 0 0.32rem;position: relative;z-index: 1;background-color: #e60012;color: #fff; line-height: 0.58rem;}
.design-mechine-1 .item-3 .title span:after,
.design-mechine-1 .item-3 .title span:before{position: absolute; content: '';width: 0.3rem;height: 100%;top: 0; background: url(data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjI5MHB4IiBoZWlnaHQ9IjU4cHgiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjMwLCAwLCAxOCkiCiBkPSJNLTAuMDAwLC0wLjAwMSBMMjkwLjAwMCwtMC4wMDEgTDI3MC4wMDAsNDkuMjEyIEMyNjguNTMwLDU0LjAwMCAyNjUuNTIzLDU3Ljk5OSAyNjAuMDAwLDU3Ljk5OSBMMzAuMDAwLDU3Ljk5OSBDMjQuNDc3LDU3Ljk5OSAyMS43NjcsNTMuODY0IDIwLjAwMCw0OS4yMTIgTC0wLjAwMCwtMC4wMDEgWiIvPgo8L3N2Zz4=) no-repeat left bottom; background-size: auto 100%;}
.design-mechine-1 .item-3 .title span:before{right: 100%;}
.design-mechine-1 .item-3 .title span:after{left: 100%;background-position: right bottom;}
.design-mechine-1 .item-3 + .item-3{margin-top: 0.6rem;}
.design-mechine-1 .item-3 .img{height: 1.9rem;display: flex;align-items: center;justify-content: center;}
.design-mechine-1 .item-3 .img img{mix-blend-mode: multiply; max-height: 80%; max-width: 90%;}
.design-mechine-1 .item-3 p{margin: 0;text-align: center;}
.design-mechine-1 .item-3 dt ul{display: flex;justify-content: space-between;}
@media (min-width:481px) {
    [class*=design-mechine-] .col-name{ margin-bottom: 0.5rem;}
.design-mechine-2 .item{width: calc((100% - 0.2rem * 2) / 3);}
.design-mechine-2 .items-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.design-mechine-2 .item-long{width: calc(100% - 0.1rem - (100% - 0.2rem * 2) / 3);}
.design-mechine-2 .item:nth-child(3) ~ .item{margin-top: 0.22rem;}
.design-mechine-2 .item-long{display: flex;justify-content: space-between;}
.design-mechine-2 .item-long .left{width: calc(360 / 903 * 100%);}
.design-mechine-2 .item-long .right{width: calc(398 / 903 * 100%); padding-top: 0.4rem; margin-right: 0.58rem;}
.design-mechine-1 .item-3 dl{display: flex;justify-content: space-between;}
.design-mechine-1 .item-3 dt li:not(:last-child){margin-right: 0.4rem;}
.design-mechine-1 .item-1,
.design-mechine-1 .item-2 dl{display: flex;justify-content: space-between;}
.design-mechine-1 .item-2 dd,
.design-mechine-1 .item-1 .item{width: calc((100% - 0.24rem * 5) / 6);}
.design-mechine-1 .item-1 .item:after{position: absolute; content: '';width: 0.1rem;height: 0.1rem;background-color: #fff; left: 50%;margin-left: -0.05rem; bottom: -0.05rem;border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; transform: rotate(45deg);}
}
@media (max-width:480px) {
    .design-mechine-2 .item:not(:last-child){margin-bottom: 0.2rem;}
    .design-mechine-1 .jiantou img{transform: rotate(90deg);}
    .design-mechine-1 .jiantou .img{height: 1rem;}
    .design-mechine-1 .item-3{padding: 0 0.2rem 0.2rem;}
    .design-mechine-1 .item-2{display: none;}
    .design-mechine-1 .item-1{display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom: 0.5rem;}
    .design-mechine-1 .item-1 .item{width: 49%;}
    .design-mechine-1 .item-1 .item:nth-child(2) ~ .item{margin-top: 0.2rem;}
}


/*地图*/
#app{
    background-position: center;
    background-size: cover;
    width: fit-content;
    position: absolute;
    right: -12vh;
    bottom: -18vh;
    z-index: 999;
    pointer-events: none; 
    transform: scale(1.3);
    z-index: 1;
} 
#app canvas{
    border-radius: 50%;
}
*{padding:0;margin:0}
.canvas-container{width:100vh;height:100vh;background-color:transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.canvas-container:before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: var(--box-width);
    height: var(--box-height);
    background-image: url(https://gsgwsj202506045279.test.shwhir.com/upload/image/2025-08/1756374392069.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 108%;
    pointer-events: none;
}
.labels{pointer-events:none}
.label{left:0;top:0;transition:opacity .6s;cursor:pointer;z-index:unset!important}
.label .icon{width:8px;height:8px;background:#4e81c7;border-radius:50%;position:relative;z-index:5;display:block}
.label .icon:before,.label .icon:after{content:"";position:absolute;width:30px;height:30px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;opacity:.2;border-radius:50%;

    border: 1px solid #4e81c7;
    background-color: #4e81c7;
}
.label .icon:before{animation:ico 3s infinite}
.label .icon:after{animation:ico 3s infinite;animation-delay:1.5s}
@keyframes ico{0%{transform:scale(0);opacity:.4}
to{transform:scale(1);opacity:.2}
}
.label .labelContent{position:absolute;left:0;top:0;z-index:10;background:#fff;padding:0 10px;border-radius:5px;white-space:nowrap;transition:.3s;max-height:0;overflow:hidden;color:#333;font-size:14px;
    opacity: 0;
    max-height:100px;padding:10px
}

@media (max-width: 640px) {
    #app {
        right: -37vh;
        bottom: -35vh;
    }
}
.singelpage .title {text-align:center;color: #e60012; font-size:0.3rem; line-height:1.5em; margin-bottom:2em;}
.singelpage .entry {line-height:2em; font-size:0.16rem;}
.singelpage .entry table {table-layout:fixed; width:100%;}

/*sitemap*/
#sitemap {font-size:0.18rem;}
#sitemap .item{border-bottom:dotted 0.01rem #ddd;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0.625em 0;}
#sitemap .name{font-size:0.875em;line-height:2em;}
#sitemap ul{width:calc(100% - 5.625em); margin:0;}
#sitemap li{font-size:0.875em;line-height:2em;position:relative;padding:0 0.42857143em;list-style:none;}
#sitemap li:after{width:1px;height:1em;background-color:#666;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#sitemap li:last-child:after{display:none;}