html,body,p{
    padding: 0;
    margin: 0;
}
a {
    text-decoration:none;
    color:unset;
}
body{
    background:#fff;
    font-size:14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}
/* header */
header{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index: 10000;
    background:#fff;
    box-shadow: 0 5px 20px 0 #0000001c;
}
header .header-content{
    max-width: 1240px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-content: center;
    width: 90%;
}

.header-menu {
   display:none;
}

.header-menu .menu-btn {
    display:block;
    width: 30px;
    height: 30px;
    background: url(../images/menu_open.png) center no-repeat;
    background-size: 100%;
}
.header-menu.active .menu-btn {
    background-image: url(../images/menu_close.png);
    width: 20px;
    height: 20px;
}
.header-nav {
    display:flex;
    font-size: 16px;
}
.header-logo a {
    display:inline-block;
    margin:15px 0
}
.header-logo img {
    height: 50px;
    vertical-align: text-bottom;
}
.header-nav-item  {
    margin-top: 30px;
    position:relative;
    margin-right: 40px;
}
.header-nav-item.header-nav-item-arrow{
    padding-right:20px;
}
.header-nav-item a {
    color: #010101;
    position:relative;
}
.header-nav-item.header-nav-item-arrow:after,
.header-nav-item.header-nav-item-arrow:before {
    content:'';
    position:absolute;
    top: 10px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}
.header-nav-item.header-nav-item-arrow:hover:after,
.header-nav-item.header-nav-item-arrow:hover:before {
    border-bottom: 5px solid black;
    border-top:unset;
    margin-top:unset;
}
.header-nav-item.header-nav-item-arrow:hover:after{    
    border-bottom: 5px solid #fff; 
    margin-top: 2px;
}
.header-nav-item.header-nav-item-arrow:after{
        border-top: 5px solid #fff; 
        z-index:2;
        margin-top: -2px;
}
.header-nav-sub {
    display:none;
    margin-top: 15px;
    position: absolute;
    width: 160px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    text-align: center;
    margin-left: -10px;
}
.header-nav-sub:after,
.header-nav-sub:before{
    content:'';
    position:absolute;
    top: 0;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}
.header-nav-sub:before{
    margin-top: -6px;
    border-bottom: 5px solid rgb(0 0 0 / 10%);
}
.header-nav-item:hover .header-nav-sub{
    display:grid;
}
.header-nav-item:hover span ,
.header-nav-item.active span{
    cursor: context-menu;
}
.header-nav-item:hover span,
.header-nav-item a:hover ,
.header-nav-item.active span {
    color: #206DDF;
}
.header-nav-item.active span {
    font-weight:bold;
}
.header-nav-sub a,
.header-nav-sub span.current{
    padding:10px
}
.header-nav-sub a:hover{
    background:#206DDF;
    color:#fff
}

