/* 巨型屏幕（大桌面显示器，小于等于 1600px） */
@media screen and (max-width: 1680px) {
    .w1680 {
        width: 1440px;
    }
    
    .w1440 {
        width: 1200px;
    }
    
    .series .item {
        font-size: 20px;
        padding: 25px 30px;
    }
    
    .series .item i {
        font-size: 20px;
    }
    
    .product-box .details .product-title {
        font-size: 40px;
    }
    
    .product-box .details .description {
        font-size: 18px;
    }
    
    .product-box .details .common .title {
        font-size: 18px;
    }
    
    .product-box .details .advantage {
        gap: 20px;
    }
    
    .advantage .adv-item {
        font-size: 16px;
        padding: 15px;
    }
    
    .advantage .adv-item img {
        width: 40px;
        height: 40px;
    }
    
    .company .content-box .text-box .first-title {
        font-size: 40px;
    }
    
    .company .content-box .text-box .second-title {
        font-size: 40px;
    }
    
    .company .content-box .text-box .line {
        width: 40px;
    }
    
    .news .header .title {
        font-size: 40px;
    }
    
    .news .news-list {
        gap: 20px;
    }
    
    .news-list .list-item .contents .art-title {
        font-size: 20px;
    }
    
    .news-list .list-item .contents .date .day {
        font-size: 40px;
    }
    
    .cooperative {
        height: 920px;
    }
    
    .cooperative .title {
        font-size: 40px;
    }
    
    .cooperative .bubble1 {
        width: 18px;
        height: 18px;
    }
    
    .cooperative .bubble2 {
        width: 34px;
        height: 34px;
    }
    
    .cooperative .bubble3 {
        width: 18px;
        height: 18px;
    }
    
    .cooperative .bubble4 {
        width: 32px;
        height: 32px;
    }
    
    .cooperative .bubble5 {
        width: 32px;
        height: 32px;
    }
    
    .cooperative .bubble6 {
        width: 90px;
        height: 90px;
    }
    
    .cooperative .bubble7 {
        width: 70px;
        height: 70px;
    }
    
    .cooperative .bubble8 {
        width: 70px;
        height: 70px;
    }
    
    .cooperative .bubble9 {
        width: 100px;
        height: 100px;
    }
    
    .cooperative .circle-box {
        width: 520px;
        height: 520px;
    }
    
    .cooperative .cooperative-enterprise .ce-1 {
        width: 120px;
        height: 120px;
    }
    
    .cooperative .cooperative-enterprise .ce-2 {
        width: 140px;
        height: 140px;
    }
    
    .cooperative .cooperative-enterprise .ce-3 {
        width: 138px;
        height: 138px;
    }
    
    .cooperative .cooperative-enterprise .ce-4 {
        width: 122px;
        height: 122px;
    }
    
    .cooperative .cooperative-enterprise .ce-5 {
        width: 70px;
        height: 70px;
    }
    
    .cooperative .cooperative-enterprise .ce-6 {
        width: 140px;
        height: 140px;
    }
    
    .cooperative .cooperative-enterprise .ce-7 {
        width: 117px;
        height: 117px;
        font-size: 16px;
    }
    
    .cooperative .cooperative-enterprise .ce-8 {
        width: 86px;
        height: 86px;
        font-size: 16px;
    }
    
    .cooperative .cooperative-enterprise .ce-9 {
        width: 120px;
        height: 120px;
    }
    
    .cooperative .cooperative-enterprise .ce-10 {
        width: 90px;
        height: 90px;
    }
    
    .cooperative .circle-box .text-box .p1 {
        font-size: 32px;
    }
    
    .cooperative .circle-box .text-box .nums {
        font-size: 70px;
    }
    
    .cooperative .circle-box .text-box .p2 {
        font-size: 16px;
    }
}

