@font-face {
  font-family: 'hml';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hmr';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'hmm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hmb';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@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: 'hml';--hover-color:#3e98b3;--white:#fff; --black:#000; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:0,159,124; --radius: .1rem;}

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


.Header{position: fixed;width: 100%;left: 0;top: 0;transition: .3s all;z-index: 100;padding-top: .2rem;transition: .3s all}
.Header:after{content: '';position: absolute;width: 100%;height: calc(100% + .8rem);left: 0;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);z-index: 1;}
.Header .autoCon-1800{position: relative;z-index: 10;width: 96%}
.Header .logo img{max-height: .6rem;transition: .3s all}
.Header .menu{display: flex;justify-content: space-between;}
.Header .menu a{color: #000;transition: .3s all;position: relative;display: block}
.Header .menu span a{font-size: var(--font-size18);}
.Header .menu a::before{content: '';position: absolute;width: 0;height: 3px;background:var(--hover-color);left: 50%;bottom: 0;transform: translateX(-50%);transition: .3s all;}
.Header .top-right {display: flex;align-items: center;position: relative;justify-content: space-between;}


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

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


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

.Header .open-search { display: block; width: 0.2rem; height: .2rem; background: url(../images/search.svg) no-repeat center center ; background-size: .18rem auto; cursor: pointer;transition: .3s all;position: relative;z-index: 10}
.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 0 0.1rem 0.1rem; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(0.3rem); transition: 0.3s;}
.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:var(--hover-color) url(../images/search.svg) no-repeat center center; background-size: auto 0.18rem;cursor: pointer;}
.search-show .Header .open-search {}
.search-show .Header .top-search { opacity: 1; visibility: visible;transform: translateY(0);}