.header-nav-login a {
    margin-top:20px;
    width: 127px;
    height: 40px;
    background: #1F6DE2;
    border-radius: 4px;
    text-align:center;
    line-height:40px;
    display: inline-block;
    color: #FFFFFF;
}
/* banner */
.section-banner {
    margin-top: 80px;
    height: 520px;
    background: linear-gradient(to right, #dbebff, #83baff);
}
.section-banner.about-banner {
    background: linear-gradient(to bottom, rgb(125 192 255), rgb(245 252 255));
}
.section-banner.code-banner {
    background: linear-gradient(to right, #eaeaff, #9da6ff);
}
.section-banner.notification-banner {
    background: linear-gradient(to right, #e7fffe, #7cd1e7);
}
.section-banner.kyc-banner {
    background: linear-gradient(to right, #e9f2fa, #7cb0fe);
}
.section-banner.market-banner {
    background: linear-gradient(to right, #eae9fa, #b4a3ff);
}
.section-banner.app-banner {
    background: linear-gradient(to right, #dbebff, #83baff);
}
/* footer */
footer {
    position:relative;
}
.footer-bg {
    width:100%;
    position: relative;
    height: 100%;
}

.footer-content {
    max-width:1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    padding: 60px 0 120px;
}
.footer-nav {
    display: grid;
    gap: 37px;
    font-size: 16px;
    font-weight:bold;
    width: 100%;
}
.footer-nav-sub {
    display:grid;
    gap: 20px;
}
.footer-nav-sub a,
.footer-nav-sub.footer-wechat {
    font-size:14px;
    font-weight: 400;
    color: #828282;
}
.footer-nav-sub a:hover {
    color: #477BFF;
}
.footer-nav-sub.footer-wechat {
    gap: 10px;
}

.footer-nav-sub.footer-wechat .footer-ewm {
    display:grid;
    width: 140px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #313131;
}
.footer-nav-sub.footer-wechat .footer-ewm img {
    width:100%;
}

.footer-copyright {
    width:100%;
    text-align:center;
    background: #F6F6F6;
    height:44px;
    line-height:44px;
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    color: #313131;
}
/* common banner */
.banner-content  {
    position:relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
}
.banner-content img {
    position:absolute;
    max-width: 500px;
    right: 0;
    top: 47%;
    transform: translateY(-50%);
    width: 45%;
}

.banner-content .banner-left .banner-txt {
    font-size:18px;
    gap: 30px;
    line-height: 28px;
    color: #646464;
}

.banner-content .banner-left .banner-txt p:nth-child(2){
    padding-bottom: 10px;
    color: #000;
}
/* home */
.section-banner .swiper-horizontal>.swiper-pagination-bullets, 
.section-banner .swiper-pagination-bullets.swiper-pagination-horizontal, 
.section-banner .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:20px;
}
.mySwiper .swiper-slide {
    height:520px;
    position:relative;
    background: linear-gradient(to right, #b4e1fd, #d4e3f7);
}


.mySwiper .swiper-slide.banner-2 {
        background: linear-gradient(to right, #eceefe, #c1c5ff);
}
.mySwiper .swiper-slide.banner-3 {
        background: linear-gradient(to right, #e7f1ff, #a1c9ff);
}
.mySwiper .swiper-slide img {
    position:absolute;
    max-width: 500px;
    right: 0;
    top: 47%;
    transform: translateY(-50%);
    width: 45%;
}
.banner-left {
    display: grid;
    gap: 40px;
    margin-right: 46%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.banner-left .banner-txt{
    font-weight: 400;
    font-size: 23px;
    color: #313131;
    display: grid;
    gap: 12px;
}

.banner-left .banner-txt span{
    font-weight: bold;
    font-size: 40px;
    line-height: 44px;
    color: #000000;
}
.banner-left a {
    display:inline-block;
    text-align:center;
    line-height:45px;
    width: 170px;
    height: 45px;
    background: #1B71F3;
    border-radius: 3px;
    color:#fff;
    font-weight: 400;
    font-size: 18px;
}

.mySwiper .swiper-slide .banner-content {width: 100%;max-width: 1150px;margin: 0 auto;position: relative;}
.mySwiper .swiper-pagination-bullet {
    width: 50px;
    height: 5px;
    background: #fff;
    border-radius: 3px;
    opacity:.5;
}
.mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:#4482FF;
    opacity:1
}
/* service */
.section-service .service-content,
.connect-content{
    max-width:1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 100px;
}
.section-tit {
    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 36px;
    color: #000000;
    text-align: center;
    padding: 80px 0;
    line-height: 36px;
}
.service-list {
    display:flex;
    justify-content: space-evenly;
    margin-bottom: 30px;
    position: relative;
    z-index: 22;
}
.service-item {
    display: flex;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 20px;
    color: #000000;
    text-align: center;
    position: relative;
    cursor: pointer;
    flex-direction: column;
}

.service-item img {
    height: 40px;
    margin: 0 auto 20px;
}

.service-item.active {
    color: #196DE1;
    position:relative;
}
.service-item.active:after{
    position:absolute;
    content:'';
    left:50%;
    transform:translateX(-50%);
    width: 14px;
    height: 7px;
    background: url(../images/service-arrow.jpg) center no-repeat;
    bottom: -30px;
    z-index:10;
    box-shadow: 0 0  5px 0 rgb(0 0 0 /10%);
}
.service-show {
    width:100%;
    display:none;
    grid-template-columns: repeat(4, 1fr);
    background: #FFFFFF;
    border-radius: 4px;
    border: 0px solid #000000;
    position:relative;
}
.service-show.active{
    display: grid;
    box-shadow: 0 0  5px 0 rgb(0 0 0 /10%);
}
.service-show:after {
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background:#fff;
    bottom:0;
    left:0
}
.service-show-item {
    border-bottom:1px solid #E6E6E6;
    border-right:1px solid #E6E6E6;
    padding: 46px 36px 52px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 16px;
    color: #646464;
    line-height: 24px;
    display: grid;
    gap: 15px;
}

.service-show-item span{
    font-weight: normal;
    font-size: 19px;
    color: #196DE1;
    line-height: 20px;
}

.service-show-item:nth-child(4n) {
    border-right:none;
}

/* home products */
.section-products {
    position:relative;
}
.products-content{
   max-width:1200px;
   margin: 0 auto;
   padding-bottom: 80px;
}

.products-content .section-tit {
    padding: 70px 0 30px;
}
.products-content .section-tit p {
    font-size: 18px;
    color: #505050;
    line-height: 18px;
    margin-top: 15px;
}
.products-bg,
.connect-bg,
.footer-bg{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
}
.products-list {
    display:flex;
    justify-content: space-between;
}
.products-item.active .products-img,
.products-item .products-img-hover,
.products-item .products-item-show,
.products-item:hover .products-img{
    display:none
}
.products-item:hover .products-img-hover,
.products-item:hover .products-item-show,
.products-item.active .products-img-hover,
.products-item.active .products-item-show{
    display:block
}
.products-item {
    display:grid;
    width: 290px;
    height: 370px;
}
.products-item img {
    margin:0 auto;
}
.products-item-content {
    width:250px;
    height:306px;
    text-align:center;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0  5px 0 rgb(0 0 0 /10%);
    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 16px;
    padding: 36px;
    color: #646464;
    line-height:22px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.products-item.active .products-item-content ,
.products-item:hover .products-item-content {
    width:290px;
    margin-top:0;
    height:unset;
}

.products-item span{
    font-size: 19px;
    color: #000000;
}

.products-item-txt {
    display:grid;
    gap:20px;
    margin-top: 20px;
}
.products-item-top  {
    display: flex;
    flex-direction: column;
}

.products-item-top  span {
    margin-bottom:20px
}
/* connect  */
.section-connect  {
    position:relative;
}
.connect-content {
    padding: 76px 0 72px;
    text-align: center;
    font-family: Adobe Heiti Std;
    color: #FEFEFE;
    font-size: 18px;
    display: grid;
    line-height: 20px;
}

.connect-content p {
    font-size:19px;
    margin-bottom: 24px;
    line-height: 20px;
}
.connect-content h3 {
    margin: 0 0 20px;
    font-weight: normal;
    font-size: 38px;
    line-height: 38px;
}
.connect-contact {
    display:flex;
    justify-content: center;
    margin-bottom: 40px;
}
.connect-email {
    padding-left: 30px;
    background: url(.././images/connect-email.png) left center no-repeat;
    background-size: 21px 14px;
    margin-left: 5px;
}
.connect-contact i  {
    font-style:normal;
    position:relative;
}
.connect-contact i:after {
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background:#FEFEFE;
    bottom:0;
    left:0;
}
.connect-content a {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #597CD7;
    background: #FFFFFF;
    box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.16);
    border-radius: 3px;
    width:170px;
    height:45px;
    line-height:45px;
    margin:0 auto
}

/* product */

.section-solution,
.section-features{
    background:#fff;
    padding-bottom: 50px;
}
.section-solution .section-tit,
.section-features .section-tit{
    padding: 75px 0 60px;
}
.section-scenarios{
    background: url(../images/app_scenarios_bg.png);
    background-size: cover;
    padding-bottom: 100px;
}
.section-solution .section-content ,
.section-features .section-content ,
.section-scenarios .section-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.section-solution .solution-list,
.section-features .features-list,
.section-scenarios .scenarios-list{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    position:relative;
}

.section-solution .solution-list:after,
.section-features .features-list:after{
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    bottom:0;
    background:#fff;
    left:0
}
.section-solution .solution-item ,
.section-features .features-item {
    padding:30px 60px 50px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #505050;
    font-family: Adobe Heiti Std;
    border-bottom: 1px solid #EBF3FE;
    position:relative;
    display: flex;
    flex-direction: column;
}
.section-solution .solution-item .solution-top,
.section-features .features-item .features-top {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

.section-solution .solution-item:nth-child(3n+1):after ,
.section-features .features-item:nth-child(3n+1):after {
    position:absolute;
    content:'';
    height:100%;
    width:1px;
    background:#EBF3FE;
    right: -100%;
}
.section-solution .solution-item:nth-child(3n+1) ,
.section-features .features-item:nth-child(3n+1) {
    border-right:1px solid #EBF3FE;;
}
.section-features .features-item img {
    margin:0 auto;
    height: 70px;
}
.section-solution .solution-item {
    text-align:center;
}

.finace-solution.section-solution .solution-list {
    display: flex;
    justify-content: center;
}
.finace-solution.section-solution .solution-list .solution-item {
    width: 33%;
    box-sizing: border-box;
}
.section-solution .solution-item img {
    height: 50px;
    margin:0 auto;
}
.section-solution .solution-item span {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
}
.section-solution .solution-item p {
    text-align:left;
    color: #646464;
}
.section-features .features-item span {
    text-align:center;
    font-weight: normal;
    font-size: 20px;
    color: #000000;
    line-height: 20px;
    margin-top: 25px;
}


.section-scenarios .scenarios-list {
    gap:28px
}
.section-scenarios .scenarios-item{
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 16px;
    color: #505050;
    line-height:24px;
}

.section-scenarios .scenarios-item .scenarios-top {
    display: grid;
    margin-bottom: 25px;
    gap: 25px;
}
.section-scenarios .scenarios-item span {
    font-size:19px;
    color:#000;
    line-height:20px;
}

/* case */
.section-scenarios-case .section-content .scenarios-list{    
    display: flex;    
    justify-content: space-between;    
    gap: unset;
}
.section-scenarios-case .section-content .scenarios-item {
    width: calc(25% - 15px);
    box-sizing: border-box;
    color: #646464;
}.section-scenarios-case.section-scenarios-case-commerce  .section-content .scenarios-item {
    
width: calc(20% - 12px);
}
.section-scenarios-case .section-content .scenarios-item img {
    margin: 0 auto
}
.section-scenarios-case .section-content .scenarios-item span {
    text-align: center;
}

/* about */
.section-contact .section-content{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    font-size: 16px;
    color: #505050;
    padding: 40px 20px;
    line-height: 22px;
    box-sizing: border-box;
}
.section-contact .section-content span {
    font-size: 36px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 25px;
    display: block;
}
.section-contact p {
    margin-bottom: 25px;
    display: flex;
}
.section-contact i {
    padding-right: 15px;
    border-right: 1px solid #2669FF;
    height: 22px;
    margin: 0 15px;
}
.section-contact img  {    
    width: 26px;    
    vertical-align: text-bottom;
}
.section-mission {    
    background: #fff;
}

.section-mission .section-content {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-evenly;
    padding: 150px 0 100px;
    font-family: Adobe Heiti Std;
}

.section-mission .section-content .mission-right {
    width:380px;
    font-size: 16px;
    color: #646464;
    line-height: 20px;
}

.section-mission .section-content .mission-right .section-tit {
    padding: 40px 0 30px;
}

.section-mission .section-content .mission-list {
    display:grid;
    gap :20px;
    font-size: 18px;
    line-height: 24px;
}
.section-support {
text-align:center;
}
.section-support img{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.section-support .support-small {
    display:none
}

/* help */
.section-help {
    margin-top:80px;
    background: #FAFDFF;
    padding-bottom: 150px;
    position: relative;
}
.help-bread {
    width:100%;
    max-width:1200px;
    margin: 0 auto;
    padding:40px 0 30px;
    line-height:16px;
    font-size:16px;
    color: #787878;
}
.help-bread .active{
    color: #206DDF;
}
.help-content {
    width:100%;
    max-width:1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-family: Adobe Heiti Std;
    position: relative;
}

.help-right {
    font-size: 18px;
    color: #505050;
    width: 100%;
}
.help-left {
    width:250px;
    margin-right: 100px;
}
.help-left .help-tree {
    display:grid;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px 0px rgba(40,52,104,0.15);
    border-radius: 4px;
    width: 250px;
    padding: 10px 0;
}
.help-right .help-showlist {
    display:grid;
}
.help-tree-item{
    display: grid;
} 
.help-tree-item .help-tree-tit {
    height:50px;
    line-height:50px;
    padding-left:15px;
    font-size: 18px;
    color: #313131;
    position:relative;
    cursor:pointer;
}
    /* help-tree-item */
.help-tree-item .help-tree-tit:after{
    content:'';
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    width:8px;
    height:14px;
    background:url(../images/help-tree-item.png) center no-repeat;
    background-size: 100%;
}
.help-tree-item:hover .help-tree-tit:after,
.help-tree-item.active .help-tree-tit:after{
    width:14px;
    height:8px;
    background:url(../images/help-tree-item-active.png) center no-repeat;
    background-size: 100%;
}
.help-tree-item:hover .help-tree-tit,
.help-tree-item.active .help-tree-tit {
    background: #E6F4FF;
    color: #3679E1;
}
.tree-sub-list {
    display:none;
}
.help-tree-item.active .tree-sub-list {
    display:grid;
}
 .tree-sub-list .tree-sub-item  {
    height:50px;
    line-height:50px;
    font-size: 16px;
    color: #313131;
     text-indent:30px;
     cursor:pointer;
}
 .tree-sub-list .tree-sub-item.active,
 .tree-sub-list .tree-sub-item:hover{
    background: #E6F4FF;
    color: #3679E1;
}
.help-right h3 {
    font-size: 34px;
    color: #000000;
    margin:0 0 45px;
    line-height: 34px;
}
.help-right span {
    font-size: 18px;
    color: #000000;
    margin-bottom:18px;
    line-height: 18px;
    position: relative;
}
.help-right span:after {
    position:absolute;
    width: 6px;
    height: 6px;
    content:'';
    position:absolute;
    background: #333;
    left: -12px;
    top: 6px;
    border-radius: 100%;
}
.help-right p {
    margin-bottom:8px;
    color: #666;
}
.help-show {
    line-height: 20px;
    display:grid;
}
.help-show-item {
    display:grid;
    margin-bottom: 35px;
    padding-left: 12px;
}

/* start  */
.section-start  {
    margin-top:80px;
    background: #FAFDFF;
}

.section-start .section-content {
    width:96%;
    max-width:1200px;
    margin:0 auto;
    padding: 40px 0;
    display: flex;
    font-family: Adobe Heiti Std;
    gap: 35px;
}

.section-start .start-left {
    width: 50%;
    margin-top: 100px;
    /* margin-right: 34px; */
    min-width: 50%;
}

.section-start .start-right {
    width: calc(50% - 35px);
}
.section-start .start-left img {
    width:100%;
}
.section-start .form-item {
    margin-bottom: 30px;
    color: #333;
    font-size: 16px;
    display: block;
    overflow: hidden;
}
.section-start .form-item span  {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.section-start .form-item.form-item-intrest .form-item-content {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.section-start .form-item.form-item-intrest .form-item-content .form-item-gender {
    height:20px;
    line-height:20px;
    margin-right: 5px;
}
.section-start .form-item.form-gray span {
    color: #A8A8A8;
}
.section-start .form-item input[type='text']{
    outline:none;
    background:none;
    border:none;
    font-size: 16px;
    width: 100%;
    font-family: Adobe Heiti Std;
    height: 20px;
}
.form-item-content  {
    display:flex;
    gap:10px;
    width: 100%;
}
.form-item-gender {
    margin-right:10px;
}

.form-item-content.form-item-content-input {
    border-radius: 8px;
    border: 1px solid rgba(185,191,203,0.39);
    padding: 12px 15px;
    background:#fff;
    box-sizing: border-box;
}
.form-item-content a {
    color:#206DDF
}

.form-item-content textarea {
    width: 100%;
    outline:none;
    padding: 12px 15px;
    border-radius:8px;
    border: 1px solid rgba(185,191,203,0.39);
    font-size: 16px;
    line-height: 20px;
    font-family: Adobe Heiti Std;
}
.section-start .form-item input[type='button']{
    width: 100%;
    border:none;
    padding:10px 0;
    cursor:pointer;
    background: #1F6DE2;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
}
.section-start .form-item input[type='button']:hover {
    background:#1F6DE2;
    color:#fff;
}
.section-start  .section-tit {
    padding: 30px 0;
    font-size: 36px;
    line-height: 36px;
    display: grid;
    gap: 20px;
}
.section-start  .section-tit p {
    font-size: 18px;
    color: #505050;
    line-height: 18px;
}

.help-top {
    display:block;
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    bottom:60px;
    background:url(./../images/scroll_top.png) center no-repeat;
    background-size:100%;
    z-index:100;
    left: 50%;
    transform: translateX( 50% );
    margin-left: 550px;
}

@media screen and (max-width:1000px) {
    header .header-content {
        width:94%;
    }
   header .header-content  .header-nav .header-nav-item {
         margin-right : 10px;
     }
}


@media screen and (max-width:800px) {
    .section-banner {
        margin-top:50px;
        height: auto;
        background: linear-gradient(to bottom, #dbebff, #83baff);
    }
    .section-banner.code-banner {
        background: linear-gradient(to bottom, #eaeaff, #9da6ff);
    }
    .section-banner.notification-banner {
        background: linear-gradient(to bottom, #e7fffe, #7cd1e7);
    }    
    .section-banner.kyc-banner {
        background: linear-gradient(to bottom, #e9f2fa, #7cb0fe);
    }
    .section-banner.market-banner {
        background: linear-gradient(to bottom, #eae9fa, #b4a3ff);
    }
    .section-banner.app-banner {
        background: linear-gradient(to bottom, #dbebff, #83baff);
    }
    header .header-content {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .header-logo img {
        height: 26px;
    }
    .header-logo a {
        margin: 12px 0;
    }
   .header-menu {
       display:block;
       height: 30px;
       margin-top: 10px;
   }
   header .header-content  .header-nav {
   display:none ;
    position: fixed;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 10000;
    left: 0;
    top: 50px;
   }
   header .header-content  .header-nav.menu-show{
       display:block
   }
   header .header-content  .header-nav .header-nav-item {
         display: grid;
         line-height: 48px;
         border-bottom: 1px solid #F3F3F3;
         font-size: 16px;
         color: #999B9E;
         padding: 0;
         margin: 0 auto;
     }
     header .header-content  .header-nav .header-nav-item.header-nav-item-arrow:not(.language-menu) {
         border-bottom: none;
    }
     header .header-content  .header-nav .header-nav-item.header-nav-item-arrow span {
        border-bottom: 1px solid #F3F3F3;
    }
    header .header-content .header-nav .header-nav-item.header-nav-item-arrow .header-nav-sub span {
        border-bottom:unset;
        padding: 0;
    }
    header .header-content .header-nav .header-nav-item span {
        width:100%;
        padding: 0 20px;
        box-sizing: border-box;
        color: #333;
    }
    .section-banner .banner-content ,
    .mySwiper .swiper-slide {
        height: auto;
        position:relative;
        background:linear-gradient(180deg, #CFECFD 0%, #D4E3F7 100%);
    }
    .mySwiper .swiper-slide .banner-content{
        display:grid;
        top: unset;
        transform: unset;
    }
    .section-banner .banner-content {
        display:grid;
        background: unset;
    }
    .section-banner .banner-content .banner-left  {
        display:grid;
        top: unset;
        transform: unset;
        padding-bottom: 30px;
    }
    .section-product-banner .banner-content .banner-left  { 
        padding-bottom:25px
    }
    .banner-left {
        margin:0;
        padding: 50px 15px 40px;
    }
    .banner-left .banner-txt span {        
        font-size: 25px;
    }
    .banner-content .banner-left .banner-txt span {    
        font-size: 25px;
        line-height: 30px;
    }
    .banner-left a {
        width:140px;
        font-size: 15px;
    }
    .banner-left .banner-txt {
        font-size:15px;
        gap: 24px;
    }
    .section-banner .banner-left .banner-txt {        
        gap: 20px;
    }
    .mySwiper .swiper-slide img,
    .section-banner .banner-content img    {
        position:relative;
        width: 80%;
        margin: 0 auto;
        top: 0;
        padding-bottom: 80px;
        transform: unset;
    }
    .section-banner .banner-content img  {
        padding-bottom: 50px;
    }
    .section-banner.section-product-banner .banner-content img{        
        padding-bottom: 30px;
    }
    .header-nav-item:hover .header-nav-sub{
        display:none;
    }
    .header-nav-item:hover span ,
    .header-nav-item.active span{
        cursor: context-menu;
    }
    .header-nav-item:hover span,
    .header-nav-item a:hover {        
        color: unset;
    }
    .header-nav-item.submenu-show .header-nav-sub {
        display:grid;
        padding: 0 30px;
    }
    
    .header-nav-item .header-nav-sub {
        display:none;
        margin-top: 0;
        position: relative;
        width: 100%;
        z-index: 2;
        left: 0;
        transform: unset;
        background: unset;
        box-shadow: unset;
        text-align: left;
        margin-left: 0;
        padding: 0;
        box-sizing: border-box;
    }
     .header-nav-item .header-nav-sub a {
        padding: 0;
    }
     .header-nav-item .header-nav-sub a:hover {
         background:unset;
         color:#010101;
     }
    .header-nav-item.header-nav-item-arrow:hover:after,
    .header-nav-item.header-nav-item-arrow:hover:before,
    .header-nav-item.header-nav-item-arrow:after,
    .header-nav-item.header-nav-item-arrow:before {
        border-top: 5px solid black;
        border-bottom:unset;
        margin-top:unset;
        right: 30px;
        top:20px
    }
    .header-nav-item.header-nav-item-arrow.submenu-show:after,
    .header-nav-item.header-nav-item-arrow.submenu-show:before {
        border-bottom: 5px solid black; 
        border-top:unset;
        margin-top:unset;
        right: 30px;
        top:20px
    }
    .header-nav-item.header-nav-item-arrow:hover:after,
    .header-nav-item.header-nav-item-arrow:after{
        border-top: 5px solid #fff ;
        margin-top: -2px;
    }
    .header-nav-item.header-nav-item-arrow.submenu-show:after{
        border-bottom: 5px solid #fff ;
        margin-top: 2px;
    }
    
    .header-nav-item.header-nav-item-arrow.submenu-show:hover:after,
    .header-nav-item.header-nav-item-arrow.submenu-show:before ,
    .header-nav-item.header-nav-item-arrow.submenu-show:after,
    .header-nav-item.header-nav-item-arrow.submenu-show:hover:before {
        border-bottom: 5px solid black;
        border-top:unset;
        margin-top:unset;
    }
    .header-nav-item.header-nav-item-arrow.submenu-show:hover:after,
    .header-nav-item.header-nav-item-arrow.submenu-show:after{    
        border-bottom: 5px solid #fff; 
        margin-top: 2px;
    }        
    .header-nav-item a {
        padding: 0 20px;
        color: #111;
    }
    .header-nav-item a:hover {
        color:#111
    }
    .header-nav-login {
        display:none;
    }
    .language-menu {
            width: 80%;
            border-bottom: none;
           text-transform: uppercase;
            border: 1px solid #f3f3f3;
            border: 1px solid #f3f3f3;
            line-height: 44px;
            box-sizing: border-box;
            display: flex;
            padding: 0 16px;
            align-items: center;
            border-radius: 8px;
    }
   header .header-content  .header-nav .header-nav-item.language-menu  {
           margin: 30px auto;
   }
     
    .language-menu .header-nav-sub:after, 
    .language-menu .header-nav-sub:before {
        display:none
     }
    header .header-content .header-nav .header-nav-item.language-menu span{
        border-bottom:none;
    }
    header .header-content .header-nav .header-nav-item.language-menu.submenu-show span{
        color:#206DDF;
        border-bottom:1px solid #f3f3f3; 
    }

    /* footer */
    .section-content.connect-content {
        padding: 60px 20px;
        font-size: 12px;
    }
    .connect-content h3 {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
    }
    .connect-content p {
        font-size:15px;
        line-height: 16px;
        margin-bottom: 20px;
    }
    .connect-contact {
        line-height: 16px;
        margin-bottom: 25px;
    }
    .connect-email {
        padding-left: 25px;
        margin-left: 15px;
    }
    .connect-content a {
        font-size: 14px;
        text-align: center;
    }
    .footer-content   {
        grid-template-columns: repeat(2, 1fr);
        grid-column-start: 1;
        grid-column-end: 4;
        display: grid;
        padding: 20px 20px 30px;
        box-sizing: border-box;
        gap: 0 50px;
    }
    
    .footer-nav.footer-logo {
        grid-column-start: 1;
        grid-column-end: 3;
        position: relative;
        margin-bottom: 15px;
    }
    .footer-nav {
        gap: 15px;
    }
    .footer-nav:nth-child(n+4) {
        margin-top: 30px;
    }
    .footer-bg {
        height: unset;
        top: 50%;
        transform: translateY(-50%);
    }
    .footer-nav-sub {
        gap: 10px;
    }
    .footer-nav {
        font-size: 15px;
    }
    .section-content {
        padding: 0 15px;
        box-sizing: border-box;
    }
    .section-tit span {
        font-size: 24px;
        line-height: 24px;
    }
    /* service */
    .section-service .service-content, .connect-content {
        padding: 0 15px 50px;
    }
    .service-item {
        width: 25%;
        font-size: 13px;
        line-height: 15px;
    }
    .service-item img {
        margin-bottom:8px;
    }
    .service-show.active{
        grid-template-columns: repeat(1, 1fr);
    }
    .service-list {
        margin-bottom:15px;
    }
    .service-item.active:after {
        bottom: -15px;
    }
    .service-show-item {
        padding: 25px 15px;
        border-right: none;
        font-size: 13px;
        line-height: 15px;
        gap: 5px;
    }
    /* product */
    .products-list {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap:20px
    }
    .section-features .features-list,
    .section-solution .solution-list{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }
    .products-item {
        width: 100%;
        height: auto;
    }
    .products-item-content {
        width:100%;
        height: auto;
        padding: 20px 15px;
    }
    .products-item .products-img{
        display:none
    }
    .products-item .products-img-hover {
        display:block;
        height: 40px;
    }
    .products-item.active .products-item-content ,
    .products-item:hover .products-item-content {
        width:unset;
        margin-top:0;
        height:unset;
    }
    .products-item .products-item-show {
         display:block;   
    }
    .section-content {
        padding-bottom:50px;
        width: 100%;
    }
     .section-tit {
        padding: 30px 0;
        line-height: 18px;
    }
    .section-solution .section-tit {        
        padding: 40px 0 50px;
    }
    .section-features .section-tit {
        padding: 42px 0 35px;
    }
    .products-content .section-tit{
        padding: 30px 0;
    }
    .products-item-txt {
        margin-top: 10px;
        gap: 15px;
        text-align: left;
    }
    .products-item-top {
        padding: 0 5px;
    }
    
    .products-item-top span {
        margin-bottom:10px;
    }
    .section-contact .section-content span {
        font-size:23px;
        line-height: 24px;
    }
    .section-contact .section-content {
        font-size: 14px;
        line-height: 18px;
        box-sizing: border-box;
    }
    .section-contact i {
        margin: 0  5px;
        padding-right: 5px;
        height: 18px;
    }
    .section-contact img {
        height:18px;
        width:22px;;
    }
    .section-contact p {
        margin-bottom:15px;
    }
    .section-contact p a {
        color:#2743CD;
        text-decoration:underline
    }

    /* start */
    .section-start {
        margin-top:50px;
        background: #fff;
        box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
    }
    .section-start .section-content {
        display:grid;
        width: 100%;
        padding: 0 15px 30px;
        box-sizing: border-box;
    }
    .section-start .start-left {
        display:none
    }
    .section-start .start-right {
        width:100%;
    }
    .section-start .section-tit {
        padding: 30px 0 40px;
        gap: 15px;
        font-family: Microsoft YaHei;
    }
    .section-start .section-tit span {
        font-size: 25px;
        font-weight: bold;
    }
    .section-start .section-tit p {
        font-size: 14px;
    }
    .section-start .form-item span {
        font-size:14px;
        line-height: 16px;
        margin-bottom: 6px;
    }
    .section-start .form-item {        
        margin-bottom: 18px;
    }
    .section-start .form-item input[type='text'] {
        font-size: 13px;
        height: 14px;
    }
    .form-item-content {
        font-size:13px;
    }
    .form-item-gender {
        margin-right:5px;
    }
    .section-start .form-item input[type='button'] {
        font-size:14px;
    }
    .form-item-content.form-item-content-input {        
        padding: 10px;        
        border-radius: 5px;
    }
    .form-item-content textarea {
        font-size: 14px;
        padding: 10px;
    }

    /* product */
    .section-solution .solution-item, 
    .section-features .features-item {
        padding: 15px;
        border-bottom: 1px solid #EBF3FE;
        border-right: 1px solid #EBF3FE;
        gap: 15px;
        font-size: 13px;
        line-height: 14px;
    }
    .section-solution .solution-item:nth-child(2n), 
    .section-features .features-item:nth-child(2n){
        border-right:unset
    }
    .section-solution .solution-item:nth-child(3n+1):after, 
    .section-features .features-item:nth-child(3n+1):after {
        display:none
    }
    .section-features .features-item .features-top ,
    .section-solution .solution-item .solution-top {
        margin-bottom: 10px;
    }
    .section-features .features-item span,
    .section-solution .solution-item span{
        font-size:15px;
        line-height: 16px;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .section-solution, 
    .section-features {
        padding: 0;
    }
    
    .section-scenarios .scenarios-list
    {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        display: grid;
    }
    .section-scenarios-case .section-content .scenarios-list
    {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        display: grid;
    }
    .section-scenarios .scenarios-item {
        padding:15px;
        gap: 10px;
        font-size:13px;
    }
    .section-scenarios .scenarios-item .scenarios-top {
        gap: 6px;
        margin-bottom: 10px;
    }
    .section-scenarios .scenarios-item span {
        font-size: 15px;
    }
    .section-scenarios .scenarios-item .scenarios-top img {
        height: 30px;
    }
    .section-scenarios {
        padding-bottom: 50px;
    }
    .section-scenarios .section-content {
        padding-bottom: 0;
    }

    /* case */
    .section-solution .solution-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .section-scenarios-case .section-content .scenarios-item {
        width:100%;
        padding: 30px 20px;
    }
    .section-scenarios-case.section-scenarios-case-commerce .section-content .scenarios-item {        
        width: 100%;
    }
    .finace-solution.section-solution .solution-list .solution-item {
        width: 46%;
    }
    /* help */
    .section-help {
        background:#fff;
        margin-top: 50px;
        padding-bottom: 50px;
    }
    .help-content {
        flex-direction: column;
        padding: 0 20px;
        box-sizing: border-box;
        gap: 50px;
    }
    .help-bread {
        position:relative;
        left: unset;
        transform: unset;
        top: unset;
        padding: 15px 20px 20px;
        box-sizing: border-box;
        font-size: 13px;
    }
    .help-left {
        position:relative;
        width: 160px;
    }
    .help-right {
        margin: 0;
    }
    .help-left .help-tree {
        padding: 0;
        width: 160px;
        display: none;
    }
    .help-tree-item .help-tree-tit {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding-left: 7px;
    }
    .tree-sub-list .tree-sub-item {
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        text-indent: 15px;
    }
    .help-tree-item .help-tree-tit:after {
        width: 5px;
        height: 10px;
        right: 5px;
    }
    .help-tree-item:hover .help-tree-tit:after,
    .help-tree-item.active .help-tree-tit:after {
        width: 10px;
        height: 5px;
    }
    .help-right h3 {
        font-size: 23px;
        margin-bottom: 20px;
        line-height: 24px;
    }
    .help-show-item {
        margin-bottom:25px;
    }
    .help-right span {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .help-right p {
        font-size: 13px;
        line-height: 14px;
        margin-bottom: 3px;
    }
    .help-show {
        margin-bottom: 15px;
    }
    .help-top {
        right:20px;
        bottom:60px;
        background:url(./../images/scroll_top.png) center no-repeat;
        background-size:100%;
        z-index:100;
        left: unset;
        transform: unset;
        margin-left: unset;
    }

    .section-support .support-small {
        display:block
    }

    .section-support .support-big {
        display:none
    }

    .section-mission .section-content {
        display: grid;
        padding: 45px 0 65px;
    }
    .section-mission .section-content .mission-right .section-tit {        
        padding: 18px;
    }
    .mission-left  {
        text-align:center;
    }
    .mission-left img {
        width:135px;
        vertical-align: top;
    }
    .section-mission .section-content .mission-right {
        width: 100%;
        padding: 0 30px;
        box-sizing:border-box;
        font-size: 13px;
        line-height: 16px;
    }
    
    .section-mission .section-content .mission-right .section-tit span {
        font-size: 18px;
        line-height: 18px;
    }
    .section-mission .section-content .mission-list {
        gap: 10px;
        font-size: 13px;
        line-height: 16px;
    }
}