/* .page-swiper-container {} */

.page-swiper-container {
    height  : 100vh;
    overflow: hidden;
}

/* .page-swiper-container .swiper-wrapper {} */



.page-swiper-container-footer {
    padding         : 6px 20px;
    display         : flex;
    align-items     : center;
    justify-content : flex-end;
    background      : linear-gradient(180.00deg, #eefef1 0%, #eefef100 0%, #eefef1cf 53.69%, #eefef1 100%);
    transform-origin: bottom center;
    position        : fixed;
    bottom          : 0;
    left            : 0;
    right           : 0;
}

.page-swiper-container-footer.transparent {
    background: none;
}


.page-swiper-container-footer .page-item-arrow {
    padding  : 20px;
    animation: page-item-arrow-run ease-in-out 1s infinite alternate;
}

.page-swiper-container-footer .page-item-arrow img {
    margin : 0 auto;
    display: block;
    width  : 18px;
    height : 11px;
}

.page-swiper-container-footer .page-item-arrow.arrow-prev img {
    transform: rotate(180deg);
}





.swiper-slide {
    position: relative;
}

.swiper-slide .page-item-footer {
    padding         : 6px 20px;
    width           : 375px;
    box-sizing      : border-box;
    display         : flex;
    align-items     : center;
    justify-content : flex-end;
    background      : linear-gradient(180.00deg, #eefef1 0%, #eefef100 0%, #eefef1cf 53.69%, #eefef1 100%);
    transform-origin: bottom left;
    position        : fixed;
    bottom          : 0;
    left            : 0;
    z-index         : 9;
}

.swiper-slide .page-item-footer.transparent {
    background: none;
}

.page-item-footer .page-item-arrow {
    padding      : 20px;
    border-radius: 50%;
    overflow     : hidden;
    animation    : page-item-arrow-run ease-in-out 1s infinite alternate;
}

.page-item-footer .page-item-arrow img {
    margin : 0 auto;
    display: block;
    width  : 18px;
    height : 11px;
}

@keyframes page-item-arrow-run {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-15px);
    }
}

.page-item-footer .page-item-arrow.arrow-prev img {
    transform: rotate(180deg);
}

.swiper-slide .page-item .page-item-swiper {
    height  : 100vh;
    position: relative;
    overflow: hidden;
}

.swiper-slide .page-item .page-item-swiper .swiper-slide {
    height    : auto;
    box-sizing: border-box;
}






.page-item-bg {
    width    : 177.777778vh;
    height   : 100%;
    position : absolute;
    top      : 0;
    left     : 50%;
    bottom   : 0;
    overflow : hidden;
    transform: translateX(-50%);
}

.page-item-bg img {
    width  : 100%;
    display: block;
}

.page-item-bg .bge {
    position: absolute;
    top     : 0;
    right   : 0;
    bottom  : 0;
    left    : 0;
}

.page-item-bg .bg1 {
    position: absolute;
    top     : 0;
    right   : 0;
    bottom  : 0;
    left    : 0;
}

.page-item-bg .bg2 {
    position: absolute;
    top     : 0;
    right   : 0;
    left    : 0;
    z-index : 9;
}

.page-item-bg .bg2.fixed {
    position: fixed;
    top     : -1080px;
    z-index : 1;
}

.page-item-bg .bg3 {
    width           : 594px;
    transform-origin: top right;
    position        : absolute;
    top             : 0;
    right           : 0;
    z-index         : 9;
}

.page-item-bg .bg3 .leaf {
    display : block;
    position: absolute;
    z-index : -1;
}

.page-item-bg .bg3 .leaf-42 {
    width : 31px;
    height: 35px;
    left  : 52px;
    top   : 429px;
}

.page-item-bg .bg3 .leaf-43 {
    width : 62px;
    height: 79px;
    left  : 196px;
    top   : 338px;
}

.loaded .page-item-bg .bg3 .leaf-42 {
    animation: leaf-42-move-hor 9s ease-in infinite,
        leaf-42-move-ver 9s ease-in infinite;
}