/* 超大屏幕（大桌面显示器，小于等于 1440px） */
@media screen and (max-width: 1440px) {
    .w1680 {
        width: 1200px;
    }
    
    .head .logo-box {
        flex-direction: column;
    }
    
    .head .logo-box img {
        width: 70px;
    }
    
    .head .logo-box .title {
        font-size: 18px;
        padding-left: 5px;
    }
    
    .head .nav-box .first-nav > a span {
        font-size: 16px;
        padding: 0 15px;
    }
    
    .head .nav-box .first-nav.active > a span {
        font-size: 14px;
    }
    
    .head .search-box .icon {
        font-size: 16px;
    }
    
    .head .search-tel-box .tel-box a span {
        font-size: 22px;
    }
    
    .head .search-tel-box .tel-box a img {
        width: 20px;
    }
    
    .head .search-box:hover form input {
        width: 262px;
    }
    
    .series .item {
        font-size: 18px;
        padding: 20px 20px;
    }
    
    .series .item i {
        font-size: 18px;
    }
    
    .cooperative {
        height: 800px;
    }
    
    .cooperative .title {
        font-size: 30px;
    }
    
    .cooperative .bubble1 {
        width: 14px;
        height: 14px;
    }
    
    .cooperative .bubble2 {
        width: 30px;
        height: 30px;
    }
    
    .cooperative .bubble3 {
        width: 14px;
        height: 14px;
    }
    
    .cooperative .bubble4 {
        width: 22px;
        height: 22px;
    }
    
    .cooperative .bubble5 {
        width: 22px;
        height: 22px;
    }
    
    .cooperative .bubble6 {
        width: 60px;
        height: 60px;
    }
    
    .cooperative .bubble7 {
        width: 50px;
        height: 50px;
    }
    
    .cooperative .bubble8 {
        width: 50px;
        height: 50px;
    }
    
    .cooperative .bubble9 {
        width: 80px;
        height: 80px;
    }
    
    .cooperative .circle-box {
        width: 450px;
        height: 450px;
    }
    
    .cooperative .cooperative-enterprise .ce-1 {
        width: 100px;
        height: 100px;
    }
    
    .cooperative .cooperative-enterprise .ce-2 {
        width: 120px;
        height: 120px;
    }
    
    .cooperative .cooperative-enterprise .ce-3 {
        width: 118px;
        height: 118px;
    }
    
    .cooperative .cooperative-enterprise .ce-4 {
        width: 102px;
        height: 102px;
    }
    
    .cooperative .cooperative-enterprise .ce-5 {
        width: 50px;
        height: 50px;
    }
    
    .cooperative .cooperative-enterprise .ce-6 {
        width: 120px;
        height: 120px;
    }
    
    .cooperative .cooperative-enterprise .ce-7 {
        width: 97px;
        height: 97px;
        font-size: 14px;
    }
    
    .cooperative .cooperative-enterprise .ce-8 {
        width: 66px;
        height: 66px;
        font-size: 14px;
    }
    
    .cooperative .cooperative-enterprise .ce-9 {
        width: 100px;
        height: 100px;
    }
    
    .cooperative .cooperative-enterprise .ce-10 {
        width: 70px;
        height: 70px;
    }
    
    .foot .company-info {
        flex-direction: column;
    }
    
    .foot .company-info .info-text {
        padding-left: 0;
        padding-top: 20px;
    }
}

