@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url("../font/Pretendard/Pretendard-Regular.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src:  url("../font/Pretendard/Pretendard-Bold.woff") format("woff");
}
html {overflow-x: unset;}
html, body, input {font-family: Pretendard, Sans-Serif;color:#666;}
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-1700 {max-width: 1700px;margin: 0 auto;}
.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;}
    .auto-1600 {max-width: 17rem;}
}
@media (max-width: 1700px) {
    .auto-1700 {max-width: 86%;}
}
@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;}
}
.mt60 {margin-top: .6rem;}
.mt80 {margin-top: .8rem;}
@media (max-width: 1024px) {
    .mt60 {margin-top: 8%;}
    .mt80 {margin-top: 10%;}
}

.icon img {max-height:100%;}
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: #296099;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;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active {background-color: #296099;}

.mCSB_scrollTools .mCSB_draggerRail {background-color: #eeeeee;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 4px;background-color: #eeeeee;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #296099;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #3b99e4;}
@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: fixed;top:0; width: 100%;/*padding: 0.2rem 0;*/border-bottom: 1px solid rgba(255,255,255,0.1);z-index:100;backdrop-filter: blur(40px); 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.7rem;transition: 0.5s;filter: brightness(0) invert(1);}
#Top .header-right{ display:flex;align-items: center;}
#Top .header-menu li{ width:auto !important;}
#Top .header-menu li em{ position:relative;padding: 0.35rem 0.38rem;}
#Top .header-menu li em a{ position:relative;color:#fff;}
#Top .header-menu li em a::after{content:''; position:absolute;bottom:-0.1rem;left:50%;width: 0;height: 2px;transform:translateX(-50%);background-color: #fff;transition: 0.3s;transform-origin: center;}
#Top .header-menu li:hover em a::after {width: 100%;}

#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: #296099;}

#Top .top-search{position: relative;margin-left: 0.2rem;}
#Top .open-search{position: relative;display: block;width: 0.6rem; height: 0.6rem;border-radius:50%;background: url("../images/icon_search.png") no-repeat center/0.2rem #296099; cursor: pointer;}
#Top .open-search::before ,
#Top .open-search::after {content:'';position: absolute;width: 40%;height: 2px;left:50%;top: 50%;transform:translateX(-50%);margin-top:-1px;background-color: #fff;opacity: 0;transition: 0.3s;}
#Top .top-search .box{position: absolute; top: 131%;right: 0;border: 1px solid #eee;background: #fff; width: 4rem;opacity: 0;visibility: hidden;transition: 0.5s;}
#Top .top-search .box .text{width: 100%; height: 0.5rem;line-height: 0.5rem;padding: 0 0.1rem;background: none;border: 0;}
#Top .top-search .box .btn{position: absolute; width: 0.5rem; height: 100%;background:url("../images/icon_search.png") no-repeat center/0.2rem #296099;top: 0;right: 0; }
#Top .top-search-show .box{opacity: 1;visibility: visible;}
#Top .top-search-show .open-search {background: none;}
#Top .top-search-show .open-search::before {opacity: 1;transform: translateX(-50%) rotate(45deg);}
#Top .top-search-show .open-search::after {opacity: 1;transform: translateX(-50%) rotate(-45deg)}

#Top.onScroll,
#Top.innerTop {/*position: relative;*/background-color: #fff;}
#Top.onScroll {box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);}
#Top.onScroll .header-left .logo img,
#Top.innerTop .header-left .logo img {filter: none;}
#Top.onScroll .header-menu li em a ,
#Top.innerTop .header-menu li em a {color: #000;}
#Top.onScroll .header-menu li.on em a,
#Top.onScroll .header-menu li:hover em a ,
#Top.innerTop .header-menu li.on em a,
#Top.innerTop .header-menu li:hover em a {color: #296099;}
#Top.onScroll .header-menu li.on em a::after,
#Top.onScroll .header-menu li:hover em a::after ,
#Top.innerTop .header-menu li.on em a::after,
#Top.innerTop .header-menu li:hover em a::after {background-color: #296099;}
#Top.onScroll .open-search::before,
#Top.onScroll .open-search::after ,
#Top.innerTop .open-search::before,
#Top.innerTop .open-search::after {background-color: #296099;}
.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 em a {font-size: 0.2rem;font-weight: 700;}
    #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%;}
}
@media(max-width:1024px){
    #Top {position: fixed;top: 0;left: 0;width: 100%;padding: 0.2rem 0;background-color:#fff;box-shadow:0 0 10px 2px #666;transition: 0.5s;}
    #Top.innerTop {position: fixed;}
    /*#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: 2.2rem;filter: none;}
    #Top .header-right dl {}

    #Top .open-search {/*width: 0.36rem;height: 0.36rem;*/margin-right: 0.2rem;background-size: 0.3rem;}
    #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:#296099;}
    #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%;margin-bottom: 0.5rem;}