.loaded .page-item-bg .bg3 .leaf-43 {
    animation: leaf-43-move-hor 11s ease-in infinite,
        leaf-43-move-ver 11s ease-in infinite;
}

@keyframes leaf-42-move-hor {
    0% {
        left   : 176px;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        left   : 52px;
        opacity: 1;
    }

    100% {
        left   : -100px;
        opacity: 0;
    }
}

@keyframes leaf-42-move-ver {
    from {
        top: 220px;
    }

    to {
        top: 800px;
    }
}

@keyframes leaf-43-move-hor {
    0% {
        left   : 176px;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    79% {
        left   : 280px;
        opacity: 1;
    }

    100% {
        left   : 196px;
        opacity: 0;
    }
}

@keyframes leaf-43-move-ver {
    from {
        top: 220px;
    }

    to {
        top: 600px;
    }
}

.page-item-bg .bg5 {
    min-height: 100vh;
    position  : absolute;
    left      : 0;
    right     : 0;
    bottom    : 0;
}

.page-item-bg .bg>img {
    transform : translateX(100%);
    opacity   : 0;
    transition: opacity linear 1000ms;
}

.loaded .page-item-bg .bg>img {
    transform: translateX(0);
    opacity  : 1;
}


.page-item-bg .c {
    height  : auto;
    position: absolute;
    z-index : 10;
}

.page-item-bg .c45 {
    width: 24.5833333333333%;
    /* 281px */
    top  : 26.0185185185185%;
    /* 162px */
    right: -8.4375%;
}

.page-item-bg .c46 {
    width: 19.4791666666667%;
    /* 106px */
    top  : 9.814814814814815%;
    /* 27px */
    left : 1.40625%;
}

.page-item-bg .c47 {
    width : 34.4270833333333%;
    bottom: 0;
    /* 138px */
    right : -7.1875%;
}



/* 左右一共剩 198px */
.page-cloud .c {
    height        : auto;
    position      : fixed;
    z-index       : 10;
    pointer-events: none;
}

.page-cloud .c38 {
    /* width    : 130.5208333333333%; */
    width       : 2506px;
    right       : 50%;
    top         : 50%;
    /* transform: translate(30.5729166666667%, -50%); */
    transform   : translate(587px, -50%);
}

.page-cloud .c39 {
    /* width    : 109.9479166666667%; */
    width       : 2111px;
    left        : 50%;
    top         : 50%;
    /* transform: translate(-30.5729166666667%, -50%); */
    transform   : translate(-587px, -50%);
}

.page-cloud .c38 {
    animation: cloud-38-loading cubic-bezier(0.215, 0.610, 0.355, 1) 5s infinite alternate-reverse;
}

.page-cloud .c39 {
    animation: cloud-39-loading linear 5s infinite alternate-reverse;
}

.loaded .page-cloud .c38 {
    animation    : none;
    transition   : right linear 5s;
    /* right     : 180.5208333333333%; */
    right        : 3466px;
}

.loaded .page-cloud .c39 {
    animation    : none;
    transition   : left linear 5s;
    /* left      : 159.9479166666667%; */
    left         : 3071px;
}

@keyframes cloud-38-loading {
    from {
        transform: translate(30.5729166666667%, -50%);
    }

    to {
        transform: translate(20.5729166666667%, -50%);
    }
}

@keyframes cloud-39-loading {
    from {
        transform: translate(-30.5729166666667%, -50%);
    }

    to {
        transform: translate(-20.5729166666667%, -50%);
    }
}





.page-item-bg .slogan {
    width    : 480px;
    height   : 75px;
    position : absolute;
    top      : 60%;
    left     : 50%;
    transform: translate(-240px, -150px);
    opacity  : 0;
    filter   : blur(30px);
}

.loaded .page-item-bg .slogan {
    transition: top linear 1s 1s, opacity linear 1s 1s, filter linear 500ms 1.5s;
    top       : 50%;
    opacity   : 1;
    filter    : blur(0);
}

.page-item-bg .magpie {
    /* width   : 38px;
    height  : 27px; */
    width   : 1.9791666666667%;
    height  : 2.5%;
    position: absolute;
    animation: magpie-left-run 20s linear infinite,
        magpie-top-run 20s ease-in-out infinite,
        magpie-scale-run 20s linear infinite;
}

@keyframes magpie-top-run {
    0% {
        top: 10%;
    }

    9% {
        top: 30%;
    }

    15% {
        top: 25%;
    }

    20% {
        top: 28%;
    }

    25% {
        top: 10%;
    }
}

@keyframes magpie-left-run {
    0% {
        left: 100%;
    }

    25% {
        left: -10%;
    }

    100% {
        left: -10%;
    }
}

@keyframes magpie-scale-run {
    0% {
        transform: scale(0.5);
    }

    10% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(0.5);
    }
}

