:root {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 0;
    --color-default: #666;
    --color-hover: #ff6a00;
    --color-btnhover: #e35304;
    --swiper-navigation-color: #212121;
    --swiper-pagination-color: #212121;
    --swiper-pagination-bullet-inactive-color: #ff6a00;
    --color-red: #CB2C30
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

body {
    margin: 0;
    font-size: var(--fs14);
    overflow-x: hidden;
    font-family: Arial, "Microsoft YaHei", sans-serif
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

body.config_sta {
    overflow-y: hidden
}

.container-fluid {
    padding-right: calc(4 * var(--bs-gutter-x));
    padding-left: calc(4 * var(--bs-gutter-x))
}

.fancybox-content {
    color: var(--color-default)
}

.chover {
    color: var(--color-hover)
}

.tran {
    text-transform: uppercase
}

b,
strong {
    font-family: Arial, Helvetica, sans-serif
}

input,
textarea {
    font-family: Arial, Helvetica, sans-serif
}

.fchover {
    color: var(--color-hover)
}

.fcred {
    color: var(--color-red)
}

.fcff {
    color: #fff
}

.fc33 {
    color: #333
}

.fc66 {
    color: #666
}

.bgff {
    background-color: #fff
}

.bgf5 {
    background-color: #f5f5f5
}

.bgf8 {
    background-color: #f8f8f8
}

.bgfc {
    background-color: #fcfbfa
}

.bgee {
    background-color: #eee
}

.bg00 {
    background-color: #000
}

.bgfix {
    background-attachment: fixed
}

.bgfot {
    position: relative;
    z-index: 2
}

.bgfot::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    height: 100px
}

.bgfot.bgf5::before {
    background: #f5f5f5
}

.bgfot.bgf8::before {
    background: #f8f8f8
}

.txtPadding1 {
    padding-right: calc(1 * var(--bs-gutter-x));
    padding-left: calc(1 * var(--bs-gutter-x))
}

.txtPadding2 {
    padding-right: calc(2 * var(--bs-gutter-x));
    padding-left: calc(2 * var(--bs-gutter-x))
}

.txtPadding3 {
    padding-right: calc(3 * var(--bs-gutter-x));
    padding-left: calc(3 * var(--bs-gutter-x))
}

.txtPadding4 {
    padding-right: calc(4 * var(--bs-gutter-x));
    padding-left: calc(4 * var(--bs-gutter-x))
}

.swiper-button-prev::after,
.swiper-button-next::after {
    margin-left: -3px
}

@media screen and (max-width:992px) {
    :root {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
        --fs80: 50px;
        --fs60: 40px;
        --fs48: 22px;
        --fs40: 18px;
        --fs36: 20px;
        --fs34: 22px;
        --fs30: 18px;
        --fs28: 17px;
        --fs26: 16px;
        --fs24: 15px;
        --fs20: 15px;
        --fs18: 13px;
        --fs16: 12px
    }

    .row-cols-5>* {
        width: 50%
    }

    .txtPadding2,
    .txtPadding3,
    .txtPadding4 {
        padding-right: calc(1 * var(--bs-gutter-x));
        padding-left: calc(1 * var(--bs-gutter-x))
    }

    .fix_form#fixForm {
        min-width: auto
    }

    .h-page-bg ul li a.on {
        color: var(--color-hover)
    }

    .container-fluid {
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem)
    }



    .nav-toggle {
        top: 16px
    }

    /* .nav-toggle i::before,.nav-toggle i::after{
        background-color: #fff;
      }
      .nav-toggle i{
        background-color: #fff;
        color: #fff;
      }
*/
    .bannerindex .swiper-button-prev,
    .bannerindex .swiper-button-next {
        display: none
    }

    .bannerindex .swiper-pagination {
        bottom: 60px
    }

    .bannerindex .ban_txt {
        position: unset;
        color: var(--color-default)
    }

    .bannerindex .ban_txt::before {
        display: none
    }

    /*
    .bannerindex .ban_txt .row.row-cols-5>* {
        width: 20%
    }

    .bannerindex .ban_txt .ban_li {
        padding-left: 0;
        text-align: center;
        height: 55px
    }*/

    .index_serice .index_service_ul {
        flex-wrap: wrap
    }

    .index_serice .index_service_ul .serve_li {
        width: 50%
    }

    .index_serice .index_service_ul .serve_li .txt {
        padding: 15px
    }

    .index_serice .index_service_ul .serve_li .txt .txt_ul li {
        margin-top: 5px;
        font-size: 12px
    }

    .index_sass .sass_bg .sass_li,
    .index_sass .sass_bg {
        padding: 15px
    }



    .activity_a_nav_li .icon {
        width: 64px;
        height: 64px;
        margin: 0 auto
    }

    .activity_b_nav a {
        padding: 0 10px;
        margin: 0 4px;
        font-size: 12px
    }

    .sms_A p {
        font-size: 12px
    }

    .activity_c_list .row>*:nth-child(odd)::before {
        display: none
    }

    .activity_E,
    .about_C {
        background-size: 100% 30%
    }

    .activity_E .act_ul .act_li {
        padding: 15px
    }

    .sms_b_nav a {
        padding: 0 10px;
        margin: 0 5px;
        font-size: 12px
    }

    .sms_b_nav a img {
        display: none
    }

    .sms_d_ul {
        flex-wrap: wrap;
        padding: 0;
    }

    .sms_d_ul li {
        width: 50%
    }

    .about_C .swiper-pagination span {
        padding: 0 5px
    }

    .sms_c_li,
    .points_b_li,
    .welfare_b_li,
    .welfare_c_li,
    .welfare_e_li .txt {
        padding: 15px
    }

    .swiper-button-prev {
        left: -120px;
    }

    .swiper-button-next {
        right: -120px;
    }

    @media (min-width: 992px) and (max-width: 1300px) {

        .swiper-button-prev {
            left: -40px !important;
        }

        .swiper-button-next {
            right: -40px !important;
        }
    }

    .financial_B {
        height: 150px
    }

    .points_C .text-right .txtPadding3,
    .points_C .text-left .txtPadding3 {
        padding-right: calc(1 * var(--bs-gutter-x));
        padding-left: calc(1 * var(--bs-gutter-x));
        text-align: center
    }

    .welfare_A img {
        width: 100px
    }

    .welfare_ul {
        display: block
    }

    .district_a_ul {
        padding: 0
    }

    .job_d_cont {
        text-align: center
    }

    .job_d_cont .text-right {
        text-align: center
    }

    .open_A .row>*>img {
        display: none
    }
}

@media (min-width:992px) and (max-width:1300px) {
    :root {
        --fs80: 50px;
        --fs60: 40px;
        --fs48: 32px;
        --fs40: 24px;
        --fs36: 20px;
        --fs30: 18px;
        --fs28: 17px;
        --fs26: 16px;
        --fs24: 15px;
        --fs20: 15px;
        --fs18: 13px;
        --fs16: 12px
    }

    .swiper-button-prev {
        left: -30px !important
    }

    .swiper-button-next {
        right: -30px !important
    }
}

@media (min-width:1300px) and (max-width:1600px) {
    :root {
        --fs80: 50px;
        --fs60: 40px;
        --fs48: 35px;
        --fs40: 32px;
        --fs36: 30px;
        --fs30: 22px;
        --fs28: 21px;
        --fs26: 20px;
        --fs24: 19px;
        --fs20: 17px;
        --fs18: 15px;
        --fs16: 14px
    }

    .swiper-button-prev {
        left: -50px !important
    }

    .swiper-button-next {
        right: -50px !important
    }
}


/*section title and p black*/
.section-header-title {
    padding-top: 60px;
    font-weight: 500;
    font-size: 28px;
    color: #1a1a1a;
    line-height: 48px;
    text-align: center;
}

.section-header-describe {
    margin-top: 12px;
    font-size: 14px;
    color: #515151;
    line-height: 20px;
    text-align: center;
    margin-bottom: 32px;
}

/*section title and p white*/
.section-header-title-white {
    padding-top: 60px;
    font-weight: 300;
    font-size: 28px;
    color: #fff;
    line-height: 48px;
    text-align: center;
}