.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.active .swiper-slide figure,
.HomeBanner.active .swiper-slide img {animation: Banner 2s linear;}
.HomeBanner .txt {position:absolute;left:0;top:0;z-index:11;width:100%;height:100%;padding-top:2.5rem;color:#fff;}
.HomeBanner .txt .title1 {position: relative;line-height: 1.1;font-size:0.8rem;margin-bottom:0.3rem;font-weight: 700;}
.HomeBanner .txt .title1::after {content:'';position: absolute;top: -0.25rem;right: -0.25rem;width: 0.86rem;height: 0.84rem;background: url("../images/banner_icon.png") no-repeat center/contain;z-index: -1;animation: rotate360 8s linear infinite;}
.HomeBanner .txt .title1 {line-height: 1.1;font-size:0.8rem;margin-bottom:0.3rem;font-weight: 700;}
.HomeBanner .txt .title1 span {color: #4dc8f5;}
.HomeBanner .txt .title2 {font-size:0.24rem;margin-bottom:0.5rem;}
.HomeBanner .txt .homeMore span:nth-child(1) {margin-right: 0.2rem;}

.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.15rem;border-radius:30px;background-color: #fff;opacity: 1;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%);border:2px solid #fff;border-radius:50%;opacity: 0; transition: 0.3s;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet-active::after {opacity: 1;}
@keyframes rotate360 {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
@media (min-width:1025px) {
    .HomeBanner .txt .title1 {width: 48.5%;}
    .HomeBanner .txt .title2 {width: 39%;}
    .HomeBanner .swiper-slide .pc {height:9.6rem;}
    .HomeBanner .swiper-slide .wap {display:none;}
}
@media (max-width:1024px) {
    .HomeBanner {margin-bottom: 0.6rem;}
    .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.3rem;line-height: 1.8;font-weight: 400;}
    .HomeBanner .txt .title2 {font-size:0.24rem;}
    .HomeBanner .homeMore span {padding: 0 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 {display: inline-block;position: relative;padding-bottom: 0.3rem;line-height: 1.12;font-size: 0.48rem;font-weight: 700;text-transform: uppercase;}
.homeSubtit {font-size: 0.18rem;line-height: 1.875;}
.tac {text-align: center;}
@media (max-width: 1024px) {
    .homeTit {}
    .homeSubtit {font-size: 0.24rem;line-height: 1.6}
}

/*imgBox*/
.imgBox {position: relative;display: flex;align-items:center;justify-content:center;overflow: hidden;}
.imgBox img {width: 100%;height: 100%;transition: 0.5s; object-fit: cover;object-position: 50% 50%;}
.imgBox:hover img {transform: scale(1.08)}
.imgBox.nohover:hover img {transform: none;}

/*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:#296099;background-color: #296099;}
.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;filter:brightness(0) invert(1);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}
@media (min-width: 1025px) {
    .homeMore span:hover,
    .homeMore a:hover {color:#296099;background-color: #fff;}
    .homeMore span:hover::after,
    .homeMore a:hover::after {filter:none;}

}
@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;}

}

/*HomePartner*/
.HomePartner {margin-bottom: 1.3rem;}
.HomePartner h4 {margin-bottom: 0.2rem;text-align: center;font-weight: 700;color:#000;}
.HomePartner .scroll-wrapper {width: 100%;overflow: hidden;}
.HomePartner .scroll-list {display: flex;width: max-content; }
.HomePartner .scroll-list li:not(:last-child) {margin-right: 1.24rem;}
.HomePartner .scroll-list li a {display: block;width: 100%;height: 100%;}

/*HomeAbout*/
.HomeAbout {position: relative;padding-bottom: 1.2rem;background: url("../images/homeAbout_bg.png") no-repeat left bottom;}
.HomeAbout .top .pic {border-radius: 0.2rem 0.2rem 0.2rem 0;}
.HomeAbout .top .pic figure {padding-bottom: 66.66%;}
.HomeAbout .top .text {color:#000;}
.HomeAbout .top .text .homeTit {width: 90%;padding-bottom: 0.1rem;}
.HomeAbout .top .text .homeTit span {color: #296099;}
.HomeAbout .top .text .subTit {width: 92%;margin-bottom: 0.3rem;line-height: 1.25;font-size: 0.4rem;font-weight: 700;text-transform: uppercase;}
.HomeAbout .top .text .desc {color:#666;line-height: 1.55;}
.HomeAbout .top .more {display: none;}
.HomeAbout .top .more a {width: 0.6rem;height: 0.6rem;border-radius: 50%;background: #296099;transition: 0.3s;}
.HomeAbout .top .more a::after {content:'';width: 0.07rem;height: 0.12rem;background: url("../images/homeMore_icon.png") no-repeat center/contain;filter: brightness(0) invert(1);}
.HomeAbout .top .more a:hover {background-color: #1f4b78;}

.HomeAbout .bottom .videoBox {display: flex;justify-content: space-between;border-radius: 0.2rem 0 0.2rem 0.2rem;}
.HomeAbout .bottom .videoBox .more {}
.HomeAbout .bottom .videoBox .more a {width: 0.6rem;height: 0.6rem;border-radius: 50%;background: #296099;transition: 0.3s;}
.HomeAbout .bottom .videoBox .more a::after {content:'';width: 0.07rem;height: 0.12rem;background: url("../images/homeMore_icon.png") no-repeat center/contain;filter: brightness(0) invert(1);}
.HomeAbout .bottom .videoBox .more a:hover {background-color: #1f4b78;}
.HomeAbout .bottom .videoBox .video {position: relative;display: flex;justify-content: space-between;border-radius: 0.2rem 0 0.2rem 0.2rem;overflow: hidden;}
.HomeAbout .bottom .videoBox .video .playBtn {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 0.6rem;height: 0.6rem;border-radius: 50%;background: url("../images/playBtn.png") no-repeat center/0.14rem #fff;z-index: 10;}
.HomeAbout .bottom .videoBox .video a {position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 11;}
.HomeAbout .bottom .videoBox .video:hover img {transform: scale(1.08);}
.HomeAbout .bottom .numBox {display: flex;flex-wrap:wrap;align-items: center;justify-content: center;}
.HomeAbout .bottom .numBox .item:not(:last-child) {margin-right: 0.75rem;padding-right: 0.75rem;}
.HomeAbout .bottom .numBox .item:not(:last-child)::after {content:'';position: absolute;right:0;bottom:0;width: 1px;height: 0.7rem;background-color: #e6e6e6;}
.HomeAbout .bottom .numBox .item {position: relative;display: flex;align-items: baseline;justify-content: center;line-height: 1;}
.HomeAbout .bottom .numBox .num {color: #296099;font-weight: 700;font-size: 0.24rem;}
.HomeAbout .bottom .numBox .num span {margin-left: 0.1rem;font-size: 0.72rem;}
.HomeAbout .bottom .numBox .name {margin-left: 0.2rem;color: #666666;}

/*HomeProduct*/
.HomeProduct {padding:1.6rem 0;color:#fff;background-color: #296099;overflow: hidden;}
.HomeProduct .container {}
.HomeProduct .homeTit {position: relative;}
.HomeProduct .homeTit::before {content:'';position: absolute;top:-0.35rem;left:-0.4rem;width: 0.8rem;height: 0.8rem;border-radius: 50%;background-color: #4dc8f5;z-index: -1;}
.HomeProduct .desc {margin-bottom: 0.5rem;line-height: 1.66;}
.HomeProduct .imgBox {position: relative;width: 100%;padding-bottom: 100%;border-radius: 50%;}
.HomeProduct .imgBox img {position: absolute;top: 0;left: 0;}
.HomeProduct .HomeProduct-nav a {display: flex;align-items:center;color: #fff;}
.HomeProduct .HomeProduct-nav .icon {width: 0.5rem;height: 0.5rem;margin-right: 0.1rem;border-radius: 50%;background-color: #fff;}
.HomeProduct .HomeProduct-nav li.on {opacity: 1;}

/*HomeNews*/
.HomeNews {padding: 1.2rem 0;}
.HomeNews .HomeNews-top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.6rem;}
.HomeNews .HomeNews-top .homeTit {padding-bottom: 0;text-transform: capitalize;color:#000;}
.HomeNews .HomeNews-top .homeSubtit {color:#666;}
.HomeNews .HomeNews-top .left {max-width: 70%;}
.HomeNews .HomeNews-top .more {display: flex;}
.HomeNews .HomeNews-top .more a {width: 1.6rem;margin-left: 0.2rem;line-height: 0.5rem;text-align: center;border-radius: 50px;background-color: #f5f5f5;transition: 0.3s;}
.HomeNews .HomeNews-top .more a.on {color:#fff;background-color: #296099;}
.HomeNews .HomeNews-list ul {display: flex;margin-bottom: 0.3rem;}
.HomeNews .HomeNews-list li {flex-shrink:0;border-radius:0.2rem;background-color: #f5f6f7;transition: 0.3s;}
.HomeNews .HomeNews-list li:last-child {margin-bottom: 0;}
.HomeNews .HomeNews-list a {position: relative;padding: 0.6rem 0.4rem 0.5rem;}
.HomeNews .HomeNews-list a .text h4 {font-size: 0.24rem;color: #000;}
.HomeNews .HomeNews-list a .text .desc {}
.HomeNews .HomeNews-list a .text .time {display: flex;justify-content: space-between;align-items: center;margin-top: 0.8rem;padding-top: 0.14rem;border-top: 1px solid #cccccc;}
.HomeNews .HomeNews-list a .text .time em {font-style: normal;line-height: 1;font-size: 0.48rem;color:#000;font-weight: 700;}
.HomeNews .HomeNews-list a .text .time i {font-style: normal;line-height: 1.2;font-size: 0.18rem;text-align: right;}
.HomeNews .HomeNews-list a .text .more {position: absolute;right: 0;bottom: 0;width: 0.6rem;height: 0.6rem;border-radius: 50%;background: #296099;transition: 0.3s;cursor: pointer;display: none;}
.HomeNews .HomeNews-list a .text .more::after {content:'';position: absolute;top: 50%;left: 50%;width: 0.07rem;height: 0.12rem;transform:translate(-50%,-50%);background: url("../images/homeMore_icon.png") no-repeat center/contain;filter: brightness(0) invert(1);}
@media (min-width: 1025px) {
    .HomePartner ul li {height: 0.64rem;}
    /*.HomePartner ul li:not(:nth-child(8n)) {margin-right: 1.24rem;}*/
    /*.HomePartner ul li img {filter: grayscale(100)}*/
    /*.HomePartner ul li:hover img {filter: grayscale(0)}*/

    .HomeAbout {}
    .HomeAbout .top ,
    .HomeAbout .bottom {display: flex;}
    .HomeAbout .top .text {width: 53.12%;padding-right: 0.8rem;}
    .HomeAbout .top .text .desc {font-size: 0.18rem;}
    .HomeAbout .top .pic {width: 46.88%;}
    .HomeAbout .bottom .videoBox {width: 53.12%;}
    .HomeAbout .bottom .numBox {width: 46.88%;}
    .HomeAbout .bottom .numBox .name {font-size: 0.18rem;}

    .HomeProduct .container {display: flex;align-items: center;}
    .HomeProduct .container > div {position: relative;}
    .HomeProduct .left {width: 35%;padding-right: 0.7rem;z-index: 20;}
    .HomeProduct .left .desc {font-size: 0.18rem;}
    .HomeProduct .mid {width: 6rem;z-index: 20;}
    .HomeProduct .right {flex-shrink:0;margin-left: 13%;z-index: 10;}
    .HomeProduct .HomeProduct-nav {position: relative;display: flex;align-items:center;}
    .HomeProduct .HomeProduct-nav::after {content:'';position: absolute;top:50%;left:-3.4rem;width: 10.7rem;height: 10.7rem;transform:translateY(-50%);border-radius: 50%;background-color: #255689;z-index: 1;}
    .HomeProduct .HomeProduct-nav .bg {position: absolute;top: 50%;left: -1rem;width: 7.12rem;height: 7.12rem;transform:translateY(-50%);border-radius: 50%;background:url("../images/homeProduct_bg.png") no-repeat center/85%;background-color: #296099;z-index: 2;}
    .HomeProduct .HomeProduct-nav ul {position: relative;z-index: 10;}
    .HomeProduct .HomeProduct-nav li {opacity: 0.5;transition: 0.3s;}
    .HomeProduct .HomeProduct-nav li:nth-child(2) ,
    .HomeProduct .HomeProduct-nav li:nth-child(3) {transform: translateX(-0.7rem)}
    .HomeProduct .HomeProduct-nav li:not(:last-child) {margin-bottom: 0.7rem;}
    .HomeProduct .HomeProduct-nav li span {max-width: 1.7rem;max-height: 0.96rem;overflow: hidden;}
    .HomeProduct .HomeProduct-nav li:hover {opacity: 1;}

    .HomeNews .HomeNews-top .more a:hover {color:#fff;background-color: #296099;}
    .HomeNews .HomeNews-list li {width: 5.1rem;margin-right: 0.35rem;}
    .HomeNews .HomeNews-list li:hover {background: url("../images/homeNews_bg.png") no-repeat center/100% 100% #fff;}
    .HomeNews .HomeNews-list a {display: flex;width: 100%;height: 100%;}
    .HomeNews .HomeNews-list a .text {width: 100%;transition: 0.5s;}
    .HomeNews .HomeNews-list a .text h4 {margin-bottom: 0.15rem;font-size: 0.24rem;line-height: 1.2;}
    .HomeNews .HomeNews-list a .text .desc {line-height: 1.66;}
    .HomeNews .HomeNews-list a .text .time {transition: 0.1s;}
    .HomeNews .HomeNews-list li:hover {}
    .HomeNews .HomeNews-list li:hover a .text h4,
    .HomeNews .HomeNews-list li:hover a .text .desc {color:#fff;}
    .HomeNews .HomeNews-list li:hover a .text .time {display: none;}
    .HomeNews .HomeNews-list li:hover a .text .more {display: block;}
}
@media (min-width: 1025px) and (max-width: 1700px) {
    /*.HomeProduct .HomeProduct-nav .bg {background-size: 85%;}*/
}
@media (max-width: 1024px) {
    .HomePartner {margin-bottom: 0.6rem;}
    .HomePartner h4 {font-size: 0.3rem;}
    /*.HomePartner ul {flex-wrap: wrap;justify-content: space-between;}*/
    /*.HomePartner ul li {width: 48%;margin-top: 4%;}*/
    .HomePartner ul li .imgBox {height: 1rem;}
    .HomePartner ul li .imgBox img {width: auto;height: auto;max-height: 100%;}

    .HomeAbout {margin-top: 0.1rem;margin-bottom: 0.2rem;padding-bottom: 0.6rem;}
    .HomeAbout .content {padding: 0.4rem;}
    .HomeAbout .top {margin-bottom: 0.4rem;}
    .HomeAbout .top .text {margin-bottom: 0.4rem;}
    .HomeAbout .top .text .homeTit {font-size: 0.4rem;width: 100%;}
    .HomeAbout .top .text .subTit {font-size: 0.3rem;width: 100%;}
    .HomeAbout .top .text .desc {margin-bottom: 0.4rem;}
    .HomeAbout .top .more {display: block;}
    .HomeAbout .bottom .videoBox {margin-bottom: 0.4rem;}
    .HomeAbout .bottom .videoBox .more {display: none;}
    .HomeAbout .bottom .numBox .item:not(:last-child) {margin-right: 0.4rem;padding-right: 0.4rem;}

    .HomeProduct {padding: 0.8rem 0;}
    .HomeProduct .left {margin-bottom: 0.6rem;}
    .HomeProduct .mid {margin-bottom: 0.6rem;}
    .HomeProduct .HomeProduct-nav ul {display: flex;flex-wrap: wrap;}
    .HomeProduct .HomeProduct-nav li {width: 48%;margin-bottom: 4%;}
    .HomeProduct .HomeProduct-nav li:not(:nth-child(2n)) {margin-right: 4%;}
    .HomeProduct .HomeProduct-nav .icon {width: 0.8rem;height: 0.8rem;}

    .HomeNews {padding: 0.6rem 0;}
    .HomeNews .HomeNews-top {flex-wrap: wrap;}
    .HomeNews .HomeNews-top .left {max-width: 100%;width: 100%;}
    .HomeNews .HomeNews-top .more {width: 100%;margin-top: 0.3rem;}
    .HomeNews .HomeNews-top .more a {display: block;width: auto;line-height: 0.7rem;margin-left: 0;padding: 0 0.3rem;}
    .HomeNews .HomeNews-top .more a:not(:last-child) {margin-right: 0.2rem;}
    .HomeNews .HomeNews-list li {width: 4rem;}
    .HomeNews .HomeNews-list li:not(:last-child) {margin-right: 0.3rem;}
    .HomeNews .HomeNews-list a {display: block;padding: 0.4rem;}
    .HomeNews .HomeNews-list a .text h4 {font-size: 0.26rem;margin-bottom: 0.2rem;}
    .HomeNews .HomeNews-list a .text .time {padding:0.2rem 0.3rem;margin-bottom: 0.5rem;}
    .HomeNews .HomeNews-list a .text .time i {font-size: 0.22rem;}
}

/*innerBanner*/
.innerBanner {position: relative;overflow: hidden;}
.innerBanner::after {content:'';position: absolute;bottom:0;left:0;width: 100%;height: 2.21rem;background: url("../images/innerBanner_bg.png") no-repeat center bottom/cover;z-index: 10;}
.innerBanner.bg-gray::after {background-image: url("../images/history_bg2.png");}
.innerBanner .container {position: relative;}
.innerBanner.active .pc {animation: Banner 2s linear;}
.innerBanner.active .wap {animation: Banner 2s linear;}
.innerBanner .wap {display: none;}
.innerBanner .text {position: absolute;width: 100%;top: 1.8rem;left: 50%;transform: translateX(-50%);color: #fff;z-index: 10;}
.innerBanner .text .title {position: relative;width: 60%;line-height: 1.25;font-size:0.8rem;margin-bottom:0.3rem;font-weight: 700;}
.innerBanner .text .title::after {content:'';position: absolute;top: -0.3rem;left: -0.35rem;width: 0.8rem;height: 0.8rem;border-radius: 50%;background: linear-gradient(155deg, #49bbe7, rgba(73, 187, 231, 0.6), rgba(73, 187, 231, 0.1), transparent);z-index: -1;}
.innerBanner .text .title {line-height: 1.1;font-size:0.48rem;margin-bottom:0.3rem;font-weight: 700;}
.innerBanner .text .title span {color: #4dc8f5;}
.innerBanner .text .subtitle {width: 60%;font-size:0.24rem;}
@keyframes Banner {
    0% {transform: scale(1.1)}
    1000% {transform: scale(1)}
}
@media (max-width: 1024px) {
    .innerBanner {margin-top: 1.1rem;}
    .innerBanner .pc {display: none;}
    .innerBanner .wap {display: block;}
    .innerBanner .wap img {width: 100%;max-width: none;}
    .innerBanner .text {top: 0.8rem;z-index: 11;}
    .innerBanner .text .title,
    .innerBanner .text .subtitle {width: 100%;}
    .innerBanner .text .title {font-size: 0.36rem;line-height: 1.5;}
    .innerBanner .text .subtitle {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: #296099;}
.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;}
}



/*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: #f5f6f7;transition: 0.1s;}
.inner-nav li.on a,
.inner-nav li a:hover {color: #fff;background-color: #296099;}
.inner-nav li.on a {font-weight: 700;}
@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;}
}

/*innerTitle*/
.innerTitle {position: relative;margin-bottom: 0.2rem;line-height: 1.5;font-size: 0.48rem;font-weight: 700;color: #000;}
.innerTitle.tac {text-align: center;}
.innerTitle_desc {font-size: 0.24rem;color:#000;}
.innerSubtitle {position: relative;margin-bottom: 0.1rem;line-height: 1.2;font-size: 0.2rem;}
.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;}
}

/*Footer*/
#Footer{padding: 1rem 0 0.5rem;color:#fff;background: url("../images/footer_bg.jpg") no-repeat top center/cover;}
#Footer .auto {max-width: 17.6rem;width: 94%;margin: 0 auto;}
#Footer .Footer-search {padding-bottom: 0.6rem;margin-bottom: 0.6rem; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#Footer .Footer-search h4 {flex-shrink: 0;width: 100%;margin-bottom: 0.14rem;font-size: 0.24rem;}
#Footer .Footer-search .left {display: flex;}
#Footer .Footer-search .left .searchBox {display: flex;justify-content:space-between;align-items:center;margin-right: 0.4rem;padding: 5px;border-radius: 50px;border:1px solid #fff;}
#Footer .Footer-search .left .searchBox .text {width: calc(100% - 0.6rem);padding:0 0.3rem;color:#fff;border: 0;background: none;}
#Footer .Footer-search .left .searchBox .btn {width: 0.6rem;height:0.4rem;border-radius:0.2rem;background: url("../images/icon_search_b.png") no-repeat center/0.18rem #fff;}
#Footer .Footer-search .left .hotsearch {display: flex;flex-wrap:wrap;align-items: center;}
#Footer .Footer-search .left .hotsearch .name {margin-right: 0.3rem;padding-left: 0.2rem;background: url("../images/icon_hot.png") no-repeat left center/0.12rem;}
#Footer .Footer-search .left .hotsearch a {position: relative;color: rgba(255, 255, 255, 0.8);font-size: 0.14rem;line-height: 1;opacity: 0.8;transition: 0.3s;}
#Footer .Footer-search .left .hotsearch a:not(:last-child) {margin-right: 0.3rem;}
#Footer .Footer-search .left .hotsearch a:not(:last-child)::after {content:'';position: absolute;top:0;right: -0.15rem;width: 1px;height: 100%;background-color: #fff;}
#Footer .Footer-search .left .hotsearch a:hover {color:#fff;}
#Footer .Footer-search .footer-contact a {flex-shrink:0;display: flex;justify-content:center;align-items:center;width: 2rem;height: 0.5rem;color:#fff;border-radius: 30px;border:1px solid #fff;}
#Footer .Footer-search .footer-contact a::before {content:'';width: 0.25rem;height: 0.23rem;margin-right: 0.1rem;background: url("../images/icon_contact.png") no-repeat center/contain;}
#Footer .Footer-search .footer-contact a:hover {color: rgba(255, 255, 255, 0.7);}

#Footer .mid {padding-bottom: 0.6rem; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#Footer .mid .logo {max-width: 2rem;margin-bottom: 0.6rem;}
#Footer .mid .logo img {filter: brightness(0) invert(1);}
#Footer .mid .name {margin-bottom: 0.3rem;font-size: 0.22rem;font-weight: 700;}
#Footer .mid .share {margin-bottom: 0.4rem;}
#Footer .mid .share a {display: inline-block;width: 0.5rem;height: 0.5rem;margin-right: 0.2rem;border-radius: 50%;border:1px solid rgba(255, 255, 255, 0.1);background-repeat:no-repeat;background-position:center;background-size: contain;transition: 0.3s;}
#Footer .mid .share a.facebook {background-image: url("../images/footer_icon1.png")}
#Footer .mid .share a.twitter {background-image: url("../images/footer_icon2.png")}
#Footer .mid .share a.pinterest‌ {background-image: url("../images/footer_icon3.png")}
#Footer .mid .share a.linkedIn‌ {background-image: url("../images/footer_icon4.png")}
#Footer .mid .share a:hover {border-color:#fff;}
#Footer .mid .footerNav a {color: #fff;}
#Footer .mid .footerNav dd {margin-bottom: 0.1rem;}
#Footer .mid .footerNav dt a:hover,
#Footer .mid .footerNav dd a:hover {opacity: 0.7;}

#Footer .copyright {padding: 0.3rem 0;text-align: center;color: rgba(255, 255, 255, 0.5);}
@media (min-width: 1025px) {
    #Footer .container {display: flex;justify-content: space-between;}
    #Footer .Footer-search .left {width: 70%;overflow: hidden;}
    #Footer .Footer-search .searchBox {flex-shrink: 0;}
    #Footer .Footer-search .hotsearch {width: 70%;}

    #Footer .mid {display: flex;}
    #Footer .mid .left {width: 25%;border-right: 1px solid rgba(255, 255, 255, 0.1);}
    #Footer .mid .footerNav {display: flex;justify-content: space-between;width: 75%;padding-left: 1.6rem;}
    #Footer .mid .footerNav dt {margin-bottom: 0.2rem; font-size: 0.18rem;}

    #Footer .copyright {font-size: 0.14rem;}
}
@media (max-width: 1024px) {
    #Footer {padding-top: 0.7rem;}
    #Footer .container { display: flex;flex-direction: column;align-items: center;}

    #Footer .Footer-search {text-align: center;}
    #Footer .Footer-search h4 {margin-bottom: 0.3rem;font-size: 0.26rem;}
    #Footer .Footer-search .left {flex-wrap: wrap;justify-content: center;}
    #Footer .Footer-search .left .searchBox {margin-right: 0;margin-bottom: 0.3rem;}
    #Footer .Footer-search .left .hotsearch {margin-bottom: 0.3rem;}
    #Footer .Footer-search .left .hotsearch .name {padding-left: 0.32rem;background-size: 0.2rem;}
    #Footer .Footer-search .left .hotsearch a {font-size: 0.24rem;}

    #Footer .mid {padding-bottom: 0;border-bottom: 0;}
    #Footer .mid .left {display: flex;flex-direction: column;align-items: center;}
    #Footer .mid .name {font-size: 0.26rem;}
    #Footer .mid .share a {width: 0.9rem;height: 0.9rem;}
    #Footer .mid .footerNav {margin-bottom: 0.4rem;}
    #Footer .mid .footerNav dl {width: 100%;margin-right: 0 !important;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: 0.2rem;}
    #Footer .mid .footerNav dl dt {position: relative;font-size: 0.26rem;margin-bottom: 0;}
    #Footer .mid .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);filter:brightness(0) invert(1);transition: .3s;}
    #Footer .mid .footerNav dl dt.on::after {transform: rotate(180deg);}
    #Footer .mid .footerNav dl .dd-wrap {display: none;margin-top: 0.2rem;}

    #Footer .copyright {text-align: center;}
    #Footer .copyright div:nth-child(1) {margin-bottom: 0.2rem;}
}

.button-prev,
.button-next {position: absolute;width: 0.6rem;height: 0.6rem;top:40%;transform: translateY(-50%);border:1px solid #fff;border-radius:50%;cursor: pointer;}
.button-prev {left: -0.7rem;}
.button-next {right: -0.7rem;}
.button-prev::after ,
.button-next::after {content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.1rem;height: 0.08rem;background-repeat: no-repeat;background-position: center;background-size: contain;}
.button-prev::after {background-image: url("../images/swiper_prev.png")}
.button-next::after {background-image: url("../images/swiper_next.png")}
.button-prev:hover::before,
.button-next:hover::before {background-color: #296099;}
.button-prev:hover::after,
.button-next:hover::after {filter: brightness(0) invert(1);}

/*About*/
.About{}
.About-intro {padding: 1rem 0;}
.About-intro .container {margin-bottom: 0.4rem;}
.About-intro .numBox {padding-right: 0.9rem;}
.About-intro .numBox .item {position: relative;display: flex;align-items: baseline;line-height: 1;padding-bottom:0.1rem;border-bottom: 1px solid #e6e6e6;}
.About-intro .numBox .item:not(:last-child) {margin-bottom: 0.2rem;}
.About-intro .numBox .num {color: #296099;font-weight: 700;font-size: 0.24rem;}
.About-intro .numBox .num span {margin-left: 0.1rem;font-size: 0.6rem;}
.About-intro .numBox .name {margin-left: 0.2rem;color: #666666;}
.About-intro .img-list ul {display: flex;}
.About-intro .img-list li {position: relative;display: flex;align-items:center;height: 5rem;padding: 0 0.2rem;border-radius: 0.2rem;background-color: #f5f6f7;cursor: pointer;overflow: hidden;}
.About-intro .img-list li .icon {height: 0.7rem;margin-bottom: 0.2rem;}
.About-intro .img-list li h4 {font-size: 0.22rem;line-height: 1.45;color:#333;transition: 0.5s;}
.About-intro .img-list li .normal {position: relative;text-align: center;z-index: 10;transition: 0.5s;}
.About-intro .img-list li .hover {position: relative;opacity: 0;visibility: hidden;z-index: 10;transition: 0.5s;}
.About-intro .img-list li .hover > * {transform:translateY(30px);transition: 0.5s;}
.About-intro .img-list li .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;opacity: 0;z-index: 1;}

.Mission {padding: 1.6rem 0 1rem;background: url("../images/mission_bg.jpg") no-repeat center/cover;}
.Mission .bd {width: 5.8rem;}
.Mission .bd .icon {height: 0.46rem;margin-bottom: 0.2rem;}
.Mission .bd .icon img {max-height: 100%;object-fit: contain;}
.Mission .bd h4 {margin-bottom: 0.2rem;line-height: 1;font-size: 0.48rem;color:#fff;}
.Mission .bd .desc {height: 1.5rem;line-height: 1.66;margin-bottom: 0.6rem;font-size: 0.18rem;color:#fff;overflow: hidden;}
.Mission .bd.slide-up .content {transform: translateX(0);opacity: 1;transition: 0.3s;}
.Mission .bd.slide-down .content {transform: translateX(30px);opacity: 0;}
.Mission .hd ul {display: flex;border-radius: 0.2rem;overflow: hidden;}
.Mission .hd li {width: 33.33%;padding: 0.6rem 0.9rem;backdrop-filter: blur(40px);transition: 0.5s;cursor: pointer;}
.Mission .hd li:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.2);}
.Mission .hd .icon {height: 0.4rem;margin-bottom: 0.2rem;}
.Mission .hd .icon img {max-height: 100%;object-fit: contain;}
.Mission .hd h4 {line-height: 1;font-size: 0.24rem;color:#fff;}
.Mission .hd .desc {display: none;}
.Mission .hd li.on {background: #296099;}

.Producer {position: relative;padding: 1.5rem 0 3rem;color:#fff;overflow: hidden;}
/*.Producer svg {display: none;}*/
.Producer .auto { max-width: 1800px;margin: auto;}
/*.Producer > div { position: relative;z-index: 10;}*/
/*.Producer .bg {position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 1;}
.Producer .bg img {width: 100%;height: 100%;object-fit: cover;}*/
.Producer .img {position: absolute;top:0;width: 54.9%;height: 100%;z-index: 1;}
.Producer .img img {width: 100%;height: 100%;object-fit: cover;object-position: 100% 50%;}
.Producer .innerSubtitle {margin-bottom: 0;}
.Producer .innerTitle {color:#fff;}
.Producer .text {height: 1.8rem;margin-bottom: 0.8rem;}
.Producer .item-info {position: relative;z-index: 10;}
.Producer .item-info.slide-up {transform: translateY(0);opacity: 1;transition: 0.5s;}
.Producer .item-info.slide-down {transform: translateY(20px);opacity: 0;}
.Producer .text .desc {line-height: 2;}
.Producer ul {position: relative;display: flex;flex-wrap: wrap;z-index: 10;}
.Producer li {display: flex;align-items:center;width: 48.5%;padding: 0.16rem 0.2rem;border-radius: 0.1rem;background: rgba(255,255,255,0.1);transition: 0.3s;cursor: pointer;}
.Producer li:not(:nth-child(2n)) {margin-right: 3%;}
.Producer li:nth-child(2) ~ li {margin-top: 3%;}
.Producer li .icon {flex-shrink:0;margin-right: 0.1rem;height: 0.28rem;}
.Producer li .icon img {max-height:100%;}
.Producer li .content {display: none;}
.Producer li.on ,
.Producer li:hover {background-color: #296099;}
.Producer .mCSB_scrollTools .mCSB_draggerRail {background-color: rgba(255,255,255,0.2);}
.Producer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 2px;}
.Producer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #fff;}
.Producer .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.Producer .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.Producer .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #eee;}

.About-support {padding: 0.5rem 0 1rem;}
.About-support li {padding: 0.6rem 0.5rem;border:1px solid #e6e6e6;border-radius: 0.2rem;cursor: pointer;}
.About-support li .icon {flex-shrink:0;width: 0.72rem;height: 0.72rem;margin-right: 0.3rem;}
.About-support li .text {width: calc(100% - 0.72rem);}
.About-support li .text h4 {margin-bottom: 0.1rem;font-size: 0.24rem;color: #000;}
.About-support li .text .desc {max-height:0.9rem;font-size: 0.18rem;line-height: 1.3;overflow: hidden;}

.History {position: relative;padding-top: 1.2rem;height:8.6rem;color:#fff;background: url("../images/history_bg.jpg") no-repeat center/cover;}
.History::before {content: "";display: block;height: 1rem; margin-top: -1rem;visibility: hidden;pointer-events: none;}
.History::after {content:'';position: absolute;bottom:0;left:0;width: 100%;height: 2.21rem;background: url("../images/history_bg2.png") no-repeat center bottom;z-index: 10;}
.History .innerTitle {margin-bottom: 0.9rem;color:#fff;}
.History .swiperBox {position: relative;width: 100%;margin: auto;text-align: center;}
.History .swiperBox::before {content:'';position: absolute;top:1.37rem;left:0;width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.1);}
.History .swiperBox .swiper {position: absolute;width: 16rem;left:50%;transform: translateX(-50%);padding-top: 0.8rem;}
.History .swiperBox .title {display: flex;align-items:center;font-size: 0.36rem;}
.History .swiperBox .title::before {content:'';width: 0.1rem;height: 0.1rem;margin-right: 0.3rem;border:2px solid #fff;border-radius: 50%;}
.History .swiperBox .title::after {content:'';padding:0.07rem;border:10px solid #fff;border-radius: 50%;background-color: #296099;display: none;}
.History .swiperBox .content {display: none;}
.History .swiperBox .content h4{margin-bottom: 0.1rem;font-size: 0.24rem;}
.History .swiperBox .content .desc {line-height: 1.875;}
.History .swiperBox .swiper-slide {width: 33.3%;padding-left: 1px;}
.History .swiperBox .swiper-slide.swiper-slide-prev {padding-top: 0.3rem;padding-left: 0.6rem;}
.History .swiperBox .swiper-slide.swiper-slide-next {padding-top: 0.3rem;padding-left: 1.65rem;}
.History .swiperBox .swiper-slide-active .title {flex-direction:column;justify-content: center;font-weight: 700;transform: translateY(-0.64rem);}
.History .swiperBox .swiper-slide-active .title::before {display: none;}
.History .swiperBox .swiper-slide-active .title::after {margin-top: 0.5rem;display: block;}
.History .swiperBox .swiper-slide-active .content {display: block;margin: 0 -1.5rem;}
.History .button-prev,
.History .button-next {top:1.36rem;left: 50%;backdrop-filter: blur(10px);z-index: 50;}
.History .button-prev:hover,
.History .button-next:hover {border-color: #296099;background-color: #296099;}
.History .button-prev{margin-left: -3.6rem;}
.History .button-next {margin-left: 3rem;}
.History .button-prev::after ,
.History .button-next::after {height: 0.14rem;filter: brightness(0) invert(1);}

.Honor {padding: 1rem 0;background-color: #f5f6f7;}
.Honor-top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.2rem;}
.Honor-top .homeTit {padding-bottom: 0;text-transform: capitalize;color:#000;}
.Honor-top .homeSubtit {color:#666;}
.Honor-top .left {max-width: 70%;}
.Honor-top .more {display: flex;}
.Honor-top .more a {width: 2rem;margin-left: 0.2rem;line-height: 0.5rem;text-align: center;border-radius: 50px;background-color: #fff;transition: 0.3s;}
.Honor-top .more a.on {color:#fff;background-color: #296099;}
.Honor .swiperBox > div {position: relative;}
.Honor .swiperBox .imgBox {margin-bottom: 0.2rem;padding: 0.5rem 0.9rem;height: 3rem;border-radius: 0.2rem; background-color: #fff;}
.Honor .swiperBox .text {font-size: 0.2rem;line-height: 1.5;font-weight: 700;color:#000;}
.Honor .button-prev,
.Honor .button-next {width: 0.5rem;height: 0.5rem;background-color: #fff;transition: 0.3s;}
.Honor .button-prev::after,
.Honor .button-next::after {height: 0.12rem;}
.Honor .button-prev:hover,
.Honor .button-next:hover {background-color: #296099;}

.Team {padding: 1rem 0;}
.Team .pic {border-radius: 0.2rem;}
.Team .pic figure {padding-bottom: 66.17%;}
.Team .swiper-scrollbar {position: relative;width: 100%;height: 2px;margin-top: 0.4rem;background-color: rgba(0, 0, 0, 0.1);}
.Team .swiper-scrollbar-drag {position: absolute;top: 0;height: 2px;background-color: #296099;}

.Base {padding-bottom: 1rem;}
.Base::before {content: "";display: block;height: 1rem; margin-top: -1rem;visibility: hidden;pointer-events: none;}
.Base > div {position: relative;}
.Base .pic:hover figure {transform: none;}
.Base .bigImg {margin-bottom: 0.4rem;border-radius: 0.2rem;overflow: hidden;}
.Base .bigImg figure {padding-bottom: 42.85%;}
.Base .button-prev,
.Base .button-next {top:auto;bottom: 1.2rem;width: 0.5rem;height: 0.5rem;transform:none;border:1px solid #eee;background-color: #fff;transition: 0.3s;}
.Base .button-prev::after,
.Base .button-next::after {height: 0.14rem;}
.Base .button-prev:hover,
.Base .button-next:hover {background-color: #296099;}
.Base .smallImg .swiper-slide {position: relative;border-radius: 0.2rem;overflow: hidden;}
.Base .smallImg .swiper-slide::after {content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;border: 3px solid #296099;border-radius: 0.2rem;z-index: 10;opacity: 0;transition: 0.3s;}
.Base .smallImg .swiper-slide-thumb-active::after {opacity: 1;}
.Base .smallImg figure {padding-bottom: 67.26%;}
@media (min-width: 1025px) {
    .About-intro .container {display: flex;justify-content: space-between;}
    .About-intro .text {width: 69.28%;}
    .About-intro .text .desc {line-height: 1.7;font-size: 0.18rem;}
    .About-intro .numBox {width: 22.85%;}
    .About-intro .numBox .name {font-size: 0.18rem;}
    .About-intro .img-list ul {display: flex;}
    .About-intro .img-list li {width: 20%;transition: 0.5s;}
    .About-intro .img-list li:not(:last-child) {margin-right: 1.4%;}
    .About-intro .img-list li .normal h4 {width: 2.4rem;}
    .About-intro .img-list li .hover {position: absolute;top:50%;left:0;transform: translateY(-50%);padding: 0 0.5rem;}
    .About-intro .img-list li .desc {width: 59%;line-height: 1.875;}
    .About-intro .img-list li.on {width: 57.14%;}
    .About-intro .img-list li.on .bg {opacity: 1;}
    .About-intro .img-list li.on .normal {opacity: 0;visibility: hidden;}
    .About-intro .img-list li.on1 .hover {opacity: 1;visibility: visible;}
    .About-intro .img-list li.on1 .hover > *  {transform:translateY(0);}
    .About-intro .img-list li.on .icon img {filter: brightness(0) invert(1);}
    .About-intro .img-list li.on h4 {margin-bottom: 0.2rem;color:#fff;}
    .About-intro .img-list li.on .desc {color:#fff;}

    .Producer .container {display: flex;justify-content: space-between;}
    .Producer .img1 {height: calc(100% + 1px);top:-1px;left:0;z-index: 5;clip-path: url(#arcRight);overflow: hidden;}
    .Producer .img1 svg {width: 100%;height: 100%;}
    .Producer .img2 {width: 58%;right:0;z-index: 2;}
    .Producer .item {width: 42%;}
    .Producer .desc {line-height: 2;font-size: 0.18rem;}

    .About-support ul {display: flex;justify-content: space-between;}
    .About-support li {display: flex;align-items:center;justify-content:center;width: 48.57%;}

    .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%;}

    .Team .swiper {overflow: visible;}
}
@media (min-width: 1025px) and (max-width: 1700px) {
    .Producer .auto {width: 86%;}
}
@media (max-width: 1024px) {
    .About {padding: 0.5rem 0;}

    .About-intro {padding: 0 0;}
    .About-intro .container {margin-bottom: 0.5rem;}
    .About .intro .desc {height: auto;margin-bottom: 0.4rem;}
    .About-intro .numBox {display: flex;justify-content: space-between;margin-top: 0.3rem;}
    .About-intro .numBox .item {width: 48%;}
    .About-intro .numBox .item:not(:last-child) {margin-bottom: 0;}
    .About-intro .img-list ul {flex-wrap: wrap;}
    .About-intro .img-list li {width: 100%;height: 7rem;padding: 0.5rem;}
    .About-intro .img-list li:not(:last-child) {margin-bottom: 0.4rem;}
    .About-intro .img-list li .normal {display: none;}
    .About-intro .img-list li .bg,
    .About-intro .img-list li .hover {opacity: 1;visibility: visible;}
    .About-intro .img-list li .hover > * {transform: none;}
    .About-intro .img-list li .hover .icon img {filter: brightness(0) invert(1)}
    .About-intro .img-list li .hover h4 {color: #fff;font-size: 0.3rem;margin-bottom: 0.3rem;}
    .About-intro .img-list li .hover .desc {color: #fff;}

    .Mission {padding-top: 1rem;}
    .Mission .bd .desc {font-size: 0.24rem;}
    .Mission .hd li {padding: 0.5rem;}
    .Mission .hd .icon {height: 0.5rem;}
    .Mission .hd h4 {line-height: 1.5;font-size: 0.3rem;}

    .Producer {padding-top: 0.5rem;padding-bottom: 0.5rem}
    .Producer .auto {padding: 0 15px; }
    .Producer .item {position: relative;padding: 0.7rem 0.5rem;}
    .Producer .img {left:0;width: 100%;}
    .Producer .img1 {}
    .Producer .img1 svg {display: none;}
    .Producer .img2 {}
    .Producer .item:not(:last-child) {margin-bottom: 0.5rem;}

    .About-support {padding: 0.6rem 0;}
    .About-support li:not(:last-child) {margin-bottom: 0.3rem;}
    .About-support li .icon {margin-bottom: 0.3rem;}
    .About-support li .text h4 {font-size: 0.3rem;}
    .About-support li .text .desc {font-size: 0.24rem;}

    .History {height: 10.6rem;padding: 0.6rem 0;}
    .History .swiperBox .swiper {width: 100%;}
    .History .swiperBox .swiper-slide {width: 100%;}
    .History .swiperBox .swiper-slide-active .content {margin: 0;padding: 0 0.4rem;}
    .History .swiperBox .swiper-slide-active .title::after {margin-top: 0.4rem;}
    .History .swiperBox .content h4 {margin-bottom: 0.3rem;font-size: 0.3rem;}
    .History .button-prev {margin-left: 0;left: 0.3rem;}
    .History .button-next {margin-left: 0;left: auto;right: 0.3rem;}

    .Honor {padding: 0.6rem 0;}
    .Honor-top {flex-wrap: wrap;margin-bottom: 0.4rem;}
    .Honor-top .innerTitle {width: 100%;}
    .Honor-top .more {justify-content: center;width: 100%;}
    .Honor-top .more a {width: 48.5%;padding: 0.14rem 0.1rem;}
    .Honor .swiperBox {height: auto;}
    .Honor .swiperBox .imgBox {height: auto;padding: 0.2rem;}
    .Honor .swiperBox .text {font-size: 0.24rem;}
    .Honor .button-prev,
    .Honor .button-next {display: none;}

    .Base .smallImg {padding: 0 0.6rem;}
    .Base .button-prev ,
    .Base .button-next {bottom: 0.2rem;width: 0.7rem;height: 0.7rem;}
    .Base .button-prev {left: 0.1rem;}
    .Base .button-next {right: 0.1rem;}
}

/*Quality*/
.Quality-list {padding: 0.9rem 0;}
.Quality-list .item {position: relative;}
.Quality-list .item:not(:last-child) {margin-bottom: 0.8rem;}
.Quality-list .item .text .icon {height: 0.46rem;margin-bottom: 0.1rem;}
.Quality-list .item .text h4 {margin-bottom: 0.1rem;font-size: 0.3rem;color: #000;}
.Quality-list .item .text .desc {height: 1.2rem;line-height: 1.875;}
.Quality-list .item .pic figure {padding-bottom: 64.7%;}
.Quality-honor {padding: 1rem 0;background: url("../images/quality_bg.png") no-repeat top center;}
.Quality-honor .top {margin-bottom: 0.7rem;text-align:center;color:#fff;}
.Quality-honor .top h4 {margin-bottom: 0.2rem;font-size: 0.3rem;}
.Quality-honor .top .desc {max-width:9.3rem;line-height: 1.875;margin: auto;}
.Quality-honor .list li {border-radius: 0.2rem;overflow: hidden;}
.Quality-honor .list li .pic {margin-bottom: 0.4rem;}
.Quality-honor .list li:not(:nth-child(1)) .pic {border-radius: 0.2rem;}
.Quality-honor .list li figure {padding-bottom: 58.8%;}
@media (min-width: 1025px) {
    .Quality-list .item {display: flex;}
    .Quality-list .item:nth-child(2n-1) {justify-content: flex-end;}
    .Quality-list .item .text {position: absolute;top:50%;width: 50.5%;transform: translateY(-50%);padding: 0.8rem;border-radius: 0.2rem;background-color: #fff;overflow: hidden;z-index: 10;}
    .Quality-list .item:nth-child(2n-1) .text {left: 0;}
    .Quality-list .item:nth-child(2n) .text {right: 0;}
    .Quality-list .item .pic {position: relative;width: 60.7%;border-radius: 0.2rem;z-index: 5;}
    .Quality-honor .list ul {display: flex;flex-wrap: wrap;}
    .Quality-honor .list li {flex-shrink: 0;width: 48.5%;margin-bottom: 3%;}
    .Quality-honor .list li:nth-child(2n-1) {margin-left: 3%;}
    .Quality-honor .list li:nth-child(1) {width: 100%;margin-left: 0;background-color: #fff;}
    .Quality-honor .list li:nth-child(1) a {display: flex;align-items: center;}
    .Quality-honor .list li:nth-child(1) .pic {flex-shrink: 0;width: 48.5%;margin-bottom: 0;}
    .Quality-honor .list li:nth-child(1) .text {padding: 0 1.4rem 0 0.7rem;}
    .Quality-honor .list li .text h4 {margin-bottom: 0.2rem;font-size: 0.24rem;color: #000;}
    .Quality-honor .list li .text .desc {line-height: 1.875;}
}
@media (max-width: 1024px) {
    .Quality-list .item .text {margin-bottom: 0.5rem;}
    .Quality-list .item .text .desc {height: 2.3rem;}
    .Quality-honor {padding-bottom: 0.5rem;}
    .Quality-honor .list li {margin-bottom: 0.5rem;}
    .Quality-honor .list li .text h4 {font-size: 0.28rem;color: #000;margin-bottom: 0.2rem;}
    .Quality-honor .list li:nth-child(1) .pic {border-radius: 0.2rem;}
    .Quality-honor .list li:nth-child(1) .text h4 ,
    .Quality-honor .list li:nth-child(1) .text .desc {color:#fff;}

}


.Technology {padding: 1rem 0;}
.Technology .item .pic figure {height: 5.2rem;}
.Technology .item .pic:hover figure {transform: none;}
.Technology .item .text h4 {margin-bottom: 0.14rem;font-size: 0.48rem;color: #000;}
.Technology .item .text .desc {height: 1.9rem;font-size: 0.18rem;line-height: 2;}
.Technology .has-icon ul li .icon {width: 0.6rem;height: 0.6rem;}

.Performance {margin-bottom: 1rem;}
.Performance .container dl {padding: 0.6rem 0.7rem 0.4rem;}
.Performance .container dt {padding-bottom: 0.2rem;font-size: 0.2rem;font-weight: 700;color: #296099;}
.Performance .container dd {padding: 0.4rem 0 0.2rem;border-top: 1px solid #e5e5e5;}
.Performance .container dd .name {margin-bottom: 0.05rem;}
.Performance .container dd .title {color:#333;}
@media (min-width: 1025px) {
    .Technology .item {position: relative;display: flex;align-items:center;justify-content: flex-end;height: 5.2rem;}
    .Technology .item:nth-child(2n) {justify-content: flex-start;}
    .Technology .item .pic {position: absolute;top:0;width: 8.7rem;overflow: visible;}
    .Technology .item:nth-child(2n-1) .pic {right: calc(50% + 0.9rem);}
    .Technology .item:nth-child(2n-1) .pic figure {border-radius: 0 2.6rem 2.6rem 0;}
    .Technology .item:nth-child(2n) .pic {left: calc(50% + 0.9rem);border-radius: 2.6rem 0 0 2.6rem;}
    .Technology .item:nth-child(2n) .pic figure {border-radius: 2.6rem 0 0 2.6rem;}
    .Technology .text {width: 50%;}
    /*.Technology .item.has-icon:nth-child(2n) .pic {padding-left: 0.9rem;}*/
    .Technology .has-icon .pic {width: 7rem;}
    .Technology .item.has-icon:nth-child(2n) .pic {left: calc(50% + 2.5rem);}
    .Technology .has-icon ul {position: absolute;top:50%;right: 100%;transform: translateY(-50%);}
    .Technology .has-icon ul li {position: relative;display: flex;justify-content: flex-end;align-items:center;width: 2.4rem;}
    .Technology .has-icon ul li .icon {flex-shrink: 0;width: 0.6rem;height: 0.6rem;margin-left: 0.2rem;}
    .Technology .has-icon ul li .name {text-align: right;font-size: 0.18rem;color: #000;line-height: 1.7;}
    .Technology .has-icon ul li:nth-child(1) {top:-1rem;right: -0.9rem;}
    .Technology .has-icon ul li:nth-child(2) {right: -0.3rem;}
    .Technology .has-icon ul li:nth-child(3) {top:1rem;right: -0.9rem;}

    .Performance .container {display: flex;justify-content: space-between;border-radius: 0.2rem;border: 1px solid #e5e5e5;}
    .Performance .container dl {flex-shrink:0;width: 50%;}
    .Performance .container dl:nth-child(1) {border-right: 1px solid #e5e5e5;}
    .Performance .container dd .name {font-size: 0.18rem;}
    .Performance .container dd .title {font-size: 0.2rem;}
}

@media (max-width: 1024px) {
    .Technology {padding-bottom: 0.5rem;}
    .Technology .item {margin-bottom: 0.5rem;}
    .Technology .item .pic {margin-bottom: 0.3rem;}
    .Technology .item .text h4 {font-size: 0.34rem;}
    .Technology .item .text .desc {font-size: 0.24rem;}
    .Technology .has-icon ul {display: flex;margin-bottom: 0.3rem;justify-content: space-between;}
    .Technology .has-icon ul li {display: flex;flex-direction:column-reverse;justify-content: flex-end;width: 32%;text-align: center;align-items: center;}
    .Technology .has-icon ul li .icon {margin-bottom: 0.2rem;}
    .Technology .has-icon ul li .name {color:#333;font-size: 0.26rem;}

    .Performance .container dl {padding: 0;}
    .Performance .container dl:not(:last-child) {margin-bottom: 0.4rem;}
    .Performance .container dt {font-size: 0.3rem;}
}


/*Product*/
.product-ban .text .title {width: 44%;margin-bottom: 0.1rem;}
.product-ban .text .title::after {display: none;}
.product-ban .text .subtitle {width: 44%;margin-bottom: 0.5rem;font-size: 0.2rem;}
.product-ban .homeMore a {padding: 0 0.25rem;margin-right: 0.2rem;}

.Product-featured {padding: 1rem 0;}
.Product-featured .text {position: absolute;z-index: 10;}
.Product-featured .top {position: relative;border-radius: 0.2rem;overflow: hidden;}
.Product-featured .top .imgBox{height: 7.5rem;}
.Product-featured .top .text {top:0;left:0;width: 100%;height: 100%;padding: 0.8rem 1.2rem;color:#fff;text-align: center;}
.Product-featured .top .text h4 {margin-bottom: 0.1rem;font-size: 0.3rem;}
.Product-featured .top .text .desc {margin-bottom: 0.3rem;line-height: 1.875;}
.Product-featured .top .homeMore a {padding:0 0.2rem;}
.Product-featured .top .homeMore a:nth-child(1) {margin-right: 0.2rem;}
.Product-featured li {border-radius: 0.2rem;overflow: hidden;}
.Product-featured li a {position: relative;display: block;width: 100%;height: 100%;}
.Product-featured li .imgBox {height: 2.3rem;}
.Product-featured li .text {display: flex;justify-content: center;align-items:center;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);transition: 0.3s;}
.Product-featured li .text h4 {font-size: 0.3rem;font-weight: 700;color:#fff}

.Product-search::before {content: "";display: block;height: 1rem;margin-top: -1rem;visibility: hidden;pointer-events: none;}
.Product-searchWrapper {position: relative;padding: 1rem 0;background: url("../images/product_bg1.jpg") no-repeat center/cover;z-index: 50;}
.Product-search .container {position: relative;width: 90%;max-width: 9.5rem;margin: auto;}
.Product-search .open-product-search {display: flex;justify-content: space-between;padding: 0 0.4rem;font-size: 0.18rem;line-height: 0.6rem;border-radius: 0.05rem;background-color: #fff;cursor: pointer;transition: 0.3s;}
.Product-search .open-product-search.on {border-radius: 0.05rem 0.05rem 0 0;}
.Product-search .open-product-search::after {content:'';width: 0.14rem;width: 0.1rem;background: url("../images/arrow_down.png") no-repeat center/contain;transition: 0.3s;}
.Product-search .open-product-search.on::after {transform: rotate(180deg);}
.Product-search .dropList {position: absolute;top: 100%;left: 0;width: 100%;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);border-top:1px solid #cccccc;display: none;}
.Product-search .dropList .dropList-wrapper {display: flex;}
.Product-search .category-hd {width: 34.31%;padding: 0.4rem 0 0.4rem 0.2rem;background-color: #f7f7f7;}
.Product-search .category-hd .item {padding: 0 0.2rem;font-size: 0.18rem;line-height: 0.6rem;cursor: pointer;}
.Product-search .category-hd .item.on {color:#fff;background-color: #296099;}
.Product-search .category-bd {width: 65.69%;}
.Product-search .category-bd .item {padding:0.4rem;background-color: #fff;display: none;}
.Product-search .category-bd .category-product {display: none;flex-wrap: wrap;}
.Product-search .category-bd .category-product a {display: flex;align-items:center;width: 48.7%;margin-right: 2.6%;height:0.6rem;padding: 0.05rem 0.1rem;border-radius: 0.05rem;background-color: #f5f6f7;overflow: hidden;transition: 0.3s;}
.Product-search .category-bd .category-product a .icon {flex-shrink:0;height: 0.5rem;}
.Product-search .category-bd .category-product a:hover {color:#fff;background-color: #296099;}
.Product-search .category-bd .category-product a:hover .icon img {filter: brightness(0) invert(1);}
.Product-search .category-bd .category-application {height: 3.5rem;}
.Product-search .category-bd .category-application .wrapper {position: relative;}
.Product-search .category-bd .category-application .imgBox {position: absolute;top:0;right:0;width: 2.8rem;height: 2.7rem;border-radius: 0.1rem;overflow: hidden;}
.Product-search .category-bd .category-application .imgBox img {width: 100%;height: 100%;}
.Product-search .category-bd .category-application .a-list {padding-right: 3.1rem;height: 2.7rem;}
.Product-search .category-bd .category-application a {display: flex;align-items:center;height:0.6rem;padding: 0.05rem 0.2rem 0.05rem 0.3rem;margin-bottom: 0.1rem;border-radius: 0.05rem;background-color: #f5f6f7;overflow: hidden;transition: 0.3s;;}
.Product-search .category-bd .category-application a.on {color:#fff;background-color: #296099;}
.Product-search .category-bd .item.on {display: flex;}

.Product-category {padding: 1rem 0;}
.Product-category li {margin-bottom: 0.5rem;}
.Product-category li .container {padding: 0.5rem;border-radius: 0.2rem;background-color: #f5f6f7;}
.Product-category li::before {content: "";display: block;height: 1rem;margin-top: -1rem;visibility: hidden;pointer-events: none;}
.Product-category li .imgBox{height: 5rem;border-radius: 0.2rem;}
.Product-category li .imgBox img {width: 100%;height: 100%;}
.Product-category li .text h4 {margin-bottom: 0.2rem;font-size: 0.3rem;color: #000;}
.Product-category li .text .desc {margin-bottom: 0.25rem;line-height: 1.66;font-size: 0.18rem;}
.Product-category li .text .buttons {display: flex;flex-wrap: wrap;}
.Product-category li .text .buttons .buttons-item {margin-right: 0.3rem;margin-bottom: 0.3rem;}
.Product-category li .text .buttons .name {color:#333;}
.Product-category li .text .buttons a {display: inline-flex;align-items:center;justify-content:space-between;width: 1.7rem;padding: 0 0.2rem 0 0.14rem;margin-top: 0.1rem;margin-right: 0.1rem;line-height: 0.5rem;border-radius:0.05rem;color:#333;background-color: #fff;transition: 0.3s; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Product-category li .text .buttons a::after {content:'';position:relative;width: 0.1rem;height: 0.12rem;background:url(../images/swiper_next.png) no-repeat center/contain;transition: 0.3s;}
.Product-category li .text .buttons a:hover {color:#fff;background-color: #296099;}
.Product-category li .text .buttons a:hover::after {filter: brightness(0) invert(1)}

.Product-application {margin-bottom: 1rem;}
.Product-application li .container::before {content: "";display: block;height: 1rem;margin-top: -1rem;visibility: hidden;pointer-events: none;}
.Product-application li .imgBox {margin-bottom: 0.3rem;border-radius: 0.2rem;height: 2.96rem;}
.Product-application li .imgBox img {width: 100%;height: 100%;}
.Product-application li .text h4 {font-size: 0.22rem;color: #333;}
.Product-application li .text .buttons a {display: inline-block;min-width:0.85rem;padding: 0 0.2rem;margin-top: 0.1rem;margin-right: 0.14rem;font-size: 0.14rem;color: #333;text-align:center;line-height: 0.3rem;border-radius: 50px;background-color: #f5f6f7;transition:0.3s;position: relative;z-index: 20;}
.Product-application li .text .buttons a:hover {color:#fff;background-color: #296099;}
@media (min-width: 1025px) {
    .Product-search .category-bd .category-product a:nth-child(2n) {margin-right: 0;}
    .Product-search .category-bd .category-product a:nth-child(2) ~ a {margin-top: 2.6%;}

    .Product-featured .list {display: flex;justify-content: space-between;}
    .Product-featured .top {width: 48.57%;}
    .Product-featured ul {width: 48.57%;}
    .Product-featured li {margin-bottom: 0.3rem;}
    .Product-featured li:hover .text {background-color: rgba(0, 0, 0, 0.2)}
    .Product-featured li:last-child {margin-bottom: 0;}

    .Product-category li .container {display: flex;justify-content: space-between;align-items: center;}
    .Product-category li .imgBox {flex-shrink: 0;width: 46.15%;}
    .Product-category li .text {flex-shrink: 0;width: 53.85%;padding-left: 0.8rem;}

    .Product-application ul {display: flex;flex-wrap: wrap;}
    .Product-application li {width: 31.85%;}
    .Product-application li:not(:nth-child(3n)) {margin-right: 2.2%;}
    .Product-application li:nth-child(3) ~ li{margin-top: 0.5rem;}

}
@media (max-width: 1024px) {
    .product-ban .text .title,
    .product-ban .text .subtitle {width: 100%;}
    .product-ban .text .subtitle {font-size: 0.24rem;}
    .product-ban .homeMore {flex-wrap: wrap;justify-content: space-between;}
    .product-ban .homeMore a {justify-content: center;width: 49%;margin-right: 0;margin-bottom: 0.2rem;padding: 0 0.15rem;}
    .product-ban .homeMore a:not(:nth-child(2n)) {margin-right: 2%;}

    .Product-featured {padding: 0.6rem 0;}
    .Product-featured .top {margin-bottom: 0.3rem;}
    .Product-featured .top .imgBox img {height: 100%;}
    .Product-featured .top .text {padding: 1rem 0.5rem 0.5rem;}
    .Product-featured .top .text {padding: 1rem 0.5rem;}
    .Product-featured li {margin-bottom: 0.3rem;}

    .Product-search .open-product-search {line-height: 0.7rem;font-size: 0.26rem;}
    .Product-search .open-product-search::after {width: 0.2rem;}
    .Product-search .dropList .dropList-wrapper {flex-wrap: wrap;}
    .Product-search .category-hd,
    .Product-search .category-bd {width: 100%;}
    .Product-search .category-hd {display: flex;justify-content: center;}
    .Product-search .category-hd .item {font-size: 0.24rem;}
    .Product-search .category-bd .category-product a {width: 100%;height: auto;line-height: 0.7rem;margin-right: 0;}
    .Product-search .category-bd .category-product a:not(:last-child) {margin-bottom: 0.3rem;}
    .Product-search .category-bd .category-product a .icon {height: 0.7rem;}
    .Product-search .category-bd .category-application .a-list {padding-right: 2rem;}
    .Product-search .category-bd .category-application a {height: auto;padding: 0.15rem 0.2rem 0.15rem 0.3rem;}
    .Product-search .category-bd .category-application .imgBox {width: 1.8rem;height: 1.7rem;}

    .Product-category {padding: 0.6rem 0;}
    .Product-category li:last-child {margin-bottom: 0;}
    .Product-category li .imgBox {height: 4.6rem;margin-bottom: 0.4rem;}
    .Product-category li .text .desc {font-size: 0.24rem;}
    .Product-category li .text .buttons .buttons-item {display: flex;flex-wrap: wrap;width: 100%;margin-right: 0;}
    .Product-category li .text .buttons .buttons-item .name {flex-shrink: 0;width: 100%;}
    .Product-category li .text .buttons .buttons-item a {width: 47.5%;line-height: 0.6rem;margin-right: 0;margin-top: 3%;margin-bottom: 3%;}
    .Product-category li .text .buttons .buttons-item a:not(:nth-of-type(2n)) {margin-right: 4%;}

    .Product-application li {margin-bottom: 0.4rem;}
    .Product-application li .imgBox {height: 4.36rem;}
    .Product-application li .text h4 {font-size: 0.28rem;}
    .Product-application li .text .buttons a {margin-bottom: 0.2rem;padding: 0 0.3rem;line-height: 0.4rem;font-size: 0.24rem;}
}

/*ProductDetail*/
.ProductDetail-title {position: relative;padding-left: 0.35rem;margin-bottom: 0.4rem;font-size: 0.3rem;font-weight: 700;color: #296099;z-index: 1;}
.ProductDetail-title::before {content:'';position: absolute;top: -0.1rem;left: 0;width: 0.6rem;height: 0.6rem;border-radius: 50%;background: linear-gradient(155deg, #88a6c6, rgba(136, 166, 198, 0.7), rgba(136, 166, 198, 0.1), transparent);z-index: -1;}
.ProductDetail-info {padding: 1rem 0;background-color: #f5f6f7;}
.ProductDetail-info .imgBox {position: relative;border-radius: 0.2rem;}
.ProductDetail-info .imgBox img {width: 100%;height: 100%;}
.ProductDetail-info .imgBox a {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;height: 100%;z-index: 10;}
.ProductDetail-info .imgBox .playBtn {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 0.5rem;height: 0.5rem;border-radius: 50%;;background-color: #296099;z-index: 10;}
.ProductDetail-info .imgBox .playBtn::after {content:'';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 0.12rem;height: 0.12rem;background:url("../images/playBtn.png") no-repeat center/0.12rem;filter:brightness(0) invert(1);z-index: 10;}
.ProductDetail-info .text h4 {margin-bottom: 0.2rem;font-size: 0.36rem;color: #296099;}
.ProductDetail-info .text .desc {margin-bottom: 0.4rem;padding-bottom: 0.4rem;line-height: 1.6;border-bottom: 1px solid #dcddde;}
.ProductDetail-info .text dl {display: flex;flex-wrap: wrap;}
.ProductDetail-info .text dl dd {width: 50%;margin-bottom: 0.3rem;font-size: 0.18rem;color: #333;}

.ProductDetail-Specifications {padding: 1rem 0;}
.ProductDetail-Specifications .container {display: flex;flex-wrap: wrap;}
.ProductDetail-Specifications dl {border-bottom: 1px solid #cccccc;}
.ProductDetail-Specifications dd {font-size: 0.18rem;}
.ProductDetail-Specifications dd div:nth-child(1) {margin-bottom: 0.15rem;}
.ProductDetail-Specifications dd div:nth-child(2) {color: #000;}

.ProductDetail-application {padding: 1rem 0;background: url("../images/productDetail_bg.jpg") no-repeat center/cover;}
.ProductDetail-application .ProductDetail-title {margin-bottom: 0.1rem;color:#fff;}
.ProductDetail-application .ProductDetail-title::before {background: linear-gradient(155deg, #9998a6, rgba(153, 152, 166, 0.7), rgba(153, 152, 166, 0.1), transparent);}
.ProductDetail-application .desc {margin-top: 0.3rem;margin-bottom: 0.4rem;padding-top: 0.3rem;border-top:1px solid rgba(255, 255, 255, 0.2);color:#fff;font-size: 0.18rem;line-height: 1.7;}
.ProductDetail-application .swiperBox {position: relative;}
.ProductDetail-application .swiperBox .button-prev,
.ProductDetail-application .swiperBox .button-next{top: 34%;width: 0.5rem;height: 0.5rem;border:0;background-color: #fff;transition: 0.3s;}
.ProductDetail-application .swiperBox .button-prev::after,
.ProductDetail-application .swiperBox .button-next::after{width: 0.12rem;height: 0.12rem;}
.ProductDetail-application .swiperBox .button-prev:hover,
.ProductDetail-application .swiperBox .button-next:hover{background-color: #296099;}
.ProductDetail-application .imgBox {height: 3rem;border-radius: 0.2rem;}
.ProductDetail-application .imgBox img {height: 100%;}
.ProductDetail-application .text {padding: 0.2rem;text-align:center;font-size: 0.24rem;font-weight: 700;color:#fff;}
.ProductDetail-application .swiper-pagination {display: none;}

.ProductDetail-imglist {padding: 1rem 0;}
.ProductDetail-imglist li:not(:last-child) {margin-bottom: 1rem;}
.ProductDetail-imglist .imgBox {height: 4rem;border-radius: 0.2rem;}
.ProductDetail-imglist .imgBox img{transform: scale(1.15);transition: 1.2s;}
.ProductDetail-imglist .text .ProductDetail-title {margin-bottom: 0.3rem;padding-bottom: 0.2rem;border-bottom: 1px solid #eeeeee;overflow: visible;}
.ProductDetail-imglist .text .desc {line-height: 1.66;color: #333;}
.ProductDetail-imglist li.active .imgBox img {transform: scale(1)}

@media (min-width: 1025px) {
    .ProductDetail-info .container {display: flex;align-items: center;}
    .ProductDetail-info .imgBox {flex-shrink:0;width: 50%;}
    .ProductDetail-info .text {flex-shrink:0;width: 50%;padding-left: 0.7rem;}

    .ProductDetail-Specifications dl {padding: 0.2rem 0;}
    .ProductDetail-Specifications dl:not(:nth-child(3n-2)) {width: 32.85%;padding-left: 0.66rem;;}
    .ProductDetail-Specifications dl:nth-child(3n-2) {width: 34.3%;}
    .ProductDetail-Specifications dl dd {padding: 0.2rem 0;border-right: 1px solid #cccccc;}
    .ProductDetail-Specifications dl:nth-child(3n) dd {border-right: 0;}
    .ProductDetail-Specifications dl dd div:nth-child(2) {height: 0.54rem;overflow: hidden;}

    .ProductDetail-imglist li {display: flex;align-items: center;}
    .ProductDetail-imglist li:nth-child(2n-1) {flex-direction: row-reverse;}
    .ProductDetail-imglist li:nth-child(2n-1) .text {padding-right: 1rem;}
    .ProductDetail-imglist li:nth-child(2n) .text {padding-left: 1rem;}
    .ProductDetail-imglist li .imgBox {flex-shrink:0;width: 46.4%;}
    .ProductDetail-imglist li .text {width: 53.6%;}
    .ProductDetail-imglist li .text .desc {font-size: 0.18rem;}
}
@media (max-width: 1024px) {
    .ProductDetail-info {padding: 0.6rem 0;}
    .ProductDetail-info .imgBox {margin-bottom: 0.4rem;}
    .ProductDetail-info .text dl dd {font-size: 0.24rem;}

    .ProductDetail-Specifications {padding: 0.8rem 0 0.3rem}
    .ProductDetail-Specifications .container {justify-content: space-between;}
    .ProductDetail-Specifications dl {width: 48%;margin-bottom: 0.3rem;padding-bottom: 0.2rem;}
    .ProductDetail-Specifications dd {font-size: 0.24rem;}

    .ProductDetail-application{padding: 0.8rem 0;}
    .ProductDetail-application .desc {font-size: 0.24rem;}
    .ProductDetail-application .button-prev,
    .ProductDetail-application .button-next {display: none;}
    .ProductDetail-application .swiper-pagination {display: block;}

    .ProductDetail-imglist {padding: 0.8rem 0;}
    .ProductDetail-imglist li:not(:last-child) {margin-bottom: 0.6rem;}
    .ProductDetail-imglist .imgBox {margin-bottom: 0.4rem;}
}

/*News*/
.news-ban .text {top: 1.8rem;}
.news-ban .text .title {width: 44%;margin-bottom: 0.1rem;}
.news-ban .text .title::after {display: none;}
.news-ban .text .subtitle {width: 32%;margin-bottom: 0.5rem;font-size: 0.2rem;}

/*News*/
.NewsList {padding: 1rem 0;}
.NewsList .inner-nav {margin-bottom: 0.5rem;}
.NewsList .imgList_top {position: relative;margin-top: 0.6rem;}
.NewsList .imgList_top a {border-radius:0.2rem;background-color: #f5f6f7;overflow: hidden;}
.NewsList .imgList_top .pic {position: relative;}
.NewsList .pic .tag {position: absolute;top:0;left:0;width: 1.2rem;line-height: .4rem;font-size: .18rem;color:#fff;text-align:center;background-color: rgba(0,0,0,0.3);z-index: 10;}
.NewsList .imgList_top .pic figure {padding-bottom: 64.8%;}
.NewsList .imgList_top a:hover .txt aside {color:#004fa3;}
.NewsList .imgList_top .txt {padding: 8%;background-color: #f8f8f8;}
.NewsList .imgList_top .txt h4 {margin-bottom: 0.2rem;font-size: 0.24rem;font-weight: bold;color:#333;}
.NewsList .imgList_top .txt time {display: block;line-height:0.19rem;margin-bottom: .3rem;padding-left: .26rem;color:#666;background: url("../images/icon_time.png") no-repeat left center/contain;}
.NewsList .imgList_top .txt .desc {font-size: 0.18rem;line-height: 1.8;color:#666;}
.NewsList .imgList_top .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 8px;height: 8px;margin-right: 10px;background-color: #c7c8c9;}
.NewsList .imgList_top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #004fa3;}
.NewsList .imgList_top li:hover .txt aside {color: #004fa3;}
.NewsList .list ul { display: flex;flex-wrap: wrap;}
.NewsList .list li {border-radius: 0.2rem;overflow: hidden;}
.NewsList .list .pic {position: relative;}
.NewsList .list .pic figure {padding-bottom: 61.36%;}
.NewsList .list .txt {padding: 0.4rem;background-color: #f8f8f8;}
.NewsList .list .txt h4 {margin-bottom: .4rem;font-size: 0.2rem;line-height: 1.6;height: 0.64rem;color: #333;font-weight: bold;}
.NewsList .list .txt time {display: block;line-height:0.19rem;padding-left: .26rem;font-size: .18rem;color:#333;background: url("../images/icon_time.png") no-repeat left center/contain;}
.NewsList .list li:hover .txt h4 {color: #004fa3;}
.NewsList .innerPage .Pages a {background-color: #f5f5f5;}
.NewsList .button-prev,
.NewsList .button-next {width: 0.5rem;height: 0.5rem;transform:none;border:1px solid #eee;background-color: #fff;transition: 0.3s;}
.NewsList .button-prev::after,
.NewsList .button-next::after {height: 0.14rem;}
.NewsList .button-prev:hover,
.NewsList .button-next:hover {background-color: #296099;}
@media (min-width: 1025px) {
    .NewsList .imgList_top a {display: flex;align-items: center;}
    .NewsList .imgList_top .pic {width: 50%;}
    .NewsList .imgList_top .txt {width: 50%;padding: 0 0.5rem 0 0.7rem;}
    .NewsList .imgList_top  .swiper-pagination { position: absolute;bottom: 0.45rem!important;left: 50%;width: auto;margin-left: .8rem;z-index: 20;}
    .NewsList .list li {width: 31.4%;margin-top: 2.9%;}
    .NewsList .list li:not(:nth-child(3n)) {margin-right: 2.9%;}
}
@media (max-width: 1024px) {
    .news-ban .text .title ,
    .news-ban .text .subtitle {width: 70%;}
    .news-ban .text .subtitle {font-size: 0.24rem;}

    .NewsList {padding: 0.4rem 0 0.6rem;}
    .NewsList .pic .tag {width: 1.6rem;line-height: 0.6rem;font-size: .2rem;}
    .NewsList .imgList_top {margin-bottom: .4rem;}
    .NewsList .imgList_top a {background: none}
    .NewsList .imgList_top .swiper-pagination {position: relative;text-align: center;}
    .NewsList .imgList_top .swiper-button-prev ,
    .NewsList .imgList_top .swiper-button-next {display: none;}
    .NewsList .imgList_top .txt h4 {font-size: .28rem;}
    .NewsList .imgList_top .txt time {font-size: .22rem;}
    .NewsList .imgList_top .txt .desc {font-size: .24rem;}
    .NewsList .list li {width: 100%;margin-bottom: 5%;}
    .NewsList .list .txt h4 {height: auto;font-size: .26rem;}
    .NewsList .list .txt time {line-height: .24rem;font-size: .24rem;}
    .NewsList .button-prev, .NewsList .button-next {display: none;}
    .NewsList .imgList_top .swiper-pagination .swiper-pagination-bullet {margin-right: 5px;}
}

.NewsInfo {padding: 1.05rem 0 1.2rem;background-color: #f5f6f7;}
.NewsInfo .container {padding: 0.6rem;background-color: #fff;}
.NewsInfo .title {text-align: center;}
.NewsInfo .title h3 {padding: 0 0.5rem;margin-bottom: 1%;font-size: 0.3rem;color: #000;}
.NewsInfo .title .time_wrap {margin-bottom: 0.4rem;padding-bottom: 0.4rem;color: #000;border-bottom: 1px solid #eeeeee;font-weight: 300;}
.NewsInfo .title .time_wrap span {padding-left: 0.3rem;background: url("../images/icon_time.png") no-repeat left center/contain;}
.NewsInfo article {padding-bottom: 0.4rem;margin-bottom: 0.4rem;border-bottom: 1px solid #d8d8d6;}
.NewsInfo article h4 {line-height: 2;font-size: 0.2rem;color: #000;}
.NewsInfo article p {line-height: 1.875;}
.NewsInfo article p b {color: #000;}
.NewsInfo article img {height: auto !important;margin:0 auto;display:block}
.NewsInfo .page_pn {}
.NewsInfo .page_pn .pn {width: calc(100% - 1.8rem);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: #296099;}
.NewsInfo .page_pn .btn {width: 1.8rem;line-height: 0.6rem;border-radius:30px;background: #296099;color: #fff;text-align: center;transition: 0.3s;}
.NewsInfo .page_pn .btn:hover {background-color: #1f4b78;}
@media (max-width: 1024px) {
    .NewsInfo {padding: 0.8rem 0 0.6rem;}
    .NewsInfo .title h3 {padding:0;margin-top: 0;margin-bottom: 3%;}
    .NewsInfo .title .time_wrap {font-size: .22rem;}
    .NewsInfo .title .time_wrap span {padding-left: 0.4rem;}
    .NewsInfo article {font-size: 0.24rem;}
    .NewsInfo article h4 {font-size: 0.3rem;}
    .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;}
}


.contact-ban .text {top: 1.8rem;text-align: center;}
.contact-ban .text .title {width: 100%;margin-bottom: 0.1rem;}
.contact-ban .text .title::after {display: none;}
.contact-ban .text .subtitle {width: 100%;margin-bottom: 0.5rem;font-size: 0.2rem;}

.Contact-form {position: relative;margin-top: -2rem;z-index: 50;}
.Contact-form .container {padding: 0.7rem 1rem;border-radius: 0.2rem;background: #f5f6f7;}
.Contact-form .desc {margin-bottom: 0.4rem;font-size: 0.24rem;font-weight: 700;color: #000;text-align: center;}
.Contact-form .form dl {margin-bottom: 0.3rem;}
.Contact-form .form dd {border-radius: 0.05rem;}
.Contact-form .form dd .err {font-style: normal;font-size: 0.14rem;color: #ee1b23;margin-right: 5px;}
.Contact-form .form dd .name {margin-bottom: 0.1rem;font-size: 0.18rem;color: #000;}
.Contact-form .form dd .text {display: block;width: 100%;line-height: 0.58rem;padding: 0 0.2rem;border:1px solid #eeeeee;border-radius: 5px;color:#000;background-color: #fff;}
.Contact-form .form dd .textarea {display: block;width: 100%;height: 1.1rem;line-height: 1.4;padding: 0.1rem 0.2rem;border:1px solid #eeeeee;border-radius: 5px;background-color: #fff;}
.Contact-form .form .submit {width: 1.6rem;line-height: 0.6rem;margin: auto;font-size: 0.18rem;color:#fff;border-radius:50px;text-align:center;cursor: pointer;background-color: #296099;transition: 0.3s;}
.Contact-form .form .submit:hover {background-color: #1f4b78;}

.Contact-team {padding: 1.2rem 0;}
.Contact-team .innerTitle {margin-bottom: 0.6rem;}
.Contact-team .swiperBox {position: relative;}
.Contact-team .swiperBox .imgBox {height: 3.6rem;border-radius: 0.5rem 0;}
.Contact-team .swiperBox .text .subtitle {width: 78%;line-height: 0.7rem;padding: 0 0.1rem;margin-bottom: 0.3rem;font-size: 0.2rem;font-weight: 700;border-radius: 0 0.2rem;color:#fff;text-align:center;background-color: #296099;}
.Contact-team .swiperBox .text h4 {margin-bottom: 0.1rem;font-size: 0.3rem;color: #000;}
.Contact-team .swiperBox .text dd {padding: 0.05rem 0 0.05rem 0.4rem;font-size: 0.2rem;color: #333;background-repeat: no-repeat;background-position: left 0.09rem;background-size: 0.22rem;}
.Contact-team .swiperBox .text dd.tel {background-image: url("../images/contactTeam_icon1.png")}
.Contact-team .swiperBox .text dd.whatsapp {background-image: url("../images/contactTeam_icon2.png")}
.Contact-team .swiperBox .text dd.email {background-image: url("../images/contactTeam_icon3.png")}
.Contact-team .button-prev,
.Contact-team .button-next {top: 1.7rem;width: 0.5rem;height: 0.5rem;transform:none;border:1px solid #eee;background-color: #fff;transition: 0.3s;}
.Contact-team .button-prev::after,
.Contact-team .button-next::after {height: 0.14rem;}
.Contact-team .button-prev:hover,
.Contact-team .button-next:hover {background-color: #296099;}
.Contact-team .swiper-pagination {display: none;}
@media (min-width: 1025px) {
    .Contact-form .form dl.row2 {display: flex;justify-content: space-between;}
    .Contact-form .form dl.row2 dd {width: 48.5%;}
}
@media (max-width: 1024px) {
    .Contact-form {margin-top: -1rem;}
    .Contact-form .container {padding: 0.7rem 0.5rem;}
    .Contact-form .desc {font-size: 0.3rem}
    .Contact-form .form dl {margin-bottom: 0;}
    .Contact-form .form dd {margin-bottom: 0.3rem;}
    .Contact-form .form dd .name {font-size: 0.24rem;}
    .Contact-form .form dd .text {line-height: 0.7rem;}
    .Contact-form .form .submit {width: 3.3rem;line-height: 0.8rem;font-size: 0.3rem;}

    .Contact-team {padding: 0.6rem 0;}
    .Contact-team .swiperBox .imgBox {height: 6.2rem;}
    .Contact-team .swiperBox .text .subtitle {line-height:0.9rem;font-size: 0.3rem;}
    .Contact-team .swiperBox .text h4 {font-size: 0.34rem;}
    .Contact-team .swiperBox .text dd {margin-top: 0.2rem;padding-left: 0.6rem;font-size: 0.26rem;background-size: 0.34rem}
    .Contact-team .button-prev, .Contact-team .button-next {display: none;}
    .Contact-team .swiper-pagination {display: block;}
    .Contact-team .swiper-pagination .swiper-pagination-bullet {margin-right: 5px;}
}

/*Partner*/
.Partner-info {padding: 1rem 0;background: url("../images/partner_bg1.jpg") no-repeat center -0.2rem/cover;}
.Partner-info .top {margin-bottom: 0.5rem;}
.Partner-info .top .imgBox {border-radius: 50%;}
.Partner-info .top .text .desc {height: 2.2rem;margin-bottom: 0.5rem;text-align: justify;}
.Partner-info .top .numBox {display: flex;overflow: hidden;}
.Partner-info .top .numBox .item {width: 40%;font-family: Montserrat;}
.Partner-info .top .numBox .item:not(:last-child) {position: relative;margin-right: 0.9rem;}
.Partner-info .top .numBox .item:not(:last-child)::after {content:'';position: absolute;top:0;right:0;width: 1px;height: 0.4rem;background-color: #ddd;}
.Partner-info .top .numBox .num {color: #296099;font-weight: 700;}
.Partner-info .top .numBox .num span {font-size: 0.4rem;line-height: 1;}
.Partner-info .top .numBox .name {color: #666666;}

.Partner-info .icon-list li {padding: 0.4rem 0.5rem 0.4rem 0.4rem;border:1px solid #eeeeee;border-radius:0.1rem;background-color: #fff;cursor: pointer;transition: 0.3s;}
.Partner-info .icon-list li .icon {height:0.34rem;margin-bottom: 0.1rem;}
.Partner-info .icon-list li h4 {margin-bottom: 0.1rem;font-size: 0.2rem;color: #000;}
.Partner-info .icon-list li .desc {font-size: 0.14rem;line-height: 1.71;}
.Partner-info .icon-list li:hover {color:#fff;background-color: #296099;}
.Partner-info .icon-list li:hover .icon {filter: brightness(0) invert(1);}
.Partner-info .icon-list li:hover h4 {color:#fff;}

.Partner-img {height: 9.6rem;background: url("../images/partner_bg2.jpg") no-repeat center/cover;}
.Partner-img > div {position: relative;height: 100%;}
.Partner-img .container {position: relative;display: flex;align-items: center;justify-content: center;height: 100%;}
.Partner-img .text {position: relative;display: flex;align-items:center;width: 4.5rem;height: 4.5rem;padding: 0.4rem;text-align: center;border-radius: 50%;}
.Partner-img .text i {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #296099;border-radius: 50%;opacity: 0;animation: circle 1.4s linear infinite;}
.Partner-img .text i:nth-child(1) {animation-delay: 0s;}
.Partner-img .text i:nth-child(2) {animation-delay: 0.7s;}
.Partner-img .text i:nth-child(3) {animation-delay: 1.4s;}
@keyframes circle {
    0% {transform: scale(0.9);opacity: 0;}
    5% {opacity: 0.6;}
    100% {transform: scale(1.5);opacity: 0;}
}
@media (min-width: 1025px) {
    .Partner-info .top {display: flex;justify-content: space-between;align-items: center;}
    .Partner-info .top .text {width: 46%;}
    .Partner-info .top .imgBox {width: 45.7%;}
    .Partner-info .top .text .desc {font-size: 0.18rem;line-height: 1.77;}

    .Partner-info .icon-list ul {display: flex;flex-wrap: wrap;}
    .Partner-info .icon-list li {width: 31.5%;}
    .Partner-info .icon-list li:not(:nth-child(3n)) {margin-right: 2.75%;}

    .Partner-img li {position: absolute;display: flex;align-items:center;justify-content:center;padding: 0.2rem;border-radius: 50%;background-color: #fff;overflow: hidden;}
    .Partner-img li:nth-child(1) {top: 1.8rem;left: 0.34rem;width: 1rem;height: 1rem;}
    .Partner-img li:nth-child(2) {top: 3.3rem;left: 1.48rem;width: 1.6rem;height: 1.6rem;}
    .Partner-img li:nth-child(3) {top: 6.18rem;left: 0;width: 1.2rem;height: 1.2rem;}
    .Partner-img li:nth-child(4) {top: 7rem;left: 2.4rem;width: 0.8rem;height: 0.8rem;}
    .Partner-img li:nth-child(5) {top: 1.7rem;right: 2.56rem;width: 0.8rem;height: 0.8rem;}
    .Partner-img li:nth-child(6) {top: 2.26rem;right: 0.4rem;width: 1.2rem;height: 1.2rem;}
    .Partner-img li:nth-child(7) {top: 5.88rem;right: 0;width: 1rem;height: 1rem;}
    .Partner-img li:nth-child(8) {top: 6.76rem;right: 2.14rem;width: 1.6rem;height: 1.6rem;}

}

@media (max-width: 1024px) {
    .Partner-info .top .text {margin-bottom: 0.5rem;}
    .Partner-info .icon-list li {margin-top: 0.4rem;}
    .Partner-info .icon-list li .icon {height: 0.5rem;}
    .Partner-info .icon-list li h4 {font-size: 0.26rem;}
    .Partner-info .icon-list li .desc {font-size: 0.24rem;}

    .Partner-img .container {display: block;}
    .Partner-img .text {width: 100%;height: auto;justify-content: center;}
    .Partner-img .text .circle {display: none;}
    .Partner-img ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .Partner-img ul li {width: 48.5%;height: 1.4rem;padding: 0.1rem 0.3rem;text-align:center;background:#fff;}
    .Partner-img ul li:nth-child(2) ~ li {margin-top: 3%;}
    .Partner-img ul li img {max-height: 100%;object-fit: cover;}
}

.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: #296099;}
.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:hover {background-image: url("../images/page_l_h.png");}
.innerPage .Pages .p_page .a_next:hover {background-image: url("../images/page_r_h.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: 0.6rem 0;}
.Search li {padding: 1% 0;border-bottom:1px solid #eee;}
.Search li a:hover {color: #296099;}
@media (max-width: 1024px) {
    .Search li {padding: 0.2rem 0;}
}