@import 'common.css';
@import 'banner.css';

.index-banner-title {
    margin-left: 3.83333333333333rem;
    margin-top: 0.890625rem;
    line-height: 0.182291666666667rem;
    color: rgba(255, 255, 255, 1);
    font-size: 0.125rem;
    display: block;
}

.index-banner-text {
    margin-left: 3.83333333333333rem;
    margin-top: 0.166666666666667rem;
    line-height: 0.192708333333333rem;
    color: rgba(255, 255, 255, 1);
    font-size: 0.291666666666667rem;
    display: block;
    font-weight: bold;
    letter-spacing: 0.0520833333333333rem;
}

.index-banner-text2 {
    margin-top: 0.223958333333333rem;
}

.index-banner-btn-test {
    width: 1.35416666666667rem;
    height: 0.3125rem;
    line-height: 0.3125rem;
    border-radius: 0.15625rem;
    background-color: rgba(22, 96, 217, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 0.09375rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 0.364583333333333rem;
}

.index-logos-box {
    width: 10rem;
    height: 0.520833333333333rem;
    background-color: rgba(247, 250, 255, 1);
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 0.00520833333333333rem solid rgba(217, 224, 229, 1);
    box-sizing: border-box;
}

.index-logos-list {
    width: auto;
    height: 100%;
    white-space: nowrap;
    line-height: 0.260416666666667rem;
}

.index-logos-logo {
    width: 0.770833333333333rem;
    height: 0.229166666666667rem;
    background-size: 0.770833333333333rem 0.229166666666667rem;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.151041666666667rem;
}

.index-product-advantages {
    width: 10rem;
    height: 8.671875rem;
    background: url(../imgs/bg_product_advantages.png) no-repeat no-repeat;
    background-size: 10rem 8.671875rem;
    box-sizing: border-box;
}

.index-p-a-box {
    width: 50%;
    float: left;
}

.index-p-a-box-img1 {
    margin-left: 0.75rem;
    margin-top: 0.635416666666667rem;
    width: 2.1875rem;
    height: 1.98958333333333rem;
    background: url(../imgs/product_adv1.png) no-repeat no-repeat;
    background-size: 2.1875rem 1.98958333333333rem;
}

.index-p-a-box-img2 {
    width: 2.265625rem;
    height: 2.07291666666667rem;
    margin-left: 1.91145833333333rem;
    margin-top: 0.541666666666667rem;
    background: url(../imgs/product_adv2.png) no-repeat no-repeat;
    background-size: 2.265625rem 2.07291666666667rem;
}

.index-p-a-box-img3 {
    width: 2.18229166666667rem;
    height: 2.20833333333333rem;
    margin-left: 0.635416666666667rem;
    margin-top: 0.541666666666667rem;
    background: url(../imgs/product_adv3.png) no-repeat no-repeat;
    background-size: 2.18229166666667rem 2.20833333333333rem;
}

.index-p-d-title {
    line-height: 0.354166666666667rem;
    color: rgba(16, 16, 16, 1);
    font-size: 0.25rem;
    display: block;
    font-weight: bold;
}

.index-p-d-title1 {
    margin-left: 1.91145833333333rem;
    margin-top: 0.677083333333333rem;
}

.index-p-d-title2 {
    margin-left: 0.635416666666667rem;
    margin-top: 0.40625rem;
}

.index-p-d-title3 {
    margin-left: 1.91145833333333rem;
    margin-top: 0.578125rem;
}

.index-d-a-info {
    line-height: 0.145833333333333rem;
    color: rgba(153, 153, 153, 1);
    font-size: 0.09375rem;
    display: block;
}

.index-d-a-info1 {
    margin-left: 1.91145833333333rem;
    margin-top: 0.130208333333333rem;
}

.index-d-a-info2 {
    margin-left: 0.635416666666667rem;
    margin-top: 0.130208333333333rem;
}

.index-d-a-number {
    line-height: 0.182291666666667rem;
    color: rgba(22, 96, 217, 1);
    font-size: 0.15625rem;
    font-family: Raleway-regular;
    display: block;
}

.index-d-a-n-text {
    line-height: 0.130208333333333rem;
    color: rgba(102, 102, 102, 1);
    font-size: 0.09375rem;
    display: block;
}

.index-d-a-n-text1 {
    margin-top: 0.015625rem;
}

.index-d-a-n-text2 {
    margin-top: 0.09375rem;
}

.index-d-a-n-text3 {
    margin-top: 0.0625rem;
}

.index-d-a-n-text4 {
    margin-top: 0.0989583333333333rem;
}

.index-d-a-icon {
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
}

.index-d-a-icon1 {
    margin-left: 1.91145833333333rem;
    margin-top: 0.1875rem;
}

.index-d-a-icon2 {
    margin-left: 0.427083333333333rem;
    margin-top: 0.1875rem;
}

.index-d-a-icon3 {
    margin-left: 0.40625rem;
    margin-top: 0.1875rem;
}

.index-d-a-icon4 {
    background-image: url(../imgs/product_adv_icon1.png);
    background-size: 0.291666666666667rem;
    padding-top: 0.291666666666667rem;
    margin-top: 0.208333333333333rem;
    margin-left: 0.635416666666667rem;
}

.index-d-a-icon5 {
    background-image: url(../imgs/product_adv_icon2.png);
    background-size: 0.291666666666667rem;
    padding-top: 0.291666666666667rem;
    margin-top: 0.208333333333333rem;
    margin-left: 0.463541666666667rem;
}

.index-d-a-icon6 {
    background-image: url(../imgs/product_adv_icon3.png);
    background-size: 0.291666666666667rem;
    padding-top: 0.291666666666667rem;
    margin-top: 0.208333333333333rem;
    margin-left: 0.463541666666667rem;
}

.index-d-a-icon7 {
    background-image: url(../imgs/product_adv_icon4.png);
    background-size: 0.317708333333333rem 0.291666666666667rem;
    padding-top: 0.291666666666667rem;
    margin-top: 0.182291666666667rem;
    margin-left: 1.859375rem;
}

.index-d-a-icon8 {
    background-image: url(../imgs/product_adv_icon5.png);
    background-size: 0.322916666666667rem;
    padding-top: 0.322916666666667rem;
    margin-top: 0.182291666666667rem;
    margin-left: 0.463541666666667rem;
}

.index-d-a-icon9 {
    background-image: url(../imgs/product_adv_icon6.png);
    background-size: 0.348958333333333rem 0.286458333333333rem;
    padding-top: 0.286458333333333rem;
    margin-top: 0.182291666666667rem;
    margin-left: 0.479166666666667rem;
}

.index-resource-price {
    width: 10rem;
    height: 3.90625rem;
    background: url(../imgs/bg_resource_price.png) no-repeat no-repeat;
    background-size: 10rem 3.90625rem; /*    border-left: 0.00520833333333333rem solid rgba(217, 224, 229, 1);    border-right: 0.00520833333333333rem solid rgba(217, 224, 229, 1);        */
    box-sizing: border-box;
    overflow: hidden;
}

.index-r-p-title {
    width: 100%;
    line-height: 0.348958333333333rem;
    color: rgba(255, 255, 255, 1);
    font-size: 0.291666666666667rem;
    text-align: center;
    display: block;
    margin-top: 0.703125rem;
    font-weight: bold;
}

.index-r-p-info {
    width: 100%;
    height: 0.442708333333333rem;
    line-height: 0.411458333333333rem;
    color: rgba(255, 255, 255, 1);
    font-size: 0.333333333333333rem;
    text-align: center;
    display: block;
    margin-top: 0.447916666666667rem;
    font-weight: bold;
}

    .index-r-p-info font {
        line-height: 0.40625rem;
        color: rgba(0, 246, 255, 1);
        font-size: 0.416666666666667rem;
        text-decoration: underline;
        margin-left: 0.166666666666667rem;
        margin-right: 0.265625rem;
    }

.index-r-p-btn {
    width: 1.35416666666667rem;
    height: 0.364583333333333rem;
    line-height: 0.364583333333333rem;
    border-radius: 0.26041666666666666666666666666667rem;
    color: rgba(255, 255, 255, 1);
    font-size: 0.104166666666667rem;
    text-align: center;
    border: 0.015625rem solid rgba(255, 255, 255, 1);
    margin: 0 auto;
    margin-top: 0.536458333333333rem;
}

.index-active {
    width: 10rem;
    height: 5.05208333333333rem;
    background: url(../imgs/bg_active.png) no-repeat no-repeat;
    background-size: 10rem 5.05208333333333rem;
    overflow: hidden;
}

.index-a-title {
    width: 100%;
    line-height: 0.348958333333333rem;
    color: rgba(0, 0, 0, 1);
    font-size: 0.291666666666667rem;
    text-align: center;
    display: block;
    margin-top: 0.5625rem;
    font-weight: bold;
}

.index-a-title2 {
    margin-top: 0.619791666666667rem;
}

.index-a-th {
    height: 0.130208333333333rem;
    line-height: 0.130208333333333rem;
    color: rgba(153, 153, 153, 1);
    font-size: 0.09375rem;
    margin-top: 0.682291666666667rem;
    margin-left: 2.078125rem;
}

.index-a-table {
    width: 5.94791666666667rem;
    height: 2.03125rem;
    overflow: hidden;
    overflow-y: auto;
    margin-left: 2.078125rem;
    margin-top: 0.229166666666667rem;
}

.index-a-tr {
    width: 100%;
    height: 0.338541666666667rem;
    line-height: 0.338541666666667rem;
    color: rgba(102, 102, 102, 1);
    font-size: 0.104166666666667rem;
}

.index-a-td {
    float:left;
}

.index-a-td1 {
    width: 1.328125rem;
}

.index-a-td2 {
    width: 0.786458333333333rem;
}

.index-a-td3 {
    width: 1.3125rem;
}

.index-a-td4 {
    width: 0.854166666666667rem;
}

.index-a-td5 {
    width: 0.885416666666667rem;
}

.index-a-td6 {
    width: auto;
}

.index-a-label {
    width: 0.260416666666667rem;
    height: 0.130208333333333rem;
    line-height: 0.130208333333333rem;
    border-radius: 0.02604166666666666666666666666667rem;
    background-color: rgba(2, 202, 162, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 0.0729166666666667rem;
    text-align: center;
    margin-right: 0.0520833333333333rem;
    display: inline-block;
}

.index-a-btn {
    width: 0.625rem;
    height: 0.208333333333333rem;
    line-height: 0.208333333333333rem;
    border-radius: 0.15625rem;
    background-color: rgba(22, 96, 217, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 0.09375rem;
    text-align: center;
    margin-top: 0.0677083333333333rem;
}

.index-logs2 {
    width: 10rem;
    height: 3.83333333333333rem;
    background: url(../imgs/bg_logs2.png) no-repeat no-repeat bottom;
    background-size: 10rem 1.5625rem;
    overflow: hidden;
}

.index-logs2-box {
    width: 5.70833333333333rem;
    height: 1.20833333333333rem;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 0.479166666666667rem;
}

.index-logs2-list {
    width: auto;
    height: 100%;
    white-space: nowrap;
}

.index-logo2 {
    width: 0.770833333333333rem;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.0520833333333333rem;
}

    .index-logo2 .index-logos-logo2 {
        width: 0.770833333333333rem;
        height: 0.229166666666667rem;
        background-size: 0.770833333333333rem 0.229166666666667rem;
    }

        .index-logo2 .index-logos-logo2:nth-child(2) {
            margin-top: 0.260416666666667rem;
            margin-bottom: 0.260416666666667rem;
        }