/*滚动后*/
.Header_fixed{box-shadow: 0 3px 6px rgba(0,0,0,.05);background: #fff;padding-top: 0}
.Header:not(.Header_fixed) .logo img{filter: brightness(0) invert(1);}
.Header_fixed .menu a{color: #000}
.Header_fixed .open-search{}

.Header_fixed .top-lang span {}

.Header_fixed .top-hotline span{}
.Header_fixed .top-hotline span::before{}

.Header_fixed:after{display: none}

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

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

@media(min-width:1025px){
    .Header .top-right{width: 70%;}
    .Header .top-mid{padding:0 5vw 0 3vw;width: 82%;position: relative;}
    .Header .top-mid::after{position: absolute;content: '';background:#fff;height: 100%;width: 150%;left: 0;top: 0;transform: skewX(-15deg)}
    .Header .menu {position: relative;z-index: 10}
    .Header .menu li{line-height: .86rem;margin-left: .5rem}
    .Header .top-right .rr{position: relative;flex: 1;display: flex;align-items: center;justify-content: space-between;height: .86rem;padding-left: 4vw}
    .Header .top-right .rr::after{position: absolute;content: '';background:var(--hover-color);height: 100%;width: 150%;left: 0;top: 0;transform: skewX(-15deg)}
    .Header .top-right .rr .open-menu{display: none}
}
@media(max-width:1025px){
.Header_fixed{padding: .1rem 0}
.Header .rr{display: flex; align-items: center; padding-left: .2rem}
.Header .top-lang{margin-right: .2rem}
.Header .open-search{margin-right: .2rem}
.Header .top-mid{position: fixed; width: 50%; height: 100vh; top: 0; left: -100%; transition: 0.5s;background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%,rgba(232, 246, 249) 100%)}
.Header .menu{display: block; padding: .2rem}
.Header .menu li{padding: .1rem 0;position: relative;}
.Header .menu li span a{padding: .1rem 0; border-bottom: solid 2px #ddd}
.Header_fixed .top-right .rr::after{position: absolute;content: '';background:var(--hover-color);height: 100%;width: 180%;left: 0;top: 0;transform: skewX(-15deg)}
body.menu-show .Header .top-mid{left: 0}
}


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




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


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

.Banner003223 .txt p{padding:.2rem 0 0 0;font-size:var(--font-size22);line-height:1.2;max-width:6.8rem;transition-delay:0.8s;line-height: 1.5;}
.Banner003223 .txt .index_more{transition-delay:1.1s;margin-top: .5rem;opacity:0;transform:translateX(1rem);}


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


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

@media (max-width:1024px) {
.Banner003223 .txt .tit2{font-size: var(--font-size32);}   
.Banner003223 .txt p{font-size: var(--font-size18); margin-bottom: 2em;}
.Banner003223 .index-more a{line-height: 3;}
.Banner003223 .index-more a:after,
.Banner003223 .index-more a::before{width: calc(3em - 0.08rem); height: calc(3em - 0.08rem);}
.Banner003223 .index-more a:after{margin-left: 0.3rem;}
.Banner003223 .pc{display: none}
}



.index_title{padding-bottom: .3rem}
.index_title.tc{text-align: center;}
.index_title .index_title_tit{color: #000;font-size:var(--font-size48);position: relative;font-family: 'hmb'}
.index_title::before{content: '';display: block;width: .5rem;height: .26rem;background: url(../images/title-icon.png)no-repeat center;background-size: auto;margin-bottom: .2rem}
.index_title .index_title_tit2 span{font-size:var(--font-size24);font-family: 'hmr';color: #caa368;background: linear-gradient(to right, #d2b367 10%, #f2e095 40%, #c8a259 80% ,#dac073 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;display: inline-block}
.index_title .index_title_desc{color: #333;line-height: 1.5;padding-top: .2rem;}
.index_title.tc .index_title_desc{margin: 0 auto;}
.index_title.tc::before{margin: 0 auto .2rem;}
.index_title.white .index_title_tit,
.index_title.white .index_title_desc{color: #fff;}
.index_title.nb::before{background: url(../images/title-icon2.png)no-repeat center;background-size: auto;}



.index_more{display: inline-block}
.index_more span{display: flex;align-items: center;color:var(--hover-color);transition: .5s all;width: 2rem;height: .6rem;justify-content: center;position: relative;border: 2px solid var(--hover-color);border-radius: 50px;font-family: 'hml'}
.index_more span::after{content: ''; width: .12rem;height: .12rem;background:url(../images/icon-jt2.svg)no-repeat center;background-size: .12rem auto; position: relative;margin-left: .2rem;}
.index_more span::before{content: ''; width:0;height: 100%;background:var(--hover-color);position: absolute;left: 0;top: 0;transition: .5s all;z-index: -1;display: none}
.index_more span:hover{background: var(--hover-color);color: #fff}
.index_more span:hover::after{filter: grayscale(100) brightness(100);}
.index_more span:hover::before{width: 100%;}
.index_more.white:not(:hover) span{color: #fff;border-color: #fff}
.index_more.white:not(:hover) span::after{background:url(../images/icon-jt2-w.svg)no-repeat center;background-size: .12rem auto;}

@media(max-width:1024px){
.index_more span{width: 1.4rem; height: .42rem}
}


.index_about{padding: 1.5rem 0;position: relative}
.index_about .txt{z-index: 10;position: relative}
.index_about .txt .info{margin: 0 auto;}
.index_about .txt .subtit{font-size:var(--font-size46);color: #000;padding-bottom: .3rem;font-family: 'hmm'}
.index_about .txt .subtit span{color: #000;}
.index_about .txt .desc{line-height: 2;margin-bottom: .4rem;color: #333;}
.index_about .pic{position: relative;z-index: 10;}
.index_about .pic::after{content: '';position: absolute;width: 82%;height: 73%;background: url(../images/index_about_bg.png)no-repeat center;background-size: cover;right: -.2rem;bottom: -.2rem;z-index: -1}
.index_about .pic figure{padding-bottom: 62.5%;background: #000;position: relative;z-index: 10}
.index_about .pic .play{position: absolute;left: 0;top: 0;z-index: 11;width: 100%;height: 100%;background: url(../images/icon-play.svg) no-repeat center center rgba(0,0,0,.15);background-size: auto .8rem;cursor: pointer;}
.index_about .pic .files{position: absolute;z-index: 20;background-color: #000;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.index_about .pic .files video{width: 100%;height: 100%;display: block;}
.index_about .pic .close{ cursor:pointer; width:2em; height:2em; position:absolute; z-index:4; right:0.625em; top:0.625em;}
.index_about .pic .close::before,
.index_about .pic .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.index_about .pic .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.index_about .num_box{padding-top: .8rem}
.index_about .num_box ul{display: flex;justify-content: space-between;}
.index_about .num_box li .counter{color: var(--hover-color);font-size:var(--font-size80);font-family: 'Barlow-Bold';}
.index_about .num_box li .unit1{color: var(--hover-color);font-size:var(--font-size24);}
.index_about .num_box li .unit2{color: var(--hover-color);font-size:var(--font-size20);}
.index_about .num_box li .tit{color: #000;padding-top: .05rem;font-size:var(--font-size18);}

@media(min-width:1025px){
    .index_about .txt{flex: 1;padding-right: 7%}
    .index_about .pic{width: 52%;flex: 0 0 auto}
}
@media(max-width:1024px){
.index_about{padding: 8% 0}
.index_about .txt .subtit{ font-size: var(--font-size30);}
.index_about .txt .info{padding-bottom: 5%}
}




.index_product{padding:1.2rem 0;position: relative;background: url(../images/index_product-bg.jpg)no-repeat center;background-size: cover;}
.index_product .title{display: flex;align-items: flex-end;justify-content: space-between;flex-direction: column;}
.index_product .title .title-l{width: 100%}
.index_product .subtit{font-size:var(--font-size26);color: #000;padding-bottom: .3rem;font-family: 'hmm';line-height: 1.75}
.index_product .subtit span{color: #000;}
.index_product .tab {display: flex;align-items: center;position: relative;margin-top: .3rem}
.index_product .tab::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: #fff;transform: skewX(-15deg)}
.index_product .tab li{cursor: pointer;line-height: .6rem;font-size:var(--font-size18);padding: 0 .5rem;position: relative;z-index: 10;transform: skewX(-15deg)}
.index_product .tab li span{transform: skewX(15deg);display: block;color: #000}
.index_product .tab li.active{background: var(--hover-color);}
.index_product .tab li.active span{color: #fff}

.index_product .swiper{padding: .2rem 0 .5rem .6rem;width:calc(1935 / 1600 * 100%);overflow: inherit}
.index_product .swiper a{display: block;position: relative;}
.index_product .swiper .imgbox{padding-bottom: 100%;position: relative;overflow: hidden;background: #fff;transform: skewX(-15deg);}
.index_product .swiper .imgbox span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;transform: skewX(15deg);}
.index_product .swiper .imgbox span img{width: 100%;height: 100%;object-fit: contain;max-height: 80%;max-width: 70%}
.index_product .swiper .txt{padding-top: .3rem}
.index_product .swiper .txt .tit span{font-size:var(--font-size30);color: #000;font-family: 'hmm';/*display: inline-block;*/font-style: italic;position: relative;line-height: 1}
.index_product .swiper .txt .desc{font-size:var(--font-size18);padding-top: .2rem}

.index_product .controls{display: flex;justify-content: space-between;align-items: center; margin-top: .3rem;}
.index_product .controls:before{display: block; content: '';height: 1px;flex: 1;background-color: #fff;}
.index_product .controls .arrows{width: 1.34rem;display: flex;align-items: center; justify-content: space-between; margin-left: 0.2rem;}
.index_product .controls .arrows a{position: relative; top: auto;display: flex; margin: 0;border: solid 1px var(--hover-color);width: 0.6rem;height: 0.6rem;border-radius: 50%; z-index: 10; transition: var(--transition);cursor: pointer;background: var(--hover-color); }
.index_product .controls .arrows a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .18rem auto;filter: grayscale(100) brightness(100);}
.index_product .controls .arrows a.swiper-button-disabled{background: none; border-color:#d6d6d6}
.index_product .controls .arrows a.prev{left: auto;}
.index_product .controls .arrows a.prev::before{transform: rotate(180deg);}
.index_product .controls .arrows a.swiper-button-disabled::before{opacity: .5;filter:grayscale(0) brightness(0)}
.index_product .controls .arrows a.next{right: auto;}
.index_product .controls .arrows a:not(.swiper-button-disabled):hover{background: var(--hover-color); border:none}
.index_product .controls .arrows a:not(.swiper-button-disabled):hover::before{opacity: 1;filter:grayscale(100) brightness(100);}
@media (min-width:1025px) {
    .index_product .swiper.overflow-auto{overflow: initial;}
}
@media (max-width:1024px) {
.index_product{padding: 8% 0}
.index_product .title{flex-wrap: wrap}
.index_product .title .title-l{width: 100%}
.index_product .tab{width: 100%; margin-top:0}
.index_product .subtit{font-size: var(--font-size30);}
.index_product .tab li{flex:auto; text-align: center; padding: 0}
.index_product .swiper{padding: .4rem}
.index_product .swiper .txt .tit span{font-size: var(--font-size24)}
}




.index_why{position: relative;background: url(../images/index-why-bg.jpg)no-repeat center;background-size: cover;overflow: hidden;padding: 1.2rem 0}
.index_why::before{position: absolute;content: '';right: 0;bottom: 0;height: 100%;width: 37%;transform: skewX(-15deg);background: linear-gradient(to top, #3e98b3 40% ,rgba(62,152,179,.75) 100%);}
.index_why .autoCon-1600{position: relative;}

.index_why .subtit{font-size:var(--font-size46);color: #fff;padding-bottom: .3rem;font-family: 'hmm';}
.index_why .img{margin-top: .4rem;}
.index_why .img img{max-height: 3.6rem}
.index_why .num{width: 24%}
.index_why .num li{padding-bottom: .3rem;border-bottom: 1px solid rgba(255,255,255,.4);position: relative}
.index_why .num li:not(:first-child){margin: .8rem 0 0;}
.index_why .num li::after{content: '';position: absolute;width: 1.2rem;height: 1px;background: #fff;left: 0;bottom: -1px;}
.index_why .num .numbox{display: flex;}
.index_why .num .counter{font-size: .7rem;font-family: 'Barlow-Bold';color: #fff;line-height: 1}
.index_why .num .counter .count{position: absolute}
.index_why .num .counter .no{opacity: 0}
.index_why .num .unit{font-size: var(--font-size50);color: #fff;line-height: 1;font-family: 'hmb'}
.index_why .num .unit2{font-size: var(--font-size66);color: #fff;line-height: 1;font-family: 'hmb'}
.index_why .num .tit{color:#fff;padding-top: .1rem}

@media(min-width:1025px){
    .index_why .left{width: 50%}
}
@media(max-width:1024px){
.index_why{padding: 8% 0 0 0}
.index_why::before{display: none}
.index_why .autoCon-1600{width: 100%}
.index_why .left{padding: 0 3%}
.index_why .img{text-align: center; margin: .4rem 0}
.index_why .subtit{font-size: var(--font-size30);padding-bottom: 0}
.index_why .num{width: 100%; display: flex; justify-content: space-between;background: linear-gradient(to top, #3e98b3 40% ,rgba(62,152,179,.75) 100%);}
.index_why .num li{ margin: 0!important; padding: .3rem}
.index_why .num .counter{font-size: calc(70/1024*100vw)}
.index_why .num .unit{font-size: calc(50/1024*100vw)}
}



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

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




.Bottom{background: #222; background-size: cover; padding-top: 1.2rem; padding-bottom: .8rem;--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);position: relative}
.Bottom::before{content: '';position: absolute;width: 41%;height: 100%;background: var(--hover-color);left: -6%;top: 0;transform: skewX(-15deg);}
.Bottom,
.Bottom a:not(:hover){color:var(--white);}
.Bottom .logo{margin-bottom: .6rem}
.Bottom .logo img{max-height: .6rem;filter: brightness(0) invert(1);}

.Bottom .f-top{padding-bottom: 0.5rem;margin-bottom: .5rem; border-bottom: 1px solid rgba(0,0,0,.1)}
.Bottom .f-mid{position: relative;z-index: 10}
.Bottom .f-bottom{padding: 0.4rem 0 0;}
.Bottom .f-bottom,
.Bottom .f-bottom a:not(:hover){color: var(--white-opacity-50);}
.Bottom .f-bottom a:hover{color: var(--white);}
.Bottom .f-bottom a{display: inline-block}

.Bottom .f-mid .f-mid-l aside{padding-bottom: .1rem;opacity: .5}
.Bottom .f-mid .f-mid-r{text-align: right}
.Bottom .follow-us{display: flex;align-items: center;margin-top: .3rem}
.Bottom .follow-us ol{opacity: .75;}
.Bottom .follow-us li{position: relative;z-index: 10}
.Bottom .follow-us li +li{margin-left: 0.2rem;}
.Bottom .follow-us li a{display: flex; border-radius: 50%;width: 0.5rem; height: 0.5rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;background: rgba(255,255,255,.08)}
.Bottom .follow-us li a:hover{background:var(--hover-color) }
.Bottom .follow-us li a img{width: .2rem;transition: 0.3s;}
.Bottom .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom .follow-us li:hover .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}
.Bottom .follow-us li .hover img{width: 100%}

.Bottom .contact dt{margin-bottom: .2rem;display: block;color: var(--hover-color);font-size: var(--font-size18);}
.Bottom .contact dd span{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 span{font-size: var(--font-size28);font-family: 'Barlow-Bold';color:#fff}
.Bottom .contact dd + dd{margin-top: 0.25rem;}

.Bottom .form {margin-top: .5rem;border-top: 1px solid rgba(255,255,255,.1);padding-top: .5rem}
.Bottom .form .tit{font-size:var(--font-size26);color: #fff;padding-bottom: .2rem;font-family: 'hmm'}
.Bottom .form .subtit{font-size:var(--font-size18);color: #fff;padding-bottom: .2rem}
.Bottom .form li{position: relative;margin-bottom: .15rem;background:#393939;transform: skewX(-15deg)}
.Bottom .form li .tit{position: absolute;left: .3rem; top: 0;font-size:var(--font-size16); line-height: .5rem;color: #999;font-family: 'hml';transform: skewX(15deg)}
.Bottom .form li select,
.Bottom .form li .text{width: 100%;border: none;font-size: var(--font-size16);line-height: .5rem;height: .5rem; background: none;padding: 0 .3rem;font-family: 'hml';transform: skewX(15deg);color: #fff}
.Bottom .form li textarea.text{/*height: auto;*/}
.Bottom .form .btnbox{position: relative;display: inline-block}
.Bottom .form .btn{width: 2rem; background: none;border-radius: 36px;font-size: var(--font-size16);height: .5rem;color: #fff;cursor: pointer; border: 0;font-family:'hml';flex: 0 0 auto;position: relative;z-index: 2}
.Bottom .form .btnbox::after{width: 100%;height: 100%;content: '';background: var(--hover-color);transform: skewX(-15deg);position: absolute;left: 0;top: 0;z-index: -1}

.Bottom nav dd{}
.Bottom nav dt{ position: relative; font-weight: 500;font-size: var(--font-size18);padding-bottom: .2rem}
.Bottom nav dt a{ color: var(--hover-color);}
.Bottom nav dd{line-height:.36rem;}
.Bottom nav dd a:not(:hover){color: var(--white-opacity-50);}
.Bottom nav dd a:hover{color: var(--hover-color);}
.Bottom nav dd img{width: 1rem;}

.Bottom .link{display: flex;align-items: center;margin-top: .2rem}
.Bottom .link a{display: flex;margin-right: .2rem}
.Bottom .link a:hover{color: #fff}

.Bottom .code span{margin-left: .1rem}
.Bottom .code img{width: 1rem}
@media (min-width:1025px) {
    .Bottom .f-top{display: flex;align-items: center;justify-content: space-between}
    .Bottom .f-mid{display: flex;justify-content: space-between}
    .Bottom .f-mid nav{display: flex;justify-content: space-between}
    .Bottom .f-r{width: 56%}
    .Bottom .contact{width: calc(400 / 1600 * 100%);}
    .Bottom nav{}
    .Bottom nav dt{/*margin-bottom: 0.2rem;*/}
    .Bottom nav dd{display: block;}
    .Bottom .f-r .form ul{display: flex;flex-wrap: wrap;justify-content: space-between}
    .Bottom .f-r .form ul li{width: 49%;}
    .Bottom .f-r .form ul li:last-child{width: 100%;}
}
@media (max-width:1024px) {
    .Bottom{padding: 0}
	.Bottom .autoCon-1600{width: 100%}
	.Bottom::before{display: none}
	.Bottom .f-mid{display: flex; flex-wrap: wrap}
	.Bottom .logo{margin: 0 auto 0.2rem;}   
    .Bottom .follow-us{justify-content: center;}
    .Bottom .contact{margin-bottom: 0.3rem;width: 100%; order: 2; background: var(--hover-color); padding: .3rem}
    .Bottom nav{border-top: 1px solid var(--white-opacity-10);display: none}
    .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 .link{margin-top: 0.3rem;justify-content: center}
    .Bottom .link a{display: inline-flex;}
	.Bottom .f-r{width: 100%}
	.Bottom .form{margin-top: 0;padding: .5rem .3rem; border-top: none;border-bottom: 1px solid rgba(255,255,255,.1)}
}
@media(max-width:768px){
.Bottom .contact{padding-bottom:.7rem}
}



.Other{position: fixed;right: .1rem;top: 60%;transform: translateY(-50%);z-index: 100;}
.Other ul{box-shadow: 0 0px 8px rgba(0,0,0,.15);}
.Other li{position: relative}
.Other li:not(:last-child) a{border-bottom: 1px solid #ebebeb}
.Other li a{display: flex;width: .7rem;height: .7rem;background: #fff;justify-content: center;flex-wrap: wrap;align-items: center;align-content: center; position: relative; z-index: 10}
.Other li a span{font-size: .14rem;color: #333;width: 100%;text-align: center;line-height: 1}
.Other li a span.f14{font-size: 12px}
.Other li.zx a::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-zx.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li.tel a::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-phone.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li.wx a::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-wx.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li.mail a::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-mail.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li.WhatsApp a::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-whatsapp.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li.message a::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-message.svg)no-repeat center;background-size: .2rem auto;margin-bottom: 5px}
.Other li.gotop a{background:var(--hover-color) }
.Other li.gotop a::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-top.svg)no-repeat center;background-size: .2rem auto;}
.Other li .box{position: absolute; width:160px; background: #fff; padding: .1rem; right: 0; visibility: hidden; opacity: 0; top: 0; transition: 0.5s}
.Other li .box span{display: block; color: var(--hover-color); font-size: .16rem}

.Other li .box img{width: 100%}
.Other li:hover a{background:var(--hover-color)}
.Other li:hover a span{color: #fff;}
.Other li:hover a::before{filter: grayscale(100) brightness(100);}
.Other li:hover .box{visibility: inherit; opacity: 1; right: 100%}
@media(max-width:768px){
.Other{bottom: 0; top:inherit; right: inherit; transform: none; width: 100%; background: #fff}
.Other ul{display: flex}
.Other ul li{flex: 1}
.Other ul li a{margin: auto; width: auto;}
.Other ul li:not(:last-child) {border-right: 1px solid #ebebeb;}
.Other ul li:not(:last-child) a{border-bottom:none}
.Other li .box{top: auto; bottom: 120%}
.Other li:hover .box{right: -50%}
.Other li:first-child:hover .box{right: -100%}
}

.Banner{position: relative;}
.Banner:before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0,0) 100%);}
.Banner .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;}
.Banner .txt .tit{font-size:calc(60/1920*100vw);font-family: 'hmm';color: #fff;position: relative}
.Banner .txt .tit span{position: relative;z-index: 10}
.Banner .txt .tit2{font-size:var(--font-size30);color: #fff;padding-top: .2rem}

.Banner .bg figure{height: 6.8rem}

@media(max-width:1024px){
.Banner .box{position: relative;}
.Banner .bg figure{height: 3.2rem}
.Banner .txt .tit{font-size:calc(50/1024*100vw);}
    .Banner .txt .tit2{font-size:var(--font-size16);}
}

.cmenu{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 11;}
.cmenu::before{position: absolute;content: ''; width: 100%;height: 1px; left: 0;top: 0;z-index: -1;background: rgba(255,255,255,.15)}
.cmenu .autoCon-1440{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;z-index: 10}
.cmenu .nav{display: flex;align-items: center;flex-wrap: wrap; padding-left: .1rem}
.cmenu .nav li{position: relative;}
.cmenu .nav li:not(:last-child){margin-right: .03rem;}
.cmenu .nav li a{font-size:var(--font-size18);color: #fff;font-family: 'hmm';line-height: .82rem;display: block;position: relative;padding: 0 .4rem}
.cmenu .nav li::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:var(--hover-color);opacity: 0;transform: skewX(-15deg)}
.cmenu .nav li.aon a,
.cmenu .nav li:hover a{}
.cmenu .nav li.aon::before,
.cmenu .nav li:hover::before{opacity: 1}

.cmenu .location{display: flex;align-items:center;padding-left: .3rem;background: url(../images/icon-home.svg)no-repeat center left;background-size: .18rem auto}
.cmenu .location a{color: #fff;line-height: .82rem}
.cmenu .location i{width: .3rem;height: .2rem;background: url(../images/icon-location.svg)no-repeat center;background-size: .16rem auto;}
.cmenu .location span{color: #fff;}
@media(max-width:1024px){
.cmenu{position: relative}
.cmenu .location{width: 100%;position: absolute; top: -.5rem; border-top: solid 1px rgba(255,255,255,.15)}
.cmenu .location a{line-height:.4rem}
.cmenu::before{display: none}
.cmenu .nav li a{line-height: .5rem; padding: 0 .2rem;}
}

.submenu{text-align: center;padding-top: 2% }
.submenu ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap; padding-left: .1rem}
.submenu ul li{position: relative;}
.submenu ul li:not(:last-child){margin-right: .03rem;}
.submenu ul li a{font-size:var(--font-size18);font-family: 'hmm';line-height: .52rem;display: block;position: relative;padding: 0 .4rem}
.submenu ul li::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:var(--hover-color);opacity: 0;transform: skewX(-15deg)}
.submenu ul li.aon a,
.submenu ul li:hover a{color: #fff;}
.submenu ul li.aon::before,
.submenu ul li:hover::before{opacity: 1}


.threemenu{padding-top: .3rem}
.threemenu .autoCon-1440{border-top: 1px solid #ebebeb;padding-top: .2rem}
.threemenu ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.threemenu ul li{margin: 0 .2rem;}
.threemenu ul li.aon a,
.threemenu ul li:hover a{color: var(--hover-color);text-decoration: underline}


.column-title{padding-bottom: .5rem;}
.column-title .subtit{font-size:var(--font-size24);color: var(--hover-color);padding-bottom: .1rem;font-family: 'hmb'}
.column-title .tit{font-size:var(--font-size50);color:#000;font-family: 'hmb'}
.column-title.tc{text-align: center}
.column-title.white .tit{color: #fff}




.About{padding: 1rem 0}
.About .desc {line-height: 1.75;color: #333;max-width: 10rem;font-size:var(--font-size18) }
.About .desc p:not(:last-child){padding-bottom: .15rem}
.About .img{padding-bottom: .5rem}

@media(max-width:1024px){
.About{padding: 6% 0}
.column-title .tit{font-size:calc(50/1024*100vw);}
}



.History{ padding:1rem 0; background-size: cover;}
.History .inside-tit{ margin-bottom:.8rem;}
.History .switch-one{ margin-bottom:1.5rem; width:100%; padding:0 1rem; padding-left:1.15rem;position: relative}
.History .switch-one .item{ display: flex;flex-wrap: wrap;}
.History .switch-one .ears{ font-size:1.2rem; color:var(--hover-color); font-family: 'Barlow-Bold';;display: flex;align-items: center;line-height: 1;position: relative;z-index: 10}
.History .switch-one .ears .wxt{transform:translateX(0.95em);}
.History .switch-one .des{ font-size:var(--font-size18);padding:.2rem 1rem .2rem 1.8rem; line-height:1.8; max-width:8rem;min-height:17em;display: flex;flex-direction: column;justify-content: center;position: relative}
.History .switch-one .des::before{ content: ''; background:rgba(255,255,255,0.9);position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;transform: skewX(-15deg)}
.History .switch-one .des .it{ font-size:var(--font-size26);color: #333;padding-bottom: .2rem;font-family: 'hmm';position: relative;z-index: 10;}
.History .switch-one .des .ip{position: relative;z-index: 10}
.History .swiper-but{ top:45%; width:.6rem; height:.6rem; margin:0; border:solid 1px #cccccc;transform:skew(-15deg);background:var(--hover-color);border-color:var(--hover-color);}
.History .swiper-but::after{font-size:var(--font-size18);color:#fff;font-weight:bold;transform:skew(15deg);}
.History .swiper-but:hover{background:#fff;border-color:#fff;}
.History .swiper-but:hover::after{color:var(--hover-color);}
.History .swiper-button-next{margin-left:.1rem;}
.History .switch-two{width:100%; background:rgba(255,255,255,.8);}
.History .switch-two .iow{ padding:.2rem 0; text-align:center; cursor:pointer;display: flex;justify-content: center;flex-wrap: wrap}
.History .switch-two .iow .txt{ margin-top:.1rem; width:100%; font-size:var(--font-size18); color:#0f110f;}
.History .switch-two .iow .pot{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; align-items:center; width:.21rem; height:.21rem; border:solid 1px #555555; border-radius:1rem;}
.History .switch-two .iow .pot::after{ width:.05rem; height:.05rem; background:#555; border-radius:1rem; content:''; display:block;}
.History .switch-two .swiper-slide-thumb-active .iow .pot{ border-color:var(--hover-color);}
.History .switch-two .swiper-slide-thumb-active .iow .pot::after{ background:var(--hover-color);}
.History .switch-two .swiper-slide-thumb-active .iow .txt{ color:var(--hover-color);}

@media(max-width:1024px){
.History{padding: 6% 0}
.History .switch-one{padding: 0; margin-bottom: .4rem}
.History .switch-one .item{padding: 0 10%}
.History .switch-one .ears{font-size: calc(100/768*100vw)}
.History .switch-one .des{padding: 4% 10%}
}

.Scene{padding: 1rem 0;background: #f8fcff;}
.Scene .video video{width: 100%}
@media(max-width:1024px){
.Scene{padding: 6% 0}
}

.wrap-social{padding: .5rem 0 0 0;overflow: hidden;}
.wrap-social .ctitle{margin-bottom: .3rem;}
.wrap-social .edit-info{line-height: 1.78;color: #333;font-family: 'hml'}
.wrap-social .style-3{width:calc(1322 / 880 * 100%);}
.wrap-social .style-4{width:calc(1935 / 1480 * 100%); }
.wrap-social .swiper figure{}
.wrap-social .style-3 figure{padding-bottom: calc(286 / 430 * 100%);}
.wrap-social .style-4 figure{padding-bottom: calc(286 / 450 * 100%);}
.wrap-social .has-opacity .swiper-slide:before{position: absolute;z-index: 29;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);content: '';transition: .5s all;}
.wrap-social .has-opacity .swiper-slide:hover:before{opacity: 0;}
.wrap-social .swiper h5{margin: 1em 0 0 0;line-height: calc(22 / 16); width: 80%;}
.wrap-social .swiper .txt{display: flex;align-items: flex-end; padding: 0 0.2rem 0.2rem; background: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 0.6));position: absolute;left: 0; top: 0; width: 100%;height: 100%;z-index: 10;}
.wrap-social .swiper .txt h5{color: #fff;margin: 0;font-size: var(--font-size18);font-weight: normal}
.wrap-social .controls{display: flex;justify-content: space-between;align-items: center; margin-top: .3rem;}
.wrap-social .controls:before{display: block; content: '';height: 1px;flex: 1;background-color: #e6e6e6;}
.wrap-social .controls .arrows{width: 1.24rem;display: flex;align-items: center; justify-content: space-between; margin-left: 0.2rem;}
.wrap-social .controls .arrows a{position: relative; top: auto;display: flex; margin: 0;border: solid 2px #d6d6d6;width: 0.54rem;height: 0.54rem;background: no-repeat center center; background-size: auto 0.12rem;z-index: 10; transition: var(--transition);cursor: pointer;transform:skew(-15deg); }
.wrap-social .controls .arrows a::before{content: '';width: 100%;height: 100%;background: url(../images/vmore_01.svg)no-repeat center;background-size: .18rem auto;filter: grayscale(0) brightness(0);opacity: .5;transform:skew(15deg);}
.wrap-social .controls .arrows a.prev{left: auto;}
.wrap-social .controls .arrows a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.wrap-social .controls .arrows a.next{right: auto;}
.wrap-social .controls .arrows a:not(.swiper-button-disabled):hover{background:var(--hover-color); border:none}
.wrap-social .controls .arrows a:not(.swiper-button-disabled):hover::before{opacity: 1;filter:none;}
@media (min-width:1025px) {
    .wrap-social .swiper.overflow-auto{overflow: initial;}
}
@media (max-width:1024px) {
    .wrap-social .edit-info{margin: var(--padding-margin__50) 0;}
    .wrap-social .right{margin-top: var(--padding-margin__50);}
}


.Searchlist{padding: 1rem 0}
.Searchlist .list li{padding:1.5% 0; border-bottom: solid 1px #ddd}
.Searchlist .list li time{float: right; opacity: 0.6; padding-left: .2rem}

.sitemap dl{padding: 1.5% 0;border-bottom: solid 1px #ddd;}
.sitemap dt{font-weight: bold; padding-bottom: .1rem}
.sitemap dd span{display: inline-block; margin-right: .3rem}
.sitemap dd span a:not(:hover){opacity: 0.7}

.Prolist{padding: 1rem 0}
.Prolist ul{display: flex;flex-wrap: wrap;}
.Prolist li{margin-bottom: 4%}
.Prolist li a{display: block;background: linear-gradient(to bottom, #ecf1f5 0%, rgba(0, 0, 0, 0) 100%);padding-top: .5rem}
.Prolist li a .pic{height: 2.5rem;position: relative;overflow: hidden;}
.Prolist li a .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;transition:0.5s ease-in-out;}
.Prolist li a .pic span img{max-width: 75%;max-height: 90%;object-fit: contain;}
.Prolist li a .txt{text-align: center;padding: .3rem .2rem 0;}
.Prolist li a .txt .tit{font-size: var(--font-size24);color: #000;padding-bottom: .3rem;font-family:'hmr'}
.Prolist li a .txt .model{font-family: 'hmb';color: #000;display: block;padding-bottom: .2rem}
.Prolist li a .txt .btn{display: inline-block;border: 1px solid #ddd;line-height: .4rem;padding: 0 .4rem;font-size: var(--font-size14);transform:skew(-15deg);}
.Prolist li a .txt .btn i{display: inline-block;transform:skew(15deg);font-style: normal}
.Prolist li a:hover .pic span{transform: scale(1.05)}
.Prolist li a:hover .txt .btn{color: #fff;background: var(--hover-color);border-color: var(--hover-color)}
@media(min-width:1025px){
.Prolist li{width: 32%;margin-right: 2%;}
.Prolist li:nth-child(3n){margin-right: 0}
}
@media(max-width:1024px){
.Prolist{padding: 6% 0}
.Prolist ul{justify-content: space-between}
.Prolist li{width: 48%}
.Prolist li a{padding-top: 2%}
.Prolist li a .pic{height:1.8rem}
}






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





.Prodetail{padding: 1rem 0;}
.Prodetail .con{flex-wrap: wrap}
.Prodetail .proimg{width: 100%}
.Prodetail .proimg .bigimg {margin-bottom: 0.15rem;}
.Prodetail .proimg .bigimg .imgbox{padding-top: 70.67%;}
.Prodetail .imgbox{position: relative;overflow: hidden}
.Prodetail .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;}
.Prodetail .imgbox img { width: auto; height: auto; object-fit: contain; max-width: 100%; max-height: 100%;vertical-align: middle;}
.Prodetail .proimg .bigimg .slick-arrow{opacity: 0;}
.Prodetail .proimg .bigimg .slick-prev{left: -0.5rem;}
.Prodetail .proimg .bigimg .slick-next{right: -0.5rem;}
.Prodetail .proimg .bigimg:hover .slick-prev{left: 0;}
.Prodetail .proimg .bigimg:hover .slick-next{right: 0;}
.Prodetail .proimg .bigimg:hover .slick-arrow{opacity: 1;}

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

.Prodetail .proimg .smallimg .slick-arrow:after{left: 0;top: 0;width: 100%;height: 100%;position: absolute;content: "";background-position: center center;background-repeat: no-repeat;background-size: 0.11rem 0.2rem;}
.Prodetail .proimg .smallimg .slick-arrow:hover{opacity: 0.9;}
.Prodetail .proimg .smallimg .slick-prev{left: 0;}
.Prodetail .proimg .smallimg .slick-prev:after{background-image: url(../images/arr_left_white.svg);}
.Prodetail .proimg .smallimg .slick-next{right: 0;}
.Prodetail .proimg .smallimg .slick-next:after{background-image: url(../images/arr_right_white.svg);}
.Prodetail .proimg .smallimg .slick-disabled{display: none !important;}
.Prodetail .proimg .smallimg .slick-arrow{height: 100%;width: 20px;top: 0;margin-top: 0;background-color: var(--hover-color);z-index:100;position: absolute; cursor: pointer; padding: 0;transition: all ease 0.3s;font-size: 0;border: 0}
.Prodetail .proimg .smallimg .slick-arrow:hover{background-color: var(--hover-color);}
.Prodetail .proimg .smallimg .slick-arrow:after{transform: skew(0);}
.Prodetail .proimg .smallimg .slick-disabled{display: block !important;background-color: #f6f6f6 !important;}
.Prodetail .proimg .smallimg .slick-arrow:after{background-size: 7px 14px;}
.Prodetail .protext{width: 100%}
.Prodetail .protext .title{font-size: var(--font-size40);color: #000;padding-bottom: .3rem;margin-bottom: .3rem;font-family: 'hmb';border-bottom: 1px solid #ebebeb;}
.Prodetail .protext .desc .tit{font-size: var(--font-size20);color:#333;padding-bottom: .2rem }
.Prodetail .protext .desc p{font-size: var(--font-size18);color:#333;line-height: 1.75}
.Prodetail .protext .desc dl{border-top: 1px solid #ebebeb;margin-top: .3rem;padding-top: .2rem}
.Prodetail .protext .desc dl dt{font-size: var(--font-size18);color:#333;padding-bottom: .2rem}
.Prodetail .protext .desc dd span{padding-left: .2rem;line-height: 1.75;position: relative;display: block}
.Prodetail .protext .desc dd span:not(:last-child){margin-bottom: .1rem}
.Prodetail .protext .desc dd span:before{position: absolute;content: '';width: .06rem;height: .06rem;border-radius: 50%;background:var(--hover-color);left: 0;top: .1rem }
.Prodetail .protext .btn{margin-top: .5rem;}
.Prodetail .protext .btn a{width: 1.6rem;height: .5rem;border: 1px solid var(--hover-color);color: var(--hover-color);text-align: center;line-height: .5rem;display: block;transform:skew(-15deg);}
.Prodetail .protext .btn a span{transform:skew(15deg);display: inline-block}
.Prodetail .protext .btn a:hover{background:  var(--hover-color);border-color: var(--hover-color);color: #fff}

.Prodetail .con2{padding-top: .8rem;}
.Prodetail .con2 .title{border-bottom: 4px solid #eeeeee;margin-bottom: .3rem}
.Prodetail .con2 .title span{display: inline-block;font-size: var(--font-size24);color:#333;position: relative;line-height: .6rem;font-family: 'hmm'}
.Prodetail .con2 .title span::after{content: '';position: absolute;width: 100%;height: 4px; left: 0;bottom: -4px;background:var(--hover-color);}
.Prodetail .con2 .table th,
.Prodetail .con2 .table td{border-bottom:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px 0;font-size: var(--font-size16);color:#333;}

@media(min-width:1025px){
    .Prodetail .proimg{width: 41.66%;}
    .Prodetail .protext{width: 50%;}
}
@media(max-width:1024px){
.Prodetail .protext{padding-top: 4%}
}





.faq{padding: 1rem 0}
.faq .title{font-size: var(--font-size36);color:#000;font-family: 'hmm';padding-bottom: .5rem}

.faq .list .item{ background:#f6f9fb; margin-bottom:.2rem; padding:0 .35rem;}
.faq .list .item .tit-box{ cursor:pointer; padding-right:.4rem;position: relative;display: flex;align-items: center;}
.faq .list .item .tit-box::after{ position:absolute; right:0; content:''; display:block; width:.35rem; height:.35rem; background-image:url(../images/arrows7.svg); background-repeat:no-repeat; background-position:center; background-size:50%; transition:all .5s;}
.faq .list .item .tit{ padding:.25rem 0; font-size:var(--font-size20); font-weight:600; color:#0f110f; width:calc(100% - .7rem);}
.faq .list .item .io{ width:.4rem; height:.4rem; background:var(--hover-color); color:#fff;margin-right:.2rem;display: flex;align-items: center;justify-content: center;line-height: 1;font-size:var(--font-size20);border-radius: 50%;}
.faq .list .item .io span{transform:translateY(-2px);display: inline-block;}
.faq .list .item .details{ font-size:var(--font-size18); font-weight:100; padding:.3rem .2rem .3rem .5rem;  display:none; border-top:solid 1px rgba(65,136,35,0.1); line-height:1.5; position:relative;}
.faq .list .item .details::after{ content:''; display:block; width:.1rem; height:.1rem; border:solid 1px #c8cbcd; background:#fff; border-radius:100%; position:absolute; right:0; top:0; margin-top:-.05rem; margin-left:-.05rem;}
.faq .list .item .tit-box.active::after{ transform:rotate(-180deg);}
@media (max-width:1024px) {
.faq{ padding:6% 0;}
.faq .list .item{padding: 0 .2rem;}
.faq .list .item .details{ font-size:var(--font-size20);}
.faq .title{font-size: var(--font-size30);}
}






.Contact{padding: 1rem 0}
.Contact .box { padding-bottom: 0.6rem; align-items: stretch;display: flex;justify-content: space-between}
.Contact .box .img { flex: 0 0 auto; width: 60%; overflow: hidden; filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)); top: 0.6rem; position: relative;}
.Contact .box .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.Contact .picture { transform: skewX(-15deg); transform-origin: left bottom; overflow: hidden; height: 100%;}
.Contact .picture .i { transform: skewX(15deg); transform-origin: left bottom; height: 100%;}
.Contact .picture .i img { height: 100%; object-fit: cover;}
.Contact .box .txt { flex: 1 1 auto; position: relative; z-index: 10; margin-right: -16%; padding: 1rem; overflow: hidden; padding-right: 10%; filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));}
.Contact .box .txt:after { content: ""; position: absolute; right: 0; top: 0; z-index: -1;background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%,rgba(232, 246, 249) 100%);background-size: cover; width: 100%; height: 100%; transform-origin: right top;transform: skewX(-15deg);}
.Contact .box .txt .tit {font-size: var(--font-size36);color: #000;font-family: 'hmm'}
.Contact .box .txt .i{margin-top: 0.3rem;padding-left: .3rem;position: relative}
.Contact .box .txt .i.phone::before{content: '';position: absolute;width: .2rem;height: .2rem;background: url(../images/icon-tel2.svg)no-repeat center;background-size: .16rem auto;left: 0;top: 0}
.Contact .box .txt .i.add::before{content: '';position: absolute;width: .2rem;height: .2rem;background: url(../images/icon-add2.svg)no-repeat center;background-size: .2rem auto;left: 0;top: 0}
.Contact .box .txt .i.mail::before{content: '';position: absolute;width: .2rem;height: .2rem;background: url(../images/icon-mail2.svg)no-repeat center;background-size: .18rem auto;left: 0;top: 0}
.Contact .box .txt .i.web::before{content: '';position: absolute;width: .2rem;height: .2rem;background: url(../images/icon-web.svg)no-repeat center;background-size: .2rem auto;left: 0;top: 0}
.Contact .box .txt .i .it{color: rgba(0,0,0,.7);padding-bottom: .05rem}
.Contact .box .txt .i .ip{color: #000;font-size: var(--font-size18);}
.Contact .box .txt .i .ip a{color: #000;}
.Contact .box .txt .i .ip.tel{font-size: var(--font-size36);font-family: 'Barlow-Bold';line-height: 1;color: var(--hover-color)}

@media (max-width:1024px) {
.Contact{padding: 6% 0}
.Contact .box{flex-wrap: wrap}
.Contact .box .txt{padding: 5%;margin-right: inherit}
.Contact .box .img{width: 100%;}
.Contact .picture,
.Contact .picture .i{transform: none}
.Contact .box .img img{height: auto}
}
@media (max-width:640px) {
.Contact .box {flex-wrap: wrap; }
.Contact .box .txt{margin: 0}
.Contact .box .txt:after{transform:none}
.Contact .box .img{width: 100%;top: 0.2rem;}
.Contact .box .txt .tit{font-size: var(--font-size28);}
.Contact .box .txt .i .ip.tel{font-size: var(--font-size24);}
}





.procn{padding: 1rem 0}




.Support .title{font-size: var(--font-size36);color:#000;font-family: 'hmm';padding-bottom: .8rem;}
.Support .title.tc{text-align: center}

.Support-box1{padding: 1rem 0;}

.Support-box2{padding: 1rem 0;background-image: url(../images/Support-bg1.png);background-repeat: no-repeat; background-size: contain;background-position: right .34rem center;}
.Support-box2 .text .title { padding-bottom: 0;}
.Support-box2 .text .subtitle { font-size: var(--font-size22); color: #666666; margin-top: .15rem;}
.Support-box2 .text .con { padding-top: .55rem;}
.Support-box2 .text .con p{ line-height: 1.8;padding-left: .42rem;position: relative}
.Support-box2 .text .con p:not(:last-child){ margin-bottom: .1rem;}
.Support-box2 .text .con p::before{ content: '';position: absolute;width: .26rem;height: .22rem;background: url(../images/ogu.png)no-repeat center;background-size: contain;left: 0;top: 4px;}
.Support-box2 .text .con p strong{ color: #222;}
.Support-box2 .pic {text-align: center;}
.Support-box2 .pic img{max-height: 6rem;box-shadow: 0 2px 12px rgba(0,0,0,.2)}


.Support-box3{padding: 1rem 0; }
.Support-box3 .box { padding-bottom: 0.6rem; align-items: stretch;display: flex;justify-content: space-between}
.Support-box3 .box .img { flex: 0 0 auto; width: 60%; overflow: hidden;position: relative;}
.Support-box3 .box .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.Support-box3 .picture { transform: skewX(-15deg); transform-origin: right top; overflow: hidden; height: 100%;}
.Support-box3 .picture .i { transform: skewX(15deg); transform-origin: right top; height: 100%;}
.Support-box3 .picture .i img { height: 100%; object-fit: cover;}
.Support-box3 .box .txt { flex: 1 1 auto; position: relative; z-index: 10; margin-left: -16%; padding: .8rem 1rem;padding-left: 12%; overflow: hidden;  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));top:.6rem}
.Support-box3 .box .txt:after { content: ""; position: absolute; right: 0; top: 0; z-index: -1;background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%,rgba(232, 246, 249) 100%);background-size: cover; width: 100%; height: 100%; transform-origin: left bottom;transform: skewX(-15deg);}
.Support-box3 .box .txt .icon{ margin-bottom: .2rem;}
.Support-box3 .box .txt .icon img{ max-height: .3rem;}
.Support-box3 .box .txt .title { padding-bottom: .3rem;}
.Support-box3 .box .txt ul{max-height: 1.54rem;overflow: auto;padding-right: .2rem}
.Support-box3 .box .txt ul li{border-bottom: 1px solid #ddd;}
.Support-box3 .box .txt ul li a{line-height: .5rem;display: flex;align-items: center;}
.Support-box3 .box .txt ul li a::after{content: '';width: .2rem;height: .2rem;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .12rem auto;margin-left: .1rem}
.Support-box3 .box .txt ul li:hover a::after{background: url(../images/icon-jt2-h.svg)no-repeat center;background-size: .12rem auto;margin-left: .1rem}
.Support-box3 .box .txt ul::-webkit-scrollbar{width: 4px; height:3px;-webkit-overflow-scrolling : touch;background-color: transparent;}
.Support-box3 .box .txt ul::-webkit-scrollbar-track{background: transparent url(../images/scrollbartrack.gif) center top repeat-y;}
.Support-box3 .box .txt ul::-webkit-scrollbar-thumb{border-radius: 5px;background:var(--hover-color) url(../images/scrollbg.png) center center no-repeat;}
.Support-box3 .box .txt ul::-webkit-scrollbar-button{height: 0px;width: 0;background-color: #ebeced;display: none;}


.Support-box4{padding: 1rem 0; }
.Support-box4 .title { padding-bottom: .5rem;}
.Support-box4 .list{display: flex;flex-wrap: wrap;}
.Support-box4 .list .item{width: 32%;margin-right: 2%;display: flex;align-items: center;box-shadow: 0 0px 8px rgba(0, 0, 0, .15);}
.Support-box4 .list .item:nth-child(3n){margin-right: 0;}
.Support-box4 .list .item .pic{padding-bottom: 54.256%;width: 39.065%;flex: 0 0 auto;position: relative}
.Support-box4 .list .item .pic .tit{position: absolute;text-align: center;width: 100%;left: 0;bottom: 0;background: rgba(62,152,179,.75);line-height: .4rem;color: #fff;z-index: 10}
.Support-box4 .list .item .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.Support-box4 .list .item .txt{flex: 1;padding: .0 .3rem;}
.Support-box4 .list .item .txt .tit{font-size: var(--font-size18);color: #000;padding-bottom: .1rem}
.Support-box4 .list .item .txt .tab{display: flex;justify-content: space-around;border-bottom: 1px solid #ebebeb;margin-bottom: .2rem}
.Support-box4 .list .item .txt .tab .b{border-bottom: 2px solid transparent}
.Support-box4 .list .item .txt .tab .b span{display: flex;align-items: center;cursor: pointer;line-height: .4rem}
.Support-box4 .list .item .txt .tab .b span.wechat::before{content: '';width: .2rem;height: .2rem;background: url(../images/icon-wx.svg) no-repeat center;background-size: .2rem auto;margin-right: 5px;}
.Support-box4 .list .item .txt .tab .b span.whatsapp::before{content: '';width: .2rem;height: .2rem;background: url(../images/icon-whatsapp.svg) no-repeat center;background-size: .2rem auto;margin-right: 5px;}
.Support-box4 .list .item .txt .tab .b.on{border-color:var(--hover-color) }
.Support-box4 .list .item .txt .tab .b.on span{color: var(--hover-color) }
.Support-box4 .list .item .txt .tab-info .box{display: none;display: flex;align-items: center}
.Support-box4 .list .item .txt .tab-info .box img{max-width: 1.2rem;max-height: 1.2rem;border: 1px solid #ebebeb}
.Support-box4 .list .item .txt .tab-info .box span{margin-left: .15rem;}

.Support-box4 .con2{padding-top: .8rem;position: relative}
.Support-box4 .con2 .box .tit{font-size:var(--font-size30);color: #000;font-family: 'hmb'}
.Support-box4 .con2 .box .desc{margin-top: .35rem;color: #000;line-height: 1.6;font-size:var(--font-size18);}


@media (min-width:1025px) {
    .Support-box2 .text{width: 48%;flex: 0 0 auto}
    .Support-box2 .pic{width: 48%;flex: 0 0 auto}
}

@media (max-width:1024px) {
    .Support .title{font-size: var(--font-size30);padding-bottom: .3rem}
    
    .Support-box1,
    .Support-box2,
    .Support-box3,
    .Support-box4{padding: .5rem 0}
    
    .Support-box2 .text{margin-bottom: .3rem}
    
    .Support-box3 .box{flex-wrap: wrap}
    .Support-box3 .box .txt{padding: 5%;margin-right: inherit}
    .Support-box3 .box .img{width: 100%;}
    .Support-box3 .picture,
    .Support-box3 .picture .i{transform: none}
    .Support-box3 .box .img img{height: auto}
    
    .Support-box4 .list .item{width: 100%;margin-right: 0;margin-bottom: 10px}
    .Support-box4 .con2{padding-top: .5rem;}
}
@media (max-width:640px) {
    .Support-box3 .box {flex-wrap: wrap; }
    .Support-box3 .box .txt{margin: 0}
    .Support-box3 .box .txt:after{transform:none}
    .Support-box3 .box .img{width: 100%;top: 0.2rem;}
}




.singing{padding: 1rem 0;min-height: 4rem;}
.singing .title{font-size:var(--font-size36);color: #333;padding-bottom: .3rem;border-bottom: 1px solid #ebebeb;margin-bottom: .3rem }

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