.banner {width:100%; text-align: center; overflow:hidden;position:relative;height:1000px; background:url(../images/about/about.jpg) rgba(0,0,0,.25) no-repeat center center; margin:0 auto;background-size:cover;}
.banner .stage{width:1160px; margin-top: 150px;}
.banner .stage h1{}
.banner .stage .video{width: 600px; height: 350px;margin:25px auto 45px auto; }
.banner .stage .video img{width: 600px; height: 350px;}
.banner .stage .video video{width: 600px; height: 350px;}
.banner ul{display: block;text-align:center;}
.banner ul li{box-shadow: 0 4px 8px rgba(0,0,0,0.5);overflow:hidden;list-style-type: none; border-radius: 5px; position:relative;width: 150px;margin:5px;display: inline-block; height: 60px; background: #fff;}
.banner ul li img{width: 100%; height: 100%;}

.intro_background {width:100%; height:850px; background:url(../images/about/about.jpg) no-repeat center center;margin:0 auto;}
.intro{padding: 150px 0 0;width: 100%; height:700px; margin-top: -850px;  overflow: hidden;}
.intro .w{padding: 30px 0; background: rgba(255,255,255,.8);}
.intro h1{font-size: 36px;font-weight: 400; text-align: center;}
.intro h2{font-size: 21px; font-weight: 400; text-align: center; color: #333; padding: 10px 0; overflow:hidden; }
.intro .img img{width: 100%; opacity: 0.8;}
.intro article{line-height: 24px;padding: 30px 60px;}
.intro article p{text-indent: 32px;padding: 5px 0;line-height: 32px;font-size:16px;}
.intro article p b{font-weight: 600;/*border-bottom: 1px #ff5300 dashed*/}

.video {padding: 150px 0 150px 0; background:url(../images/about/video_bg.jpg) no-repeat center center;}
.video .stage{width:1160px; text-align: center;}
.video .module{padding-bottom: 80px;}
.video .content{width: 840px; margin: 0 auto; text-align: left;}
.video .content img{width: 180px;}
.video .content video{width: 840px;}

.team{padding: 60px 0 0;}
.team h1{font-size: 36px;font-weight: 400; text-align: center;}
.team h2{font-size: 21px; font-weight: 400; text-align: center; color: #9f9f9f; padding: 10px 0; overflow:hidden; }
.team article{line-height: 28px;padding: 30px 0 0;}
.team article p{text-indent: 32px;padding: 5px 0; font-size: 21px; text-align:center;}
.team ul li{width:20%; float: left;display: inline-block;list-style: none;}

.supply_background {width:100%; height:740px; background:url(../images/about/supply.jpg) no-repeat center center fixed;margin:0 auto;
    background-size: cover;-webkit-background-size: cover;-o-background-size: cover;}

.supply{height: 740px; overflow: hidden;text-align: center;position: relative; margin-top: -740px; background: rgba(255,255,255,.6)}
.supply .module img{padding-top: 93px; margin: 0 auto;}
.supply .words{padding: 25px 0;}
.supply h1{font-size: 24px; font-weight: 400;text-shadow: 0 4px 8px rgba(0,0,0,0.5);}
.supply p{font-size: 24px;text-shadow: 0 4px 8px rgba(0,0,0,0.5);}
.supply .brands{padding-top: 30px;}
.supply .brands li{width: 24%; display: inline-block;}
.supply .brands li img{width: 75%;}
.supply .brands li dd{line-height: 36px; font-size: 18px;}

.history_background {width:100%; height:680px; background:url(../images/about/history.jpg) no-repeat center center fixed;margin:0 auto;
    background-size: cover;-webkit-background-size: cover;-o-background-size: cover;opacity: 0.5;}

.history{height: 680px; overflow: hidden;text-align: center;position: relative; margin-top: -680px;}
.history img{padding-top: 93px; margin: 0 auto;}


@-webkit-keyframes ball-scale-multiple-dot {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@-moz-keyframes ball-scale-multiple-dot {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@keyframes ball-scale-multiple-dot {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

.pro-pay-dot .pro-pay-dot-animation:nth-child(2), .tumax-video-play .play-animation:nth-child(2), .tutorial-video-play .play-animation:nth-child(2) {
    -webkit-animation-delay: -1.4s;
    -moz-animation-delay: -1.4s;
    animation-delay: -1.4s
}

.pro-pay-dot .pro-pay-dot-animation:nth-child(3), .tumax-video-play .play-animation:nth-child(3), .tutorial-video-play .play-animation:nth-child(3) {
    -webkit-animation-delay: -.7s;
    -moz-animation-delay: -.7s;
    animation-delay: -.7s
}

.tutorial-video-play .play-animation {
    background-color: #000;
    width: 45px;
    height: 44px
}

.pro-pay-dot .pro-pay-dot-animation, .tumax-video-play .play-animation, .tutorial-video-play .play-animation {
    display: block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    opacity: 0
}

.tumax-video-play .play-animation, .tutorial-video-play .play-animation {
    -webkit-animation: ball-scale-multiple 3s 0s linear infinite;
    -moz-animation: ball-scale-multiple 3s 0s linear infinite;
    animation: ball-scale-multiple 3s 0s linear infinite
}

.pro-pay {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    background-color: #ff5300
}

.pro-pay-header {
    position: absolute;
    left: 50%;
    top: 52px;
    z-index: 2;
    width: 394px;
    margin-left: -197px;
    text-align: center;
    color: #fff
}

.pro-pay-header .pro-pay-title {
    font-size: 32px;
    font-weight: 400
}

.pro-pay-header .pro-pay-description {
    font-size: 18px;
    margin-top: 8px
}

.pro-pay-container, .pro-pay-img {
    top: 50%;
    margin-top: -94px;
    margin-left: -960px;
    width: 1920px;
    height: 600px
}

.pro-pay-img {
    position: absolute;
    left: 50%;
    z-index: 1
}

.pro-pay-btn, .pro-pay-container {
    position: absolute;
    left: 50%;
    z-index: 2
}

.pro-pay-dot {
    position: absolute;
    width: 12px; /**/
    height: 12px; /**/
}

.pro-pay-dot.dot-1 {
    top: 145px;
    left: 527px
}

.pro-pay-dot.dot-2 {
    top: 146px;
    left: 650px
}

.pro-pay-dot.dot-3 {
    top: 145px;
    left: 773px
}

.pro-pay-dot.dot-4 {
    top: 145px;
    left: 896px
}

.pro-pay-dot.dot-5 {
    top: 145px;
    left: 1142px
}

.pro-pay-dot.dot-6 {
    top: 145px;
    left: 1381px
}

/*.pro-pay-dot.dot-7 {*/
    /*top: 145px;*/
    /*right: 780px*/
/*}*/

/*.pro-pay-dot.dot-8 {*/
    /*top: 145px;*/
    /*right: 849px*/
/*}*/

.pro-pay-dot .pro-pay-dot-animation {
    -webkit-animation: ball-scale-multiple-dot 3s 0s linear infinite;
    -moz-animation: ball-scale-multiple-dot 3s 0s linear infinite;
    animation: ball-scale-multiple-dot 3s 0s linear infinite;
    background-color: #ff5300;
    width: 12px; /**/
    height: 12px; /**/
}

.team .album {
    width: 1160px;
    height: 460px;
    margin: 120px auto 0;
    position: relative;
    overflow: hidden;
}

    .team .album .container {
        position: absolute;
        width: 498px;
        height: 220px;
        top: 0;
        left: 50%;
        margin-left: -280px;
    }

        .team .album .container li {
            position: absolute;
            top: 0;
            left: 0;
            width: 560px;
            height: 360px;
            transition: all 0.3s ease;
        }

            .team .album .container li img {
                width: 100%;
                height: 100%;
                vertical-align: middle;
                display: inline-block;
            }

    .team .album .btn_left, .team .album .btn_right {
        display: none;
        width: 300px;
        height: 270px;
        position: absolute;
        top: 45px;
        z-index: 50;
        color: #fff;
        line-height: 275px;
    }

    .team .album .btn_left {
        text-align: center;
        left: 0;
    }

    .team .album .btn_right {
        text-align: center;
        right: 0;
    }

    .team .album i {
        font-size: 50px;
    }

    .team .album .btn_close {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        display: none;
        line-height: 20px;
        text-align: center;
        background-color: #BCB9B9;
        color: #fff;
    }

        .team .album .btn_close i {
            font-size: 18px;
        }

    .team .album .buttons {
        width: 370px;
        height: 5px;
        line-height: 5px;
        position: absolute;
        bottom: 5px;
        left: 50%;
        margin-left: -185px;
        z-index: 80;
    }

        .team .album .buttons a {
            float: left;
            width: 40px;
            height: 5px;
            background-color: #898F94;
            margin-right: 15px;
        }

            .team .album .buttons a.color {
                background-color: #92ffff;
            }

            .team .album .buttons a:last-child {
                margin-right: 0;
            }

.container .p1 {
    transform: translate3d(-900px, 0, 0) scale(0.75);
    opacity: 0.4;
    z-index: 1;
}

.container .p2 {
    transform: translate3d(-900px, 0, 0) scale(0.75);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.container .p3 {
    transform: translate3d(-300px, 0, 0) scale(0.75);
    transform-origin: 0 50%;
    opacity: 0.75;
    z-index: 3;
}

.container .p4 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.container .p5 {
    transform: translate3d(440px, 0, 0) scale(0.75);
    transform-origin: 0 50%;
    opacity: 0.75;
    z-index: 3;
}

.container .p6 {
    transform: translate3d(880px, 0, 0) scale(0.75);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.container .p7 {
    transform: translate3d(880px, 0, 0) scale(0.75);
    transform-origin: 0 50%;
    opacity: 0.4;
    z-index: 1;
}