@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: 'hmr';--hover-color1:#71ba37;--hover-color2:#11847d;--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: .2rem;}


.index_box{overflow: hidden;background: url(../images/index_bg.jpg) no-repeat center top;background-size: 100% 100%;}


.Header{position: fixed;width: 100%;left: 0;top: 0;transition: .3s all;z-index: 100;}
.Header:after{content: '';position: absolute;width: 100%;height: calc(100% + .3rem);left: 0;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);z-index: 1;display: none}
.Header .autoCon-1780{position: relative;z-index: 10;width: 96%}
.Header .logo img{max-height: .5rem;transition: .3s all}
.Header .logo img.black{display: none;}
.Header .menu{display: flex;justify-content: space-between;}
.Header .menu a{color: #fff;transition: .3s all;position: relative;display: block}
.Header .menu a::before{content: '';position: absolute;width: 0;height: 2px;background:var(--hover-color);left: 50%;bottom: -.06rem;transform: translateX(-50%);transition: .3s all}


.Header .top-right {display: flex;align-items: center;}
.top-lang {position: relative;z-index: 200;margin:0 .5rem}
.top-lang span {display: block;font-size: var(--font-size14);padding-left: 0.26rem;line-height: 1.57142857;background: no-repeat url(../images/top-lang-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)}

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


/*滚动后*/
.Header:hover,
.Header_fixed,
.Header_white{box-shadow: 0 3px 6px rgba(0,0,0,.05);background: #fff}

.Header:hover .logo img.white,
.Header_fixed .logo img.white,
.Header_white .logo img.white{display: none}

.Header:hover .logo img.black,
.Header_fixed .logo img.black,
.Header_white .logo img.black{display: block}

.Header:hover .menu a,
.Header_fixed .menu a,
.Header_white .menu a{color: #333}

.Header:hover .open-search,
.Header_fixed .open-search,
.Header_white .open-search{background: url(../images/search-on.svg) no-repeat center center; background-size: .18rem auto;}

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

.Header:hover:after,
.Header_fixed:after{display: none}

.Header .menu li:hover span a,
.Header .menu li.aon span a{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent; }


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

@media(min-width:1025px){
    .Header .top-mid{width: 50%;}
    .Header .menu li {margin-left: .5rem;position: relative}
    .Header .menu li span{line-height: 1rem;}
    
    .menu li.active .sub { transform: translate(-50%,0); visibility: visible; opacity: 1}
    .menu li .sub {position: absolute;top: 100%;border-radius: 0 0 0.1rem 0.1rem;width: 3rem;left: 50%;transform: translate(-50%,50%); box-shadow: 0 0.05rem 0.05rem rgba(0,0,0, 0.1);opacity: 0; visibility: hidden;background-color: #fff;transition: 0.3s; }
    .menu li .sub dl{ padding: 0.1rem 0;}
    .menu li .sub dd{line-height: calc(30 / 16);}
    .menu li .sub dd a{padding:calc(10 / 16 * 1em) 0.38rem;}
    .menu li .sub dd a:after{position: absolute;right: 0.38rem; top: 50%; width: 0.13rem;height: 0.13rem;background: url(../images/more.svg) no-repeat center center / contain; transform: translateY(-50%) translateX(-0.2rem); content: ''; opacity: 0; transition: .3s;}
    .menu li .sub dd a:hover:after{transform: translateY(-50%) translateX(0); opacity: 1;}
    .menu li .sub dd a:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);color: #fff;}
}

@media(max-width:1024px){
    .Header .autoCon-1780{height: 50px}
    .Header .logo img{max-height: .32rem;}
    .top-lang {margin:0 .3rem 0 0}
    .Header .open-search{margin-right: .3rem}
    .Header .top-search{width: 100%}
    
    .open-menu {width: 32px;height: 32px;}
    .Header:hover .open-menu i,
    .Header_fixed .open-menu i,
    .Header_white .open-menu i{background: #000}
    .Header .menu { position: fixed;left: -100%; opacity: 0; transform: translateX(-100%); top: 50px;bottom: 0;width: 3rem;background-color:#fff;box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);transition: 0.3s;display: block;}
    .menu-show .menu {left: 0;opacity: 1;transform: translateX(0);}
    .menu {overflow: auto;height: 100%;}
    .Header .menu a{color: #333;}
    .menu li.has-sub span {padding-right: 1rem;}
    .menu li.has-sub span:after {content: ''; display: block; width: 0.13rem;height: 0.08rem;background: center center no-repeat url(../images/Top003221-select.svg);background-size: contain; margin-left: 0.1rem; transition: 0.3s; position: absolute; right: 0.2rem; top: 50%;margin-top: -0.04rem;}
    .menu li.has-sub.active span:after {transform: rotate(-180deg);}
    .menu li span {line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);display: block}
    .menu li span a {justify-content: space-between;padding: 0 .2rem;}
    .menu li .sub, 
    .menu li .sub dl dl {display: none;}
    .menu li.active .sub {display: block;}
    .menu li .sub{background: #f5f5f5;padding: .2rem 0}
    .menu li .sub dd {line-height: 1.2;position: relative;z-index: 1; padding: 0.5em 1em;}
}



.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;top:0;height:100%;width: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(h3,p,.index-more){opacity:0;transform:translateX(1rem);transition:0.5s;}
.Banner003223 .txt h3{margin:0;font-size:0.76rem;line-height:1.19047619;transition-delay:0.5s;letter-spacing: 10px;padding-top: 3.5rem;font-weight: normal;/*background: linear-gradient(to right, #71ba37, #11847d);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;*/}
.Banner003223 .txt p{margin:.2rem 0 0 0;font-size:var(--font-size50);line-height:1.2;max-width:8.9rem;transition-delay:0.8s;padding-left: 1.4rem;font-family: 'hmr';line-height: 1}
.Banner003223 .txt p::before {position: absolute;content: "";left: 0px;height: 1px;width: 1rem;top: .3rem;background: linear-gradient(to right, #71ba37 0%, #11847d 100%);}
.Banner003223 .txt .index-more{transition-delay:1.1s}
.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(h3,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 h3{font-size: .24rem;padding-top: 5vw;letter-spacing: 6px;}   
    .Banner003223 .txt p{font-size: .14rem; margin-bottom: 2em;}
    .Banner003223 .txt p::before {top: .15rem;}
    .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;}
}



.home-title.ct{text-align: center;}
.home-title .home-title-tit{font-size:var(--font-size36);}
.home-title .home-title-tit span{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;position: relative}
.home-title .home-title-tit span::before{content: '';position: absolute;width: .16rem;height: .16rem;background: url(../images/title-img.png)no-repeat center;background-size: contain;top: 0;right: -.3rem}
.home-title .home-title-desc{color: #333;font-size:var(--font-size18);line-height: 1.66;width: 60%;padding-top: .3rem}
.home-title.ct .home-title-desc{margin: 0 auto;width: 40%;}

.home-title.white .home-title-tit,
.home-title.white .home-title-tit span,
.home-title.white .home-title-desc{color: #fff;}
.home-title.hover span{color: var(--hover-color);}

@media(max-width:1024px){
    .home-title .home-title-desc,
    .home-title.ct .home-title-desc{width: 100%;}
}



.home-more a{display: flex;align-items: center;color:var(--hover-color2);font-size:var(--font-size18);transition: .5s;margin: .8rem 0 0;transition: .3s all;border-radius: 36px;width: 2.1rem;height: .6rem;border: 2px solid var(--hover-color2);justify-content: center; }
.home-more a i{width: .2rem;height: .2rem;background:url(../images/icon-jt1.svg)no-repeat center;background-size: .2rem auto; position: relative;margin-left: .2rem}
.home-more a:hover{border-color: var(--hover-color2);color: #fff;background: var(--hover-color2);}
.home-more a:hover i{background:url(../images/icon-jt1-w.svg)no-repeat center;background-size: .2rem auto;}




.index_about{padding:var(--padMar120) 0;overflow: hidden;position: relative}

.index_about .pic{position: relative;}
.index_about .pic figure{padding-bottom: 108.335%;}
.index_about .index_about_more{width: .8rem;height: .8rem;background: #fff;border-radius: 50%;z-index: 10;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);margin: .5rem 0}
.index_about .index_about_more a{display: block;width: .8rem;height: .8rem; background: url(../images/icon-jt1.svg)no-repeat center;background-size: .3rem auto;transform: rotate(-45deg);transition: .3s all}
.index_about .index_about_more:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);}
.index_about .index_about_more:hover a{background: url(../images/icon-jt1-on.svg)no-repeat center;background-size: .3rem auto;transform: rotate(0deg);}

.index_about .index_about_desc{font-size: var(--font-size32);color: #000;position: relative;margin-bottom: .3rem;margin-top: .3rem}
.index_about .index_about_desc span{position: relative;}
.index_about .index_about_desc span::before{content: '';position: absolute;width: 100%;height: 5px;background: linear-gradient(-45deg, #00817b, #6eb92b);left: 0;bottom: 5px;z-index: -1}
.index_about .info{font-size: var(--font-size18);color: #333;line-height: 1.66;}
.index_about .info p{padding-top: .2rem}

.index_about .num_box{padding-top: .6rem;position: relative}
.index_about .num_box::after{content: '';position: absolute;bottom: 0;}
.index_about .num_box ul{display: flex;}
.index_about .num_box li:not(:last-child){padding-right: 1rem}
.index_about .num_box li .counter{font-family: 'Barlow-Bold';font-size: var(--font-size70);background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.index_about .num_box li .unit{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: var(--font-size18);margin-left: .1rem}

.index_about .right{position: relative;}
.index_about::before{content: '';position: absolute;width: 48.26rem;height: 1.5rem;left: 9%;bottom: 1.2rem;background-image: url(../images/index_about-logo.png);background-repeat: repeat-x;background-position: left center;background-size: contain;opacity: .05;animation: scrollLeft 16s linear infinite;}

@keyframes scrollLeft {
  0% {
    transform: translateX(0); /* 初始位置 */
  }
  100% {
    transform: translateX(-65%); /* 移动两倍宽度，确保完全离开 */
  }
}
@media(min-width:1025px){
    .index_about .left{width: 52%;flex: 0 0 auto;padding-right: 10%}
    .index_about .right{flex: 1;}
}
@media(max-width:1024px){
    .index_about .right{margin-top: .5rem;}
    .index_about .num_box li:not(:last-child){padding-right: .2rem}
    .index_about .num_box li .counter{font-size: var(--font-size50);}
}



.index_pro{padding: 0 0 1.2rem;overflow: hidden;}
.index_pro .title .autoCon-1480{display: flex;justify-content: space-between;align-items: flex-end}
.index_pro .swiperCon{padding-top: .2rem;}
.index_pro .swiper-wrapper {padding: .5rem 0;}
.index_pro .swiper-slide a{display: block; background-size: cover;position: relative;transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);background:#fff;box-shadow: 6px 0 29px rgba(0, 129, 123, 0.15);padding: .5rem 0}
.index_pro .swiper-slide a::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/index_product-bg2.png)no-repeat center;background-size: 100% 100%;opacity: .5}
.index_pro .swiper-slide .pic{position: relative;height: 3rem;display: flex;align-items: center;justify-content: center;z-index: 10}
.index_pro .swiper-slide .pic span{max-width: 60%;transition: .3s all}
.index_pro .swiper-slide .pic video{width: 4.2rem;  height: 2.8rem; max-width: 100%; max-height: 100%;object-fit: fill; border-radius: .12rem;}
.index_pro .swiper-slide .tit{text-align: center;padding-top: .2rem;font-size:var(--font-size20);color: #333;position: relative;z-index: 10}

.index_pro .swiper-slide:hover a {transform: translateY(-24px)!important;background: linear-gradient(to right, rgba(110,185,43,.15), rgba(0,129,123,.65));}
.index_pro .swiper-slide:hover a::before{opacity: 1}
.index_pro .swiper-slide:hover .pic span{transform: scale(1.05)}
.index_pro .swiper-slide:hover .tit{color: #fff}


.index_pro .controls .autoCon-1480{display: flex;align-items: center;}
.index_pro .controls .pages {flex: 1; height: 2px; background-color: rgba(0, 129, 123, 0.15); position: relative;}
.index_pro .controls .pages span { height: 5px; top: -2px;background: linear-gradient(to left, #00817b, #6eb92b); border-radius: 5px;}
.index_pro .controls .arrows { display: flex; align-items: center; justify-content: flex-end;width: 1.6rem;}
.index_pro .controls .arrows a { display: block; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: solid 1px #00817b; cursor: pointer; transition: 0.3s; position: relative;}
.index_pro .controls .arrows a + a {margin-left: 0.26rem;}
.index_pro .controls .arrows a::before{background: url(../images/icon-jt1.svg)no-repeat center;background-size: auto 0.22rem;content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.index_pro .controls .arrows a.prev { left: auto;transform: rotate(180deg)}
.index_pro .controls .arrows a.next {right: auto;}
.index_pro .controls .arrows a:hover {background: linear-gradient(-45deg, #00817b, #6eb92b);}
.index_pro .controls .arrows a:hover::before {background:url(../images/icon-jt1-on.svg)no-repeat center;background-size: auto 0.22rem;}




.index_renti{padding:0 0 1.2rem;overflow: hidden;}
.index_renti .title{padding-bottom: 1rem;}
.index_renti .left ul{padding-left: .5rem;position: relative}
.index_renti .left ul::before{content: '';position: absolute;width: 2px;height: 100%;left: .2rem;top: 0;background: #f5f5f5}

.index_renti .box {position: relative;width: 40%;margin: 0 auto}
.index_renti .box .img{text-align: center}
.index_renti .box .img img{max-height: 6rem}
.index_renti .box li{position: absolute;font-size:var(--font-size20);color: #000;padding: .2rem 0;width: 100%;}

.index_renti .box li::before{content: '';position: absolute; width: .16rem;height: .16rem;border-radius: 50%;border: 1px solid #fff;transform: translateY(-50%)}
.index_renti .box li::after{content: '';position: absolute; width: .08rem;height: .08rem;border-radius: 50%;background: #fff;transform: translateY(-50%)}
.index_renti .box li .txt{display: inline-block;padding-top: .15rem;margin-top: .15rem}
.index_renti .box li span{color: var(--hover-color1);font-family: 'hmm'}
.index_renti .box li .pic img{max-width: 1.2rem}

.index_renti .box li:nth-child(1){right: 100%;top: 10%;text-align: right;}
.index_renti .box li:nth-child(1)::before{right: -3.3rem;top: 36%;}
.index_renti .box li:nth-child(1)::after{right: -3.26rem;top: 36%;}
.index_renti .box li .line{width: calc(100% + 3rem);position: absolute;left: 100%;bottom: 30%;height: 1px;background: var(--hover-color1)}

.index_renti .box li:nth-child(2){left: 100%;top: 20%;}
.index_renti .box li:nth-child(2)::before{left: -.37rem;}
.index_renti .box li:nth-child(2)::after{left: -.33rem;}

.index_renti .box li:nth-child(3){right: 100%;top: 50%;text-align: right}
.index_renti .box li:nth-child(3)::before{right: -.37rem;}
.index_renti .box li:nth-child(3)::after{right: -.33rem;}

.index_renti .box li:nth-child(4){left: 100%;top: 50%;}
.index_renti .box li:nth-child(4)::before{left: -.37rem;}
.index_renti .box li:nth-child(4)::after{left: -.33rem;}

.index_renti .box li:nth-child(5){top: -20%;left: 0;text-align: center}
.index_renti .box li:nth-child(5)::before{top: 95%;left: 50%;transform: translateX(-50%);}
.index_renti .box li:nth-child(5)::after{top: calc(95% + .04rem);left: 50%;transform: translateX(-50%);}

.index_renti .video {width: 9.54rem; max-width: 100%; position: relative; margin:0 auto;}
.index_renti .video:after {display: block; content: ''; padding-bottom: calc(624/954*100%);}
.index_renti video {display: block; width: 100%; height: 100%; object-fit: contain; background-color: #000; position: absolute; left:0; top:0;}

.index_culture{padding: 1.2rem 0;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.index_culture .left li{border-bottom: 4px solid rgba(255,255,255,.2);font-size:var(--font-size18);color: rgba(255,255,255,.5);padding-bottom: .1rem;font-family: 'hmr';position: relative;cursor: pointer}
.index_culture .left li::before{content: '';position: absolute;height: 4px;left: 0;bottom: -4px;transition: .5s all;width: 0;background:var(--hover-color1); }
.index_culture .left li:not(:last-child){margin-bottom: .4rem}
.index_culture .left li.active{color: #fff;}
.index_culture .left li.active::before{width: 50%;}


.index_culture .list {padding-top: .5rem}
.index_culture .list ul{display: flex;justify-content: space-between}
.index_culture li{background: #fff;width: 18.5%;text-align: center;padding: .5rem .5rem 1rem;background: linear-gradient(to top, #fff, #b8e3e7);position: relative;overflow: hidden;counter-increment: itemcounter;transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.index_culture li:before{content: counters(itemcounter, ".", decimal-leading-zero);position: absolute;font-size:var(--font-size50);color: #00817b;opacity: .2;left: 50%;bottom: -.24rem;transform: translateX(-50%);font-family: 'hmm'}  
.index_culture li .icon{position: relative;margin-bottom: .3rem;text-align: center;}
.index_culture li .icon::before{content: '';position: absolute;width: 200%;height: 1.5rem;background: url(../images/index_culture-bg1.png)no-repeat center bottom;background-size: auto;left: 50%;bottom: 0;transform: translateX(-50%);display: none}
.index_culture li .icon img{max-height: .5rem;position: relative;z-index: 10}
.index_culture li .tit{font-size:var(--font-size22);color:#333;}
.index_culture li .tit::after{content: '';display: block;width: .2rem;height: 3px;background: linear-gradient(to left, #00817b, #6eb92b); border-radius: 3px;margin: .15rem auto .25rem}
.index_culture li .desc{color:#555;font-family: 'hml';line-height: 1.66}
.index_culture li.active{transform: translate(0,-50%);opacity: 1}
.index_culture li:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);transform: translateY(-24px)!important}
.index_culture li:hover:before{color: #fff;opacity: .2}
.index_culture li:hover .icon img{filter: grayscale(100) brightness(100);}
.index_culture li:hover .tit{color: #fff}
.index_culture li:hover .tit::after{background: #fff}
.index_culture li:hover .desc{color:#fff;}
@media(min-width:1025px){
    .index_culture .left{width: 24%;flex: 0 0 auto}
    .index_culture .right{width: 40%}
}
@media(max-width:1024px){
    .index_culture .list ul{flex-wrap: wrap;}
    .index_culture li{width: 49%;margin-bottom: .15rem}
    .index_culture li:last-child{width: 100%;margin-bottom: 0}
}



.Bottom{background: #141519; background-size: cover; padding-top: .8rem; padding-bottom: 0.5rem;--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);}
.Bottom,
.Bottom a:not(:hover){color:var(--white);}

.Bottom .logo img{max-height: .7rem;}

.Bottom .f-top{padding-bottom: 0.5rem;margin-bottom: .5rem; border-bottom: 1px solid rgba(255,255,255,.05)}
.Bottom .f-mid{padding-bottom: 0.8rem;}
.Bottom .f-bottom{padding: 0.3rem 0 0; font-size: var(--font-size14);}
.Bottom .f-bottom,
.Bottom .f-bottom a:not(:hover){color: var(--white-opacity-50);}

.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;}
.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: linear-gradient(-45deg, #00817b, #6eb92b);}
.Bottom .follow-us li a:after{width: 0.2rem; height: 0.2rem;background-position: center center; background-repeat: no-repeat; background-size:.2rem auto;transition: 0.3s; content: '';display: block;}
.Bottom .follow-us li a:hover:after{opacity: 1;}
.Bottom .follow-us li.li-in a:after{background-image: url(../images/Bottom-in.svg);} 
.Bottom .follow-us li.li-wx a:after{background-image: url(../images/Bottom-wx.svg);} 
.Bottom .follow-us li.li-wb a:after{background-image: url(../images/Bottom-wb.svg);} 
.Bottom .follow-us li.li-dy a:after{background-image: url(../images/Bottom-douyin.svg);} 
.Bottom .follow-us li.li-fb a:after{background-image: url(../images/Bottom-fb.svg);} 
.Bottom .follow-us li.li-tw a:after{background-image: url(../images/Bottom-tw.svg);} 
.Bottom .follow-us li.li-wx a:after{background-image: url(../images/Bottom-wx.svg);} 
.Bottom .follow-us li.li-douyin a:after{background-image: url(../images/Bottom-douyin.svg);} 
.Bottom .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}


.Bottom .contact dt{margin-bottom: .2rem;display: block;color:#fff;font-size: var(--font-size18);}
.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: .32rem;font-family: 'Barlow-Bold';color: var(--hover-color1);}
.Bottom .contact dd .phone aside{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.Bottom .contact dd + dd{margin-top: 0.25rem;}
.Bottom nav dt{ position: relative; font-weight: 500;font-size: var(--font-size18);padding-bottom: .15rem}
.Bottom nav dt a{ background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.Bottom nav dd{line-height:.36rem;font-size: var(--font-size14);}
.Bottom nav dd a:not(:hover){color: var(--white-opacity-50);}
.Bottom nav dd a:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.Bottom nav dd img{width: 1rem;}

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

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

.Bottom .code span{margin-left: .1rem}
.Bottom .code img{width: 1rem}
@media (min-width:1025px) {
    .Bottom .f-top{display: flex;align-items: center;justify-content: space-between}
    .Bottom .f-mid{display: flex;justify-content: space-between}
    .Bottom .f-mid nav{display: flex;justify-content: space-between}
    .Bottom .f-bottom{border-top: 1px solid rgba(255,255,255,.08);}
    .Bottom .contact{width: calc(450 / 1500 * 100%);}
    .Bottom nav{width: calc(950 / 1500 * 100%);}
    .Bottom nav dd{display: block!important;}
}
@media (max-width:1024px) {
    .Bottom .logo{margin: 0 auto 0.2rem;}   
    .Bottom .follow-us{justify-content: center;}
    .Bottom nav{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-mid{padding-bottom: 0}
    .Bottom .copyright{text-align: center;}
    .Bottom .icp{margin-top: 0.1rem;justify-content: center}
    .Bottom .icp a{display: inline-flex;}
}




.cbanner{position: relative}
.cbanner .Ispic{padding-bottom: 33.403%;}
.cbanner .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding-top: .5rem}
.cbanner .txt .tit{font-size: var(--font-size40);color: #fff;font-family: 'hmm';padding-bottom: .35rem}
.cbanner .txt .desc{color: #fff;opacity: .85;font-family: 'hml'}
.cbanner .location{position: absolute;width: 100%;left: 0;bottom: .35rem;font-family: 'hml';font-size: var(--font-size14);}
.cbanner .location a{color: #fff;opacity: .5;}
.cbanner .location a:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;opacity: 1;}
.cbanner .location span{color: #fff;opacity: .5;}
.cbanner .location i{margin: 0 .05rem;color: #fff;opacity: .5;}
@media(max-width:1024px){
    .cbanner .Ispic{padding-bottom: 60.403%;}
    .cbanner .txt{padding-bottom: .3rem}
    .cbanner .txt .tit{padding-bottom: .15rem}
}



.ctitle{font-size: var(--font-size40);color: #000;font-family: 'hmb';}
.ctitle.tc{text-align: center;}
.ctitle.white{color: #fff;}



.About{padding: 1.5rem 0}
.About .ctitle{padding-bottom: .4rem}
.About .desc{padding: 0 1rem;text-align: center;line-height: 1.75;color: #333}
.About .num_box{padding-top: .6rem;position: relative}
.About .num_box::after{content: '';position: absolute;bottom: 0;}
.About .num_box ul{display: flex;justify-content: center;margin: 0 auto}
.About .num_box li{margin: 0 1rem;text-align: center}
.About .num_box li .counter{font-family: 'Barlow-Bold';font-size: .8rem;background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.About .num_box li .unit{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: var(--font-size22);margin-left: .1rem}
@media(max-width:1024px){
    .About{padding: 1rem 0}
    .About .desc{padding: 0 }
    .About .num_box li{margin: 0 .2rem;text-align: center}
    .About .num_box li .counter{font-size: .5rem;}
}




.Culture{position: relative}
.Culture .bg{padding-bottom: 41.754%;background-size: cover;background-repeat: no-repeat;background-position: center}

.Culture .con{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 1.2rem 0}
.Culture .con .autoCon-1480{position: relative;height: 100%}
.Culture .con .list{position: absolute;width: 100%;left: 0;bottom: 0;display: flex;justify-content: space-between;;}
.Culture .con .list .item{width: 19%;border-radius: .2rem;background: rgba(255,255,255,.85);padding: .4rem .3rem;display: flex;align-items: center;justify-content: space-between;position: relative;cursor: pointer}
.Culture .con .list .item .tit{font-size: var(--font-size22);color: #052342;font-family: 'hmm'}
.Culture .con .list .item .icon img{max-height: .46rem}

.Culture .con .list .item .hover{position: absolute;background: linear-gradient(-45deg, #00817b, #6eb92b);width: 100%;left: 0;bottom: 0;padding: .3rem;border-radius: .2rem;transition: all .5s;transform: translateY(50%);opacity: 0;}
.Culture .con .list .item .hover .hover-icon img{max-height: .46rem;filter: grayscale(100) brightness(100);}
.Culture .con .list .item .hover .hover-tit{font-size: var(--font-size22);color: #fff;font-family: 'hmm';padding: .5rem 0 .1rem}
.Culture .con .list .item .hover .hover-desc{color: #fff;font-size: var(--font-size18);line-height: 1.75;}

.Culture .con .list .item.active .hover{transform: translateY(0);opacity: 1;}
@media(max-width:1024px){
    .Culture {padding: 1rem 0}
    .Culture .con{position: relative;padding: 0;z-index: 10}
    .Culture .con .list{position: relative;flex-wrap: wrap;padding-top: .5rem}
    .Culture .con .list .item{width: 100%;margin-bottom: .15rem}
    .Culture .con .list .item.active{padding-top: 1.4rem}
    .Culture .bg{position: absolute;height: 100%;width: 100%;left: 0;top: 0;padding-bottom: 0}
}



.Honor{background: url(../images/index_honor-bg.png)no-repeat center bottom;background-size: 100% auto;overflow: hidden;position: relative;z-index: 1;padding-top: 1rem;}
.Honor .swiper{margin: 0 1rem;padding:1rem 0 2rem;overflow: initial;}
.Honor .swiper .swiper-slide a{display: flex;align-items: center; flex-direction: column; text-align: center; height: 4rem; justify-content: flex-end;}
.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: 70.612%;}
.Honor .swiper .swiper-slide a .imgbox img{max-height: 3.6rem}
.Honor .swiper .swiper-slide a .imgbox::after{content: '';position: absolute;top: 98%;left: 0;background: url(../images/index_honor-yy.png)no-repeat top left;background-size: auto auto;width: 140%;height: .6rem}
.Honor .swiper .swiper-slide a .imgbox i{position: absolute;width: .08rem;height: .08rem;background: #b9b9b9;border-radius: 50%;}
.Honor .swiper .swiper-slide a .imgbox i:nth-child(1){left: .1rem;top: .1rem;}
.Honor .swiper .swiper-slide a .imgbox i:nth-child(2){right: .1rem;top: .1rem;}
.Honor .swiper .swiper-slide a .imgbox i:nth-child(3){left: .1rem;bottom: .1rem;}
.Honor .swiper .swiper-slide a .imgbox i:nth-child(4){right: .1rem;bottom: .1rem;}
.Honor .swiper .swiper-slide a .tit{position: absolute;top: calc(100% + .4rem);left: 50%;transform: translateX(-50%);width: 100%;text-align: center;color: #333;max-width: 70%;}

.Honor .swiper .controls{display: flex;justify-content: space-between;margin-bottom: .3rem;position: absolute;top: 38%;left: 50%;transform: translateX(-50%);width: 104%;z-index: 100}
.Honor .swiper .controls a{width: .6rem;height: .6rem;background: #e3e3e3;display: flex;justify-content: center;align-items: center;top: 0;z-index: 100;cursor: pointer;border-radius: 50%;}
.Honor .swiper .controls a::before{content: '';width: 100%;height: 100%;background: url(../images/vmore_01.svg)no-repeat center;background-size: .18rem auto;}
.Honor .swiper .controls a.prev{left: -.25rem;}
.Honor .swiper .controls a.next{right: -.25rem;background: linear-gradient(-45deg, #00817b, #6eb92b);}
.Honor .swiper .controls a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
@media(max-width:1600px){
    .Honor .swiper .swiper-slide a .imgbox::after{background-size: 100%;}
}
@media(max-width:1024px){
    .Honor{background-size: auto 30%;}
    .Honor .swiper{padding:1rem 0}
    .Honor .swiper .swiper-slide a{height: 2rem;}
    .Honor .swiper .controls{width: 120%;}
    .Honor .swiper .controls a{width: .46rem;height: .46rem}
}



.Partner{padding: 1rem 0;position: relative;overflow: hidden;z-index: 2;}
.Partner .list{margin-top: .5rem;display: flex;flex-wrap: wrap;justify-content: center}
.Partner .list ul .str_move{display: flex}
.Partner li{width: 2rem;height: 1rem;justify-content: center;align-items: center;background: #fff;border-radius: .1rem;display: flex;margin: .1rem;overflow: hidden;}
.Partner li a{display: block;max-width: 80%}
.Partner li img{display: block;flex: 0 0 auto;max-height: 80%;max-width: 80%!important;margin: 0 auto}
.Partner .home4_more{display: flex;justify-content: center;margin-top: .5rem}




.wrap-social{padding: 1.2rem 0 .8rem 0;margin-bottom: .8rem; overflow: hidden;}
.wrap-social + .wrap-social{padding-top: 0;}
.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%); margin: .8rem 0 .9rem;}
.wrap-social .swiper figure{border-radius: 0.1rem;}
.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: '';border-radius: 0.1rem; 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)); border-radius: 0.1rem;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;border-radius: 50%; background: no-repeat center center; background-size: auto 0.12rem;z-index: 10; transition: var(--transition);cursor: pointer; }
.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}
.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: linear-gradient(-45deg, #00817b, #6eb92b); 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);}
}




.Floor003240{padding: var(--padMar100) 0;overflow: hidden;}
.Floor003240 .swiper-wrapper{height: auto;}
.Floor003240 .index-title{color: #333333; margin-bottom: 0.4rem;}
.Floor003240 .index-title .desc{opacity: 0.8;font-weight: 100;font-size: var(--font-size18); margin-top: 0.1rem;}

.swiper-v-list{--txth:0.56rem;--vnum:7;}
.swiper-v-list .swiper-slide{font-size: var(--font-size18);}
.swiper-v-list .swiper-slide-active {z-index: 4;}
.swiper-v-list .swiper-slide-active .txt p{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.swiper-v-list .txt{position: relative;}
.swiper-v-list .txt p{margin: 0;}
.swiper-v-list .line{display: flex; justify-content: space-between;align-items: flex-start; position: absolute; left: 0;top: 0;}
.swiper-v-list .line i{background-color: #cacaca;}
.swiper-v-list .swiper-slide-active .line i{background: linear-gradient(-45deg, #00817b, #6eb92b);transition: 0.3s 0.3s;}

.Floor003240 .left{position: relative;z-index: 10;}
.swiper-overlay .swiper-wrapper{ align-items: center;}
.swiper-overlay .swiper-slide{display: flex;align-items:center;z-index: 1;transition: opacity 0.3s;}
.swiper-overlay .swiper-slide:not(.swiper-slide-next):not(.swiper-slide-active):not(.swiper-slide-prev){opacity: 0;}
.swiper-overlay .swiper-slide .pic{position: relative;z-index: 1;transition: 0.3s;}
.swiper-overlay .swiper-slide-next,
.swiper-overlay .swiper-slide-prev{z-index: 2;}
.swiper-overlay .swiper-slide-prev .pic{ transform: scale(0.791) translateX(30%); transform-origin: right 50%; }
.swiper-overlay .swiper-slide-active{z-index: 10;}
.swiper-overlay .swiper-slide-active .pic{transform: scale(1); transform-origin: center center;}
.swiper-overlay .swiper-slide-next .pic{ transform: scale(0.791) translateX(-30%);transform-origin: left 50%;}
.swiper-overlay .swiper-slide .pic img{position: relative;z-index: 4;}
.swiper-overlay .swiper-slide .pic::before{position: absolute;z-index: 10;left: 0;top: 0;content: '';width: 100%;height: 100%;background: url(../images/Floor003240-kuang-v.png) no-repeat center center; background-size: 100% 100%;height: 100%;}
.swiper-overlay .swiper-slide .pic:after{position: absolute; content: '';width: 3.55rem;height: 1.44rem; bottom: -0.05rem;background: url(../images/Floor003240-kuang-shadow.png) no-repeat center center; background-size: contain; left: -1.32rem;z-index: 0;}
.swiper-overlay p{position: absolute; top: 40%;width: 50%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;color: #c00;}

@media (min-width:1025px) {
.Floor003240 .left{width: calc(665 / 1600 * 100%);}
.Floor003240 .right{width: calc(805 / 1600 * 100%);}
.swiper-overlay{width: 175.156%;margin-left: -37.578%;}
.swiper-overlay{padding: 0 1.32rem;}
.swiper-v-list{height: calc(var(--txth) * var(--vnum));}
.swiper-v-list .txt{height: var(--txth); display: flex;align-items: center;padding-left: 0.65rem;}
.swiper-v-list .swiper-slide{height:  var(--txth);}
.swiper-v-list .line{flex-direction: column;width: 0.37rem;height: calc(100% + 1px);}
.swiper-v-list .line i{height: 1px;width: 24%;}
.swiper-v-list .swiper-slide-active .line i:nth-child(4){width: 100%;}
.swiper-v-list .swiper-slide-active .line i:nth-child(3),
.swiper-v-list .swiper-slide-active .line i:nth-child(5){width:48%;}
}
@media (max-width:1024px) {
.Floor003240 .left{margin-bottom: .5rem;}
.Floor003240 .right{margin: 0 -1.32rem; }
.swiper-v-list .txt{padding: 0.5rem 0.1rem 0;}
.swiper-v-list .txt p.dot2{-webkit-line-clamp:3;line-clamp: 3;}
.swiper-v-list .line{width:calc(100% + 1px); height: 0.37rem;}
.swiper-v-list .line i{width: 1px;height: 24%;}
.swiper-v-list .swiper-slide-active .line i:nth-child(6){height: 100%;}
.swiper-v-list .swiper-slide-active .line i:nth-child(5),
.swiper-v-list .swiper-slide-active .line i:nth-child(7){height:48%;}
.swiper-v-list .swiper-slide{text-align: center;}
}
@media (max-width:640px) {
    .Floor003240 .right{margin: 0 -0.6rem; }
    .swiper-overlay .swiper-slide .pic:after{width: 1.7rem; height: 0.7rem;left: -0.6rem;}
    .swiper-v-list .swiper-slide{font-size: var(--font-size11);}
    .swiper-v-list .swiper-slide-active{font-size: var(--font-size14);}
}


.Technology{padding: 1rem 0 0 0;}
.Technology .ctitle{padding-bottom: .4rem}
.Technology .edit_info{text-align: justify;line-height: 1.875;color: #333}
.Technology .edit_info p{ text-align: center;}
.Technology .item{margin-top: .5rem}
.Technology .item .txt .desc{font-size: var(--font-size16);color: #333;line-height: 2;}
.Technology .item .img img{border-radius: .12rem;overflow: hidden;}
@media (min-width:1025px) {
.Technology .item{display: flex;justify-content: space-between;align-items: center;}
.Technology .item:nth-child(2n){flex-direction: row-reverse;}
.Technology .item .txt{flex: 1;padding-right: 5%}
.Technology .item:nth-child(2n) .txt{padding-right:0;padding-left: 5%;}
.Technology .item .img{width: 50%;flex: 0 0 auto;}
}



.Team{padding: 1rem 0;}
.Team .teamlist:not(:last-child){padding-bottom:.8rem ;}
.Team .list{display: flex;justify-content: space-between; flex-wrap: wrap;align-items: stretch;padding-top: .5rem}

.Team .item { flex: 0 0 auto; width: 100%; margin-bottom: 2%; background: #fff;  padding: 0.4rem 0.5rem; border-radius: 0.2rem;position: relative;overflow: hidden}

.Team .item .in { height: 100%; padding: 0 0.7rem; position: relative;display: flex;}
.Team .item .in:before { padding: 1em; position: absolute; left: 0; top: 0; content: ""; background: url(../images/textprev.png) no-repeat left top; background-size: 0.19rem;}
.Team .item .in:after { padding: 1em; position: absolute; right: 0; bottom: 0; content: ""; background: url(../images/textafter.png) no-repeat right bottom; background-size: 0.19rem;}

.Team .item .img { flex: 0 0 auto; width: 1.2rem; margin-right: 0.4rem; border-radius: 50%; height: 1.2rem;  overflow: hidden;}
.Team .item .img img { display: block; width: 100%; height: 100%; object-fit: cover;}
.Team .item .txt {flex: 1 1 auto;overflow: hidden;}
.Team .item .it {display: flex;justify-content: flex-start;padding-bottom: 0.17rem;border-bottom: 1px solid #d3dddf; margin-bottom: 0.2rem;align-items: flex-start;line-height: 0.24rem;}
.Team .item .it .t {flex: 0 0 auto;font-size: var(--font-size24);font-family:'hmm' ;background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.Team .item .it .tp { flex: 1 1 auto; overflow: hidden; padding-left: 2em;font-family: 'hml';color: #333}
.Team .item .ip {line-height: 1.78;font-size: var(--font-size18);font-family: 'hml';color: #333}
.Team .item .more{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;left: 0;top: 0;transition: .3s;opacity: 0}
.Team .item .more span{position: relative;z-index: 10;font-size: var(--font-size18);width: 1.8rem;height: .5rem;border-radius: 36px;border: 1px solid #fff;text-align: center;line-height: .5rem;transition: .3s;}
.Team .item .more span:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);border: 0}
.Team .item .more::before{content: ''; position: absolute;width: 100%;height: 100%;background: linear-gradient(-45deg, #00817b, #6eb92b);left: 0;top: 0;opacity: .85;z-index: 0}

.Team .item:hover .more{opacity: 1}
@media(max-width:1024px){
    .Team .item{padding: 30px}
    .Team .item .in {flex-wrap: wrap;padding: 0 .4rem}
    .Team .item .img{margin: 0 auto .3rem}
    .Team .item .it{flex-direction: column;align-items: center}
    .Team .item .it .tp { padding-left: 0;padding-top: .1rem}
}



.Team_detail{padding: 1rem 0}
.Team_detail .left img{border-radius: .12rem}
.Team_detail .right .tit{font-size: var(--font-size40);font-family:'hmm' ;background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;padding-bottom: .3rem}
.Team_detail .right .con{line-height: 1.75;color: #333}
.Team_detail .right .con p:not(:last-child){padding-bottom: .1rem}
@media(min-width:1025px){
    .Team_detail .left{width: 30%;flex: 0 0 auto}
    .Team_detail .right{flex: 1;padding-left: 5%}
}
@media(max-width:1024px){
    .Team_detail .left {text-align: center;margin-bottom: .2rem}
}




.News{padding: 1rem 0;}
.news-list{margin-bottom: .8rem;}
.news-list .item:not(:last-child){margin-bottom: .6rem;}
.news-list .item a{border-bottom: 1px solid #e1e1e1;display: flex;align-items: center;justify-content: space-between}
.news-list .pic figure{padding-bottom: calc(353 / 630 * 100%); border-radius: 0.16rem;}
.news-list .txt {transition: 0.3s all;}
.news-list .txt h3{margin: 0.2rem 0 0.14rem 0; font-size: var(--font-size24); line-height: calc(32 / 24);transition: 0.3s all;}
.news-list .txt time{color: #222;transition: 0.3s all;}
.news-list a:not(:hover) .txt h3{color: #000}
.news-list .txt p{color: #666;line-height: calc(26 / 16); margin: 0 0 .7rem 0;}
.news-list .more{display: inline-flex;align-items: center;color: #222; transition: 0.3s;padding: 0 0.1rem;border-radius: 1.2em;line-height: 2.4;} 
.news-list .more:after{display: block; content: ''; margin-left: 0.14rem;width: 0.07rem; height: 0.13rem;background: url(../images/arrow-right.svg)no-repeat center center / contain;}
.news-list a:hover .txt h3{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.news-list a:hover .more{color: #fff; background: linear-gradient(-45deg, #00817b, #6eb92b); }
.news-list a:hover .more:after{filter: grayscale(100) brightness(100);}
@media (min-width:1025px) {
    .news-list .item a{border-radius: 0 0 0 0.16rem;}
    .news-list .pic{width: calc(630 / 1480 * 100%);flex-shrink: 0;}
    .news-list .txt{margin-left: .6rem; flex: 1;}
}
@media (max-width:1024px) { 
    .news-list .item a{flex-wrap: wrap;}
    .news-list .txt{margin-top:.4rem;padding-bottom: .1rem}
    .news-list .txt p{margin: 0 0 .4rem 0;}
    .news-list .pic {width: 100%}
}





.Pages,
.Pages .p_page,
.Pages .num{display: flex;align-items: center; }
.Pages{justify-content: center;margin: .6rem 0 0 0;}
.Pages > span:not(.p_page){display: none;}
.Pages a{display: flex;width: 0.46rem;height: 0.46rem;border-radius: 50%;align-items: center;justify-content: center;margin: 0 0.05rem; transition:background 0.3;color: #999;}
.Pages .num{font-style: normal; margin: 0 .5rem;}
.Pages .num a{margin: 0 0.06rem;}
.Pages .num a:hover,
.Pages  a.a_cur{background: linear-gradient(-45deg, #00817b, #6eb92b); color: #fff; font-size: var(--font-size18);}
.Pages .p_page > a{font-size: 0; overflow: hidden;position: relative}
.Pages .p_page > a::before{background: no-repeat center center; background-size: 0.08rem auto;content: '';position: absolute;width: 100%;height: 100%}
.Pages .p_page > a.a_first,
.Pages .p_page > a.a_end{display: none;}
.Pages .p_page > a[href^="javascript:"]{cursor: default; opacity: 0.5;}
.Pages .p_page > a.a_prev::before{background-image: url(../images/prev.svg);}
.Pages .p_page > a.a_next::before{background-image: url(../images/next.svg);}
.Pages .p_page > a.a_prev:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);}
.Pages .p_page > a.a_prev:hover::before{ background-image: url(../images/prev-on.svg);}
.Pages .p_page > a.a_next:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);}
.Pages .p_page > a.a_next:hover::before{background-image: url(../images/next-on.svg);}






.location_news{margin-top: 1rem;padding-top:.4rem }

.location_news{width: 100%;left: 0;bottom: .35rem;font-family: 'hml';font-size: var(--font-size14);}
.location_news a{color: #999;opacity: .5;}
.location_news a:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;opacity: 1;}
.location_news span{color: #000;}
.location_news i{margin: 0 .05rem}





.news-details{margin-top: .5rem; padding-top: .3rem; padding-bottom: 1rem;}
.news-details .con{max-width: 11.9rem;margin: 0 auto}
.news-details .title{text-align: center;font-size: var(--font-size36); line-height: calc(48 / 36); color: #000;;}
.news-details .option{padding:.2rem 0 .3rem;text-align: center;border-bottom: 1px solid #ebebeb;margin-bottom: .3rem}
.news-details .option time{color: #000}
.news-details .edit-info {line-height: calc(26 / 16);color: #555;}

.edit-img-rows{margin: 3em 0;}
.edit-img-rows dd img{border-radius: 1em;display: block;width: 100%;}
@media (min-width:641px) {
    .edit-img-rows dd{width: calc((100% - 0.28rem) / 2);}
    .edit-img-rows dd:nth-child(2) ~ dd{margin-top: 0.28rem;}
}
@media (max-width:640px) { 
    .edit-img-rows dd:not(:last-child){margin-bottom: var(--padding-margin__30);}
}

.news-page{border-top: 1px solid #e1e1e1;margin-top: .5rem; padding-top: .5rem;display: flex;align-items: center;justify-content: space-between}
.news-page .info a span{color: #666;}
.news-page .info a:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.news-page .back{flex-shrink: 0;margin-left: 0.1rem;}
.news-page .back a{display: flex;align-items: center;background: linear-gradient(-45deg, #00817b, #6eb92b);color: #fff; line-height: calc(54 / 16); padding: 0 .4rem;border-radius: 3em;}
.news-page .back a:before{display: block; content: '';margin-right: 0.17rem;width: 0.14rem; height: 0.14rem; background: url(../images/return.svg)no-repeat center center / contain;}
.news-page .info p + p{margin-top: .2rem;}
@media (max-width:1024px) { 
    .news-page{flex-wrap: wrap}
    .news-page .info{width: 100%}
    .news-page .back{margin:.2rem auto 0;}
}





.rcll .box1{padding: 1rem 0 0;}
.rcll .box1 .intro{font-size: var(--font-size20);text-align: center;color: #121212;padding-top: .2rem;}
.rcll .box1 ul{display: flex;justify-content: space-between; flex-wrap: wrap;align-items: stretch;padding-top: .5rem}
.rcll .box1 li{flex: 0 0 auto; width: 25%; margin-bottom: 2%; transition: .3s all;}
.rcll .box1 li .icon{width: 1rem;margin: 0 auto}
.rcll .box1 li .icon img{max-height: 1rem;}
.rcll .box1 li .txt .tit{font-size: var(--font-size24);color: #000;padding-bottom: .1rem;transition: .3s all;font-family: 'hmm'}
.rcll .box1 li .txt .desc{line-height: 1.75;font-family: 'hml';transition: .3s all}
.rcll .box1 li:hover{background: linear-gradient(-45deg, #00817b, #6eb92b);}
.rcll .box1 li:hover .txt .tit{color: #fff;}
.rcll .box1 li:hover .txt .desc{color: #fff;opacity: .75}
.rcll .box1 li:hover .icon img{filter: grayscale(100) brightness(100);}
.rcll .main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:.6rem;}
.rcll .main .left{width:40.5%;}
.rcll .main .right{width:50%;}
.rcll .main .hbox4_cpt{color:#08233f;line-height:1.3;border-bottom:1px solid #08233f;padding-bottom:.5rem;}
.rcll .main .imgbox{overflow:hidden;}
.rcll .main .swicth_btn{width:.2rem;height:.2rem;position:relative;cursor:pointer;}
.rcll .main .swicth_btn::before{content:'';display:block;width:100%;height:3px;background-color:#8c939b;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.rcll .main .swicth_btn::after{content:'';display:block;width:3px;height:100%;background-color:#8c939b;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.rcll .main .list .item{padding:.3rem 0;border-bottom:1px solid #e3e6e9;}
.rcll .main .list .item_top{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.rcll .main .list .item_tit{color:#707983;padding-right:.1rem;font-size: var(--font-size30);font-family: 'hmm'}
.rcll .main .list .item_bot{display:none;}
.rcll .main .list .editor{color:#333;line-height:1.875;margin-top:.5rem;font-size: var(--font-size20);height: .5rem}
.rcll .main .list .item.cur .item_tit{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}
.rcll .main .list .item.cur .swicth_btn::after{display:none;}
.rcll .main .list .item.cur .swicth_btn::before{background: linear-gradient(-45deg, #00817b, #6eb92b);}
.rcll .main .list .item.cur .item_bot{display:block;}


.rcll .box2{padding: 1.5rem 0 1rem;}
.rcll .box2 .intro{font-size: var(--font-size20);text-align: center;color: #121212;padding: .2rem 0 .6rem;}
.rcll .box2 .swiper{padding-top: .5rem;}
.rcll .box2 .swiper-slide{border-radius: .12rem;overflow: hidden}
.rcll .box2 .swiper-slide .img {position: relative}
.rcll .box2 .swiper-slide .img::before{content: ''; position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0));}
.rcll .box2 .swiper-slide .img figure{padding-bottom: 64%;}
.rcll .box2 .swiper-slide .txt{position: absolute;color: #fff;left: 0;bottom: 0;width: 100%;padding: 0 .2rem .3rem;font-size: var(--font-size24);text-align: center;z-index: 10}

.rcll .box2 .controls{padding-top: .4rem}
.rcll .box2 .controls .autoCon-1480{display: flex;justify-content: center;position: relative;align-items: center}
.rcll .box2 .controls .pages{display: flex;justify-content: center;flex: 0 0 auto;width: auto;margin: 0 .5rem}
.rcll .box2 .controls .pages .swiper-pagination-bullet{width: .12rem;height: .12rem;margin: 0 .15rem;}
.rcll .box2 .controls .pages .swiper-pagination-bullet.swiper-pagination-bullet-active{background: linear-gradient(-45deg, #00817b, #6eb92b);}
.rcll .box2 .controls a{position: relative;display: flex; margin: 0;border: solid 2px #d6d6d6;width: 0.54rem;height: 0.54rem;border-radius: 50%; background: no-repeat center center; background-size: auto 0.12rem;z-index: 10; transition: .3s all;cursor: pointer; }
.rcll .box2 .controls 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}

.rcll .box2 .controls a.prev{left: auto;}
.rcll .box2 .controls a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.rcll .box2 .controls a.next{right: auto;}
.rcll .box2 .controls a:not(.swiper-button-disabled):hover{background: linear-gradient(-45deg, #00817b, #6eb92b); border:none}
.rcll .box2 .controls a:not(.swiper-button-disabled):hover::before{opacity: 1;filter:none;}


.rcll .box3{position: relative}
.rcll .box3 .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10}
.rcll .box3 .txt .autoCon-1480{display: flex;justify-content: flex-end;height: 100%;align-items: center}
.rcll .box3 .txt .con{width: 30%;}
.rcll .box3 .txt .con .btns {display: flex;margin-top: .5rem}
.rcll .box3 .txt .con .btns a{width: 1.6rem;height: .6rem;display: flex;justify-content: center;align-items: center;border: 2px solid #fff;color: #fff;border-radius: 36px;margin-right: .2rem}
.rcll .box3 .txt .con .btns a:first-child{background: linear-gradient(-45deg, #00817b, #6eb92b);border:none}
.rcll .box3 .img figure{padding-bottom: 29.228%;}

@media (max-width:1024px){
    .rcll .main .left,
    .rcll .main .right{width:100%;}
    .rcll .box3 .img figure{padding-bottom: 53.228%;}
    .rcll .box3 .txt .con{width: 100%;}
    .rcll .box3 .txt .con .ctitle{text-align: center;}
    .rcll .box3 .txt .con .btns {justify-content: center}
}



.join_list{padding:1rem 0;}
.join_list .list{padding-top:.5rem;}
.join_list .item{background-color:#fff;margin-bottom:.2rem;border-radius:.1rem;box-shadow: 0 3px 6px rgba(0,0,0,.1)}
.join_list .item_top{position:relative;padding:.5rem;cursor:pointer;}
.join_list .item_top_main{position:relative;padding-right:.18rem;}
.join_list .item_top_main .item_tit{font-size: var(--font-size30);color: #000;}
.join_list .item_bar{position:absolute;top:50%;transform:translate(0,-50%);background-image:url(../images/swiper_ctr_right.png);width:.14rem;height:.12rem;right:0;cursor:pointer;background-size:.14rem;}
.join_list .item.cur .item_bar{transform:translate(0,-50%) rotate(90deg);}
.join_list .item_other{display:flex;align-items:center;margin-top:.2rem;flex-wrap:wrap;color: #333}
.join_list .item_other .item_ctit:not(:last-child){margin-right:.7rem;}
.join_list .item.cur .item_bot{display:block;}
.join_list .item_bot{display:none;padding:0 .5rem .6rem;}
.join_list .item .item_bot_main{border-top:1px solid #f0f0f0;}
.join_list .item_cpt{color:#181818;font-size: var(--font-size20);}
.join_list .item_secton{margin-top:.35rem;}
.join_list .editor{margin-top:.15rem;line-height:1.875;}
.join_list .item_bot_tit{margin-top:.3rem;}
.join_list .item_bot_tit span{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;}





.Contact{padding: 1rem 0}
.Contact .left .con{padding-top: .5rem}
.Contact .left .item{padding-left: .7rem;position: relative}
.Contact .left .item + .item{margin-top: .5rem;}
.Contact .left .item i{position: absolute;width: .5rem;height: .5rem;left: 0;top: 0;border-radius: 50%;background: linear-gradient(-45deg, #00817b, #6eb92b);display: flex;justify-content: center;align-items: center;}
.Contact .left .item.mail i::before{content: '';width: .3rem;height: .3rem;background: url(../images/icon-mail.svg)no-repeat center;background-size: .3rem auto;}
.Contact .left .item.tel i::before{content: '';width: .3rem;height: .3rem;background: url(../images/icon-tel2.svg)no-repeat center;background-size: .3rem auto;}
.Contact .left .item.add i::before{content: '';width: .3rem;height: .3rem;background: url(../images/icon-add2.svg)no-repeat center;background-size: .3rem auto;}
.Contact .left .item .tit{color: #999;font-family: 'hml';padding-bottom: .05rem}
.Contact .left .item .desc{color: #000;font-size: var(--font-size18);}

.Contact .right figure{padding-bottom: 70%;border-radius: .12rem}
@media(min-width:1025px){
    .Contact .left{padding-right: 8%;flex: 1}
    .Contact .right{width: 50%;flex: 0 0 auto}
}
@media(max-width:1024px){
    .Contact .right{margin-top: .2rem}
}




.Message{padding-bottom: 1rem;}
.Message .form-ul{background:url(../images/message-bg.jpg)no-repeat center;background-size: cover;padding: .8rem;border-radius: .12rem;margin-top: .5rem;box-shadow: 0 3px 6px rgba(0,0,0,.1)}
.Message .form-ul li{margin-bottom: 10px;position: relative;}
.Message .form-ul li .tit{position: absolute;left: 1.1428em; top: 0;line-height:.6rem;color: #333333;}
.Message .form-ul li select,
.Message .form-ul li .text{width: 100%;border-radius: 5px; border: solid 1px #8b8b8b;font-size:var(--font-size16);line-height:.6rem;height:  .6rem; background: none;padding: 0 1em;}
.Message .form-ul li textarea.text{height: auto;}
.Message .form-ul .btn{width: 2rem;background: linear-gradient(-45deg, #00817b, #6eb92b);border-radius: 36px;font-size: var(--font-size16);height: .6rem;color: #fff;cursor: pointer; border: 0;margin: 0 auto;display: block}
@media (min-width:1025px) {
    .Message .form-ul .row-2 li{float: left;width:calc(50% - 5px);}
    .Message .form-ul .row-2 li:nth-child(2n){float: right;}
}
@media (max-width:1024px) {
    .Message .form-ul{padding: .3rem;}
}







.subsidiary{padding: 1rem 0;}
.subsidiary .item{margin-top: .5rem}
.subsidiary .item .txt .tit{font-size:var(--font-size32);color: #000;padding-bottom: .3rem;font-family: 'hmm'}
.subsidiary .item .txt .tit::after{content: '';display: block;width: .5rem;height: .04rem;background: linear-gradient(-45deg, #00817b, #6eb92b);margin-top: .2rem;border-radius: .1rem}
.subsidiary .item .txt .desc{color: #333;line-height: 1.75}
.subsidiary .item .img figure{padding-bottom: 60%;background: #000;border-radius: .12rem;overflow: hidden;}
@media (min-width:1025px) {
    .subsidiary .item{display: flex;justify-content: space-between;align-items: center;}
    .subsidiary .item:nth-child(2n){flex-direction: row-reverse;}
    .subsidiary .item .txt{flex: 1;padding-right: 7%}
    .subsidiary .item:nth-child(2n) .txt{padding-right:0;padding-left: 7%;}
    .subsidiary .item .img{width: 50%;flex: 0 0 auto;}
}
@media (max-width:1024px){
    .subsidiary .item .img{margin-top: .2rem}
}




.member{padding: 1rem 0;}
.member .list{padding-top: .5rem;display: flex;flex-wrap: wrap;}
.member .list .item{width: 24%;margin-right: 1.33%;background: #fff;border-radius: .12rem;padding:.5rem .2rem;margin-bottom: .2rem}
.member .list .item:nth-child(4n){margin-right:0%}
.member .list .item .tit{font-size:var(--font-size18);color: #000;text-align: center}
.member .list .item .tit::before{content: '';display: block;width: .5rem;height: .04rem;background: linear-gradient(-45deg, #00817b, #6eb92b);margin:0 auto .2rem;border-radius: .1rem}
@media only screen and (max-width:640px){
    .member .list .item{width:49%;margin-right: 2%}
    .member .list .item:nth-child(2n){margin-right:0%}
}




.Product_list{padding: 1rem 0}
.Product_list ul{display: flex;flex-wrap: wrap;padding-top: .5rem}
.Product_list li{width: 32%;margin-right: 2%;margin-bottom: 4%}
.Product_list li:nth-child(3n){margin-right: 0;}
.Product_list li a{display: block;position: relative;}
.Product_list li a .pic{display: flex;justify-content: center;align-items: center;background: #fff;padding: .3rem 0;box-shadow: 0 3px 6px rgba(0,0,0,.1);border-radius: .12rem;overflow: hidden;transition: .3s}
.Product_list li a .pic img{width: 60%;transition: .3s}
.Product_list li a .pic video{width: 4.2rem;  height: 2.6rem; max-width: 100%; max-height: 100%;object-fit: fill; border-radius: .12rem;}
.Product_list li a .txt{font-size:var(--font-size20);color: #000;text-align: center;padding-top: .2rem}

.Product_list li a .pic:hover {background: linear-gradient(to right, rgba(110,185,43,.15), rgba(0,129,123,.65));}
.Product_list li a .pic:hover img{transform: scale(1.05);}
@media(max-width:1024px){
    .Product_list li{width: 49%;}
    .Product_list li:nth-child(3n){margin-right: 2%;}
    .Product_list li:nth-child(2n){margin-right: 0;}
    .Product_list li a .pic video{width: 1.8rem;  height: 1.1rem; }
}



.protop{padding:0.22rem 0 0.78rem;}

/*proinfo*/
#proinfo{text-align:center;}
#proinfo .figure{width:6rem;max-width:100%;margin:0 auto 0.35rem;}
#proinfo .figure:after{padding-bottom:66.66666667%;display:block;}
#proinfo .figure video{border: none;max-width: 100%;vertical-align: middle;}
#proinfo .title{color:#000;font-size:var(--font-size40);line-height:1.33333333em;margin-bottom:0.3rem;}
#proinfo .intro{color:#5c6b74;font-size:var(--font-size18);line-height:1.66666667em;margin-bottom:0.44rem;}
#proinfo .button{display: flex;justify-content: center;}
#proinfo .button .more{width: 1.6rem;height: .5rem;background: linear-gradient(-45deg, #00817b, #6eb92b);color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;border-radius: 36px}



/*protab*/
#protab{padding:0.6rem 0 0.7rem;margin-bottom:0.72rem;background: linear-gradient(to right, rgba(110,185,43,.15), rgba(0,129,123,.65));}
#protab ul{display: flex;justify-content: center;}
#protab li{border-bottom:1px solid rgba(0,23,4,0.2);color:#fff;margin-right:0.4rem;line-height:1.75em;cursor:pointer;}
#protab li:last-child{margin-right:0;}
#protab li:hover,
#protab .current{background: linear-gradient(-45deg, #00817b, #6eb92b);-webkit-background-clip: text;background-clip: text;color: transparent;border-bottom-color:#00817b;}

/*procont*/
#procont{padding-bottom:0.3rem;}
#procont .cont{display:none;}
#procont .pname{font-size:var(--font-size32);color:#001a28;line-height:1.125em;margin-bottom:0.35rem;}
#procont .entry{font-size:var(--font-size18);line-height:1.66666667em;color:#5c6b74; margin-bottom: 0.3rem;}
#procont .entry *{line-height:1.66666667em;}


.overview .entry h2{font-size:var(--font-size32);color:#001a28;line-height:1.125em;margin-bottom:0.35rem;}
.overview .cover {border-radius: 0.1rem;margin-bottom:0.76rem;}
.overview .list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.overview .list li{width:50%;padding-right:7.8125%;margin-bottom:0.62rem;}
.overview .list .name{color:#001a28;font-size:var(--font-size24);line-height:1.41666667em;margin-bottom:0.27rem;}
.overview .list .intro{color:#5c6b74;line-height:1.875em;}
@media only screen and (max-width:640px){
    .overview .list li{width:100%;padding-right:0;}
}



/*profeat*/
.profeat{margin-bottom:0.7rem;}
.profeat .table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.profeat table{table-layout:fixed;width:100%;color:#5c6b74;font-size:var(--font-size18);line-height:1.66666667em;text-align:center;min-width:640px;}
.profeat table td,
.profeat table tr{font-size:var(--font-size18);}
.profeat tr{border-radius:0.1rem;overflow:hidden;}
.profeat td{padding:0.2rem;border-right:2px solid #d7e6f3;}
.profeat td:last-child{border-right:none;}


.SearchList ul li{line-height: 0.8rem;border-bottom:1px dashed #eee;}
.SearchList ul li a{display: block;padding-right:1rem;position: relative;padding-left:0.2rem;}
.SearchList ul li .tit{font-size: 0.2rem;}
.SearchList ul li span{color:#999;position: absolute;right:0;top:0;}
.SearchList ul li a::before{content:'';display: block;width:0.06rem;height:0.06rem;border-radius: 50%;background: linear-gradient(to left, #00817b, #6eb92b);position: absolute;left:0;top:50%;margin-top:-0.04rem;}

@media(max-width:640px){
    .SearchList ul li{line-height: 0.6rem;}
    .SearchList ul li .tit{font-size: 0.18rem;}
    .News{padding:0.6rem 0;}
}