/* 大屏幕（大桌面显示器，小于等于 1200px） */
@media screen and (max-width: 1200px) {
    .w1680 {
        width: 100%;
        margin: 0;
    }
    
    .w1440 {
        width: 992px;
    }
    
    .head {
        padding: 0 10px;
    }
    
    .head .logo-box .title {
        display: none;
    }
    
    .series .item {
        font-size: 16px;
        padding:15px 15px;
    }
    
    .series .item i {
        font-size: 16px;
    }
    
    .product-swiper .product-controller {
        right: 0;
    }
    
    .series-product .product-box .details {
        padding: 30px 40px;
    }
    
    .product-box .details .product-title {
        font-size: 28px;
    }
    
    .product-box .details .description {
        font-size: 16px;
    }
    
    .product-box .details .common .title {
        font-size: 16px;
    }
    
    .product-box .details .advantage {
        gap: 10px;
    }
    
    .advantage .adv-item {
        font-size: 14px;
    }
    
    .company .content-box .text-box {
        padding-right: 30px;
    }
    
    .company .content-box .text-box .first-title {
        font-size: 30px;
    }
    
    .company .content-box .text-box .second-title {
        font-size: 30px;
    }
    
    .company .content-box .text-box .line {
        width: 30px;
    }
    
    .company .data-box .data-item .data {
        font-size: 40px;
    }
    
    .company .video-box .background {
        width: 85%;
    }
    
    .company .video-box video {
        width: 85%;
    }
    
    .news .header .title {
        font-size: 30px;
    }
    
    .news .news-list {
        gap: 10px
    }
    
    .news-list .list-item .contents {
        padding: 10px;
    }
    
    .news-list .list-item .contents .art-title {
        font-size: 18px;
        padding: 10px 0;
    }
    
    .news-list .list-item .contents .art-description {
        font-size: 14px;
    }
    
    .cooperative {
        height: 600px;
    }
    
    .cooperative .title {
        font-size: 24px;
    }
    
    .cooperative .bubble1 {
        width: 10px;
        height: 10px;
    }
    
    .cooperative .bubble2 {
        width: 20px;
        height: 20px;
    }
    
    .cooperative .bubble3 {
        width: 10px;
        height: 10px;
    }
    
    .cooperative .bubble4 {
        width: 16px;
        height: 16px;
    }
    
    .cooperative .bubble5 {
        width: 16px;
        height: 16px;
    }
    
    .cooperative .bubble6 {
        width: 50px;
        height: 50px;
    }
    
    .cooperative .bubble7 {
        width: 40px;
        height: 40px;
    }
    
    .cooperative .bubble8 {
        width: 40px;
        height: 40px;
    }
    
    .cooperative .bubble9 {
        width: 60px;
        height: 60px;
    }
    
    .cooperative .circle-box {
        width: 350px;
        height: 350px;
    }
    
    .cooperative .cooperative-enterprise .ce-1 {
        width: 80px;
        height: 80px;
    }
    
    .cooperative .cooperative-enterprise .ce-2 {
        width: 110px;
        height: 110px;
    }
    
    .cooperative .cooperative-enterprise .ce-3 {
        width: 98px;
        height: 98px;
    }
    
    .cooperative .cooperative-enterprise .ce-4 {
        width: 82px;
        height: 82px;
    }
    
    .cooperative .cooperative-enterprise .ce-5 {
        width: 40px;
        height: 40px;
    }
    
    .cooperative .cooperative-enterprise .ce-6 {
        width: 100px;
        height: 100px;
    }
    
    .cooperative .cooperative-enterprise .ce-7 {
        width: 77px;
        height: 77px;
        font-size: 10px;
    }
    
    .cooperative .cooperative-enterprise .ce-8 {
        width: 56px;
        height: 56px;
        font-size: 10px;
    }
    
    .cooperative .cooperative-enterprise .ce-9 {
        width: 80px;
        height: 80px;
    }
    
    .cooperative .cooperative-enterprise .ce-10 {
        width: 60px;
        height: 60px;
    }
    
    .cooperative .circle-box .text-box .p1 {
        font-size: 24px;
    }
    
    .cooperative .circle-box .text-box .nums {
        font-size: 54px;
    }
    
    .cooperative .circle-box .text-box .p2 {
        font-size: 14px;
    }
    
    .foot {
        padding: 50px 10px;
    }
    
    .foot .company-info {
        flex-direction: column;
    }
    
    .foot .company-info .info-text {
        padding-left: 0;
        padding-top: 20px;
    }
    
    .foot-nav .nav-item {
        padding: 0 20px;
    }
    
    .bottom {
        padding: 30px 10px;
    }
}

