.focPay_item .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.header.isbac {
    /*background-image: url(../images/pc-banner/home_banner.jpg);*/
    /*background: #0a2844;*/
}

.home_content:nth-child(2n) {
    background-color: #f1f6fa
}

.home_content {
    color: #425466;
    padding-bottom: 82px
}

.home_content .learnmore {
    padding: 14px 41px;
    border-radius: 25.5px
}

.home_content header {
    color: #0092d8;
    font-size: 40px;
    /*padding: 75px 0;*/
    padding:30px 0;
    font-family: robotoslab-regular;
    text-transform: uppercase
}

.home_content .text-info {
    line-height: 1.5
}

.focPay_item {
    padding: 0 35px 64px
}

.focPay_item ul {
    margin-top: 70px;
    display: flex
}

.focPay_item li {
    width: 33.33%;
    padding-left: 28px;
    padding-right: 28px;
    border-left: 1px dashed rgba(8,37,64,.2);
}

.focPay_item li h5 {
    margin-top: 58;
    margin-bottom: 28px;
    font-size: 32px;
    font-family: robotoslab-regular
}

.focPay_item_logo {
    font-size: 102px
}

.focPay_item footer {
    margin-top: 93px;
    overflow: hidden
}

.service_item {
    padding-bottom: 72px
}

.service_item .title_j {
    margin-bottom: 32px;
    text-transform: uppercase;
    font-size: 26px
}

.service_item .learnmore {
    margin-top: 42px
}

.service_item .screen_sel {
    display: flex;
    justify-content: space-between;
    margin-top: 52px;
    margin-bottom: 70px;
    padding: 0 184px
}

.service_item .screen_sel button:nth-child(n+2) {
    margin-left: 36px
}

.service_item .screen_sel button.cur {
    color: #0092d8;
    border-color: #0092d8
}

.service_item .screen_sel button:hover {
    color: #0092d8;
    border-color: #0092d8
}

.service_item .screen_sel button {
    width: 275px;
    height: 50px;
    border: 1px solid #425466;
    color: #425466;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    cursor: pointer;
    background-color: #fff;
    text-transform: uppercase;
    font-family: robotoregular;
    font-size: 20px
}

.screen_bot_l img {
    max-width: 100%;
    max-height: 100%;
    background-color: transparent
}

.screen_sel_bot_Phone .screen_bot_r {
    width: 51%
}

.screen_bot_r {
    padding-top: 79px
}

.screen_bot_r li {
    display: flex;
    margin-bottom: 33px
}

.screen_bot_r li svg {
    font-size: 40px;
    margin-right: 29px;
    width: 40px;
    flex-shrink: 0
}

.screen_bot_r h6 {
    margin-bottom: 27px;
    font-size: 26px
}

.screen_sel_bot {
    padding: 0 115px;
    display: none;
    justify-content: space-between
}

.screen_sel_bot_Phone.cur {
    display: flex
}

.screen_sel_bot_PC.cur,.screen_sel_bot_System.cur {
    display: block
}

.screen_sel_bot_PC .screen_bot_l,.screen_sel_bot_System .screen_bot_l {
    height: auto;
    width: auto;
    margin: 0 auto
}

.screen_sel_bot_Phone .screen_bot_l {
    width: 315px;
    margin-left: 69px;
    height: 650px;
    background: url(../images/mobile_kuang_03.png) no-repeat;
    background-size: 100% 100%
}

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

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

.measures_item_con li {
    width: 46%;
    margin-bottom: 40px
}

.measures_item_con h5 {
    margin-top: 32px;
    margin-bottom: 26px;
    text-transform: uppercase;
    font-size: 26px
}

.measures_item_con img {
    width: 100%
}

.technology_con_r img {
    width: 100%
}

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

.technology_con_r {
    width: 47%
}

.technology_con_l {
    width: 44%
}

.technology_con_l>p:first-child {
    margin-bottom: 24px;
    margin-top: 30px
}

.technology_item .learnmore {
    margin-top: 33px
}

.advantage_item_con li {
    width: 45%;
    display: flex
}

.advantage_item_con>ul {
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    height: 295px
}

.advantage_logo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #f1f6fa;
    margin-right: 30px;
    font-size: 50px;
    line-height: 100px;
    flex-shrink: 0
}

.advantage_logo+div {
    flex: 1
}

.advantage_item_con li h6 {
    height: 60px
}

.lunbo_item_con {
    padding: 0 70px
}

.lunbo_item .swiper-slide .img_box {
    margin-right: 28px;
    padding-top: 6px
}

