#app {
 font-family:Avenir,Helvetica,Arial,sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 text-align:left;
 color:#2c3e50
}
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
 margin:0;
 padding:0
}
body {
 overflow:auto
}
table {
 border-collapse:collapse;
 border-spacing:0
}
fieldset,
img {
 border:0
}
address,
caption,
cite,
code,
dfn,
th,
var {
 font-style:normal;
 font-weight:400
}
ol,
ul {
 list-style:none
}
caption,
th {
 text-align:left
}
input,
select,
textarea {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit
}
td,
th {
 padding:.052083rem
}
html {
 font-size:62.5%;
 -webkit-text-size-adjust:none;
 -webkit-tap-highlight-color:rgba(255,255,255,0);
 overflow:hidden
}
body,
html {
 height:100%
}
body {
 font-size:.083333rem!important;
 position:relative;
 color:#333;
 margin:0
}
*,
:after,
:before {
 box-sizing:border-box
}
a {
 text-decoration:none;
 color:#666
}
a+a {
/* margin-left:.114583rem*/
}
.wrapper {
 width:6.25rem;
 margin:auto
}
.ellipsis {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.ellipsis3 {
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 overflow:hidden
}
.bg_tl,
.bg_tr {
 position:relative;
 z-index:10
}
.bg_tl:after,
.bg_tr:after {
 content:"";
 position:absolute;
 left:50%;
 bottom:0;
 width:110%;
 height:.135417rem;
 transform:translateX(-50%);
 border-top-right-radius:.0625rem;
 border-top-left-radius:.0625rem;
 background:linear-gradient(90deg,rgba(224,245,245,0),#01c604);
 z-index:-1
}
.arrow_right {
 border-top:.010417rem solid #fff;
 border-right:.010417rem solid #fff
}
.arrow_right,
.arrow_right2 {
 display:inline-block;
 width:.072917rem;
 height:.072917rem;
 transform:rotate(45deg)
}
.arrow_right2 {
 border-top:.010417rem solid #1a152a;
 border-right:.010417rem solid #1a152a
}
.arrow_right3 {
 display:inline-block;
 width:.072917rem;
 height:.072917rem;
 border-top:.010417rem solid #00cfb4;
 border-right:.010417rem solid #00cfb4;
 transform:rotate(45deg)
}
.el-button {
 padding:0
}
.btn.el-button,
.btn .el-button {
 color:#fff;
 font-weight:700;
 font-size:.125rem;
 background:#00d3b8;
 border-radius:.052083rem;
 border:0
}
.btn.el-button:hover,
.btn .el-button:hover {
 transform:scale(1.1)
}
.btn.el-button a,
.btn .el-button a,
.btn .el-button span {
 color:#fff;
 width:100%;
 height:100%;
 display:flex;
 justify-content:center;
 align-items:center
}
.mt-10 {
 margin-top:.052083rem
}
.wow {
 visibility:hidden
}
@media screen and (min-width:1920px) {
 html {
  font-size:192px!important
 }
}
@media screen and (max-width:1024px) {
 html {
  font-size:102.4px!important
 }
}








.el-footer {
 padding:0 .104167rem;
 -ms-flex-negative:0;
 flex-shrink:0
}
.el-footer,
.el-main {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.el-main {
 display:block;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -ms-flex-preferred-size:auto;
 flex-basis:auto;
 overflow:auto;
 padding:.104167rem
}
.el-header {
 padding:0 .104167rem;
 -ms-flex-negative:0;
 flex-shrink:0
}
.el-container,
.el-header {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.el-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -ms-flex-preferred-size:auto;
 flex-basis:auto;
 min-width:0
}
.el-container.is-vertical {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.fadeActive[data-v-d1ae0ce4] {
 transition:opacity .4s
}
.fadeEnter[data-v-d1ae0ce4] {
 opacity:0
}
.headerBox[data-v-d1ae0ce4] {
 transition:height .2s ease-in
}
.headerBox .header[data-v-d1ae0ce4] {
 margin:auto;
 color:#fff;
 height:.416667rem;
 display:flex;
 align-items:center;
 justify-content:space-between;
 position:relative
}
.headerBox .header .logo[data-v-d1ae0ce4] {
 cursor:pointer
}
.headerBox .header .logo img[data-v-d1ae0ce4] {
 width:.729167rem;
 display:block
}
.headerBox .header ul.nav[data-v-d1ae0ce4] {
 font-size:.083333rem;
 display:flex;
 align-items:center
}
.headerBox .header ul.nav li[data-v-d1ae0ce4] {
 line-height:.416667rem;
 padding:0 .104167rem;
 position:relative
}
.headerBox .header ul.nav li.pic[data-v-d1ae0ce4] {
 display:flex;
 align-items:center
}
.headerBox .header ul.nav li.pic img[data-v-d1ae0ce4] {
 display:block;
 margin-left:.020833rem
}
.headerBox .header ul.nav li[data-v-d1ae0ce4]:last-child {
 margin-right:0
}
.headerBox .header ul.nav li a.router-link-active[data-v-d1ae0ce4] {
 color:#00d3b8
}
.headerBox .header ul.nav li a[data-v-d1ae0ce4] {
 color:#fff;
 display:block
}
.headerBox .header ul.nav li[data-v-d1ae0ce4]:hover {
 cursor:pointer
}
.headerBox .header ul.nav li:hover a[data-v-d1ae0ce4] {
 color:#00d3b8
}
.headerBox .header ul.nav li:hover .child2[data-v-d1ae0ce4],
.headerBox .header ul.nav li:hover .child[data-v-d1ae0ce4] {
 display:block
}
.headerBox .header ul.nav li .child2[data-v-d1ae0ce4] {
 position:absolute;
 top:.416667rem;
 left:50%;
 transform:translateX(-50%);
 display:none
}
.headerBox .header ul.nav li .child2 img[data-v-d1ae0ce4] {
 width:2.177083rem
}
.headerBox .header ul.nav li .child[data-v-d1ae0ce4] {
 position:absolute;
 top:.416667rem;
 left:0;
 background:rgba(14,11,26,.43);
 padding:0 .104167rem;
 display:none
}
.headerBox .header ul.nav li .child dl dt[data-v-d1ae0ce4] {
 font-size:.083333rem;
 line-height:.208333rem;
 cursor:pointer;
 white-space:nowrap
}
.headerBox .header ul.nav li .child dl dt a[data-v-d1ae0ce4] {
 color:#fff
}
.headerBox .header ul.nav li .child dl dt a[data-v-d1ae0ce4]:hover {
 color:#00d3b8
}
.footer[data-v-2f5f60d4] {
 margin:auto;
 padding:.364583rem 0 .520833rem;
 font-size:.072917rem;
 display:flex;
 justify-content:space-between;
 position:relative
}
.footer .footer_text[data-v-2f5f60d4] {
 position:absolute;
 margin:auto;
 bottom:.208333rem;
 left:0;
 right:0;
 text-align:center
}
.footer li[data-v-2f5f60d4]:first-child {
 width:2.083333rem
}
.footer li[data-v-2f5f60d4]:nth-child(3) {
 width:1.458333rem
}
.footer li dl[data-v-2f5f60d4] {
 margin-top:.15625rem
}
.footer li dl[data-v-2f5f60d4]:first-child {
 margin-top:0
}
.footer li dl dt[data-v-2f5f60d4] {
 font-size:.104167rem
}
.footer li dl dd[data-v-2f5f60d4] {
 margin-top:.104167rem
}
.footer li dl dd a[data-v-2f5f60d4] {
 color:#fff
}
.footer li dl dd a[data-v-2f5f60d4]:hover {
 color:#00d3b8
}
.footer li .logo[data-v-2f5f60d4] {
 width:1.09375rem;
 cursor:pointer
}
.footer li .footer_introduce[data-v-2f5f60d4] {
 margin-top:.104167rem;
 line-height:.130208rem
}
.footer li .footer_contactUs dd[data-v-2f5f60d4] {
 display:flex;
 align-items:center
}
.footer li .footer_contactUs dd img[data-v-2f5f60d4] {
 width:.130208rem;
 display:block;
 margin-right:.041667rem
}
.footer li .link_login[data-v-2f5f60d4] {
 margin-top:.15625rem;
 display:flex
}
.footer li .link_login img[data-v-2f5f60d4] {
 width:.125rem;
 display:block;
 margin-right:.15625rem
}
.footer li .link_login a[data-v-2f5f60d4] {
 margin-left:0
}
.footer li .link_input[data-v-2f5f60d4] {
 margin-top:.15625rem;
 display:flex
}
.footer li .link_input .el-input[data-v-2f5f60d4] {
 margin-right:.052083rem
}
.footer li .link_input button[data-v-2f5f60d4] {
 padding:0 .052083rem;
 font-size:.15625rem;
 color:#00d3b8
}
.footer li .link_pay[data-v-2f5f60d4] {
 margin-top:.15625rem;
 display:flex;
 justify-content:space-between
}
.footer li .link_pay a[data-v-2f5f60d4],
.footer li .link_pay img[data-v-2f5f60d4] {
 width:.703125rem;
 display:block;
 margin-left:0
}
.el-container {
 min-width:6.25rem
}
.el-header {
 background-color:#0e0b1a;
 height:unset!important;
 position:sticky;
 width:100%;
 z-index:999;
 left:0;
 top:0
}
.el-main {
 padding:0
}
.el-footer {
 background-color:#1a152a;
 color:#fff;
 height:unset!important;
 padding:0;
 background-image:url(/template/pc/skin/img/footer_bg.ec91bfc4.png)
}






.banner {
 height:3.854167rem;
 background:url(/template/pc/skin/img/banner.cd7e6aa0.png) no-repeat;
 background-position:top;
 display:flex;
 align-items:center
}
.banner .content h2 {
 font-size:.208333rem;
 text-align:center;
 color:#fff
}
.banner .content p {
 font-size:.104167rem;
 color:#fff;
 line-height:.208333rem;
 margin-top:.666667rem
}
.banner .content p a {
 color:#00d3b8
}
.features .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.features .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.features .content ul {
 display:flex;
 justify-content:space-between;
 margin-top:.520833rem
}
.features .content ul li {
 width:1.302083rem;
 height:2.09375rem;
 border:.005208rem solid #e0e1e6;
 border-radius:.026042rem;
 padding:0 .104167rem;
 position:relative;
 cursor:pointer
}
.features .content ul li:hover .top {
 background:#00d3b8
}
.features .content ul li:hover .title {
 color:#00d3b8
}
.features .content ul li:hover .text {
 color:#7b788a
}
.features .content ul li .top {
 width:1.21875rem;
 height:.333333rem;
 background:#7b788a;
 border-radius:.166667rem;
 position:absolute;
 top:-.166667rem;
 left:50%;
 transform:translate(-50%);
 display:flex;
 align-items:center;
 justify-content:center
}
.features .content ul li .top img {
 width:.25rem
}
.features .content ul li .title {
 height:.229167rem;
 margin-top:.286458rem;
 font-size:.104167rem;
 font-weight:700;
 color:#1a152a;
 position:relative;
 display:flex;
 align-items:center
}
.features .content ul li .title:after {
 content:"";
 position:absolute;
 left:0;
 bottom:-.036458rem;
 width:.40625rem;
 height:.03125rem;
 background:#00d3b8
}
.features .content ul li .text {
 margin-top:.1875rem;
 font-size:.083333rem;
 color:#1a152a;
 line-height:.125rem
}
.support {
 background:#f6f8fb
}
.support .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.support .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.support .content ul {
 display:flex;
 justify-content:space-between;
 margin-top:.520833rem
}
.support .content ul li {
 width:1.890625rem;
 cursor:pointer
}
.support .content ul li:hover .top p {
 color:#fff
}
.support .content ul li:hover .top .iconAfter {
 display:block
}
.support .content ul li:hover .top .iconBefore {
 display:none
}
.support .content ul li:hover .text {
 background:#fff
}
.support .content ul li:hover .text p {
 color:#1a152a
}
.support .content ul li:hover .text .iconAfter {
 display:block
}
.support .content ul li:hover .text .iconBefore {
 display:none
}
.support .content ul li .top {
 height:.526042rem;
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center
}
.support .content ul li .top img {
 width:1.890625rem;
 position:absolute;
 left:0;
 top:0;
 display:block;
 z-index:0
}
.support .content ul li .top p {
 font-size:.125rem;
 font-weight:700;
 color:#1a152a;
 line-height:.526042rem;
 z-index:2
}
.support .content ul li .top .iconAfter {
 display:none
}
.support .content ul li .text {
 height:1.557292rem;
 background:#fff;
 box-shadow:0 0 .09375rem 0 rgba(6,0,1,.09);
 background:url(/template/pc/skin/img/support_li.162f5640.png) no-repeat;
 background-position:top;
 background-size:100% 100%;
 padding:0 .260417rem;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center
}
.support .content ul li .text img {
 width:.416667rem
}
.support .content ul li .text p {
 color:#fff;
 margin-top:.177083rem
}
.support .content ul li .text .iconAfter {
 display:none
}
.process .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.process .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.process .content .describe {
 font-size:.083333rem;
 color:#7b788a;
 line-height:.104167rem;
 margin-top:.104167rem
}
.process .content ul {
 display:flex;
 justify-content:space-between;
 margin-top:.520833rem;
 background:url(/template/pc/skin/img/process_li.9ee25486.png) no-repeat;
 background-position:top;
 background-size:100% 100%;
 height:2.010417rem
}
.process .content ul li {
 width:1.770833rem;
 padding-top:.3125rem;
 display:flex;
 flex-direction:column;
 align-items:center
}
.process .content ul li img {
 width:.3125rem
}
.process .content ul li .title {
 font-size:.104167rem;
 font-weight:700;
 color:#00d3b8;
 margin-top:.15625rem
}
.process .content ul li p {
 font-size:.083333rem;
 color:#0c151b;
 line-height:.161458rem;
 padding:0 .3125rem;
 margin-top:.208333rem
}
.organizations {
 background:#f6f8fb
}
.organizations .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.organizations .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.organizations .content ul {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 margin-top:.328125rem
}
.organizations .content ul li img {
 width:1.890625rem;
 display:block;
 margin-top:.192708rem
}

.banner {
 height:3.854167rem;
 background:url(/template/pc/skin/img/banner.cd7e6aa0.png) no-repeat;
 background-position:top;
 display:flex;
 align-items:center
}
.banner .content h2 {
 font-size:.208333rem;
 text-align:center;
 color:#fff
}
.banner .content p {
 font-size:.104167rem;
 color:#fff;
 line-height:.208333rem;
 margin-top:.666667rem
}
.banner .content p a {
 color:#00d3b8
}
.features .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.features .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.features .content ul {
 display:flex;
 justify-content:space-between;
 margin-top:.520833rem
}
.features .content ul li {
 width:1.302083rem;
 height:2.09375rem;
 border:.005208rem solid #e0e1e6;
 border-radius:.026042rem;
 padding:0 .104167rem;
 position:relative;
 cursor:pointer
}
.features .content ul li:hover .top {
 background:#00d3b8
}
.features .content ul li:hover .title {
 color:#00d3b8
}
.features .content ul li:hover .text {
 color:#7b788a
}
.features .content ul li .top {
 width:1.21875rem;
 height:.333333rem;
 background:#7b788a;
 border-radius:.166667rem;
 position:absolute;
 top:-.166667rem;
 left:50%;
 transform:translate(-50%);
 display:flex;
 align-items:center;
 justify-content:center
}
.features .content ul li .top img {
 width:.25rem
}
.features .content ul li .title {
 height:.229167rem;
 margin-top:.286458rem;
 font-size:.104167rem;
 font-weight:700;
 color:#1a152a;
 position:relative;
 display:flex;
 align-items:center
}
.features .content ul li .title:after {
 content:"";
 position:absolute;
 left:0;
 bottom:-.036458rem;
 width:.40625rem;
 height:.03125rem;
 background:#00d3b8
}
.features .content ul li .text {
 margin-top:.1875rem;
 font-size:.083333rem;
 color:#1a152a;
 line-height:.125rem
}
.support {
 background:#f6f8fb
}
.support .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.support .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.support .content ul {
 display:flex;
 justify-content:space-between;
 margin-top:.520833rem
}
.support .content ul li {
 width:1.890625rem;
 cursor:pointer
}
.support .content ul li:hover .top p {
 color:#fff
}
.support .content ul li:hover .top .iconAfter {
 display:block
}
.support .content ul li:hover .top .iconBefore {
 display:none
}
.support .content ul li:hover .text {
 background:#fff
}
.support .content ul li:hover .text p {
 color:#1a152a
}
.support .content ul li:hover .text .iconAfter {
 display:block
}
.support .content ul li:hover .text .iconBefore {
 display:none
}
.support .content ul li .top {
 height:.526042rem;
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center
}
.support .content ul li .top img {
 width:1.890625rem;
 position:absolute;
 left:0;
 top:0;
 display:block;
 z-index:0
}
.support .content ul li .top p {
 font-size:.125rem;
 font-weight:700;
 color:#1a152a;
 line-height:.526042rem;
 z-index:2
}
.support .content ul li .top .iconAfter {
 display:none
}
.support .content ul li .text {
 height:1.557292rem;
 background:#fff;
 box-shadow:0 0 .09375rem 0 rgba(6,0,1,.09);
 background:url(/template/pc/skin/img/support_li.162f5640.png) no-repeat;
 background-position:top;
 background-size:100% 100%;
 padding:0 .260417rem;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center
}
.support .content ul li .text img {
 width:.416667rem
}
.support .content ul li .text p {
 color:#fff;
 margin-top:.177083rem
}
.support .content ul li .text .iconAfter {
 display:none
}
.process .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.process .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.process .content .describe {
 font-size:.083333rem;
 color:#7b788a;
 line-height:.104167rem;
 margin-top:.104167rem
}
.process .content ul {
 display:flex;
 justify-content:space-between;
 margin-top:.520833rem;
 background:url(/template/pc/skin/img/process_li.9ee25486.png) no-repeat;
 background-position:top;
 background-size:100% 100%;
 height:2.010417rem
}
.process .content ul li {
 width:1.770833rem;
 padding-top:.3125rem;
 display:flex;
 flex-direction:column;
 align-items:center
}
.process .content ul li img {
 width:.3125rem
}
.process .content ul li .title {
 font-size:.104167rem;
 font-weight:700;
 color:#00d3b8;
 margin-top:.15625rem
}
.process .content ul li p {
 font-size:.083333rem;
 color:#0c151b;
 line-height:.161458rem;
 padding:0 .3125rem;
 margin-top:.208333rem
}
.organizations {
 background:#f6f8fb
}
.organizations .content {
 padding:.364583rem 0;
 display:flex;
 flex-direction:column;
 align-items:center
}
.organizations .content h2 {
 font-size:.208333rem;
 color:#1a152a
}
.organizations .content ul {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 margin-top:.328125rem
}
.organizations .content ul li img {
 width:1.890625rem;
 display:block;
 margin-top:.192708rem
}