.page-item-bg .car {
    /* width    : 106px;
    height   : 59px; */
    width       : 5.5208333333333%;
    height      : 5.462962962962963%;
    position    : absolute;
    /* animation: car-run 20s linear infinite; */
}

.page-item-bg .car>img {
    display: block;
    width  : 100%;
    height : 100%;
}

.page-item-bg .car>.order {
    display         : block;
    width           : auto;
    height          : auto;
    min-width       : 51px;
    min-height      : 47px;
    padding         : 9px 9px 18px 9px;
    background-color: #ffcb72;
    background-clip : content-box;
    box-sizing      : border-box;
    font-weight     : 700;
    font-size       : 18px;
    text-align      : center;
    color           : #fffffa;
    position        : absolute;
    bottom          : 100%;
    left            : 80%;
    transform       : translateX(-50%) scaleY(0);
    transition      : transform linear 100ms;
}

.page-item-bg .car>.order::before {
    display     : block;
    padding-left: 0.8em;
    content     : attr(data-count)"！";
    text-align  : center;
    white-space : nowrap;
}

.page-item-bg .car.active>.order {
    transform: translateX(-50%) scaleY(1);
}




.page-item-bg .car>.order>.r {
    display        : block;
    width          : 10px;
    height         : 10px;
    background-size: 10px 10px;
    position       : absolute;
}

.page-item-bg .car>.order>.tl {
    background-image: url(../../home_res/images/order/tl.png);
    top             : 0;
    left            : 0;
}

.page-item-bg .car>.order>.tr {
    background-image: url(../../home_res/images/order/tr.png);
    top             : 0;
    right           : 0;
}

.page-item-bg .car>.order>.br {
    height          : 19px;
    background-size : 10px 19px;
    background-image: url(../../home_res/images/order/br.png);
    bottom          : 0;
    right           : 0;
}

.page-item-bg .car>.order>.bl {
    height          : 19px;
    background-size : 10px 19px;
    background-image: url(../../home_res/images/order/bl.png);
    bottom          : 0;
    left            : 0;
}

.page-item-bg .car>.order>.l {
    display : block;
    position: absolute;
}

.page-item-bg .car>.order>.lt {
    background-image : url(../../home_res/images/order/lt.png);
    background-size  : 1px 10px;
    background-repeat: repeat-x;
    height           : 10px;
    top              : 0;
    left             : 10px;
    right            : 10px;
}

.page-item-bg .car>.order>.lr {
    background-image : url(../../home_res/images/order/lr.png);
    background-size  : 10px 1px;
    background-repeat: repeat-y;
    width            : 10px;
    top              : 10px;
    right            : 0;
    bottom           : 19px;
}

.page-item-bg .car>.order>.lb {
    background-image : url(../../home_res/images/order/lb.png);
    background-size  : 1px 19px;
    background-repeat: repeat-x;
    height           : 19px;
    bottom           : 0;
    left             : 10px;
    right            : 10px;
}

.page-item-bg .car>.order>.ll {
    background-image : url(../../home_res/images/order/ll.png);
    background-size  : 10px 1px;
    background-repeat: repeat-y;
    width            : 10px;
    top              : 10px;
    left             : 0;
    bottom           : 19px;
}