.lunbo_item .swiper-slide .img_box img {
    width: 100%;
    max-height: 100%
}

.lunbo_item h5 {
    font-size: 24px;
    margin-bottom: 27px;
    line-height: 28px
}

.swiper-con {
    border: 1px solid #ddd;
    padding: 40px 0 30px 42px
}

.lunbo_item .swiper-con>div {
    float: left
}

.lunbo_item .swiper-info {
    width: 57%
}

.lunbo_item .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px
}

.lunbo_item .swiper-pagination>span {
    margin: 0 5px;
    width: 18px;
    height: 18px
}

.lunbo_item .swiper-button-next,.lunbo_item .swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: none;
    background-color: #0092d8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.steps_item li {
    width: 30%
}

.steps_item ul {
    display: flex;
    justify-content: space-evenly;
    transform: translateY(-20px)
}

.steps_item .xuhao {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background-color: #0092d8;
    margin-left: auto;
    margin-right: auto
}

.steps_item h5 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 24px
}

.steps_item_con .henxian {
    border-bottom: 1px solid #ccc;
    width: 66%;
    margin: 0 auto
}

.technology_item .learnmore {
    display: none
}

.technology_con_l .learnmore {
    display: inline-block
}

.x-row{
    position: relative;
    width: auto;
    height: auto;
}
.x-row-inner{
    display: flex;
    align-items: center;
}
.x-row-inner .x-col{
    width: 50%;
    float: left;
}
.x-col img{
    width: 100%;
    max-height: 557px;
}
.x-text {
    margin: 0em 0em 20px 0em;
    text-align: left;
    text-transform: none;
}
.x-text ul{
    margin: 0 0 1.5em 1.5em;
    list-style: disc;
}
.x-text a{color: #3d55dd;}
.x-text h1 {
    font-size: 40px;
    color: #1a1a1a!important;
    margin-bottom: .5rem;
}
.x-text p{
    font-size: 16px;
    line-height: 28px;
    color: #252526;
    margin-top: 35px;
    text-transform:none;
}
.btn {
    letter-spacing: normal;
    padding: 10px 55px;
    border: 0 none;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    background: rgba(0,0,0,0) linear-gradient(261deg, #dfd902 -10%, #ff4800 15%, #da54d8 100%) 0% 0% no-repeat padding-box;
    border-radius: 50rem!important;
    margin-bottom: 20px;
}

@media(max-width: 1400px) {
    .main {
        font-size:12px
    }

    .screen_bot_r h6 {
        margin-bottom: 18px
    }

    .screen_bot_r li svg {
        font-size: 31px;
        width: 31px
    }

    .service_item .screen_sel {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .service_item .screen_sel button {
        width: 213px;
        height: 38px;
        line-height: 38px;
        border-radius: 19px
    }

    .home_content header {
        padding: 45px 0;
        font-size: 30px
    }

    .home_content .learnmore {
        padding: 10px 32px
    }

    .home_content .learnmore {
        font-size: 12px
    }

    .advantage_item_con>ul {
        padding: 0
    }

    .advantage_item_con li {
        width: 42.4%
    }

    .advantage_item_con h6 {
        font-size: 18px
    }

    .advantage_logo {
        margin-right: 17px;
        width: 76px;
        height: 76px;
        line-height: 76px;
        font-size: 40px
    }

    .advantage_item_con li h6 {
        height: 48px
    }

    .lunbo_item h5 {
        font-size: 18px;
        margin-bottom: 12px
    }

    .lunbo_item h5+p {
        font-size: 12px
    }

    .lunbo_item .swiper-slide .img_box {
        margin-right: 20px
    }

    .swiper-con {
        padding: 18px 16px 18px 20px
    }

    .lunbo_item .swiper-pagination>span {
        width: 16px;
        height: 16px
    }

    .lunbo_item .swiper-button-next,.lunbo_item .swiper-button-prev {
        width: 24px;
        height: 24px
    }

    .lunbo_item_con {
        padding: 0 54px
    }

    .lunbo_item .swiper-slide .img_box {
        width: 92px
    }

    .steps_item h5 {
        font-size: 20px
    }

    .service_item .screen_sel button {
        font-size: 15px
    }
    .x-text h1{font-size: 24px;}
    .x-text p{font-size: 12px;line-height: 20px;margin-top: 0.5em;}
    .btn{text-align: left;}
    .x-row-inner{
        display: flex;
        align-items:center;
    }
    .x-row-inner .x-col{
        width: 50%;
    }
    .x-col img{
        width: 100%;
        height: auto;
    }
}

@media(min-width: 1024px) and (max-width:1400px) {
    .home_content {
        padding-left:60px;
        padding-right: 60px
    }
}

@media(max-width: 1024px) {
    .service_item .screen_sel {
        padding:0 131px
    }

    .screen_sel_bot_Phone .screen_bot_l {
        margin-left: 16px
    }

    .screen_bot_r {
        padding-top: 0
    }

    .home_content header {
        padding: 33px 0
    }

    .service_item .screen_sel,.screen_sel_bot {
        padding: 0
    }

    .screen_sel_bot_Phone .screen_bot_l {
        margin-left: 0
    }

    .screen_bot_r {
        padding-top: 100px
    }

    .home_content {
        padding-left: 20px;
        padding-right: 20px
    }

    .screen_sel_bot_Phone .screen_bot_r {
        width: 58%
    }

    .measures_item_con h5 {
        margin-top: 20px;
        margin-bottom: 14px
    }

    .measures_item_con li {
        width: 48.7%
    }

    .technology_con_l>p:first-child {
        margin-top: 0
    }

    .technology_con_l {
        width: 47%
    }

    .technology_con_r {
        width: 51%
    }

    .technology_item .learnmore {
        display: inline-block
    }

    .technology_con_l .learnmore {
        display: none
    }

    .advantage_item_con>ul {
        display: block
    }

    .advantage_item_con li {
        width: 100%
    }

    .advantage_item_con li {
        margin-bottom: 18px
    }

    .advantage_item_con li h6 {
        height: auto;
        margin-bottom: 0
    }

    .advantage_item_con>ul {
        height: auto
    }

    .lunbo_item_con {
        padding: 0 40px
    }

    .focPay_item .swiper-slide>img {
        width: 135px
    }
    .x-row-inner{
        display: flex;
        align-items:center;
    }
    .x-row-inner .x-col{
        width: 50%;
    }
    .x-col img{
        width: 100%;
        height: auto;
    }
}

@media(max-width: 768px) {
    .focPay_item ul {
        display:block;
        margin-top: 28px
    }

    .focPay_item li {
        width: 100%;
        padding: 0 0 15px;
        border-left: none;
        border-bottom: 1px dashed rgba(8,37,64,0.2);
    }

    .screen_bot_r {
        padding-top: 37px
    }

    .screen_sel_bot_Phone.cur {
        flex-direction: column;
        align-items: center
    }

    .screen_sel_bot_Phone .screen_bot_r {
        width: 100%
    }

    .screen_bot_r h6 {
        margin-bottom: 12px
    }

    .service_item .screen_sel {
        display: block
    }

    .service_item .service_item_con .screen_sel button {
        width: 100%;
        margin: 0;
        text-align: left;
        justify-content: flex-start;
        padding: 0 24px
    }

    .service_item .service_item_con .screen_sel button:nth-child(n+2) {
        margin-top: 20px
    }

    .measures_item_con {
        display: block
    }

    .measures_item_con li {
        width: 100%
    }

    .technology_item_con {
        display: block
    }

    .technology_con_l,.technology_con_r {
        width: 100%
    }

    .technology_item .learnmore {
        display: none
    }

    .technology_con_l .learnmore {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px
    }

    .steps_item ul {
        display: block
    }

    .steps_item li {
        width: 100%;
        text-align: left
    }

    .steps_item li>h5,.steps_item li>p {
        padding-left: 60px
    }

    .steps_item .xuhao {
        float: left
    }

    .steps_item_con {
        display: flex
    }

    .steps_item_con .henxian {
        display: none
    }

    .steps_item_con .henxian2 {
        display: block;
        position: absolute;
        border-left: 1px solid #ccc;
        height: 70%;
        width: 1px;
        transform: translateY(34px) translateX(20px);
        z-index: -1
    }

    .steps_item_con ul {
        margin: 0 auto
    }

    .focPay_item footer {
        margin-top: 63px
    }

    .screen_sel_bot {
        padding: 0
    }

    .focPay_item .swiper-slide>img {
        width: 80%
    }
    .x-row-inner{
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .x-row-inner .x-col{
        width: 100%;
    }
    .x-col img{
        width: 100%;
        height: auto;
    }
    .x-text h1{font-size: 24px;text-align: center;}
    .x-text p{font-size: 12px;line-height: 20px;margin-top: 0.5em;text-align: center;}
    .btn{display: block;text-align: center;}
}