/*  */
@import url("fonts/custom.css"); /* 字体 */

/* 头部 */
header{ position:fixed; left: 0; top:0; width:100%; z-index:999; transition: .3s; border-bottom:solid 1px transparent;}
header .logo{ padding:.15rem 0;}
header .logo img{ max-width:2.06rem; display:block;}
header .top-lxwm{ margin-left:.4rem;}
header .top-lxwm a{ color:var(--white-color); background-color:#de2013; font-size:var(--font-size18); padding:.13rem .35rem; border-radius:1rem;}
header .top-search{ margin-left:.4rem; cursor:pointer;}
header .top-search .icon-pull{ display:block; width:.35rem; height:.35rem; background-image:url(../images/search.png); background-repeat:no-repeat; background-position:center; background-size:.21rem;}
header .top-search .search-box{ position: absolute; top:110%; right:0; visibility: hidden; opacity:0; transition:.3s;}
header .top-search .search-box .search-con{ width:3rem; background-color:var(--white-color); border:solid 1px rgba(var(--black-color__rgb),0.15); border-radius:.05rem;}
header .top-search .search-box input{ font-size:var(--font-size16); width:calc(100% - 0.35rem); border:none; padding:.1rem 1em; margin:0; background:transparent;}
header .top-search .search-box .icon-but{ width:.35rem; background-image:url(../images/search.png); background-repeat:no-repeat; background-position:center; background-size:.21rem; cursor:pointer;}
header .top-search:hover .search-box{ top:100%; opacity:1; visibility:visible;}
header .top-lang{ font-size:var(--font-size18);}
header .line-top::after{ margin:0 .15rem; content:''; display:block; width:1px; height:1em; background-color:rgba(var(--black-color__rgb),0.4);}
header .top-lang .lang-txt{ cursor:pointer;}
header .top-lang .lang-txt::before{ margin-right:.05rem; content:''; display:block; width:.35rem; height: .35rem; background-image: url(../images/lang.svg);background-repeat:no-repeat; background-position:center; background-size:.23rem; cursor:pointer;}
header .top-lang dl{ position:absolute; top:110%; left:50%; visibility: hidden; opacity:0; transition:.3s; min-width:100%; width:max-content; background-color:var(--white-color); border:solid 1px rgba(0,0,0,0.15); text-align:center; padding:.1rem 0; transform:translateX(-50%); border-radius:.05rem; }
header .top-lang dl dd{ margin-bottom:0.05rem;}
header .top-lang dl dd:last-child{ margin-bottom:0;}
header .top-lang:hover dl{ top:100%; opacity:1; visibility:visible;}
header .web-menu{ display:none;}
header:hover{ background-color:var(--white-color); border-color:rgba(0,0,0,0.1);}
header.back-white{ background:rgba(255,255,255,0.6);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}


/* 导航下拉 */
header .menu-top{ font-size:var(--font-size18);}
header .menu-top ul{ height:100%;}
header .menu-top li{ margin:0 .25rem;}
header .menu-top li>span{height:100%; display:-webkit-flex; display:flex; justify-content:center; text-transform:uppercase; position:relative;}
header .menu-top li>span a{padding:.15rem 0; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
header .menu-top li>span::after{ content:""; width:100%; height:.02rem; background-color:transparent; display:block; position:absolute; bottom:0; left:0; opacity:0; transition:.3s;}
header .menu-top li.active>span a,
header .menu-top li:hover>span>a{ color:var(--hover-color);}
header .menu-top li:hover>span::after{ background-color:var(--hover-color); opacity:1;}
header .sub-box{ position:absolute; left:0; top:100%; width:100%; background-color:var(--white-color); border-top:solid 1px #f0f0f0; display:none; box-shadow:0 .05rem .05rem rgba(0,0,0,0.05);}
header .sub-box .let-box{ width:23.256%;}
header .sub-box .let-box dl{ padding:.3rem 0; padding-right:.4rem;}
header .sub-box .let-box dt:not(:first-child){ margin-top:.05rem;}
header .sub-box .let-box dt a{ padding:.1rem 0; width:100%; display:block; background-image:url(../images/arrow.svg); background-size:0.07rem; background-repeat:no-repeat; background-position:right .9em; padding-right:.2rem; word-break: break-all; transition:.3s;}
header .sub-box .let-box dt.hover a,
header .sub-box .let-box dt a:hover{ background-image:url(../images/arrow-on.svg); background-size:0.07rem; background-repeat:no-repeat; background-position:right 0.9em; color:var(--hover-color);}
header .sub-box .rig-box{ border-left:solid 1px #f0f0f0; width:76.7%; padding:.4rem 0; padding-left:.6rem;}
header .sub-box .rig-box dl{ width:100%; gap:4.125%;}
header .sub-box .rig-box dd{ font-size:var(--font-size20); font-weight:var(--font-weight__b); width:16.691%; margin-bottom:1.5%;}
header .sub-box .rig-box dd .tit{ transition:.3s; text-align:center;}
header .sub-box .rig-box dd .pic{ margin-bottom:.1rem;}
header .sub-box .rig-box dd .figure{ padding-bottom:66.667%;}
header .sub-box .rig-box dd a:hover .figure img{ transform:scale(1.05);}
header .sub-box .rig-box dd:nth-child(5n){ margin-right:0;}
header .sub-box .rig-box .lev-tow{ display:none;}

header .sub-box .introd-txt{ width:35%; padding:.4rem 0; padding-left:1.4rem;}
header .sub-box .introd-txt .tit-big{ padding:.15rem 0; font-size:var(--font-size30); color:#222222; font-weight:var(--font-weight__b);}
header .sub-box .introd-txt .desc{ line-height:1.8; font-size:var(--font-size18); color:#555555; padding-right:1rem;}
header .sub-box .lanm-list{ width:65%; max-height:90vh; overflow: auto; padding:.4rem 0; padding-right:1.4rem;}
header .sub-box .lanm-list dl{ width:100%; gap:.2rem 4.125%;}
header .sub-box .lanm-list dt{ width:30.55%; font-size:var(--font-size20); font-weight:var(--font-weight__b);}
header .sub-box .lanm-list dt .pic{ margin-bottom:.1rem;}
header .sub-box .lanm-list dt .figure{ padding-bottom:66.667%;}
header .sub-box .lanm-list dt .tit{ transition:.3s;}
header .sub-box .lanm-list dt a:hover .figure img{ transform:scale(1.05);}

header .menu-top li#nav5 .sub-box .rig-box dl{ gap:3.48%;}
header .menu-top li#nav5 .sub-box .rig-box dd{ width:31%;}

@media(min-width:1025px){
header .sub-box .let-box dl dt>dl{ display:none!important;}
}
@media(max-width:1024px){
header .logo img{ max-width:1.8rem;}
header .top-lxwm{ margin-left:0;}
header .top-lxwm a{ padding:0.1rem 0.35rem;}
header .top-search{ margin-left:.2rem;}
header .menu-top{ position:fixed; top:0.87rem; right:-45%; width:40%; height:calc(100% - 0.87rem); overflow:auto; background:var(--white-color); box-shadow:-0.05rem 0.1rem 0.1rem rgba(0,0,0,0.1); transition:.3s;}
header .menu-top ul{ height:100%; align-items:flex-start; align-content:flex-start; padding:.2rem;}
header .menu-top li{ width:100%; margin:0; position:relative; border-bottom:solid 1px #f0f0f0; }
header .menu-top li>span{justify-content:flex-start; height:auto;}
header .menu-top li:hover>span>a{ color:#000;}
header .menu-top li>span::after{display:none;}
header .menu-top li>span a{ padding:.15rem 0;}

header .sub-box{ display:block; position: relative; visibility:visible; opacity:1; top:0; transition:none; display:none;}
header .sub-box .autoCon-1720{ margin:0; max-width:100%; width:100%;}
header .sub-box .let-box{ width:100%; padding-right:0;}
header .sub-box .let-box dl{ padding:.1rem 1em; padding-right:0;}
header .sub-box .let-box dl dt>dl{ display:none;}
header .sub-box .let-box dt span{ display:block; padding:0;}
header .sub-box .let-box dt a{ background-image:none!important;}
header .sub-box .let-box dt.hover a{ color:#000;}
header .sub-box .let-box dt dl dt{ margin-top:0;}
header .sub-box .let-box dt dl dt a{ padding:0.08rem;}
header .sub-box .let-box dt a:hover{ color:var(--hover-color);}
header .sub-box .rig-box{ display:none!important;}
header .sub-box .introd-txt{ display:none!important;}
header .sub-box .lanm-list{ padding:.1rem 0; width:100%; padding-right:0;}
header .sub-box .lanm-list dl{ padding-left:1em;}
header .sub-box .lanm-list dt{ width:100%; font-weight:var(--font-weight__r); font-size:var(--font-size18);}
header .sub-box .lanm-list dt a{ padding:.1rem 0; display:block;}
header .sub-box .lanm-list dt .pic{ display:none;}
header .menu-top li:hover .sub-box{ top:0;}
header .web-menu{ margin-left:.2rem; display:-webkit-flex; display:flex; align-items:center;}

.menu-show header .menu-top{ right:0;}
}


@media(max-width:640px){
header .logo img{ max-width:1.5rem;}
header .top-search{ margin-left:.1rem;}
header .top-lxwm a{ padding:.06rem .1rem; font-size:var(--font-size14);}
header .line-top::after{ margin:0 0.05rem;}
header .web-menu{ margin-left:.1rem;}
header .menu-top{ width:60%; right:-65%; top:0.77rem; height:calc(100vh - 0.77rem);}
header .sub-box .let-box dl{ padding-left:.05rem;}
}




/* 底部 */
footer{ background-color:#081926;}
footer .footer-one{ padding:1rem 0 0.8rem; color:var(--white-color);}
footer .let-des{ width:3rem;}
footer .let-des .logo{ width:2.3rem; margin-bottom:.4rem;}
footer .let-des .logo a img{ display:block;}
footer .share-box .name-tit{ margin-bottom:.15rem; font-size:var(--font-size18);}
footer .share-box li{ margin-right:.1rem; position:relative;}
footer .share-box li:last-child{ margin-right:0;}
footer .share-box li .icon{ width:.5rem; height:.5rem; border-radius:1rem; border:solid 1px rgba(255,255,255,0.2); transition: .3s;}
footer .share-box li .icon img{ width:100%; height:100%; object-fit:contain; transition: .3s;}
footer .share-box li .icon .oiu{ opacity:0;}
footer .share-box li .icon .ier{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.6;}
footer .share-box li .qr-code{ position:absolute; left:50%; top:110%; transform:translateX(-50%); padding-top:.12rem; transition:.3s; opacity:0; visibility: hidden;}
footer .share-box li .qr-code::before{ position:absolute; left:50%; top:.07rem; content:'';display:block; width:.13rem; height:.06rem; background-image:url(../images/arrow-top.png); background-size:.13rem; background-repeat:no-repeat; background-position:center; z-index:3; margin-left:-0.065rem;}
footer .share-box li .qr-code .img-tu{ width:1.21rem; height:1.21rem;}
footer .share-box li:hover .icon{ background-color:var(--white-color); border-color:var(--white-color);}
footer .share-box li:hover .icon .oiu{ opacity:1;}
footer .share-box li:hover .icon .ier{ opacity:0;}
footer .share-box li:hover .qr-code{ top:100%; visibility: visible; opacity:1;}
footer .footer-two{ padding:.3rem 0; color:var(--white-color); border-top:solid 1px rgba(255,255,255,0.25); font-size:var(--font-size14);}
footer .footer-two .copyright{ opacity:0.6;}
footer .footer-two .link{ gap:.3rem;}
footer .footer-two .link a{ opacity:0.6; transition: .3s;}
footer .footer-two .link a:hover{ color:var(--white-color); opacity:1;}

footer .nav-footer{ max-width:calc(100% - 3rem);  gap:.7rem; line-height:2;}
footer .nav-footer dl ol{column-count:2; gap:.25rem; padding:0;}
footer .nav-footer dl dt{ margin-bottom:.2rem; font-size:var(--font-size18);}
footer .nav-footer dl dd{ margin-bottom:.1rem;}
footer .nav-footer dl dd a{ color:var(--white-color); opacity:0.6; transition:.3s;}
footer .nav-footer dl dd a:hover{ opacity:1;}
footer .nav-footer .ready-box{ width:3.65rem;}
footer .nav-footer .ready-txt .yx{ line-height:1.3; font-size:var(--font-size24); color:var(--hover-color); margin-bottom:.1rem;}
footer .nav-footer .ready-txt .yx span{ display:block; border-bottom:solid 1px var(--hover-color);}
footer .nav-footer .ready-txt .desc{ opacity:0.6;}
footer .nav-footer .ready-txt .desc p{ margin:0;}

@media(max-width:1024px){
footer .footer-one{ padding:.5rem 0 .3rem;}
footer .footer-two{ font-size:var(--font-size13);}
footer .footer-two .link{ gap:.1rem;}
footer .let-des{ width:100%; margin-bottom:.35rem;}
footer .nav-footer{ gap:.2rem; max-width:100%; width:100%;}
footer .nav-footer dl{ display:none;}
footer .nav-footer dl ol{ gap:.1rem;}
footer .nav-footer .ready-box{ display:block; width:100%;}
}
@media(max-width:1024px){
footer .let-des .logo{ width:100%; display:-webkit-flex; display:flex; justify-content:center;}
footer .let-des .logo img{ width:2.3rem;}
footer .share-box .name-tit{ text-align:center;}
footer .share-box .ul{ justify-content:center;}
footer .footer-two{ text-align:center;}
footer .footer-two .link{ justify-content:center; width:100%;}
}



/* 当前位置 */
.location-box{ position:absolute; left:0; bottom:0; width:100%; z-index:5; padding:.3rem 0;  color:var(--white-color); color:rgba(255,255,255,0.6);}
.location-box a{ color:rgba(255,255,255,0.6); transition:all .3s;}
.location-box i{ padding:0 0.5em; font-style:normal;}
.location-box a:hover{ color:var(--white-color);}



/* 首页banner */
.index-ban .item-ban .text{ position:absolute; left:0; top:0; width:100%; height:100%; font-weight:var(--font-weight__b);}
.index-ban .item-ban .text .center{ max-width:40%;}
.index-ban .item-ban .text .red{ color:var(--hover-color);}
.index-ban .item-ban .text .tit-small{ font-size:var(--font-size26);}
.index-ban .item-ban .text .tit-big{ margin:.3rem 0; font-size:1.02rem; line-height:1;}
.index-ban .item-ban .text .desc{ line-height:1.8; font-size:var(--font-size18); color:#888888;}
.index-ban .item-ban .pic img{display:block; height:100vh; width:100%; object-fit:cover;}
.index-ban .swiper-pagination{ bottom:.9rem; text-align:left; font-size:0;}
.index-ban .swiper-pagination .swiper-pagination-bullet{ width:.14rem; height:.14rem; border:solid 1px rgba(0,0,0,0.4); border-radius:0.02rem; background-color:transparent; opacity:1;}
.index-ban .swiper-pagination .swiper-pagination-bullet-active{ background-color:var(--hover-color); border-color:var(--hover-color);}


.dis_pc{
    display: block;
}
.dis_mb{
    display: none;
}
@media(max-width:768px){
    .dis_pc{
        display: none;
    }
    .dis_mb{
        display: block;
    }
}



@media(max-width:1440px){
.index-ban .item-ban .text .tit-big{ font-size:var(--font-size80);}
}
@media(max-width:1024px){
.index-ban .item-ban .pic img{ height:70vh;}
.index-ban .item-ban .text .center{ max-width:55%; width:100%;}
.index-ban .item-ban .text .tit-small{ font-size:var(--font-size18);}
.index-ban .item-ban .text .tit-big{ margin:.15rem 0; font-size:var(--font-size60);}
.index-ban .item-ban .text .desc{ font-weight:var(--font-weight__r);}
.index-ban .swiper-pagination{ bottom:.5rem;}
}

@media(max-width:640px){
.index-ban .swiper-slide{ height:auto;}
.index-ban .item-ban{ position:relative; height:100%;}
.index-ban .item-ban .pic figure{ width:100%; height: 100%; position: relative; padding-bottom:93%;}
.index-ban .item-ban .pic img{ position:absolute; left:0; top:0; object-fit:cover; width:100%; height:100%;}
.index-ban .item-ban .text{ width:60%;}
.index-ban .item-ban .text .center{ max-width:100%;}
.index-ban .item-ban .text .tit-big{ margin:.1rem 0; font-size:var(--font-size30); line-height:1.2;}
}


/* 首页 */
.index-tit{line-height:1.2; font-size:var(--font-size60); font-weight:var(--font-weight__b);}
.index-tit .red{ color:var(--hover-color);}

.index-about-bg{ background-image:url(../images/years-bg.png); background-repeat:no-repeat; background-position:bottom center; background-size:contain;}
.index-about{ padding-top:.8rem;}
.index-about .text-introd{ margin-bottom:.35rem;}
.index-about .text-introd .index-tit{width:50%; padding-right:.35rem; }
.index-about .text-introd .text-desc{ line-height:1.8; width:50%; padding-left:.5rem; font-size:var(--font-size18); color:#555555;}
.index-about .text-introd .text-desc p{margin:0;}
.index-about .text-introd .more{ margin-top:.1rem;}
.index-about .text-introd .more .but{ font-size:var(--font-size18); color:var(--hover-color);}
.index-about .text-introd .more .but::after{ content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/arrow-on.svg); background-repeat:no-repeat; background-position:center; background-size:.07rem;}
.index-about .list-num{ width:50%; padding-right:.35rem;}
.index-about .list-num .num-item{ padding:.2rem 0; border-bottom:solid 1px rgba(0,0,0,0.1); color:#555555; color:var(--hover-color);}
.index-about .list-num .num-item .num,
.index-about .list-num .num-item .iuy{ font-size:var(--font-size40); font-weight:var(--font-weight__b);}
.index-about .list-num .num-item .num-tit{ color:#555555; font-size:var(--font-size18);}
.index-about .list-num .num-item .num{ position: relative;}
.index-about .list-num .num-item sub{ font-size:var(--font-size18); padding-left:1em; line-height:2.5;}
.index-about .video-shell{ width:50%; padding-left:.5rem;}
.index-about .video-shell .figure{ padding-bottom:56.915%;}
.index-about .video-shell .paly{ position:absolute; left:50%; top:50%; width:.6rem; height:.6rem; border:solid 1px #ccc; border-radius:100%; transform:translate(-50%,-50%); background-image:url(../images/play.svg); background-repeat:no-repeat; background-position:center; z-index:5; cursor:pointer;}

.index-products-bg{ background-image:url(../images/index-pro-bg.png); background-repeat:no-repeat; background-position:bottom center; background-size:cover;}
.index-products-bg .autoCon-1720{ height:100%;}
.index-products{ width:100%;}
.index-products .one-text{ margin-bottom:.5rem;}
.index-products .one-text .red{ color:var(--hover-color);}
.index-products .switch-box{ position:absolute; right:0; top:42%; width:3.4rem; height:4.3rem; transform:translateY(-50%); z-index:10;}
.index-products .switch-box .swiper{ height:100%;}
.index-products .switch-box .item{ height:100%;}
.index-products .switch-box .item .center{ padding:.05rem; border-radius:1rem; cursor:pointer; background-color:var(--white-color);}
.index-products .switch-box .item .icon-pic{ width:1.1rem; height:1.1rem; padding:.2rem; border-radius:1rem; background-color:#f0f0f0;}
.index-products .switch-box .item .figure{ padding-bottom:100%;}
.index-products .switch-box .item .figure img{ width:100%; object-fit:contain;}
.index-products .switch-box .item .tit{ width:calc(100% - 1.1rem); padding-left:1em; font-size:var(--font-size18); color:#000022;}
.index-products .switch-box .item .web-content{ display:none;}
.index-products .switch-box .swiper-slide-active .item .center{ background-color:var(--hover-color);}
.index-products .switch-box .swiper-slide-active .item .tit{ color:var(--white-color);}
.index-products .item-tab{ display:none;}
.index-products .center-box .text-oit{ margin-right:.2rem; width:30%;}
.index-products .center-box .tit-big{ font-size:var(--font-size32); color:#000; font-weight:var(--font-weight__b);}
.index-products .center-box .desc{ line-height:2; max-width:4.5rem;  margin:.15rem 0; color:#555555;}
.index-products .center-box .pic{ width:60%;}
.index-products .center-box .pic img{ max-width:63.9%;}
.index-products .center-box .more{ margin-top:.4rem;}
.index-products .center-box .more .but{ padding:.15rem .3rem; font-size:var(--font-size18); color:var(--hover-color); border:solid 1px var(--hover-color); border-radius:1rem; transition:.3s;}
.index-products .center-box .more .but::after{ content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/arrow-on.svg); background-repeat:no-repeat; background-position:center; background-size:.07rem;}
.index-products .center-box .more .but:hover{ background:var(--hover-color); color:var(--white-color);}
.index-products .center-box .more .but:hover::after{ background-image:url(../images/arrow-white.svg);}
.index-products .center-box .pic .figure {
    padding-bottom: 57%;
    position: relative;
}

.index-products .center-box .pic .figure img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    max-height: 95%;
}


.index-products .aniu-box .swiper-but{ position:relative; margin:0; top:auto; left:auto; right:auto; width:.65rem; height:.65rem; border:solid 1px var(--hover-color); border-radius:1rem; transition:.3s;}
.index-products .aniu-box .swiper-but::after{ font-size:var(--font-size16); color:var(--hover-color);}
.index-products .aniu-box .swiper-but:hover{ background:var(--hover-color);}
.index-products .aniu-box .swiper-but:hover::after{ color:var(--white-color);}
.index-products .aniu-box .swiper-button-prev{ margin-right:.2rem;}

.index-solution .center{ width:100%;}
.index-solution .autoCon-1720{ height:100%;}
.index-solution .text-introd{ margin-bottom:.5rem;}
.index-solution .text-introd .index-tit{width:50%; padding-right:.35rem; }
.index-solution .text-introd .text-desc{ line-height:1.8; width:50%; padding-left:.5rem; font-size:var(--font-size18); color:#555555;}
.index-solution .text-introd .text-desc p{margin:0;}
.index-solution .text-introd .more{ margin-top:.3rem;}
.index-solution .text-introd .more .but{ padding:.15rem .3rem; font-size:var(--font-size18); color:var(--hover-color); border:solid 1px var(--hover-color); border-radius:1rem; transition:.3s;}
.index-solution .text-introd .more .but::after{ content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/arrow-on.svg); background-repeat:no-repeat; background-position:center; background-size:.07rem;}
.index-solution .text-introd .more .but:hover{ background:var(--hover-color); color:var(--white-color);}
.index-solution .text-introd .more .but:hover::after{ background-image:url(../images/arrow-white.svg);}
.index-solution .list-louver{ gap:.07rem;}
.index-solution .list-louver .item{ width:14%; transition:.3s;}
.index-solution .list-louver .item::after{position:absolute;left:0;bottom:0;content:'';display:block;width:100%;height:40%; visibility:hidden;opacity:0; transition:.3s;}
.index-solution .list-louver .item .tit-box{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; font-size:var(--font-size24); color:var(--white-color); text-align:center; padding:.2rem;}
.index-solution .list-louver .item .figure{ padding-bottom:5.5rem;}
.index-solution .list-louver .item.active{ width:56.7%;}
.index-solution .list-louver .item.active .tit-box{ align-items:flex-end; padding:.45rem .3rem; justify-content:flex-start;}
.index-solution .list-louver .item.active::after{ visibility:visible; opacity:1; background-image:linear-gradient(to top,rgba(222,32,19,0.38),transparent); z-index:2;}

.index-news .introd-txt{ margin-bottom:-.8rem;}
.index-news .introd-txt .index-desc{ margin-top:.2rem; max-width:5rem; font-size:var(--font-size20); color:#555555;}
.index-news .switch-box{ width:100%; margin-bottom:-.8rem;}
.index-news .switch-box .swiper{ padding-top:1.2rem; width:100%;}
.index-news .switch-box .item .tit{margin:.2rem 0;line-height:1.5;font-size:var(--font-size20);color:#222222;font-weight:var(--font-weight__b); transition:.3s;}
.index-news .switch-box .item .desc{line-height:1.8;  color:#555555;}
.index-news .switch-box .item .tiem{position:absolute; left:.2rem; bottom:.2rem; z-index:5; background-color:var(--white-color); color:#000; padding:.05rem .2rem; border-radius:1rem;}
.index-news .switch-box .item .figure{ padding-bottom:66.6667%;}
.index-news .switch-box .item .figure img{ transition:.3s;}
.index-news .switch-box .item a:hover .figure img{ transform: scale(1.05);}
.index-news .switch-box .item a:hover .tit{ color:var(--hover-color);}
.index-news .switch-box .swiper-slide .item{ transition:0.5s;}
.index-news .switch-box .my-slide-visible .item{ transform:translateY(-1.2rem);}
.index-news .switch-box .my-slide-visible.swiper-slide-next .item{ transform:translateY(-0.6rem);}
.index-news .switch-box .swiper-slide-active .item{ transform:translateY(0);}
.index-news .switch-btn{ position:absolute; left:0; bottom:0; right:0;}
.index-news .switch-btn .swiper-but{position:relative; margin:0; top:auto; left:auto; right:auto; width:.65rem; height:.65rem; border:solid 1px var(--hover-color); background-color:var(--white-color); border-radius:1rem; transition:.3s;}
.index-news .switch-btn .swiper-but::after{ font-size:var(--font-size16); color:var(--hover-color);}
.index-news .switch-btn .swiper-but:hover{ background:var(--hover-color);}
.index-news .switch-btn .swiper-but:hover::after{ color:var(--white-color);}
.index-news .switch-btn .swiper-button-prev{ margin-right:.2rem;}

.index-esg .introd-txt{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
.index-esg .introd-txt .index-tit{ width:50%;}
.index-esg .introd-txt .index-tit{ width:50%;}
.index-esg .introd-txt .text-desc{ line-height:1.8; width:50%; padding-left:.5rem;  color:var(--white-color);}
.index-esg .introd-txt .text-desc p{margin:0;}
.index-esg .introd-txt .more{ margin-top:.3rem;}
.index-esg .introd-txt .more .but{ padding:.15rem .3rem; font-size:var(--font-size18); border:solid 1px var(--hover-color); border-radius:1rem; background:var(--hover-color); color:var(--white-color);}
.index-esg .introd-txt .more .but::after{ content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; background-size:.07rem;}
.index-esg .bg-img .figure{ padding-bottom:24.271%;}

@media screen and (max-width:1440px) {
.index-tit{ font-size:var(--font-size50);}

.index-about .text-introd{ margin-bottom:.2rem;}
.index-about .list-num .num-item{ padding:.15rem 0;}
.index-about .video-shell .figure{ padding-bottom:50%;}

.index-products-bg .autoCon-1720{ align-items:center;}
.index-products .one-text{ margin-bottom:.3rem;}
.index-products .center-box .pic{ width:50%;}
.index-products .center-box .text-oit{ width:35%;}
.index-products .switch-box{ height:3.2rem;}
.index-products .switch-box .item .icon-pic{ width:.8rem; height:.8rem;}

.index-solution .list-louver .item .figure{ padding-bottom:4rem;}
.index-solution .text-introd .more{ margin-top:.2rem;}
.index-solution .text-introd .more .but{ padding:.1rem .2rem;}
.index-solution .list-louver .item{ width:16%;}
.index-solution .list-louver .item.active{ width:47.7%;}

.index-news .introd-txt{ margin-bottom:-1rem;}

.index-esg .introd-txt .more .but{ padding:.1rem .2rem;}
}

@media screen and (max-width:1024px) {
.fp-tableCell,
.fp-section.fp-table,
.fp-slide.fp-table{
 height: auto !important;
}
.index-tit{ font-size:var(--font-size40);}

.index-about .video-shell .figure{ padding-bottom:57%;}

.index-products-bg .autoCon-1720{ height:auto;}
.index-products{ padding:.5rem 0;}
.index-products .center-box .tit-big{ font-size:var(--font-size24);}
.index-products .center-box .more{ margin-top:.2rem;}
.index-products .switch-box{ width:2.4rem; height:2.4rem;}
.index-products .switch-box .item .tit{ width:calc(100% - .7rem); font-size:var(--font-size14);}
.index-products .switch-box .item .icon-pic{ padding:.1rem; width:0.6rem; height:0.6rem;}

.index-solution .center{ padding:.5rem 0;}
.index-solution .list-louver .item .tit-box{ font-size:var(--font-size18);}

.index-news .introd-txt{ margin-bottom:-0.5rem;}
.index-news .autoCon-1720{ padding-bottom:1rem;}

.index-esg .introd-txt .text-desc{ padding-left:0;}
}

@media screen and (max-width:640px) {

.index-tit{ font-size:var(--font-size32);}

.index-about{ padding:.5rem 0;}
.index-about .text-introd .index-tit{ width:100%; padding:0; margin-bottom:.2rem;}
.index-about .text-introd .text-desc{ width:100%; padding:0;}
.index-about .list-num{ width:100%;}
.index-about .list-num .num-item .num,
.index-about .list-num .num-item .iuy{ font-size:var(--font-size32);}
.index-about .list-num .num-item sub{ padding-left:.1rem; }
.index-about .video-shell{ margin:.3rem 0 0; width:100%; padding-left:0;}

.index-products .switch-tab{ display:none;}
.index-products .center-box .text-oit{ width:100%; margin-right:0;}
.index-products .center-box .pic{ margin-top:.3rem; width:100%;}
.index-products .center-box .pic img{ max-width:100%; width:100%;}

.index-products .switch-box{ width:100%; height:auto; position: relative; transform:translateY(0);}
.index-products .switch-box .swiper{ height:auto;}
.index-products .switch-box .item .center{ display:none;}
.index-products .switch-box .item .web-content{ display:block;}
.index-products .switch-box .item .figure{ padding-bottom:0;}

.index-solution .text-introd .index-tit{ width:100%; padding-right:0;}
.index-solution .text-introd .text-desc{ padding:.2rem 0; width:100%;}
.index-solution .list-louver .item.active,
.index-solution .list-louver .item{ width:calc(50% - .035rem);}
.index-solution .list-louver .item.active .tit-box,
.index-solution .list-louver .item .tit-box{ padding:.2rem; text-align:left; justify-content:flex-start; align-items:flex-end;}
.index-solution .list-louver .item::after{ visibility:visible; opacity:1; background-image:linear-gradient(to top,rgba(222,32,19,0.38),transparent); z-index:2;}

.index-news .introd-txt{ margin-bottom:.3rem;}
.index-news .switch-box .swiper{ padding-top:0;}
.index-news .switch-btn{ padding-top:.2rem; position:relative; justify-content:center;}

.index-esg .introd-txt{ position: relative; padding:.4rem 0;}
.index-esg .introd-txt .index-tit{ width:100%;}
.index-esg .introd-txt .text-desc{ width:100%;}
.index-esg .bg-img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.index-esg .bg-img .figure{ padding-bottom:0; height:100%;}
}


/* 内页banner */
.inside-ban img{ display:block; width:100%;}
.inside-ban .text{ position:absolute; left:0; top:0; width:100%; height:100%; color:var(--white);}
.inside-ban .text .center-txt{ color:var(--white-color);}
.inside-ban .text .tit{ margin:0; line-height:1.2; font-size:var(--font-size64); font-weight: var(--font-weight__b); text-transform: uppercase;}
.inside-ban .text .desc{ margin-top:.2rem; font-size:var(--font-size18);}
.inside-ban .text .desc p{margin:0;}

@media screen and (max-width:640px) {
.inside-ban .text{ position:relative; width:100%; padding:.5rem 0;}
.inside-ban .text .desc{ margin-top:.1rem;}
.inside-ban .text .tit{ font-size:var(--font-size32);}
.inside-ban .text .center-txt{ margin-bottom:.5rem;}
.inside-ban .pic-img img{ height:100%; object-fit:cover;}
.inside-ban .pic-img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.inside-ban .pic-img figure{ height:100%;}
}


/* 背景色 */
.back-white{ background-color:var(--white-color);}
.back-grey{ background-color:#f5f7f9;}

/* 悬浮侧栏 */
.Hang-down{ position:fixed; right:.15rem; bottom:10%; z-index:99;}
.Hang-down .icon-tu{ display:block; width:.7rem; height:.7rem; background-color:var(--white-color); border-radius: 1rem; box-shadow:0 0 .2rem rgba(0,0,0,0.2); background-repeat:no-repeat; background-position:center; background-position:center; background-size:.32rem; margin:.1rem 0;}
.Hang-down .hang-service{ background-image:url(../images/hang-icon1.png);}
.Hang-down .hang-story{ background-image:url(../images/hang-icon2.png);}

/* 内页标题 */
.inside-tit{ font-size:var(--font-size40); font-weight:var(--font-weight__b);}
@media screen and (max-width:640px) {
.inside-tit{ font-size:var(--font-size32);}
}



/* 产品系列 */
.Pro-series-list{ padding:1.1rem 0; gap:.45rem;}
.Pro-series-list .item{ width:calc(33.333% - .3rem);}
.Pro-series-list .item .figure{ padding-bottom:66.6667%; background: url(../images/probg.jpg) no-repeat center center; background-size:cover;}
.Pro-series-list .item .figure img{ transition:.3s;}
.Pro-series-list .item a{}
.Pro-series-list .item .text{ background-color:var(--white-color); padding:.2rem;}
.Pro-series-list .item .text .tit{ margin:.1rem 0; font-size:var(--font-size24); font-weight:var(--font-weight__b); transition:.3s;}
.Pro-series-list .item .text .desc{ line-height:1.5; height:4.5em; margin-bottom:.1rem;  color:#555555;}
.Pro-series-list .item .text .desc p{margin:0;}
.Pro-series-list .item .text .category-txt span{  color:var(--hover-color); border:solid 1px var(--hover-color); padding:0.2em 0.8em; border-radius:1rem;}
.Pro-series-list .item .more{ background-color:var(--hover-color); border-radius:1rem;}
.Pro-series-list .item .more .but{ padding:.1rem; color:var(--white-color);}
.Pro-series-list .item .more .but::after{content:'';display:block; width:.12rem; height:.12rem; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-size:contain; background-position:left center; margin-left:1em;}
.Pro-series-list .item:nth-child(3n){ margin-right:0;}
.Pro-series-list .item:hover .figure img{ transform:scale(1.05);}
@media screen and (max-width:1024px) {
.Pro-series-list{ gap:.3rem; padding:.8rem 0;}
.Pro-series-list .item{ width:calc(33.33% - .2rem);}
.Pro-series-list .item:nth-child(3n){ margin-right:0;}
.Pro-series-list .item .text{ padding:.2rem .1rem;}
.Pro-series-list .item .text .desc{ font-size:var(--font-size14);}
.Pro-series-list .item .text .category-txt span{ font-size:var(--font-size14);}
.Pro-series-list .item .more{ font-size:var(--font-size14);}
}
@media screen and (max-width:640px) {
.Pro-series-list{ gap:.2rem; padding:.8rem 0;}
.Pro-series-list .item{ width:calc(50% - .1rem);}
.Pro-series-list .item .figure{padding-bottom:1.5rem;}
.Pro-series-list .item a{height:100%; width:100%; display:block;}
.Pro-series-list .item .text{ height:calc(100% - 1.5rem);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.Pro-series-list .item .text .tit{ --clamp:2; font-size:var(--font-size20);}
.Pro-series-list .item .text .desc{--clamp:3;}
}


/* 内页菜单 */
.inside-box .left-menu{ width:16.667%; background-color:var(--white-color); padding-bottom:.4rem;}
.inside-box .left-menu .lanmu-txt{ padding:.25rem .2rem .15rem; font-size:var(--font-size24); font-weight:var(--font-weight__b);}
.inside-box .left-menu .web-menu-but{ display:none;}
.inside-box .menu-list li{ padding:0 .2rem; margin-bottom:.1rem;}
.inside-box .menu-list li>span{ display:block; width:100%; font-size:var(--font-size18); font-weight:var(--font-weight__b); position: relative; cursor:pointer;}
.inside-box .menu-list li>span>a{ display:block; width:100%; padding:.1rem 0; position: relative; z-index:2; transition:.3s;}
.inside-box .menu-list li.levsub>span{ padding-right:.22rem;}
.inside-box .menu-list li.levsub>span:after{content:''; display:block; width:.2rem; height:.2rem; position:absolute; right:0; top:0.7em; background-image:url(../images/add.svg); background-repeat:no-repeat; background-size:.14rem; background-position:center; z-index:1;}
.inside-box .menu-list li.active>span{ color:var(--hover-color);}
.inside-box .menu-list li.active>span:after{ background-image:url(../images/sub.svg);}
.inside-box .menu-list li dl{ padding:.1rem 0; padding-left:.1rem; display:none; }
.inside-box .menu-list li dd{ margin-bottom:.2rem;}
.inside-box .menu-list li dd a{ margin:.05rem 0; padding-left:.15rem; color:#555555; position: relative; transition:.3s;}
.inside-box .menu-list li dd a::before{ content:'';display:block; width:0.05rem; height:0.05rem; position:absolute; left:0; top:50%; margin-top:-0.025rem; background-color:#cccccc; transition:.3s;}
.inside-box .menu-list li dd:last-child{ margin-bottom:0;}
.inside-box .menu-list li dd a:hover,
.inside-box .menu-list li dd.active a{ color:var(--hover-color);}
.inside-box .menu-list li dd a:hover::before,
.inside-box .menu-list li dd.active a::before{ background-color:var(--hover-color);}

.inside-box .menu-list2 li{ position: relative; margin-bottom:.05rem;}
.inside-box .menu-list2 li>span>a{ color:#555;}
.inside-box .menu-list2 li::before{ content:''; display:block; width:.8em; height:.02rem; background-color:var(--hover-color); position:absolute; left:0; top:1.6em; opacity:0; transition:.3s ;}
.inside-box .menu-list2 li.active::before{content:''; display:block; width:.8em; height:.02rem; background-color:var(--hover-color); position:absolute; left:0; top:1.6em;}
.inside-box .menu-list2 li>span a:hover,
.inside-box .menu-list2 li.active>span a{ color:var(--hover-color);}
.inside-box .menu-list2 li:hover::before,
.inside-box .menu-list2 li.active::before{ opacity:1;}

@media screen and (max-width:1024px) {
.inside-box .left-menu{ width:24%;}
.inside-box .menu-list li dl{ font-size:var(--font-size14);}
}

@media screen and (max-width:640px) {
.inside-box .left-menu{ width:100%; margin-bottom:.4rem; padding-bottom:0; position: relative;}
.inside-box .left-menu .lanmu-txt{ padding:.15rem .2rem; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between;}
.inside-box .menu-list{ position:absolute; width:100%; z-index:10; background:var(--white-color); padding-right:.1rem; padding-bottom:.1rem; display:none; box-shadow:0 .1rem .1rem rgba(0,0,0,0.05);}
.inside-box .menu-list ul{ max-height:3.3rem; overflow:auto;}
.inside-box .left-menu .web-menu-but{ width:.35rem; height:.35rem; display:block; background-image:url(../images/web-menu.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
}



/* 内页内容 */
.inside-box .rig-con{ width:calc(83.333% - 0.2rem);}
@media screen and (max-width:1024px) {
.inside-box .rig-con{ width:calc(76% - 0.2rem);}
}
@media screen and (max-width:640px) {
.inside-box .rig-con{ width:100%;}
}

/* 详情当前位置 */
.inside-location{ position:relative; color:#555555; padding:.5rem 0 .3rem;}
.inside-location a{ color:#555555;}
.inside-location a:hover{ color:var(--hover-color);}

/* 产品列表 */
.Products-box{ padding:1rem 0;}
.Products-box .list-box{ gap:.2rem; margin-bottom:.4rem;}
.Products-box .list-box .item{ width:calc(33.33% - .135rem); background-color:var(--white-color); position: relative; padding-bottom:.6rem;}
.Products-box .list-box .item a{ width:100%;}
.Products-box .list-box .item .pic{ width:100%;}
.Products-box .list-box .item .figure{ padding-bottom:69.666%;}
.Products-box .list-box .item .figure img{ transition:.3s;}
.Products-box .list-box .item .text{ padding:.2rem;}
.Products-box .list-box .item .text .tit{ margin:.15rem 0; font-size:var(--font-size24); font-weight:var(--font-weight__b); transition:.3s;}
.Products-box .list-box .item .text .desc{ line-height:1.5; min-height:4.5em; margin-bottom:.1rem;  color:#555555;}
.Products-box .list-box .item .text .desc p{margin:0;}
.Products-box .list-box .item .text .category-txt span{  color:var(--hover-color); border:solid 1px var(--hover-color); padding:0.2em 0.8em; border-radius:1rem;}
.Products-box .list-box .item .more{ position:absolute; bottom:0; left:0; padding:.1rem .2rem .3rem; width:100%;}
.Products-box .list-box .item .more .but{  color:#222222;}
.Products-box .list-box .item .more .but::after{content:'';display:block; width:.12rem; height:.12rem; background-image:url(../images/arrow.svg); background-repeat:no-repeat; background-size:contain; background-position:left center; margin-left:1em;}
.Products-box .list-box .item:hover .figure img{ transform:scale(1.05);}

@media screen and (max-width:1024px) {
.Products-box{ padding:.5rem 0;}
.Products-box .list-box{ gap:.2rem;}
.Products-box .list-box .item{ width:calc(50% - .1rem); padding-bottom:.35rem;}
.Products-box .list-box .item .text{ padding:.15rem;}
.Products-box .list-box .item .text .category-txt span{ font-size:var(--font-size14);}
.Products-box .list-box .item .text .tit{ margin:.1rem 0; font-size:var(--font-size18);}
.Products-box .list-box .item .text .desc{ font-size:var(--font-size14);}
.Products-box .list-box .item .more{ padding:0 .15rem .2rem;}
.Products-box .list-box .item .more .but{ font-size:var(--font-size14);}
}

/* 产品详情 */
.Products-info .tit-big{ font-size:var(--font-size40); font-weight:var(--font-weight__b);}

.ProInfo-one{ padding-bottom:.5rem;}
.ProInfo-one .switch-box{ width:50%;}
.ProInfo-one .switch-box .figure{ padding-bottom:66.6667%;}
.ProInfo-one .switch-box .figure img{ width:100%; object-fit:cover;}
.ProInfo-one .text-box{ width:50%; padding-left:.6rem;}
.ProInfo-one .text-box h4{ margin:.15rem 0; font-size:var(--font-size20); color:#000; font-weight: 500;}
.ProInfo-one .text-box .desc{ line-height:1.7;  color:#555555;}
.ProInfo-one .text-box .desc p{margin:0;}
.ProInfo-one .text-box .more{ margin-top:.4rem;}
.ProInfo-one .text-box .more .but{ padding:.15rem .3rem; font-size:var(--font-size18); color:var(--white-color); background:var(--hover-color); border-radius:1rem; transition:.3s;}
.ProInfo-one .text-box .more .but::after{ margin-left:1em; content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; background-size:.07rem;}
.ProInfo-one .swiper-pagination{ font-size:0; padding:.2rem 0;}
.ProInfo-one .swiper-pagination .swiper-pagination-bullet{ width:.14rem; height:.14rem; margin:0 0.08rem;}
.ProInfo-one .swiper-pagination .swiper-pagination-bullet-active{ background-color:var(--hover-color);}

.ProInfo-two{ padding-bottom:.5rem;}
.ProInfo-two .tit-big{ margin-bottom:.3rem;}
.ProInfo-two .details-con{ background-color:var(--white-color); padding:.45rem; color:#666666; }
.ProInfo-two .details-con p{ margin:0;}
.ProInfo-two .details-con strong{ color:#333333; font-size:var(--font-size24);}
.ProInfo-two .details-con .pot{ padding-left:1.5em; line-height:2;}
.ProInfo-two .details-con .pot li{ margin-bottom:.1rem;}

.ProInfo-three{ padding-bottom:.5rem;}
.ProInfo-three .tit-big{ margin-bottom:.3rem;}
.ProInfo-three .down-table th{ padding:.2rem .3rem; background-color:#002741; color:var(--white-color); text-align:left; font-weight:var(--font-weight__m); }
.ProInfo-three .down-table th:nth-child(1){ width:28%;}
.ProInfo-three .down-table th:nth-child(2){ width:28%;}
.ProInfo-three .down-table th:nth-child(3){ width:calc(23% - 1rem);}
.ProInfo-three .down-table th:nth-child(4){ width:calc(23% - 1rem);}
.ProInfo-three .down-table th:nth-child(5){ width:2rem;}
.ProInfo-three .down-table td{  padding:.2rem .3rem; border-bottom:solid 1px rgba(0,0,0,0.1); color:#465561; background-color:var(--white-color);}
.ProInfo-three .down-table td .line{ border-bottom:solid 1px transparent; transition: .3s;}
.ProInfo-three .down-table td a{ display:inline-block;}
.ProInfo-three .down-table td.format{ text-transform: uppercase;}
.ProInfo-three .down-table tr:last-child td{ border-bottom:none;}
.ProInfo-three .down-table .center{ text-align:center;}
.ProInfo-three .down-table .dow-but{ display:block;}
.ProInfo-three .down-table .dow-but .icon{ display:block; width:100%; height:.3rem; background-image:url(../images/dow.svg); background-repeat:no-repeat; background-position:center; background-size:.16rem;}
.ProInfo-three .down-table .dow-but:hover .icon{ background-image:url(../images/dow-red.svg);}
.ProInfo-three .down-table tr:hover .line{ color:var(--hover-color); border-color:var(--hover-color);}
.ProInfo-three .down-table tr:hover .dow-but .icon{ background-image:url(../images/dow-red.svg);}

.ProInfo-four{ padding-bottom:1rem;}
.ProInfo-four .tit-big{ margin-bottom:.3rem;}
.ProInfo-four .item .pic{ overflow:hidden;}
.ProInfo-four .item .text{ padding:.25rem 0;}
.ProInfo-four .item .text .tit-name{margin-bottom:.1rem;font-size:var(--font-size24);font-weight:var(--font-weight__b);transition:.3s;}
.ProInfo-four .item .text .desc{  line-height:2; color:#555555;}
.ProInfo-four .item .figure{ padding-bottom:66.6667%;}
.ProInfo-four .item .figure img{ width:100%; object-fit:cover; transition:.3s;}
.ProInfo-four .item:hover .figure img{ transform:scale(1.05);}
.ProInfo-four .swiper-but{ top:35%; width:.45rem; height:.45rem; background-color:rgba(168,20,39,0.4); border-radius:.05rem; transition:.3s;}
.ProInfo-four .swiper-but::after{ font-size:var(--font-size16); color:var(--white-color);}
.ProInfo-four .swiper-but:hover{ background:var(--hover-color);}
.ProInfo-four .swiper-but:hover::after{ color:var(--white-color);}
.ProInfo-four .swiper-button-prev{ left:.05rem;}
.ProInfo-four .swiper-button-next{ right:.05rem;}
@media screen and (max-width:1024px) {
.Products-info .tit-big{ font-size:var(--font-size32);}
.ProInfo-one .text-box{ padding-left:.4rem;}
.ProInfo-one .text-box .tit-small{ margin:.1rem 0; font-size:var(--font-size18);}
.ProInfo-one .text-box .more{ margin-top:.2rem;}
.ProInfo-two .details-con{ padding:.25rem .3rem;}
.ProInfo-two .details-con strong{ font-size:var(--font-size20);}
.ProInfo-two .details-con .pot{ margin:.1rem 0;}
.ProInfo-two .details-con .pot li:last-child{ margin-bottom:0;}
.ProInfo-three .down-table th{ padding:.2rem;}
.ProInfo-three .down-table td{ padding:.2rem;}
.ProInfo-three .down-table th:nth-child(3){ width:calc(23% - .7rem);}
.ProInfo-three .down-table th:nth-child(5){ width:1.4rem;}
.ProInfo-four .item .text{ padding:.2rem 0;}
.ProInfo-four .item .text .tit-name{ font-size:var(--font-size20);}
}
@media screen and (max-width:640px) {
.Products-info .tit-big{ font-size:var(--font-size28);}
.ProInfo-one .switch-box{ width:100%;}
.ProInfo-one .text-box{ padding:.2rem 0; width:100%;}
.ProInfo-two .details-con{ padding:.25rem .2rem;}
.ProInfo-three .down-table{ overflow: auto;}
.ProInfo-three .down-table table{ width:10rem;}
}



/* 行业应用 */
.Industries-box{ padding:1rem 0;}
.Industries-box .category-desc{ text-align:center; margin-bottom:.5rem;}
.Industries-box .category-desc .inside-tit{ margin-bottom:.2rem;}
.Industries-box .category-desc .inside-desc{ line-height: 1.7; color:#555555;}
.Industries-box .list-box{ gap:3.11%; margin-bottom:.3rem;}
.Industries-box .list-box .item{ width:31.25%; margin-bottom:3%;}
.Industries-box .list-box .item a{ transition:.3s;}
.Industries-box .list-box .item .figure{ padding-bottom:66.6667%;}
.Industries-box .list-box .item .figure img{ width:100%; object-fit:cover; transition:.3s;}
.Industries-box .list-box .item .text{ padding:.25rem 0 0;}
.Industries-box .list-box .item .text .tit{ margin-bottom:.15rem; font-size:var(--font-size20); font-weight:var(--font-weight__b);}
.Industries-box .list-box .item .text .desc{ line-height:1.7; color:#555555;}
.Industries-box .list-box .item:hover .figure img{ transform:scale(1.05);}
@media screen and (max-width:640px) {
.Industries-box .category-desc{ margin-bottom:.3rem;}
.Industries-box .category-desc .inside-tit{ margin-bottom:.1rem;}
.Industries-box{ padding:.5rem 0;}
.Industries-box .list-box{ gap:.2rem;}
.Industries-box .list-box .item{ width:calc(50% - .1rem); margin-bottom:0;}
.Industries-box .list-box .item .text{ padding-top:.1rem;}
.Industries-box .list-box .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size18);}
}



/* 技术支持 */
.Support-box{ padding:1rem 0;}

/* 常见问题 */
.faq-box{ padding:.4rem; padding-top:.2rem;}
.faq-box .list-faq{ margin-bottom:.3rem;}
.faq-box .list-faq .item{ border-bottom:dashed 1px rgba(0,0,0,0.1); transition:.3s;}
.faq-box .list-faq .item .tit-box{padding:.25rem; padding-left:0; position:relative; cursor: pointer;}
.faq-box .list-faq .item .tit-box .iow span{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:.26rem; height:.26rem; background-image:url(../images/faq-icon1.svg); background-repeat:no-repeat; background-size:100% 100%; background-position:center; color:var(--white-color); font-weight:var(--font-weight__b);}
.faq-box .list-faq .item .tit-box .tit-name{ padding-left:.1rem; width:calc(100% - .3rem); font-size:var(--font-size20); font-weight:var(--font-weight__b);}
.faq-box .list-faq .item .tit-box::after{content:''; display:block; width:.25rem; height:.25rem; background-image:url(../images/add.svg); background-repeat: no-repeat; background-position:center; background-size:.15rem; position:absolute; right:0.1rem; top:calc(0.2rem + 0.4em);}
.faq-box .list-faq .item .con-box{display:none; line-height:2;  padding-right:.35rem; padding-bottom:.35rem;}
.faq-box .list-faq .item .con-box p{ margin:0;}
.faq-box .list-faq .item.active{ background-color:#f5f7f9; border-color:#f5f7f9; padding:0 .25rem;}
@media screen and (min-width:1024px) {
.faq-box .list-faq .item:hover{ background-color:#f5f7f9; border-color:#f5f7f9; padding:0 .25rem;}
}
@media screen and (max-width:640px) {
.faq-box{ padding:.2rem;}
.faq-box .list-faq .item .tit-box{ padding:.2rem 0;}
.faq-box .list-faq .item .tit-box::after{ right:0;}
.faq-box .list-faq .item .tit-box .tit-name{ font-size:var(--font-size18); padding-right:.2rem;}
.faq-box .list-faq .item.active{ padding:0 .15rem;}
.faq-box .list-faq .item .con-box{ padding-right:.1rem;}
}



/* 资料下载 */
.download-box .category-item{ padding:.85rem 0; background-color:var(--white-color);}
.download-box .category-item .tit-box{ margin-bottom:.3rem;}
.download-box .category-item .tit-box .tit-name{ font-size:var(--font-size36); font-weight:var(--font-weight__b);}
.download-box .category-item:nth-child(2n){ background-color:#f5f7f9;}
.download-box .category-item .swiper-but{ position:relative; margin:0; top:auto; left:auto; right:auto; width:.45rem; height:.45rem; border:solid 1px var(--hover-color); border-radius:1rem; transition:.3s;}
.download-box .category-item .swiper-but::after{ font-size:var(--font-size16); color:var(--hover-color);}
.download-box .category-item .swiper-but:hover{ background:var(--hover-color);}
.download-box .category-item .swiper-but:hover::after{ color:var(--white-color);}
.download-box .category-item .swiper-button-prev{ margin-right:.2rem;}
.download-box .category-item .item .figure{ padding-bottom:68.666%;}
.download-box .category-item .item a{ transition:.3s;}
.download-box .category-item .item .figure img{ width:100%; object-fit:cover; transition:.3s;}
.download-box .category-item .item .text{ padding-top:.2rem;}
.download-box .category-item .item .text .tit{ margin-bottom:.15rem; font-size:var(--font-size24); font-weight:var(--font-weight__b);}
.download-box .category-item .item .text .icon-iot{ background-repeat:no-repeat; background-position:left center; padding-left:.3rem;  opacity:.8;}
.download-box .category-item .item .text .icon-view{ margin-right:.3rem; background-image:url(../images/view.svg); background-size:.2rem;}
.download-box .category-item .item .text .icon-dow{ background-image:url(../images/dow.svg); background-size:.16rem;}
.download-box .category-item .item .text .icon-view:hover{ background-image:url(../images/view-red.svg);}
.download-box .category-item .item .text .icon-dow:hover{ background-image:url(../images/dow-red.svg);}
.download-box .category-item .item:hover .figure img{ transform:scale(1.05);}
@media screen and (max-width:768px) {
.download-box .category-item .item .text .tit{ font-size:var(--font-size22);}
}
@media screen and (max-width:640px) {
.download-box .category-item{ padding:.5rem 0;}
.download-box .category-item .item .text .tit{ font-size:var(--font-size18);}
.download-box .category-item .item .text .icon-view{ margin-right:.2rem;}
.download-box .category-item .tit-box .tit-name{ font-size:var(--font-size24);}
}


/* 购买渠道 */
.buy-box{ padding:1rem 0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.buy-box .tit-big{ margin-bottom:.5rem; font-size:var(--font-size64); font-weight:var(--font-weight__b); color:var(--white-color); text-transform: uppercase;}
.buy-box .tit-iow{ position: absolute; top:.45rem; left:.8rem; font-size:var(--font-size30); font-weight:var(--font-weight__b); z-index:5;}
.buy-box .tit-iow span{ padding-left:.3rem;color: #fff;}
.buy-box .tit-iow img{ width:.34rem;}
.buy-box .lxwm-list{ gap:.2rem; margin-bottom:.2rem;margin-top: .2rem;}
.buy-box .lxwm-list .lxwm-item{ padding:.35rem .8rem; width:50%; flex:1;background-color: rgba(8, 25, 38, .7);backdrop-filter: blur(10px);}
.buy-box .lxwm-list .lxwm-item .tit-sz{  margin-bottom:.1rem; color:#fff;}
.buy-box .lxwm-list .lxwm-item .tit-xt{ font-size:var(--font-size30); color:#fff; font-weight:var(--font-weight__b);}
.buy-box .lxwm-list .lxwm-item .icon{ width:.4rem;}
.buy-box .lxwm-list .lxwm-item .icon img{display:block; max-width:.38rem;}
.buy-box .lxwm-list .lxwm-item .item-con{ padding-left:.2rem; width:calc(100% - .4rem);}
.buy-box .address-box{ background-color: rgba(8, 25, 38, .7);backdrop-filter: blur(10px);padding:.5rem .8rem .35rem;}
.buy-box .map-box{ width:5.48rem; margin-left:1.9rem;}
.buy-box .map-box img{ display:block;}
.buy-box .map-box .pot{ position:absolute; background-color:rgba(222,32,19,0.3); width:.45rem; height:.45rem; border-radius:1rem;}
.buy-box .map-box .pot i{ display:block;width:.06rem; height:.06rem; border-radius:1rem; background-color:var(--hover-color);}
.buy-box .map-box .pot:nth-child(2){left:58%;top:34%;}
.buy-box .map-box .pot:nth-child(3){ left:51%; top:65.8%; width:.35rem; height:.35rem;}
.buy-box .map-box .pot:nth-child(4){right:5%;top:62%;width:.3rem;height:.3rem;}
.buy-box .map-box .pot:nth-child(5){right:8%;top:64.5%;width:.3rem;height:.3rem;}

.buy-box .map-list{ padding-left:.8rem; width:calc(100% - 7.38rem);}
.buy-box .map-list .item-il{ padding:.15rem 0; }
.buy-box .map-list .item-il .pot-txt{margin-bottom:.1rem; font-size:var(--font-size18); font-weight:var(--font-weight__b); position:relative;color: #fff;}
.buy-box .map-list .item-il .pot-txt::after{ position:absolute; left:-.2rem; top:0.5em; content:''; display:block; width:.06rem; height:.06rem; border-radius:1rem; background-color:var(--hover-color);}
.buy-box .map-list .item-il .txt-des{line-height:1.8;  color:#fff;}
.buy-box .map-list .item-il:last-child{ border-bottom:none;}
.buy-box .map-list .item-il:first-child {padding-top: 0;}

@media screen and (max-width:1024px) {
.buy-box .lxwm-list .lxwm-item{ padding:.3rem;}
.buy-box .lxwm-list .lxwm-item .icon img{ max-width:.25rem;}
.buy-box .lxwm-list .lxwm-item .tit-sz{ margin-bottom:0.05rem;}
.buy-box .lxwm-list .lxwm-item .tit-xt{ font-size:var(--font-size24);}

.buy-box .tit-iow{ left:.3rem; font-size:var(--font-size24);}
.buy-box .tit-iow span{ padding-left:.2rem;}
.buy-box .tit-iow img{ max-width:.25rem;}
.buy-box .map-box{ max-width:5rem;}
.buy-box .map-list{ width:100%; padding-left:0;}
.buy-box .map-list .item-il{ padding:.2rem 0;}
}

@media screen and (max-width:640px) {
.buy-box{ padding:.5rem 0;}
.buy-box .lxwm-list{ flex-wrap: wrap;}
.buy-box .lxwm-list .lxwm-item{ width:100%; flex: auto;}
.buy-box .lxwm-list .lxwm-item .item-con{ padding-left:.1rem;}
.buy-box .address-box{ padding:.35rem .2rem;}
.buy-box .tit-iow{ position:relative; top:0; left:.1rem; width:100%;}
.buy-box .map-box{ width:100%; max-width:100%; margin-left:0;}
.buy-box .map-list{ padding:0 .3rem;}
.buy-box .tit-big{ font-size:var(--font-size42); margin-bottom:.3rem;}
}


/* 公司介绍 */
.Profile-box .tit-big{ margin-bottom:.35rem; font-size:var(--font-size40); color:#000000; font-weight:var(--font-weight__b);}

.Profile-one{ padding:1.3rem 0;}
.Profile-one .editor-box{ margin-bottom:.3rem; line-height:1.8; }
.Profile-one .editor-box p{ margin:0;}
.Profile-one .paly{ position:absolute; left:50%; top:50%; width:.6rem; height:.6rem; border:solid 1px #ccc; border-radius:100%; transform:translate(-50%,-50%); background-image:url(../images/play.svg); background-repeat:no-repeat; background-position:center; z-index:5; cursor:pointer;}
.Profile-one .editor-video img{ width:100%;}

.Profile-two{ background:var(--white-color); padding:1.2rem 0;}
.Profile-two .tit-big{ text-align:center; margin-bottom:.5rem;}
.Profile-two .item{ margin-bottom:.15rem;}
.Profile-two .item:last-child{ margin-bottom:0;}
.Profile-two .item .pic{ width:48.612%;}
.Profile-two .item .pic figure{ padding-bottom:66.573%;}
.Profile-two .item .text{ direction:ltr; width:51.388%; padding-left:.8rem;}
.Profile-two .item .text .tit{ margin-bottom:.2rem; font-size: var(--font-size24); font-weight:var(--font-weight__b);}
.Profile-two .item .text .desc{ line-height:1.8; color:#666666; }
.Profile-two .item:nth-child(2n){ direction:rtl;}
.Profile-two .item:nth-child(2n) .text{ padding-left:0; padding-right:.8rem;}

.Profile-three{ padding:1.2rem 0; background-image:url(../images/History-bg.jpg); background-position:bottom center; background-size:cover;}
.Profile-three .tit-big{ margin-bottom:-.5rem;}
.Profile-three .item{ padding:0 .3rem;}
.Profile-three .item .pot{ position:absolute; left:0; top:.18rem; border:solid 1px var(--hover-color); width:.2rem; height:.2rem; border-radius:1rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center; background-color:var(--white-color); z-index:2;}
.Profile-three .item .pot i{ display:block; width:.08rem; height:.08rem; background-color:var(--hover-color); border-radius:1rem;}
.Profile-three .item::after{content:'';display:block; width:1px; height:95%; background-image:linear-gradient(to bottom,rgba(222,32,19),transparent); position:absolute; top:.3rem; left:0.09rem;}
.Profile-three .item .year{ font-size:var(--font-size40); font-weight:var(--font-weight__b);}
.Profile-three .item .desc{overflow:auto; line-height:2; }
.Profile-three .swiper-but{margin:0; top:auto; bottom:0; left:auto; width:.65rem; height:.65rem; border:solid 1px var(--hover-color); border-radius:1rem; transition:.3s; bottom:0;}
.Profile-three .swiper-but::after{ font-size:var(--font-size16); color:var(--hover-color);}
.Profile-three .swiper-but:hover{ background:var(--hover-color);}
.Profile-three .swiper-but:hover::after{ color:var(--white-color);}
.Profile-three .swiper-button-prev{ right:1rem;}
.Profile-three .swiper-button-next{ right:0;}
.Profile-three .switch-history .swiper{width:100%; padding-bottom:.5rem;}
.Profile-three .switch-history .swiper-slide{ height:auto; opacity:0;}
.Profile-three .switch-history .my-slide-visible{opacity:1;}
.Profile-three .switch-history .my-slide-visible .item{ margin-top:1.2rem; position:relative;}
.Profile-three .switch-history .my-slide-visible .item .desc{ height:4rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-active .item{ margin-top:3.8rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-active .item .desc{ height:2.8rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-next .item{ margin-top:2.5rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-next .item .desc{ height:3.5rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-duplicate-prev .item{ margin-top:0;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-duplicate-prev .item .desc{ height:4.35rem;}

.Profile-four{ padding:1.2rem 0; background-color:var(--white-color);}
.Profile-four .tit-big{ margin-bottom:.5rem;}
.Profile-four::after{content:'';display: block; width:100%; height:36.5%; background-color:#f5f7f9; position:absolute; left:0; bottom:0;}
.Profile-four .item .pic{ position: relative; border-bottom:solid 1px rgba(0,0,0,0.05);}
.Profile-four .item .pic::after{content:'';display:block; width:127.277%; height:20%; position:absolute; bottom:0; left:0; background-image:url(../images/bg-color.png); z-index:1; background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.Profile-four .item .bg-color{ padding-bottom:130.305%; position:relative; background-image:url(../images/honors-bg.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center; z-index:2;}
.Profile-four .item .figure{ position:absolute; left:.3rem; top:.3rem; width:calc(100% - .6rem); height:calc(100% - .6rem); padding:.21rem; background-image:url(../images/honors-bg2.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.Profile-four .item .figure .Timg{ background-color:var(--white-color);}
.Profile-four .item .figure img{ width:100%; height:100%; object-fit:cover;}
.Profile-four .item .tit{ padding:.25rem 0 .1rem; text-align:center;  transition:.3s;}
.Profile-four .switch-Honors{ width:calc(100% + 1rem);}
.Profile-four .switch-Honors .swiper{ padding-right:1rem;}
.Profile-four .switch-Honors .swiper-slide{opacity:0;}
.Profile-four .switch-Honors .my-slide-visible{opacity:1;}
.Profile-four .swiper-but{width:.65rem; height:.65rem; border:solid 1px var(--hover-color); border-radius:1rem; transition:.3s; bottom:0;}
.Profile-four .swiper-but::after{ font-size:var(--font-size16); color:var(--hover-color);}
.Profile-four .swiper-but:hover{ background:var(--hover-color);}
.Profile-four .swiper-but:hover::after{ color:var(--white-color);}
.Profile-four .swiper-button-prev{ left:-1rem;}
.Profile-four .swiper-button-next{ right:0;}

@media screen and (max-width:1580px) {
.Profile-four .switch-Honors{ width:calc(100% + .5rem);}
.Profile-four .switch-Honors .swiper{ padding-right:0.5rem;}
.Profile-four .swiper-button-prev{ left:0.1rem;}
.Profile-four .swiper-button-next{ right:0.6rem;}
.Profile-four .item .pic::after{ width:125%; height:15%;}
}

@media screen and (max-width:640px) {
.Profile-box .tit-big{font-size:var(--font-size30);}
.Profile-one{ padding:.5rem 0;}
.Profile-two{ padding:.5rem 0;}
.Profile-two .item .pic{ width:100%;}
.Profile-two .item:nth-child(2n) .text,
.Profile-two .item .text{ width:100%; padding:.2rem 0;}
.Profile-three{ padding:.5rem 0;}
.Profile-three .tit-big{ margin-bottom:.2rem;}
.Profile-three .item{ padding:0 .25rem; padding-right:.1rem;}
.Profile-three .item .year{ font-size:var(--font-size32);}
.Profile-three .item .pot{ top:.15rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-active .item{ margin-top:.8rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-active .item .desc{ height:2rem;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-next .item{ margin-top:0;}
.Profile-three .switch-history .my-slide-visible.swiper-slide-next .item .desc{ height:2.2rem;}

.Profile-four{ padding:.5rem 0;}
.Profile-four .tit-big{ margin-bottom:.3rem;}
.Profile-four .switch-Honors{ width:100%;}
.Profile-four .switch-Honors .swiper{ padding-right:0;}
.Profile-four .swiper-button-prev{ left:0.1rem;}
.Profile-four .swiper-button-next{ right:0.1rem;}
.Profile-four .swiper-but{ width:.45rem; height:.45rem;}
}



/* 关于我们-可持续发展 */
.esg-box .tit-big{ font-size:var(--font-size40); color:#222222; font-weight:var(--font-weight__b);}
.esg-one{ padding:1.4rem 0;}
.esg-one .esg-bg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.esg-one .esg-bg img{ width:100%; height:100%; object-fit:cover;}
.esg-one .center{ padding:.8rem .55rem; position: relative; z-index:2; width:6.8rem; max-width:100%; background-color:rgba(255,255,255,0.8);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.esg-one .center .tit-big{ margin-bottom:.45rem;}
.esg-one .center .desc{  line-height:2; height:20em; color:#555555; overflow:auto;}
.esg-two{ padding:1rem 0; background-color:var(--white-color);}
.esg-two .tit-big{ text-align:center; margin-bottom:.5rem;}
.esg-two .list-box .item{ margin-bottom:.7rem;}
.esg-two .list-box .item .pic{ width:50%;}
.esg-two .list-box .item .figure{ height:100%;}
.esg-two .list-box .item .figure img{ width:100%; object-fit:cover; transition:.3s;}
.esg-two .list-box .item .text{ direction:ltr; width:50%; padding:.45rem 0; padding-left:.5rem;}
.esg-two .list-box .item .text .tit{ margin-bottom:.3rem; font-size:var(--font-size24); font-weight:var(--font-weight__b);}
.esg-two .list-box .item .text .desc{ padding-right:.1rem; line-height:1.85; min-height:18.5em; max-height:24em; overflow:auto;  color:#555555;}
.esg-two .list-box .item:nth-child(2n){ direction:rtl;}
.esg-two .list-box .item:nth-child(2n) .text{ padding-left:0; padding-right:.5rem;}
.esg-two .list-box .item:last-child{ margin-bottom:0;}
.esg-three{ padding:1rem 0; background-color:#f5f7f9;}
.esg-three .tit-big{ text-align:center; margin-bottom:.25rem;}
.esg-three .tit-desc{ line-height:1.8; font-size:var(--font-size24); font-weight:var(--font-weight__b); text-align:center; margin-bottom:.4rem;}
.esg-three .list-box{ gap:.45rem;}
.esg-three .list-box .item{ flex:1;}
.esg-three .list-box .item .pic{ margin-bottom:.35rem;}
.esg-three .list-box .item .figure{ padding-bottom:66.6667%;}
.esg-three .list-box .item .figure img{ width:100%; object-fit:cover; transition:.3s;}
.esg-three .list-box .item .tit{ font-size:var(--font-size24); color:#222; font-weight:var(--font-weight__b); margin-bottom:.15rem; font-size:var(--font-size24); transition:.3s;}
.esg-three .list-box .item .desc{ line-height:2;  color:#555555;}
.esg-three .list-box .item:hover .figure img{ transform:scale(1.05);}
.esg-three .list-box .item:hover .tit{ color:var(--hover-color);}

@media screen and (max-width:1024px) {
.esg-box .tit-big{ font-size:var(--font-size32);}
.esg-two .list-box .item .text .tit{ font-size:var(--font-size20);}
}

@media screen and (max-width:640px) {
.esg-box .tit-big{ font-size:var(--font-size30);}
.esg-one{ padding:.8rem 0;}
.esg-one .center{ padding:.5rem .35rem;}
.esg-one .center .tit-big{ margin-bottom:.25rem;}

.esg-two{ padding:.8rem 0;}
.esg-two .list-box .item{ margin-bottom:.4rem;}
.esg-two .list-box .item .text .tit{ font-size:var(--font-size22); margin:.15rem 0 .2rem;}
.esg-two .list-box .item .pic{ width:100%;}
.esg-two .list-box .item .pic figure{ padding-bottom:82%;}
.esg-two .list-box .item .text{ width:100%; padding:.2rem 0;}
.esg-two .list-box .item:nth-child(2n) .text{ padding-right:0;}

.esg-three{ padding:.8rem 0;}
.esg-three .tit-desc{ font-size:var(--font-size20);}
.esg-three .tit-big{ margin-bottom:.15rem;}
.esg-three .list-box .item{ flex:inherit; width:100%;}
}


/* 关于我们-新闻 */
.news-box{ padding:1.1rem 0;}
.news-box .news-switch{ margin-bottom:.8rem;}
.news-box .news-switch .item{ background:var(--white-color);}
.news-box .news-switch .item .pic{ width:47.917%; overflow: hidden;}
.news-box .news-switch .item .pic figure{ min-height:4.6rem; height:100%;}
.news-box .news-switch .item .pic figure img{ width:100%; height:100%; object-fit:cover; transition:.3s;}
.news-box .news-switch .item .text{  line-height:1.5; padding:0.2rem .6rem; width:52.083%;}
.news-box .news-switch .item .text .tiem{ margin-bottom:.3rem; font-size:var(--font-size18); color:#666666;}
.news-box .news-switch .item .text .tiem span{ display:block; padding-left:.3rem; background-image:url(../images/tiem.svg); background-repeat:no-repeat; background-position:left center; background-size:0.2rem;}
.news-box .news-switch .item .text .tit{ margin-bottom:.3rem; font-size:var(--font-size24); color:#333333; font-weight:var(--font-weight__b); transition:.3s;}
.news-box .news-switch .item .text .desc{ color:#666666; line-height:2;}
.news-box .news-switch .item .text .more{ font-size:var(--font-size18); color:var(--hover-color); margin-top:.35rem;}
.news-box .news-switch .item .text .more .but i{ margin-left:.1rem; width:.12rem; height:.12rem; display:block; background-image:url(../images/arrow-on.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.news-box .news-switch .item:hover .pic figure img{ transform:scale(1.05);}
.news-box .news-switch .item:hover .tit{ color:var(--hover-color);}
.news-box .news-switch .swiper-pagination{ left:auto; bottom:10%; width:45%; right:.7rem; text-align: right;}
.news-box .news-switch .swiper-pagination-bullet{ width:.18rem; height:.18rem; border:solid 1px transparent; background:transparent; position:relative; opacity:1;}
.news-box .news-switch .swiper-pagination-bullet::after{ content:''; display:block; width:.06rem; height:.06rem; background:#c9cfd5; border-radius:1rem; position:absolute; left:50%; top:50%; margin-left:-0.03rem; margin-top:-0.03rem;}
.news-box .news-switch .swiper-pagination-bullet-active{ border-color:var(--hover-color);}
.news-box .news-switch .swiper-pagination-bullet-active::after{ opacity:1; background-color:var(--hover-color);}

.news-box .news-list-box{ margin-bottom:.3rem;}
.news-box .news-list-box .item{ width:31.25%; margin-right:3.1111%; margin-bottom:3.1111%;}
.news-box .news-list-box .item:nth-child(3n){ margin-right:0;}
.news-box .news-list-box .item .pic{ overflow: hidden;}
.news-box .news-list-box .item .pic figure{ padding-bottom:66.667%;}
.news-box .news-list-box .item .pic figure img{ width:100%; height:100%; object-fit:cover; transition:.3s;}
.news-box .news-list-box .item .text{ padding:.25rem 0 0;  line-height:1.5;}
.news-box .news-list-box .item .text .tiem{ margin-bottom:.15rem; font-size:var(--font-size18); color:#666666;}
.news-box .news-list-box .item .text .tiem span{ display:block; padding-left:.3rem; background-image:url(../images/tiem.svg); background-repeat:no-repeat; background-position:left center; background-size:0.2rem;}
.news-box .news-list-box .item .text .tit{ margin-bottom:.15rem; font-size:var(--font-size20); color:#222222; font-weight:var(--font-weight__b); transition:.3s;}
.news-box .news-list-box .item .text .desc{ color:#666666; line-height:2;}
.news-box .news-list-box .item:hover .pic figure img{ transform:scale(1.05);}
.news-box .news-list-box .item:hover .tit{ color:var(--hover-color);}

@media screen and (max-width:1024px) {
.news-box .news-switch .item .pic figure{ min-height:3rem;}
.news-box .news-switch .item .text .tit{ margin-bottom:.15rem;}
.news-box .news-switch .item .text .more{ margin-top:.15rem;}
}
@media screen and (max-width:640px) {
.news-box{ padding:.7rem 0;}
.news-box .news-switch .item .pic{ width:100%;}
.news-box .news-switch .item .text{ width:100%; padding:.3rem;}
.news-box .news-switch .item .text .tiem{ margin-bottom:.15rem;}
.news-box .news-switch .swiper-pagination{ font-size:0; width:100%; right:0; text-align:center; bottom:.15rem;}
.news-box .news-switch .swiper-pagination-bullet::after{ width:5px; height:5px; margin-left:-2.5px; margin-top: -2.5px;}
.news-box .news-list-box .item:nth-child(3n),
.news-box .news-list-box .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
.news-box .news-list-box .item:nth-child(2n){ margin-right:0;}
.news-box .news-list-box .item .text .tit{ margin-bottom:.1rem;}
}

/* 新闻详情 */
.news-shell{ padding:1rem 0;}
.news-info{ line-height:2; padding:.8rem; }
.news-info .title{ font-size:var(--font-size36); line-height:1.5; font-weight:var(--font-weight__b); border-bottom:.35rem; border-bottom:solid 1px rgba(0,0,0,0.1); padding-bottom:.3rem; margin-bottom:.3rem;}
.news-info .editor-box{ color:#666666; padding-bottom:.6rem;}
.news-info .editor-box p{ margin:0;}
.news-info .editor-box .fz18{ font-size:var(--font-size18);}
.news-info .other-box{ margin-bottom:.35rem;}
.news-info .other-box .tiem{ font-size:var(--font-size18); color:#000000;}
.news-info .other-box .tiem span{ display:block; padding-left:.3rem; background-image:url(../images/tiem.svg); background-repeat:no-repeat; background-position:left center; background-size:0.2rem;}
.news-info .turn-box{ padding-top:.5rem; border-top:solid 1px rgba(0,0,0,0.1);}
.news-info .turn-box dl{ width:calc(100% - 2rem); font-size:var(--font-size18);}
.news-info .turn-box dd a{ color:#666666; transition:.3s; --clamp:1; line-clamp:var(--clamp);-webkit-line-clamp: var(--clamp); display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;}
.news-info .turn-box dd a:hover{ color:var(--hover-color);}
.news-info .turn-box .but{ background:var(--hover-color); font-size:var(--font-size20); font-weight:var(--font-weight__b); color:var(--white-color); padding:.08rem 0; min-width:1.7rem; text-align:center; border-radius:1rem;}

@media screen and (max-width:1024px) {
.news-info{ padding:.5rem;}
.news-info .title{ font-size:var(--font-size26);}
}
@media screen and (max-width:640px) {
.news-shell{ padding:.8rem 0;}
.news-info{ padding:.3rem;}
.news-info .title{ font-size:var(--font-size24);}
.news-info .other-box{ margin-bottom:.2rem;}
.news-info .editor-box{ padding-bottom:.3rem;}
.news-info .turn-box{ justify-content:center; padding-top:.3rem;}
.news-info .turn-box dl{ width:100%; margin-bottom:.2rem;}
.news-info .turn-box .but{ font-size:var(--font-size18);}
}




/* 联系我们 */
.contact-box{ padding:2.4rem 0 1.4rem;}
.contact-form .item{margin-bottom:.2rem;position: relative; font-size:var(--font-size20); border-bottom:solid 1px rgba(70,85,97,0.4);}
.contact-form .item .tit{position:absolute;left:0; top:0; height:100%; color:#465561; display:-webkit-flex; display:flex; align-items:center; width:100%;}
.contact-form .item .tit i{ margin-right:.05rem; font-style: normal; color:var(--hover-color);}
.contact-form .item select,
.contact-form .item .text{ width:100%; line-height:2; border:none; background:none;}
.contact-form .item .text{ padding:.15rem 0;}
.contact-form .item select{ padding:.21rem 0; color:#465561; cursor:pointer;}
.contact-form .item.code-item .wzt{ padding:.15rem 0; line-height:2; border:none; background:none; width:100%;}
.contact-form .item.code-item .code-box{ position:absolute; right:0; top:0; width:1.03rem; height:100%; cursor:pointer;}
.contact-form .item.code-item .code-box img{ width:1.03rem; height:.5rem; object-fit:contain;}
.contact-form .item.code-item .tishi{ padding-top:.1rem; position:absolute; right:0; top:100%; font-size:var(--font-size16); color:#666666;}
.contact-form .item.area-txt{ margin-top:.5rem; margin-bottom:0;}
.contact-form .item.area-txt .text{height:auto; padding:0; line-height:1.5; resize:none;}
.contact-form .item.area-txt .tit{ top:0; align-items:flex-start;}
.contact-con .contact-img{ width:46.528%; margin-top:-1rem;}
.contact-con .contact-img .vwdtw{ width:115%;}
.contact-con .contact-img img{ display:block;}
.contact-con .contact-form{ background:var(--white-color); width:53.472%; padding:.35rem .5rem .6rem;}
.contact-con .submit-box{ font-size:var(--font-size18); color:var(--hover-color); margin-top:.35rem;}
.contact-con .submit-box .but{ font-size:var(--font-size20); padding:.18rem 0; width:2.4rem; background-color:var(--hover-color); color:var(--white-color); text-transform: uppercase; border-radius:1rem; cursor:pointer;}
.contact-con .submit-box .but i{ margin-left:.15rem; width:.16rem; height:.14rem; display:block; background-image:url(../images/arrow2.png); background-repeat:no-repeat; background-position:center; background-size:contain;}

@media screen and (max-width:1024px) {
.contact-con .contact-img{ width:35%;}
.contact-con .contact-img .vwdtw{ width:200%;}
.contact-con .contact-form{ width:65%;}
}
@media screen and (max-width:640px) {
.contact-box{ padding:.5rem 0;}
.contact-con .contact-img{ width:35%; display:none;}
.contact-con .contact-img .vwdtw{ width:200%;}
.contact-con .contact-form{ width:100%; padding:.25rem;}
}



/* 单篇 */
.single-box{ padding:1rem 0;}
@media screen and (max-width:640px) {
.single-box{ padding:.5rem 0;}
}

/* 列表文本框样式 */
.list-text-box{ padding:1rem 0;}
.list-text-box .list-box{ margin-bottom:.5rem;}
.list-text-box .list-box .item{border-bottom:solid 1px rgba(0,0,0,0.1);}
.list-text-box .list-box .item a{ padding:.2rem 0; transition:.3s;}
.list-text-box .list-box .item .title{ width:calc(100% - 10em); font-size:var(--font-size18);}
.list-text-box .list-box .item .tiem{ color:#000000;}
.list-text-box .list-box .item .tiem span{ display:block; padding-left:.3rem; background-image:url(../images/tiem.svg); background-repeat:no-repeat; background-position:left center; background-size:0.2rem;}
@media screen and (max-width:640px) {
.list-text-box{ padding:.5rem 0;}
.list-text-box .list-box .item .title{ width:calc(100% - 8.5em); font-size:var(--font-size18);}
}



/* 弹框 */
.pop-up{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; display:none;}
.pop-up .center{ width:100%; height:100%;}
.pop-up .back-white{ width:8rem; max-width:96%; padding:.5rem; position:relative; border-radius:.1rem;}
.pop-up .close{ position:absolute; right:.1rem; top:.1rem; width:.4rem; height:.4rem; background-image:url(../images/close.svg); background-repeat:no-repeat; background-position:center; background-size:.25rem; cursor:pointer;}
.pop-up .title{ font-size:var(--font-size26); color:#000; text-align:center;}
.pop-up .form_box .item{position:relative;font-size:var(--font-size18); border-bottom:solid 1px rgba(70,85,97,0.4);}
.pop-up .form_box .item .tit{position:absolute;left:0; top:0; height:100%; color:#465561; display:-webkit-flex; display:flex; align-items:center; width:100%;}
.pop-up .form_box .item .tit i{ margin-right:.05rem; font-style: normal; color:var(--hover-color);}
.pop-up .form_box .item select,
.pop-up .form_box .item .text{ width:100%; line-height:2; border:none; background:none;}
.pop-up .form_box .item .text{ padding:.15rem 0;}
.pop-up .form_box .item select{ padding:.2rem 0; color:#465561; cursor:pointer;}
.pop-up .form_box .item.area-txt{ padding:.15rem 0;}
.pop-up .form_box .item.area-txt .text{height:auto; display:block; font-size:var(--font-size18); padding:0; line-height:1.5; resize:none;}
.pop-up .form_box .item.area-txt .tit{font-size:var(--font-size18); top:0.15rem; height:calc(100% - 0.2rem); align-items:flex-start;}
.pop-up .form_box .submit-box{ font-size:var(--font-size18); color:var(--hover-color); margin-top:.35rem;}
.pop-up .form_box .submit-box .but{font-size:var(--font-size18); padding:.15rem 0; width:2rem; background-color:var(--hover-color); color:var(--white-color); text-transform:uppercase; border-radius:1rem; cursor:pointer;}
.pop-up .form_box .submit-box .but i{ margin-left:.1rem; width:.16rem; height:.14rem; display:block; background-image:url(../images/arrow2.png); background-repeat:no-repeat; background-position:center; background-size:contain;}

/* 新增 */
.sitemap{
  display:flex;
flex-wrap:wrap;

}
.sitemap .site_item{
  width: 15%;
  margin-bottom: .25rem;
}
.sitemap .site_item:not(:nth-child(6n+1)){
  margin-left: 2%;
}
.sitemap_lis .sitemap_li{
  display: block;
  color: #82838d;
  margin-bottom: .1rem;
}
.sitemap_lis .sitemap_li:hover{
  color: #192a8c;
}
.sitemap .sitemap_lis{
  margin-top: .2rem;
}


@media (max-width: 768px) {
.sitemap .site_item{
  width: 32.33%;
}
.sitemap .site_item:not(:nth-child(6n+1)){
  margin-left: 0;
}
.sitemap .site_item:not(:nth-child(3n+1)){
  margin-left: 1.5%;
}
}