.page-item-bg .car>.order>.ba {
    display         : block;
    background-image: url(../../home_res/images/order/ba.png);
    background-size : cover;
    width           : 15px;
    height          : 19px;
    position        : absolute;
    bottom          : 0;
    left            : 50%;
    transform       : translateX(-50%);
}






@keyframes car-run {
    from {
        /** 372px **/
        bottom: 34.444444444444444%;
        left  : 0%;
    }

    to {
        /** 253px **/
        bottom: 23.425925925925926%;
        left  : 100%;
    }
}







.page-item {
    height    : 100vh;
    position  : relative;
    box-sizing: border-box;
    overflow  : hidden;
    overflow-y: auto;
}

.page-item .page-item-title {
    font-family: 'SourceHanSansCN-Heavy';
    font-weight: 900;
    font-size  : 24px;
    color      : #333;
    text-align : center;
}

.page-item .page-item-desc {
    padding    : 10px 40px 0;
    font-weight: 400;
    font-size  : 15px;
    text-align : center;
    color      : rgba(51, 51, 51, 0.6);
}

.page-item .page-item-body {
    padding         : 44px 0 88px;
    width           : 375px;
    transform-origin: top left;
}





.page-item.action .page-item-bg {
    width           : 177.777778vh;
    height          : 100vh;
    transform-origin: top left;
}

.page-item.action .action-slogan {
    display               : block;
    width                 : 272px;
    height                : 42px;
    transform-origin      : top left;
    position              : absolute;
    /* top                : 311/812px; */
    top                   : 38.30049261%;
    /* left               : 52/375px; */
    left                  : 13.866667%;
}

.page-item.action .action-btns {
    padding         : 10px 88px 60px;
    width           : 375px;
    box-sizing      : border-box;
    transform-origin: bottom left;
    position        : absolute;
    bottom          : 0;
    left            : 0;
}

.page-item.action .action-btns a {
    display      : block;
    width        : 200px;
    height       : 60px;
    border-radius: 30px;
    background   : #fff;
    box-shadow   : 0 1px 10px #ffb52be6;
    font-weight  : 700;
    font-size    : 20px;
    line-height  : 60px;
    text-align   : center;
    color        : #ef9d16;
}

.page-item.action .action-btns a+a {
    margin-top: 20px;
}

.page-item.action .action-btns a.min-pro {
    background: #ef9d16;
    box-shadow: 0 1px 10px #ffb52be6;
    color     : #fff;
}





.page-item.action .nav-btn {
    display         : block;
    box-sizing      : border-box;
    width           : 375px;
    height          : 90px;
    line-height     : 90px;
    text-align      : center;
    transform-origin: top left;
    position        : absolute;
    top             : 0;
    left            : 0;
}

.page-item.action .nav-btn a {
    height       : 40px;
    line-height  : 40px;
    border-radius: 30px;
    border       : none;
    display      : inline-block;
    padding      : 4px 40px 6px;
    font-weight  : 500;
    font-size    : 15px;
    text-align   : center;
    color        : #576b95;
    cursor       : pointer;
}

.page-item.action .nav-btn .hide {
    display: none;
}

.page-item.action .nav-btn .nav-toindex {
    padding: 5px 20px 7px;
}

.page-item.action .nav-btn .user-logo {
    margin-top    : -2px;
    display       : inline-block;
    vertical-align: middle;
    width         : 28px;
    height        : 28px;
    border        : solid 2px rgba(255, 255, 255, 0.5);
    border-radius : 50%;
    overflow      : hidden;
}

.page-item.action .nav-btn .nav-login-load {
    margin-left: 6px;
    font-size  : 0;
}


.page-item.action .nav-btn .nav-login-load img {
    width : 6px;
    height: 8px;
}

.page-item.action .nav-btn .nav-login-load img+img {
    margin-left: 2px;
}