.section-header-describe-white {
    margin-top: 12px;
    font-size: 14px;
    color: rgb(255 255 255 / 90%);
    line-height: 20px;
    text-align: center;
    margin-bottom: 32px;
}

/*banner轮播*/
/*.bannerin {
    position: relative
}

.bannerin .img img {
    width: 100%
}*/
.bannerIndex {
    height: 580px;
    position: relative;
}

/*page banner*/
.pagebanner {
    /*height: 560px;*/
    position: relative;
    overflow: hidden;
}

.pagebanner .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*切换箭头*/
.prev,
.next {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 222;
    top: 267px;
    overflow: hidden;
    cursor: pointer;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.prev {
    left: 70px;
}

.next {
    right: 70px;
}

.prev:hover,
.next:hover,
.nav-main a:hover,
.nav-main a.cur {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*切换焦点*/
.item {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 124;
    top: 440px;
    left: 0;
    text-align: center;
}

.item a {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    opacity: .4;
    border-radius: 4px;
    -moz-opacity: 0.3;
    opacity: 0.3;
    filter: alpha(opacity=30);
    overflow: hidden;
    margin: 0 3px;
}

.item a.cur {
    width: 24px;
    opacity: 1
}

.slide-box,
.slide {
    display: block;
    width: 100%;
    height: 580px;
    overflow: hidden;
}

.slide-box {
    position: relative;
}

.slide {
    display: none;
    z-index: 8;
}

#bgstylea {
   /* background: #ff8c1f;*/
}

#bgstyleb {
    /*background: #ff8c1f;*/
}

#bgstylec {
   /* background: #ff8c1f;*/
}

.slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 560px;
    cursor: pointer;
}

.text-white-primary {
    margin-left: 40px;
    max-width: 600px;
    min-width: 320px;
}

.text-white-primary h2 {
    color: #fff;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 300;
    white-space: nowrap;
}

.text-white-primary p {
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    opacity: .9;
}

.pagebanner .text-white-primary p {
    font-size: 16px;
    line-height: 26px;
}

.text-white-primary02 h2 {
    color: #1a1a1a;
}

.text-white-primary02 p {
    color: #1a1a1a;
}

.text-white-primary02 .card-btn-border {
    color: #ff6a00;
    border: 1px solid #ff6a00;
}

.text-white-primary02 .card-btn-border:hover {
    color: #ff8c1f;
    border: 1px solid #ff8c1f;
}

/*免费申请线性按钮*/
.card-btn-border {
    display: inline-block;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    margin-top: 40px;
    padding: 6px 20px;
    cursor: pointer;
}



.card-btn-border:hover {
    border-color: rgba(255, 255, 255, 1);
    
    background-color: #fff;
    color: #ff6a00;
}
a.card-btn-border:focus{
    color: #fff;
}
a.card-btn-border:focus:hover{
    color: #ff6a00;
}
.header-right-img-wrapper {
    margin-right: 40px;
    padding-top: 80px;
}

.pagebanner .header-right-img-wrapper {
    padding: 0;
    margin: 0;
}

.header-right-img-wrapper img {
    max-width: auto;
    width: 100%;
}

@media only screen and (max-width:1200px) {
    .prev {
        left: 16px;
    }

    .next {
        right: 16px;
    }

    .pagebanner {
        padding: 88px 0 60px;
        height: auto;
    }
}

@media only screen and (max-width:1000px) {

    .text-white-primary {
        font-size: 36px;
    }

    .prev,
    .next {
        display: none;
    }
}

@media only screen and (max-width:800px) {
    .pagebanner {
        padding: 88px 0 60px;
        height: auto;
    }

    .text-white-primary {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .header-right-img-wrapper {
        display: none;
    }
}

/*产品与服务-权益产品*/
/*全域数字权益*/
.products_digitalequity {
    padding-bottom: 60px;
}

.products_digitalequity .section-header-describe {
    margin-bottom: 12px;
}

.digit_A_icon .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    border-radius: 100%;
    margin: 0 auto
}

/*产品与服务 数字权益产品 全域数字权益 大图标 start*/
.pro-icons {
    -webkit-box-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 24px;
}

.pro-icons .pro-icon {
    /*min-width: 92px;*/
    text-align: center;
    margin: 0 24px;
}

.pro-icons .pro-icon img {
    display: block;
}

.pro-icons .pro-icon span {
    white-space: nowrap;
    font-size: 16px;
    color: #515151;
    font-weight: 500;
}

/*产品与服务 数字权益产品 全域数字权益tab切换 start*/
ul.pro-tab {
    padding: 0;
}

.pro-tab-wrapper {
    margin-top: 24px;
    -webkit-box-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    align-items: top;
    height: 100%;
    display: flex;
    padding: 0 32px;
}

.pro-tab li {
    padding-left: 24px;
    padding-right: 16px;
    cursor: pointer;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    margin: 4px 12px;
    color: #515151;
    border-radius: 8px;
    position: relative;
    width: 240px;
}

.pro-tab li.pro-tablist-on {
    color: #fff;
    font-weight: 500;
    background: #ff6a00;
}

.pro-tablist-icon-bg {
    position: absolute;
    right: 16px;
    top: 12px;
    display: inline-block;
    background: #fff;
    border-radius: 24px;
    width: 32px;
    height: 32px;
}

.pro-tab li i {
    font-size: 20px;
    line-height: 32px;
    float: right;
    margin-right: 8px;
}

.pro-tab li.pro-tablist-on i {
    color: #ff6a00;
}

.pro-tabcontent .tablc-title {
    font-size: 20px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 24px;
    margin: 12px;
}

.pro-tabcontent .tablc-line {
    height: 4px;
    background: url(../../yibazhan/images/tablc-line.png) left no-repeat;
    margin: 12px;
}

.pro-tabcontent .tablc-desp {
    font-size: 14px;
    line-height: 24px;
    color: #515151;
    margin: 12px 12px 0 12px;
}

