.iconfont {
    font-family: iconfont!important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-jianhao:before {
    content: "\e729"
}

.icon-zengjia:before {
    content: "\e889"
}

.icon-shuangjiantouxia:before {
    content: "\e714"
}

.icon-shuangjiantoushang:before {
    content: "\ec65"
}

.icon-jiantou_qiehuanxiangxia:before {
    content: "\eb04"
}

.icon-jiantou_qiehuanyou:before {
    content: "\eb05"
}

.icon-jiantou_qiehuanxiangshang:before {
    content: "\eb06"
}

.icon-jiantou_qiehuanzuo:before {
    content: "\eb07"
}

.icon-kehu:before {
    content: "\e620"
}

.icon-qiye:before {
    content: "\e621"
}

.icon-shichang:before {
    content: "\e622"
}

.icon-xiazai:before {
    content: "\e668"
}

.icon-xinwenicon1:before {
    content: "\e60a"
}

.icon-pdfxiazai1:before {
    content: "\e60b"
}

.icon-video-channel:before {
    content: "\e61f"
}

.icon-subscription:before {
    content: "\e61e"
}

.icon-services:before {
    content: "\e61d"
}

.icon-lianjie:before {
    content: "\e613"
}

.icon-fangda:before {
    content: "\ec13"
}

.icon-sousuo:before {
    content: "\e645"
}

.icon-jiantou_xiangshang:before {
    content: "\eb90"
}

.icon-jiantou11:before {
    content: "\ec64"
}

.icon-jiantou22:before {
    /* content: "\e6e3"; */
}

.icon-weixin1:before {
    content: "\e601"
}

.icon-weibo1:before {
    content: "\e632"
}

.icon-sousuoicon:before {
    content: "\e615"
}

.icon-jiantou-left:before {
    content: "\ec63"
}

.icon-jiantou:before {
    /* content: "\e616"; */
}

.icon-right:before {
    /* content: "\e64a"; */
}

.icon-left:before {
    /* content: "\ec60"; */
}

.icon-up:before {
    content: "\ec61"
}

.icon-down:before {
    content: "\ec62"
}

.icon-guanbi:before {
    content: "\e60c"
}

a,article,aside,b,body,button,dd,div,dl,dt,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,html,i,input,li,nav,p,section,select,span,textarea,ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    display: none;
    color: #000;
    background: #fff;
    overflow-x: hidden
}

body.is-load a {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

body.not-pc {
    cursor: pointer
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased
}

:active,:focus {
    outline: none
}

a {
    color: #000
}

a:focus,a:hover {
    text-decoration: none;
    color: #f68727
}

em {
    font-style: normal
}

img {
    border: 0;
    vertical-align: top;
    display: block
}

.clearFix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

input[type=button],input[type=reset],input[type=search],input[type=submit] {
    -webkit-appearance: none
}

button:focus,input:focus {
    outline: none!important
}

input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

textarea {
    -webkit-appearance: none
}

.scrolled {
    opacity: 1 !important;!i;!;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;!i;!;!;
}

.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0
}

.h1,h1 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1.2
}

.h1.big,h1.big {
    font-size: 120px
}

.h1.spacing,h1.spacing {
    letter-spacing: 20px
}

.h2,h2 {
    font-size: 38px;
    font-weight: 400;
    line-height: 1.6
}

.h2.spacing,h2.spacing {
    letter-spacing: 20px
}

.h3,h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.6
}

.h3.spacing,h3.spacing {
    letter-spacing: 20px
}

.h4,h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6
}

.h4.spacing,h4.spacing {
    letter-spacing: 20px
}

.h5,h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6
}

.h5.spacing,h5.spacing {
    letter-spacing: 20px
}

.h6,.p,h6,p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6
}

.h6.small,.p.small,h6.small,p.small {
    font-size: 12px
}

@media (max-width: 1919px) and (min-width:1601px) {
    .h1,h1 {
        font-size:56px
    }

    .h1.big,h1.big {
        font-size: 120px
    }
}

@media screen and (max-width: 1600px) {
    .h1,h1 {
        font-size:56px
    }

    .h1.big,h1.big {
        font-size: 120px
    }

    .h2,h2 {
        font-size: 34px
    }

    .h3,h3 {
        font-size: 22px
    }

    .h4,h4 {
        font-size: 16px
    }

    .h5,.p,h5 {
        font-size: 14px
    }

    .h6,.p,h6,p {
        font-size: 12px
    }
}

@media screen and (max-width: 1440px) {
    .h1,h1 {
        font-size:48px
    }

    .h1.big,h1.big {
        font-size: 100px
    }
}

@media screen and (max-width: 767px) {
    .h1,h1 {
        font-size:60px;
        line-height: 1.5
    }

    .h1.big,h1.big {
        font-size: 80px
    }

    .h2,h2 {
        font-size: 48px
    }

    .h2,.h3,h2,h3 {
        line-height: 1.5
    }

    .h3,h3 {
        font-size: 36px
    }

    .h4,h4 {
        font-size: 28px
    }

    .h4,.h5,h4,h5 {
        line-height: 1.5
    }

    .h5,h5 {
        font-size: 24px
    }

    .h6,.p,h6,p {
        font-size: 18px;
        line-height: 1.5
    }
}

@media screen and (max-width: 480px) {
    .h1,h1 {
        font-size:30px;
        line-height: 1.5
    }

    .h1.big,h1.big {
        font-size: 60px
    }

    .h1.spacing,h1.spacing {
        letter-spacing: 20px
    }

    .h2,h2 {
        font-size: 24px;
        line-height: 1.5
    }

    .h2.spacing,h2.spacing {
        letter-spacing: 15px
    }

    .h3,h3 {
        font-size: 18px;
        line-height: 1.5
    }

    .h3.spacing,h3.spacing {
        letter-spacing: 8px
    }

    .h4,h4 {
        font-size: 16px;
        line-height: 1.5
    }

    .h4.spacing,h4.spacing {
        letter-spacing: 8px
    }

    .h5,.h6,.p,h5,h6,p {
        font-size: 14px;
        line-height: 1.5
    }

    .h5.spacing,.h6.spacing,.p.spacing,h5.spacing,h6.spacing,p.spacing {
        letter-spacing: 8px
    }
}

.bolder {
    font-weight: bolder
}

.delay100 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.delay200 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.delay300 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay400 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.delay500 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay600 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.delay700 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.delay800 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.delay900 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.delay1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay1100 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.delay1200 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay1300 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.delay1400 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.delay1500 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay1600 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.delay1700 {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.delay1800 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.delay1900 {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.delay2000 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay3000 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.duration500 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.duration700 {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.duration1000 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.duration1200 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.duration1500 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.duration2000 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.duration2500 {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.duration3000 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.duration6000 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.duration10000 {
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

body.is-load .ts-delay100 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

body.is-load .ts-delay200 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

body.is-load .ts-delay300 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

body.is-load .ts-delay400 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

body.is-load .ts-delay500 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

body.is-load .ts-delay600 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

body.is-load .ts-delay700 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

body.is-load .ts-delay800 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

body.is-load .ts-delay900 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

body.is-load .ts-delay1000 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

body.is-load .ts-all-ease-400 {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

body.is-load .ts-all-ease-400,body.is-load .ts-duration400 {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

body.is-load .ts-duration600 {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

body.is-load .ts-duration800 {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

body.is-load .ts-duration1000 {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

body.is-load .ts-property-all {
    -webkit-transition-property: all;
    transition-property: all
}

body.is-load .ts-timing-function-ease {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.stage-sticky {
    overflow: inherit;
    z-index: auto
}

.sticky-box {
    width: 100%;
    height: 100vh;
    position: sticky;
    overflow: hidden;
    top: 0
}

#main-wrap {
    z-index: 10;
    position: relative;
    background: #fff
}

.bg {
    width: 100%
}

.inner-container {
    position: relative;
    width: 85%;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .inner-container {
        width:100%
    }
}

@media (min-width: 1024px) {
    .container {
        width:85%
    }
}

@media screen and (max-width: 767px) {
    .inner-container {
        width:100%
    }
}

.swiper-pagination-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 50px;
    height: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 10px;
    border-radius: 0;
    background: #f68727;
    opacity: 1
}

.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type {
    margin-left: 0
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 50px;
    height: 4px;
}

.swiper-button-next,.swiper-button-prev {
    width: 73px;
    height: 64px;
    margin-top: -32px;
    border: 1px solid #f68727;
    -webkit-transition: background .4s ease;
    transition: background .4s ease
}

.swiper-button-next:after,.swiper-button-prev:after {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    color: #f68727;
    font-size: 24px
}

.swiper-button-next:hover,.swiper-button-prev:hover {
    background: #f68727
}

.swiper-button-next:hover:after,.swiper-button-prev:hover:after {
    color: #fff
}

.swiper-button-prev {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.swiper-button-next {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

@media screen and (max-width: 1440px) {
    .swiper-button-next,.swiper-button-prev {
        width:54px;
        height: 48px;
        margin-top: -24px
    }

    .swiper-button-prev {
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px
    }

    .swiper-button-next {
        border-top-right-radius: 14px;
        border-bottom-right-radius: 14px
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-next,.swiper-button-prev {
        width:40px;
        height: 36px;
        margin-top: -18px
    }

    .swiper-button-prev {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .swiper-button-next {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }
}

.visible-vert {
    display: none!important
}

.is-vertical .visible-vert {
    display: block!important
}

.is-vertical .hidden-vert {
    /* display: none!important; */
}

.c-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98
}

.c-header .top-part {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    top: 0;
    z-index: 2
}

.c-header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-header .logo-wrap {
    height: 50px
}

.c-header .logo-wrap .logo,.c-header .logo-wrap h1 {
    height: 100%
}

.c-header .logo-wrap .logo {
    display: none
}

.c-header .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    color: #f68727;
    margin-right: 10%;
}

.c-header .menu-list,.c-header .menu-list .item {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header .menu-list .item {
    display: none;
    height: 100%;
    cursor: pointer
}

.c-header .menu-list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header .menu-list .item:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    z-index: -1;
    content: "";
    border-radius: 30px;
    background: rgba(0,0,0,.05);
    opacity: 0
}

.c-header .menu-list .item .icon-down {
    margin-left: 10px;
    font-size: 14px
}

.c-header .menu-list .item .icon-sousuoicon {
    font-size: 24px
}

.c-header .menu-list .item .second-menu-list {
    position: absolute;
    top: 100%;
    right: -30px;
    display: none;
    width: 140px;
    margin-top: 10px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 5px 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.c-header .menu-list .item .second-menu-list li {
    line-height: 1;
    overflow: hidden
}

.c-header .menu-list .item .second-menu-list li a {
    display: block;
    padding: 15px;
    -webkit-transition: none;
    transition: none
}

.c-header .menu-list .item .second-menu-list li a:hover {
    background-color: #f68727;
    color: #fff
}

.c-header .menu-list .item.show-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-header .menu-list .item.hover:after,.c-header .menu-list .item:hover:after {
    opacity: 1
}

.c-header .menu-list .item.hover a,.c-header .menu-list .item:hover a {
    color: #f68727
}

.c-header .menu-list .item.lang-item:after,.c-header .menu-list .item.search-item:after {
    display: none
}

.c-header .menu-list .item.lang-item {
    margin-left: 20px;
    display: none
}

.c-header .menu-list .item.search-item {
    margin-left: 10px
}

.c-header .menu-bar {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 4;
    height: 100px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.c-header .menu-bar.hide-menu-bar {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-header .menu-bar .bg {
    width: auto;
    height: 100%
}

.c-header .menu-bar .line-wrap {
    position: absolute;
    top: calc(25% - 10px);
    right: calc(25% - 10px);
    width: 64px;
    padding: 15px;
    cursor: pointer
}

.c-header .menu-bar .line-wrap span {
    width: 100%;
    height: 1px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    margin-top: 10px;
    background: #fff;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.c-header .menu-items-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: auto;
    align-items: center;
}

.c-header .menu-items-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 260px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-header .menu-items-wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 60px;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    white-space: nowrap;
    overflow: hidden
}

.c-header .menu-items-wrap a span {
    display: block;
    width: 80px
}

.c-header .menu-items-wrap a:hover {
    color: #000
}

.c-header .menu-items-wrap a span:hover {
    color: #f68727
}

.c-header .menu-items-wrap .bg-gray {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    background: rgba(0,0,0,.05);
    opacity: 0
}

.c-header .menu-items-wrap li {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-bottom: 10px;
}

.c-header .second-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 450px;
    height: 100vh;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,.4)));
    background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,.4));
    -webkit-box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 4;
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
}

.c-header .second-menu .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 4;
    width: 64px;
    padding: 15px;
    cursor: pointer
}

.c-header .second-menu .btn-close span {
    width: 100%;
    height: 1px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    margin-top: 10px;
    background: #000;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 0
}

.c-header .second-menu .btn-close:hover span {
    background: #f68727
}

.c-header .second-menu .menu-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
    height: 120px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-header .second-menu .menu-head .menu-list {
    width: 260px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-header .second-menu .menu-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 120px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-header .second-menu.open {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.c-header .second-menu.open .btn-close span:first-of-type {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
    opacity: 1
}

.c-header .second-menu.open .btn-close span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(-45deg);
    transform: translateY(-16px) rotate(-45deg);
    opacity: 1
}

.c-header .second-menu-mb {
    display: none
}

.c-header .fourth-menu,.c-header .third-menu {
    position: absolute;
    top: 0;
    right: 450px;
    width: 350px;
    height: 100vh;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,.4)));
    background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,.4));
    -webkit-box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: none;
    z-index: 3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-header .fourth-menu .menu-items-wrap,.c-header .third-menu .menu-items-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header .fourth-menu ul,.c-header .third-menu ul {
    display: none
}

.c-header .hor-third-menu {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 80px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,.4)));
    background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,.4));
    -webkit-box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: hsla(0,0%,100%,.5);
    -webkit-box-shadow: -5px 5px 40px 0 rgba(0,0,0,.05);
    box-shadow: -5px 5px 40px 0 rgba(0,0,0,.05);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    overflow: hidden
}

.c-header .hor-third-menu .hor-menu-items-wrap {
    height: 70px
}

.c-header .hor-third-menu .hor-fourth-items-wrap {
    height: 50px
}

.c-header .hor-third-menu .hor-fourth-items-wrap ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.c-header .hor-third-menu ul {
    display: none;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-header .hor-third-menu ul,.c-header .hor-third-menu ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header .hor-third-menu ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 40px
}

.c-header .hor-third-menu ul li a {
    display: block;
    padding: 0 32px
}

.c-header .hor-third-menu ul li:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    z-index: -1;
    content: "";
    border-radius: 30px;
    background: rgba(0,0,0,.05);
    opacity: 0
}

.c-header .hor-third-menu ul li.hover:after,.c-header .hor-third-menu ul li:hover:after {
    opacity: 1
}

.c-header .fourth-menu {
    right: 800px;
    z-index: 2;
    width: 300px
}

.c-header .fourth-menu .menu-items-wrap ul {
    width: 220px
}

.c-header.hide-menu {
    height: 0
}

.c-header.hide-menu .top-part {
    top: -100px
}

.c-header.blue-color .logo-wrap .blue,.c-header.white-color .logo-wrap .white {
    display: block
}

.c-header.white-color .menu-list {
    color: #fff
}

.c-header.white-color .second-menu .menu-list {
    color: #f68727
}

.c-header.skin-white .logo-wrap .white {
    display: none
}

.c-header.skin-white .logo-wrap .blue {
    display: block
}

.c-header.skin-white .menu-list {
    color: #f68727
}

.c-header.skin-white .top-part {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,.4)));
    background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,.4));
    -webkit-box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    box-shadow: -20px 0 40px 0 rgba(0,0,0,.12);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-box-shadow: -5px 5px 40px 0 rgba(0,0,0,.05);
    box-shadow: -5px 5px 40px 0 rgba(0,0,0,.05);
    background: hsla(0,0%,100%,.7)
}

@media screen and (max-width: 1800px) {
    .c-header .menu-list .item a {
        padding: 0px 12px;
    }
}

@media screen and (max-width: 1440px) {
    .c-header .content {
        height:70px
    }

    .c-header .logo-wrap {
        height: 40px
    }

    .c-header .menu-items-wrap ul {
        width: 240px
    }

    .c-header .menu-items-wrap a {
        line-height: 40px
    }

    .c-header .menu-items-wrap .bg-gray {
        height: 40px
    }

    .c-header .menu-items-wrap li {
        padding-bottom: 25px
    }

    .c-header .menu-list {
        height: 32px
    }

    .c-header .menu-list .item:after {
        border-radius: 20px
    }

    .c-header .menu-bar {
        height: 70px;
    }

    .c-header .menu-bar .line-wrap {
        top: calc(33% - 15px);
        right: calc(33% - 10px);
        width: 45px;
        padding: 10px
    }

    .c-header .menu-bar .line-wrap span {
        margin-top: 8px
    }

    .c-header .hor-third-menu {
        top: 70px
    }

    .c-header .hor-third-menu ul li {
        height: 32px
    }

    .c-header.hide-menu .top-part {
        top: -70px
    }
}

@media screen and (max-width: 1366px) {
    .c-header .menu-list .item a {
        padding:0 20px
    }
}

@media screen and (max-width: 1260px) {
    .c-header .menu-list .item a {
        padding:0 15px
    }
}

@media screen and (max-width: 1200px) {
    .c-header .menu-list .item a {
        padding:0 9px
    }
}

.is-vertical .c-header .content {
    height: 60px
}

.is-vertical .c-header .logo-wrap {
    height: 28px
}

.is-vertical .c-header .menu-bar {
    height: 70px
}

.is-vertical .c-header .menu-bar .line-wrap {
    top: calc(30% - 18px);
    right: calc(30% - 10px);
    width: 36px;
    padding: 7px
}

.is-vertical .c-header .menu-bar .line-wrap span {
    margin-top: 7px
}

.is-vertical .c-header .second-menu-mb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,.5)));
    background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,.5));
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.is-vertical .c-header .second-menu-mb .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 40px;
    padding: 7px;
    cursor: pointer
}

.is-vertical .c-header .second-menu-mb .btn-close span {
    width: 100%;
    height: 1px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    margin-top: 10px;
    background: #000;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 0
}

.is-vertical .c-header .second-menu-mb .search-wrap {
    position: relative
}

.is-vertical .c-header .second-menu-mb .search-wrap .btn-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-header .second-menu-mb .search-wrap input {
    height: 40px;
    padding-left: 50px;
    border-radius: 30px!important;
    border-color: #c9ccd4
}

.is-vertical .c-header .second-menu-mb .mb-menu-items {
    height: calc(100vh - 15px - 80px - 40px - 80px);
    margin-top: 15px;
    margin-right: -15px;
    padding-right: 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.is-vertical .c-header .second-menu-mb .mb-menu-items li {
    border-bottom: 1px solid #96999a
}

.is-vertical .c-header .second-menu-mb .mb-menu-items a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 15px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .icon-down {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .level2-menu {
    display: none;
    margin-left: 15px
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .level2-menu a {
    padding-top: 12px;
    padding-bottom: 12px
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .level2-menu li:first-of-type > a {
    padding-top: 0
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .level2-menu li:last-of-type {
    border-bottom: none
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .level3-menu {
    display: none;
    margin-left: 15px
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .level3-menu li {
    padding-top: 0;
    padding-bottom: 0
}

.is-vertical .c-header .second-menu-mb .mb-menu-items .level3-menu li:first-of-type {
    padding-top: 0
}

.is-vertical .c-header .second-menu-mb .mb-menu-items li.open>a .icon-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.is-vertical .c-header .second-menu-mb .change-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-header .second-menu-mb .change-language .item {
    border-right: 1px solid #000;
    line-height: 1
}

.is-vertical .c-header .second-menu-mb .change-language .item:last-of-type {
    border-right: none
}

.is-vertical .c-header .second-menu-mb .change-language .item a {
    display: block;
    padding: 0 25px
}

.is-vertical .c-header .second-menu-mb.open .btn-close span:first-of-type {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
    opacity: 1
}

.is-vertical .c-header .second-menu-mb.open .btn-close span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(-45deg);
    transform: translateY(-16px) rotate(-45deg);
    opacity: 1
}

.is-vertical .c-header.hide-menu .top-part {
    top: -60px
}

.c-header .inner-container>.menu-list .item {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease
}

.c-header.open-search .top-part {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-box-shadow: -5px 5px 40px 0 rgba(0,0,0,.05);
    box-shadow: -5px 5px 40px 0 rgba(0,0,0,.05);
    background: hsla(0,0%,100%,.7)
}

.c-header.open-search .top-part .menu-list .item {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.c-header.open-search .menu-bar {
    z-index: 1
}

.c-header.open-search.hide-menu {
    height: auto
}

.c-header.open-search.hide-menu .top-part {
    top: 0
}

.c-header.open-search.hide-menu .top-part .menu-list .item {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.c-header .search-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    display: none;
    z-index: 6
}

.c-header .search-popup .search-mask {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100vh - 100px);
    z-index: -1;
    background: rgba(0,0,0,.5)
}

.c-header .search-popup .content {
    display: block;
    position: relative
}

.c-header .search-popup .logo-wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    left: 0
}

.c-header .search-popup .logo-wrap .logo {
    display: block!important;
    height: 100%
}

.c-header .search-popup .search-wrap {
    width: 60%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header .search-popup .search-wrap .search-inner-wrap {
    width: 100%;
    height: 45px;
    position: relative;
    border: 1px solid #f68727;
    border-radius: 45px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-header .search-popup .search-wrap .search-input {
    width: 100%;
    height: 100%;
    padding: 0 210px 0 35px;
    color: #f68727;
    background: none
}

.c-header .search-popup .search-wrap .search-input::-webkit-input-placeholder {
    color: #f68727
}

.c-header .search-popup .search-wrap .search-input:-moz-placeholder,.c-header .search-popup .search-wrap .search-input::-moz-placeholder {
    color: #f68727
}

.c-header .search-popup .search-wrap .search-input:-ms-input-placeholder {
    color: #f68727
}

.c-header .search-popup .search-wrap .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px 0 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f68727;
    cursor: pointer
}

.c-header .search-popup .search-wrap .btn-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 45px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    right: -50px;
    color: #f68727;
    cursor: pointer
}

.c-header .search-popup .search-wrap .btn-close .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-header .search-popup .search-list {
    width: 60%;
    margin: 0 auto;
    padding: 10px 0 30px;
    border-radius: 0 0 30px 30px;
    background: #eaf7f9;
    overflow: hidden
}

.c-header .search-popup .search-list .tip {
    padding: 0 35px;
    line-height: 50px;
    color: rgba(0,0,0,.5)
}

.c-header .search-popup .search-list .list {
    line-height: 50px
}

.c-header .search-popup .search-list .list .item a {
    display: block;
    padding: 0 35px
}

.c-header .search-popup .search-list .list .item a:hover {
    background: #fff
}

@media screen and (max-width: 1440px) {
    .c-header .search-popup {
        height:70px
    }

    .c-header .search-popup .search-mask {
        top: 70px;
        height: calc(100vh - 70px)
    }

    .c-header .search-popup .search-wrap .search-inner-wrap {
        height: 35px
    }

    .c-header .search-popup .search-wrap .search-inner-wrap .search-input {
        padding-left: 30px;
        padding-right: 170px
    }

    .c-header .search-popup .search-wrap .search-inner-wrap .btn-search {
        width: 140px
    }

    .c-header .search-popup .search-wrap .btn-close {
        width: 40px;
        height: 35px;
        right: -40px
    }

    .c-header .search-popup .search-list .list .item a,.c-header .search-popup .search-list .tip {
        line-height: 40px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.c-footer {
    position: relative;
    z-index: 11;
    margin-top: 0;
    padding-top: 0;
    background: #80b7ce
}

.c-footer .inner-container {
    padding-top: 70px
}

.c-footer .footer-content {
    position: relative;
    color: #fff
}

.c-footer .footer-content a {
    color: #fff
}

.c-footer .part-top {
    padding-bottom: 70px
}

.c-footer .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-footer .logo-wrap {
    width: 18%;
    height: 50px
}

.c-footer .logo-wrap .logo {
    height: 90%
}

.c-footer .map-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 62%;
    margin-top: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-footer .map-link-wrap .block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.c-footer .map-link-wrap .icon-down {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    top: -1px;
    margin-left: 3px;
    line-height: 1
}

.c-footer .map-link-wrap .map-block .open .icon-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-footer .map-link-wrap .block-title {
    margin-bottom: 30px;
    font-weight: 700
}

.c-footer .map-link-wrap li {
    margin-bottom: 20px
}

.c-footer .map-link-wrap li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.c-footer .map-link-wrap li a:hover {
    color: #f68727
}

.c-footer .map-link-wrap li ul {
    display: none;
    margin-top: 10px
}

.c-footer .map-link-wrap li ul li {
    margin-bottom: 10px
}

.c-footer .map-link-wrap li ul li a {
    color: hsla(0,0%,100%,.8)
}

.c-footer .social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.c-footer .social-media .media-title {
    margin-bottom: 30px
}

.c-footer .social-media .media-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-footer .social-media .media-list .item {
    position: relative;
    margin: 0 10px;
    text-align: center
}

.c-footer .social-media .media-list .item .icon-wrap {
    width: 48px;
    height: 48px;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    background: #4b8fb1;
    -webkit-transition: none;
    transition: none
}

.c-footer .social-media .media-list .item .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 24px
}

.c-footer .social-media .media-list .item p {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-top: 7px;
    white-space: nowrap;
    line-height: 1.2;
    color: #fff
}

.c-footer .social-media .media-list .item .qrcode {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    bottom: 100%
}

.c-footer .social-media .media-list .item:hover {
    z-index: 2;
    background: none
}

.c-footer .social-media .media-list .item:hover .qrcode {
    display: block
}

.c-footer .part-bottom {
    padding: 20px 0;
    background: #538ca9
}

.c-footer .part-bottom .inner-container {
    padding-top: 0
}

.c-footer .part-bottom .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-footer .part-bottom .line {
    margin: 0 15px
}

.c-footer .part-bottom a:hover {
    color: #f68727
}

.c-footer .part-bottom .more-link {
    margin-left: 30px
}

.c-footer .part-bottom .more-link a {
    display: inline-block;
    margin-right: 20px
}

.c-footer .part-bottom .more-link a:last-of-type {
    margin-right: 0
}

.c-footer .btn-back-top {
    position: absolute;
    top: -55px;
    right: 0;
    width: 110px;
    height: 110px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #f68727;
    -webkit-box-shadow: rgba(0,0,0,.2) 0 0 30px;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    cursor: pointer
}

.c-footer .btn-back-top:hover {
    color: #fff;
    background: #f68727;
    -webkit-box-shadow: rgba(114,182,227,.7) 0 0 30px;
    box-shadow: 0 0 30px rgba(114,182,227,.7)
}

.c-footer .btn-back-top .iconfont {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

@media screen and (max-width: 1600px) {
    .c-footer .btn-back-top .iconfont {
        -webkit-transform:scale(1);
        transform: scale(1)
    }

    .c-footer .social-media .media-list .item {
        margin: 0 5px
    }

    .c-footer .social-media .media-list .item .icon-wrap {
        width: 35px;
        height: 35px
    }

    .c-footer .social-media .media-list .item .iconfont {
        font-size: 18px
    }
}

@media screen and (max-width: 1440px) {
    .c-footer .logo-wrap {
        height:40px
    }

    .c-footer .btn-back-top {
        width: 90px;
        height: 90px;
        top: -45px
    }
}

@media screen and (min-width: 1024px) and (max-width:1179px) {
    .c-footer .container {
        width:95%
    }
}

.c-footer.inner-footer .map-link-wrap ul {
    display: none
}

.is-vertical .c-footer .content {
    display: block
}

.is-vertical .c-footer .part-top {
    padding-bottom: 30px
}

.is-vertical .c-footer .logo-wrap {
    width: 80%;
    height: 30px;
    margin: -5vw auto 30px
}

.is-vertical .c-footer .logo-wrap img {
    height: 100%
}

.is-vertical .c-footer .map-link-wrap {
    display: block;
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-footer .map-link-wrap .icon-down {
    display: block
}

.is-vertical .c-footer .map-link-wrap .map-block {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.is-vertical .c-footer .map-link-wrap .block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding: 12px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400
}

.is-vertical .c-footer .map-link-wrap ul {
    display: none;
    margin-left: 15px
}

.is-vertical .c-footer .map-link-wrap li {
    margin-bottom: 0;
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.is-vertical .c-footer .map-link-wrap li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-footer .map-link-wrap li a:hover {
    color: #fff
}

.is-vertical .c-footer .map-link-wrap li:first-of-type > a {
    padding-top: 0
}

.is-vertical .c-footer .map-link-wrap li:last-of-type {
    border-bottom: none
}

.is-vertical .c-footer .map-link-wrap li ul {
    display: none;
    margin-top: 0
}

.is-vertical .c-footer .social-media {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-footer .social-media .media-list .item {
    margin: 0 25px;
    color: #f68727;
    border: none
}

.is-vertical .c-footer .social-media .media-list .item .icon-wrap {
    background: hsla(0,0%,100%,.8)
}

.is-vertical .c-footer .part-bottom {
    margin: 0;
    padding: 15px 0;
    text-align: center;
    color: hsla(0,0%,100%,.8)
}

.is-vertical .c-footer .part-bottom .container {
    padding: 0
}

.is-vertical .c-footer .part-bottom .more-link {
    margin-top: 10px;
    margin-left: 0
}

.is-vertical .c-footer .btn-back-top {
    width: 70px;
    height: 70px;
    top: -35px
}

.is-vertical .c-footer.inner-footer .map-link-wrap li ul {
    display: none
}

.c-eq-video {
    width: 100%;
    height: 100%
}

.c-eq-video .eq-pic,.c-eq-video .eq-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-eq-video .eq-pic {
    position: relative;
    z-index: 2;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-banner {
    position: relative;
    z-index: 5;
    height: 100vh;
    padding-right: 40px;
    overflow-x: hidden
}

.c-banner .placeholder {
    width: 100%;
    opacity: 0
}

.c-banner .banner-swiper {
    position: relative;
    height: 100%;
    border-bottom-right-radius: 180px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #fff;
    overflow: hidden
}

.c-banner .banner-swiper:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    display: block;
    z-index: 2;
    content: "";
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.18)));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.18));
    pointer-events: none
}

.c-banner .swiper-slide {
    position: relative;
    overflow: hidden
}

.c-banner .swiper-slide .bg,.c-banner .swiper-slide .bg-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-banner .swiper-slide .bg {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-banner .swiper-slide .video-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.c-banner .side-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 39%;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

.c-banner .play-box {
    position: absolute;
    bottom: 5%;
    right: 10%;
    width: 16%
}

.c-banner .play-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.c-banner .play-box a .play-icon {
    width: 40%
}

.c-banner .play-box a .play-icon img {
    width: 100%
}

.c-banner .play-box a .h3 {
    font-weight: 700;
    margin-left: 5%
}

.c-banner .play-box a:hover {
    color: #f68727
}

.c-banner .mask {
    position: absolute;
    top: 20%;
    right: 0;
    width: 150%;
    height: 100%;
    border-radius: 100px;
    background: rgb(246 135 39 / 30%);
    -webkit-transform: rotate(20deg) translate(-100%,50%);
    transform: rotate(20deg) translate(-100%,50%);
    opacity: 0
}

.c-banner .text-wrap {
    position: absolute;
    left: 17%;
    bottom: 15%;
    width: 80%;
    color: #fff;
    pointer-events: auto
}

.c-banner .text-wrap .title {
    margin-bottom: 5px
}

.c-banner .text-wrap .description,.c-banner .text-wrap .title {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.c-banner .text-wrap .description {
    margin-bottom: 30px;
    padding-right: 30px;
    white-space: nowrap;
    letter-spacing: 6px
}

.c-banner .text-wrap .btn-link-wrap {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.c-banner .text-wrap .btn-link {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: -30px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #fff;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.c-banner .text-wrap .btn-link .iconfont {
    font-weight: 700
}

.c-banner .text-wrap .btn-link:hover {
    color: #f68727;
    /* border-color: #f68727; */
    text-decoration: none;
    background: #ffffff;
}

.c-banner .text-wrap .play-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-banner .swiper-controls {
    position: absolute;
    bottom: 25px;
    right: 10%;
    width: 180px;
    height: 25px
}

.c-banner .swiper-controls .swiper-button-next,.c-banner .swiper-controls .swiper-button-prev {
    width: 44px;
    height: 27px;
    margin-top: -24px;
    color: #fff;
    background: none;
    border: none
}

.c-banner .swiper-controls .swiper-button-next:after,.c-banner .swiper-controls .swiper-button-prev:after {
    font-size: 26px;
    color: #fff
}

.c-banner .swiper-controls .swiper-button-next:hover:after,.c-banner .swiper-controls .swiper-button-prev:hover:after {
    color: #f68727
}

.c-banner .swiper-controls .swiper-pagination {
    font-size: 16px;
    color: #fff
}

.c-banner .swiper-progress {
    position: absolute;
    top: 5px;
    right: 110%;
    width: 380px;
    height: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-banner .swiper-progress .item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px
}

.c-banner .swiper-progress .item:first-of-type {
    margin-left: 0
}

.c-banner .swiper-progress .item .line {
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 2px
}

.c-banner .swiper-progress .item .line-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #f68727;
    border-radius: 2px;
    opacity: 0
}

.c-banner .swiper-progress .item.active {
    width: 40%
}

.c-banner .swiper-progress .item.active .line-active {
    opacity: 1;
    -webkit-animation: line-ani 6s linear;
    animation: line-ani 6s linear
}

@-webkit-keyframes line-ani {
    0% {
        width: 0
    }

    95%,to {
        width: 100%
    }
}

.c-banner .swiper-slide.swiper-slide-active .bg {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.c-banner .swiper-slide.swiper-slide-active .mask {
    -webkit-transform: rotate(20deg) translate(0);
    transform: rotate(20deg) translate(0);
    opacity: 1
}

.c-banner .swiper-slide.swiper-slide-active .text-wrap .btn-link-wrap,.c-banner .swiper-slide.swiper-slide-active .text-wrap .description,.c-banner .swiper-slide.swiper-slide-active .text-wrap .title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.c-banner .swiper-progress .item.active .line-active {
    -webkit-animation: line-ani linear 6s both;
    animation: line-ani linear 6s both
}

@keyframes line-ani {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.c-banner.inner-banner {
    height: auto
}

.c-banner.inner-banner .banner-swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: 100%
}

.c-banner.inner-banner .mask {
    -webkit-transform: rotate(45deg) translate(-50%,50%);
    transform: rotate(45deg) translate(-50%,50%)
}

.c-banner.inner-banner .swiper-slide.swiper-slide-active .mask {
    -webkit-transform: rotate(45deg) translate(0);
    transform: rotate(45deg) translate(0)
}

.is-vertical .c-banner {
    padding-right: 0
}

.is-vertical .c-banner .banner-swiper {
    border-bottom-right-radius: 100px
}

.is-vertical .c-banner .side-left {
    width: 100%;
    height: 60%
}

.is-vertical .c-banner .mask {
    bottom: 23%;
    right: -4%;
    width: 200%;
    height: 200%;
    top: auto;
    border-radius: 50px;
    -webkit-transform: rotate(27deg) translate(-10%,-40%);
    transform: rotate(27deg) translate(-10%,-40%)
}

.is-vertical .c-banner .text-wrap {
    bottom: 15%;
    left: 7%;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-banner .text-wrap .title {
    letter-spacing: 20px
}

.is-vertical .c-banner .text-wrap .description {
    letter-spacing: 2px
}

.is-vertical .c-banner .text-wrap .btn-link {
    width: 40px;
    height: 40px;
    left: -15px
}

.is-vertical .c-banner .text-wrap .play-box .play-icon {
    width: 30%
}

.is-vertical .c-banner .swiper-controls {
    width: 80%
}

.is-vertical .c-banner .swiper-progress {
    right: 0;
    width: 100%
}

.is-vertical .c-banner.inner-banner .banner-swiper {
    width: 100%
}

.is-vertical .c-banner.inner-banner .side-left {
    height: 100%
}

.is-vertical .c-banner.inner-banner .swiper-slide .mask {
    width: 100%;
    height: 120%;
    left: 0;
    right: auto;
    bottom: 0;
    -webkit-transform: rotate(130deg) translate(120%,50%);
    transform: rotate(130deg) translate(120%,50%)
}

.is-vertical .c-banner.inner-banner .swiper-slide.swiper-slide-active .mask {
    -webkit-transform: rotate(130deg) translate(70%);
    transform: rotate(130deg) translate(70%)
}

@media screen and (min-width: 768px) {
    .is-vertical .c-banner .text-wrap {
        left:25%
    }
}

.pop-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1000
}

.pop-video .pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    z-index: 10
}

.pop-video .pop-close .iconfont {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.pop-video .pop-close:hover {
    color: #f68727
}

.pop-video .pop-video-content {
    position: relative;
    width: 100%;
    height: 100%
}

.c-layer-tip,.pop-video video {
    width: 100%;
    height: 100%
}

.c-layer-tip {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 101;
    pointer-events: none
}

.c-layer-tip .layer-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -5%;
    padding: 8px 20px;
    white-space: nowrap;
    background: rgba(0,0,0,.8);
    border-radius: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.c-button {
    display: inline-block
}

.c-button .iconfont {
    margin-left: 10px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.c-button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f68727;
    border: 1px solid #f68727;
    /* border-radius: 40px; */
}

.c-button a:hover {
    color: #fff;
    background: #f68727
}

.c-button a:hover .iconfont {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.c-text-info .title {
    position: relative;
    margin-bottom: 5px
}

.c-text-info .c-button {
    margin-top: 20px
}

.c-response-require {
    position: relative;
    height: 400vh
}

.c-response-require .container {
    height: 100%
}

.c-response-require .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-response-require .c-text-info {
    width: 40%
}

.c-response-require .side-right {
    position: relative;
    width: 47%
}

.c-response-require .side-right .bg {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.c-response-require .icons {
    position: absolute;
    top: 25%;
    left: -28%;
    width: 50%;
    height: 50%
}

.c-response-require .icons img {
    position: absolute;
    cursor: pointer;
    width: 45%
}

.c-response-require .icons .icon1 {
    position: absolute;
    top: 26%;
    right: -12%
}

.c-response-require .icons .icon2 {
    position: absolute;
    bottom: 5%;
    left: 5%
}

.c-response-require .icons .icon3 {
    position: absolute;
    top: -10%;
    left: 10%
}

.c-response-require .details,.c-response-require .details .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-response-require .details .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.c-response-require .details .item.active {
    pointer-events: auto
}

.c-response-require .details .pic-wrap {
    width: 48%;
    height: 48%;
    display: block;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.c-response-require .details .pic-wrap .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 100%
}

.c-response-require .details .text-wrap {
    width: 40%;
    margin-left: 5%
}

.c-response-require .details .title {
    margin-bottom: 10px;
    color: #f68727
}

.c-response-require .details .title a {
    color: #ffffff;
}

.is-vertical .c-response-require {
    height: 250vh
}

.is-vertical .c-response-require .content {
    display: block
}

.is-vertical .c-response-require .c-text-info {
    width: 100%;
    padding-top: 30px;
    margin-bottom: 20vh
}

.is-vertical .c-response-require .side-right {
    width: 100%
}

.is-vertical .c-response-require .side-right .bg {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.is-vertical .c-response-require .icons {
    top: -28%;
    left: 25%
}

.is-vertical .c-response-require .icons .icon1 {
    position: absolute;
    bottom: -12%;
    left: 27%;
    top: auto;
    right: auto
}

.is-vertical .c-response-require .icons .icon2 {
    position: absolute;
    top: 24%;
    left: 0;
    bottom: auto;
    left: -24%
}

.is-vertical .c-response-require .icons .icon3 {
    position: absolute;
    top: 24%;
    left: 76%
}

.is-vertical .c-response-require .details {
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%
}

.is-vertical .c-response-require .details .item {
    display: block
}

.is-vertical .c-response-require .details .pic-wrap {
    width: 40%;
    height: 40%;
    margin: 0 auto 30px
}

.is-vertical .c-response-require .details .text-wrap {
    width: 90%;
    margin: 0 auto;
    text-align: center
}

.is-vertical .c-response-require .details .title {
    margin-bottom: 10px
}

.c-services2 {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.c-services2 .bg-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background: #f6872712;
}

.c-services2 .side-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45%;
    height: 100%;
    z-index: 2
}

.c-services2 .side-left .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
    -webkit-transition: none;
    transition: none;
    overflow: hidden
}

.c-services2 .side-left .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* border-top-right-radius: 200px; */
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-services2 .side-left .item .text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    padding-right: 60px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background: rgb(246 135 39 / 40%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.c-services2 .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-services2 .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.c-services2 .c-text-info {
    width: 51%;
    margin-top: 8%;
    text-align: left
}

.c-services2 .icon-list {
    position: absolute;
    top: 35%;
    right: 0;
    width: 55%;
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    padding: 0 5% 0 2%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-services2 .icon-list .item {
    display: block;
    width: 25%;
    color: #777171;
}

.c-services2 .icon-list .inner-box {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.c-services2 .icon-list .icon-wrap {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    background: #fff;
    -webkit-box-shadow: -3.845px -1.103px 40px 0 #f68727b0;
    box-shadow: -3.845px -1.103px 40px 0 #f6872733;
    border-radius: 10px;
    overflow: hidden;
    width: 100px;
}

.c-services2 .icon-list .icon-wrap .icon,.c-services2 .icon-list .icon-wrap .icon-white {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 10%
}

.c-services2 .icon-list .icon-wrap .icon-white {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.c-services2 .icon-list .name {
    margin-top: 10px
}

.c-services2 .icon-list .item.active .icon-wrap,.c-services2 .icon-list .item:hover .icon-wrap {
    background: #f68727bd;
}

.c-services2 .icon-list .item.active .icon,.c-services2 .icon-list .item:hover .icon {
    margin-left: -85px;
}

.c-services2 .icon-list .item.active .icon-white,.c-services2 .icon-list .item:hover .icon-white {
    opacity: 1
}

.c-services2 .btn-next,.c-services2 .btn-prev {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 62px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer
}

.c-services2 .btn-prev {
    background: #f68727;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.c-services2 .btn-prev:hover {
    background: rgba(251,100,9,.9)
}

.c-services2 .btn-next {
    right: -80px;
    background: rgba(251,100,9,.5);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.c-services2 .btn-next:hover {
    background: rgba(251,100,9,.3)
}

.is-horizontal .c-services2 .side-left .item .text-wrap .title {
    width: 40%;
    padding: 10px;
    white-space: nowrap
}

.is-horizontal .c-services2 .side-left .item .text-wrap .description {
    width: 60%;
    padding: 10px
}

@media screen and (max-width: 1500px) {
    .is-horizontal .c-services2 .side-left .item .text-wrap .title.h3.spacing {
        letter-spacing:12px
    }

    .is-horizontal .c-services2 .side-left .item .text-wrap .description {
        font-size: .95em
    }
}

@media screen and (max-width: 1366px) {
    .is-horizontal .c-services2 .side-left .item .text-wrap .title.h3.spacing {
        letter-spacing:10px
    }

    .is-horizontal .c-services2 .side-left .item .text-wrap .description {
        font-size: .9em
    }
}

.is-vertical .c-services2 .container {
    width: 100%
}

.is-vertical .c-services2 .inner-container {
    height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.is-vertical .c-services2 .c-text-info {
    width: 100%;
    margin-top: 0;
    text-align: center
}

.is-vertical .c-services2 .c-text-info .description,.is-vertical .c-services2 .c-text-info .title {
    margin-bottom: 0
}

.is-vertical .c-services2 .side-left {
    width: calc(100% - 40px);
    height: 45%;
    top: 80px;
    bottom: auto
}

.is-vertical .c-services2 .side-left .item .bg {
    border-top-right-radius: 80px
}

.is-vertical .c-services2 .side-left .item .text-wrap {
    height: 90px;
    padding: 10px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.is-vertical .c-services2 .side-left .item .text-wrap .description {
    margin-left: 0
}

.is-vertical .c-services2 .btn-next,.is-vertical .c-services2 .btn-prev {
    width: 40px;
    height: 40px;
    bottom: 50px
}

.is-vertical .c-services2 .btn-prev {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.is-vertical .c-services2 .btn-next {
    right: -40px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.is-vertical .c-services2 .icon-list {
    top: auto;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: calc(55% - 135px);
    padding: 0 15px
}

.is-vertical .c-services2 .icon-list .item {
    width: 25%
}

.is-vertical .c-services2 .icon-list .item .inner-box {
    width: 90%
}

.is-vertical .c-services2 .icon-list .item .icon-wrap .icon,.is-vertical .c-services2 .icon-list .item .icon-wrap .icon-white {
    padding: 15%
}

.is-vertical .c-services2 .icon-list .item .name {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap
}

@media screen and (max-width: 480px) {
    .is-vertical .c-services2 .side-left .item .text-wrap .title {
        font-size:16px
    }

    .is-vertical .c-services2 .side-left .item .text-wrap .description {
        font-size: 12px
    }
}

.c-digital-empowerment {
    padding-top: 80px
}

.c-digital-empowerment .content {
    position: relative;
    border-top-left-radius: 160px;
    overflow: hidden
}

.c-digital-empowerment .bg-wrap {
    position: relative
}

.c-digital-empowerment .bg-color {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background: #eff8fe
}

.c-digital-empowerment .inner-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-digital-empowerment .c-text-info {
    position: absolute;
    top: 20%;
    left: 5%
}

@media screen and (max-width: 767px) {
    .c-digital-empowerment {
        padding-top:40px
    }

    .c-digital-empowerment .content {
        border-top-left-radius: 80px;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .c-digital-empowerment .c-text-info {
        top: 12%;
        left: 15px
    }
}

.c-news {
    margin-bottom: 120px;
    padding-top: 80px;
    overflow: hidden
}

.c-news .news-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-news .c-text-info .description {
    margin-bottom: 0
}

.c-news .news-body {
    position: relative;
    overflow: hidden;
}

.c-news .news-swiper .swiper-slide {
    display: block;
    /* border-top-left-radius: 100px; */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease,-webkit-box-shadow .4s ease;
    overflow: hidden
}

.c-news .news-swiper .swiper-slide:hover {
    -webkit-box-shadow: rgba(0,0,0,.15) 0 0 15px;
    box-shadow: 0 0 15px rgba(0,0,0,.15)
}

.c-news .news-swiper .pic-wrap {
    overflow: hidden
}

.c-news .news-swiper .pic-wrap:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-news .news-swiper .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-news .news-swiper .text-wrap {
    padding: 20px 50px 30px;
    background: #fff7f0;
}

.c-news .news-swiper .title {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 68px;
    position: relative;
    padding-right: 20px
}

.c-news .news-swiper .title .iconfont {
    position: absolute;
    bottom: 0;
    right: 0
}

.c-news .swiper-controls {
    margin-top: 50px
}

.c-news .swiper-button-next,.c-news .swiper-button-prev {
    margin-top: -60px;
    background: #fff
}

.c-news .swiper-button-next:hover,.c-news .swiper-button-prev:hover {
    background: #f68727
}

.c-news .swiper-button-next:hover:after,.c-news .swiper-button-prev:hover:after {
    color: #fff
}

.c-news .swiper-button-prev {
    left: -80px
}

.c-news .swiper-button-next {
    right: -80px
}

.c-news .swiper-pagination-bullets {
    position: relative;
    width: 30%;
    float: right
}

@media screen and (max-width: 1440px) {
    .c-news .swiper-button-prev {
        left:-58px
    }

    .c-news .swiper-button-next {
        right: -58px
    }
}

.is-vertical .c-news {
    margin-bottom: 80px;
    padding-top: 40px
}

.is-vertical .c-news .news-head {
    margin-bottom: 20px
}

.is-vertical .c-news .news-body {
    width: 80%;
    margin: 0 auto
}

.is-vertical .c-news .news-swiper .pic-wrap {
    border-top-left-radius: 80px
}

.is-vertical .c-news .news-swiper .text-wrap {
    padding: 10px 20px 15px
}

.is-vertical .c-news .news-swiper .title {
    margin-bottom: 10px;
    height: 50px
}

.is-vertical .c-news .swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 120%;
    margin-top: 30px;
    margin-left: -10%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-news .swiper-button-next,.is-vertical .c-news .swiper-button-prev {
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    margin-top: 0;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-news .swiper-button-next:after,.is-vertical .c-news .swiper-button-prev:after {
    font-size: 16px
}

.is-vertical .c-news .swiper-button-prev {
    left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.is-vertical .c-news .swiper-button-next {
    right: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.is-vertical .c-news .swiper-pagination-bullets {
    width: calc(100% - 120px)
}

.c-about-tab-common {
    position: relative;
    z-index: 2;
    height: 100px;
    padding-top: 40px
}

.c-about-tab-common .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-tab-common .tab-list {
    height: 60px;
    line-height: 1.2;
    position: relative;
    white-space: nowrap
}

.c-about-tab-common .tab-list .item {
    position: relative;
    margin-right: 40px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap
}

.c-about-tab-common .tab-list .item,.c-about-tab-common .tab-list .item a {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-tab-common .tab-list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(0,0,0,.4)
}

.c-about-tab-common .tab-list .item:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    border-bottom: 6px solid #f68727;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    opacity: 0
}

.c-about-tab-common .tab-list .item.active a,.c-about-tab-common .tab-list .item:hover a {
    color: #000
}

.c-about-tab-common .tab-list .item.active:after {
    opacity: 1
}

.c-about-tab-common .tab-search {
    width: 275px;
    height: 45px;
    display: none;
    position: relative;
    background: #eff8fe;
    border-radius: 30px
}

.c-about-tab-common .tab-search .search-input {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 60px 0 30px;
    background: none;
    border: none;
    letter-spacing: 4px
}

.c-about-tab-common .tab-search .search-input::-webkit-input-placeholder {
    color: #acb2b7
}

.c-about-tab-common .tab-search .search-input:-moz-placeholder,.c-about-tab-common .tab-search .search-input::-moz-placeholder {
    color: #acb2b7
}

.c-about-tab-common .tab-search .search-input:-ms-input-placeholder {
    color: #acb2b7
}

.c-about-tab-common .tab-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%
}

.c-about-tab-common .tab-search .btn-search .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #72b6e3
}

@media screen and (max-width: 1440px) {
    .c-about-tab-common .tab-search {
        width:220px
    }
}

@media screen and (min-width: 1024px) and (max-width:1179px) {
    .c-about-tab-common .container {
        width:95%
    }
}

.is-vertical .c-about-tab-common {
    padding-top: 20px;
    height: 80px
}

.is-vertical .c-about-tab-common>.container {
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-about-tab-common .tab-list {
    padding: 0 20px 0 15px;
    overflow-x: auto
}

.is-vertical .c-about-tab-common .tab-list .item {
    margin-right: 30px
}

.is-vertical .c-about-tab-common .tab-list .item:last-of-type {
    margin-right: 0
}

.c-category-tab-common {
    position: relative;
    z-index: 2;
    padding-top: 40px
}

.c-category-tab-common .pc-tab-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-category-tab-common .category-wrap {
    width: 48%
}

.c-category-tab-common .category-wrap .category {
    padding-bottom: 10px;
    text-align: center;
    color: rgba(0,0,0,.4);
    border-bottom: 4px solid rgba(0,0,0,.4)
}

.c-category-tab-common .category-wrap.active .category {
    color: #000;
    border-bottom-color: #8cc299
}

.c-category-tab-common .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.2
}

.c-category-tab-common .tab-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    text-align: center;
    cursor: pointer
}

.c-category-tab-common .tab-list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    height: 100%;
    color: rgba(0,0,0,.4)
}

.c-category-tab-common .tab-list .item:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    border-bottom: 6px solid #f68727;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    opacity: 0
}

.c-category-tab-common .tab-list .item.active a,.c-category-tab-common .tab-list .item:hover a {
    color: #000
}

.c-category-tab-common .tab-list .item.active:after {
    opacity: 1
}

@media screen and (min-width: 1024px) and (max-width:1179px) {
    .c-category-tab-common .container {
        width:95%
    }
}

.is-vertical .c-category-tab-common {
    padding-top: 30px;
    height: auto
}

.is-vertical .c-category-tab-common>.container {
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-category-tab-common .category-wrap {
    width: 100%
}

.is-vertical .c-category-tab-common .category-wrap .category {
    margin-left: 15px;
    margin-right: 15px;
    color: #000;
    border-bottom-color: #8cc299;
    position: relative
}

.is-vertical .c-category-tab-common .category-wrap .category .item {
    display: none
}

.is-vertical .c-category-tab-common .category-wrap .category .item.active {
    display: block
}

.is-vertical .c-category-tab-common .tab-list {
    padding: 0 30px 0 15px;
    overflow-x: auto;
    display: block;
    position: relative;
    white-space: nowrap
}

.is-vertical .c-category-tab-common .tab-list .item {
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block
}

.is-vertical .c-category-tab-common .tab-list .item:last-of-type {
    margin-right: 0
}

.c-about-intro-content {
    display: none;
    padding-bottom: 100px
}

.c-about-intro-content .info-wrap {
    position: relative;
    z-index: 1;
    margin-top: -140px;
    overflow: hidden
}

.c-about-intro-content .info-wrap .bg-color {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 140px);
    z-index: -1;
    background: #eff8fe
}

.c-about-intro-content .info-wrap .text-wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20%;
    width: 25%
}

.c-about-intro-content .info-wrap .text-wrap .title {
    margin-bottom: 15px
}

.c-about-intro-content .info-wrap .text-wrap p {
    margin-bottom: 20px;
    font-size: 1em
}

.c-about-intro-content .info-wrap .text-wrap p:last-of-type {
    margin-bottom: 0
}

.c-about-intro-content .info-wrap .hkex-wrap {
    position: absolute;
    top: 24%;
    left: 60%;
    width: 25%
}

.c-about-intro-content .info-wrap .hkex-wrap .hkex {
    width: 40%;
    margin-bottom: 15px
}

.c-about-intro-content .info-wrap .hkex-wrap .hkex-title {
    color: #f68727
}

.c-about-intro-content .thumbnail-wrap {
    padding-top: 80px
}

.c-about-intro-content .thumbnail-wrap .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-intro-content .thumbnail-wrap .item {
    position: relative;
    text-align: center;
    background: #f7fbfe;
    border-radius: 20px
}

.c-about-intro-content .thumbnail-wrap .default {
    display: block;
    padding: 30px 0
}

.c-about-intro-content .thumbnail-wrap .default .icon {
    display: block;
    width: 40%;
    margin: 0 auto 15px
}

.c-about-intro-content .thumbnail-wrap .default .title {
    color: #f68727
}

.c-about-intro-content .thumbnail-wrap .current {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background-color: #60aad5;
    border-radius: 20px;
    opacity: 0
}

.c-about-intro-content .thumbnail-wrap .current .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-47%);
    transform: translateY(-47%)
}

.c-about-intro-content .thumbnail-wrap .current .title .texticon {
    width: 100%
}

.c-about-intro-content .thumbnail-wrap .current .description {
    display: inline-block;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    margin-top: 70px
}

.c-about-intro-content .thumbnail-wrap .current .icon {
    display: block;
    width: 30%;
    margin: 30px auto 0
}

.c-about-intro-content .thumbnail-wrap .item:hover .current {
    opacity: 1
}

.c-about-intro-content .tip {
    margin-top: 50px;
    text-align: center
}

.is-vertical .c-about-intro-content {
    padding-bottom: 80px
}

.is-vertical .c-about-intro-content .info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-about-intro-content .info-wrap .bg-color {
    height: 100%
}

.is-vertical .c-about-intro-content .info-wrap .hkex-wrap {
    position: absolute;
    bottom: 0;
    right: 0
}

.is-vertical .c-about-intro-content .info-wrap .bg {
    width: 100%;
    margin-top: -20%
}

.is-vertical .c-about-intro-content .info-wrap .text-wrap {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 20px
}

.is-vertical .c-about-intro-content .info-wrap .hkex-wrap {
    top: auto;
    left: auto;
    right: 14%;
    bottom: 50%;
    width: 40%;
    text-align: right
}

.is-vertical .c-about-intro-content .info-wrap .hkex-wrap .hkex {
    display: inline-block
}

.is-vertical .c-about-intro-content .info-wrap .hkex-wrap .hkex-title {
    font-size: 14px
}

.is-vertical .c-about-intro-content .thumbnail-wrap {
    overflow: hidden
}

.is-vertical .c-about-intro-content .thumbnail-wrap .container {
    padding: 0
}

.is-vertical .c-about-intro-content .thumbnail-wrap .inner-container {
    display: block;
    width: 100%
}

.is-vertical .c-about-intro-content .thumbnail-wrap .thumbnail-swiper {
    width: 70%;
    margin: 0 auto
}

.is-vertical .c-about-intro-content .thumbnail-wrap .current {
    opacity: 1
}

.is-vertical .c-about-intro-content .thumbnail-wrap .swiper-controls {
    width: 80%;
    height: 3px;
    margin: 0 auto
}

.is-vertical .c-about-intro-content .thumbnail-wrap .swiper-controls .swiper-pagination {
    position: static;
    width: 100%
}

.is-vertical .c-about-intro-content .tip {
    margin-top: 90px
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-intro-content .info-wrap .hkex-wrap {
        bottom:60%
    }

    .is-vertical .c-about-intro-content .thumbnail-wrap .current .description {
        margin-top: 100px
    }

    .is-vertical .c-about-intro-content .thumbnail-wrap .current .icon {
        width: 25%
    }
}

.c-about-dev-history {
    display: none;
    position: relative;
    padding: 50px 0 0;
    overflow: hidden
}

.c-about-dev-history .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: url(../img/about-dev-history-bg.jpg) bottom no-repeat #eff8fe;
    background-size: cover
}

.c-about-dev-history .timeline {
    position: relative;
    z-index: 2
}

.c-about-dev-history .timeline .line {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    bottom: 0;
    background: #72b6e3
}

.c-about-dev-history .timeline .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-dev-history .timeline .tab-list .item {
    position: relative;
    padding: 15px 25px;
    color: #72b6e3;
    cursor: pointer
}

.c-about-dev-history .timeline .tab-list .item .year {
    letter-spacing: 6px
}

.c-about-dev-history .timeline .tab-list .item:after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 2px;
    height: 16px;
    display: block;
    content: "";
    background: #72b6e3
}

.c-about-dev-history .timeline .tab-list .item.active {
    color: #f68727
}

.c-about-dev-history .timeline .tab-list .item.active:after {
    background: #f68727;
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg)
}

.c-about-dev-history .history-swiper {
    position: relative;
    padding-bottom: 200px;
    overflow: hidden
}

.c-about-dev-history .history-swiper .icon1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 103px;
    margin-top: 4%
}

.c-about-dev-history .history-swiper .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-dev-history .history-swiper .text-wrap {
    width: 40%;
    margin-top: 20%;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.c-about-dev-history .history-swiper .text-wrap .big-title {
    color: #c4dff2
}

.c-about-dev-history .history-swiper .timeline-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-dev-history .history-swiper .timeline-content .item {
    position: relative;
    width: 143px;
    height: auto;
    color: #fff
}

.c-about-dev-history .history-swiper .timeline-content .item .inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 20px;
    overflow: hidden
}

.c-about-dev-history .history-swiper .timeline-content .item .pic {
    width: 100%
}

.c-about-dev-history .history-swiper .timeline-content .item .word-wrap {
    margin: 0 10px
}

.c-about-dev-history .history-swiper .timeline-content .item .word-wrap:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    display: block;
    content: "";
    background: #fff
}

.c-about-dev-history .history-swiper .timeline-content .item .icon2 {
    width: 80%
}

.c-about-dev-history .history-swiper .timeline-content .item.none-pic {
    height: 35%
}

.c-about-dev-history .history-swiper .timeline-content .item.none-pic .inner-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 0;
    background: #72b6e3;
    overflow: visible
}

.c-about-dev-history .history-swiper .timeline-content .item.none-pic .icon2 {
    position: absolute;
    top: 100%;
    left: 10%;
    margin-top: 5px
}

.c-about-dev-history .history-swiper .timeline-content .item.between-pic .inner-wrap {
    padding-bottom: 250px;
    background: #dbbdad
}

.c-about-dev-history .history-swiper .timeline-content .item.between-pic .word-wrap {
    position: absolute;
    bottom: 20px;
    left: 0
}

.c-about-dev-history .history-swiper .timeline-content .item.container-pic {
    top: 15%
}

.c-about-dev-history .history-swiper .timeline-content .item.container-pic .word-wrap {
    position: absolute;
    top: 20px;
    left: 0
}

.c-about-dev-history .history-swiper .swiper-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-dev-history .history-swiper .button-next,.c-about-dev-history .history-swiper .button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c4dff2;
    cursor: pointer
}

.c-about-dev-history .history-swiper .button-next .iconfont,.c-about-dev-history .history-swiper .button-prev .iconfont {
    color: #72b6e3
}

.c-about-dev-history .history-swiper .button-next.swiper-button-disabled,.c-about-dev-history .history-swiper .button-prev.swiper-button-disabled {
    opacity: 0
}

.c-about-dev-history .history-swiper .button-prev .iconfont {
    margin-right: 15px
}

.c-about-dev-history .history-swiper .button-next .iconfont {
    margin-left: 15px
}

.is-vertical .c-about-dev-history {
    padding-top: 15px
}

.is-vertical .c-about-dev-history .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-about-dev-history .inner-container {
    width: 100%
}

.is-vertical .c-about-dev-history .timeline .tab-list {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-margin: 0
}

.is-vertical .c-about-dev-history .history-swiper {
    padding-bottom: 100px
}

.is-vertical .c-about-dev-history .history-swiper .icon1 {
    width: 50px
}

.is-vertical .c-about-dev-history .history-swiper .content-wrap {
    padding-left: 15px;
    padding-right: 15px
}

.is-vertical .c-about-dev-history .history-swiper .text-wrap {
    margin-top: 10%;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.is-vertical .c-about-dev-history .swiper-control {
    margin-top: 35px
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-dev-history .swiper-control {
        margin-top:15%
    }
}

.c-about-organization {
    display: none;
    background: url(../img/about-organization-bg.jpg) 50% no-repeat #ecf7ff;
    background-size: cover;
    overflow: hidden
}

.c-about-organization .content {
    width: 80%;
    margin: 0 auto;
    padding: 70px 0 120px
}

.c-about-organization .pic {
    width: 100%;
    margin: 0 auto
}

.is-vertical .c-about-organization .content {
    width: 100%;
    padding: 50px 15px 80px
}

.c-about-team {
    display: none
}

.c-about-team,.c-about-team .leader-top {
    position: relative;
    overflow: hidden
}

.c-about-team .leader-top .bg-wrap {
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-about-team .leader-top .bg-wrap .path {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-about-team .leader-top .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-about-team .leader-top .content {
    width: 65%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-team .leader-top .leader-wrap {
    width: 35%
}

.c-about-team .leader-top .leader {
    width: 100%
}

.c-about-team .leader-top .leader-info {
    width: 47%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-team .leader-top .leader-info .title {
    margin-bottom: 10px
}

.c-about-team .leader-top .leader-info .line {
    width: 0;
    height: 2px;
    margin-bottom: 20px;
    background: #f68727
}

.c-about-team .leader-swiper {
    position: relative;
    padding: 150px 0 100px
}

.c-about-team .leader-swiper .content-wrap {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    opacity: 1
}

.c-about-team .leader-swiper .content-wrap:hover .leader-wrap {
    -webkit-transform: scale(1.1)!important;
    transform: scale(1.1)!important
}

.c-about-team .leader-swiper .swiper-slide-last,.c-about-team .leader-swiper .swiper-slide-prev {
    pointer-events: none
}

.c-about-team .leader-swiper .swiper-slide-last .content-wrap,.c-about-team .leader-swiper .swiper-slide-prev .content-wrap {
    opacity: 0
}

.c-about-team .leader-swiper .swiper-slide-last .leader-wrap,.c-about-team .leader-swiper .swiper-slide-prev .leader-wrap {
    -webkit-transform: translate(100px,200px)!important;
    transform: translate(100px,200px)!important
}

.c-about-team .leader-swiper .path {
    width: 100%
}

.c-about-team .leader-swiper .leader-cover {
    position: absolute;
    bottom: 26%;
    left: 2%;
    width: 90%;
    height: 120%;
    border-radius: 30px;
    -webkit-transform: rotate(28deg) translateZ(0);
    transform: rotate(28deg) translateZ(0);
    overflow: hidden
}

.c-about-team .leader-swiper .leader-cover .leader-wrap {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-about-team .leader-swiper .leader-cover .leader {
    width: 80%;
    margin-left: 5%;
    -webkit-transform: rotate(-28deg) translateY(15%);
    transform: rotate(-28deg) translateY(15%)
}

.c-about-team .leader-swiper .info-wrap {
    position: absolute;
    top: 8%;
    right: 9%;
    text-align: right
}

.c-about-team .leader-swiper .info-wrap .iconfont {
    color: #f68727;
    line-height: 1
}

.c-about-team .leader-swiper .cir {
    width: 14px;
    height: 14px;
    border: 2px solid #f68727;
    border-radius: 50%
}

.c-about-team .leader-swiper .cir.cir-type1 {
    position: absolute;
    bottom: 18%;
    right: 21%
}

.c-about-team .leader-swiper .cir.cir-type2 {
    position: absolute;
    bottom: 24%;
    right: 20%;
    width: 30px;
    height: 30px
}

.c-about-team .leader-swiper .cir.cir-type3 {
    position: absolute;
    bottom: 2%;
    left: 52%;
    width: 30px;
    height: 30px
}

.c-about-team .leader-swiper .swiper-controls {
    margin-top: 50px
}

.c-about-team .leader-swiper .swiper-button-next,.c-about-team .leader-swiper .swiper-button-prev {
    top: 53%
}

.c-about-team .leader-swiper .swiper-pagination-bullets {
    position: relative;
    width: 30%;
    margin: 0 auto
}

.c-about-team .leader-swiper .text-wrap {
    margin-top: 10px;
    padding: 0 30px;
    text-align: center
}

.c-about-team .leader-swiper .text-wrap .details {
    display: none
}

.c-about-team .leader-swiper .text-wrap .btn-view-detail {
    width: 100px;
    margin: 0 auto;
    cursor: pointer
}

.c-about-team .leader-swiper .text-wrap .btn-view-detail .iconfont {
    display: none
}

.c-about-team .leader-swiper .text-wrap .btn-view-detail .icon-shuangjiantouxia {
    display: inline-block
}

.c-about-team .leader-swiper .text-wrap .btn-view-detail.active .icon-shuangjiantouxia {
    display: none
}

.c-about-team .leader-swiper .text-wrap .btn-view-detail.active .icon-shuangjiantoushang {
    display: inline-block
}

.is-vertical .c-about-team .leader-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background: #e3f0f9
}

.is-vertical .c-about-team .leader-top .bg-wrap {
    position: absolute;
    bottom: 0;
    right: -75%;
    width: 220%
}

.is-vertical .c-about-team .leader-top .container {
    position: static;
    width: 100%;
    height: auto;
    padding: 0 15px;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-about-team .leader-top .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-about-team .leader-top .leader-wrap {
    position: relative;
    z-index: 2;
    width: 70%;
    margin: 30px auto 0
}

.is-vertical .c-about-team .leader-top .leader-info {
    width: 100%
}

.is-vertical .c-about-team .leader-swiper {
    width: 80%;
    margin: 0 auto;
    padding: 100px 0 70px
}

.is-vertical .c-about-team .leader-swiper .swiper-slide-last .content-wrap,.is-vertical .c-about-team .leader-swiper .swiper-slide-prev .content-wrap {
    opacity: 1
}

.is-vertical .c-about-team .leader-swiper .swiper-controls {
    margin-top: 70px
}

.is-vertical .c-about-team .leader-swiper .swiper-button-next,.is-vertical .c-about-team .leader-swiper .swiper-button-prev {
    top: 50%
}

.is-vertical .c-about-team .leader-swiper .swiper-pagination-bullets {
    width: 80vw
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-team .leader-top .leader-wrap {
        width:40%;
        margin-top: 10%
    }

    .is-vertical .c-about-team .leader-swiper {
        padding-top: 180px
    }
}

.c-about-team-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-about-team-layer .container {
    position: relative;
    height: 100%
}

.c-about-team-layer .inner-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 8%;
    max-width: 1400px;
    background-size: cover
}

.c-about-team-layer .bg {
    border-radius: 20px;
    overflow: hidden
}

.c-about-team-layer .layer-leader-swiper,.c-about-team-layer .swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-about-team-layer .swiper-slide {
    padding: 7% 9%;
    opacity: 0!important
}

.c-about-team-layer .swiper-slide.swiper-slide-active {
    opacity: 1!important
}

.c-about-team-layer .img-wrap {
    position: absolute;
    bottom: 0;
    right: 10%;
    z-index: -1;
    width: 50%;
    height: 118%;
    overflow: hidden
}

.c-about-team-layer .img-wrap .leader {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%
}

.c-about-team-layer .text-wrap {
    width: 50%
}

.c-about-team-layer .text-wrap .title {
    display: inline-block;
    margin-bottom: 15px
}

.c-about-team-layer .text-wrap .title span {
    display: block
}

.c-about-team-layer .text-wrap .title .line {
    width: 0;
    height: 2px;
    background: #f68727
}

.c-about-team-layer .text-wrap .sub-title {
    margin-bottom: 20px
}

.c-about-team-layer .text-wrap .description p {
    margin-bottom: 15px
}

.c-about-team-layer .text-wrap .description p:last-of-type {
    margin-bottom: 0
}

.c-about-team-layer .btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f68727;
    cursor: pointer
}

.c-about-team-layer .btn-back .iconfont {
    margin-right: 3px
}

.c-about-team-layer .swiper-button-prev {
    left: 2%
}

.c-about-team-layer .swiper-button-next {
    right: 2%
}

@media screen and (max-width: 1440px) {
    .c-about-team-layer .inner-container {
        max-width:1000px
    }
}

.is-vertical .c-about-team-layer .inner-container {
    width: 90%;
    height: 85vh;
    background: url(../img/about-team-layer-bg-mb.jpg) 50% no-repeat;
    background-size: cover;
    overflow: hidden
}

.is-vertical .c-about-team-layer .swiper-slide {
    display: block;
    padding: 30px 20px
}

.is-vertical .c-about-team-layer .swiper-slide .text-wrap {
    position: relative;
    z-index: 2;
    width: 100%
}

.is-vertical .c-about-team-layer .swiper-slide .text-wrap .sub-title {
    margin-bottom: 15px
}

.is-vertical .c-about-team-layer .swiper-slide .text-wrap .description p {
    margin-bottom: 10px
}

.is-vertical .c-about-team-layer .swiper-slide .btn-back {
    margin-top: 30px
}

.is-vertical .c-about-team-layer .swiper-slide .img-wrap {
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 40%;
    height: auto;
    text-align: right
}

.is-vertical .c-about-team-layer .swiper-slide .img-wrap .leader {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto
}

.is-vertical .c-about-team-layer .controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.is-vertical .c-about-team-layer .controls .swiper-button-next,.is-vertical .c-about-team-layer .controls .swiper-button-prev {
    width: 32px;
    height: 29px;
    position: static;
    margin-top: 0
}

.is-vertical .c-about-team-layer .controls .swiper-button-next:after,.is-vertical .c-about-team-layer .controls .swiper-button-prev:after {
    font-size: 16px
}

.is-vertical .c-about-team-layer .controls .swiper-button-prev {
    margin-right: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.is-vertical .c-about-team-layer .controls .swiper-button-next {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.c-about-building {
    display: none;
    background: #eff8fe;
    overflow-x: hidden
}

.c-about-building .timeline-wrap {
    position: relative;
    padding-bottom: 80px;
    overflow: hidden
}

.c-about-building .timeline-wrap .top-wrap {
    position: relative;
    margin-top: 20px;
    overflow: hidden
}

.c-about-building .timeline-wrap .big-title {
    position: absolute;
    top: 5%;
    left: 15%
}

.c-about-building .timeline-wrap .timeline {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70%;
    height: 65%;
    left: 0;
    z-index: 2;
    margin-top: 3%
}

.c-about-building .timeline-wrap .timeline-inner {
    height: 100%;
    padding-left: 15%;
    color: #fff;
    background: #ee7951;
    border-radius: 0 30px 30px 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow: hidden
}

.c-about-building .timeline-wrap .prize-swiper {
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-about-building .timeline-wrap .swiper-wrapper {
    height: 100%
}

.c-about-building .timeline-wrap .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-building .timeline-wrap .swiper-slide .title .h2 {
    margin-right: 5px;
    letter-spacing: 2px
}

.c-about-building .timeline-wrap .swiper-slide .details p {
    margin-bottom: 7px
}

.c-about-building .timeline-wrap .img-wrap {
    position: relative;
    width: 42%;
    float: right;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-about-building .timeline-wrap .img-wrap .pic {
    width: 100%
}

.c-about-building .timeline-wrap .swiper-control {
    position: absolute;
    bottom: 0;
    right: 42%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-building .timeline-wrap .swiper-control .pagination-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    margin-left: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-building .timeline-wrap .swiper-control .swiper-button-next,.c-about-building .timeline-wrap .swiper-control .swiper-button-prev {
    width: 45px;
    height: 40px;
    position: relative;
    top: 0;
    margin-top: 0;
    -webkit-transform: none;
    transform: none
}

.c-about-building .timeline-wrap .swiper-control .swiper-button-next:after,.c-about-building .timeline-wrap .swiper-control .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bolder
}

.c-about-building .timeline-wrap .swiper-control .swiper-button-prev {
    left: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.c-about-building .timeline-wrap .swiper-control .swiper-button-next {
    right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.c-about-building .timeline-wrap .swiper-control .swiper-pagination {
    position: relative
}

.c-about-building .leader-wrap {
    background-color: #fff
}

.c-about-building .leader-wrap .content {
    width: 55%;
    margin: 0 auto;
    padding: 60px 0 100px
}

.c-about-building .leader-wrap .title {
    text-align: center
}

.c-about-building .leader-wrap .img-wrap {
    margin-top: 25px
}

.c-about-building .leader-wrap .pic {
    width: 100%
}

.c-about-building .organization-wrap .content {
    padding: 90px 100px
}

.c-about-building .organization-wrap .first-text-wrap {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.c-about-building .organization-wrap .title {
    margin-bottom: 15px
}

.c-about-building .organization-wrap .description {
    margin-bottom: 60px
}

.c-about-building .organization-wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-building .organization-wrap .list .item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 24%;
    height: 230px;
    margin: 0 5px;
    text-align: center;
    color: #fff;
    background: #b52903;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-building .organization-wrap .list .item:hover {
    width: 30%;
    height: 260px;
    background: #eb734e;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.c-about-building .organization-wrap .list .item:hover .description {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-about-building .organization-wrap .list .flag {
    position: absolute;
    top: 2%;
    left: 1%;
    width: 7vw
}

.c-about-building .organization-wrap .list .text-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 70%
}

.c-about-building .organization-wrap .list .description {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-about-building .honor-wrap {
    position: relative;
    padding: 70px 0 110px;
    background: #fff
}

.c-about-building .honor-wrap .bg-wrap {
    overflow: hidden
}

.c-about-building .honor-wrap .bg-wrap .block {
    width: 36%;
    float: right;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-about-building .honor-wrap .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.c-about-building .honor-wrap .inner-container {
    padding: 0 100px
}

.c-about-building .honor-wrap .content {
    position: relative
}

.c-about-building .honor-wrap .big-title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.c-about-building .honor-wrap .honor-swiper {
    overflow: hidden
}

.c-about-building .honor-wrap .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-building .honor-wrap .swiper-slide .text-wrap {
    width: 45%;
    padding-right: 50px
}

.c-about-building .honor-wrap .swiper-slide .img-wrap {
    width: 55%;
    border-bottom-right-radius: 45px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-about-building .honor-wrap .swiper-slide .img-wrap .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-building .honor-wrap .swiper-slide .img-wrap:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-about-building .honor-wrap .swiper-controls {
    position: absolute;
    bottom: -40px;
    left: 0
}

.c-about-building .honor-wrap .button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px
}

.c-about-building .honor-wrap .swiper-button-next,.c-about-building .honor-wrap .swiper-button-prev {
    width: 44px;
    height: 40px;
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 0
}

.c-about-building .honor-wrap .swiper-button-next:after,.c-about-building .honor-wrap .swiper-button-prev:after {
    font-size: 18px
}

.c-about-building .honor-wrap .swiper-button-prev {
    margin-right: 7px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.c-about-building .honor-wrap .swiper-button-next {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.c-about-building .model-wrap {
    padding: 50px 0 110px;
    background: url(../img/about-building-model-bg.jpg) 50% no-repeat;
    background-size: cover
}

.c-about-building .model-wrap .content {
    padding: 0 100px
}

.c-about-building .model-wrap .big-title {
    margin-bottom: 40px;
    text-align: center
}

.c-about-building .model-wrap .swiper-slide .img-wrap {
    overflow: hidden
}

.c-about-building .model-wrap .swiper-slide .img-wrap .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-building .model-wrap .swiper-slide .img-wrap:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-about-building .model-wrap .swiper-slide .text-wrap {
    height: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #fff;
    background: #ee7951
}

.c-about-building .model-wrap .swiper-controls,.c-about-building .model-wrap .swiper-slide .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-building .model-wrap .swiper-controls {
    margin-top: 50px
}

.c-about-building .model-wrap .swiper-controls .swiper-pagination {
    position: static
}

@media screen and (min-width: 1600px) {
    .c-about-building .organization-wrap .list .item {
        height:280px
    }
}

.is-vertical .c-about-building .timeline-wrap {
    padding-bottom: 0
}

.is-vertical .c-about-building .timeline-wrap .img-wrap {
    width: 100%;
    padding-bottom: 80px
}

.is-vertical .c-about-building .timeline-wrap .timeline {
    top: auto;
    left: 10%;
    bottom: calc(7% + 80px);
    width: 80%;
    height: 40%;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-about-building .timeline-wrap .timeline-inner {
    padding-left: 0;
    background: none;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    overflow: visible;
    opacity: 0
}

.is-vertical .c-about-building .timeline-wrap .swiper-slide {
    border-radius: 15px;
    background: #ee7951
}

.is-vertical .c-about-building .timeline-wrap .text-wrap .title {
    text-align: center
}

.is-vertical .c-about-building .timeline-wrap .swiper-control {
    right: 10%;
    bottom: 40px;
    width: 80%;
    margin-right: 0
}

.is-vertical .c-about-building .timeline-wrap .swiper-control .swiper-pagination {
    width: 100%;
    height: 4px
}

.is-vertical .c-about-building .leader-wrap .content {
    width: 100%;
    padding: 40px 15px 80px
}

.is-vertical .c-about-building .organization-wrap .content {
    padding: 40px 0 80px
}

.is-vertical .c-about-building .organization-wrap .first-text-wrap {
    width: 100%
}

.is-vertical .c-about-building .organization-wrap .first-text-wrap .description {
    margin-bottom: 30px
}

.is-vertical .c-about-building .organization-wrap .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-about-building .organization-wrap .list .item {
    width: 48%;
    height: 48vw;
    margin: 0 0 4%
}

.is-vertical .c-about-building .organization-wrap .list .item:hover {
    width: 48%;
    height: 48vw;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-about-building .organization-wrap .list .item:hover .description {
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-about-building .organization-wrap .text-wrap {
    height: 55%
}

.is-vertical .c-about-building .organization-wrap .text-wrap .title {
    line-height: 1
}

.is-vertical .c-about-building .organization-wrap .text-wrap .description {
    margin-bottom: 0;
    padding: 0 15px
}

.is-vertical .c-about-building .honor-wrap {
    padding: 90px 0 90%
}

.is-vertical .c-about-building .honor-wrap .container {
    top: auto;
    left: auto;
    bottom: 10%;
    width: 100%;
    padding: 0;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-about-building .honor-wrap .inner-container {
    padding: 0
}

.is-vertical .c-about-building .honor-wrap .bg-wrap .block {
    width: 75%
}

.is-vertical .c-about-building .honor-wrap .big-title {
    top: calc(-15% - 55px);
    width: 100%;
    text-align: center
}

.is-vertical .c-about-building .honor-wrap .honor-swiper {
    width: 80%;
    margin: 0 auto;
    overflow: visible
}

.is-vertical .c-about-building .honor-wrap .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-about-building .honor-wrap .swiper-slide .img-wrap {
    width: 100%;
    -webkit-box-shadow: 0 21px 21px 0 rgba(0,0,0,.11);
    box-shadow: 0 21px 21px 0 rgba(0,0,0,.11)
}

.is-vertical .c-about-building .honor-wrap .swiper-slide .text-wrap {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    margin-top: 20%;
    padding-right: 0;
    opacity: 0
}

.is-vertical .c-about-building .honor-wrap .swiper-slide .text-wrap .title {
    text-align: center
}

.is-vertical .c-about-building .honor-wrap .swiper-slide.swiper-slide-active .text-wrap {
    opacity: 1
}

.is-vertical .c-about-building .honor-wrap .swiper-controls {
    bottom: 25%;
    left: 10%;
    width: 80%
}

.is-vertical .c-about-building .honor-wrap .swiper-controls .swiper-pagination-bullets {
    width: 100%
}

.is-vertical .c-about-building .model-wrap {
    padding: 40px 0 100px
}

.is-vertical .c-about-building .model-wrap .content {
    padding: 0
}

.is-vertical .c-about-building .model-wrap .model-swiper {
    width: 80%;
    margin: 0 auto
}

.is-vertical .c-about-building .model-wrap .swiper-controls {
    height: 3px;
    margin-top: 30px
}

.is-vertical .c-about-building .model-wrap .swiper-controls .swiper-pagination {
    width: 100%
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-building .organization-wrap .list .item {
        height:35vw
    }

    .is-vertical .c-about-building .honor-wrap {
        padding-top: 120px;
        padding-bottom: 60%
    }

    .is-vertical .c-about-building .honor-wrap .big-title {
        top: calc(-15% - 90px)
    }

    .is-vertical .c-about-building .honor-wrap .container {
        bottom: 15%
    }

    .is-vertical .c-about-building .honor-wrap .swiper-controls {
        bottom: 17%
    }
}

.c-about-brand-vision {
    padding: 8% 0 200px;
    display: none;
    overflow: hidden
}

.c-about-brand-vision .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-brand-vision .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.c-about-brand-vision .menu-list .num {
    color: #f68727;
    opacity: .1
}

.c-about-brand-vision .menu-list .desc {
    position: absolute;
    bottom: 10%;
    left: -20%;
    width: 150%;
    white-space: nowrap
}

.c-about-brand-vision .menu-list .item {
    position: relative;
    text-align: center;
    cursor: pointer
}

.c-about-brand-vision .menu-list .item.active .num {
    color: #f68727;
    opacity: .3
}

.c-about-brand-vision .menu-list .item.active .desc {
    display: none
}

.c-about-brand-vision .menu-list .item.active:after {
    position: absolute;
    top: 0;
    right: -50%;
    width: 50vw;
    height: 100%;
    z-index: -1;
    content: "";
    background: #fff;
    -webkit-box-shadow: rgba(0,0,0,.15) -50px 10px 30px;
    box-shadow: -50px 10px 30px rgba(0,0,0,.15)
}

.c-about-brand-vision .img-wrap {
    position: relative;
    width: 55%
}

.c-about-brand-vision .img-wrap .placeholder {
    width: 100%
}

.c-about-brand-vision .img-wrap .item,.c-about-brand-vision .img-wrap .list {
    position: absolute;
    top: 2%;
    left: 0;
    width: 100%;
    height: 100%
}

.c-about-brand-vision .img-wrap .pic-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%
}

.c-about-brand-vision .img-wrap .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-about-brand-vision .img-wrap .pic.pic1 {
    z-index: 4;
    top: 12px
}

.c-about-brand-vision .img-wrap .pic.pic2,.c-about-brand-vision .img-wrap .pic.pic3 {
    z-index: 3
}

.c-about-brand-vision .img-wrap .pic.pic4,.c-about-brand-vision .img-wrap .pic.pic5 {
    z-index: 2
}

.c-about-brand-vision .img-wrap .pic.bg {
    z-index: 1;
    top: 20px
}

.c-about-brand-vision .img-wrap .text-wrap {
    position: absolute;
    top: -20%;
    left: -22%;
    width: 60%
}

.c-about-brand-vision .img-wrap .word-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff
}

.c-about-brand-vision .img-wrap .title {
    display: inline-block
}

.c-about-brand-vision .img-wrap .line {
    width: 100%;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 15px;
    background: #fff
}

.is-vertical .c-about-brand-vision .container {
    padding: 0
}

.is-vertical .c-about-brand-vision .inner-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-about-brand-vision .menu-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.is-vertical .c-about-brand-vision .menu-list .item {
    padding: 0 3% 16%;
    width: 25%
}

.is-vertical .c-about-brand-vision .menu-list .item .desc {
    bottom: 50%;
    width: 100%;
    left: 0;
    opacity: .5
}

.is-vertical .c-about-brand-vision .menu-list .item.active:after {
    width: 100%;
    right: 0;
    -webkit-box-shadow: rgba(0,0,0,.05) -3px -10px 16px;
    box-shadow: -3px -10px 16px rgba(0,0,0,.05)
}

.is-vertical .c-about-brand-vision .img-wrap {
    width: 100%;
    margin-top: 25%
}

.is-vertical .c-about-brand-vision .img-wrap .text-wrap {
    left: -15%;
    width: 70%;
    top: -40%
}

.is-vertical .c-about-brand-vision .img-wrap .pic-wrap {
    top: -20px
}

.is-vertical .c-about-brand-vision .img-wrap .pic {
    left: 4%
}

.is-vertical .c-about-brand-vision .img-wrap .list .item {
    width: 108%;
    left: 4%
}

.is-vertical .c-about-brand-vision .img-wrap .list .item:first-child .pic {
    left: 14%
}

.is-vertical .c-about-brand-vision .img-wrap .list .item:last-child .pic {
    left: 8%
}

.about-brand-concept-wrap {
    overflow-x: hidden
}

.c-about-brand-ip {
    display: none
}

.c-about-brand-ip .trustbot-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ebf8fc
}

.c-about-brand-ip .trustbot-wrap .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 32%
}

.c-about-brand-ip .trustbot-wrap .text-wrap {
    position: relative;
    z-index: 2;
    width: 42%;
    padding-left: 15%
}

.c-about-brand-ip .trustbot-wrap .text-wrap .big-title {
    width: 100%;
    margin-top: -6.5%;
    margin-bottom: 30px
}

.c-about-brand-ip .trustbot-wrap .text-wrap .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-brand-ip .trustbot-wrap .text-wrap .title .first {
    margin-right: 10px;
    color: #85cfed
}

.c-about-brand-ip .trustbot-wrap .text-wrap .title .first em {
    padding: 0 10px
}

.c-about-brand-ip .trustbot-wrap .text-wrap .tag {
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 20px 0 20px 0
}

.c-about-brand-ip .trustbot-wrap .img-wrap {
    position: relative;
    z-index: 2;
    width: 55%
}

.c-about-brand-ip .trustbot-wrap .img-wrap .placeholder {
    width: 35%;
    opacity: 0
}

.c-about-brand-ip .trustbot-wrap .img-wrap .swiper-wrap {
    position: absolute;
    top: 0;
    right: 10%;
    width: 80%;
    height: 100%
}

.c-about-brand-ip .trustbot-wrap .img-wrap .swiper-wrap .pic {
    position: absolute;
    top: 15%;
    left: 41%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    width: 18%;
    opacity: 0;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.c-about-brand-ip .trustbot-wrap .img-wrap .swiper-wrap .pic1 {
    top: 20%;
    left: -8%;
    z-index: 2;
    opacity: .5
}

.c-about-brand-ip .trustbot-wrap .img-wrap .swiper-wrap .pic2 {
    top: -9%;
    left: 31%;
    z-index: 3;
    width: 38%;
    opacity: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-filter: none;
    filter: none
}

.c-about-brand-ip .trustbot-wrap .img-wrap .swiper-wrap .pic3 {
    top: 20%;
    left: 88%;
    z-index: 2;
    opacity: .5
}

.c-about-brand-ip .trustbot-wrap .img-wrap .swiper-control {
    position: absolute;
    bottom: 15%;
    left: 0;
    width: 100%
}

.c-about-brand-ip .trustbot-wrap .img-wrap .controls {
    position: absolute;
    bottom: -16px;
    left: 32%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #f68727
}

.c-about-brand-ip .trustbot-wrap .img-wrap .controls .btn-next,.c-about-brand-ip .trustbot-wrap .img-wrap .controls .btn-prev {
    width: 34px;
    height: 34px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ebf8fc;
    border: 1px solid #f68727;
    border-radius: 50%;
    cursor: pointer
}

.c-about-brand-ip .trustbot-wrap .img-wrap .controls .btn-next:hover,.c-about-brand-ip .trustbot-wrap .img-wrap .controls .btn-prev:hover {
    color: #fff;
    border-color: #f68727;
    background: #f68727
}

.c-about-brand-ip .trustbot-wrap .img-wrap .controls .cir-point {
    width: 28px;
    height: 28px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #f68727;
    border-radius: 50%;
    background: #ebf8fc
}

.c-about-brand-ip .trustbot-wrap .img-wrap .controls .cir-point:after {
    width: 10px;
    height: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    content: "";
    background: #f68727;
    border-radius: 50%
}

.c-about-brand-ip .trustbot-wrap .img-wrap .controls .cir-point.active {
    background: #f68727
}

.c-about-brand-ip .trustbot-wrap .img-wrap .controls .cir-point.active:after {
    background: #ebf8fc
}

.c-about-brand-ip .download-wrap {
    padding: 65px 0 250px
}

.c-about-brand-ip .download-wrap .content {
    position: relative
}

.c-about-brand-ip .download-wrap .side-wrap {
    position: relative;
    width: 28%;
    border-radius: 0 60px 0 60px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-about-brand-ip .download-wrap .side-wrap .tab-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-about-brand-ip .download-wrap .side-wrap .tab-list a {
    color: hsla(0,0%,100%,.7)
}

.c-about-brand-ip .download-wrap .side-wrap .tab-list .item {
    margin-bottom: 15px
}

.c-about-brand-ip .download-wrap .side-wrap .tab-list .item:first-of-type {
    margin-top: -15%
}

.c-about-brand-ip .download-wrap .side-wrap .tab-list .item.active a {
    color: #398ead
}

.c-about-brand-ip .download-wrap .list {
    position: absolute;
    top: 12%;
    left: 19%;
    display: none;
    width: 74%;
    padding: 50px 10% 80px;
    background: #ebf8fc;
    border-radius: 40px;
    -webkit-box-shadow: -4.41px 15.38px 27px 0 hsla(0,0%,75%,.47);
    box-shadow: -4.41px 15.38px 27px 0 hsla(0,0%,75%,.47)
}

.c-about-brand-ip .download-wrap .list:after {
    position: absolute;
    top: 13%;
    left: -16px;
    display: block;
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 16px solid #ebf8fc
}

.c-about-brand-ip .download-wrap .list.active {
    display: block
}

.c-about-brand-ip .download-wrap .list.list2:after {
    top: 22%
}

.c-about-brand-ip .download-wrap .list .inner-wrap {
    position: relative
}

.c-about-brand-ip .download-wrap .list .download-swiper {
    overflow: hidden
}

.c-about-brand-ip .download-wrap .list .swiper-slide .pic {
    width: 100%
}

.c-about-brand-ip .download-wrap .list .btn-download {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    color: #f68727;
    background: #fff;
    border-top-left-radius: 10px
}

.c-about-brand-ip .download-wrap .list .btn-download .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-about-brand-ip .download-wrap .list .btn-download:hover {
    color: #fff;
    background: #f68727
}

.c-about-brand-ip .download-wrap .list .swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-brand-ip .download-wrap .list .swiper-pagination {
    margin-top: 30px;
    width: 150px
}

.c-about-brand-ip .download-wrap .list .swiper-pagination .swiper-pagination-bullet {
    background: #f68727
}

.c-about-brand-ip .download-wrap .list .swiper-button-next,.c-about-brand-ip .download-wrap .list .swiper-button-prev {
    width: 44px;
    height: 40px;
    margin-top: -20px
}

.c-about-brand-ip .download-wrap .list .swiper-button-next:after,.c-about-brand-ip .download-wrap .list .swiper-button-prev:after {
    font-size: 18px
}

.c-about-brand-ip .download-wrap .list .swiper-button-prev {
    left: -65px
}

.c-about-brand-ip .download-wrap .list .swiper-button-next {
    right: -65px
}

.c-about-brand-ip .together-wrap {
    position: relative
}

.c-about-brand-ip .together-wrap .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-about-brand-ip .together-wrap .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-brand-ip .together-wrap .bot-wrap {
    width: 55%
}

.c-about-brand-ip .together-wrap .bot-wrap .bot-box {
    position: relative;
    top: -30px;
    left: -8%;
    width: 40%;
    margin: 0 auto
}

.c-about-brand-ip .together-wrap .bot-wrap .bot-box .bot {
    position: relative;
    width: 100%
}

.c-about-brand-ip .together-wrap .bot-wrap .bot-box .line {
    position: absolute;
    top: 24%;
    right: -23%;
    width: 18%
}

.c-about-brand-ip .together-wrap .bot-wrap .bot-box .shadow {
    position: absolute;
    bottom: -1%;
    left: 18%;
    width: 60%
}

.c-about-brand-ip .together-wrap .bot-wrap .bot-box .text {
    position: absolute;
    top: 3%;
    right: -80%;
    width: 82%
}

.c-about-brand-ip .together-wrap .swiper-wrap {
    position: relative;
    width: 35%
}

.c-about-brand-ip .together-wrap .swiper-wrap .together-swiper {
    margin-bottom: 20px;
    overflow: hidden
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-button-next,.c-about-brand-ip .together-wrap .swiper-wrap .swiper-button-prev {
    width: 34px;
    height: 30px;
    position: static;
    margin-top: 0;
    -webkit-transform: none;
    transform: none
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-button-next:after,.c-about-brand-ip .together-wrap .swiper-wrap .swiper-button-prev:after {
    font-size: 18px
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-button-prev {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-button-next {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    width: auto;
    margin: 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: none;
    transform: none
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-pagination .line {
    margin: 0 3px
}

.c-about-brand-ip .together-wrap .swiper-wrap .swiper-pagination .current {
    font-size: 18px
}

.is-vertical .c-about-brand-ip .trustbot-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 50px
}

.is-vertical .c-about-brand-ip .trustbot-wrap .text-wrap {
    width: 100%;
    padding: 0 5%
}

.is-vertical .c-about-brand-ip .trustbot-wrap .text-wrap .big-title {
    width: 70%;
    margin-bottom: 20px
}

.is-vertical .c-about-brand-ip .trustbot-wrap .img-wrap {
    width: 128%;
    padding-bottom: 50px;
    margin: 10% 0 0 -14%
}

.is-vertical .c-about-brand-ip .trustbot-wrap .img-wrap .swiper-wrap .pic {
    width: 25%
}

.is-vertical .c-about-brand-ip .trustbot-wrap .img-wrap .swiper-wrap .pic2 {
    width: 50%;
    left: 25%
}

.is-vertical .c-about-brand-ip .trustbot-wrap .img-wrap .swiper-control {
    bottom: 0
}

.is-vertical .c-about-brand-ip .download-wrap {
    padding-bottom: 50px
}

.is-vertical .c-about-brand-ip .download-wrap .container {
    padding: 0
}

.is-vertical .c-about-brand-ip .download-wrap .side-wrap {
    width: 101%;
    border-radius: 0;
    position: relative
}

.is-vertical .c-about-brand-ip .download-wrap .side-wrap .tab-list {
    width: 100%;
    height: auto;
    top: 6%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.is-vertical .c-about-brand-ip .download-wrap .side-wrap .tab-list .item {
    display: inline-block;
    margin: 0 20px;
    margin-top: 0!important
}

.is-vertical .c-about-brand-ip .download-wrap .list {
    width: 90%;
    padding: 30px 50px 60px;
    left: 5%;
    top: 15%
}

.is-vertical .c-about-brand-ip .download-wrap .list:after {
    position: absolute;
    top: -24px;
    left: 34%;
    display: block;
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #ebf8fc
}

.is-vertical .c-about-brand-ip .download-wrap .list.list2:after {
    top: -24px;
    left: 62%
}

.is-vertical .c-about-brand-ip .download-wrap .list .swiper-button-next,.is-vertical .c-about-brand-ip .download-wrap .list .swiper-button-prev {
    width: 30px;
    height: 30px
}

.is-vertical .c-about-brand-ip .download-wrap .list .swiper-button-next {
    right: -38px
}

.is-vertical .c-about-brand-ip .download-wrap .list .swiper-button-prev {
    left: -38px
}

.is-vertical .c-about-brand-ip .together-wrap {
    margin-top: 120px
}

.is-vertical .c-about-brand-ip .together-wrap .container {
    width: 100%;
    height: auto;
    padding: 0
}

.is-vertical .c-about-brand-ip .together-wrap .content {
    width: 100%;
    height: 360px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    position: relative
}

.is-vertical .c-about-brand-ip .together-wrap .swiper-wrap {
    width: 70%;
    position: absolute;
    top: -140px;
    left: 15%
}

.is-vertical .c-about-brand-ip .together-wrap .swiper-wrap .swiper {
    width: 100%
}

.is-vertical .c-about-brand-ip .together-wrap .swiper-wrap .swiper-controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 150%;
    height: 50px;
    left: -25%;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.is-vertical .c-about-brand-ip .together-wrap .swiper-wrap .swiper-controls .swiper-button-next,.is-vertical .c-about-brand-ip .together-wrap .swiper-wrap .swiper-controls .swiper-button-prev {
    position: absolute;
    top: 8px
}

.is-vertical .c-about-brand-ip .together-wrap .swiper-wrap .swiper-controls .swiper-button-next {
    right: 5%
}

.is-vertical .c-about-brand-ip .together-wrap .swiper-wrap .swiper-controls .swiper-button-prev {
    left: 5%
}

.is-vertical .c-about-brand-ip .together-wrap .bot-wrap {
    width: 100%;
    position: absolute;
    bottom: 70%;
    left: 5%
}

.is-vertical .c-about-brand-ip .together-wrap .bot-wrap .bot-box {
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width: 767px) {
    .is-vertical .c-about-brand-ip .trustbot-wrap .text-wrap .big-title {
        margin-top:-4%
    }

    .is-vertical .c-about-brand-ip .download-wrap .list:after {
        left: 39.5%
    }

    .is-vertical .c-about-brand-ip .download-wrap .list.list2:after {
        left: 58%
    }

    .is-vertical .c-about-brand-ip .together-wrap {
        margin-top: 35%
    }

    .is-vertical .c-about-brand-ip .together-wrap .swiper-wrap {
        top: -75%
    }

    .is-vertical .c-about-brand-ip .together-wrap .bot-wrap {
        bottom: 35%
    }

    .is-vertical .c-about-brand-ip .together-wrap .bot-wrap .bot-box {
        width: 35%
    }
}

.c-about-brand-video {
    display: none;
    padding: 50px 0 0
}

.c-about-brand-video .recommend-wrap {
    position: relative;
    margin-bottom: 90px;
    padding: 0 100px
}

.c-about-brand-video .recommend-wrap .recommend-swiper {
    border-top-left-radius: 50px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-about-brand-video .recommend-wrap .recommend-swiper .swiper-slide {
    overflow: hidden
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap .item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    width: 33.33%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    overflow: hidden
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap .item .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(32,60,91,.7)),to(transparent));
    background: linear-gradient(180deg,rgba(32,60,91,.7) 20%,transparent)
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap .item .description {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    color: #fff
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap .item .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 20%;
    opacity: 0
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap .item:hover {
    width: 100%
}

.c-about-brand-video .recommend-wrap .recommend-swiper .inner-wrap .item:hover .btn-play {
    opacity: 1
}

.c-about-brand-video .video-list {
    padding: 0 100px
}

.c-about-brand-video .video-list .video-list-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-brand-video .video-list .vide-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    padding: 2px 0;
    background: #eff8fe;
    border-radius: 30px
}

.c-about-brand-video .video-list .vide-tab .item {
    width: 25%;
    padding: 11px 0;
    cursor: pointer
}

.c-about-brand-video .video-list .vide-tab .item.active {
    color: #f68727;
    background: #fff;
    border-radius: 30px;
    -webkit-box-shadow: rgba(0,109,155,.35) 0 0 15px;
    box-shadow: 0 0 15px rgba(0,109,155,.35)
}

.c-about-brand-video .video-list .video-search {
    position: relative;
    width: 25%;
    background: #eff8fe;
    border-radius: 30px
}

.c-about-brand-video .video-list .video-search .search-input {
    width: 100%;
    height: 100%;
    padding: 0 60px 0 25px;
    background: none;
    border: none
}

.c-about-brand-video .video-list .video-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%
}

.c-about-brand-video .video-list .video-search .btn-search .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #72b6e3
}

.c-about-brand-video .video-list .video-list-body {
    padding-top: 50px
}

.c-about-brand-video .video-list .video-list-panel {
    display: none
}

.c-about-brand-video .video-list .video-list-panel.active {
    display: block
}

.c-about-brand-video .video-list .video-list-panel .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.c-about-brand-video .video-list .video-list-panel .item {
    display: none;
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 3%;
    text-align: center;
    cursor: pointer
}

.c-about-brand-video .video-list .video-list-panel .item:nth-of-type(3n) {
    margin-right: 0
}

.c-about-brand-video .video-list .video-list-panel .item:hover {
    color: #f68727
}

.c-about-brand-video .video-list .video-list-panel .item:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-about-brand-video .video-list .video-list-panel .img-wrap {
    margin-bottom: 10px;
    border-radius: 40px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    position: relative
}

.c-about-brand-video .video-list .video-list-panel .img-wrap .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20%
}

.c-about-brand-video .video-list .video-list-panel .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-brand-video .button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 30px;
    background-color: #f68727;
    text-align: center;
    width: 40%;
    max-width: 200px;
    margin: 10px auto 50px
}

.c-about-brand-video .button-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 5px 0;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-brand-video .button-box .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 5px
}

.c-about-brand-video .button-box:hover .iconfont {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.c-about-brand-video .subscription-box {
    padding: 70px 0;
    background: #f1f7fc
}

.c-about-brand-video .subscription-box .content {
    position: relative;
    width: 40%;
    margin: 0 auto
}

.c-about-brand-video .subscription-box .title {
    margin-bottom: 30px;
    text-align: center
}

.c-about-brand-video .subscription-box .swiper-slide .item {
    width: 85%;
    margin: 0 auto
}

.c-about-brand-video .subscription-box .swiper-slide img {
    width: 100%;
    margin-bottom: 5px
}

.c-about-brand-video .subscription-box .swiper-slide .description {
    font-weight: 400;
    text-align: center
}

.c-about-brand-video .subscription-box .swiper-button-next,.c-about-brand-video .subscription-box .swiper-button-prev {
    display: none;
    margin-top: 0;
    border: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-brand-video .subscription-box .swiper-button-next:after,.c-about-brand-video .subscription-box .swiper-button-prev:after {
    font-size: 24px
}

.c-about-brand-video .subscription-box .swiper-button-next.swiper-button-disabled,.c-about-brand-video .subscription-box .swiper-button-prev.swiper-button-disabled {
    opacity: .35!important
}

.is-vertical .c-about-brand-video {
    padding-top: 30px
}

.is-vertical .c-about-brand-video .container {
    width: 100%;
    padding: 0
}

.is-vertical .c-about-brand-video .inner-container {
    width: 100%
}

.is-vertical .c-about-brand-video .recommend-wrap {
    width: 100%;
    padding: 0;
    margin-bottom: 30px
}

.is-vertical .c-about-brand-video .recommend-wrap .swiper {
    border-top-left-radius: 0
}

.is-vertical .c-about-brand-video .recommend-wrap .swiper .swiper-slide {
    width: 78%;
    height: auto
}

.is-vertical .c-about-brand-video .recommend-wrap .swiper .swiper-slide .item {
    width: 100%;
    border-top-left-radius: 20px;
    overflow: hidden;
    position: relative
}

.is-vertical .c-about-brand-video .recommend-wrap .swiper .swiper-slide .item .pic {
    width: 100%;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    box-shadow: 1px 1px 10px rgba(0,0,0,.3)
}

.is-vertical .c-about-brand-video .recommend-wrap .swiper .swiper-slide .item .description {
    text-align: center;
    margin-top: 20px
}

.is-vertical .c-about-brand-video .recommend-wrap .swiper .swiper-slide .item .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20%
}

.is-vertical .c-about-brand-video .video-list {
    padding: 0
}

.is-vertical .c-about-brand-video .video-list .video-list-head {
    width: auto
}

.is-vertical .c-about-brand-video .video-list .vide-tab {
    width: auto;
    padding: 0 20px;
    background-color: #fff;
    border-radius: 0;
    overflow-x: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.is-vertical .c-about-brand-video .video-list .vide-tab .item {
    width: auto;
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.is-vertical .c-about-brand-video .video-list .vide-tab .item.active {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

.is-vertical .c-about-brand-video .video-list .vide-tab .item.active:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    border-bottom: 6px solid #f68727;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.is-vertical .c-about-brand-video .video-list .video-list-body {
    padding: 20px
}

.is-vertical .c-about-brand-video .video-list .video-list-body .video-list-panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.is-vertical .c-about-brand-video .video-list .video-list-body .video-list-panel .list {
    padding-bottom: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-about-brand-video .video-list .video-list-body .video-list-panel .item {
    width: 47%;
    margin-bottom: 6%;
    margin-right: 0
}

.is-vertical .c-about-brand-video .video-list .video-list-body .video-list-panel .item:nth-of-type(2n),.is-vertical .c-about-brand-video .video-list .video-list-body .video-list-panel .item:nth-of-type(3n) {
    margin-right: 0
}

.is-vertical .c-about-brand-video .video-list .video-list-body .video-list-panel .img-wrap {
    padding-bottom: 90%;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    border-radius: 20px
}

.is-vertical .c-about-brand-video .video-list .video-list-body .video-list-panel .img-wrap .pic {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.is-vertical .c-about-brand-video .button-box {
    margin-top: 0;
    margin-bottom: 30px
}

.is-vertical .c-about-brand-video .subscription-box {
    width: 100%;
    padding: 50px 0
}

.is-vertical .c-about-brand-video .subscription-box .content {
    width: 100%
}

.is-vertical .c-about-brand-video .subscription-box .swiper-slide .item {
    width: 50%
}

.is-vertical .c-about-brand-video .subscription-box .swiper-button-next,.is-vertical .c-about-brand-video .subscription-box .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-about-brand-gallery {
    display: none;
    padding: 50px 0 100px;
    background-color: #eff8fe
}

.c-about-brand-gallery .inner-container {
    padding: 0 100px
}

.c-about-brand-gallery .tips {
    text-align: center;
    margin-top: 30px
}

.c-about-brand-gallery .gallery-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-brand-gallery .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 194px;
    padding: 40px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/about-brand-gallery-side-bg.jpg) 50% no-repeat #ddf1f5;
    background-size: cover
}

.c-about-brand-gallery .tab-list .item {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.c-about-brand-gallery .tab-list .item .line {
    position: absolute;
    bottom: -3px;
    left: -5%;
    width: 0;
    height: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #32adc6
}

.c-about-brand-gallery .tab-list .item:last-of-type {
    margin-bottom: 0
}

.c-about-brand-gallery .tab-list .item.active,.c-about-brand-gallery .tab-list .item:hover {
    color: #32adc6
}

.c-about-brand-gallery .tab-list .item.active .line {
    width: 110%
}

.c-about-brand-gallery .gallery-list-wrap {
    width: calc(100% - 204px)
}

.c-about-brand-gallery .gallery-swiper {
    display: none;
    overflow: hidden
}

.c-about-brand-gallery .gallery-swiper.active {
    display: block
}

.c-about-brand-gallery .gallery-swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-brand-gallery .gallery-swiper .side-left,.c-about-brand-gallery .gallery-swiper .side-right {
    width: calc(50% - 5px)
}

.c-about-brand-gallery .gallery-swiper .img-wrap {
    position: relative;
    z-index: 1;
    cursor: pointer;
    overflow: hidden
}

.c-about-brand-gallery .gallery-swiper .img-wrap .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ddf1f5
}

.c-about-brand-gallery .gallery-swiper .img-wrap .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(20%,#32adc6),to(transparent));
    background: linear-gradient(0deg,#32adc6 20%,transparent);
    opacity: 0
}

.c-about-brand-gallery .gallery-swiper .img-wrap .text-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 0 10px 15px;
    text-align: right;
    color: #fff;
    opacity: 0
}

.c-about-brand-gallery .gallery-swiper .img-wrap .text-wrap .iconfont {
    line-height: 1.2
}

.c-about-brand-gallery .gallery-swiper .img-wrap .text-wrap .title {
    white-space: nowrap
}

.c-about-brand-gallery .gallery-swiper .img-wrap:hover {
    z-index: 2
}

.c-about-brand-gallery .gallery-swiper .img-wrap:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-about-brand-gallery .gallery-swiper .img-wrap:hover .mask,.c-about-brand-gallery .gallery-swiper .img-wrap:hover .text-wrap {
    opacity: 1
}

.c-about-brand-gallery .gallery-swiper .part-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-brand-gallery .gallery-swiper .part-box .img-wrap {
    width: calc(50% - 5px)
}

.c-about-brand-gallery .gallery-swiper .side-left .part-box {
    margin-bottom: 10px
}

.c-about-brand-gallery .gallery-swiper .side-right .part-box {
    margin-top: 10px
}

.c-about-brand-gallery .gallery-control {
    display: none;
    position: relative;
    padding: 15px 0
}

.c-about-brand-gallery .gallery-control.active {
    display: block
}

.c-about-brand-gallery .gallery-control .pagination-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-brand-gallery .gallery-control .swiper-button-next,.c-about-brand-gallery .gallery-control .swiper-button-prev {
    width: 45px;
    height: 40px;
    position: relative;
    margin-top: 0;
    -webkit-transform: none;
    transform: none;
    background: none
}

.c-about-brand-gallery .gallery-control .swiper-button-next:after,.c-about-brand-gallery .gallery-control .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bolder
}

.c-about-brand-gallery .gallery-control .swiper-button-prev {
    left: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.c-about-brand-gallery .gallery-control .swiper-button-next {
    right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.c-about-brand-gallery .gallery-control .swiper-pagination {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50%;
    margin-left: 97px
}

.is-vertical .c-about-brand-gallery {
    padding: 40px 0 70px;
    background: url(../img/about-brand-gallery-bg-mb.jpg) top no-repeat #ddf1f5;
    background-size: cover
}

.is-vertical .c-about-brand-gallery .inner-container {
    padding: 0
}

.is-vertical .c-about-brand-gallery .tips {
    text-align: left;
    margin-top: 30px
}

.is-vertical .c-about-brand-gallery .gallery-wrap {
    display: block
}

.is-vertical .c-about-brand-gallery .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: none
}

.is-vertical .c-about-brand-gallery .tab-list .item {
    margin: 0 10px
}

.is-vertical .c-about-brand-gallery .gallery-list-wrap {
    width: 100%
}

.is-vertical .c-about-brand-gallery .gallery-swiper .swiper-slide {
    display: block
}

.is-vertical .c-about-brand-gallery .gallery-swiper .side-left,.is-vertical .c-about-brand-gallery .gallery-swiper .side-right {
    width: 100%
}

.is-vertical .c-about-brand-gallery .gallery-swiper .side-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-about-brand-gallery .gallery-swiper .side-left .img-wrap {
    margin-bottom: 10px
}

.is-vertical .c-about-brand-gallery .gallery-swiper .side-left .part-box .img-wrap {
    margin-bottom: 0
}

.is-vertical .c-about-brand-gallery .gallery-control .swiper-pagination {
    margin-left: 0;
    width: 100%
}

.c-about-brand-gallery-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-about-brand-gallery-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 1200px;
    color: #fff
}

.c-about-brand-gallery-layer .btn-download {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
    color: #fff
}

.c-about-brand-gallery-layer .btn-download .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-about-brand-gallery-layer .btn-download:hover {
    color: #f68727
}

.c-about-brand-gallery-layer .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    bottom: -60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-about-brand-gallery-layer .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-about-brand-gallery-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-about-brand-gallery-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-about-brand-gallery-layer .btn-close:hover {
    border-color: #f68727
}

.c-about-brand-gallery-layer .btn-close:hover .line {
    background: #f68727
}

.is-vertical .c-about-brand-gallery-layer .content {
    width: 100%
}

.about-news-wrap {
    background: #eff8fe!important
}

.c-about-news-company {
    padding: 5px 0 100px;
    background: #eff8fe
}

.c-about-news-company .recommend-wrap {
    position: relative;
    margin-top: 70px;
    margin-bottom: 90px;
    padding: 0 100px
}

.c-about-news-company .recommend-wrap .tag-wrap {
    padding-bottom: 2px;
    text-align: right
}

.c-about-news-company .recommend-wrap .tag {
    display: inline-block;
    width: 70%
}

.c-about-news-company .recommend-wrap .recommend-swiper {
    border-top-left-radius: 50px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-about-news-company .recommend-wrap .recommend-swiper .swiper-slide {
    cursor: pointer;
    overflow: hidden
}

.c-about-news-company .recommend-wrap .recommend-swiper .pic {
    width: 100%
}

.c-about-news-company .recommend-wrap .recommend-swiper .text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    background: rgba(114,182,227,.7)
}

.c-about-news-company .recommend-wrap .swiper-pagination-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-news-company .recommend-wrap .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #72b6e3
}

.c-about-news-company .news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 170px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-news-company .news-list .timeline {
    position: relative;
    width: 15%;
    color: #72b6e3
}

.c-about-news-company .news-list .timeline .line {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 0%;
    background: #b8bfc3
}

.c-about-news-company .news-list .timeline .item {
    display: block;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #f68727;
    cursor: pointer
}

.c-about-news-company .news-list .timeline .item.active {
    color: #f68727
}

.c-about-news-company .news-list .list-wrap {
    width: 80%
}

.c-about-news-company .news-list .list-wrap .list.active {
    display: block
}

.c-about-news-company .news-list .list-wrap .item {
    display: none;
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-news-company .news-list .list-wrap .item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-about-news-company .news-list .list-wrap .item .text-wrap .title {
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.c-about-news-company .news-list .list-wrap .img-wrap {
    width: 37%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-about-news-company .news-list .list-wrap .img-wrap .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-news-company .news-list .list-wrap .img-wrap:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-about-news-company .news-list .list-wrap .text-wrap {
    width: 60%
}

.c-about-news-company .news-list .list-wrap .time {
    display: inline-block;
    margin-bottom: 15px;
    padding: 2px 8px;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #f68727
}

.c-about-news-company .news-list .list-wrap .load-more-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-news-company .news-list .list-wrap .load-more-wrap .btn-load-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72b6e3;
    cursor: pointer
}

.c-about-news-company .news-list .list-wrap .load-more-wrap .btn-load-more .iconfont {
    margin-left: 2px
}

.is-vertical .c-about-news-company .recommend-wrap {
    padding: 0;
    margin-top: 50px
}

.is-vertical .c-about-news-company .recommend-wrap .recommend-swiper {
    width: 80%;
    margin: 0 auto
}

.is-vertical .c-about-news-company .recommend-wrap .recommend-swiper .text-wrap {
    position: static;
    left: auto;
    bottom: auto
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-button-next {
    right: -10px
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-button-prev {
    left: -10px
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-button-next,.is-vertical .c-about-news-company .recommend-wrap .swiper-button-prev {
    border: none
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-button-next:hover,.is-vertical .c-about-news-company .recommend-wrap .swiper-button-prev:hover {
    background-color: transparent
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-button-next:hover:after,.is-vertical .c-about-news-company .recommend-wrap .swiper-button-prev:hover:after {
    color: #f68727
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-pagination-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-pagination-wrap .swiper-pagination-bullets {
    width: 50%;
    margin: 0 auto
}

.is-vertical .c-about-news-company .recommend-wrap .swiper-pagination-wrap .swiper-pagination-bullet,.is-vertical .c-about-news-company .recommend-wrap .swiper-pagination-wrap .swiper-pagination-bullet-active {
    width: 20%
}

.is-vertical .c-about-news-company .news-list {
    width: 100%;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-about-news-company .news-list .timeline {
    width: auto;
    margin-bottom: 30px;
    position: relative
}

.is-vertical .c-about-news-company .news-list .timeline .timeline-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: auto;
    padding-bottom: 10px;
    position: relative;
    z-index: 2
}

.is-vertical .c-about-news-company .news-list .timeline .timeline-wrap .item {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    margin-bottom: 0
}

.is-vertical .c-about-news-company .news-list .timeline .timeline-wrap .item:after {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    background-color: #f68727;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.is-vertical .c-about-news-company .news-list .timeline .timeline-wrap .item.active:after {
    opacity: 1
}

.is-vertical .c-about-news-company .news-list .timeline .line-h {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 6px;
    left: 0;
    background: #b8bfc3;
    z-index: 1
}

.is-vertical .c-about-news-company .news-list .list-wrap {
    width: 100%;
    padding: 0 10px
}

.is-vertical .c-about-news-company .news-list .list-wrap .img-wrap {
    width: 46%
}

.is-vertical .c-about-news-company .news-list .list-wrap .text-wrap {
    width: 50%
}

.is-vertical .c-about-news-company .news-list .list-wrap .text-wrap .title {
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.is-vertical .c-about-news-company .news-list .list-wrap .load-more-wrap {
    width: 40%;
    padding: 4px 0;
    background-color: #f68727;
    border-radius: 30px;
    margin: 0 auto
}

.is-vertical .c-about-news-company .news-list .list-wrap .load-more-wrap .btn-load-more {
    color: #fff
}

.about-news-detail-wrap {
    background: #eff8fe!important
}

.c-about-news-content {
    padding: 50px 0 100px;
    background: #eff8fe
}

.c-about-news-content .inner-container {
    padding: 0 100px
}

.c-about-news-content .part-top .back-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.c-about-news-content .part-top .back-wrap .btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72b6e3;
    cursor: pointer
}

.c-about-news-content .part-top .back-wrap .btn-back .iconfont {
    margin-left: 2px
}

.c-about-news-content .part-top .title {
    margin-bottom: 15px
}

.c-about-news-content .part-top .attrs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-news-content .part-top .time {
    display: inline-block;
    margin-right: 30px;
    padding: 2px 8px;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #f68727
}

.c-about-news-content .part-top .share {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-news-content .part-top .media-list,.c-about-news-content .part-top .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-about-news-content .part-top .media-list .item {
    width: 48px;
    height: 48px;
    position: relative;
    margin-left: 10px;
    border-radius: 50%;
    background: #72b6e3;
    color: #fff;
    cursor: pointer
}

.c-about-news-content .part-top .media-list .item .icon-wrap {
    width: 100%;
    height: 100%;
    position: relative
}

.c-about-news-content .part-top .media-list .item .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 24px
}

.c-about-news-content .part-top .media-list .item:hover {
    background: #f68727
}

@media screen and (max-width: 1600px) {
    .c-about-news-content .part-top .media-list .item {
        width:35px;
        height: 35px
    }

    .c-about-news-content .part-top .media-list .item .iconfont {
        font-size: 18px
    }
}

.c-about-news-content .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-news-content .content {
    width: 60%
}

.c-about-news-content .content img {
    width: 100%;
    margin-bottom: 20px
}

.c-about-news-content .content p {
    margin-bottom: 15px
}

.c-about-news-content .content .line {
    margin-bottom: 20px;
    border-bottom: 2px solid #c9d0d5
}

.c-about-news-content .news-list {
    width: 37%
}

.c-about-news-content .news-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-news-content .news-list .img-wrap {
    width: 60%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-about-news-content .news-list .img-wrap .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-news-content .news-list .img-wrap:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-about-news-content .news-list .text-wrap {
    width: 37%
}

.c-about-news-content .news-list .time {
    display: inline-block;
    margin-bottom: 15px;
    padding: 2px 8px;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #f68727
}

.c-about-news-content .news-list .load-more-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-news-content .news-list .load-more-wrap .btn-load-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72b6e3;
    cursor: pointer
}

.c-about-news-content .news-list .load-more-wrap .btn-load-more .iconfont {
    margin-left: 2px
}

.is-vertical .c-about-news-content .inner-container {
    padding: 0 20px
}

.is-vertical .c-about-news-content .content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-about-news-content .content-wrap .content {
    width: 100%
}

.is-vertical .c-about-news-content .content-wrap .news-list {
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #ccc;
    padding-top: 50px
}

.is-vertical .c-about-news-content .content-wrap .news-list .img-wrap {
    width: 50%
}

.is-vertical .c-about-news-content .content-wrap .news-list .text-wrap {
    width: 47%
}

.is-vertical .c-about-news-content .content-wrap .news-list .load-more-wrap {
    width: 40%;
    padding: 4px 0;
    background-color: #f68727;
    border-radius: 30px;
    margin: 0 auto
}

.is-vertical .c-about-news-content .content-wrap .news-list .load-more-wrap .btn-load-more {
    color: #fff
}

@media (max-width: 767px) {
    .c-about-news-content .is_wx,.c-about-news-content .not_wx {
        position:fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 99999;
        display: none;
        opacity: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

.c-about-news-content .is_wx .text-container {
    width: 200px;
    height: 60px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333
}

.c-about-news-content .is_wx .text-container .sanj {
    height: 22px;
    text-align: left;
    padding: 10px 20px
}

.c-about-news-content .is_wx .text-container:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 0;
    -webkit-transform: rotate(45deg) translate(-20%,-20%);
    transform: rotate(45deg) translate(-20%,-20%)
}

.c-about-news-content #wx {
    position: absolute;
    background: #fff;
    border: 1px solid #f1f1f1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 0 20px 1px #dadada;
    box-shadow: 0 0 20px 1px #dadada
}

@media (max-width: 416px) {
    .c-about-news-content #wx {
        width:300px
    }
}

@media (min-width: 416px) {
    .c-about-news-content #wx {
        left:50%;
        bottom: 130%;
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0)
    }
}

@media (max-width: 416px) {
    .c-about-news-content #wx {
        -webkit-transform:scale(0);
        transform: scale(0);
        position: unset;
        margin: 120px auto 0;
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,85%,0);
        box-shadow: 0 0 0 0 hsla(0,0%,85%,0)
    }
}

.c-about-news-content #wx .share-header {
    background: #f68727;
    color: #fff;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px
}

.c-about-news-content #wx .share-header .iconfont {
    cursor: pointer
}

.c-about-news-content #wx .share-footer {
    text-align: left;
    margin: 20px;
    padding-top: 20px;
    border-top: 1px dashed #666;
    color: #666
}

.c-about-news-content #wx .share-footer .foot-title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bolder
}

.c-about-news-content #wx .share-footer .p {
    font-size: 15px;
    margin-bottom: 5px
}

.c-about-news-content #wx .under {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg) translate(35%,35%);
    transform: rotate(45deg) translate(35%,35%);
    border: 1px solid red;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-left: 0;
    border-top: 0
}

.c-about-news-content #wx #wxCode canvas,.c-about-news-content #wx #wxCode img {
    border: 1px solid #e4e4e4;
    padding: 10px
}

@media (max-width: 416px) {
    .c-about-news-content #wx #wxCode canvas,.c-about-news-content #wx #wxCode img {
        margin:30px auto
    }
}

@media (min-width: 768px) {
    .c-about-news-content #share-wx:hover #wx {
        -webkit-transform:translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

.c-about-honor-prize2 {
    display: none
}

.c-about-honor-prize2 .timeline-wrap {
    position: relative
}

.c-about-honor-prize2 .timeline-wrap .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-about-honor-prize2 .timeline-wrap .inner-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80%;
    height: auto
}

.c-about-honor-prize2 .timeline-wrap .timeline-swiper {
    overflow: hidden
}

.c-about-honor-prize2 .timeline-wrap .timeline-swiper .inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    padding: 0 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -webkit-box-shadow: 3.94px 3.078px 16px 0 rgba(0,0,0,.05);
    box-shadow: 3.94px 3.078px 16px 0 rgba(0,0,0,.05);
    border-bottom-right-radius: 20px
}

.c-about-honor-prize2 .timeline-wrap .title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-align: center;
    color: #f68727
}

.c-about-honor-prize2 .timeline-wrap .title:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30%;
    height: 1px;
    display: block;
    bottom: 0;
    content: "";
    background: #f68727
}

.c-about-honor-prize2 .timeline-wrap .swiper-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 65%;
    margin-top: 30px;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.c-about-honor-prize2 .timeline-wrap .swiper-pagination {
    position: relative;
    bottom: auto;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.c-about-honor-prize2 .timeline-wrap .pagination-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    -ms-flex-line-pack: center;
    align-content: center
}

.c-about-honor-prize2 .timeline-wrap .swiper-button-next,.c-about-honor-prize2 .timeline-wrap .swiper-button-prev {
    width: 36px;
    height: 32px;
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
    margin-top: 0
}

.c-about-honor-prize2 .timeline-wrap .swiper-button-next:after,.c-about-honor-prize2 .timeline-wrap .swiper-button-prev:after {
    font-size: 14px
}

.c-about-honor-prize2 .timeline-wrap .swiper-button-prev {
    margin-right: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.c-about-honor-prize2 .timeline-wrap .swiper-button-next {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.c-about-honor-prize2 .recognition-wrap {
    padding: 80px 0;
    background: #f2f1f1
}

.c-about-honor-prize2 .recognition-wrap .inner-container {
    width: 80%;
    margin: 0 auto
}

.c-about-honor-prize2 .recognition-wrap .title {
    margin-bottom: 40px;
    text-align: center
}

.c-about-honor-prize2 .recognition-wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-honor-prize2 .recognition-wrap .list .item {
    width: 32%
}

.c-about-honor-prize2 .recognition-wrap .list .inner-content {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 50px 40px;
    border-radius: 6px;
    text-align: center
}

.c-about-honor-prize2 .recognition-wrap .list .inner-content:hover {
    background: #fff;
    -webkit-box-shadow: 3.94px 3.078px 16px 0 rgba(0,0,0,.05);
    box-shadow: 3.94px 3.078px 16px 0 rgba(0,0,0,.05)
}

.c-about-honor-prize2 .recognition-wrap .list .icon-wrap {
    display: block;
    width: 40%;
    margin: 0 auto 15px
}

.c-about-honor-prize2 .recognition-wrap .list .icon-wrap .icon {
    width: 100%
}

.c-about-honor-prize2 .media-wrap {
    padding: 80px 0;
    background: #fff
}

.c-about-honor-prize2 .media-wrap .title {
    margin-bottom: 40px;
    text-align: center
}

.c-about-honor-prize2 .media-wrap .inner-container {
    width: 80%;
    margin: 0 auto
}

.c-about-honor-prize2 .media-wrap .bg {
    display: block
}

.c-about-honor-prize2 .media-wrap .btn-view-more {
    width: 150px;
    margin: 20px auto 0;
    text-align: center;
    cursor: pointer
}

.c-about-honor-prize2 .media-wrap .btn-view-more .iconfont {
    color: #f68727;
    line-height: 1
}

.is-vertical .c-about-honor-prize2 {
    overflow-x: hidden
}

.is-vertical .c-about-honor-prize2 .timeline-wrap .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-about-honor-prize2 .timeline-wrap .timeline-swiper {
    overflow: visible
}

.is-vertical .c-about-honor-prize2 .timeline-wrap .timeline-swiper .inner-content {
    padding-left: 30px;
    padding-right: 30px;
    border-bottom-right-radius: 60px;
    text-align: center
}

.is-vertical .c-about-honor-prize2 .timeline-wrap .swiper-control {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-about-honor-prize2 .timeline-wrap .swiper-pagination {
    width: 100%
}

.is-vertical .c-about-honor-prize2 .recognition-wrap {
    padding-top: 40px;
    padding-bottom: 50px
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .container {
    padding-left: 20px;
    padding-right: 20px
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .inner-container {
    width: 100%
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .title {
    margin-bottom: 20px
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .list {
    display: block
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .list .item {
    width: 100%;
    margin-bottom: 15px
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .list .item:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .list .inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 3.94px 3.078px 16px 0 rgba(0,0,0,.05);
    box-shadow: 3.94px 3.078px 16px 0 rgba(0,0,0,.05);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .list .icon-wrap {
    width: 15%;
    margin: 0
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .list .icon-wrap .icon {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-vertical .c-about-honor-prize2 .recognition-wrap .list .description {
    width: 79%;
    text-align: left
}

.is-vertical .c-about-honor-prize2 .media-wrap {
    padding-top: 40px;
    padding-bottom: 50px
}

.is-vertical .c-about-honor-prize2 .media-wrap .container {
    padding-left: 20px;
    padding-right: 20px
}

.is-vertical .c-about-honor-prize2 .media-wrap .inner-container {
    width: 100%
}

.is-vertical .c-about-honor-prize2 .media-wrap .title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-honor-prize2 .timeline-wrap .timeline-swiper .inner-content {
        height:700px
    }
}

@media screen and (max-width: 400px) {
    .is-vertical .c-about-honor-prize2 .recognition-wrap .list .description p {
        font-size:12px
    }
}

.c-about-honor-qualification {
    display: none;
    position: relative;
    padding: 70px 0 300px;
    background: #eff8fe;
    overflow: hidden
}

.c-about-honor-qualification .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    background: url(../img/about-honor-qua-bg.jpg) top no-repeat #eff8fe
}

.c-about-honor-qualification .top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-honor-qualification .top-wrap .text-wrap {
    width: 30%;
    padding-left: 100px
}

.c-about-honor-qualification .top-wrap .text-wrap .list {
    position: relative
}

.c-about-honor-qualification .top-wrap .text-wrap .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-about-honor-qualification .top-wrap .text-wrap .item .title,.c-about-honor-qualification .top-wrap .text-wrap .item .year {
    color: #f68727
}

.c-about-honor-qualification .top-wrap .text-wrap .item .title {
    margin-bottom: 10px
}

.c-about-honor-qualification .top-wrap .text-wrap .item:first-of-type {
    position: relative
}

.c-about-honor-qualification .top-wrap .swiper-wrap {
    position: relative;
    width: 65%;
    overflow: hidden
}

.c-about-honor-qualification .top-wrap .cert-swiper {
    width: 50%;
    margin: 0 auto
}

.c-about-honor-qualification .top-wrap .swiper-slide {
    opacity: 0
}

.c-about-honor-qualification .top-wrap .swiper-slide .pic {
    width: 100%
}

.c-about-honor-qualification .top-wrap .swiper-slide.swiper-slide-prev {
    opacity: .35;
    -webkit-transform: translateX(40%);
    transform: translateX(40%)
}

.c-about-honor-qualification .top-wrap .swiper-slide.swiper-slide-next {
    opacity: .35;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%)
}

.c-about-honor-qualification .top-wrap .swiper-slide.swiper-slide-active {
    z-index: 2;
    opacity: 1
}

.is-vertical .c-about-honor-qualification {
    padding-bottom: 100px;
    padding-top: 50px
}

.is-vertical .c-about-honor-qualification .bg {
    background: #eff8fe
}

.is-vertical .c-about-honor-qualification .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-about-honor-qualification .inner-container {
    width: 100%
}

.is-vertical .c-about-honor-qualification .top-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-about-honor-qualification .top-wrap .text-wrap {
    width: 100%;
    padding-left: 0
}

.is-vertical .c-about-honor-qualification .top-wrap .text-wrap .h2,.is-vertical .c-about-honor-qualification .top-wrap .text-wrap .title {
    text-align: center
}

.is-vertical .c-about-honor-qualification .top-wrap .text-wrap .description {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.is-vertical .c-about-honor-qualification .top-wrap .swiper-wrap {
    width: 100%;
    margin-top: 5%
}

.is-vertical .c-about-honor-qualification .top-wrap .cert-swiper {
    width: 80%
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-honor-qualification .top-wrap .cert-swiper {
        width:70%
    }
}

.c-about-contactus-content {
    overflow-x: hidden;
    display: none;
    position: relative;
    z-index: 6
}

.c-about-contactus-content .section1 {
    background: url(../img/about-contactus-content-bg.jpg) bottom repeat
}

.c-about-contactus-content .term-swiper {
    position: relative
}

.c-about-contactus-content .term-swiper .swiper-wrapper {
    width: 100%
}

.c-about-contactus-content .term-swiper .swiper-pagination {
    display: none;
    position: absolute
}

.c-about-contactus-content .term-swiper .swiper-slide {
    width: 270px
}

.c-about-contactus-content .text-wrap {
    text-align: center;
    padding-top: 3%;
    color: #6288c5
}

.c-about-contactus-content .attrs-wrap {
    padding-top: 55px;
    padding-bottom: 75px
}

.c-about-contactus-content .attrs-wrap,.c-about-contactus-content .attrs-wrap .item .inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap {
    width: 250px;
    height: 250px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background: #e0e7f3;
    border-radius: 50%
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap .title {
    color: #f68727;
    padding-bottom: 5px
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap .description {
    height: 35px
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap:hover {
    color: #fff;
    background: #70a9d1
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap:hover .title,.c-about-contactus-content .attrs-wrap .item .inner-wrap:hover a {
    color: #fff
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap:hover a:hover {
    color: #f68727
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap:hover .icon-wrap .icon {
    opacity: 0
}

.c-about-contactus-content .attrs-wrap .item .inner-wrap:hover .icon-wrap .icon-light {
    opacity: 1
}

.c-about-contactus-content .attrs-wrap .item .icon-wrap {
    display: inline-block;
    position: relative;
    width: 60px
}

.c-about-contactus-content .attrs-wrap .item .icon-wrap img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-contactus-content .attrs-wrap .item .icon-wrap .icon-light {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.c-about-contactus-content .map-wrap {
    position: relative;
    padding-right: 100px;
    padding-left: 100px;
    padding-bottom: 120px
}

.c-about-contactus-content .map-wrap .mapDiv {
    height: 500px;
    border-bottom-right-radius: 90px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-about-contactus-content .map-wrap .mapDiv table td {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.c-about-contactus-content .map-wrap .map-tabs {
    position: absolute;
    top: -25px;
    left: 170px;
    width: 400px;
    height: calc(100% - 120px + 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #70a9d1;
    border-radius: 20px;
    color: #fff;
    overflow: hidden
}

.c-about-contactus-content .map-wrap .map-tabs .side-left {
    position: relative;
    z-index: 2;
    width: 48%;
    background: #0d87ba;
    -webkit-box-shadow: rgba(0,0,0,.3) 0 0 15px;
    box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.c-about-contactus-content .map-wrap .map-tabs .side-left .title {
    margin-bottom: 30px;
    padding-top: 50px;
    text-align: center
}

.c-about-contactus-content .map-wrap .map-tabs .side-left .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-about-contactus-content .map-wrap .map-tabs .side-left .tab-list .item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: 15px;
    color: hsla(0,0%,100%,.3);
    cursor: pointer
}

.c-about-contactus-content .map-wrap .map-tabs .side-left .tab-list .item.active,.c-about-contactus-content .map-wrap .map-tabs .side-left .tab-list .item:hover {
    color: #fff
}

.c-about-contactus-content .map-wrap .map-tabs .side-right {
    width: 52%
}

.c-about-contactus-content .map-wrap .map-tabs .side-right .tab-list {
    display: none;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-contactus-content .map-wrap .map-tabs .side-right .tab-list .item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer
}

.c-about-contactus-content .map-wrap .map-tabs .side-right .tab-list .item span {
    display: block;
    width: 80px
}

.c-about-contactus-content .map-wrap .map-tabs .side-right .tab-list .item.active {
    background: hsla(0,0%,100%,.2)
}

.c-about-contactus-content .map-wrap .map-tabs .side-right .tab-list .item:hover {
    color: #f68727
}

.c-about-contactus-content .map-wrap .map-tabs .side-right .tab-list.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-about-contactus-content .map-wrap .map-tabs .side-right .tab-list.more-item-list .item {
    padding-top: 7px;
    padding-bottom: 7px
}

.c-about-contactus-content .section2 .qrcodes .controls {
    display: none
}

.c-about-contactus-content .section2 .qrcodes .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6%;
    padding-bottom: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-contactus-content .section2 .qrcodes .item {
    position: relative;
    width: 10%;
    margin-right: 15px;
    text-align: center
}

.c-about-contactus-content .section2 .qrcodes .item .img-wrap {
    width: 78%;
    margin-left: 11%
}

.c-about-contactus-content .section2 .qrcodes .item .qrcode {
    width: 100%
}

.c-about-contactus-content .section2 .qrcodes .item:last-of-type {
    margin-right: 0
}

.is-vertical .c-about-contactus-content .section1 {
    background: url(../img/about-contactus-content-bg.jpg) top norepeat
}

.is-vertical .c-about-contactus-content .section1 .text-wrap {
    padding-top: 9%
}

.is-vertical .c-about-contactus-content .section1 .attrs-wrap {
    padding-bottom: 100px
}

.is-vertical .c-about-contactus-content .section1 .attrs-wrap .item .inner-wrap {
    color: #fff;
    background: #70a9d1
}

.is-vertical .c-about-contactus-content .section1 .attrs-wrap .item .inner-wrap .title {
    color: #fff
}

.is-vertical .c-about-contactus-content .section1 .attrs-wrap .item .inner-wrap a {
    color: #f68727
}

.is-vertical .c-about-contactus-content .section1 .attrs-wrap .item .inner-wrap .icon-wrap .icon {
    opacity: 0
}

.is-vertical .c-about-contactus-content .section1 .attrs-wrap .item .inner-wrap .icon-wrap .icon-light {
    opacity: 1
}

.is-vertical .c-about-contactus-content .section1 .term-swiper .swiper-pagination {
    left: 25%;
    bottom: 17%;
    width: 50%;
    display: block
}

.is-vertical .c-about-contactus-content .section1 .term-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: .4;
    height: 2px
}

.is-vertical .c-about-contactus-content .section1 .term-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20%;
    opacity: 1;
    height: 2px
}

.is-vertical .c-about-contactus-content .section1 .map-wrap {
    background-color: #fff;
    padding: 205px 0 30px
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs {
    left: 0;
    height: 200px;
    width: 100%;
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-left {
    height: 70%;
    width: 100%
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-left .title {
    font-weight: 500;
    padding-top: 30px
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-left .tab-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-x: auto
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-left .tab-list .item {
    padding: 0 3.5%;
    white-space: nowrap
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-left .tab-list .item:first-child {
    margin-left: 7%
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-right {
    height: 30%;
    width: 100%
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-right .tab-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-x: auto;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-right .tab-list .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-right .tab-list .item span {
    width: 125px;
    text-align: center
}

.is-vertical .c-about-contactus-content .section1 .map-wrap .map-tabs .side-right .tab-list .item:first-child {
    margin-left: 7%
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .controls {
    display: block
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-prev {
    margin-left: 9%
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-next {
    margin-right: 9%
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-next,.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-prev {
    border: 0;
    opacity: 1;
    margin-top: -44px
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-next:after,.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-prev:after {
    font-size: 35px
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-next:hover:after,.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-prev:hover:after {
    color: #f68727
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-next:hover,.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-prev:hover {
    background: #fff
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .list {
    margin-top: 50px;
    padding-bottom: 50px;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .item {
    width: 200px;
    margin-right: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .item .qrcode {
    width: 90%;
    margin: 0 auto
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .item .h6 {
    color: #81a0d1
}

.is-vertical .c-about-contactus-content .section2 .qrcodes .item .img-wrap {
    width: 86%;
    margin-left: 7%
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-contactus-content .section1 .term-swiper .swiper-slide {
        width:420px
    }

    .is-vertical .c-about-contactus-content .section1 .term-swiper .swiper-pagination {
        bottom: 14%
    }

    .is-vertical .c-about-contactus-content .section1 .attrs-wrap .item .inner-wrap {
        width: 340px;
        height: 340px;
        margin: 0 40px
    }

    .is-vertical .c-about-contactus-content .section2 .qrcodes .item .qrcode {
        width: 34%
    }

    .is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-next:after,.is-vertical .c-about-contactus-content .section2 .qrcodes .controls .swiper-button-prev:after {
        font-size: 55px
    }
}

.c-about-contactus-cooperation {
    overflow-x: hidden;
    display: none
}

.c-about-contactus-cooperation .section1 {
    background: url(../img/about-contactus-cooperation-bg.jpg) bottom repeat
}

.c-about-contactus-cooperation .section1 .attrs-wrap {
    width: 75%;
    margin: 0 auto;
    padding: 5% 0
}

.c-about-contactus-cooperation .section1 .attrs-wrap .swiper-pagination {
    display: none
}

.c-about-contactus-cooperation .section1 .attrs-wrap .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item {
    width: 25%;
    padding: 3%;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    background: url(../img/about-contactus-cooperation-corner.png) no-repeat 100% 0;
    background-size: 0 0;
    border-radius: 1.5em
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item .icon {
    margin: 0 auto
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item .title {
    text-align: center;
    padding: 8% 0
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item .index {
    color: #a7a7a7;
    font-size: .16rem;
    position: absolute;
    right: 7%;
    display: none;
    top: 3%
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item .description {
    height: 11vw
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item .next-box {
    display: none
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item:hover {
    -webkit-box-shadow: 0 0 40px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 40px 1px rgba(0,0,0,.2);
    background: #fff url(../img/about-contactus-cooperation-corner.png) no-repeat 100% 0;
    background-size: 25% 20%
}

.c-about-contactus-cooperation .section1 .attrs-wrap .item:hover .index {
    display: block
}

.c-about-contactus-cooperation .section2 .title {
    text-align: center;
    padding: 4% 0
}

.c-about-contactus-cooperation .section2 .box-wrap {
    width: 46%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    position: relative
}

.c-about-contactus-cooperation .section2 .box-wrap .pic2 {
    position: absolute;
    z-index: 1;
    width: 100%
}

.c-about-contactus-cooperation .section2 .box-wrap .text-wrap {
    margin-right: 7%;
    margin-top: 25%;
    text-align: right
}

.c-about-contactus-cooperation .section2 .box-wrap .text-wrap .line {
    height: 2%;
    width: 40%;
    margin: 5% 0 6% 60%;
    background-color: #f68727
}

.c-about-contactus-cooperation .section2 .box-wrap .text-wrap .tel {
    color: #7aafd4
}

.c-about-contactus-cooperation .section2 .box-wrap .img-wrap {
    margin-right: 4.5%;
    margin-top: -3%;
    width: 39%;
    position: relative
}

.c-about-contactus-cooperation .section2 .box-wrap .img-wrap .pic1 {
    width: 100%
}

.is-vertical .c-about-contactus-cooperation .section1 {
    position: relative
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap {
    padding: 20% 0 26%
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .swiper-pagination {
    display: block;
    width: 80%;
    bottom: 6.5%;
    left: 10%
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .swiper-pagination-bullet {
    width: 10%;
    opacity: .4;
    height: 2px
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 10%;
    height: 2px
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .swiper-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item {
    width: 90%;
    padding: 30px 11% 50px;
    margin: 0 15px;
    border-radius: 1.2em;
    -webkit-box-shadow: 0 0 40px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 40px 1px rgba(0,0,0,.2);
    background: #fff url(../img/about-contactus-cooperation-corner.png) no-repeat 100% 0;
    background-size: 60px 80px
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item .index {
    font-size: .56rem;
    top: 20px;
    right: 15px
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item .description-box {
    height: 53vw;
    overflow: hidden
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item .description {
    height: auto
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item .next-box {
    position: absolute;
    right: 12px;
    bottom: 5px;
    width: 40px;
    height: 30px;
    text-align: right
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item .next-box.active .next {
    -webkit-transform: rotate(-95deg);
    transform: rotate(-95deg)
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item .next-box .next {
    margin-top: 10px;
    display: block
}

.is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .item .index {
    display: block
}

.is-vertical .c-about-contactus-cooperation .section2 .title {
    padding: 9% 0 0
}

.is-vertical .c-about-contactus-cooperation .section2 .box-wrap {
    padding: 10% 0 33%;
    width: 72%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-about-contactus-cooperation .section2 .box-wrap .text-wrap {
    position: absolute;
    bottom: 9%;
    margin-right: 0;
    text-align: center
}

.is-vertical .c-about-contactus-cooperation .section2 .box-wrap .text-wrap .line {
    position: absolute;
    right: 30%
}

.is-vertical .c-about-contactus-cooperation .section2 .box-wrap .text-wrap .tel {
    margin-top: 10%
}

.is-vertical .c-about-contactus-cooperation .section2 .box-wrap .text-wrap .entext {
    margin-bottom: -3%
}

.is-vertical .c-about-contactus-cooperation .section2 .box-wrap .img-wrap {
    margin-right: -5.5%;
    width: 78%
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-contactus-cooperation .section1 .attrs-wrap .swiper-pagination {
        bottom:51%
    }

    .is-vertical .c-about-contactus-cooperation .section2 .box-wrap .text-wrap {
        bottom: 16%
    }
}

.c-about-contactus-media {
    display: none;
    overflow-x: hidden
}

.c-about-contactus-media .section1 {
    background: url(../img/about-contactus-content-bg.jpg) bottom repeat
}

.c-about-contactus-media .term-swiper {
    position: relative
}

.c-about-contactus-media .term-swiper .swiper-wrapper {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-contactus-media .term-swiper .swiper-pagination {
    display: none;
    position: absolute
}

.c-about-contactus-media .term-swiper .swiper-slide {
    width: 270px
}

.c-about-contactus-media .attrs-wrap {
    padding-top: 55px;
    padding-bottom: 75px
}

.c-about-contactus-media .attrs-wrap,.c-about-contactus-media .attrs-wrap .item .inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap {
    width: 250px;
    height: 250px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background: #e0e7f3;
    border-radius: 50%
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap .title {
    margin-top: 5px;
    color: #f68727;
    padding-bottom: 5px;
    white-space: nowrap
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap .description {
    height: 35px
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap:hover {
    color: #fff;
    background: #70a9d1
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap:hover .title,.c-about-contactus-media .attrs-wrap .item .inner-wrap:hover a {
    color: #fff
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap:hover a:hover {
    color: #f68727
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap:hover .icon-wrap .icon {
    opacity: 0
}

.c-about-contactus-media .attrs-wrap .item .inner-wrap:hover .icon-wrap .icon-light {
    opacity: 1
}

.c-about-contactus-media .attrs-wrap .item .icon-wrap {
    display: inline-block;
    position: relative;
    width: 60px
}

.c-about-contactus-media .attrs-wrap .item .icon-wrap img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-contactus-media .attrs-wrap .item .icon-wrap .icon-light {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.is-vertical .c-about-contactus-media .section1 {
    background: url(../img/about-contactus-content-bg.jpg) top norepeat
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap {
    padding-bottom: 100px
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .inner-wrap {
    color: #fff;
    background: #70a9d1
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .inner-wrap .title {
    color: #fff
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .inner-wrap a {
    color: #f68727
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .inner-wrap .icon-wrap .icon {
    opacity: 0
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .inner-wrap .icon-wrap .icon-light {
    opacity: 1
}

.is-vertical .c-about-contactus-media .section1 .term-swiper .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-about-contactus-media .section1 .term-swiper .swiper-pagination {
    left: 25%;
    bottom: 17%;
    width: 50%
}

.is-vertical .c-about-contactus-media .section1 .term-swiper .swiper-slide {
    width: 100%
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap {
    padding: 70px 0
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item {
    margin-bottom: 20px;
    padding: 0 20px
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 30px;
    border-radius: 14px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .icon-wrap {
    width: 20%
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .icon-wrap .title {
    -webkit-transform: translateX(-7%);
    transform: translateX(-7%)
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .text-wrap {
    width: 65%;
    text-align: left
}

.is-vertical .c-about-contactus-media .section1 .attrs-wrap .item .description {
    height: auto
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-contactus-media .term-swiper .swiper-slide {
        width:420px
    }

    .is-vertical .c-about-contactus-media .term-swiper .swiper-pagination {
        bottom: 14%
    }

    .is-vertical .c-about-contactus-media .attrs-wrap .item .inner-wrap {
        width: 340px;
        height: 340px;
        margin: 0 40px
    }
}

.c-about-contactus-form .title {
    margin: 6% 0 3%;
    text-align: center
}

.c-about-contactus-form .form {
    width: 55%;
    margin: 0 auto;
    margin-bottom: 10%
}

.c-about-contactus-form .text-wrap {
    background-color: #eaf4fb;
    height: 66vh;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.14);
    box-shadow: 0 0 20px 1px rgba(0,0,0,.14);
    padding: 5%
}

.c-about-contactus-form .text-wrap .required,.c-about-contactus-form .text-wrap .required2 {
    position: absolute;
    color: red;
    left: 3%;
    top: 38%
}

.c-about-contactus-form .text-wrap .required2 {
    left: 2%
}

.c-about-contactus-form .text-wrap .input-box {
    width: 45%;
    padding: 0 3%
}

.c-about-contactus-form .text-wrap .input-box,.c-about-contactus-form .text-wrap .input-box2 {
    border: 2px solid #bfdaec;
    border-radius: 14px;
    display: inline-block;
    background-color: #f7fbfd;
    margin: 2%;
    height: 12%;
    position: relative
}

.c-about-contactus-form .text-wrap .input-box2 {
    width: 94%;
    padding: 0 0 0 3%
}

.c-about-contactus-form .text-wrap .inner-form {
    width: 100%;
    background-color: #f7fbfd;
    height: 100%
}

.c-about-contactus-form .text-wrap .medias {
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-about-contactus-form .text-wrap .icon-down {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    pointer-events: none
}

.c-about-contactus-form .text-wrap .sendCode {
    width: 30%;
    background-color: #eaf4fb;
    border: 1px solid #70a9d1;
    height: 12%;
    border-radius: 6vh;
    color: #70a9d1;
    font-size: 16px;
    margin: 2%;
    margin-left: 17%
}

.c-about-contactus-form .text-wrap .sendCode .iconfont {
    position: relative;
    top: 1px;
    margin-left: 7%;
    font-size: 20px
}

.c-about-contactus-form .text-wrap .sendCode .iconfont:before {
    content: "\e616"
}

.c-about-contactus-form .text-wrap .sendCode:hover {
    background: #70a9d1;
    color: #fff
}

.c-about-contactus-form .text-wrap .leaveWord {
    width: 94%;
    border: 2px solid #bfdaec;
    border-radius: 14px;
    background-color: #f7fbfd;
    height: 24%;
    margin: 2%;
    padding: 3%;
    resize: none
}

.c-about-contactus-form .submit-box {
    width: 28%;
    height: 52px;
    color: #fff;
    font-size: 18px;
    margin: 4%
}

.c-about-contactus-form .submit-box .submit {
    padding-right: 39%;
    border-radius: 28px;
    width: 100%;
    height: 100%;
    background: #70a9d1 url(../img/about-contactus-form-icon.png) 100% no-repeat
}

.is-vertical .c-about-contactus-form {
    background: url(../img/about-contactus-form-bg-mb.jpg) top repeat
}

.is-vertical .c-about-contactus-form .title {
    margin: 6%;
    text-align: left
}

.is-vertical .c-about-contactus-form .form {
    width: 100%
}

.is-vertical .c-about-contactus-form .text-wrap {
    height: auto;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.14);
    box-shadow: 0 0 0 0 rgba(0,0,0,.14);
    padding-top: 0
}

.is-vertical .c-about-contactus-form .text-wrap .required,.is-vertical .c-about-contactus-form .text-wrap .required2 {
    left: 5%;
    top: 32%
}

.is-vertical .c-about-contactus-form .text-wrap .input-box {
    width: 100%;
    margin: 2% auto;
    padding-left: 10%;
    padding-right: 10%;
    height: 4.1em
}

.is-vertical .c-about-contactus-form .text-wrap .input-box2 {
    width: 100%;
    margin: 2% auto;
    padding-left: 10%;
    height: 4.1em
}

.is-vertical .c-about-contactus-form .text-wrap .leaveWord {
    height: 10em
}

.is-vertical .c-about-contactus-form .text-wrap .sendCode {
    width: 170px;
    height: 42px;
    margin: 5% 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .c-about-contactus-form .text-wrap .leaveWord {
    width: 100%
}

.is-vertical .c-about-contactus-form .submit-box {
    width: 200px;
    height: 60px;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 20%
}

@media screen and (min-width: 768px) {
    .is-vertical .c-about-contactus-form .title {
        text-align:center
    }

    .is-vertical .c-about-contactus-form .submit-box {
        margin-top: 6%
    }

    .is-vertical .c-about-contactus-form .text-wrap .required,.is-vertical .c-about-contactus-form .text-wrap .required2 {
        top: 40%
    }
}

.c-about-contactus-form-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-about-contactus-form-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#b0cfe6),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#b0cfe6,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 70px 50px;
    border-radius: 30px
}

.c-about-contactus-form-layer .pic-wrap {
    padding-bottom: 40%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.c-about-contactus-form-layer .pic-wrap.smile {
    background-image: url(../img/about-contactus-form-layer-pic.png)
}

.c-about-contactus-form-layer .pic-wrap.cry {
    background-image: url(../img/about-contactus-form-layer-pic2.png)
}

.c-about-contactus-form-layer .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.c-about-contactus-form-layer .title .icon-wrap {
    height: 50px;
    margin-right: 15px
}

.c-about-contactus-form-layer .title .icon-wrap img {
    height: 100%
}

.c-about-contactus-form-layer .title .text {
    display: none;
    height: 50px;
    line-height: 50px
}

.c-about-contactus-form-layer .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-about-contactus-form-layer .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-about-contactus-form-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-about-contactus-form-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-about-contactus-form-layer .btn-close:hover {
    border-color: #f68727
}

.c-about-contactus-form-layer .btn-close:hover .line {
    background: #f68727
}

@media screen and (min-width: 1600px) {
    .c-about-contactus-form-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-about-contactus-form-layer .content {
        max-width:1200px
    }
}

.is-vertical .c-about-contactus-form-layer .content {
    width: 90%;
    padding: 70px 0
}

.is-vertical .c-about-contactus-form-layer .pic-wrap {
    padding-bottom: 70%
}

.is-vertical .c-about-contactus-form-layer .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    top: auto;
    right: auto;
    bottom: -60px
}

.c-services-business {
    overflow-x: hidden
}

.c-services-business .inner-container {
    padding: 0 100px
}

.c-services-business .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-business .title-wrap .title-box {
    position: relative
}

.c-services-business .title-wrap .title {
    position: relative;
    z-index: 2
}

.c-services-business .title-wrap .line {
    position: absolute;
    bottom: 8px;
    left: -3%;
    width: 106%;
    height: 9px;
    background: #8cc299;
    border-radius: 4px
}

.c-services-business .business-wrap {
    position: relative;
    padding: 5% 0 0
}

.c-services-business .business-wrap .business-detail {
    margin-top: 120px
}

.c-services-business .business-wrap .bg {
    position: relative
}

.c-services-business .business-wrap .swiper {
    position: absolute;
    bottom: 0;
    width: 100%
}

.c-services-business .business-wrap .swiper .item .pic {
    position: absolute;
    bottom: 0;
    width: 50%;
    z-index: 2;
    height: 124%
}

.c-services-business .business-wrap .swiper .item .right-pic {
    width: 100%
}

.c-services-business .business-wrap .swiper .item .box-wrap {
    position: absolute;
    top: 40%;
    left: 56%;
    width: 100%
}

.c-services-business .business-wrap .swiper .item .text-wrap {
    width: 25%;
    z-index: 3;
    margin-bottom: 2%
}

.c-services-business .business-wrap .swiper .item .text-wrap .title {
    padding: 2% 0
}

.c-services-business .business-wrap .swiper .item .icons {
    z-index: 3;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-services-business .business-wrap .swiper .item .icons .icon-wrap {
    background-color: #fff;
    width: 14vh;
    height: 14vh;
    border-radius: 7vh;
    text-align: center;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 0 30px;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 3%
}

.c-services-business .business-wrap .swiper .item .icons .icon-wrap .description,.c-services-business .business-wrap .swiper .item .icons .icon-wrap .num {
    display: inline-block;
    color: #fc985b;
    line-height: 1.1
}

.c-services-business .business-wrap .swiper .item .icons .icon-wrap .num {
    font-size: .2rem
}

.c-services-business .business-wrap .swiper .item .icons .icon-wrap .text {
    width: 90%;
    margin: 0 auto;
    height: 30%;
    line-height: 1.4
}

.c-services-business .business-wrap .swiper-button-next {
    right: 50%;
    -webkit-transform: translate(106%,-50%);
    transform: translate(106%,-50%);
    top: 100%;
    background-color: #f68727;
    opacity: 1;
    z-index: 10;
    width: 11vh;
    height: 11vh;
    margin-top: -5.5vh
}

.c-services-business .business-wrap .swiper-button-prev {
    left: 50%;
    -webkit-transform: translate(-106%,-50%);
    transform: translate(-106%,-50%);
    top: 100%;
    background-color: #f68727;
    opacity: 1;
    z-index: 10;
    width: 11vh;
    height: 11vh;
    margin-top: -5.5vh
}

.c-services-business .business-wrap .swiper-button-disabled {
    background-color: #fed0b5;
    border-color: #fed0b5
}

.c-services-business .business-wrap .swiper-button-next:after,.c-services-business .business-wrap .swiper-button-prev:after {
    color: #fff;
    font-size: 14px
}

.c-services-business .business-wrap .swiper-button-next.swiper-button-disabled,.c-services-business .business-wrap .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.c-services-business .business-wrap .swiper-pagination {
    display: none
}

.c-services-business .core-wrap {
    position: relative;
    background: #f1f1f1;
    padding-bottom: 50px
}

.c-services-business .core-wrap .inner-container {
    padding-top: 5%
}

.c-services-business .core-wrap .swiper-slide .slide-inner {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    padding: 30px 30px 50px;
    border-radius: 20px
}

.c-services-business .core-wrap .swiper-slide .slide-inner:hover {
    background: #fff;
    -webkit-box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96);
    box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96)
}

.c-services-business .core-wrap .swiper-slide .slide-inner:hover .num-wrap {
    opacity: 1
}

.c-services-business .core-wrap .swiper-slide .slide-inner .next-box {
    display: none
}

.c-services-business .core-wrap .swiper-slide .num-wrap {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 15%;
    opacity: 0
}

.c-services-business .core-wrap .swiper-slide .num-wrap .block {
    width: 100%
}

.c-services-business .core-wrap .swiper-slide .num-wrap .num {
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    color: #a7a7a7
}

.c-services-business .core-wrap .swiper-slide .icon {
    display: block;
    width: 50%;
    margin: 0 auto 25px
}

.c-services-business .core-wrap .swiper-slide .title {
    margin-bottom: 10px;
    text-align: center
}

.c-services-business .product-wrap {
    position: relative
}

.c-services-business .product-wrap .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-services-business .product-wrap .inner-container {
    padding-top: 5%
}

.c-services-business .product-wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 7%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-business .product-wrap .list .item {
    width: 22%;
    margin: 0 1.5%
}

.c-services-business .product-wrap .list .item .inner {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 50px 40px 80px;
    background: #c1efcc;
    border-radius: 20px;
    color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 21px 21px 0 rgba(0,0,0,.11);
    box-shadow: 0 21px 21px 0 rgba(0,0,0,.11)
}

.c-services-business .product-wrap .list .item .title {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.5);
    text-align: center
}

.c-services-business .product-wrap .list .item:hover .inner {
    color: #fff;
    background: #73b583
}

.c-services-business .product-wrap .list .item:hover .title {
    border-color: #fff
}

.c-services-business .ecology-wrap {
    padding: 5% 0;
    background-color: #f1f1f1
}

.c-services-business .ecology-wrap .pic {
    width: 85%;
    margin: 5% auto 0
}

.c-services-business .ecology-wrap .pic img {
    width: 100%
}

.c-services-business .case-wrap {
    padding: 70px 0 130px;
    background: #f1f9f4
}

.c-services-business .case-wrap .title-wrap {
    margin-bottom: 30px
}

.c-services-business .case-wrap .case-tab {
    height: 50px;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-business .case-wrap .case-tab,.c-services-business .case-wrap .case-tab .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-services-business .case-wrap .case-tab .item {
    position: relative;
    margin-right: 10%;
    height: 100%;
    text-align: center;
    cursor: pointer
}

.c-services-business .case-wrap .case-tab .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,0,0,.4)
}

.c-services-business .case-wrap .case-tab .item:last-of-type {
    margin-right: 0
}

.c-services-business .case-wrap .case-tab .item:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    border-bottom: 8px solid #f68727;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    opacity: 0
}

.c-services-business .case-wrap .case-tab .item.active a,.c-services-business .case-wrap .case-tab .item:hover a {
    color: #000
}

.c-services-business .case-wrap .case-tab .item.active:after {
    opacity: 1
}

.c-services-business .case-wrap .case-swiper {
    display: none;
    position: relative;
    width: 70%;
    margin: 0 auto
}

.c-services-business .case-wrap .case-swiper .swiper-slide {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: .35
}

.c-services-business .case-wrap .case-swiper .swiper-slide.swiper-slide-active {
    opacity: 1
}

.c-services-business .case-wrap .case-swiper .slide-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-shadow: 0 21px 21px 0 rgba(0,0,0,.11);
    box-shadow: 0 21px 21px 0 rgba(0,0,0,.11);
    border-radius: 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-services-business .case-wrap .case-swiper .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    padding: 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-business .case-wrap .case-swiper .text-wrap .title {
    margin-bottom: 15px
}

.c-services-business .case-wrap .case-swiper .text-wrap .btn-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    padding: 8px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #79c395;
    border-radius: 30px
}

.c-services-business .case-wrap .case-swiper .text-wrap .btn-view .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 15px
}

.c-services-business .case-wrap .case-swiper .text-wrap .btn-view:hover .iconfont {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.c-services-business .case-wrap .case-swiper .img-wrap {
    width: 65%;
    padding-bottom: 40%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-services-business .case-wrap .swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-business .case-wrap .swiper-pagination {
    bottom: -40px;
    width: 100%
}

.c-services-business .case-wrap .swiper-pagination-bullet {
    background: #60aad5
}

.c-services-business .case-wrap .swiper-button-next,.c-services-business .case-wrap .swiper-button-prev {
    width: 40px;
    height: 36px;
    margin-top: -18px
}

.c-services-business .case-wrap .swiper-button-prev {
    left: -60px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.c-services-business .case-wrap .swiper-button-next {
    right: -60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.is-vertical .c-services-business .container {
    width: 100%;
    padding: 0
}

.is-vertical .c-services-business .inner-container {
    padding-left: 45px;
    padding-right: 45px
}

.is-vertical .c-services-business .title-wrap {
    margin-bottom: 40px
}

.is-vertical .c-services-business .title-wrap .line {
    width: 120%;
    height: 5px;
    bottom: 6px;
    left: -10%
}

.is-vertical .c-services-business .business-wrap {
    width: 100%;
    padding: 10% 0
}

.is-vertical .c-services-business .business-wrap .title-wrap {
    text-align: center
}

.is-vertical .c-services-business .business-wrap .title-wrap .line {
    width: 80%;
    left: 10%
}

.is-vertical .c-services-business .business-wrap .business-detail {
    overflow: hidden;
    width: 90%;
    margin: 14% auto 17%;
    border-radius: 30px
}

.is-vertical .c-services-business .business-wrap .business-detail .bg {
    margin-top: -14vh
}

.is-vertical .c-services-business .business-wrap .swiper {
    width: 90%;
    overflow: hidden
}

.is-vertical .c-services-business .business-wrap .swiper .item .pic {
    width: 100%;
    height: 55%;
    border-radius: 15px
}

.is-vertical .c-services-business .business-wrap .swiper .item .box-wrap {
    left: 2%;
    top: 15%
}

.is-vertical .c-services-business .business-wrap .swiper .item .text-wrap {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 2%
}

.is-vertical .c-services-business .business-wrap .swiper .item .text-wrap .title {
    text-align: center
}

.is-vertical .c-services-business .business-wrap .swiper .item .icons {
    width: 97%
}

.is-vertical .c-services-business .business-wrap .swiper .item .icons .icon-wrap {
    margin: 0 1%;
    width: 25%;
    height: 20vw;
    border-radius: 10vh
}

.is-vertical .c-services-business .business-wrap .swiper .item .icons .icon-wrap:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.is-vertical .c-services-business .business-wrap .swiper .item .icons .icon-wrap .num {
    font-size: .5rem
}

.is-vertical .c-services-business .business-wrap .swiper .item .icons .icon-wrap .description {
    font-size: .3rem
}

.is-vertical .c-services-business .business-wrap .swiper .item .icons .icon-wrap .text {
    font-size: 1em;
    width: 100%;
    line-height: 1.1;
    width: 124%;
    margin-left: -12%;
    -webkit-transform: scale(.76);
    transform: scale(.76);
    -webkit-transform-origin: center;
    transform-origin: center
}

.is-vertical .c-services-business .business-wrap .swiper-button-next,.is-vertical .c-services-business .business-wrap .swiper-button-prev {
    display: none
}

.is-vertical .c-services-business .business-wrap .swiper-pagination {
    display: inline-block;
    bottom: -6%;
    left: 0;
    width: 100%
}

.is-vertical .c-services-business .business-wrap .swiper-pagination-bullet {
    background: #73b583;
    height: 3px;
    opacity: .2
}

.is-vertical .c-services-business .business-wrap .swiper-pagination-bullet-active {
    width: 20%;
    opacity: 1
}

.is-vertical .c-services-business .core-wrap .inner-container {
    padding-top: 15%
}

.is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner {
    background: #fff;
    -webkit-box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96);
    box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96)
}

.is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner .num-wrap {
    opacity: 1
}

.is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner .description-box {
    height: 30vw;
    overflow: hidden
}

.is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner .description {
    height: auto
}

.is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner .next-box {
    position: absolute;
    right: 12px;
    bottom: 5px;
    width: 40px;
    height: 30px;
    text-align: right
}

.is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner .next-box.active .next {
    -webkit-transform: rotate(-95deg);
    transform: rotate(-95deg)
}

.is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner .next-box .next {
    margin-top: 10px;
    display: block
}

.is-vertical .c-services-business .product-wrap .inner-container {
    padding-top: 15%;
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-services-business .product-wrap .list {
    display: block;
    padding-top: 15%
}

.is-vertical .c-services-business .product-wrap .list .item {
    width: 100%;
    margin-left: 0
}

.is-vertical .c-services-business .product-wrap .list .item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px;
    padding: 30px 20px;
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #73b583
}

.is-vertical .c-services-business .product-wrap .list .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32%;
    margin-bottom: 0;
    padding-right: 5%;
    padding-bottom: 0;
    border-right: 1px solid #fff;
    border-bottom: none;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-services-business .product-wrap .list .item .description {
    width: 60%
}

.is-vertical .c-services-business .ecology-wrap {
    padding: 10% 0
}

.is-vertical .c-services-business .ecology-wrap .inner-container {
    padding-left: 5px;
    padding-right: 5px
}

.is-vertical .c-services-business .ecology-wrap .title-wrap .line {
    width: 110%;
    left: -5%
}

.is-vertical .c-services-business .ecology-wrap .pic {
    width: 100%
}

.is-vertical .c-services-business .case-wrap {
    padding-top: 15%;
    padding-bottom: 120px
}

.is-vertical .c-services-business .case-wrap .title-wrap {
    margin-bottom: 20px
}

.is-vertical .c-services-business .case-wrap .case-tab {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 45px;
    padding-right: 45px;
    overflow-x: auto
}

.is-vertical .c-services-business .case-wrap .case-tab .item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.is-vertical .c-services-business .case-wrap .case-swiper {
    width: 100%
}

.is-vertical .c-services-business .case-wrap .case-swiper .slide-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-services-business .case-wrap .case-swiper .img-wrap {
    width: 100%;
    padding-bottom: 110%
}

.is-vertical .c-services-business .case-wrap .case-swiper .text-wrap {
    width: 100%;
    padding: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-services-business .case-wrap .case-swiper .text-wrap .title {
    text-align: center
}

@media screen and (min-width: 768px) {
    .is-vertical .c-services-business .inner-container {
        padding-left:100px;
        padding-right: 100px
    }

    .is-vertical .c-services-business .title-wrap {
        margin-bottom: 100px
    }

    .is-vertical .c-services-business .core-wrap .inner-container {
        padding-top: 20%
    }

    .is-vertical .c-services-business .core-wrap .swiper-slide .slide-inner {
        padding: 100px
    }

    .is-vertical .c-services-business .product-wrap .inner-container {
        padding-top: 15%;
        padding-left: 100px;
        padding-right: 100px
    }

    .is-vertical .c-services-business .product-wrap .list {
        padding-top: 15%
    }

    .is-vertical .c-services-business .product-wrap .list .item .inner {
        margin-bottom: 30px;
        padding: 50px 30px
    }

    .is-vertical .c-services-business .case-wrap .case-swiper .img-wrap {
        padding-bottom: 90%
    }
}

.is-vertical.is-tablet .c-services-business .business-wrap {
    width: 100%;
    padding: 10% 0
}

.is-vertical.is-tablet .c-services-business .business-wrap .bg {
    margin-top: -22vh
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper {
    width: 90%;
    overflow: hidden
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .pic {
    width: 100%;
    height: 55%;
    border-radius: 15px
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .box-wrap {
    left: 2%;
    top: 15%
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .text-wrap {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 2%
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .text-wrap .title {
    text-align: center
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .icons {
    width: 96%
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .icons .icon-wrap {
    margin: 0 2%;
    width: 25%;
    height: 20vw;
    border-radius: 10vh
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .icons .icon-wrap:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .icons .icon-wrap .num {
    font-size: .5rem
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .icons .icon-wrap .description {
    font-size: .1rem
}

.is-vertical.is-tablet .c-services-business .business-wrap .swiper .item .icons .icon-wrap .text {
    font-size: 1.2em;
    line-height: 1.1;
    width: 100%;
    margin-left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    margin-top: 10px
}

.c-services-business-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-services-business-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9dd3b2),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#9dd3b2,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 50px 70px 0;
    border-radius: 30px
}

.c-services-business-layer .swiper-wrap {
    position: relative;
    margin-bottom: 30px;
    padding: 0 50px
}

.c-services-business-layer .layer-swiper {
    overflow: hidden
}

.c-services-business-layer .swiper-slide .img-wrap {
    padding-bottom: 45%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-services-business-layer .swiper-pagination {
    min-width: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px
}

.c-services-business-layer .text-list {
    position: relative;
    height: 150px;
    padding-bottom: 70px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.c-services-business-layer .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.2)));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2));
    display: block;
    content: "";
    pointer-events: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.c-services-business-layer .btn-close {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    bottom: -60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-services-business-layer .btn-close,.c-services-business-layer .btn-close .line {
    position: absolute;
    left: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-services-business-layer .btn-close .line {
    top: 0;
    width: 1px;
    height: 100%;
    display: block;
    background: #fff
}

.c-services-business-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-services-business-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-services-business-layer .btn-close:hover {
    border-color: #f68727
}

.c-services-business-layer .btn-close:hover .line {
    background: #f68727
}

.c-services-business-layer .swiper-button-next,.c-services-business-layer .swiper-button-prev {
    width: 30px;
    height: 27px;
    margin-top: -14px
}

.c-services-business-layer .swiper-button-next:after,.c-services-business-layer .swiper-button-prev:after {
    font-size: 14px
}

.c-services-business-layer .swiper-button-prev {
    left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.c-services-business-layer .swiper-button-next {
    right: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

@media screen and (min-width: 1600px) {
    .c-services-business-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-services-business-layer .content {
        max-width:1200px
    }

    .c-services-business-layer .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-services-business-layer .content {
    width: 90%;
    padding: 30px 30px 0
}

.is-vertical .c-services-business-layer .swiper-wrap {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.is-vertical .c-services-business-layer .swiper-pagination {
    min-width: 50%;
    max-width: 100%;
    bottom: -10px
}

.is-vertical .c-services-business-layer .swiper-pagination .swiper-pagination-bullet {
    width: 10%
}

.is-vertical .c-services-business-layer .mask {
    height: 30px
}

.is-vertical .c-services-business-layer .text-list {
    height: auto;
    max-height: 250px;
    padding-bottom: 30px
}

.is-vertical .c-services-business-layer .swiper-button-prev {
    left: -20px
}

.is-vertical .c-services-business-layer .swiper-button-next {
    right: -20px
}

.body-services-city-wrap,.services-city-wrap {
    overflow-x: hidden
}

.c-services-city-brand {
    position: relative;
    z-index: 6
}

.c-services-city-brand .inner-container {
    width: 85%;
    margin: -30px auto 0;
    -webkit-box-shadow: 0 6px 29px 0 rgba(130,155,185,.29);
    box-shadow: 0 6px 29px 0 rgba(130,155,185,.29);
    background: #fff;
    border-radius: 10px
}

.c-services-city-brand .btn-view-news {
    padding: 3px 15px;
    color: #f68727;
    border: 1px solid #f68727;
    border-radius: 10px
}

.c-services-city-brand .btn-view-news:hover {
    color: #fff;
    background: #f68727
}

.c-services-city-brand .services-city-brand-swiper {
    overflow: hidden;
    height: 70px;
    padding: 0 30px
}

.c-services-city-brand .swiper-slide {
    width: 100%;
    height: 100%
}

.c-services-city-brand .side-right,.c-services-city-brand .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-services-city-brand .side-right {
    width: 90%
}

.c-services-city-brand .side-right .text {
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.c-services-city-brand .view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 20px;
    border: 1px solid #000;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-services-city-brand .view-more .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 5px;
    line-height: 1
}

.c-services-city-brand .view-more:hover {
    border-color: #f68727
}

.c-services-city-brand .view-more:hover .iconfont {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.c-services-city .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-city .title-wrap .title-box {
    position: relative
}

.c-services-city .title-wrap .title {
    position: relative;
    z-index: 2
}

.c-services-city .title-wrap .line {
    position: absolute;
    bottom: 6px;
    left: -25%;
    width: 150%;
    height: 7px;
    background: #8cc299;
    border-radius: 4px
}

.c-services-city .inner-container {
    width: 85%;
    margin: 0 auto
}

.c-services-city .btn-view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 20px;
    border: 1px solid #000;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-services-city .btn-view-more .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 5px;
    line-height: 1
}

.c-services-city .btn-view-more:hover {
    border-color: #f68727
}

.c-services-city .btn-view-more:hover .iconfont {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.c-services-city .video-wrap {
    padding: 70px 0
}

.c-services-city .video-wrap .video-box {
    position: relative;
    border-top-left-radius: 40px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    cursor: pointer
}

.c-services-city .video-wrap .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 10%
}

.c-services-city .intro-wrap {
    position: relative
}

.c-services-city .intro-wrap .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-services-city .intro-wrap .inner-container {
    position: relative;
    height: 100%
}

.c-services-city .intro-wrap .title-wrap {
    padding-top: 30px
}

.c-services-city .intro-wrap .text-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-city .intro-wrap .text-wrap .title {
    margin-bottom: 30px;
    color: #2d8442
}

.c-services-city .intro-wrap .text-wrap .description,.c-services-city .intro-wrap .text-wrap .description p {
    line-height: 2
}

.c-services-city .intro-wrap .tag {
    position: absolute;
    top: 18%;
    right: -17%;
    width: 20%
}

.c-services-city .gray-box {
    background: url(../img/services-city-gray-bg.jpg) bottom no-repeat #f7f7f7;
    background-size: cover
}

.c-services-city .scale-wrap {
    padding: 70px 0 50px
}

.c-services-city .scale-wrap .img-wrap {
    position: relative
}

.c-services-city .scale-wrap .map-box {
    position: absolute;
    top: 8.7%;
    right: 15.6%;
    width: 42%;
    height: 73%
}

.c-services-city .scale-wrap .marker-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 3%;
    cursor: pointer
}

.c-services-city .scale-wrap .marker-item .marker {
    width: 100%
}

.c-services-city .scale-wrap .marker-item .name {
    bottom: 0;
    left: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    bottom: -10px;
    padding-bottom: 150%;
    pointer-events: none;
    opacity: 0
}

.c-services-city .scale-wrap .marker-item .name span {
    display: block;
    position: relative;
    padding: 4px 15px;
    white-space: nowrap;
    color: #fff;
    background: #f68727
}

.c-services-city .scale-wrap .marker-item .name span:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    content: "";
    border-top: 6px solid #f68727;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.c-services-city .scale-wrap .marker-item:hover {
    z-index: 2
}

.c-services-city .scale-wrap .marker-item:hover .name {
    bottom: 0;
    opacity: 1
}

.c-services-city .scale-wrap .marker-item.item1 {
    top: 50%;
    left: 67%
}

.c-services-city .advantage-wrap {
    padding-bottom: 70px
}

.c-services-city .advantage-wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-services-city .advantage-wrap .item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    width: 30%;
    margin-bottom: 15px;
    padding: 30px 30px 50px;
    border-radius: 20px
}

.c-services-city .advantage-wrap .item:hover {
    background: #fff;
    -webkit-box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96);
    box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96)
}

.c-services-city .advantage-wrap .item:hover .num-wrap {
    opacity: 1
}

.c-services-city .advantage-wrap .item .icon {
    display: block;
    width: 50%;
    margin: 0 auto 25px
}

.c-services-city .advantage-wrap .item .title {
    margin-bottom: 30px;
    text-align: center
}

.c-services-city .advantage-wrap .item .btn-view-more {
    width: 120px;
    margin: 0 auto
}

.c-services-city .advantage-wrap .num-wrap {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 15%;
    opacity: 0
}

.c-services-city .advantage-wrap .num-wrap .block {
    width: 100%
}

.c-services-city .advantage-wrap .num-wrap .num {
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    color: #a7a7a7
}

.c-services-city .product-wrap {
    position: relative;
    padding: 70px 0 12%
}

.c-services-city .product-wrap .adorn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.c-services-city .product-wrap .content {
    position: relative;
    padding-left: 12%
}

.c-services-city .product-wrap .side-wrap {
    position: relative;
    width: 25%;
    border-radius: 0 60px 0 60px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-services-city .product-wrap .side-wrap .tab-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 35%;
    padding-left: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-services-city .product-wrap .side-wrap .tab-list a {
    color: rgba(63,114,82,.6)
}

.c-services-city .product-wrap .side-wrap .tab-list .item {
    margin-bottom: 10%
}

.c-services-city .product-wrap .side-wrap .tab-list .item:first-of-type {
    margin-top: -15%
}

.c-services-city .product-wrap .side-wrap .tab-list .item.active a {
    color: #3f7252
}

.c-services-city .product-wrap .list {
    position: absolute;
    top: 4%;
    left: 28%;
    display: none;
    width: 72%;
    padding: 50px 0 50px 50px;
    background: #e3f6ea;
    border-radius: 30px 0 0 30px;
    -webkit-box-shadow: -4.41px 15.38px 27px 0 hsla(0,0%,75%,.47);
    box-shadow: -4.41px 15.38px 27px 0 hsla(0,0%,75%,.47)
}

.c-services-city .product-wrap .list:after {
    position: absolute;
    top: 15.5%;
    left: -16px;
    display: block;
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 16px solid #e3f6ea
}

.c-services-city .product-wrap .list.active {
    display: block
}

.c-services-city .product-wrap .list.list2:after {
    top: 26.3%
}

.c-services-city .product-wrap .list.list3:after {
    top: 38.2%
}

.c-services-city .product-wrap .list.list4:after {
    top: 50%
}

.c-services-city .product-wrap .list .inner-wrap {
    position: relative
}

.c-services-city .product-wrap .list .download-swiper {
    overflow: hidden
}

.c-services-city .product-wrap .list .swiper-slide {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.c-services-city .product-wrap .list .swiper-slide .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-services-city .product-wrap .list .swiper-slide:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-services-city .product-wrap .list .text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(48,156,102,.7)),to(transparent));
    background: linear-gradient(0deg,rgba(48,156,102,.7),transparent)
}

.c-services-city .product-wrap .list .text-wrap .title {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 5px 15px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-city .product-wrap .list .text-wrap .title .iconfont {
    margin-left: 3px
}

.c-services-city .product-wrap .list .swiper-controls {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-services-city .product-wrap .list .swiper-pagination {
    position: static;
    width: 150px;
    margin: 0 15px
}

.c-services-city .product-wrap .list .swiper-button-next,.c-services-city .product-wrap .list .swiper-button-prev {
    width: 32px;
    height: 28px;
    position: static;
    margin-top: 0;
    -webkit-transform: none;
    transform: none
}

.c-services-city .product-wrap .list .swiper-button-next:after,.c-services-city .product-wrap .list .swiper-button-prev:after {
    font-size: 18px
}

.c-services-city .product-wrap .list .swiper-button-prev {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.c-services-city .product-wrap .list .swiper-button-next {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.c-services-city .case-wrap {
    padding: 70px 0 130px;
    background: #f7f7f7
}

.c-services-city .case-wrap .title-wrap {
    margin-bottom: 30px
}

.c-services-city .case-wrap .case-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(0,0,0,.4);
    overflow: hidden
}

.c-services-city .case-wrap .case-tab .item {
    position: relative;
    width: 25%;
    height: 50px;
    text-align: center;
    cursor: pointer
}

.c-services-city .case-wrap .case-tab .item,.c-services-city .case-wrap .case-tab .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-services-city .case-wrap .case-tab .item a {
    height: 100%;
    color: rgba(0,0,0,.4)
}

.c-services-city .case-wrap .case-tab .item:last-of-type {
    margin-right: 0
}

.c-services-city .case-wrap .case-tab .item:hover a {
    color: #000
}

.c-services-city .case-wrap .case-tab .item.active a {
    color: #f68727
}

.c-services-city .case-wrap .rest-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-services-city .case-wrap .more-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(0,0,0,.4)
}

.c-services-city .case-wrap .more-category .btn-more-category {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.c-services-city .case-wrap .more-category .btn-more-category .iconfont {
    margin-left: 5px
}

.c-services-city .case-wrap .more-category .btn-more-category:hover {
    color: #000
}

.c-services-city .case-wrap .case-swiper {
    display: none;
    position: relative;
    width: 70%;
    margin: 0 auto
}

.c-services-city .case-wrap .case-swiper .swiper-slide {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: .35
}

.c-services-city .case-wrap .case-swiper .swiper-slide.swiper-slide-active {
    opacity: 1
}

.c-services-city .case-wrap .case-swiper .slide-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-shadow: 0 21px 21px 0 rgba(0,0,0,.11);
    box-shadow: 0 21px 21px 0 rgba(0,0,0,.11);
    border-radius: 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-services-city .case-wrap .case-swiper .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    padding: 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-city .case-wrap .case-swiper .text-wrap .title {
    margin-bottom: 15px
}

.c-services-city .case-wrap .case-swiper .text-wrap .btn-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    padding: 8px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #79c395;
    border-radius: 30px
}

.c-services-city .case-wrap .case-swiper .text-wrap .btn-view .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 15px
}

.c-services-city .case-wrap .case-swiper .text-wrap .btn-view:hover .iconfont {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.c-services-city .case-wrap .case-swiper .img-wrap {
    width: 65%;
    padding-bottom: 40%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-services-city .case-wrap .swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-city .case-wrap .swiper-pagination {
    bottom: -40px
}

.c-services-city .case-wrap .swiper-pagination-bullet {
    background: #60aad5
}

.c-services-city .case-wrap .swiper-button-next,.c-services-city .case-wrap .swiper-button-prev {
    width: 40px;
    height: 36px;
    margin-top: -18px
}

.c-services-city .case-wrap .swiper-button-prev {
    left: -60px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.c-services-city .case-wrap .swiper-button-next {
    right: -60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.c-services-city .qrcode-wrap {
    padding: 0 0 100px;
    background: #f7f7f7
}

.c-services-city .qrcode-wrap .content {
    width: 180px;
    margin: 0 auto
}

.c-services-city .qrcode-wrap .qrcode {
    width: 100%;
    border-radius: 10px
}

.c-services-city .qrcode-wrap .title {
    margin-top: 10px;
    text-align: center
}

@media screen and (min-width: 1600px) {
    .c-services-city .product-wrap .side-wrap .tab-list {
        padding-left:20%
    }

    .c-services-city .product-wrap .list.list2:after {
        top: 30.3%
    }

    .c-services-city .product-wrap .list.list3:after {
        top: 44.2%
    }

    .c-services-city .product-wrap .list.list4:after {
        top: 58%
    }
}

.is-vertical .c-services-city-brand .container {
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-services-city-brand .inner-container {
    width: 100%;
    margin-top: -50px;
    border-radius: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.is-vertical .c-services-city-brand .btn-view-news {
    position: relative;
    top: 5px;
    padding: 2px 10px
}

.is-vertical .c-services-city-brand .services-city-brand-swiper {
    height: 120px
}

.is-vertical .c-services-city-brand .swiper-slide {
    padding: 20px 0
}

.is-vertical .c-services-city-brand .side-right {
    width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.is-vertical .c-services-city-brand .side-right .text {
    width: 100%;
    white-space: normal;
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.is-vertical .c-services-city-brand .view-more {
    margin-top: 10px
}

.is-vertical .c-services-city .container {
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-services-city .inner-container {
    width: 100%
}

.is-vertical .c-services-city .c-about-tab-common .tab-list .item {
    font-size: .85em;
    margin-right: 25px
}

.is-vertical .c-services-city .title-wrap {
    margin-bottom: 20px
}

.is-vertical .c-services-city .title-wrap .line {
    bottom: 4px;
    left: -10%;
    width: 120%;
    height: 4px
}

.is-vertical .c-services-city .video-wrap {
    padding: 50px 0
}

.is-vertical .c-services-city .video-wrap .btn-play {
    width: 20%
}

.is-vertical .c-services-city .intro-wrap .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-services-city .intro-wrap .text-wrap {
    width: 100%;
    height: 47%
}

.is-vertical .c-services-city .intro-wrap .text-wrap .title {
    margin-bottom: 15px;
    text-align: center
}

.is-vertical .c-services-city .intro-wrap .text-wrap .description,.is-vertical .c-services-city .intro-wrap .text-wrap .description p {
    line-height: 1.6
}

.is-vertical .c-services-city .intro-wrap .tag {
    top: auto;
    right: 0;
    bottom: 0;
    width: 25%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.is-vertical .c-services-city .scale-wrap {
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    padding: 70px 0 40px
}

.is-vertical .c-services-city .scale-wrap .title-wrap {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2;
    width: 100%;
    margin-top: 30px
}

.is-vertical .c-services-city .scale-wrap .map-box {
    top: 13.8%;
    left: 12%;
    width: 79%;
    height: 37%
}

.is-vertical .c-services-city .advantage-wrap {
    padding-bottom: 50px
}

.is-vertical .c-services-city .advantage-wrap .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-services-city .advantage-wrap .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 30px 40px 30px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96);
    box-shadow: 0 19px 49px 0 hsla(0,2%,84%,.96)
}

.is-vertical .c-services-city .advantage-wrap .item .num-wrap {
    opacity: 1
}

.is-vertical .c-services-city .advantage-wrap .item .icon-wrap {
    width: 30%
}

.is-vertical .c-services-city .advantage-wrap .item .icon-wrap .icon {
    width: 100%
}

.is-vertical .c-services-city .advantage-wrap .item .text-wrap {
    width: 65%
}

.is-vertical .c-services-city .advantage-wrap .item .title {
    text-align: left
}

.is-vertical .c-services-city .product-wrap {
    padding: 0;
    background: #f7f7f7
}

.is-vertical .c-services-city .product-wrap .inner-content {
    padding: 50px 0;
    background: url(../img/services-city-product-bg-mb.jpg) 50% no-repeat;
    background-size: cover;
    border-top-right-radius: 46px;
    border-bottom-left-radius: 46px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.is-vertical .c-services-city .product-wrap .c-product-tab {
    padding-top: 0
}

.is-vertical .c-services-city .product-wrap .c-product-tab .container {
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-services-city .product-wrap .mb-list {
    display: none;
    height: calc((100vw - 60px) * .65 * 2 + 100px);
    margin-right: -20px;
    padding-right: 20px;
    overflow-y: auto
}

.is-vertical .c-services-city .product-wrap .mb-list.active {
    display: block
}

.is-vertical .c-services-city .product-wrap .mb-list .item {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 65%;
    border-radius: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.is-vertical .c-services-city .product-wrap .mb-list .item:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-services-city .product-wrap .mb-list .text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(48,156,102,.9)),to(transparent));
    background: linear-gradient(0deg,rgba(48,156,102,.9),transparent)
}

.is-vertical .c-services-city .product-wrap .mb-list .text-wrap .title {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 12px 15px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-services-city .product-wrap .mb-list .text-wrap .title .iconfont {
    margin-left: 3px
}

.is-vertical .c-services-city .case-wrap {
    padding-top: 15%;
    padding-bottom: 120px
}

.is-vertical .c-services-city .case-wrap .title-wrap {
    margin-bottom: 20px
}

.is-vertical .c-services-city .case-wrap .case-swiper {
    width: 100%
}

.is-vertical .c-services-city .case-wrap .case-swiper .slide-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-services-city .case-wrap .case-swiper .img-wrap {
    width: 100%;
    padding-bottom: 110%
}

.is-vertical .c-services-city .case-wrap .case-swiper .text-wrap {
    width: 100%;
    padding: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-services-city .case-wrap .case-swiper .text-wrap .title {
    text-align: center
}

.is-vertical .c-services-city .case-wrap .swiper-pagination {
    width: 300px
}

.is-vertical .c-services-city .case-wrap .c-case-tab {
    margin-bottom: 10px;
    padding-top: 0
}

.is-vertical .c-services-city .case-wrap .c-case-tab .container {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 768px) {
    .is-vertical .c-services-city .case-wrap .case-swiper .img-wrap {
        padding-bottom:90%
    }
}

.c-services-city-layer1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-services-city-layer1 .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9dd3b2),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#9dd3b2,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 30px 70px 0;
    border-radius: 30px
}

.c-services-city-layer1 .title {
    margin-bottom: 15px;
    text-align: center
}

.c-services-city-layer1 .title br {
    display: none
}

.c-services-city-layer1 .swiper-wrap {
    position: relative;
    margin-bottom: 30px
}

.c-services-city-layer1 .layer-swiper {
    overflow: hidden
}

.c-services-city-layer1 .swiper-slide .img-wrap {
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-services-city-layer1 .swiper-pagination {
    min-width: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px
}

.c-services-city-layer1 .text-list {
    position: relative;
    height: 150px;
    padding-bottom: 70px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.c-services-city-layer1 .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.2)));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2));
    display: block;
    content: "";
    pointer-events: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.c-services-city-layer1 .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-services-city-layer1 .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-services-city-layer1 .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-services-city-layer1 .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-services-city-layer1 .btn-close:hover {
    border-color: #f68727
}

.c-services-city-layer1 .btn-close:hover .line {
    background: #f68727
}

.c-services-city-layer1 .swiper-button-next,.c-services-city-layer1 .swiper-button-prev {
    width: 30px;
    height: 27px;
    margin-top: -14px
}

.c-services-city-layer1 .swiper-button-next:after,.c-services-city-layer1 .swiper-button-prev:after {
    font-size: 14px
}

.c-services-city-layer1 .swiper-button-prev {
    left: -40px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.c-services-city-layer1 .swiper-button-next {
    right: -40px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

@media screen and (min-width: 1600px) {
    .c-services-city-layer1 .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-services-city-layer1 .content {
        max-width:1200px
    }

    .c-services-city-layer1 .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-services-city-layer1 .content {
    width: 90%;
    padding: 30px 0
}

.is-vertical .c-services-city-layer1 .content-all {
    padding: 0 20px;
    max-height: 80vh;
    overflow-y: auto
}

.is-vertical .c-services-city-layer1 .swiper-wrap {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.is-vertical .c-services-city-layer1 .swiper-slide .img-wrap {
    padding-bottom: 150%
}

.is-vertical .c-services-city-layer1 .swiper-pagination {
    min-width: 50%;
    max-width: 100%;
    bottom: -10px
}

.is-vertical .c-services-city-layer1 .swiper-pagination .swiper-pagination-bullet {
    width: 10%
}

.is-vertical .c-services-city-layer1 .text-list {
    height: 100px;
    padding-bottom: 50px
}

.is-vertical .c-services-city-layer1 .swiper-button-prev {
    left: -20px
}

.is-vertical .c-services-city-layer1 .swiper-button-next {
    right: -20px
}

.is-vertical .c-services-city-layer1 .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    top: auto;
    right: auto;
    bottom: -60px
}

.c-services-city-layer2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-services-city-layer2 .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9dd3b2),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#9dd3b2,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 40px 70px 30px;
    border-radius: 30px
}

.c-services-city-layer2 .description,.c-services-city-layer2 .title {
    margin-bottom: 5px;
    text-align: center
}

.c-services-city-layer2 .description br,.c-services-city-layer2 .title br {
    display: none
}

.c-services-city-layer2 .pic-wrap {
    position: relative;
    padding-bottom: 55%;
    overflow: hidden
}

.c-services-city-layer2 .pic-wrap .pic {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.c-services-city-layer2 .swiper-wrap {
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px
}

.c-services-city-layer2 .layer-swiper {
    overflow: hidden
}

.c-services-city-layer2 .swiper-slide .img-wrap {
    padding-bottom: 55%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-services-city-layer2 .swiper-pagination {
    min-width: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px
}

.c-services-city-layer2 .swiper-texts .item {
    display: none;
    text-align: center
}

.c-services-city-layer2 .swiper-texts .item.active {
    display: block
}

.c-services-city-layer2 .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-services-city-layer2 .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-services-city-layer2 .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-services-city-layer2 .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-services-city-layer2 .btn-close:hover {
    border-color: #f68727
}

.c-services-city-layer2 .btn-close:hover .line {
    background: #f68727
}

.c-services-city-layer2 .swiper-button-next,.c-services-city-layer2 .swiper-button-prev {
    width: 30px;
    height: 27px;
    margin-top: -14px
}

.c-services-city-layer2 .swiper-button-next:after,.c-services-city-layer2 .swiper-button-prev:after {
    font-size: 14px
}

.c-services-city-layer2 .swiper-button-prev {
    left: -40px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.c-services-city-layer2 .swiper-button-next {
    right: -40px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

@media screen and (min-width: 1600px) {
    .c-services-city-layer2 .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-services-city-layer2 .content {
        max-width:1200px
    }

    .c-services-city-layer2 .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-services-city-layer2 .content {
    width: 90%;
    padding: 30px 0
}

.is-vertical .c-services-city-layer2 .content-all {
    padding: 0 20px;
    max-height: 80vh;
    overflow-y: auto
}

.is-vertical .c-services-city-layer2 .swiper-wrap {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.is-vertical .c-services-city-layer2 .pic-wrap {
    padding-bottom: 150%
}

.is-vertical .c-services-city-layer2 .pic-wrap .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%
}

.is-vertical .c-services-city-layer2 .swiper-slide .img-wrap {
    padding-bottom: 150%
}

.is-vertical .c-services-city-layer2 .swiper-pagination {
    min-width: 50%;
    max-width: 100%;
    bottom: -10px
}

.is-vertical .c-services-city-layer2 .swiper-pagination .swiper-pagination-bullet {
    width: 10%
}

.is-vertical .c-services-city-layer2 .swiper-button-prev {
    left: -20px
}

.is-vertical .c-services-city-layer2 .swiper-button-next {
    right: -20px
}

.is-vertical .c-services-city-layer2 .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    top: auto;
    right: auto;
    bottom: -60px
}

.is-vertical .c-services-city-layer2.has-top-text .pic-wrap,.is-vertical .c-services-city-layer2.has-top-text .swiper-slide .img-wrap {
    padding-bottom: 90%
}

.c-services-city-layer3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-services-city-layer3 .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9dd3b2),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#9dd3b2,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 40px 70px 30px;
    border-radius: 30px
}

.c-services-city-layer3 .description,.c-services-city-layer3 .title {
    margin-bottom: 5px;
    text-align: center
}

.c-services-city-layer3 .swiper-wrap {
    position: relative;
    padding-top: 10px;
    margin-bottom: 15px
}

.c-services-city-layer3 .layer-swiper {
    overflow: hidden
}

.c-services-city-layer3 .swiper-slide .img-wrap {
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-services-city-layer3 .swiper-pagination {
    min-width: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px
}

.c-services-city-layer3 .swiper-sub-title {
    margin-bottom: 10px
}

.c-services-city-layer3 .swiper-sub-title .item {
    display: none
}

.c-services-city-layer3 .swiper-sub-title .item.active {
    display: block
}

.c-services-city-layer3 .swiper-points-wrap .swiper-points {
    display: none
}

.c-services-city-layer3 .swiper-points-wrap .swiper-points.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-services-city-layer3 .swiper-points-wrap .swiper-points .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.c-services-city-layer3 .swiper-points-wrap .swiper-points .item:last-of-type {
    margin-right: 0
}

.c-services-city-layer3 .swiper-points-wrap .swiper-points .num {
    position: relative;
    top: 3px;
    margin-right: 5px;
    line-height: 1;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a6d7b8),to(#fff));
    background-image: linear-gradient(#a6d7b8,#fff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.c-services-city-layer3 .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-services-city-layer3 .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-services-city-layer3 .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-services-city-layer3 .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-services-city-layer3 .btn-close:hover {
    border-color: #f68727
}

.c-services-city-layer3 .btn-close:hover .line {
    background: #f68727
}

.c-services-city-layer3 .swiper-button-next,.c-services-city-layer3 .swiper-button-prev {
    width: 30px;
    height: 27px;
    margin-top: -14px
}

.c-services-city-layer3 .swiper-button-next:after,.c-services-city-layer3 .swiper-button-prev:after {
    font-size: 14px
}

.c-services-city-layer3 .swiper-button-prev {
    left: -40px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.c-services-city-layer3 .swiper-button-next {
    right: -40px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

@media screen and (min-width: 1600px) {
    .c-services-city-layer3 .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-services-city-layer3 .content {
        max-width:1200px
    }

    .c-services-city-layer3 .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-services-city-layer3 .content {
    width: 90%;
    padding: 30px 0
}

.is-vertical .c-services-city-layer3 .content-all {
    padding: 0 20px;
    max-height: 80vh;
    overflow-y: auto
}

.is-vertical .c-services-city-layer3 .swiper-wrap {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.is-vertical .c-services-city-layer3 .swiper-slide .img-wrap {
    padding-bottom: 80%
}

.is-vertical .c-services-city-layer3 .swiper-pagination {
    min-width: 50%;
    max-width: 100%;
    bottom: -10px
}

.is-vertical .c-services-city-layer3 .swiper-pagination .swiper-pagination-bullet {
    width: 10%
}

.is-vertical .c-services-city-layer3 .swiper-button-prev {
    left: -20px
}

.is-vertical .c-services-city-layer3 .swiper-button-next {
    right: -20px
}

.is-vertical .c-services-city-layer3 .swiper-sub-title {
    margin-bottom: 15px;
    text-align: center
}

.is-vertical .c-services-city-layer3 .swiper-points {
    padding: 0 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-services-city-layer3 .swiper-points .item {
    width: 48%;
    margin-right: 0;
    margin-bottom: 15px;
    line-height: 1.2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.is-vertical .c-services-city-layer3 .swiper-points .num {
    top: 0
}

.is-vertical .c-services-city-layer3 .swiper-points .text {
    position: relative;
    top: 5px
}

.is-vertical .c-services-city-layer3 .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    top: auto;
    right: auto;
    bottom: -60px
}

.c-service-operation {
    overflow-x: hidden
}

.c-service-operation .provider-wrap {
    background-color: #f1f1f1
}

.c-service-operation .provider-wrap .text-wrap {
    width: 60%;
    margin: 0 auto;
    padding: 3% 0
}

.c-service-operation .provider-wrap .text-wrap .title {
    text-align: center;
    padding: 2% 0
}

.c-service-operation .provider-wrap .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row no-wrap;
    flex-flow: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 70%;
    margin: 0 auto
}

.c-service-operation .provider-wrap .item-wrap .item {
    width: 25%;
    text-align: center;
    margin: 2.5% 0 15%;
    padding: 5% 3%;
    border-radius: 30px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    height: 29vh
}

.c-service-operation .provider-wrap .item-wrap .item .line {
    height: 2px;
    background-color: #f68727;
    width: 30%;
    margin: 7% auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-service-operation .provider-wrap .item-wrap .item .year {
    line-height: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-service-operation .provider-wrap .item-wrap .item:hover {
    background-color: #fff;
    -webkit-box-shadow: rgba(0,0,0,.3) 0 0 15px;
    box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.c-service-operation .provider-wrap .item-wrap .item:hover .year {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    color: #73b583
}

.c-service-operation .provider-wrap .item-wrap .item:hover .line {
    background-color: #73b583;
    margin: 10% auto
}

.c-service-operation .provider-wrap .item-wrap .item:hover .text {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    width: 85%;
    margin: 0 auto;
    color: #73b583
}

.c-service-operation .business-wrap,.c-service-operation .business-wrap .bg {
    position: relative
}

.c-service-operation .business-wrap .swiper {
    position: absolute;
    bottom: 0;
    width: 100%
}

.c-service-operation .business-wrap .swiper .item .pic {
    position: absolute;
    bottom: 0;
    width: 50%;
    z-index: 2;
    height: 124%
}

.c-service-operation .business-wrap .swiper .item .right-pic {
    width: 100%
}

.c-service-operation .business-wrap .swiper .item .box-wrap {
    position: absolute;
    top: 15%;
    left: 56%;
    width: 100%
}

.c-service-operation .business-wrap .swiper .item .text-wrap {
    width: 25%;
    z-index: 3;
    margin-bottom: 2%
}

.c-service-operation .business-wrap .swiper .item .text-wrap .title {
    padding: 2% 0
}

.c-service-operation .business-wrap .swiper .item .icons {
    z-index: 3;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-service-operation .business-wrap .swiper .item .icons .icon-wrap {
    background-color: #fff;
    width: 14vh;
    height: 14vh;
    border-radius: 7vh;
    text-align: center;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 0 30px;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 3%
}

.c-service-operation .business-wrap .swiper .item .icons .icon-wrap .description,.c-service-operation .business-wrap .swiper .item .icons .icon-wrap .num {
    display: inline-block;
    color: #fc985b;
    line-height: 1.1
}

.c-service-operation .business-wrap .swiper .item .icons .icon-wrap .num {
    font-size: .2rem
}

.c-service-operation .business-wrap .swiper .item .icons .icon-wrap .text {
    width: 90%;
    margin: 0 auto;
    height: 30%;
    line-height: 1.4
}

.c-service-operation .business-wrap .swiper-button-next {
    right: 50%;
    -webkit-transform: translate(106%,-50%);
    transform: translate(106%,-50%);
    top: 100%;
    background-color: #f68727;
    opacity: 1;
    z-index: 10;
    width: 11vh;
    height: 11vh;
    margin-top: -5.5vh
}

.c-service-operation .business-wrap .swiper-button-prev {
    left: 50%;
    -webkit-transform: translate(-106%,-50%);
    transform: translate(-106%,-50%);
    top: 100%;
    background-color: #f68727;
    opacity: 1;
    z-index: 10;
    width: 11vh;
    height: 11vh;
    margin-top: -5.5vh
}

.c-service-operation .business-wrap .swiper-button-disabled {
    background-color: #fed0b5;
    border-color: #fed0b5
}

.c-service-operation .business-wrap .swiper-button-next:after,.c-service-operation .business-wrap .swiper-button-prev:after {
    color: #fff;
    font-size: 14px
}

.c-service-operation .business-wrap .swiper-button-next.swiper-button-disabled,.c-service-operation .business-wrap .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.c-service-operation .business-wrap .swiper-pagination {
    display: none
}

.c-service-operation .enumerate-wrap {
    background-color: #f1f1f1;
    padding: 5% 0
}

.c-service-operation .enumerate-wrap .title {
    text-align: center;
    padding: 7% 0 5%
}

.c-service-operation .enumerate-wrap .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10%;
    width: 60%;
    margin: 0 auto
}

.c-service-operation .enumerate-wrap .item-wrap .item {
    overflow: hidden;
    width: 30%
}

.c-service-operation .enumerate-wrap .item-wrap .item .text {
    text-align: center;
    color: #73b583;
    padding: 5% 0
}

.c-service-operation .enumerate-wrap .item-wrap .item .img-box {
    overflow: hidden;
    border-radius: 15px;
    -webkit-box-shadow: rgba(0,0,0,.05) 0 0 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    background-color: #fff;
    margin-bottom: 20px
}

.c-service-operation .enumerate-wrap .item-wrap .item .img-box .pic {
    width: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 15px
}

.c-service-operation .enumerate-wrap .item-wrap .item .img-box .pic:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-service-operation .case-wrap {
    padding: 70px 0 130px;
    background: #f1f9f4
}

.c-service-operation .case-wrap .case-box {
    margin-bottom: 50px
}

.c-service-operation .case-wrap .title-wrap {
    margin-bottom: 30px;
    text-align: center
}

.c-service-operation .case-wrap .case-swiper {
    position: relative;
    width: 80%;
    margin: 0 auto
}

.c-service-operation .case-wrap .case-swiper .swiper-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.c-service-operation .case-wrap .case-swiper .swiper-slide {
    width: 31%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    background-color: #c4e9d2;
    margin-bottom: 30px
}

.c-service-operation .case-wrap .case-swiper .swiper-slide.swiper-slide-active {
    opacity: 1
}

.c-service-operation .case-wrap .case-swiper .slide-inner {
    background-color: #c4e9d2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-service-operation .case-wrap .case-swiper .slide-inner,.c-service-operation .case-wrap .case-swiper .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-service-operation .case-wrap .case-swiper .text-wrap {
    width: 100%;
    padding: 20px 10px;
    position: relative;
    text-align: center
}

.c-service-operation .case-wrap .case-swiper .text-wrap .title {
    margin-bottom: 15px
}

.c-service-operation .case-wrap .case-swiper .text-wrap .btn-view {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-service-operation .case-wrap .case-swiper .text-wrap .btn-view .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 15px
}

.c-service-operation .case-wrap .case-swiper .text-wrap .btn-view:hover .iconfont {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.c-service-operation .case-wrap .case-swiper .img-wrap {
    width: 100%;
    overflow: hidden
}

.c-service-operation .case-wrap .case-swiper .img-wrap img {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-service-operation .case-wrap .case-swiper .img-wrap img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-service-operation .case-wrap .swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-service-operation .case-wrap .swiper-pagination {
    bottom: -40px
}

.c-service-operation .case-wrap .swiper-pagination-bullet {
    background: #73b583;
    height: 3px;
    opacity: .2
}

.c-service-operation .case-wrap .swiper-pagination-bullet-active {
    width: 20%;
    opacity: 1
}

.c-service-operation .case-wrap .swiper-button-next,.c-service-operation .case-wrap .swiper-button-prev {
    width: 40px;
    height: 36px;
    margin-top: -18px
}

.c-service-operation .case-wrap .swiper-button-prev {
    left: -60px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.c-service-operation .case-wrap .swiper-button-next {
    right: -60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.c-service-operation .honor-wrap {
    position: relative
}

.c-service-operation .honor-wrap .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-service-operation .honor-wrap .inner-container {
    height: 100%;
    width: 30%;
    margin-right: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-service-operation .honor-wrap .title-wrap {
    margin-bottom: 30px;
    width: 100%
}

.c-service-operation .honor-wrap .list {
    width: 100%;
    margin: 0 auto
}

.c-service-operation .honor-wrap .list .description {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.c-service-operation .honor-wrap .list .description:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000
}

.c-service-operation .brand-wrap {
    background-color: #f1f9f4
}

.c-service-operation .brand-wrap .text-wrap {
    text-align: center;
    padding: 5% 0 3%
}

.c-service-operation .brand-wrap .text-wrap .description {
    margin-top: .7%
}

.c-service-operation .brand-wrap .img-wrap {
    width: 70%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 4%
}

.c-service-operation .brand-wrap .img-wrap .pic-box {
    width: 9%;
    border: 12px solid #f7fbf8;
    background-color: #f7fbf8;
    border-radius: 28%;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 0 21px 0;
    box-shadow: 0 0 21px 0 rgba(0,0,0,.1);
    margin: 1% .5%;
    overflow: hidden
}

.c-service-operation .brand-wrap .img-wrap .pic {
    width: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-service-operation .brand-wrap .img-wrap .pic:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-service-operation .brand-wrap .bottom-wrap {
    width: 10%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 4%;
    cursor: pointer
}

.c-service-operation .brand-wrap .bottom-wrap .arrow {
    margin: 0 auto
}

.c-service-operation .invest-wrap {
    background-color: #f2f2f2
}

.c-service-operation .invest-wrap .title {
    text-align: center;
    padding: 5% 0
}

.c-service-operation .invest-wrap .item-wrap {
    width: 80%;
    margin: 0 auto 9%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-service-operation .invest-wrap .item-wrap .invest-item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    height: auto;
    padding-bottom: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #fff
}

.c-service-operation .invest-wrap .item-wrap .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-service-operation .invest-wrap .item-wrap .item {
    overflow: hidden;
    width: 49%
}

.c-service-operation .invest-wrap .item-wrap .item .pic-wrap {
    width: 100%
}

.c-service-operation .invest-wrap .item-wrap .item .pic-wrap .pic {
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-service-operation .invest-wrap .item-wrap .item .pic-wrap .pic:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-service-operation .invest-wrap .item-wrap .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5% 0 3%
}

.c-service-operation .invest-wrap .item-wrap .item .description {
    padding: 0 13%
}

.c-service-operation .invest-wrap .item-wrap .item .button {
    position: absolute;
    bottom: 2.5%;
    margin-left: 82%
}

.c-service-operation .invest-wrap .item-wrap .active-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 5px solid #73b583
}

.c-service-operation .invest-wrap .item-wrap .active-item .active-button,.c-service-operation .invest-wrap .item-wrap .active-item .active-pic {
    display: none
}

.c-service-operation .invest-wrap .item-wrap .active-item .active-description {
    display: inline-block;
    width: 80%;
    padding-bottom: 13%
}

.c-service-operation .invest-wrap .swiper-pagination {
    display: none
}

.is-vertical .c-service-operation .provider-wrap .text-wrap {
    width: 80%
}

.is-vertical .c-service-operation .provider-wrap .text-wrap .title {
    padding: 7% 0
}

.is-vertical .c-service-operation .provider-wrap .text-wrap .description {
    display: none
}

.is-vertical .c-service-operation .provider-wrap .item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    margin-bottom: 13%
}

.is-vertical .c-service-operation .provider-wrap .item-wrap .item {
    width: 100%;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 15px -4px rgba(0,0,0,.3);
    box-shadow: 0 7px 15px -4px rgba(0,0,0,.3);
    border-radius: 15px;
    margin: 0 0 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-service-operation .provider-wrap .item-wrap .item .line {
    width: 2px;
    height: 1rem;
    margin: 5%
}

.is-vertical .c-service-operation .provider-wrap .item-wrap .item:hover {
    -webkit-box-shadow: 0 7px 15px -4px rgba(0,0,0,.3);
    box-shadow: 0 7px 15px -4px rgba(0,0,0,.3)
}

.is-vertical .c-service-operation .provider-wrap .item-wrap .item:hover .year {
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #000
}

.is-vertical .c-service-operation .provider-wrap .item-wrap .item:hover .line {
    background-color: #f68727;
    margin: 5%
}

.is-vertical .c-service-operation .provider-wrap .item-wrap .item:hover .text {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: auto;
    margin: 0;
    color: #000
}

.is-vertical .c-service-operation .business-wrap {
    width: 100%
}

.is-vertical .c-service-operation .business-wrap .business-detail {
    overflow: hidden;
    width: 90%;
    margin: 14% auto 17%
}

.is-vertical .c-service-operation .business-wrap .swiper {
    width: 90%;
    overflow: hidden
}

.is-vertical .c-service-operation .business-wrap .swiper .item .pic {
    width: 100%;
    height: 55%;
    border-radius: 15px
}

.is-vertical .c-service-operation .business-wrap .swiper .item .box-wrap {
    left: 0;
    top: 2%
}

.is-vertical .c-service-operation .business-wrap .swiper .item .text-wrap {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 2%
}

.is-vertical .c-service-operation .business-wrap .swiper .item .text-wrap .title {
    text-align: center
}

.is-vertical .c-service-operation .business-wrap .swiper .item .icons {
    width: 100%
}

.is-vertical .c-service-operation .business-wrap .swiper .item .icons .icon-wrap {
    margin: 0 1%;
    width: 20%;
    height: 17vw;
    border-radius: 10vh
}

.is-vertical .c-service-operation .business-wrap .swiper .item .icons .icon-wrap:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.is-vertical .c-service-operation .business-wrap .swiper .item .icons .icon-wrap .num {
    font-size: .45rem
}

.is-vertical .c-service-operation .business-wrap .swiper .item .icons .icon-wrap .description {
    font-size: .3rem
}

.is-vertical .c-service-operation .business-wrap .swiper .item .icons .icon-wrap .text {
    font-size: .23rem;
    width: 100%;
    line-height: 1.1
}

.is-vertical .c-service-operation .business-wrap .swiper-button-next,.is-vertical .c-service-operation .business-wrap .swiper-button-prev {
    display: none
}

.is-vertical .c-service-operation .business-wrap .swiper-pagination {
    display: inline-block;
    bottom: -6%;
    left: 0;
    width: 100%
}

.is-vertical .c-service-operation .business-wrap .swiper-pagination-bullet {
    background: #73b583;
    height: 3px;
    opacity: .2
}

.is-vertical .c-service-operation .business-wrap .swiper-pagination-bullet-active {
    width: 20%;
    opacity: 1
}

.is-vertical .c-service-operation .enumerate-wrap .container {
    width: 90%;
    margin: 0 0 0 5%;
    padding: 0
}

.is-vertical .c-service-operation .enumerate-wrap .title {
    padding: 17% 0 8%
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20%;
    width: 100%
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item {
    width: 100%;
    margin: 3% 0;
    border-radius: 10px
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item .text {
    width: 100%;
    padding-top: 1%
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item .img-box {
    width: 48%;
    display: inline-block;
    margin-right: 2%;
    border-radius: 10px;
    padding: 10px 0
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item .img-box:nth-of-type(odd) {
    margin-right: 0
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item .img-box img {
    width: 100%
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item:last-child .item-box {
    width: 48%;
    display: inline-block;
    margin-right: 2%
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item:last-child .item-box .img-box {
    width: 100%
}

.is-vertical .c-service-operation .enumerate-wrap .item-wrap .item:last-child .item-box:nth-of-type(2) {
    margin-right: 0
}

.is-vertical .c-service-operation .case-wrap {
    overflow: hidden;
    background-color: #fff;
    padding-top: 15%;
    padding-bottom: 0
}

.is-vertical .c-service-operation .case-wrap .container {
    width: 100%;
    padding: 0
}

.is-vertical .c-service-operation .case-wrap .inner-container {
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-service-operation .case-wrap .title-wrap {
    margin-bottom: 20px;
    text-align: center
}

.is-vertical .c-service-operation .case-wrap .case-box {
    margin-bottom: 30px
}

.is-vertical .c-service-operation .case-wrap .case-swiper,.is-vertical .c-service-operation .case-wrap .case-swiper .img-wrap,.is-vertical .c-service-operation .case-wrap .case-swiper .swiper-slide {
    width: 100%
}

.is-vertical .c-service-operation .case-wrap .case-swiper .text-wrap {
    width: 100%;
    padding: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 120px
}

.is-vertical .c-service-operation .case-wrap .case-swiper .text-wrap .title {
    text-align: center
}

.is-vertical .c-service-operation .honor-wrap {
    background-color: #fff;
    padding: 20px 0
}

.is-vertical .c-service-operation .honor-wrap .container {
    width: 95%;
    position: relative
}

.is-vertical .c-service-operation .honor-wrap .inner-container {
    width: 100%;
    display: block;
    position: relative
}

.is-vertical .c-service-operation .honor-wrap .title-wrap {
    text-align: center
}

.is-vertical .c-service-operation .honor-wrap .list {
    width: 80%;
    margin: 50px auto
}

.is-vertical .c-service-operation .honor-wrap .list .description:before {
    width: 4px;
    height: 4px
}

.is-vertical .c-service-operation .honor-wrap .swiper {
    overflow-x: visible;
    padding-top: 107%;
    height: auto;
    overflow: hidden
}

.is-vertical .c-service-operation .honor-wrap .swiper .swiper-wrapper {
    margin-left: 0;
    background-color: #73b583;
    overflow: hidden
}

.is-vertical .c-service-operation .honor-wrap .swiper .swiper-slide {
    height: 9vh!important
}

.is-vertical .c-service-operation .honor-wrap .swiper .swiper-slide .inner {
    width: 90%;
    padding: 0;
    margin: 2% 5%;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    color: #fff;
    background: #73b583;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #fff
}

.is-vertical .c-service-operation .honor-wrap .swiper .swiper-slide .inner .title {
    margin: 0;
    width: 30%;
    text-align: left
}

.is-vertical .c-service-operation .honor-wrap .swiper .swiper-slide .inner .description {
    height: auto
}

.is-vertical .c-service-operation .honor-wrap .swiper .swiper-slide:last-child .inner {
    border-bottom: 0 solid #fff
}

.is-vertical .c-service-operation .honor-wrap .swiper-button-next,.is-vertical .c-service-operation .honor-wrap .swiper-button-prev,.is-vertical .c-service-operation .honor-wrap .swiper-pagination {
    display: none
}

.is-vertical .c-service-operation .brand-wrap .text-wrap {
    padding: 9% 0 8%
}

.is-vertical .c-service-operation .brand-wrap .text-wrap .h2 {
    line-height: 2.5
}

.is-vertical .c-service-operation .brand-wrap .img-wrap {
    width: 100%
}

.is-vertical .c-service-operation .brand-wrap .img-wrap .pic-box {
    width: 19%;
    border: 10px solid #f7fbf8
}

.is-vertical .c-service-operation .brand-wrap .img-wrap .pic10 {
    display: none
}

.is-vertical .c-service-operation .brand-wrap .bottom-wrap {
    width: 25%;
    margin-bottom: 14%;
    margin-top: 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-service-operation .brand-wrap .bottom-wrap img {
    width: 3vw;
    height: 3vw
}

.is-vertical .c-service-operation .invest-wrap .title {
    padding: 10% 0
}

.is-vertical .c-service-operation .invest-wrap .item-wrap {
    display: block;
    width: 94%;
    margin: 0 auto;
    margin-bottom: 20%
}

.is-vertical .c-service-operation .invest-wrap .swiper-pagination {
    display: inline-block;
    width: 70%;
    margin-left: 15%;
    margin-bottom: 6%
}

.is-vertical .c-service-operation .invest-wrap .swiper-pagination-bullet {
    opacity: .3
}

.is-vertical .c-service-operation .invest-wrap .item-wrap .swiper-slide {
    width: 100%
}

.is-vertical .c-service-operation .invest-wrap .item-wrap .swiper-slide .text-wrap {
    display: none
}

.is-vertical .c-service-operation .invest-wrap .item-wrap .swiper-slide .pic-wrap {
    height: 64%
}

.is-vertical .c-service-operation .invest-wrap .item-wrap .swiper-slide .button {
    display: none
}

.is-vertical .c-service-operation .invest-wrap .item-wrap .swiper-slide .description {
    display: inline-block;
    width: 100%;
    padding: 0 6%
}

.is-vertical .c-service-operation .invest-wrap .swiper-pagination-bullet-active {
    width: 20%;
    height: 1px;
    opacity: 1
}

@media screen and (min-width: 768px) {
    .is-vertical .c-service-operation .business-wrap .swiper .item .box-wrap {
        top:6%
    }

    .is-vertical .c-service-operation .business-wrap .swiper .item .box-wrap .icons {
        margin-top: 10%
    }

    .is-vertical .c-service-operation .honor-wrap .bg {
        margin-bottom: 130%
    }

    .is-vertical .c-service-operation .honor-wrap .swiper {
        padding-top: 113%
    }

    .is-vertical .c-service-operation .invest-wrap .item-wrap .swiper-slide .description {
        text-align: center
    }
}

.is-vertical.is-tablet .c-service-operation .honor-wrap {
    padding: 100px 0 0
}

.is-vertical.is-tablet .c-service-operation .honor-wrap .bg {
    margin: 0
}

.is-vertical.is-tablet .c-service-operation .honor-wrap .container,.is-vertical.is-tablet .c-service-operation .honor-wrap .inner-container {
    height: auto;
    position: relative
}

.is-vertical.is-tablet .c-service-operation .honor-wrap .title-wrap {
    margin-top: -9vh
}

.is-vertical.is-tablet .c-service-operation .honor-wrap .list {
    margin-top: 0;
    padding: 50px 0;
    width: 50%
}

.is-vertical.is-tablet .c-service-operation .honor-wrap .list .description {
    font-size: 18px
}

.c-service-operation-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-service-operation-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9dd3b2),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#9dd3b2,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 50px 70px 0;
    border-radius: 30px
}

.c-service-operation-layer .swiper-wrap {
    position: relative;
    margin-bottom: 30px;
    padding: 0 50px
}

.c-service-operation-layer .layer-swiper {
    overflow: hidden
}

.c-service-operation-layer .swiper-slide .img-wrap {
    padding-bottom: 45%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-service-operation-layer .text-list {
    position: relative;
    height: 150px;
    padding-bottom: 70px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.c-service-operation-layer .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.2)));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2));
    display: block;
    content: "";
    pointer-events: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.c-service-operation-layer .btn-close {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    bottom: -60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-service-operation-layer .btn-close,.c-service-operation-layer .btn-close .line {
    position: absolute;
    left: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-service-operation-layer .btn-close .line {
    top: 0;
    width: 1px;
    height: 100%;
    display: block;
    background: #fff
}

.c-service-operation-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-service-operation-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-service-operation-layer .btn-close:hover {
    border-color: #f68727
}

.c-service-operation-layer .btn-close:hover .line {
    background: #f68727
}

.c-service-operation-layer .swiper-button-next,.c-service-operation-layer .swiper-button-prev {
    width: 30px;
    height: 27px;
    margin-top: -14px
}

.c-service-operation-layer .swiper-button-next:after,.c-service-operation-layer .swiper-button-prev:after {
    font-size: 14px
}

.c-service-operation-layer .swiper-button-prev {
    left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.c-service-operation-layer .swiper-button-next {
    right: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

@media screen and (min-width: 1600px) {
    .c-service-operation-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-service-operation-layer .content {
        max-width:1200px
    }

    .c-service-operation-layer .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-service-operation-layer .content {
    width: 90%;
    padding: 30px
}

.is-vertical .c-service-operation-layer .swiper-wrap {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.is-vertical .c-service-operation-layer .text-list {
    height: 250px
}

.is-vertical .c-service-operation-layer .swiper-button-prev {
    left: -20px
}

.is-vertical .c-service-operation-layer .swiper-button-next {
    right: -20px
}

.c-service-operation-brands-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-service-operation-brands-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9dd3b2),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#9dd3b2,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 30px 40px 0;
    border-radius: 30px
}

.c-service-operation-brands-layer .text-list {
    position: relative;
    padding-bottom: 40px
}

.c-service-operation-brands-layer .text-list .pic {
    width: 100%
}

.c-service-operation-brands-layer .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    bottom: -60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-service-operation-brands-layer .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-service-operation-brands-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-service-operation-brands-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-service-operation-brands-layer .btn-close:hover {
    border-color: #f68727
}

.c-service-operation-brands-layer .btn-close:hover .line {
    background: #f68727
}

@media screen and (min-width: 1600px) {
    .c-service-operation-brands-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-service-operation-brands-layer .content {
        max-width:1200px
    }

    .c-service-operation-brands-layer .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-service-operation-brands-layer .content {
    width: 85%;
    padding: 20px
}

.is-vertical .c-service-operation-brands-layer .text-list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 450px;
    padding-bottom: 0
}

.body-services-domicile-wrap {
    overflow-x: hidden
}

.c-services-domicile-brand {
    position: relative;
    z-index: 6
}

.c-services-domicile-brand .inner-container {
    width: 85%;
    margin: -30px auto 0;
    padding: 20px 30px;
    -webkit-box-shadow: 0 6px 29px 0 rgba(130,155,185,.29);
    box-shadow: 0 6px 29px 0 rgba(130,155,185,.29);
    background: #fff;
    border-radius: 10px
}

.c-services-domicile-brand .inner-container,.c-services-domicile-brand .side-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-services-domicile-brand .side-right {
    width: 90%
}

.c-services-domicile-brand .view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 20px;
    border: 1px solid #000;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-services-domicile-brand .view-more .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 5px;
    line-height: 1
}

.c-services-domicile-brand .view-more:hover {
    border-color: #f68727
}

.c-services-domicile-brand .view-more:hover .iconfont {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.c-services-domicile .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-domicile .title-wrap .title-box {
    position: relative
}

.c-services-domicile .title-wrap .title {
    position: relative;
    z-index: 2
}

.c-services-domicile .title-wrap .line {
    position: absolute;
    bottom: 6px;
    left: -25%;
    width: 150%;
    height: 7px;
    background: #8cc299;
    border-radius: 4px
}

.c-services-domicile .inner-container {
    width: 85%;
    margin: 0 auto
}

.c-services-domicile .btn-view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 20px;
    border: 1px solid #000;
    border-radius: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-services-domicile .btn-view-more .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 5px;
    line-height: 1
}

.c-services-domicile .btn-view-more:hover {
    border-color: #f68727
}

.c-services-domicile .btn-view-more:hover .iconfont {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.c-services-domicile .intro-wrap {
    position: relative;
    background: url(../img/services-domicile-intro-bg.jpg) bottom no-repeat #f7f7f7;
    background-size: cover
}

.c-services-domicile .intro-wrap .container {
    padding-top: 4em;
    padding-bottom: 4em
}

.c-services-domicile .intro-wrap .inner-container {
    position: relative
}

.c-services-domicile .intro-wrap .title-wrap {
    padding-top: 50px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.c-services-domicile .intro-wrap .title-wrap .title {
    padding: 0 20px
}

.c-services-domicile .intro-wrap .title-wrap .line {
    width: 100%;
    left: 0
}

.c-services-domicile .intro-wrap .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-services-domicile .intro-wrap .text-wrap .description,.c-services-domicile .intro-wrap .text-wrap .description p {
    line-height: 2
}

.c-services-domicile .intro-wrap .tip-text-wrap {
    padding-top: 3em;
    color: #333
}

.c-services-domicile .intro-wrap .tag-statistics {
    display: inline-block;
    padding: 20px 25px 17px 30px;
    background: rgba(165,231,188,.7);
    border-radius: 45px 0 0 0;
    margin-top: 60px;
    position: relative
}

.c-services-domicile .intro-wrap .tag-statistics .tag-title {
    white-space: nowrap;
    font-size: .9em
}

.c-services-domicile .intro-wrap .tag-statistics .tag-desc {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-services-domicile .intro-wrap .tag-statistics .tag-NUM {
    font-size: 3em;
    margin-right: 8px;
    text-align: left;
    display: inline-block;
    font-weight: 300;
    white-space: nowrap
}

.c-services-domicile .intro-wrap .tag-statistics .tag-units {
    text-align: left;
    display: inline-block;
    font-size: .9em;
    padding-bottom: .4em;
    white-space: nowrap
}

.c-services-domicile .intro-wrap .tag-statistics .tag-icon {
    width: 36px;
    position: absolute;
    right: 10px;
    top: 10px
}

.c-services-domicile .intro-wrap .tag-statistics.bg-yellow {
    background: hsla(28,97%,75%,.7)
}

.c-services-domicile .intro-wrap .tag-statis {
    position: absolute;
    bottom: -22%;
    right: 0;
    width: 30%;
    z-index: 9
}

.c-services-domicile .intro-wrap .tag-statis img.img-statis {
    width: 100%;
    border-radius: 2.5em;
    -webkit-box-shadow: -4.902px 7.548px 21px hsla(0,0%,64%,.31);
    box-shadow: -4.902px 7.548px 21px hsla(0,0%,64%,.31)
}

.c-services-domicile .project-wrap {
    position: relative;
    padding: 70px 0 12%;
    background: url(../img/services-domicile-project-bg.jpg) bottom no-repeat #f7f7f7;
    background-size: cover
}

.c-services-domicile .project-wrap .content {
    position: relative;
    padding: 60px;
    background: #fff;
    border-radius: 0 0 50px 50px;
    -webkit-box-shadow: -4.41px 15.38px 27px 0 hsla(0,0%,75%,.47);
    box-shadow: -4.41px 15.38px 27px 0 hsla(0,0%,75%,.47);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 5
}

.c-services-domicile .project-wrap .project-content {
    display: none
}

.c-services-domicile .project-wrap .project-content.active,.c-services-domicile .project-wrap .project-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-services-domicile .project-wrap .project-tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    height: 65px;
    z-index: 1
}

.c-services-domicile .project-wrap .project-tab .item {
    width: 51.5%;
    height: 60px;
    padding-top: 2px;
    text-align: center;
    position: relative;
    z-index: 1
}

.c-services-domicile .project-wrap .project-tab .item a {
    display: block;
    border-top-right-radius: 80px;
    border-top-left-radius: 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 4.596px 3.857px 5px 0 rgba(78,129,95,.15);
    box-shadow: 4.596px 3.857px 5px 0 rgba(78,129,95,.15);
    background-color: #a7e5f1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #000;
    height: 60px;
    line-height: 58px
}

.c-services-domicile .project-wrap .project-tab .item a:hover {
    color: #000
}

.c-services-domicile .project-wrap .project-tab .item:nth-child(2) {
    margin-left: -3%
}

.c-services-domicile .project-wrap .project-tab .item:nth-child(2) a {
    -webkit-box-shadow: -4.596px 3.857px 5px 0 rgba(78,129,95,.15);
    box-shadow: -4.596px 3.857px 5px 0 rgba(78,129,95,.15)
}

.c-services-domicile .project-wrap .project-tab .item.active {
    z-index: 3
}

.c-services-domicile .project-wrap .project-tab .item.active a {
    color: #000;
    height: 70px;
    line-height: 68px;
    top: -10px;
    background-color: #92ddac
}

.c-services-domicile .project-wrap .side-wrap {
    position: relative;
    width: 25%
}

.c-services-domicile .project-wrap .side-wrap .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    width: 80%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-services-domicile .project-wrap .side-wrap .tab-list a {
    color: rgba(0,0,0,.4);
    position: relative;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.c-services-domicile .project-wrap .side-wrap .tab-list a:before {
    content: "";
    position: absolute;
    left: -1.3em;
    top: .25em;
    width: 0;
    height: 0;
    border-left: .5em solid #f76339;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.c-services-domicile .project-wrap .side-wrap .tab-list .item {
    width: 80%;
    line-height: 3;
    padding: 5px 2px;
    border-bottom: 1px solid #ccc
}

.c-services-domicile .project-wrap .side-wrap .tab-list .item.active a {
    color: #000
}

.c-services-domicile .project-wrap .side-wrap .tab-list .item.active a:before {
    left: -1em;
    display: block;
    opacity: 1
}

.c-services-domicile .project-wrap .list {
    width: 75%;
    padding: 50px 90px;
    background: #f9f9f9;
    border-radius: 30px
}

.c-services-domicile .project-wrap .list .inner-wrap {
    position: relative;
    display: none
}

.c-services-domicile .project-wrap .list .inner-wrap.active {
    display: block
}

.c-services-domicile .project-wrap .list .project-group,.c-services-domicile .project-wrap .list .project-group .project-header {
    display: none
}

.c-services-domicile .project-wrap .list .project-group .project-body {
    position: relative
}

.c-services-domicile .project-wrap .list .project-group.active {
    display: block
}

.c-services-domicile .project-wrap .list .project-list-tab {
    position: relative
}

.c-services-domicile .project-wrap .list .project-list-tab .overflow-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,right top,from(#f9f9f900),to(#f9f9f9));
    background-image: linear-gradient(90deg,#f9f9f900,#f9f9f9);
    z-index: 3
}

.c-services-domicile .project-wrap .list .project-list-swiper {
    overflow: hidden
}

.c-services-domicile .project-wrap .list .project-list-swiper .swiper-slide {
    display: inline-block;
    width: auto;
    margin-right: 50px
}

.c-services-domicile .project-wrap .list .project-list {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden
}

.c-services-domicile .project-wrap .list .project-list .project-scroll {
    white-space: nowrap
}

.c-services-domicile .project-wrap .list .project-list .project-item {
    display: inline-block;
    color: #333;
    position: relative;
    padding: 6px 0;
    white-space: nowrap
}

.c-services-domicile .project-wrap .list .project-list .project-item.active {
    color: #090909
}

.c-services-domicile .project-wrap .list .project-list .project-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #f76339
}

.c-services-domicile .project-wrap .list .project-info,.c-services-domicile .project-wrap .list .project-infos {
    display: none
}

.c-services-domicile .project-wrap .list .swiper-wrap {
    position: relative
}

.c-services-domicile .project-wrap .list .project-swiper {
    overflow: hidden
}

.c-services-domicile .project-wrap .list .project-swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.c-services-domicile .project-wrap .list .project-swiper .swiper-slide .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-services-domicile .project-wrap .list .project-swiper .swiper-slide:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-services-domicile .project-wrap .list .text-wrap {
    margin: 50px 0;
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px
}

.c-services-domicile .project-wrap .list .text-wrap .title {
    color: #41915b;
    margin: 10px 0
}

.c-services-domicile .project-wrap .list .text-wrap .desc-group {
    position: relative;
    color: #41915b;
    margin: 10px 0
}

.c-services-domicile .project-wrap .list .text-wrap .desc-group:before {
    content: "";
    background: #41915b;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    position: absolute;
    left: -10px;
    top: .6em
}

.c-services-domicile .project-wrap .list .swiper-controls {
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: absolute
}

.c-services-domicile .project-wrap .list .swiper-pagination {
    position: static;
    width: 100%
}

.c-services-domicile .project-wrap .list .swiper-pagination .swiper-pagination-bullet {
    background: #1086b8;
    width: 12px
}

.c-services-domicile .project-wrap .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px
}

.c-services-domicile .project-wrap .list .swiper-button-next,.c-services-domicile .project-wrap .list .swiper-button-prev {
    width: 32px;
    height: 28px;
    position: absolute;
    margin-top: 0;
    -webkit-transform: none;
    transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-services-domicile .project-wrap .list .swiper-button-next:after,.c-services-domicile .project-wrap .list .swiper-button-prev:after {
    font-size: 18px
}

.c-services-domicile .project-wrap .list .swiper-button-prev {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    left: -58px
}

.c-services-domicile .project-wrap .list .swiper-button-next {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    right: -58px
}

@media screen and (min-width: 1600px) {
    .c-services-domicile .product-wrap .side-wrap .tab-list {
        padding-left:20%
    }

    .c-services-domicile .product-wrap .list.list2:after {
        top: 30.3%
    }

    .c-services-domicile .product-wrap .list.list3:after {
        top: 44.2%
    }

    .c-services-domicile .product-wrap .list.list4:after {
        top: 58%
    }
}

.is-vertical .c-services-domicile-brand .container {
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-services-domicile-brand .inner-container {
    width: 100%;
    margin-top: -50px;
    border-radius: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.is-vertical .c-services-domicile-brand .btn-view-news {
    position: relative;
    top: 5px;
    padding: 2px 10px
}

.is-vertical .c-services-domicile-brand .side-right {
    width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.is-vertical .c-services-domicile-brand .view-more {
    margin-top: 10px
}

.is-vertical .c-services-domicile .container {
    padding: 30px
}

.is-vertical .c-services-domicile .inner-container {
    width: 100%
}

.is-vertical .c-services-domicile .title-wrap {
    margin-bottom: 20px
}

.is-vertical .c-services-domicile .title-wrap .line {
    height: 4px
}

.is-vertical .c-services-domicile .intro-wrap {
    background: url(../img/services-domicile-intro-bg-mb.jpg) bottom no-repeat #f9f9f9
}

.is-vertical .c-services-domicile .intro-wrap .container {
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-services-domicile .intro-wrap .title-wrap {
    padding-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-services-domicile .intro-wrap .text-wrap {
    width: 100%
}

.is-vertical .c-services-domicile .intro-wrap .text-wrap .description,.is-vertical .c-services-domicile .intro-wrap .text-wrap .description p {
    line-height: 1.6
}

.is-vertical .c-services-domicile .intro-wrap .tip-text-wrap {
    padding-top: 1em;
    text-align: center
}

.is-vertical .c-services-domicile .intro-wrap .tag-statistics {
    width: 100%;
    padding: 20px 25px 18px;
    border-radius: 35px 0 0 0
}

.is-vertical .c-services-domicile .intro-wrap .tag-statistics .tag-NUM {
    font-size: 2em;
    margin-right: 5px
}

.is-vertical .c-services-domicile .intro-wrap .tag-statistics .tag-units {
    font-size: .8em;
    padding-bottom: .3em
}

.is-vertical .c-services-domicile .intro-wrap .tag-statistics .tag-icon {
    width: 25px
}

.is-vertical .c-services-domicile .intro-wrap .tag-statis {
    position: relative;
    width: 90%;
    margin: 40px auto 30px
}

.is-vertical .c-services-domicile .project-wrap {
    padding: 0;
    background: url(../img/services-domicile-project-bg-mb.jpg) 50% no-repeat;
    background-size: cover
}

.is-vertical .c-services-domicile .project-wrap .content {
    padding: 0;
    border-radius: 0 0 30px 30px;
    background: #f9f9f9;
    overflow: hidden
}

.is-vertical .c-services-domicile .project-wrap .inner-content {
    padding: 50px 0;
    border-top-right-radius: 46px;
    border-bottom-left-radius: 46px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.is-vertical .c-services-domicile .project-wrap .project-tab {
    height: 50px
}

.is-vertical .c-services-domicile .project-wrap .project-tab .item {
    height: 45px;
    line-height: 43px
}

.is-vertical .c-services-domicile .project-wrap .project-tab .item a {
    border-top-right-radius: 36px;
    border-top-left-radius: 20px
}

.is-vertical .c-services-domicile .project-wrap .project-tab .item.active a {
    top: -5px;
    height: 50px;
    line-height: 48px
}

.is-vertical .c-services-domicile .project-wrap .side-wrap {
    display: none
}

.is-vertical .c-services-domicile .project-wrap .list {
    width: 100%;
    padding: 0 0 24px
}

.is-vertical .c-services-domicile .project-wrap .list .project-group {
    display: block
}

.is-vertical .c-services-domicile .project-wrap .list .project-group .project-header {
    display: block;
    padding: 1px 20px;
    background: #fff
}

.is-vertical .c-services-domicile .project-wrap .list .project-group .project-header .title {
    border-bottom: 1px solid #ccc;
    line-height: 2.4;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-services-domicile .project-wrap .list .project-group .project-header .icon-down {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.is-vertical .c-services-domicile .project-wrap .list .project-group .project-header:first-child {
    padding-top: 5px
}

.is-vertical .c-services-domicile .project-wrap .list .project-group .project-body {
    padding: 0 20px;
    height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.is-vertical .c-services-domicile .project-wrap .list .project-group.active .project-body {
    height: 150vw;
    overflow: hidden
}

.is-vertical .c-services-domicile .project-wrap .list .project-group.active .project-header .icon-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.is-vertical .c-services-domicile .project-wrap .list .project-body .body-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#f9f9f9),to(#f9f9f900));
    background-image: linear-gradient(0deg,#f9f9f9,#f9f9f900);
    z-index: 3
}

.is-vertical .c-services-domicile .project-wrap .list .text-wrap-box {
    max-height: 88vw;
    position: relative
}

.is-vertical .c-services-domicile .project-wrap .list .text-wrap {
    max-height: 88vw;
    overflow: auto;
    padding-bottom: 30px
}

.is-vertical .c-services-domicile .project-wrap .list .text-wrap .title {
    text-align: center
}

.is-vertical .c-services-domicile .project-wrap .list .text-wrap .desc-group:before {
    display: none
}

.is-vertical .c-services-domicile .project-wrap .list .project-list-tab {
    margin-top: 20px
}

.is-vertical .c-services-domicile .project-wrap .list .project-list-tab .project-list-swiper .swiper-wrapper {
    white-space: nowrap;
    display: -webkit-box;
    overflow-x: auto
}

.is-vertical .c-services-domicile .project-wrap .list .project-list-tab .project-list-swiper .swiper-wrapper .swiper-slide {
    display: inline-block;
    margin-right: 30px;
    text-align: left;
    width: auto
}

.is-vertical .c-services-domicile .project-wrap .list .project-list-tab .project-list-swiper .swiper-wrapper .swiper-slide a {
    width: 100%
}

.is-vertical .c-services-domicile .project-wrap .c-product-tab {
    padding-top: 0
}

.is-vertical .c-services-domicile .project-wrap .c-product-tab .container {
    padding-left: 0;
    padding-right: 0
}

.c-pagination {
    display: none;
    width: 100%;
    margin: 2% auto
}

.c-pagination .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-pagination .pagination li {
    display: inline-block;
    margin: 0 10px
}

.c-pagination .pagination li a {
    color: #868686;
    border: none;
    padding: 2px 10px;
    background-color: transparent
}

.c-pagination .pagination li a:hover {
    color: #f8633a;
    background-color: transparent;
    font-weight: 700
}

.c-pagination .pagination li.ellipsis a {
    padding-left: 0;
    padding-right: 0;
    cursor: not-allowed;
    color: #868686
}

.c-pagination .pagination li.active a {
    color: #f8633a;
    background-color: transparent;
    font-weight: 700
}

.c-pagination .pagination li.next a,.c-pagination .pagination li.prev a {
    border: 1px solid #f8633a;
    padding: 2px 4px;
    color: #f8633a;
    margin: 0 6px
}

.c-pagination .pagination li.next a:hover,.c-pagination .pagination li.prev a:hover {
    background-color: #fff
}

.c-pagination .pagination li.prev a {
    border-radius: 6px 0 0 6px
}

.c-pagination .pagination li.next a {
    border-radius: 0 6px 6px 0
}

.is-vertical .c-pagination {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px
}

.is-vertical .c-pagination .pagination li {
    margin: 0 5px
}

.c-investor-card {
    background-color: #deedfd;
    padding: 3%
}

.c-investor-card .container .list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 80%;
    margin: 0 auto
}

.c-investor-card .container .list-box .list-item {
    width: 49%;
    position: relative;
    margin: 1% .5% 0;
    overflow: hidden
}

.c-investor-card .container .list-box .list-item a {
    display: block;
    width: 100%;
    height: 100%
}

.c-investor-card .container .list-box .list-item img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.c-investor-card .container .list-box .list-item h4 {
    display: block;
    color: #fff;
    position: absolute;
    bottom: 3%;
    right: 5%
}

.c-investor-card .container .list-box .list-item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center
}

.is-vertical .c-investor-card {
    padding: 30px 0
}

.is-vertical .c-investor-card .container .list-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%
}

.is-vertical .c-investor-card .container .list-box .list-item {
    width: 100%;
    margin-bottom: 10px
}

.c-investor-hkd {
    position: relative;
    width: 100%;
    margin-top: -5%;
    z-index: 6
}

.c-investor-hkd .container .hkd-box {
    position: relative;
    width: 85%;
    border-radius: 58px;
    min-height: 250px;
    background-color: #fff;
    margin: 0 auto;
    -webkit-box-shadow: rgba(0,0,0,.13) 0 0 25px;
    box-shadow: 0 0 25px rgba(0,0,0,.13)
}

.c-investor-hkd .container .right-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 100%;
    background-color: #6288c5;
    border-radius: 58px;
    color: #fff;
    padding: 6%;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-investor-hkd .container .right-box .h2 {
    font-weight: 700
}

.c-investor-hkd .container .left-box {
    width: 75%;
    height: 100%;
    padding: 5%
}

.c-investor-hkd .container .left-box .data-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-investor-hkd .container .left-box .data-box .total-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%
}

.c-investor-hkd .container .left-box .data-box .total-box .h1 {
    margin-right: 3%;
    font-weight: 700
}

.c-investor-hkd .container .left-box .data-box .total-box .unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-investor-hkd .container .left-box .data-box .total-box .unit span {
    margin-top: 6%;
    display: block
}

.c-investor-hkd .container .left-box .data-box .total-box .to-top {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #000
}

.c-investor-hkd .container .left-box .data-box .change-box {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.c-investor-hkd .container .left-box .data-box .change-box .h4:last-child {
    font-weight: 700
}

.c-investor-hkd .container .left-box .data-box .change-box li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-investor-hkd .container .left-box .tips {
    margin-top: 5%;
    color: #918c89
}

@media screen and (max-width: 1440px) {
    .c-investor-hkd .container .hkd-box {
        width:90%
    }

    .c-investor-hkd .container .left-box {
        width: 78%
    }
}

.is-vertical .c-investor-hkd .container .hkd-box {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 40px
}

.is-vertical .c-investor-hkd .container .hkd-box .left-box {
    width: 100%;
    position: relative
}

.is-vertical .c-investor-hkd .container .hkd-box .left-box .data-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-investor-hkd .container .hkd-box .left-box .data-box .total-box {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-investor-hkd .container .hkd-box .left-box .data-box .total-box .h1 {
    font-size: 50px;
    position: relative
}

.is-vertical .c-investor-hkd .container .hkd-box .left-box .data-box .change-box {
    margin-top: 30px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-investor-hkd .container .hkd-box .left-box .data-box .change-box li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5%
}

.is-vertical .c-investor-hkd .container .hkd-box .left-box .changeText {
    position: absolute;
    bottom: -10px;
    left: 0
}

.is-vertical .c-investor-hkd .container .hkd-box .right-box {
    position: static;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 60px;
    border-radius: 40px
}

.is-vertical .c-investor-hkd .container .hkd-box .right-box .title {
    text-align: left
}

.is-vertical .c-investor-hkd .container .hkd-box .right-box .h2 {
    text-align: center;
    font-size: 50px
}

.is-vertical.is-tablet .c-investor-hkd .container .hkd-box .left-box .changeText {
    bottom: auto;
    top: 36%;
    width: 100%;
    text-align: center
}

.is-vertical.is-tablet .c-investor-hkd .container .hkd-box .right-box .title {
    text-align: center
}

.c-investor-table .container {
    width: 85%;
    margin: 0 auto;
    padding-bottom: 5%
}

.c-investor-table .table {
    margin-top: 3%
}

.c-investor-table .table .table-title {
    background-color: #6288c5;
    color: #fff;
    border-radius: 12px;
    padding: 15px;
    font-weight: 500
}

.c-investor-table .table .tr {
    width: 100%;
    border-bottom: 1px solid #d6d5d5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-investor-table .table .tr:hover {
    background-color: #eff6fe;
    border-color: #eff6fe
}

.c-investor-table .table .tr.son {
    display: none
}

.c-investor-table .table .tr.son.active {
    display: -webkit-box
}

.c-investor-table .table .tr a {
    display: block
}

.c-investor-table .table .td {
    display: block;
    color: #565656;
    font-weight: 500;
    padding: 0 20px
}

.c-investor-table .table .td a {
    color: #565656;
    padding: 20px 10px;
    position: relative
}

.c-investor-table .table .td:first-child a {
    color: #636363;
    font-weight: 400
}

.c-investor-table .table .td.download {
    float: right
}

.c-investor-table .table .td.download a:hover {
    color: #f8633a
}

.c-investor-table .table .td.icon {
    position: relative
}

.c-investor-table .table .td.icon a {
    padding-left: 46px
}

.c-investor-table .table .td.icon i {
    color: #f8633a;
    width: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.c-investor-table .table .td.icon span {
    display: block
}

.c-investor-table .button-box {
    width: 100%;
    margin: 2% auto 0;
    text-align: right
}

.c-investor-table.odd {
    background-color: #deedfd
}

.c-investor-table.odd .table .tr,.c-investor-table.odd .table .tr:hover .td,.c-investor-table.odd .table .tr:nth-child(odd) .td {
    border-bottom: none;
    background-color: #eff6fe
}

.c-investor-table.even {
    background-color: #deedfd
}

.c-investor-table.even .table .tr {
    border-bottom: none
}

.c-investor-table.even .table .tr:hover,.c-investor-table.even .table .tr:nth-child(2n) {
    background-color: #eff6fe;
    border-bottom: none
}

.c-investor-table .load-more-wrap {
    display: none;
    position: relative;
    top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-investor-table .load-more-wrap .btn-load-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.c-investor-table .load-more-wrap .btn-load-more .iconfont {
    margin-left: 2px
}

.c-investor-table .load-more-wrap.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-investor-table .none-data {
    display: none
}

.c-investor-table .none-data .title {
    text-align: center
}

.c-investor-table .none-data .robot {
    display: block;
    width: 25%;
    margin: 20px auto 0
}

@media screen and (max-width: 767px) {
    .c-investor-table {
        margin-top:5%
    }

    .c-investor-table .container {
        width: 100%
    }

    .c-investor-table .table {
        overflow-x: scroll
    }

    .c-investor-table .table .tr {
        display: -webkit-box
    }

    .c-investor-table .table .td {
        display: block;
        width: auto;
        padding: 0
    }

    .c-investor-table .table .td a {
        padding: 15px 8px
    }

    .c-investor-table .table .td.icon a {
        padding-left: 36px
    }

    .c-investor-table .table .td.icon i {
        left: 5px;
        font-size: 12px
    }

    .c-investor-table .table .td.download a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-investor-table .button-box {
        text-align: center
    }

    .c-investor-table .none-data .robot {
        width: 50%
    }
}

.is-vertical.is-tablet .c-investor-table .container {
    width: 100%
}

.c-investor-nav {
    padding: 2% 0 0;
    background-color: #deedfd
}

.c-investor-nav .container {
    width: 95%;
    margin: 0 auto
}

.c-investor-nav .container .nav {
    padding: 0 5% .5%
}

.c-investor-nav .container .nav li {
    margin: 0 2.5%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-investor-nav .container .nav li a {
    color: #6288c5;
    font-weight: 700;
    opacity: .4
}

.c-investor-nav .container .nav li a:hover {
    opacity: 1
}

.c-investor-nav .container .nav li.active {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.c-investor-nav .container .nav li.active a {
    background-color: transparent;
    opacity: 1
}

.c-investor-nav .container .line {
    border-bottom: 2px solid #6288c5;
    -webkit-transform-origin: center;
    transform-origin: center
}

.is-vertical .c-investor-nav .container {
    width: 100%;
    padding: 0
}

.is-vertical .c-investor-nav .container .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 15px;
    overflow-x: scroll;
    overflow-y: hidden
}

.is-vertical .c-investor-nav .container .nav li {
    margin: 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-investor-report-box {
    padding: 2% 0 3%;
    background-color: #deedfd
}

.c-investor-report-box .container .report-box {
    display: none
}

.c-investor-report-box .container .report-box .report-content {
    background: url(../img/investor-report-bg.png) top no-repeat;
    background-size: contain;
    width: 85%;
    margin: 2% auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-investor-report-box .container .report-box .report-cover {
    width: 46%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0
}

.c-investor-report-box .container .report-box .report-cover img {
    width: 100%
}

.c-investor-report-box .container .report-box .report-cover .cover {
    width: 52%;
    margin-top: -3%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.c-investor-report-box .container .report-box .report-cover .content {
    width: 46%;
    margin-left: 3%;
    color: #6288c5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-investor-report-box .container .report-box .report-cover .content h2 {
    line-height: 1.4
}

.c-investor-report-box .container .report-box .report-cover .content .button-box {
    margin-top: 5%
}

.c-investor-report-box .container .report-box .report-cover .content .button-box .c-button {
    width: 80%;
    margin-top: 5%;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.c-investor-report-box .container .report-box .report-cover .content .button-box .c-button:last-child a {
    border-color: #6288c5;
    color: #6288c5
}

.c-investor-report-box .container .report-box .report-cover .content .button-box .c-button:last-child a:hover {
    color: #fff
}

.c-investor-report-box .container .tips {
    color: #6288c5;
    width: 85%;
    margin: 2% auto 0
}

.c-investor-report-box .container .report-box.active {
    display: block
}

.c-investor-report-box .container .report-box.active .report-cover .cover:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-investor-report-box .container .report-box.active .report-cover .c-button {
    opacity: 1
}

.is-vertical .c-investor-report-box .container {
    padding-right: 0
}

.is-vertical .c-investor-report-box .container .tips {
    margin: 30px auto;
    width: 90%
}

.is-vertical .c-investor-report-box .container .report-box .report-content {
    width: 95%;
    margin-left: 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: none
}

.is-vertical .c-investor-report-box .container .report-box .report-content .report-cover {
    width: 100%;
    margin: 30px 0;
    background-color: #c8dcf6;
    border-top-left-radius: 50px;
    padding: 0 10px
}

.is-vertical .c-investor-report-box .container .report-box .report-content .report-cover .cover {
    position: absolute;
    top: -10%;
    left: 15px;
    margin-top: 0;
    width: 50%
}

.is-vertical .c-investor-report-box .container .report-box .report-content .report-cover .content {
    width: 100%;
    padding: 40px 0 20px 54%
}

.is-vertical .c-investor-report-box .container .report-box .report-content .report-cover .content .button-box a {
    padding: 4px 10px
}

.is-vertical .c-investor-report-box .container .report-box .report-content .report-cover .content .button-box a[download] {
    display: none
}

.is-vertical.is-tablet .c-investor-report-box {
    padding-bottom: 80px
}

.is-vertical.is-tablet .c-investor-report-box .container .report-box .report-content {
    width: 100%
}

.is-vertical.is-tablet .c-investor-report-box .container .report-box .report-content .c-button {
    width: 50%
}

.is-vertical.is-tablet .c-investor-report-box .container .report-box .report-content .c-button a {
    padding: 3px 10px
}

.is-vertical.is-tablet .c-investor-report-box .container .report-box .report-content .year-report {
    margin: 80px 0
}

.is-vertical.is-tablet .c-investor-report-box .container .report-box .report-content .report-cover .cover {
    width: 45%;
    top: -20%
}

.is-vertical.is-tablet .c-investor-report-box .container .report-box .report-content .report-cover .cover img {
    width: 90%
}

.is-vertical.is-tablet .c-investor-report-box .container .report-box .report-content .report-cover .content {
    padding-left: 45%
}

.c-privacy-panel {
    background-color: #eff8fe;
    padding: 5% 0
}

.c-privacy-panel .container .panel-box {
    width: 70%;
    margin: 0 auto
}

.c-privacy-panel .container .panel-box .panel-item {
    padding: 30px 0;
    border-bottom: 1px solid #c9d0d5
}

.c-privacy-panel .container .panel-box .panel-item p {
    margin-top: 20px
}

.c-privacy-panel .container .panel-box .panel-item:last-child {
    border-bottom: 0
}

@media screen and (max-width: 767px) {
    .c-privacy-panel .container .panel-box {
        width:90%;
        margin: 0 auto
    }

    .c-privacy-panel .container .panel-box .panel-item {
        padding: 20px 0
    }
}

.c-sitemap-content {
    padding-top: 100px;
    background-color: #eff8fe;
    position: relative
}

.c-sitemap-content .bg {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: -15%;
    z-index: 1
}

.c-sitemap-content .sitemap-box {
    width: 84%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 3% auto;
    position: relative;
    z-index: 3
}

.c-sitemap-content .sitemap-box .big-title {
    position: relative;
    margin: 0 auto
}

.c-sitemap-content .sitemap-box .big-title h2 {
    position: relative;
    z-index: 2
}

.c-sitemap-content .sitemap-box .big-title .line {
    width: 110%;
    height: 12px;
    position: absolute;
    bottom: 6px;
    left: -5%;
    background-color: #7bc9e9;
    border-radius: 30px;
    z-index: 1
}

.c-sitemap-content .sitemap-box .panel {
    min-height: 200px;
    background-color: #ebf4fa;
    margin-top: 60px;
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0 60px 30px
}

.c-sitemap-content .sitemap-box .panel .item {
    width: 25%;
    padding: 60px 0 30px;
    border-bottom: 1px solid #ccc
}

.c-sitemap-content .sitemap-box .panel .item:last-child,.c-sitemap-content .sitemap-box .panel .item:nth-last-child(2),.c-sitemap-content .sitemap-box .panel .item:nth-last-child(3),.c-sitemap-content .sitemap-box .panel .item:nth-last-child(4) {
    border-bottom: 0
}

.c-sitemap-content .sitemap-box .panel .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-sitemap-content .sitemap-box .panel .title i {
    border-radius: 100%;
    color: #f68727;
    border: 1px solid #f68727;
    font-size: 12px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    margin-right: 6px
}

.c-sitemap-content .sitemap-box .panel dl {
    padding-left: 30px;
    margin-top: 15px
}

.c-sitemap-content .sitemap-box .panel dl dd,.c-sitemap-content .sitemap-box .panel dl dt {
    margin: 10px 0
}

.c-sitemap-content .sitemap-box .panel dl dt.middle {
    color: #f68727
}

.c-sitemap-content .sitemap-box .panel dl dt.middle a {
    color: #f68727;
    position: relative
}

.c-sitemap-content .sitemap-box .panel dl dt.middle a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #f68727;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-sitemap-content .sitemap-box .panel dl dt.middle a:hover:after {
    width: 100%;
    background-color: #f68727
}

.is-vertical .c-sitemap-content,.is-vertical .c-sitemap-content .sitemap-box {
    width: 100%
}

.is-vertical .c-sitemap-content .sitemap-box .panel {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding: 0;
    margin-top: 0
}

.is-vertical .c-sitemap-content .sitemap-box .panel .item {
    width: 100%;
    border-bottom: 0;
    padding: 40px 0 20px 20px
}

.is-vertical .c-sitemap-content .sitemap-box .panel .item .title {
    margin-left: -20px
}

.is-vertical .c-sitemap-content .sitemap-box .panel .item .title i {
    width: 16px;
    height: 16px;
    line-height: 14px
}

.is-vertical .c-sitemap-content .sitemap-box .panel .item dl {
    display: inline-block;
    padding-left: 0;
    vertical-align: top;
    margin-right: 15px
}

.is-vertical .c-sitemap-content .sitemap-box .panel .item dl dt {
    margin: 0
}

.c-no-page-content {
    padding: 150px 0 10%;
    background-color: #eff8fe
}

.c-no-page-content .no-page-box {
    width: 70%;
    margin: 0 auto
}

.c-no-page-content .no-page-box .pic {
    width: 100%
}

.c-no-page-content .no-page-box .text-box {
    text-align: center;
    margin-top: 20px
}

.c-no-page-content .no-page-box .gohome {
    background-color: #eaf4fb;
    border: 1px solid #70a9d1;
    border-radius: 6vh;
    color: #70a9d1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    margin: 30px auto 0
}

.c-no-page-content .no-page-box .gohome i {
    margin-left: 15px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-no-page-content .no-page-box .gohome:hover i {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.is-vertical .c-no-page-content {
    padding: 150px 0 200px
}

.is-vertical .c-no-page-content .container {
    padding: 0
}

.is-vertical .c-no-page-content .no-page-box {
    width: 100%
}

.is-vertical .c-no-page-content .no-page-box .text-box {
    margin-top: 30px
}

.is-vertical .c-no-page-content .no-page-box .gohome {
    width: 40%
}

.c-search-input {
    width: 100%;
    margin: 200px auto 0
}

.c-search-input .search-box {
    margin: 0 auto;
    position: relative;
    height: 46px;
    border-radius: 25px;
    display: block
}

.c-search-input .search-box input {
    width: 90%;
    height: 100%;
    border-color: #f68727;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    padding: 0 13% 0 20px
}

.c-search-input .search-box input::-webkit-input-placeholder {
    color: #f68727
}

.c-search-input .search-box input:-moz-placeholder,.c-search-input .search-box input::-moz-placeholder {
    color: #f68727
}

.c-search-input .search-box input:-ms-input-placeholder {
    color: #f68727
}

.c-search-input .search-box .input-group-btn {
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.c-search-input .search-box .input-group-btn button {
    width: 100%;
    height: 100%;
    background: #f68727;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-search-input .search-box .input-group-btn button i {
    font-size: 26px;
    margin-left: 10%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-search-input .search-box .input-group-btn button:hover i {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (max-width: 767px) {
    .c-search-input {
        margin-top:100px
    }

    .c-search-input .search-box .input-group-btn {
        width: 30%
    }
}

.c-search-card {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0
}

.c-search-card .search-content {
    background-color: #eaf4fb;
    padding: 100px 0
}

.c-search-card .tipsbox {
    width: 80%;
    margin: 0 auto
}

.c-search-card .tipsbox .HighlightText {
    color: #fc8358
}

.c-search-card .card-box {
    width: 80%;
    margin: 0 auto
}

.c-search-card .card-box .empty-box {
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.c-search-card .card-box .empty-box .tipsbox {
    text-align: center
}

.c-search-card .card-box .empty-box .empty-img {
    width: 318px;
    height: 409px;
    margin: 5% auto;
    background: url(../img/search-empty-icon.png) no-repeat 50%;
    background-size: contain
}

.c-search-card .card-box .item {
    padding: 60px 15px;
    border-bottom: 1px solid #ccc
}

.c-search-card .card-box .item .pic {
    overflow: hidden
}

.c-search-card .card-box .item .pic img {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-search-card .card-box .item .text-box {
    margin-top: 30px
}

.c-search-card .card-box .item .text-box .time-label {
    background-color: #f68727;
    border-radius: 10px 0 10px 0;
    display: inline-block;
    color: #fff;
    padding: 2px 10px
}

.c-search-card .card-box .item .text-box .title {
    margin: 15px auto;
    height: 72px;
    max-height: 72px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.c-search-card .card-box .item .text-box .description {
    height: 6.5em;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.c-search-card .card-box .item a:hover .pic img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (max-width: 1440px) {
    .c-search-card .card-box .item {
        padding:50px 15px
    }

    .c-search-card .card-box .item .text-box .title {
        height: 50px
    }

    .c-search-card .card-box .item .text-box .description {
        height: 80px
    }
}

@media screen and (max-width: 767px) {
    .c-search-card {
        padding-top:50px
    }

    .c-search-card .tipsbox {
        width: 100%;
        margin-bottom: 20px
    }

    .c-search-card .card-box {
        width: 100%
    }

    .c-search-card .card-box .empty-box .empty-img {
        width: 218px;
        height: 309px
    }

    .c-search-card .card-box .item {
        padding: 15px 0;
        border-bottom: none
    }

    .c-search-card .card-box .item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-search-card .card-box .item .pic {
        width: 50%;
        overflow: hidden
    }

    .c-search-card .card-box .item .pic img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .c-search-card .card-box .item .text-box {
        width: 45%;
        margin-top: 0
    }

    .c-search-card .card-box .item .text-box .title {
        -webkit-line-clamp: 3;
        margin-top: 10px;
        margin-bottom: 0;
        height: 78px
    }
}

.c-investor-financial-log {
    background-color: #deedfd;
    padding: 50px 0
}

.c-investor-financial-log .container {
    width: 85%;
    margin: 0 auto;
    padding-bottom: 5%
}

.c-investor-financial-log .table-form {
    border: 1px solid #a8cbe6;
    background-color: #e8f2fe;
    color: #565656
}

.c-investor-financial-log .table-form .title {
    text-align: center;
    padding: 15px 0;
    background-color: #f4f9ff
}

.c-investor-financial-log .table-form .table-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #a8cbe6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-investor-financial-log .table-form .table-list .tab {
    width: 30%;
    height: 100%
}

.c-investor-financial-log .table-form .table-list .tab span {
    padding: 20px 0 20px 20px;
    width: 100%
}

.c-investor-financial-log .table-form .table-list .right-list {
    width: 69%
}

.c-investor-financial-log .table-form .table-list .right-list .item {
    border-bottom: 1px solid #a8cbe6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-investor-financial-log .table-form .table-list .right-list .item span {
    width: 50%;
    padding: 20px 0 20px 20px;
    display: inline-block;
    border-left: 1px solid #a8cbe6
}

.c-investor-financial-log .table-form .table-list .right-list .item span:last-child {
    text-align: center
}

.c-investor-financial-log .table-form .table-list .right-list .item:last-child {
    border-bottom: 0
}

.c-investor-financial-log .tips {
    margin-top: 30px;
    color: #565656
}

.is-vertical .c-investor-financial-log .container {
    width: 100%
}

.is-vertical .c-investor-financial-log .table-form .table-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-investor-financial-log .table-form .table-list .tab {
    width: 100%;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #a8cbe6;
    background-color: #f4f9ff
}

.is-vertical .c-investor-financial-log .table-form .table-list .right-list {
    width: 100%
}

.is-vertical .c-investor-financial-log .table-form .table-list .right-list .item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px
}

.c-investor-director .director-pic-wrap {
    background: url(../img/investor-director-pic.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    padding: 100px 0
}

.c-investor-director .director-pic-wrap .text-box {
    color: #fff;
    margin-left: 10%
}

.c-investor-director .director-pic-wrap .text-box a {
    color: #fff
}

.c-investor-director .director-pic-wrap .text-box .button-box {
    overflow: hidden;
    width: 150px;
    margin-top: 30px
}

.c-investor-director .director-pic-wrap .text-box .button-box a {
    padding: 6px 0;
    border: 1px solid #fff;
    border-radius: 30px;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-investor-director .director-pic-wrap .text-box .button-box a i {
    margin-left: 10px
}

.c-investor-director .director-pic-wrap .text-box .button-box a:hover {
    background-color: #fff;
    color: #a0c3e4;
    border-color: #a0c3e4
}

.c-investor-director .director-list-wrap {
    background-color: #deedfd;
    padding: 80px 0
}

.c-investor-director .director-list-wrap .title {
    color: #565656;
    width: 80%;
    margin: 0 auto 30px
}

.c-investor-director .director-list-wrap .list-box {
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.c-investor-director .director-list-wrap .list-box .item {
    width: 49%;
    background-color: #eff6fe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 10px 0;
    margin: 0 2% 2% 0;
    cursor: pointer
}

.c-investor-director .director-list-wrap .list-box .item:nth-of-type(2n) {
    margin-right: 0
}

.c-investor-director .director-list-wrap .list-box .item i {
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-investor-director .director-list-wrap .list-box .item:hover i {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.is-vertical .c-investor-director {
    padding: 0
}

.is-vertical .c-investor-director .director-pic-wrap {
    background-image: url(../img/investor-director-pic-mb.jpg);
    padding: 50px 0;
    text-align: center
}

.is-vertical .c-investor-director .director-pic-wrap .text-box {
    margin-left: 0
}

.is-vertical .c-investor-director .director-pic-wrap .text-box .button-box {
    margin: 20px auto 0
}

.is-vertical .c-investor-director .director-list-wrap {
    padding: 50px 0
}

.is-vertical .c-investor-director .director-list-wrap .list-box,.is-vertical .c-investor-director .director-list-wrap .title {
    width: 90%
}

.is-vertical .c-investor-director .director-list-wrap .list-box .item {
    margin-right: 4%;
    width: 48%;
    margin-bottom: 20px
}

.is-vertical .c-investor-director .director-list-wrap .list-box .item:nth-of-type(2n) {
    margin-right: 0
}

.c-investor-director-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-investor-director-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a5c8e9),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#a5c8e9,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 60px 60px 20px;
    border-radius: 30px
}

.c-investor-director-layer .content .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-investor-director-layer .content .content-box .text-box {
    width: 100%
}

.c-investor-director-layer .content .content-box .text-box .title {
    text-align: left;
    position: relative;
    margin-bottom: 40px
}

.c-investor-director-layer .content .content-box .text-box .title:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 17%;
    height: 2px;
    background-color: #ff5525
}

.c-investor-director-layer .content .content-box .text-box .description-box {
    max-height: 50vh;
    overflow-y: scroll;
    padding-bottom: 40px
}

.c-investor-director-layer .content .content-box .text-box .description {
    margin-bottom: 15px
}

.c-investor-director-layer .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.2)));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2));
    display: block;
    content: "";
    pointer-events: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.c-investor-director-layer .btn-close {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    bottom: -60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-investor-director-layer .btn-close,.c-investor-director-layer .btn-close .line {
    position: absolute;
    left: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-investor-director-layer .btn-close .line {
    top: 0;
    width: 1px;
    height: 100%;
    display: block;
    background: #fff
}

.c-investor-director-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-investor-director-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-investor-director-layer .btn-close:hover {
    border-color: #f68727
}

.c-investor-director-layer .btn-close:hover .line {
    background: #f68727
}

@media screen and (min-width: 1600px) {
    .c-investor-director-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-investor-director-layer .content {
        max-width:1200px
    }
}

.is-vertical .c-investor-director-layer .content {
    width: 90%;
    padding: 20px
}

.is-vertical .c-investor-director-layer .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0
}

.is-vertical .c-investor-director-layer .content-box .text-box {
    width: 100%;
    margin-top: 20px
}

.is-vertical .c-investor-director-layer .content-box .text-box .title {
    text-align: center
}

.is-vertical .c-investor-director-layer .content-box .text-box .title:after {
    left: 50%;
    width: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .c-investor-director-layer .content-box .text-box .description-box {
    height: 60vh;
    overflow-y: scroll;
    padding-bottom: 50px
}

.c-join-employer-brand {
    margin-bottom: 50px
}

.c-join-employer-brand .inner-container {
    width: 100%;
    position: relative
}

.c-join-employer-brand .employer-brand-wrap {
    background-color: #fcf8e9;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.c-join-employer-brand .employer-brand-wrap .text-box {
    position: absolute;
    top: 30%;
    left: 15%;
    max-width: 25%
}

.c-join-employer-brand .employer-brand-wrap .text-box .description {
    margin-top: 15px
}

.c-join-employer-brand .employer-brand-wrap .right-box {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 140px 0 0 0;
    background-color: rgba(231,156,78,.3)
}

.c-join-employer-brand .employer-brand-wrap .right-box .dot {
    width: 84%;
    position: absolute;
    top: 5%;
    left: 12%
}

.c-join-employer-brand .employer-brand-wrap .employer-brand-swiper {
    width: 35%;
    border-radius: 0 0 70px 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15%;
    overflow: hidden
}

.c-join-employer-brand .employer-brand-wrap .employer-brand-swiper .swiper-slide .pic {
    width: 100%
}

.c-join-employer-brand .employer-brand-wrap .swiper-button-box {
    position: absolute;
    bottom: 0;
    right: 40%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -4vw;
    height: 3vw
}

.c-join-employer-brand .employer-brand-wrap .swiper-button-box .swiper-button-next,.c-join-employer-brand .employer-brand-wrap .swiper-button-box .swiper-button-prev {
    position: static;
    right: auto;
    left: auto;
    top: auto;
    margin-top: 0;
    width: 4vw;
    height: 3.2vw;
    background-color: #f68727
}

.c-join-employer-brand .employer-brand-wrap .swiper-button-box .swiper-button-next:after,.c-join-employer-brand .employer-brand-wrap .swiper-button-box .swiper-button-prev:after {
    color: #fff;
    z-index: 9;
    display: inline-block
}

.c-join-employer-brand .employer-brand-module {
    width: 70%;
    margin: 100px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join-employer-brand .employer-brand-module .module-item {
    width: 48%
}

.c-join-employer-brand .employer-brand-module .module-item img {
    width: 100%
}

.c-join-employer-brand .employer-brand-module .module-item a {
    position: relative;
    display: block
}

.c-join-employer-brand .employer-brand-module .module-item .h3 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    pointer-events: none
}

.c-join-employer-brand .employee-style {
    width: 100%;
    padding: 50px 0;
    background-color: #fdfbf4
}

.c-join-employer-brand .employee-style .container {
    width: 100%;
    padding: 0
}

.c-join-employer-brand .employee-style .title-box {
    color: #000;
    padding: 0 15%
}

.c-join-employer-brand .employee-style .title-box .title {
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .c-join-employer-brand .employee-style .tab-box {
        padding:0 15%;
        margin: 60px auto
    }

    .c-join-employer-brand .employee-style .tab-box .tab-wrap {
        padding: 2px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        background-color: #f6dcba;
        border-radius: 30px
    }

    .c-join-employer-brand .employee-style .tab-box .tab-item {
        text-align: center;
        padding: 8px 0;
        width: 20%;
        position: relative;
        -webkit-transition: all .5s;
        transition: all .5s;
        border-radius: 30px;
        cursor: pointer
    }

    .c-join-employer-brand .employee-style .tab-box .tab-item:after {
        background-color: #eebc84;
        width: 1px;
        height: 60%;
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }

    .c-join-employer-brand .employee-style .tab-box .tab-item.active {
        background-color: #fff;
        color: #f09b3c;
        -webkit-box-sizing: 1px 1px 10px rgba(0,0,0,.5);
        box-sizing: 1px 1px 10px rgba(0,0,0,.5)
    }

    .c-join-employer-brand .employee-style .tab-box .tab-item.active:after,.c-join-employer-brand .employee-style .tab-box .tab-item:last-child:after {
        opacity: 0
    }
}

.c-join-employer-brand .employee-style .swiper-wrap {
    width: 100%;
    padding: 0 10%;
    background-color: #fcf5e8;
    position: relative
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper {
    position: relative;
    overflow: hidden;
    opacity: 0;
    width: 100%;
    padding-bottom: 60px
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper a:hover {
    color: #000
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .pic-box {
    width: 50%;
    position: relative
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .pic-box .pic {
    width: 100%;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 2;
    position: relative
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .pic-box .dot {
    width: 20%;
    -webkit-transform: translate(-30px,-30px);
    transform: translate(-30px,-30px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .pic-box .dot1 {
    position: absolute;
    top: 20%;
    right: -3%;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .pic-box .dot2 {
    width: 35%;
    position: absolute;
    bottom: -5%;
    right: -3%;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .pic-box .dot3 {
    position: absolute;
    bottom: -7%;
    right: 20%;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box {
    width: 40%;
    margin-top: 50px
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box .subtitle {
    color: #e79c4e;
    margin: 20px 0
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box .description,.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box .subtitle,.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box .title {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box .title {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box .subtitle {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide .text-box .description {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 12vw;
    height: 3.2vw
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button .swiper-button-next,.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button .swiper-button-prev {
    height: 3.2vw;
    width: 4vw
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-pagination {
    position: absolute;
    bottom: 20px;
    left: 220px;
    width: 20%
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 20%
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper.current {
    opacity: 1
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper.current .swiper-slide-active .pic-box .dot,.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper.current .swiper-slide-active .pic-box .pic {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate(0);
    transform: translate(0)
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper.current .swiper-slide-active .text-box .description,.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper.current .swiper-slide-active .text-box .subtitle,.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper.current .swiper-slide-active .text-box .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper:not(.current) {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .right-box {
    width: 76%;
    height: 46%
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .right-box .dot {
    width: 130%;
    left: 30%;
    top: 10%
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .employer-brand-swiper {
    width: 84%;
    top: 30%;
    right: auto;
    left: 14%;
    overflow: initial;
    border-radius: 0
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .employer-brand-swiper .swiper-slide {
    width: 80%;
    border-radius: 0 0 80px 0;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.3);
    box-shadow: 1px 1px 15px rgba(0,0,0,.3)
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .employer-brand-swiper .swiper-pagination {
    bottom: -15%;
    width: 80%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .employer-brand-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 15%;
    opacity: .4
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .employer-brand-swiper .swiper-pagination .swiper-pagination-bullet-active {
    height: 1px;
    width: 15%;
    opacity: 1
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .text-box {
    top: 60%;
    max-width: 80%;
    left: 10%
}

.is-vertical .c-join-employer-brand .employer-brand-wrap .text-box .h3 {
    font-weight: 700;
    text-align: center
}

.is-vertical .c-join-employer-brand .employer-brand-module {
    padding: 0 30px;
    background-color: #fff;
    width: 100%;
    display: block
}

.is-vertical .c-join-employer-brand .employer-brand-module .module-item {
    width: 100%;
    margin-bottom: 20px;
    position: relative
}

.is-vertical .c-join-employer-brand .employer-brand-module .module-item:last-child {
    margin-bottom: 0
}

.is-vertical .c-join-employer-brand .employer-brand-module .module-item .pic {
    width: 100%
}

.is-vertical .c-join-employer-brand .employee-style .title-box {
    padding: 0 30px
}

.is-vertical .c-join-employer-brand .employee-style .tab-box {
    padding: 0 30px;
    margin: 30px 0 0
}

.is-vertical .c-join-employer-brand .employee-style .tab-box .tab-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.is-vertical .c-join-employer-brand .employee-style .tab-box .tab-wrap .tab-item {
    margin-right: 30px;
    color: rgba(0,0,0,.4);
    position: relative;
    padding: 20px 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.is-vertical .c-join-employer-brand .employee-style .tab-box .tab-wrap .tab-item.active {
    color: #000
}

.is-vertical .c-join-employer-brand .employee-style .tab-box .tab-wrap .tab-item.active:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    border-bottom: 6px solid #f68727;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap {
    padding: 30px
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide a .pic-box {
    width: 100%
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-slide a .text-box {
    width: 100%;
    margin-top: 100px
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button {
    bottom: auto;
    top: 32%;
    height: 50px;
    width: 100%
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button .swiper-button-next,.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button .swiper-button-prev {
    height: 10vw;
    width: 12vw
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-pagination {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: auto;
    top: 34%;
    width: 60%
}

.is-vertical .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 20%
}

.is-vertical.is-tablet .c-join-employer-brand {
    margin-bottom: 0
}

.is-vertical.is-tablet .c-join-employer-brand .employer-brand-wrap {
    max-height: 90vh
}

.is-vertical.is-tablet .c-join-employer-brand .employer-brand-wrap .text-box {
    top: 86%
}

.is-vertical.is-tablet .c-join-employer-brand .employer-brand-wrap .employer-brand-swiper {
    top: 45%
}

.is-vertical.is-tablet .c-join-employer-brand .employer-brand-wrap .employer-brand-swiper .swiper-pagination {
    display: block!important;
    bottom: -10%
}

.is-vertical.is-tablet .c-join-employer-brand .employer-brand-wrap .swiper-button-box {
    display: none
}

.is-vertical.is-tablet .c-join-employer-brand .employer-brand-wrap .right-box {
    width: 60%;
    height: 50%
}

.is-vertical.is-tablet .c-join-employer-brand .employee-style {
    padding-bottom: 0
}

.is-vertical.is-tablet .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button,.is-vertical.is-tablet .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-pagination {
    top: 63%
}

.is-vertical.is-tablet .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button {
    top: 60%
}

.is-vertical.is-tablet .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button .swiper-button-next,.is-vertical.is-tablet .c-join-employer-brand .employee-style .swiper-wrap .employee-style-swiper .swiper-button .swiper-button-prev {
    width: 8vw;
    height: 8vw
}

.c-join-campus-recruitment {
    display: none;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.c-join-campus-recruitment .inner-container {
    width: 100%;
    position: relative
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap {
    overflow: hidden;
    background-color: hsla(47,77%,88%,.4);
    width: 100%;
    height: 58vh
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .bg {
    position: absolute;
    top: 0;
    right: 15%;
    width: auto;
    height: 58vh
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .pic-box {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .pic-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -29vh
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content {
    width: 50%;
    height: 100%;
    padding: 50px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .text-box {
    max-width: 60%
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .text-box .description {
    margin-top: 10px
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box {
    margin: 30px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item {
    width: 26%;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 0;
    position: relative;
    text-align: center;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    box-shadow: 1px 1px 10px rgba(0,0,0,.1)
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item .icon {
    width: auto;
    height: 60px;
    margin-bottom: 10px
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item .text-box {
    max-width: 100%
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item .title {
    font-weight: 500
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item:last-child {
    margin-right: 0
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .button-box {
    margin-top: 20px
}

.c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .button-box .c-button a {
    background-color: #e79c4e;
    color: #fff;
    border: none
}

.c-join-campus-recruitment .tips {
    margin: 60px auto;
    text-align: center
}

.is-vertical .c-join-campus-recruitment .inner-container {
    width: 100%
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap {
    padding: 50px 0;
    height: auto
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .pic-box {
    width: 80%;
    height: auto;
    margin: 0 auto;
    float: none
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .pic-box img {
    position: static;
    margin-top: 0;
    top: auto
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content {
    width: 80%;
    height: auto;
    float: none;
    margin: 30px auto;
    text-align: center;
    padding: 0
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .text-box {
    max-width: 100%
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 10px;
    margin-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item {
    width: 100%;
    margin-right: 0;
    padding: 20px 10px;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item .text-box {
    width: 58%
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .icon-box .item .icon {
    width: 40%;
    height: auto
}

.is-vertical .c-join-campus-recruitment .inner-container .campus-recruitment-wrap .text-content .button-box {
    margin-top: 30px
}

.is-vertical .c-join-campus-recruitment .tips {
    padding: 0 20px;
    text-align: left
}

.c-join-social-recruitment {
    display: none;
    padding-bottom: 50px
}

.c-join-social-recruitment .inner-container {
    width: 100%;
    position: relative
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap {
    width: 100%;
    height: 45vh;
    background-color: hsla(47,77%,88%,.4);
    overflow: hidden
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .bg {
    position: absolute;
    top: 0;
    left: 15%;
    width: auto;
    height: 45vh
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .pic-box {
    width: 50%;
    height: 100%;
    float: right;
    overflow: hidden;
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .pic-box img {
    width: 100%
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-box {
    width: 20%;
    height: 100%;
    position: relative;
    z-index: 2;
    margin-left: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-box .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-box .btn-view-more {
    padding: 6px 25px;
    color: #fff;
    background-color: #e79c4e;
    border-radius: 25px
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-box .btn-view-more .iconfont {
    position: relative;
    top: 2px;
    margin-left: 10px
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-content .icon-box {
    margin: 30px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-content .icon-box .item {
    background-color: #fff;
    border-radius: 20px;
    padding: 4% 10px 3%;
    position: relative;
    text-align: center;
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    box-shadow: 1px 1px 10px rgba(0,0,0,.1)
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-content .icon-box .item .icon {
    width: 30%;
    position: absolute;
    top: -10px;
    left: -10px
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-content .icon-box .item .title {
    font-weight: 500;
    height: 50px;
    line-height: 1.3
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-content .icon-box .item:first-child .title {
    line-height: 50px
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-content .button-box {
    margin-top: 20px
}

.c-join-social-recruitment .inner-container .social-recruitment-wrap .text-content .button-box .c-button a {
    background-color: #e79c4e;
    color: #fff;
    border: none
}

.c-join-social-recruitment .inner-container .social-select-box {
    margin: 6% auto;
    width: 80%
}

.c-join-social-recruitment .inner-container .c-investor-table {
    background: #fff;
    padding: 5% 0
}

.c-join-social-recruitment .inner-container .c-investor-table .container {
    width: 90%
}

.c-join-social-recruitment .inner-container .c-investor-table .table .tr {
    background-color: #fcf8e9;
    border-radius: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-join-social-recruitment .inner-container .c-investor-table .table .tr:nth-child(odd) {
    background-color: #eff6fe
}

.c-join-social-recruitment .inner-container .c-investor-table .table .tr:nth-child(2n):hover,.c-join-social-recruitment .inner-container .c-investor-table .table .tr:nth-child(2n):hover .td {
    background-color: #fcf8e9
}

.c-join-social-recruitment .inner-container .c-investor-table .table .tr:nth-child(odd):hover,.c-join-social-recruitment .inner-container .c-investor-table .table .tr:nth-child(odd):hover .td {
    background-color: #eff6fe
}

.c-join-social-recruitment .inner-container .c-investor-table .table .td {
    color: #000;
    font-weight: 400
}

.is-vertical .c-join-social-recruitment .inner-container .social-recruitment-wrap {
    height: auto;
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-join-social-recruitment .inner-container .social-recruitment-wrap .bg {
    display: none
}

.is-vertical .c-join-social-recruitment .inner-container .social-recruitment-wrap .pic-box {
    width: 80%;
    float: none;
    margin: 30px auto 0
}

.is-vertical .c-join-social-recruitment .inner-container .social-recruitment-wrap .text-box {
    width: 86%;
    margin-left: 7%
}

.is-vertical .c-join-social-recruitment .inner-container .social-select-box {
    width: 100%
}

.is-vertical .c-join-social-recruitment .inner-container .social-select-box .select-item {
    margin-bottom: 20px
}

.is-vertical .c-join-social-recruitment .inner-container .social-select-box .select-item:first-child {
    z-index: 5
}

.is-vertical .c-join-social-recruitment .inner-container .social-select-box .select-item:nth-of-type(2) {
    z-index: 4
}

.is-vertical .c-join-social-recruitment .inner-container .social-select-box .select-item:nth-of-type(3) {
    z-index: 3
}

.is-vertical .c-join-social-recruitment .inner-container .social-select-box .select-item:nth-of-type(4) {
    z-index: 2
}

.is-vertical .c-join-social-recruitment .inner-container .c-investor-table .table .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 30px;
    background-color: #f8eec9
}

.is-vertical .c-join-social-recruitment .inner-container .c-investor-table .table .tr a {
    width: 100%
}

.is-vertical .c-join-social-recruitment .inner-container .c-investor-table .table .td {
    border-bottom: 1px solid #d1c9ad;
    padding-left: 0;
    background-color: #f8eec9
}

.is-vertical .c-join-social-recruitment .inner-container .c-investor-table .table .td:last-child {
    border-bottom: 0
}

.c-selectbox {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 5
}

.c-selectbox .selectbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.c-selectbox .select-item {
    position: relative;
    z-index: 10
}

.c-selectbox .selectpicker {
    width: 100%;
    border: 1px solid #e79c4e;
    border-radius: 25px
}

.c-selectbox .selectpicker .selectName {
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px 24px 10px 15px;
    position: relative;
    cursor: pointer
}

.c-selectbox .selectpicker .selectName i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px
}

.c-selectbox .selectpicker .dropdown-menu {
    width: 100%;
    max-height: 300px;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.c-selectbox .selectpicker .dropdown-menu li {
    padding: 5px 10px;
    cursor: pointer
}

.c-selectbox .selectpicker .dropdown-menu li:hover {
    background-color: #eee
}

.c-selectbox .search-box {
    display: inline-block
}

.c-selectbox .search-box input {
    border: 1px solid #e79c4e;
    border-radius: 25px;
    float: left;
    width: 76%;
    height: 100%;
    padding-left: 20px
}

.c-selectbox .search-box button {
    background-color: #e79c4e;
    border-radius: 25px;
    border: none;
    float: right;
    width: 22%;
    height: 100%
}

.c-selectbox .search-box button:hover {
    background-color: #e79c4e
}

.is-vertical .c-selectbox .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-selectbox .search-box input {
    width: 100%;
    padding: 10px 24px 10px 15px
}

.is-vertical .c-selectbox .search-box .btn-search {
    width: 50%;
    margin-top: 30px;
    padding: 8px 0
}

.c-join-social-recruitment-detail {
    padding: 60px 0 150px;
    background-color: #fdfaef
}

.c-join-social-recruitment-detail .inner-container {
    position: relative
}

.c-join-social-recruitment-detail .detail-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: 0 auto;
    position: relative
}

.c-join-social-recruitment-detail .detail-box .title {
    background-color: #f8eec9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.c-join-social-recruitment-detail .detail-box .title .h4 {
    margin-right: 20px
}

.c-join-social-recruitment-detail .detail-box .title .type {
    margin-left: 15px
}

.c-join-social-recruitment-detail .detail-box .title .time {
    position: absolute;
    top: 15px;
    right: 20px;
    height: 100%
}

.c-join-social-recruitment-detail .detail-box .content {
    padding: 30px 50px
}

.c-join-social-recruitment-detail .detail-box .left-box {
    width: 70%;
    background-color: #fff
}

.c-join-social-recruitment-detail .detail-box .left-box .content .h4 {
    margin-bottom: 20px
}

.c-join-social-recruitment-detail .detail-box .left-box .content .h6 {
    margin-bottom: 4px
}

.c-join-social-recruitment-detail .detail-box .left-box .content .button {
    width: 200px;
    background-color: #e79c4e;
    border-radius: 25px;
    margin-top: 50px
}

.c-join-social-recruitment-detail .detail-box .left-box .content .button a {
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: block;
    text-align: center
}

.c-join-social-recruitment-detail .detail-box .right-box {
    width: 29%;
    margin-left: 1%;
    background-color: #fff
}

.c-join-social-recruitment-detail .detail-box .right-box .content {
    padding-top: 10px
}

.c-join-social-recruitment-detail .detail-box .right-box .content li {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.c-join-social-recruitment-detail .detail-box .right-box .content li:last-child {
    border-bottom: 0
}

.c-join-social-recruitment-detail .btn-back {
    width: 80%;
    margin: 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-join-social-recruitment-detail .btn-back a {
    color: #e79c4e
}

.is-vertical .c-join-social-recruitment-detail {
    padding-top: 0
}

.is-vertical .c-join-social-recruitment-detail .detail-box {
    width: 100%;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-join-social-recruitment-detail .detail-box .title {
    padding: 10px 20px;
    border-radius: 12px
}

.is-vertical .c-join-social-recruitment-detail .detail-box .title .time {
    top: 10px;
    height: auto
}

.is-vertical .c-join-social-recruitment-detail .detail-box .content {
    padding: 20px
}

.is-vertical .c-join-social-recruitment-detail .detail-box .left-box {
    border-radius: 12px 12px 0 0;
    width: 100%
}

.is-vertical .c-join-social-recruitment-detail .detail-box .left-box .content .h4 {
    margin-bottom: 4px
}

.is-vertical .c-join-social-recruitment-detail .detail-box .left-box .content .button {
    width: 160px;
    margin: 50px auto;
    height: 40px
}

.is-vertical .c-join-social-recruitment-detail .detail-box .left-box .content .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-join-social-recruitment-detail .detail-box .left-box .content .button a .iconfont {
    margin-left: 6px
}

.is-vertical .c-join-social-recruitment-detail .detail-box .right-box {
    width: 100%;
    margin-top: 30px;
    border-radius: 12px 12px 0 0
}

.is-vertical .c-join-social-recruitment-detail .btn-back {
    width: 100%;
    padding: 0 30px;
    margin-top: 0
}

.c-services-robot .services-section .text-box .h2 {
    margin-bottom: 30px
}

.c-services-robot .services-section img {
    width: 100%
}

.c-services-robot .services-section .text-box .h2 {
    color: #203064
}

.c-services-robot .robot-wrap {
    width: calc(100% - 40px);
    padding: 280px 15% 100px;
    margin: -180px 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-right-radius: 180px;
    overflow: hidden;
    background-color: #f3f3f3
}

.c-services-robot .robot-wrap .logo1 {
    width: 25%
}

.c-services-robot .robot-wrap .text-box {
    max-width: 68%
}

.c-services-robot .robot-wrap .text-box .h6 {
    margin-top: 20px
}

.c-services-robot .robot-wrap .text-box .h6:first-child {
    margin-top: 0
}

.c-services-robot .teamlineup {
    position: relative
}

.c-services-robot .teamlineup .teamlineup-icon {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%
}

.c-services-robot .teamlineup .text-box {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 15%;
    color: #fff
}

.c-services-robot .teamlineup .text-box .h2 {
    color: #fff
}

.c-services-robot .technology {
    background-color: #f9f9fa;
    position: relative;
    padding: 100px 0;
    overflow: hidden
}

.c-services-robot .technology .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.c-services-robot .technology .text-box {
    text-align: center;
    width: 50%;
    margin: 0 auto
}

.c-services-robot .technology .advantage-box {
    width: 75%;
    margin: 60px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.c-services-robot .technology .advantage-box .item {
    background-color: #6075b7;
    border-radius: 50%;
    width: 25em;
    height: 25em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px
}

.c-services-robot .technology .advantage-box .item .advantage-icon {
    width: 40%
}

.c-services-robot .technology .advantage-box .item .advantage-icon,.c-services-robot .technology .advantage-box .item .h1 {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-services-robot .technology .advantage-box .item:hover .advantage-icon {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.c-services-robot .technology .advantage-box .item:hover .h1 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (max-width: 1080px) {
    .c-services-robot .technology .advantage-box .item {
        width:20em;
        height: 20em
    }
}

.c-services-robot .customer-service {
    position: relative;
    max-height: 80vh;
    overflow: hidden
}

.c-services-robot .customer-service .bg {
    width: 100%
}

.c-services-robot .customer-service .pic-box {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    border-top-right-radius: 150px;
    background: url(../img/service-robot-customer-service-pic.jpg) no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 10% 10% 0
}

.c-services-robot .customer-service .pic-box .item {
    color: #fff;
    position: relative;
    z-index: 2;
    width: 40%
}

.c-services-robot .customer-service .text-box {
    position: absolute;
    top: 35%;
    right: 15%;
    width: 20%
}

.c-services-robot .service-format {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #e4f0fd;
    padding: 5% 15%
}

.c-services-robot .service-format .pic-box {
    width: 70vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.c-services-robot .service-format .pic-box .item {
    width: 15vw;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 4vw
}

.c-services-robot .service-format .pic-box .item .pic {
    width: 100%;
    height: 15vw;
    border-radius: 4vw;
    border: .8vw solid #fff;
    position: relative;
    background-color: #fff;
    overflow: hidden
}

.c-services-robot .service-format .pic-box .item .pic .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3.4vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-services-robot .service-format .pic-box .item .pic img {
    width: auto;
    height: 100%
}

.c-services-robot .service-format .pic-box .item .h4 {
    color: #6075b7;
    margin-top: 10px;
    font-weight: 700
}

.c-services-robot .service-format .pic-box .item:hover .pic .img-wrap {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-services-robot .service-format .text-box {
    width: 20vw;
    margin-right: 5%
}

.is-vertical .c-services-robot .video-wrap .inner-container {
    padding: 50px 10%
}

.is-vertical .c-services-robot .video-wrap .inner-container .video-box {
    position: relative
}

.is-vertical .c-services-robot .video-wrap .inner-container .myvideo {
    width: 100%
}

.is-vertical .c-services-robot .video-wrap .inner-container .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20%
}

.is-vertical .c-services-robot .robot-wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px;
    margin-top: 0;
    border-radius: 0
}

.is-vertical .c-services-robot .robot-wrap .logo1 {
    width: 80%;
    margin: 0 auto
}

.is-vertical .c-services-robot .robot-wrap .text-box {
    max-width: 100%;
    margin-top: 60px
}

.is-vertical .c-services-robot .teamlineup .text-box {
    width: 80%;
    left: 10%
}

.is-vertical .c-services-robot .teamlineup .teamlineup-icon {
    top: -50px
}

.is-vertical .c-services-robot .technology {
    padding: 50px 10%
}

.is-vertical .c-services-robot .technology .inner-container,.is-vertical .c-services-robot .technology .text-box {
    width: 100%
}

.is-vertical .c-services-robot .technology .text-box .h6 {
    text-align: left
}

.is-vertical .c-services-robot .technology .advantage-box {
    width: 100%
}

.is-vertical .c-services-robot .technology .advantage-box .item {
    width: 37vw;
    height: 37vw;
    padding: 20px
}

.is-vertical .c-services-robot .technology .advantage-box .item .advantage-icon {
    width: 30%
}

.is-vertical .c-services-robot .customer-service {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 10% 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background: url(../img/service-robot-customer-service-bg-mb.jpg) no-repeat;
    background-size: cover
}

.is-vertical .c-services-robot .customer-service .pic-box {
    position: static;
    width: 100%;
    height: 300px;
    border-top-right-radius: 50px;
    margin-top: 50px;
    background-position: 50%;
    padding-top: 60px
}

.is-vertical .c-services-robot .customer-service .pic-box .item {
    width: 45%
}

.is-vertical .c-services-robot .customer-service .text-box {
    position: static;
    width: 100%
}

.is-vertical .c-services-robot .customer-service .text-box .h2 {
    text-align: center;
    margin-bottom: 10px
}

.is-vertical .c-services-robot .service-format {
    padding: 50px 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-services-robot .service-format .text-box {
    width: 100%
}

.is-vertical .c-services-robot .service-format .text-box .h2 {
    text-align: center;
    margin-bottom: 10px
}

.is-vertical .c-services-robot .service-format .pic-box {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.is-vertical .c-services-robot .service-format .pic-box .item {
    width: 38vw
}

.is-vertical .c-services-robot .service-format .pic-box .item .pic {
    height: 38vw;
    border-radius: 40px;
    border-width: 6px
}

.is-vertical .c-services-robot .service-format .pic-box .item .img-wrap {
    border-radius: 40px
}

.is-vertical .c-services-robot .service-format .pic-box .item:hover .pic .img-wrap {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.is-vertical.is-tablet .c-services-robot .technology .advantage-box .item {
    width: 38vw;
    height: 38vw
}

.is-vertical.is-tablet .c-services-robot .customer-service .bg {
    position: absolute;
    top: 0;
    left: 0
}

.c-service-robot-product .top-box {
    padding: 8% 15% 10px
}

.c-service-robot-product .top-box .text-box {
    width: 30%
}

.c-service-robot-product .top-box .text-box .h2 {
    margin-bottom: 30px;
    color: #203064
}

.c-service-robot-product .product-box {
    background-color: #6075b7;
    position: relative
}

.c-service-robot-product .product-box .bg-color {
    background-color: #fff;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 150px
}

.c-service-robot-product .product-box .product-wrap {
    width: 70%;
    margin-left: 15%;
    overflow-x: hidden
}

.c-service-robot-product .product-box .swiper {
    width: 120%;
    overflow-x: hidden;
    padding-top: 150px
}

.c-service-robot-product .product-box .swiper .swiper-item {
    height: 100%
}

.c-service-robot-product .product-box .swiper .swiper-item a {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20% 0 10%;
    display: block
}

.c-service-robot-product .product-box .swiper .swiper-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-service-robot-product .product-box .swiper .swiper-item .pic {
    width: 60%;
    height: 200px;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-service-robot-product .product-box .swiper .swiper-item .text {
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-service-robot-product .product-box .swiper .swiper-item .text-box {
    width: 80%;
    margin: 20px auto
}

.c-service-robot-product .product-box .swiper .swiper-item .bigTitle,.c-service-robot-product .product-box .swiper .swiper-item .pic,.c-service-robot-product .product-box .swiper .swiper-item .text-box {
    position: relative;
    z-index: 2
}

.c-service-robot-product .product-box .swiper .swiper-item .activeText,.c-service-robot-product .product-box .swiper .swiper-item .description {
    text-align: left;
    font-weight: 400
}

.c-service-robot-product .product-box .swiper .swiper-item .title {
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0
}

.c-service-robot-product .product-box .swiper .swiper-item .title:after {
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 50%;
    height: 1px;
    background-color: #fff
}

.c-service-robot-product .product-box .swiper .swiper-item .activeText {
    width: 300%;
    height: 150px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -150px;
    text-align: center
}

.c-service-robot-product .product-box .swiper .swiper-item .activeText img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.c-service-robot-product .product-box .swiper .swiper-item .activeText,.c-service-robot-product .product-box .swiper .swiper-item .bg,.c-service-robot-product .product-box .swiper .swiper-item .description {
    opacity: 0
}

.c-service-robot-product .product-box .swiper .swiper-item .activeText {
    -webkit-transform: translate(-50%,-30px);
    transform: translate(-50%,-30px)
}

.c-service-robot-product .product-box .swiper .swiper-slide-active .activeText,.c-service-robot-product .product-box .swiper .swiper-slide-active .bg,.c-service-robot-product .product-box .swiper .swiper-slide-active .description {
    opacity: 1
}

.c-service-robot-product .product-box .swiper .swiper-slide-active .bg {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.c-service-robot-product .product-box .swiper .swiper-slide-active .pic {
    -webkit-transform: scale(1.3) translateY(-30px);
    transform: scale(1.3) translateY(-30px)
}

.c-service-robot-product .product-box .swiper .swiper-slide-active .activeText {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.c-service-robot-product .product-box .swiper .swiper-slide-active .text {
    color: #000;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.c-service-robot-product .product-box .swiper .swiper-slide-active .title {
    opacity: 0
}

.c-service-robot-product .product-box .swiper-button-prev {
    top: 100px;
    left: 36%
}

.c-service-robot-product .product-box .swiper-button-next {
    top: 100px;
    right: 22%
}

@media screen and (min-width: 768px) {
    .c-service-robot-product .product-box .swiper-pagination {
        width:30%;
        position: absolute;
        bottom: 2%;
        left: 35%
    }

    .c-service-robot-product .product-box .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background-color: transparent;
        border: 1px solid #fff;
        margin: 0 10px
    }

    .c-service-robot-product .product-box .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #fff
    }
}

.is-vertical .c-service-robot-product .top-box {
    padding: 30px 10% 10px
}

.is-vertical .c-service-robot-product .top-box .text-box {
    width: 100%;
    position: relative;
    z-index: 2
}

.is-vertical .c-service-robot-product .top-box .text-box .h2 {
    margin-bottom: 10px;
    text-align: center
}

.is-vertical .c-service-robot-product .product-box {
    margin-top: -60px
}

.is-vertical .c-service-robot-product .product-box .product-wrap {
    width: 100%;
    margin-left: 0
}

.is-vertical .c-service-robot-product .product-box .swiper {
    width: 100%;
    padding: 148px 0 80px
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-item {
    height: auto;
    width: 70%;
    margin-top: 50px
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-item a {
    padding: 30px 0
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-item .activeText {
    height: 130px;
    top: -180px;
    width: 140%
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-item .activeText img {
    width: 100%;
    height: auto
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-item .bg {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 10px;
    overflow: hidden
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-item .bigTitle {
    margin-top: 10px
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-item .text {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-slide-active .pic {
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px)
}

.is-vertical .c-service-robot-product .product-box .swiper .swiper-slide-active .text {
    color: #000;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.is-vertical .c-service-robot-product .product-box .swiper-button-prev {
    top: 130px;
    left: 10%
}

.is-vertical .c-service-robot-product .product-box .swiper-button-next {
    top: 130px;
    right: 10%
}

.is-vertical .c-service-robot-product .product-box .swiper-pagination {
    width: 50%;
    left: 25%;
    bottom: 5%
}

.digital-products-wrap {
    overflow-x: hidden
}

.c-digital-products .digital-video-wrap {
    position: relative;
    margin-left: 170px;
    background-color: #dfdce5;
    border-bottom-left-radius: 170px;
    overflow: hidden
}

.c-digital-products .digital-video-wrap .dot-bg {
    background: url(../img/digital-product-video-dot-bg.png) no-repeat;
    width: 52%;
    height: 80%;
    background-size: contain;
    position: absolute;
    top: 26%;
    right: 0;
    z-index: 1
}

.c-digital-products .digital-video-wrap .video-box {
    padding: 50px 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.c-digital-products .digital-video-wrap .video {
    position: relative
}

.c-digital-products .digital-video-wrap .video .myvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-digital-products .digital-video-wrap .btn-box a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-digital-products .digital-video-wrap .btn-box img {
    width: 120px;
    display: inline-block
}

.c-digital-products .digital-video-wrap .btn-box span {
    margin-left: 20px
}

.c-digital-products .digital-development-wrap {
    position: relative;
    padding: 50px 170px 100px
}

.c-digital-products .digital-development-wrap .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-digital-products .digital-development-wrap .big-title {
    text-align: center;
    color: #fff;
    margin-bottom: 60px
}

.c-digital-products .digital-development-wrap .development-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-digital-products .digital-development-wrap .development-list .swiper-wrapper {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.c-digital-products .digital-development-wrap .development-list .swiper-slide {
    width: 14vw;
    height: 14vw
}

.c-digital-products .digital-development-wrap .development-list .item {
    width: 14vw;
    height: 14vw;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #a49acc
}

.c-digital-products .digital-development-wrap .development-list .item .text-box {
    text-align: center;
    color: #fff;
    padding: 0 15px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-digital-products .digital-development-wrap .development-list .item .text-box .sub-title,.c-digital-products .digital-development-wrap .development-list .item .text-box .title {
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-digital-products .digital-development-wrap .development-list .item:hover {
    background-color: #fff;
    border: 1px solid #7d70b6
}

.c-digital-products .digital-development-wrap .development-list .item:hover .text-box {
    color: #7d70b6
}

.c-digital-products .digital-development-wrap .development-list .item:hover .text-box .title {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    margin-bottom: 30px;
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-digital-products .digital-development-wrap .development-list .item:hover .text-box .title:after {
    content: " ";
    height: 1px;
    width: 4vw;
    background-color: #7d70b6;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px
}

.c-digital-products .digital-course-wrap {
    background-color: #f2f2f2;
    position: relative;
    padding: 60px 0 30px
}

.c-digital-products .digital-course-wrap .bg-text {
    position: absolute;
    bottom: 0;
    left: 0
}

.c-digital-products .digital-course-wrap .bg-text img {
    width: 100%
}

.c-digital-products .digital-course-wrap .big-title {
    text-align: center;
    margin-bottom: 50px
}

.c-digital-products .digital-course-wrap .course-tab {
    border-bottom: 1px solid #dfdce8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px
}

.c-digital-products .digital-course-wrap .course-tab .item {
    color: #796bb4;
    padding: 10px 20px;
    width: 20%;
    text-align: center;
    position: relative;
    cursor: pointer
}

.c-digital-products .digital-course-wrap .course-tab .item:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -30px;
    height: 1vw;
    width: 1px;
    background-color: #796bb4
}

.c-digital-products .digital-course-wrap .course-tab .item.active {
    color: #f8633a
}

.c-digital-products .digital-course-wrap .course-tab .item.active:after {
    background-color: #f8633a;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.c-digital-products .digital-course-wrap .course-content .big-title {
    margin: 50px auto 20px
}

.c-digital-products .digital-course-wrap .course-content .big-title .item {
    display: none
}

.c-digital-products .digital-course-wrap .course-content .big-title .item.active {
    display: block
}

.c-digital-products .digital-course-wrap .course-content .swiper-wrapper2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-digital-products .digital-course-wrap .course-content .course-swiper {
    width: 60%;
    margin: 0 auto;
    overflow: hidden
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 {
    padding: 0 20px 50px;
    text-align: center;
    border-radius: 30px;
    z-index: 2;
    pointer-events: all;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 60px 20px
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .time {
    color: #786bb4;
    position: relative;
    margin-bottom: 20px
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .time:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 3vw;
    height: 1px;
    background-color: #786bb4
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .text-box .title {
    height: 76px
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .text-box .description {
    margin-top: 10px;
    text-align: center
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2:hover {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.1);
    box-shadow: 1px 1px 20px rgba(0,0,0,.1)
}

.c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2:hover a {
    color: #000
}

.c-digital-products .digital-product-box {
    height: 80vh;
    background-color: #d9d7eb;
    position: relative;
    padding: 50px 0
}

.c-digital-products .digital-product-box .right-box {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 140px 0 0 0;
    background-color: #b3acd5
}

.c-digital-products .digital-product-box .right-box .dot {
    width: 84%;
    position: absolute;
    top: 8%;
    left: 12%
}

.c-digital-products .digital-product-box .big-title {
    margin-left: 15%
}

.c-digital-products .digital-product-box .digital-product-swiper {
    overflow: hidden;
    width: 70%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15%
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide {
    width: 100%
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: default;
    color: #000
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .item:hover {
    color: #000
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .pic {
    display: inline-block;
    width: 50%;
    -webkit-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    border-bottom-right-radius: 60px
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .text-box {
    display: inline-block;
    width: 42%;
    margin-top: 40px
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .text-box .iconpic {
    width: 20%;
    margin-bottom: 30px
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .text-box .description,.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .text-box .iconpic {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .text-box .description {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide-active .pic {
    opacity: 1
}

.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide-active .text-box .description,.c-digital-products .digital-product-box .digital-product-swiper .swiper-slide-active .text-box .iconpic {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.c-digital-products .digital-product-box .swiper-button-box {
    position: absolute;
    bottom: 15%;
    left: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-digital-products .digital-product-box .swiper-button-box .swiper-button-next,.c-digital-products .digital-product-box .swiper-button-box .swiper-button-prev {
    position: relative;
    top: auto;
    margin-top: 0;
    left: auto;
    right: auto
}

.c-digital-products .digital-product-box .swiper-button-box .swiper-button-next {
    margin-left: 10px
}

.c-digital-products .digital-product-box .digital-product-pagination {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 8%
}

.c-digital-products .digital-product-box .digital-product-pagination .swiper-pagination-bullet {
    background-color: #47b7d0;
    opacity: .5
}

.c-digital-products .digital-product-box .digital-product-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 20%
}

.c-digital-products .digital-process-wrap .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    margin: 0 auto;
    padding: 80px 0 0
}

.c-digital-products .digital-process-wrap .inner-container .text-box {
    width: 35%
}

.c-digital-products .digital-process-wrap .inner-container .text-box .title {
    margin-bottom: 30px
}

.c-digital-products .digital-process-wrap .inner-container .pic {
    width: 55%
}

.is-vertical .c-digital-products .digital-video-wrap {
    margin-left: 0;
    border-radius: 0
}

.is-vertical .c-digital-products .digital-video-wrap .dot-bg {
    width: 120%;
    top: 50%;
    right: -60%
}

.is-vertical .c-digital-products .digital-video-wrap .video-box {
    padding: 50px 50px 80px;
    display: block;
    position: relative
}

.is-vertical .c-digital-products .digital-video-wrap .video-box .video {
    width: 100%;
    position: relative
}

.is-vertical .c-digital-products .digital-video-wrap .video-box .video img {
    width: 100%
}

.is-vertical .c-digital-products .digital-video-wrap .video-box .btn-box {
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    top: 35%;
    left: 25%;
    z-index: 2
}

.is-vertical .c-digital-products .digital-video-wrap .video-box .btn-box img {
    width: 40%
}

.is-vertical .c-digital-products .digital-development-wrap {
    padding: 0
}

.is-vertical .c-digital-products .digital-development-wrap .inner-container {
    position: relative;
    padding: 50px 0 100px
}

.is-vertical .c-digital-products .digital-development-wrap .development-list .swiper-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.is-vertical .c-digital-products .digital-development-wrap .development-list .swiper-slide,.is-vertical .c-digital-products .digital-development-wrap .development-list .swiper-slide .item {
    width: 200px;
    height: 200px
}

.is-vertical .c-digital-products .digital-development-wrap .development-list .swiper-slide .item .text-box {
    width: 90%
}

.is-vertical .c-digital-products .digital-development-wrap .digital-development-pagination {
    position: absolute;
    bottom: 10%;
    left: 15%;
    width: 70%
}

.is-vertical .c-digital-products .digital-development-wrap .digital-development-pagination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .3;
    width: 16%
}

.is-vertical .c-digital-products .digital-development-wrap .digital-development-pagination .swiper-pagination-bullet-active {
    opacity: 1
}

.is-vertical .c-digital-products .digital-course-wrap {
    padding-bottom: 80px
}

.is-vertical .c-digital-products .digital-course-wrap .big-title {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    top: 170px
}

.is-vertical .c-digital-products .digital-course-wrap .course-tab {
    width: 100%;
    margin-bottom: 100px
}

.is-vertical .c-digital-products .digital-course-wrap .course-tab .item {
    width: 30%
}

.is-vertical .c-digital-products .digital-course-wrap .course-content {
    padding-top: 60px
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .big-title {
    top: 0;
    margin-top: 0
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper {
    width: 100%;
    position: relative
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 {
    width: 80%;
    height: auto;
    margin-right: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 20px;
    color: #000;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    box-shadow: 1px 1px 10px rgba(0,0,0,.1)
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item {
    padding: 50px 20px
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .time {
    font-size: 40px
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .time:after {
    width: 15vw
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .text-box .title {
    height: 52px
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item {
    position: relative;
    padding-bottom: 50px
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-slide-active .swiper-pagination {
    opacity: 1;
    z-index: 2
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .swiper-pagination {
    width: 50%;
    margin: 0 auto;
    left: 25%;
    bottom: 5%;
    z-index: 1;
    opacity: 0
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .swiper-pagination .swiper-pagination-bullet {
    width: 20%;
    opacity: .3
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .swiper-pagination .swiper-pagination-bullet-active {
    height: 1px;
    opacity: 1
}

.is-vertical .c-digital-products .digital-product-box {
    height: auto
}

.is-vertical .c-digital-products .digital-product-box .big-title {
    text-align: center;
    margin: 0
}

.is-vertical .c-digital-products .digital-product-box .right-box {
    height: 40%;
    width: 70%;
    top: 15%;
    background-color: #796bb4;
    border-top-left-radius: 80px
}

.is-vertical .c-digital-products .digital-product-box .right-box .dot {
    width: 120%;
    left: 20%;
    top: 16%
}

.is-vertical .c-digital-products .digital-product-box .digital-product-swiper {
    position: relative;
    margin-top: 30%;
    top: 0;
    width: 70%;
    overflow: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-vertical .c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .pic {
    width: 100%;
    height: 300px;
    border-bottom-right-radius: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.2);
    box-shadow: 1px 1px 20px rgba(0,0,0,.2);
    opacity: 1
}

.is-vertical .c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .text-box {
    margin-top: 40px;
    width: 100%
}

.is-vertical .c-digital-products .digital-product-box .digital-product-swiper .swiper-slide .text-box .iconpic {
    margin: 20px auto
}

.is-vertical .c-digital-products .digital-product-box .digital-product-pagination {
    bottom: 36%;
    width: 60%
}

.is-vertical .c-digital-products .digital-process-wrap .inner-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%
}

.is-vertical .c-digital-products .digital-process-wrap .inner-container .text-box {
    width: 100%
}

.is-vertical .c-digital-products .digital-process-wrap .inner-container .pic {
    width: 140%;
    margin-top: 50px;
    margin-left: 20%
}

.is-vertical .c-digital-products .digital-course-wrap .course-content .swiper-wrapper2 {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.is-vertical.is-tablet .c-digital-products .digital-course-wrap .course-content .course-swiper .swiper-item2 .item .text-box .description {
    text-align: center
}

.is-vertical.is-tablet .c-digital-products .digital-product-box .swiper-button-box {
    display: none
}

.c-service-system .container {
    padding: 0;
    width: 100%
}

.c-service-system .big-title {
    text-align: center;
    margin-bottom: 50px
}

.c-service-system .main-service-base-box {
    background-color: #f1f9f4;
    padding: 50px 12.5%
}

.c-service-system .main-service-base-box .service-base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-service-system .main-service-base-box .service-base .item {
    width: 49%;
    margin-bottom: 30px;
    overflow: hidden
}

.c-service-system .main-service-base-box .service-base .item img {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-service-system .main-service-base-box .service-base .item a {
    width: 100%;
    display: block;
    position: relative
}

.c-service-system .main-service-base-box .service-base .item .text-box {
    background-color: rgba(188,216,227,.9);
    padding: 30px 20px;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%
}

.c-service-system .main-service-base-box .service-base .item .text-box .title {
    text-align: center
}

.c-service-system .main-service-base-box .service-base .item .text-box .icon-jiantou22 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 28px
}

.c-service-system .main-service-base-box .service-base .item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.is-horizontal .c-service-system .main-service-formats-box {
    width: 85%;
    margin: 0 auto;
    padding: 80px 0
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper {
    width: 100%;
    overflow: hidden;
    height: 58vh
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide {
    width: 15%;
    height: 100%;
    border-top-left-radius: 100px;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    z-index: 1
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide a {
    position: absolute();
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 3
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .bg {
    width: 185%;
    height: 100%;
    background-size: cover;
    background-position: 0;
    border-top-left-radius: 120px;
    position: absolute;
    top: 0;
    left: 0
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .sub-title {
    height: 50px;
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    padding: 0 20px
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .text-box {
    color: #000;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .text-box .description {
    opacity: 0;
    margin-top: 10px;
    -webkit-transform: translateY(30);
    transform: translateY(30);
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .text-box .title {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    position: relative;
    opacity: 0
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .text-box .title i {
    position: absolute;
    top: -4px;
    right: 8px;
    font-size: 20px
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .mask {
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(20%,rgba(32,60,91,.7)),to(transparent));
    background: linear-gradient(0,rgba(32,60,91,.7) 20%,transparent)
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.swiper-slide2 {
    z-index: 2
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.swiper-slide3 {
    z-index: 3
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.swiper-slide4 {
    z-index: 4
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.active {
    width: 55%
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.active .bg {
    width: 120%
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.active .text-box {
    background-color: #a1d1c3;
    height: 20vh;
    color: #000
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.active .text-box .description,.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.active .text-box .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.active .mask,.is-horizontal .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide.active .sub-title {
    opacity: 0
}

.is-vertical .c-service-system .main-service-formats-box {
    padding: 30px
}

.is-vertical .c-service-system .main-service-formats-box .big-title {
    margin-bottom: 30px
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper {
    width: 100%
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide a {
    position: relative
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .bg {
    height: 32vh;
    width: 100%;
    background-size: cover
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .text-box {
    padding: 30px 20px;
    background-color: #a1d1c3;
    color: #000
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .text-box .title {
    text-align: center;
    font-weight: 700
}

.is-vertical .c-service-system .main-service-formats-box .service-formats-swiper .swiper-slide .text-box .description {
    margin-top: 10px
}

.is-vertical .c-service-system .button-box {
    border: 1px solid #000;
    border-radius: 30px;
    width: 56%;
    text-align: center;
    margin: 20px auto 0
}

.is-vertical .c-service-system .button-box a {
    width: 100%;
    padding: 5px 0;
    display: block
}

.is-vertical .c-service-system .main-service-base-box {
    padding: 30px
}

.is-vertical .c-service-system .main-service-base-box .service-base {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-service-system .main-service-base-box .service-base .item {
    width: 100%;
    border-radius: 20px
}

.is-vertical .c-service-system .main-service-base-box .service-base .item .text-box {
    background-color: #bcd8e3;
    position: static
}

.is-vertical.is-tablet .c-service-system .main-service-formats-box .service-formats-swiper .sub-title {
    display: none
}

.is-vertical.is-tablet .c-service-system .main-service-formats-box .service-formats-swiper .button-box {
    display: block!important
}

.c-services-residential {
    background-color: #f8f8f8
}

.c-services-residential .residential-box {
    padding: 100px 0;
    position: relative
}

.c-services-residential .residential-box .residential-nav {
    width: 30vw;
    background-color: #f8f8f8;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 3
}

.c-services-residential .residential-box .residential-nav .big-title {
    position: absolute;
    top: 44%;
    right: 20%;
    color: #5d5e5e
}

.c-services-residential .residential-box .residential-nav .nav-list {
    width: 15vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: -10vw
}

.c-services-residential .residential-box .residential-nav .nav-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.c-services-residential .residential-box .residential-nav .nav-list .dot {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: rgba(144,199,161,.3);
    margin-right: 15px;
    position: relative
}

.c-services-residential .residential-box .residential-nav .nav-list .dot:after {
    width: 10px;
    height: 10px;
    background-color: #90c7a1;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: ""
}

.c-services-residential .residential-box .residential-nav .nav-list .text {
    color: #9f9f9f;
    white-space: nowrap
}

.c-services-residential .residential-box .residential-nav .nav-list .item1 {
    position: absolute;
    top: 20%;
    left: 9.5%
}

.c-services-residential .residential-box .residential-nav .nav-list .item2 {
    position: absolute;
    top: 33%;
    left: 24%
}

.c-services-residential .residential-box .residential-nav .nav-list .item3 {
    position: absolute;
    top: 46%;
    left: 29%
}

.c-services-residential .residential-box .residential-nav .nav-list .item4 {
    position: absolute;
    top: 59%;
    left: 25.5%
}

.c-services-residential .residential-box .residential-nav .nav-list .item5 {
    position: absolute;
    top: 72%;
    left: 13%
}

.c-services-residential .residential-box .residential-nav .nav-list .item.active .dot {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-animation: 1s scaleall infinite;
    animation: 1s scaleall infinite
}

.c-services-residential .residential-box .residential-nav .nav-list .item.active .dot:after {
    width: 12px;
    height: 12px
}

@-webkit-keyframes scaleall {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleall {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.c-services-residential .residential-box .residential-nav .nav-list .item.active .text {
    color: #000;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-services-residential .residential-box .residential-pic {
    width: 100%;
    height: 56vw
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .swiper-slide {
    width: 100%;
    padding-left: 45vw;
    padding-bottom: 22%;
    position: relative
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box {
    position: relative
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box .pic1 {
    position: static
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box .pic2 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box .pic3 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box .pic4 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box .pic5 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box .pic6 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 75%;
    width: 80%;
    z-index: 9
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box .description,.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box .title {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box .title {
    position: relative;
    padding-bottom: 10px;
    color: #69a97f;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box .title:after {
    content: "";
    background-color: #5d5e5e;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box .description {
    color: #5d5e5e;
    margin-top: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.c-services-residential .residential-box .residential-pic .swiper-button-box {
    width: 200px;
    height: 50px;
    position: absolute;
    bottom: 34%;
    right: 4%
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent.swiper-slide-active {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent.swiper-slide-active .swiper-silde-children.swiper-slide-active .pic {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.c-services-residential .residential-box .residential-pic .swiper-silde-parent.swiper-slide-active .swiper-silde-children.swiper-slide-active .text-box .description,.c-services-residential .residential-box .residential-pic .swiper-silde-parent.swiper-slide-active .swiper-silde-children.swiper-slide-active .text-box .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-vertical .c-services-residential .container {
    padding: 0
}

.is-vertical .c-services-residential .residential-box {
    padding: 30px 0
}

.is-vertical .c-services-residential .residential-box .residential-nav {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 30px
}

.is-vertical .c-services-residential .residential-box .residential-nav .bg {
    width: 100%
}

.is-vertical .c-services-residential .residential-box .residential-nav .big-title {
    top: 10%;
    right: 27%
}

.is-vertical .c-services-residential .residential-box .residential-nav .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px 10px;
    position: absolute;
    margin: 0 15px;
    width: calc(100% - 30px);
    right: auto;
    top: auto;
    bottom: -58%;
    height: 80px;
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden
}

.is-vertical .c-services-residential .residential-box .residential-nav .nav-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 8%;
    height: 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-services-residential .residential-box .residential-nav .nav-list .item .dot {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: top;
    transform-origin: top;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 2%
}

.is-vertical .c-services-residential .residential-box .residential-pic {
    margin-top: 100px;
    padding: 0 30px 30px;
    min-height: 285vw
}

.is-vertical .c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .swiper-slide {
    width: 100%;
    padding-left: 0
}

.is-vertical .c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .pic-box {
    width: 100%
}

.is-vertical .c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box {
    width: 100%;
    margin-top: 30px;
    position: static;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.is-vertical .c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .text-box .title {
    text-align: center
}

.is-vertical .c-services-residential .residential-box .residential-pic .swiper-silde-parent .residential-swiper .swiper-button-box {
    bottom: 29%;
    right: 10%;
    width: 80%
}

.is-vertical.is-tablet .c-services-residential .residential-box .residential-nav .nav-list {
    bottom: -22%
}

.is-vertical.is-tablet .c-services-residential .residential-box .residential-pic {
    min-height: 160vh
}

.c-customer-service .services-section .text-box .h2 {
    margin-bottom: 20px;
    font-weight: 700
}

.c-customer-service .services-section img {
    width: 100%
}

.c-customer-service .services-section .big-title {
    text-align: center;
    margin-bottom: 50px
}

.c-customer-service .title-wrap {
    width: 85%;
    padding: 100px 120px;
    margin: 0 0 0 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border-bottom-left-radius: 180px;
    overflow: hidden
}

.c-customer-service .title-wrap .text-box {
    max-width: 68%
}

.c-customer-service .title-wrap .text-box .title {
    color: #ee7951;
    margin-bottom: 20px
}

.c-customer-service .core-advantages-wrap {
    padding: 100px 0
}

.c-customer-service .core-advantages-wrap .big-title {
    margin-bottom: 30px
}

.c-customer-service .core-advantages-wrap .advantages-swiper {
    position: relative;
    padding: 0 15%
}

.c-customer-service .core-advantages-wrap .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-customer-service .core-advantages-wrap .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f3f3f3;
    margin-bottom: 30px
}

.c-customer-service .core-advantages-wrap .swiper-slide .pic-box {
    width: 50%;
    overflow: hidden
}

.c-customer-service .core-advantages-wrap .swiper-slide .pic-box img {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-service .core-advantages-wrap .swiper-slide .pic-box img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-customer-service .core-advantages-wrap .swiper-slide .right-box {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-customer-service .core-advantages-wrap .swiper-slide .right-box .text-box {
    width: 100%;
    margin-bottom: 30px
}

.c-customer-service .core-advantages-wrap .swiper-slide .right-box .steppic {
    width: 80%;
    margin: 0 auto
}

.c-customer-service .core-advantages-wrap .swiper-slide1 .right-box:after {
    content: "";
    background: url(../img/customer-service-core-pic1-icon.png) no-repeat;
    background-size: contain;
    background-position: 100%;
    width: 60%;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0
}

.c-customer-service .core-advantages-wrap .swiper-slide2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-customer-service .core-advantages-wrap .swiper-slide2 .right-box {
    right: auto;
    left: 0
}

.c-customer-service .system-wrap {
    width: 100%;
    padding: 60px 15%;
    background-color: #ebedec
}

.c-customer-service .system-wrap .system-swiper {
    width: 100%;
    position: relative
}

.c-customer-service .system-wrap .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.c-customer-service .system-wrap .swiper-slide {
    width: 48%;
    margin-right: 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-customer-service .system-wrap .swiper-slide:nth-child(2n) {
    margin-right: 0
}

.c-customer-service .system-wrap .swiper-slide .pic-box {
    width: 100%;
    position: relative;
    overflow: hidden
}

.c-customer-service .system-wrap .swiper-slide .pic-box img {
    position: relative;
    z-index: 2;
    width: 100%
}

.c-customer-service .system-wrap .swiper-slide .pic {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-service .system-wrap .swiper-slide .pic:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-customer-service .system-wrap .swiper-slide .text-box {
    width: 100%;
    padding: 30px 0 50px
}

.c-customer-service .system-wrap .swiper-slide .text-box .title {
    text-align: center
}

.is-vertical .c-customer-service .services-section .big-title {
    margin-bottom: 30px
}

.is-vertical .c-customer-service .title-wrap {
    width: 100%;
    margin-left: 0;
    border-radius: 0;
    padding: 50px 30px
}

.is-vertical .c-customer-service .title-wrap .text-box {
    max-width: 100%
}

.is-vertical .c-customer-service .title-wrap .text-box .title {
    text-align: center
}

.is-vertical .c-customer-service .core-advantages-wrap {
    background-color: #f1f1f1;
    padding: 50px 0 0
}

.is-vertical .c-customer-service .core-advantages-wrap .advantages-swiper {
    padding: 0
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #efb5a0;
    margin-bottom: 0
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-slide .right-box {
    width: 100%;
    background-color: #efb5a0;
    position: static;
    padding: 20px
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-slide .right-box .steppic {
    width: 100%
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-slide .right-box .text-box {
    padding: 0 10px;
    margin-bottom: 20px
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-slide .right-box .text-box .title {
    text-align: center;
    margin-bottom: 10px
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-slide .pic-box {
    width: 100%
}

.is-vertical .c-customer-service .core-advantages-wrap .swiper-slide1 {
    background-color: #efb5a0;
    position: relative;
    z-index: 2
}

.is-vertical .c-customer-service .system-wrap {
    background-color: #f3f3f3;
    width: 100%;
    padding: 50px 0
}

.is-vertical .c-customer-service .system-wrap .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 30px 0;
    overflow: hidden;
    width: 100%
}

.is-vertical .c-customer-service .system-wrap .swiper-slide .pic-box {
    width: 100%;
    margin-bottom: 0;
    border-radius: 10px
}

.is-vertical .c-customer-service .system-wrap .swiper-slide .pic-box:before {
    left: 0;
    top: 10px
}

.is-vertical .c-customer-service .system-wrap .swiper-slide .pic-box .pic {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.is-vertical .c-customer-service .system-wrap .swiper-slide .text-box {
    width: 100%;
    margin-right: 0;
    padding: 20px
}

.is-vertical .c-customer-service .system-wrap .swiper-slide .text-box .title {
    text-align: center;
    margin-bottom: 10px
}

.is-vertical .c-customer-service .system-wrap .swiper-slide .text-box .description {
    height: auto
}

.is-vertical .c-customer-service .system-wrap .swiper-pagination {
    bottom: 5%;
    right: auto;
    left: 25%;
    width: 50%
}

.c-customer-service .success-cases-wrap {
    width: 100%;
    padding: 50px 0 200px;
    background-color: #fff7f4
}

.c-customer-service .success-cases-wrap .inner-container {
    position: relative
}

.c-customer-service .success-cases-wrap .first-tab-box {
    background-color: #efb5a0;
    border-radius: 30px;
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.c-customer-service .success-cases-wrap .first-tab-box .tabitem {
    position: relative;
    width: 50%;
    cursor: pointer
}

.c-customer-service .success-cases-wrap .first-tab-box .tabitem span {
    display: block;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-customer-service .success-cases-wrap .first-tab-box .tabitem.active:after {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 2px;
    right: 1px;
    width: 97%;
    height: 96%;
    z-index: 1;
    border-radius: 30px
}

.c-customer-service .success-cases-wrap .first-tab-box .tabitem.active span {
    color: #fb5700;
    position: relative;
    z-index: 2
}

.c-customer-service .success-cases-wrap .first-tab-box .tabitem:hover span {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-customer-service .success-cases-wrap .all-description {
    text-align: center;
    margin-top: 50px
}

.c-customer-service .success-cases-wrap .all-description .h5 {
    display: none
}

.c-customer-service .success-cases-wrap .all-description .h5.active {
    display: block
}

.c-customer-service .success-cases-wrap .case-wrap {
    min-height: 60vh;
    padding: 3% 0;
    position: relative
}

.c-customer-service .success-cases-wrap .s-service-box {
    position: relative;
    width: 85%;
    margin-left: 15%
}

.c-customer-service .success-cases-wrap .s-service-box .side-wrap {
    width: 24%;
    border-radius: 0 100px 0 100px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    padding: 6% 30px;
    background: url(../img/customer-service-case-tab-bg.jpg) no-repeat;
    background-size: cover;
    position: relative
}

.c-customer-service .success-cases-wrap .s-service-box .side-wrap .topic {
    width: 40%;
    position: absolute;
    top: 5%;
    left: 2%
}

.c-customer-service .success-cases-wrap .s-service-box .side-wrap .tab-list {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-customer-service .success-cases-wrap .s-service-box .side-wrap .tab-list a {
    color: hsla(0,0%,100%,.5);
    width: 100%;
    display: block;
    text-align: center
}

.c-customer-service .success-cases-wrap .s-service-box .side-wrap .tab-list a:hover {
    text-decoration: underline
}

.c-customer-service .success-cases-wrap .s-service-box .side-wrap .tab-list .item {
    margin-bottom: 10%;
    width: 100%;
    height: 32px;
    line-height: 32px
}

.c-customer-service .success-cases-wrap .s-service-box .side-wrap .tab-list .item.active a {
    color: #fff
}

.c-customer-service .success-cases-wrap .s-service-box .list {
    position: absolute;
    top: 15%;
    left: 0;
    z-index: 2;
    display: none;
    width: 80%;
    margin-left: 20%;
    padding: 5% 10% 10%;
    background: #fae3dc;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    -webkit-box-shadow: -4.41px 15.38px 27px 0 rgba(0,0,0,.2);
    box-shadow: -4.41px 15.38px 27px 0 rgba(0,0,0,.2)
}

.c-customer-service .success-cases-wrap .s-service-box .list:after {
    position: absolute;
    top: 8%;
    left: -16px;
    display: block;
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 16px solid #ebf8fc
}

.c-customer-service .success-cases-wrap .s-service-box .list.active {
    display: block
}

.c-customer-service .success-cases-wrap .s-service-box .list.list2:after {
    top: 21%
}

.c-customer-service .success-cases-wrap .s-service-box .list.list3:after {
    top: 34%
}

.c-customer-service .success-cases-wrap .s-service-box .list .h4 {
    margin-bottom: 30px
}

.c-customer-service .success-cases-wrap .s-service-box .list .inner-wrap {
    position: relative
}

.c-customer-service .success-cases-wrap .s-service-box .list .download-swiper {
    overflow: hidden
}

.c-customer-service .success-cases-wrap .s-service-box .list .swiper-slide {
    width: 35%;
    margin-right: 30px;
    overflow: hidden
}

.c-customer-service .success-cases-wrap .s-service-box .list .swiper-slide .pic {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-service .success-cases-wrap .s-service-box .list .swiper-slide:hover .pic {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-customer-service .success-cases-wrap .testimony-box {
    position: absolute;
    top: 0;
    left: 7.5%;
    width: 85%;
    margin: 50px auto;
    border-radius: 50px;
    -webkit-box-shadow: -4.41px 15.38px 27px 0 rgba(0,0,0,.2);
    box-shadow: -4.41px 15.38px 27px 0 rgba(0,0,0,.2)
}

.c-customer-service .success-cases-wrap .testimony-box .testimony-tab {
    background-color: #ffebe6;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-customer-service .success-cases-wrap .testimony-box .testimony-tab .item {
    width: 33.3%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative
}

.c-customer-service .success-cases-wrap .testimony-box .testimony-tab .item a {
    display: block;
    border-top-right-radius: 80px;
    border-top-left-radius: 50px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-service .success-cases-wrap .testimony-box .testimony-tab .item a:hover {
    color: #000
}

.c-customer-service .success-cases-wrap .testimony-box .testimony-tab .item:nth-child(2) a {
    background-color: #fbdfd7
}

.c-customer-service .success-cases-wrap .testimony-box .testimony-tab .item.active a {
    width: 100%;
    height: 65px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    line-height: 65px;
    background-color: #ee7951
}

.c-customer-service .success-cases-wrap .testimony-box .list-box {
    position: relative
}

.c-customer-service .success-cases-wrap .testimony-box .list {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 50px 100px 100px
}

.c-customer-service .success-cases-wrap .testimony-box .list.active {
    opacity: 1;
    z-index: 2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.c-customer-service .success-cases-wrap .testimony-box .list .inner-wrap {
    position: relative
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-slide {
    width: 32%;
    margin-right: 2%
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-slide .pic-box {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-slide .play {
    width: 20%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 45%
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-slide .pic {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-slide .h4 {
    text-align: center
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-slide:hover .pic {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-customer-service .success-cases-wrap .testimony-box .list .swiper-slide:nth-of-type(3n) {
    margin-right: 0
}

.c-customer-service .success-cases-wrap .testimony-box .list2,.c-customer-service .success-cases-wrap .testimony-box .list3 {
    position: absolute;
    top: 0;
    left: 0
}

.c-customer-service .success-cases-wrap .case-box {
    opacity: 0;
    z-index: 1
}

.c-customer-service .success-cases-wrap .case-box.active {
    z-index: 2;
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.is-vertical .c-customer-service .success-cases-wrap {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    margin: 0 0 100px;
    padding: 50px 0;
    background-size: cover;
    background-position: bottom;
    background-color: #fae3dc
}

.is-vertical .c-customer-service .success-cases-wrap .panel-box {
    display: block!important
}

.is-vertical .c-customer-service .success-cases-wrap .inner-container.content {
    display: none
}

.is-vertical .c-customer-service .success-cases-wrap .topic {
    width: 25%;
    position: absolute;
    top: -30px;
    left: 10px
}

.is-vertical .c-customer-service .success-cases-wrap .picbg {
    width: 100%;
    position: absolute;
    bottom: -50px;
    left: 0
}

.is-vertical .c-customer-service .success-cases-wrap .all-description {
    margin: 30px auto;
    padding: 0 40px;
    text-align: left
}

.is-vertical .c-customer-service .success-cases-wrap .tab-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px
}

.is-vertical .c-customer-service .success-cases-wrap .tab-box .tabitem {
    margin-right: 30px;
    position: relative;
    padding: 10px 0
}

.is-vertical .c-customer-service .success-cases-wrap .tab-box .tabitem a {
    color: rgba(0,0,0,.4);
    display: block
}

.is-vertical .c-customer-service .success-cases-wrap .tab-box .tabitem:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    border-bottom: 6px solid #f68727;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    opacity: 0
}

.is-vertical .c-customer-service .success-cases-wrap .tab-box .tabitem.active a {
    color: #000
}

.is-vertical .c-customer-service .success-cases-wrap .tab-box .tabitem.active:after {
    opacity: 1
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group {
    display: none
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fae3dc
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-heading {
    background-color: #fae3dc;
    padding: 0 30px
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-heading .panel-title {
    border-bottom: 1px solid #999
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-heading a {
    position: relative;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 10px
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-heading a:hover {
    color: #000
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-heading a .iconfont {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-heading a.collapsed .iconfont {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-body {
    padding: 30px;
    border-top: 0;
    background-color: #f8d9cd
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-body .description {
    margin-bottom: 30px
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-body .slide {
    margin-bottom: 20px;
    position: relative
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-body .slide .h4 {
    margin-top: 10px;
    text-align: center
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-body .slide .play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 15%;
    top: 45%
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group .panel-collapse.in .panel-body {
    margin-top: -1px
}

.is-vertical .c-customer-service .success-cases-wrap .panel-group.active {
    display: block
}

.c-customer-experience .title-box {
    width: 60%;
    margin: 0 auto;
    text-align: center
}

.c-customer-experience .title-box .title {
    margin-bottom: 10px
}

.c-customer-experience .container {
    width: 85%;
    margin: 0 auto
}

.c-customer-experience .overview-wrap {
    background: url(../img/customer-experience-section1-bg.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0;
    background-position: bottom
}

.c-customer-experience .overview-wrap .content-box {
    position: relative;
    width: 90%;
    margin: 100px auto 0
}

.c-customer-experience .overview-wrap .question-box {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.c-customer-experience .overview-wrap .question-box .item-box {
    width: 100%;
    position: relative
}

.c-customer-experience .overview-wrap .question-box .item-box .sub-title {
    position: absolute;
    top: -40px;
    left: 0;
    background-color: #eb7851;
    color: #fff;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.c-customer-experience .overview-wrap .question-box .item-box .question-li {
    background-color: #fff;
    padding: 3% 30px;
    -webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.1);
    box-shadow: 1px 1px 20px rgba(0,0,0,.1);
    position: relative;
    z-index: 2
}

.c-customer-experience .overview-wrap .question-box .item-box:after {
    content: "";
    width: 25vw;
    height: 1px;
    border-bottom: 1px dashed #e05d30;
    position: absolute;
    top: 50%;
    right: -25vw
}

.c-customer-experience .overview-wrap .triangle-box {
    width: 100%;
    position: relative;
    z-index: 3;
    padding-left: 48%
}

.c-customer-experience .overview-wrap .triangle-box img {
    width: 100%
}

.c-customer-experience .channel-servece-wrap {
    padding: 80px 0
}

.c-customer-experience .channel-servece-wrap .title-box {
    width: 80%
}

.c-customer-experience .channel-servece-wrap .title-box .description {
    text-align: left
}

.c-customer-experience .channel-servece-wrap .content-box {
    width: 95%;
    margin: 0 auto
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box img {
    width: 105%
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic2 {
    width: 2%;
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic2 img {
    width: 520%;
    margin-left: -220%
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic1 {
    width: 45%;
    position: relative
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic1 img {
    width: 110%
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic1 .text,.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic3 .text {
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0;
    text-align: center;
    color: #ed7951;
    font-weight: 700
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic3 {
    width: 55%;
    position: relative
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic3 .text {
    top: 30px;
    left: 6%
}

.c-customer-experience .channel-servece-wrap .content-box .pic-box .pic3 img {
    width: 105%
}

.c-customer-experience .channel-servece-wrap .content-box .description-box {
    width: 60%;
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-customer-experience .channel-servece-wrap .content-box .description-box .description {
    background-color: #e05d30;
    color: #fff;
    padding: 5px 20px;
    margin-right: 20px
}

.c-customer-experience .channel-servece-wrap .content-box .tips {
    width: 60%;
    text-align: center;
    margin: 0 auto
}

.c-customer-experience .digitization-wrap {
    padding: 80px 0;
    background-color: #f6f6f6
}

.c-customer-experience .digitization-wrap .content-box {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 50px auto 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-customer-experience .digitization-wrap .content-box .item-box {
    width: 32%;
    background-color: #fef0ec
}

.c-customer-experience .digitization-wrap .content-box .pic-box {
    overflow: hidden
}

.c-customer-experience .digitization-wrap .content-box .pic-box img {
    width: 100%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-experience .digitization-wrap .content-box .pic-box:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-customer-experience .digitization-wrap .content-box .text-box {
    padding: 20px
}

.c-customer-experience .digitization-wrap .content-box .text-box .title {
    text-align: center;
    margin-bottom: 20px
}

.c-customer-experience .insight-wrap {
    background-color: #fff0e9;
    padding: 100px 0
}

.c-customer-experience .insight-wrap .content-box {
    width: 90%;
    margin: 60px auto 0
}

.c-customer-experience .insight-wrap .swiper-slide {
    width: 32%;
    margin-right: 2%;
    border-radius: 20px;
    padding: 50px 0;
    height: auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-experience .insight-wrap .swiper-slide:last-child {
    margin-right: 0
}

.c-customer-experience .insight-wrap .swiper-slide .pic-box {
    text-align: center;
    margin-bottom: 10px
}

.c-customer-experience .insight-wrap .swiper-slide .pic-box img {
    width: 40%;
    margin: 0 auto
}

.c-customer-experience .insight-wrap .swiper-slide .text-box {
    width: 100%;
    margin: 0 auto;
    padding: 20px 50px
}

.c-customer-experience .insight-wrap .swiper-slide .text-box .title {
    text-align: center;
    margin-bottom: 10px
}

.c-customer-experience .insight-wrap .swiper-slide:hover {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.1);
    box-shadow: 1px 1px 20px rgba(0,0,0,.1)
}

.is-vertical .c-customer-experience {
    overflow-x: hidden;
    width: 100%
}

.is-vertical .c-customer-experience .container,.is-vertical .c-customer-experience .title-box {
    width: 100%
}

.is-vertical .c-customer-experience .title-box .title {
    margin-bottom: 15px
}

.is-vertical .c-customer-experience .overview-wrap {
    background-image: url(../img/customer-experience-section1-bg-mb.jpg);
    padding: 60px 0
}

.is-vertical .c-customer-experience .overview-wrap .question-box {
    width: 86%;
    position: static;
    height: auto
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box {
    margin-bottom: 60px
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box .question-li {
    padding: 3% 20px
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box .h4 {
    font-size: 14px
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:after {
    border-color: #000
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box .line1,.is-vertical .c-customer-experience .overview-wrap .question-box .item-box .line2 {
    display: block!important
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:first-child .line1 {
    width: 1px;
    height: 710%;
    border-left: 1px dashed #000;
    position: absolute;
    top: 50%;
    right: -20%
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:first-child .line2 {
    width: 50%;
    height: 1px;
    border-top: 1px dashed #000;
    position: absolute;
    top: 760%;
    right: -20%
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:first-child:after {
    width: 22%;
    right: -20%;
    z-index: 4
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:nth-child(2) .line1 {
    width: 1px;
    height: 560%;
    border-left: 1px dashed #000;
    position: absolute;
    top: 50%;
    right: -16%
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:nth-child(2) .line2 {
    width: 50%;
    height: 1px;
    border-top: 1px dashed #000;
    position: absolute;
    top: 610%;
    right: -16%
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:nth-child(2):after {
    width: 18%;
    right: -16%;
    z-index: 4
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:last-child {
    margin-bottom: 0
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:last-child .line1 {
    width: 1px;
    height: 170%;
    border-left: 1px dashed #000;
    position: absolute;
    top: 50%;
    right: -12%
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:last-child .line2 {
    width: 30%;
    height: 1px;
    border-top: 1px dashed #000;
    position: absolute;
    top: 220%;
    right: -12%
}

.is-vertical .c-customer-experience .overview-wrap .question-box .item-box:last-child:after {
    width: 14%;
    right: -12%;
    z-index: 4
}

.is-vertical .c-customer-experience .overview-wrap .triangle-box {
    width: 116%;
    padding-left: 0;
    margin: 15px -8% 0
}

.is-vertical .c-customer-experience .channel-servece-wrap {
    padding: 60px 0
}

.is-vertical .c-customer-experience .channel-servece-wrap .title-box {
    width: 80%
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box {
    margin-top: 60px
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box .pic1 {
    width: 100%
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box .pic1 img {
    width: 110%;
    margin-left: -5%
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box .pic2 {
    width: 30%;
    -webkit-transform: rotate(90deg) translate(0);
    transform: rotate(90deg) translate(0);
    position: static;
    top: auto;
    margin: 30px 0
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box .pic2 img {
    width: 100%;
    margin-left: 0
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box .pic3 {
    width: 100%;
    margin-top: 40px
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box .pic3 .text {
    top: -40px;
    left: 0
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .pic-box .pic3 img {
    margin-left: -8%;
    width: 114%
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .description-box {
    margin-top: 50px;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 90%;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .description-box .description {
    margin-right: 0;
    width: 46%;
    margin-bottom: 20px;
    text-align: center
}

.is-vertical .c-customer-experience .channel-servece-wrap .content-box .tips {
    width: 90%;
    margin-top: 0
}

.is-vertical .c-customer-experience .digitization-wrap .content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-customer-experience .digitization-wrap .content-box .item-box {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.2);
    box-shadow: 1px 1px 20px rgba(0,0,0,.2)
}

.is-vertical .c-customer-experience .digitization-wrap .content-box .item-box .pic-box {
    height: 32vh;
    position: relative
}

.is-vertical .c-customer-experience .digitization-wrap .content-box .item-box .text-box {
    padding: 30px 20px
}

.is-vertical .c-customer-experience .digitization-wrap .content-box .item-box .text-box .title {
    margin-bottom: 10px
}

.is-vertical .c-customer-experience .insight-wrap {
    padding: 60px 0 200px;
    background-image: url(../img/customer-experience-insight-bg-mb.jpg)
}

.is-vertical .c-customer-experience .insight-wrap .content-box {
    width: 100%
}

.is-vertical .c-customer-experience .insight-wrap .swiper-slide {
    background-color: #fff;
    width: 80%;
    margin: 0 10px;
    padding: 30px 0
}

.is-vertical .c-customer-experience .insight-wrap .swiper-slide .pic-box img {
    width: 56%
}

.is-vertical .c-customer-experience .insight-wrap .swiper-slide .pic-box,.is-vertical .c-customer-experience .insight-wrap .swiper-slide .text-box {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.is-vertical .c-customer-experience .insight-wrap .swiper-slide .text-box {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    padding: 20px
}

.is-vertical .c-customer-experience .insight-wrap .swiper-slide-active .pic-box,.is-vertical .c-customer-experience .insight-wrap .swiper-slide-active .text-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-vertical .c-customer-experience .insight-wrap .swiper-pagination {
    width: 60%;
    left: 20%;
    bottom: -10%
}

.is-vertical .c-customer-experience .insight-wrap .swiper-pagination .swiper-pagination-bullet {
    opacity: .3;
    height: 2px
}

.is-vertical .c-customer-experience .insight-wrap .swiper-pagination .swiper-pagination-bullet-active {
    width: 20%;
    height: 2px;
    opacity: 1
}

.is-vertical.is-tablet .c-customer-experience .overview-wrap .question-box .item-box:first-child .line1 {
    height: 1100%
}

.is-vertical.is-tablet .c-customer-experience .overview-wrap .question-box .item-box:first-child .line2 {
    top: 1150%
}

.is-vertical.is-tablet .c-customer-experience .overview-wrap .question-box .item-box:nth-of-type(2) .line1 {
    height: 700%
}

.is-vertical.is-tablet .c-customer-experience .overview-wrap .question-box .item-box:nth-of-type(2) .line2 {
    top: 750%
}

.is-vertical.is-tablet .c-customer-experience .overview-wrap .question-box .item-box:nth-of-type(3) .line1 {
    height: 250%
}

.is-vertical.is-tablet .c-customer-experience .overview-wrap .question-box .item-box:nth-of-type(3) .line2 {
    top: 300%
}

.customer-service-overview-wrap .c-banner .h1.spacing {
    letter-spacing: 2px
}

.c-customer-service-overview .description-wrap {
    padding: 80px 0
}

.c-customer-service-overview .description-wrap .text-box {
    width: 90%;
    margin: 0 auto
}

.c-customer-service-overview .description-wrap .h5 {
    margin-bottom: 20px
}

.c-customer-service-overview .section-wrap {
    background: url(../img/customer-service-overview-bg.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0 50px;
    position: relative
}

.c-customer-service-overview .section-wrap .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    top: -50;
    right: 0;
    width: 120%;
    height: 130%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-customer-service-overview .section-wrap .overview-swiper {
    width: 90%;
    margin: 0 auto;
    min-height: 65vh;
    padding-bottom: 50px;
    position: relative;
    z-index: 2
}

.c-customer-service-overview .section-wrap .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.c-customer-service-overview .section-wrap .swiper-slide {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .6;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    position: relative;
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-customer-service-overview .section-wrap .swiper-slide a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.c-customer-service-overview .section-wrap .swiper-slide .pic-box {
    border-radius: 100%;
    padding: 10%;
    overflow: hidden;
    border: 1px solid #f3c2b2;
    position: relative
}

.c-customer-service-overview .section-wrap .swiper-slide .pic-box:before {
    content: "";
    width: 90%;
    height: 90%;
    background-color: #f7d3c7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 100%
}

.c-customer-service-overview .section-wrap .swiper-slide .pic-box img {
    width: 100%;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
    z-index: 2
}

.c-customer-service-overview .section-wrap .swiper-slide:last-child {
    margin-right: 0;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-customer-service-overview .section-wrap .swiper-slide:first-child {
    -webkit-transform-origin: right;
    transform-origin: right
}

.c-customer-service-overview .section-wrap .swiper-slide .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.c-customer-service-overview .section-wrap .swiper-slide.active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1
}

.c-customer-service-overview .section-wrap .swiper-slide.other {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: .6
}

.is-vertical .c-customer-service-overview {
    overflow-x: hidden;
    width: 100%
}

.is-vertical .c-customer-service-overview .description-wrap {
    padding: 50px 0 30px
}

.is-vertical .c-customer-service-overview .section-wrap {
    background-image: url(../img/customer-service-overview-bg-mb.jpg);
    background-position: 50%;
    padding: 80px 0 50px
}

.is-vertical .c-customer-service-overview .section-wrap .overview-swiper {
    width: 90%;
    margin: 0 auto
}

.is-vertical .c-customer-service-overview .section-wrap .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-customer-service-overview .section-wrap .swiper-slide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
    opacity: 1
}

.c-customer-service-innovation .intro-wrap {
    padding: 100px 0;
    background: url(../img/customer-service-innovation-intro-bg.jpg) no-repeat;
    background-size: cover
}

.c-customer-service-innovation .intro-wrap .container {
    max-width: 1440px
}

.c-customer-service-innovation .intro-wrap .title-box {
    text-align: center;
    margin-bottom: 80px
}

.c-customer-service-innovation .intro-wrap .intro-boxs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-customer-service-innovation .intro-wrap .intro-box {
    position: relative;
    background: #fff;
    padding: 75px 40px 40px;
    -webkit-box-shadow: 6.137px 12.583px 29px 0 hsla(0,0%,51%,.2);
    box-shadow: 6.137px 12.583px 29px 0 hsla(0,0%,51%,.2);
    margin: 36px 20px 20px;
    width: 50%
}

.c-customer-service-innovation .intro-wrap .intro-box .intro-box-title {
    width: 75%;
    position: absolute;
    background: #eb7851;
    padding: 12px;
    text-align: center;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    border-radius: 10px
}

.c-customer-service-innovation .intro-wrap .intro-box .intro-box-title .h2 {
    font-size: 30px;
    line-height: 1.25
}

.c-customer-service-innovation .intro-wrap .intro-box hr.line {
    border-bottom: 2px solid #eb7851
}

.c-customer-service-innovation .intro-wrap .intro-box .h5 {
    color: #525252;
    margin-top: .75em
}

.c-customer-service-innovation .description-wrap {
    padding: 100px 0;
    background-color: #fff
}

.c-customer-service-innovation .description-wrap .title-row {
    width: 80%;
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-customer-service-innovation .description-wrap .description-logo {
    margin: 0
}

@media screen and (max-width: 1440px) {
    .c-customer-service-innovation .description-wrap .description-logo {
        width:240px
    }
}

.c-customer-service-innovation .description-wrap .title-box {
    width: 55%;
    margin: 0 auto
}

.c-customer-service-innovation .description-wrap .title-box .title {
    margin-bottom: 20px
}

.c-customer-service-innovation .description-wrap .title-box .h5 {
    margin-bottom: 10px
}

.c-customer-service-innovation .description-wrap .heart-swiper {
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    position: relative
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide {
    width: 50%;
    padding: 0 2%
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide .pic-box {
    opacity: .3;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    width: 100%;
    border-top-left-radius: 60px;
    overflow: hidden;
    -webkit-transform: scale(.88);
    transform: scale(.88);
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide .pic-box img {
    width: 100%;
    border-top-left-radius: 70px;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide .pic-box img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide .text-box {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    width: 100%;
    background-color: #feece7;
    opacity: 0;
    padding: 20px 80px;
    z-index: 3;
    position: relative
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide-active .text-box {
    opacity: 1
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide-active .pic-box {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-pagination {
    position: relative;
    width: 50%;
    margin: 10px auto;
    padding-top: 30px
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-next,.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-prev {
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom: 50%;
    border-color: #1086b8;
    z-index: 2;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-next:after,.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-prev:after {
    color: #1086b8
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-next:hover,.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-prev:hover {
    background-color: #1086b8
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-next:hover:after,.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-prev:hover:after {
    color: #fff
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-prev {
    left: 22%
}

.c-customer-service-innovation .description-wrap .heart-swiper .swiper-button-next {
    right: 22%
}

.c-customer-service-innovation .pattern-wrap {
    width: 100%;
    background-color: #f5f5f5;
    position: relative;
    padding: 100px 0 6%
}

.c-customer-service-innovation .pattern-wrap .container {
    position: relative;
    padding: 0
}

.c-customer-service-innovation .pattern-wrap .title-box {
    width: 80%;
    position: static;
    margin: 0 auto
}

.c-customer-service-innovation .pattern-wrap .title-box .title {
    text-align: center
}

.c-customer-service-innovation .pattern-wrap .title-box .description {
    margin-top: 30px;
    position: relative
}

.c-customer-service-innovation .pattern-wrap .img-pattern {
    margin-top: 50px;
    position: relative;
    text-align: center
}

.c-customer-service-innovation .pattern-wrap .img-pattern .bg {
    width: auto;
    max-width: 100%;
    margin: 10px auto
}

.c-customer-service-innovation .system-wrap {
    width: 100%;
    background: #fef4f1;
    background-size: cover;
    position: relative;
    padding: 100px 0 6%
}

.c-customer-service-innovation .system-wrap .right-box {
    background-color: hsla(15,91%,87%,.5);
    border-top-left-radius: 180px;
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%
}

.c-customer-service-innovation .system-wrap .right-box .dot {
    width: 90%;
    position: absolute;
    top: 100px;
    left: 100px
}

.c-customer-service-innovation .system-wrap .title-box {
    position: absolute;
    top: 15%;
    left: 15%;
    width: 30%
}

.c-customer-service-innovation .system-wrap .title-box .description,.c-customer-service-innovation .system-wrap .title-box .img-system {
    margin-top: 30px;
    position: relative
}

.c-customer-service-innovation .system-wrap .title-box .img-system .bg {
    width: auto;
    max-width: 100%
}

.c-customer-service-innovation .system-wrap .title-box .down-btn {
    color: rgba(0,0,0,.8);
    text-align: center;
    border-top: 1px solid rgba(0,0,0,.3);
    margin-top: 30px;
    padding-top: 20px;
    cursor: pointer
}

.c-customer-service-innovation .system-wrap .title-box .down-btn i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block
}

.c-customer-service-innovation .system-wrap .title-box.active .description {
    height: 400px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-customer-service-innovation .system-wrap .title-box.active .description:after,.c-customer-service-innovation .system-wrap .title-box.active .down-btn {
    opacity: 0;
    display: none
}

.c-customer-service-innovation .system-wrap .system-swiper {
    width: 50%;
    margin-left: 50%;
    margin-right: 0;
    overflow: hidden
}

.c-customer-service-innovation .system-wrap .swiper-slide {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 50px 2% 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-customer-service-innovation .system-wrap .swiper-slide .pic-box {
    width: 100%;
    border-bottom-right-radius: 80px;
    position: relative;
    overflow: hidden
}

.c-customer-service-innovation .system-wrap .swiper-slide .pic-box img {
    position: relative;
    z-index: 2;
    width: 100%;
    border-bottom-right-radius: 80px
}

.c-customer-service-innovation .system-wrap .swiper-slide .pic-box .text-box {
    width: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    color: #fff;
    background: #ed7951;
    background: -webkit-gradient(linear,left bottom,left top,from(#ed7951),to(rgba(237,121,81,0)));
    background: linear-gradient(0deg,#ed7951,rgba(237,121,81,0));
    padding: 45px 30px 20px 20px
}

.c-customer-service-innovation .system-wrap .swiper-slide .pic-box .text-box .h4.title {
    color: #fff;
    z-index: 3;
    text-align: center
}

.c-customer-service-innovation .system-wrap .swiper-slide-active .pic,.c-customer-service-innovation .system-wrap .swiper-slide-active .pic-box:before {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.c-customer-service-innovation .system-wrap .system-button {
    position: absolute;
    bottom: 14%;
    right: 35%;
    z-index: 2;
    width: 8vw;
    height: 3.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -4vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-customer-service-innovation .system-wrap .system-button .swiper-button-next,.c-customer-service-innovation .system-wrap .system-button .swiper-button-prev {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    position: static;
    width: 49%;
    height: 100%;
    margin-top: 0;
    border: 0
}

.c-customer-service-innovation .system-wrap .system-button .swiper-button-next:after,.c-customer-service-innovation .system-wrap .system-button .swiper-button-prev:after {
    color: #000
}

.c-customer-service-innovation .system-wrap .system-button .swiper-button-next {
    background-color: #ffc9b7
}

.c-customer-service-innovation .system-wrap .system-button .swiper-button-prev {
    background-color: #fff
}

.c-customer-service-innovation .innovation-wrap {
    position: relative;
    padding: 100px 0 6%;
    background-color: #eee;
    overflow: hidden
}

.c-customer-service-innovation .innovation-wrap .title-box {
    text-align: center
}

.c-customer-service-innovation .innovation-wrap .title-box .description {
    margin-top: 20px;
    position: relative
}

.c-customer-service-innovation .innovation-wrap .title-box .button {
    width: 430px;
    margin: 30px auto;
    cursor: pointer
}

.c-customer-service-innovation .innovation-wrap .title-box .button a {
    color: #f68727;
    width: 100%;
    display: block;
    padding: 10px 50px;
    border: 1px solid #f68727;
    border-radius: 30px
}

.c-customer-service-innovation .innovation-wrap .title-box .button a:hover {
    background: #f68727;
    color: #fff
}

.c-customer-service-innovation .innovation-wrap .info-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px auto
}

.c-customer-service-innovation .innovation-wrap .info-group .info-box {
    width: 50%;
    border-radius: 0 0 40px 0;
    background: #fff;
    border-left: 4px solid #f68727;
    padding: 40px;
    margin: 20px;
    text-align: left;
    -webkit-box-shadow: 6.137px 12.583px 29px 0 hsla(0,0%,51%,.2);
    box-shadow: 6.137px 12.583px 29px 0 hsla(0,0%,51%,.2)
}

.c-customer-service-innovation .innovation-wrap .info-group .info-box span.NUM {
    color: #f68727;
    font-size: 1.4em
}

.c-customer-service-innovation .innovation-wrap .table-group .table-head {
    background: #eb7851;
    text-align: center;
    color: #fff;
    padding: 10px
}

.c-customer-service-innovation .innovation-wrap .table-group .table-head .icon-title {
    vertical-align: text-top;
    text-align: center;
    display: inline-block
}

.c-customer-service-innovation .innovation-wrap .table-group .table-head .description {
    margin-top: 0
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered>thead>tr>td,.c-customer-service-innovation .innovation-wrap .table-group .table-bordered>thead>tr>th {
    padding: 15px;
    font-size: 16px;
    text-align: center;
    border-color: #eb7851;
    background: #f3c5b5
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered>tbody>tr>td {
    padding: 15px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    border-color: #eb7851
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered .iconfont {
    width: 18px;
    height: 24px;
    background: url(../img/customer-service-innovation-tableicon.png) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 10px
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered .row-title {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered .yellow {
    background-color: #f2f7e4
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered .purple {
    background-color: #e1e7f3
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered .blue {
    background-color: #deeef3
}

.c-customer-service-innovation .innovation-wrap .table-group .table-bordered .green {
    background-color: #e8f3eb
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap {
    margin-left: 50%;
    overflow: hidden;
    margin-top: 100px;
    position: relative;
    padding-bottom: 10%
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-swiper {
    margin-left: -21%
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .swiper-slide {
    width: 60%;
    -webkit-box-shadow: 1px 10px 30px 0 rgba(0,0,0,.2);
    box-shadow: 1px 10px 30px 0 rgba(0,0,0,.2);
    opacity: .4
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .swiper-slide img {
    width: 100%
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .swiper-slide-active {
    opacity: 1
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button {
    width: 15vw;
    height: 3vw;
    position: absolute;
    bottom: 20px;
    left: 45%
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-next,.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-prev {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-color: #1086b8;
    z-index: 2;
    width: 3vw;
    height: 2.6vw;
    cursor: pointer;
    margin-top: 0
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-next:after,.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-prev:after {
    color: #1086b8
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-next:hover,.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-prev:hover {
    background-color: #1086b8
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-next:hover:after,.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .swiper-button-prev:hover:after {
    color: #fff
}

.c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button .number-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-customer-service-innovation .service-direction-wrap {
    padding: 100px 0;
    background: url(../img/customer-service-innovation-decription-bg.jpg) no-repeat;
    background-size: cover
}

.c-customer-service-innovation .service-direction-wrap .direction-box {
    width: 85%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-customer-service-innovation .service-direction-wrap .direction-box .text-box {
    width: 40%
}

.c-customer-service-innovation .service-direction-wrap .direction-box .text-box .title {
    margin-bottom: 30px
}

.c-customer-service-innovation .service-direction-wrap .pic-box {
    position: relative;
    width: 50%
}

.c-customer-service-innovation .service-direction-wrap .pic-box .pic {
    width: 100%
}

.c-customer-service-innovation .service-direction-wrap .pic-box .list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 70%;
    height: 58%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: 5%
}

.c-customer-service-innovation .service-direction-wrap .pic-box .list-box li {
    width: 3vw;
    height: 100%;
    background-color: #f9cab9;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-customer-service-innovation .service-direction-wrap .pic-box .list-box li .text {
    text-align: center;
    margin-top: 20px;
    font-weight: 700
}

.c-customer-service-innovation .service-direction-wrap .pic-box .list-box li .number {
    color: rgba(0,0,0,.15);
    font-weight: 700
}

.is-vertical .c-customer-service-innovation {
    overflow-x: hidden;
    width: 100%
}

.is-vertical .c-customer-service-innovation .intro-wrap {
    padding: 40px 0;
    background-image: url(../img/customer-service-innovation-intro-bg-mb.jpg);
    background-size: cover
}

.is-vertical .c-customer-service-innovation .intro-wrap .title-box {
    text-align: center;
    margin-bottom: 40px
}

.is-vertical .c-customer-service-innovation .intro-wrap .title-box .h3.title {
    font-size: 15px
}

.is-vertical .c-customer-service-innovation .intro-wrap .intro-boxs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-customer-service-innovation .intro-wrap .intro-box {
    width: 100%;
    padding: 60px 24px 30px;
    margin: 36px 10px 30px
}

.is-vertical .c-customer-service-innovation .intro-wrap .intro-box .intro-box-title {
    width: 80%
}

.is-vertical .c-customer-service-innovation .intro-wrap .intro-box .intro-box-title .h2 {
    font-size: 22px
}

.is-vertical .c-customer-service-innovation .intro-wrap .intro-box p.h4 {
    font-size: 14px
}

.is-vertical .c-customer-service-innovation .intro-wrap .intro-box p.h5 {
    font-size: 13px
}

.is-vertical .c-customer-service-innovation .description-wrap {
    padding: 40px 0;
    background-image: url(../img/customer-service-innovation-description-bg-mb.jpg);
    background-position: bottom;
    width: 100%
}

.is-vertical .c-customer-service-innovation .description-wrap .title-row {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.is-vertical .c-customer-service-innovation .description-wrap .description-logo {
    width: 60%
}

.is-vertical .c-customer-service-innovation .description-wrap .title-box {
    width: 85%;
    margin: 20px auto
}

.is-vertical .c-customer-service-innovation .description-wrap .heart-swiper {
    width: 90%;
    margin: 0 auto
}

.is-vertical .c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide {
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide .pic-box {
    opacity: 1;
    border-radius: 20px 0 0 0;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.is-vertical .c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide .pic-box img {
    border-radius: 0
}

.is-vertical .c-customer-service-innovation .description-wrap .heart-swiper .swiper-slide .pic-box .text-box {
    opacity: 1;
    padding: 15px
}

.is-vertical .c-customer-service-innovation .description-wrap .heart-swiper .swiper-pagination {
    padding-top: 10px
}

.is-vertical .c-customer-service-innovation .pattern-wrap {
    padding: 50px 0
}

.is-vertical .c-customer-service-innovation .pattern-wrap .container {
    position: relative;
    padding: 0
}

.is-vertical .c-customer-service-innovation .pattern-wrap .title-box {
    width: 80%;
    position: static;
    margin: 0 auto
}

.is-vertical .c-customer-service-innovation .pattern-wrap .title-box .title {
    text-align: center
}

.is-vertical .c-customer-service-innovation .pattern-wrap .img-pattern {
    margin-top: 30px
}

.is-vertical .c-customer-service-innovation .pattern-wrap .img-pattern .bg {
    width: 70%;
    max-width: 100%;
    margin: 5px auto
}

.is-vertical .c-customer-service-innovation .system-wrap {
    background-image: url(../img/customer-service-innovation-system-bg-mb.jpg);
    padding: 60px 0;
    background-position: bottom
}

.is-vertical .c-customer-service-innovation .system-wrap .container {
    position: relative;
    padding: 0
}

.is-vertical .c-customer-service-innovation .system-wrap .title-box {
    width: 80%;
    position: static;
    margin: 0 auto
}

.is-vertical .c-customer-service-innovation .system-wrap .title-box .title {
    text-align: center
}

.is-vertical .c-customer-service-innovation .system-wrap .title-box2 {
    margin-top: 40px
}

.is-vertical .c-customer-service-innovation .system-wrap .right-box {
    top: 12%;
    width: 70%;
    height: 40vh;
    border-top-left-radius: 130px
}

.is-vertical .c-customer-service-innovation .system-wrap .right-box .dot {
    width: 180%;
    top: 10%;
    left: 35%
}

.is-vertical .c-customer-service-innovation .system-wrap .system-swiper {
    width: 100%;
    margin: 5% 0 0;
    padding: 0 0 30px 10%
}

.is-vertical .c-customer-service-innovation .system-wrap .system-swiper .swiper-slide {
    width: 88%;
    padding-bottom: 2%
}

.is-vertical .c-customer-service-innovation .system-wrap .system-swiper .swiper-slide .pic-box:before {
    display: none
}

.is-vertical .c-customer-service-innovation .system-wrap .system-swiper .swiper-slide .pic {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.is-vertical .c-customer-service-innovation .system-wrap .system-swiper .swiper-slide .text-box {
    padding: 45px 30px 15px 20px
}

.is-vertical .c-customer-service-innovation .system-wrap .system-swiper .swiper-pagination {
    width: 50%;
    left: 25%;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-customer-service-innovation .system-wrap .system-swiper .swiper-pagination .swiper-pagination-bullet,.is-vertical .c-customer-service-innovation .system-wrap .system-swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 15%
}

.is-vertical .c-customer-service-innovation .innovation-wrap {
    padding: 60px 0
}

.is-vertical .c-customer-service-innovation .innovation-wrap .title-box {
    position: static;
    margin: 10px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .title-box .title {
    text-align: center;
    margin-bottom: 20px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .title-box .button {
    width: 80%
}

.is-vertical .c-customer-service-innovation .innovation-wrap .title-box .button a {
    padding: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-customer-service-innovation .innovation-wrap .title-box .button a i {
    margin-left: 10px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .info-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px auto
}

.is-vertical .c-customer-service-innovation .innovation-wrap .info-group .info-box {
    width: 100%;
    padding: 25px;
    margin: 10px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .info-group .info-box .title {
    text-align: left;
    margin-bottom: 0
}

.is-vertical .c-customer-service-innovation .innovation-wrap .info-group .info-box .description {
    margin-top: 10px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-head {
    background: #eb7851;
    text-align: center;
    color: #fff;
    padding: 10px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-head .title {
    margin-bottom: 10px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-head .icon-title {
    vertical-align: text-top;
    text-align: center;
    display: inline-block;
    width: 32px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-head .description {
    margin-top: 0
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-bordered>thead>tr>td,.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-bordered>thead>tr>th {
    padding: 8px;
    font-size: 12px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-bordered>tbody>tr>td {
    padding: 8px;
    font-size: 12px;
    vertical-align: middle
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-bordered .row-title span {
    width: 20px
}

.is-vertical .c-customer-service-innovation .innovation-wrap .table-group .table-bordered .row-title .visible-vert {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap {
    margin-left: 0;
    width: 85%;
    margin: 50px auto;
    opacity: 1
}

.is-vertical .c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .bg {
    width: 100%
}

.is-vertical .c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-swiper {
    margin-left: 0
}

.is-vertical .c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .swiper-slide {
    width: 100%;
    opacity: 1;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0
}

.is-vertical .c-customer-service-innovation .innovation-wrap .innovation-swiper-wrap .innovation-button {
    display: none
}

.is-vertical .c-customer-service-innovation .service-direction-wrap {
    padding: 60px 0 100px;
    background-image: url(../img/customer-service-innovation-decription-bg-mb.jpg)
}

.is-vertical .c-customer-service-innovation .service-direction-wrap .direction-box {
    width: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-customer-service-innovation .service-direction-wrap .direction-box .text-box {
    width: 100%;
    text-align: center
}

.is-vertical .c-customer-service-innovation .service-direction-wrap .direction-box .text-box .title {
    text-align: center;
    margin-bottom: 20px
}

.is-vertical .c-customer-service-innovation .service-direction-wrap .direction-box .pic-box {
    width: 110%;
    margin-top: 50px
}

.is-vertical .c-customer-service-innovation .service-direction-wrap .direction-box .pic-box .list-box li {
    width: 8vw;
    padding: 0 5px
}

.is-vertical.is-tablet .c-customer-service-innovation .service-direction-wrap .pic-box .list-box li .text {
    padding: 0 10px
}

.body-customer-service-festival-wrap #main-wrap {
    background: #ffefe6
}

.body-customer-service-festival-wrap .c-banner .side-left {
    display: none
}

.customer-service-festival .description-wrap {
    padding: 100px 0
}

.customer-service-festival .description-wrap .title-box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px
}

.customer-service-festival .description-wrap .title-box .title {
    text-align: center;
    margin-bottom: 20px
}

.customer-service-festival .description-wrap .video-list .video-item {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 2.5px 3.2px 7px rgba(2,2,2,.1);
    box-shadow: 2.5px 3.2px 7px rgba(2,2,2,.1);
    margin-bottom: 30px;
    display: block
}

.customer-service-festival .description-wrap .video-list .video-thumb {
    position: relative;
    overflow: hidden
}

.customer-service-festival .description-wrap .video-list .video-thumb img.bg {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.customer-service-festival .description-wrap .video-list .video-thumb:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../img/customer-service-festival-btn-player.png) no-repeat 50%;
    background-size: 72px 72px;
    opacity: .5;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.customer-service-festival .description-wrap .video-list .video-item:hover .video-thumb img.bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.customer-service-festival .description-wrap .video-list .video-item:hover .video-thumb:after {
    opacity: 1
}

.customer-service-festival .description-wrap .video-list .video-title {
    white-space: nowrap;
    text-align: center;
    line-height: 2;
    margin-top: .8em
}

.customer-service-festival .description-wrap .video-list .video-publisher {
    white-space: nowrap;
    text-align: center;
    line-height: 2;
    margin-bottom: 1em
}

.customer-service-festival-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.customer-service-festival-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f6b6a0),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#f6b6a0,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 40px 70px 30px;
    border-radius: 30px
}

.customer-service-festival-layer .publisher,.customer-service-festival-layer .title {
    margin-bottom: 5px;
    text-align: center
}

.customer-service-festival-layer .video-wrap {
    margin-bottom: 20px;
    margin-top: 20px
}

.customer-service-festival-layer .video-wrap video {
    width: 100%;
    aspect-ratio: 16/9
}

.customer-service-festival-layer .desc {
    margin-bottom: 15px
}

.customer-service-festival-layer .desc p {
    margin-bottom: .5em
}

.customer-service-festival-layer .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.customer-service-festival-layer .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.customer-service-festival-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.customer-service-festival-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.customer-service-festival-layer .btn-close:hover {
    border-color: #f68727
}

.customer-service-festival-layer .btn-close:hover .line {
    background: #f68727
}

@media screen and (min-width: 1600px) {
    .customer-service-festival-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .customer-service-festival-layer .content {
        max-width:1200px
    }
}

.is-vertical .customer-service-festival-layer .content {
    width: 90%;
    padding: 30px
}

.is-vertical .customer-service-festival-layer .video-wrap {
    margin-bottom: 20px
}

.is-vertical .customer-service-festival-layer .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    top: auto;
    right: auto;
    bottom: -60px
}

@media screen and (max-width: 767px) {
    .customer-service-festival .description-wrap {
        padding:80px 0;
        width: 100%
    }

    .customer-service-festival .description-wrap .title-box {
        width: 85%
    }

    .customer-service-festival .description-wrap .video-list .video-item {
        margin-bottom: 20px
    }
}

.c-service-social-life .inner-container {
    width: 100%;
    position: relative
}

.c-service-social-life .inner-container.container1 {
    display: block
}

.c-service-social-life .inner-container.container2 {
    display: none
}

.c-service-social-life .employee-style.intro-style {
    width: 100%;
    padding: 70px 0 0;
    background-color: #f1f9f4
}

.c-service-social-life .employee-style {
    width: 100%;
    padding: 30px 0 0;
    background-color: #f1f9f4
}

.c-service-social-life .employee-style .container {
    width: 100%;
    padding: 0
}

.c-service-social-life .employee-style .title-box {
    color: #000;
    padding: 0 30%
}

.c-service-social-life .employee-style .title-box .title {
    text-align: center;
    margin-bottom: 20px
}

.c-service-social-life .content-all-box {
    padding: 0 5%;
    position: relative;
    min-height: 70vh
}

.c-service-social-life .content-all-box .slide-item {
    width: 100%;
    padding: 0 10%;
    z-index: 1;
    background-color: #f1f9f4;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-bottom: 50px;
    margin: 0 auto
}

.c-service-social-life .content-all-box .slide-item .pic-box {
    width: 50%;
    position: relative
}

.c-service-social-life .content-all-box .slide-item .pic-box .pic {
    width: 100%;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 2;
    position: relative
}

.c-service-social-life .content-all-box .slide-item .pic-box .dot {
    width: 20%;
    -webkit-transform: translate(-30px,-30px);
    transform: translate(-30px,-30px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-service-social-life .content-all-box .slide-item .pic-box .dot1 {
    position: absolute;
    top: 20%;
    right: -3%;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.c-service-social-life .content-all-box .slide-item .pic-box .dot2 {
    width: 35%;
    position: absolute;
    bottom: -5%;
    right: -3%;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.c-service-social-life .content-all-box .slide-item .pic-box .dot3 {
    position: absolute;
    bottom: -7%;
    right: 20%;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.c-service-social-life .content-all-box .slide-item .text-box {
    width: 40%;
    margin-top: 30px
}

.c-service-social-life .content-all-box .slide-item .text-box .title {
    position: relative
}

.c-service-social-life .content-all-box .slide-item .text-box .title:after {
    width: 32%;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: #f68727
}

.c-service-social-life .content-all-box .slide-item .text-box .subtitle {
    margin: 20px 0
}

.c-service-social-life .content-all-box .slide-item .text-box .button-box,.c-service-social-life .content-all-box .slide-item .text-box .description,.c-service-social-life .content-all-box .slide-item .text-box .panel-group,.c-service-social-life .content-all-box .slide-item .text-box .subtitle,.c-service-social-life .content-all-box .slide-item .text-box .title {
    width: 100%;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.c-service-social-life .content-all-box .slide-item .text-box .panel-group {
    margin-bottom: 30px
}

.c-service-social-life .content-all-box .slide-item .text-box .panel,.c-service-social-life .content-all-box .slide-item .text-box .panel-heading {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.c-service-social-life .content-all-box .slide-item .text-box .panel {
    width: 100%;
    display: block;
    margin: 15px 0 0
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading {
    color: #48a56b;
    padding: 0 15px 0 0;
    width: 60%
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a {
    width: 100%;
    display: block;
    position: relative
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a:hover {
    color: #48a56b
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a.collapsed .icon-zengjia {
    display: block
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a.collapsed .icon-jianhao {
    display: none
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading .iconfont {
    color: #48a56b;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading .icon-zengjia {
    display: none
}

.c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading .icon-jianhao {
    display: block
}

.c-service-social-life .content-all-box .slide-item .text-box .button-box {
    width: 50%;
    background-color: #79c395;
    border-radius: 30px;
    margin-top: 50px
}

.c-service-social-life .content-all-box .slide-item .text-box .button-box a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0
}

.c-service-social-life .content-all-box .slide-item .text-box .button-box a .iconfont {
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-service-social-life .content-all-box .slide-item .text-box .button-box a:hover .iconfont {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.c-service-social-life .content-all-box .slide-item.current {
    position: relative;
    z-index: 3;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-service-social-life .content-all-box .slide-item.current .pic-box .dot,.c-service-social-life .content-all-box .slide-item.current .pic-box .pic {
    opacity: 1;
    -webkit-transform: scale(1) translate(0);
    transform: scale(1) translate(0)
}

.c-service-social-life .content-all-box .slide-item.current .text-box .scrolled {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-horizontal .c-service-social-life .employee-style .tab-box {
    padding: 0 15%;
    margin: 30px auto 60px
}

.is-horizontal .c-service-social-life .employee-style .tab-box .tab-wrap {
    padding: 2px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #d9eee1;
    border-radius: 30px
}

.is-horizontal .c-service-social-life .employee-style .tab-box .tab-item {
    text-align: center;
    padding: 8px 0;
    width: 20%;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 30px;
    color: rgba(0,0,0,.8);
    cursor: pointer
}

.is-horizontal .c-service-social-life .employee-style .tab-box .tab-item:after {
    background-color: #a9d8bb;
    width: 1px;
    height: 60%;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.is-horizontal .c-service-social-life .employee-style .tab-box .tab-item.active {
    background-color: #fff;
    color: rgba(251,87,0,.8);
    -webkit-box-sizing: 1px 1px 10px rgba(0,0,0,.5);
    box-sizing: 1px 1px 10px rgba(0,0,0,.5)
}

.is-horizontal .c-service-social-life .employee-style .tab-box .tab-item.active:after,.is-horizontal .c-service-social-life .employee-style .tab-box .tab-item:last-child:after {
    opacity: 0
}

.is-horizontal .c-service-social-life .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
    width: 60%
}

.is-vertical .c-service-social-life {
    background-color: #f1f9f4
}

.is-vertical .c-service-social-life .inner-container.container1 {
    display: none
}

.is-vertical .c-service-social-life .inner-container.container2 {
    display: block
}

.is-vertical .c-service-social-life .employee-style.intro-style {
    padding: 50px 0 20px
}

.is-vertical .c-service-social-life .employee-style .title-box {
    padding: 0 30px
}

.is-vertical .c-service-social-life .employee-style .tab-box {
    padding: 0 30px;
    margin: 30px 0 0
}

.is-vertical .c-service-social-life .employee-style .tab-box .tab-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.is-vertical .c-service-social-life .employee-style .tab-box .tab-wrap .tab-item {
    margin-right: 30px;
    color: rgba(0,0,0,.4);
    position: relative;
    padding: 20px 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.is-vertical .c-service-social-life .employee-style .tab-box .tab-wrap .tab-item.active {
    color: #000
}

.is-vertical .c-service-social-life .employee-style .tab-box .tab-wrap .tab-item.active:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    border-bottom: 6px solid #f68727;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.is-vertical .c-service-social-life .mb-panel {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #ecf0ef
}

.is-vertical .c-service-social-life .mb-panel .panel {
    background-color: #f1f9f4;
    border: none;
    margin-top: 0;
    border-bottom: 1px solid #ecf0ef
}

.is-vertical .c-service-social-life .mb-panel .panel .panel-heading {
    background-color: #f1f9f4;
    border: none;
    width: 100%;
    padding: 10px 30px
}

.is-vertical .c-service-social-life .mb-panel .panel .panel-heading a {
    position: relative;
    width: 100%;
    display: block
}

.is-vertical .c-service-social-life .mb-panel .panel .panel-heading a :hover {
    color: #fff
}

.is-vertical .c-service-social-life .mb-panel .panel .panel-heading a .iconfont {
    position: absolute;
    top: 1px;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-vertical .c-service-social-life .mb-panel .panel .panel-heading .collapsed .iconfont {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000
}

.is-vertical .c-service-social-life .mb-panel .panel .panel-body {
    border: 0;
    padding: 0
}

.is-vertical .c-service-social-life .content-all-box .slide-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: static;
    width: 100%;
    padding: 0 0 30px
}

.is-vertical .c-service-social-life .content-all-box .slide-item .pic-box {
    width: 100%;
    height: auto
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box {
    width: 100%;
    margin-top: 30px;
    padding: 0 30px
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .title {
    width: 40%;
    margin: 0 auto;
    text-align: center
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .title:after {
    width: 70%;
    left: 15%
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .button-box {
    margin: 0 auto
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .button-box a {
    padding: 5px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .button-box a .iconfont {
    margin-left: 10px
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .panel {
    margin-top: 20px
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .panel .panel-body {
    padding: 10px 0
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading {
    width: 100%
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a .icon-jianhao {
    opacity: 1;
    -webkit-transform: all .5s;
    transform: all .5s
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a .icon-zengjia {
    opacity: 0;
    -webkit-transform: all .5s;
    transform: all .5s;
    top: 0
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a.collapsed .icon-jianhao {
    opacity: 0
}

.is-vertical .c-service-social-life .content-all-box .slide-item .text-box .panel .panel-heading a.collapsed .icon-zengjia {
    opacity: 1
}

.c-service-social-life-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-service-social-life-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9dd3b2),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#9dd3b2,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 50px 70px 0;
    border-radius: 30px
}

.c-service-social-life-layer .content .title {
    text-align: center;
    margin-bottom: 30px
}

.c-service-social-life-layer .content .content-type {
    display: none
}

.c-service-social-life-layer .content .content-type.type2,.c-service-social-life-layer .content .content-type.type3 {
    padding: 0 20px 30px
}

.c-service-social-life-layer .content .content-type.type2 .tab-list,.c-service-social-life-layer .content .content-type.type3 .tab-list {
    width: 90%;
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-service-social-life-layer .content .content-type.type2 .tab-list .tabitem,.c-service-social-life-layer .content .content-type.type3 .tab-list .tabitem {
    padding: 0 20px;
    opacity: .4;
    cursor: pointer
}

.c-service-social-life-layer .content .content-type.type2 .tab-list .tabitem.active,.c-service-social-life-layer .content .content-type.type3 .tab-list .tabitem.active {
    opacity: 1
}

.c-service-social-life-layer .content .content-type.type2 .content-box,.c-service-social-life-layer .content .content-type.type3 .content-box {
    display: none
}

.c-service-social-life-layer .content .content-type.type2 .content-box.content-box1,.c-service-social-life-layer .content .content-type.type3 .content-box.content-box1 {
    display: block
}

.c-service-social-life-layer .content .content-type.type2 .text-box,.c-service-social-life-layer .content .content-type.type3 .text-box {
    margin-top: 30px;
    max-height: 120px;
    overflow-y: scroll;
    padding-bottom: 30px
}

.c-service-social-life-layer .content .content-type.type2 .pic-box {
    width: 85%;
    margin: 0 auto
}

.c-service-social-life-layer .content .content-type.type2 .pic-box img {
    width: 100%;
    margin: 0 auto
}

.c-service-social-life-layer .content .content-type.type3 .type3-layer-swiper {
    overflow: hidden;
    width: 85%;
    margin: 0 auto
}

.c-service-social-life-layer .content .content-type.type3 .pic-box {
    position: relative
}

.c-service-social-life-layer .content .content-type.type3 .swiper-slide {
    width: 100%;
    height: 40vh
}

.c-service-social-life-layer .content .content-type.type3 .swiper-slide img {
    height: 100%;
    margin: 0 auto
}

.c-service-social-life-layer .content .content-type.type3 .text-box {
    width: 85%;
    margin: 30px auto
}

.c-service-social-life-layer .content .content-type.type3 .description {
    margin-bottom: 6px
}

.c-service-social-life-layer .swiper-wrap {
    position: relative;
    margin-bottom: 50px;
    padding: 0 50px
}

.c-service-social-life-layer .layer-swiper {
    overflow: hidden
}

.c-service-social-life-layer .swiper-slide .img-wrap {
    padding-bottom: 45%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-service-social-life-layer .text-list {
    position: relative;
    padding-bottom: 70px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.c-service-social-life-layer .text-list .description {
    text-align: center
}

.c-service-social-life-layer .text-list .button-box {
    width: 25%;
    background-color: #79c395;
    border-radius: 30px;
    margin: 30px auto 0
}

.c-service-social-life-layer .text-list .button-box a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0
}

.c-service-social-life-layer .text-list .button-box a .iconfont {
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-service-social-life-layer .text-list .button-box a:hover .iconfont {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.c-service-social-life-layer .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.2)));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2));
    display: block;
    content: "";
    pointer-events: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.c-service-social-life-layer .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    bottom: -60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-service-social-life-layer .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-service-social-life-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-service-social-life-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-service-social-life-layer .btn-close:hover {
    border-color: #f68727
}

.c-service-social-life-layer .btn-close:hover .line {
    background: #f68727
}

.c-service-social-life-layer .swiper-button-next,.c-service-social-life-layer .swiper-button-prev {
    width: 30px;
    height: 27px;
    margin-top: -14px
}

.c-service-social-life-layer .swiper-button-next:after,.c-service-social-life-layer .swiper-button-prev:after {
    font-size: 14px
}

.c-service-social-life-layer .swiper-button-prev {
    left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.c-service-social-life-layer .swiper-button-next {
    right: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.c-service-social-life-layer .swiper-pagination {
    width: 40%;
    left: 30%;
    bottom: -20px
}

.c-service-social-life-layer .swiper-pagination .swiper-pagination-bullet {
    background-color: #79c395
}

@media screen and (min-width: 1600px) {
    .c-service-social-life-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-service-social-life-layer .content {
        max-width:1200px
    }

    .c-service-social-life-layer .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-service-social-life-layer .content {
    width: 90%;
    padding: 20px
}

.is-vertical .c-service-social-life-layer .swiper-wrap {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px
}

.is-vertical .c-service-social-life-layer .text-list {
    padding-bottom: 0
}

.is-vertical .c-service-social-life-layer .text-list .description {
    text-align: left
}

.is-vertical .c-service-social-life-layer .text-list .button-box {
    width: 60%
}

.is-vertical .c-service-social-life-layer .text-list .button-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-service-social-life-layer .text-list .button-box a i {
    margin-left: 10px
}

.is-vertical .c-service-social-life-layer .swiper-button-prev {
    left: -20px
}

.is-vertical .c-service-social-life-layer .swiper-button-next {
    right: -20px
}

.is-vertical .c-service-social-life-layer .content-type {
    min-height: 40vh
}

.is-vertical .c-service-social-life-layer .content-type.type2,.is-vertical .c-service-social-life-layer .content-type.type3 {
    padding: 0
}

.is-vertical .c-service-social-life-layer .content-type.type2 .tab-list,.is-vertical .c-service-social-life-layer .content-type.type3 .tab-list {
    width: 100%;
    overflow-x: scroll;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.is-vertical .c-service-social-life-layer .content-type.type2 .tab-list .tabitem,.is-vertical .c-service-social-life-layer .content-type.type3 .tab-list .tabitem {
    padding: 0;
    margin-right: 30px;
    white-space: nowrap
}

.is-vertical .c-service-social-life-layer .content-type.type2 .pic-box,.is-vertical .c-service-social-life-layer .content-type.type3 .pic-box {
    overflow: hidden;
    height: auto;
    width: 100%
}

.is-vertical .c-service-social-life-layer .content-type.type2 .pic-box .pic,.is-vertical .c-service-social-life-layer .content-type.type3 .pic-box .pic {
    width: 100%;
    height: auto
}

.is-vertical .c-service-social-life-layer .content-type.type3 .pic-box .swiper-slide {
    max-height: 20vh;
    overflow: hidden;
    position: relative;
    height: auto
}

.is-vertical .c-service-social-life-layer .content-type.type3 .swiper-button-prev {
    left: 0
}

.is-vertical .c-service-social-life-layer .content-type.type3 .swiper-button-next {
    right: 0
}

.is-vertical .c-service-social-life-layer .text-list .button-box {
    margin-bottom: 50px
}

.investor-wrap .c-banner .mask {
    background-color: rgba(98,136,197,.4)
}

.join-social-detail-wrap .c-banner .mask,.join-wrap .c-banner .mask {
    background-color: rgba(231,156,78,.4)
}

.tech-service-robot-wrap .c-banner .mask {
    background-color: rgba(120,107,180,.4)
}

.charity-public-welfare-wrap .c-banner,.red-property-services-wrap .c-banner {
    background-color: #efdcce
}

.charity-public-welfare-wrap .mask,.red-property-services-wrap .mask,.rural-revitalization-wrap .mask {
    background-color: hsla(27,46%,67%,.4)
}

.digital-products-wrap .c-banner {
    background-color: #dfdce5
}

.digital-products-wrap .c-banner .mask {
    background-color: rgba(125,112,182,.4)
}

.services-operation-wrap .c-banner .mask,.services-social-life-wrap .c-banner .mask,.services-system-wrap .c-banner .mask {
    background-color: rgba(137,198,161,.4)
}

.services-city-wrap .c-banner .mask,.services-domicile-wrap .c-banner .mask,.services-residential-wrap .c-banner .mask {
    background: rgba(121,195,149,.4)
}

.customer-experience-wrap .c-banner,.customer-service-innovation-wrap .c-banner,.customer-service-wrap .c-banner {
    background-color: #f4f4f4
}

.customer-experience-wrap .c-banner .mask,.customer-service-innovation-wrap .c-banner .mask,.customer-service-overview-wrap .c-banner .mask,.customer-service-wrap .c-banner .mask {
    background: rgba(238,121,81,.5)
}

.index-wrap .c-banner .text-wrap {
    width: 100%;
    text-align: left
}

.index-wrap .c-banner .text-wrap .title {
    letter-spacing: 4px
}

.is-vertical .index-wrap .c-banner .text-wrap {
    left: 5%;
    width: 80%;
    text-align: center
}

.inverstor-content {
    padding: 0 5%;
    background-color: #deedfd
}

.investor-esg-wrap .c-investor-table .table {
    padding-top: 20px
}

.investor-esg-wrap .c-investor-table .table .table-title {
    background-color: transparent;
    color: #565656;
    padding-left: 1px
}

.investor-esg-wrap hr.line {
    border-bottom: none;
    border-top: 1px solid #6288c5
}

.investor-esg-wrap .c-investor-table:first-child .container {
    padding-bottom: 0
}

.investor-esg-wrap .c-investor-table:first-child .table {
    border: 0
}

.investor-esg-wrap .esg2,.investor-esg-wrap .esg2 a {
    cursor: default
}

.investor-corporate-governance-wrap .inverstor-content .text-box {
    width: 85%;
    margin: 0 auto;
    padding: 50px 15px;
    border-top: 1px solid #6288c5
}

.investor-corporate-governance-wrap .inverstor-content .text-box:first-child {
    border: 0
}

.investor-corporate-governance-wrap .c-investor-table .container {
    padding-bottom: 30px
}

.investor-corporate-governance-wrap .c-investor-table .table {
    margin-top: 0
}

.investor-corporate-governance-wrap .c-investor-table .table .td.download {
    text-align: center
}

.investor-corporate-governance-wrap .c-investor-table .table .td.download a {
    padding: 0
}

.investor-corporate-governance-wrap .c-investor-table .table .td.download a.iconfont {
    font-size: 24px
}

@media screen and (max-width: 767px) {
    .investor-corporate-governance-wrap .inverstor-content .text-box {
        width:calc(100% - 30px);
        padding: 50px 0 0
    }

    .investor-corporate-governance-wrap .inverstor-content .text-box .title {
        text-align: center;
        margin-bottom: 10px
    }

    .investor-corporate-governance-wrap .c-investor-table .table {
        margin-top: 0
    }

    .investor-corporate-governance-wrap .c-investor-table .table .td.download {
        text-align: center
    }

    .investor-corporate-governance-wrap .c-investor-table .table .td.download a {
        padding: 0
    }

    .investor-corporate-governance-wrap .c-investor-table .table .td.download a.iconfont {
        font-size: 20px
    }
}

.investor-activity-wrap .c-investor-table .table .tr {
    cursor: default
}

.investor-activity-wrap .c-investor-table .table .tr:nth-child(2n):hover {
    background-color: #eff6fe;
    border-bottom: none
}

.investor-activity-wrap .c-investor-table .table .tr:nth-child(odd):hover {
    background-color: #deedfd
}

.investor-activity-wrap .c-investor-table .table .tr a {
    cursor: default
}

.about-contact-us-wrap .c-about-tab .inner-container,.search-wrap .c-about-tab-common .inner-container,.search-wrap .c-about-tab .inner-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-brand-concept-wrap,.about-contact-us-wrap {
    overflow-x: hidden
}

@media screen and (max-width: 767px) {
    .inverstor-content {
        padding:0
    }
}

.c-red-property .section1 {
    position: relative;
    padding: 80px 0
}

.c-red-property .section1 .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.c-red-property .section1 .text-box {
    width: 50%;
    margin: 0 auto;
    position: relative
}

.c-red-property .section1 .text-box .title {
    padding-top: 13%
}

.c-red-property .section1 .text-box .description {
    line-height: 1.7;
    margin-left: 5%;
    letter-spacing: 6px;
    position: relative;
    padding: 0 60px
}

.c-red-property .section1 .text-box .des {
    display: inline-block;
    line-height: 40px;
    font-weight: 700
}

.c-red-property .section1 .text-box .des1 {
    position: absolute;
    top: 0;
    left: 0
}

.c-red-property .section1 .text-box .des2 {
    position: absolute;
    bottom: -20px;
    right: 0
}

.c-red-property .section1 .text-box .section1-right {
    direction: rtl
}

.c-red-property .section1 .text-box .name {
    padding: 10px 0;
    margin-top: 40px
}

.c-red-property .section2 {
    position: relative
}

.c-red-property .section2 .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-red-property .section2 .section2-pic {
    position: relative;
    padding: 4vh 0
}

.c-red-property .section2 .section2-pic .section2-pic2 {
    position: absolute;
    z-index: 3
}

.c-red-property .section2 .section2-pic:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-red-property .section2 .text-box {
    width: 30%
}

.c-red-property .section3,.c-red-property .section3 .bg {
    position: relative
}

.c-red-property .section3 .pic {
    width: 41%;
    position: absolute;
    bottom: 0;
    left: 5%;
    overflow: hidden
}

.c-red-property .section3 .section3-pic {
    width: 100%
}

.c-red-property .section3 .text-box {
    color: #fff;
    width: 28%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20%
}

.c-red-property .section3 .text-box .h2 {
    margin-bottom: 30px
}

.c-red-property .section3 .text-box .description {
    line-height: 1.8
}

.c-red-property .section4 {
    position: relative;
    padding: 50px 0;
    background: #fff;
    overflow: hidden
}

.c-red-property .section4 .container {
    width: 100%;
    padding: 0
}

.c-red-property .section4 .title1 {
    width: 60%;
    margin: 0 auto
}

.c-red-property .section4 .content {
    position: relative;
    padding: 8% 0
}

.c-red-property .section4 .swiper-slide {
    width: 50%;
    height: 55vh
}

.c-red-property .section4 .swiper-slide,.c-red-property .section4 .swiper-slide .slide-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-red-property .section4 .swiper-slide .slide-inner {
    width: 100%;
    height: 100%
}

.c-red-property .section4 .swiper-slide .box-wrap {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    z-index: 2;
    background: #fcefe6;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 32px -6px #888;
    box-shadow: 0 0 32px -6px #888;
    width: 90%;
    height: 80%
}

.c-red-property .section4 .swiper-slide .text-wrap {
    height: 100%;
    width: 54%
}

.c-red-property .section4 .swiper-slide .text-wrap .content-wrap {
    margin-left: 10%;
    width: 85%
}

.c-red-property .section4 .swiper-slide .text-wrap .link-top {
    width: 10vh;
    height: 8px;
    border-top: 3px solid #f68727;
    margin: 2% 0
}

.c-red-property .section4 .swiper-slide .text-wrap .number {
    margin-left: 5px;
    line-height: 1;
    color: #fff;
    font-size: 11vw;
    opacity: .6
}

.c-red-property .section4 .swiper-slide .text-wrap .title {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-red-property .section4 .swiper-slide .text-wrap .description {
    opacity: 0;
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 13;
    overflow: hidden;
    max-height: 300px;
    cursor: pointer
}

.c-red-property .section4 .swiper-slide .img-wrap {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 47%;
    border-bottom-right-radius: 45px;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 0 5vh 5vh 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-red-property .section4 .swiper-slide .img-wrap .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    bottom: 0;
    width: 100%
}

.c-red-property .section4 .swiper-slide.swiper-slide-prev {
    -webkit-transform: translateX(14%);
    transform: translateX(14%)
}

.c-red-property .section4 .swiper-slide.swiper-slide-next {
    -webkit-transform: translateX(-14%);
    transform: translateX(-14%)
}

.c-red-property .section4 .swiper-slide.swiper-slide-active .img-wrap {
    width: 45%;
    height: 115%;
    border-radius: 14px
}

.c-red-property .section4 .swiper-slide.swiper-slide-active .box-wrap {
    background-image: -webkit-gradient(linear,left top,right top,from(#e9593b),to(#e36f4f));
    background-image: linear-gradient(-270deg,#e9593b,#e36f4f);
    width: 100%;
    height: 100%
}

.c-red-property .section4 .swiper-slide.swiper-slide-active .text-wrap {
    color: #fff;
    padding: 30px 0
}

.c-red-property .section4 .swiper-slide.swiper-slide-active .text-wrap .link-top {
    border-top-color: #fff
}

.c-red-property .section4 .swiper-slide.swiper-slide-active .text-wrap .description {
    opacity: 1;
    overflow-y: auto;
    height: 200px
}

.c-red-property .section4 .swiper-controls {
    position: absolute;
    bottom: 16%;
    right: 47.5%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 3
}

.c-red-property .section4 .swiper-controls .swiper-pagination {
    position: absolute;
    bottom: -25px;
    left: -374%
}

.c-red-property .section4 .button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px
}

.c-red-property .section4 .swiper-button-next,.c-red-property .section4 .swiper-button-prev {
    background-color: rgba(255,100,9,.3);
    width: 3vw;
    height: 3vw;
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 0;
    border: 1px solid #fff
}

.c-red-property .section4 .swiper-button-next:after,.c-red-property .section4 .swiper-button-prev:after {
    font-size: 15px;
    color: #fff
}

.c-red-property .section4 .swiper-button-prev {
    margin-right: 7px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.c-red-property .section4 .swiper-button-next {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.c-red-property .section4 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20%
}

.is-vertical .c-red-property {
    overflow: hidden
}

.is-vertical .c-red-property .section1 .text-box {
    width: 90%
}

.is-vertical .c-red-property .section1 .text-box .title {
    padding-top: 20%
}

.is-vertical .c-red-property .section1 .text-box .description {
    padding: 0 20px;
    font-size: 24px
}

.is-vertical .c-red-property .section1 .text-box .des1 {
    left: -10px
}

.is-vertical .c-red-property .section1 .text-box .des2 {
    right: 10px
}

.is-vertical .c-red-property .section1 .text-box .section1-right {
    top: 50px;
    right: 5%
}

.is-vertical .c-red-property .section2 .inner-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-red-property .section2 .text-box {
    width: 90%;
    padding-bottom: 26%
}

.is-vertical .c-red-property .section2 .section2-pic {
    width: 90%
}

.is-vertical .c-red-property .section2 .section2-pic .section2-pic1,.is-vertical .c-red-property .section2 .section2-pic .section2-pic2 {
    width: 100%
}

.is-vertical .c-red-property .section3 .pic {
    width: 56%;
    left: 46%;
    overflow: visible
}

.is-vertical .c-red-property .section3 .pic .section3-pic {
    width: 100%
}

.is-vertical .c-red-property .section3 .text-box {
    width: 70%;
    top: 62%
}

.is-vertical .c-red-property .section3 .text-box .h2 {
    margin-bottom: 9px
}

.is-vertical .c-red-property .section3 .text-box .description {
    width: 70%
}

.is-vertical .c-red-property .section4 {
    padding: 30px 20px 50px
}

.is-vertical .c-red-property .section4 .title1 {
    width: 100%;
    text-align: center
}

.is-vertical .c-red-property .section4 .inner-container {
    padding: 0;
    padding-bottom: 45px
}

.is-vertical .c-red-property .section4 .content {
    margin-top: 15px;
    padding-top: 50px;
    padding-bottom: 30px
}

.is-vertical .c-red-property .section4 .term-swiper {
    height: auto
}

.is-vertical .c-red-property .section4 .swiper-slide {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    opacity: 0
}

.is-vertical .c-red-property .section4 .swiper-slide .box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 35px -6px #df7f5c;
    box-shadow: 0 0 35px -6px #df7f5c;
    height: 111vw;
    width: 90%;
    border-radius: 30px
}

.is-vertical .c-red-property .section4 .swiper-slide .box-wrap .text-wrap {
    width: 100%;
    padding-bottom: 15px;
    margin-top: 60%;
    position: relative
}

.is-vertical .c-red-property .section4 .swiper-slide .box-wrap .text-wrap .content-wrap {
    margin-left: 5%;
    width: 90%;
    margin-top: 10%;
    padding: 0 0 20px
}

.is-vertical .c-red-property .section4 .swiper-slide .box-wrap .text-wrap .description {
    height: 120px
}

.is-vertical .c-red-property .section4 .swiper-slide .box-wrap .text-wrap .number {
    font-size: 22vw;
    position: absolute;
    top: 15px;
    left: 0;
    font-weight: 300;
    opacity: .4
}

.is-vertical .c-red-property .section4 .swiper-slide .box-wrap .img-wrap {
    right: auto;
    top: -6%;
    height: 55%;
    width: 110%
}

.is-vertical .c-red-property .section4 .swiper-slide.swiper-slide-active {
    opacity: 1
}

.is-vertical .c-red-property .section4 .swiper-controls {
    bottom: -15%;
    width: 100%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.is-vertical .c-red-property .section4 .swiper-controls .swiper-button-next,.is-vertical .c-red-property .section4 .swiper-controls .swiper-button-prev {
    border: 1px solid #f68727;
    background-color: #fff;
    width: 8vw;
    height: 8vw
}

.is-vertical .c-red-property .section4 .swiper-controls .swiper-button-next:after,.is-vertical .c-red-property .section4 .swiper-controls .swiper-button-prev:after {
    color: #f68727
}

.is-vertical .c-red-property .section4 .swiper-controls .button-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-red-property .section4 .swiper-controls .swiper-pagination {
    top: 20px;
    left: 0;
    width: 68%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px
}

@media screen and (min-width: 768px) {
    .is-vertical .c-red-property .section1 .text-box .description {
        letter-spacing:13px
    }

    .is-vertical .c-red-property .section2 .section2-pic {
        width: 85%
    }

    .is-vertical .c-red-property .section2 .text-box {
        width: 85%;
        padding-bottom: 35%
    }

    .is-vertical .c-red-property .section4 .swiper-slide .box-wrap {
        height: 86vw
    }

    .is-vertical .c-red-property .section4 .swiper-slide .box-wrap .text-wrap .content-wrap {
        margin-top: 68%
    }

    .is-vertical .c-red-property .section4 .swiper-slide .box-wrap .text-wrap .number {
        font-size: 117px;
        top: 43%
    }

    .is-vertical .c-red-property .section4 .swiper-slide .box-wrap .img-wrap {
        height: 49%
    }
}

.is-vertical.is-tablet .c-red-property .section4 {
    padding-bottom: 100px
}

.is-vertical.is-tablet .c-red-property .section4 .swiper-slide {
    height: auto
}

.is-vertical.is-tablet .c-red-property .section4 .swiper-slide .box-wrap .text-wrap {
    margin-top: 0
}

.c-social-red-property-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 98;
    background: rgba(0,0,0,.6)
}

.c-social-red-property-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d19b83),color-stop(#fff),to(#fff));
    background-image: linear-gradient(180deg,#d19b83,#fff,#fff);
    width: 90%;
    max-width: 900px;
    padding: 60px;
    border-radius: 30px
}

.c-social-red-property-layer .content .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-social-red-property-layer .content .content-box .pic-box {
    width: 40%;
    height: 60vh;
    overflow: hidden
}

.c-social-red-property-layer .content .content-box .pic-box img {
    width: 100%
}

.c-social-red-property-layer .content .content-box .text-box {
    width: 55%
}

.c-social-red-property-layer .content .content-box .text-box .title {
    text-align: left
}

.c-social-red-property-layer .content .content-box .text-box .description {
    line-height: 2
}

.c-social-red-property-layer .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.2)));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2));
    display: block;
    content: "";
    pointer-events: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.c-social-red-property-layer .btn-close {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    bottom: -60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.c-social-red-property-layer .btn-close .line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    background: #fff
}

.c-social-red-property-layer .btn-close .line.line1 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-social-red-property-layer .btn-close .line.line2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-social-red-property-layer .btn-close:hover {
    border-color: #f68727
}

.c-social-red-property-layer .btn-close:hover .line {
    background: #f68727
}

@media screen and (min-width: 1600px) {
    .c-social-red-property-layer .content {
        max-width:1000px
    }
}

@media screen and (min-width: 1920px) {
    .c-social-red-property-layer .content {
        max-width:1200px
    }

    .c-social-red-property-layer .swiper-slide .img-wrap {
        padding-bottom: 50%
    }
}

.is-vertical .c-social-red-property-layer .content {
    width: 90%;
    padding: 20px
}

.is-vertical .c-social-red-property-layer .content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 30px 20px 20px
}

.is-vertical .c-social-red-property-layer .content-box .pic-box {
    width: 100%;
    height: 35vh;
    overflow: hidden
}

.is-vertical .c-social-red-property-layer .content-box .pic-box img {
    width: 100%
}

.is-vertical .c-social-red-property-layer .content-box .text-box {
    width: 100%;
    margin-top: 20px
}

.is-vertical .c-social-red-property-layer .content-box .text-box .title {
    text-align: center
}

.is-vertical .c-social-red-property-layer .content-box .text-box .description {
    line-height: 2;
    height: 150px;
    overflow-y: scroll
}

.c-rural-revitalization {
    overflow-x: hidden
}

.c-rural-revitalization .section1 {
    position: relative
}

.c-rural-revitalization .section1 .inner-container {
    padding: 150px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-rural-revitalization .section1 .inner-container .detail {
    display: none
}

.c-rural-revitalization .section1 .inner-container .left-wrap {
    width: 58%
}

.c-rural-revitalization .section1 .inner-container .left-wrap .pic {
    width: 100%
}

.c-rural-revitalization .section1 .inner-container .left-wrap .text {
    position: absolute;
    width: 50%;
    text-align: center;
    bottom: 48%;
    font-weight: 700;
    letter-spacing: 7px;
    left: -3%;
    letter-spacing: 14px
}

.c-rural-revitalization .section1 .inner-container .right-wrap {
    width: 31%;
    position: relative
}

.c-rural-revitalization .section1 .inner-container .right-wrap img {
    display: inline-block
}

.c-rural-revitalization .section1 .inner-container .right-wrap .pic1 {
    position: relative;
    width: 100%
}

.c-rural-revitalization .section1 .inner-container .right-wrap .pic2 {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    right: 0;
    border-radius: 8%
}

.c-rural-revitalization .section1 .inner-container .right-wrap .item {
    position: absolute;
    left: -40%;
    width: 38%
}

.c-rural-revitalization .section1 .inner-container .right-wrap .item .pic {
    width: 100%
}

.c-rural-revitalization .section1 .inner-container .right-wrap .item4 {
    top: 34%
}

.c-rural-revitalization .section1 .inner-container .right-wrap .item5 {
    left: -31%;
    z-index: 1;
    top: 70%
}

.c-rural-revitalization .section1 .inner-container .right-wrap .item6 {
    left: -80%;
    top: 14%
}

.c-rural-revitalization .section1 .inner-container .right-wrap .pic7 {
    display: none
}

.c-rural-revitalization .section1 .inner-container .right-wrap .item:hover {
    z-index: 2
}

.c-rural-revitalization .section1 .inner-container .right-wrap .pic {
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-rural-revitalization .section1 .inner-container .right-wrap .pic:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-rural-revitalization .section2 {
    position: relative
}

.c-rural-revitalization .section2 .bg {
    position: relative;
    margin-bottom: 10%
}

.c-rural-revitalization .section2 .term-swiper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.c-rural-revitalization .section2 .box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%
}

.c-rural-revitalization .section2 .box-wrap .img-wrap {
    width: 50%
}

.c-rural-revitalization .section2 .box-wrap .img-wrap .pic1-wrap {
    position: absolute;
    bottom: 0;
    height: 120%;
    width: 50%
}

.c-rural-revitalization .section2 .box-wrap .img-wrap .pic1-wrap .pic1,.c-rural-revitalization .section2 .box-wrap .img-wrap .pic2 {
    height: 100%;
    width: 100%
}

.c-rural-revitalization .section2 .box-wrap .text-wrap {
    width: 50%
}

.c-rural-revitalization .section2 .box-wrap .text-wrap .text {
    width: 25%;
    right: 18%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-rural-revitalization .section2 .box-wrap .text-wrap .text .title {
    color: #f68727
}

.c-rural-revitalization .section2 .box-wrap .text-wrap .text .title1 {
    padding: 14px 0
}

.c-rural-revitalization .section2 .swiper-button-next {
    right: 50%;
    -webkit-transform: translate(110%,-50%);
    transform: translate(110%,-50%);
    top: 100%;
    background-color: #f68727;
    opacity: 1
}

.c-rural-revitalization .section2 .swiper-button-prev {
    left: 50%;
    -webkit-transform: translate(-110%,-50%);
    transform: translate(-110%,-50%);
    top: 100%;
    background-color: #f68727;
    opacity: 1
}

.c-rural-revitalization .section2 .swiper-button-disabled {
    opacity: .4!important
}

.c-rural-revitalization .section2 .swiper-button-next:after,.c-rural-revitalization .section2 .swiper-button-prev:after {
    color: #fff
}

.c-rural-revitalization .section2 .swiper-button-next.swiper-button-disabled,.c-rural-revitalization .section2 .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.c-rural-revitalization .section2 .swiper-pagination {
    display: none
}

.is-vertical .c-rural-revitalization .section1 .inner-container {
    padding: 53px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-rural-revitalization .section1 .inner-container .left-wrap {
    width: 100%
}

.is-vertical .c-rural-revitalization .section1 .inner-container .left-wrap .text {
    top: 11%;
    width: 100%;
    text-align: center;
    letter-spacing: 7px;
    margin-left: 3%
}

.is-vertical .c-rural-revitalization .section1 .inner-container .right-wrap {
    width: 50%;
    right: -21%;
    padding-top: 6%;
    padding-bottom: 12%
}

.is-vertical .c-rural-revitalization .section1 .inner-container .right-wrap .pic7 {
    display: inline-block
}

.is-vertical .c-rural-revitalization .section1 .inner-container .right-wrap .item7 {
    top: 62%;
    left: -67%;
    width: 32%
}

.is-vertical .c-rural-revitalization .section1 .inner-container .right-wrap .item5 {
    top: 62%;
    left: -32%
}

.is-vertical .c-rural-revitalization .section1 .inner-container .right-wrap .item:hover {
    z-index: 2!important
}

.is-vertical .c-rural-revitalization .section1 .inner-container .detail {
    display: inline-block;
    width: 90%;
    padding-bottom: 10%
}

.is-vertical .c-rural-revitalization .section2 .bg {
    margin-bottom: 0
}

.is-vertical .c-rural-revitalization .section2 .box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-rural-revitalization .section2 .box-wrap .img-wrap {
    width: 100%;
    height: 50%;
    position: relative
}

.is-vertical .c-rural-revitalization .section2 .box-wrap .img-wrap .pic1-wrap {
    height: 116%;
    width: 100%
}

.is-vertical .c-rural-revitalization .section2 .box-wrap .img-wrap .pic1-wrap .pic1 {
    width: 116%
}

.is-vertical .c-rural-revitalization .section2 .box-wrap .text-wrap {
    width: 100%;
    height: 50%
}

.is-vertical .c-rural-revitalization .section2 .box-wrap .text-wrap .text {
    width: 70%;
    right: 18%;
    top: 54%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .c-rural-revitalization .section2 .box-wrap .text-wrap .text .title1 {
    padding: 7px 0
}

.is-vertical .c-rural-revitalization .section2 .swiper-button-next {
    right: 10%;
    -webkit-transform: translate(0);
    transform: translate(0);
    top: 87.5%;
    z-index: 3
}

.is-vertical .c-rural-revitalization .section2 .swiper-button-prev {
    left: 10%;
    -webkit-transform: translate(0);
    transform: translate(0);
    top: 87.5%;
    z-index: 3
}

.is-vertical .c-rural-revitalization .section2 .swiper-pagination {
    display: block;
    top: 86%;
    z-index: 2
}

.is-vertical .c-rural-revitalization .section2 .swiper-pagination-bullets .swiper-pagination-bullet,.is-vertical .c-rural-revitalization .section2 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 15%
}

.is-vertical .c-rural-revitalization .section2 .swiper-button-next:after,.is-vertical .c-rural-revitalization .section2 .swiper-button-prev:after {
    font-size: 11px
}

@media screen and (min-width: 768px) {
    .is-vertical .c-rural-revitalization .section2 .bg {
        margin-bottom:-30%
    }

    .is-vertical .c-rural-revitalization .section2 .swiper-button-next,.is-vertical .c-rural-revitalization .section2 .swiper-button-prev {
        top: 73.5%
    }

    .is-vertical .c-rural-revitalization .section2 .swiper-pagination {
        top: 73%
    }
}

.is-vertical.is-tablet .c-rural-revitalization .section2 {
    overflow: hidden
}

.c-charity {
    overflow-x: hidden
}

.c-charity .inner-container {
    width: 65%
}

.c-charity .section1 {
    position: relative
}

.c-charity .section1 .container {
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-charity .section2 .text-wrap {
    padding: 3% 0
}

.c-charity .section2 .img-wrap {
    position: relative
}

.c-charity .section2 .img-wrap .pic3-wrap {
    height: 100%;
    overflow: hidden;
    top: 0;
    position: absolute;
    border-radius: 15vh 0 0 0
}

.c-charity .section2 .img-wrap .pic3-wrap .pic3 {
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-charity .section2 .img-wrap .pic3-wrap .pic3:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-charity .section2 .detail {
    color: #fff;
    width: 30%;
    right: 5%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-charity .section2 .detail .title2 {
    padding-bottom: 10px
}

.c-charity .section2 .detail .description2 {
    border-top: 2px solid #fff;
    padding-top: 10px
}

.c-charity .section2 .pic1 {
    width: 64%
}

.c-charity .section3 {
    position: relative
}

.c-charity .section3 .container {
    position: absolute;
    top: 0;
    height: 100%;
    margin-left: 2.5%
}

.c-charity .section3 .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%
}

.c-charity .section3 .img-wrap {
    width: 55%;
    position: relative;
    z-index: 2
}

.c-charity .section3 .img-wrap .swiper-wrap {
    width: 80%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-charity .section3 .img-wrap .swiper-wrap .pic {
    position: absolute;
    top: 15%;
    left: 41%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    width: 100%
}

.c-charity .section3 .img-wrap .swiper-wrap .pic1 {
    top: 20%;
    left: 20%;
    z-index: 3
}

.c-charity .section3 .img-wrap .swiper-wrap .pic2 {
    top: 9%;
    left: 7%;
    z-index: 2;
    width: 95%;
    -webkit-filter: brightness(36%);
    filter: brightness(36%)
}

.c-charity .section3 .img-wrap .swiper-wrap .pic3 {
    top: 22%;
    left: 0;
    z-index: 1;
    width: 80%;
    -webkit-filter: brightness(36%);
    filter: brightness(36%)
}

.c-charity .section3 .img-wrap .swiper-control {
    position: absolute;
    bottom: 8%;
    left: 18%;
    width: 90%
}

.c-charity .section3 .img-wrap .swiper-control .texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 130%;
    margin-left: -15%
}

.c-charity .section3 .img-wrap .swiper-control .texts .cir-text {
    color: #fff;
    opacity: .5
}

.c-charity .section3 .img-wrap .swiper-control .texts .cir-text.active {
    opacity: 1
}

.c-charity .section3 .img-wrap .controls {
    position: absolute;
    top: -108%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #f68727;
    height: 100%
}

.c-charity .section3 .img-wrap .controls .line {
    width: 43%;
    overflow: hidden
}

.c-charity .section3 .img-wrap .controls .line .bg-line {
    width: 100%
}

.c-charity .section3 .img-wrap .controls .cir-point {
    width: 23px;
    height: 23px;
    padding: 1% 0;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #ebf8fc;
    opacity: .5
}

.c-charity .section3 .img-wrap .controls .cir-point:after {
    width: 12px;
    height: 12px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    content: "";
    background: #d19b83;
    border-radius: 50%
}

.c-charity .section3 .img-wrap .controls .cir-point.active,.c-charity .section3 .img-wrap .controls .cir-point.active:after {
    opacity: 1
}

.c-charity .section3 .text-wrap {
    width: 45%;
    position: relative
}

.c-charity .section3 .text-wrap .text {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-charity .section4 {
    position: relative
}

.c-charity .section4 .container {
    position: absolute;
    top: 0;
    height: 100%;
    margin-left: 2.5%
}

.c-charity .section4 .container .inner-container {
    position: relative;
    height: 100%
}

.c-charity .section4 .box-wrap {
    position: absolute;
    width: 50%;
    top: 15%
}

.c-charity .section4 .box-wrap .text-top {
    width: 95%
}

.c-charity .section4 .box-wrap .text-bottom {
    width: 90%;
    padding-top: 23%;
    color: #936957;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-charity .section4 .box-wrap .text-bottom .pic {
    width: 100px
}

.c-charity .section4 .box-wrap .text-bottom .pic img {
    width: 100%
}

.c-charity .section4 .box-wrap .text-bottom .text-wrap {
    margin-left: 5%
}

.c-charity .section4 .img-wrap {
    position: absolute;
    width: 50%;
    right: 0;
    top: 11%;
    text-align: center
}

.c-charity .section4 .img-wrap .pic2 {
    position: absolute
}

.c-charity .section4 .img-wrap .pic1,.c-charity .section4 .img-wrap .pic2 {
    width: 100%
}

.c-charity .section4 .img-wrap .text {
    margin-top: 3%;
    color: #8b5e4b;
    font-weight: 800
}

.is-vertical .c-charity .inner-container {
    width: 100%
}

.is-vertical .c-charity .section1 .container {
    width: 87%;
    top: 37%
}

.is-vertical .c-charity .section2 .inner-container {
    width: 90%
}

.is-vertical .c-charity .section2 .img-wrap .pic3-wrap {
    width: 100%;
    height: auto
}

.is-vertical .c-charity .section2 .text-wrap {
    padding: 12% 0;
    text-align: center
}

.is-vertical .c-charity .section2 .detail {
    width: 77%;
    right: 50%;
    -webkit-transform: translate(50%,44%);
    transform: translate(50%,44%)
}

.is-vertical .c-charity .section2 .detail .title2 {
    text-align: center
}

.is-vertical .c-charity .section2 .detail .description2 {
    border-top: 1px solid #fff;
    font-weight: 200
}

.is-vertical .c-charity .section2 .pic1 {
    width: 72%
}

.is-vertical .c-charity .section3 .container {
    width: 100%;
    margin-left: 0
}

.is-vertical .c-charity .section3 .inner-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-charity .section3 .img-wrap {
    width: 95%;
    height: 70%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-wrap {
    top: 48%;
    width: 90%;
    margin-left: 5%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-wrap .pic {
    width: 80%;
    top: 10%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-wrap .pic1 {
    left: auto;
    width: 100%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-wrap .pic2 {
    top: 15%;
    left: -78%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-wrap .pic3 {
    top: 15%;
    left: 98%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-control {
    bottom: 2%;
    left: 10%;
    width: 80%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-control .controls {
    height: 50%;
    top: -62%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-control .line {
    width: 47%
}

.is-vertical .c-charity .section3 .img-wrap .swiper-control .texts .cir-text {
    font-size: 12px;
    height: 60px;
    width: 33%;
    text-align: center
}

.is-vertical .c-charity .section3 .img-wrap .swiper-control .texts .cir-text.active {
    font-size: 14px
}

.is-vertical .c-charity .section3 .text-wrap {
    width: 90%
}

.is-vertical .c-charity .section3 .text-wrap .text {
    width: 100%;
    margin-top: -25%
}

.is-vertical .c-charity .section4 .container {
    width: 95%
}

.is-vertical .c-charity .section4 .box-wrap {
    width: 100%;
    top: 8%
}

.is-vertical .c-charity .section4 .box-wrap .text-top {
    width: 90%;
    margin-left: 5%
}

.is-vertical .c-charity .section4 .box-wrap .text-top .h2 {
    text-align: center;
    margin-bottom: 3%
}

.is-vertical .c-charity .section4 .box-wrap .text-bottom {
    width: 95%;
    padding-top: 158%
}

.is-vertical .c-charity .section4 .box-wrap .text-bottom .h4 {
    text-align: center;
    line-height: 2.5
}

.is-vertical .c-charity .section4 .img-wrap {
    width: 100%;
    top: 21%;
    height: 100%;
    position: relative
}

.is-vertical .c-charity .section4 .img-wrap .text {
    bottom: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70%
}

.is-vertical .c-charity .section4 .img-wrap .pic1 {
    display: none
}

@media screen and (min-width: 768px) {
    .is-vertical .c-charity .section2 .detail {
        padding-top:13%
    }

    .is-vertical .c-charity .section3 .text-wrap .text,.is-vertical .c-charity .section4 .box-wrap .text-top .h6 {
        text-align: center
    }

    .is-vertical .c-charity .section4 .box-wrap .text-bottom {
        padding-top: 167%;
        text-align: center
    }

    .is-vertical .c-charity .section4 .box-wrap .text-bottom .h4 {
        line-height: 3.5
    }

    .is-vertical .c-charity .section4 .img-wrap {
        top: 18%
    }

    .is-vertical .c-charity .section4 .img-wrap .text {
        bottom: 49%
    }
}