.page-item.action .nav-btn .nav-login:hover .nav-login-load img:nth-child(1) {
    animation: nav-login-load-img-run 600ms linear infinite alternate-reverse;
}

.page-item.action .nav-btn .nav-login:hover .nav-login-load img:nth-child(2) {
    animation: nav-login-load-img-run 600ms 300ms linear infinite alternate-reverse;
}

.page-item.action .nav-btn a span,
.page-item.action .nav-btn a img {
    display       : inline-block;
    vertical-align: middle;
}

.page-item.action .nav-btn-img {
    opacity       : 0.5;
    filter        : alpha(opacity=50);
    /* IE */
    -moz-opacity  : 0.5;
    /* 老版Mozilla */
    -khtml-opacity: 0.5;
    /* 老版Safari */
}

.page-item.action .nav-user {
    float      : right;
    height     : 90px;
    line-height: 90px;
}

@keyframes nav-login-load-img-run {
    from {
        opacity: 1;
    }

    to {
        opacity       : 0.5;
        filter        : alpha(opacity=50);
        /* IE */
        -moz-opacity  : 0.5;
        /* 老版Mozilla */
        -khtml-opacity: 0.5;
        /* 老版Safari */
    }
}

.page-item.action .nav-btn .mgr-icon img {
    display: block;
    width  : 14px;
    height : 13px;
}



/***************场景******************/
.page-item.scene {
    background: #eefef1;
}

.page-item.scene .page-item-body {
    width           : 375px;
    transform-origin: top left;
}

.page-item.scene .scene-tips {
    padding    : 0 20px;
    font-weight: 400;
    font-size  : 15px;
    text-align : center;
    color      : rgba(51, 51, 51, 0.6);
}

.page-item.scene .scene-items {
    padding: 15px 20px;
}

.page-item.scene .scene-item {
    padding      : 0 30px 0 20px;
    height       : 90px;
    border-radius: 20px;
    background   : #fff;
    display      : flex;
    align-items  : center;
}

.page-item.scene .scene-item+.scene-item {
    margin-top: 10px;
}

.page-item.scene .scene-item .scene-item-header {
    flex    : 1;
    overflow: hidden;
}

.page-item.scene .scene-item .scene-item-title {
    font-family: 'SourceHanSansCN-Heavy';
    font-weight: 900;
    font-size  : 22px;
    color      : #333;
}

.page-item.scene .scene-item .scene-item-desc {
    font-weight: 400;
    font-size  : 13px;
    color      : rgba(51, 51, 51, 0.5);
}

.page-item.scene .scene-item .scene-item-icon .icon {
    display: block;
    width  : 75px;
    height : 62px;
}

.page-item.scene .scene-item .scene-item-icon .tip {
    transform: scale(0);
    position : absolute;
}

.page-item.scene .scene-items.logistics .scene-items-body {
    display    : flex;
    align-items: center;
}

.page-item.scene .scene-items.logistics .scene-items-body+.scene-items-body {
    margin-top: 10px;
}

.page-item.scene .logistics .scene-item {
    flex          : 1;
    margin        : 0;
    padding       : 20px 15px;
    width         : auto;
    height        : auto;
    border-radius : 10px;
    flex-direction: column;
    box-sizing    : border-box;
}

.page-item.scene .logistics .scene-item+.scene-item {
    margin-left: 10px;
}

.page-item.scene .logistics .scene-item .scene-item-icon img {
    display: block;
    width  : 34px;
    height : 24px;
}

.page-item.scene .logistics .scene-item .scene-item-title {
    margin-top : 7px;
    font-family: initial;
    font-weight: 700;
    font-size  : 17px;
}

.page-item.scene .logistics .scene-item .scene-item-desc {
    margin-top : 7px;
    font-weight: 400;
    font-size  : 13px;
    line-height: 16px;
    text-align : center;
    color      : rgba(51, 51, 51, 0.3);
}





/***************私域******************/
.page-item.siyu {
    background: #eefef1;
}

/* .page-item.siyu .page-item-body {} */


