html, body, input {font-family: 'HarmonyOS Sans SC', Sans-Serif;color:#666;}
body {background-color: #ececea;}
body.show {height: 100vh;overflow: hidden;}
h1,h2,h3,h4,h5,p {margin: 0;}
a, a:active, a:hover {color: #666}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
select {  -webkit-appearance: none;-moz-appearance: none;appearance: none;color:#000;background-color: #fff;}

.auto-1600 {max-width: 1600px;margin: 0 auto;}
.auto-1400 {max-width: 1400px;margin: 0 auto;}
.auto-1280 {max-width: 1280px;margin: 0 auto;}
.auto-960 {max-width: 960px;margin: 0 auto;}
.auto-900 {max-width: 900px;margin: 0 auto;}
@media (min-width: 1921px) {
    .auto-1400 {max-width: 14rem;}
    .auto-1600 {max-width: 16rem;}
}
@media (max-width: 1600px) {
    .auto-1600 {max-width: 86%;}
}
@media (max-width: 1440px) {
    .auto-1400 {max-width: 86%;}
    .auto-1280 {max-width: 90%;}
}
@media (max-width: 1280px) {
    .auto-1280 {max-width: 90%;}
}
@media (max-width: 640px) {
    .auto-1600 {max-width: 100%;padding: 0 15px;}
    .auto-1400 {max-width: 100%;padding: 0 15px;}
    .auto-960  {max-width: 100%;padding: 0 15px;}
    .auto-900  {max-width: 100%;padding: 0 15px;}
}
.bgf1ede9 {background-color: #f1ede9;}
.mt60 {margin-top: .6rem;}
.mt80 {margin-top: .8rem;}
@media (max-width: 1024px) {
    .mt60 {margin-top: 8%;}
    .mt80 {margin-top: 10%;}
}

body ::-webkit-scrollbar {width: 3px;height: 3px;background-color: #eeeeee;border-radius: 30px;}
body ::-webkit-scrollbar-button {display: none;}
body ::-webkit-scrollbar-track {border-radius: 2px;}
body ::-webkit-scrollbar-thumb {background: #00dcb1;border-radius: 30px;}
body ::-webkit-scrollbar-thumb:hover {background: #999;}
.swiper-pagination {position: relative;display: flex;justify-content: center;bottom: 0!important;padding: 0.5rem 0 0;}
.swiper-pagination .swiper-pagination-bullet {width: 0.16rem;height: 0.16rem;margin: 0 0.04rem;border-radius: 50%;background-color: #d8d5d1;}
.swiper-pagination .swiper-pagination-bullet-active {background-color: #000;}
@media (max-width: 1024px) {
    body ::-webkit-scrollbar {width: 4px;height: 4px;}
    .swiper-pagination {text-align:center;}
    .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;margin: 0 3px;}
    .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
}

/*Top*/
#Top{position: absolute; width: 100%;padding: 0.2rem 0; z-index:100; transition: 0.5s;}
#Top .auto{ padding: 0 0.8rem;}
#Top .top-language {position: relative;margin-left: 0.4rem; }
#Top .top-language span {width: 0.2rem;height:0.2rem;background:url(../images/icon_lang.png) no-repeat center/0.2rem; display:block;}
#Top .top-language .drop {position: absolute;top:100%;left:50%;width: 0.6rem; transform:translateX(-50%);display: none;}
#Top .top-language a{ display: block;line-height: 0.3rem;width: 100%;margin-top:0.1rem;font-size: 14px;color: #fff; text-align: center;white-space: nowrap;border-radius: 50px;background: rgba(255,255,255,0.1);transition: .3s;}
#Top .top-language a:hover{ text-decoration: underline;}

#Top .header {}
#Top .header-left { display:flex;align-items: center;}
#Top .header-left .logo img{width: 1.2rem;transition: 0.5s;}
#Top .header-left .logo .red {display: none;}
#Top .header-right{ display:flex;align-items: center;}
#Top .header-menu li{ width:auto !important;}
#Top .header-menu li em{ position:relative;}
#Top .header-menu li em a{ position:relative;padding:0.2rem 0.38rem;color:#fff;}
#Top .header-menu li:hover em a {color: #00dcb1;}

#Top .header-menu li .sub {border-radius: 0.1rem;background-color: #fff;}
#Top .header-menu li .sub-menu dl {}
#Top .header-menu li .sub-menu dt a{line-height: 0.6rem;color:#666;}
#Top .header-menu li .sub-menu dt a:hover{ color:#fff;background-color: #00dcb1;}

#Top .top-search{position: relative;margin-left: 0.2rem;}
#Top .open-search{position: relative;width: 0.2rem; height: 0.2rem;background: url("../images/icon_search.png") no-repeat center/contain;display: block; cursor: pointer;}
#Top .open-search::before ,
#Top .open-search::after {content:'';position: absolute;width: 100%;height: 2px;left:0;top: 50%;margin-top:-1px;background-color: #fff;opacity: 0;transition: 0.3s;}
#Top .top-search .box{position: absolute; top: calc(100% + 0.2rem);right: 0;border: 1px solid #eee;background: #fff; width: 3rem;display: none;}
#Top .top-search .box .text{width: 100%; height: 0.4rem;line-height: 0.4rem;padding: 0 0.1rem;background: none;border: 0;}
#Top .top-search .box .btn{position: absolute; width: 0.4rem; height: 100%;background:url("../images/icon_search.png") no-repeat center/0.2rem #00dbb1;top: 0;right: 0; }
#Top .top-search-show .box{display: block;}
#Top .top-search-show .open-search {background: none;}
#Top .top-search-show .open-search::before {opacity: 1;transform: rotate(45deg);}
#Top .top-search-show .open-search::after {opacity: 1;transform: rotate(-45deg)}

.black #Top {border-bottom: 1px solid #d5d5d5;}
.black #Top .header-left .logo img {display: none;}
.black #Top .header-left .logo .red {display: block;}
.black #Top .header-menu li em a {color:#000;}
.black #Top .open-search {background-image: url("../images/icon_search_b.png")}
.black #Top .top-search-show .open-search {background: none;}
.black #Top .open-search::before,
.black #Top .open-search::after {background-color: #000;}
.black #Top .top-language span {background-image: url("../images/icon_lang_b.png")}
.black #Top .top-language a {background-color: #000;}
@media(min-width:1025px){
    /*#Top .header-menu {transform: scale(0);transform-origin: right center;opacity: 0;transition: 0.5s;}
    #Top.menu-show .header-menu {transform: scale(1);opacity: 1;}*/
    #Top .header-mid {display: flex;align-items:center;}
    #Top .header-menu li .sub {left: 50%;transform:translateX(-50%);width: 2.3rem;text-align: center;}
}
@media(max-width:1760px){
    #Top .auto {padding:0 2%;}
    #Top .header-menu li em {padding: 0 .12rem;}
}
@media(max-width:1024px){
    #Top {position: fixed;top: 0;left: 0;width: 100%;padding: 0.2rem 0;transition: 0.5s;}
    #Top.show,
    #Top.onScroll {background-color: #000;}
    #Top .auto {padding:0 4%;align-items: center;}

    #Top .header {align-items: center;}
    #Top .header-left .logo img {width: 1.4rem;}
    #Top .header-right dl {}

    #Top .open-search {width: 0.36rem;height: 0.36rem;margin-right: 0.2rem;}
    #Top .top-language {margin-left: 0;margin-right: 0.2rem;}
    #Top .top-language span {width: 0.4rem;height:0.4rem;background-size: 0.4rem;}
    #Top .top-language .drop {width: 1rem;}
    #Top .top-language a{line-height: 0.56rem;font-size: 0.24rem;background-color: #333;}

    #Top #open_menu{ width:.34rem; height:0.7rem; position:relative;}
    #Top #open_menu i::before,
    #Top #open_menu i::after,
    #Top #open_menu i{width:100%;  background:#fff;}
    #Top #open_menu i{height:2px;margin-top:-.015rem;}
    .black #Top #open_menu i::before,
    .black #Top #open_menu i::after,
    .black #Top #open_menu i{background:#000;}

    #Top #header-menu{ position:absolute; width:100%; top:100%; right:0;height: calc(100vh - 1rem); overflow-y: auto; z-index:100; text-align:center; background: #f9f9f9; transform: translateX(100%);transition: .5s;}
    #Top #header-menu .sub-menu { max-width: 88%;margin:0 auto;}
    #Top #header-menu ul { padding: 4vw 0;}
    #Top #header-menu li {margin-bottom: .2rem;}
    #Top #header-menu li em {border-bottom: 0;padding:0 25px;}
    #Top #header-menu li em a{ padding:0;border-bottom: 0;color:#000;font-weight: bold; position: relative;text-align: left;font-size: .24rem;line-height: 12vw; border-bottom: 1px solid #e8e8e8;}
    #Top #header-menu li.has-sub em a::after { position: absolute;content:'';  width: 10px;  height: 6px;top:50%;right:0; margin-top: -3px;background:url("../images/arrow_down.png") no-repeat right center/contain;transition: .3s;} {position: relative;border-bottom: 0;padding:0 25px;}
    #Top #header-menu li.has-sub.clickon em a::after  { transform: rotate(180deg);}
    #Top #header-menu li .sub-menu img { display: none;}
    #Top #header-menu li .sub-menu dl { padding: 2.66vw 3% 0;}
    #Top #header-menu li .sub-menu dt a{ line-height: 12vw;font-size: .24rem;color:#333;border-bottom: 1px solid #e8e8e8;text-align: left;}
    #Top #header-menu li:last-child em a,
    #Top #header-menu li:last-child em{ border-bottom:0;}
    #Top #header-menu.header-menu-show {transform: translateX(0)}

    #Top .top-search {position: static;}
    #Top .top-search .box {top: 100%;left: 0;width: 100%;padding: 0.2rem;background: #fff;}
    #Top .top-search .box .text {width: calc(100% - 0.8rem); border: 1px solid #eee;line-height: 0.6rem;height: auto;;}
    #Top .top-search .box .btn {width: 0.8rem;height: 0.62rem;right: 3%;top: 0.2rem;background-size: 0.3rem;}

    .black #Top.onScroll .open-search,
    .black #Top.show .open-search {background-image: url("../images/icon_search.png");}
    .black #Top .top-search-show .open-search {background: none;}
    .black #Top.show .open-search::before,
    .black #Top.onScroll .open-search::before,
    .black #Top.show .open-search::after,
    .black #Top.onScroll .open-search::after {background-color: #fff;}
    .black #Top.show .top-language span,
    .black #Top.onScroll .top-language span {background-image: url("../images/icon_lang.png");}
    .black #Top.show #open_menu i::before,
    .black #Top.onScroll #open_menu i::before,
    .black #Top.show #open_menu i::after,
    .black #Top.onScroll #open_menu i::after,
    .black #Top.show #open_menu i,
    .black #Top.onScroll #open_menu i{background:#fff;}
}

/*HomeBanner*/
.HomeBanner {position:relative;height:100%;}
.HomeBanner .swiper {position: relative;}
.HomeBanner .swiper-slide {height:100%;}
/*.HomeBanner .swiper-slide::after {content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 9;}*/
.HomeBanner .swiper-slide img {display:block;width:100%;}
.HomeBanner .txt {position:absolute;left:0;top:0;z-index:11;width:100%;height:100%;padding-top:1.9rem;color:#fff;text-align: center;}
.HomeBanner .txt .title1 {font-size:0.24rem;margin-bottom:0.2rem;font-weight: 300;}
.HomeBanner .txt .title2 {font-size:0.6rem;margin-bottom:0.5rem;line-height:1;}

.HomeBanner .swiper-pagination {position:absolute;max-width:12.8rem;width: 100%;left:50%;bottom: 6% !important;transform:translateX(-50%);text-align:center;z-index:10;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet {position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 0.25rem;border-radius:30px;background-color: #fff;transition: 0.3s;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet::after {content:'';position: absolute;width: 0.3rem;height: 0.3rem;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;}

.HomeBanner .swiper-pagination svg {position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;transform:translate(-50%,-50%) rotate(-90deg);border-radius:50%;}
.HomeBanner .swiper-pagination circle {stroke-dasharray: 100;stroke-dashoffset: 100;cx: 15px;cy: 15px;r: 15px;}
.HomeBanner .swiper-pagination .circle_g {stroke-dasharray: 0;stroke-dashoffset: 100;cx: 15px;cy: 15px;r: 15px;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet-active svg {opacity: 1;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet.on .circle {-webkit-animation: 4s svgcircle linear;animation: 4s svgcircle linear;}
@-webkit-keyframes svgcircle {
    0% {stroke-dashoffset: 100;}
    100% {stroke-dashoffset: 0;}
}
@keyframes svgcircle {
    0% {stroke-dashoffset: 100;}
    100% {stroke-dashoffset: 0;}
}

@media (min-width:1025px) {
    .HomeBanner .swiper-slide .pc {height:9.6rem;}
    .HomeBanner .swiper-slide .wap {display:none;}
}
@media (max-width:1024px) {
    .HomeBanner a {position: relative;display: block;width: 100%;height: 100%;}
    .HomeBanner a::after {position: absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);z-index: 10;}
    .HomeBanner .pic {position: relative;z-index: 9;}
    .HomeBanner .txt {height:auto;padding-top:0;top:50%;transform:translateY(-50%)}
    .HomeBanner .txt .title1 {font-size:0.24rem;line-height: 1.8;font-weight: 400;}
    .HomeBanner .txt .title2 {font-size:0.3rem;}

    .HomeBanner .slick-dots {width:88%;bottom:4%;}
    .HomeBanner .swiper-pagination {max-width: 90%;text-align: center;bottom: 0;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet::after {width: 0.4rem;height: 0.4rem;}
}

/*homeTit*/
.homeTit span {display: inline-block;position: relative;padding-bottom: 0.3rem;line-height: 1;font-size: 0.4rem;font-weight: 700;}
.homeSubtit {font-size: 0.18rem;line-height: 1.875;opacity: 0.5;}
.tac {text-align: center;}
@media (max-width: 1024px) {
    .homeTit {}
    .homeTit span {}
    .homeTit span::after {width: 0.7rem;height: 3px;}
    .homeSubtit {font-size: 0.24rem;line-height: 1.6}
}

/*imgBox*/
.imgBox {position: relative;overflow: hidden;}
.imgBox img {height: 100%;width: 100%;transition: 0.5s; object-fit: cover;object-position: 50% 50%;}
.imgBox:hover img {transform: scale(1.08)}

/*homeMore*/
.homeMore {display: inline-flex;align-items: center;padding-bottom:0.05rem;}
.homeMore span,
.homeMore a {display: inline-flex;align-items:center;line-height: 0.6rem;padding: 0 0.35rem;color:#fff;border:1px solid #fff;border-radius:50px;transition: 0.3s;}
.homeMore span.green,
.homeMore a.green {border-color:#00dcb1;background-color: #00dcb1;}
.homeMore span::after ,
.homeMore a::after {content:'';position:relative;width: 0.14rem;height: 0.14rem;margin-left: 0.24rem;background:url(../images/homeMore_icon.png) no-repeat center/contain;transition: 0.3s;}
.homeMore span i::after ,
.homeMore a i::after {content:'';position: absolute;top:50%;left:50%;width: 0.1rem;height: 0.1rem;margin-left: -0.06rem;border-top:2px solid #000;border-right: 2px solid #000;transform: translateY(-50%) rotate(45deg);}
.homeMore span.green,
.homeMore a.green {color:#fff;}
.homeMore span.green i,
.homeMore a.green i {border-color:#fff;}
.homeMore span.green i::after ,
.homeMore a.green i::after {border-top:2px solid #fff;border-right: 2px solid #fff}
.homeMore span:hover,
.homeMore a:hover {border-color: #00dcb1;background-color: #00dcb1;}
.homeMore span.green:hover,
.homeMore a.green:hover {border-color: #00b18e;background-color: #00b18e;}
@media (max-width: 1024px) {
    .homeMore {justify-content: center;width: 100%;}
    .homeMore a,
    .homeMore span {font-size: 0.24rem;line-height: 0.7rem;padding: 0 0.6rem}
    .homeMore span::after,
    .homeMore a::after {width: 0.2rem;height: 0.2rem;}

}

.HomeBG {padding: 1.5rem 0 1.2rem;background: url("../images/homg_bg.jpg") no-repeat top center #000;}

/*HomeAbout*/
.HomeAbout {position: relative;margin-bottom: 1.2rem;}
.HomeAbout > div {position: relative;z-index: 10;}
.HomeAbout .pic {border-radius: 0.2rem;}
.HomeAbout .pic figure {padding-bottom: 125%;}
.HomeAbout .text {color:#fff;}
.HomeAbout .text .subTit {margin-bottom: 0.3rem;font-size: 0.24rem;}
.HomeAbout .text .desc {margin-bottom: 0.5rem;opacity: 0.5; }
.HomeAbout .text .numBox {margin-bottom: 0.7rem;}
.HomeAbout .text .numBox .num {font-size: 0.72rem;}
.HomeAbout .text .numBox .name {opacity: 0.5;}
.HomeAbout #particles {position: absolute;bottom:0;left:0;height: 300px;opacity: 0.3;z-index: 1;overflow: hidden;}
/*.HomeAbout #particles #banner-canvas {height:200px!important;}*/

/*HomeSolution*/
.HomeSolution {position: relative;padding: 0.6rem 0 1.2rem;z-index: 10;}
.HomeSolution li {padding-bottom: 0.6rem;margin-bottom: 0.6rem;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.HomeSolution .text {position: relative;padding-left: 1.1rem;color: #fff;}
.HomeSolution .text .icon {position: absolute;width: 0.6rem;height: 0.5rem;top:0;left:0;}
.HomeSolution .text h4 {margin-bottom: 0.3rem;font-size: 0.4rem;}
.HomeSolution .text .desc {margin-bottom: 1.2rem;opacity: 0.5;}
.HomeSolution .pic {border-radius: 0.2rem;}
.HomeSolution .pic figure{height: 100%;}

/*HomeProduct*/
.HomeProduct .container {border-radius: 0.2rem;background-color: rgba(7, 16, 6, 0.5);color:#fff;}
.HomeProduct .homeTit {margin-bottom: 0.25rem;}
.HomeProduct .hd li {cursor: pointer;}
.HomeProduct .bd {overflow: hidden;}
.HomeProduct .bd .content {display: flex;align-items: center;margin-bottom: 0.5rem;padding-bottom: 0.6rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.HomeProduct .bd .content .text h4 {margin-bottom: 0.2rem;font-size: 0.3rem;font-weight: 400;}
.HomeProduct .bd .content .text .desc {margin-bottom: 0.3rem;line-height: 2;opacity: 0.5;}
.HomeProduct .bd .content .text .homeMore a {border:0;padding: 0;}
.HomeProduct .bd .content .text .homeMore a:hover {color:#00dcb1;background-color: transparent;}
.HomeProduct .bd .content .text .homeMore a:hover::after {background-image: url("../images/homeMore_icon_g.png")}
.HomeProduct .bd ul {display: flex; flex-wrap: nowrap;overflow: hidden;}
.HomeProduct .bd ul li {flex-shrink: 0;width: 17.2%;transform: translateY(0.7rem);opacity: 0.5;transition: 0.3s;cursor: pointer;}
.HomeProduct .bd ul li:not(:last-child) {margin-right: 8%;}
.HomeProduct .bd ul li h4 {margin-bottom: 0.2rem;font-size: 0.2rem;}
.HomeProduct .bd ul li .desc {display: none;}
.HomeProduct .bd ul li .img {height: 1.25rem;}
.HomeProduct .bd ul li.on {transform: translateY(0);opacity: 1;}

/*HomeNews*/
.HomeNews {color:#fff;}
.HomeNews .HomeNews-top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.6rem;}
.HomeNews .HomeNews-top .left {max-width: 70%;}
.HomeNews .HomeNews-top .homeMore a {line-height: 0.5rem;}
.HomeNews .list li {padding-bottom: 0.6rem;margin-bottom: 0.6rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);transition: 0.5s;}
.HomeNews .list li:last-child {margin-bottom: 0;}
.HomeNews .list a {color:#fff;}
.HomeNews .list a .pic {border-radius: 0.2rem;}
.HomeNews .list a .pic figure {padding-bottom: 62.5%;}
.HomeNews .list a .text .tag {display: inline-block;line-height:0.2rem;padding: 0 0.1rem;font-size: 12px;border-radius: 50px;background-color: #00dcb1;}
.HomeNews .list a .text h4 {font-size: 0.3rem;}
.HomeNews .list a .text .desc {margin-bottom: 0.2rem;}
.HomeNews .list a .text .time {display: flex;justify-content: space-between;align-items: center;}
.HomeNews .list a .text em {padding-left: 0.28rem;line-height: 0.2rem;font-size: 0.14rem;font-style: normal;background: url("../images/icon_time.png") no-repeat left center/contain;}
.HomeNews .list a .text .homeMore span {border:0;line-height: 0.2rem;}
.HomeNews .list a .text .homeMore span:hover {background: none;}
.HomeNews .list a .text .homeMore span:hover {color:#00dcb1;background-color: transparent;}
.HomeNews .list a .text .homeMore span:hover::after {background-image: url("../images/homeMore_icon_g.png")}
@media (min-width: 1025px) {
    .HomeAbout {}
    .HomeAbout > div {display: flex;align-items: center;}
    .HomeAbout .text {width: 70%;padding-left: 1.5rem;}
    .HomeAbout .text .desc {font-size: 0.18rem;line-height: 2;}
    .HomeAbout .text .numBox {display: flex;}
    .HomeAbout .text .numBox .item:not(:last-child) {margin-right: 14.58%;}
    .HomeAbout .text .numBox .item {max-width: 23.6%;}
    .HomeAbout .pic {width: 30%;}

    .HomeSolution a {display: flex;justify-content: space-between;align-items: center;}
    .HomeSolution .text {width: 41.875%;}
    .HomeSolution .text .icon img {filter: brightness(0) invert(1)}
    .HomeSolution .text .content {max-height: 0.36rem;overflow: hidden;transition: 0.8s;}
    .HomeSolution .text .desc {line-height: 2;transition: 1s;}
    .HomeSolution .pic {width: 50%;height: 1.6rem;transition: 0.8s;}
    .HomeSolution a:hover .text .icon img {filter: brightness(1);}
    .HomeSolution a:hover .text .content {max-height: 4rem;}
    .HomeSolution a:hover .text .desc {font-size: 0.18rem;}
    .HomeSolution a:hover .pic {height: 5.5rem;}

    .HomeProduct {margin-bottom: 0.3rem;}
    .HomeProduct .container {display: flex;padding: 0.8rem;}
    .HomeProduct .hd {width: 25.2%;border-right: 1px solid rgba(255, 255, 255, 0.1);}
    .HomeProduct .hd li {position: relative;width: 68%;margin-bottom: 0.6rem;font-size: 0.24rem;opacity: 0.5;transition: 0.3s;}
    .HomeProduct .hd li::after {content:'';position: absolute;width: 0;height: 1px;bottom:0;left:0;background-color:#00dcb1;transition: 1s;}
    .HomeProduct .hd li i {position: absolute;bottom:-0.08rem;left:0;width:0.16rem;height:0.16rem;border:1px solid #00dcb1;border-radius: 50%;overflow: hidden;opacity: 0;transition: 1s;}
    .HomeProduct .hd li i::after {content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 50%;height: 50%;border-radius:50%;background-color: #00dcb1;}
    .HomeProduct .hd li.on {padding-bottom: 0.1rem;font-size: 0.3rem;font-weight: bold;opacity: 1;}
    .HomeProduct .hd li.on::after {width:calc(100% - 0.16rem);}
    .HomeProduct .hd li.on i {left:calc(100% - 0.16rem);opacity: 1;}
    .HomeProduct .bd {width: 74.8%;padding-left: 1rem;}
    .HomeProduct .bd .content .text {width: 62.7%;padding-right: 1rem;}
    .HomeProduct .bd .content .imgBox {width: 37.3%;max-height: 2.8rem;}

    .HomeNews .list a {display: flex;align-items: center;}
    .HomeNews .list a .pic {width: 0;transition: 0.5s;transform-origin: left center;}
    .HomeNews .list a .pic figure {padding-bottom: 0;height: 2rem;}
    .HomeNews .list a .text {position: relative;width: 100%;padding-left: 0.7rem;opacity: 0.5;transition: 0.5s;}
    .HomeNews .list a .text::before {content:'';position: absolute;top: 0.16rem;left:0;width: 0.1rem;height: 0.1rem;border-radius:2px;background-color:#00dcb1;transition: 0.5s;}
    .HomeNews .list a .text::before {content:'';position: absolute;top: 0.16rem;left:0;width: 0.1rem;height: 0.1rem;border-radius:2px;background-color:#00dcb1;transition: 0.5s;}
    .HomeNews .list a .text .tag {position: absolute;top:0.1rem;left: 0.4rem;opacity: 0;visibility: hidden;transition: 0.5s;}
    .HomeNews .list a .text h4 {margin-bottom: 0.15rem;font-size: 0.3rem;padding-right: 1.2rem;font-weight: 400;}
    .HomeNews .list a .text .desc {line-height: 1.875;opacity: 0.5;padding-right: 1.2rem;}
    .HomeNews .list li.on {border-color: rgba(255, 255, 255, 0.2)}
    .HomeNews .list li.on a .pic {width: 20%;}
    .HomeNews .list li.on a .text {width: 80%;padding-left: 1.2rem;opacity: 1;}
    .HomeNews .list li.on a .text::before {opacity: 0;}
    .HomeNews .list li.on a .text .tag {opacity: 1;visibility: visible;}
}
@media (max-width: 1024px) {
    .HomeBG {padding: 0.5rem 0;}
    .HomeAbout {margin-top: 0.1rem;margin-bottom: 0.2rem;}
    .HomeAbout .content {padding: 0.4rem;}
    .HomeAbout .pic {margin-bottom: 0.4rem;}
    .HomeAbout .pic figure {padding-bottom: 68%;}
    .HomeAbout .text {margin-bottom: 0.4rem;}
    .HomeAbout .text .desc {margin-bottom: 0.2rem;}
    .HomeAbout .text .numBox {display: flex;justify-content: space-between;}
    .HomeAbout .text .numBox .num {font-size: 0.5rem;}
    .HomeAbout .homeMore {justify-content: center;}

    .HomeSolution {padding: 0.3rem;}
    .HomeSolution .text {padding-left: 0;margin-bottom: 0.4rem;}
    .HomeSolution .text .icon {position: relative;margin-bottom: 0.2rem;width: 0.7rem;height: 0.6rem;}
    .HomeSolution .text h4 {font-size: 0.3rem;}
    .HomeSolution .text .desc {margin-bottom: 0.4rem;}
    .HomeSolution .pic {height: 4.5rem;}

    .HomeProduct {margin-bottom: 1rem;}
    .HomeProduct .hd {margin-bottom: 0.4rem;}
    .HomeProduct .hd ul {display: flex;justify-content: space-around;overflow-x: auto;}
    .HomeProduct .hd ul li {flex-shrink:0;padding-bottom: 0.2rem;margin: 0 0.1rem 0.2rem;font-size: 0.26rem;border-bottom: 2px solid transparent;}
    .HomeProduct .hd ul li.on {border-color:#00dcb1;}
    .HomeProduct .bd .content {flex-wrap: wrap;}
    .HomeProduct .bd .content .text {margin-bottom: 0.4rem;}
    .HomeProduct .bd .content .imgBox {width: 60%;margin: auto;}
    .HomeProduct .bd ul {overflow-x: auto;}
    .HomeProduct .bd ul li {flex-shrink: 0;width: 33%;}
    .HomeProduct .bd ul li h4 {font-size: 0.26rem;}
    .HomeProduct .bd ul li .img {height: 1.75rem;}

    .HomeNews .HomeNews-top .left {width: 60%;}
    .HomeNews .HomeNews-top .homeMore {width: 30%;}
    .HomeNews .HomeNews-top .homeMore a {line-height: 0.7rem;padding: 0;background: none;border:0;}
    .HomeNews .list a .pic {margin-bottom: 0.4rem;}
    .HomeNews .list a .text .tag {line-height: 0.4rem;padding: 0 0.4rem;margin-bottom: 0.2rem;}
    .HomeNews .list a .text h4 {margin-bottom: 0.2rem;}
    .HomeNews .list a .text .desc {margin-bottom: 0.4rem;}
    .HomeNews .list a .text em {font-size: 0.24rem;line-height:0.3rem;padding-left: 0.4rem;}
    .HomeNews .list a .text .homeMore {justify-content: flex-end;}
}

/*innerBanner*/
.innerBanner {position: relative;}
.innerBanner .container {position: relative;}
.innerBanner .wap {display: none;}
.innerBanner .text {position: absolute;width: 100%;top: 1.8rem;left: 50%;transform: translateX(-50%);color: #fff;text-align:center;z-index: 10;}
.innerBanner .text .tit {font-size: 0.6rem;}
.innerBanner .text .subTit {margin-top: 0.05rem;font-size: 0.24rem;}
.innerBanner .text .subTit2 {margin-top: 0.05rem;font-size: 0.2rem;line-height: 1.8;}

@media (max-width: 1024px) {
    .innerBanner::after {content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 9;}
    .innerBanner .pc {display: none;}
    .innerBanner .wap {display: block;}
    .innerBanner .wap img {width: 100%;max-width: none;}
    .innerBanner .text {top:2.1rem;transform: translate(-50%, -50%);}
    .innerBanner .text .tit {font-size: .4rem;}
    .innerBanner .text .subTit {font-size: .26rem;}
    .innerBanner .text .subTit2 {font-size: 0.24rem;}
}

/*Location*/
.Location {padding: 0.3rem 0 0.5rem;color: #000;font-size: 14px;}
.Location em {padding-left: 2%;font-style: normal;background: url("../images/icon_location.png") no-repeat left center/0.18rem;}
.Location a {padding: 0 3px;color: #000;}
.Location a:hover {color: #00dcb1;}
.Location span {padding: 0 3px;color: #666;}
@media (min-width: 1025px) {

}
@media (max-width: 1024px) {
    .Location {padding: 0.4rem 0 0.3rem;}
    .Location em {padding-left: 4%;background-size: 0.28rem;}
}

/*Menu*/
#Menu {}
#Menu ul {display: flex;flex-wrap: wrap;}
#Menu ul li {}
#Menu ul li a {display: block;border-radius:0.1rem;padding:0.18rem 0.1rem;text-align: center;transition: 0.3s;background-color: #f5f5f5;}
#Menu ul li.on a {color:#fff;font-weight: 700;background-color: #60142c;}
#Menu .subMenu {display: flex;flex-wrap: wrap;padding-top: 20px;}
#Menu .subMenu dd {}
#Menu .subMenu dd a {display: block;border-radius:0.1rem;padding:0.12rem 0.1rem;text-align: center;font-size: 14px;border:1px solid #eee;transition: 0.3s;}
#Menu .subMenu dd.on a{color:#60142c;border-color: #60142c;}
@media (min-width: 1025px) {
    #Menu ul li {width: 18.75%;}
    #Menu ul li:not(:nth-child(5n)) {margin-right: 1.56%;}
    #Menu ul li:nth-child(5) ~ li {margin-top: 1.56%;}
    #Menu ul li a .icon {display: none;}
    #Menu ul li:hover a {color:#fff;font-weight: 700;background-color: #60142c;}
    #Menu .subMenu dd {width: 12.5%;}
    #Menu .subMenu dd:not(:nth-child(7n)) {margin-right: 0.7%;}
    #Menu .subMenu dd:nth-child(7) ~ dd {margin-top: 0.7%;}
    #Menu .subMenu dd:hover a {color:#60142c;border-color: #60142c;}
}
@media (max-width: 1024px) {
    #Menu ul {flex-wrap: nowrap;justify-content:normal;overflow-x: auto;padding-bottom: 0.3rem;}
    #Menu ul li {flex-shrink:0;width: 43%;margin-right: 0.2rem;}
    #Menu ul li a {padding-left:0.2rem;padding-right:0.2rem;font-weight: 700;}
    #Menu ul li a .icon {display: inline-block;width: 0.7rem;height: 0.52rem;margin: 0.2rem 0;}
    #Menu ul li a .icon img {width: 100%;height: 100%;object-fit: cover;}
    #Menu ul li.on a .icon img {filter: brightness(0) invert(1)}
    #Menu .subMenu {flex-wrap: nowrap;justify-content:normal;padding-bottom: 0.3rem;overflow-x: auto;}
    #Menu .subMenu dd {flex-shrink:0;}
    #Menu .subMenu dd:not(:last-child) {margin-right: 0.2rem;}
    #Menu .subMenu dd a {padding: 0.1rem 0.3rem;font-size: 0.24rem;}
}

/*innerTitle*/
.innerTitle {position: relative;margin-bottom: 0.2rem;line-height: 1.5;font-size: 0.4rem;font-weight: 700;color: #000;}
.innerTitle.tac {text-align: center;}
.innerTitle_desc {font-size: 0.24rem;color:#000;}
.innerSubtitle {position: relative;margin-bottom: 0.3rem;line-height: 1;font-size: 0.24rem;font-weight: 700;}
.innerSubtitle.tac {text-align: center;}
.innerSubtitle_desc {font-size: 14px;}
.innerSubtitle_desc.tac {text-align: center;}
@media (max-width: 1024px) {
    .innerTitle {font-size: .4rem;line-height: 1.5;}
    .innerTitle_desc {font-size: 0.24rem;}
    .innerSubtitle {font-size: .32rem;}
}

/*inner-nav*/
.inner-nav {margin-top: 0.5rem;}
.inner-nav h4 {margin-bottom: 0.3rem;font-size: 0.24rem;}
.inner-nav ul {display: flex;justify-content:center;overflow-x: auto;}
.inner-nav li:not(:last-child) {margin-right: 0.2rem;}
.inner-nav li {flex-shrink: 0;}
.inner-nav li a {display: flex;align-items: center;justify-content:center;padding: 0 0.3rem;line-height: 0.5rem;color:#000;border-radius: 30px;background-color: #fff;transition: 0.1s;}
.inner-nav li.on a,
.inner-nav li a:hover {color: #fff;background-color: #00dcb1;}
@media (min-width: 1025px) {
}
@media (max-width: 1024px) {
    .inner-nav {margin-bottom: 0.4rem;}
    .inner-nav h4 {font-size: 0.3rem;}
    .inner-nav ul {justify-content: space-evenly;}
    .inner-nav li:not(:last-child) {margin-right: 0;}
    .inner-nav li a {line-height: 0.7rem;}
    .inner-nav li a::before {display: none;}
}

/*Footer*/
#Footer{background: #e4e4e4;}
#Footer .auto {max-width: 17.6rem;width: 94%;margin: 0 auto;}
#Footer .top {display: flex;justify-content:space-between;align-items:center;padding: 0.4rem;border-bottom: 1px solid #cccccc;}
#Footer .top .logo {max-width: 1.2rem;}
#Footer .top .goTop {align-items: center;cursor: pointer;color:#666;}
#Footer .top .goTop i {width:0.5rem;height:0.5rem;margin-left: 0.2rem;border-radius:50%;background: url("../images/icon_gotop.png") no-repeat center/0.2rem #000;transition: 0.3s;}
#Footer .top .goTop:hover i {background-color: #00dcb1;}
#Footer .mid {padding: 0.7rem 0;}
#Footer .mid ul li {}
#Footer .mid ul li a {display: flex;align-items:center;padding: 0.4rem;border:1px solid #ccc;border-radius: 0.2rem;transition: 0.3s;}
#Footer .mid ul li .icon {width: 11.4%;height: 0.51rem;}
#Footer .mid ul li .text {width: 88.6%;padding-left: 0.55rem;}
#Footer .mid ul li .text i {display: block;margin-bottom: 0.1rem;font-style: normal;font-size: 0.18rem;color: #000;}
#Footer .mid ul li .text span {font-size: 0.14rem;}
#Footer .bottom {padding-bottom: 0.8rem;border-bottom: 1px solid #cccccc;}
#Footer .bottom .footerNav dt a {color: #000;}
#Footer .bottom .footerNav dd {margin-bottom: 0.1rem;}
#Footer .bottom .footerNav dt a:hover,
#Footer .bottom .footerNav dd a:hover {color: #00dcb1;}
#Footer .bottom .right .name {line-height:1;margin-bottom: 0.2rem;color:#000;}
#Footer .bottom .right .share {margin-bottom: 0.4rem;}
#Footer .bottom .right .share a {display: inline-block;width: 0.4rem;height: 0.4rem;margin-right: 0.23rem;border-radius: 50%;background-repeat:no-repeat;background-position:center;background-size:0.2rem;background-color: #aaaaaa;transition: 0.3s;}
#Footer .bottom .right .share a.wechat {background-image: url("../images/icon_wechat.png")}
#Footer .bottom .right .share a.weibo {background-image: url("../images/icon_weibo.png")}
#Footer .bottom .right .share a.qq {background-image: url("../images/icon_qq.png")}
#Footer .bottom .right .share a:hover {background-color: #00dcb1;}
#Footer .bottom .right .tel {margin-bottom: 0.4rem;font-size: 0.3rem;line-height:1;}
#Footer .bottom .right .add {font-size: 0.2rem;line-height:1;}
#Footer .copyright {padding: 0.4rem 0;}
#Footer .copyright .gongan {padding-left: 0.24rem;background: url("../images/icon_gongan.png") no-repeat left center/contain;}
#Footer .copyright a:hover {color: #00dcb1;}
@media (min-width: 1025px) {
    #Footer .mid ul {display: flex;}
    #Footer .mid ul li {width: 31.25%;}
    #Footer .mid ul li:not(:last-child) {margin-right: 3.125%;}
    #Footer .mid ul li a:hover {border-color:#00dcb1;background-color: #00dcb1;}
    #Footer .mid ul li a:hover .icon img {filter: brightness(0) invert(1);}
    #Footer .mid ul li a:hover .text i,
    #Footer .mid ul li a:hover .text span {color:#fff;}
    #Footer .bottom {display: flex;justify-content: space-between;}
    #Footer .bottom .footerNav {display: flex;justify-content: space-between;width: 68%;}
    #Footer .bottom .footerNav dt {margin-bottom: 0.2rem; font-size: 0.18rem;}
    #Footer .bottom .right {width: 17.6%;}
    #Footer .bottom .right .name {font-size: 0.18rem;}
    #Footer .copyright {display: flex;justify-content: space-between;font-size: 0.14rem;}
}
@media (max-width: 1024px) {
    #Footer .container {flex-wrap: wrap;}
    #Footer .mid {padding: 0.5rem 0;}
    #Footer .mid ul li:not(:last-child) {margin-bottom: 0.3rem;}
    #Footer .mid ul li a {padding: 0.4rem 0.7rem;}
    #Footer .mid ul li .icon {height: auto;}
    #Footer .mid ul li .text i {font-size: 0.24rem;}
    #Footer .mid ul li .text span {font-size: 0.22rem;}
    #Footer .bottom {padding-bottom: 0.5rem;}
    #Footer .bottom .footerNav {margin-bottom: 0.4rem;}
    #Footer .bottom .footerNav dl {width: 100%;margin-right: 0 !important;border-bottom: 1px solid #ccc;padding: 0.2rem;}
    #Footer .bottom .footerNav dl dt {position: relative;font-size: 0.26rem;margin-bottom: 0;}
    #Footer .bottom .footerNav dl dt::after {position: absolute;content: '';width: 10px;height: 6px;top: 0.12rem;right: 0;background: url(../images/arrow_down.png) no-repeat right center / contain;transform: rotate(0deg);transition: .3s;}
    #Footer .bottom .footerNav dl dt.on::after {transform: rotate(180deg);}
    #Footer .bottom .footerNav dl .dd-wrap {display: none;margin-top: 0.2rem;}
    #Footer .bottom .right {padding-top: 0.3rem;text-align: center;}
    #Footer .bottom .right .name {font-size: 0.26rem;}
    #Footer .bottom .right .share a {width: 0.66rem;height: 0.66rem;background-size: 0.34rem;}
    #Footer .bottom .right .tel {margin-bottom: 0.5rem;}
    #Footer .bottom .right .add {font-size: 0.24rem;}
    #Footer .copyright {text-align: center;}
    #Footer .copyright div:nth-child(1) {margin-bottom: 0.2rem;}
}

/*About*/
.About{padding: 1.2rem 0;}
.About .intro .desc {height: 2.2rem;padding-right: 0.2rem;overflow-y: auto;}
.About .numBox .item {position: relative;padding: 0.2rem 0 0.42rem;border-top:1px solid #cccccc;}
.About .numBox .item::before {content:'';position: absolute;top:-1px;left:0;width: 34%;height: 1px;background-color: #00dcb1;}
.About .numBox .item .icon {position: absolute;top:0.4rem;right:0;width: 0.48rem;height: 0.4rem;}
.About .numBox .item .num {margin-bottom: 0.05rem;line-height: 1;font-size: 0.72rem; color: #00dcb1;}
.About .numBox .item .name {color:#000;font-weight: 300;}
.About .pic {border-radius: 0.2rem;}
.About .pic figure {padding-bottom: 57.5%;}

.Culture {position: relative;padding: 1.4rem 0 1.9rem;color:#fff;overflow: hidden;}
.Culture .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transform: scale(1.2);transition: 4s linear;}
.Culture .bg figure {height: 100%;}
.Culture.on .bg {transform: scale(1);}
.Culture .innerTitle {margin-bottom: 0.5rem;color:#fff;}
.Culture .item {width: 47.5%;padding-bottom: 0.3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.Culture .item:not(:last-child) {margin-bottom: 0.3rem;}
.Culture .item span {display: block;margin-bottom: 0.2rem;font-size: 0.18rem;font-weight: 300;}
.Culture .item h4 {font-size: 0.24rem;}

.History {padding: 1.6rem 0 1.2rem;}
.History .innerTitle_desc {max-height: 0.72rem;overflow-y: hidden;}
.History .hd {background: url("../images/about_line.png") no-repeat right top;}
.History .swiper {height: 5.4rem;}
.History .swiper h4 {line-height: 1;font-size: 1.8rem;font-weight: normal;color: #999999;transition: 0.3s;}
.History .swiper .swiper-slide-active h4 {color: #00dcb1;}
.History .swiper .content {display: none;}
.History .swiper .swiper-slide {cursor: pointer;}
.History .swiper_btn {display: flex;justify-content: flex-end;width: 65%;margin-top: 0.4rem;}
.History .swiper_btn .swiper-prev ,
.History .swiper_btn .swiper-next {width: 0.44rem;height: 0.3rem;margin-left: 0.2rem;background-repeat: no-repeat;background-position: center;background-size: contain;cursor: pointer;}
.History .swiper_btn .swiper-prev {background-image: url("../images/history_p.png")}
.History .swiper_btn .swiper-prev:hover {background-image: url("../images/history_p_h.png")}
.History .swiper_btn .swiper-next {background-image: url("../images/history_n_h.png")}
.History .swiper_btn .swiper-next:hover {background-image: url("../images/history_n_h.png")}
.History .bd .content {transform: translateY(0);opacity: 0;}
.History .bd.slide-up .content {transform: translateY(0);opacity: 1;transition: 0.3s;}
.History .bd.slide-down .content {transform: translateY(30px);opacity: 0;transition: 0.3s}
.History .bd h5 {margin-bottom: 0.1rem;font-size: 0.48rem;color:#000;}
.History .bd .desc {height: 1.08rem;margin-bottom: 0.4rem;overflow: hidden;}
.History .bd .imgBox {width: 100%;border-radius: 0.2rem;}

.honor_bg {padding: 1.2rem 0;background: url("../images/homg_bg.jpg") no-repeat center top;}
.Honor {margin-bottom: 1.9rem;}
.Honor .hd {margin-bottom: 0.4rem;}
.Honor .hd .innerTitle {color:#fff;}
.Honor .hd .desc {line-height: 1.6;font-size: 0.3rem;color:#fff;font-weight: 300;}
.Honor .hd .desc span {color:#00dcb1;}
.Honor .swiperBox {height: 5.9rem;}
.Honor .swiper {height: 100%;}
.Honor .swiper-slide {height: calc((100% - 30px) / 2) !important; display: flex;justify-content: center;align-items: center;border-radius: 0.1rem;background: #fff;}
.Honor .swiper-slide a {display: block;width: 100%;padding: 0.4rem 0 0.3rem;}
.Honor .swiper-slide .imgBoxWrapper {display: flex;justify-content: center;width: 100%;height: 1.7rem}
.Honor .swiper-slide .imgBox {max-width: 1.88rem;/*max-height: 1.7rem;*/display: flex;align-items: center;}
.Honor .swiper-slide .imgBox img {width: auto;height: auto;}
.Honor .swiper-slide .text {margin-top: 0.2rem;color: #000;text-align: center;}
.Honor .swiper_btn {display: flex;justify-content:center;margin-top: 0.4rem;}
.Honor .swiper_btn div {position: relative;width: 0.5rem;height: 0.5rem;margin: 0 5px;border-radius: 50%;border: 1px solid #fff;cursor: pointer;transition: 0.3s;}
.Honor .swiper_btn div::after {content:'';position: absolute;top:50%;left:50%;width: 0.1rem;height: 0.1rem;}
.Honor .swiper_btn .swiper-prev::after {border-top:1px solid #fff;border-left:1px solid #fff;transform: translate(-38%,-50%) rotate(-45deg)}
.Honor .swiper_btn .swiper-next::after {border-top:1px solid #fff;border-right:1px solid #fff;transform: translate(-62%,-50%) rotate(45deg)}
.Honor .swiper_btn div:hover {border-color:#00dcb1;background-color: #00dcb1;}

.Partner > div{padding-top: 0.8rem;border-top:1px solid rgba(255,255,255,0.2)}
.Partner .innerTitle {margin-bottom: 0.4rem;color:#fff;}
.Partner ul {display: flex;flex-wrap: wrap;}
.Partner li {width: 10%;}
.Partner li a {display: flex;align-items: center;justify-content: center;}
.Partner li .img {height: 0.46rem;}
.Partner li img {max-height: 100%;filter: brightness(0) invert(1);transition: 0.5s;}
@media (min-width: 1025px) {
    .About .intro {display: flex;margin-bottom: 0.6rem;}
    .About .intro > div:nth-child(1) {width: 43.35%;padding-right: 1.2rem;}
    .About .intro > div:nth-child(2) {width: 56.65%;}
    .About .intro .desc {font-size: 0.18rem;line-height: 2;color:#333;}
    .About .num_pic {display: flex;align-items: flex-start;}
    .About .num_pic > div:nth-child(1) {width: 43.35%;padding-right: 1.2rem;}
    .About .num_pic > div:nth-child(2) {width: 56.65%;}

    .History > div {display: flex;}
    .History .hd {width: 45%;padding-right: 0.2rem;}
    .History .bd {width: 55%;padding-left: 1.3rem;}
    .History .bd .desc {font-size: 0.18rem;line-height: 2;color:#000;font-weight: 300;}

    .Honor .hd {display: flex;justify-content: space-between;}
    .Honor .hd > div:nth-child(1) {width: 20%;}
    .Honor .hd > div:nth-child(2) {width: 62.24%;}

    .Partner li:nth-child(10) ~ li {margin-top: 0.4rem;}
}
@media (max-width: 1600px) {
    .Honor .swiperBox {height: 6.9rem}
    .Honor .swiper-slide .imgBoxWrapper {height: 2.3rem}
}
@media (max-width: 1024px) {
    .About {padding: 0.5rem 0;}

    .About .intro .desc {height: auto;margin-bottom: 0.4rem;}
    .About .numBox .item {padding: 0.3rem 0.8rem 0.3rem 0.3rem;}
    .About .numBox .item .icon {width: 0.68rem;height: 0.5rem;}
    .About .numBox .item .num {font-size: 0.54rem;}

    .Culture {padding: 1rem 0;}
    .Culture .item {width: 100%;}
    .Culture .item span {font-size: 0.24rem;}

    .History {padding: 0.6rem 0;}
    .History > div {position: relative;}
    .History .hd {background: none;}
    .History .swiperBox {position: absolute;top: 1rem;padding: 0.4rem 0;width: 20%;}
    .History .swiper {height: 2rem;}
    .History .swiper h4 {font-size: 0.4rem;}
    .History .bd {padding-left: 22%;margin-top: 0.1rem;}
    .History .bd .desc {max-height: 1.08rem;height: auto;}

    .honor_bg {padding: 0.5rem 0;}
    .Honor {margin-bottom: 1.6rem;}
    .Honor .hd .desc {font-size: 0.24rem;}
    .Honor .swiperBox {height: 8.6rem;}
    .Honor .swiper-slide {height: calc((100% - 20px) / 2) !important;}
    .Honor .swiper-slide .imgBoxWrapper {height: 2.7rem;}
    .Honor .swiper-slide .text {padding: 0 0.1rem;}

    .Partner > div {padding-top: 0.5rem;}
    .Partner li {width: 24%;}
    .Partner li:not(:nth-child(4n)) {margin-right: 1.3%;}
    .Partner li:nth-child(4) ~ li{margin-top: 4%;}
}

/*Product*/
.Product-cate {padding: 0.8rem 0 0.6rem;}
.Product-cate li {position: relative;border-radius: 0.1rem;overflow: hidden;}
.Product-cate li .pic {}
.Product-cate li .pic figure{padding-bottom: 31.11%;}
.Product-cate li .text {position: absolute;top:0;left:0;width: 100%;height: 100%;padding-top: 0.4rem;font-size: 0.2rem;color:#fff;text-align:center;background: rgba(0,0,0,0.5);transition: 0.3s;}
.Product-cate li:hover .text {background: rgba(0,0,0,0);}

.Product {padding-bottom: 1.2rem;}
.Product-nav h4 {margin-bottom: 0.3rem;font-size: 0.2rem;color:#000;}
.Product-nav li {font-size: 0.18rem;}
.Product-search {display: flex;align-items: center;margin-bottom: 0.4rem;padding-left: 0.2rem;border-radius: 0.1rem;background:#fff;overflow: hidden;}
.Product-search::before {content:'';width: 0.2rem;height: 0.2rem;background:url("../images/icon_search_g.png") no-repeat center/contain;overflow: hidden;}
.Product-search .text {width: 88.68%;line-height: 0.6rem;padding: 0 0.2rem;border:0;}
.Product-search .text::-webkit-input-placeholder {color:#999;}
.Product-search .btn {width: 11.32%;line-height: 0.6rem;text-align: center;color:#fff;font-size: 0.18rem;background-color: #00dcb1;cursor: pointer;transition: 0.3s;}
.Product-search .btn:hover {background-color: #00b18e;}

.Product-list ul {display: flex;flex-wrap: wrap;}
.Product-list li {border-radius: 0.1rem;background-color: #fff;}
.Product-list li a {display: flex;flex-direction: column;align-items: center;width: 100%;padding-bottom: 0.6rem;}
.Product-list li a > * {max-width: 100%;transition: 0.3s;}
.Product-list li .tag {margin-top: 0.4rem;padding: 0 0.28rem;line-height: 0.35rem;color:#000;border:1px solid #000;border-radius: 30px;}
.Product-list li .subTit {margin-top: 0.25rem;font-size: 0.14rem;}
.Product-list li .title {margin-top: 0.1rem;font-size: 0.18rem;color:#000;}
.Product-list li .imgBox {margin-top: 0.2rem;width: 2.2rem;height: 1.8rem;}
.Product-list li .homeMore {margin-top: 0.2rem;}
.Product-list li .homeMore span {line-height: 1.5;color:#000;border:0;}
.Product-list li .homeMore span::after {width: 0.12rem;height: 0.12rem;margin-left: 0.14rem;background-image: url("../images/homeMore_icon_b.png")}
.Product-list li .homeMore span:hover {background: none;}
.Product-list li:hover .tag {color: #00dcb1;border-color: #00dcb1;}
.Product-list li:hover .homeMore span {color: #00dcb1;}
.Product-list li:hover .homeMore span::after {background-image: url("../images/homeMore_icon_g.png");}
@media (min-width: 1025px) {
    .Product-cate ul {display: flex;}
    .Product-cate li {width: 32.14%;}
    .Product-cate li:not(:nth-child(3n)) {margin-right: 1.79%;}
    .Product-cate li:nth-child(3) ~ li {margin-top: 1.79%;}

    .Product > div {display: flex;}
    .Product .Product-nav {width: 24.3%;}
    .Product .Product-list {width: 75.7%;}
    .Product-nav li {display: flex;align-items:center;margin-bottom: 0.2rem;font-size: 0.18rem;cursor: pointer;}
    .Product-nav li::before {content:'';width: 0.16rem;height: 0.16rem;margin-right: 0.16rem;border-radius: 50%;background-color: #fff;transition: border 0.1s;}
    .Product-nav li.on {color:#000;}
    .Product-nav li.on::before {border: 3px solid #00dcb1;}

    .Product-list li {width: 31.1%;}
    .Product-list li:not(:nth-child(3n)) {margin-right: 3.35%;}
    .Product-list li:nth-child(3) ~ li {margin-top: 3.35%;}
}
@media (max-width: 1024px) {
    .Product-cate {padding: 0.4rem 0;}
    .Product-cate li:not(:last-child) {margin-bottom: 0.3rem;}
    .Product-cate li .text {display: flex;align-items:center;justify-content:center;font-size: 0.26rem;}

    .Product {padding-bottom: 0;}

    .Product-nav {margin-bottom: 0.3rem;}
    .Product-nav h4 {margin-bottom: 0.4rem;font-size: 0.3rem;}
    .Product-nav ul {display: flex;overflow-x: auto;}
    .Product-nav li {flex-shrink:0;margin-right: 0.3rem;padding-bottom: 0.2rem;font-size: 0.24rem;border-bottom: 2px solid transparent;}
    .Product-nav li.on {border-color: #00dcb1;}

    .Product-search::before {width: 0.34rem;height: 0.34rem;}
    .Product-search .btn {width: 23%;font-size: 0.24rem;}

    .Product-list li {width: 48.5%;}
    .Product-list li:not(:nth-child(2n)) {margin-right: 3%;}
    .Product-list li:nth-child(2) ~ li {margin-top: 3%;}
    .Product-list li .subTit {font-size: 0.24rem;}
    .Product-list li .title {font-size: 0.24rem;}
}

/*ProductDetail*/
.ProductDetail {padding-top: 1.05rem;}
.ProductDetail > div {background: url("../images/ProductDetail_bg.png") no-repeat center top;}
.ProductDetail .intro {padding-bottom: 1rem}
.ProductDetail .intro .text h3 {line-height: 1.25;font-size: 0.48rem;color:#000;}
.ProductDetail .intro .text h4 {line-height: 1.25;font-size: 0.48rem;color:#000;}
.ProductDetail .intro .text .desc {margin-top: 0.3rem;}
.ProductDetail .intro .text .desc p {padding: 0.05rem 0 0.05rem 0.3rem;background: url("../images/icon_gou.png") no-repeat left 0.06rem/0.2rem;}
.ProductDetail .intro .text .homeMore {margin-top: 0.5rem;}
.ProductDetail .intro .bd {position: relative;height:4.4rem;margin-bottom: 0.2rem;border-radius:0.1rem;background: #fff;}
.ProductDetail .intro .bd .swiper {height: 100%;}
.ProductDetail .intro .bd .swiper .swiper-slide {display: flex;align-items: center;justify-content: center;}
.ProductDetail .intro .bd .swiper .swiper-slide .img {max-width: 4.86rem;max-height: 2.98rem;}
.ProductDetail .intro .bd .swiper_btn {display: flex;position: absolute;right: 0.3rem;bottom: 0.3rem;z-index: 10;}
.ProductDetail .intro .bd .swiper_btn div {position: relative;width: 0.5rem;height: 0.5rem;border: 1px solid #00dcb1;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.ProductDetail .intro .bd .swiper_btn div::after {content:'';position: absolute;top:50%;left:50%;width: 0.08rem;height: 0.08rem;}
.ProductDetail .intro .bd .swiper_btn .swiper-prev::after {border-top:2px solid #00dcb1;border-left:2px solid #00dcb1;transform: translate(-38%,-50%) rotate(-45deg)}
.ProductDetail .intro .bd .swiper_btn .swiper-next::after {border-top:2px solid #00dcb1;border-right:2px solid #00dcb1;transform: translate(-62%,-50%) rotate(45deg)}
.ProductDetail .intro .bd .swiper_btn .swiper-next {margin-left: 0.1rem;}
.ProductDetail .intro .bd .swiper_btn div:hover {background-color: #00dcb1;}
.ProductDetail .intro .bd .swiper_btn div:hover::after {border-color: #fff;}

.ProductDetail .intro .hd {height:0.8rem;}
.ProductDetail .intro .hd ul {display: flex;}
.ProductDetail .intro .hd li {position: relative;display: flex;align-items:center;justify-content:center;width: 18.3%;height:0.8rem;border-radius:0.1rem;background: #fff;cursor: pointer;}
.ProductDetail .intro .hd li::after {content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;border-radius:0.1rem;border:1px solid #00dcb1;opacity: 0;transition: 0.3s;}
.ProductDetail .intro .hd li.on::after {opacity: 1;}
.ProductDetail .intro .hd li:not(:last-child) {margin-right: 2.125%;}
.ProductDetail .intro .hd li .img {width: 80%; max-height: 0.65rem;overflow: hidden;}

.ProductDetail .parameter {padding-bottom: 1.2rem;}
.ProductDetail .parameter .innerTitle {margin-bottom: 0.7rem;}
.ProductDetail .parameter .table {border-radius: 0.1rem;border:1px solid #ddd;overflow: hidden;}
.ProductDetail .parameter .table table {width: 100%;}
.ProductDetail .parameter .table table th {line-height: 0.7rem;color:#000;font-size: 0.18rem;border:1px solid #ddd;border-bottom: 0;background: #f2f2f2;}
.ProductDetail .parameter .table table tr th:first-child,
.ProductDetail .parameter .table table tr td:first-child{width: 19%;text-align: left;padding-left:0.4rem; }
.ProductDetail .parameter .table table td {padding: 0.2rem 0;border: 1px solid #eeeeee;text-align:center;background: #fff;}
@media (min-width: 1025px) {
    .ProductDetail .intro {display: flex;}
    .ProductDetail .intro .text {width: 48.6%;padding-right: 1rem;}
    .ProductDetail .intro .swiperBox {width: 51.4%;font-size: 0.18rem;}
    .ProductDetail .parameter .table table tr th {border-top: 0;}
    .ProductDetail .parameter .table table tr th:first-child,
    .ProductDetail .parameter .table table tr td:first-child{border-left: 0; }
    .ProductDetail .parameter .table table tr th:last-child,
    .ProductDetail .parameter .table table tr td:last-child {border-right: 0;}
}
@media (max-width: 1024px) {
    .ProductDetail {padding-top: 1.35rem;}
    .ProductDetail .intro .text {margin-bottom: 0.6rem;}
    .ProductDetail .intro .text h3 {margin-bottom: 0.1rem;font-size: 0.36rem;}
    .ProductDetail .intro .text h4 {font-size: 0.36rem;}
    .ProductDetail .intro .text .desc p {padding-left: 0.4rem;background-size: 0.3rem;}
    .ProductDetail .parameter .table {padding-bottom:0.2rem;border:0;overflow-x: auto;}
    .ProductDetail .parameter .table table {width: 1000px;}
    .ProductDetail .parameter .table table th {font-size: 0.24rem;}

}

/*Solution*/
.Solution-intro {padding: 1.2rem 0;}
.Solution-intro .container {margin-bottom: 0.6rem;}
.Solution-intro .container .innerTitle {margin-bottom: 0.1rem;}
.Solution-intro .container .innerTitle_desc {color:#666;font-size: 0.2rem;}
.Solution-intro .container .right {font-weight: 300;color:#333;line-height: 2;}

.Solution-product {padding: 1.2rem 0;background: url("../images/solution_bg1.jpg") no-repeat center top;}
.Solution-product .innerTitle {margin-bottom: 0.3rem;color: #fff;}
.Solution-product .swiper-slide { border-radius: 0.1rem;background-color: #fff;}
.Solution-product a {display: flex;flex-direction: column;align-items: center;width: 100%;padding-bottom: 0.6rem;}
.Solution-product a > * {max-width: 100%;transition: 0.3s;}
.Solution-product .tag {margin-top: 0.4rem;padding: 0 0.28rem;line-height: 0.35rem;color:#000;border:1px solid #000;border-radius: 30px;}
.Solution-product .title {margin-top: 0.24rem;font-size: 0.18rem;color:#000;}
.Solution-product .subTit {margin-top: 0.1rem;font-size: 0.14rem;}
.Solution-product .imgBox {margin-top: 0.3rem;width: 1.4rem;height: 1.6rem;}
.Solution-product .homeMore {margin-top: 0.4rem;}
.Solution-product .homeMore span {line-height: 1.5;color:#000;border:0;}
.Solution-product .homeMore span::after {width: 0.12rem;height: 0.12rem;margin-left: 0.14rem;background-image: url("../images/homeMore_icon_b.png")}
.Solution-product .homeMore span:hover {background: none;}
.Solution-product a:hover .tag {color: #00dcb1;border-color: #00dcb1;}
.Solution-product a:hover .homeMore span {color: #00dcb1;}
.Solution-product a:hover .homeMore span::after {background-image: url("../images/homeMore_icon_g.png");}

.Solution-case {padding: 1.2rem 0;}
.Solution-case .swiper-slide {padding-bottom: 0.4rem;border-bottom: 1px solid #cccccc;}
.Solution-case .swiper-slide .imgBox {margin-bottom: 0.3rem;border-radius: 0.1rem;}
.Solution-case .swiper-slide .text h4 {margin-bottom: 0.2rem;font-size: 0.2rem;color:#000;transition: 0.3s;}
.Solution-case .swiper-slide .text .desc {height: 0.9rem;line-height: 1.875;color:#333;font-weight: 300;}
.Solution-case .swiper-slide a:hover .text h4 {color: #00dcb1;}

.Solution-technology {padding: 1.2rem 0;background: url("../images/solution_bg2.jpg") no-repeat center top}
.Solution-technology .innerTitle {margin-bottom: 0.3rem;color:#fff;}
.Solution-technology .swiper-slide {padding: 0.6rem 0.4rem 0.7rem;border-radius:0.1rem;background-color: #fff;}
.Solution-technology .swiper-slide .icon {width: 0.6rem;height: 0.54rem;margin-bottom: 0.3rem;transition: 0.3s;}
.Solution-technology .swiper-slide .icon img {max-height: 100%;}
.Solution-technology .swiper-slide .text h4 {margin-bottom: 0.2rem;font-size: 0.24rem;color:#000;transition: 0.3s;}
.Solution-technology .swiper-slide .text .desc {/*height: 0.6rem;*/line-height: 1.875;font-weight: 300;color:#333;}
.Solution-technology .swiper-slide:hover .icon {transform: translateX(10px)}
.Solution-technology .swiper-slide:hover .text h4 {color: #00dcb1;}

.Solution-vision {padding: 1.2rem 0;}
.Solution-vision .container {position: relative;}
.Solution-vision .container .imgBox {height: 6rem;border-radius: 0.2rem;}
.Solution-vision .container .imgBox img {transform: scale(1.2);transition: 4s linear;}
.Solution-vision.on .container .imgBox img {transform: scale(1);}
.Solution-vision .container .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0.8rem 0;}
.Solution-vision .container .text .innerTitle {color:#fff;}
.Solution-vision .container .text .desc {line-height: 1.77;font-size: 0.18rem;font-weight: 300;color:#fff;}
@media (min-width: 1025px) {
    .Solution-intro .container {display: flex;}
    .Solution-intro .container .left{width: 44.3%;padding-right: 1rem;}
    .Solution-intro .container .right{width: 55.7%;}

    .Solution-vision .container .text > div {padding-right: 29%;}
}
@media (max-width: 1024px) {
    .Solution-intro {padding: 0.6rem 0;}
    .Solution-intro .container .innerTitle_desc {margin-bottom: 0.3rem;font-size: 0.24rem;}

    .Solution-product {padding: 0.6rem 0;}
    .Solution-product .title {font-size: .24rem;}
    .Solution-product .subTit {font-size: 0.24rem;}

    .Solution-case {padding: 0.6rem 0;}
    .Solution-case .swiper-slide .text h4 {font-size: 0.26rem;}
    .Solution-case .swiper-slide .text .desc {font-size: 0.24rem;}

    .Solution-technology {padding: 0.6rem 0;}
    .Solution-technology .swiper-slide .icon {width: 0.8rem;height: 0.7rem;}

    .Solution-vision {padding: 0.6rem 0;}
    .Solution-vision .container .text .desc {font-size: 0.24rem;}

    .Solution .swiper-pagination .swiper-pagination-bullet {background-color: #fff;opacity: 1;}
    .Solution .swiper-pagination .swiper-pagination-bullet-active {background-color: #00dcb1;}
}

/*News*/
.News {padding: 0.6rem 0 1.2rem;}
.News .top {margin-bottom: 0.5rem;border-radius: 0.2rem;background-color: #fff;overflow: hidden;}
.News .top .pic figure {padding-bottom: 62.85%;}
.News .time {margin-bottom: 0.2rem;padding-left: 0.24rem;line-height: 0.2rem;color:#333;font-weight: 300;background: url("../images/icon_time_b.png") no-repeat left center/0.18rem;}
.News .top .text h4 {margin-bottom: 0.2rem;font-size: 0.3rem;line-height: 1.33;color:#000;transition: 0.2s;}
.News .top .text .desc {margin-bottom: 0.4rem;line-height: 1.875;color:#333;font-weight: 300;}
.News .top .text .homeMore span {line-height: 0.5rem;}
.News .top a:hover .text h4 {color: #00dcb1;}

.News .list ul {display: flex;flex-wrap: wrap;}
.News .list li a {display: block;width: 100%;height: 100%;border-radius: 0.2rem;background-color: #fff;transition: 0.3s;}
.News .list li .text h4 {height: 0.72rem;margin-bottom: 0.7rem;line-height: 1.63;font-size: 0.22rem;color:#000;font-weight: 400;}
.News .list li .homeMore span {line-height: 1.4;padding: 0;border:0;color:#333;background: none;}
.News .list li .homeMore span::after {background-image: url("../images/homeMore_icon_b.png")}
.News .list li .homeMore span:hover {}
@media (min-width: 1025px) {
    .News .top a {display: flex;align-items:center;width: 100%;}
    .News .top .pic {width: 50%;}
    .News .top .text {width: 50%;padding:0 0.8rem 0 0.7rem;}

    .News .list li {width: 31.42%;}
    .News .list li:not(:nth-child(3n)) {margin-right: 2.87%;}
    .News .list li:nth-child(3) ~ li {margin-top: 2.87%;}
    .News .list li .text {padding: 0.4rem 0.6rem 0.5rem 0.4rem;}
    .News .list li a:hover {background-color: #00dcb1;}
    .News .list li a:hover .text {color:#fff;}
    .News .list li a:hover .text .time,
    .News .list li a:hover .text h4 ,
    .News .list li a:hover .homeMore span {color:#fff;}
    .News .list li a:hover .text .time {background-image: url("../images/icon_time.png");}
    .News .list li a:hover .homeMore span::after {background-image: url("../images/homeMore_icon.png");}
}
@media (max-width: 1024px) {
    .News {padding: 0.2rem 0;}

    .News .top .text {padding: 0.5rem;}
    .News .top .text .homeMore span {line-height: 0.7rem;}

    .News .list li {width: 48.5%;}
    .News .list li:not(:nth-child(2n)) {margin-right: 3%;}
    .News .list li:nth-child(2) ~ li {margin-top: 3%;}
    .News .list li .text {padding: 0.3rem;}
}

.NewsInfo {padding: 1.05rem 0 1.2rem;}
.NewsInfo .title {text-align: center;}
.NewsInfo .title h3 {margin-bottom: 1%;font-size: 0.36rem;color: #000;}
.NewsInfo .title .time_wrap {margin-bottom: 5%;padding-bottom: 5%;color: #000;border-bottom: 1px solid #d8d8d6;font-weight: 300;}
.NewsInfo .title .time_wrap span {padding: 0 14px;}
.NewsInfo article {padding-bottom: 5%;margin-bottom: 5%;border-bottom: 1px solid #d8d8d6;text-align: justify;}
.NewsInfo article p {line-height: 2;}
.NewsInfo article img {height: auto !important}
.NewsInfo .page_pn {}
.NewsInfo .page_pn .pn {width: calc(100% - 168px);padding-right: 50px;}
.NewsInfo .page_pn .pn a {line-height: 1.875;color: #666;display: block;transition: 0.1s;}
.NewsInfo .page_pn .pn a:hover {color: #00dcb1;}
.NewsInfo .page_pn .btn {width: 1.68rem;line-height: 0.6rem;border-radius:30px;background: #00e6c5;color: #fff;text-align: center;transition: 0.3s;}
.NewsInfo .page_pn .btn:hover {background-color: #00b18e;}
@media (max-width: 1024px) {
    .NewsInfo {padding: 1.35rem 0 0.6rem;}
    .NewsInfo .title h3 {margin-top: 0;margin-bottom: 3%;}
    .NewsInfo .title .time_wrap {font-size: .22rem;}
    .NewsInfo article {font-size: 0.24rem;}
    .NewsInfo article p {font-size: 0.24rem;line-height: 1.8 ;}
    .NewsInfo .page_pn .pn {width: 100%;padding-right: 0;margin-bottom: 4%;}
    .NewsInfo .page_pn .pn a {font-size: 0.24rem;}
}

/*Support*/
.Support {padding: 1rem 0;}
.Support-list dl {color:#000;}
.Support-list dl,
.Support-list ul li a {display: flex;justify-content: space-between;padding: 0.3rem 0.5rem 0.3rem 0.4rem;border-radius: 0.1rem;background-color: #fff;}
.Support-list dl dd,
.Support-list ul li span {width: 13.5%;text-align: center;flex-shrink: 0;}
.Support-list dl dd:first-child,
.Support-list ul li span:first-child {width: 36.8%;text-align: left;}
.Support-list dl dd:last-child,
.Support-list ul li span:last-child {width: 9%;}
.Support-list ul li {margin-top: 0.2rem;}
.Support-list ul li a {color:#000;transition: 0.2s;}
.Support-list ul li span:first-child {display: flex;}
.Support-list ul li span:first-child::before {content:'';flex-shrink:0;width: 0.2rem;height: 0.2rem;margin-right: 0.16rem;background:url("../images/icon_pdf.png") no-repeat center/contain;transition: 0.2s;}
.Support-list ul li span:last-child {display: flex;align-items: center;justify-content: center;height: 0.24rem;}
.Support-list ul li span:last-child::before {content:'';flex-shrink:0;width: 0.18rem;height: 0.15rem;margin-right: 0.06rem;background:url("../images/icon_download.png") no-repeat center/contain;transition: 0.2s;}
.Support-list ul li a:hover {color:#00dcb1;}
.Support-list ul li a:hover span:first-child::before {background-image: url("../images/icon_pdf_h.png")}
.Support-list ul li a:hover span:last-child::before {background-image: url("../images/icon_download_h.png")}

.support_img {position: relative;height: 3rem;margin-top: 0.8rem;border-radius: 0.2rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow: hidden;}
.support_img .text {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);text-align: center;}
.support_img .text h4 {margin-bottom: 0.1rem;font-size: 0.36rem;color:#fff;font-weight: 400;}
.support_img .text a {font-size: 0.24rem;color:#00dcb1;text-decoration: underline;}
.support_img .text a:hover {text-decoration: none;}
@media (min-width: 1025px) {
    .Support .container {display: flex;}
    .Support .Product-nav {width: 24.3%;}
    .Support .Support-list {width: 75.7%;}
}
@media (max-width: 1024px) {
    .Support {padding: 0.6rem 0;}
    .Support .wrapper {padding-bottom: 0.4rem;overflow-x: auto;}
    .Support .wrapper .content {width: 700px;}
    .Support-list ul li span:last-child {height: 0.34rem;}
    .Support-list ul li span:first-child::before {width: 0.3rem;height: 0.3rem;}
    .Support-list ul li span:last-child::before {width: 0.28rem;height: 0.25rem;}
    .support_img {margin-top: 0.4rem;}
    .support_img .text {width: 80%;}
}

#popUp {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 101;display: none;}
#popUp .container {position: absolute;top:50%;left:50%;width: 90%;max-width:4.8rem;padding: 0.4rem;transform:translate(-50%,-50%);border-radius: 0.1rem;background-color: #e0e0de;}
#popUp .closeBtn {position: absolute;top:0.2rem;right:0.2rem;width: 0.4rem;height: 0.4rem;background: url("../images/closeBtn.png") no-repeat center/0.2rem;cursor: pointer;}
#popUp .container h4 {margin-bottom: 0.2rem;font-size: 0.24rem;color:#000;}
#popUp .form .name {display: inline-flex;align-items: center;}
#popUp .form .err {line-height: 0.18rem;font-size: 0.18rem;font-style: normal;color: #d8181f;}
#popUp .form dd { position:relative;border-radius: 0.1rem;margin-bottom: 0.2rem;overflow: hidden;}
#popUp .form label{ position:absolute; left:0.15rem; top:0; font-size: 0.14rem; line-height: 0.6rem; color:#333;}
#popUp .form .text{ width:100%; line-height:0.6rem; text-indent:10px; border:1px solid #eeeeee;color:#666;font-size: 14px; background:#fff;}
#popUp .form textarea.text{ height:1.6rem;line-height: 2;padding: 10px;}
#popUp .form select {width: 100%;line-height: 0.6rem;padding: 0 0.15rem;font-size: 0.14rem;background: url("../images/arrow_down.png") no-repeat 96% center/0.14rem #fff;}
#popUp .form .btn{margin-bottom: 0.2rem;}
#popUp .form .btn button{ cursor:pointer; padding:0; border:none; width: 100%;line-height: 0.6rem;color:#fff;background: #00dcb1;border-radius: 30px;overflow: hidden;font-size: 0.16rem;transition: 0.3s;}
#popUp .form .btn:hover button{background:#00b18e;}
#popUp .form .tips {font-size: 0.14rem;line-height: 1.7;}
@media (max-width: 1024px) {
    #popUp .container {max-width: 100%;}
    #popUp .form label,
    #popUp .form .text {line-height: 0.7rem;font-size: 0.24rem;}
    #popUp .form select {line-height: 0.7rem;font-size: 0.24rem;}
    #popUp .form .btn button {line-height: 0.7rem;font-size: 0.24rem;}
    #popUp .form .tips {font-size: 0.22rem;}
}


.Joinus {padding: 1rem 0;}
.Joinus h4.title {font-size: 0.24rem;color: #000;margin-bottom: 0.2rem;}
.Joinus .row2 {display: flex;justify-content: space-between;}
.Joinus .row2 dd {width: 49%;}
.Joinus .form .name {display: inline-flex;align-items: center;}
.Joinus .form .err {line-height: 0.18rem;font-size: 0.18rem;font-style: normal;color: #d8181f;}
.Joinus .form dd { position:relative;border-radius: 0.05rem;margin-bottom: 0.2rem;overflow: hidden;}
.Joinus .form label{ position:absolute; left:0.15rem; top:0; font-size: 0.14rem; line-height: 0.6rem; color:#333;}
.Joinus .form .text{ width:100%; line-height:0.6rem; padding: 0 0.15rem; border:0;color:#666;font-size: 0.14rem; background:#fff;}
.Joinus .form textarea.text { width:100%;height:1.6rem;line-height: 1.5;padding: 0.2rem;border:0;}
.Joinus .form select {width: 100%;line-height: 0.58rem;padding: 0 0.15rem;font-size: 0.14rem;background: url("../images/arrow_down.png") no-repeat 96% center/0.14rem #fff;}
.Joinus .form dl:not(.row2) select {background-position: 98% center;}
.Joinus .form .btn{margin-bottom: 0.2rem;}
.Joinus .form .btn button{ cursor:pointer; padding:0; border:none; width: 100%;line-height: 0.6rem;color:#fff;background: #00dcb1;border-radius: 30px;overflow: hidden;font-size: 0.16rem;transition: 0.3s;}
.Joinus .form .btn button:hover {background:#00b18e}
.Joinus .UploadBox {margin-bottom: 2.4%;padding: 0.2rem 0 0.3rem;color:#000;border-radius: 0.05rem;border: 1px solid #eeeeee;background-color: #fff;}
.Joinus .UploadBox input[type="file"] {display: none;}
.Joinus .UploadBox .clickBox {display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
.Joinus .UploadBox .clickBox .add {margin-bottom:0.05rem;line-height:1;font-size: 0.3rem;}
.Joinus .UploadBox .clickBox .click {margin-bottom:0.05rem;font-size: 0.14rem;}
.Joinus .UploadBox .clickBox .tips {font-size: 0.12rem;}
.Joinus .result {margin-bottom: 2.4%;display: none;}
.Joinus .result .content { display: inline-flex;align-items: center;padding: 0.2rem;border: 1px solid #eee;font-size:0.14rem;border-radius: 5px;background: #fff;}
.Joinus .result .icon img {display:block;margin-right: 0.1rem;}
.Joinus .result .clearBtn {display:block;margin-left: 0.3rem;padding: 0.05rem 0.16rem;color: #dc2626;border-radius: 30px;border:1px solid #fecaca;background: none;cursor: pointer;}
.Joinus .result .clearBtn:hover {color: #fff;;background: #dc2626;}
.Joinus .right .desc {margin-bottom: 0.4rem;line-height: 2;}
.Joinus .right .qa-list li{border-radius: 0.1rem;overflow: hidden;}
.Joinus .right .qa-list li:not(:last-child) {margin-bottom: 0.15rem;}
.Joinus .right .qa-list li > div {display: flex;}
.Joinus .right .qa-list i {flex-shrink:0;width: 0.33rem;height: 0.3rem;line-height: 0.22rem;margin-right: 0.16rem;text-align: center;color:#fff;font-style: normal;font-size: 0.18rem;background-repeat: no-repeat;background-position: center;background-size: contain;}
.Joinus .right .qa-list .name {position: relative;padding: 0.25rem 0.5rem 0.25rem 0.3rem;background-color: #f8f8f8}
.Joinus .right .qa-list .name::after {content:'';position: absolute;right:0.3rem;top:50%;width: 0.08rem;height:0.08rem;margin-top: -0.08rem;border-bottom:1px solid #999999;border-right:1px solid #999999;transform: rotate(45deg);transition: 0.3s;}
.Joinus .right .qa-list .q {background-image: url("../images/qa_icon1.png")}
.Joinus .right .qa-list .a {float:left;background-image: url("../images/qa_icon2.png")}
.Joinus .right .qa-list .word {padding: 0.25rem 0.3rem;line-height: 1.7;border-top:1px solid #eeeeee;color:#000;font-weight: 300;font-size: 0.14rem;background-color: #ffffff;display: none;}
.Joinus .right .qa-list li.on .name::after {border-color:#00dcb1;transform: rotate(225deg)}
@media (min-width: 1025px) {
    .Joinus .container {display: flex;}
    .Joinus .left {width: 64.28%;padding-right: 0.8rem;border-right: 1px solid #cccccc;}
    .Joinus .right {width: 35.72%;padding-left: 0.8rem;}
}
@media (max-width: 1024px) {
    .Joinus {padding: 0.6rem 0;}
    .Joinus h4.title {font-size: 0.3rem;}
    .Joinus .form {margin-bottom: 0.4rem;}
    .Joinus .form label,
    .Joinus .form .text,
    .Joinus .form select,
    .Joinus .UploadBox .clickBox .click {font-size: 0.24rem;}
    .Joinus .form label,
    .Joinus .form .text {line-height: 0.7rem;}
    .Joinus .form select {line-height: 0.68rem;}
    .Joinus .form .btn button {line-height: 0.8rem;font-size: 0.26rem;}
    .Joinus .UploadBox .clickBox .add {font-size: 0.6rem;}
    .Joinus .right .qa-list .word {font-size: 0.24rem;}
    .Joinus .right .qa-list i {width: 0.43rem;height: 0.4rem;line-height: 0.387rem;font-size: 0.2rem;}
    .Joinus .right .qa-list .name::after {width: 0.14rem;height: 0.14rem;}
}

.trx_30 {transform: translateX(20px);opacity: 0;transition: 1.2s;}
.try_30 {transform: translatey(20px);opacity: 0;transition: 1.2s;}
.delay1 {transition-delay: 1s;}
.delay14 {transition-delay: 1.4s;}
.ani .trx_30 {transform: translateX(0);opacity: 1;}
.ani .try_30 {transform: translateY(0);opacity: 1;}
.pic, .pic_ani {overflow: hidden;}
.pic figure, .pic_ani figure {transition: .5s;}
.pic:hover figure,
.pic_ani:hover figure {transform: scale(1.05);}


/*innerPage */
.innerPage {padding: 0.5rem 0 0 0;text-align: center;position: relative;}
.innerPage .Pages a.a_first,
.innerPage .Pages a.a_end,
.innerPage .Pages > span:not(.p_page) {display: none;}
.innerPage .Pages em {float: left;font-style: normal;}
.innerPage .Pages .p_page {display: table;margin: 0 auto;}
.innerPage .Pages a {float: left;line-height: 0.5rem;width: 0.5rem;margin: 0 0.05rem;color: #000;font-size: 14px;border-radius: 50%;background-color: #fff;transition: 0.3s;}
.innerPage .Pages a.a_cur,
.innerPage .Pages a:hover {color: #fff;background: #00dcb1;}
.innerPage .Pages .p_page > a {width: 0.5rem;height: 0.5rem;position: relative;}
.innerPage .Pages .p_page .a_prev,
.innerPage .Pages .p_page .a_next {background-repeat: no-repeat;background-position: center;background-size: 0.1rem;}
.innerPage .Pages .p_page .a_prev {background-image: url("../images/page_l.png");}
.innerPage .Pages .p_page .a_next {background-image: url("../images/page_r.png");}
/*.innerPage .Pages .p_page .a_prev::after {content:'';position: absolute;top: 50%;left: 50%;width: 0.08rem;height: 0.08rem;border-left:1px solid #000;border-bottom:1px solid #000;transform: translateY(-50%) rotate(45deg);}
.innerPage .Pages .p_page .a_next::after {content:'';position: absolute;top: 50%;left: 50%;width: 0.08rem;height: 0.08rem;margin-left:-0.06rem;border-top:1px solid #000;border-right:1px solid #000;transform: translateY(-50%) rotate(45deg);}
.innerPage .Pages .p_page .a_prev:hover::after,
.innerPage .Pages .p_page .a_next:hover::after {border-color:#fff;}*/
.innerPage.circle .Pages a {width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 30px;font-size: 12px;background-color: #fff;}
.innerPage.circle .Pages a.a_cur,
.innerPage.circle .Pages a:hover{width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 50%;background-color: #2a6e3a;}
.innerPage.circle .Pages .p_page > a {height: 0.4rem;background-size: 0.06rem;background-color: #fff;}
@media (max-width: 1024px) {
    .innerPage {padding: 6vw 0 8vw 0;}
    .innerPage .Pages a {margin: 0 .05rem;}
    .innerPage .Pages a,
    .innerPage .Pages .p_page > a {width: .7rem;line-height:.7rem;height:.7rem;padding: 0;font-size: .22rem;}
    .innerPage.circle .Pages a,
    .innerPage.circle .Pages a.a_cur,
    .innerPage.circle .Pages .p_page > a{width: 0.7rem;height: 0.7rem;line-height: 0.7rem;}
    .innerPage.circle .Pages .p_page > a{background-size: 0.12rem;}
    .innerPage .Pages .p_page .a_prev, .innerPage .Pages .p_page .a_next {background-size: 0.16rem;}
}


.Search {padding-bottom: 0.6rem;}
.Search li {padding: 1% 0;border-bottom:1px solid #eee;}
@media (max-width: 1024px) {
    .Search li {padding: 0.2rem 0;}
}