@font-face {
  font-family: 'Barlow-Bold';
  src: url('fonts/Barlow-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Medium';
  src: url('fonts/Barlow-Medium.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Regular';
  src: url('fonts/Barlow-Regular.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Light';
  src: url('fonts/Barlow-Light.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6,b,strong{ padding:0px; margin:0px;font-family: 'Barlow-Bold';}

body{font-family: 'Barlow-Regular';--hover-color:#003b87;--white:#fff; --black:#000; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:0,159,124; --radius: .1rem;overflow-x: hidden;color: #333}

a:hover{color: var(--hover-color)}
.overflow {overflow: hidden;}


.Header{position: relative;width: 100%;left: 0;top: 0;transition: .3s all;z-index: 100;background: #fff;position: fixed}
.Header:after{content: '';position: absolute;width: 100%;height: calc(100% + .8rem);left: 0;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);z-index: 1;display: none}
.Header [class*=autoCon-] {position: relative;z-index: 100;}
.Header .Header-top{background: #000;font-size: .14rem}

.Header .Header-top .left {display: flex;align-items: center;}
.Header .Header-top .left span{color: #fff;padding-left: .26rem;margin-right: .5rem}
.Header .Header-top .left span.tel{background: url(../images/icon-whatapp.svg)no-repeat center left;background-size: .2rem auto;}
.Header .Header-top .left span.mail{background: url(../images/icon-mail.svg)no-repeat center left;background-size: .2rem auto;}
.Header .Header-top .left .share{display: flex;align-items: center;;}
.Header .Header-top .left .share a{width: .2rem;height: .2rem;background-size: .2rem;background-position: center;background-repeat: no-repeat;;margin-right: .2rem;}
.Header .Header-top .left .share a.whatapp{background-image: url(../images/top-whatapp.svg);}
.Header .Header-top .left .share a.fb{background-image: url(../images/top-fb.svg);}
.Header .Header-top .left .share a.ytb{background-image: url(../images/top-ytb.svg);}
.Header .Header-top .left .share a.dy{background-image: url(../images/top-tiktok.svg);}
.Header .Header-top .right a{color: #fff;margin-left: .5rem;}

.Header .logo img{max-height: .5rem;transition: .3s all}
.Header .logo img.black{display: none;}

.Header .menu a{color: #000;transition: .3s all;position: relative;}
.Header .menu span a{font-size: var(--font-size18);font-family: 'Barlow-Bold';display: block;text-transform: uppercase;}
.Header .menu a::before{content: '';position: absolute;width: 0;height: 2px;background:var(--hover-color);left: 50%;bottom: 0;transform: translateX(-50%);transition: .3s all;}


.Header .active .sub {opacity: 1;visibility: visible;}
.Header .active .sub [class*=autoCon-]{background-color: #fff;width: 100%}
.Header .active .sub dl{background-color: #fff;}


.Header .sub.pro-sub .right .right-title{border-bottom: #e0e0e0 solid 1px;padding-bottom: 30px;}
.Header .sub.pro-sub .right .right-title h3{font-size: var(--font-size22);color: #000;padding-bottom: .1rem;}
.Header .sub.pro-sub .right .right-title p{color: #888;}

.Header .sub.pro-sub .right .right-list{padding-top: .3rem;display: flex;flex-wrap: wrap;}

.Header .sub.pro-sub .right .right-list .item h4{font-size: var(--font-size18);padding-bottom: .1rem}
.Header .sub.pro-sub .right .right-list .item p{color: #888;}
.Header .sub.pro-sub .right .right-list .item:hover h4{color: var(--hover-color);}


.Header .top-right {display: flex;align-items: center;}


.top-lang {position: relative;z-index: 200;margin-right: .5rem;}
.top-lang span {display: block;font-size: var(--font-size14);padding-left: 0.26rem;line-height: 1.57142857;background: no-repeat url(../images/top-lang.svg) left center; background-size: .18rem auto; cursor: pointer; color: #000}
.top-lang .hover {position: absolute;top: 100%;left: 50%;width: max-content;background-color: #fff; padding:1.2em 1em;visibility: hidden;opacity: 0;transform: translate(-50%,0.3rem);transition: 0.3s;text-align: center;font-size: var(--font-size14);}
.top-lang .hover a:not(:hover) {color: #333}
.top-lang .hover li + li {margin-top: 0.5em}
.top-lang.active .hover {visibility: visible;opacity: 1;transform: translate(-50%,0)}

.top-hotline {margin-right: .5rem;position: relative;}
.top-hotline span{color: #fff;font-size: var(--font-size22);display: flex;align-items: center;font-family: 'hmb'}
.top-hotline span::before{content: '';width: .18rem;height: .18rem;background: url(../images/top-hotline.svg)no-repeat center left;background-size: .18rem auto;margin-right: .1rem;filter: grayscale(100) brightness(100);}


.lang{margin-left: .2rem;border-right: 1px solid #ddd;padding-right: .2rem;margin-left: 1rem}

.Header .open-search { display: block; width: 0.2rem; height: .2rem; background: url(../images/search-on.svg) no-repeat center center ; background-size: .18rem auto; cursor: pointer;transition: .3s all;}
.Header .top-search { position: absolute; top: 100%; right: 0; width: 4rem; background-color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 3px; overflow: hidden;transition: 0.3s;border: 1px solid #000; opacity: 0; visibility: hidden; transform: translateY(0.3rem);}
.Header .top-search .text { flex: 1; border: 0; height: .45rem; line-height: .45rem; padding: 0 1em;}
.Header .top-search .text:not(.focus) { color: rgba(var(--rgb-999),1);}
.Header .top-search .btn { width: .45rem; height: .45rem; display: block; background: url(../images/search-on.svg) no-repeat center center; background-size: auto 0.22rem;cursor: pointer;}
.search-show .Header .open-search {}
.search-show .Header .top-search { opacity: 1; visibility: visible;transform: translateY(0);}


/*滚动后*/
.Header_fixed{box-shadow: 0 3px 6px rgba(0,0,0,.05);}
/*.Header_fixed .logo img.white{display: none}
.Header_fixed .logo img.black{display: block}
.Header_fixed .menu a{color: #000}
.Header_fixed .open-search{filter: grayscale(0) brightness(0);}

.Header_fixed .top-lang span {color: #333;background: no-repeat url(../images/top-lang.svg) left center;background-size: .18rem auto;}

.Header_fixed .top-hotline span{color: var(--hover-color);}
.Header_fixed .top-hotline span::before{filter:none;}

.Header_fixed:after{display: none}*/

.Header .menu li:hover span a,
.Header .menu li.aon span a{color: var(--hover-color)}

.Header .menu li:hover span a::before,
.Header .menu li.aon span a::before{width: 100%}

@media(min-width:1025px){
    .Header .Header-top .autoCon-1400{height: .46rem;}
    
    .Header .top-mid{width: 40%;}
    .Header .menu li:not(:nth-child(2)){position: relative}
    .Header .menu li span{line-height: 1rem;}
    .Header .top-right{}
    .Header .menu{display: flex;justify-content: space-between;}
    .Header .sub {top: 100%;transform:translateY(0.3rem);width: 2rem;left: 0%;position: absolute; visibility: hidden; opacity: 0; font-weight: 100; overflow: hidden; padding-top: 2px}
    .Header .sub:not(.pro-sub) dl{padding: .1rem}
    .Header .sub:not(.pro-sub) dl a{display: block;padding: .1rem}
    .Header .sub:not(.pro-sub) dl a:hover{background:var(--hover-color);color: #fff}
    .Header .active .sub {transform:translateY(0);}
    .Header .sub.pro-sub{height: 4.8rem;width: 100%;}
    .Header .sub.pro-sub [class*=autoCon-]{display: flex;height: 100%}
    .Header .sub.pro-sub .left{width: 20%;height: 100%;border-right: #e0e0e0 solid 1px;padding-top: .2rem;flex: 0 0 auto}
    .Header .sub.pro-sub .left dl{padding-left: .1rem;}
    .Header .sub.pro-sub .left dl dt a{padding: .16rem .5rem .16rem .2rem;;display: block;font-size: var(--font-size18);position: relative}
    .Header .sub.pro-sub .left dl dt a::after{content: '';position: absolute;width: .5rem;height: .5rem;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/icon-jt2-w.svg)no-repeat center;background-size: .2rem auto}
    .Header .sub.pro-sub .left dl dt.active a{background:var(--hover-color);color: #fff }
    
    .Header .sub.pro-sub .right{flex: 1;padding: .4rem 5%;overflow-y: auto}
    .Header .sub.pro-sub .right .right-list .item{width: 32%;margin-right: 2%;margin-bottom: .3rem;}
    .Header .sub.pro-sub .right .right-list .item:nth-child(3n){margin-right: 0;}
}

@media(max-width:1024px){
    .Header .logo img{max-height: .4rem}
    .Header .Header-top .autoCon-1400{height: .7rem;padding: .1rem}
    .Header .Header-top .left {flex-direction: column;width: 65%;align-items: flex-start}
    .Header .Header-top .left span{margin-right:0 ;}
    .Header .Header-top .left span:not(:last-child){margin-bottom:5px;}
    .Header .Header-top .right {}
    .Header .Header-top .right a{margin-left: .1rem}
    .Header .Header-top .right a:first-child{margin-left: 0}
    
    .Header .top-mid {position: fixed;left: -100%;opacity: 0; visibility: hidden;transition: left 0.5s ease-in-out;top: 1.4rem; width: 100%; bottom: 0;border-top: 1px solid #ebebeb}
    .menu-show .Header .top-mid { left: 0;visibility: visible;opacity: 1;}
    .Header .menu {height: 100%;position: relative;width: 100%; background-color: #fff;padding: .2rem 0 1rem;overflow: auto} 
    .Header .menu li span{padding: 0 1rem 0 .2rem;display: block;line-height: 4;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .Header li.has-sub span::before { position: absolute;content: '';right: 1em;top: 50%;transform: translateY(-50%);width: .2rem;height: .2rem; z-index: 10;background: url(../images/icon-jt2.svg) no-repeat center;background-size: 1em auto;}
    .Header .sub {display: none}
    .Header .active .sub {display: block;padding: .2rem}
    .Header .sub dt a{padding: .16rem 0;;display: block;}
    .Header .sub.pro-sub .left{display: none}
    .Header .sub.pro-sub .right .boxs{display: block!important;border-bottom: 1px solid #000;}
    .Header .sub.pro-sub .right .boxs:not(:last-child){margin-bottom:30px }
    .Header .sub.pro-sub .right .right-title{padding-bottom: 15px;}
    .Header .sub.pro-sub .right .right-list{padding-top: .15rem;}
    .Header .sub.pro-sub .right .right-list .item{width: 49%;margin-right: 2%;margin-bottom: .3rem;}
    .Header .sub.pro-sub .right .right-list .item:nth-child(2n){margin-right: 0;}
    .Header .sub.pro-sub .right .right-list .item h4{font-size: var(--font-size18);}
    
    .has-sub span .op{width: 1rem}
    .Header .open-menu i {background-color: #000;}
    .Header .open-search{background-size: 20px auto;width: 20px;height: 20px;margin-right: 20px}
    .Header > [class*=autoCon-]{height: .7rem}
    .Header .top-search{width: 100%;}
}



.banner a{}
.banner a video{width: 100%;}
.banner .slick-dots{position: absolute; left: 0;width: 100%;text-align: center; bottom: .4rem;z-index: 10;}
.banner .slick-dots li{width: .12rem;height: .12rem;border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 .1rem;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #fff;}
@media (min-width:1025px) {
    .banner .wap{display: none;}
}
@media (max-width:1024px) {
    .banner .pc{display: none;}
}




.Banner003223{position:relative;z-index:1;--white:#fff; }
.Banner003223 .swiper-wrapper{height: auto;}


.Banner003223 .txt{position:absolute;left:0;bottom:0;width:100%;height: 100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:13;color:var(--white);}
.Banner003223 .txt :where(.tit,.desc,p,.btn){opacity:0;transform:translateX(1rem);transition:0.5s;}
.Banner003223 .txt .tit{font-size: var(--font-size62);font-family: 'Barlow-Bold';width: 60%;line-height: .7rem}
.Banner003223 .txt .tit2{margin:0;font-size:0.72rem;line-height:1.5;transition-delay:0.5s;font-family: 'hmb';/*background: linear-gradient(to right, #71ba37, #11847d);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;*/}
/*.Banner003223 .txt h3 span{text-shadow: 1px 1px 1px rgba(17,132,125,.05),1px 2px 1px rgba(17,132,125,.15),1px 3px 1px rgba(17,132,125,.25);}*/

.Banner003223 .txt .desc{font-size:var(--font-size24);line-height:.4rem;max-width:5rem;transition-delay:0.8s;padding-top: .5rem;font-family: 'Barlow-Medium';}
.Banner003223 .txt .btn{transition-delay:1s;margin-top: .5rem;opacity:0;transform:translateX(1rem);}
.Banner003223 .txt .btn a{display: flex;width: 2rem;height: .6rem;align-items: center;justify-content: center;background: var(--hover-color);color: #fff;border-radius: .14rem;font-size: var(--font-size22);}
.Banner003223 .txt .btn a::after{content: '';width: .22rem;height: .22rem;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .2rem auto;margin-left: .2rem}
.Banner003223 .txt.blockTrue .tit{color: #000}
.Banner003223 .txt.blockTrue .desc{color: #000}


.Banner003223 .txt.centerTrue .tit{text-align: center;margin: 0 auto}
.Banner003223 .txt.centerTrue .desc{text-align: center;margin: 0 auto}
.Banner003223 .txt.centerTrue .btn a{margin:0 auto ;}


.Banner003223 .imgbox{overflow: hidden; position: relative;}
.Banner003223 .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;}


.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.Banner003223  .controls-page span.swiper-pagination-bullet-active {border-color: #fff;background-color: #fff;}
.Banner003223 .swiper-slide-active .txt :where(.tit,.desc,p,.btn){opacity:1;transform:translateX(0)}
.Banner003223 .swiper-slide img{transform: scale(1) rotate(0deg);}
.Banner003223 .swiper-slide-active img{/*transform: scale(2) rotate(20deg);transition: transform 50s cubic-bezier(0.25, 0.46, 0.45, 0.94);*/}

.Banner003223 .btns a{position: absolute;top: 50%;transform: translateY(-50%);width: .6rem;height: .6rem;display: flex;justify-content: center;align-items: center;transition: var(--transition);cursor: pointer;border: solid 1px rgba(255, 255, 255, .3);z-index: 100;border-radius: 50%;background: rgba(0,0,0,.1)}
.Banner003223 .btns a::before {content: ''; width: 100%;height: 100%;background: url(../images/icon-jt1.svg) no-repeat center; background-size: .18rem auto; filter: grayscale(100) brightness(100);border-radius: 50%;}
.Banner003223 .btns a.prev::before { transform: rotate(180deg);}
.Banner003223 .btns a.prev{left: 3%}
.Banner003223 .btns a.next{right: 3%}
.Banner003223 .btns a:hover{background: var(--hover-color);border-color: var(--hover-color)}

@media(min-width:1025px){
    .Banner003223 .txt.centerTrue .autoCon-1400{transform: translateY(-48%)}
}
@media (max-width:1024px) {
    .Banner003223 .pc{display: none}
    .Banner003223 .txt {width: calc(100% - 1.2rem);left: 50%;transform: translateX(-50%)}
    .Banner003223 .txt .tit{font-size: var(--font-size32);line-height: .4rem;width: 100%}
    .Banner003223 .txt .desc{font-size: var(--font-size18);line-height: 1.75;width: 100%;padding-top: .2rem}
    .Banner003223 .txt .btn{margin-top: .2rem;}
    .Banner003223 .txt .btn a{display: flex;width: 1.2rem;height: .4rem;font-size: var(--font-size14);}
    .Banner003223 .btns a{width: .5rem;height: .5rem;}
}



.index_title{padding-bottom: .8rem}
.index_title.tc{text-align: center;}
.index_title .index_title_tit{color: #000;font-size:var(--font-size60);position: relative;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: .6rem}
.index_title .index_title_tit span{position: relative;}
.index_title .index_title_tit span i{position: absolute;width: .3rem;height: .2rem;background: url(../images/title-icon.png)no-repeat center;background-size: contain;bottom: .1rem;right: -.2rem;z-index: 1}
.index_title .index_title_desc{color: #333;line-height: 1.5;padding-top: .2rem;}
.index_title.tc .index_title_desc{margin: 0 auto;}
.index_title.tc::before{margin: 0 auto .2rem;}
.index_title.white .index_title_tit,
.index_title.white .index_title_desc{color: #fff;}
.index_title.nb::before{background: url(../images/title-icon2.png)no-repeat center;background-size: auto;}

@media(max-width:1024px){
    .index_title{padding-bottom: .4rem}
    .index_title .index_title_tit{font-size:.4rem;line-height: .5rem}
}




.index_product{padding:1rem 0;background: #f5f5f5}
.index_product .con{position: relative}
.index_product .tab {display: flex;margin-bottom: .4rem}
.index_product .tab span{width: 20%;border-top: 1px solid #000;border-bottom: 1px solid #000;border-right: 1px solid #000;padding:.2rem .2rem;text-align: center;color: #000;font-size:var(--font-size24);cursor: pointer;position: relative}
.index_product .tab span:first-child{border-left: 1px solid #000;border-radius: .14rem 0 0 .14rem}
.index_product .tab span:last-child{border-left: 0;border-radius:0 .14rem .14rem 0}
.index_product .tab span.on{background: #000;color: #fff}

.index_product .left {box-shadow: 0 3px 12px rgba(0,0,0,.02);background: #fff;border-radius: .14rem;display: flex;align-items: center}
.index_product .left .item{width: 100%}
.index_product .left .item a{display: flex;flex-direction: column;padding: .4rem .6rem;}
.index_product .left .item a .txt{display: flex;align-items: center;justify-content: space-between;margin-top: .5rem}
.index_product .left .item a .tit{color: #000;font-size:var(--font-size30);font-family: 'Barlow-Bold';padding-bottom: .2rem;}
.index_product .left .item a .desc{line-height: 1.75;}
.index_product .left .item a .more{display: flex;align-items: center;justify-content: center;;width: 1.4rem;height: .5rem;border-radius: 36px;background: #000;flex: 0 0 auto;margin-left: .3rem}
.index_product .left .item a .more span{color: #fff;line-height: 1}
.index_product .left .item a .more::after{content: ''; width: .2rem;height: .2rem;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .18rem;margin-left: .3rem;}

.index_product .left .item a .pic{padding-bottom: 54%;position: relative;}
.index_product .left .item a .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index_product .left .item a .pic span img{width: 100%;height: 100%;object-fit: contain}


.index_product .right{position: relative;}
.index_product .swiper{}
.index_product .swiper a{display: block;position: relative;background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,.02);border-radius: .14rem;overflow: hidden}
.index_product .swiper .imgbox{padding-bottom: 114.63%;position: relative;overflow: hidden;}
.index_product .swiper .imgbox span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: flex-end;background: url(../images/index_product_bg.jpg)no-repeat center;background-size: cover;transition: .3s all;opacity: .3;padding-bottom: .5rem}
.index_product .swiper .imgbox span img{width: 100%;height: 100%;object-fit: contain;max-height: 50%;max-width: 60%}

.index_product .swiper .txt{position: absolute;width: 100%;height: 100%;padding: .5rem;left: 0;top: 0;z-index: 10;display: flex;flex-direction: column;}
.index_product .swiper .txt .tit{color: #000;font-size:var(--font-size28);font-family: 'Barlow-Bold';padding-bottom: .1rem;}
.index_product .swiper .txt .desc{line-height: 1.75;}
.index_product .swiper .txt .btn{display: flex;align-items: center;justify-content: center;;width: 1.4rem;height: .5rem;border-radius: 36px;background: var(--hover-color);margin-top: .4rem}
.index_product .swiper .txt .btn span{color: #fff;line-height: 1}
.index_product .swiper .txt .btn::after{content: ''; width: .2rem;height: .2rem;background: url(../images/icon-jt1-j.svg)no-repeat center;background-size: .18rem;margin-left: .3rem;}
.index_product .swiper a:hover .imgbox span{opacity: .8;transform: scale(1.05)}


.index_product .controls{display: flex;justify-content: space-between;align-items: center;margin-top: .4rem}
.index_product .controls:before{display: block; content: '';height: 1px;flex: 1;background-color: #e6e6e6;}
.index_product .controls .arrows{width: 1.34rem;display: flex;align-items: center; justify-content: space-between; margin-left: 0.2rem;}
.index_product .controls .arrows a{position: relative; top: auto;display: flex; margin: 0;border: solid 1px var(--hover-color);width: 0.6rem;height: 0.6rem;border-radius: 50%; z-index: 10; transition: var(--transition);cursor: pointer;background: var(--hover-color); }
.index_product .controls .arrows a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .18rem auto;filter: grayscale(100) brightness(100);}
.index_product .controls .arrows a.swiper-button-disabled{background: none; border-color:#d6d6d6}
.index_product .controls .arrows a.prev{left: auto;}
.index_product .controls .arrows a.prev::before{transform: rotate(180deg);}
.index_product .controls .arrows a.swiper-button-disabled::before{opacity: .5;filter:grayscale(0) brightness(0)}
.index_product .controls .arrows a.next{right: auto;}
.index_product .controls .arrows a:not(.swiper-button-disabled):hover{background: var(--hover-color); border:none}
.index_product .controls .arrows a:not(.swiper-button-disabled):hover::before{opacity: 1;filter:grayscale(100) brightness(100);}
@media (min-width:1025px) {
    .index_product .left{width: 50%;}
    .index_product .right{width: calc(50% - .1rem);}
    .index_product .swiper.overflow-auto{overflow: initial;}
}

@media(max-width:1024px){
    .index_product{padding:50px 0;}
    .index_product .tab {justify-content: center}
    .index_product .tab span{padding:.2rem .12rem;font-size:var(--font-size18);width: auto}
    .index_product .swiper .imgbox span img{max-height: 40%;}
    .index_product .swiper .txt{padding: .3rem;}
    .index_product .swiper .txt .tit{font-size:var(--font-size24);}
}



.index_solu{position: relative;z-index: 10;background: #91b0c8;padding: 1rem 0}
.index_solu .title{display: flex;align-items: center;justify-content: space-between;padding-bottom: .8rem}
.index_solu .title .index_title{padding-bottom: 0}
.index_solu .swiper .swiper-slide a{display: block;position: relative}
.index_solu .swiper .swiper-slide .pic{position: relative;overflow: hidden}
.index_solu .swiper .swiper-slide .pic::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background:#000;opacity: .5;z-index: 10}
.index_solu .swiper .swiper-slide .pic figure{padding-bottom: 128.36%;border-radius: .14rem;transition: .3s all}
.index_solu .swiper .swiper-slide .txt{padding:0 .3rem;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);left: 0;width: 100%;}
.index_solu .swiper .swiper-slide .txt .tit{font-size:var(--font-size24);font-family: 'Barlow-Bold';color: #fff}
.index_solu .swiper .swiper-slide .txt .desc{line-height: .24rem;color: #fff;padding-top: .15rem;}
.index_solu .swiper .swiper-slide .txt .more{display: flex;align-items: center;justify-content: center;;width: 1.4rem;height: .5rem;border-radius: 36px;border: 1px solid #fff;flex: 0 0 auto;margin-top: .6rem}
.index_solu .swiper .swiper-slide .txt .more span{color: #fff;line-height: 1}
.index_solu .swiper .swiper-slide .txt .more::after{content: ''; width: .2rem;height: .2rem;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .18rem;margin-left: .3rem;}

.index_solu .swiper .swiper-slide:hover .pic figure{transform: scale(1.05)}

.index_solu .controls{display: flex;align-items: center;justify-content: space-between;}
.index_solu .controls a{position: relative; top: auto;display: flex; margin: 0;border: solid 1px rgba(255,255,255,.3);width: 0.6rem;height: 0.6rem;border-radius: 50%; z-index: 10; transition: var(--transition);cursor: pointer;; }
.index_solu .controls a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .18rem auto;filter: grayscale(100) brightness(100);}
.index_solu .controls a.swiper-button-disabled{background: none; border-color:#d6d6d6}
.index_solu .controls a.prev{left: auto;margin-right: .15rem}
.index_solu .controls a.prev::before{transform: rotate(180deg);}
.index_solu .controls a.swiper-button-disabled::before{opacity: .5;filter:grayscale(0) brightness(0)}
.index_solu .controls a.next{right: auto}
.index_solu .controls a:not(.swiper-button-disabled):hover{background: var(--hover-color); border:none}
.index_solu .controls a:not(.swiper-button-disabled):hover::before{opacity: 1;filter:grayscale(100) brightness(100);}

@media(max-width:1024px){
    .index_solu{padding: 50px 0}
    .index_solu .title{padding-bottom: .4rem}
    .index_solu .swiper .swiper-slide .pic figure{padding-bottom: 74%;}
    .index_solu .swiper .swiper-slide .txt .tit{font-size:var(--font-size30);}
}



.index_about{position: relative;z-index: 10;padding: 1rem 0;background: #f5f5f5}
.index_about .left .tit{color: #000;font-size:var(--font-size24);padding-bottom: .3rem}
.index_about .left .desc{color: #000;font-size:var(--font-size18);line-height: 1.75}
.index_about .left .desc p:not(:last-child){padding-bottom: .2rem}
.index_about .left .more{display: flex;align-items: center;justify-content: center;;width: 1.8rem;height: .5rem;border-radius: 36px;background: var(--hover-color);flex: 0 0 auto;margin-top: .5rem;}
.index_about .left .more span{color: #fff;line-height: 1}
.index_about .left .more::after{content: ''; width: .2rem;height: .2rem;background: url(../images/icon-jt1-j.svg)no-repeat center;background-size: .18rem;margin-left: .3rem;}

.index_about .right figure{padding-bottom: 80%;border-radius: .14rem}

@media(min-width:1025px){
    .index_about .left{flex: 1;padding-right: 1rem }
    .index_about .right{width:50%;flex: 0 0 auto }
}

@media(max-width:1024px){
    .index_about{padding: 50px 0;}
    .index_about .right{margin-top: .3rem}
}




.index_new{padding: 1rem 0;position: relative;z-index: 10}

.index_new .list{display: flex;flex-wrap: wrap;justify-content: space-between}
.index_new .list .item{width: 48%;position: relative}


.index_new .list .item a{display: flex;justify-content: space-between;align-items: center}
.index_new .list .item .txt{flex: 1;width: 65%}
.index_new .list .item .txt .tit{color: #000;font-size:var(--font-size18);margin-bottom: .15rem;font-family: 'Barlow-Bold';}
.index_new .list .item .txt .desc{line-height: 1.5;font-size: .14rem}
.index_new .list .item .pic{width: 35%;flex: 0 0 auto;}
.index_new .list .item .pic figure{padding-bottom: 61%;border-radius: .14rem;background-size:contain;}

@media(min-width:1025px){
    .index_new .list .item:not(:nth-child(-n+2)){margin-top: .2rem;}
    .index_new .list .item::after{content: '';position: absolute;width: calc(100% - 35% - .3rem);height: 1px;background: #ededed;bottom: 0;left: 0}
    .index_new .list .item .txt{margin-right: .3rem;}
}
@media(max-width:1024px){
    .index_new{padding: 50px 0;}
    .index_new .list .item{width: 100%;margin-bottom: .3rem}
    .index_new .list .item .txt{padding-right: .3rem;}
    .index_new .list .item .txt .tit{font-size:var(--font-size18);margin-bottom: .1rem}
    
}




.index_partner{padding: .5rem 0 1.2rem}
.index_partner .title{text-align: center;color: #8d8d8d}
.index_partner .list ul{display: flex}
.index_partner .list a{display: flex;align-items: center;justify-content: center;height: 1rem;width: 2rem}
.index_partner .list a img{max-height: 50%;max-width: 60%!important;}

@media(max-width:1024px){
    .index_partner{padding: 0 0 50px}
}



.index_honor{;background: url(../images/index_honor-bg.jpg)no-repeat center bottom;background-size: 100% auto;overflow: hidden;position: relative;z-index: 1;padding-top: 1.2rem}
.index_honor .subtit{font-size:var(--font-size48);color: #666;padding-bottom: .3rem;font-family: 'hmm';margin: 0 auto;max-width: 11rem;text-align: center}
.index_honor .subtit span{color: #000;}
.index_honor .swiper{margin: 0 1rem;padding-bottom: 2rem;overflow: initial;padding-top: .5rem}
.index_honor .swiper .swiper-slide a{display: flex;align-items: center; flex-direction: column; text-align: center; height: 4rem; justify-content: flex-end;}
.index_honor .swiper .swiper-slide a .imgbox{position: relative;display: inline-block; background-image: url(../images/index_honor-kuang.png);background-repeat: no-repeat; background-size: 100% 100%;padding: .23rem;max-width: 66.612%;}
.index_honor .swiper .swiper-slide a .imgbox img{max-height: 3.6rem}
.index_honor .swiper .swiper-slide a .imgbox::after{content: '';position: absolute;top: 98%;left: 0;background: url(../images/index_honor-yy.png)no-repeat top left;background-size: auto auto;width: 140%;height: .6rem}
.index_honor .swiper .swiper-slide a .imgbox i{position: absolute;width: .08rem;height: .08rem;background: #b9b9b9;border-radius: 50%;}
.index_honor .swiper .swiper-slide a .imgbox i:nth-child(1){left: .1rem;top: .1rem;}
.index_honor .swiper .swiper-slide a .imgbox i:nth-child(2){right: .1rem;top: .1rem;}
.index_honor .swiper .swiper-slide a .imgbox i:nth-child(3){left: .1rem;bottom: .1rem;}
.index_honor .swiper .swiper-slide a .imgbox i:nth-child(4){right: .1rem;bottom: .1rem;}
.index_honor .swiper .swiper-slide a .tit{position: absolute;top: calc(100% + .4rem);left: 50%;transform: translateX(-50%);width: 100%;text-align: center;color: #333;max-width: 70%;}

.index_honor .swiper .controls{display: flex;justify-content: space-between;margin-bottom: .3rem;position: absolute;width: 105%;top: 36%;left: 50%;transform: translateX(-50%);z-index: 10}
.index_honor .swiper .controls a{width: .6rem;height: .6rem;background: none;border: 1px solid #d6d6d6;display: flex;justify-content: center;align-items: center;top: 0;z-index: 100;cursor: pointer;border-radius: 50%;margin: 0 .15rem}
.index_honor .swiper .controls a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .18rem auto;}
.index_honor .swiper .controls a.prev{left: -.25rem;}
.index_honor .swiper .controls a.next{right: -.25rem;background: var(--hover-color);border-color:var(--hover-color) }
.index_honor .swiper .controls a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.index_honor .swiper .controls a.next::before{filter: grayscale(100) brightness(100);}





.index_message{padding: .8rem 0;background: url(../images/index_message-bg.jpg)no-repeat center;background-size: cover;}
.index_message .subtit{font-size:var(--font-size22);color: #fff;text-align: center}
.index_message .form {margin-top: .5rem;}
.index_message .form li{position: relative;}
.index_message .form li .tit{position: absolute;left: .4rem; top: 0;font-size:var(--font-size16); line-height: .6rem;color: #666;}
.index_message .form li select,
.index_message .form li .text{width: 100%;border-radius: 36px; border: none;font-size: var(--font-size16);line-height: .6rem;height:  .6rem; background: #fff;padding: 0 .4rem;}
.index_message .form li textarea.text{height: auto;}
.index_message .form .btn{width: 2rem; background: #fff;border-radius: 36px;font-size: var(--font-size20);height: .6rem;color: var(--hover-color);cursor: pointer; border: 0;font-family:'hmm';flex: 0 0 auto}
@media (min-width:1025px) {   
    .index_message .form {display: flex;justify-content: space-between;}
    .index_message .form ul {display: flex;justify-content: space-between;flex: 1}
    .index_message .form ul li{width:calc(33% - .2rem);}
    .index_message .form .btn{margin-left: .3rem}
}




.Bottom{background:url(../images/bottom-logo.png)no-repeat left -3rem center #000; background-size: 50%; padding-top: .8rem; /* padding-bottom: 0.5rem; */--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);}
.Bottom,
.Bottom a:not(:hover){color:var(--white);}
.Bottom .logo{margin-bottom: .8rem}
.Bottom .logo img{max-height: .5rem;}
.Bottom a:hover{color:var(--white)!important; }

.Bottom .f-top{padding-bottom: 0.5rem;margin-bottom: .5rem; border-bottom: 1px solid rgba(0,0,0,.1)}
.Bottom .f-bottom{margin-top:0.7rem; font-size: var(--font-size14);padding: 0.3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.Bottom .f-bottom,
.Bottom .f-bottom a:not(:hover){color: var(--white-opacity-50);}
.Bottom .f-bottom .other a:not(:last-child):after{content:"·";margin:0 0.12rem}

.Bottom .f-mid .f-mid-l aside{padding-bottom: .1rem;opacity: .5}
.Bottom .f-mid .f-mid-r{position: relative;z-index: 2; background-repeat: no-repeat; background-position: center center; /* background: url(../images/bottom-bg.jpg)no-repeat center */;background-size: cover;border-radius: 3px;}
.Bottom .f-mid .f-mid-r::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: -1;}
.Bottom .form-ul{} 
.Bottom .form-ul li{margin-bottom: .2rem;position: relative;}
.Bottom .form-ul li .tit{padding-bottom: .1rem;color: #fff;display: block;position: absolute;left: .2rem;line-height: .6rem}
.Bottom .form-ul li select,
.Bottom .form-ul li .text{width: 100%;border-radius: 3px; border: solid 1px rgba(255,255,255,.5);font-size: .16rem;line-height: .6rem;height:.6rem; background:rgba(255,255,255,.1);padding: 0 .2rem;font-family: 'Barlow-Regular';color: #fff}
.Bottom .form-ul li textarea.text{height: 1.6rem;
    line-height: 1.3;
    padding: .2rem;
}
.Bottom .form-ul .btn{width: 2rem; background: #bf0000;border-radius: 5px;font-size: var(--font-size16);height: .6rem;color: #fff;cursor: pointer; border: 0;font-family: 'Barlow-Bold';}
.Bottom .follow-us{display: flex;align-items: center;margin-bottom: .2rem}
.Bottom .follow-us ol{opacity: .75;}
.Bottom .follow-us li{position: relative;z-index: 10}
.Bottom .follow-us li +li{margin-left: 0.2rem;}
.Bottom .follow-us li a{display: flex; border-radius: 50%;width: 0.4rem; height: 0.4rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;}
.Bottom .follow-us li a:hover{background:var(--hover-color) }
.Bottom .follow-us li a:after{width: 0.2rem; height: 0.2rem;background-position: center center; background-repeat: no-repeat; background-size:.2rem auto;transition: 0.3s; content: '';display: block;opacity: .5;filter: grayscale(100) brightness(100);}
.Bottom .follow-us li a:hover:after{opacity: 1;}
.Bottom .follow-us li.li-in a:after{background-image: url(../images/Bottom-in.svg);} 
.Bottom .follow-us li.li-wx a:after{background-image: url(../images/Bottom-wx.svg);} 
.Bottom .follow-us li.li-wb a:after{background-image: url(../images/Bottom-wb.svg);} 
.Bottom .follow-us li.li-dy a:after{background-image: url(../images/top-tiktok.svg);} 
.Bottom .follow-us li.li-fb a:after{background-image: url(../images/top-fb.svg);} 
.Bottom .follow-us li.li-tw a:after{background-image: url(../images/Bottom-tw.svg);} 
.Bottom .follow-us li.li-wx a:after{background-image: url(../images/Bottom-wx.svg);} 
.Bottom .follow-us li.li-whatapp a:after{background-image: url(../images/top-whatapp.svg);} 
.Bottom .follow-us li.li-ytb a:after{background-image: url(../images/top-ytb.svg);} 
.Bottom .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}



.Bottom .contact {max-width: 3.5rem;overflow: hidden;display: flex;justify-content: center;align-items: flex-start;padding-top: 5%}
.Bottom .contact dl{width: 86%;background: rgba(0,0,0,.45);padding:.4rem .24rem;border-radius: 3px;}
.Bottom .contact dt{ position: relative; font-weight: 500;font-size: var(--font-size24);padding-bottom: .2rem}
.Bottom .contact dt a{ color: var(--hover-color);color: #fff}
.Bottom .contact dd {}
.Bottom .contact dd aside{margin-bottom: .15rem;display: block;color: #fff;line-height: 1.5}
.Bottom .contact dd aside.tel{background: url(../images/icon-tel.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .contact dd aside.add{background: url(../images/icon-add.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .contact dd aside strong{font-family: 'Barlow-Bold';}
.Bottom .contact dd aside span{display: inline-block;margin-right: .06rem}
.Bottom .contact dd .phone{font-size: var(--font-size32);font-family: 'Barlow-Bold';color:#fff}




.Bottom .copyright{color: var(--white-opacity-50);line-height: .24rem;}
.Bottom .copyright a{color: var(--white-opacity-50);line-height: .24rem}


.Bottom .nav{display: flex;justify-content: space-between;margin-bottom: .5rem}
.Bottom .nav dt{ position: relative; font-weight: 500;font-size: var(--font-size24);padding-bottom: .2rem}
.Bottom .nav dt a{ color: var(--hover-color);color: #fff}
.Bottom .nav dd{ }
.Bottom .nav dd a{line-height:.36rem;}
.Bottom .nav dd a:not(:hover){color: var(--white-opacity-50);}
.Bottom .nav dd a:hover{color: var(--hover-color);}
.Bottom .nav dd img{width: 1rem;}

.Bottom .nav dl#bnav6{ width: 62%;}
.Bottom .nav dl#bnav6 dd{float: left; width: 50%;}


.Bottom .icp{display: flex;align-items: center;}
.Bottom .icp a{display: flex;}
.Bottom .icp a:before{display: block; content: ''; background: url(../images/Bottom003207-security.png) no-repeat center center / contain; width: 0.18rem; height: 0.2rem; margin-right: 0.06rem;}

.Bottom .link a{display: inline-block;margin-left: .2rem}

.Bottom .code span{margin-left: .1rem}
.Bottom .code img{width: 1rem}
@media (min-width:1025px) {
    .Bottom .f-top{display: flex;align-items: center;justify-content: space-between}
    .Bottom .f-mid{display: flex;justify-content: space-between}
    .Bottom .f-mid nav{display: flex;justify-content: space-between}
    .Bottom .f-bottom{}
    .Bottom .f-mid-r{width: 46%;flex: 0 0 auto;display: flex;justify-content: space-between;}
    .Bottom .f-mid-l{flex: 1;margin-right: 3%;display: flex;flex-direction: column;justify-content: space-between}
    .Bottom nav dt{/*margin-bottom: 0.2rem;*/}
    .Bottom nav dd{display: block!important;}
    .Bottom .contact{}
    .Bottom .form-ul{flex: 1;padding:5% 5% 5% 0} 
    .Bottom .form-ul .row-3 {display: flex;justify-content: space-between;}
    .Bottom .form-ul .row-3 li{width:calc((100% - .2rem)/3);}
    .Bottom .follow-us{}
}
@media (max-width:1024px) {
    .Bottom .logo{margin: 0 auto 0.2rem;}   
    .Bottom .follow-us{justify-content: center;margin-bottom: 0rem;}
    .Bottom .contact{margin-bottom: 0.3rem;max-width: 100%;padding-top: 0}
    .Bottom nav{border-top: 1px solid var(--white-opacity-10);}
    .Bottom nav dl{border-bottom: 1px solid var(--white-opacity-10);transition: 0.3s;}
    .Bottom nav dt{overflow: hidden;padding: 0.1rem 0;}
    .Bottom nav dd{display: none;}
    .Bottom .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
    .Bottom dl.active{padding-bottom: 0.2rem;}
    .Bottom .active .wap-b-op{transform: rotate(45deg);}
    .Bottom .f-bottom{text-align: center; margin-top: 0.4rem;}
    .Bottom .icp{margin-top: 0.3rem;}
    .Bottom .icp a{display: inline-flex;}
    
    .Bottom .f-mid{display: flex;flex-direction: column-reverse}
    .Bottom .nav{display: none;}
    
    .Bottom .f-mid-r{padding: 20px 0;margin-bottom: 30px}
    .Bottom .form-ul{width: 86%;margin: 0 auto}
    
    .Bottom .copyright{text-align: center}
    
}




.Other{position: fixed;right: .2rem;top: 50%;transform: translateY(-50%);z-index: 100;}
.Other ul{}
.Other li:not(:last-child) a{margin-bottom: .08rem;}
.Other li.black a{background: #333;}
.Other li{float: right;position:relative;clear: both;transition: 0.3s;}
.Other li a{display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;align-content: center;background:#dedede;border-radius: 0.6rem;box-shadow: 0 1.71px 6.86px 0 rgba(0, 0, 0, .1);overflow: hidden; }
.Other li a span{font-size: .16rem;color: #333;width: 0;overflow: hidden;white-space: nowrap;transition: max-width 0.3s;}
.Other li a .icon{width: .6rem;height: .6rem;background-position: center center;background-repeat: no-repeat;background-size: 0.3rem auto;}
.Other li a.kf .icon{background-image: url(../images/icon-kf.svg);}
.Other li a.message .icon{background-image: url(../images/icon-message.svg);}
.Other li a.zx .icon{background-image: url(../images/icon-zx.svg);}
.Other li a.mail .icon{background-image: url(../images/icon-mail.svg);}
.Other li a.gotop{background:var(--hover-color) }
.Other li a.gotop::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-top.svg)no-repeat center;background-size: .2rem auto;}

.Other li.active a,
.Other li:hover a{background:var(--hover-color)}
.Other li.active a span,
.Other li:hover a span{ width: auto;padding-right: 0.1rem;color: #fff;}
.Other li.active a .icon,
.Other li:hover a .icon{filter: grayscale(100) brightness(100);}


@media(max-width:1024px){
.Other{top: 86%;right: .1rem}
}



.cbanner{position: relative}
.cbanner::after{content: ''; position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: .35}
.cbanner .figure{padding-bottom: 18.268%;background-size: cover;background-position: center;background-repeat: no-repeat}
.cbanner .txt{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;z-index: 10}
.cbanner .txt .tit{font-size: var(--font-size48);font-family: 'Barlow-Bold';color:#fff;padding-bottom: .2rem}

@media(max-width:1024px){
    .cbanner .figure{padding-bottom: 41.268%;}
}


.location{color:#000;font-size: var(--font-size14);padding: .2rem 0; position:sticky; top:146px; background: #fff; z-index: 20;}
.location .autoCon-1400{display: flex;align-items: center;}
.location a{color:#000;line-height: .2rem;opacity: .5}
.location a:hover{opacity: 1}
.location i{width: .2rem;height: .18rem;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .1rem auto;}
.location span{color: #eda831;}

@media(max-width:1024px){
  .location{padding: .12rem 0;top:118px;}
}


.column_tit{font-size: var(--font-size38);font-family: 'Barlow-Bold';color:#000;padding-bottom: .5rem}
.column_tit.white{color:#fff;}
.column_tit.tc{text-align: center;}

@media(max-width:1024px){
    .column_tit{font-size: var(--font-size34);padding-bottom: .3rem}
}



.Protag{padding-top: .5rem;display: flex;}
.Prodetail .con3 .Protag{padding-bottom: .2rem;position: relative;}
.Protag .autoCon-1400{}
.Protag span{line-height: .3rem;margin-right: .2rem;color: #000;flex: 0 0 auto;font-family: 'Barlow-Bold';}
.Protag a{display: inline-block;margin-right: .2rem;line-height: .3rem;transition: .3s all;color: #999}
.Protag a:hover{color: #000;}

@media(max-width:1024px){
    .Protag{padding-top: 30px;}
}




.Product{padding: .8rem 0 1rem;position: relative;z-index: 1}
.Product_search{border-top: 1px solid #ddd}

.Product .left .tit{font-size: var(--font-size38);color:#000;text-transform: uppercase;padding-bottom: .3rem;font-family: 'Barlow-Bold';}
.Product .side-menu{}
.Product .side-menu li{}
.Product .side-menu li a{display:block; position:relative; color:#666;}
.Product .side-menu > ul > li > a{ font-size: var(--font-size20);border-bottom: 1px solid #ebebeb;padding: .24rem 0;transition: .3s all;}
.Product .side-menu li a i{ position:absolute; right:0; top:50%;transform: translateY(-50%);width:.2rem; height:.2rem; }
.Product .side-menu li a i::before,
.Product .side-menu li a i::after{ position:absolute; content:''; background:#000;}
.Product .side-menu li a i::before{ left:20%; height:2px; width:60%; top:50%; margin-top:-1px;}
.Product .side-menu li a i::after{ left:50%; width:2px; margin-left:-1px; top:20%; height:60%;}
.Product .side-menu li ul{ display:none;}

.Product .side-menu > ul > li.aon > a{color: #fff;padding-left: .4rem;background: url(../images/icon-jt2-j.svg)no-repeat center left .2rem var(--hover-color);background-size: .14rem auto;border-radius: .12rem}

.Product .side-menu li.aon > a{ }

.Product .side-menu li.aon a i::before{ }

.Product .side-menu li.aon a i::after{ display:none;}
.Product .side-menu li ul {padding-bottom: .4rem;margin-bottom: .2rem;border-bottom: 1px solid #ebebeb}
.Product .side-menu li ul li{padding-left: .15rem}
.Product .side-menu li ul li a{ position:relative;color: #666;font-size: var(--font-size14);}
.Product .side-menu li ul li:last-child a{ padding-bottom:.15rem;}

.Product .side-menu li ul li a::after{ position:absolute; content:''; opacity:0;}

.Product .side-menu li ul li a:hover::after{,}

.Product .side-menu li ul li.aon a{ color: #000;text-decoration: underline}

.Product .proinfo{background: #eaeff3;border-radius: .14rem;padding: .3rem .5rem;margin-bottom: .3rem}
.Product .proinfo .tit{font-size: var(--font-size24);color: #000;padding-bottom: .2rem;font-family: 'Barlow-Bold';}
.Product .proinfo .desc{color: #333;line-height: 1.5}


.Product .prolist ul{display: flex;flex-wrap: wrap;}
.Product .prolist ul li{width: 23.5%;margin-right: 2%;margin-bottom: 6%}
.Product .prolist ul li:nth-child(4n){margin-right: 0}

.Product .prolist ul li .pic{padding-bottom: 82%;position: relative;overflow: hidden;border: 1px solid #ebebeb;border-radius: .14rem}
.Product .prolist ul li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.Product .prolist ul li .pic span img{max-width: 80%;max-height:80%;transition: .3s all}
.Product .prolist ul li .tit{color: #000;text-align: center;padding-top: .2rem}
.Product .prolist ul li:hover .pic span img{transform: scale(1.05)}
.Product .prolist ul li:hover .tit{color:var(--hover-color)}

@media(min-width:1025px){
    .Product .sticky-wrapper {width: 20%;}
    .Product .left{position: sticky; top: 220px;}
    .Product .right{width: 76%;}
    .Product .prolist ul li:nth-last-child(-n+4){margin-bottom: 0}
    .Product .side-open_menu{ display:none;}
}

@media(max-width:1024px){
    .Product{ position:relative; z-index:10;padding: 50px 0}
    .Product .left{position: relative;margin-bottom: 20px}
    .Product .left .tit{font-size:0.3rem;}
    .Product .side-menu{ display:none; position:absolute; left:0; width:100%; top:100%; margin-top:5px; z-index:100;background: #fff;padding: .2rem;box-shadow: 0 3px 12px rgba(0,0,0,.1);border-radius: 6px}
    .Product .side-open_menu{ position:relative; background:var(--hover-color);border-radius:6px; padding:20px 20px; font-size:0.18rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color: #fff}
    .Product .side-open_menu::before{ position:absolute; content:''; border:5px solid transparent; border-top-color:#fff; right:20px; top:50%; margin-top:-2px;}
    .Product .side-menu > ul > li > a{padding: .16rem 0}
    
    .Product .proinfo{padding: .3rem}
    
    .Product .prolist ul li{width: 49%;}
    .Product .prolist ul li:nth-child(2n){margin-right: 0}

}






.Page002623{padding:.8rem 0 0; text-align: center;font-size: .14rem;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 1.5vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .4rem; width: .4rem; margin: 0 5px;border-radius: 3px;color: #000;background: #fff}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color);border-color:var(--hover-color) }
.Page002623 .Pages .p_page > a{font-size: 0;height: .4rem;position: relative;border-radius:3px;border: 1px solid #ebebeb;background: #fff}
.Page002623 .Pages .p_page > a:before{position: absolute;width: 100%;height: 100%; content: '';background:url(../images/icon-jt3.svg)no-repeat center ;background-size: .12rem auto;left: 50%; top: 50%;transform: translate(-50%,-50%)}
.Page002623 .Pages a.a_prev{transform: rotate(180deg)}
.Page002623 .Pages a.a_next{background:var(--hover-color); border-color:var(--hover-color)}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:var(--hover-color); border-color:var(--hover-color) }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
    .Page002623{}
   /* .Page002623 .Pages em{display: none;}*/
}




.ProBrand{padding-top: .5rem;margin-top: 1rem; border-top: 1px solid #ebebeb;}
.ProBrand .title{font-size: var(--font-size40);padding-bottom:.3rem;margin-bottom: .3rem;font-family: 'Barlow-Bold';color: #000;text-align: center}
.ProBrand ul{display: flex;flex-wrap: wrap;}
.ProBrand li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;background: #f5f5f5;border-radius: .14rem;overflow: hidden;}
.ProBrand li:nth-child(4n){margin-right: 0;}
.ProBrand li a{height: 1.3rem;display: flex;justify-content: center;align-items: center;}
.ProBrand li a img{max-width: 60%;max-height: 60%;transition: .3s all}
.ProBrand li:hover a img{transform: scale(1.05)}

@media(max-width:1024px){
    .ProBrand .title{padding-bottom:.315rem;margin-bottom: .15rem;}
    .ProBrand li{width: 49%;}
    .ProBrand li:nth-child(2n){margin-right: 0;}
    .ProBrand li a{height: 1rem;}
}



.ProBrand-detail{padding: 1rem 0}
.ProBrand-detail .title{font-size: var(--font-size58);color: #000;font-family: 'Barlow-Bold';padding-bottom: .5rem;line-height: 1}
.ProBrand-detail .txt p{color: #000;font-size: var(--font-size18);line-height: 1.5}
.ProBrand-detail .con2{padding-top: .5rem}
.ProBrand-detail .con3{padding-top: .5rem}
.ProBrand-detail .con3 .tit{font-size: var(--font-size30);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem}
.ProBrand-detail .con3 .table th,
.ProBrand-detail .con3 .table td{ border:1px solid #eee; border-collapse:collapse; line-height:.24rem; padding:.15rem;color: #000;text-align: center}
.ProBrand-detail .con3 .table th{ font-weight:normal;}
.ProBrand-detail .con3 .table .th_1{ color:#fff;background: var(--hover-color);font-size: .16rem}
.ProBrand-detail .con3 .table tr:nth-child(2n){background: #eaeff3}
.ProBrand-detail .con3 .table tr td:nth-child(1){max-width: 30%}

@media(min-width:1025px){
    .ProBrand-detail .con{display: flex;justify-content: space-between;}
    .ProBrand-detail .con .txt{padding-right: 8%;flex: 1}
    .ProBrand-detail .con .pic{width: 40%;flex: 0 0 auto;}
}
@media(max-width:1024px){
    .ProBrand-detail{padding: 50px 0}
    .ProBrand-detail .title{font-size: var(--font-size48);padding-bottom: .3rem;}
    .ProBrand-detail .con .pic{margin-top: 30px;}
    .ProBrand-detail .con3 .table{overflow: auto}
}





.Product_dm{padding: .5rem 0 0;margin-top: .5rem;border-top: 1px solid #ebebeb;position: relative}
.Product_dm_solu{border-top: 0;padding: 0 0 .8rem;margin-top: .3rem}
.Product_dm .autoCon-1400{position: relative}
.Product_dm_solu .autoCon-1400{border-top: 1px solid #ebebeb;padding: .8rem 0 0;}
.Product_dm .pic{padding-bottom: 82%;position: relative;overflow: hidden;border: 1px solid #ebebeb;border-radius: .14rem;}
.Product_dm .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.Product_dm .pic span img{max-width: 80%;max-height:80%;}
.Product_dm .tit{color: #000;text-align: center;padding-top: .2rem}
.Product_dm .bb{position: relative}
.Product_dm .controls{display: flex;justify-content: space-between;margin-bottom: .3rem;position: absolute;width: 100%;top: 36%;left: 0;z-index: 10}
.Product_dm .controls a{width: .5rem;height: .5rem;background: none;border: 1px solid #d6d6d6;display: flex;justify-content: center;align-items: center;top: 0;z-index: 100;cursor: pointer;border-radius: 50%;position: absolute}
.Product_dm .controls a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .18rem auto;}
.Product_dm .controls a.prev{left: -.8rem;}
.Product_dm .controls a.next{right: -.8rem;background: var(--hover-color);border-color:var(--hover-color) }
.Product_dm .controls a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.Product_dm .controls a.next::before{}

@media(max-width:1600px){
    .Product_dm .controls a.prev{left: -.6rem;}
    .Product_dm .controls a.next{right: -.6rem;}
}
@media(max-width:1024px){
    .Product_dm_solu .autoCon-1400{padding: 50px 0 0;}
    .Product_dm .controls a.prev{left: .2rem;}
    .Product_dm .controls a.next{right: .2rem;}
}



.Prodetail .title{font-size: var(--font-size30);padding-bottom:.3rem;margin-bottom: .3rem;font-family: 'Barlow-Bold';color: #000;border-bottom: 1px solid #ebebeb}
.Prodetail .proimg .bigimg {margin-bottom: 0.15rem;border: 1px solid #ebebeb;border-radius: .14rem;overflow: hidden}
.Prodetail .proimg .bigimg .imgbox{padding-top: 75.67%;}
.Prodetail .imgbox{position: relative;overflow: hidden;border-radius: 6px}
.Prodetail .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;}
.Prodetail .imgbox img { max-width:80%; max-height: 80%; object-fit: contain; width: 100%; height: 100%;vertical-align: middle;}
.Prodetail .proimg .bigimg .slick-arrow{opacity: 0;}
.Prodetail .proimg .bigimg .slick-prev{left: -0.5rem;}
.Prodetail .proimg .bigimg .slick-next{right: -0.5rem;}
.Prodetail .proimg .bigimg:hover .slick-prev{left: 0;}
.Prodetail .proimg .bigimg:hover .slick-next{right: 0;}
.Prodetail .proimg .bigimg:hover .slick-arrow{opacity: 1;}

.Prodetail .proimg .smallimg{padding: 0 25px;}
.Prodetail .proimg .smallimg .item{padding: 0 0.05rem;cursor: pointer;}
.Prodetail .proimg .smallimg .slick-current .imgbox:after{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;content: "";border: 1px solid var(--hover-color);border-radius: 6px}
.Prodetail .proimg .smallimg .imgbox{background-color: #f6f6f6;}
.Prodetail .proimg .smallimg .imgbox{padding-top: 100%;}

.Prodetail .proimg .smallimg .slick-arrow{height: 100%;width: 20px;top: 0;margin-top: 0;background-color: var(--hover-color);z-index:100;position: absolute; cursor: pointer; padding: 0;transition: all ease 0.3s;font-size: 0;border: 0;border-radius: 3px}
.Prodetail .proimg .smallimg .slick-arrow:after{left: 0;top: 0;width: 100%;height: 100%;position: absolute;content: "";background-position: center center;background-repeat: no-repeat;background-size: 0.14rem auto;background-image: url(../images/icon-jt2.svg);}
.Prodetail .proimg .smallimg .slick-arrow:hover{opacity: 0.9;}
.Prodetail .proimg .smallimg .slick-prev{left: 0;transform: rotate(180deg);background: #f9f9f9}
.Prodetail .proimg .smallimg .slick-next{right: 0;}
.Prodetail .proimg .smallimg .slick-next:after{background-image: url(../images/icon-jt2-w.svg);}


.Prodetail .proimg .smallimg .slick-arrow:hover{background-color: var(--hover-color);}

.Prodetail .proimg .smallimg .slick-disabled{}
.Prodetail .proimg .smallimg .slick-disabled:after{}


.Prodetail .protext .desc{overflow: auto;max-height: 3.6rem;line-height: 1.5}
.Prodetail .protext .desc .tit{font-size: var(--font-size22);padding-bottom: .2rem;color: #000;font-family: 'Barlow-Bold'; }
.Prodetail .protext .desc .tit:not(:first-child){padding-top: .3rem }
.Prodetail .protext .desc p{color: #000;font-size: var(--font-size18);line-height: 1.5}
.Prodetail .protext .desc dl{padding-top:0;}
.Prodetail .protext .desc dd{padding-left: .2rem;line-height: 1.5;position: relative;color: #000}
.Prodetail .protext .desc dd span{font-family: 'Barlow-Bold';}
.Prodetail .protext .desc dd:not(:last-child){margin-bottom: .05rem}
.Prodetail .protext .desc dd:before{position: absolute;content: '';width: .06rem;height: .06rem;border-radius: 50%;background:var(--hover-color);left: 0;top: .1rem }

.Prodetail .protext .btn{margin-top: .5rem;display: flex;}
.Prodetail .protext .btn a{width: 1.6rem;height: .5rem;border: 1px solid var(--hover-color);color: var(--hover-color);text-align: center;line-height: .5rem;display: block;border-radius: 36px;display: inline-block;margin-right: .1rem;position: relative}
.Prodetail .protext .btn a.btn1{background:  var(--hover-color);border-color: var(--hover-color);color: #fff}
.Prodetail .protext .btn a.btn3{width: .5rem;height: .5rem;display: flex;justify-content: center;align-items: center;}
.Prodetail .protext .btn a.btn3::after{content: '';width: .22rem;height: .22rem;background: url(../images/icon-share.svg)no-repeat center;background-size: .22rem auto;}
.Prodetail .protext .btn a:hover{background:  var(--hover-color);border-color: var(--hover-color);color: #fff}
.Prodetail .protext .btn a.btn3:hover::after{background: url(../images/icon-share-w.svg)no-repeat center;background-size: .22rem auto;}

.popUp-box { position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none;}
.popUp-box .flex{display: flex;justify-content: center;align-items: center;height: 100%}
.popUp-box .main {background: #fff;width: 90%;max-width: 500px; margin: 0 auto; border-radius: 5px;position: relative;padding: .5rem}
.popUp-box .close { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; z-index: 10; cursor: pointer;}
.popUp-box .close:before, 
.popUp-box .close:after { position: absolute; content: ''; width: 100%; height: 2px; background-color: #000; top: 50%; margin-top: -1px; transform: rotate(-45deg);}
.popUp-box .close:after { transform: rotate(45deg);}
.popUp-box .main .form-ul li{margin-bottom: .2rem;position: relative;}
.popUp-box .main .form-ul li .tit{padding-bottom: .1rem;color: #000;display: block;position: absolute;left: .2rem;line-height: .6rem}
.popUp-box .main .form-ul li select,
.popUp-box .main .form-ul li .text{width: 100%;border-radius: 3px; border: solid 1px #ebebeb;font-size: .16rem;line-height: .6rem;height:.6rem; background:none;padding: 0 .2rem;font-family: 'Barlow-Regular';color: #000}
.popUp-box .main .form-ul li textarea.text{height: 1.6rem;}
.popUp-box .main .form-ul .btn{width: 100%; background: var(--hover-color);border-radius: 5px;font-size: .18rem;height: .6rem;color: #fff;cursor: pointer; border: 0;font-family: 'Barlow-Bold';text-align: center}

.popUp-box2 {  position: fixed; z-index: 200; right: 4.5%; top:50% ; transform: translateY(-50%);/* background-color: rgba(0, 0, 0, 0.5); */ display: none;}
.popUp-box2 .flex{/* display: flex;justify-content: center;align-items: center;height: 100 */%}
.popUp-box2 .main {background: #fff;/* width: 90%; margin: 0 auto; */width: 4.5rem; border-radius: 0.15rem;position: relative;padding: .35rem;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);}
.popUp-box2 .close { position: absolute; right: 0.1rem; top: 0.1rem; width: 0.2rem; height: 0.2rem; z-index: 10; cursor: pointer;}
.popUp-box2 .close:before, 
.popUp-box2 .close:after { position: absolute; content: ''; width: 100%; height: 2px; background-color: #000; top: 50%; margin-top: -1px; transform: rotate(-45deg);}
.popUp-box2 .close:after { transform: rotate(45deg);}
.popUp-box2 .main .form-ul li{margin-bottom: .15rem;position: relative;}
.popUp-box2 .main .form-ul li .tit{/* padding-bottom: .1rem; */color: #000;display: block;position: absolute;left: .2rem;line-height: .55rem}
.popUp-box2 .main .form-ul li select,
.popUp-box2 .main .form-ul li .text{width: 100%;border-radius: 3px; border: solid 1px #ebebeb;font-size: .16rem;line-height: .55rem;height:.55rem;background: #f8f8f8;padding: 0 .2rem;font-family: 'Barlow-Regular';color: #000}
.popUp-box2 .main .form-ul li textarea.text{height: 1.6rem;}
.popUp-box2 .main .form-ul .btn{width: 100%; background: var(--hover-color);border-radius: 5px;font-size: .18rem;height: .55rem;color: #fff;cursor: pointer; border: 0;font-family: 'Barlow-Bold';text-align: center}


.Prodetail .con2 {/* padding: .8rem .3rem;background: #eaeff3; */
    /* margin-top: .5rem */
}
.Prodetail .con2 .tab{display: flex;border-bottom: 1px solid #D3D7DC;gap: 40px;}
.Prodetail .con2 .tab span{display: block;line-height: .48rem;color: #000;font-size: var(--font-size22);border-bottom: 4px solid transparent; cursor: pointer;}
.Prodetail .con2 .tab span.active{font-family: 'Barlow-Bold';border-bottom-color: #fe0000}

.Prodetail .con2 .tab-info .box{padding-top: .5rem;display: none}
.Prodetail .con2 .tab-info .tit{color: #000;font-size: var(--font-size24);font-family: 'Barlow-Bold';padding-bottom: .3rem}

.Prodetail .type2 .boxinfo{padding-top: .5rem;}
.Prodetail .type2 .boxinfo .name{color: #000;font-size: var(--font-size24);font-family: 'Barlow-Bold'; line-height: 2; border-bottom: 1px solid #efefef;position: relative; margin-bottom: 0.3rem;}
.Prodetail .type2 .boxinfo .name:after {content: '';width: 0.6rem;height: 0.03rem;background: var(--hover-color);display: block;margin-top: 0.08rem;}


.Prodetail .con2 .table th,
.Prodetail .con2 .table td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:.24rem; padding:.15rem;color: #000;background: #fff}
.Prodetail .con2 .table th{ font-weight:normal;}
.Prodetail .con2 .table .th_1{ color:#fff;background: var(--hover-color)}
.Prodetail .con2 .table td img{ max-width: 1rem}
.Prodetail .con2 .table td:nth-child(1){width:15%;}
@media (min-width:1025px) {  
    .Prodetail .proimg{width: 50%;}
    .Prodetail .protext{width: 46%;}
    
}

@media(max-width:1024px){
    .Prodetail .title{font-size:0.24rem;padding-bottom:0.2rem;margin-bottom:0.2rem;margin-top:0.2rem;}
    .Prodetail .proimg .smallimg .imgbox{padding-top: 76%;}
    .Prodetail .con2{padding: 50px .3rem}
    .Prodetail .con2 .tab{display: flex;flex-wrap: wrap;gap: 15px;}
    .Prodetail .con2 .tab span{font-size:var(--font-size20) }
    .Prodetail .con2 .table{ overflow:auto;}
    .Prodetail .con2 .table table{ width:250%;}
    
}






.cmenu{padding-top: .5rem}
.cmenu ul{display: flex;border-bottom: 1px solid #D3D7DC;gap: 40px;}
.cmenu ul li{}
.cmenu ul li a{display: block;line-height: .48rem;color: #000;font-size: var(--font-size22);border-bottom: 4px solid transparent}
.cmenu ul li.aon a{font-family: 'Barlow-Bold';border-bottom-color: var(--hover-color);color: var(--hover-color)}

@media(max-width:1024px){
    .cmenu ul{flex-wrap: wrap;gap: 15px;}
    .cmenu ul li a{font-size: var(--font-size20);}
}



.Solution{padding: 1rem 0 0}
.Solution .pic figure{padding-bottom: 70%;border-radius: .14rem;}
.Solution .txt .desc{color: #000;line-height: 1.5}
@media(min-width:1025px){
    .Solution .pic{width: 50%;flex: 0 0 auto}
    .Solution .txt{flex: 1;padding-left: 5%}
    .Solution .txt .desc{padding-right: .2rem;max-height: 3.8rem;overflow: auto}
    .Solution .txt .desc::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 5px;background-color: rgba(0,0,0,0.1);;}
    .Solution .txt .desc::-webkit-scrollbar{width: 5px;background-color: rgba(0,0,0,0);}
    .Solution .txt .desc::-webkit-scrollbar-thumb{border-radius: 5px;background-color: var(--hover-color);}
}
@media(max-width:1024px){
    .Solution{padding: 50px 0 0}
    .Solution .txt{padding-top: 30px}
}




.News {padding: 1rem 0}
.News li:not(:last-child){border-bottom: 1px solid #ebebeb;padding-bottom: .5rem;margin-bottom: .5rem}
.News li a{display: flex;align-items: center;}
.News li a .time {text-align: center; }
.News li a .time span{font-size: var(--font-size60);display: block;color: #000;line-height: 1}

.News li a .pic{width: 25.072%;flex: 0 0 auto;border-left: 1px solid #ebebeb;;margin-left: .7rem;padding-left: .7rem;}

.News li a .pic figure{padding-bottom: 60%;border-radius: .14rem;background-size:contain;}

.News li a .img{width: 25.072%;flex: 0 0 auto;border-radius: .14rem;padding-bottom: 18%;position: relative;border: 1px solid #ebebeb;}
.News li a .img span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.News li a .img span img{max-width: 70%;max-height:70%;}

.News li a .txt{flex: 1;padding-left: .7rem}
.News li a .tit{font-size: var(--font-size24);color: #000;padding-bottom: .2rem;font-family: 'Barlow-Medium';}
.News li a .desc{color: #777;line-height: 1.75}
.News li a .btn{display: flex;align-items: center;margin-top: .3rem;color: var(--hover-color)}
.News li a .btn::after{content: '';width: .2rem;height: .2rem;background: url(../images/icon-jt2-j.svg)no-repeat center;background-size: .16rem auto;margin-left: .05rem}
.News li a i{display: flex;justify-content: center;align-items: center;width: .5rem;height: .5rem;border-radius: 50%;background: #f5f5f5;transition: .3s all;margin-left: 1rem}
.News li a i::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .16rem auto;filter: grayscale(0) brightness(0);}
.News li a:hover .time span{color: var(--hover-color)}
.News li a:hover .tit{color: var(--hover-color)}
.News li a:hover i{background: var(--hover-color);border-color: var(--hover-color)}
.News li a:hover i::before{filter: grayscale(100) brightness(100);}

@media(max-width:1024px){
    .News {padding: 50px 0}
    .News li a{flex-wrap: wrap;}
    .News li a .time span{font-size: var(--font-size40);}
    .News li a .pic{width: 78%;margin-left: .3rem;padding-left: .3rem;}
    .News li a .txt{width: 100%;padding-left: 0;flex: auto;padding-top: .3rem}
    .News li a i{display: none}
}





.BolgCon{padding: 1rem 0 1rem}

.BolgCon .blogtab{margin-bottom: .5rem;background: #fff;padding-top: .3rem }
.BolgCon .blogtab .tit{font-size: var(--font-size24);color: #000;padding-bottom: .2rem}
.BolgCon .blogtab ul{border-left: 1px solid #ebebeb;}
.BolgCon .blogtab ul li{padding: .1rem 0 .1rem .2rem;border-left: 2px solid transparent}
.BolgCon .blogtab ul li:hover{border-color:#000;}
.BolgCon .blogtab ul li:hover a{color: #E53333}

.NewsDetail .title {border-bottom: 1px solid #ddd;padding-bottom: .15rem;background: #fff;z-index: 2;}
.NewsDetail .title .tit{font-size: var(--font-size30);color: #000;font-family: 'Barlow-Bold';text-align: center;}
.NewsDetail .title .date{padding-top: .25rem;display: flex;align-items: center;justify-content: center}
.NewsDetail .title .date span{margin:0 .15rem}
.NewsDetail .con{line-height: 1.75;}
.NewsDetail .con a {font-weight:bold; text-decoration:underline;font-family: 'Barlow-Bold';}
.NewsDetail .op{margin-top: .5rem}
.NewsDetail .op aside{padding: .05rem 0}
.NewsDetail .op span{color: #999}
.NewsDetail .op a{text-decoration: underline}

@media(max-width:1024px){
    .NewsDetail .title .date{flex-wrap: wrap}
    .NewsDetail .title .date span{margin: 5px 10px}
}



.Blogtag {margin-top: .5rem}
.Blogtag .tit{font-size: var(--font-size24);color: #000;font-family: 'Barlow-Bold';padding-bottom: .12rem}
.Blogtag a{display: block;color: #000;text-decoration: underline;padding-left: .12rem;position: relative;margin-top: .08rem}
.Blogtag a::before{content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;left: 0;top: .1rem;background: #000}



.BlogFaq {margin-top: .5rem}
.BlogFaq .tit{font-size: var(--font-size30);color: #000;font-family: 'Barlow-Bold';padding-bottom: .2rem}
.BlogFaq li{background: #eaeff3;padding:.2rem .3rem;border-radius: .14rem}
.BlogFaq li:not(:last-child){margin-bottom: .2rem}
.BlogFaq li .it{font-size: var(--font-size20);color: #000;font-family: 'Barlow-Bold';}
.BlogFaq li .ip{padding-top: .15rem;line-height: 1.5}



.BlogAuthor{background: #eaeff3;padding: .3rem;border-radius: .14rem;position: relative;border-top: 5px solid var(--hover-color);margin-bottom: .4rem}
.BlogAuthor .title a{display: flex;align-items: center;}
.BlogAuthor .title .pic{margin-right: .15rem}
.BlogAuthor .title .pic img{border-radius: 50%;width: .8rem;height: .8rem;}
.BlogAuthor .title .tit{font-size: var(--font-size18);color: #000;font-family: 'Barlow-Bold';}
.BlogAuthor .con{line-height: 1.5;padding-top: .2rem}

@media(max-width:1024px){
    .BlogAuthor{margin-top: 50px}
    .NewsDetail .title .date span{margin: 5px 10px}
}



.BolgArticle{margin-bottom: .4rem}
.BolgArticle .tit{font-size: var(--font-size22);color: #000;font-family: 'Barlow-Bold';border-bottom: 5px solid var(--hover-color);padding-bottom: .1rem;}
.BolgArticle li {margin-top: .1rem}
.BolgArticle li a{display: flex;align-items: center;}
.BolgArticle li a .pic{width: 35%;flex: 0 0 auto;}
.BolgArticle li a .pic figure{padding-bottom: 85%;border-radius: .14rem;background-size: contain}
.BolgArticle li a .it{color: #000;flex: 1;padding-left: 5%}


.BolgPro{position: sticky;top:200px;}
.BolgPro .tit{font-size: var(--font-size22);color: #000;font-family: 'Barlow-Bold';border-bottom: 5px solid var(--hover-color);padding-bottom: .1rem;}
.BolgPro ul{}
.BolgPro li{margin-top: .2rem;}
.BolgPro li a{display: flex;align-items: center;}
.BolgPro li .pic{padding-bottom: 46%;position: relative;overflow: hidden;border: 1px solid #ebebeb;border-radius: .14rem;width: 50%;flex: 0 0 auto}
.BolgPro li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.BolgPro li .pic span img{max-width: 80%;max-height:80%;}
.BolgPro li .it{color: #000;padding-left: .2rem}

@media(min-width:1025px){
    .BolgCon .left{width: 18%;flex: 0 0 auto}
    .BolgCon .mid{flex: 1;padding: 0 .5rem}
    .BolgCon .right{width: 22%;flex: 0 0 auto}
}






.Contact{padding: 1rem 0}

.Contact .title{font-size: var(--font-size58);color: #000;font-family: 'Barlow-Bold';padding-bottom: 1rem;line-height: 1}
.Contact .left .item:not(:last-child){margin-bottom: .5rem}
.Contact .left .item .it{color: #666;padding-bottom: .1rem;display: flex;align-items: center;}
.Contact .left .item .it.add::before{content: '';display: block;width: .3rem;height: .3rem;background: url(../images/icon-add2.svg)no-repeat;background-size: .3rem auto;margin-right: .2rem}
.Contact .left .item .it.tel::before{content: '';display: block;width: .3rem;height: .3rem;background: url(../images/icon-tel2.svg)no-repeat;background-size: .3rem auto;margin-right: .2rem}
.Contact .left .item .it.mail::before{content: '';display: block;width: .3rem;height: .3rem;background: url(../images/icon-mail2.svg)no-repeat;background-size: .3rem auto;margin-right: .2rem}
.Contact .left .item .ip{font-size: var(--font-size24);color: #000;}
.Contact .left .map{margin-top: .36rem;}

.Contact .right .tip{color: #000;line-height: 1.5;font-size: var(--font-size18);}
.Contact .right .form-ul{padding-top: .3rem} 
.Contact .right .form-ul li{margin-bottom: .2rem;position: relative;}
.Contact .right .form-ul li .tit{padding-bottom: .1rem;color: #000;display: block;position: absolute;left: .2rem;line-height: .6rem}
.Contact .right .form-ul li select,
.Contact .right .form-ul li .text{width: 100%;border-radius: 3px; border: solid 1px #ebebeb;font-size: .16rem;line-height: .6rem;height:.6rem; background:none;padding: 0 .2rem;font-family: 'Barlow-Regular';color: #000}
.Contact .right .form-ul li textarea.text{height: 1.6rem;}
.Contact .right .form-ul .btn{width: 2rem; background: var(--hover-color);border-radius: 5px;font-size: .18rem;height: .6rem;color: #fff;cursor: pointer; border: 0;font-family: 'Barlow-Bold';}

@media(min-width:1025px){
    .Contact .left{width: 55%;padding-right: 5%;flex: 0 0 auto;border-right: 1px solid #ebebeb}
    .Contact .right{flex: 1;padding-left: 5%}
}

@media(max-width:1024px){
    .Contact{padding: 50px 0}
    .Contact .title{font-size: var(--font-size50);padding-bottom: .5rem;}
    .Contact .right{padding-top: .5rem}
}




.About{padding: 1rem 0;overflow: hidden}
.About .title{font-size: var(--font-size58);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem;line-height: 1}
.About .title2{font-size: var(--font-size26);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem}
.About .desc{font-size: var(--font-size18);color: #000;line-height: 1.5;}

.About .video{padding: 0.8rem 0;position: relative;}
.About .video .pic{ height: 5rem;position: relative;}
.About .video video{width: 100%;height: 100%; object-fit: contain;}
.About .video .btn{position: absolute;width: .4rem;height: .4rem;display: flex;justify-content: center;align-items: center;background: rgba(17,17,17,.7);border-radius: 50%;right: .2rem;bottom: .2rem;cursor: pointer;z-index: 10}
.About .video .btn.play::after{content: ''; width: .24rem;height: .24rem;background: url(../images/icon-play.svg)}
.About .video .btn.pause::after{content: ''; width: .24rem;height: .24rem;background: url(../images/icon-pause.svg)}

.About .con3 ul{display: flex;gap:.34rem;padding-top: .6rem}
.About .con3 ul li{width: calc(25% - .255rem);}
.About .con3 ul li .icon{width: 2rem;height: 2rem;border-radius: 50%;background: #eaeff3;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.About .con3 ul li .it{font-size: var(--font-size24);color: #000;margin-top: .28rem;font-family: 'Barlow-Bold';text-align: center}
.About .con3 ul li .ip{color: #000;margin-top: .16rem;text-align: center}


.About .con4{padding-top: 1.8rem}
.About .con4 .tip{margin-bottom: .8rem}
.About .con4 .tip .tipleft{margin-bottom: .5rem}

.About .con4 .controls{display: flex;justify-content: space-between;align-items: center;margin-top: .4rem}
.About .con4 .controls:before{display: block; content: '';height: 1px;flex: 1;background-color: #e6e6e6;}
.About .con4 .controls .arrows{width: 1.34rem;display: flex;align-items: center; justify-content: space-between; margin-left: 0.2rem;}
.About .con4 .controls .arrows a{position: relative; top: auto;display: flex; margin: 0;border: solid 1px var(--hover-color);width: 0.6rem;height: 0.6rem;border-radius: 50%; z-index: 10; transition: var(--transition);cursor: pointer;background: var(--hover-color); }
.About .con4 .controls .arrows a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .18rem auto;filter: grayscale(100) brightness(100);}
.About .con4 .controls .arrows a.swiper-button-disabled{background: none; border-color:#d6d6d6}
.About .con4 .controls .arrows a.prev{left: auto;}
.About .con4 .controls .arrows a.prev::before{transform: rotate(180deg);}
.About .con4 .controls .arrows a.swiper-button-disabled::before{opacity: .5;filter:grayscale(0) brightness(0)}
.About .con4 .controls .arrows a.next{right: auto;}
.About .con4 .controls .arrows a:not(.swiper-button-disabled):hover{background: var(--hover-color); border:none}
.About .con4 .controls .arrows a:not(.swiper-button-disabled):hover::before{opacity: 1;filter:grayscale(100) brightness(100);}

.About .con4 .swiper .swiper-slide a{display: block;position: relative;}
.About .con4 .swiper .swiper-slide .imgbox figure{padding-bottom: 63.546%;border-radius: .14rem}


@media(min-width:1025px){
    .About .con1 .title{width: 65%}
}

@media(max-width:1024px){
    .About{padding: 50px 0;}
    .About .title{font-size: var(--font-size50);}
    .About .video{padding:50px 0}
    .About .video .pic{ height: auto;}
    .About .con3 ul{flex-wrap: wrap;gap:0;justify-content: space-between}
    .About .con3 ul li{width: 48%;margin-bottom: 30px}
    .About .con3 ul li .it{margin-top: .1rem}
    
    .About .con4{padding-top: 1rem}
}




.Honor{padding: 1rem 0 1.5rem;background: #eaeff3;overflow: hidden}
.Honor .title{font-size: var(--font-size60);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem;text-align: center;line-height: 1}
.Honor ul{display: flex;flex-wrap: wrap;}
.Honor li{width: 23.5%;margin-right: 2%;}

.Honor li:nth-child(4n){margin-right: 0;}
.Honor li a{display: flex;align-items: center; flex-direction: column; text-align: center; height: 4rem; justify-content: flex-end;}
.Honor li a .imgbox{position: relative;display: inline-block;background-image: url(../images/index_honor-kuang.png);background-repeat: no-repeat;background-size: 100% 100%;padding: .23rem;max-width: 80%}
.Honor li a .imgbox::after{content: '';position: absolute;top: 98%;left: 0;background: url(../images/index_honor-yy.png)no-repeat top left;background-size: auto auto;width: 140%;height: .6rem}
.Honor li a .imgbox img{max-height: 4rem}
.Honor li a .imgbox i{position: absolute;width: .08rem;height: .08rem;background: #b9b9b9;border-radius: 50%;}
.Honor li a .imgbox i:nth-child(1){left: .1rem;top: .1rem;}
.Honor li a .imgbox i:nth-child(2){right: .1rem;top: .1rem;}
.Honor li a .imgbox i:nth-child(3){left: .1rem;bottom: .1rem;}
.Honor li a .imgbox i:nth-child(4){right: .1rem;bottom: .1rem;}

@media(min-width:1025px){
    .Honor li:not(:nth-last-child(-n+4)){margin-bottom: 2%}
}
@media(max-width:1024px){
    .Honor{padding: 50px 0 80px;}
    .Honor .title{font-size: var(--font-size50);}
    .Honor li{width: 49%;}
    .Honor li:nth-child(2n){margin-right: 0;}
    .Honor li a{height: 2.8rem; }
    .Honor li a .imgbox::after {background-size: 100%;width: 144%;height: .3rem;}
}



.Authorbanner{background: var(--hover-color);position: relative;padding: .8rem 0}
.Authorbanner .con{margin: 0 auto;display: flex;max-width: 80%}
.Authorbanner .con .left{flex: 0 0 auto;display: flex;flex-direction: column;align-items: center}
.Authorbanner .con .pic img{border-radius: 50%;border: 6px solid #fff;max-width: 2.86rem;}
.Authorbanner .con .AuthorShare{margin-top: .3rem}
.Authorbanner .con .right{flex: 1;padding-left: 6%;}
.Authorbanner .con .right .tit{font-size: var(--font-size38);color: #fff;font-family: 'Barlow-Bold';padding-bottom: .2rem;}
.Authorbanner .con .right .desc{color: #fff;line-height: 1.5}

@media(max-width:1024px){
    .Authorbanner{padding: 50px 0}
    .Authorbanner .con{display:block;max-width: 100%}
    .Authorbanner .con .right{padding-left: 0;padding-top: 30px}
}




.AuthorDetail{padding: .3rem 0 1rem}
.AuthorDetail .location{color:#000;font-size: var(--font-size14);display: flex;align-items: center;}
.AuthorDetail .location a{color:#000;line-height: .2rem;opacity: .5}
.AuthorDetail .location a:hover{opacity: 1}
.AuthorDetail .location i{width: .2rem;height: .18rem;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .1rem auto;}

.AuthorDetail .con{padding-top: .5rem}
.AuthorDetail .left .title{font-size: var(--font-size24);color: #000;padding-bottom: .2rem}
.AuthorDetail .left ul{border-left: 1px solid #ebebeb;padding: .05rem 0}
.AuthorDetail .left ul li a{padding-left: .2rem;font-size: var(--font-size14);display: block;margin: .2rem 0;border-left: 2px solid transparent}
.AuthorDetail .left ul li:hover a{border-color:#000;color: #000}

.AuthorDetail .mid .title{font-size: var(--font-size38);font-family: 'Barlow-Bold';color: #000;padding-bottom: .3rem}
.AuthorDetail .mid li:not(:last-child){border-bottom: 1px solid #ebebeb;padding-bottom: .2rem;margin-bottom: .2rem}
.AuthorDetail .mid li a{display: flex;align-items: center;}

.AuthorDetail .mid li a .pic{width: 25.072%;flex: 0 0 auto;}
.AuthorDetail .mid li a .pic figure{padding-bottom: 66%;border-radius: .14rem;background-size: contain}

.AuthorDetail .mid li a .txt{flex: 1;padding-left: .3rem}
.AuthorDetail .mid li a .tit{font-size: var(--font-size22);color: #000;padding-bottom: .15rem}
.AuthorDetail .mid li a .desc{color: #666;line-height: 1.75;margin-bottom: .15rem;font-size:var(--font-size14) }
.AuthorDetail .mid li a .time{color: #666;font-size:var(--font-size14) }

@media(min-width:1025px){
    .AuthorDetail .left{width: 18%;flex: 0 0 auto}
    .AuthorDetail .mid{flex: 1;padding: 0 .5rem}
    .AuthorDetail .right{width: 18%;flex: 0 0 auto}
}
@media(max-width:1024px){
    .AuthorDetail .mid {padding: 30px 0}
    .AuthorDetail .mid li a{display: block;}
    .AuthorDetail .mid li a .pic{width: 100%;}
    .AuthorDetail .mid li a .txt{padding-left: 0;padding-top: 20px}
}




.Taglocation{background: var(--hover-color);padding: .15rem 0}
.Taglocation .autoCon-1400{color:#fff;font-size: var(--font-size14);display: flex;align-items: center;}
.Taglocation a{color:#fff;line-height: .2rem;opacity: .5}
.Taglocation a:hover{opacity: 1}
.Taglocation i{width: .2rem;height: .18rem;background: url(../images/icon-jt2-w.svg)no-repeat center;background-size: .1rem auto;}





.TagDetail{padding: 1rem 0}
.TagDetail .title{font-size: var(--font-size60);color: #000;font-family: 'Barlow-Bold';padding-bottom: .2rem;line-height: 1}
.TagDetail .title2{font-size: var(--font-size30);color: #000;font-family: 'Barlow-Bold';padding-bottom: .2rem;border-bottom: 1px solid #ebebeb;margin-bottom: .5rem}
.TagDetail .desc{color: #000;line-height: 1.5;}

.TagDetail .tab{border-bottom: 1px solid #ebebeb;padding-top: .5rem;}
.TagDetail .tab span{display: inline-block;font-size: var(--font-size20);margin-right: .5rem;color: #999;line-height: .7rem;position: relative;cursor: pointer}
.TagDetail .tab span.active{color: var(--hover-color);font-family: 'Barlow-Bold';}
.TagDetail .tab span.active::after{content: '';position: absolute;width: 100%;height: 3px;background: var(--hover-color);left: 0;bottom: -1px;}

.TagDetail .con2{padding-top: .5rem}

.TagDetail .prolist ul{display: flex;flex-wrap: wrap;}
.TagDetail .prolist ul li{width: 23.5%;margin-right: 2%;margin-bottom: 3%}
.TagDetail .prolist ul li:nth-child(4n){margin-right: 0}
.TagDetail .prolist ul li:nth-last-child(-n+4){margin-bottom: 0}
.TagDetail .prolist ul li .pic{padding-bottom: 82%;position: relative;overflow: hidden;border: 1px solid #ebebeb;border-radius: .14rem}
.TagDetail .prolist ul li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.TagDetail .prolist ul li .pic span img{max-width: 80%;max-height:80%;}
.TagDetail .prolist ul li .tit{color: #000;text-align: center;padding-top: .2rem}

@media(min-width:1025px){
    .TagDetail .con1 .title{width: 65%}
}

@media(max-width:1024px){
    .TagDetail{padding: 50px 0}
    .TagDetail .title{font-size: var(--font-size50);}
    
    .TagDetail .Tag-pro li a .img{width: 35.072%;padding-bottom: 34%}
    .TagDetail .Tag-pro li a .txt{flex: 1;padding-left: .3rem;padding-top: 0}
}



.Download{padding: 1rem 0;}

.Download .title{font-size: var(--font-size58);color: #000;font-family: 'Barlow-Bold';padding-bottom: .5rem;text-align: center;line-height: 1}
.Download li a{padding: .25rem 0 .25rem .16rem;border-bottom: 1px solid #ebebeb;display: flex;justify-content: space-between;align-items: center}
.Download li:first-child a{border-top: 1px solid #ebebeb}
.Download li a span{font-size: var(--font-size18);color: #000;font-family: 'Barlow-Bold';}
.Download li a i{width:.32rem;height: .32rem;background: url(../images/icon-download.svg)no-repeat center right;background-size: .32rem auto; ;}
@media(min-width:1025px){
    .Download .con{width: 75%;margin: 0 auto}
}
@media(max-width:1024px){
    .Download{padding: 50px 0;}
    .Download .title{font-size: var(--font-size48);}
}




.OEM{}
.OEM .title{font-size: var(--font-size58);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem;line-height: 1}
.OEM .title2{font-size: var(--font-size44);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem;}
.OEM .desc{color: #000;line-height: 1.5;}

.OEM .con1{padding-top: 1rem}

.OEM .con2{padding-top: 1rem}
.OEM .con2 ul{display: flex;flex-wrap: wrap;}
.OEM .con2 ul li{background: #eaeff3;padding: .4rem;border-radius: .14rem;width: 23.5%;margin-right: 2%;}
.OEM .con2 ul li:nth-child(4n){margin-right: 0;}
.OEM .con2 ul li .icon{margin-bottom: .3rem}
.OEM .con2 ul li .icon img{max-height: .6rem;}
.OEM .con2 ul li .it{font-size: var(--font-size20);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem;}
.OEM .con2 ul li .ip{color: #000;line-height: 1.5}

.OEM .con3{padding: 1rem 0}
.OEM .con3 .tip{color:#000;line-height:1.5;padding-bottom:.3rem;font-size: var(--font-size18);}


.OEM .con3 .main .imgbox{border-radius:.14rem;overflow:hidden;padding-bottom: 80%;position: relative;}
.OEM .con3 .main .imgbox figure{position: absolute;left: 0;top: 0;width:100%;height:100%;object-fit:cover;}
.OEM .con3 .swicth_btn{width:.1rem;height:.1rem;position:relative;cursor:pointer;}
.OEM .con3 .swicth_btn::before{content:'';display:block;width:100%;height:2px;background-color:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.OEM .con3 .swicth_btn::after{content:'';display:block;width:2px;height:100%;background-color:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.OEM .con3 .list .item{padding:.24rem 0;border-bottom:1px solid #e3e6e9;}
.OEM .con3 .list .item_top{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.OEM .con3 .list .item_tit{padding-right:.1rem;font-size: var(--font-size20);font-family: 'Barlow-Bold';color: #666}
.OEM .con3 .list .item_bot{display:none;}
.OEM .con3 .list .editor{line-height:1.75;margin-top:.2rem;}
.OEM .con3 .list .editor p{position: relative;padding-left: .12rem;line-height: 1.5}
.OEM .con3 .list .editor p::before{content: '';position: absolute;width: .05rem;height: .05rem;border-radius: 50%;background:var(--hover-color);left: 0;top: .09rem}
.OEM .con3 .list .editor dl{padding-left: .5rem}
.OEM .con3 .list .item.cur .item_tit{color:#000;}
.OEM .con3 .list .item.cur .swicth_btn::after{display:none;}
.OEM .con3 .list .item.cur .swicth_btn::before{background-color:#08233f;}
.OEM .con3 .list .item.cur .item_bot{display:block;}


.OEM .con4 {position: relative;padding: 1rem 0;background-size: cover;background-position: center;background-repeat: no-repeat}
.OEM .con4::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: .6;}

.OEM .con4 .title2{text-align: center;color: #fff;position: relative;z-index: 10}
.OEM .con4 .tip{color:#fff;line-height:1.5;padding-bottom:.5rem;font-size: var(--font-size18);text-align: center;position: relative;z-index: 10}

.OEM .con4 .list .item .tit span{padding-bottom:.3rem;font-size: var(--font-size22);font-family: 'Barlow-Bold';color: #fff;text-align: center;height: .82rem;}


.OEM .con4 .box{ position: relative; padding-right:1rem;}
.OEM .con4 .box::before{ position: absolute; top:.3rem; width:100%; height:62%; border:solid 2px #dbddf4; content:''; display: block; border-left:none; border-radius:0 5rem 5rem 0;}
.OEM .con4 .list{ width:100%; display:flex; margin-bottom:.8rem;position: relative;z-index: 10}
.OEM .con4 .item{cursor: pointer;width: 33%;margin-right:.5rem;text-align:right;transition: all .5s;}
.OEM .con4 .item .pic .icon{ display: inline-block;}
.OEM .con4 .item .pic span{ display:flex;justify-content: center;align-items: center; width: .7rem;height: .7rem; background:var(--hover-color); overflow: hidden; border-radius:50%; transition: all .5s;}
.OEM .con4 .item .pic img{ max-width:.3rem;}
.OEM .con4 .item .ito{ margin:.15rem 0; font-size: var(--font-size20);font-family: 'Barlow-Bold';color: #fff; transition: all .5s;}
.OEM .con4 .list .item .wzs{color: #fff;line-height: 1.5}
.OEM .con4 .list:nth-child(2n){ margin-bottom:0; flex-direction:row-reverse;}
.OEM .con4 .list:nth-child(2n) .item{ margin-left:.2rem; margin-right:0; text-align: left;}
.OEM .con4 .list .item:last-child{ margin:0; }


.OEM .con5{padding: 1rem 0 0}
.OEM .con5 .item .pic figure{padding-bottom: 66%;border-radius: .14rem}
.OEM .con5 .item .tit{font-size: var(--font-size22);color: #000;font-family: 'Barlow-Bold';padding-bottom: .3rem;}
.OEM .con5 .item .desc{color: #000;line-height: 1.5}
.OEM .con5 .item .desc p:not(:last-child){padding-bottom: .1rem}


.OEM .con6{padding: 1rem 0}
.OEM .con6 .title2{text-align: center}
.OEM .con6 .tip{color:#000;line-height:1.5;padding-bottom:.5rem;font-size: var(--font-size18);text-align: center;position: relative;z-index: 10}
.OEM .con6 .list{display: flex;flex-wrap: wrap}
.OEM .con6 .list .item{width: 18.4%;margin-right: 2%}
.OEM .con6 .list .item:nth-child(5n){margin-right: 0}
.OEM .con6 .list .item .pic figure{padding-bottom: 66%;border-radius: .14rem;}
.OEM .con6 .list .item .txt{padding-top: .2rem;}
.OEM .con6 .list .item .tit{font-size: var(--font-size20);color: #000;font-family: 'Barlow-Bold';padding-bottom: .1rem;text-align: center}
.OEM .con6 .list .item .desc{color: #000;line-height: 1.5;text-align: center}

.OEM .con7{padding: 1rem 0;background: #eaeff3}
.OEM .con7 .autoCon-1400{background: #fff;border-radius: .14rem;overflow: hidden}
.OEM .con7 .pic {position: relative}
.OEM .con7 .pic figure{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.OEM .con7 .txt{padding: .6rem}
.OEM .con7 .txt .desc{color: #000;line-height: 1.5;}
.OEM .con7 .txt .desc p:not(:last-child){padding-bottom: .1rem}

@media(min-width:1025px){
    .OEM .con1 .title{width: 65%}
    
    .OEM .con3 .main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
    .OEM .con3 .main .left{width:45%;}
    .OEM .con3 .main .right{width:50%;}
    
    .OEM .con5 .item{display: flex;justify-content: space-between;align-items:center}
    .OEM .con5 .item:nth-child(2n){flex-direction: row-reverse;}
    .OEM .con5 .item .pic{width: 50%;flex: 0 0 auto}
    .OEM .con5 .item .txt{width: 45%}
    
    .OEM .con7 .pic{width: 50%;flex: 0 0 auto}
    .OEM .con7 .txt{flex: 1}
}

@media (max-width:1024px){
    .OEM .con1{padding-top: 50px}
    
    .OEM .title{font-size: var(--font-size50);}
    .OEM .title2{font-size: var(--font-size36);}
    
    .OEM .con2 ul li{padding: .3rem;width: 100%;margin-right: 0;margin-bottom: 15px}
    
    .OEM .con3{padding: 50px 0}
    
    .OEM .con4{padding: 50px 0}
    .OEM .con4 .box{padding-right: 0;padding-left: .1rem}
    .OEM .con4 .box::before{display: none}
    .OEM .con4 .item{width: 100%;text-align: left;margin-right: 0;}
    .OEM .con4 .item:not(:last-child){margin-bottom: 50px}
    .OEM .con4 .item .txt{color: #fff}
    
    .OEM .con5{padding-top: 50px}
    .OEM .con5 .item .pic {margin-bottom: 30px}
    
    .OEM .con6{padding: 50px 0}
    .OEM .con6 .list .item{width: 100%;margin-bottom: 30px}
    
    .OEM .con7{padding: 50px 0;}
    .OEM .con7 .pic figure{position: relative;padding-bottom: 50%}
    
}






.Report .con1{padding: .8rem 0;background: #eaeff3}
.Report .title{font-size: var(--font-size46);color: #000;font-family: 'Barlow-Bold';padding-bottom: .5rem;line-height: 1;text-align: center}
.Report .title.nb{font-family: 'Barlow-Regular';}
.Report .con1 .formBox{max-width: 50%;margin: 0 auto;position: relative}
.Report .con1 .form .text{width: 100%;line-height: .5rem;height: .5rem;border: 1px solid #ddd;border-radius: 3px;background: #fff;padding: 0 1rem 0 .3rem;color: #000}
.Report .con1 .form .btn{position: absolute;right: 0;top: 0;width: .5rem;height: .5rem;background: url(../images/search-on.svg)no-repeat center;background-size: .2rem auto;border: 0}
.Report .con1 .select {position: absolute;left: 0;top: 100%;width: 100%;background: #fff;padding: .2rem .3rem;box-shadow: 0 3px 12px rgba(0,0,0,.1);border-radius: 3px;display: none}
.Report .con1 .select dt{font-size: var(--font-size20);color: #000;font-family: 'Barlow-Bold';padding-bottom: .15rem}
.Report .con1 .select dd:not(:last-child){margin-bottom: .1rem}

.Report .con1 .back{text-align: center;padding-top: .6rem}
.Report .con1 .back a{font-size: var(--font-size20);;}


.Report .con2{padding: 1rem 0}

.Report .prolist ul{display: flex;flex-wrap: wrap;}
.Report .prolist ul li{width: 23.5%;margin-right: 2%;margin-bottom: 6%}
.Report .prolist ul li:nth-child(4n){margin-right: 0}

.Report .prolist ul li .pic{padding-bottom: 82%;position: relative;overflow: hidden;border: 1px solid #ebebeb;border-radius: .14rem}
.Report .prolist ul li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.Report .prolist ul li .pic span img{max-width: 80%;max-height:80%;transition: .3s all}
.Report .prolist ul li .tit{color: #000;text-align: center;padding-top: .2rem}
.Report .prolist ul li:hover .tit{color: var(--hover-color)}
.Report .prolist ul li:hover .pic span img{transform: scale(1.05)}

@media(min-width:1025px){
    .Report .prolist ul li:nth-last-child(-n+4){margin-bottom: 0}
}
@media(max-width:1024px){
    .Report .title{font-size: var(--font-size36);padding-bottom: .3rem;}
    .Report .con1 .formBox{max-width: 100%;}
    
    .Report .con2{padding: 50px 0}
    .Report .prolist ul li{width: 49%;}
    .Report .prolist ul li:nth-child(2n){margin-right: 0}
}




.Search_Result .tit span.it1{color: #fe0000;}
.Search_Result .tit span.it2{font-size: var(--font-size20);color: #000;}
.Search_Result .tit{font-size: var(--font-size24);color: #000;padding-bottom: .3rem}
.Search_Result .box{text-align: center;font-size: var(--font-size20);color: #999;text-align: center;padding-bottom: .8rem}
.Search_Result .title{font-size: var(--font-size46);color: #000;font-family: 'Barlow-Bold';padding-bottom: .5rem;line-height: 1;text-align: center}
.Search_Result .title.nb{font-family: 'Barlow-Regular';}


[v-cloak] {display: none !important;}
/* 20251217 */
.swiper.disabled .swiper-wrapper {transform: none !important;}
.swiper.disabled .swiper-slide-duplicate {display: none;}
.swiper.disabled+.controls {display: none;}




.SingleInfo{padding: 1rem 0;}
.SingleInfo .title {font-size: var(--font-size58);color: #000;font-family: 'Barlow-Bold';padding-bottom: 1rem;line-height: 1;}
.SingleInfo .edit_info{line-height:2; color: #333333;}
.SingleInfo li{ margin-bottom: 1%;}
@media(max-width:1024px){
.SingleInfo{padding: 50px 0}
.SingleInfo .title {font-size: var(--font-size50);padding-bottom: .5rem;}
}

.Sitemap{ padding:1rem 0;}
.Sitemap li{ padding: 0.2rem 0; border-bottom: solid 1px #eee}
.Sitemap li span{display: block;font-size: var(--font-size20); color: #000; font-weight: 500; margin-bottom: 0.12rem;}
.Sitemap .sub a{padding-right:0.2rem;font-size: var(--font-size16);margin-bottom: 0.1rem; color: #333; }
.Sitemap .sub a:hover{color: var(--hover-color);}
@media(max-width:1024px){
.Sitemap{padding: 50px 0}
}