.page-item.siyu .siyu-items {
    padding   : 40px 0;
    overflow-x: auto;
}

.page-item.siyu .siyu-items .siyu-items-body {
    display    : inline-flex;
    align-items: flex-start;
}

.page-item.siyu .siyu-items .siyu-items-swiper .swiper-slide {
    padding   : 0 0 0 45px;
    width     : 270px;
    box-sizing: content-box;
}

.page-item.siyu .siyu-items-swiper .swiper-slide+.swiper-slide {
    padding: 0 45px 0 30px;
}

.page-item.siyu .siyu-item .siyu-item-icon {
    border-radius: 20px;
    width        : 268px;
    height       : 374px;
    background   : #f7f7f7;
    border       : 5px solid #fff;
    box-sizing   : border-box;
    overflow     : hidden;
}

.page-item.siyu .siyu-item .siyu-item-icon img {
    display                   : block;
    width                     : 258px;
    height                    : 364px;
    transition                : all 500ms;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin          : center center;
}

.page-item.siyu .siyu-item .siyu-item-title {
    padding    : 20px;
    font-weight: 700;
    font-size  : 22px;
    text-align : center;
    color      : rgba(51, 51, 51, 0.7);
}

.page-item.siyu .siyu-item .siyu-item-desc {
    font-weight: 400;
    font-size  : 15px;
    text-align : center;
    color      : rgba(51, 51, 51, 0.5);
}

.page-item.siyu .siyu-item .siyu-item-link {
    padding-top: 20px;
    font-weight: 400;
    font-size  : 13px;
    text-align : center;
    color      : #576b95;
}


.page-item.siyu .siyu-items.simplify {
    overflow-x: hidden;
}

.page-item.siyu .siyu-items.simplify .siyu-items-swiper .swiper-slide {
    padding: 0 0 0 15px;
    width  : 167px;
}

.page-item.siyu .siyu-items.simplify .siyu-items-swiper .swiper-slide+.swiper-slide {
    padding: 0 15px 0 10px;
}

.page-item.siyu .siyu-items.simplify .siyu-item .siyu-item-icon {
    width        : 167px;
    height       : 235px;
    border-radius: 10px;
    border       : none;
}

.page-item.siyu .siyu-items.simplify .siyu-item .siyu-item-icon img {
    width : 167px;
    height: 235px;
}

.page-item.siyu .siyu-items.simplify .siyu-item .siyu-item-title {
    font-size: 20px;
}

.page-item.siyu .siyu-items.simplify .detailed {
    display: none;
}

.page-item.siyu .siyu-items.detailed .simplify {
    display: none;
}







/***************用户说******************/
.page-item.talks {
    background: #eefef1;
}

/* .page-item.talks .page-item-body {} */
.page-item.talks .talks-items {
    padding: 15px 0 0;
}

.talks-items .talks-items-column {
    padding    : 8px 15px;
    display    : flex;
    align-items: flex-start;
}

.talks-items .talks-items-column .head {
    margin-top   : 15px;
    background   : #e5faff;
    border       : 2px solid #fff;
    border-radius: 50%;
    overflow     : hidden;
}

.talks-items .talks-items-column .head img {
    display      : block;
    width        : 35px;
    height       : 35px;
    border-radius: 50%;
    overflow     : hidden;
}

.talks-items .talks-items-column .arrow {
    margin-top: 30px;
    width     : 10px;
    height    : 10px;
    background: #fff;
    transform : translateX(5px) rotate(45deg);
}

.talks-items .talks-item {
    flex         : 1;
    overflow     : hidden;
    border-radius: 15px;
    background   : #fff;
}

.talks-items .talks-item .talks-item-header {
    padding    : 15px 20px;
    display    : flex;
    align-items: center;
}

.talks-items .talks-item .talks-item-header .name {
    flex       : 1;
    overflow   : hidden;
    font-weight: 700;
    font-size  : 17px;
    color      : #333;
}

.talks-items .talks-item .talks-item-header .addr {
    font-weight: 400;
    font-size  : 13px;
    color      : #ccc;
}

