@media (min-width: 1024px) {

    body,
    html {
        font-size: 18px
    }

    /*>=1024的设备*/
}

@media (min-width: 1100px) {

    body,
    html {
        font-size: 20px
    }

    /*>=1100的设备*/
}

@media (min-width: 1280px) {

    body,
    html {
        font-size: 22px;
    }

    /*>=1280的设备*/
}

@media (min-width: 1366px) {

    body,
    html {
        font-size: 24px;
    }
}

@media (min-width: 1440px) {

    body,
    html {
        font-size: 25px;
    }
}

@media (min-width: 1680px) {

    body,
    html {
        font-size: 28px;
    }
}

@media (min-width: 1920px) {

    body,
    html {
        font-size: 33px;
    }
}

* {
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
    height: 100%;
}


.common-data {
    margin: 0 auto;
    width: 30%;
    height: 1.21rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    color: rgba(50, 50, 50, 1);
    line-height: 1rem;
    font-weight: 600;
    text-align: center;
}

.common-line {
    margin: 0 auto;
    margin-top: 0.61rem;
    width: 2.43rem;
    height: 4px;
    background: linear-gradient(90deg, rgba(146, 93, 255, 1) 0%, rgba(54, 93, 255, 1) 100%);
    border-radius: 3px;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.jc-ar {
    justify-content: space-around;
}

.jc-bt {
    justify-content: space-between;
}

.jc-ct {
    justify-content: center;
}

.flex-1 {
    flex: 1;
}

/* 第一屏 */
.bg1 {
    width: 100%;
    max-width: 1920px;
    height: 27.58rem;
    margin: 0 auto;
    background: url(../imgs/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.tabBar {
    height: 60px;
    width: 100%;
    max-width: 1920px;
    min-width: 1120px;
    position: fixed;

}

.top {
    width: 1120px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;

}

.top .top-mkd {
    width: 120px;
    height: 50px;
}

.top .top-mkd img {
    width: 120px;
    height: 50px;
}

.top-tab {
    width: 40%;
    /* height: 1rem; */
}

.top .top-tab ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.top .top-tab ul:hover {
    cursor: pointer;
}

.top-tab-sel1 {
    height: 1.5rem;
    width: 0.85rem;
    flex: 1;
    text-align: center;
}

.top-tab-sel2 {
    height: 1.5rem;
    width: 0.85rem;
    flex: 2;
    text-align: center;
}

.top-tab-choosed {
    font-size: 0.5rem;
    font-family: Microsoft YaHei;
    color: white;
    line-height: 0.5rem;
    padding-bottom: 0.2rem;
    border-bottom: 2px solid white;
}

.top-tab-choose {
    font-size: 0.5rem;
    font-family: Microsoft YaHei;
    color: #c1c1c1;
    line-height: 0.5rem;
}

.top-tab-choose:hover {
    cursor: pointer;
    color: white;
}

.mid {
    width: 12.12rem;
    height: 7.28rem;
    margin: 0 auto;
    padding-top: 10.73rem;
    text-align: center;
}

.mid .mid-mdk div {

    height: 2rem;
    margin: 0 auto;
    font-size: 1.7rem;
    font-family: Microsoft YaHei;
    color: rgba(255, 255, 255, 1);
    line-height: 1.7rem;
}

.mid-dec {
    margin-top: 0.9rem;
    font-size: 0.55rem;
    font-family: Microsoft YaHei;
    color: rgba(255, 255, 255, 1);
}

.mid-do {
    margin: 0 auto;
    margin-top: 1.82rem;
    width: 3.94rem;
    height: 1.21rem;
    background: linear-gradient(90deg, rgba(146, 93, 255, 1) 0%, rgba(54, 93, 255, 1) 100%);
    border-radius: 0.12rem;
}

.mid-do div {
    height: 0.6rem;
    font-size: 0.48rem;
    font-family: Microsoft YaHei;
    color: rgba(255, 255, 255, 1);
    margin: 0 auto;
    padding-top: 0.22rem;
}


.mid-do div a {
    margin-top: 20%;
    text-decoration: none;
    color: white;
}

/* 第二屏 */
.blank {
    width: 100%;
    max-width: 1920px;
    height: 13rem;
    margin: 0 auto;
    background-color: white;
}

.bottom {
    width: 60%;
    margin: 0 auto;
    margin-top: 2.2rem;
}

.bottom-detail {
    margin-top: 2.43rem;
}

.bottom-detail .bottom-detail-num {
    height: 2rem;
    font-size: 2rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: normal;
    color: rgba(57, 93, 255, 1);
    line-height: 2rem;
}

.bottom-detail .bottom-detail-unit {
    padding-left: 0.3rem;
    width: 1rem;
    height: 0.5rem;
    font-size: 0.49rem;
    font-family: Microsoft YaHei;
    color: rgba(144, 93, 255, 1);
    line-height: 0.5rem;
    font-weight: 600;
}

.bottom-detail .bottom-detail-dec {
    margin-top: 0.4rem;
    height: 0.5rem;
    font-size: 0.49rem;
    font-family: Microsoft YaHei;
    color: rgba(100, 100, 100, 1);
    line-height: 0.5rem;
    font-weight: 600;
    text-align: center;
}

/* 第三屏 */
.gray {
    width: 100%;
    max-width: 1920px;
    height: 18rem;
    margin: 0 auto;
    background-color: #F5F5FF;
}

.product {
    width: 60%;
    margin: 0 auto;
    padding-top: 2.2rem;
}

.product-detail {
    margin-top: 2.43rem;
}

.product-box {
    width: 4.85rem;
}

.product-icon {
    margin: 0 auto;
    width: 3rem;
    height: 3rem;
}

.product-icon img {
    width: 3rem;
    height: 3rem;
}

.product-name {
    margin-top: 0.61rem;
    height: 0.61rem;
    font-size: 0.45rem;
    font-family: Microsoft YaHei;
    color: #646464;
    line-height: 0.61rem;
    font-weight: 600;
    text-align: center;
}

.product-dec {
    margin-top: 0.3rem;
    width: 4.85rem;
    height: 3rem;
    font-size: 0.43rem;
    font-family: Microsoft YaHei;
    color: rgba(100, 100, 100, 1);
    line-height: 0.67rem;
}

/* 第四屏 */
.blank2 {
    width: 100%;
    max-width: 1920px;
    height: 24.6rem;
    margin: 0 auto;
    background-color: white;
}

.terrace {
    width: 60%;
    margin: 0 auto;
    padding-top: 2.2rem;
}

.common-logo {
    width: 29.2rem;
    height: 13.4rem;
    margin: 0 auto;
    margin-top: 2.43rem;
}

img {
    width: 29.2rem;
    height: 13.4rem;
}

/* 第五屏 */
.bg2 {
    width: 100%;
    max-width: 1920px;
    height: 16.8rem;
    margin: 0 auto;
    background: url(../imgs/bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.partner {
    width: 60%;
    margin: 0 auto;
    padding-top: 3.64rem;
}

.partner-data {
    margin: 0 auto;
    width: 5.46rem;
    height: 1.1rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    color: rgba(255, 255, 255, 1);
    line-height: 1.1rem;
    text-align: center;
}

.partner-line {
    margin: 0 auto;
    margin-top: 0.61rem;
    width: 2.43rem;
    height: 4px;
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
    opacity: 0.89;
}


.partner .partner-logo {
    width: 5.46rem;
    height: 2.18rem;
    margin: 0 auto;
    margin-top: 2.43rem;
}

.partner .partner-logo img {
    width: 5.46rem;
    height: 2.18rem;
}

.partner .partner-dec {
    margin: 0 auto;
    margin-top: 1.21rem;
    width: 29.1rem;
    text-align: center;
    font-size: 0.43rem;
    font-family: Microsoft YaHei;
    color: rgba(255, 255, 255, 1);
    line-height: 0.67rem;

}

/* 第六屏 */
.blank3 {
    width: 100%;
    max-width: 1920px;
    height: 16.1rem;
    margin: 0 auto;
    background-color: white;
}


.us {
    width: 60%;
    margin: 0 auto;
    padding-top: 3.64rem;
}

.us .us-dec {
    margin-top: 1.21rem;
}

.us .us-dec .us-a {
    color: rgba(100, 100, 100, 1);
    text-decoration: none;
}


.us .us-dec span {
    display: block;
    text-align: center;
    margin-top: 0.61rem;
    font-size: 0.43rem;
    color: rgba(100, 100, 100, 1);
}

/* 第七屏 */
.blank4 {
    width: 100%;
    max-width: 1920px;
    height: 1.6rem;
    margin: 0 auto;
    background-color: #0D2439;
}


.foot {
    width: 60%;
    margin: 0 auto;
    padding-top: 0.55rem;
    text-align: center;
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    color: rgba(255, 255, 255, 1);
    line-height: 0.42rem;
}

.foot a {
    text-decoration: none;
    color: white;
}