@charset "UTF-8";
@import url('base.css');

header{ position:fixed; left:0; width:100%; z-index:9; color:#fff;}
header a{ color:#fff;}
header .logo a{ display:block; padding:.2rem 0;}
header menu li{ margin:0 .15rem; padding:0 .1rem; z-index:5;}
header menu li#m25{ position: inherit;}
header menu li>span{ display:block; padding:.3rem 0;}
header menu li>span a{ display:block; padding:.05rem 0; border-bottom:solid 1px transparent;}
header menu li.aon>span a,
header menu li:hover>span a{ border-color:#fff;}
header .sub{ padding:.25rem 0; position:absolute; top:100%; left:0; width:max-content; display:none;}
header .mh{ content:'';display:block; width:100vw;position:absolute;top:100%; left:0;background:rgba(255,255,255,.98);z-index:2;}
header .sub a{ color:#333;}
header .sub dl{ position: relative; z-index:5; margin-left:-.2rem;}
header .sub dd{ padding:0 .2rem;}
header .sub dd:last-child{ margin-right:0;}
header .sub dd a{ padding:.05rem 0; display:block; border-bottom:solid 1px transparent;}
header .sub dd a:hover{ border-color:#333;}
header .nav-cp{ width:100%; z-index:5; padding:.5rem 0 1rem;}
header .nav-cp .auto-inner{max-height:50vh;overflow:auto;}
header .nav-cp .auto-inner::-webkit-scrollbar{width:.03rem; height:100%;}
header .nav-cp .auto-inner::-webkit-scrollbar-track{background:#ffffff;border-radius:.03rem;}
header .nav-cp .auto-inner::-webkit-scrollbar-thumb{background:#9e9e9e;border-radius:.03rem;}
header .nav-cp .auto-inner::-webkit-scrollbar-thumb:hover{background:#9e9e9e;}
header .nav-cp .auto-inner::-webkit-scrollbar-corner{background:#9e9e9e;}

header .nav-cp dl{ width:100%; margin-left:0; margin-bottom:.6rem;}
header .nav-cp dl dt{ margin-bottom:.2rem; line-height:1.5; width:100%;}
header .nav-cp dl dt a{ font-size:.18rem;}
header .nav-cp dl dd{ background:#fff; width:11.55555%; margin:0; padding:0; text-align:center; margin-right:1%; border-radius:.05rem; overflow: hidden; }
header .nav-cp dl dd:nth-child(8n+1){ margin-right:0;}
header .nav-cp dl dd a{ padding:.1rem; border-bottom:none; display:block;}
header .nav-cp dl dd .pic{ margin-bottom:.1rem;}
header .nav-cp dl dd .pic img{ width:1rem; height:1rem; object-fit:contain; margin:0 auto;}
header .nav-cp dl dd:hover{ background:#ccc;}
header .nav-cp dl:last-child{ margin-bottom:0;}
header .nav-buy{ left:50%; transform:translateX(-50%);}
header .nav-buy .pic{ text-align:center; margin-bottom:.15rem;}
header .nav-buy .pic img{ width:.35rem; height:.35rem; object-fit:contain;}
header .nav-buy dd a{ padding-bottom:.1rem;}
header menu li:hover .sub{ display:block;}
header .buy{ font-size:0;}

.tiktok-up{ display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); max-width:4rem; z-index:10; background:#fff; box-shadow:0 0 .1rem rgba(0, 0, 0, .1);}
.tiktok-up .close{ position:absolute; right:0; top:0; background-image: url(../images/close.svg); background-size:.24rem; background-repeat:no-repeat; background-position:center; z-index:5; width:.5rem; height:.5rem; cursor: pointer;}
.tiktok-up img{ max-height:100%;}

header .language{ margin-right:.3rem;}
header .language a{ color:#ccc;}
header .language em{ display:inline-block; margin:0 .1rem;}
header .language a:hover,
header .language a.on{ color:#fff;}

header .iox_search {margin-right:.45rem; position:relative; padding:.2rem 0;}
header .iox_search .icon{width:.35rem;height:.35rem;border: solid 1px #fff;background-image: url(../images/search_white.svg);background-repeat: no-repeat;background-size:.15rem;background-position:center;border-radius: 50%;cursor: pointer;}
header .iox_search .top_search{position: absolute;top:90%;right: 100%;margin-right:-.35rem;background: #fff;box-shadow:0 0 .2rem rgba(0, 0, 0, .1);z-index:5;border-radius: 5px;display: none;overflow: hidden;}
header .iox_search .top_search input{padding:.1rem;border: none;color:#191919; font-size:.14rem;}
header .iox_search .top_search .btn{display: block;background-image:url(../images/search.svg);background-repeat: no-repeat;background-size:.15rem;background-position: center;width:.4rem;}
header .iox_search .icon.on{ border-color:#000;background-image:url(../images/icon-close.svg);filter:invert(100%);}
header.back_white .iox_search .icon,
header.bg_white .iox_search .icon,
header:hover .iox_search .icon{background-image: url(../images/search.svg); border-color:#000;}
header.back_white .iox_search .icon.on,
header.bg_white .iox_search .icon.on,
header:hover .iox_search .icon.on{ border-color:#000; background-image:url(../images/icon-close.svg); filter:invert(0);}

header.back_white,
header.bg_white,
header:hover{ background:#fff; color:#000; box-shadow:0 0 10px rgba(0,0,0,.05);}
header.bg_white a,
header.back_white a,
header:hover a{ color:#000;}
header.bg_white .logo,
header.bg_white .buy,
header.back_white .logo,
header.back_white .buy,
header:hover .logo,
header:hover .buy{ filter:brightness(0);}
header:hover .open-menu i,
header.bg_white .open-menu i,
header.back_white .open-menu i{ background:#333;}

header.bg_white .language a,
header.back_white .language a,
header:hover .language a{ color:#ccc;}
header.bg_white .language a.on,
header.back_white .language a.on,
header:hover .language a.on,
header.bg_white .language a:hover,
header.back_white .language a:hover,
header:hover .language a:hover{ color:#121214;}

header:hover menu li.aon>span a,
header.back_white menu li.aon>span a,
header.back_white menu li:hover>span a{ border-color:#333;}

@media (max-width:1024px) {
header .logo a{ padding:.25rem 0;}
header menu{ position:absolute; left:-100%; top:100%; background:var(--hover-color); width:3rem; border-radius:0 0 0 5px; padding: .1rem .2rem; height:calc(100vh - .8rem);}
header menu .ul{ height:100%; overflow:auto; align-items:flex-start; align-content:flex-start;}
header menu li{ width:100%; margin:0; transform:translateX(50px); opacity:0; transition: 0.5s 0.1s; font-size:.18rem;}
header menu li>span{ padding:0; position:relative; font-size:.2rem;}
header menu li>span a{ padding:.1rem 0; padding-right:.3rem; line-height:1.6; border-color:#ccc; color:#333;}
header menu li .wap-op{ position:absolute; top:0; right:0; width:.4rem; height:.4rem; background-image: url(../images/arrow.svg); filter:brightness(0); -webkit-filter:brightness(0); background-size:14px; background-position:center; background-repeat:no-repeat; transition:all .5s;}
header menu li:hover .sub{ display:none;}
header menu li:hover>span a{ border-color:#ccc;}
header menu li span.on .wap-op{ transform:rotate(90deg);}
header .sub{ position:inherit; width:100%; padding:.1rem 0 0;}
header .sub dl{ margin-left:0;}
header .sub dd{padding:0; text-align:left; padding-left:1em; width:100%;}
header .sub dd a{ padding:.1rem 0; color:#333;line-height:1.5;}
header .nav-cp dl{ margin-bottom:.1rem;}
header .nav-cp dl dt{margin-bottom:.1rem;}
header .nav-cp dl dd{width:100%;margin-right:0;text-align:left;line-height:1.5;}
header .nav-cp dl dd a{ padding-left:1em;}
header .nav-cp dl dd .pic{ display:none;}
header .nav-cp .auto-inner{ width:100%;}
header .buy{ margin-right:.3rem;}
header .mh{ display:none!important;}
.menu-show header menu{left:auto;right: 0;}
.menu-show header menu li{ transform: translateX(0);opacity: 1;}
}
@media (max-width:1024px) {
header .logo img{ max-width:1.5rem;}
header menu{ height:calc(100vh - .75rem);}
header menu li>span a{ font-size:.24rem;}
header menu li .wap-op{ top:50%; width:.5rem; height:.5rem; margin-top:-.25rem;}
header .sub dd a{ font-size:.22rem;}
header .nav-buy dd{text-align:center; padding-left:0;}
header .nav-cp dl dt a{ font-size:.22rem;}
header .iox_search .top_search input{ font-size:.18rem;}
}
@media (max-width:640px) {
header .language{ font-size:.2rem;}
header .iox_search .top_search input{ font-size:.2rem;}
header .iox_search .top_search .btn{ background-size:.2rem;}
}

/* banner */
.index-ban .pic img{ width:100%;}
.index-ban .pic .img_pic{ display:block;}
.index-ban .pic .img_web{ display:none;}
.index-ban .text{ line-height:1.5; color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; z-index:8; }
.index-ban .text .text_max{ max-width:60%;}
.index-ban .text .icon{ text-align:center; font-size:0;}
.index-ban .text .tit-small{ font-size:.24rem;}
.index-ban .text .tit-big{ font-size:.32rem;}
.index-ban .text .icon_hs{ margin:.35rem 0 1rem;}
.index-ban .text .icon_hs img{ width:.29rem; height:.29rem; object-fit:contain;}
.index-ban .text .iol{ margin-right:.3rem; max-width:1.2rem; text-align:center;}
.index-ban .text .iol .txt{ margin-top:.1rem;}
.index-ban .text .more a{ font-size:.18rem; color:#fff; border-bottom:solid 1px #fff;}
.index-ban .text .more i{ display:block; width:.2rem; height:.2rem; background-image: url(../images/arrow.svg); background-size:.1rem; background-repeat:no-repeat; background-position:center right;}
.index-ban .center .auto-inner{ position: relative;}
.index-ban .swiper-pagination{color:#fff; bottom:.4rem; text-align:left;}
.index-ban .swiper-pagination .swiper-pagination-bullet{margin:0;width:auto;height:auto;background:transparent;border-radius:0; position:relative; line-height:2;}
.index-ban .swiper-pagination .swiper-pagination-bullet em{ display:block; font-style:normal;}
.index-ban .swiper-pagination .swiper-pagination-bullet i{display:block;width:2em;height:1px;background:#fff; transition:all .3s; opacity:0; margin:0 .1rem;}
.index-ban .swiper-pagination .swiper-pagination-bullet:last-child i{ display:none;}
.index-ban .swiper-pagination .swiper-pagination-bullet-active i{ opacity:1;}
.index-ban .swiper-but{width:.5rem;height:.5rem;border-radius:100%;overflow:hidden;opacity:.5;z-index:10;transition:all .5s;}
.index-ban .swiper-button-prev{left:5%; background-image:linear-gradient(to left,transparent,rgba(255,255,255,1) 200%);}
.index-ban .swiper-button-next{right:5%; background-image:linear-gradient(to right,transparent,rgba(255,255,255,1) 200%);}
.index-ban .swiper-but:after{ font-size:.12rem; color:#fff;}
.index-ban .swiper-but:hover{ opacity:1;}

.index-ban .swiper-slide .text .auto-inner{ transform:translateY(1rem); opacity:0; transition:all .5s;}
.index-ban .ani-slide .text .auto-inner{ transform:translateY(0); opacity:1;}


@media (min-width:1025px) {
.index-ban .pic img{ min-height:100vh; object-fit:cover;}
}
@media (max-width:1024px) {
.index-ban .text{ padding:0 5%;}
.index-ban .text .icon_hs{ margin:.2rem 0 .5rem;}
.index-ban .swiper-button-prev{ left:2%;}
.index-ban .swiper-button-next{ right:2%;}
.index-ban .pic .img_pic{ display:none;}
.index-ban .pic .img_web{ display:block;}
}
@media (max-width:640px) {
.index-ban .pic img{ width:100%; height:5rem; object-fit:cover;}
.index-ban .text .tit-big{ font-size:.2rem;}
.index-ban .text .tit-small{ font-size:.18rem;}
}


/* 首页 */
.index-back{ background:#f7f7f7; overflow: hidden;}
.index-one{ margin:.3rem 0;}
.index-one .pic img{ width:100%;}
.index-one .text{font-size:.18rem;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;color:#222;}
.index-one .text .more .but{ border-bottom:solid 1px #333; padding:.05rem 0;}
.index-one .text .more i{ display:block; width:.2rem; height:.2rem; background-image: url(../images/arrow2.svg); background-size:.1rem; background-repeat:no-repeat; background-position:center right;}
.index-one .text .more:hover .but{ border-color:#fff; color:#fff;}
.index-one .text .more:hover .but i{ background-image: url(../images/arrow.svg);}
.index-one .text .tit{ font-size:.36rem; margin-bottom:.2rem;}
.index-one .text .tit-des{ margin-bottom:.6rem;}
.index-one .text .centre{max-width:45%; min-width:35%; padding:0 .2rem;}
.ProCategory .item-shell:nth-child(2n) .index-one{ background:#fff; width:100%; padding:0;transition: all .5s;}
.ProCategory .item-shell:nth-child(2n) .index-one .text{ left:auto; right:0; width:50%; direction:ltr; padding:0 .9rem;}
.ProCategory .item-shell:nth-child(2n) .index-one .text .centre{ width:100%; max-width:100%;}
.ProCategory .item-shell:nth-child(2n) .index-one .pic{ width:50%; padding-bottom:31.5%; position:relative;}
.ProCategory .item-shell:nth-child(2n) .index-one .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.ProCategory .item-shell:nth-child(2n) .index-one .tit-des{ margin-bottom:0; font-size:.24rem; color:#555555;}
.ProCategory .item-shell:nth-child(2n) .index-one .Introd{ margin:.25rem 0; font-size:.2rem; color:#555555;}
.ProCategory .item-shell:nth-child(2n) .index-one:hover{ background:rgba(0,0,0,.05);}

.index-two .item{ line-height:1.5; width:49.02%; background:#fff; padding:.35rem .4rem; padding-left:.5rem; margin-bottom:.3rem; transition: all .5s;}
.index-two .item a{ color:#222;}
.index-two .item .text{ width:35%;}
.index-two .item .pic{ width:65%; padding-bottom:65%; position:relative;}
.index-two .item .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.index-two .item .tit{ font-size:.36rem; width:130%;}
.index-two .item .tit-des{ font-size:.2rem; color:#555555; width:140%;}
.index-two .item .icon-list{ margin:.3rem 0; width:130%;}
.index-two .item .icon-list .iol{ margin-right:.2rem; text-align:center; margin-bottom:.1rem; max-width:1.25rem;}
.index-two .item .icon-list .iol .icon{ margin-bottom:.1rem;}
.index-two .item .icon-list .iol:last-child{ margin-right:0;}
.index-two .item .more .but{ border-bottom:solid 1px #333; padding:.05rem 0;}
.index-two .item .more i{ display:block; width:.2rem; height:.2rem; background-image: url(../images/arrow2.svg); background-size:.1rem; background-repeat:no-repeat; background-position:center right;}
.index-two .item:hover .more .but{ border-color:#222;}
.index-two .item:hover .more .but i{ background-image: url(../images/arrow2.svg);}
.index-two .item:hover{ background:rgba(0,0,0,.05);}

.index-three{ padding:.8rem 0;}
.index-three .title{ text-align:center; font-size:.36rem; margin-bottom:.45rem;}
.index-three .item .pic img{ width:100%;}
.index-three .item .txt{line-height:1.5;color:#fff; position:absolute; left:0; bottom:0; width:100%; padding:.45rem; text-align:center; background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.2));}
.index-three .item .txt .tit{ font-size:.26rem;}
.index-three .item .txt .des{ margin-top:.15rem; font-size:.16rem; display:none;}
.index-three .swiper-slide-active .item .des{ display:block;}
.index-three .swiper-but{width:.5rem;height:.5rem;border-radius:100%;overflow:hidden;opacity:.4;z-index:10;transition:all .5s;}
.index-three .swiper-button-prev{left:-7%; background-image:linear-gradient(to left,transparent,rgba(0,0,0,.8) 200%);}
.index-three .swiper-button-next{right:-7%; background-image:linear-gradient(to right,transparent,rgba(0,0,0,.8) 200%);}
.index-three .swiper-but:after{ font-size:.12rem; color:#000; font-weight:bold;}
.index-three .swiper-but:hover{ opacity:1;}

.index-four{ padding:.8rem 0; line-height:1.5;font-weight:400;}
.index-four .tit-small{text-align:center;font-size:.2rem;}
.index-four .tit-big{text-align:center;font-size:.36rem;margin-bottom:.5rem;}
.index-four .des{ color:#555555; text-align:center; max-width:10rem; margin:0 auto;}
.index-four .list_oiw{line-height:1; margin-top:.5rem;}
.index-four .list_oiw .item{ margin:0 .35rem; color:#555555;}
.index-four .list_oiw .item .bol{ display:block; margin-bottom:.2rem; line-height:.5; font-size:.36rem; font-family:'BarlowLight';}
.index-four .list_oiw .item .szi{ margin-right:.1rem; font-size:.6rem; font-family:'BarlowThin';}

.index-five{ padding:.8rem 0 1.2rem; line-height:1.5;font-weight:400;}
.index-five .title{ text-align:center; font-size:.36rem; margin-bottom:.45rem;}
.index-five .item .text{line-height:1.5;color:#fff; position:absolute; left:0; bottom:0; width:100%; padding:.45rem; background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));}
.index-five .item .text .tiem{ margin-bottom:.1rem; font-size:.18rem; font-weight:400; width:100%;}
.index-five .item .text .des{ min-height:3em; max-width:60%; --wlc:2;}
.index-five .item .more .but{ border-bottom:solid 1px #fff; padding:0 0 .05rem;}
.index-five .item .more i{ display:block; width:.2rem; height:.2rem; background-image: url(../images/arrow.svg); background-size:.1rem; background-repeat:no-repeat; background-position:center right;}
.index-five .swiper-but{width:.5rem;height:.5rem;border-radius:100%;overflow:hidden;z-index:10;transition:all .5s;opacity:1!important;}
.index-five .swiper-button-prev{left:1%; background-image:linear-gradient(to left,transparent,rgba(0,0,0,1) 100%);}
.index-five .swiper-button-next{right:1%; background-image:linear-gradient(to right,transparent,rgba(0,0,0,1) 100%);}
.index-five .swiper-but:after{ font-size:.12rem; color:#fff;}
.index-five .swiper-but:hover{ opacity:1;}

.index-six{ background: #fbfbfb; padding:1.5rem 0;}
.index-six .item{ font-size:.22rem; text-align:center; width:21%; font-weight:400;}
.index-six .item .icon{ margin-bottom:.25rem;}
.index-six .item .icon img{ width:.55rem; height:.55rem; object-fit:contain;}
.index-six .item a:hover{ color:#000;}

@media (max-width:1024px) {
.index-one{ transition:all .5s;}
.index-one .text .centre{ margin-right:2%; max-width:45%; line-height:1.5;}
.index-one .text .tit-des{ margin-bottom:.3rem;}
.index-one:hover{ background:rgba(0,0,0,.05);}
.index-two .item{ padding:.3rem;}
.index-two .item .text{ width:50%;}
.index-two .item .pic{ width:50%; padding-bottom:50%; position:relative;}
.index-two .item .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.index-two .item .tit{ font-size:.28rem;}
.index-two .item .tit-des{ font-size:.18rem;}
.index-two .item .icon-list .iol .icon img{ width:.29rem; object-fit:contain;}
.ProCategory .item-shell:nth-child(2n) .index-one .text{ padding:0 .3rem;}
.ProCategory .item-shell:nth-child(2n) .index-one .tit{ width:100%;}
.ProCategory .item-shell:nth-child(2n) .index-one .tit-des{ width:100%; font-size:.21rem;}
.ProCategory .item-shell:nth-child(2n) .index-one .Introd{ font-size:.18rem;}

.index-three .swiper-but{ opacity:1;}
.index-three .swiper-button-prev{ left:1%;}
.index-three .swiper-button-next{ right:1%;}

.index-five .item .text .des{ max-width:70%; font-size:.18rem;}
}

@media (max-width:640px) {
.index-one{ background:#fff;}
.index-one .text{ position:inherit;}
.index-one .text .centre{ width:100%; text-align:left; margin-right:0; max-width:100%; padding:.3rem;}
.ProCategory .item-shell:nth-child(2n) .index-one a{ display:-webkit-flex; display:flex; flex-wrap: wrap-reverse;}
.ProCategory .item-shell:nth-child(2n) .index-one .pic{ width:100%; padding-bottom:62.5%; position:relative;}
.ProCategory .item-shell:nth-child(2n) .index-one .text{ position:inherit; width:100%; padding:.3rem;}
.index-two .item{ width:100%;}
.index-two .item .icon-list .iol{ font-size:.18rem;}
.index-two .item .more .but{ font-size:.18rem;}

.index-three .item .txt{ padding:.25rem;}
.index-three .item .txt .des{ font-size:.18rem;}

.index-four .tit-big{ margin-bottom:.3rem;}
.index-four .list_oiw .item{ margin:0 .1rem;}
.index-four .list_oiw .item .szi{ font-size:.5rem;}
.index-four .list_oiw .item .bol{ margin-bottom:.1rem;}
.index-four .des{ font-size:.18rem;}

.index-five .item .text .des{ max-width:70%; font-size:.2rem;}
.index-six{ padding:1rem 0;}
}


/* 底部 */
footer{ background:#202020; color:#fff;}
footer a{ color:#fff;}
.footer-one{ background:#202020; padding:.7rem 0;}
.footer-one .footer-menu{ width:62%; line-height:1.8;}
.footer-one .footer-menu dt{ margin-bottom:.2rem; width:100%;}
.footer-one .footer-menu dd{ margin-bottom:.1rem; font-size:.14rem;}
.footer-one .footer-menu dd a{ opacity:.6;}
.footer-one .footer-menu .plan{ width:2rem;display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; justify-content:space-between;}
.footer-one .footer-menu dd a:hover{ opacity:1;}
.footer-one .footer-menu .plan dd{ width:49%;}
.footer-one .footer-menu dl#adl39{ display:none;}
.footer-one .footer-buy{ text-align:right;}
.footer-one .footer-buy .tit{ margin-bottom:.2rem; line-height:1.8;}
.footer-one .footer-buy .item{ background:rgba(255,255,255,.05); margin-bottom:.1rem; border-radius:.05rem;}
.footer-one .footer-buy .item a{ padding:.15rem;}
.footer-one .footer-buy .item .icon{ margin-right:.1rem; width:.3rem; height:.3rem;}
.footer-one .footer-buy .item .icon img{ width:100%; height:100%; object-fit:contain;}
.footer-one .footer-buy .item:last-child{ margin-bottom:0;}
.footer-share{ text-align:right; font-size:12px; line-height:1.5;}
.footer-share .tit{ margin-bottom:.1rem; opacity:.5;}
.footer-share li{ margin-right:.1rem;}
.footer-share li .icon{ background:rgba(255,255,255,.1); border-radius:100%; overflow: hidden;}
.footer-share li:last-child{ margin-right:0;}
.footer-share li .qrcode{ position:absolute; left:50%; bottom:100%; margin-left:-.5rem; width:1rem; height:1rem; display:none; padding-bottom:.1rem;}
.footer-share li .qrcode img{ width:100%; height:100%; object-fit:contain;}
.footer-share li:hover .qrcode{ display:block;}
.footer-two{ line-height:1.5; padding-bottom:.2rem;}
.footer-two .copyright{ font-size:12px; padding-top:.2rem; color:rgba(255,255,255,.5);}
.footer-two .copyright a{ color:rgba(255,255,255,.5);}
.footer-two .copyright a:hover{ color:#fff;}

@media (max-width:640px) {
.footer-one{ padding:.5rem 0 .3rem;}
.footer-one .footer-menu{ display:none;}
.footer-one .footer-buy{ width:100%; text-align:center;}
.footer-one .footer-buy .tit{ font-size:.24rem;}
.footer-one .footer-buy .item{ font-size:.18rem;}
.footer-two{ flex-wrap:wrap; justify-content:center;}
.footer-two .copyright{ width:100%; padding-bottom:.2rem;}
.footer-share{ text-align:center;}
}


/* 内页-banner */
.inside-ban .pic img{ width:100%;}
.inside-ban .pic .img_pic{ display:block;}
.inside-ban .pic .img_web{ display:none;}
@media (max-width:1024px) {
.inside-ban .pic img{ width:100%; height:5rem; object-fit:cover;}
.inside-ban .pic .img_pic{ display:none;}
.inside-ban .pic .img_web{ display:block;}
}


/* 内页栏目 */
.inside-ban .inside-menu{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.inside-ban .lanmu-des{ margin-bottom:.6rem;}
.inside-ban .lanmu-des .tit{ font-size:.36rem; margin-bottom:.15rem;}
.inside-ban .lanmu-des .des{ font-size:.18rem; max-width:5rem; line-height:1.5;}
.inside-ban .list-box{ border-top:solid 1px rgba(255,255,255,.2);}
.inside-ban .list-box .item{ margin-right:.3rem;}
.inside-ban .list-box .item:last-child{ margin-right:0;}
.inside-ban .list-box .item a{ display:block; padding:.25rem 0; color:#fff; border-top:solid 2px transparent; margin-top:-1px;}
.inside-ban .list-box .item:hover a,
.inside-ban .list-box .item.on a{ border-color:#fff;}
@media (max-width:1024px) {
.inside-ban .list-box{ font-size:.2rem;}
.inside-ban .lanmu-des{line-height:2;}
.inside-ban .lanmu-des .tit{ line-height:1.3;}
}

@media (max-width:640px) {
.inside-ban .lanmu-des{ margin-bottom:.3rem;}
}

/* 内页标题 */
.inside-box{ background:#f7f7f7;}
.inside-title{ font-size:.36rem; color:#222222;}
.inside-des{ line-height:1.5; margin-top:.2rem; font-weight: 700; color:#555555;}
@media (max-width:640px) {
.inside-des{ font-size:.2rem;}
}

/* 关于-公司简介 */
.about-box{ padding:1.1rem 0 1.7rem;}
.about-box .editor{ color:#555555; line-height:1.5; margin-top:.5rem;}
.about-box .editor p{ margin:0;}
.about-box .list_oiw{line-height:1; padding:1rem 0;}
.about-box .list_oiw .ol{ margin:0 .35rem; color:#555555;}
.about-box .list_oiw .ol .bol{ display:block; margin-bottom:.2rem; line-height:.5; font-size:.36rem; font-family:'BarlowLight';}
.about-box .list_oiw .ol .szi{ margin-right:.1rem; font-size:.6rem; font-family:'BarlowThin';}
.about-box .about-other{ margin-bottom:1.1rem;}
.about-box .about-other .item{ width:48.4%; line-height:1.5;}
.about-box .about-other .item .pic img{ width:100%;}
.about-box .about-other .item .text{ font-size:.18rem; position:absolute;left:0;top:0; width:100%; height:100%; color:#fff; text-align:center; padding:0 5%;}
.about-box .about-other .item .text .tit{ font-size:.3rem;}

.about-box .history-box .list-box{ margin-top:.65rem;}
.about-box #gallery .item .ul{ width:51.6%;}
.about-box #gallery .item .pic{ width:48.4%;}
.about-box #gallery .item .pic img{ width:100%;}
.about-box #gallery .item li{ font-size:.18rem; line-height:1.5; margin-bottom:.2rem;}
.about-box #gallery .item li .month{ color:#999999;}
.about-box #gallery .item li .des{ color:#555555;}
.about-box #thumbs{ position:absolute; left:0; bottom:0; width:30%; margin:0; font-family:'BarlowRegular';}
.about-box #thumbs .ol{ padding-bottom:.05rem;}
.about-box #thumbs .ol .years{ color:#999999; font-size:.36rem; text-align:center;}
.about-box #thumbs .ol::before{content:'';display:block;width:100%;height:.1rem;background:url(../images/arrow3.svg); background-repeat:no-repeat;background-position:center; margin-bottom:.1rem; opacity:0;}
.about-box #thumbs .swiper-slide-thumb-active .years{ color:#222222;}
.about-box #thumbs .swiper-slide-thumb-active .ol::before{ opacity:1;}

.about-box .swiper-but{top:auto; bottom:0;width:.5rem;height:.5rem;border-radius:100%;overflow:hidden;opacity:.5;z-index:10;transition:all .5s;}
.about-box .swiper-button-prev{left:35%; background-image:linear-gradient(to left,transparent,rgba(0,0,0,.3) 200%);}
.about-box .swiper-button-next{right:55%; background-image:linear-gradient(to right,transparent,rgba(0,0,0,.3) 200%);}
.about-box .swiper-but:after{ font-size:.14rem; font-weight:bold; color:#000;}
.about-box .swiper-but:hover{ opacity:1;}
.about-box .swiper-button-prev:hover{ background-image:linear-gradient(to left,transparent,rgba(0,0,0,1) 200%);}
.about-box .swiper-button-next:hover{ background-image:linear-gradient(to right,transparent,rgba(0,0,0,1) 200%);}

@media (max-width:640px) {
.about-box .about-other .item{ width:100%; margin-bottom:.3rem;}
.about-box .about-other .item:last-child{ margin-bottom:0;}

.about-box #gallery .item .ul{ width:100%;}
.about-box #gallery .item .pic{ width:100%;}
.about-box #gallery .item li{ font-size:.22rem;}

.about-box #thumbs{ margin-top:.3rem; position: inherit; width:70%;}
.about-box .swiper-button-prev{ left:auto; right:.7rem;}
.about-box .swiper-button-next{ right:.1rem;}

.about-box .editor{ margin-top:.3rem; font-size:.2rem;}
.about-box .list_oiw{ padding:.5rem 0;}
.about-box .list_oiw .ol{ margin:0 .1rem; font-size:.18rem;}
.about-box .list_oiw .ol .szi{ font-size:.5rem;}
.about-box .list_oiw .ol .bol{ margin-bottom:.1rem;}
}

/* 关于-企业资质 */
.company-one{ padding:1rem 0;}
.company-one .company-list{ margin:.6rem 0 .4rem;}
.company-one .company-list .ol{ position: relative; text-align:center; width:25%; line-height:1.5;}
.company-one .company-list .ol::after{content:'';display:block;width:1px;height:80%;position:absolute;right:0;top:10%;background:rgba(0,0,0,.1);}
.company-one .company-list .ol .icon img{ height:.35rem;}
.company-one .company-list .ol .tit{ font-size:.18rem; color:#999999; margin:.1rem 0;}
.company-one .company-list .ol .txt{ font-size:.24rem; color:#555555;}
.company-one .company-list .ol:last-child::after{ display:none;}
.company-one .des{ font-size:.18rem; background:#fff; text-align:center; padding:.65rem; color:#555555; overflow: hidden; border-radius:5px; line-height:1.5;}
.company-one .des h4{margin:0; margin-bottom:.18rem; font-weight:400; font-size:.26rem;}
.company-one .des p{margin:0;}
.company-two{ padding-bottom:1rem;}
.company-two .company-logy{ margin-top:.5rem;}
.company-two .company-logy p{margin:0;}
.company-two .company-logy .item{ width:31.666666%; margin-right:2.5%; background:#fff;}
.company-two .company-logy .item:last-child{ margin-right:0;}
.company-two .company-logy .item .pic img{ width:100%;}
.company-two .company-logy .item .tit{position:absolute; left:0; top:0; width:100%; color:#fff; font-size:.26rem; padding:.45rem; z-index:5;}
.company-two .company-logy .item .txt{padding:.45rem; min-height:3.5rem; line-height:1.7; color:#555555;}
.company-three{ padding:1rem 0; background:#fff;}
.company-three .market-box{ margin-top:.6rem;}
.company-three .market-box li{ padding:.35rem 0; border-top:solid 1px rgba(0,0,0,.1);}
.company-three .market-box li .icon{ width:15%; text-align:center;}
.company-three .market-box li .icon img{ width:.51rem;}
.company-three .market-box li .text{ width:85%;}
.company-three .market-box .des{ line-height:1.5; color:#555555;}
.company-three .market-box .des p{margin:0;}
.company-three .market-box .text .tit{ font-size:.26rem; margin-bottom:.15rem;}
.company-four{ padding:1rem 0;}
.company-four .patent-list{ margin-top:.5rem; padding-bottom:.5rem;}
.company-four .patent-list li{ line-height:1.4; width:23.53%; margin-right:1.95%; background:#fff; padding:.5rem; align-content:space-between; position:relative; margin-bottom:1.95%;}
.company-four .patent-list li::after{content:''; display:block; width:1.7rem; height:1.7rem; background:url(../images/patent-bg.png); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; right:.25rem; bottom:.35rem;}
.company-four .patent-list li .tit{ margin-bottom:.13rem; color:#999999;}
.company-four .patent-list li .des{ min-height:12em; margin-bottom:.2rem; font-size:.22rem;}
.company-four .patent-list li .oiw{ width:100%;position:relative;z-index:5;}
.company-four .patent-list li .oend{ width:100%;color:#999999;position:relative;z-index:5;}
.company-four .patent-list li .oend .wxz{ margin-top:.3rem;}
.company-four .patent-list li .oend::before{content:''; display:block; width:4em; height:1px; background:#e5e5e5;}
.company-four .patent-list li:nth-child(4n){ margin-right:0;}
@media (max-width:640px) {
.company-one .company-list .ol{ width:50%; margin-bottom:.4rem;}
.company-one .company-list .ol:nth-child(2n)::after{ display:none;}
.company-one .company-list .ol .tit{ font-size:.2rem;}
.company-two .company-logy .item{ width:100%; margin-bottom:.3rem; margin-right:0;}
.company-two .company-logy .item .txt{ padding:.3rem; font-size:.2rem; min-height:1rem;}
.company-two .company-logy .item .tit{ padding:.3rem;}
.company-two .company-logy .item:last-child{ margin-bottom:0;}
.company-three .market-box li{ font-size:.18rem;}
.company-four .patent-list li{ width:49%; margin-right:2%; margin-bottom:2%; padding:.3rem;}
.company-four .patent-list li:nth-child(2n){ margin-right:0;}
.company-four .patent-list li .tit{ font-size:.18rem;}
.company-four .patent-list li .oend .wxz{ font-size:.18rem;}
}


/* 关于-新闻资讯 */
.news-box{ padding:1rem 0;}
.news-box .news-top{ margin-bottom:.5rem; position:relative;}
.news-box .news-top .item{ background:#fff;}
.news-box .news-top .item a{ color:#222;}
.news-box .news-top .item .pic{ width:50%;}
.news-box .news-top .item .pic img{ width:100%;}
.news-box .news-top .item .text{ line-height:1.5; width:50%; padding:.5rem; font-size:.18rem; font-weight:400;}
.news-box .news-top .item .tiem{ color:#999999; margin-bottom:.1rem;}
.news-box .news-top .item .tit{ font-size:.24rem;}
.news-box .news-top .item .des{ margin:.3rem 0; color:#999999; --wlc:2;}
.news-box .news-top .item .more .but{ font-size:.18rem; color:#222; border-bottom:solid 1px #222;}
.news-box .news-top .item .more i{ display:block; width:.2rem; height:.2rem; background-image: url(../images/arrow2.svg); background-size:.1rem; background-repeat:no-repeat; background-position:center right;}
.news-box .news-top .item:hover .text .tit{ color:#164cb6;}
.news-box .news-top .item:hover .more .but{ color:#164cb6; border-color:#164cb6;}
.news-box .news-top .swiper-pagination{ left:auto; right:0; width:50%; text-align:left; padding:.1rem .5rem;}


.news-box .list-box{ padding-bottom:.3rem;}
.news-box .list-box li{ width:31.667%; margin-right:2.5%; margin-bottom:.5rem; background:#fff;}
.news-box .list-box li a{ color:#222;}
.news-box .list-box li .pic img{ width:100%;}
.news-box .list-box li .text{ padding:.35rem .3rem .5rem; line-height:1.5;}
.news-box .list-box li .text .tiem{ color:#999999; margin-bottom:.15rem;}
.news-box .list-box li .text .tit{ font-size:.18rem; --wlc:2; margin-bottom:.2rem;}
.news-box .list-box li .text .des{ line-height:1.8; min-height:5.4em; color:#999999; --wlc:3;}
.news-box .list-box li .more{ margin-top:.3rem;}
.news-box .list-box li .more .but{ font-size:.18rem; color:#222; border-bottom:solid 1px #222;}
.news-box .list-box li .more i{ display:block; width:.2rem; height:.2rem; background-image: url(../images/arrow2.svg); background-size:.1rem; background-repeat:no-repeat; background-position:center right;}
.news-box .list-box li:nth-child(3n){ margin-right:0;}
.news-box .list-box li:hover .text .tit{ color:#164cb6;}
.news-box .list-box li:hover .more .but{ color:#164cb6; border-color:#164cb6;}

@media (max-width:640px) {
.news-box .news-top .item .pic{ width:100%;}
.news-box .news-top .item .text{ font-size:.22rem; width:100%;}
.news-box .list-box li:nth-child(3n),
.news-box .list-box li{ width:49%; margin-right:2%; margin-bottom:2%;}
.news-box .list-box li:nth-child(2n){ margin-right:0;}
.news-box .list-box li .text .tit{ font-size:.22rem;}
.news-box .list-box li .text{ padding:.2rem; font-size:.18rem;}
}


/* 关于-新闻联络 */
.contact-bg{ padding:.8rem 0; color:#fff; background-size:cover; background-repeat: no-repeat; background-position:center;}
.contact-bg .tit{ width:23%; font-size:.3rem; line-height:1.5;}
.contact-bg .text{ width:77%; font-size:.18rem; line-height:2;}
@media (max-width:640px) {
.contact-bg .tit{ width:30%;}
.contact-bg .text{ width:70%;}
}


/* 关于-新闻详情 */
.newsinfo{ max-width:1000px; margin:0 auto; padding:.65rem 0;}
.news-other{ line-height:1.3; padding:.5rem 0 .3rem; border-bottom:solid 1px #dedede;}
.news-other .lanmu-mz{ margin-bottom:.1rem;}
.news-other .lanmu-mz2{ margin-bottom:0;}
.news-other .tiem{ font-size:.18rem; color:#999999;}
.news-other .item{ margin-right:.2rem;}
.news-other .item:last-child{ margin-right:0;}
.news-other .item a{ cursor:pointer;}
.news-other .item .icon{ background:rgba(255,255,255,.1);}
.news-other .item:last-child{ margin-right:0;}
.news-other .item .qrcode{ position:absolute; left:50%; top:100%; margin-left:-.5rem; width:1rem; height:1rem; display:none; padding-top:.1rem;}
.news-other .item .qrcode img{ width:100%; height:100%; object-fit:contain;}
.news-other .item:hover .qrcode{ display:block;}
.newsinfo .title{ padding:.5rem 0; font-size:.34rem; color:#333333; line-height:1.5;}
.newsinfo .con_box{ font-size:.18rem; line-height:1.8; color:#555555;}
.newsinfo .con_box p{margin:0;}
.Recently-news{ padding:1rem 0 .5rem; margin-top:1rem; border-top:solid 1px #dedede;}
.Recently-news .tit{ line-height:1.5; color:#222222; margin-bottom:.5rem;}
.Recently-news li{ line-height:1.8; font-size:.18rem; width:31%; margin-right:3.5%;}
.Recently-news li a{ color:#333;}
.Recently-news li:nth-child(3n){ margin-right:0;}
.Recently-news li a:hover{ color:#164cb6;}
@media (max-width:640px) {
.news-other .lanmu-mz{ font-size:.18rem;}
.Recently-news .tit{ font-size:.22rem; margin-bottom:.3rem;}
}



/* 关于-联系我们 */
.contact-one{ padding:.85rem 0;}
.contact-one .title{ padding:.4rem 0; font-size:.32rem; color:#222222;}
.contact-one .text{ font-size:.18rem; line-height:1.5; position:absolute; left:0; top:0; width:100%; padding:.8rem; color:#fff;}
.contact-one .text .des{line-height:2;min-width:3rem;padding:.35rem 0 0;margin-top:.35rem;border-top:solid 1px rgba(255,255,255,.1);}
.contact-one .text .tit-big{ font-size:.3rem;}

.contact-two{ padding-bottom:.5rem;}
.contact-two .ul{ width:68%;}
.contact-two .ul li{ width:45%; margin-bottom:.4rem; padding-left:.5rem; border-left:solid 1px #ccc;}
.contact-two .ul li .tit{ line-height:1.5; margin-bottom:.1rem; font-size:.18rem; color:#999999;}
.contact-two .ul li .des{ font-size:.32rem; color:#222; font-family:'BarlowRegular';}
.contact-two .ul li .des a{ color:#222;}
.contact-two .title{ font-size:.3rem; margin-bottom:.45rem;}
.contact-two .wechat-box{ width:30%; padding:.3rem; background:#fff;}
.contact-two .wechat-box .item{ width:48%; text-align:center;}
.contact-two .wechat-box .item .text{ padding:.1rem 0 0; color:#999999; font-size:.16rem; line-height:1.5;}
.contact-two .wechat-box .item .qrcode{ width:100%; text-align:center;}
.contact-two .wechat-box .item .qrcode img{ width:1rem; height:1rem;}

@media (max-width:640px) {
.contact-one{ padding-bottom:.5rem;}
.contact-one .text{ font-size:.22rem; padding:.3rem 0; position:inherit; color:#222;}
.contact-one .text .des{ border-top:solid 1px rgba(0,0,0,.1); font-size:.22rem;}
.contact-one .text .center{ width:100%;}
.contact-two .title{ line-height:1.5; margin-bottom:.1rem;}
.contact-two .ul{width:100%;}
.contact-two .ul li{ margin-bottom:0; padding:.2rem 0; width:100%; border-right:none; padding-right:0; border-bottom:solid 1px #e5e5e5; border-left:none;}
.contact-two .ul li:nth-child(2n){ padding-left:0;}
.contact-two .wechat-box{ margin-top:.3rem; width:100%;}
.contact-two .wechat-box .item .text{ font-size:.22rem;}
}


/* 产品中心 */
.Category-name{ padding-top:1rem; margin-bottom:.45rem; text-align:center;}
.Category-name .tit{ margin-bottom:.2rem; font-size:.36rem;}
.Category-name .des{ color:#222222; line-height:1.5;}

.products-list{ padding:.4rem .4rem 1rem;}
.products-list .ul{ margin-bottom:.5rem;}
.products-list .ul li{ line-height:1.5; width:calc(50% - .15rem); margin-bottom:.3rem; padding:.38rem .5rem; padding-left:.8rem; background:#fff; transition: all .5s; border-radius:.05rem; overflow: hidden;}
.products-list .ul li a{ color:#222;}
.products-list .ul li .text{ width:35%;}
.products-list .ul li .pic{ width:65%;}
.products-list .ul li .pic img{ width:100%;}
.products-list .ul li .tit{ font-size:.36rem; width:130%;}
.products-list .ul li .tit-des{ font-size:.2rem; color:#222222; width:130%;}
.products-list .ul li .icon-list{ margin:.3rem 0; width:130%;}
.products-list .ul li .icon-list .iol{ margin-right:.2rem; text-align:center; margin-bottom:.1rem;}
.products-list .ul li .icon-list .iol .icon{ margin-bottom:.1rem;}
.products-list .ul li .icon-list .iol:last-child{ margin-right:0;}
.products-list .ul li .more .but{ border-bottom:solid 1px #333; padding:.05rem 0;}
.products-list .ul li .more i{ display:block; width:.2rem; height:.2rem; background-image: url(../images/arrow2.svg); background-size:.1rem; background-repeat:no-repeat; background-position:center right;}
.products-list .ul li:hover .more .but{ border-color:#222;}
.products-list .ul li:hover .more .but i{ background-image: url(../images/arrow2.svg);}
.products-list .ul li:hover{ background:rgba(0,0,0,.05);}

@media (max-width:768px) {
.Category-name{ font-size:.18rem;}
.products-list .ul li{ font-size:.18rem;}
}
@media (max-width:640px) {
.Category-name{ font-size:.2rem; padding:1rem .2rem 0;}
.products-list{ padding:4% 4% .8rem;}
.products-list .ul li{ width:100%; font-size:.2rem; padding:.3rem;}
.products-list .ul li .pic{ width:50%; padding-bottom:50%; position:relative;}
.products-list .ul li .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.products-list .ul li .text{ width:50%;}
.products-list .ul li .icon-list{ width:120%;}
.products-list .ul li .icon-list .iol .icon img{ width:.3rem; object-fit:contain;}
}


/* 产品详情 */
.pro_white{ background:#ffffff;}
.pro_grey{ background:#f7f7f7;}
.pro-ban .pic img{ width:100%;}
.pro-ban .pic .img_pic{ display:block;}
.pro-ban .pic .img_web{ display:none;}
.pro-ban .text{line-height:1.5;color:#fff;position:absolute;left:0;top:17%;width:100%;z-index:8;text-align:center; }
.pro-ban .text .tit-small{ font-size:.2rem; color:rgba(255,255,255,.5);}
.pro-ban .text .tit-big{ font-size:.52rem; margin-bottom:.1rem;}
.pro-ban .text .des{ font-size:.32rem; font-weight:700;}
@media (min-width:1025px) {
.pro-ban .pic img{ height:100vh; object-fit:cover;}
}
@media (max-width:640px) {
.pro-ban .pic img{ width:100%; height:5rem; object-fit:cover;}
.pro-ban .text .tit-small{ margin-bottom:.1rem;}
.pro-ban .text .tit-big{ line-height:1; font-size:.34rem;}
.pro-ban .text .des{ line-height:1; font-size:.22rem;}
}



.proinfo-one .pic img{ width:100%;}
.proinfo-one .text{ line-height:1.5; text-align:center; position:absolute; left:0; top:0; z-index:5; color:#fff; width:100%; height:100%;}
.proinfo-one .text .tit-big{ font-weight:700; font-size:.45rem;}
.proinfo-one .text .tit-des{ font-weight:400; margin:.3rem 0; font-size:.18rem;}
.proinfo-one .text .play .but{ width:.7rem; height:.7rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image: url(../images/play.svg); cursor:pointer;}
.proinfo-tow .pic img{ width:100%;}
.proinfo-tow .text{line-height:1.5;text-align:left;position:absolute;left:0;top:20%;z-index:5;color:#fff; width:100%;}
.proinfo-tow .text .tit-small{ font-size:.2rem; color:rgba(255,255,255,.5);}
.proinfo-tow .text .tit-big{ font-weight:700; font-size:.45rem;}
.proinfo-tow .text .tit-des{ font-weight:400; margin:.5rem 0 .3rem; font-size:.18rem; color:rgba(255,255,255,.5);}
.proinfo-tow .text .play .but{ width:.7rem; height:.7rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image: url(../images/play.svg); cursor:pointer;}
.proinfo-three{ background:#121214; padding:.7rem 0;}
.proinfo-three .iols-shell{ color:#fff;}
.proinfo-three .item{ border-radius:.15rem; overflow:hidden;}
.proinfo-three .iole{ width:37.5%;}
.proinfo-three .iols-box{ width:60.75%; align-content: space-between;}
.proinfo-three .item .text{ position:absolute; padding:.6rem .5rem; width:100%;}
.proinfo-three .item .text .tit-small{ margin-bottom:.1rem; font-size:.22rem; font-weight:700;}
.proinfo-three .item .text .tit-big{ font-size:.36rem; font-weight:700;}
.proinfo-three .iols-box .tit-big{ margin-bottom:.2rem; font-size:.3rem;}
.proinfo-three .iols-box .des{ max-width:45%; line-height:1.5; font-size:.22rem; color:#fff;}
.proinfo-three .iols-box .item.black{ color:#222;}
.proinfo-three .iols-box .item.black .des{ color:#555;}
.proinfo-three .other .ol{ margin-top:2%; width:32%; margin-right:2%; background:#fff; text-align:center; padding:.45rem; border-radius:.15rem;}
.proinfo-three .other .ol:nth-child(3n){ margin-right:0;}
.proinfo-three .other .ol .tit{ margin-bottom:.15rem;}
.proinfo-three .other .ol .tit span{display:block;font-size:.6rem;font-weight:700;background: -webkit-linear-gradient(120deg,#7800ff,#008aff);background: linear-gradient(120deg,#7800ff,#008aff);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.proinfo-three .other .ol .txt{ font-size:.24rem; color:#555555;}

.proinfo-four{ padding:1.1rem 0;}
.proinfo-four .tit-big{ line-height:1.3; font-weight:700; font-size:.45rem; text-align:center;}
.proinfo-four .list{ margin-top:.55rem;}
.proinfo-four .list li{ width:48.35%;}
.proinfo-four .list li .pic{ border-radius:.2rem; overflow:hidden;}
.proinfo-four .list li .pic img{ width:100%;}
.proinfo-four .list li .tit{font-size:.2rem; margin-top:.15rem; text-align:center; display:-webkit-flex; display:flex; justify-content:center;}
.proinfo-four .list li .tit span{ display:block;}
.proinfo-four .list li:first-child span{background:-webkit-linear-gradient(-60deg,#008aff,#7800ff);background: linear-gradient(-60deg,#008aff,#7800ff);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.proinfo-five{ padding:1.1rem 0; }
.proinfo-five .tit-big{ line-height:1.3; font-weight:700; font-size:.45rem; text-align:center;}
.proinfo-five .tit-des{ margin:.2rem 0; text-align:center; font-size:.24rem; color:#222222;}
.proinfo-five .ul{ margin-top:.5rem;}
.proinfo-five .ul li{ width:30.8335%; margin-right:3.744444%;}
.proinfo-five .ul li .txt{ line-height:1.5; font-size:.2rem; text-align:center; margin-bottom:.2rem;}
.proinfo-five .ul li .pic{ border-radius:.2rem; overflow:hidden;}
.proinfo-five .ul li .pic img{ width:100%;}
.proinfo-five .ul li:nth-child(2){ margin-top:.5rem;}
.proinfo-five .ul li:nth-child(3){ margin-right:0; margin-top:1rem;}
.proinfo-six{ padding:1.1rem 0;}
.proinfo-six .tit-big{ line-height:1.3; font-weight:700; font-size:.45rem; text-align:center;}
.proinfo-six .tit-des{ margin:.2rem 0; text-align:center; font-size:.24rem; color:#222222;}
.proinfo-six .con_box{ margin-top:.45rem; text-align:center; width:107%; margin-left:-3.5%;}
.proinfo-six .con_box2{ margin-top:.45rem; width:100%;}
.proinfo-six .con_box2 .tab-small{ margin-bottom:.2rem;}
.proinfo-six .con_box2 .oil{ padding-bottom:12.5%; position:relative; width:16%; border-radius:.2rem; overflow: hidden;}
.proinfo-six .con_box2 .oil img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.proinfo-six .con_box2 .oil .wxt{ font-size:.18rem; position:absolute; bottom:0; width:100%;}
.proinfo-six .con_box2 .oil .wxt span{ min-width:70%; display:block; margin:0 auto; background:rgba(255,255,255,.7); text-align:center; padding:.1rem 0; border-radius:.1rem .1rem 0 0;}
.proinfo-six .con_box2 .tab-big{ border-radius:.2rem; overflow: hidden;}
.proinfo-six .con_box2 .tab-big img{ width:100%;}

.proinfo-seven{ padding:1.1rem 0;}
.proinfo-seven li{ padding:.3rem .2rem; border-bottom:solid 2px #dedede; font-size:.23rem; line-height:1.3;}
.proinfo-seven li .icon{ margin-right:.2rem;}
.proinfo-seven li .icon img{ width:.54rem; height:.54rem; object-fit:contain;}
.proinfo-seven li:first-child{ border-top:solid 2px #dedede;}
.proinfo-seven .iwt{ width:30%;}
.proinfo-seven .pic{ width:63.3334%;}
.proinfo-eight{ padding:1.1rem 0;}
.proinfo-eight .tit-big{ line-height:1.3; font-weight:700; font-size:.45rem; text-align:center;}
.proinfo-eight .tit-des{ margin:.2rem 0; text-align:center; font-size:.24rem; color:#222222;}
.proinfo-eight .ul{ margin-top:.6rem;}
.proinfo-eight .ul li{ text-align:center; width:21.667%; margin-right:1%; transition:all .5s;}
.proinfo-eight .ul li .txt{ margin-top:.25rem; font-size:.2rem;}
.proinfo-eight .ul li.active{ width:32%;}
.proinfo-eight .ul li .pic{ border-radius:.2rem; overflow:hidden;}
.proinfo-eight .ul li .pic figure{ padding-bottom:5.86rem; background-size:cover; background-position:center; background-repeat:no-repeat;}
.proinfo-eight .ul li:last-child{ margin-right:0;}
.proinfo-nine .tit-big{position:absolute;top:13%; width:100%; color:#fff; line-height:1.3; font-weight:700; font-size:.45rem; text-align:center;}
.proinfo-ten{ padding:1.1rem 0;}
.proinfo-ten .tit-big{ line-height:1.3; font-weight:700; font-size:.45rem; text-align:center;}
.proinfo-ten .tit-small{ margin:.15rem 0; text-align:center; font-size:.24rem; color:#222222;}
.proinfo-ten .tit-des{ line-height:1.5; max-width:8.5rem; margin:.1rem auto; text-align:center; font-size:.2rem; font-weight:400; color:#555555;}
.proinfo-ten .con_box{ margin-top:.35rem; border-radius:.2rem;}
.proinfo-ten .con_box img{ width:100%;}
.proinfo-ten .con_box .ol{ width:50%; text-align:center;}
.proinfo-ten .con_box .ol .but{ margin-top:.15rem;}
.proinfo-ten .con_box .ol .but span{ display:block; background:#e5e5e5; font-size:.2rem; padding:.05rem .25rem; line-height:2; border-radius:50px;}
.proinfo-ten .con_box .ol:first-child .but span{background:-webkit-linear-gradient(120deg,#7800ff,#008aff);background: linear-gradient(120deg,#7800ff,#008aff); color:#fff;}
.proinfo-ten .con_box .ol:first-child .pic{ border-radius:.2rem 0 0 .2rem; overflow: hidden;}
.proinfo-ten .con_box .ol:last-child .pic{ border-radius:0 .2rem .2rem 0; overflow: hidden;}


.proinfo-eleven{ padding:1.4rem 0;}
.proinfo-eleven li{ width:20%; text-align:center; font-size:.18rem; line-height:1.5;}
.proinfo-eleven li .pic{ margin-bottom:.2rem;}
.proinfo-eleven li .pic img{ width:100%;}
.proinfo-twelve{ padding:1rem 0 1.5rem;}
.proinfo-twelve .tit-big{ line-height:1.3; font-weight:700; font-size:.45rem; text-align:center;}
.proinfo-twelve .ul{ margin-top:.5rem;}
.proinfo-twelve li{ width:24%; margin-right:1.3333%; text-align:center; line-height:1.5; background:#fff; padding:.45rem 0; border-radius:.15rem;}
.proinfo-twelve li .pic{ margin-bottom:.2rem;}
.proinfo-twelve li .pic img{ width:100%;}
.proinfo-twelve li .icon{ margin-bottom:.2rem;}
.proinfo-twelve li .icon img{ width:.6rem;}
.proinfo-twelve li .tit{ margin:.1rem 0; font-size:.24rem;}
.proinfo-twelve li .des{ color:#555;}
.proinfo-twelve li:last-child{ margin-right:0;}

@media (max-width:1024px) {
.proinfo-six .con_box{ width:100%; margin-left:0;}
}


@media (max-width:640px) {
.proinfo-one .text .tit-big{ font-size:.26rem;}
.proinfo-one .text .tit-des{ margin:.1rem 0;}
.proinfo-one .text .play .but{ width:30px; height:30px;}
.proinfo-tow .text .tit-big{ font-size:.26rem;}
.proinfo-tow .text .tit-des{ margin-top:.1rem;}
.proinfo-three .item .text{ padding:.3rem .2rem;}
.proinfo-three .item .text .tit-big{ font-size:.26rem;}
.proinfo-three .iols-box .tit-big{ margin-bottom:.1rem;}
.proinfo-three .iols-box .des{ max-width:80%;}
.proinfo-three .iols-box .item.black .des{ max-width:80%;}
.proinfo-four .tit-big{ font-size:.3rem;}
.proinfo-five .tit-big{ font-size:.3rem;}
.proinfo-five .tit-des{ font-size:.22rem;}

.proinfo-seven .iwt{ width:100%;}
.proinfo-seven .pic{ width:100%; margin-top:.3rem;}
.proinfo-eight .ul li .pic figure{ padding-bottom:3rem;}
.proinfo-nine .tit-big{ font-size:.32rem;}
.proinfo-ten .tit-big{ font-size:.32rem;}
.proinfo-six .tit-big{ font-size:.32rem;}
.proinfo-eight .tit-big{ font-size:.32rem;}
.proinfo-six .con_box2 .tab-small{ flex-wrap:wrap;}
.proinfo-six .con_box2 .oil{ width:32%; padding-bottom:25%; margin-bottom:2%;}
.proinfo-six .con_box2 .oil .wxt{ font-size:.22rem;}
.proinfo-eleven li{ font-size:.22rem; width:50%;}
.proinfo-twelve li{ width:49%; margin-right:2%; margin-bottom:2%;}
.proinfo-twelve li:nth-child(2n){ margin-right:0;}

}



/* 方案 */
.scene-box{ padding:1.2rem 0 1rem;}
.scene-box .item{ width:32.027%; margin-right:1.95%; margin-bottom:1.95%;}
.scene-box .item .pic img{ width:100%;}
.scene-box .item .txt{line-height:1.5;color:#fff; position:absolute; left:0; bottom:0; width:100%; padding:.6rem .45rem .45rem; text-align:center; background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.2));}
.scene-box .item .txt .tit{ font-size:.26rem;}
.scene-box .item .txt .des{ font-size:.16rem; line-height:1.5; height:0; opacity:0; transition:all .5s;}
.scene-box .item:hover .des{ margin-top:.15rem; height:3em; opacity:1;}
.scene-box .item:nth-child(3n){ margin-right:0;}
.service-one{ padding:1.1rem 0 .2rem;}
.service-one .inside-title{ font-weight:400;}
.service-one .inside-des{ margin-top:.1rem; font-size:.2rem; font-weight:400;}
.service-one .Introd{color:#555; line-height:2; margin-top:.35rem;}
.service-one .Introd .name{ margin-bottom:.5rem; font-size:.18rem;}
.service-one .Introd .con_box{ font-size:.18rem; padding:.55rem; background:#fff;}
.service-one .Introd .con_box::before{ position:absolute; left:.6rem; top:-.32rem; content:''; display:block; width:.55rem; height:.32rem; background-image: url(../images/arrow4.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.service-one .Introd .con_box .tit{ margin-bottom:.1rem;}
.service-one .Introd .con_box .con p{margin:0;}
.service-one .Introd .ser-icon img{ width:1.72rem;}
.service-list{ padding-bottom:.5rem;}
.service-list .item{ padding:.7rem 0; border-bottom:solid 1px #dedede;}
.service-list .item:last-child{ border-bottom:none;}
.service-list .item .iowl{ margin-bottom:.45rem;}
.service-list .item .iowl .xuh{ margin-right:.2rem; padding:.05rem .1rem; padding-right:.2rem; background-image:url(../images/service-icon2.png); color:#fff; font-size:.36rem; font-family:'BarlowMediumItalic'; background-position:center; background-repeat:no-repeat; background-size:cover;}
.service-list .item .iowl .tit{ font-size:.3rem; color:#222;}
.service-list .item .con_box{ line-height:1.5; color:#555;}
.service-list .item .con_box p{ margin:0;}
.service-list .item .con_box .ul{ line-height:2;}
.service-list .item .con_box .ul li{ margin-bottom:.1rem;}
.service-list .item .con_box .ul li:last-child{ margin-bottom:0;}
.service-list .item .text{ max-width:calc(100% - 20em);}
.service-list .item .text.wtd100{ max-width:100%;}
.service-list .item .pic{ max-width:17em; background:#fff; padding:.4rem .5rem; text-align:center; line-height:1.5; font-size:.18rem;}
.service-list .item .pic .ix{ margin-bottom:.15rem;}
.service-list .item .pic img{ width:1.5rem;}
.service-list .item .back_uiw .des{ line-height:2; color:#fff; position:absolute; left:0; top:0; width:100%; min-height:100%; padding:.4rem .8rem;}
.service-list .item .back_uiw .des .tit{ margin-bottom:.1rem;}
@media (max-width:640px) {
.service-one .Introd .name{ font-size:.24rem;}
.service-list .item .pic{ margin-top:.35rem;}
.service-list .item .pic .ix{font-size:.2rem;}
.service-list .item .con_box{ font-size:.2rem;}
.service-list .item .con_box .ul li .its{ white-space:nowrap;}
.service-list .item .back_uiw .des{ position:inherit; z-index:2;}
.service-list .item .back_uiw .img_bg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.service-list .item .back_uiw .img_bg img{ width:100%; height:100%; object-fit:cover;}
.service-list .item .text{ width:100%; max-width:100%;}

.scene-box .item:nth-child(3n),
.scene-box .item{ width:49%; margin-right:2%;}
.scene-box .item:nth-child(2n){ margin-right:0;}
.scene-box .item .txt{ padding:.2rem;}
.scene-box .item .txt .des{ font-size:.2rem;}
}


/* 资料下载 */
.download-list{ padding:1rem 0;}
.download-list .list{ margin-bottom:.7rem;}
.download-list .list li{ background:#fff; margin-bottom:.2rem;}
.download-list .list li a{ font-size:.18rem; padding:.3rem .4rem; padding-right:.8rem; color:#555555; position:relative;}
.download-list .list li a::after{ content:''; display:block; width:.21rem; height:.21rem; background-image:url(../images/dow.svg); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; right:.4rem;}
.download-list .list li a:hover{ color:#164cb6;}
@media (max-width:640px) {
.download-list .list li a{ padding:.3rem .2rem; padding-right:.6rem; font-size:.22rem;}
.download-list .list li a::after{ right:.2rem;}
}


/* 常见问题 */
.faq-list{padding:1rem 0;}
.faq-list .tab-menu{ margin-bottom:.6rem;}
.faq-list .tab-menu .item{ margin:0 .1rem;}
.faq-list .tab-menu .item a{ padding:.1rem; color:#999999; font-size:.26rem; display:block;}
.faq-list .tab-menu .item a:hover,
.faq-list .tab-menu .item.active a{ color:#222;}
.faq-list .list{ border-top:solid 1px #dedede; margin-bottom:.8rem;}
.faq-list .list li{ line-height:1.5;}
.faq-list .list li .title{ font-size:.18rem; padding:.3rem; padding-right:.8rem; color:#555555; cursor:pointer; border-bottom:solid 1px #dedede;}
.faq-list .list li .title .name{background:#fff;width:.3rem;height:.3rem;text-align:center;line-height:.3rem;color:#555555; position:relative; margin-right:.1rem; font-size:.14rem;}
.faq-list .list li .title .tit{ width:calc(100% - .5rem);}
.faq-list .list li .title .name::after{ content:''; display:block; width:.08rem; height:.05rem; background-image:url(../images/arrow4.svg); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; right:-.07rem; top:.05rem; transform:rotate(90deg);}
.faq-list .list li:last-child .title{ border-bottom:none;}
.faq-list .list li .con_box{ margin-top:.2rem; display:none; padding:.6rem; background:#fff; line-height:1.8; color:#555555; position: relative;}
.faq-list .list li .con_box p{margin:0;}
.faq-list .list li .con_box::before{ position:absolute; left:.75rem; top:-.14rem; content:''; display:block; width:.28rem; height:.14rem; background-image:url(../images/arrow5.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.faq-list .list li.active .title{ border-bottom:none;}

@media (max-width:640px) {
.faq-list .list li{ font-size:.2rem;}
.faq-list .list li .title{ font-size:.2rem; padding:.2rem 0; justify-content:space-between;}
.faq-list .list li .title .name{ font-size:.2rem; width:.4rem; height:.4rem; line-height:.4rem; margin-right:0;}
.faq-list .list li .title .tit{ width:calc(100% - .5rem);}
.faq-list .list li .con_box{ padding:.4rem .5rem;}
}

/* 搜索结果 */
.search-shell{ max-width:1000px; margin:0 auto; padding:.85rem 0;}
.search-shell .lanmu-mz{ margin-bottom:.2rem; color:#222222; padding:.35rem 0; border-bottom:solid 1px #dedede;}
.search-list{ margin-bottom:.7rem;}
.search-list li{ background:#fff; margin-bottom:.2rem;}
.search-list li a{ font-size:.18rem; padding:.35rem; color:#222;}
.search-list li .tiem{ font-size:.16rem; color:#999999;}
.search-list li:hover a{ color:#164cb6;}