.talks-items .talks-item .talks-item-body {
    padding    : 0 20px 15px;
    font-weight: 400;
    font-size  : 15px;
    line-height: 22px;
    color      : #666;
}

.talks-items .talks-item .talks-item-body .content::before {
    content: "“";
}

.talks-items .talks-item .talks-item-body .content::after {
    content: "”";
}






/***************关于******************/

/* .page-item.about {} */

.page-item.about .page-item-bg {
    width     : 100vw;
    height    : auto;
    background: #eefef1;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    transform : none;
    overflow  : hidden;
}

.page-item.about .page-item-bg .bg5 {
    /* 1920/2271 */
    min-height: 100vw;
}

/* .page-item.about .page-item-body {} */

.page-item.about .concat-box {
    margin         : 0 auto;
    display        : flex;
    align-items    : flex-start;
    justify-content: center;
}

.page-item.about .concat-box-item {
    width        : 130px;
    height       : 150px;
    border-radius: 5px;
    background   : #fff;
    font-weight  : 700;
    font-size    : 15px;
    text-align   : center;
    color        : #000;
}

.page-item.about .concat-box-item img {
    width : 110px;
    height: 110px;
}

.page-item.about .concat-box-item+.concat-box-item {
    margin-left: 20px;
}

.page-item.about .concat-phone-box {
    margin         : 50px auto 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-family    : 'SourceHanSansCN-Heavy';
    font-weight    : 900;
    font-size      : 20px;
    color          : #000;
    text-align     : center;
}

.page-item.about .concat-phone-box img {
    margin : 0 10px 0 0;
    display: block;
    width  : 15px;
    height : 16px;
}

.page-item.about .concat-phone-box .phone {
    color: #000;
}



.about .nav-fotter-menus {
    margin     : 0 auto;
    line-height: 160px;
    text-align : center;
}

.about .nav-fotter-menus>li {
    display       : inline-block;
    vertical-align: middle;
    line-height   : 1;
}

.about .nav-fotter-menus>li.line {
    height     : 54px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.about .nav-fotter-menus>li a {
    padding    : 15px 25px;
    display    : block;
    font-weight: 400;
    font-size  : 13px;
    text-align : center;
    color      : rgba(0, 0, 0, 0.5);
    position   : relative;
}

.about .nav-fotter-menus>li a:hover {
    color: #576b95;
}

.about .nav-fotter-menus>li a .pdg {
    display : block;
    width   : 15px;
    height  : 15px;
    position: absolute;
    left    : 10px;
    top     : 14px;
}

.about .nav-fotter-menus>li a .pdg>img {
    display : block;
    width   : 100%;
    height  : 100%;
    position: absolute;
    top     : 0;
    left    : 0;
    opacity : 0;
}

.about .nav-fotter-menus>li a .pdg>.n,
.about .nav-fotter-menus>li a:hover .pdg>.h {
    opacity: 1;
}

.about .nav-fotter-menus>li a:hover .pdg>.n {
    opacity: 0;
}




.page-item.about .about-section-nf {
    font-weight: 400;
    font-size  : 11px;
    line-height: 18px;
    text-align : center;
    color      : rgba(0, 0, 0, 0.3);
}

.page-item.about .about-section-nf a {
    color: rgba(0, 0, 0, 0.3);
}



.page-item.about .action-btns {
    padding: 50px 20px 0;
}

.page-item.about .action-btn {
    margin       : 0 auto;
    display      : block;
    width        : 200px;
    height       : 60px;
    border-radius: 30px;
    background   : #fff;
    box-shadow   : 0 1px 10px #ffb52be6;
    font-weight  : 700;
    font-size    : 20px;
    line-height  : 60px;
    text-align   : center;
    color        : #ef9d16;
}

.page-item.about .action-btn+.action-btn {
    margin-top: 20px;
}

.page-item.about .action-btn.min-pro {
    background: #ef9d16;
    box-shadow: 0 1px 10px #ffb52be6;
    color     : #fff;
}