.pro-tabcontent .tablc-con {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: top;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.pro-tabcontent .tablc-con .tablc-pic {

    margin-top: 12px;
    margin: 12px;
    position: relative;
    height: 100%;
}

.pro-tabcontent .tablc-con .tablc-pic img {
    border-radius: 4px;
    max-width: auto;
}

.img_hover_btnflex {
    display: none;
}

.tablc-pic:hover .img_hover_btnflex {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    top: 0;
    justify-content: center;
    align-items: center;
}

.pro-tabcontent .tablc-con .tablc-list {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 24px;
    display: flex;
    margin: 12px;
    width: 520px;
}

.pro-tabcontent .tablc-con .tablc-list img {
    max-width: auto;
    width: 72px;
    height: 72px;
    margin-right: 16px;
}

.pro-tabcontent .tablc-con .tablc-list .tablc-list-title {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 20px;
    line-height: 16px;
    font-weight: bold;
}

.pro-tabcontent .tablc-con .tablc-list .tablc-list-desp {
    margin-top: 10px;
    font-size: 14px;
    color: #515151;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

@media only screen and (max-width:1400px) {

    .pro-tabcontent .tablc-con .tablc-list {
        width: 320px;
    }
}

@media only screen and (max-width:1200px) {

    .pro-tab-wrapper {
        padding: 0;
        margin-top: 24px;
        justify-content: center;
    }

    .pro-tab li {
        width: 152px;
        text-align: center;
        padding: 0;
    }

    .pro-tablist-icon-bg {
        display: none;
    }

    .pro-tabcontent .tablc-con .tablc-pic {
        display: none;
    }

    .pro-tabcontent .tablc-con .tablc-list {
        width: 640px;
    }
}

@media only screen and (max-width:1000px) {

    .pro-icons {
        justify-content: space-evenly;
    }

    .pro-icons .pro-icon {
        margin: 0px 0px;
    }

    .pro-tabcontainer .pro-tabcontent {
        width: 100%;
    }

    .pro-tab li {
        width: 88px;
    }

    .pro-tabcontent .tablc-con .tablc-list {
        width: 488px;
    }
}

@media only screen and (max-width:800px) {
    .pro-tab-wrapper {
        margin-top: 40px;
    }

    .pro-tabcontent .tablc-con .tablc-list {
        width: auto;
    }
}

.digit_C {
    padding-bottom: 60px;
    background-color: #f5f5f6;
}

.section-inner-Solution {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: top;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.section-inner-Solution-box-list {
    height: 300px;
    width: 32.5%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.Solution-box-wrapper-1{
    margin: 0 40px;
}
.Solution-box-icon {
    text-align: center;
}

.Solution-box-icon-img-on {
    display: none;
}

.section-inner-Solution-box:hover .tpm-sub-solution-item-unordered li:before {
    background-color: #fff;
}

.section-inner-Solution-box-list h2 {
    color: #1a1a1a;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    text-align: center;
}

.section-inner-Solution-box-list p {
    margin-top: 8px;
    font-size: 14px;
    color: #515151;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: center;
}

.tpm-sub-solution-item-unordered,
.section-inner-Solution-box-list-icon {
    display: none;
    margin: 0 40px;
}

.section-inner-Solution-box-list:hover {
    justify-content: center;
    align-items: center;
    background: rgb(255 140 31 / 98%);
    height: 340px;
    margin-top: -20px;

    
}

.section-inner-Solution-box-list:hover .Solution-box-wrapper-1 {
    display: flex;
    justify-content: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.section-inner-Solution-box-list .Solution-box-wrapper-1{
    margin: 0 auto;
    max-width: 320px;
}
.section-inner-Solution-box-list:hover .Solution-box-wrapper-1 img {
    width: 56px;
    margin-right: 12px;
}

.section-inner-Solution-box-list:hover .Solution-box-icon-img {
    display: none;
}

.section-inner-Solution-box-list:hover .Solution-box-icon-img-on {
    display: block;
}

.section-inner-Solution-box-list:hover .Solution-box-wrapper-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.section-inner-Solution-box-list:hover h2,
.section-inner-Solution-box-list:hover p {
    text-align: left;
    color: #fff;
}

.section-inner-Solution-box-list:hover .Solution-box-wrapper-2 h2 {
    line-height: 24px;
}

.section-inner-Solution-box-list:hover .tpm-sub-solution-item-unordered {
    display: flex;
}

.section-inner-Solution-box-list:hover .section-inner-Solution-box-list-icon {
    display: flex;
    margin: 0 40px;
}

.tpm-sub-solution-item-unordered {
    display: none;
    margin-top: 20px;
    padding: 0;
    margin-bottom: 20px;
}

.tpm-sub-solution-item-unordered li {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    margin: 0 8px;
}

.tpm-sub-solution-item-unordered li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 8px;
    vertical-align: middle;
}

.section-inner-Solution-box-list-icon{
    padding: 0;
    margin: 0;
}
.section-inner-Solution-box-list-icon li {
    display: inline-block;
    margin-left: 0;
}

.section-inner-Solution-box-list-icon img {
    width: 24px;
    float: left;
    background-image: #fff;
}

.section-inner-Solution-box-list-icon span {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-left: 4px;
    margin-right: 24px;
}


.section-inner-Solution-box-list:hover .button-service span {
    color: #1a1a1a;
}


@media only screen and (max-width:1200px) {
    .section-inner-Solution-box-list {
        width: 100%; 
        margin-bottom: 20px;
    }
}

.digit_c_cont.top::before {
    top: auto;
    bottom: -30px;
    border-color: #FFF transparent transparent transparent
}

.digit_D {
    padding-bottom: 60px;
}

.section-inner-ProductAdvantages {
    -webkit-box-pack: justify;
    justify-content:space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.section-inner-Pro-listitem {}

.section-inner-Pro-listitem-img {
    text-align: center;
    margin-top: 32px;
}

.section-inner-Pro-listitem-title {
    font-size: 18px;
    line-height: 20px;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px;
}

.section-inner-Pro-listitem-p {
    margin-top: 12px;
    font-size: 14px;
    color: #515151;
    line-height: 20px;
    text-align: center;

}

.digit_E {
    padding-bottom: 120px;
    background-color: #f5f5f6;
}

.tpm1-logo-card-list {
    margin: 0;
    padding: 0;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.tpm1-logo-card-list li {
    width: 11.2%;
    margin: 8px 0;
    box-shadow: 8px 8px 20px 0 rgba(110, 50, 6, 0.1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsl(0deg 0% 100% / 50%);
    border-radius: 8px;
    background-color: #fff;
}

.tpm1-logo-card-list li img {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}



@media only screen and (max-width:1200px) {
    /*.section-inner-Pro-listitem {
        margin: 0 24px 24px;
    }*/



}

@media only screen and (max-width:1000px) {
    /*.section-inner-Pro-listitem {
        margin: 0 16px 16px;
    }*/

    .section-inner-Pro-listitem-img img {
        width: 210px;
    }

    .section-inner-Pro-listitem {
        padding: 0;
    }

    .tpm1-logo-card-list li {
        width: 15%;
        margin: 6px 0;
    }
}

@media only screen and (max-width:800px) {
    .section-inner-Pro-listitem {
        margin: 0;
        /*width: 50%;影响合作品牌*/
    }

    .section-inner-Pro-listitem-title {
        padding: 0 32px;
    }

    .section-inner-Pro-listitem-p {
        padding: 0 32px;
    }

    .tpm1-logo-card-list li {
        width: 23.6%;
    }
}

/*卡链SAAS权益*/
.products_saas {
    padding-bottom: 60px;
}

.products_saas_content {
}

.products_saas_content img {
    width: 100%;
}

.saas_B {
    background-color: #f7f8fb;
    padding-bottom: 60px;
}

.saas_B .section-header-title {
    padding-bottom: 32px;
}
.saas_B_wrapper{
    display: flex;
}
.saas_B_wrapper_left{
    flex-grow: 1;
}
.saas_B_content_item{
    padding: 16px ;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.saas_B_content_item img{
    width: 72px;
}
.saas_B_content_item:last-child{
    margin-bottom: 0;
}
.saas_B_wrapper_right{
    width: 300px;
    margin-left: 12px;
    position: relative;
    background:#ffa464 url(../../yibazhan/images/saas_developement_bg.jpg) center no-repeat;
    background-size: auto 100%;
    border-radius: 4px;

}

.saas_B_title {
    font-size: 18px;
    line-height: 18px;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.saas_B_desp {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 22px;
    opacity: .7;
}
.saas_B_wrapper_right_txt{
    padding: 20px;
}
.saas_B_wrapper_right_txt_title{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
}
.saas_B_wrapper_right_txt_p{
    font-size: 12px;
    color: #fff;
    line-height: 16px;
}
.saas_B_btn {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    top: 0;
    justify-content: center;
    align-items: center;
}
/*.saas_B_btn a{
    margin: 12px 0;
}
.saas_B_wrapper_right:hover .saas_B_btn {
    display: flex;
    flex-direction: column;
}
*/
.saas_B_wrapper_right:hover .saas_B_btn {
    display: flex;
}
.saas_B_btn a{
    margin-right: 12px;
}
.saas_B_btn a:last-child{
    margin-right: 0;
}
.saas_B_btn .button-service{
    width: 96px;
}
.saas_B_btn .card-btn-border{border: none;
    color: #ff8c1f;
    background-color: #fff;
    padding: 0;
    margin: 0;
    height: 36px;
    line-height: 36px;
    width: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.saas_B_btn .card-btn-border:hover{    
    color: #ff6a00;
}
.saas_B_btn .card-btn-border:focus{
    
    color: #ff6a00;
}





@media (max-width:900px) {

    .saas_B_wrapper_right{
        display: none;
    }
}

.saas_C_icon_wrapper {
    -webkit-box-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    align-items: top;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

.saas_C_icon_wrapper_li {
    margin: 0 40px;
}

.saas_C_icon_wrapper_li .icon {
    text-align: center;
}

.saas_C_icon_wrapper_li .icon img {
    width: 80px;
}

.saas_C_icon_wrapper_li p {
    text-align: center;
}

.saas_C_img_wrapper {
    -webkit-box-pack: justify;
    justify-content:space-between;
    display: flex;
}

.saas_C_img_wrapper_list{
    width: 18.6%;
    position: relative;

}
.saas_C_img_wrapper div img{   
    width: 100%; 
    border-radius: 6px;

}
.saas_C_img_wrapper_list:hover {
    transform: scaleY(1.06);

}
.saas_C_img_wrapper_list:hover .saas_B_btn {
    display: flex;
}
.saas_C_img_wrapper_list .saas_B_btn{
    display: none;
}

.saas_C_img_des {
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 48px;
    margin-top: 20px;
}

.saas_D {
    padding: 60px 0;
}

.saas_d_icons {
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px;
}

.saas_d_icons_li {
    width: 20%;
    margin: 32px 0;
    text-align: center;
    position: relative;
}

/*
  .saas_d_icons_li:hover:before {
    position: absolute;
    top: -32px;
    right: 0;
    bottom: -32px;
    left: 0;
    border-radius: 8px;
    box-shadow: 0 5px 22px 0 rgba(28, 63, 145, .1);
    content: ""
  }*/
.saas_d_icons_li p {
    margin-bottom: 8px;
    padding-top: 10px;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 16px;
}

.saas_E {
    padding-bottom: 120px;
    background: url(../../yibazhan/images/SaaS_e_bg.jpg) top center no-repeat;
}
.saas_E02 {
    padding-bottom: 60px;
    background: url(../../yibazhan/images/SaaS_e_bg_solution.jpg) top center no-repeat;
}

.saas_E_icons_wrapper {
    display: flex;
    justify-content: space-evenly;
    margin-top: 32px;
    margin-bottom: 32px;
}

.saas_E_icons_li {
    text-align: center;
}

.saas_E_icons_li img {
    width: 72px;
}

.saas_E_icons_li p {
    text-align: center;
}

.index_more {
    text-align: center;
    margin-top: 32px;
}

.card-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #ff6a00;
    border: 1px solid transparent;
    outline: 0 none;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
}

.card-btn:hover {
    background-color: rgb(255 106 0 / 80%);
    transition: all .3s ease-in-out;
    color: #fff;
}
.card-btn:focus{
    color: #fff;
}
@media only screen and (max-width:1200px) {
    .saas_C_img_wrapper {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:1100px) {

    .txt .txt-p-desp {
        display: none;
    }
    .saas_C_img_wrapper .saas_B_btn{
        flex-direction: column;
    }
    .saas_C_img_wrapper .saas_B_btn a{
        margin: 6px 0;
    }
}

@media only screen and (max-width:900px) {

    .saas_B .section-header-title {
        padding-bottom: 16px;
    }

    .txt .txt-h3-title {
        font-size: 14px;
    }

    .saas_C_icon_wrapper {
        margin-bottom: 60px;
        flex-wrap: wrap;
    }

    .saas_C_icon_wrapper_li .icon img {
        width: 72px;
    }

    .saas_C_icon_wrapper_li {
        margin: 0 4px;
    }

    .saas_C_img_wrapper {
        display: none;
    }

    .saas_C_img_des {
        display: none;
    }.

    .saas_d_icons_li {
        width: 46%;
    }

    .saas_E_icons_li img {
        width: 72px;
    }

    .saas_E_img {
        display: none;
    }
}

/*短信平台*/
.products_sms {
    width: 100%;
    height: 120px;
    background-color: rgb(255 140 31 / 96%);
}

.products_sms .container {
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sms_a_li {
    padding: 32px 0;
}

.sms_a_li .name {
    display: flex;
    align-items: center;
}

.sms_a_li .name span {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 32px;
    display: inline-block;
    padding-left: 10px;
}

.sms_a_li p {
    font-size: 14px;
    color: rgb(255 255 255 / 80%);
    padding-top: 8px;
}



.sms_b_nav {
    display: flex;
    justify-content: center
}

.sms_b_nav a {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 50px;
    margin: 0 10px;
    color: #1a1a1a;
}

.sms_b_nav a img {
    margin-right: 8px;
}

.sms_b_nav a.on,
.sms_b_nav a:hover {
    background: linear-gradient(90deg, #FFE1CC, white);
    border-radius: 4px;
    color: var(--color-hover)
}

.sms_b_cont {
    margin-top: 24px;
    margin-bottom: 60px;
}

.sms_b_li {
    display: none;
}

.sms_b_li_con {
    display: flex;
    justify-content: space-evenly;
}

.sms_b_li .imgOh {
    width: 500px;
    height: 480px;
    background-color: #f5f5f6;
    border-radius: 12px;
}

.sms_b_li .imgOh img {
    width: auto;
}

.sms_tabcontxt {
    width: 50%;
    padding-left: 40px;
    margin-top: 40px;
}

.sms_tabcontxt_title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 32px;
}

.fchover {
    color: #ff8c1f;
}

.sms_b_li .sms_b_ul {
    padding: 0;
}

.sms_b_li .sms_b_ul li {
    padding-left: 24px;
    margin-bottom: 16px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
}

.sms_b_li .sms_b_ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--color-hover)
}

.sms_tabcontxt .index_more {
    text-align: left;
    margin-top: 48px;
}

.sms_b_li.on {
    display: block
}

.sms_C .sms_c_cont {
    margin-top: 32px;
    margin-bottom: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*sms_c_li">
                    <img alt="" src="/css/images/products/message_good_icon_1.png" />
                <h3 class="sms_c_li_title"> 成功率高，3秒送达</h3>
                <p class="sms_c_li_desp*/
.sms_c_li {
    width: 30%;
    background-color: #fff;
    padding: 32px;
    border-radius: 8px;
    margin-bottom: 32px;
    text-align: center;
}

.sms_c_li .sms_c_li_title {
    margin: 0;
    margin-bottom: 8px;
    padding-top: 10px;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 16px;
}

.sms_c_li .sms_c_li_desp {
    color: #888888;
    font-size: 14px;
}

/*.sms_c_li:hover {
    transform: translateY(-10px);
    cursor: pointer;
  }*/


.sms_D {
    background: linear-gradient(-55deg, #FF9D47 0%, #FF8533 100%);
    padding-bottom: 120px;
}

.sms_D .section-header-title {
    color: #fff;
}

.sms_d_ul {
    display: flex;
    justify-content: space-evenly;
}

.sms_d_ul li {
    display: flex;
    align-items: center;
    padding-left: 32px;
    color: #fff;
    background: url(../../yibazhan/images/list-hook-white.png) no-repeat left center;
    margin-bottom: 8px;
}

.sms_d_forms {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 360px;
    height: 52px;
    background: #FFFFFF;
    border-radius: 26px;
}

.sms_d_forms input {
    border: 0;
    background: none;
    padding-left: 32px;
}

.sms_d_forms .index_more {
    margin: 0;
}

.sms_d_forms .card-btn {
    margin: 4px;
    border-radius: 22px;
    height: 44px;
    line-height: 44px;

}

.sms_E {
    margin-bottom: 60px;
}

@media only screen and (max-width:900px) {
    .products_sms {
        height: auto;
    }

    .products_sms .container {
        flex-wrap: wrap;
    }

    .sms_a_li {
        padding: 12px 8px;
        width: 50%;
    }

    .sms_b_li .imgOh {
        display: none;
    }

    .sms_tabcontxt {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .sms_tabcontxt .index_more {
        text-align: center;
        margin-top: 32px;
    }

    .sms_c_li .sms_c_li_desp {
        display: none;
    }
}

/*活动宝*/
.activity_A {
    background: #f5f5f6;
    padding-bottom: 60px;
}

.activity_a_img .img {
    display: none
}

.activity_a_img .img.on {
    display: block
}

.activity_a_txt .txt_li {
    display: none;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 24px;
}

.activity_a_txt .txt_li .icon {
    width: 40px;
    margin-right: 20px
}

.activity_a_txt .txt_li .txt {
    flex: 1
}

.activity_a_txt .txt_li .txt h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #1a1a1a;
}

.activity_a_txt .txt_li .txt p {
    font-size: 14px;
}

.activity_a_txt .txt_li.on {
    display: flex
}

.activity_a_nav_li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.activity_a_nav_li .icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fcece1;
    border-radius: 100%
}

.activity_a_nav_li .name {
    margin-bottom: 16px;
}

.activity_a_nav_li.on .icon,
.activity_a_nav_li:hover .icon {
    background: var(--color-hover)
}

.activity_a_nav_li.on .icon img,
.activity_a_nav_li:hover .icon img {
    filter: grayscale(100%) brightness(200%)
}

.activity_B {
    padding-bottom: 60px;
}

.activity_b_nav {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.activity_b_nav a {
    display: block;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    line-height: 20px;
    text-align: center;
    padding: 8px 32px;
    margin: 0 12px;
    font-size: 14px;
    color: #1a1a1a;
}

.activity_b_nav a.on,
.activity_b_nav a:hover {
    color: #fff;
    background: var(--color-hover);
    border-color: var(--color-hover)
}

.activity_b_cli {
    display: none
}

.activity_b_cli .uli {
    display: flex;
    flex-wrap: wrap
}

.activity_b_cli .uli p {
    padding-left: 20px;
    background: url(../../yibazhan/images/https://jskc.cnascdn.com/imglibs/files/42739.png) no-repeat 0 0
}

.activity_b_cli.on {
    display: block
}

.activity_b_cli .imgOh img {
    border-radius: 16px;
}

.activity_b_cli .tit {
    margin: 0;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
}

.activity_b_cli .index_more {
    text-align: left;
}

.activity_C {
    background: #f5f5f6;
    padding-bottom: 60px;
}

.activity_c_list {
    margin-top: 32px;

}

.activity_c_list_li {}

.activity_c_list img {
    width: 72px;
}

.c_li_title {
    margin: 0;
    padding-top: 10px;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 8px;
}

.c_li_desp {
    color: #888888;
    font-size: 14px;
}

.activity_c_list .row>* {
    position: relative
}

.activity_c_list .row>*::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 20px;
    width: 40px;
    height: 39px;
    background: url(../../yibazhan/images/SaaS_step_arrow.png) no-repeat 0 0
}

.activity_c_list .row>*:first-child::before {
    display: none
}

.activity_D {
    padding-bottom: 60px;
}

.activity_d_nav {
    display: flex
}

.activity_d_nav a {
    display: block;
    flex: 1;
    text-align: center;
    line-height: 48px;
    border-bottom: 2px solid #f0f0f0;
    color: #555;
    font-size: 14px;
}

.activity_d_nav a.on,
.activity_d_nav a:hover {
    color: var(--color-hover);
    border-color: var(--color-hover)
}

.activity_d_list .activity_d_li {
    display: none;
    margin-top: 24px;
    margin-bottom: ;
}

.activity_d_list .activity_d_li .li_img {
    padding: 6px;
    padding-bottom: 50px;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    position: relative
}

.activity_d_list .activity_d_li .li_img img {
    width: 100%;
}

.activity_d_list .activity_d_li .li_img .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.activity_d_list .activity_d_li .li_img .txt .name {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff
}

.activity_d_list .activity_d_li .li_img .txt a.btn {
    display: none;
    color: #fff;
    line-height: 40px;
    background: var(--color-hover)
}

.activity_d_list .activity_d_li .li_img:hover .txt {
    box-shadow: 0 -4px 8px 0 rgba(25, 25, 25, 0.24)
}

.activity_d_list .activity_d_li .li_img:hover a.btn {
    display: block
}

.activity_d_list .activity_d_li.on {
    display: block
}

.activity_E {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 120px;
    background-color: #f5f5f6;
}

.activity_E .act_ul {
    margin-top: 32px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.activity_E .act_ul .act_li {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    width: 20%;
    border-right: 1px solid #f5f5f6;
}

.activity_E .act_ul .act_li img {
    width: 72px;
}

.activity_E .act_ul .act_li .act_li_img_on {
    display: none;
}

.activity_E .act_ul .act_li .act_li_img {
    display: block;
}

.activity_E .act_ul .act_li:hover {
    background: #ff8c1f;
    border-color: #ff8c1f;
}

.activity_E .act_ul .act_li:hover .act_li_img {
    display: none;
}

.activity_E .act_ul .act_li:hover .act_li_img_on {
    display: block;
}

.activity_E .act_ul .act_li h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    padding-top: 16px;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity_E .act_ul .act_li p {
    min-height: 96px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888888;
}

.activity_E .act_ul .act_li:hover h3,
.activity_E .act_ul .act_li:hover p {
    color: #fff;
}

.card-btn-border_wrapper {
    text-align: center;
}

.card-btn-border2 {
    display: inline-block;
    border: 1px solid #ff8c1f;
    /*border-color: rgba(255, 140, 31, 0.7);*/
    border-radius: 4px;
    font-size: 14px;
    color: #ff8c1f;
    margin-top: 40px;
    padding: 6px 16px;
}

.activity_E .act_ul .act_li:hover .card-btn-border2 {
    color: #fff;
    border-color: rgba(255, 255, 255, 1);
}

@media only screen and (max-width:1200px) {
    .activity_E .act_ul .act_li {
        width: 33.3333%;
        border-bottom: 1px solid #f5f5f6;
    }

}

@media only screen and (max-width:900px) {
    .activity_E {
        background-repeat: repeat-y;
    }

    .activity_E .section-header-title {
        color: #fff;
    }

    .activity_E .act_ul .act_li {
        width: 50%;
    }

    .activity_E .act_ul .act_li h3 {
        white-space: normal;
    }

    .activity_E .act_ul .act_li p {
        display: none;
    }

    .card-btn-border2 {
        display: none;
    }
}


/*解决方案*/
.financial_A {
    padding-bottom: 60px;
    background: url(../../yibazhan/images/financial_c_earth.png) bottom center no-repeat;
}

.financial_A_items {
    display: flex;
    height: 360px;
    flex-wrap: wrap;
}

.financial_A_item {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.financial_A_item01 {
    margin-top: -32px;
}

.financial_A_item02 {
    margin-top: 106px;
}

.financial_A_item03 {
    margin-top: 64px;
}

.financial_A_item04 {
    margin-top: -188px;
}

.financial_A_item_c {
    width: 200px;
    padding-top: 32px;
    padding-bottom: 32px;
    background: linear-gradient(180deg, #fff5ed, hsla(0, 0%, 100%, .85) 50%);
    box-shadow: 0 8px 8px 0 rgba(226, 198, 155, 0.13);
    border-radius: 4px;
    text-align: center;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.financial_A_item_c p {
    color: #1a1a1a;
    font-size: 16px;
    padding-top: 16px;
    font-weight: 500;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.financial_B {
    height: 350px;
    color: #fff;
    display: flex;
    align-items: center
}

/*.financial_C{
    padding-bottom: 60px;
}*/

.financial_c_ul {
    display: flex;
    justify-content: space-evenly;
    margin-top: 32px;
    flex-wrap: wrap;
}

.financial_c_img_on {
    display: none;
}

/*<div class="financial_c_ul">
      <div class="financial_c_li">
        <div class="num">
          <img class="financial_c_img_normal" alt="" src="/css/images/solution/financial_num_01.png" />
          <img class="financial_c_img_on" alt="" src="/css/images/solution/financial_num_01_on.png" />
        </div>
        <h3 class="c_li_title"> 重大营销节点</h3>
        <p class="c_li_desp"> 开门红 / 周年庆 / 购物节 / 年终大促</p>
      </div>*/
.financial_c_li {
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 24px;
    background: linear-gradient(-55deg, #FFEEE3 0%, #FFFCFA 100%);
    border-radius: 8px
}

.financial_c_li:hover {
    color: #fff;
    background: linear-gradient(-55deg, #FF9D47 0%, #FF8533 100%);
}

.financial_c_li:hover .financial_c_img_on {
    display: block;
}

.financial_c_li:hover .financial_c_img_normal {
    display: none;
}

.financial_c_li:hover .c_li_title,
.financial_c_li:hover .c_li_desp {
    color: #fff;
}

.financial_D {
    padding-bottom: 60px;
    padding-top: 60px;
}

.financial_D_item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.financial_D_item_img img {
    width: 100%;
}

.section_item_title {
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 36px;
    margin: 0;
    margin-bottom: 12px;
}

.section_item_desp {
    font-size: 14px;
    color: #888;
    line-height: 26px;
}

/*.financial_F{
    padding-bottom: 60px;
}*/
.financial_E {
width: 100%;
background-image: url(../../yibazhan/images/SaaS_e_bg_tel.jpg);
background-size:100% auto;
background-position: bottom;
background-repeat: no-repeat;
background-clip: content-box;
position: static;
height: inherit;
min-height: inherit;
}
.financial_E .container{
    padding-bottom: 120px;}
.financial_E_content{
    width: 100%;
    max-width: 600px;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}
.financial_E_content_tel{
    width: 50%;
    background-color: #fff;
    border-radius: 2px 0 0 2px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: normal;
}
.financial_E_content_tel img{
    width: 28px;
    margin-right: 8px;
}
.financial_E_content .button-service{
    width: 50%;
    border-radius: 0 2px 2px 0;
    height: 56px;
    font-size: 18px;
}
.button-service {
    width: 108px;
    cursor: pointer;
    height: 36px;
    background: #ff6a00;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;
}

.button-service:hover {
    color: #FFFFFF;
    background: #ff8c1f;
}

.button-service:focus {
    color: #fff;
}



@media only screen and (max-width:1200px) {
    .financial_A_item01 {
        margin-top: 88px;
    }

    .financial_A_item02 {
        margin-top: 114px;
    }

    .financial_A_item03 {
        margin-top: 90px;
    }

    .financial_A_item04 {
        margin-top: 4px;
    }

}

@media only screen and (max-width:800px) {
    .financial_A_item01 {
        margin-top: 0;
    }

    .financial_A_item02 {
        margin-top: 0;
    }

    .financial_A_item03 {
        margin-top: 0;
    }

    .financial_A_item04 {
        margin-top: 0;
    }

    .financial_A_item_line {
        display: none;
    }

    .financial_A_item {
        width: 50%;
        margin-bottom: 16px;
    }

    .financial_c_ul {
        margin-top: 0;
    }

    .financial_c_li {
        width: 48%;
        margin-top: 16px;
    }
    .financial_E_content_tel{
        width: 100%;
    }
    .financial_E_content .button-service{
        width: 100%;
    }
}

/*.points_A{
    padding-bottom: 60px;
 }*/
.points_A .financial_D_item {
    padding-bottom: 60px;
}

.points_A .tip {
    display: inline-block;
    font-size: 14px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px 16px 4px 4px;
    background: var(--color-hover);
    color: #fff;
    margin-bottom: 12px;
}

.points_A .points_ul li {
    padding-left: 15px;
    margin-top: 15px;
    position: relative
}

.points_A .points_ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: var(--color-hover)
}

ul.section-inner-card-desc {
    padding: 0;
}

.section-inner-card-desc li {
    font-size: 14px;
    line-height: 22px;
    padding-left: 24px;
    position: relative;
    margin-top: 8px;
    padding-right: 2rem;
}

.section-inner-card-desc li::before {
    content: url(../../yibazhan/images/list-orange-hook.svg);
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50%;

}

.points_B {
    background-color: #f5f5f6;
    padding-bottom: 60px;
}

.points_b_ul {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
}

.points_b_li {
    width: 25%;
    height: 280px;
    padding: 32px;
    background: #fff;
    border: 1px solid #e2e5ec;
    margin: 0 8px;
    border-radius: 4px;
    overflow: hidden;
}

.points_b_li .c_li_desp {
    line-height: 24px;
}

.points_b_li hr {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #e2e5ec;
    opacity: 1;
    border: 0;

}

.points_C{
    padding-bottom: 60px;
}
.points_C_C_wrapper {
    display: flex;
    background: url(../../yibazhan/images/points_adv_img.png) top center no-repeat;
    min-height: 600px;
}

.points_C_C_wrapper_li {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 33.333333%;
    padding: 0 40px;
}

.points_C_C_wrapper_li02 {
    justify-content: flex-end;
}

.points_C .section_item_title {
    margin-bottom: 0;
}

.points_C hr {
    display: inline-block;
    width: 32px;
    height: 2px;
    border: 0;
    opacity: 1;
    background: var(--color-hover);
    margin: 0;
}

@media only screen and (max-width:800px) {

    .points_b_li .c_li_desp,
    .points_b_li hr {
        display: none;
    }

    .points_b_li {
        height: 160px;
        padding: 24px 0;
    }

    .points_C .section-header-describe {
        margin-bottom: 16px;
    }

    .points_C_C_wrapper {
        background: url(../../yibazhan/images/points_adv_img2.png) top center no-repeat;
        min-height: 280px;
    }

    .points_C_C_wrapper_li {
        padding: 0 16px;
    }

    .points_C hr,
    .points_C .section_item_desp {
        display: none;
    }

    .points_C .section_item_title {
        font-size: 16px;
        line-height: 20px;
    }
}

.welfare_A {
    padding-bottom: 60px;
}

.welfare_A_wrapper {
    display: flex;
    justify-content:space-between;
    text-align: center;
}

.welfare_B {
    padding-bottom: 60px;
}

.welfare_B .section-header-describe {
    margin-bottom: 20px;
}

.welfare_b_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.welfare_b_li{
    width: 49.4%;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 12px;
    position: relative;
}
.welfare_b_li_normal {
    padding:36px 32px;
    display: flex;

}
.welfare_b_li .button-service{
    display: none;
}
.welfare_b_li:hover .button-service{
    display: flex;
    width: 100%;    
    border-radius:0 0 6px 6px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
}
.welfare_b_li:hover .welfare_b_li_normal{
    padding-top: 24px;
    padding-bottom: 48px;
}
/*.welfare_b_li_normal:hover {
    background: linear-gradient(180deg, #F4F6FA 0%, #FEFEFE 100%);
    box-shadow: 0px 2px 30px 0px rgb(223 226 240 / 45%);
}*/

.welfare_C {
    padding-bottom: 60px;
}

.welfare_C .section-header-describe {
    padding: 0 72px;
    margin-bottom: 20px;
}

.welfare_c_wrapper {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.welfare_c_li {
    width: 22%;
    margin: 12px 0;
    background: #f7f8fb;
    border-radius: 8px;
    padding: 0 48px;
}

.welfare_c_li_title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 28px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.logo_li {
    text-align: center;
    margin-bottom: 24px;
    width: 56px;
    margin-left: 12px;
    margin-right: 12px;
}

.logo_li img {
    border-radius: 16px;
}

.logo_li p {
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.welfare_D {
    padding-bottom: 60px;
    background: #f5f5f6;
}

.welfare_ul {
    display: flex;
    justify-content: center
}

.welfare_ul li {
    padding-left: 30px;
    line-height: 20px;
    margin: 0 10px;
    color: rgba(26, 26, 26, 0.7);
    background: url(../../yibazhan/images/https://jskc.cnascdn.com/imglibs/files/42629.png) no-repeat left center
}

.welfare_d_wrapper {
    display: flex;
    justify-content:space-between;
}

.welfare_d_li {
    width: 80px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.welfare_d_li_box{
    width: 80px;
    height: 200px;
    background: #ffeddf;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}
.welfare_d_li_box span{
    color: #1a1a1a;
}

.welfare_d_wrapper .active {
    width: calc((100% - 720px) - 18px);
}
.welfare_d_wrapper .active .welfare_d_li_box{
    background: #ff8c1f;
}
.welfare_d_wrapper .active .welfare_d_li_box span{
    color: #fff;
}
.welfare_d_li_img {
    float: left;
    width: calc(100% - 80px);
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-clip: content-box;
    position: static;
    height: inherit;
    min-height: inherit;
    overflow: hidden;
}
.welfare_d_li .welfare_d_li_img {
    height: 200px
}

.welfare_d_li .welfare_d_li_img img {
    height: 200px;
    width: auto;
}

/*
<div class="welfare_e_wrapper">
      <div class="welfare_e_li">
        <div class="imgHover">
          <img alt="" src="/css/images/solution/walfare_img_1.jpg" />
        </div>
        <div class="welfare_e_li_c">
          <img alt="" src="/css/images/solution/welfare_icon_1.png" />
          <h3 class="welfare_e_li_c_title"> 高等院校</h3>
          <p> 场景化福利关爱让员工得到身份 认同感，提升凝聚力</p>
        </div>
      </div>*/
.welfare_E{
    padding-bottom: 60px;
}
.welfare_e_wrapper {
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}

.welfare_e_li {
    width: 24%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
}

.welfare_e_li .welfare_e_li_c {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding: 30px
}

.welfare_e_li_c_title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
}

.welfare_e_li .welfare_e_li_c p {
    display: none;
    margin-top: 24px;
}

.welfare_e_li .welfare_e_li_c:hover {
    justify-content: flex-start;
    background: rgba(0, 0, 0, 0.8)
}

.welfare_e_li .welfare_e_li_c:hover p {
    display: block
}

@media only screen and (max-width:1000px) {
    
    .welfare_d_wrapper{
        display: none;
    }
}

@media only screen and (max-width:960px) {
    .welfare_c_li {
        width: 96%;
    }

    .welfare_b_li {
        width: 98%;
        padding: 0;
    }
    .welfare_e_li{
        width: 49% ;
    }
}

@media only screen and (max-width:800px) {
    .welfare_c_li {
        width: 96%;
    }


    .welfare_ul {
        display: none;
    }

    .welfare_d_wrapper .active {
        width: 42%;
    }

    .welfare_d_li {
        width: 42%;
        margin: 8px;
    }
    .welfare_e_li:hover .welfare_e_li_c p{
        display: none;
    }

}

.district_A{
    padding-bottom: 60px;
}
.district_A_wrapper {
    display: flex;
    justify-content: space-evenly;
}

.district_a_ul {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.district_a_ul .district_a_li {
    min-width: 240px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(216, 216, 216, 0.3);
    border-radius: 8px;
    margin: 12px;
}

.district_a_ul .district_a_li .district_a_li_title {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(-55deg, #FF9D47 0%, #FF8533 100%);
    border-radius: 8px 8px 0 0;
    padding: 12px 24px;
    margin: 0;
}

.district_a_ul .district_a_li .district_a_li_ul {
    padding: 24px;
    margin: 0;
}

.district_a_ul .district_a_li .district_a_li_ul li {
    padding-left: 14px;
    margin-top: 8px;
    position: relative
}

.district_a_ul .district_a_li .district_a_li_ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: var(--color-hover)
}

.district_a_step {
    height: 188px;
    padding: 25px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(216, 216, 216, 0.3);
    border-radius: 8px;
    position: relative
}

.district_a_step::before {
    content: '';
    position: absolute;
    right: -28px;
    top: 0;
    width: 28px;
    height: 100%;
    background: url(../../yibazhan/images/https://jskc.cnascdn.com/imglibs/files/42852.png) no-repeat 0 center
}

.district_step:last-child .district_a_step::before {
    display: none
}

.district_a_step h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 8px 0 4px 0;
}

.district_a_step p {
    color: #555;
}

@media only screen and (max-width:800px) {
    .district_a_ul {
        flex-direction: initial;
        flex-wrap: wrap;
    }

    .district_A_wrapper .imgOh {
        display: none;
    }
}

.login-body {
    background-color: #f5f5f6;
    padding: 72px 0;
}

.login-body .container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.login_img img {
    width: 100%;
}

.login_form {
    box-sizing: border-box;
    width: 436px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 48px;
    margin: 0 40px;
}

.login-form-title {
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 500;
    cursor: pointer;
}

.form-group {
    padding: 0;
    margin-top: 14px
}

.form-group .input_acc {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0;
    line-height: 42px;
    height: 42px;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    padding: 0 8px;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
}

input[type=checkbox] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
    margin-right: 4px;
}

input[type=checkbox]::after {
    position: absolute;
    top: 0;
    color: #1a1a1a;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border-radius: 2px
}

input[type=checkbox]:checked::after {
    content: url(../../yibazhan/images/check.png);
    border: none;
}

.checkbox-txt {
    line-height: 20px;
    font-size: 12px;
    color: #555;
    font-weight: normal;
}

.button-login {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #ff6a00;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
}

.button-login:hover {
    background-color: rgb(255 106 0 / 80%);
    transition: all .3s ease-in-out;
}

@media only screen and (max-width:900px) {
    .login_img {
        display: none;
    }

    .login_form {
        margin: 16px 8px;
    }
}

.about_A .about-introduce-nei {
    background-image: url(../../yibazhan/images/bg01.svg);
    background-repeat: no-repeat;
    background-size: 840px auto;
    background-position: 56px 0;
    margin-top: 40px;
    padding-top: 40px;
    display: flex;
}

.about-introduce-l-title {
    box-sizing: initial;
    font-size: 24px;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 24px;
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.about-introduce-l-title::after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #1a1a1a;
    position: absolute;
    left: 0;
    bottom: 0;
}

.about-introduce-l-p {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 26px;
    text-align: justify;
}

.about_A .about-introduce-r {
    margin-left: 24px;
}

.about_B {
    padding-bottom: 120px;
}

.about_B .about-introduce-r {
    margin-right: 24px;
}

.about_B .about-introduce-nei {
    align-items: center;
    margin-top: 40px;
    display: flex;
    padding-bottom: 48px;
    background-image: url(../../yibazhan/images/bg02.svg);
    background-repeat: no-repeat;
    background-size: 896px auto;
    background-position: 304px bottom;
}

.about-introduce-r-li-title {
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
    line-height: 16px;
}

.about-introduce-r-li-p {
    margin-top: 16px;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 20px;
}

.about_C {
    background-size: contain;
    padding-bottom: 104px;
}

.swiper-wrapper {
    padding-top: 88px;
}

.about-course-bottom-title {
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    color: #1a1a1a;
    line-height: 32px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e1e6f0;
}

.about_C .swiper-pagination {
    left: auto;
    bottom: auto;
    padding-top: 32px;
    position: relative
}

.about_C .swiper-pagination span {
    color: #fff;
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0 20px;
    position: relative;
    text-align: center;
    opacity: 1;
    background: none;
    z-index: 2
}

.about_C .swiper-pagination span em {
    display: block;
    width: 13px;
    height: 13px;
    background: rgba(255, 255, 255, 1);
    margin: 0 auto 10px;
    border-radius: 100%;
    position: relative;
    z-index: 2
}

.about_C .swiper-pagination span em::before {
    content: '';
    display: none;
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border-radius: 100%;
    border: 1px solid #fff;
    opacity: 0.8;
    box-shadow: 0px 2px 10px 0px rgb(255 255 255 / 50%), inset 0px 0px 3px 0px rgb(255 255 255 / 74%);


}

.about_C .swiper-pagination span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 1);
    z-index: 1
}

.about_C .swiper-pagination span:first-child::before {
    width: 50%;
    left: auto;
    right: 0
}

.about_C .swiper-pagination span:last-child::before {
    width: 50%
}

.about_C .swiper-pagination span.swiper-pagination-bullet-active em::before {
    display: block
}

.about_C .swiper-slide ul {
    padding: 0;
    margin: 0;
}

.about_C .swiper-slide li {
    display: flex;
    margin-top: 16px;
    color: #1a1a1a;
}

.about_C .swiper-slide li em {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    width: 45px;
    margin-right: 8px;
    font-style: normal;
    color: #555;
}

.about_C .swiper-slide li span {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.about_C .about_c_swiper {
    position: relative
}

@media only screen and (max-width:1000px) {

    .about_A .about-introduce-nei,
    .about_B .about-introduce-nei {
        flex-direction: column;
    }

    .about-introduce-r {
        margin: 0;
    }

    .about_A .about-introduce-r,
    .about_B .about-introduce-r {
        margin: 0;
    }

    .about_A .about-introduce-nei {
        margin-top: 16px;
        padding-top: 16px;
    }

    .about_A .about-introduce-r {
        margin-top: 24px;
    }

    .about_B .section-header-title {
        padding-top: 32px;
    }

    .about_B .about-introduce-nei {
        margin-top: 24px;
        padding-bottom: 0;
    }

    .about_B .about-introduce-r {
        margin-bottom: 32px;
    }

    .about-introduce-r {
        width: 100%;
    }

    .about-introduce-r img {
        width: 100%;
    }


}

@media only screen and (max-width:530px) {
    .swiper-wrapper {
        background: #fff;
        padding-top: 40px;
    }
}

.job_A {
    padding-bottom: 50px;
}

.job_A_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-top: 22px;
}

.job_a_li {
    width:24%;
    border: 1px solid #e5e7eb
}

.job_a_li_txt {
    padding: 16px;
}

.job_a_li .txt {
    padding: 20px
}

.job_B {
    background: #f5f5f6;
    padding-bottom: 60px;
}
.job_B_img_wrapper{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.job_B_img_w_l1{
    width:40% ;
}
.job_B_img_w_l2{
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.job_B_img_w_l3{
    width: 22%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.job_C {
    padding-bottom: 60px;
}

.job_C .section-header-title {
    margin-bottom: 32px;
}

.job_c_li {
    padding: 22px;
    border-radius: 5px;
    border: 1px solid #e1e6f0;
    height: 100%;
}

.job_c_li .name {
    padding-bottom: 22px;
    border-bottom: 1px dashed #e1e6f0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.job_c_li .txt {
    margin-top: 22px
}

.job_c_li .txt .txt_t {
    padding-left: 10px;
    border-left: 3px solid var(--color-hover);
    line-height: 1;
    color: #444;
    margin-bottom: 15px
}

.job_D {
    background: #fff9f5;
    padding-bottom: 120px;
}

.job_d_cont {
    background: #fff;
    margin-top: 32px;
    border-radius: 4px;
}

.job_d_cont .img img {
    margin-top: 16px;
}

.business_A {
    padding-bottom: 120px;
}
.business_A_wrapper{
    display: flex;
    justify-content: space-between;
}
.business_a_li {
    display: flex;
    align-items: center
}

.business_a_li .icon {
    width: 70px;
    margin-right: 10px
}
.business_a_li .icon img {
    width: 100%;
}
.business_a_li .txt {
    flex: 1
}

.business_a_li .txt .f20 {
    font-size: 18px;
    font-weight: 500;
}
@media only screen and (max-width:996px) {
    .business_A_wrapper{
        flex-direction: column;
    }
    .business_a_li {
        margin-bottom: 12px;
    }
}

/*用户平台弹窗*/
.mask {
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    opacity: 0.3;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;

}

#login-form {
    z-index: 6666;
}

.laus-form-wrap {
    position: fixed;
    top: 35%;
    left: 50%;
    border-radius: 10px;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 640px;
    display: none;
    -webkit-box-shadow: 0px 23px 49px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 23px 49px 0 rgba(0, 0, 0, 0.3);
    background: #fcf4ec url(../../yibazhan/images/top_bg.jpg) bottom right no-repeat;
}


.login-pop-header img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.login-pop-inner {
    padding: 40px 260px 40px 24px;
    border-radius: 5px;
    display: flex;
    text-align: left;
    flex-direction: column;
}

.c_p_title {
    font-size: 16px;
    line-height: 20px;
}

.c_p_phone {
    font-size: 32px;
    line-height: 40px;
    color: #ff8c1f;
    margin: 8px 0 20px;
}

.c_p_desp {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    margin-bottom: 32px;
}

.c_p_btn_b {
    color: #ff6a00;
    border: 1px solid #ff6a00;
    background: none;
    width: 160px;
    height: 40px;
    font-size: 14px;
    border-radius: 4px;
}

.c_p_btn_b:hover {
    color: #ff8c1f;
    border: 1px solid #ff8c1f;
}

@media only screen and (max-width:800px) {
    .laus-form-wrap {
        width: 80%;
    }

    .login-pop-inner {
        padding-right: 40px;
    }

    .laus-form-wrap {
        background-position: center right;
    }

    .c_p_btn_b {
        width: 128px;
    }
    .job_a_li {
    width:49%;
    border: 1px solid #e5e7eb;
    margin-bottom: 8px;
}
}



@media only screen and (max-width:767px) {
    .section-header-title{
        padding-top: 40px;
        line-height: 38px;
    }
    .section-header-describe{
        margin-bottom: 24px;
    }

    .section-header-title-white{
        padding-top: 40px;
    }
    .section-header-describe-white{
        margin-bottom: 24px;
    }
    .pro-tab-wrapper{
        margin-top: 32px;
    }
    .products_digitalequity{
        padding-bottom: 40px;
    }
    .digit_C{
        padding-bottom: 40px;
    }
    .digit_D{
        padding-bottom: 40px;
    }
    .section-inner-ProductAdvantages{
        justify-content: center;
    }
    .saas_E_icons_li p{
        padding: 0 10px;
    }
    .saas_E{
        padding-bottom: 84px;
    }
    .products_saas{
        padding-bottom: 40px;
    }
    .saas_B{
        padding-bottom: 40px;
    }
    .saas_C_icon_wrapper{
        margin-bottom: 40px;
    }
    .saas_D{
        padding: 40px 0;
    }
    .saas_d_icons_li{
        width: 50%;
        margin: 8px 0;
    }
    .saas_d_icons{
        padding: 16px 0;
    }
    .sms_b_cont{
        margin-bottom: 40px;
    }
    .sms_b_nav a{
        margin: 0;
    }
    .sms_tabcontxt_title{
        margin-bottom: 24px;
    }
    .sms_tabcontxt .index_more{
        margin-top: 24px;
    }
    .sms_b_cont{
        margin-bottom: 40px;
    }
    .sms_b_li.on{
        padding: 0 8px;
    }
    .sms_C .sms_c_cont{
        margin-top: 24px;
    }
    .sms_c_li{
        width: 48%;
        margin-bottom: 16px;
    }
    .sms_C{
        padding-bottom: 24px;
    }
    .sms_C .sms_c_cont{
        margin-bottom: 0;
    }
    .sms_D{
        padding-bottom: 84px;
    }
    .sms_d_ul{
        padding: 0;
    }
    .text-white-primary h2{
        white-space: normal;
    }
    .financial_A_item_c{
        width: 96%;
    }
    .financial_A{
        padding-bottom: 40px;
    }
    .financial_A_item{
        margin-bottom: 8px;
    }
    .financial_D_item{
        flex-direction: column;
        text-align: center;
    }
    .financial_D_item_img{
        margin: 24px 0;
    }
    .financial_D{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .financial_D_item .txtPadding3{
        
        margin: 24px 0;
    }
    .saas_E02{
        padding-bottom: 0;
    }
    .financial_E .container{
        padding-bottom: 84px;
    }
    .section-inner-card-desc li{
        text-align: left;
    }
    .points_B{
        padding-bottom: 24px;
    }
    .points_b_ul{
        flex-wrap: wrap;
    }
    .points_b_li{
        width: 44%;
        margin-bottom: 16px;
    }
    .points_C{
        padding-bottom: 40px;
    }
    .points_C_C_wrapper{
        min-height: 214px;
        background-size: 50%;
    }
    .welfare_A_wrapper{
        flex-wrap: wrap;
    }
    .welfare_A_wrapper div{
        width: 50%;
    }
    .welfare_A{
        padding-bottom: 40px;
    }
    .welfare_B{
        padding-bottom: 40px;
    }
    .welfare_C .section-header-describe{
        padding: 0;
    }
    .welfare_c_li_title{
        font-size: 20px;
        margin-top: 32px;
    }
    .welfare_C .section-header-describe{
        margin-bottom: 16px;
    }
    .welfare_C{
        padding-bottom: 40px;
    }
    .welfare_D{
        padding-bottom: 40px;
    }
    .welfare_e_li{
        margin-bottom: 8px;
    }
    .welfare_E {
        padding-bottom: 32px;
    }
    .district_A{
        padding-bottom: 40px;
    }
    .district_a_step{
        height: 220px;
    }
    .district_a_ul{
        justify-content: space-between;
    }
    .district_A_wrapper{
        margin-top: 12px;
    }
    .district_a_ul .district_a_li{
        width: 48%;
        margin: 0;
        min-width: auto;
    }
    .about_B{
        padding-bottom: 84px;
    }
    .job_A{
        padding-bottom: 32px;
    }
    .job_B{
        padding-bottom: 40px;
    }
    .job_C .section-header-title{
        margin-bottom: 24px;
    }
    .job_C{
        padding-bottom: 40px;
    }
    .job_d_cont{
        padding: 0 24px 24px;
    }
    .job_D{
        padding-bottom: 84px;
    }

    .regLine{
        width: 88%;
    }
    #user_login_form {
       /* transform: scale(0.5);*/
    }
    .saas_E_icons_wrapper{
        margin-top: auto;
        margin-top: 16px;
    }
    .sms_tabcontxt_title{
        font-size: 24px;
    }
}