@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{ padding:0px; margin:0px;}

body{font-family: 'Barlow-Light';--hover-color:#ea5413;--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:234,84,19; --radius: .2rem;}




.Header{/*padding: .15rem 0;*/position: fixed;width: 100%;left: 0;top: 0;transition: .3s all;z-index: 100}
.Header .autoCon-1400{position: relative}
.Header .logo img{max-height: .5rem;transition: .3s all}
.Header .logo img.black{display: none;}
.Header .menu{display: flex;justify-content: space-between;width: 80%;}
.Header .menu a{color: #fff;transition: .3s all;font-family: 'Barlow-Light';}

.Header .open-search { display: block; width: 0.2rem; height: 0.2rem; background: url(../images/search.svg) no-repeat center center; background-size: contain; 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: 0.1rem; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(0.3rem); transition: 0.3s;box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.Header .top-search .text { flex: 1; border: 0; height: calc(50 / 16 * 1em); line-height: calc(50 / 16); padding: 0 1em;}
.Header .top-search .text:not(.focus) { color: rgba(var(--rgb-999),1);}
.Header .top-search .btn { width: calc(50 / 16 * 1em); height: calc(50 / 16 * 1em); display: block; background: url(../images/Top003213-search.png) no-repeat center center; background-size: auto 0.22rem;cursor: pointer;}
.search-show .Header .open-search {background-image: url(../images/Top003213-close.svg);}
.search-show .Header .top-search { opacity: 1; visibility: visible;transform: translateY(0);}


/*滚动后*/
.Header_fixed{background: #fff}
.Header_fixed .logo img.white{display: none}
.Header_fixed .logo img.black{display: block}
.Header_fixed .menu a{color: #000; font-size: 0.18rem;}
.Header_fixed .open-search{background: url(../images/search-on.svg) no-repeat center center; background-size: contain;}
@media(min-width:1025px){
    .Header .menu{width: 60%;}
    .Header .menu li{position: relative;}
    .Header .menu li span{line-height:.5rem; padding: .15rem 0; display: block}
    .Header .menu li.aon span a{font-family: 'Barlow-Medium';}
    .Header .menu li .sub{position: absolute; visibility: hidden; opacity: 0;left: 50%; transform:translate(-50%,30px); transition: 0.5s; background: rgba(255,255,255,0.9); box-shadow: 0 0 20px rgba(0,0,0,0.03); white-space: nowrap}
    .Header .menu li .sub dt{position: relative}
    .Header .menu li .sub dt:not(:last-child){border-bottom: solid 1px #ddd}
    .Header .menu li .sub dt a{display: block; padding: 10px 20px;}
    .Header .menu li .sub dt a:hover{color: #fff; background: #c3272e}
    .Header .menu li:hover .sub{visibility: inherit; opacity: 1; transform: translate(-50%,0px)}
    .Header .menu li .sub dt > dl {position: absolute;left: 100%;top: 0;display: none;background: #fff}
    .Header .menu li .sub dt:hover dl{display: block}
}
@media(max-width:1024px){
    .Header{padding: .10rem 0}
    .Header .top-right{display: flex; align-items: center}
    .Header .menu{position: absolute; right: 0;top: 100%;width: 60%; max-width:300px; padding: 0.625em;box-shadow: 0 0 0.625em rgba(0,0,0,0.3); border-radius: 0.625em; visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;background: #f7fafe;flex-wrap: wrap;}  
    .Header .menu li{width: 100%; border-bottom: solid 1px #e3e3e3}
    .Header .menu li span{display: block;padding: .1rem 0; font-size: .20rem}
    .Header .menu li span a{padding: 0.5em 0;text-align: center;}
    .Header .menu .sub{display: none; background: #e9eef5}
    .Header .menu .sub dt:not(:last-child){border-bottom: solid 1px #f7fafe}
    .Header .menu .sub a{font-size: .16rem; display: block; padding: 10px}
    .Header .menu li .sub dt > dl {background: #dce2eb}
    .Header .menu li .sub dt > dl dt{padding-left: 20px}
    .menu-show .Header .menu{transform: translateY(0); opacity: 1; visibility: inherit;}
}

.banner .slick-slide img {width: 100%}

.banner li .txt {position: absolute;left: 0;top: 34%;width: 100%;z-index: 10;color: #000;}
.banner .txt .autoCon-1400 > * {opacity: 0;transform: translateX(50px);transition-duration: 1s;transition-property: opacity,transform;transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1);}
.banner .ani-show .txt .autoCon-1400 > * { opacity: 1;transform: translateX(0);}
.banner .txt h2{font-size: var(--font-size60);margin:0;font-family: 'Barlow-Bold';width:50%;}
.banner .txt .p1{font-size: var(--font-size30);margin: 0.35rem 0 0;/*border-bottom: 0.01rem solid #000;*/width: 31%;padding-bottom: 0.1rem;}
.banner .txt .p2{margin-top: 0.2rem;font-size: :var(--font-size16);width: 31%;}

.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;}
}
@media(max-width:768px){
  .banner li .txt{top:25%;}
  .banner .txt h2{font-size:var(--font-size28);width:60%;}
  .banner .txt .p1{font-size:var(--font-size18);margin:0.1rem 0 0;width:60%;}
  .banner .txt .p2{margin-top:0.1rem;font-size::var(--font-size14);width:60%;}
}


.index_pro{padding: 5.2vw 0 0 0;}
.index_pro .item{position: relative}
.index_pro .item:not(:last-child){ margin-bottom: 0.4rem;}
.index_pro .item .pic img{border-radius: var(--radius);overflow: hidden}

.index_pro .item .txt{/* position: absolute;top: .5rem;left: 0;width: 100%;text-align: center;z-index: 10 */}
.index_pro .item .txt .tit{color: #000;font-size:var(--font-size42);font-family: 'Barlow-Bold';padding-bottom: .2rem}
.index_pro .item .txt .desc{color: rgba(0, 0, 0, 1);font-size:var(--font-size18);line-height: 1.5;font-family: 'Barlow-Light'; padding-bottom: .24rem  }
.index_pro .item .txt .btn{display: inline-block; padding-top: 0.35rem;}
.index_pro .item .txt .btn span{color: rgba(0, 0, 0, 1);font-family: 'Barlow-Light'; font-size:var(--font-size18);  display: flex;align-items: center;margin: 0 auto;justify-content: center;border-bottom: 1px solid transparent;}
.index_pro .item .txt .btn span i{width: .12rem;height: .12rem;background: url(../images/icon-jt3.svg) no-repeat center;background-size: .12rem auto;margin-left: .12rem}
.index_pro .item .txt .btn span:hover{border-bottom: 1px solid var(--hover-color); color: var(--hover-color);}
.index_pro .item .txt .btn span:hover i{background-image: url(../images/icon-jthover.svg);}
.index_pro .item .txt .img img{max-height: 2.2rem;}


@media (min-width:1025px) {
.index_pro .item {display: flex;justify-content: space-between;align-items: center;}
.index_pro .item:nth-child(2n) {flex-direction: row-reverse;}
.index_pro .item .pic{ width: 60%;}
.index_pro .item .txt{ width: 35%;}
}
@media (max-width:1024px) {

}



.index_app{padding: 1rem 0;position: relative;overflow: hidden}
.index_app::before{content: '';position: absolute;width: 12%;height: 100%;background: #fff;left: 0;top: 0;z-index: 10;display: none}
.index_app .autoCon-1400{position: relative}
.index_app .swiper{overflow: inherit}
.index_app .swiper-slide .flex{background: #f7f9fb;border-radius: var(--radius);overflow: hidden;}
.index_app .pic{padding-bottom: 71.429%;position: relative;overflow: hidden;}
.index_app .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.index_app .pic span img{width: 100%;height: 100%;object-fit: cover}
.index_app .swiper-slide .flex .right{padding: 0 5%;}
.index_app .tit{font-size:var(--font-size50);font-family: 'Barlow-Bold';color: #000;line-height: 1 ;padding-top:5.3vw}
.index_app .desc{color: rgba(0, 0, 0, 1);line-height: 1.6;font-family: 'Barlow-Light';padding-top: .5rem;font-size:var(--font-size18);}

.index_app .btns{position: absolute;bottom: 5%;right: 30%;display: flex;align-items: center;z-index: 10}
.index_app .arrow{width: .6rem;height: .6rem;border-radius: 50%;border: 1px solid #000;position: relative;cursor: pointer}
.index_app .arrow::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-jt3.svg)no-repeat center;background-size: .2rem auto}
.index_app .arrow::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-jt3.svg)no-repeat center;background-size: .2rem auto}
.index_app .arrow.prev{transform: rotate(180deg);margin-right: .15rem}
.index_app .arrow:hover{background: #000;}
.index_app .arrow:hover::before{filter: grayscale(100) brightness(100);}
@media(min-width:1025px){
    .index_app .swiper-slide .flex{display: flex;justify-content: space-between;}
    .index_app .swiper-slide .flex .left{width: 55%;}
    .index_app .swiper-slide .flex .right{width: 45%;}
}
@media(max-width:1025px){
.index_app .btns{position: initial;justify-content: center; padding-top: 5%}
.index_app .arrow{width: .4rem;height: .4rem;}
}



.index_evaluate{padding-bottom: 5.2vw}
.index_evaluate .list .swiper-slide{background: #f7f9fa;border-radius: var(--radius);overflow: hidden; height: auto; display: flex; flex-wrap: wrap; align-content: space-between}
.index_evaluate .list .txt{padding:.5rem .4rem; width: 100%}
.index_evaluate .list .txt .tit{font-size:var(--font-size36);font-family: 'Barlow-Bold';color: #000;}
.index_evaluate .list .txt .desc{color: rgba(0, 0, 0, 1);line-height: 1.6;font-family: 'Barlow-Light';padding-top: .25rem;/*height: 1.45rem*/}
.index_evaluate .list .txt .pj{display: flex;padding: .15rem 0;border-bottom: 1px solid #ebebeb}
.index_evaluate .list .txt .pj i{width: .2rem;height: .2rem;background: url(../images/xx.svg)no-repeat center;background-size: .2rem;margin-right: .1rem}

.index_evaluate .list .pic{width: 100%; padding-bottom: 66.18%;position: relative;overflow: hidden;}
.index_evaluate .list .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.index_evaluate .list .pic span img{width: 100%;height: 100%;object-fit: cover}

.index_evaluate .pages{text-align: center;margin-top: .5rem}
.index_evaluate .pages .swiper-pagination-bullet{width: 10px;height: 10px;opacity: .1}
.index_evaluate .pages .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000;opacity: 1}




.Bottom{background: #f9f9f9; background-size: cover; padding-top:4vw; padding-bottom: 0.32rem;--white:#000;--white-rgb:0,0,0;--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);--hover-color:#ea5413; font-size: var(--font-size16);}
.Bottom,
.Bottom a:not(:hover){color:var(--white);}
.Bottom .logo{width: 2.1rem;}
.Bottom .logo img{max-height: .5rem;}

.Bottom .f-top{margin-bottom: 0.5rem;padding-bottom: 0.25rem;border-bottom: 1px solid rgba(0,0,0,.1)}
.Bottom .f-mid{margin-bottom: 0.5rem;}
.Bottom .f-bottom{padding: 0.3rem 0 0; font-size: var(--font-size14);}
.Bottom .f-bottom,
.Bottom .f-bottom a:not(:hover){color: #000;}

.Bottom .follow-us{display: flex;align-items: center;margin-top: 4vw}
.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%;background-color: rgba(0,0,0,.05); width: 0.4rem; height: 0.4rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;}
.Bottom .follow-us li a:hover{background-color: rgba(0,0,0,.1);}
.Bottom .follow-us li a:after{width: 0.2rem; height: 0.2rem;background-position: center center; background-repeat: no-repeat; background-size:contain;transition: 0.3s; content: '';display: block;}
.Bottom .follow-us li a:hover:after{opacity: 1;}

.Bottom .follow-us li.li-tiktok a:after{background-image: url(../images/Bottom-tiktok.svg);} 
.Bottom .follow-us li.li-facebook a:after{background-image: url(../images/Bottom-facebook.svg);} 
.Bottom .follow-us li.li-instagram a:after{background-image: url(../images/Bottom-instagram.svg);} 
.Bottom .follow-us li.li-youtube a:after{background-image: url(../images/Bottom-youtube.svg);} 
.Bottom .follow-us li.li-twitter a:after{background-image: url(../images/Bottom-twitter.svg);} 
.Bottom .follow-us li.li-linkedin a:after{background-image: url(../images/Bottom-linkedin.svg);} 
.Bottom .follow-us li.li-wechat a:after{background-image: url(../images/Bottom-wechat.svg);} 
.Bottom .follow-us li figure{visibility:hidden; opacity: 0; position: absolute; width: 380%;left: 50%;transform: translate(-50%,30px); padding: 10px; background: #fff; bottom: 120%; border-radius: 10px; box-shadow: 0 0 20px #eee;transition: 0.5s;}
.Bottom .follow-us li.show figure{ transform: translate(-50%,-10px); opacity: 1; visibility: visible;}
.Bottom .follow-us li.show figure:after{position: absolute; content: ''; top: 100%;left: 50%;border: 6px solid transparent; border-top-color:#fff; margin-left: -6px;}

.Bottom .contact dl{}
.Bottom .contact dd{}
.Bottom .contact dd span{opacity: .5;padding-left: .24rem;margin-bottom: .05rem;display: block}
.Bottom .contact dd span.tel{background: url(../images/icon-tel.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .contact dd span.add{background: url(../images/icon-add.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .contact dd .phone{font-size: .24rem;font-family: Barlow-Bold;}
.Bottom .contact dd + dd{margin-top: 0.5rem;}

.Bottom nav dd{}
.Bottom nav dt{ position: relative; font-weight: 500;font-size: .20rem;font-family: 'Barlow-Regular';}
.Bottom nav dd{line-height:.36rem;font-size: var(--font-size16);}
.Bottom nav dd a:not(:hover){color: rgba(0, 0, 0, 1);}
.Bottom nav dd a:hover{color: var(--hover-color);}

.Bottom .icp a{display: flex;}
.Bottom .icp a:before{display: block; content: ''; background: url(../images/Bottom-security.png) no-repeat center center / contain; width: 0.18rem; height: 0.2rem; margin-right: 0.06rem;}
@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{border-top: 1px solid var(--white-opacity-10);}
    .Bottom .contact{width: calc(480 / 1400 * 100%);}
    .Bottom nav{width: calc(1000 / 1400 * 100%);}
    .Bottom nav dt{margin-bottom: 0.2rem;}
    .Bottom nav dd{display: block!important;}
}
@media (max-width:1024px) {
    .Bottom .logo{margin: 0 auto 0.2rem; text-align: center}   
    .Bottom .follow-us{justify-content: center;}
    .Bottom .contact{margin-bottom: 0.3rem;}
    .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;}
    .Bottom .icp{margin-top: 0.3rem;}
    .Bottom .icp a{display: inline-flex;}
}



.location{border-top: 1px solid #f0f0f0;text-align: center;padding-top: .15rem;font-size: var(--font-size14);}
.location .autoCon-1400{display: flex;justify-content: center;align-items: center;}
.location a{color: #999;}
.location i{margin: 0 .1rem;color: #999;}


.ctitle{font-size: var(--font-size58);color: #000;font-family: 'Barlow-Bold';}
.ctitle.ct{text-align: center}
.ctitle span{color: #c3272e;font-size: .64rem}
.ctitle img{max-height: .7rem}
@media (max-width:1024px) {
.ctitle{font-size: var(--font-size36);}
.ctitle span{font-size: .40rem}
}

.About{padding: 5.2vw 0}
.About .tip{font-size: var(--font-size28);color: #000;text-align: center}
.About .desc{color: #000;line-height: 2;margin: .5rem auto 0;width: 85%}
.About .light{padding-top: 5.2vw;}
.About .light .item{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
.About .light .item:not(:last-child){margin-bottom: 2%;}
.About .light .item:nth-child(2n){flex-direction: row-reverse;}
.About .light .item .pic{width: 50%;flex: 0 0 auto;}
.About .light .item .pic figure{padding-bottom: 60%;position: relative}
.About .light .item .pic figure img{position: absolute;top: 0; width: 100%; height: 100%;border-radius: var(--radius); object-fit: cover; -o-object-fit: cover }
.About .light .item .txt{flex: 1;padding-left: 5%;}
.About .light .item:nth-child(2n) .txt{padding-left: 0;padding-right: 5%}
.About .light .item .txt .tit{font-size: var(--font-size36);color: #000;font-family: 'Barlow-Bold';}
.About .light .item .txt .info{font-size: var(--font-size18);line-height: 2;padding-top: .3rem;color: #000}
@media (max-width:640px) {
.About .light .item .pic,
.About .light .item .txt{width: 100%;}
.About .light .item .txt{padding: 0}
}




.Honor .autoCon-1400{padding: 1rem 0;border-top: 1px solid #ebebeb;}
.Honor ul{display: flex;flex-wrap: wrap;}
.Honor li{width: 23.5%;margin-top: 5%}

.Honor li .pic{padding-bottom: 100%;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;border: 1px solid #f2f2f2;transition: 0.5s}
.Honor li .pic span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 4; }
.Honor li .pic span img{max-width: 100%;}
.Honor li .pic span::before {content: ''; position: absolute;z-index: 10;left: 0;top: 0;content: '';width: 100%;height: 100%;background: url(../images/kuang-v.png) no-repeat center center;background-size: 100% 100%; height: 100%;}
.Honor li .txt {text-align: center;padding-top: .15rem}
.Honor li:hover .pic{box-shadow: 0 0 20px rgba(0,0,0,0.1)}
@media (max-width:768px) {
.Honor li{width: 23.5%; margin-right: 2%;}
.Honor li:nth-child(4n){margin-right: 0}
}

@media (max-width:768px) {
.Honor ul{justify-content: space-between}
.Honor li{width:48%;}
}



.News{padding: 5.2vw 0}

.News ul{display: flex;flex-wrap: wrap;}
.News li{width:48%;margin-top: .5rem}

.News li .pic{overflow: hidden}
.News li .pic figure{padding-bottom: 62.5%;background: #000; position: relative;border-radius: var(--radius);}
.News li .pic figure img{position: absolute; width: 100%; height: 100%;object-fit: cover; -o-object-fit: cover;border-radius: var(--radius);}
.News li .txt{padding-top: .2rem}
.News li .txt .tit{font-size: var(--font-size20);color: #000;font-family: 'Barlow-Regular';margin-bottom: .25rem;line-height: 1.5}
.News li:hover .txt .tit{color: #c3272e}
@media (min-width:1024px) {
.News li{width: 32%;margin-right: 2%;}
.News li:nth-child(3n){margin-right: 0}
}
@media (max-width:1024px) {
.News ul{justify-content: space-between}
}
@media (max-width:640px) {
.News li{width: 100%;}
}

.NewsInfo{padding: 5.2vw 0}
.NewsInfo .title{padding-top: 3%}
.NewsInfo .title h1{font-size: var(--font-size24); font-family: 'Barlow-Bold';}
.NewsInfo .title p{padding: 2% 0; margin: 0}
.NewsInfo .article{padding: 3% 0; border-top: solid 1px #ddd;border-bottom: solid 1px #ddd}
.NewsInfo .other P{padding: 1% 0;}
.NewsInfo .other .back a{background: #c3272e; color: #fff; display: inline-block; padding: 1% 3%}

.SearchList{padding-top: 5.2vw}
.SearchList ul{padding-top: 4%}
.SearchList ul li{padding: 1.5%; border-bottom: solid 1px #ddd}
.SearchList ul li time{float: right; opacity: 0.7; padding-left: 20px}
@media (max-width:1024px) {
.SearchList ul li{white-space: normal;padding: 4% 0}
.SearchList ul li a{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
}
/*Page002623 */

.Pages{padding: 5.2vw 0 5.2vw; text-align: center;}
.Pages a.a_first,
.Pages a.a_end,
.Pages > span:not(.p_page){display: none;}
.Pages em{float: left;margin: 0 3vw; font-style: normal;}
.Pages .p_page{display: table; margin: 0 auto;}
.Pages a{float: left;line-height: 50px; width: 50px; margin: 0 1px;border-radius: 50%;}
.Pages a.a_cur,
.Pages a:hover{color: #fff;background: #000;}
.Pages .p_page > a{font-size: 0;height: 50px;position: relative;}
.Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;}
.Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;}
.Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;}
.Pages a.a_prev:hover:before{border-right-color: #fff;}
.Pages a.a_next:hover:before{border-left-color: #fff;}
@media(max-width:640px){
.Pages{padding: 6vw 0 8vw 0;}
.Pages em{display: none;}
.Pages a{background-color: #eee;}
}





.Innovation{padding: 5.2vw 0 0}
.Innovation .title{text-align: center;padding-bottom: 5.2vw}
.Innovation .title .tit1{font-size: var(--font-size50);color: #000;font-family: 'Barlow-Bold';padding-bottom: .35rem}
.Innovation .title .tit2{font-size: var(--font-size30);color: #000;}
@media(max-width:640px){
.Innovation .title .tit1{font-size: var(--font-size40)}
}
.Innovation .contrast{display: flex;}
.Innovation .contrast .before{width: 50%;background: #fafafa;position: relative;padding: .5rem 1.5rem 0 .5rem;display: flex;justify-content: center}
.Innovation .contrast .after{width: 50%;background: linear-gradient(to left, #e9edee 0%, #dce5ec 100%);position: relative;padding: .5rem .5rem 0;display: flex;justify-content: center;transform: scale(1.05);box-shadow: 0 3px 22px rgba(0,0,0,.3)}
.Innovation .contrast .after:after {position: absolute;content: '';background: #dce5ec;top: 0;right: 93%;width: 14%;height: 100%;transform: skewX(6deg);}

.Innovation .contrast .title2{position: absolute;font-size: var(--font-size22);color: #fff;padding: .15rem .4rem;text-transform: uppercase;font-family: 'Barlow-Regular';}
.Innovation .contrast .before .title2{left: 0;top: 0;background: #acafb8}
.Innovation .contrast .after .title2{right: 0;top: 0;background: #55bdda}

.Innovation .contrast .txt{position: absolute;width: 100%;top: .5rem;padding: 0 .5rem;z-index: 10}
.Innovation .contrast .after .txt{padding: 0 .5rem 0 0;}
.Innovation .contrast .con{padding-top: 2.5rem}

.Innovation .contrast .title3{font-size: var(--font-size24);color: #333;padding: .5rem 0 0;text-align: center}
.Innovation .contrast .before .title3{color: #999;}
.Innovation .contrast .title4{font-size: var(--font-size30);color: #000;font-family: 'Barlow-Regular';margin:.2rem 0;text-align: center}

.Innovation .contrast .con .img {text-align: center}
.Innovation .contrast .con .img img{max-height: 4rem}


.Innovation .box2{background-size: cover;background-position: center;background-repeat: no-repeat;height: 7.2rem;position: relative;margin-top: 7.8vw}
.Innovation .box2 .txt{position: absolute;width: 100%;left: 0;top: 1rem;}
.Innovation .box2 .txt .title{}
.Innovation .box2 .txt .tit1{color: #fff;}
.Innovation .box2 .txt .tit2{color: #fff;}

.Innovation .box2 .txt ul{display: flex;justify-content: center;}
.Innovation .box2 .txt li {margin: 0 .8rem}
.Innovation .box2 .txt li .num{display: flex;align-items: flex-end}
.Innovation .box2 .txt li .num .counter{font-size: calc(72/1920*100vw);color: #fff;font-family: 'Barlow-Bold';line-height: 1}
.Innovation .box2 .txt li .num .counter .num{position: absolute}
.Innovation .box2 .txt li .num .counter .no{opacity: 0}
.Innovation .box2 .txt li .num .unit{font-size: var(--font-size24);color: #fff;margin-left: .15rem}
.Innovation .box2 .txt li .tit{font-size: var(--font-size18);color: #fff;margin-top: .15rem}



.Innovation .box3 {position: relative;}
.Innovation .box3 .txt{position: absolute;width: 100%;left: 0;top: 1rem;z-index: 10}
.Innovation .box3 .txt .tit3{display: flex;justify-content: center;align-items: center;padding-top: .3rem}
.Innovation .box3 .txt .tit3 span{font-size: var(--font-size24);color: #000;padding: 0 .5rem;position: relative}
.Innovation .box3 .txt .tit3 span:not(:last-child):after{content: '';position: absolute;width: 1px;height: .2rem;background: #000;opacity: .2;right: 0;top: 50%;transform: translateY(-50%)}
@media(max-width:1024px){
.Innovation .box2{height: auto}
.Innovation .box2 .txt{position: initial; padding: 4% 0}
.Innovation .box2 .txt ul{flex-wrap: wrap}
.Innovation .box2 .txt li{width: 50%;margin: 0}
.Innovation .box2 .txt li .num .counter{font-size: calc(72/1024*100vw);}

.Innovation .box3 .txt{position: initial;padding: 4% 0}
.Innovation .box3 .txt .tit3 span{padding: 2%}
.Innovation .box3 .title{padding: 0}
}
@media(max-width:640px){
.Innovation .contrast{flex-wrap: wrap}
.Innovation .contrast .title4{display: block;}
.Innovation .contrast .txt{position: initial;padding: 0 3%}
.Innovation .contrast .con{padding-top: 0}
.Innovation .contrast .before{width: 100%; padding: 5% 0;flex-wrap: wrap}
.Innovation .contrast .after{width: 100%; padding: 5% 0;flex-wrap: wrap}
.Innovation .contrast .after .txt{padding: 0 3%}
}


.Product .box1{padding: 5.2vw 0}
.Product .list{margin-top: .3rem}
.Product .list .item {position: relative;border-radius: var(--radius);overflow: hidden;margin-top:4.15vw}
.Product .list .item .pic{padding-bottom: 56%;position: relative}
.Product .list .item .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; -o-object-fit: cover}
.Product .list .item .txt{position: absolute;bottom: .5rem;left: 0;width: 100%;padding: 0 .5rem;display: flex;align-items:flex-end;justify-content: space-between }
.Product .list .item .txt .title{width: 50%}
.Product .list .item .txt .tit{font-size: var(--font-size56);color: #000;font-family: 'Barlow-Bold';}
.Product .list .item .txt .desc{color: #999;padding-top: .2rem;line-height: 1.5;font-family: 'Barlow-Bold';}
.Product .list .item .txt .more{color: #fff;border-radius: 36px;background: #000;width: 1.6rem;height: .5rem;text-align: center;line-height: .5rem; transition: 0.5s}
.Product .list .item:hover .txt .more{background: #c3272e}


.Product .box2{padding: 5.2vw 0;background: linear-gradient(to bottom, #f8f8f8 0%, #fff 100%);}
.Product .duibi{background: #fff;border-radius: var(--radius);padding:1rem .8rem;margin-top: .8rem;box-shadow: 0 3px 22px rgba(0,0,0,.03)}
.Product .duibi .ll {display: flex;align-items: center}
.Product .duibi .ll:not(:first-child){border-bottom: 1px solid #e9e9e9;}
.Product .duibi .ll .td{width: 40%;flex: 0 0 auto;text-align: center;color: #000;}
.Product .duibi .ll:not(:first-child) .td{padding: .9rem .2rem .4rem}
.Product .duibi .ll .td1{width: 20%;text-align: left;font-size: var(--font-size18);padding-left: 0;}
.Product .duibi .ll .propic img{max-height: 3rem}
.Product .duibi .ll .procolor {display: flex;justify-content: center;align-items: center;}
.Product .duibi .ll .procolor .color{width: .16rem;margin: 0 .05rem;}
.Product .duibi .ll .procolor .color span{display: block; padding-bottom: 100%; border-radius: 50%;}
.Product .duibi .ll .procolor .color.white span{box-shadow:inset 0 0 0 1px #000000}
.Product .duibi .ll .td .tit1{font-size: var(--font-size22);font-family: 'Barlow-Bold';}
.Product .duibi .ll .td span{font-size: var(--font-size42);font-family: 'Barlow-Bold';}
.Product .duibi .ll .td a.buy{background: rgb(78, 161, 254);padding: .1rem .2rem;border-radius: 36px;color: #fff;font-size: var(--font-size14);}

.Product .follow{padding: .5rem 0 0;}
.Product .follow .title{text-align: center}
.Product .follow .title span{font-size: var(--font-size20);text-align: center;color: #000;display: inline-block;padding:.2rem 1rem;border-radius: 36px;background: #fafafa}

@media(max-width:1024px){
.Product .duibi{padding: 4%; margin-top: 3%}
.Product .duibi .ll .td span{font-size: var(--font-size20);}
}
@media(max-width:768px){
.Product .list .item .txt .tit{font-size: var(--font-size32);}
.Product .list .item .txt{bottom:0; padding:.2rem}
.Product .list .item .txt .more{width:auto;line-height: .4rem; height: .4rem; padding: 0 .2rem; }
.Product .duibi .ll:not(:first-child) .td{padding: .2rem .1rem .1rem}
}

.pro_location{background: #000;}
.pro_location .autoCon-1400{display: flex;align-items: center;justify-content: space-between;padding: .15rem 0;}
.pro_location .title{font-size: var(--font-size20);color: #fff;font-family: 'Barlow-Bold';}
.pro_location .proMenu{display: flex;align-items: center;}
.pro_location .proMenu a{color: #fff;margin-left: .4rem;font-size: var(--font-size14);}
.pro_location .proMenu a.aon{opacity: .6;}
.pro_location .proMenu a.buy{background: rgb(78, 161, 254);padding: .05rem .2rem;border-radius: 36px;}


.pro_pic{padding: 5.2vw 0;border-bottom: 1px solid #ebebeb;margin-bottom:  5.2vw}
.pro_pic .autoCon-1400{display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}

.pro_pic .left{position: relative;padding-left: 1.2rem;}
.pro_pic .slider-big{position: relative}
.pro_pic .slider-big li{background: #fafafa;padding: .3rem 0}
.pro_pic .slider-big li figure{background-size: contain;padding-bottom: 60%}
.pro_pic .slider-big li figure img{position: absolute; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain}
.pro_pic .slider-big .slick-arrow{position: absolute;width: .5rem;height: .5rem;border-radius: 50%;top: 50%;font-size: 0;margin-top: -.25rem;border: 0;background: url(../images/icon-jt3.svg)no-repeat center #ebebeb;background-size: .2rem auto;z-index: 10;cursor: pointer}
.pro_pic .slider-big .slick-prev{left: .3rem;transform: rotate(180deg)}
.pro_pic .slider-big .slick-next{right: .3rem;}

.pro_pic .slider-list {position: absolute;width: 1rem;height: 100%;left: 0;top: 0}
.pro_pic .slider-list li {padding: .17rem 0;margin: 2px 0;box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); width: 100% !important;}
.pro_pic .slider-list li figure{background-size: contain;padding-bottom: 60%; position: relative}
.pro_pic .slider-list li figure img{position: absolute; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain}
.pro_pic .slider-list li.slick-current {box-shadow: inset 0 0 0 1px #c1272d}

@media(min-width:1025px){
    .pro_pic .left{width: 60%;flex: 0 0 auto}
    .pro_pic .right{padding-left: 1rem;flex: 1;}
}
@media(max-width:1025px){
.pro_pic .left{width: 100%;}
.pro_pic .right{padding-left: 0; width: 100%; padding-top: 4%}
}
@media(max-width:640px){
.pro_pic .left{padding-left: 0}
.pro_pic .slider-list{position: relative; width: 100%;padding: .2%}
.pro_pic .slider-list li{margin: 2px}
}


.ProductDetail {position: relative}
.ProductDetail .box1{padding-bottom: 8vw}
.ProductDetail .box2{padding-bottom: 8vw}
.ProductDetail .box3{padding-bottom: 8vw}
.ProductDetail .box3 .flex{display: flex;align-items: center;justify-content: space-between}
.ProductDetail .box3 .flex .img{width: 60%;flex: 0 0 auto}

.ProductDetail .title{font-size:var(--font-size60);color: #000;font-family: 'Barlow-Bold'; }
.ProductDetail .desc{font-size:var(--font-size20);color: #000;line-height: 1.5;}
.ProductDetail .img{overflow: hidden;margin-top: 5.2vw;padding: 0 5%}
.ProductDetail .img .imgbox{border-radius: var(--radius);;overflow: hidden;}

.ProductDetail .boxtitle1{text-align: center}
.ProductDetail .boxtitle1 .desc{margin: .4rem auto 0;width: 60%}

.ProductDetail .boxtitle2{max-width: 1000px; margin: auto}
.ProductDetail .boxtitle2 .desc{margin: .4rem 0 5.2vw;width: 60%}

.ProductDetail .boxtitle3{padding-left: 1rem}
.ProductDetail .boxtitle3 .desc{margin: .4rem 0 0;}


.ProductDetail .loading{position: fixed; left: .5rem;top:50%;transform: translateY(-50%)}
.ProductDetail .loading ul{ background: #f5f5f5;border-radius: 36px;padding: .1rem ;box-shadow: 0 3px 6px rgba(0,0,0,.2)}
.ProductDetail .loading ul li{position: relative;width: .2rem;height: .2rem;border-radius: 50%;border: 1px solid #999;margin: .2rem 0; cursor: pointer}
.ProductDetail .loading ul li::after{content: ''; position: absolute;width: .1rem;height: .1rem;left: 50%;top: 50%;background: #000;opacity: 0;border-radius: 50%;transform: translate(-50%,-50%)}
.ProductDetail .loading ul li a{position: absolute;left: calc(100% + .3rem);opacity: 0}
.ProductDetail .loading ul li.on{border-color: #000}
.ProductDetail .loading ul li.on::after{opacity: 1}
.ProductDetail .loading ul li.on a{opacity: 1}

@media(max-width:1024px){
.ProductDetail .boxtitle1 .desc{width: 100%}
.ProductDetail .boxtitle2{padding: 2%}
.ProductDetail .boxtitle2 .desc{width: 100%}
.ProductDetail .title{font-size:var(--font-size32);}

.ProductDetail .loading{left: .1rem;}
}



.online{padding: 5.2vw 0}
.online .list{display: flex;flex-wrap: wrap; justify-content: space-between;background: #f5f5f5;border-radius: var(--radius);padding: .5rem 5.2vw;}
.online .list .item:nth-child(1){width: 60%;flex: 0 0 auto;border-right: 1px solid #ddd;padding-right: 10%}
.online .list .item:nth-child(2){width: 40%;padding-left: 10%}
.online .list .item .title{font-size:var(--font-size20);color: #000;padding-bottom: .3rem}
.online .list .item dl{display: flex;align-items: center;justify-content: space-between;}
.online .list .item dd img{max-width: 1.5rem;}

.online .list .item .hotline {display: flex;align-items: center}
.online .list .item .hotline .icon{width: .4rem;height: .4rem;background: url(../images/icon-tel.svg)no-repeat center;background-size: cover}
.online .list .item .hotline .tel{font-size:var(--font-size40);color: #000;font-family: 'Barlow-Bold';margin-left: .15rem}
@media(max-width:1024px){
.online .list {padding: 4%}
.online .list .item:nth-child(1),
.online .list .item:nth-child(2){width:100%;}
.online .list .item:nth-child(1){border-right: none; padding-right: 0;padding-bottom: 4%;}
.online .list .item:nth-child(2){padding-left: 0; padding-top: 4%;border-top: 1px solid #ddd;}
.online .list .item .hotline .tel{font-size:var(--font-size30);}
.online .list .item dd:nth-child(2) img{max-width: 1.2rem;}
}




.enter{padding-bottom: 5.2vw;}
.enter .list{display: flex;flex-wrap: wrap;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 5.2vw 0}
.enter .list .item .pic{border-radius: var(--radius);overflow: hidden}
.enter .list .item .pic figure{padding-bottom: 66.87%;position: relative}
.enter .list .item .pic figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; opacity: 1; right: 0}
.enter .list .item .tit{font-size:var(--font-size20);color: #000;padding-top: .15rem;text-align: center}
@media(min-width:1024px){
.enter .list .item{width: 32%;margin-right: 2%}
.enter .list .item:nth-child(3n){margin-right: 0}
.enter .list .item:nth-child(3)~.item{margin-top: 2%}
}
@media(max-width:1024px){
.enter .list{justify-content: space-between}
.enter .list .item{width:49%;margin-top:4%}
}



.supportVideo {padding-bottom: 5.2vw;}
.supportVideo video{width: 100%}




.ProductFeatures{padding: 5.2vw 0}
.ProductFeatures .list{}
.ProductFeatures .item{border-bottom: 1px solid #ebebeb;padding-top: .6rem;padding-bottom: .6rem;}
.ProductFeatures .item .tit{font-size:var(--font-size30);color: #000;font-family: 'Barlow-Bold';padding-bottom: .35rem}
.ProductFeatures .item .desc {line-height: 1.5;}
.ProductFeatures .item .desc:not(.nicon) p{padding-left: .3rem;background: url(../images/icon-gou.svg)no-repeat top 3px left;background-size: .2rem auto}
.ProductFeatures .item .desc p:not(:last-child){margin-bottom: .2rem}
.ProductFeatures .item .desc span{color: #000;font-family: 'Barlow-Bold';}




.Routine{padding: 5.2vw 0}
.Routine .con{padding-top: .6rem;line-height: 1.75;}
.Routine .con h2{font-size:var(--font-size30);color: #000;font-family: 'Barlow-Bold';padding-bottom: .35rem}
.Routine .con h3{color: #000;padding-bottom: .15rem;font-family: 'Barlow-Bold';font-size:var(--font-size20);}
.Routine .con h4{color: #000;padding-bottom: .05rem;font-family: 'Barlow-Bold';}





.Contact{padding: 5.2vw 0}
.Contact .list{margin-top: .5rem}
.Contact .list .left .tit{font-size:var(--font-size36);color: #000;font-family: 'Barlow-Bold';padding-bottom: .5rem}
.Contact .list .left .tit2{font-size:var(--font-size20);color: #000;font-family: 'Barlow-Bold';padding-bottom: .25rem;padding-top: .25rem}
.Contact .list .left p{font-size:var(--font-size18);color: #000;padding-bottom: .25rem;display: flex;align-items: center;}
.Contact .list .left p.tel::before{content: '';width: .2rem;height: .2rem;background: url(../images/icon-tel.svg)no-repeat center;background-size: .2rem auto;margin-right: .15rem}
.Contact .list .left p.mail::before{content: '';width: .2rem;height: .2rem;background: url(../images/icon-mail.svg)no-repeat center;background-size: .18rem auto;margin-right: .15rem}
.Contact .list .left p.add::before{content: '';width: .2rem;height: .2rem;background: url(../images/icon-add.svg)no-repeat center;background-size: .24rem auto;margin-right: .15rem}
.Contact .list .right .pic{border-radius: var(--radius);overflow: hidden}
.Contact .list .right figure{}
.Contact .list .right figure img{width: 100%;}
@media(min-width:1025px){
    .Contact .list{display: flex;align-items: center;justify-content: space-between;}
    .Contact .list .left{flex: 1;padding-right: 5%}
    .Contact .list .right{flex: 0 0 auto;width: 50%}
}




.branch{padding-bottom: 5.2vw;}
.branch .list{border-top: 1px solid #ebebeb;padding-top: 5.2vw;display: flex;flex-wrap: wrap;}

.branch .list .item .tit{font-size:var(--font-size24);color: #000;font-family: 'Barlow-Bold';padding-bottom: .25rem;}
.branch .list .item p{color: #666;padding-bottom: .15rem;font-size:var(--font-size20);}
@media(min-width:1025px){
.branch .list .item{width: 26%;margin-right: 11%}
.branch .list .item:nth-child(3n){margin-right: 0;}
}
@media(max-width:1025px){
.branch .list .item{width: 100%}
}