@charset "utf-8";

/*
*
* respons style
* made by cloud @ 2020-8-31;
*/


/* media 256 start*/

@media (min-width: 2561px) {
    /* index mer */
    /* .banner-mer .swiper-button-prev{
        background-image: url("../images/public/mer-l.png");
        left: calc((100% - 1940px) / 2);
        right: auto;
    }
    .banner-mer .swiper-button-next{
        background-image: url("../images/public/mer-r.png");
        right: calc((100% - 1940px) / 2);
        left: auto;
    } */
    .container{
        width: 1400px;
    }
    .container1224 {
        width: 1424px;
    }
    .vc .img-x>img, .vc .img-x .mask{
        height: 180px;
    }
    .indexmer {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .indexmer .container-fluid {
        position: relative;
        height: 0;
        width: 100%;
        transition: all 1s;
    }
    .indexmer .container-fluid.in {
        height: 1080px;
    }
    .indexmer .container {
        position: absolute;
        top: 0;
        left: calc((100% - 1400px) / 2);
        z-index: 1;
    }
    .indexmer-v {
        position: absolute;
        top: -10%;
        left: -10%;
        object-fit: cover;
        width: 120%;
        height: 120%;
        z-index: -1;
    }
    .indexmer-title {
        font-size: 72px;
        color: #ffffff;
        text-align: left;
        margin-top: 245px;
        line-height: 1.389;
        text-shadow: 0px 2px 5px rgba(14, 5, 10, 0.75);
    }
    .indexmer-intro1 {
        font-size: 30px;
        color: #ffffff;
        text-align: right;
        margin-top: 70px;
        text-shadow: 0px 2px 5px rgba(14, 5, 10, 0.75);
    }
    .indexmer-intro2 {
        font-size: 36px;
        color: #ffffff;
        margin-top: 90px;
        margin-bottom: 16px;
        text-shadow: 0px 2px 5px rgba(14, 5, 10, 0.75);
    }
    .indexmer-btn a {
        font-size: 36px;
        color: #ffffff;
        text-shadow: 0px 2px 5px rgba(14, 5, 10, 0.75);
    }
    .biinfo-x {
        background-position: center 130px;
        padding: 143px 53px 0 45px;
    }
    /* index mer */
    .banner-index-item {
        height: 1440px;
    }
    .o2o {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .saas-item,
    .wcanpay-item {
        height: 1200px;
    }
    .saas-item-title,
    .wcanpay-item-title {
        margin-top: 300px;
    }
    .tools-title {
        margin-top: 50px;
    }
    .bii-title {
        margin-top: 260px;
    }
    .banner-lm-item {
        height: 670px;
    }
    .banner-solution-1 .bli-title,
    .banner-solution-4 .bli-title {}
    .bli-title {}
    .banner-solution-1 .bli-intro,
    .banner-solution-4 .bli-intro {
        margin-top: 50px;
    }
    .saas {
        margin-bottom: 160px;
    }
    .o2o-b-right {
        width: 50%;
    }
    .o2o-b-left {
        width: 50%;
    }
    .dx-l-year {
        background-position: 46px 66px;
    }
    .dvlpmt .swiper-button-next.swiper-button-white, .dvlpmt .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        left: 155px;
    }
    .dvlpmt .swiper-button-prev.swiper-button-white, .dvlpmt .swiper-container-rtl .swiper-button-next.swiper-button-white {
        left: 195px;
    }
    .dx-l-year{
        padding-right: 86px;
    }

    .pcvideo-x .con video {
        width: 70%;
        max-height: 90vh;
    }
}


/* media 256 start*/


/* media 1921 - 2560 start*/

@media (min-width: 1921px) and (max-width: 2560px) {
    /* index mer */
    /* .banner-mer .swiper-button-prev{
        background-image: url("../images/public/mer-l.png");
        left: calc((100% - 1900px) / 2);
        right: auto;
    }
    .banner-mer .swiper-button-next{
        background-image: url("../images/public/mer-r.png");
        right: calc((100% - 1900px) / 2);
        left: auto;
    } */
    .indexmer {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .indexmer .container-fluid {
        position: relative;
        height: 0;
        width: 100%;
        transition: all 1s;
    }
    .indexmer .container-fluid.in {
        height: 1080px;
    }
    .indexmer .container {
        position: absolute;
        top: 0;
        left: calc((100% - 1400px) / 2);
        z-index: 1;
    }
    .indexmer-v {
        position: absolute;
        top: 0%;
        left: 0%;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .indexmer-title {
        font-size: 66px;
        color: #ffffff;
        text-align: left;
        margin-top: 150px;
        line-height: 1.389;
        text-shadow: 0px 6px 10px rgba(14, 5, 10, 0.75);
    }
    .indexmer-intro1 {
        font-size: 30px;
        color: #ffffff;
        text-align: right;
        margin-top: 70px;
    }
    .indexmer-intro2 {
        font-size: 36px;
        color: #ffffff;
        margin-top: 90px;
        margin-bottom: 16px;
        text-shadow: 0px 6px 10px rgba(14, 5, 10, 0.75);
    }
    .indexmer-btn a {
        font-size: 36px;
        color: #ffffff;
        text-shadow: 0px 5px 12px rgba(14, 5, 10, 0.75);
    }
    .biinfo-x {
        background-position: center 130px;
        padding: 143px 53px 0 45px;
    }
    /* index mer */
    .banner-index-item {
        height: 1186px;
    }
    .bii-title {
        margin-top: 260px;
    }
    .bli-title{
        font-size: 68px;
    }
    .banner-lm-item {
        height: 670px;
    }
    /* .banner-solution-1 .bli-title,
    .banner-solution-4 .bli-title {
        margin-top: 160px;
    } */
    /* .bli-title {
        margin-top: 200px;
    }
    .banner-solution-1 .bli-intro,
    .banner-solution-4 .bli-intro {
        margin-top: 50px;
    } */
    .container {
        width: 1400px;
    }
    .container1224 {
        width: 1424px;
    }
    .vc .img-x>img, .vc .img-x .mask{
        height: 180px;
    }
    .w-numrmb-payment .container{
        width: 1424px;
    }
    .shopupgrade {
        margin: 140px auto;
        padding: 0 calc((100% - 1700px) / 2);
    }
    .w-numrmb-index-row{
        height: 778px;
    }
    .w-numrmb-index-title {
        font-size: 65px;
        line-height: 1.3;
        padding-top: 0;
    }
    .w-numrmb-index-main {
        font-size: 28px;
        line-height: 1.5;
        padding-top: 35px;
        padding-bottom: 0;
    }
    .shopupgrade-flex > .r .t{
        /* font-size: 59px; */
    }
    .w-numrmb-payments-title {
        font-size: 50px;
    }
    .w-numrmb-payments-main {
        font-size: 20px;
    }
    .o2o>.container-fluid {
        width: 1900px;
    }
    .o2o-left {
        width: 50%;
    }
    .o2o-right {
        width: 50%;
    }
    .o2o-b-right {
        width: 960px;
    }
    .o2o-b-left {
        width: calc(100% - 960px);
        padding-right: 50px;
    }
    .o2o {
        padding-top: 160px;
        padding-bottom: 160px;
    }
    .o2o-left {
        padding-right: 225px;
    }
    .o2o-left>img {
        border-radius: 24px;
    }
    .o2o-right,
    .o2o-b-right {
        padding-left: 0;
    }
    .o2o-right-title {
        font-size: 72px;
        line-height: 1.25;
    }
    .o2o-right-intro {
        font-size: 28px;
        color: #666666;
        line-height: 1.643;
        margin-top: 24px;
    }
    .o2o-right-btn {
        margin-top: 54px;
        padding-left: 0;
    }
    .o2o-b-right>img {
        border-radius: 24px;
    }
    .saas {
        margin-bottom: 160px;
    }
    .saas-item-title,
    .wcanpay-item-title {
        margin-top: 270px;
    }
    .tools-title {
        padding-top: 150px;
    }
    .pmi-intro {
        text-align: center;
    }
    .pcvideo-x .con a {
        top: -50px;
        right: 15%;
    }
    .paydoc-flex {
        align-items: center;
    }
    .paymethod-item-img img {
        width: 100%;
    }
    .paydoc-item-title {
        margin-top: 0;
    }
    .allscene-slide .slick-prev,
    .allscene-slide .slick-next {
        top: 41%;
    }
    .fin-item-img img,
    .mpm-item-img img {
        width: 100%;
    }
    .mpm-flex {
        display: flex;
        margin-bottom: 120px;
        align-items: center;
    }
    .smgvd-x {
        height: 786px;
    }
    .smgvd-x-img {
        height: 100%;
    }
    .scmad {
        /* height: 1069px; */
    }
    .investor-content .container .row {
        /* padding-top: 45px; */
        /* padding-bottom: 42px; */
    }
    .ic-list-title a {
        /* font-size: 20px; */
    }
    .aboutlkl-x {
        /* width: 40%; */
    }
    .aboutlkl-v {
        /* width: 60%; */
    }
    .aboutlkl-v video {
        /* height: 625px; */
    }
    .dx-l-year {
        /* padding-right: 290px; */
    }
    .about-3 {
        /* margin-top: 37px; */
    }
    .banner-investor .banner-lm-item {
        height: 510px;
    }
    .dx-l-year {
        background-position: 46px 66px;
    }
    .dvlpmt .swiper-button-next.swiper-button-white, .dvlpmt .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        left: 155px;
    }
    .dvlpmt .swiper-button-prev.swiper-button-white, .dvlpmt .swiper-container-rtl .swiper-button-next.swiper-button-white {
        left: 195px;
    }
    .dx-l-year{
        padding-right: 86px;
    }

    .pcvideo-x .con video {
        width: 70%;
        max-height: 90vh;
    }
}


/* media 1921 - 2560 end*/


/* media 1601 - 1920 start*/

@media (min-width: 1601px) and (max-width: 1920px) {
    /* .banner-mer .swiper-button-prev{
        background-image: url("../images/public/mer-l.png");
        left: calc((100% - 1440px) / 2);
        right: auto;
    }
    .banner-mer .swiper-button-next{
        background-image: url("../images/public/mer-r.png");
        right: calc((100% - 1440px) / 2);
        left: auto;
    } */
    .o2o {
        /* padding-top: 128px; */
    }
    .o2o>.container-fluid {
        /* width: 1600px; */
        padding: 0 10px;
    }
    .o2o-right-title {
        font-size: 60px;
    }
    .o2o-right-intro {
        font-size: 24px;
        margin-top: 36px;
    }
    .o2o-left {
        padding-right: 225px;
    }
    .o2o-right {
        padding-left: 0px;
    }
    .o2o-right-btn {
        margin-top: 46px;
    }
    .o2o-b-right {
        padding-left: 0;
    }
    .o2o-b-left {
        padding-right: 0;
    }
}


/* media 1601 - 1920 end*/


/* media 1400 - 1600 start*/

@media (min-width: 1401px) and (max-width: 1600px) {
    /* .banner-mer .swiper-button-prev{
        background-image: url("../images/public/mer-l.png");
        left: calc((100% - 1220px) / 2);
        right: auto;
    }
    .banner-mer .swiper-button-next{
        background-image: url("../images/public/mer-r.png");
        right: calc((100% - 1220px) / 2);
        left: auto;
    } */
    .indexmer .container-fluid.in {
        height: 900px;
    }
    .navbar {
        /* min-height: 170px; */
    }
    .navbar-header {
        /* padding-top: 55px; */
        /* height: 170px; */
    }
    .navbar-nav {
        /* margin: 35px 0px 60px;
        border-bottom: 1px solid #e9e9e9;
        padding-left: 87px;
        width: 100%; */
    }
    .navbar-right-ipv6 {
        /* margin: 60px 0; */
    }
    .banner-index-item {
        /* height: 675px; */
    }
    .bii-title {
        margin-top: 140px;
        font-size: 56px;
    }
    .bii-intro {
        font-size: 28px;
    }
    .bii-btn {
        margin-top: 50px;
    }
    .w-numrmb-index-title {
        font-size: 56px;
        line-height: 1.3;
        padding-top: 230px;
    }
    .w-numrmb-index-main {
        font-size: 28px;
        line-height: 1.5;
        padding: 28px 0 157px;
    }
    .w-numrmb-payments-main {
        padding-left: 110px;
    }
    .o2o-left {
        padding-right: 190px;
        padding-left: 30px;
        width: 50%;
    }
    .o2o-b-right {
        padding-right: 30px;
        width: 50%;
    }
    .o2o-right-title {
        font-size: 56px;
    }
    .o2o-right-intro {
        margin-top: 20px;
        font-size: 28px;
    }
    .o2o-right-btn {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .o2o-b-right {
        width: 50%;
    }
    .o2o-b-left {
        width: 50%;
        padding-right: 20px;
    }
    .pcvideo-x .con video {
        width: 1200px;
    }
    .pcvideo-x .con a {
        right: 4%;
    }
    .saas-item-title {
        margin-top: 160px;
        font-size: 56px;
    }
    .saas-item-intro {
        font-size: 28px;
    }
    .saas-item,
    .wcanpay-item {
        height: 758px;
    }
    .wcanpay-item-title {
        margin-top: 170px;
        font-size: 56px;
    }
    .wcanpay-item-btn {
        margin-top: 90px;
    }
    .tools-title {
        padding-top: 128px;
        font-size: 56px;
    }
    .tools-slide {
        padding-bottom: 84px;
        margin-bottom: 100px;
    }
    .tools-slide-item-x {
        height: 320px;
        background-repeat: no-repeat;
        background-size: 200px;
        background-position: center 50px;
        padding: 25px 30px;
    }
    .tools-slide-item-x a p {
        font-size: 28px;
    }
    .slick-prev,
    .slick-next {
        top: 40%;
        width: 380px;
        height: 271px;
    }
    .allscene-slide {
        width: 1400px;
    }
    .btn-blue {
        font-size: 16px;
        border-radius: 0 12px 0 12px;
        padding: 8px 49px;
    }
    .allscene-slide-item-x {
        height: 320px;
        padding: 25px 24px;
    }
    .asix-title {
        margin-top: 45px;
    }
    .asix-a {
        margin-top: 60px;
    }
    .allscene-slide-item-x .asixa {
        background-position: 180px 50px;
        background-size: 230px;
    }
    .allscene-slide .slick-prev,
    .allscene-slide .slick-next {
        top: 40%;
        width: 420px;
        height: 271px;
    }
    .bli-title {
        font-size: 56px;
    }
    .paydoc-flex {
        margin-bottom: 120px;
    }
    .scmbtn {
        margin-bottom: 120px;
    }
    .banner-investor .banner-lm-item {
        height: 480px;
    }
    .inves-x-l-k {
        /* height: 227px; */
    }
    .banner-investor .container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 38px;
        overflow: hidden;
    }
    /* .biinfo-x-uad-l {
        font-size: 36px;
        height: 36px;
        line-height: 36px;
        color: #14b143;
        font-family: Arial;
        padding-left: 40px;
    }
    .biinfo-x-uad-l img {
        margin-top: -11px;
        margin-left: -8px;
        width: 15px;
    }
    .biinfo-x-cont {
        padding-top: 15px;
    }
    .biinfo-x-cont p {
        font-size: 16px;
        color: #333333;
        line-height: 34px;
    } */
    .shopupgrade-flex > .r .t{
        font-size: 50px;
    }
    .shopupgrade {
        margin: 100px auto;
        padding: 0 calc((100% - 1200px) / 2);
    }

    .paymethod-item{
        margin-bottom: 140px;
    }
    .w-numrmb-payment {
        margin-bottom: 125px;
    }
    .allscene-title {
        padding-top: 96px;
        padding-bottom: 78px;
    }
    .fm-dwt {
        margin-top: 125px;
    }
    .sm-zhyy {
        margin-top: 115px;
        margin-bottom: 135px;
    }
    .sm-yzg.lr-x {
        padding-bottom: 20px;
    }
    .smg-cloudshop {
        padding-bottom: 140px;
    }
    .smg-marquee {
        padding-top: 20px;
    }
    .ic-zhst, .ic-qzt, .ic-scpt, .ic-robot {
        margin-top: 5px;
    }
    .ic-qzt {
        margin-bottom: 120px;
    }
    .ic-zxyh {
        margin-top: 125px;
    }
}


/* media 1400 - 1600 end*/


/* media 1200 - 1400 start*/

@media (min-width: 1201px) and (max-width: 1400px) {
    /* .banner-mer .swiper-button-prev{
        background-image: url("../images/public/mer-l.png");
        left: calc((100% - 1000px) / 2);
        right: auto;
    }
    .banner-mer .swiper-button-next{
        background-image: url("../images/public/mer-r.png");
        right: calc((100% - 1000px) / 2);
        left: auto;
    } */
    /* index */
    .navbar-default .navbar-nav>li>a {
        padding: 24px 19px;
    }
    .container {
        padding-left: 45px;
        padding-right: 45px;
    }
    .container1224 {
        padding-left: 45px;
        padding-right: 45px;
    }
    .mer-x .swiper-vc-next.swiper-button-white, .mer-x .swiper-container-rtl .swiper-vc-prev.swiper-button-white, .vcpro-x .swiper-vc2-next.swiper-button-white, .vcpro-x .swiper-container-rtl .swiper-vc2-prev.swiper-button-white, .brand-x .swiper-vc3-next.swiper-button-white, .brand-x .swiper-container-rtl .swiper-vc3-prev.swiper-button-white, .other-x .swiper-vc4-next.swiper-button-white, .other-x .swiper-container-rtl .swiper-vc4-prev.swiper-button-white{
        right: 63px;
    }
    .mer-x .swiper-vc-prev.swiper-button-white, .mer-x .swiper-container-rtl .swiper-vc-next.swiper-button-white, .vcpro-x .swiper-vc2-prev.swiper-button-white, .vcpro-x .swiper-container-rtl .swiper-vc2-next.swiper-button-white, .brand-x .swiper-vc3-prev.swiper-button-white, .brand-x .swiper-container-rtl .swiper-vc3-next.swiper-button-white, .other-x .swiper-vc4-prev.swiper-button-white, .other-x .swiper-container-rtl .swiper-vc4-next.swiper-button-white{
        right: 103px;
    }
    .banner-index-item {
        /* height: 570px; */
    }
    .indexmer-title {
        font-size: 40px;
        color: #ffffff;
        text-align: left;
        margin-top: 80px;
        line-height: 1.389;
        text-shadow: 0px 2px 5px rgb(14 5 10 / 75%);
    }
    .indexmer-intro1 {
        font-size: 22px;
        color: #ffffff;
        text-align: right;
        margin-top: 40px;
        text-shadow: 0px 2px 4px rgb(14 5 10 / 75%);
    }
    .indexmer-intro2 {
        font-size: 26px;
        color: #ffffff;
        margin-top: 20vh;
        margin-bottom: 16px;
        text-shadow: 0px 6px 10px rgb(14 5 10 / 75%);
    }
    .bii-title {
        margin-top: 100px;
        font-size: 60px;
    }
    .bii-btn {
        margin-top: 50px;
    }
    .w-numrmb-index-title {
        font-size: 60px;
        line-height: 1.3;
        padding-top: 220px;
    }
    .w-numrmb-index-main {
        font-size: 22px;
        line-height: 1.643;
        padding: 24px 0 134px;
    }
    .o2o-left {
        padding-right: 160px;
    }
    .o2o-right-title {
        font-size: 45px;
    }
    .o2o-right-intro {
        margin-top: 17px;
        font-size: 22px;
    }
    .o2o-right-btn {
        margin-top: 25px;
        padding-left: 0;
    }
    .o2o-b-left {
        width: 50%;
    }
    .o2o-b-right {
        width: 50%;
    }
    .saas-item {
        height: 625px;
    }
    .saas-item-title {
        margin-top: 120px;
        font-size: 45px;
    }
    .saas-item-intro {
        font-size: 22px;
    }
    .pcvideo-x .con video {
        width: 80%;
        max-height: 90vh;
    }
    .pcvideo-x .con a {
        right: 4%;
    }
    .wcanpay-item {
        height: 625px;
    }
    .wcanpay-item-title {
        margin-top: 100px;
        font-size: 45px;
    }
    .tools-title {
        padding-top: 80px;
        padding-bottom: 40px;
        font-size: 45px;
    }
    .tools-slide {
        width: 1100px;
        padding-bottom: 80px;
        margin-bottom: 110px;
    }
    .tools-slide-item-x {
        height: 340px;
        background-repeat: no-repeat;
        background-size: 200px;
        background-position: center 67px;
        padding: 25px 15px;
    }
    .slick-prev {
        left: 15px;
    }
    .slick-next {
        right: 15px;
    }
    .slick-prev,
    .slick-next {
        width: 373px;
        height: 297px;
        top: 36%;
    }
    .fbc-cont2,
    .fbc-cont {
        padding-left: 0;
    }
    /* index */
    .banner-lm-item {
        height: 360px;
    }
    .bli-title {
        font-size: 56px;
    }
    /* 产品与服务 - 支付收款 */
    .w-numrmb-payments-title {
        padding-left: 75px;
    }
    .w-numrmb-payments-main {
        padding-left: 75px;
    }
    .w-numrmb-payments {
        margin-bottom: 80px;
    }
    .pm-title {
        font-size: 48px;
        margin-top: 80px;
        margin-bottom: 100px;
    }
    .paymethod-item-img img {
        width: 100%;
    }
    .paymethod-item-img {
        padding-right: 45px;
    }
    .paymethod-item-doc {
        padding-left: 45px;
    }
    .paydoc-item-title {
        font-size: 30px;
    }
    .paydoc-flex {
        margin-bottom: 100px;
    }
    .allscene-slide {
        width: 1100px;
    }
    .allscene-slide-item-x {
        height: 290px;
        padding: 25px 24px;
    }
    .allscene-slide .slick-prev,
    .allscene-slide .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 39%;
        display: block;
        width: 320px;
        height: 244px;
        /* background: rgba(248, 248, 248, 0.8); */
        z-index: 999999;
        transition: all 0.5s;
    }
    .allscene-slide-item-x .asixa p {
        padding-left: 20px;
    }
    .asix-title {
        font-size: 20px;
        margin-top: 30px;
    }
    .asix-a {
        margin-top: 60px;
    }
    .allscene-slide-item-x .asixa {
        display: block;
        position: relative;
        height: 100%;
        box-shadow: 0px 4px 20px 0px rgba(14, 5, 10, 0.2);
        border-top-right-radius: 24px;
        border-bottom-left-radius: 24px;
        background-repeat: no-repeat;
        background-size: 160px;
        background-position: 145px 83px;
        background-color: #ffffff;
    }
    .aec-info-title2 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    /* 产品与服务 - 支付收款 */
    /* 产品与服务 - 金融保险 */
    .fin-item-img img {
        width: 100%;
    }
    .fin-item-doc {
        padding-left: 125px;
    }
    .fin-flex {
        margin-bottom: 110px;
    }
    .fin-item-title {
        font-size: 30px;
    }
    /* 产品与服务 - 金融保险 */
    /* 产品与服务 - 电商运营 */
    .tbo-title {
        font-size: 48px;
    }
    .tbo-item:nth-child(3n+2) {
        padding-right: 30px;
    }
    .tbo-2 .tbo-item:nth-child(3) {
        padding-left: 70px;
        padding-right: 70px;
    }
    .tbo-ad-p {
        font-size: 48px;
    }
    .tbo-ad {
        height: 360px;
        background-size: cover;
    }
    /* 产品与服务 - 电商运营 */
    /* 产品与服务 - 营销推广 */
    .mpm-item-img img {
        width: 100%;
    }
    .mpm-item-doc {
        padding-left: 60px;
    }
    .mpm-item-title {
        font-size: 30px;
    }
    /* 产品与服务 - 营销推广 */
    /* 解决方案 - 店面经营 */
    .smg-item-img img {
        width: 100%;
    }
    .banner-solution-1 .bli-title {}
    .smg-item-title {
        font-size: 30px;
    }
    .smg-pubtit {
        font-size: 32px;
    }
    .smg-pubdesc {
        font-size: 30px;
    }
    .smg-flex-5 .smg-item-img {
        padding-right: 0px;
    }
    .smg-flex-5 .smg-item-doc {
        padding-left: 65px;
    }
    .smg-item-intro-qrcode {
        padding-top: 30px;
        padding-right: 0;
    }
    .smg-cloudshop {
        padding-top: 140px;
        padding-bottom: 120px;
    }
    .smg-cs-flex {
        margin-top: 50px;
    }
    .smg-cs-item img {
        width: 45%;
    }
    .smg-cs-item-tit {
        font-size: 22px;
        margin-top: 9px;
        margin-bottom: 8px;
    }
    .smg-cs-item-con {
        font-size: 16px;
    }
    .smgvd-x {
        height: auto;
    }
    .smgvd {
        margin-bottom: 100px;
    }
    .smg-hg {
        padding-top: 120px;
    }
    .smg-hg .smg-flex {
        margin-bottom: 120px;
    }
    .smg-qzt-flex {
        padding-top: 60px;
    }
    .smg-qzt-item img {
        width: 35%;
    }
    .smgqztbtn {
        margin-top: 85pxpx;
        margin-bottom: 110px;
    }
    .smg-qzt-item:nth-child(n+5) {
        margin-top: 60px;
    }
    .smgzhyybtn {
        margin: 85px 0 120px;
    }
    .smg-marquee {
        margin-bottom: 120px;
    }
    /* 解决方案 - 店面经营 */
    /* 解决方案 - 收单系统 */
    .lr-x-item-img img {
        width: 100%;
    }
    .lr-x-item-title {
        font-size: 30px;
    }
    /* 解决方案 - 收单系统 */
    /* 解决方案 - 供应链管理 */
    .lr-x-item-img img {
        width: 100%;
    }
    .scm .container .lr-x-flex:first-child .lr-x-item-doc {
        padding-left: 9%;
    }
    .banner-solution-4 .bli-title {
        margin-top: 70px;
    }
    /* 解决方案 - 供应链管理 */
    /* 投资者关系 列表页 */
    .fntool nav {
        /* text-align: center; */
    }
    .biinfo-x {
        background-size: 90% 94%;
        background-position: center 20px;
        margin-right: 100px;
        padding: 40px 53px 0 45px;
    }
    .biinfo-x-code {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .biinfo-x-uad-l {
        font-size: 44px;
        height: 44px;
        line-height: 44px;
    }
    .biinfo-x-uad-l img {
        width: 12px;
        margin-top: -20px;
    }
    .bxur-zd {
        font-size: 15px;
    }
    .biinfo-x-cont {
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .biinfo-x-cont p {
        font-size: 14px;
        line-height: 1.8;
    }
    .biinfo-x-time {
        font-size: 12px;
        margin-top: 8px;
    }
    .banner-investor .banner-lm-item {
        height: 360px;
    }
    .inves-x-l-k {
        height: 227px;
    }
    .banner-investor .container {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 38px;
        overflow: hidden;
    }
    .biinfo-x-uad-l {
        font-size: 36px;
        height: 36px;
        line-height: 36px;
        color: #14b143;
        font-family: Arial;
        padding-left: 40px;
    }
    .biinfo-x-uad-l img {
        margin-top: -11px;
        margin-left: -8px;
        width: 15px;
    }
    .biinfo-x-cont {
        padding-top: 15px;
    }
    .biinfo-x-cont p {
        font-size: 16px;
        color: #333333;
        line-height: 34px;
    }
    /* 投资者关系 列表页 */
    /* 投资者关系 详情页 */
    .pagehead {
        position: relative;
        min-height: 200px;
        padding-top: 50px;
    }
    .closepage {
        top: 10px;
        right: 30px;
    }
    /* 投资者关系 详情页 */
    /* 新闻中心 */
    /* 新闻中心 */
    /* 关于我们 */
    /* 关于我们 */
}


/* media 1200 - 1400 end*/


/* media 1024 - 1200 start*/

@media (min-width: 1025px) and (max-width: 1200px) {
    /* index */
    .hidden-lg {
        display: none;
    }
    .navbar-right-ipv6 {
        right: -70px;
        top: 7px;
    }
    .container {
        padding-left: 45px;
        padding-right: 45px;
    }
    .banner-index-item {
        height: 545px;
    }
    .bii-title {
        margin-top: 100px;
        font-size: 50px;
    }
    .bii-btn {
        margin-top: 50px;
    }
    .w-numrmb-index-item {
        position: relative;
        background-size: 0 0;
        width: 100%;
        height: 100%;
    }
    .w-numrmb-index-item-m {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .w-numrmb-index-title {
        font-size: 50px;
        line-height: 1.3;
        padding-top: 235px;
        text-align: left;
    }
    .w-numrmb-index-main {
        font-size: 23px;
        line-height: 1.5;
        padding: 20px 0 115px;
    }
    .o2o-left {
        padding-right: 40px;
        width: 40%;
    }
    .o2o-right {
        width: 59.9999%
    }
    .o2o-right-title {
        font-size: 40px;
    }
    .o2o-right-intro {
        font-size: 20px;
    }
    .o2o-right-intro {
        margin-top: 17px;
    }
    .o2o-right-btn {
        margin-top: 25px;
        padding-left: 100px;
    }
    .o2o-b-left {
        width: 40%;
    }
    .o2o-b-right {
        width: 59.9999%;
    }
    .saas-item {
        height: 530px;
    }
    .saas-item-title {
        margin-top: 100px;
        font-size: 60px;
    }
    .saas-item-intro {
        font-size: 40px;
    }
    .wcanpay-item {
        height: 530px;
    }
    .wcanpay-item-title {
        margin-top: 90px;
        font-size: 60px;
    }
    .tools-title {
        padding-top: 80px;
        font-size: 60px;
    }
    .tools-slide {
        width: 1100px;
        padding-bottom: 80px;
        margin-bottom: 110px;
    }
    .tools-slide-item-x {
        height: 340px;
        background-repeat: no-repeat;
        background-size: 200px;
        background-position: center 67px;
        padding: 25px 15px;
    }
    .slick-prev {
        left: 15px;
    }
    .slick-next {
        right: 15px;
    }
    .slick-prev,
    .slick-next {
        width: 373px;
        height: 297px;
        top: 36%;
    }
    .footer-nav {
        width: 80%;
    }
    .footer-top-icons {
        width: 20%;
    }
    .list-group {
        width: 20%;
    }
    .footer-top-icons {
        justify-content: center;
    }
    .footer-btm-info {
        width: 66.666%
    }
    .footer-btm-custserv {
        width: 33.333%;
    }
    .fbc-cont2,
    .fbc-cont {
        padding-left: 0;
    }
    .footer-btm-info,
    .footer-btm-custserv {
        width: 50%;
    }
    /* index */
    .banner-lm-item {
        height: 270px;
    }
    /* 产品与服务 - 支付收款 */
    .w-numrmb-payments-title {
        padding-left: 0px;
    }
    .w-numrmb-payments-main {
        padding-left: 0px;
    }
    .bli-title {
        margin-top: 80px;
        font-size: 30px;
    }
    .pm-title {
        font-size: 36px;
        margin-top: 80px;
        margin-bottom: 100px;
    }
    .paymethod-item {
        width: 33.333%;
        margin-bottom: 80px;
    }
    .paymethod-item-img img {
        width: 100%;
    }
    .paymethod-item-img {
        padding-right: 45px;
    }
    .paymethod-item-doc {
        padding-left: 45px;
    }
    .paydoc-item-title {
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 0;
        letter-spacing: -1px;
    }
    .paydoc-item-intro>p {
        font-size: 16px;
    }
    .paydoc-flex {
        margin-bottom: 80px;
    }

    .allscene-title {
        font-size: 36px;
    }
    .allscene-slide {
        width: 1100px;
    }
    .allscene-slide-item-x {
        height: 290px;
        padding: 25px 24px;
    }
    .allscene-slide .slick-prev,
    .allscene-slide .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 39%;
        display: block;
        width: 320px;
        height: 244px;
        /* background: rgba(248, 248, 248, 0.8); */
        z-index: 999999;
        transition: all 0.5s;
    }
    .allscene-slide-item-x .asixa p {
        padding-left: 20px;
    }
    .asix-title {
        font-size: 20px;
        margin-top: 30px;
    }
    .asix-a {
        margin-top: 60px;
    }
    .allscene-slide-item-x .asixa {
        display: block;
        position: relative;
        height: 100%;
        box-shadow: 0px 4px 20px 0px rgba(14, 5, 10, 0.2);
        border-top-right-radius: 24px;
        border-bottom-left-radius: 24px;
        background-repeat: no-repeat;
        background-size: 160px;
        background-position: 145px 83px;
        background-color: #ffffff;
    }
    .aec-info-title2 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .w-numrmb-payments {
        margin-top: 0;
        margin-bottom: 80px;
    }
    /* 产品与服务 - 支付收款 */
    /* 产品与服务 - 金融保险 */
    .fin-item-img img {
        width: 100%;
    }
    .fin-item-doc {
        padding-left: 125px;
    }
    .fin-flex {
        margin-bottom: 110px;
    }
    /* 产品与服务 - 金融保险 */
    /* 产品与服务 - 电商运营 */
    .tbo-item {
        width: 33.333%;
        margin-bottom: 70px;
    }
    .tbo-item:nth-child(3n+2) {
        padding-right: 30px;
    }
    .tbo-2 .tbo-item:nth-child(3) {
        padding-left: 70px;
        padding-right: 70px;
    }
    .tbo-title {
        font-size: 36px;
        margin-bottom: 100px;
    }
    .tbo-item-title {
        font-size: 24px;
    }
    .tbo-btn {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .tbo-2 .tbo-btn {
        margin-top: 50px;
        margin-bottom: 110px;
    }
    /* 产品与服务 - 电商运营 */
    /* 产品与服务 - 营销推广 */
    .mpm-item-img img {
        width: 100%;
    }
    .mpm-item-doc {
        padding-left: 60px;
    }
    /* 产品与服务 - 营销推广 */
    /* 解决方案 - 店面经营 */
    .banner-solution-1 .bli-title {
        margin-top: 70px;
        font-size: 30px;
    }
    .banner-solution-1 .bli-intro {
        font-size: 24px;
    }
    .smg-item-img img {
        width: 100%;
    }
    .smg-item-title {
        margin-top: 0;
    }
    .tbo-ad {
        height: 311px;
    }
    .smg-ad .tbo-ad-p {
        font-size: 40px;
        margin-top: 60px;
    }
    .smg-ad .tbo-ad-info {
        font-size: 30px;
    }
    .smg-hg {
        padding-top: 100px;
    }
    .smg-pubtit {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .smg-cloudshop {
        padding-top: 110px;
        padding-bottom: 100px;
    }
    .smg-pubdesc {
        font-size: 28px;
    }
    .smg-cs-flex {
        margin-top: 60px;
    }
    .smg-cs-item img {
        width: 50%;
    }
    .smg-cs-item-tit {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 8px;
    }
    .smg-cs-item-con {
        font-size: 14px;
    }
    .smg-marquee {
        padding-bottom: 100px;
    }
    .smgvd,
    .smg-flex {
        margin-bottom: 100px;
    }
    .smgvd-x {
        height: auto;
    }
    .smg-hg .smg-flex {
        margin-bottom: 100px;
    }
    .smg-flex-5 .smg-item-img {
        width: 100%;
        padding-right: 0;
    }
    .smg-flex-5 .smg-item-doc {
        padding-left: 40px;
    }
    .smg-item-intro-qrcode {
        padding-top: 20px;
        padding-right: 0px;
    }
    .smg-qzt-flex {
        padding-top: 40px;
    }
    .smg-qzt-item img {
        width: 40%;
    }
    .smg-qzt-item-tit,
    .smg-qzt-item-subtit {
        font-size: 22px;
    }
    .smgqztbtn {
        margin-top: 80px;
        margin-bottom: 0px;
    }
    .smg-hg-btn {
        margin-top: 110px;
    }
    .smg-qzt-item:nth-child(n+5) {
        margin-top: 40px;
    }
    .smg-zhyy-item .smg-qzt-item-tit {
        font-size: 22px;
    }
    .smgzhyybtn {
        margin-top: 80px;
        margin-bottom: 100px;
    }
    /* 解决方案 - 店面经营 */
    /* 解决方案 - 收单系统 */
    .lr-x-item-img img {
        width: 100%;
    }
    .lr-x {
        padding-top: 120px;
    }
    .lr-x-flex {
        margin-bottom: 100px;
    }
    .lr-x-item-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .with-right>p {
        font-size: 16px;
    }
    .arsad {
        height: 360px;
    }
    .arsad-title {
        font-size: 30px;
        margin-top: 50px;
    }
    .arsad-btn {
        margin-top: 160px;
    }
    /* 解决方案 - 收单系统 */
    /* 解决方案 - 供应链管理 */
    .lr-x-item-img img {
        width: 100%;
    }
    .lr-x {
        padding-top: 100px;
    }
    .kjbtn {
        margin-top: 0px;
        margin-bottom: 100px;
    }
    .scm .container .lr-x-flex:first-child .lr-x-item-doc {
        padding-left: 9%;
    }
    .banner-solution-4 .bli-title {
        margin-top: 70px;
        font-size: 30px;
    }
    .banner-solution-4 .bli-intro {
        font-size: 24px;
    }
    .scmbtn {
        margin-bottom: 100px;
    }
    .scmad {
        height: 495px;
    }
    /* 解决方案 - 供应链管理 */
    /* 投资者关系 列表页 */
    .fntool nav {
        text-align: center;
    }
    .biinfo-x {
        background-size: 90% 94%;
        background-position: center 20px;
        margin-right: 100px;
        padding: 20px 53px 0 45px;
    }
    .biinfo-x-code {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .biinfo-x-uad-l {
        font-size: 38px;
        height: 38px;
        line-height: 38px;
    }
    .biinfo-x-uad-l img {
        width: 12px;
        margin-top: -20px;
    }
    .bxur-zd {
        font-size: 13px;
    }
    .biinfo-x-cont {
        margin-top: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .biinfo-x-cont p {
        font-size: 14px;
        line-height: 1.6;
    }
    .biinfo-x-time {
        font-size: 12px;
        margin-top: 8px;
    }
    .banner-investor .banner-lm-item {
        height: 360px;
    }
    .inves-x-l-k {
        height: 227px;
    }
    .banner-investor .container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 38px;
        overflow: hidden;
    }
    .biinfo-x-uad-l {
        font-size: 36px;
        height: 36px;
        line-height: 36px;
        color: #14b143;
        font-family: Arial;
        padding-left: 40px;
    }
    .biinfo-x-uad-l img {
        margin-top: -11px;
        margin-left: -8px;
        width: 15px;
    }
    .biinfo-x-cont {
        padding-top: 15px;
    }
    .biinfo-x-cont p {
        font-size: 16px;
        color: #333333;
        line-height: 34px;
    }
    /* 投资者关系 列表页 */
    /* 投资者关系 详情页 */
    .ph-title {
        width: 75%;
    }
    .ph-downbtn {
        width: 25%;
    }
    .pagehead {
        position: relative;
        min-height: 200px;
        padding-top: 50px;
    }
    .closepage {
        top: 10px;
        right: 30px;
    }
    .ic-list-title a {
        padding-right: 120px;
    }
    /* 投资者关系 详情页 */
    /* 新闻中心 */
    .dl-item {
        width: 50%;
    }
    /* 新闻中心 */
    /* 关于我们 */
    .aboutlkl {
        padding-top: 63px;
        padding-bottom: 100px;
    }
    .dvlpmt {
        background-color: #f6f6f6;
        padding-top: 60px;
    }
    .dx-l {
        width: 33.333%;
    }
    .dx-r {
        width: 66.666%;
    }
    .honor {
        padding-top: 60px;
    }
    .about-2-x-l {
        width: 50%;
    }
    .about-2-x-r {
        width: 50%;
    }
    .about-4-title {
        margin-bottom: 15px;
    }
    .about-4-intro {
        margin-bottom: 60px;
    }
    .about-4 {
        padding-bottom: 50px;
    }
    /* 关于我们 */
    .pcvideo-x .con video {
        width: 70%;
        max-height: 90vh;
    }
}


/* media 1024 - 1200 end*/


/* media 769 - 1024 start*/

@media (min-width: 769px) and (max-width: 1024px) {
    .indexmer .container-fluid.in,
    .indexmer-m {
        height: 100vh;
    }
    .indexmer-m {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .indexmer .container {
        top: 0;
        left: calc((100% - 760px) / 2);
    }
    .indexmer-title {
        font-size: 1.48rem;
        text-align: justify;
        margin-top: 2rem;
        line-height: 1.6;
        text-shadow: 0px 6px 10px rgba(14, 5, 10, 0.75);
        padding: 0 1.34rem;
    }
    .indexmer-intro1 {
        font-size: 0.86rem;
        color: #ffffff;
        text-align: right;
        margin-top: 1.2rem;
        padding-right: 1.3125rem;
    }
    .indexmer-intro2 {
        font-size: 1.1rem;
        color: #ffffff;
        margin-top: 6rem;
        margin-bottom: 1rem;
        text-shadow: 0px 6px 10px rgba(14, 5, 10, 0.75);
        padding-left: 2.125rem;
    }
    .indexmer-btn a {
        font-size: 1.1rem;
        color: #ffffff;
        text-shadow: 0px 5px 12px rgba(14, 5, 10, 0.75);
        padding-left: 2.125rem;
    }
    #alert-x .modal-body img {
        max-width: 70%;
        margin: 0 auto;
    }
    #alert-x .modal-body .close {
        position: absolute;
        right: 10%;
    }
    .hidden-lg {
        display: none;
    }
    .navbar-brand img {
        width: 100%;
    }
    .navbar-nav {
        padding-left: 10px;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 20px 9px;
        font-size: 14px;
    }
    .banner-index-item {
        height: 370px;
    }
    .bii-title {
        font-size: 20px;
        color: #ffffff;
        text-shadow: 2px 2px 6px #0e050a;
        line-height: 1.3;
        margin-top: 80px;
    }
    .bii-intro {
        font-size: 16px;
        color: #ffffff;
        margin-top: 12px;
        line-height: 1.5;
    }
    .bii-btn {
        margin-top: 16px;
    }
    .btn-blue {
        font-size: 14px;
        color: #ffffff;
        background-color: #00b9f1;
        border-radius: 0 10px 0 10px;
        padding: 6px 29px;
    }
    .w-numrmb-index {
        margin-top: 2.66rem;
    }
    .w-numrmb-index-item {
        position: relative;
        background-size: 0 0;
        width: 100%;
        height: 100%;
    }
    .w-numrmb-index-item-m {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .w-numrmb-index-title {
        font-size: 20px;
        line-height: 1.3;
        padding-top: 68px;
        text-align: left;
    }
    .w-numrmb-index-main {
        font-size: 16px;
        text-align: left;
        line-height: 1.5;
        padding: 16px 0 86px;
    }
    .o2o-left {
        padding-right: 25px;
        padding-top: 3px;
    }
    .o2o-right-title {
        font-size: 20px;
        line-height: 1.25;
    }
    .o2o-right-intro {
        font-size: 16px;
        color: #666666;
        line-height: 1.643;
        margin-top: 14px;
    }
    .o2o-right-btn {
        margin-top: 14px;
        padding-left: 0;
    }
    .o2o {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .o2o-b-left {
        width: 50%;
    }
    .o2o-b-right {
        width: 50%;
    }
    .saas-item,
    .wcanpay-item {
        height: 420px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .saas-item-title {
        font-size: 20px;
        color: #fcfef1;
        line-height: 1.53;
        text-shadow: 0px 6px 12px rgba(14, 5, 10, 0.75);
        margin-top: 120px;
    }
    .saas-item-intro {
        font-size: 16px;
    }
    .saas-item-video {
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
    }
    .saas-item-video a {
        font-size: 14px;
        color: #ffffff;
    }
    .saas-item-video a img {
        margin-top: -3px;
        margin-right: 10px;
        width: 19px;
        height: 19px;
        display: inline;
        position: static;
    }
    .saas-item-btn {
        margin-top: 18px;
    }
    .wcanpay-item-title {
        font-size: 20px;
        color: #10385f;
        margin-top: 120px;
    }
    .wcanpay-item-btn {
        margin-top: 45px;
    }
    .tools-title {
        font-size: 20px;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .tools-slide .slick-prev,
    .tools-slide .slick-next {
        width: 250px;
        height: 200px;
    }
    .tools-slide-item-x {
        height: 200px;
        background-repeat: no-repeat;
        background-size: 120px;
        background-position: center 46px;
        padding: 25px 15px;
    }
    .tools-slide-item-x a p {
        position: absolute;
        bottom: 0;
        height: 26px;
        width: 100%;
        line-height: 26px;
        font-size: 14px;
        color: #666666;
        background-color: #f6f6f6;
        text-align: center;
        border-bottom-left-radius: 16px;
    }
    .tools-slide {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .fbc-cont {
        text-align: left;
    }
    .banner-lm-item {
        height: 220px;
    }
    .w-numrmb-payments-title {
        padding-left: 40px;
    }
    .w-numrmb-payments-main {
        padding-left: 40px;
    }
    .bli-title,
    .banner-solution-1 .bli-title {
        font-size: 20px;
        line-height: 1.36;
        margin-top: 80px;
    }
    .pm-title {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .pmi-img img {
        width: 60px;
    }
    .pmi-title {
        font-size: 18px;
        font-weight: normal;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .pmi-intro {
        font-size: 14px;
        line-height: 1.667;
        color: #666666;
    }
    .w-numrmb-payments {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .paymethod-item {
        margin-bottom: 40px;
    }
    .paymethod-item-img img {
        width: 100%;
    }
    .paymethod-item-img {
        padding-right: 20px;
    }
    .paymethod-item-doc {
        padding-left: 20px;
    }
    .paydoc-item-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .paydoc-item-intro>p {
        font-size: 14px;
        padding-left: 20px;
        background-image: url(../images/public/right-blue.png);
        background-repeat: no-repeat;
        background-size: 16px 15px;
        background-position: left 5px;
        line-height: 1.9;
        color: #666666;
    }
    .paydoc-flex {
        display: flex;
        margin-bottom: 40px;
    }
    .smgvd {
        margin-bottom: 40px;
    }
    .smgvd-x {
        height: 421px;
    }
    .allscene-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        text-align: center;
        padding-top: 26px;
        padding-bottom: 28px;
    }
    .allscene-slide {
        width: 92%;
    }
    .allscene-slide-item-x {
        height: 220px;
        padding: 20px 14px;
    }
    .allscene-slide .slick-prev,
    .allscene-slide .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 37%;
        display: block;
        width: 221px;
        height: 170px;
        /* background: rgba(248, 248, 248, 0.8); */
        z-index: 999999;
        transition: all 0.5s;
    }
    .allscene-slide-item-x .asixa p {
        padding-left: 15px;
    }
    .asix-title {
        font-size: 16px;
        margin-top: 26px;
    }
    .asix-intro {
        font-size: 14px;
        line-height: 1.556;
        margin-top: 11px;
    }
    .asix-a {
        margin-top: 12px;
    }
    .allscene-slide-item-x .asixa {
        display: block;
        position: relative;
        height: 100%;
        box-shadow: 0px 4px 20px 0px rgba(14, 5, 10, 0.2);
        border-top-right-radius: 24px;
        border-bottom-left-radius: 24px;
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: right 75px;
        background-color: #ffffff;
    }
    .allscene-slide {
        padding-bottom: 50px;
    }
    .allscene {
        background-color: #f8f8f8;
        padding-bottom: 80px;
    }
    .fin {
        padding-top: 40px;
    }
    .fin-item-img img {
        width: 100%;
    }
    .fin-item-doc {
        padding-left: 0px;
    }
    .fin-flex {
        display: flex;
        margin-bottom: 40px;
        align-items: center;
    }
    .fin-item-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        margin-top: 0;
        margin-bottom: 8px;
    }
    .fin-item-intro>p {
        font-size: 14px;
        line-height: 1.7;
        color: #666666;
    }
    .fin-item-info p.fii-p1 {
        font-size: 14px;
        color: #999999;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .fin-item-info p.fii-p2 a {
        font-size: 14px;
        color: #00b9f1;
    }
    .fin-flex:nth-child(even) .fin-item-img {
        padding-left: 0;
        padding-right: 0;
    }
    .fin-btm {
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        color: #51c8ec;
        margin-bottom: 40px;
    }
    .fin-btm img {
        margin-top: -6px;
        margin-right: 12px;
        width: 30px;
    }
    .tbo-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        line-height: 1.667;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .tbo-item:nth-child(3n+2) {
        padding-right: 50px;
    }
    .tbo-item:nth-child(3n+3) {
        padding-left: 25px;
    }
    .tbo-item:nth-child(3n+4) {
        padding-left: 50px;
    }
    .tbo-item-img>img {
        width: 80px;
        height: auto;
    }
    .tbo-item-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .tbo-item-intro {
        font-size: 14px;
        line-height: 1.667;
        text-align: center;
        color: #666666;
    }
    .tbo-item {
        margin-bottom: 30px;
    }
    .tbo-ad-lit {
        width: 100%;
        height: 420px;
        /* margin-top: 70px; */
        margin-top: 20px;
        position: relative;
    }
    .tbo-btn {
        margin-top: 22px;
        margin-bottom: 40px;
    }
    .tbo-ad-p {
        font-size: 20px;
        color: #384b7a;
        line-height: 1.36;
        margin-top: 50px;
    }
    .tbo-ad {
        height: 210px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }
    .tbo-2 .tbo-title2 {
        margin-top: 45px;
    }
    .tbo-2 .tbo-item:nth-child(2) {
        padding-left: 20px;
        padding-right: 50px;
    }
    .tbo-2 .tbo-item:nth-child(3) {
        padding-left: 35px;
        padding-right: 35px;
    }
    .tbo-2 .tbo-item:nth-child(4) {
        padding-left: 50px;
        padding-right: 20px;
    }
    .tbo-2 .tbo-ad-lit {
        height: 312px;
    }
    .tbo-warning {
        font-size: 20px;
        margin-top: 22px;
    }
    .tbo-2 .tbo-btn {
        margin-top: 26px;
        margin-bottom: 67px;
    }
    .mpm {
        padding-top: 45px;
    }
    .mpm-item-img {
        padding-right: 30px;
    }
    .mpm-item-doc {
        padding-left: 30px;
    }
    .mpm-item-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        margin-top: 0;
        margin-bottom: 5px;
    }
    .mpm-item-intro p:first-child,
    .mpm-item-intro p:last-child {
        background-size: 0 0;
        padding-left: 0;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .mpm-item-intro>p {
        font-size: 14px;
        line-height: 1.7;
        background-image: url(../images/public/right-blue.png);
        background-repeat: no-repeat;
        background-size: 16px 15px;
        background-position: left 4px;
        padding-left: 19px;
        color: #666666;
    }
    .mpm-item-intro-last {
        font-size: 14px;
        margin-top: 8px;
        color: #666666;
    }
    .mpm-flex {
        margin-bottom: 42px;
    }
    .banner-solution-1 .bli-intro {
        font-size: 16px;
        color: #403f3e;
        line-height: 1.511;
        margin-top: 10px;
    }
    .smg {
        padding-top: 40px;
    }
    .smg-item-img {
        padding-right: 30px;
    }
    .smg-item-doc {
        padding-left: 30px;
    }
    .smg-item-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .smg-item-intro>p {
        font-size: 16px;
        line-height: 1.75;
        background-image: none;
        background-repeat: no-repeat;
        background-size: 0px;
        padding-left: 0;
        color: #666666;
    }
    .smg-flex {
        display: flex;
        margin-bottom: 40px;
        align-items: center;
    }
    .smg-ad .tbo-ad-p {
        font-size: 20px;
        color: #333333;
        line-height: 1.36;
        margin-top: 50px;
    }
    .smg-ad .tbo-ad-info {
        font-size: 16px;
        line-height: 1.444;
        margin-top: 15px;
    }
    .smg-hg {
        padding-top: 40px;
    }
    .smg-flex-5 .smg-item-img {
        padding-right: 20px;
    }
    .smg-flex-5 .smg-item-doc {
        margin-top: 0px;
        padding-left: 0px;
    }
    .smg-flex-5 .smg-item-intro>p {
        font-size: 14px;
        line-height: 1.75;
        background-image: none;
        background-repeat: no-repeat;
        background-size: 0px;
        padding-left: 0;
        color: #666666;
    }
    .smg-item-intro-qrcode {
        text-align: center;
        padding-top: 23px;
        padding-right: 66px;
    }
    .smg-hg .smg-flex {
        margin-bottom: 40px;
    }
    .smg-qzt-flex {
        padding-top: 40px;
    }
    .smgqztbtn {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .smg-hg-btn {
        margin-top: 60px;
    }
    .smg-qzt-item img {
        width: 50%;
    }
    .smg-zhyy-item .smg-qzt-item-tit {
        font-size: 20px;
    }
    .smg-qzt-item:nth-child(n+5) {
        margin-top: 40px;
    }
    .smgzhyybtn {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    #smg-marquee-x-in {
        width: 100%;
        height: 150px;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
    }
    #smg-marquee-x {
        width: 100%;
        height: 150px;
        overflow: hidden;
        margin: 0 auto;
    }
    #smg-marquee-x-1 img,
    #smg-marquee-x-2 img {
        margin-right: 14px;
        width: 223px;
        height: 149px;
    }
    .smg-marquee {
        padding-bottom: 50px;
    }
    .smg-pubtit {
        font-size: 22px;
        margin-bottom: 16px;
    }
    .smg-cloudshop {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .smg-pubdesc {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        margin-bottom: 13px;
        line-height: 1.5;
    }
    .smg-cs-flex {
        margin-top: 30px;
    }
    .smg-cs-item img {
        width: 45%;
    }
    .smg-cs-item-tit {
        font-size: 18px;
        margin-top: 8px;
        margin-bottom: 5px;
    }
    .smg-cs-item-con {
        font-size: 13px;
    }
    .lr-x {
        padding-top: 50px;
    }
    .lr-x-item-img {
        padding-right: 30px;
    }
    .lr-x-item-doc {
        padding-left: 30px;
    }
    .lr-x-item-title {
        font-size: 20px;
        font-weight: normal;
        color: #333333;
        margin-bottom: 13px;
        line-height: 1.5;
    }
    .with-right>p {
        font-size: 14px;
        line-height: 1.8;
        background-image: url(../images/public/right-blue.png);
        background-repeat: no-repeat;
        background-size: 16px 15px;
        background-position: left 5px;
        padding-left: 25px;
        color: #666666;
    }
    .lr-x-flex {
        display: flex;
        margin-bottom: 40px;
        align-items: center;
    }
    .arsad-title {
        font-size: 20px;
        font-weight: normal;
        margin-top: 40px;
    }
    .arsad {
        height: 260px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .arsad-btn {
        margin-top: 100px;
    }
    .banner-solution-1 .bli-title,
    .banner-solution-4 .bli-title {
        margin-top: 50px;
    }
    .banner-solution-1 .bli-intro,
    .banner-solution-4 .bli-intro {
        font-size: 16px;
        line-height: 1.511;
        margin-top: 10px;
    }
    .scmbtn {
        margin-bottom: 40px;
    }
    .scmad {
        height: 260px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .banner-investor .banner-lm-item {
        height: 320px;
    }
    .inves-x-l-k {
        height: 207px;
    }
    .banner-investor .container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 38px;
        overflow: hidden;
    }
    .biinfo-x-uad-l {
        font-size: 36px;
        height: 36px;
        line-height: 36px;
        color: #14b143;
        font-family: Arial;
        padding-left: 40px;
    }
    .biinfo-x-uad-l img {
        margin-top: -11px;
        margin-left: -8px;
        width: 15px;
    }
    .biinfo-x-cont {
        padding-top: 15px;
    }
    .biinfo-x-cont p {
        font-size: 16px;
        color: #333333;
        line-height: 34px;
    }
    .investor-title {
        font-size: 20px;
        color: #00b9f1;
        height: 67px;
        line-height: 67px;
        margin-top: 12px;
    }
    .investor-content .container .row {
        border-bottom: 1px solid #dbdee0;
        padding-top: 15px;
        padding-bottom: 12px;
    }
    .ic-list-title a {
        display: block;
        font-size: 14px;
        position: relative;
        padding-left: 32px;
        padding-right: 120px;
    }
    .fntool .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0 40px;
        border-radius: 4px;
    }
    .ph-title {
        font-size: 20px;
        color: rgb(51, 51, 51);
        line-height: 1.515;
    }
    .closepage {
        position: absolute;
        top: 23px;
        right: 37px;
    }
    .pagebody {
        display: none;
    }
    .news2 .row {
        border-bottom: 1px solid #dbdee0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .news2-img {
        width: 210px;
        height: 115px;
        background-size: 210px 115px;
        background-repeat: no-repeat;
        background-position: center top;
        border-style: solid;
        border-width: 3px;
        border-color: rgb(255, 255, 255);
        border-radius: 11px;
        box-shadow: 0px 2px 8px 0px rgba(7, 0, 2, 0.25);
    }
    .news2-info {
        position: relative;
        width: 890px;
        width: calc(100% - 210px);
        padding-left: 30px;
        height: 115px;
    }
    .news2-info-title {
        font-size: 14px;
        line-height: 1.5;
        color: #666666;
        margin-top: 8px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news2-info-intro {
        font-size: 12px;
        color: #666666;
        line-height: 2;
        margin-top: 5px;
        height: 50px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news2-info-date {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 14px;
        line-height: 14px;
        margin-top: 0;
    }
    .investor-cont .container .row {
        position: relative;
        border-bottom: 1px solid #dbdee0;
        padding-top: 22px;
        padding-bottom: 15px;
    }
    .ic-c-title a {
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        color: #666666;
    }
    .ic-c-intro {
        font-size: 14px;
        color: #666666;
        line-height: 1.763;
        margin-top: 4px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .ic-bg-d {
        top: 30px;
    }
    .ic-bg-y {
        top: 62px;
    }
    .download .container .dl-item:nth-child(odd) {
        padding-right: 0px;
    }
    .download .container .dl-item:nth-child(even) {
        padding-left: 0px;
    }
    .download {
        padding-bottom: 40px;
        padding-top: 16px;
    }
    .aboutlkl {
        padding-top: 41px;
        padding-bottom: 40px;
    }
    .p-blue-title {
        font-size: 20px;
        color: #00b9f1;
    }
    .aboutlkl-v {
        width: calc(100% - 280px);
        margin-left: 140px;
        margin-top: 35px;
        /* margin: 0 auto; */
    }
    .aboutlkl-x-intro {
        font-size: 14px;
        color: #666666;
        line-height: 2.063;
        text-align: justify;
        margin-top: 30px;
    }
    .dvlpmt {
        background-color: #f6f6f6;
        padding-top: 30px;
    }
    .dx-l {
        width: 250px;
        height: 320px;
    }
    .dx-r {
        width: 500px;
        height: 260px;
    }
    .dx-l-year {
        font-size: 37px;
        color: #00b9f1;
        text-align: center;
        padding-top: 120px;
        padding-right: 50px;
        background-image: url(../images/dvlpmt.png);
        background-repeat: no-repeat;
        background-size: 160px;
        background-position: 18px 66px;
        background-color: #f6f6f6;
    }
    .drxs-x-c-s {
        padding-right: 28px;
        height: 212px;
    }
    .dx-r-title {
        font-size: 16px;
        padding-left: 35px;
        background-image: url(../images/public/cc.png);
        background-size: 8px 8px;
        background-repeat: no-repeat;
        background-position: 14px 8px;
        margin-bottom: 1px;
    }
    .dx-r-intro p {
        font-size: 14px;
        color: #666666;
        padding-left: 35px;
        line-height: 1.675;
    }
    .dx-r-intro {
        margin-bottom: 25px;
    }
    .dvlpmt .swiper-button-next,
    .dvlpmt .swiper-button-prev {
        position: absolute;
        top: 210px;
        width: 30px;
        height: 30px;
        margin-top: 0;
        z-index: 10;
        cursor: pointer;
        background-size: 30px 30px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .dvlpmt .swiper-button-prev.swiper-button-white,
    .dvlpmt .swiper-container-rtl .swiper-button-next.swiper-button-white {
        left: 65px;
    }
    .dvlpmt .swiper-button-next.swiper-button-white,
    .dvlpmt .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        left: 105px;
    }
    .honor {
        padding-top: 40px;
    }
    .schb-x {
        padding: 25px 40px 40px;
    }
    .schb-x,
    .schb-x p {
        font-size: 14px;
        color: #666666;
        line-height: 1.875;
    }
    .about-2 {
        padding-top: 15px;
        margin-bottom: 40px;
    }
    .about-2-x-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .about-2-x-intro {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .about-2-x-l,
    .about-2-x-r {
        width: 50%;
    }
    .about-3 {
        margin-top: 16px;
    }
    .about-3-cont-x {
        padding: 35px 40px 30px;
    }
    .about-3-cont {
        margin-bottom: 40px;
        margin-top: -1px;
    }
    .about-4-title {
        font-size: 20px;
        color: #00b9f1;
        margin-bottom: 7px;
    }
    .about-4-intro {
        font-size: 14px;
        color: #666666;
        line-height: 2.063;
        margin-bottom: 25px;
    }
    .footer-nav-title {
        font-size: 16px;
        color: #4a5e65;
        margin-bottom: 4px;
    }
    .list-group-item {
        font-size: 14px;
        padding: 4px 0;
    }
    .about-3-cont-x .visible-lg {
        display: block !important;
        width: 100%;
    }
    .aec-page .container {
        width: 100%;
    }
    .aec-page-list-shop-x:nth-child(3n+1) {
        padding-right: 0;
    }
    .aec-page-list-shop-x:nth-child(3n+2) {
        padding-left: 0;
        padding-right: 0;
    }
    .aec-page-list-shop-x:nth-child(3n) {
        padding-left: 0;
        padding-right: 0;
    }
    .aec-page-list-shop-x:nth-child(odd) {
        padding-right: 2rem;
    }
    .aec-page-list-shop-x:nth-child(even) {
        padding-left: 2rem;
    }
    .aec-page-title {
        margin-bottom: 60px;
    }
    .vc .img-x>img {
        width: 100%;
        height: 15.7rem;
    }
    .pcvideo-x .con video {
        width: 100%;
    }
    .pcvideo-x .con {
        position: absolute;
        width: 70%;
        top: 55%;
        left: 15%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .pcvideo-x .con a {
        right: -40px;
    }
    .footer-top {
        display: flex;
        flex-direction: column;
    }
    .footer-nav {
        display: flex;
    }
    .footer-top-icons {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


/* media 769 - 1024 end*/


/* media for mobile start */

@media screen and (max-width: 768px) {
    html,
    body {
        font-size: 16px;
        font-weight: normal;
    }
    .container {
        width: 100%;
        min-width: 100%;
        padding: 0 1.3rem;
    }
    .navbar,
    .banner-index,
    .o2o,
    .saas,
    .wcanpay,
    .tools,
    .footer,
    .tools-slide,
    .container,
    .aec-page .container {
        min-width: auto;
    }
    .zw {
        opacity: 0;
        height: 4.2rem;
    }
    /* index page */
    .banner-mer {
        margin-top: 4.2rem;
    }
    .indexmer .container-fluid.in,
    .indexmer-m {
        height: 100vh;
    }
    .indexmer-m {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .indexmer .container {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .indexmer-title {
        font-size: 1.15rem;
        text-align: left;
        margin-top: 3.4rem;
        text-shadow: 0px 2px 5px rgba(29, 25, 23, 0.75);
        padding: 0 0 0 1.22rem;
        line-height: 1.551;
    }
    .model-briefing .indexmer-bftitle{
        font-size: 1.15rem;
        margin-top: 10vh;
        text-shadow: 0px 2px 5px rgba(29, 25, 23, 0.75);
        line-height: 1.551;
    }
    .model-briefing .indexmer-bftitle2{
        font-size: 1.875rem;
        text-align: center;
    }
    .model-briefing .indexmer-date{
        font-size: 0.78rem;
        color: #ffffff;
        text-align: center;
        margin-top: 1.1rem;
    }
    .model-briefing .indexmer-date2{
        font-size: 0.875rem;
    }
    .indexmer-intro1 {
        font-size: 0.78rem;
        color: #ffffff;
        text-align: right;
        margin-top: 1.1rem;
        padding-right: 1.3125rem;
    }
    .indexmer-intro2 {
        font-size: 1rem;
        color: #ffffff;
        margin-top: 36vh;
        margin-bottom: 0.35rem;
        padding-left: 1.22rem;
        line-height: 1.686;
        text-shadow: 0px 8px 15px rgba(29, 25, 23, 0.75);
    }
    .indexmer-btn a {
        font-size: 1rem;
        color: #ffffff;
        text-shadow: 0px 8px 15px rgba(29, 25, 23, 0.75);
        padding-left: 1.22rem;
    }
    .indexmer .play-v-btn img {
        width: 2.9rem;
        height: 2.9rem;
        top: calc((100% - 2.9rem) / 2);
    }
    .banner-mer .swiper-button-prev,
    .banner-mer .swiper-button-next {
        top: 50%;
        width: 2rem;
        height: 3.125rem;
        margin-top: -1.5625rem;
    }
    .banner-mer.swiper-container-horizontal>.swiper-scrollbar {
        left: 15%;
        bottom: 5rem;
        z-index: 50;
        height: 5px;
        width: 70%;
        background-color: rgba(0, 0, 0, 0.55);
    }
    .banner-mer-last {
        top: 4.2rem;
        transition: all 0.5s;
    }
    .banner-mer-last p {
        height: 3rem;
        line-height: 3rem;
        font-size: 0.875rem;
    }
    .banner-mer-last p a {
        padding-left: 1rem;
    }
    .banner-index-item {
        position: relative;
        background-size: 0 0;
        height: 32.7rem;
    }
    .banner-index-item-m {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .banner-index .slick-dots {
        bottom: 6rem;
    }
    .banner-index-item .play {
        top: calc((100% - 4.2rem - 55px) / 2);
        left: calc((100% - 33.2px) / 2);
    }
    .bii-title {
        font-size: 1.875rem;
        color: #ffffff;
        text-shadow: 2px 2px 6px #0e050a;
        line-height: 1.3;
        margin-top: 3.3125rem;
        text-align: center;
    }
    .bii-intro {
        font-size: 0.875rem;
        text-align: center;
        line-height: 1.8;
        margin-top: 0.875rem;
    }
    .bii-btn {
        position: absolute;
        bottom: 2.75rem;
        left: 0;
        width: 100%;
        margin-top: 2rem;
        text-align: center;
    }
    .bii-btn .btn-blue {
        font-size: 0.8125rem;
        color: #ffffff;
        background-color: #00b9f1;
        border-radius: 0 15px 0 15px;
        padding: 0.4375rem 2.4375rem;
    }
    .w-numrmb-index {
        margin-top: 2.66rem !important;
        height: auto;
    }
    .w-numrmb-index-item {
        position: relative;
        background-size: 0 0;
        width: 100%;
        height: 100%;
    }
    .w-numrmb-index-item-m {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 25vh;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .w-numrmb-index-row {
        padding: 0 0.78rem;
        height: 25vh;
    }
    .w-numrmb-index-title {
        /* width: 15.5rem; */
        font-size: 1.45rem;
        text-align: left;
        line-height: 1.25;
        letter-spacing: .12rem;
        /* padding-top: 1.0625rem; */
    }
    .w-numrmb-index-main {
        /* width: 15.5rem; */
        font-size: 0.75rem;
        text-align: left;
        line-height: 1.8;
        padding: .75rem 0 0;
    }
    .w-numrmb-payments-title {
        padding-left: 1rem;
        padding-right: 0.5rem;
        box-sizing: content-box;
    }
    .w-numrmb-payments-main {
        padding-left: 1rem;
        padding-right: 0.5rem;
        box-sizing: content-box;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
    }
    /* shopupgrade */
    .shopupgrade{
        margin: 2.66rem 1rem;
        padding: 0;
    }
    .shopupgrade .shopupgrade-flex{
        flex-direction: column;
    }
    .shopupgrade .shopupgrade-flex > .l{
        flex: 2;
        padding: 0;
    }
    .shopupgrade .shopupgrade-flex > .l .l{
        flex: 1;
    }
    .shopupgrade .shopupgrade-flex > .l .r{
        flex: 1;
        padding-right: 0;
    }
    .shopupgrade .shopupgrade-flex > .l .l img{
        width: 100%;
    }
    .shopupgrade .shopupgrade-flex > .l .r img{
        width: 100%;
    }
    .shopupgrade .shopupgrade-flex > .r{
        flex: 1;
        padding: 0;
    }
    .shopupgrade-flex > .r .t{
        font-size: 1.875rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .shopupgrade-flex > .r .b{
        text-align: center;
    }
    /* shopupgrade */

    .btn-blue {
        font-size: 0.8125rem;
        color: #ffffff;
        background-color: #00b9f1;
        border-radius: 0 15px 0 15px;
        padding: 7px 40px;
    }
    .wcanpay {
        position: relative;
    }
    .wcanpay-item {
        position: relative;
        background-size: 0 0;
        height: 34.375rem;
    }
    .saas-item-mbg{
        position: absolute;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center top;
    }
    .wcanpay-item-title {
        font-size: 1.875rem;
        margin-top: 5rem;
        text-align: center;
    }
    .wcanpay-item-btn {
        position: absolute;
        bottom: 2.8rem;
        left: 0;
        text-align: center;
    }
    .tools-title {
        font-size: 1.875rem;
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 0.77rem;
    }
    .tools-slide {
        width: 100%;
        margin-bottom: 4.7rem;
        padding-bottom: 3rem;
    }
    .tools-slide .slick-prev,
    .tools-slide .slick-next,
    .banner-index .slick-prev,
    .banner-index .slick-next {
        width: 0;
        height: 0;
    }
    .tools-slide-item-x {
        height: 18rem;
        background-repeat: no-repeat;
        background-size: 190px 165px;
        background-position: center 3.33125rem;
        padding: 1.5rem 1.3rem;
    }
    .tools-slide-item-x a p {
        position: absolute;
        bottom: 0;
        height: 2.97rem;
        width: 100%;
        line-height: 2.97rem;
        font-size: 1.25rem;
        color: #666666;
        background-color: #f6f6f6;
        text-align: center;
        border-bottom-left-radius: 16px;
    }
    .index-x .swiper-slide:last-child {
        height: 33rem;
    }
    /* index page */
    /* expt index banner */
    .banner-lm {
        position: relative;
        margin-top: 4.2rem;
    }
    .banner-lm-item {
        background-size: 0;
        height: 16.84rem;
    }
    .banner-lm-item-m {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
    }
    .banner-lm-item-m,
    .banner-lm-item-mimg {
        height: 100%;
    }
    .banner-lm-item>.container {
        height: 100%;
        display: flex;
        align-items: flex-start;
    }
    .bli-title {
        font-size: 1.7rem;
        line-height: 1.36;
        padding-left: 1rem;
        padding-right: 1rem;
        letter-spacing: 0.05rem;
        margin-top: 1.92rem;
    }
    /* expt index banner */
    /* product & service - 1 */
    .w-numrmb-payments {
        height: auto;
        margin: 0 1.125rem 4.140625rem;
    }
    
    .w-numrmb-payment .container{
        width: 100%;
        padding: 0;
    }
    .w-numrmb-payment .container .swiper-slide{
        padding: 6px;
    }
    .pm-title {
        font-size: 1.3rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .paymethod-item {
        width: 50%;
        margin-bottom: 2rem;
    }
    .pmi-img{
        height: 5rem;
    }
    .pmi-img img {
        width: 4.375rem;
    }
    .pmi-title {
        font-size: 1.1rem;
        margin-top: 1rem;
        margin-bottom: 0.6rem;
    }
    .pmi-intro {
        font-size: 0.8125rem;
        line-height: 1.667;
    }
    .paydoc-flex {
        display: block;
        margin-bottom: 4.7rem;
    }
    .paymethod-item-img {
        padding-right: 0;
        padding-left: 0;
    }
    .paymethod-item-img img {
        width: 100%;
    }
    .paymethod-item-doc {
        padding-right: 0;
        padding-left: 0;
    }
    .paydoc-item-title {
        font-size: 1.2rem;
        margin-top: 2rem;
        margin-bottom: 0.8rem;
        padding-left: 0;
    }
    .paydoc-item-intro>p {
        font-size: 0.8125rem;
        padding-left: 1.5rem;
        background-image: url('../images/public/right-blue.png');
        background-repeat: no-repeat;
        background-size: 0.77rem 0.7rem;
        background-position: left 0.6rem;
        line-height: 2.111;
    }
    .paydoc-flex:nth-child(even) .paymethod-item-img {
        padding-right: 0;
        padding-left: 0;
    }
    .paydoc-flex:nth-child(even) .paymethod-item-doc {
        order: -1;
        padding-right: 0;
        padding-left: 0;
    }

    .w-numrmb-payment{
        margin-top: 1.4rem;
        margin-bottom: 4rem !important;
        padding-left: calc(1.3rem - 6px);
        padding-right: calc(1.3rem - 6px);
    }
    .smgvd-x-img{
        height: 25vh;
        border: 1px solid #ffffff;
        box-shadow: -1px 1px 6px 0px rgba(51, 51, 51, 0.3);
    }
    .w-numrmb-payment .swiper-container-horizontal > .swiper-pagination-bullets{
        bottom: 1rem;
    }

    .allscene-title {
        font-size: 1.3rem;
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 1.4rem;
    }
    .allscene-slide {
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 2.7rem;
    }
    .allscene-slide .slick-dots li{
        width: 10px;
        height: 10px;
    }
    .allscene-slide-item-x {
        height: 15.6rem;
        padding: 1.6rem 1.3rem;
    }
    .allscene-slide-item-x .asixa p {
        padding-left: 1.45rem;
    }
    .asix-title {
        font-size: 1.17rem;
        margin-top: 2.2rem;
    }
    .asix-intro {
        font-size: 0.79rem;
        line-height: 1.556;
        margin-top: 0.3rem;
    }
    .asix-a {
        margin-top: 2.3rem;
    }
    .asix-a a {
        font-size: 0.79rem;
        color: #00b9f1;
    }
    .allscene-slide-item-x .asixa {
        display: block;
        position: relative;
        height: 100%;
        box-shadow: 0px 4px 20px 0px rgba(14, 5, 10, 0.2);
        border-top-right-radius: 24px;
        border-bottom-left-radius: 24px;
        background-repeat: no-repeat;
        background-size: 8.7rem 7.4rem;
        background-position: calc(100% - 1.5rem) 3.8rem;
        background-color: #ffffff;
    }
    .allscene {
        padding-bottom: 2.7rem;
    }
    .aec {
        margin-top: 0.78rem;
        margin-bottom: 3rem;
    }
    .aec-info {
        padding-left: 0;
    }
    .aec-info-title1,
    .aec-info-title2 {
        font-size: 1.2rem;
        font-weight: normal;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 1.4rem;
    }
    .aec-info-intro {
        font-size: 0.8125rem;
        line-height: 1.7;
    }
    .aec-info-a {
        margin-top: 0.78rem;
        text-align: center;
    }
    .aec-info-a a {
        font-size: 1rem;
        float: none !important;
    }

    .fm-qzt {
        margin-top: 3rem;
    }
    
    .fm-qzt-flex{
        display: block;
        padding: 1rem 0 0;
    }
    .fm-qzt-flex .item{
        flex: 0 0 100%;
        background-position: 1rem center;
        background-size: 4rem;
        margin-top: 1rem;
    }
    .fm-qzt-flex .item .x{
        height: 12rem;
        padding-left: 6rem;
        padding-right: 10px;
        border-radius: 15px;
    }
    .fm-qzt-flex .item .x .t{
        font-size: 1.1rem;
    }
    .fm-qzt-flex .item .x .b{
        padding-top: 1rem;
    }
    .fm-qzt-flex .item .x .b p{
        font-size: 0.8125rem;
    }

    .fm-qzt-flex .item .x .font{
        width: 4rem;
    }

    .fm-dwt{
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
    .fm-dwt-flex {
        margin-top: 2rem;
    }
    .fm-dwt-flex .lr-x-flex{
        margin-bottom: 4.7rem;
    }
    /* product & service - 1 */
    /* aec page */
    .aec-page .container {
        width: 100%;
    }
    .aec-page-title {
        font-size: 1.1rem;
        font-weight: normal;
        height: 1.1rem;
        line-height: 1.1rem;
        margin-top: 6.2rem;
        margin-bottom: 2rem;
    }
    .aec-page-list-shop-x {
        margin-bottom: 2rem;
    }
    .showmorecity {
        margin-bottom: 3rem;
    }
    .aplsx-img {
        width: 7rem;
        height: 7rem;
        border-style: solid;
        border-width: 3px;
        border-color: rgb(255, 255, 255);
        border-radius: 8px;
        box-shadow: 0px 2px 10px 0px rgba(7, 0, 2, 0.6);
    }
    .aplsx-con {
        width: calc(100% - 7rem);
        padding-left: 1.25rem;
    }
    .aplsx-con p {
        font-size: 0.78rem;
        color: #666666;
        margin-bottom: 0.4rem;
    }
    .aplsx-con p.ac-name,
    .aplsx-con p.ac-number {
        margin-top: 0.3rem;
    }
    .aec-page-list {
        padding: 0;
    }
    .aec-page-list-shop-x {
        padding: 0;
    }
    .aec-page-list-shop-x:nth-child(3n+1) {
        /*左*/
        padding-right: 0;
    }
    .aec-page-list-shop-x:nth-child(3n+2) {
        /*中*/
        padding-left: 0;
        padding-right: 0;
    }
    .aec-page-list-shop-x:nth-child(3n) {
        /*右*/
        padding-left: 0;
    }
    .aec-page-list-shop {
        display: none;
        margin-bottom: 4.7rem;
    }
    /* aec page */
    /* product & service - 2 */
    .fin {
        padding-top: 3.6875rem;
    }
    .fin-flex {
        display: block;
        margin-bottom: 3.3rem;
    }
    .fin-item-img {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .fin-item-img img {
        width: 100%;
    }
    .fin-item-doc {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .fin-item-title {
        font-size: 1.1rem;
        font-weight: normal;
        margin-top: 1rem;
        margin-bottom: 0.8rem;
        padding-left: 0;
    }
    .fin-item-intro>p {
        font-size: 0.8125rem;
        line-height: 2.111;
    }
    .fin-item-info p.fii-p1 {
        font-size: 0.8125rem;
        margin-top: 0.8125rem;
        margin-bottom: 0.8125rem;
    }
    .fin-item-info p.fii-p2 a {
        font-size: 1rem;
    }
    .fin-flex:nth-child(even) .fin-item-img {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .fin-flex:nth-child(even) .fin-item-doc {
        order: -1;
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .fin-btm {
        height: 4rem;
        line-height: 4rem;
        font-size: 1.25rem;
        color: #51c8ec;
        font-weight: normal;
        /* margin-bottom: 4.53rem; */
        margin-bottom: 0rem;
    }
    .fin-btm img {
        width: 1.83rem;
        height: 1.83rem;
        margin-top: -5px;
        margin-right: 0.66rem;
    }

    
.sm-ydj{
    margin-top: 3rem;
}
.sm-ydj-flex{
    display: flex;
    flex-wrap: wrap;
    padding-top: 1.5rem;
}
.sm-ydj-flex .item{
    flex: 0 0 33.333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sm-ydj-flex .item img{
    width: 85%;
}
.sm-ydj-flex .item .t{
    font-size: .99rem;
}
.sm-ydj-flex .item:nth-child(n+4){
    margin-top: 2rem;
}

.sm-zhyy{
    margin-top: 4.7rem;
    margin-bottom: 4.7rem;
}
.sm-zhyy-flex{
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem;
}
.sm-zhyy-flex .item{
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sm-zhyy-flex .item img{
    width: 75%;
}
.sm-zhyy-flex .item:nth-child(n+5){
    margin-top: 2rem;
}
.sm-zhyy-flex .item .t{
    font-size: .99rem;
    margin-top: .5rem;
}
.smgvd.mb120 {
    margin-bottom: 4.7rem;
}
.mb120{
    margin-bottom: 4.7rem;
}
    /* product & service - 2 */
    /* product & service - 3 */
    .tbo-2 .tbo-title2 {
        margin-top: 2.4rem;
    }
    .tbo-title {
        font-size: 1.1rem;
        font-weight: normal;
        /* line-height: 1.667; */
        line-height: 0;
        margin-top: 2.4rem;
        margin-bottom: 0;
        /* margin-bottom: 2.3rem; */
    }
    .tbo-item-img>img {
        width: 4.375rem;
        height: 3.34rem;
    }
    .tbo-item-title {
        font-size: 1.1rem;
        font-weight: normal;
        margin-top: 0.8125rem;
        margin-bottom: 0.57rem;
        /* min-height: 3.15rem; */
    }
    .tbo-item-intro {
        font-size: 0.8125rem;
        line-height: 1.667;
        text-align: left;
        height: 5.25rem;
    }
    .tbo-item {
        margin-bottom: 2rem;
        /* min-height: 13.5rem; */
    }
    .tbo-item:nth-child(even) {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .tbo-item:nth-child(odd) {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .tbo-ad-lit {
        margin-top: -1.8rem;
        padding: 0 1.1rem;
        height: auto;
    }
    .tbo-2 .tbo-ad-lit {
        height: auto;
    }
    .tbo-btn {
        margin-top: 2.3125rem;
        /* margin-bottom: 4.16rem; */
        margin-bottom: 0rem;
    }
    .tbo-ad {
        height: 11rem;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        min-width: 100%;
    }
    .tbo-ad-p {
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 1.36;
        margin-top: 2rem;
        padding-left: 1.1rem;
    }
    .tbo-2 .tbo-item:nth-child(even) {
        padding-left: 1.44rem;
        padding-right: 1.44rem;
    }
    .tbo-2 .tbo-item:nth-child(odd) {
        padding-left: 1.44rem;
        padding-right: 1.44rem;
    }
    .tbo-warning {
        font-size: 0.75rem;
        margin-top: 1.47rem;
        padding: 0 4.3rem;
    }
    .tbo-2 .tbo-btn {
        margin-top: 2.8rem;
        margin-bottom: 5.4rem;
    }
    /* product & service - 3 */
    /* product & service - 4 */
    .mpm {
        padding-top: 3.6875rem;
    }
    .mpm-flex {
        display: block;
        margin-bottom: 3.3rem;
    }
    .mpm-item-img {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .mpm-item-img img {
        width: 100%;
    }
    .mpm-item-doc {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .mpm-item-title {
        font-size: 1.1rem;
        font-weight: normal;
        margin-top: 1.4rem;
        margin-bottom: 0.8rem;
        padding-left: 0;
    }
    .mpm-item-intro>p {
        font-size: 0.8125rem;
        line-height: 2.111;
        padding-left: 1.55rem;
        background-image: url('../images/public/right-blue.png');
        background-repeat: no-repeat;
        background-size: 0.77rem 0.7rem;
        background-position: left 0.6rem;
    }
    .mpm-flex:nth-child(even) .mpm-item-img {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .mpm-flex:nth-child(even) .mpm-item-doc {
        order: -1;
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .mpm-btn {
        height: 2.8rem;
        line-height: 2.8rem;
        font-size: 1.25rem;
        color: #51c8ec;
        font-weight: normal;
        margin-bottom: 3.4rem;
    }
    .mpm-btn img {
        width: 1.83rem;
        height: 1.83rem;
        margin-top: -5px;
        margin-right: 0.66rem;
    }
    .mpm-item-intro p:first-child,
    .mpm-item-intro p:last-child {
        background-size: 0 0;
        padding-left: 0;
        font-size: 1rem;
        margin-bottom: 5px;
    }
    .mpm-item-intro-last {
        font-size: 0.8125rem;
        margin-top: 1.2rem;
        text-align: left;
    }
    .sm-yzg.lr-x{
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
    /* product & service - 4 */
    /* solution - 1 */
    .banner-solution-1 .bli-intro {
        font-size: 1.1rem;
        padding-left: 1.1rem;
        margin-top: 0.3rem;
    }

    
.cs-platform{
    height: auto;
    margin-top: 2rem;
    background-size: 100%;
    background-position: center top;
}
.cs-platform .item{
    padding-top: 14.2rem;
}
.cs-platform .item:first-child{
    margin-top: 0;
    margin-left: 0;
}
.cs-platform .item:last-child{
    margin-bottom: 0;
    margin-right: 0;
}
.cs-platform .item .x{
    width: 42vw;
    height: 15rem;
    padding: 10px;
    border-radius: 10px;
}
.cs-platform .item .x .t{
    position: relative;
    display: block;
}
.cs-platform .item .x .t p{
    font-size: 1.1rem;
    line-height: 2;
}
.cs-platform .item .x .st{
    height: auto;
    line-height: 2;
    font-size: 1rem;
}
.cs-platform .item .x .p{
    padding: 5px 0 .5rem; 
}
.cs-platform .item:first-child .x .p{
    padding-left: 1rem;
}
.cs-platform .item:last-child .x .p{
    padding-left: 1rem;
}
.cs-platform .item .x .p p{
    font-size: .725rem;
    margin-top: 1rem;
    text-indent: 1.1rem;
    background-image: url(../images/public/right-blue.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: .7rem;
}

    .smg {
        padding-top: 3.6875rem;
    }
    .smg-flex {
        display: block;
        margin-bottom: 3.3rem;
    }
    .smg-item-img {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .smg-item-img img {
        width: 100%;
    }
    .smg-item-doc {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .smg-item-title {
        font-size: 1.1rem;
        font-weight: normal;
        margin-top: 1.4rem;
        margin-bottom: 0.8rem;
        padding-left: 0;
    }
    .smg-item-intro>p {
        font-size: 0.8125rem;
        line-height: 2.111;
    }
    .smgvd {
        margin-bottom: 2rem;
    }
    .smgvd-x {
        height: auto;
        padding: 0;
    }
    .smg-flex:nth-child(even) .smg-item-img {
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .smg-flex:nth-child(even) .smg-item-doc {
        order: -1;
        padding-right: 1.125rem;
        padding-left: 1.125rem;
    }
    .smg-flex-3 .smg-item-doc {
        padding-left: 1.1rem;
    }
    .with-right>p {
        font-size: 0.8125rem;
        line-height: 2.111;
        background-image: url('../images/public/right-blue.png');
        background-repeat: no-repeat;
        background-size: 0.77rem 0.7rem;
        background-position: left 0.6rem;
        line-height: 2.111;
        padding-left: 1.55rem;
    }
    .smg-flex-3 .smg-item-img {
        padding-right: 1.1rem;
    }
    #smg-marquee-x {
        height: 12rem;
    }
    #smg-marquee-x-in {
        height: 12rem;
    }
    #smg-marquee-x-1 img,
    #smg-marquee-x-2 img {
        margin-right: 24px;
        height: 12rem;
        width: auto;
    }
    .smg-marquee {
        padding-top: 0;
        padding-bottom: 3rem;
        min-width: 100%;
    }
    .smg-ad {
        height: 15.625rem;
        background-size: cover;
        background-position: 55%;
    }
    .smg-ad .tbo-ad-p {
        font-size: 1.53125rem;
        line-height: 1.36;
        margin-top: 2rem;
        padding-left: 1.1rem;
    }
    .smg-ad .tbo-ad-info {
        font-size: 1.1rem;
        line-height: 1.444;
        margin-top: 1.1rem;
        padding-left: 1.1rem;
    }
    .smg-flex-5 .smg-item-img {
        padding-right: 1.1rem;
        padding-left: 1.1rem;
    }
    .smg-hg,
    .smg-qzt {
        /* padding: 4rem 0 2rem; */
        padding: 0rem 0 2rem;
    }
    .smg-hg:nth-child(11) {
        padding-bottom: 0;
    }
    .smg-flex-5 .smg-item-doc {
        margin-top: 2.6rem;
        padding-left: 1.1rem;
    }
    .smg-hg-btn {
        padding-left: 0.8rem;
        text-align: center;
        /* margin-top: 2rem; */
        margin-top: 0;
    }
    .smg-hg .smg-flex {
        margin-bottom: 0rem;
    }
    .smg-flex-5 {
        align-items: flex-start;
        padding-top: 2rem;
    }
    .smg-item-intro-qrcode {
        text-align: center;
        padding-top: 1rem;
        padding-right: 0;
    }
    .smg-item-intro-qrcode img {
        /* border: 1px solid #d5d5d5; */
    }
    .smg-item-intro-qrcode p {
        text-align: center;
        font-size: 0.8125rem;
        margin-top: 0.8rem;
    }
    .smg-cloudshop {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
    .smg-pubtit {
        font-size: 1.3rem;
        text-align: center;
        margin-bottom: .6rem;
    }
    .smg-pubdesc {
        font-size: .98rem;
        text-align: center;
        letter-spacing: -.7px;
    }
    .smg-cs-flex {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 0;
    }
    .smg-cs-item {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2rem;
    }
    .smg-cs-item>img {
        width: 37%;
    }
    .smg-cs-item-tit {
        font-size: 1.1rem;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    /* .smg-cs-item p{
        text-align: left;
    } */
    .smg-cs-item-con {
        font-size: .8125rem;
    }
    .smg-qzt-flex {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-top: 0rem;
    }
    .smg-qzt-item {
        width: 50%;
        text-align: center;
        align-items: center;
        margin-top: 2rem;
    }
    .smg-qzt-item img {
        max-width: 99%;
        width: 45%;
    }
    .smg-zhyy-item {
        width: 33.333%;
    }
    .smg-zhyy-item img {
        width: 80%;
    }
    .smg-zhyy-item .smg-qzt-item-tit {
        margin-top: .6rem;
        font-size: 1.1rem;
    }
    .smg-qzt-item-tit {
        font-size: 1.1rem;
        margin-top: 1rem;
        margin-bottom: 3px;
    }
    .smg-qzt-item-subtit {
        font-size: 1.1rem;
    }
    .smgqztbtn {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
    .smg-qzt-item:nth-child(n+4) {
        margin-top: 2rem;
    }
    .smgzhyybtn {
        margin-top: 0rem;
        margin-bottom: 3rem;
    }
    /* solution - 1 */
    /* solution - 2 */
    .ic-yjf{
        padding-top: 3rem;
    }
    .ic-zhst {
        margin-top: 2rem;
    }
    .ic-qzt{
        margin-top: 2rem;
        margin-bottom: 4.7rem;
    }
    .ic-qzt .sm-zhyy-flex {
        padding-top: 2rem;
    }
    .ic-yjf .fm-dwt-flex {
        margin-top: 2rem;
    }
    .ic-yjf .lr-x-flex{
        margin-bottom: 3rem;
    }
    .ic-dwt .fm-dwt-flex {
        margin-top: 2rem;
    }
    .ic-scpt{
        margin-top: 2rem;
    }
    .ic-scpt .fm-dwt-flex {
        margin-top: 2rem;
    }
    .ic-robot{
        margin-top: 1rem;
        margin-bottom: 3rem;
    }
    .ic-dwt{
        margin-top: 1rem;
    }
    .ic-dwt .lr-x-flex {
        margin-bottom: 2rem;
    }

    .ic-yjf .with-right>p {
        font-size: 0.8125rem;
        line-height: 2.111;
        background-position: left 0.6rem;
    }
    .ic-yjf .with-right>p~p {
        margin-top: 0;
    }
    .ic-zhst .lr-x-flex {
        margin-bottom: 2rem;
    }
    [class*="ic-"] .lr-x-item-intro{
        padding-top: 1rem;
    }
    [class*="ic-"] .smg-pubdesc{
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .ic-scpt .lr-x-flex .lr-x-item-img, .ic-scpt .lr-x-flex .lr-x-item-doc {
        padding-right: 0;
        padding-left: 0;
    }
    .ic-scpt .lr-x-flex .lr-x-item-doc .btn {
        margin: 2rem auto 1rem;
    }
    .ic-scpt .lr-x-flex {
        margin-bottom: 2rem;
    }

    .ic-robot-flex {
        margin-top: 2rem;
        flex-wrap: wrap;
    }
    .ic-robot-flex .item {
        flex: 0 0 47%;
        margin-right: 6%;
        flex-wrap: wrap;
    }
    .ic-robot-flex .item:nth-child(2n) {
        margin-right: 0;
    }
    .ic-robot-flex .item:nth-child(n+3) {
        margin-top: 1rem;
    }

    .ic-robot-flex .item .img{
        height: 12rem;
    }

    .ic-robot-flex .item .img img {
        max-width: 80%;
    }

    .ic-robot-flex .item .x{
        height: 7rem;
    }

    .ic-robot-flex .item:first-child .x{
        padding-left: .5rem;
    }
    .ic-robot-flex .item:nth-child(2) .x{
        padding-left: .5rem;
    }
    .ic-robot-flex .item:nth-child(3) .x{
        padding-left: .5rem;
    }
    .ic-robot-flex .item:last-child .x{
        padding-left: .5rem;
    }

    .ic-robot-flex .item .t {
        font-size: 1.1rem;
        line-height: 40px;
    }

    .ic-robot-flex .item .x p {
        font-size: 0.7125rem;
        line-height: 1.5;
        margin-top: .5rem;
    }

    .lr-x {
        /* padding-top: 4.5rem; */
        padding-top: 2.5rem;
    }
    .lr-x-flex {
        display: block;
        margin-bottom: 4.7rem;
        align-items: center;
    }
    .lr-x-item-img {
        padding-right: 0;
        padding-left: 0;
    }
    .lr-x-item-img img {
        width: 100%;
    }
    .lr-x-item-doc {
        padding-right: 0;
        padding-left: 0;
    }
    .lr-x-item-title {
        font-size: 1.2rem;
        margin-bottom: 1rem;
        margin-top: 2rem;
        line-height: 1.5;
    }
    .lr-x-flex-2 .lr-x-item-img {
        padding-left: 39px;
        padding-right: 0;
        text-align: right;
    }
    .lr-x-flex:nth-child(even) .lr-x-item-img {
        padding-right: 0;
        padding-left: 0;
    }
    .lr-x-flex:nth-child(even) .lr-x-item-doc {
        order: -1;
        padding-right: 0;
        padding-left: 0;
    }
    .with-right>p {
        font-size: 0.8125rem;
        line-height: 2.111;
        background-image: url('../images/public/right-blue.png');
        background-repeat: no-repeat;
        background-size: 0.77rem 0.7rem;
        background-position: left 0.6rem;
        padding-left: 1.33rem;
        margin-bottom: 0.58rem;
    }
    .with-right>p:last-child{
        margin-bottom: 0;
    }
    .arsad {
        height: 20rem;
        background-size: 0;
    }
    .arsad-m {
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .arsad-title {
        font-size: 1.5625rem;
        margin-top: 2.92rem;
    }
    .arsad-btn {
        margin-top: 9.8rem;
    }
    .arsad-btn .btn-blue {
        font-size: 0.93rem;
        color: #ffffff;
        background-color: #00b9f1;
        border-radius: 0 15px 0 15px;
        padding: 7px 40px;
    }
    /* solution - 2 */
    /* solution - 3 */
    .banner-solution-3 .bli-title {
        
    }
    .ic-zxyh {
        margin-top: 3rem;
    }
    .ic-zxyh-5{
        margin-top: 4rem;
    }
    .ic-zxyh .lr-x-flex {
        margin-bottom: 1rem;
        margin-top: 2rem;
    }
    .lr-x-flex-re .lr-x-item-img {
        padding-right: 0;
        padding-left: 0;
    }
    .lr-x-flex-re .lr-x-item-doc {
        padding-left: 0;
        padding-right: 0;
    }
    .ic-zxyh .ic-zxyh-4-flex {
        padding-top: 1rem;
        padding-left: 0;
        padding-right: 0;
        display: block;
    }
    .ic-zxyh .ic-zxyh-4-flex .item .l {
        width: 4rem;
        max-height: 4rem;
    }
    .ic-zxyh .ic-zxyh-4-flex .item .r {
        padding-left: 1rem;
    }
    .ic-zxyh .ic-zxyh-4-flex .item .r .t{
        font-size: 1.1rem;
    }
    .ic-zxyh .ic-zxyh-4-flex .item .r .b{
        font-size: 0.8125rem;
        padding-top: .3rem;
    }
    .ic-zxyh .ic-zxyh-4-flex .item, .ic-zxyh .ic-zxyh-4-flex .item:nth-child(n+3){
        margin-top: 3rem;
    }


    .kj .container .lr-x-flex:first-child .lr-x-item-doc {
        padding-left: 1.1rem;
    }
    .kj .container .lr-x-flex:last-child .lr-x-item-img {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }
    .kj .with-right>p {
        background-image: none;
        padding-left: 0;
        font-size: 1rem;
    }
    .kj .with-right>p~p {
        font-size: 0.8125rem;
        line-height: 2.111;
        background-image: url(../images/public/right-blue.png);
        background-repeat: no-repeat;
        background-size: 0.77rem 0.7rem;
        background-position: left 0.6rem;
        padding-left: 1.33rem;
        margin-bottom: 0.58rem;
    }
    .kjbtn {
        margin-top: 0;
        /* margin-bottom: 4.7rem; */
        margin-bottom: 0rem;
    }
    /* solution - 3 */
    /* solution - 4 */
    .banner-solution-4 .bli-title {
        margin-top: 1.92rem;
    }
    .banner-solution-4 .bli-intro {
        font-size: 1.1rem;
        padding-left: 1.1rem;
        margin-top: 0.3rem;
    }
    .cm{
        margin-top: 0;
        padding-top: 3rem;
    }
    .cm-btn{
        margin-bottom: 3rem;
    }
    .cm .with-right>p:first-child{
        font-size: 1.2rem;
        padding-bottom: 5px;
    }


    .scm .lr-x-flex {
        padding: 0 1.1rem;
    }
    .scm .container .lr-x-flex:first-child .lr-x-item-img,
    .scm .container .lr-x-flex:first-child .lr-x-item-doc,
    .scm .container .lr-x-flex:nth-child(2) .lr-x-item-img,
    .scm .container .lr-x-flex:nth-child(2) .lr-x-item-doc,
    .scm .container .lr-x-flex:nth-child(3) .lr-x-item-img,
    .scm .container .lr-x-flex:nth-child(3) .lr-x-item-doc,
    .scm .container .lr-x-flex:last-child .lr-x-item-img,
    .scm .container .lr-x-flex:last-child .lr-x-item-doc {
        padding: 0;
    }
    .scmbtn {
        /* margin-bottom: 4.7rem; */
        margin-bottom: 0rem;
    }
    .scmad {
        height: 15rem;
        min-width: 100%;
        background-size: 0;
    }
    .scmad-m {
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .scmvd {
        padding-top: 0;
        padding-bottom: 3rem;
    }
    /* solution - 4 */
    /* investor */
    .investor {
        min-width: 100%;
    }
    .banner-investor .banner-lm-item {
        height: 17.5rem;
        background-repeat: no-repeat;
    }
    .banner-investor .container {
        padding-left: 0.78rem;
        padding-right: 0.78rem;
        padding-top: 0.8125rem;
        overflow: hidden;
    }
    .inves-x-r {
        width: 100%;
        float: none;
    }
    .inves-x-l {
        width: 100%;
        height: calc(100% - 3.8375rem);
        padding: 0 0.6rem;
    }
    .inves-x {
        background-image: url(../images/m/banner4bgm.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center bottom;
        background-color: #f9fdff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: transparent;
        box-shadow: 0px 12px 20px 0px rgba(137, 203, 255, 0.75);
        padding: 0;
        position: relative;
    }
    .inves-x-r-nav {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.4375rem;
    }
    .inves-x-r-nav span {
        display: inline-block;
        width: 100%;
        height: 1.5rem;
        text-align: center;
        line-height: 1.5rem;
        font-size: 0.75rem;
        color: #00b9f1;
        background-color: #ffffff;
        cursor: pointer;
        box-shadow: 0px 2px 5px 0px rgba(176, 210, 240, 0.46);
        transition: all .3s;
    }
    .inves-x-r-nav span:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 0;
    }
    .inves-x-r-nav span:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0;
    }
    .inves-x-r {
        position: static;
        height: auto;
    }
    .biinfo-x-uad-l {
        font-size: 1.9rem;
        height: 1.9rem;
        line-height: 1.9rem;
        padding-left: 1.56rem;
    }
    .biinfo-x-uad-l img {
        width: 0.8125rem;
        margin-top: -10px;
        margin-left: -5px;
    }
    .biinfo-x-uad-r {
        display: flex;
        justify-content: flex-end;
        align-items: end;
    }
    .bxur-zd {
        display: inline;
        text-align: right;
        font-size: 0.97rem;
        width: 50%;
        height: 1.9rem;
        line-height: 2.5rem;
    }
    .bxur-zd2 {
        padding-right: 0.75rem;
    }
    .inves-x-l-k {
        height: calc(100% - 2.46rem);
        border-radius: 0;
        background-color: transparent;
        border-top: 0px solid #60c0ff;
        margin-top: -2px;
        box-shadow: none;
    }
    .inves-x-l-btns {
        text-align: center;
        height: 1.4rem;
        line-height: 1.4rem;
        margin-top: 13px;
    }
    .inves-x-l-btns span {
        font-size: 0.69rem;
        color: #333333;
        background-color: #ffffff;
        padding: 0.24rem 1.321rem;
        border-right: 1px solid #e9f4ff;
        cursor: pointer;
        box-shadow: 0px 2px 5px 0px rgba(176, 210, 240, 0.46);
        transition: all .3s;
    }
    .kinfo canvas {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .biinfo-m p {
        height: 1.7rem;
        line-height: 1.7rem;
        border-top: 1px solid #cfe8ff;
        border-bottom: none;
        padding-left: 0;
        font-size: 0.7rem;
        margin-top: 4px;
        text-align: right;
        padding-right: 0.8rem;
        background-color: #ffffff;
        box-shadow: 0px 0px 5px 0px rgba(176, 210, 240, 0.46);
    }
    .biinfo-m {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }
    .kline-x {
        margin-top: 4px;
        border-top: 1px solid #d9edff;
        box-shadow: 0px 4px 3px 0px rgba(176, 210, 240, 0.46);
        background-color: #ffffff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .biinfo-x-cont {
        margin-top: 1px;
        padding-top: 0.78rem;
        border-top: 1px solid #d9edff;
        background-color: #ffffff;
        border-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 0px 4px 3px 0px rgba(176, 210, 240, 0.46);
        padding-bottom: 0.78rem;
    }
    .biinfo-x-cont p {
        font-size: 0.7rem;
        color: #333333;
        line-height: 1.4rem;
    }
    .bxc-p1,
    .bxc-p2,
    .bxc-p3,
    .bxc-p4,
    .bxc-p13 {
        padding-left: 1rem;
    }
    .bxc-p5,
    .bxc-p6,
    .bxc-p7,
    .bxc-p8,
    .bxc-p14 {
        padding-left: 0.5rem;
    }
    .bxc-p9,
    .bxc-p10,
    .bxc-p11,
    .bxc-p12 {
        padding-left: 0.7rem;
    }
    .biinfo-m p span:first-child i {
        padding-right: 1.625rem;
    }
    .biinfo-b {
        position: absolute;
        bottom: 0.8rem;
        right: 0;
        text-align: center;
        font-size: 0.5625rem;
        color: #999999;
    }
    .biinfo-b span {
        padding-left: 0.9rem;
    }
    .investor-title {
        font-size: 1.125rem;
        height: 1.125rem;
        line-height: 1.125rem;
        margin-top: 2.6rem;
        padding: 0 1.1rem;
    }
    .investor-cont .container .row {
        position: relative;
        border-bottom: 1px solid #dbdee0;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .ic-c-title a {
        font-size: 0.875rem;
        height: 0.875rem;
        line-height: 0.875rem;
        text-align: left;
    }
    .investor-cont .row {
        padding: 0 1.1rem;
    }
    .ic-c-intro {
        font-size: 0.75rem;
        line-height: 2.063;
        margin-top: 0.17rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 3rem;
        min-height: 3rem;
    }
    .ic-cont {
        background-image: url(../images/public/invbg.png);
        background-repeat: no-repeat;
        background-size: 2.9rem 2.9rem;
        background-position: top left;
        padding-left: 3.9rem;
    }
    .ic-bg-d,
    .ic-bg-y {
        position: absolute;
        width: 2.9rem;
        text-align: center;
        font-size: 0.78rem;
        color: #ffffff;
        z-index: 99;
    }
    .ic-bg-d {
        top: 1.5rem;
    }
    .ic-bg-y {
        top: 2.8rem;
    }
    .ic-list-title {
        height: auto;
    }
    .ic-list-title a {
        font-size: 0.875rem;
        padding-right: 5rem;
        padding-left: 1.5rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .ic-list-title a i {
        top: 0.2rem;
    }
    .ic-list-title span {
        font-size: 0.625rem;
        top: 0.2rem;
        color: #6666669c;
    }
    .investor-content .container .row {
        border-bottom: 1px solid #dbdee0;
        padding-top: 1.1rem;
        padding-bottom: 1.1rem;
    }
    .investor-content {
        margin-bottom: 0;
    }
    .fntool .pagination {
        display: inline-block;
        padding-left: 0;
        /* margin: 1.7rem 0 8.47rem; */
        margin: 1.7rem 0 2rem;
        border-radius: 4px;
    }
    .cb-fntool {
        margin-bottom: 0;
    }
    .investor-content .container .row:first-child {
        margin-top: 0.87rem;
    }
    /* investor */
    /* fenye */
    .fntool nav {
        text-align: center;
    }
    .fntool .pagination a {
        font-size: 0.75rem;
    }
    /* fenye */
    /* news */
    .banner-news-1 .banner-lm-item,
    .banner-news-2 .banner-lm-item {
        height: 10rem;
    }
    .news2-img {
        width: 7.625rem;
        height: 4.16rem;
        background-size: 7.625rem 4.16rem;
        background-repeat: no-repeat;
        background-position: center top;
        border-style: solid;
        border-width: 2px;
        border-color: rgb(255, 255, 255);
        border-radius: 0.5rem;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 2px 8px 0px rgba(7, 0, 2, 0.25);
    }
    .news2-info {
        width: calc(100% - 7.625rem);
        padding-left: 0.9375rem;
        height: 4.16rem;
    }
    .news2-info-title {
        height: 2.25rem;
        font-size: 0.75rem;
        line-height: 0.75rem;
        margin-top: 0;
        line-height: 1.542;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news2-info-date {
        font-size: 0.6875rem;
        height: 0.6875rem;
        line-height: 0.6875rem;
        margin-top: 1.3rem;
        color: #6666669c;
    }
    .news2 .container {
        padding-left: 1.88rem;
        padding-right: 1.88rem;
    }
    .news2 .row {
        border-bottom: 1px solid #dbdee0;
        padding-top: 1.83rem;
        padding-bottom: 1.67rem;
    }
    .news-fntool .pagination {
        /* margin: 1.7rem 0 5rem; */
        margin: 1.7rem 0 2rem;
    }
    .vc-per-title-mer {
        background-image: url(../images/public/vc1.png);
        margin-top: 2rem;
    }
    .vc-per-title {
        font-size: 1rem;
        padding-left: 1.8rem;
        background-repeat: no-repeat;
        background-position: left;
        background-size: auto 1rem;
        margin-bottom: 15px;
    }
    .mer-x .swiper-vc-next,
    .mer-x .swiper-vc-prev,
    .vcpro-x .swiper-vc2-next,
    .vcpro-x .swiper-vc2-prev,
    .brand-x .swiper-vc3-next,
    .brand-x .swiper-vc3-prev,
    .other-x .swiper-vc4-next,
    .other-x .swiper-vc4-prev {
        position: absolute;
        top: -2.4rem;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 3px;
    }
    .vc .img-x>img {
        width: 100%;
        height: 12rem;
    }
    .img-x-p {
        font-size: 0.875rem;
        padding: 1.1rem;
        height: auto;
    }
    .vc .container1224 .swiper-slide {
        padding: 0.78rem;
    }
    .vc .row {
        margin-bottom: 1.5rem;
        padding: 0 1.1rem;
    }
    .vc .row.other-x {
        margin-bottom: 3rem;
    }
    .vc .img-x .mask {
        height: 12rem;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0);
        transition: all 0.3s;
    }
    .vc .img-x .mask:hover {
        background-color: rgba(0, 0, 0, 0);
        opacity: 1;
    }
    /* news - 4 - tab  */
    .c-medialink-x .container {
        padding: 0 1.88rem;
    }
    .c-medialink-x {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .c-medialink-con {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .c-medialink-con a {
        font-size: 1.2rem;
        line-height: 1;
    }
    .c-medialink-con a.active {
        color: #00b9f1;
    }
    .c-medialink-con a.active::after {
        content: "";
        display: block;
        background-color: rgb(0, 185, 241);
        width: 100%;
        height: 3px;
        margin-top: .85rem;
    }
    .c-medialink-con a~a {
        margin-left: 1rem;
    }
    .pcimg-x .con {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        /* padding: 0.8rem 0 0rem; */
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        text-align: center;
    }
    .pcimg-x .con a {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -60px;
        right: calc((100% - 40px) / 2);
        font-size: 40px;
        color: #ffffff;
        font-weight: 300;
        background-image: url(../images/public/closev.png);
        background-repeat: no-repeat;
        background-size: 40px;
    }
    .pcimg-x .con img {
        max-width: 90%;
    }
    /* news - 4 - tab  */
    /* news */
    /* download */
    .banner-news-3 .banner-lm-item {
        height: 10rem;
    }
    .download {
        position: relative;
        /* padding-bottom: 10.5rem; */
        padding-bottom: 1.5rem;
        padding-top: 1.45rem;
        overflow: hidden;
        min-width: 100%;
    }
    .download .container {
        padding: 0;
    }
    .download .container .dl-item {
        margin-bottom: 1.25rem;
    }
    .download .container .dl-item:nth-child(even) {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
    .download .container .dl-item:nth-child(odd) {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }
    .dl-item-x {
        border-radius: 8px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        /* padding: 27px 26px 23px 43px; */
        padding: 1.48rem 0 0 0;
    }
    .dix-top {
        background-repeat: no-repeat;
        background-size: 4.5rem 4.5rem;
        background-position: 1.59rem 0;
        padding-left: 7.2rem;
        padding-right: 0.625rem;
        height: 6.17rem;
        border-bottom: 1px solid #eff3f7;
    }
    .dix-top-tit {
        font-size: 1rem;
        line-height: 1.195;
        margin-top: 2px;
    }
    .dix-top-ito {
        font-size: 0.75rem;
        margin-top: 0.375rem;
        line-height: 1.571;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .dbl-ver {
        font-size: 0.75rem;
        margin-top: 1.7rem;
        margin-bottom: 1px;
    }
    .dbl-info p {
        font-size: 0.625rem;
        color: #666666;
        line-height: 1.7;
    }
    .dix-btm-r,
    .dix-btm-l {
        position: relative;
        height: 4rem;
    }
    
    .dix-btm-l {
        border-right: 1px solid #eff3f7;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .dix-btm-r {
        padding-left: 0.9rem;
        padding-right: 0.5rem;
    }
    .dbl-btn a {
        background-image: url('../images/public/dlbtn1.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
        display: block;
        width: 7.69rem;
        height: 1.6rem;
        text-align: center;
        line-height: 1.6rem;
        margin: 0 auto;
        color: #495e65;
        font-size: 1rem;
    }
    .dbl-btn a:hover {
        color: #ffffff;
        background-image: url('../images/public/dlbtn2.png');
    }
    .dbl-btn a:hover .qr {
        opacity: 0;
        visibility: hidden;
    }
    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 8.16rem;
        left: 0;
        width: 100%;
    }
    .w-numrmb-index.swiper-container-horizontal > .swiper-pagination-bullets {
        width: 60vw;
        justify-content: center;
        bottom: 14px;
    }
    .swiper-pagination-bullet {
        width: 8.6px;
        height: 8.6px;
        display: inline-block;
        border-radius: 100%;
        background: #cde5ec;
        opacity: 1;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #87d5ec;
    }
     :focus {
        outline: -webkit-focus-ring-color auto 0px;
    }
    /* download */
    /* detail */
    .dtl-x {
        padding-left: 1.88rem;
        padding-right: 1.88rem;
        border-top: 1px solid #d4d4d4;
        margin-top: 4.2rem;
    }
    .dtl-x .container {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 1rem;
        padding-left: 0;
        padding-right: 0;
    }
    .dtl-x-title {
        font-size: 1.25rem;
        text-align: left;
        margin-top: 1.75rem;
    }
    .dtl-x-date {
        font-size: 1rem;
        color: #666;
        text-align: left;
        margin-top: 1rem;
    }
    .dtl-c-body {
        font-size: 0.875rem;
        color: rgb(102, 102, 102);
        line-height: 1.75;
        padding: 1.375rem 1.1rem 7.5rem;
        border-bottom: 1px solid #dbdee0;
    }
    .dtl-c-body img {
        max-width: 100%;
    }
    .navbar-back {
        display: block;
        font-size: 2rem;
        width: 3rem;
        float: left;
        color: #bababa;
        font-weight: 300;
    }
    .navbar-chaname {
        display: block;
        font-size: 1.1rem;
        width: calc(100% - 6rem);
        text-align: center;
        float: left;
        line-height: 2;
    }
    /* detail */
    /* about - 1 */
    .banner-about-1 .banner-lm-item {
        background-size: 0;
        height: 10rem;
    }
    .aboutlkl {
        padding-top: 2rem;
        padding-bottom: 3.5rem;
    }
    .aboutlkl-x-intro {
        font-size: 0.875rem;
        color: #666666;
        line-height: 2.063;
        text-align: justify;
        margin-top: 1.77rem;
    }
    .aboutlkl-x {
        width: 100%;
        padding-right: 1.1rem;
        padding-left: 1.1rem;
    }
    .aboutlkl-v {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-top: 1.375rem;
        margin-left: 0;
    }
    .aboutlkl-v video {
        width: 100%;
        height: 11rem;
        object-fit: fill;
    }
    .dvlpmt {
        background-color: #f6f6f6;
        padding-top: 2.2rem;
        padding-left: 1.1rem;
        padding-right: 1.1rem;
        min-width: 100%;
    }
    .dvlpmt .p-blue-title {
        margin-bottom: 0.625rem;
    }
    .dx-l-year {
        font-size: 2.7rem;
        color: #00b9f1;
        text-align: center;
        padding-top: 2.77rem;
        padding-right: 0;
        /* background-image: url(../images/dvlpmt.png); */
        background-repeat: no-repeat;
        background-size: 14rem;
        background-position: center top;
        background-color: #f6f6f6;
        background-position: center -1.8rem;
    }
    .dvlpmt .swiper-button-next,
    .dvlpmt .swiper-button-prev {
        position: absolute;
        top: 3.75rem;
        width: 1.875rem;
        height: 1.875rem;
        margin-top: 0;
        z-index: 10;
        cursor: pointer;
        background-size: 1.875rem 1.875rem;
        background-position: center;
        background-repeat: no-repeat;
    }
    .dvlpmt .swiper-button-next.swiper-button-white,
    .dvlpmt .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        left: 0.625rem;
    }
    .dvlpmt .swiper-button-prev.swiper-button-white,
    .dvlpmt .swiper-container-rtl .swiper-button-next.swiper-button-white {
        right: 0.625rem;
        left: auto;
    }
    .dx-l {
        height: 10rem;
    }
    .dx-r {
        padding-top: 1.75rem;
    }
    .drxs-x-c-s {
        padding-right: 0;
        height: 25rem;
    }
    .dx-r-title {
        font-size: 0.9375rem;
        padding-left: 0.78125rem;
        background-image: url(../images/public/cc.png);
        background-size: 0.3rem 0.3rem;
        background-repeat: no-repeat;
        background-position: 0 0.5rem;
        margin-bottom: 1px;
    }
    .dx-r-intro p {
        font-size: 0.875rem;
        color: #666666;
        padding-left: 0.78125rem;
        line-height: 1.875;
    }
    .dx-r-intro {
        margin-bottom: 3rem;
    }
    .honor {
        padding-top: 3.5rem;
    }
    .honor .container {
        padding-left: 1.88rem;
        padding-right: 1.88rem;
    }
    .p-blue-title {
        font-size: 1.125rem;
    }
    .honor-x {
        margin-top: 1.7rem;
    }
    .honor .swiper-button-next,
    .honor .swiper-button-prev {
        position: absolute;
        top: -3.375rem;
        width: 1.875rem;
        height: 1.875rem;
        margin-top: 0;
        z-index: 10;
        cursor: pointer;
        background-size: 1.875rem 1.875rem;
        background-position: center;
        background-repeat: no-repeat;
    }
    .schb-x,
    .schb-x p {
        font-size: 0.875rem;
        color: #666666;
        line-height: 1.875;
    }
    .schb-x p {
        padding-left: 1.5rem;
        background-size: 0.8rem;
        background-position: left 5px;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .schb-x p:last-child{
        margin-bottom: 0;
    }
    .schb-x {
        /* padding: 1.875rem 0 6.1rem; */
        padding: 1.875rem 0 2rem;
    }
    /* about - 1 */
    /* about - 2 */
    .banner-about-2 .banner-lm-item {
        background-size: 0;
        height: 10rem;
    }
    .banner-about-2 .container {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .banner-about-2 .bli-title {
        font-size: 1.52rem;
        line-height: 1.36;
        margin-top: 0;
        padding-left: 0;
        width: 100%;
        text-align: center;
        letter-spacing: 0.1rem;
    }
    .about-2-x-l {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }
    .about-2-x-title {
        font-size: 0.9375rem;
        margin-bottom: 0.3rem;
    }
    .about-2-x-intro {
        font-size: 0.875rem;
        margin-bottom: 2rem;
        line-height: 1.65;
    }
    .about-2-x-intro:last-child {
        margin-bottom: 1.4rem;
    }
    .about-2-x-r {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1.25rem;
    }
    .about-2-x-r img {
        width: 100%;
    }
    .about-2 {
        padding-top: 2rem;
        margin-bottom: 0;
    }
    /* about - 2 */
    /* about - 3 */
    .banner-about-3 .banner-lm-item {
        background-size: 0;
        height: 10rem;
    }
    .about-3 {
        margin-top: 2.47rem;
    }
    .about-3 .container,
    .about-4 .container {
        padding-left: 1.88rem;
        padding-right: 1.88rem;
    }
    .a3cx-x {
        background-size: 0;
    }
    .a3cx-x img {
        width: 100%;
    }
    .about-3-nav-tab {
        height: 1.97rem;
        line-height: 1.97rem;
        font-size: 0.875rem;
        text-align: center;
        border: 1px solid #cacaca;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        cursor: pointer;
        z-index: 4;
    }
    .about-3-nav-tab.in {
        background-image: url('../images/public/about3line.png');
        background-repeat: no-repeat;
        background-size: 100% 0.17rem;
        background-position: center 0;
        border-bottom-color: transparent;
    }
    .about-3-cont {
        /* margin-bottom: 7.7rem; */
        margin-bottom: 2rem;
        margin-top: -1px;
    }
    .about-3-cont-x {
        display: none;
        background-color: #fbfbfb;
        border: 1px solid #cacaca;
        border-top: none;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 0.78rem 0.5rem 0;
    }
    /* about - 3 */
    /* about - 4 */
    .about-4 {
        padding-top: 2.35rem;
        padding-bottom: 2rem;
    }
    .about-4-title {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }
    .about-4-intro {
        font-size: 0.875rem;
        line-height: 2.063;
        margin-bottom: 3rem;
    }
    .about-4-intro:last-child{
        margin-bottom: 0;
    }
    /* about - 4 */
    /* pc video box */
    .pcvideo-x {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.8);
    }
    .pcvideo-x .con {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        /* padding: 0.8rem 0 0rem; */
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .pcvideo-x .con video {
        width: 100%;
        margin-left: 0;
    }
    .pcvideo-x .con a {
        position: absolute;
        display: block;
        width: 4rem;
        height: 4rem;
        text-align: center;
        line-height: 4rem;
        top: -4rem;
        right: 0;
        font-size: 1.125rem;
        color: #ffffff;
        font-weight: 300;
        z-index: 9999999;
    }
    .play-v-btn img {
        display: block;
        position: absolute;
        width: 3rem;
        height: 3rem;
        top: calc((100% - 3rem) / 2);
        left: calc((100% - 3rem) / 2);
    }
    /* pc video box */
    /* pdf page */
    .pagehead {
        position: relative;
        min-height: auto;
        height: auto;
        padding-top: 5rem;
        min-width: 100%;
    }
    .ph-downbtn {
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .closepage {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    .ph-title {
        font-size: 1rem;
        color: rgb(51, 51, 51);
        line-height: 1.515;
        padding: 0 1.1rem;
    }
    .btn-dlpdf {
        padding: 8px 40px;
    }
    .pagebody {
        background-color: #525659;
        padding-bottom: 1rem;
        min-width: 100%;
    }
    .pb-x-file {
        width: 100%;
        height: 0;
    }
    /* pdf page */
    /* media for mobile end */
}