@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    src: url("../font/Montserrat/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    src:  url("../font/Montserrat/Montserrat-Bold.ttf") format("truetype");
}
html, body, input {font-family: 'Montserrat', 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-1600 {max-width: 1600px;margin: 0 auto;}
.auto-1400 {max-width: 1400px;margin: 0 auto;}
.auto-1280 {max-width: 1280px;margin: 0 auto;}
.auto-960 {max-width: 960px;margin: 0 auto;}
.auto-900 {max-width: 900px;margin: 0 auto;}
@media (min-width: 1921px) {
    .auto-1400 {max-width: 14rem;}
    .auto-1600 {max-width: 16rem;}
}
@media (max-width: 1600px) {
    .auto-1600 {max-width: 86%;}
}
@media (max-width: 1440px) {
    .auto-1400 {max-width: 86%;}
    .auto-1280 {max-width: 90%;}
}
@media (max-width: 1280px) {
    .auto-1280 {max-width: 90%;}
}
@media (max-width: 640px) {
    .auto-1600 {max-width: 100%;padding: 0 15px;}
    .auto-1400 {max-width: 100%;padding: 0 15px;}
    .auto-960  {max-width: 100%;padding: 0 15px;}
    .auto-900  {max-width: 100%;padding: 0 15px;}
}
.bgf1ede9 {background-color: #f1ede9;}
.mt60 {margin-top: .6rem;}
.mt80 {margin-top: .8rem;}
@media (max-width: 1024px) {
    .mt60 {margin-top: 8%;}
    .mt80 {margin-top: 10%;}
}

body ::-webkit-scrollbar {width: 3px;height: 3px;background-color: #eeeeee;border-radius: 30px;}
body ::-webkit-scrollbar-button {display: none;}
body ::-webkit-scrollbar-track {border-radius: 2px;}
body ::-webkit-scrollbar-thumb {background: #02318d;border-radius: 30px;}
body ::-webkit-scrollbar-thumb:hover {background: #999;}
.swiper-pagination {position: relative;display: flex;justify-content: center;bottom: 0!important;padding: 0.5rem 0 0;}
.swiper-pagination .swiper-pagination-bullet {width: 0.16rem;height: 0.16rem;margin: 0 0.04rem;border-radius: 50%;background-color: #d8d5d1;}
.swiper-pagination .swiper-pagination-bullet-active {background-color: #000;}

.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.16rem;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);}
@media (max-width: 1024px) {
    body ::-webkit-scrollbar {width: 4px;height: 4px;}
    .swiper-pagination {text-align:center;}
    .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;margin: 0 3px;}
    .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
}

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

#Top .header {}
#Top .header-left { display:flex;align-items: center;}
#Top .header-left .logo img{width: 1.08rem;transition: 0.5s;}
#Top .header-left .logo .red {display: none;}
#Top .header-right{ display:flex;align-items: center;}
#Top .header-menu li{ width:auto !important;}
#Top .header-menu li em{ position:relative;}
#Top .header-menu li em a{ position:relative;padding:0.2rem 0.15rem;color:#fff;}
#Top .header-menu li:hover em a {color: rgba(255, 255, 255, 0.8);}

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

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

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

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

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

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

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

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

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

/*HomeBanner*/
.HomeBanner {position:relative;height:100%;}
.HomeBanner .swiper {position: relative;}
.HomeBanner .swiper-slide {height:100%;}
/*.HomeBanner .swiper-slide::after {content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 9;}*/
.HomeBanner .swiper-slide img {display:block;width:100%;}
.HomeBanner .txt {position:absolute;left:0;top:0;z-index:11;width:100%;height:100%;padding-top:2.9rem;color:#fff;}
.HomeBanner .txt .title1 {font-size:0.6rem;font-weight: 700;margin-bottom:0.4rem;line-height:1.33;}
.HomeBanner .txt .tips {position: absolute;right: 10%;bottom: 8%;max-width: 6.1rem;max-height:1rem;padding-right: 0;line-height: 2.14;font-size: 0.14rem;overflow: hidden;}

.HomeBanner .swiper-pagination1 {position:absolute;max-width:16rem;width: 100%;left:50%;bottom: 6% !important;transform:translateX(-50%);flex-direction:column;z-index:10;}
.HomeBanner .swiper-pagination1 .swiper-pagination-bullet {width: 100%;height: auto;margin-top: 0.1rem;font-size: 0.14rem;color:#fff;border-radius: 0;text-align: left;background: none;opacity: 0.5;}
.HomeBanner .swiper-pagination1 .swiper-pagination-bullet-active {opacity: 1;}
@media (min-width:1025px) {
    .HomeBanner .swiper-slide .pc {height:9.6rem;}
    .HomeBanner .swiper-slide .wap {display:none;}
    .HomeBanner .txt > div {padding-right: 45.8%;}
}
@media (max-width:1024px) {
    .HomeBanner a {position: relative;display: block;width: 100%;height: 100%;}
    .HomeBanner a::after {position: absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);z-index: 10;}
    .HomeBanner .pic {position: relative;z-index: 9;}
    .HomeBanner .txt {height:auto;padding-top:0;top:50%;transform:translateY(-50%)}
    .HomeBanner .txt .title1 {font-size:0.3rem;line-height: 1.8;font-weight: 400;}
    .HomeBanner .txt .tips {position: relative;right: 0;bottom: 0;max-width: none;margin-top: 0.3rem;padding: 0 15px;font-size: 0.24rem;}
    .HomeBanner .txt .homeMore span {justify-content:center;padding: 0;width: 49%;}
    .HomeBanner .txt .homeMore span::after {margin-left: 0.1rem;}
    .HomeBanner .swiper-pagination1 {padding: 0 15px;}
    .HomeBanner .swiper-pagination1 .swiper-pagination-bullet {font-size: 0.2rem;}
    .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 {position: relative;padding-bottom: 0.3rem;line-height: 1.33;font-size: 0.36rem;font-weight: 700;color:#000;}
.homeSubtit {margin-bottom: 0.3rem;font-size: 0.2rem;font-weight: 700;line-height: 1.6;color: #333;}
.tac {text-align: center;}
@media (max-width: 1024px) {
    .homeTit {}
    .homeTit span {}
    .homeTit span::after {width: 0.7rem;height: 3px;}
    .homeSubtit {font-size: 0.24rem;line-height: 1.6}
}

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


/*homeMore*/
.homeMore {display: inline-flex;align-items: center;padding-bottom:0.05rem;}
.homeMore span,
.homeMore a {position: relative;display: inline-flex;align-items:center;line-height: 0.6rem;padding: 0 0.35rem;color:#fff;font-weight: 700;border:1px solid #fff;border-radius:0.1rem;transition: 0.3s;}
.homeMore span.blue,
.homeMore a.blue {border-color:#01308c;background-color: #01308c;}
.homeMore span:not(:last-child),
.homeMore a:not(:last-child) {margin-right: 0.1rem;}
.homeMore span::after ,
.homeMore a::after {content:'';position:relative;width: 0.14rem;height: 0.14rem;margin-left: 0.24rem;background:url(../images/homeMore_icon.png) no-repeat center/contain;transition: 0.3s;}
/*.homeMore span i::after ,
.homeMore a i::after {content:'';position: absolute;top:50%;right:0.3rem; ;width: 0.1rem;height: 0.1rem;margin-left: -0.06rem;border-top:2px solid #fff;border-right: 2px solid #fff;transform: translateY(-50%) rotate(45deg);}*/
/*.homeMore span.green i,
.homeMore a.green i {border-color:#fff;}
.homeMore span.green i::after ,
.homeMore a.green i::after {border-top:2px solid #fff;border-right: 2px solid #fff}*/
.homeMore span:hover,
.homeMore a:hover {border-color: #01308c;background-color: #01308c;}
.homeMore span.blue:hover,
.homeMore a.blue:hover {border-color: #0135A4;background-color: #0135A4;}
@media (min-width: 1025px) {
    .homeMore span,
    .homeMore a {font-size: 0.14rem;}
}
@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;}

}

/*HomeAbout*/
.HomeAbout {position: relative;height: 9.6rem;padding-top: 1.4rem;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
.HomeAbout .homeTit {margin-bottom: 0.2rem;color: #fff;}
.HomeAbout .text {color:#fff;}
.HomeAbout .text .subTit {margin-bottom: 0.3rem;font-size: 0.24rem;}
.HomeAbout .text .desc {margin-bottom: 0.5rem; color:#fff;}
.HomeAbout .numBox {width: 50%;height: 6.8rem;padding-top: 0.8rem;}
.HomeAbout .numBox .item {display: flex;justify-content: space-between;align-items: center;color:#fff;padding: 0.35rem 0;border-top: 1px solid rgba(255, 255, 255, 0.3);}
.HomeAbout .numBox .item .name {width: 31.25%;}
.HomeAbout .numBox .item .name em,
.HomeAbout .numBox .item .name i{display: block;font-style: normal;color:#fff;}
.HomeAbout .numBox .item .name em {font-size: 0.3rem;}
.HomeAbout .numBox .item .name i {font-size: 0.14rem;opacity: 0.5;}
.HomeAbout .numBox .item .name i {font-size: 0.14rem;opacity: 0.5;}
.HomeAbout .numBox .item .num {width: 68.75%;font-size: 0.24rem;font-weight: 700;text-align: right;line-height: 1;}
.HomeAbout .numBox .item .num span {font-size: 1rem;}

/*HomeProduct*/
.HomeProduct {position: relative;margin: 1.2rem 0 1rem;}
.HomeProduct .hd .homeTit {margin-bottom: 0.3rem;color:#000;}
.HomeProduct .hd .desc {margin-bottom: 1rem;font-size: 0.14rem;line-height: 1.7;}
.HomeProduct .bd {position: relative;}
.HomeProduct .bd .imgBox {
    margin-bottom: 0.3rem;
    /*padding: 0.4rem 0.1rem;*/
    border-radius:0.2rem;
    background-color: #f7f8fb;
}
.HomeProduct .bd h4 {margin-bottom: 0.1rem;font-size: 0.24rem;color: #000;transition: 0.3s;}
.HomeProduct .bd .desc {margin-bottom: 0.3rem;font-size: 0.14rem;line-height: 1.7;}
.HomeProduct .bd .more {display: flex;align-items:center;font-size: 0.14rem;color: #999;}
.HomeProduct .bd .more::after {content:'';position:relative;width: 0.07rem;height: 0.12rem;margin-left: 0.24rem;background:url(../images/homeMore_icon_g.png) no-repeat center/contain;transition: 0.3s;filter: grayscale(100%);transition: 0.3s;}
.HomeProduct .bd a:hover h4 {color: #02318d;}
.HomeProduct .bd a:hover .more::after {margin-left: 0.3rem;}
.HomeProduct .cursor {position: absolute;bottom:36%;left:21.3%;width: 1.2rem;height: 1.2rem; backdrop-filter: blur(10px);pointer-events: none;border:1px solid #e5e5e5;border-radius: 50%;z-index: 10;opacity: 0;visibility:hidden;transition: 0.3s;}
.HomeProduct .cursor::after {content:'';position: absolute;width: 0.4rem;height: 0.44rem;top:50%;left:50%;transform: translate(-50%,-50%); background: url("../images/icon_slide1.png") no-repeat center/contain;}

/*HomeTechnology*/
.HomeTechnology {padding: 1.2rem 0;background-color: #f7f8fb;}
.HomeTechnology > div {display: flex;}
.HomeTechnology .imgBox {position: relative;border-radius: 0.2rem}
.HomeTechnology .imgBox .content {position: absolute;bottom:0.4rem;left:0.4rem;width: 60.6%;padding: 0.4rem;color: #000;border-radius: 0.2rem;background-color: #fff;}
.HomeTechnology .imgBox .subtitle {margin-bottom: 0.2rem;font-size: 0.22rem;font-weight: bold;}
.HomeTechnology .imgBox dl {margin-bottom: 0.4rem;}
.HomeTechnology .imgBox dl dd {padding-left: 0.3rem;background-repeat: no-repeat;background-position: left center;background-size: 0.22rem;}
.HomeTechnology .imgBox dl dd:not(:last-child) {margin-bottom: 0.2rem;}
.HomeTechnology .imgBox .homeMore {width: 100%;}
.HomeTechnology .imgBox .homeMore a {width: 100%;justify-content: center;}
.HomeTechnology .text .desc {margin-bottom: 0.4rem;font-size: 0.17rem;line-height: 1.7;}
.HomeTechnology .text .numBox {display: flex;flex-wrap: wrap;color: #000;}
.HomeTechnology .text .numBox .item {width: 42%;}
.HomeTechnology .text .numBox .item:nth-child(2) ~ .item {margin-top: 0.5rem;}
.HomeTechnology .text .numBox .icon {width: 0.8rem;height: 0.8rem;margin-bottom: 0.3rem;padding: 0.2rem;border-radius: 50%;background-color: #01308c;}
.HomeTechnology .text .numBox .num {display: flex;align-items: flex-start;margin-bottom: 0.1rem;line-height: 1;font-size: 0.18rem;font-weight: 700;}
.HomeTechnology .text .numBox .num span {font-size: 0.48rem;}
.HomeTechnology .text .numBox .name {color: #999;}

/*HomeNews*/
.HomeNews {padding: 1.2rem 0;}
.HomeNews .HomeNews-top {display: flex;justify-content: space-between;}
.HomeNews .HomeNews-top .swiper-btns {display: flex;}
.HomeNews .HomeNews-top .button-prev,
.HomeNews .HomeNews-top .button-next {position: relative;left:0;right:0;background-color: #f5f5f5;}
.HomeNews .HomeNews-top .button-prev {margin-right: 0.1rem;}
.HomeNews .HomeNews-top .button-prev:hover,
.HomeNews .HomeNews-top .button-next:hover {background-color: #01308c;}
.HomeNews .swiperBox {width: calc(100vw - 1.6rem)}
.HomeNews .swiperBox .swiper-slide {position: relative;border-radius: 0.2rem;background-color: #f7f8fb;transition: 0.3s;}
.HomeNews .swiperBox .swiper-slide a {display: block;}
.HomeNews .swiperBox .text {padding: 0.3rem 0.4rem 0 0.4rem;color: #000;}
.HomeNews .swiperBox .text .time {display: flex;align-items: center;margin-bottom: 0.6rem;font-size: 0.14rem;}
.HomeNews .swiperBox .text .time .tag {width: 0.8rem;line-height:0.32rem;padding: 0 0.1rem;margin-right: 0.2rem;border-radius: 50px;color:#fff;text-align:center;background-color: #01308c;overflow: hidden;}
.HomeNews .swiperBox .text .time em {font-style: normal;color: #999;}
.HomeNews .swiperBox .text h4 {height: 1.08rem;margin-bottom: 0.4rem;font-size: 0.24rem;}
.HomeNews .swiperBox .text .desc {margin-bottom: 1rem;line-height: 2;}
.HomeNews .swiperBox .text .homeMore {}
.HomeNews .swiperBox .text .homeMore span {padding: 0;line-height: 1.5;border:0;font-size: 0.14rem;font-weight: 400;}
.HomeNews .swiperBox .text .content {position: absolute;left:0;bottom:0.5rem;padding: 0 0.4rem;opacity: 0;visibility: hidden;transition: 0.3s;}
.HomeNews .swiperBox .pic {margin-left: 0.4rem;border-radius: 0.2rem 0 0.2rem 0;transition: 0.3s;}
.HomeNews .swiperBox .pic figure {padding-bottom: 58.7%;}
.HomeNews .swiperBox .text .homeMore span::after {height: 0.12rem;}
@media (min-width: 1025px) {
    .HomeAbout {}
    .HomeAbout .container {display: flex;}
    .HomeAbout .text {width: 50%;padding-right: 1.5rem;}
    .HomeAbout .text .desc {line-height: 1.875;}
    .HomeAbout .numBox {}

    .HomeProduct {height: 6.8rem;}
    .HomeProduct .container {display: flex;}
    .HomeProduct .hd {width: 42.5%;padding-right: 1.5rem;}
    .HomeProduct .bd {position: absolute;top:0;right:0;width: 56.25%;}
    .HomeProduct .bd:hover .cursor {opacity: 1;visibility: visible;}

    .HomeTechnology > div {display: flex;justify-content: space-between;align-items: center;}
    .HomeTechnology .imgBox {width: 50%;}
    .HomeTechnology .text {width: 50%;padding-left: 1rem;}

    .HomeNews .swiperBox .swiper-slide {position: relative;overflow: hidden;}
    .HomeNews .swiperBox .swiper-slide::after {content:'';position: absolute;left:2.3rem;top: 66%;width: 6.08rem;height: 2.42rem;background:url("../images/news_bg.png") no-repeat center/contain;opacity: 0;visibility: hidden;}
    .HomeNews .swiperBox .swiper-slide:hover {background-color: #01308c;}
    .HomeNews .swiperBox .swiper-slide:hover::after {opacity: 1;visibility: visible;}
    .HomeNews .swiperBox .swiper-slide:hover .text {color:#fff;}
    .HomeNews .swiperBox .swiper-slide:hover .text .time em {color: #fff;}
    .HomeNews .swiperBox .swiper-slide:hover .text .time .tag {color: #01308c;background-color: #fff;}
    .HomeNews .swiperBox .swiper-slide:hover .text .content {opacity: 1;visibility: visible;}
    .HomeNews .swiperBox .swiper-slide:hover .pic {opacity: 0;visibility: hidden;}
}
@media (max-width: 1024px) {
    .HomeAbout {height: auto;}
    .HomeAbout .numBox {width: 100%;}
    .HomeAbout .numBox .item .num span {font-size: 0.6rem;}
    .HomeAbout .numBox .item .name i {font-size: 0.24rem;}

    .HomeProduct .hd {margin-bottom: 0.6rem;}
    .HomeProduct .hd .desc {margin-bottom: 0.3rem;font-size: 0.24rem;}
    .HomeProduct .bd h4 {font-size: 0.28rem;}
    .HomeProduct .bd .desc {font-size: 0.24rem;}
    .HomeProduct .bd .more {font-size: 0.24rem;}
    .HomeProduct .bd .more::after {width: 0.12rem;height: 0.22rem;}

    .HomeTechnology {padding: 0.6rem 0;}
    .HomeTechnology > div {flex-wrap: wrap;}
    .HomeTechnology .imgBox {margin-bottom: 0.5rem;}
    .HomeTechnology .imgBox .content {width: 90%;}
    .HomeTechnology .imgBox .subtitle {font-size: 0.24rem;}
    .HomeTechnology .imgBox dl dd {padding-left: 0.5rem;background-size: 0.32rem;background-position: left 5%;}
    .HomeTechnology .text .desc {font-size: 0.24rem;}
    .HomeTechnology .text .numBox .item {width: 50%;}

    .HomeNews {padding: 0.6rem 0;}
    .HomeNews .swiperBox {width: 100%;}
    .HomeNews .HomeNews-top .button-prev,
    .HomeNews .HomeNews-top .button-next {width: 0.8rem;height: 0.8rem;}
    .HomeNews .HomeNews-top .button-prev::after,
    .HomeNews .HomeNews-top .button-next::after {width: 0.2rem;height: 0.2rem;}
    .HomeNews .swiperBox .text .time {margin-bottom: 0.4rem;}
    .HomeNews .swiperBox .text .time .tag {width: 1rem;line-height: 0.4rem;font-size: 0.2rem;}
    .HomeNews .swiperBox .text .time em {font-size: 0.24rem;}
}

/*innerBanner*/
.innerBanner {position: relative;}
.innerBanner .container {position: relative;}
.innerBanner .wap {display: none;}
.innerBanner .text {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 10;}
.innerBanner .text .tit {font-size: 0.48rem;font-weight: 700;}
.innerBanner .text .subTit {margin-top: 0.05rem;font-size: 0.2rem;}

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

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

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

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

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

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

/*Footer*/
#Footer{background: #030b1a;}
/*#Footer .auto {max-width: 17.6rem;width: 94%;margin: 0 auto;}*/
#Footer .top {padding: 0.5rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#Footer .top > div {display: flex;justify-content:space-between;align-items:center;}
#Footer .top .logo {max-width: 1.2rem;}
#Footer .top .goTop {align-items: center;cursor: pointer;color:#666;}
#Footer .top .goTop i {width:0.5rem;height:0.5rem;margin-left: 0.2rem;border-radius:50%;background: url("../images/icon_gotop.png") no-repeat center/0.2rem #01308c;transition: 0.3s;}
#Footer .top .goTop:hover i {background-color: #0135a4;}
#Footer .mid {padding: 0.7rem 0;}
#Footer .mid ul li {}
#Footer .mid ul li a {display: flex;align-items:center;padding: 0.4rem 0.6rem;border:1px solid rgba(255, 255, 255, 0.1);border-radius: 0.2rem;transition: 0.3s;}
#Footer .mid ul li .icon {width: 11.4%;height: 0.51rem;}
#Footer .mid ul li .icon img {object-fit: contain;}
#Footer .mid ul li .text {width: 88.6%;padding-left: 0.55rem;}
#Footer .mid ul li .text i {display: block;margin-bottom: 0.1rem;font-style: normal;font-size: 0.18rem;color: #fff;}
#Footer .mid ul li .text span {font-size: 0.14rem;}
#Footer .bottom {padding-bottom: 0.8rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#Footer .bottom .footerNav dt a {color: #fff;font-weight: 700;}
#Footer .bottom .footerNav dd {margin-bottom: 0.1rem;}
#Footer .bottom .footerNav dd {margin-bottom: 0.1rem;}
#Footer .bottom .footerNav dd a {color: rgba(255,255,255,0.5);}
#Footer .bottom .footerNav dt a:hover,
#Footer .bottom .footerNav dd a:hover {color: #fff;}
#Footer .bottom .right .name {line-height:1;margin-bottom: 0.2rem;}
#Footer .bottom .right .share {margin-bottom: 0.4rem;}
#Footer .bottom .right .share a {display: inline-block;width: 0.26rem;height: 0.26rem;margin-right: 0.16rem;background-repeat:no-repeat;background-position:center;background-size:contain;opacity: 0.45;transition: 0.3s;}
#Footer .bottom .right .share a:nth-child(1) {background-image: url("../images/share_icon1.png")}
#Footer .bottom .right .share a:nth-child(2) {background-image: url("../images/share_icon2.png")}
#Footer .bottom .right .share a:nth-child(3) {background-image: url("../images/share_icon3.png")}
#Footer .bottom .right .share a:nth-child(4) {background-image: url("../images/share_icon4.png")}
#Footer .bottom .right .share a:hover {opacity: 1;}
#Footer .bottom .right .tel {margin-bottom: 0.4rem;font-size: 0.3rem;line-height:1;color: #0056ff;}
#Footer .bottom .right .email {font-size: 0.2rem;line-height:1;color:#fff;font-weight: 700;}
#Footer .copyright {padding: 0.4rem 0;color: rgba(255, 255, 255, 0.5);}
#Footer .copyright a {color: rgba(255, 255, 255, 0.5);}
#Footer .copyright a:hover {color: #fff;}
@media (min-width: 1025px) {
    #Footer .mid ul {display: flex;}
    #Footer .mid ul li {width: 31.25%;}
    #Footer .mid ul li:not(:last-child) {margin-right: 3.125%;}
    #Footer .mid ul li a:hover {border-color:#01308c;background-color: #01308c;}
    #Footer .mid ul li a:hover .text i,
    #Footer .mid ul li a:hover .text span {color:#fff;}
    #Footer .bottom {display: flex;justify-content: space-between;}
    #Footer .bottom .footerNav {display: flex;justify-content: space-between;width: 68%;}
    #Footer .bottom .footerNav dt {margin-bottom: 0.2rem; }
    #Footer .bottom .footerNav dd {font-size: 0.14rem; }
    #Footer .bottom .right {width: 17.6%;}
    #Footer .bottom .right .name {color: rgba(255,255,255,0.5);}
    #Footer .copyright {display: flex;justify-content: space-between;font-size: 0.14rem;}
}
@media (max-width: 1024px) {
    #Footer .container {flex-wrap: wrap;}
    #Footer .mid {padding: 0.5rem 0;}
    #Footer .mid ul li:not(:last-child) {margin-bottom: 0.3rem;}
    #Footer .mid ul li a {padding: 0.4rem 0.7rem;}
    #Footer .mid ul li .icon {height: auto;}
    #Footer .mid ul li .text i {font-size: 0.24rem;}
    #Footer .mid ul li .text span {font-size: 0.22rem;}
    #Footer .bottom {padding-bottom: 0.5rem;}
    #Footer .bottom .footerNav {margin-bottom: 0.4rem;}
    #Footer .bottom .footerNav dl {width: 100%;margin-right: 0 !important;border-bottom: 1px solid #ccc;padding: 0.2rem;}
    #Footer .bottom .footerNav dl dt {position: relative;font-size: 0.26rem;margin-bottom: 0;}
    #Footer .bottom .footerNav dl dt::after {position: absolute;content: '';width: 10px;height: 6px;top: 0.12rem;right: 0;background: url(../images/arrow_down.png) no-repeat right center / contain;transform: rotate(0deg);filter:brightness(0) invert(1);transition: .3s;}
    #Footer .bottom .footerNav dl dt.on::after {transform: rotate(180deg);}
    #Footer .bottom .footerNav dl .dd-wrap {display: none;margin-top: 0.2rem;}
    #Footer .bottom .right {padding-top: 0.3rem;text-align: center;}
    #Footer .bottom .right .name {font-size: 0.26rem;}
    #Footer .bottom .right .share a {width: 0.66rem;height: 0.66rem;background-size: 0.34rem;}
    #Footer .bottom .right .tel {margin-bottom: 0.5rem;}
    #Footer .bottom .right .email {font-size: 0.24rem;}
    #Footer .copyright {text-align: center;}
    #Footer .copyright div:nth-child(1) {margin-bottom: 0.2rem;}
}

/*About*/
.About-intro {padding: 1.1rem 0 1rem;}
.About-intro .desc {height: 3.5rem;padding-right: 0.4rem;line-height: 1.875;}
.About-intro .pic {border-radius: 50%;overflow: hidden;}
.About-intro .pic figure {padding-bottom: 100%;}
.About-intro .numBox {display: flex;justify-content:space-between;color: #000;}
.About-intro .numBox .icon {width: 0.8rem;height: 0.8rem;margin-bottom: 0.3rem;padding: 0.2rem;border-radius: 50%;background-color: #01308c;}
.About-intro .numBox .num {display: flex;align-items: flex-start;margin-bottom: 0.1rem;line-height: 1;font-size: 0.18rem;font-weight: 700;}
.About-intro .numBox .num span {font-size: 0.48rem;}
.About-intro .numBox .name {color: #999;}

.About-company {background-color: #121d34;}
.About-company .left-title {padding: 0.9rem 0;font-size: 0.24rem;line-height: 2;color: #fff;background: url("../images/about_bg.png") no-repeat center 0.8rem/3rem;}
.About-company .list ul {border-bottom:1px solid rgba(255,255,255,0.1);}
.About-company .list li {padding:0 0.3rem;border-top:1px solid rgba(255,255,255,0.1);}
.About-company .list li a {position: relative;display: block;padding: 0.3rem 0.2rem 0.3rem 0;color:#fff;transition: 0.3s;}
.About-company .list li a::before,
.About-company .list li a::after {content:'';position: absolute;top:50%;width: 0.08rem;height: 0.12rem;margin-top:-0.06rem;background: url("../images/homeMore_icon.png") no-repeat center/contain;transition: 0.3s;}
.About-company .list li a::before {left: 0;transform: translateX(-10px);}
.About-company .list li a::after {right: 0;}
.About-company .list li a:hover {padding-left: 0.2rem;color: #0056ff;}
.About-company .list li a:hover::before {background-image: url("../images/homeMore_icon_b.png");transform: translateX(0)}
.About-company .list li a:hover::after {transform: translateX(10px)}

.About-honor {padding: 1.2rem 0;}
.About-honor ul {display: flex;flex-wrap: wrap;}
.About-honor a {display: block;width: 100%;padding:0.4rem 0;border-radius: 0.1rem;background-color: #f8f8f8;}
.About-honor .imgBox {display: flex;align-items: center;width: 2.4rem;height: 1.68rem;margin: auto;}
.About-honor .imgBox img {height: 100%;}
.About-honor .text {height: 0.42rem;padding: 0 0.4rem;margin-top: 0.2rem;color: #000;text-align: center;overflow: hidden;}
@media (min-width: 1025px) {
    .About-intro .container {display: flex;justify-content: space-between;margin-bottom: 0.6rem;}
    .About-intro .text {width: 54.28%;padding-right: 0.5rem;}
    .About-intro .pic {width: 45.72%;}
    .About-intro .numBox .item {max-width: 25%;}

    .About-company > div {display: flex;}
    .About-company .left-title {flex-shrink:0;width: 36.4%;padding-right: 0.9rem;}
    .About-company .list {flex-shrink:0;width: 82%;padding: 0.9rem 0;border-left: 1px solid rgba(255,255,255,0.1);}
    .About-company .list li {padding-right: 22%;}

    .About-honor li {width: 22.85%;margin-right: 2.86%;}
    .About-honor li:nth-child(4n) {margin-right: 0;}
    .About-honor li:nth-child(4) ~ li {margin-top: 2.86%;}
    .About-honor .text {font-size: 0.14rem;}
    .About-honor li a:hover .text {color: #0056ff;}
}
@media (max-width: 1024px) {
    .About-intro {padding: 0.6rem 0;}
    .About-intro .text {margin-bottom: 0.6rem;}
    .About-intro .numBox {flex-wrap: wrap;}
    .About-intro .numBox .item {width: 50%;margin-top: 0.5rem;}

    .About-company {padding-bottom: 0.6rem;}
    .About-company .left-title {font-size: 0.3rem;}

    .About-honor {padding: 0.6rem 0;}
    .About-honor li {width: 48.5%;}
    .About-honor li:not(:nth-child(2n)) {margin-right: 3%;}
    .About-honor li:nth-child(2) ~ li {margin-top: 3%;}
    .About-honor .text {height: 0.72rem;}
}

/*Product*/
.Product-list {padding: 1rem 0 1.2rem 0;}
.Product-list ul {display: flex;flex-wrap: wrap;}
.Product-list .imgBox {
    position: relative;
    margin-bottom: 0.3rem;
    /*padding: 0.4rem 0.1rem;*/
    border-radius:0.2rem;
    background-color: #f7f8fb;
}
.Product-list .imgBox .cursor {position: absolute;bottom: 9%;left: 52.3%;width: 1.2rem;height: 1.2rem; backdrop-filter: blur(10px);pointer-events: none;border:1px solid #e5e5e5;border-radius: 50%;z-index: 10;opacity: 0;visibility:hidden;transition: 0.3s;}
.Product-list .imgBox .cursor::after {content:'';position: absolute;width: 0.4rem;height: 0.44rem;top:50%;left:50%;transform: translate(-50%,-50%); background: url("../images/icon_slide1.png") no-repeat center/contain;}
.Product-list .imgBox:hover .cursor {opacity: 1;visibility: visible;}
.Product-list .text h4 {height: 0.72rem;margin-bottom: 0.2rem;font-size: 0.24rem;color: #000;transition: 0.3s;}
.Product-list .text .desc {margin-bottom: 0.3rem;font-size: 0.14rem;line-height: 1.7;}
.Product-list .text .more {display: flex;align-items:center;font-size: 0.14rem;color: #999;transition: 0.3s;}
.Product-list .text .more::after {content:'';position:relative;width: 0.07rem;height: 0.12rem;margin-left: 0.24rem;background:url(../images/homeMore_icon_g.png) no-repeat center/contain;transition: 0.3s;filter: grayscale(100%);transition: 0.3s;}
.Product-list li:hover .text h4 {color: #01308c;}
.Product-list li:hover .text .more {color: #01308c;}

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

    .Product {padding-bottom: 0;}

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

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

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

/*ProductDetail*/
.ProductDetail {padding-top: 1.05rem;}
.ProductDetail > div {background: url("../images/ProductDetail_bg.png") no-repeat center top;}
.ProductDetail .intro {padding-bottom: 1rem}
.ProductDetail .intro .text .tag {display: inline-block;margin-bottom: 0.2rem;line-height: 0.3rem;padding: 0 0.2rem;font-size: 0.14rem;color: #01308c;border-radius: 30px;border:1px solid #01308c;}
.ProductDetail .intro .text h4 {margin-bottom: 0.1rem;line-height: 1.25;font-size: 0.48rem;color:#01308c;}
.ProductDetail .intro .text .subtitle {font-size: 0.2rem;font-weight: 700;color: #000;}
.ProductDetail .intro .text .numBox {display: flex;justify-content:space-between;color: #01308c;margin-top: 0.2rem;padding: 0.5rem 0;border-top:1px solid #eeeeee;}
.ProductDetail .intro .text .numBox .num {display: flex;align-items: baseline;margin-bottom: 0.1rem;line-height: 1;font-size: 0.18rem;}
.ProductDetail .intro .text .numBox .num span {font-size: 0.72rem;font-weight: 700;}
.ProductDetail .intro .text .numBox .name {font-size: 0.18rem;color:#666;}
.ProductDetail .intro .text .tips {font-size: 0.14rem;}
.ProductDetail .intro .text .tips i {font-style: normal;color:#ff0000;}

.ProductDetail .intro .swiperBox {
    border-radius:0.2rem;
    /*background: #f7f8fb;*/
}
.ProductDetail .intro .swiperBox .swiper .swiper-slide {display: flex;align-items: center;justify-content: center;}
.ProductDetail .intro .swiperBox .swiper .swiper-slide .img {
    display: flex;
    align-items: center;
    height: 4.5rem;
    /*padding: 0.25rem 0;*/
}
.ProductDetail .intro .swiperBox .swiper .swiper-slide .img img {
    height: 100%;
    border-radius:0.2rem;
}
.ProductDetail .intro .swiperBox .swiper_btn {
    display: flex;
    /*position: absolute;*/
    /*right: 0.3rem;*/
    /*bottom: 0.3rem;*/
    z-index: 10;
    padding-top: 0.2rem;
    justify-content:center;
}
.ProductDetail .intro .swiperBox .swiper_btn div {position: relative;width: 0.5rem;height: 0.5rem;border: 1px solid #01308c;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.ProductDetail .intro .swiperBox .swiper_btn div::after {content:'';position: absolute;top:50%;left:50%;width: 0.08rem;height: 0.08rem;}
.ProductDetail .intro .swiperBox .swiper_btn .swiper-prev::after {border-top:2px solid #01308c;border-left:2px solid #01308c;transform: translate(-38%,-50%) rotate(-45deg)}
.ProductDetail .intro .swiperBox .swiper_btn .swiper-next::after {border-top:2px solid #01308c;border-right:2px solid #01308c;transform: translate(-62%,-50%) rotate(45deg)}
.ProductDetail .intro .swiperBox .swiper_btn .swiper-next {margin-left: 0.1rem;}
.ProductDetail .intro .swiperBox .swiper_btn div:hover {background-color: #01308c;}
.ProductDetail .intro .swiperBox .swiper_btn div:hover::after {border-color: #fff;}

.ProductDetail .parameter {padding-bottom: 1.2rem;line-height: 1.875;}
.ProductDetail .parameter .innerTitle {padding-bottom: 0.3rem;margin-bottom: 0.4rem;border-bottom: 1px solid #eeeeee;font-size: 0.3rem;}
@media (min-width: 1025px) {
    .ProductDetail .intro {display: flex;justify-content: space-between;}
    .ProductDetail .intro .text {width: 44.28%;}
    .ProductDetail .intro .swiperBox {width: 48.6%;font-size: 0.18rem;}
}
@media (max-width: 1024px) {
    .ProductDetail {padding-top: 1.35rem;}
    .ProductDetail .intro .text {margin-bottom: 0.6rem;}
    .ProductDetail .intro .text .tag {font-size: 0.2rem;line-height: 0.5rem;}
    .ProductDetail .intro .text h4 {font-size: 0.36rem;}
    .ProductDetail .intro .text .subtitle {font-size: 0.24rem;}
    .ProductDetail .intro .text .numBox .num {font-size: 0.24rem;}
    .ProductDetail .intro .text .numBox .name {font-size: 0.24rem;}
    .ProductDetail .intro .text .numBox .num span {font-size: 0.6rem;}
    .ProductDetail .intro .text .tips {font-size: 0.22rem;}
    .ProductDetail .intro .swiperBox .swiper_btn div {width: 0.7rem;height: 0.7rem;}
    .ProductDetail .intro .swiperBox .swiper_btn div::after {width: 0.12rem;height: 0.12rem;}
}

/*Marketing*/
.Marketing {padding: 1rem 0 1.2rem;}
.Marketing .innerTitle {margin-bottom: 0.4rem;}
.Marketing li:not(:last-child) {margin-bottom: 0.8rem;}
.Marketing li .pic {border-radius: 0.2rem;}
.Marketing li .pic figure {padding-bottom: 115.38%;}
.Marketing li .text h4 {margin-bottom: 0.2rem;font-size: 0.3rem;color: #000;}
.Marketing li .text .desc {margin-bottom: 0.5rem;line-height: 1.875;}
.Marketing li .numBox {display: flex;color: #000;}
.Marketing li .numBox .item {display: flex;align-items: center;}
.Marketing li .numBox .item:not(:last-child) {margin-right: 0.7rem;}
.Marketing li .numBox .icon {width: 0.8rem;height: 0.8rem;padding: 0.2rem;margin-right: 0.3rem;border-radius: 50%;background-color: #01308c;}
.Marketing li .numBox .num {display: flex;align-items: flex-start;margin-bottom: 0.1rem;line-height: 1;font-size: 0.18rem;font-weight: 700;}
.Marketing li .numBox .num span {font-size: 0.48rem;}
.Marketing li .numBox .name {color: #999;}
@media (min-width: 1025px) {
    .Marketing li {display: flex;justify-content: space-between;align-items: center;}
    .Marketing li:nth-child(even) {flex-direction: row-reverse;}
    .Marketing li .pic {width: 37.1%;}
    .Marketing li .text {width: 57.1%;}
}
@media (max-width: 1024px) {
    .Marketing {padding: 0.5rem 0;}
    .Marketing .innerTitle {margin-bottom: 0.4rem;}
    .Marketing li .pic {margin-bottom: 0.4rem;}
    .Marketing li .text h4 {font-size: 0.3rem;}
    .Marketing li .text .desc {line-height: 1.5;}
    .Marketing li .numBox .item {flex-direction: column;align-items: flex-start;}
    .Marketing li .numBox .item .icon {margin-bottom: 0.3rem;}
    .Marketing li .numBox .num span {font-size: 0.4rem;}
}

/*Technology*/
.Technology-intro .container {padding: 1.3rem 0;}
.Technology-intro .picWrapper {position: relative;}
.Technology-intro .picWrapper::before {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:rotate(-6deg);border-radius: 0.2rem;background-color: #f7f8fb;z-index: -1;}
.Technology-intro .pic {border-radius: 0.2rem;}
.Technology-intro .pic figure {padding-bottom: 65.625%;}

.Technology-core {color:#fff;background-repeat: no-repeat;background-position: center;background-size: cover;}
.Technology-core {padding: 1.4rem 0 2rem;}
.Technology-core .text .innerTitle {font-size: 0.48rem;color: #fff;}
.Technology-core .text .subtitle {margin-bottom: 0.3rem;font-size: 0.3rem;color: #fff;}
.Technology-core .text .desc {line-height: 1.875;}
.Technology-core .numBox .item {display: flex;justify-content: space-between;align-items: center;color:#fff;padding: 0.53rem 0;}
.Technology-core .numBox .item:not(:last-child) {border-bottom: 1px solid rgba(255, 255, 255, 0.3)}
.Technology-core .numBox .item .icon {width: 0.62rem;height: 0.62rem;}
.Technology-core .numBox .item .num {width: 68.75%;font-size: 0.18rem;font-weight: 700;text-align: right;line-height: 1;}
.Technology-core .numBox .item .num span {margin-right: 0.14rem;font-size: 0.72rem;}

.Technology-list {padding: 1.2rem 0;}
.Technology-list li:not(:last-child) {margin-bottom: 0.8rem;}
.Technology-list li .pic {border-radius: 0.2rem;}
.Technology-list li .pic figure {padding-bottom: 88.88%;}
.Technology-list li .text .innerTitle {margin-bottom: 0.3rem;}
.Technology-list li .text .desc {line-height: 1.875;}

.Technology-research {background-repeat: no-repeat;background-position: center;background-size: cover;}
.Technology-research .container {padding: 2rem 0 3rem;}
.Technology-research .innerTitle {font-size: 0.48rem;color:#fff;}
.Technology-research .subtitle {margin-bottom: 0.3rem;font-size: 0.3rem;color:#fff;}
.Technology-research .desc {height: 2.3rem;line-height: 1.875;color:#fff;}
.Technology-research .mCSB_scrollTools .mCSB_draggerRail {background: #333;}
.Technology-research .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #fff;}
.Technology-research .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.Technology-research .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.Technology-research .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background: #fff;}

.Technology-map {position: relative;}
.Technology-map .map {position: relative;}
.Technology-map .map .content {width: 14rem;}
.Technology-map .map li {position: absolute;width: 0.12rem;height: 0.12rem;border-radius:50%;background: #01308c;}
.Technology-map .map li.head {width: 0.2rem;height: 0.2rem;border-radius:0;background: url("../images/map_icon.png") no-repeat center/contain;}
.Technology-map .map li:not(.head)::before {content:'';position: absolute;width: 0.12rem;height: 0.12rem;top:50%;left:50%;margin-top: -0.06rem;margin-left: -0.06rem;border-radius:50%;background-color: rgba(1, 48, 140, 0.4);animation: blink 2s linear infinite}
.Technology-map .textWrapper {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}
.Technology-map .textWrapper > div {display: flex;justify-content: flex-end;}
.Technology-map .textWrapper .text {max-width: 6.2rem;}
.Technology-map .textWrapper .text .innerTitle {font-size: 0.48rem;}
@keyframes blink {
    0% {opacity: 1;transform: scale(1)}
    100% {opacity: 0;transform: scale(2.5)}

}
@media (min-width: 1025px) {
    .Technology-intro .container {display: flex;justify-content: space-between;align-items: center;}
    .Technology-intro .picWrapper {width: 45.7%;}
    .Technology-intro .text {width: 45.7%;}

    .Technology-core .container {display: flex;justify-content: space-between;align-items: center;}
    .Technology-core .text {width: 48.57%;}
    .Technology-core .numBox {width: 38.57%;}

    .Technology-list li {display: flex;justify-content: space-between;align-items: center;}
    .Technology-list li:nth-child(odd) {flex-direction: row-reverse;}
    .Technology-list li .pic {width: 38.57%;}
    .Technology-list li .text {width: 52.85%;}

    .Technology-research .text {width: 50.7%;}
}
@media (max-width: 1024px) {
    .Technology-position {}
    .Technology-position::before { content: "";display: block;height: 1.04rem;margin-top: -1.04rem;/*visibility: hidden;*/pointer-events: none;background-color: #fff;}

    .Technology-intro .container {padding: 0.6rem 0;}
    .Technology-intro .picWrapper {margin-bottom: 0.4rem;}

    .Technology-list {padding: 0.6rem 0;}
    .Technology-list li .pic {margin-bottom: 0.4rem;}
    .Technology-list li .text .innerTitle {line-height: 1.3;}
    .Technology-list li .text .desc {line-height: 1.5;}

    .Technology-core {padding: 0;}
    .Technology-core .container {padding: 0.6rem 0;}
    .Technology-core .text .desc {line-height: 1.5;}
    .Technology-core .numBox .item {padding: 0.53rem 0.2rem;}
    .Technology-core .numBox .item .icon {width: 0.7rem;height: 0.7rem;}
    .Technology-core .numBox .item .num {font-size: 0.24rem;}
    .Technology-core .numBox .item .num span {font-size: 0.52rem;}

    .Technology-research .container {padding: 1rem 0 2.4rem;}

    .Technology-map .container {padding: 0 0 0.6rem 0;}
    .Technology-map .map {margin-bottom: 0.4rem;overflow-x: auto;}
    .Technology-map .textWrapper {position: relative;top: 0;transform: none;}
}

/*News*/
.News {padding: 0.8rem 0 1.2rem;}
.News .top {margin-bottom: 0.5rem;border-radius: 0.2rem;background-color: #f7f8fb;overflow: hidden;}
.News .top .pic figure {padding-bottom: 62.85%;}
.News .time {margin-bottom: 0.2rem;line-height: 0.2rem;}
.News .top .text h4 {margin-bottom: 0.2rem;font-size: 0.24rem;line-height: 1.25;color:#000;transition: 0.2s;}
.News .top .text .desc {margin-bottom: 0.4rem;line-height: 1.875;}
.News .top .text .homeMore span {line-height: 0.6rem;}
.News .top a:hover .text h4 {color: #01308c;}

.News li {position: relative;border-radius: 0.2rem;background-color: #f7f8fb;transition: 0.3s;}
.News li a {display: block;}
.News li .text {padding: 0.3rem 0.4rem 0 0.4rem;color: #000;}
.News li .text .time {display: flex;align-items: center;margin-bottom: 0.6rem;font-size: 0.14rem;}
.News li .text .time .tag {width: 0.8rem;line-height:0.32rem;padding: 0 0.1rem;margin-right: 0.2rem;border-radius: 50px;color:#fff;text-align:center;background-color: #01308c;overflow: hidden;}
.News li .text .time em {font-style: normal;color: #999;}
.News li .text h4 {height: 0.9rem;margin-bottom: 0.4rem;font-size: 0.2rem;}
.News li .text .desc {margin-bottom: 0.8rem;line-height: 2;}
.News li .text .homeMore {}
.News li .text .homeMore span {padding: 0;line-height: 1.5;border:0;font-size: 0.14rem;font-weight: 400;}
.News li .text .content {position: absolute;left:0;bottom:0.5rem;padding: 0 0.4rem;opacity: 0;visibility: hidden;transition: 0.3s;}
.News li .pic {margin-left: 0.4rem;border-radius: 0.2rem 0 0.2rem 0;transition: 0.3s;}
.News li .pic figure {padding-bottom: 58.7%;}
.News li .text .homeMore span::after {height: 0.12rem;}
@media (min-width: 1025px) {
    .News .top a {display: flex;align-items:center;width: 100%;}
    .News .top .pic {width: 48.57%;}
    .News .top .text {width: 51.43%;padding: 0.7rem 0.6rem;}
    .News .top .text .desc {font-size: 0.14rem;}

    .News ul {display: flex;flex-wrap: wrap;}
    .News li {width: 31.42%;}
    .News li:not(:nth-child(3n)) {margin-right: 2.87%;}
    .News li:nth-child(3) ~ li {margin-top: 2.87%;}
    .News li:hover {background-color: #01308c;}
    .News li:hover::after {opacity: 1;visibility: visible;}
    .News li:hover .text {color:#fff;}
    .News li:hover .text .time em {color: #fff;}
    .News li:hover .text .time .tag {color: #01308c;background-color: #fff;}
    .News li:hover .text .content {opacity: 1;visibility: visible;}
    .News li:hover .pic {opacity: 0;visibility: hidden;}
}
@media (max-width: 1024px) {
    .News {padding: 0.6rem 0 0.2rem;}

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

    .News li {width: 100%;}
    .News li:not(:last-child) {margin-bottom: 0.4rem;}
    .News li .text {padding: 0.5rem;padding-bottom: 0;}
    .News li .text .time {margin-bottom: 0.3rem;font-size: 0.2rem;}
    .News li .text .time .tag {}
    .News li .text h4 {height: 1.14rem;font-size: 0.26rem;}
}

.NewsInfo {padding: 1.05rem 0 1.2rem;}
.NewsInfo .left {padding: 0.7rem 0.9rem;border-radius: 0.1rem;background-color: #fff;}
.NewsInfo .title {text-align: center;}
.NewsInfo .title h3 {margin-bottom: 0.15rem;font-size: 0.3rem;color: #000;}
.NewsInfo .title .time_wrap {margin-bottom: 0.4rem;padding-bottom: 0.3rem;border-bottom: 1px solid #eee;}
.NewsInfo .title .time_wrap span {padding-left: 0.3rem;background: url("../images/icon_time.png") no-repeat left center/contain;}
.NewsInfo article {padding-bottom: 5%;margin-bottom: 5%;border-bottom: 1px solid #eee;}
.NewsInfo article p {line-height: 1.875;}
.NewsInfo article img {height: auto !important}
.NewsInfo .page_pn {}
.NewsInfo .page_pn .pn {width: calc(100% - 2rem);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: #01308c;}
.NewsInfo .page_pn .btn {width: 1.8rem;line-height: 0.5rem;border-radius:0.1rem;background: #01308c;color: #fff;text-align: center;transition: 0.3s;}
.NewsInfo .page_pn .btn:hover {background-color: #0135a4;}
.NewsInfo .right {border-radius: 0.1rem;background-color: #fff;overflow: hidden;}
.NewsInfo .right h4 {padding: 0 0.3rem;line-height: 0.8rem;color:#fff;font-size: 0.24rem;background-color: #01308c;}
.NewsInfo .right ul {padding: 0.3rem;}
.NewsInfo .right li {padding-bottom: 0.25rem;margin-bottom: 0.25rem;}
.NewsInfo .right li:not(:last-child) {border-bottom: 1px solid #eee;}
.NewsInfo .right li a {position: relative;display: block;padding-left: 0.15rem;color:#333;transition: 0.3s;}
.NewsInfo .right li a::before {content:'';position: absolute;top:0.11rem;left:0;width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: #333;}
.NewsInfo .right li .name {margin-bottom: 0.1rem;line-height: 1.875;}
.NewsInfo .right li .time {color:#999;}
.NewsInfo .right li a:hover {color:#01308c;}
.NewsInfo .right li a:hover::before {background-color: #01308c;}
@media (min-width: 1025px) {
    .NewsInfo .left {width: 75%;}
    .NewsInfo .right {width: 22.85%;}
    .NewsInfo .right li .time {font-size: 0.14rem;}
}
@media (max-width: 1024px) {
    .NewsInfo {padding: 1.35rem 0 0.6rem;}
    .NewsInfo .left {width: 100%;padding: 0.4rem;margin-bottom: 0.4rem;}
    .NewsInfo .title h3 {margin-top: 0;margin-bottom: 3%;}
    .NewsInfo .title .time_wrap {font-size: .22rem;}
    .NewsInfo article {font-size: 0.24rem;}
    .NewsInfo article p {font-size: 0.24rem;line-height: 1.8 ;}
    .NewsInfo .page_pn .pn {width: 100%;padding-right: 0;margin-bottom: 4%;}
    .NewsInfo .page_pn .pn a {font-size: 0.24rem;}
    .NewsInfo .page_pn .btn {width: 100%;line-height: 0.7rem;margin-top: 0.2rem;}
    .NewsInfo .right {width: 100%;}
    .NewsInfo .right h4 {font-size: 0.3rem;}
}

/*Contact*/
.Contact {padding: 1rem 0 1.2rem;}
.Contact-title {margin-bottom: 0.14rem;font-size: 0.36rem;line-height: 1.3;color: #000;}
.Contact-subtitle {margin-bottom: 0.4rem;color: #666;}

.Contact .content .info {margin-bottom: 0.3rem;}
.Contact .content .info .item:not(:last-child) {margin-bottom: 0.25rem;}
.Contact .content .info .name {margin-bottom: 0.15rem;color: #999;}
.Contact .content .info .add {line-height: 1.6;font-size: 0.18rem;font-weight: 700;color: #000;}
.Contact .content .info .tel {color: #01308c;font-size: 0.3rem;}

.Contact .content .share {display: flex;align-items:center;font-size: 0.14rem;}
.Contact .content .share a {display: inline-flex;justify-content:center;align-items:center;width: 0.26rem;height: 0.26rem;margin-right: 0.16rem;}
.Contact .content .share a::after {content:'';width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
/*.Contact .content .share a:nth-child(1)::after {background-image: url("../images/share_icon1_b.png")}*/
/*.Contact .content .share a:nth-child(2)::after {background-image: url("../images/share_icon2_b.png")}*/
/*.Contact .content .share a:nth-child(3)::after {background-image: url("../images/share_icon3_b.png")}*/
/*.Contact .content .share a:nth-child(4)::after {background-image: url("../images/share_icon4_b.png")}*/

.Contact .feedback .tips {margin-bottom: 0.3rem;font-size: 0.14rem;color: #999;}
.Contact .feedback .err {margin-right: 2px;font-style: normal;color: #ff0000;}
.Contact .form {}
.Contact .form dl {margin-bottom: 0.2rem;}
.Contact .form  dd { position:relative;border-radius: 0.1rem;border: 1px solid #e6e6e6;overflow: hidden;}
.Contact .form  dd label{ position:absolute; left:0; top:0;padding: 0 0.15rem;font-size: 0.14rem; line-height: 0.6rem; color:#666;z-index: 10;}
.Contact .form .name {margin-bottom: 0.1rem;line-height: 0.3rem;}
.Contact .form .text {width: 100%;border:0;line-height: 0.6rem;padding: 0 0.1rem;font-size: 0.14rem;color: #666;background-color: #fff;}
.Contact .form .dl_textarea label {top:0.1rem;line-height: 1.5;}
.Contact .form .dl_textarea .textarea {width: 100%;height: 2rem;border:0;line-height: 1.5;padding: 0.1rem;border-radius: 5px;}
.Contact .form .submitBtn {width: 100%;line-height: 0.6rem;text-align: center;color: #fff;border-radius:0.1rem;background-color: #01308c;cursor: pointer;}
.Contact .form .submitBtn:hover {background-color: #0135a4;}
@media (min-width: 1025px) {
    .Contact > div {display: flex;justify-content: space-between;}
    .Contact .content {width: 48.57%;padding-right: 1rem;border-right: 1px solid #eeeeee;}
    .Contact .feedback {width: 42.85%;}
}
@media (max-width: 1024px) {
    .Contact {padding: 0.6rem 0;}
    .Contact .content {margin-bottom: 0.5rem;}
    .Contact .content .info .add {font-size: 0.24rem;}
    .Contact .content .info .name {margin-bottom: 0.1rem;}
    .Contact .content .info .item:not(:last-child) {margin-bottom: 0.3rem;}
    .Contact .content .share a {width: 0.36rem;height: 0.36rem;}
    .Contact .feedback .tips {font-size: 0.24rem;}
    .Contact .form dd label,
    .Contact .form .text {font-size: 0.24rem;line-height: 0.7rem;}
    .Contact .form .dl_textarea label {top: 0.2rem;}
    .Contact .form .dl_textarea .textarea {padding: 0.2rem;}
    .Contact .form .submitBtn {line-height: 0.7rem;}
}

.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: #f7f8fb;transition: 0.3s;}
.innerPage .Pages a.a_cur,
.innerPage .Pages a:hover {color: #fff;background: #01308c;}
.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: #01308c;}
@media (max-width: 1024px) {
    .Search li {padding: 0.2rem 0;}
}

.mCSB_scrollTools .mCSB_draggerRail {background-color: #eeeeee;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #01308c;}
.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: #0135a4;}