@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../font/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('../font/Montserrat-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Monumentextended-regular';
  src: url('../font/Monumentextended-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nexa_bold';
  src: url('../font/Nexa_bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.sc-bold {font-family: 'PingFangSC Semibold';}
.sc-medium {font-family: 'PingFang SC Medium', '苹方-简 中黑体';}
.sc-regular {font-family: 'PingFang SC Regular';}
.mont-regular {font-family: 'Montserrat-Regular'; font-weight: 400;}
.mont-semibold {font-family: 'Montserrat-SemiBold';}
.monu-regular {font-family: 'Monumentextended-regular';}
.nexa {font-family: 'Nexa_bold';}
* {box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
html {scroll-behavior: initial;}
html, body {-webkit-text-size-adjust: none; overflow-x: hidden; -webkit-tap-highlight-color: #0000;}
html, body, input, select, input, textarea, button{font-weight: 400; font-family: 'PingFang SC Regular', 'PingFang SC', 'PingFang SC Medium', 'PingFangSC Semibold', 'Microsoft Yahei', 'HELVETI1ca Neue', 'Arial', 'Tohoma';}
body {font-size: 16px; line-height: 1.7778; background-color: #fff; -webkit-overflow-scrolling: touch;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: 500;}
ul, dl, dd, p {margin: 0; padding: 0;}
ul {list-style: none;}
small {display: block;}
::-ms-clear, ::-ms-reveal{display: none;}
select::-ms-expand{ display: none; } 
input, button {border: 0; outline: none;}
textarea {resize: none;}
a:hover, a:active, a:link, a:visited, a:focus {text-decoration: none; background-color: transparent;}
img {display: block; max-width: 100%;}

.weui-cell {padding: 10rem 15rem; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell__bd {min-width: 1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft {text-align: right; color: #999999;}
.weui-flex {display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-input {width: 100%; background-color: transparent; font-size: inherit; font-weight: inherit; color: inherit; height: 1.41176471em; line-height: 1.41176471; -webkit-appearance: none;}
.weui-input::-webkit-input-placeholder {color: #cacaca;} 
.start {-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.middle {-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.end {-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.vmid {vertical-align: middle;}
.noborder {border: 0 !important;}
.nobefore::before, .noafter::after {display: none !important;}
.nowrap {white-space: nowrap;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word;}
.line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-wrap: break-word;}
.auto {margin-left: auto; margin-right: auto;}
.row:after, .clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "\200B" }
.row, .clearfix {*zoom: 1;}
.imgfill {width: 100%; height: 100%; object-fit: cover;}
.toast {display: none; z-index: 90; top: 50%; left: 50%; padding: 10px 20px; min-width: 240px; font-size: 16px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, .75); border-radius: 6px; transform: translate(-50%, -50%);}

.fleft {float: left;}
.fright {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.overhide {overflow: hidden;}
.hand {cursor: pointer;}
.block {display: block;}
.iblock {display: inline-block;}
.hidden {display: none !important;}
.trans-3 {transition: all .3s;}
.light {font-weight: 200;}
.regular {font-weight: 300;}
.bold {font-weight: 600;}
.mg0 {margin: 0 !important;}
.mt0 {margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;} 
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}

/* header */
body.disabled {pointer-events: none;} 
.transZ {transform: translateZ(0);}
.mask {display: none; z-index: 90; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5);}
.wrapper {padding-top: 110rem; transform: translateZ(0);}
.header {z-index: 100; top: 0; left: 0; right: 0; height: 110rem; background-color: #fff; opacity: 1; transform: translate3d(0, 0, 0); transition: all .75s;}
.header .logo {z-index: 1; left: 50%; top: 16rem; margin-left: -81rem; width: 162rem; height: 58rem;}
.header .menubar {height: 100%; padding-left: 25rem; padding-right: 30rem; background: linear-gradient(48deg, #0083C1 0%, #0040BD 100%);}
.header .menubar .language {top: 50%; right: 0; margin-right: 12px; border-radius: 15px; overflow: hidden; transform: translateY(-50%);}
.header .menubar .language a {float: left; display: block; padding: 0 7px; font-size: 13px; line-height: 24px;}
.header .menubar .language a:first-child {background-color: #000; color: #fff;}
.header .menubar .language a:last-child {background-color: #fff; color: #003DDC;}
.topbar {height: 30px; line-height: 30px; font-size: 12px; color: #888D96; background-color: #242933;}
.topbar a {color: #888D96;}
.topbar a.spec {margin-right: 23rem; padding: 0 23rem;}
.topbar a.on {color: #fff;}
.menubtn {position: relative; z-index: 101; width: 60rem; height: 60rem;}
.menubtn i {position: absolute; display: block; top: 50%; left: 50%; height: 3rem; width: 42rem; background: #fff; border-radius: 2px; transform: translate(-50%, -50%); transition: all .3s;}
.menubtn i:nth-child(1) {margin-top: -10rem;}
.menubtn i:nth-child(3) {margin-top: 10rem;}
.menubtn.on i:nth-child(2) {width: 0;}
.menubtn.on i:nth-child(1) {margin-top: 0; transform: translate(-50%, -50%) rotate(45deg);}
.menubtn.on i:nth-child(3) {margin-top: 0; transform: translate(-50%, -50%) rotate(-45deg);}
.navpro .imgbox {margin: 20px 5px 5px; padding: 5px 20px; padding-bottom: 0; width: 226px; height: 226px;}
.navpro .moretxt {z-index: 11; left: 50%; bottom: 30px; font-size: 14px; line-height: 34px; color: #999; transform: translateX(-50%);}
.navpro .swiper-slide {width: 236px;}
.navpro .swiper-slide a {display: block;}
.navpro .swiper-slide:first-child .imgbox::before {display: none;}
.navpro .swiper-slide p {font-size: 18rem; transform: scale(0.75); text-align: center; color: #000;}
.navpro .swiper-button-prev, .navpro .swiper-button-next {top: auto; bottom: 30px; width: 34px; height: 34px; line-height: 32px; color: #fff; border-radius: 50%; background-color: #003DDC;}
.navpro .swiper-button-prev::after, .navpro .swiper-button-next::after {font-size: 14px;}
.navpro .swiper-button-prev {margin-left: -200rem; left: 50%;}
.navpro .swiper-button-next {margin-right: -200rem; right: 50%;}
.navpro .swiper-button-disabled {background-color: #999; opacity: 1;}
.menu .navpro .swiper-container {padding-bottom: 15px;}
.menu .navpro .moretxt {padding: 0 60rem;  transform: none;}

/* footer */
.footer {position: relative; padding-top: 50rem; color: #fff; overflow: hidden; background: linear-gradient(45deg, #242933 0%, #4A5362 100%);}
.footer .logo {width: 313rem; height: 101rem;}
.footer .split {margin-top: 42rem; margin-bottom: 50rem; height: 2px; background: linear-gradient(90deg, #7E8898 0%, #606A7B 100%);}
.footer .qrcode {margin-bottom: 7px; width: 152rem; height: 152rem;}
.footer .menu dl {width: 12.5%;}
.footer .menu dl:nth-child(2) .navpro {display: none;}
.footer .menu dt a {display: block; margin-bottom: 4px; white-space: nowrap; color: #fff; font-size: 16px; font-family: 'PingFang SC Medium', '苹方-简 中黑体';}
.footer .menu dd a {display: block; padding: 4px 0; font-size: 14px; color: #8A8F99; transition: color .3s;}
.copyright {margin-top: 70rem; padding-top: 50rem; padding-bottom: 50rem; font-size: 14px; color: #8A8F99; border-top: 2px solid rgba(230, 231, 232, .1);}
.copyright a {color: #8A8F99;}
.copyright .caret {top: -2px; width: 18px; height: 22px; position: relative; vertical-align: middle;}
.copyright .caret-item {width: 18px; height: 11px; position: absolute; left: 0; background-color: #fff; cursor: pointer; transition: all .3s;}
.copyright .caret-up {top: 0;}
.copyright .caret-down {bottom: 0;}
.copyright .caret-item::after {position: absolute; display: block; content: ''; top: 50%; left: 50%; border: 5px solid transparent; transform: translate(-50%, -50%); transition: all .3s;}
.copyright .caret-up::after {border-bottom-color: #242933; top: 33%;}
.copyright .caret-down::after {border-top-color: #242933; top: 78%;}
.copyright .swiper-container {position: relative; margin-right: 8px; width: 100rem; height: 28px; text-align: left; overflow: hidden; vertical-align: middle;}
.copyright .swiper-slie {line-height: 28px;}
#goTop {opacity: 0; z-index: 20; right: 0; bottom: 10%; font-size: 20rem; transform: scale(0.5814); transition: opacity .3s;}
#goTop:not(:hover) {background: linear-gradient(48deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2) 100%);}
#goTop i {margin: 20rem auto; transform: rotate(-90deg);}
#goTop.on {opacity: 1;}

::-webkit-scrollbar {width: 5px; background-color: rgba(0, 0, 0, 0);}
::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, 0);}
::-webkit-scrollbar-thumb {width: 5px; border-radius: 4px; border: 0; background-color: #003DDC;}
::-webkit-scrollbar:horizontal {height: 5px;}


/* 分页 */
.pagination {margin: 0 auto 150rem; padding: 2px 5px;}
.pagination .btn-prev, .pagination .btn-next {position: relative; top: -1px; display: inline-block; width: 50rem; height: 50rem; vertical-align: middle;}
.pagination .btn-prev::before, .pagination .btn-prev::after, 
.pagination .btn-next::before, .pagination .btn-next::after {position: absolute; display: block; content: ''; margin-top: -5px; top: 50%; width: 7px; height: 7px; border-left: 1px solid #707070; border-top: 1px solid #707070; transition: all .3s;}
.pagination .btn-prev::before, .pagination .btn-prev::after {left: 50%; margin-top: -5px; transform: rotate(-45deg) translate(-50%, -50%);}
.pagination .btn-prev::after {margin-left: 6px;}
.pagination .btn-next::before, .pagination .btn-next::after {right: 50%; transform: rotate(135deg) translate(-50%, -50%);}
.pagination .btn-next::after {margin-right: 6px;}
.pagination .pager, .pagination .pager a{display: inline-block;}
.pagination .pager a{width: 50rem; line-height: 50rem; color: #838383; font-size: 18rem; transition: all .3s; }
.pagination .pager a.on {background-color: #242933; color: #fff !important; border-radius: 2px;}

.main-title {padding-top: 50rem; padding-bottom: 50rem; border-bottom: 2rem solid #E6E7E8;}
.main-title .en {font-size: 40rem; line-height: 1.1; text-transform: uppercase;}
.main-title .cn.weui-cell__hd {width: 36%;}
.main-title .cn {font-size: 34rem; color: #000;}
.main-title .line {margin: 0 20rem; width: 50rem; height: 7rem; background-color: #003DDC;}
.main-title .breadcrumb {margin-right: -30rem;}
.main-title .breadcrumb a {position: relative; display: inline-block; padding: 10rem 30rem; font-size: 22rem; color: #000;}
.main-title .breadcrumb i {position: relative; display: none; margin-right: 20rem; width: 42rem; height: 42rem; border-radius: 50%; background-color: #003DDC; vertical-align: middle;}
.main-title .breadcrumb i::before {position: absolute; top: 50%; left: 50%; display: block; content: ''; margin-top: -1rem; margin-left: -10rem; width: 20rem; height: 2rem; background-color: #fff;}
.main-title .breadcrumb i::after {position: absolute; top: 55.5%; left: 46%; display: block; content: ''; width: 10rem; height: 10rem; border-top: 2rem solid #fff; border-right: 2rem solid #fff; transform: rotate(45deg) translate(-50%, -50%);}
.main-title .breadcrumb a.on {color: #003DDC;}
.main-title .breadcrumb a.on i {display: inline-block;}
.main-title .breadcrumb a.back i {display: inline-block; background: none; border: 2rem solid #000; transform: rotate(180deg);}
.main-title .breadcrumb a.back i::before {background-color: #000;}
.main-title .breadcrumb a.back i::after {border-color: #000;}
.more {display: block; padding-top: 46rem; width: 172rem; height: 172rem; font-size: 16rem; color: #fff; text-align: center; border-radius: 50%; background: linear-gradient(48deg, #0083C1 0%, #0040BD 100%); transition: all .3s;}
.more i {margin-top: 10rem; width: 28rem; height: 2rem; background-color: #fff;}
.more i::after {position: absolute; display: block; content: ''; right: 0; top: -7rem; width: 14rem; height: 14rem; border-top: 2rem solid #fff; border-right: 2rem solid #fff; transform: rotate(45deg);}

.banner {position: relative; margin-top: -110rem; height: 716rem;}
.banner::before {position: absolute; z-index: 1; display: block; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(243deg, rgba(15,35,222,0.07) 0%, rgba(0,0,0,0.69) 64%, #0D0E15 100%);}
.banner .bgpic {top: 0; left: 0; right: 0; bottom: 0;}
.banner .weui-cell {z-index: 2; height: 100%; padding-top: 110rem;}
.banner h1 {font-weight: 400; line-height: 1; color: #fff; letter-spacing: 4rem;}
.banner h2 {margin-top: 88rem; font-weight: 400; line-height: 50rem; color: #009255; letter-spacing: 2rem;}

.f14 {font-size: 14rem;}
.f16 {font-size: 16rem;}
.f18 {font-size: 18rem;}
.f20 {font-size: 20rem;}
.f22 {font-size: 22rem;}
.f24 {font-size: 24rem;}
.f26 {font-size: 26rem;}
.f28 {font-size: 28rem;}
.f30 {font-size: 30rem;}
.f32 {font-size: 32rem;}
.f34 {font-size: 34rem;}
.f36 {font-size: 36rem;}
.f38 {font-size: 38rem;}
.f40 {font-size: 40rem;}
.f42 {font-size: 42rem;}
.f46 {font-size: 46rem;}
.f60 {font-size: 60rem;}
.red {color: #ff0000;}
.blue {color: #0044BD;}
.white {color: #ffffff;}
.gray000 {color: #000;}
.gray333 {color: #333;}
.gray666 {color: #666;}
.gray999 {color: #999;}
.grayc2 {color: #C2C2C2;}
.bg-white {background-color: #fff;}
.bg-gray {background-color: #F8F9FA;}
.mt10 {margin-top: 10rem;}
.mt20 {margin-top: 20rem;}
.mt30 {margin-top: 30rem;}
.mt50 {margin-top: 50rem;}
.mt100 {margin-top: 100rem;}
.mb10 {margin-bottom: 10rem;}
.mb20 {margin-bottom: 20rem;}
.mb25 {margin-bottom: 25rem;}
.mb50 {margin-bottom: 50rem;}
.pl15 {padding-left: 15rem;}
.pr15 {padding-right: 15rem;}
.mg-tb-50 {margin-top: 50rem; margin-bottom: 50rem;}
.pd-tb-50 {padding-top: 50rem; padding-bottom: 50rem;}
.pd-tb-100 {padding-top: 100rem; padding-bottom: 100rem;}
.icon_23x23 {width: 23rem; height: 23rem;}
.icon_32x32 {width: 32rem; height: 32rem;}