/* 中等屏幕（桌面显示器，小于等于 992px） */
@media screen and (max-width: 992px) {
    .w1440 {
        width: 100%;;
    }
    
    .head {
        height: 70px;
    }
    
    .head .logo-box img {
        width: 100px;
    }
    
    .head .nav-box {
        display: none;
    }
    
    .head .search-tel-box {
        display: none;
    }
    
    .sidebar-nav {
        display: block;
    }
    
    .product .series {
        flex-wrap: wrap;
    }
    
    .series .item {
        flex: unset;
        width: 50%;
        border-bottom: 1px solid #e6e6e6;
    }
    
    .series .item.active {}
    
    .series .item.active::before {
        display: none;
    }
    
    .product .series-product {
        padding: 0;
    }
    
    .series-product .item .product-box {
        padding: 20px 10px;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }
    
    /*.series-product .product-box > div {*/
    /*    width: 50%;*/
    /*}*/
    
    .series-product .product-box .details {
        padding: 20px;
    }
    
    .product-box .details .common .title {
        margin-bottom: 10px;
    }
    
    .product-box .details .advantage {
        gap: 15px;
    }
    
    .advantage .adv-item {
        font-size: 12px;
        padding: 10px;
    }
    
    .advantage .adv-item img {
        width: 30px;
        height: 30px;
    }
    
    .company {
        padding: 30px 5px;
    }
    
    .company .content-box {
        flex-direction: column;
    }
    
    .company .content-box > div {
        width: 100%;
    }
    
    .company .content-box .text-box {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    
    .company .content-box .text-box .first-title {
        font-size: 24px;
    }
    
    .company .content-box .text-box .second-title {
        font-size: 24px;
    }
    
    .company .content-box .learn-more {
        display: flex;
        justify-content: center;
    }
    
    .company .paragraph {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .company .video-box {
        text-align: center;
    }
    
    .company .video-box .background {
        display: none;
    }
    
    .company .video-box video {
        position: unset;
        width: 500px;
        border-radius: 0;
    }
    
    .company .data-box {
        padding-top: 20px;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .company .data-box .data-item {
        flex: unset;
        width: 150px;;
    }
    
    .company .data-box .data-item .data {
        font-size: 32px;
    }
    
    .company .data-box .data-item .label {
        font-size: 14px;
    }
    
    .news {
        padding: 30px 0;
    }
    
    .news .learn-more {
        display: none;
    }
    
    .news .header {
        justify-content: center;
        padding: 20px 0;
    }
    
    .news .header .title {
        font-size: 24px;
    }
    
    .news .header .more {
        display: none;
    }
    
    .news .news-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .news .news-list .list-item {
        width: 46%;
    }
    
    .cooperative {
        height: auto;
        padding: 80px 3vw;
        overflow: hidden
    }
    
    .cooperative .title {
        top: 3%;
        font-size: 20px;
    }
    
    .cooperative .circle-box {
        position: relative;
        left: auto;
        transform: translate(0, 0);
        margin: 0 auto 40px;
    }
    
    .cooperative .cooperative-enterprise {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    
    .cooperative .cooperative-enterprise .item {
        position: static;
        width: 100px;
        height: 100px;
    }
    
    .cooperative .circle-box .text-box .p1 {
        font-size: 22px;
    }
    
    .cooperative .circle-box .circle-1 .drop {
        left: 21.9%;
    }
    
    .cooperative .circle-box .circle-2 .drop {
        right: 24%;
    }
    
    .foot {
        flex-direction: column-reverse;
    }
    
    .foot .company-info {
        flex-direction: row;
    }
    
    .foot .company-info .info-text {
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-top: 0;
    }
    
    .foot .company-info .info-text > div:nth-child(2) {
        padding-left: 20px;
    }
    
    .foot .company-info .info-text .phone {
        margin-bottom: unset;
    }
}

/* 小屏幕（移动端，小于等于 768px） */
@media screen and (max-width: 768px) {
    .series .item {
        font-size: 14px;
    }
    
    .series-product .product-box > div {
        width: 100%;
    }
    
    .series-product .product-box .details {
        display: none;
    }
    
    .company .video-box video {
        width: 100%;
    }
    
    .news {
        padding: 0;
    }
    
    .news .news-list {
        
    }
    
    .news .news-list .list-item {
        width: 100%;
    }
    
    .cooperative .title {
        font-size: 18px;
    }
    
    .foot-nav {
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .foot-nav .nav-item {
        width: 46%;
    }
    
    .foot .company-info {
        flex-direction: column;
    }
    
    .foot .company-info .logo {
        padding-left: 20px;
    }
    
    .foot .company-info .info-text {
        flex-direction: column;
        align-items: unset;
    }
    
    .foot .company-info .info-text > div:nth-child(2) {
        padding-left: 0;
    }
    
    .bt-2 {
        display: none;
    }
}