.swiper-bg-single.ppxl.active-bg~.layout-bg {
    display: none
}
.index-slide-ppxl-desc, .index-slide-ppxl-title {
    display: inline-block;
    font-weight: 700;
    color: #222
}
.index-cntr .swiper-bg .swiper-bg-single.ppxl {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), to(#49c6a2));
    background: -webkit-linear-gradient(#fff 20%, #49c6a2);
    background: -o-linear-gradient(#fff 20%, #49c6a2);
    background: linear-gradient(#fff 20%, #49c6a2)
}
.index-slide-ppxl .index-slide-cont>.index-slide-doc.i-mod {
    position: relative;
    height: 100%
}
.index-slide-ppxl-cont {
    padding: 140px 0 0
}
.index-slide-ppxl-cont>h2 {
    font-size: 0;
    line-height: 0;
    text-align: center
}
.index-slide-ppxl-desc {
    margin: 0 0 18px;
    line-height: 1;
    font-size: 24px
}
.index-slide-ppxl-title {
    margin: 0 0 68px;
    line-height: 1;
    font-size: 46px
}
.index-slide-ppxl-cont .btn {
    display: block;
    margin: 0 auto
}
.index-slide-ppxl-bg-top {
    display: none
}
.swiper-slide-active .index-slide-ppxl-bg-top {
    display: block
}
.index-slide-ppxl-bg-top-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px
}
.index-slide-ppxl-bg-top-item.i-1 {
    top: 60px
}
.index-slide-ppxl-bg-top-item.i-2 {
    top: 86px
}
.index-slide-ppxl-bg-top-item.i-3 {
    top: 180px
}
.index-slide-ppxl-bg-top-item.i-4 {
    top: 200px
}
.index-slide-ppxl-bg-top-item.i-5 {
    top: 365px
}
.index-slide-ppxl-bg-top-item.i-10, .index-slide-ppxl-bg-top-item.i-11, .index-slide-ppxl-bg-top-item.i-6, .index-slide-ppxl-bg-top-item.i-7, .index-slide-ppxl-bg-top-item.i-8, .index-slide-ppxl-bg-top-item.i-9 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.index-slide-ppxl-bg-top-item.i-6 {
    top: 157px
}
.index-slide-ppxl-bg-top-item.i-7 {
    top: 120px
}
.index-slide-ppxl-bg-top-item.i-8 {
    top: 240px
}
.index-slide-ppxl-bg-top-item.i-9 {
    top: 260px
}
.index-slide-ppxl-bg-top-item.i-10 {
    top: 288px
}
.index-slide-ppxl-bg-top-item.i-11 {
    top: 339px
}
.index-slide-ppxl-bg-top-item-line {
    --ppxlLeft: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9px
}
.index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(var(--ppxlLeft)/ 1880 * 100%)
}
.index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(var(--ppxlLeft)/ 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-1 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(804 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-1 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(804 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-2 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(1707 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-2 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(1707 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-3 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(350 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-3 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(350 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-4 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(1303 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-4 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(1303 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-5 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(153 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-5 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(153 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-6 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(335 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-6 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(335 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-7 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(1402 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-7 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(1402 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-8 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(742 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-8 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(742 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-9 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(1636 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-9 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(1636 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-10 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(1043 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-10 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(1043 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item.i-11 .index-slide-ppxl-bg-top-item-line.i-right {
    left: calc(49 / 1880 * 100%)
}
.index-slide-ppxl-bg-top-item.i-11 .index-slide-ppxl-bg-top-item-line.i-left {
    left: calc(49 / 1880 * 100% - 100%)
}
.index-slide-ppxl-bg-top-item-dot {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50% 0 0 50%;
    background: rgba(73, 198, 162, .15);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
    z-index: 0;
    -webkit-animation-name: aniPpxlLeft100;
    animation-name: aniPpxlLeft100;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 1, 0, 0);
    animation-timing-function: cubic-bezier(1, 1, 0, 0);
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}
.index-slide-ppxl-bg-top-item-dot:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 9px;
    width: 389px;
    height: 9px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(73, 198, 162, .15)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(73, 198, 162, .15), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(left, rgba(73, 198, 162, .15), rgba(255, 255, 255, 0));
    background: linear-gradient(to right, rgba(73, 198, 162, .15), rgba(255, 255, 255, 0))
}
.index-slide-ppxl-bg-top-item-line.i-right .index-slide-ppxl-bg-top-item-dot {
    left: 0;
    -webkit-animation-name: aniPpxlLeft;
    animation-name: aniPpxlLeft
}
@-webkit-keyframes aniPpxlLeft100 {
    0% {
        opacity: 1;
        left: 100%
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@keyframes aniPpxlLeft100 {
    0% {
        opacity: 1;
        left: 100%
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@-webkit-keyframes aniPpxlLeft {
    0% {
        opacity: 1;
        left: 100%
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@keyframes aniPpxlLeft {
    0% {
        opacity: 1;
        left: 100%
    }
    100% {
        opacity: 1;
        left: 0
    }
}
.mobile_agent .index-slide-ppxl-bg-top-item-dot {
    width: 4.5px;
    height: 4.5px;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}
.mobile_agent .index-slide-ppxl-bg-top-item-dot:after {
    left: 4.5px;
    width: 194.5px;
    height: 4.5px
}
.index-slide-ppxl-bg {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff
}
.swiper-slide-active .index-slide-ppxl-bg {
    display: block;
    will-change: auto
}
.index-slide-ppxl-bg-item {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    opacity: 0;
    -webkit-animation-name: indexPpxlFadeInUp;
    animation-name: indexPpxlFadeInUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: .45s;
    animation-duration: .45s
}
.index-slide-ppxl-bg-item-title {
    margin: 0 0 8px;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    -webkit-box-shadow: 0 5px 5px 0 rgba(73, 198, 162, .35);
    box-shadow: 0 5px 5px 0 rgba(73, 198, 162, .35)
}
.index-slide-ppxl-bg-item-line {
    position: relative;
    margin: 0 auto;
    width: 0;
    height: 100px;
    border: 0 dashed #fff;
    border-width: 0 2px 0 0
}
.index-slide-ppxl-bg-item-line::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(255, 255, 255, 0)), to(#49c6a2));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 65%, #49c6a2);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 65%, #49c6a2);
    background: linear-gradient(rgba(255, 255, 255, 0) 65%, #49c6a2)
}
.index-slide-ppxl-bg-left {
    position: absolute;
    width: 100%;
    left: calc((64 + 34)/ 1180 * -100%);
    bottom: 0
}
.index-slide-ppxl-bg-item.i-1 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    left: calc(34 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-1 .index-slide-ppxl-bg-item-line {
    height: 96px
}
.index-slide-ppxl-bg-item.i-2 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    left: calc(101 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-2 .index-slide-ppxl-bg-item-line {
    height: 204px
}
.index-slide-ppxl-bg-item.i-3 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    left: calc(161 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-3 .index-slide-ppxl-bg-item-line {
    height: 70px
}
.index-slide-ppxl-bg-item.i-4 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    left: calc(251 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-4 .index-slide-ppxl-bg-item-line {
    height: 166px
}
.index-slide-ppxl-bg-item.i-5 {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
    left: calc(309 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-5 .index-slide-ppxl-bg-item-line {
    height: 120px
}
.index-slide-ppxl-bg-item.i-6 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    left: calc(388 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-6 .index-slide-ppxl-bg-item-line {
    height: 142px
}
.index-slide-ppxl-bg-right {
    position: absolute;
    width: 100%;
    right: calc((84 + 32)/ 1180 * -100%);
    bottom: 0
}
.index-slide-ppxl-bg-item.i-7 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    right: calc(387 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-7 .index-slide-ppxl-bg-item-line {
    height: 96px
}
.index-slide-ppxl-bg-item.i-8 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    right: calc(321 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-8 .index-slide-ppxl-bg-item-line {
    height: 204px
}
.index-slide-ppxl-bg-item.i-9 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    right: calc(260 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-9 .index-slide-ppxl-bg-item-line {
    height: 70px
}
.index-slide-ppxl-bg-item.i-10 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    right: calc(170 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-10 .index-slide-ppxl-bg-item-line {
    height: 166px
}
.index-slide-ppxl-bg-item.i-11 {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
    right: calc(112 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-11 .index-slide-ppxl-bg-item-line {
    height: 120px
}
.index-slide-ppxl-bg-item.i-12 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    right: calc(32 / 1180 * 100%)
}
.index-slide-ppxl-bg-item.i-12 .index-slide-ppxl-bg-item-line {
    height: 142px
}
@-webkit-keyframes indexPpxlFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes indexPpxlFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.mobile_agent .index-slide-ppxl-bg-item-title {
    font-size: 12px
}
.mobile_agent .index-slide-ppxl-bg-item-line {
    border-width: 0 1px 0 0
}
.mobile_agent .index-slide-ppxl-bg-item-line::after {
    width: 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(255, 255, 255, 0)), to(#49c6a2));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 55%, #49c6a2);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 55%, #49c6a2);
    background: linear-gradient(rgba(255, 255, 255, 0) 55%, #49c6a2)
}
.mobile_agent .index-slide-ppxl-bg-left {
    left: calc((0 + 38)/ 686 * -100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-1 {
    left: calc(60 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-1 .index-slide-ppxl-bg-item-line {
    height: 58px
}
.mobile_agent .index-slide-ppxl-bg-item.i-2 {
    left: calc(121 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-2 .index-slide-ppxl-bg-item-line {
    height: 112px
}
.mobile_agent .index-slide-ppxl-bg-item.i-3 {
    left: calc(171 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-3 .index-slide-ppxl-bg-item-line {
    height: 44px
}
.mobile_agent .index-slide-ppxl-bg-item.i-4 {
    left: calc(243 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-4 .index-slide-ppxl-bg-item-line {
    height: 84px
}
.mobile_agent .index-slide-ppxl-bg-item.i-5 {
    left: calc(298 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-5 .index-slide-ppxl-bg-item-line {
    height: 52px
}
.mobile_agent .index-slide-ppxl-bg-item.i-6 {
    left: calc(355 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-6 .index-slide-ppxl-bg-item-line {
    height: 74px
}
.mobile_agent .index-slide-ppxl-bg-right {
    right: calc((0 + 32)/ 686 * -100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-7 {
    right: calc(353 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-7 .index-slide-ppxl-bg-item-line {
    height: 104px
}
.mobile_agent .index-slide-ppxl-bg-item.i-7 .index-slide-ppxl-bg-item-logo {
    height: 17.5px
}
.mobile_agent .index-slide-ppxl-bg-item.i-8 {
    right: calc(250 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-8 .index-slide-ppxl-bg-item-line {
    height: 118px
}
.mobile_agent .index-slide-ppxl-bg-item.i-8 .index-slide-ppxl-bg-item-logo {
    height: 21px
}
.mobile_agent .index-slide-ppxl-bg-item.i-9 {
    right: calc(217 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-9 .index-slide-ppxl-bg-item-line {
    height: 66px
}
.mobile_agent .index-slide-ppxl-bg-item.i-9 .index-slide-ppxl-bg-item-logo {
    height: 19px
}
.mobile_agent .index-slide-ppxl-bg-item.i-10 {
    right: calc(150 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-10 .index-slide-ppxl-bg-item-line {
    height: 100px
}
.mobile_agent .index-slide-ppxl-bg-item.i-10 .index-slide-ppxl-bg-item-logo {
    height: 25px
}
.mobile_agent .index-slide-ppxl-bg-item.i-11 {
    right: calc(111 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-11 .index-slide-ppxl-bg-item-line {
    height: 54px
}
.mobile_agent .index-slide-ppxl-bg-item.i-11 .index-slide-ppxl-bg-item-logo {
    height: 14px
}
.breadcrumb, .mobile_agent .index-slide-ppxl-bg-item.i-12 .index-slide-ppxl-bg-item-line {
    height: 80px
}
.mobile_agent .index-slide-ppxl-bg-item.i-12 {
    right: calc(54 / 686 * 100%)
}
.mobile_agent .index-slide-ppxl-bg-item.i-12 .index-slide-ppxl-bg-item-logo {
    height: 17px
}
.mobile_agent .index-cntr .swiper-bg .swiper-bg-single.ppxl {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(#49c6a2));
    background: -webkit-linear-gradient(#fff 40%, #49c6a2);
    background: -o-linear-gradient(#fff 40%, #49c6a2);
    background: linear-gradient(#fff 40%, #49c6a2)
}
.index-apps-item-box, .index-apps-item-img {
    background-repeat: no-repeat;
    display: block
}
.mobile_agent .index-slide-ppxl-cont {
    padding: 98px 0 0;
    text-align: center
}
.mobile_agent .index-slide-ppxl-desc {
    margin: 0 0 18px;
    font-size: 12px
}
.mobile_agent .index-slide-ppxl-title {
    margin: 0 0 30px;
    font-size: 23px
}
.mobile_agent .index-cntr .index-caput-wrap .index-slide-ppxl .btn-impt {
    display: inline-block;
    margin: 0;
    padding: 14px 22px;
    width: auto;
    height: auto;
    line-height: 1;
    font-size: 16px
}



/**********************************************/


.index-cntr .index-slide-inner {
    position: relative;
    padding: 0;
    height: 520px;
    border-radius: 4px;
    overflow: hidden;
}
.index-cntr .swiper-slide {
    will-change: transform;
}
.index-cntr .index-caput-wrap {
    position: relative;
    /*padding: 0 20px;*/
    font-size: 0;
}

.index-cntr .index-slide-cont, .index-cntr .index-slide-item {
    width: 100%;
    position: absolute;
    height: 100%;
}
.index-cntr .index-slide-cont {
    z-index: 3;
}
.index-cntr .index-slide-cont, .index-cntr .index-slide-item {
    width: 100%;
    position: absolute;
    height: 100%;
}
.index-cntr .index-slide-doc.i-mod {
    width: 1180px;
    max-width: 100%;
}
.index-cntr .index-slide-doc {
    position: relative;
    margin: 0 auto;
}
.index-cntr .index-slide-2 .index-slide-2-cont {
    position: absolute;
    left: 0;
    padding-top: 120px;
    visibility: hidden;
}
.index-cntr .index-slide-2 .index-slide-2-cont h2 {
    margin: 0;
    padding: 0;
    line-height: 1;
}
.index-cntr .index-caput-wrap .index-caput-header {
    margin: 0;
    font-size: 42px;
    color: #fff;
    font-weight: 400;
}
.index-cntr .index-caput-header {
    font-size: 50px;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.index-cntr .index-caput-wrap .index-caput-header .symbol {
    margin-right: 15px;
}
.index-cntr .index-slide-2 .index-caput-feature {
    margin: 25px 2px 30px 0;
}
.index-cntr .index-caput-wrap .index-caput-feature {
    font-size: 18px;
    margin: 33px 2px 29px 0;
    padding: 0;
    font-family: 'Microsoft Yahei Light','Microsoft Yahei',Lantinghei,verdana,sans-serif;
    color: #fff;
}
.index-cntr .index-caput-feature {
    margin: 15px 2px 29px 0;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.index-cntr .index-caput-wrap .index-caput-feature li {
    line-height: 2;
}
.index-cntr .index-caput-wrap .index-caput-feature {
    font-size: 18px;
    margin: 33px 2px 29px 0;
    padding: 0;
    font-family: 'Microsoft Yahei Light','Microsoft Yahei',Lantinghei,verdana,sans-serif;
    color: #fff;
}
.index-cntr .index-slide-2 .index-slide-2-img_1 {
    position: absolute;
    top: 245px;
    right: 556px;
    width: 169px;
    height: 290px;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.index-cntr .index-slide-cont.i-after {
    z-index: 1;
}
.index-cntr .index-slide-cont {
    z-index: 3;
}
.index-cntr .index-slide-cont, .index-cntr .index-slide-item {
    width: 100%;
    position: absolute;
    height: 100%;
}
.index-cntr .index-slide-doc.i-mod {
    width: 1180px;
    max-width: 100%;
}
.index-cntr .index-slide-doc {
    position: relative;
    margin: 0 auto;
}
.index-cntr .index-slide-2 .index-slide-2-img_2 {
    position: absolute;
    top: 85px;
    right: 30px;
    width: 631px;
    height: 462px;
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.mobile_agent .index-cntr .index-slide-inner {
    height: 100%;
}


.mobile_agent .index-cntr .index-slide-2 .index-slide-2-img_1 {
    top: inherit;
    right: 72%;
    width: 80px;
    height: 116px;
    bottom: 0;
}
.mobile_agent .index-cntr .index-slide-2 .index-slide-2-img_2 {
    top: 258px;
    width: 269px;
    height: 196px;
    right: 46%;
    margin-right: -135px;
}


.mobile_agent .index-slide-2-cont {
    width: 100%;
    padding-top: 38px;
    text-align: center;
}
.mobile_agent .index-cntr .index-slide-2 .index-slide-2-cont {
    padding-top: 38px;
}
.mobile_agent .index-caput-wrap .index-caput-header {
    font-size: 32px;
    text-align: center;
}
.mobile_agent .index-caput-wrap .index-caput-header .symbol {
    margin: 0 0 5px;
}
.mobile_agent .index-slide-2-cont h2 span {
    display: block;
}
.mobile_agent .index-slide-2-cont .index-caput-feature{
    margin: 25px 2px 30px 0;
}
.mobile_agent .index-slide-2-cont .index-caput-feature li {
    text-align: center;
    margin: 0 auto 11px;
    margin: 0 auto 0px;
    font-size: 0;
    display: inline-block;
}
.mobile_agent .index-slide-2-cont .index-caput-feature li span {
    font-size: 13px;
}

.mobile_agent .index-cntr .index-caput-wrap .line:after {
    margin-left: 0;
    position: absolute;
    right: 0;
    height: 0px;
    top: 8px;
    display: block;
}


@media screen and (max-width: 768px)
{
    .index-cntr .section h2 {
        font-size: 22px;
    }
}


.mobile_agent .index-slide-1-cont .btn-impt .line::after, .mobile_agent .index-slide-1-cont .btn-impt i {
    display: block;
}

@media screen and (max-width: 768px){
    .build-main .build-made {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 768px){
    .ccc{
        display: none;
    }
    .mmm{
        display: block;
    }
}   
@media screen and (min-width: 768px){
    .ccc{
        display: block;
    }
    .mmm{
        display: none;
    }
}