/* 主流电脑 */
@media screen and (max-width: 2000px) and (min-width: 1800px) {
    .nav {
        right: 6%;
    }
}

@media screen and (max-width: 1700px) and (min-width: 1500px) {
    .downloadLink {
        top: 42rem !important;
        left: 59% !important;
        width: 14%;
    }
    .downloadLink2 {
        top: 31rem !important;
        right: 62.8% !important;
        width: 14%;
    }
    .downloadLink3 {
        top: 44rem !important;
        right: 60.8% !important;
        width: 14%;
    }
    .downLoadBtn {
        width: 80%;
        font-size: 1rem;
        height: 2.8rem;
    }
    .downLoadBtn > img {
        margin-right: 0.5rem;
        transform: scale(0.8);
    }
    #linkBtn {
        margin: 1rem auto;
        width: 60%;
    }
    #top_img ul li {
        width: 12%;
        height: 55%;
        margin: 0 2rem;
    }
}

@media screen and (max-width: 1450px) and (min-width: 1300px) {
    .downloadLink {
        top: 39rem !important;
        left: 59% !important;
        width: 14%;
    }
    .bk_img:nth-child(2) .downloadLink {
        top: 39rem !important;
        left: 60% !important;
        width: 14%;
    }
    .downLoadBtn {
        width: 80%;
        font-size: 1rem;
        height: 2.8rem;
    }
    .downLoadBtn > img {
        margin-right: 0.5rem;
        transform: scale(0.8);
    }
    #linkBtn {
        margin: 1rem auto;
        width: 60%;
    }
    #top_img ul li {
        width: 12%;
        height: 55%;
        margin: 0 2rem;
    }
    #secPic2 a {
        left: 41.5%;
    }
    #secPic3 a {
        left: 23%;
    }
    .box button {
        height: 4rem;
        margin: 2rem 10rem;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1100px) {
    .downloadLink {
        top: 32rem !important;
        left: 29% !important;
        width: 8%;
    }
    .downloadLink2 {
        top: 23.5rem !important;
        right: 30.8% !important;
        width: 8%;
    }
    .downLoadBtn {
        width: 80%;
        font-size: 1rem;
        height: 2.8rem;
    }
    .downLoadBtn > img {
        margin-right: 0.5rem;
        transform: scale(0.8);
    }
    #linkBtn {
        margin: 1rem auto;
        width: 60%;
    }
    #top_img ul li {
        width: 12%;
        height: 55%;
        margin: 0 2rem;
    }
}

@media screen and (max-width: 1100px) and (min-width: 800px) {
    .downloadLink {
        top: 28rem !important;
        left: 57.3% !important;
        width: 14%;
    }
    .bk_img:nth-child(2) .downloadLink {
        top: 28rem !important;
        left: 59% !important;
        width: 14%;
    }
    .downLoadBtn {
        font-size: 1rem;
        height: 2.5rem;
    }
    .downLoadBtn > img {
        margin-right: 0.5rem;
        transform: scale(0.8);
    }
    #linkBtn {
        margin: 1rem auto;
        width: 60%;
    }
    #top_img ul li {
        width: 12%;
        height: 55%;
        margin: 0 2rem;
    }

    #stretch {
        height: 28rem;
    }

    #logo {
        width: 10rem;
    }

    #moreCircle {
        width: 4rem;
        height: 4rem;
        font-size: 14px;
    }
    #moreLinkBox {
        height: 6rem;
    }
    .more img {
        width: 25%;
        margin-bottom: 1rem;
    }
    .more h1 {
        font-size: 1.5rem;
        letter-spacing: 1px;
    }
    .more p {
        font-size: 0.5rem;
    }
    .more button {
        height: 2.4rem;
    }
    .footNav a {
        margin: 0 2rem;
    }
    #secPic a {
        transform: scale(0.6);
        left: 19.5%;
    }
    #secPic2 a {
        transform: scale(0.6);
        left: 38.2%;
        top: 83%;
    }
    #secPic3 a {
        transform: scale(0.6);
        left: 20%;
        top: 60%;
    }
}

@media screen and (max-width: 1100px) {
    .box img {
        width: 6rem;
    }
    .box h1 {
        margin: 1rem 2rem;
    }
    .box p {
        margin: 0 3rem;
    }
    .box button {
        width: 12rem;
        height: 3rem;
        margin: 1.5rem 3rem;
        font-size: 24px;
    }
}