.carousel-item > img {
    width: 100%;
}

.home-info {
    position: absolute;
    top: 15%;
    color: white;
    width: 70%;
    left: 15%;
}

.top-title {
    color: #FFFFFF;
    font-size: 60px;
    line-height: 100px;
}

    .top-title > div {
        vertical-align: middle;
        margin-top: -10px;
        display: inline-block;
    }

    .top-title > img {
        vertical-align: middle;
        display: inline-block;
    }

.top-info {
    font-size: 24px;
    letter-spacing: 10px;
    font-weight: 200;
}

.info {
    font-size: 16px;
    color: white;
    font-weight: 200;
    margin-top: 20px;
    opacity: 0.6;
}

.btn {
    width: 170px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    cursor: pointer;
    border: 1px solid white;
    margin-top: 40px;
    color: white;
}

    .btn:hover {
        color: white;
        border-color: white;
    }

.top-title2 {
    font-size: 60px;
}

    .top-title2 div {
        display: inline-block;
    }

    .top-title2 .icon {
        vertical-align: top;
        margin-top: 10px;
        text-align: center;
        line-height: 32px;
        font-size: 16px;
        width: 80px;
        height: 32px;
        background-image: url('/image/home_banner_tag_bg.png');
    }

.item2-content {
    color: white;
    opacity: 0.7;
    margin-top: 24px;
    font-size: 20px;
}


.my-product {
    width: 100%;
    background: white;
}

.product-content {
    width: 1150px;
    margin: 0 auto;
    text-align: center;
}

.title {
    color: #333;
    font-size: 40px;
    margin-top: 50px;
}

    .title > .title-info {
        color: #888888;
        font-size: 20px;
    }

.tap-box {
    margin-top: 60px;
}

    .tap-box > .tap {
        padding: 0 70px;
        border-bottom: 1px solid #D5DEF6;
        position: relative;
    }

        .tap-box > .tap > .tap-item {
            width: 240px;
            padding-bottom: 20px;
            display: inline-block;
            position: relative;
            cursor: pointer;
            font-size: 20px;
            color: #333333;
        }

.tap-item > img {
    display: none;
    position: absolute;
    left: 30px;
    bottom: -2px;
    background-color: white;
}

.tap-box .current {
    color: #2A5DEC !important;
    display: inline-block !important;
}

    .tap-box .current > img {
        display: inline-block !important;
    }


.scroll-x-dom {
    width: 3753px;
    transition: margin 1s;
}

.scroll-x-box{
    width: 100%;
    padding-top: 10px;
    overflow-x: hidden;
}

.btn-img{
    position: absolute;
    left: -60px;
    width: 20px;
    top: 240px;
    height: 40px;
    cursor: pointer;
}

.right-btn{
    right: -60px;
    left: auto;
}

.content-item {
    text-align: left;
    padding-left: 20px;
    padding-top: 112px;
    padding-bottom: 150px;
    position: relative;
}

.content-text {
    position: relative;
    z-index: 2;
}

.item-bg1 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    right: -200px;
    background-image: url('/image/home_tab1_pic.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.item-bg2 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    right: -200px;
    background-image: url('/image/home_tab2_pic.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.item-title > img {
    vertical-align: top;
    margin-top: 3px;
    margin-right: 16px;
}

.item-title > div {
    display: inline-block;
}

    .item-title > div > .top-text {
        color: #333;
        font-size: 30px;
    }

    .item-title > div > .bottom-text {
        color: #888888;
        font-size: 16px;
    }

.item-content {
    margin-top: 50px;
}

    .item-content > .item {
        margin-left: 0px;
        min-width: 280px;
        margin-bottom: 36px;
        display: inline-block;
    }

        .item-content > .item > img {
            vertical-align: middle;
            display: inline-block;
            margin-right: 20px;
        }

        .item-content > .item > div {
            vertical-align: middle;
            display: inline-block;
        }

            .item-content > .item > div > .top-text {
                font-size: 20px;
                color: #333333;
            }

            .item-content > .item > div > .bottom-text {
                font-size: 14px;
                color: #888888;
            }

.tap-content .btns .btn {
    color: #2A5DEC;
    border: 1px solid #2A5DEC;
    font-size: 16px;
}

.content-item > .img {
    display: inline-block;
    width: 40px;
}

.content-item > .left-right-item {
    margin-top: -65px;
    display: inline-block;
    width: calc(50% - 25px);
    text-align: center;
    vertical-align: top;
}

.content-item .item-info {
    margin-top: 20px;
    color: #888888;
    padding: 0 20px;
    font-size: 16px;
    margin-bottom: 20px;
}

.link-item {
    display: inline-block;
    width: 280px;
    vertical-align: top;
    cursor: pointer;
    background: #F8F8F8;
    margin-left: 5px;
}

.link-item-two {
    margin-left: 20px;
    margin-right: 20px;
}

.link-item img {
    width: 100%;
}

.link-item-text {
    padding: 30px 20px 0;
    height: 200px;
    text-align:left;
}

.link-item-title {
    color: #333333;
    font-size: 20px;
    margin-bottom: 10px;
}

.link-item-first {
    margin-left: -10px;
}

.link-item-info {
    color: #888888;
    font-size: 14px;
}

.shadow-box {
    width: 100%;
    height: 100%;
    transition: all .2s linear;
}

    .shadow-box:hover {
        transform: translate3d(0,-5px,0);
        box-shadow: 0 15px 30px rgba(0,0,0,.1);
        z-index: 3;
    }


.power {
    width: 100%;
    overflow: hidden;
    padding-bottom: 80px;
    background: #F9F9F9;
}

.power-left {
    display: inline-block;
    margin-top: 20px;
}

.power-right {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    width: calc(100% - 390px);
}

.power .bg1 {
    background-size: 100% 100%;
    background-image: url(/image/home_content2_bg1.png);
    width: 380px;
    height: 600px;
    vertical-align: top;
}

.bg1 > .power-icon {
    padding-top: 130px;
}

.power-text > div {
    color: #FFFFFF;
    margin: 15px 0;
    font-size: 16px;
}

.power-right-item {
    display: inline-block;
    margin-bottom: 10px;
    width: 370px;
    height: 295px;
    vertical-align: top;
}

    .power-right-item .power-icon {
        margin-top: 70px;
    }

.power .bg2 {
    background-size: 100% 100%;
    background-image: url(/image/home_content2_bg2.png);
    margin-right: 5px;
}

.power .bg3 {
    background-size: 100% 100%;
    background-image: url(/image/home_content2_bg3.png);
}

.power .bg4 {
    background-size: 100% 100%;
    margin-right: 5px;
    background-image: url(/image/home_content2_bg4.png);
}

.power .bg5 {
    background-size: 100% 100%;
    background-image: url(/image/home_content2_bg5.png);
}

.members > img {
    width: 100%;
}

.members {
    position: relative;
}

.members-title {
    position: absolute;
    top: 20%;
    font-size: 40px;
    color: white;
}

.members-info {
    position: absolute;
    bottom: 20%;
}

    .members-info > .name {
        color: #FFFFFF;
        opacity: 0.4;
        vertical-align: middle;
        font-size: 20px;
        margin-right: 15px;
    }

    .members-info > .value {
        color: #4878FF;
        vertical-align: middle;
        font-size: 30px;
    }