@media (max-resolution: 90dpi) {
    .banner {margin-bottom: 0px;}
    .banner .show {width: 1530px;}
    .oem-page {width: 1530px;}
    .contact-page {width: 1530px;}
}

@media screen and (max-width: 1600px) {
    .banner {width: 1300px;}

    .oem-page {width: 1300px;}    
    .oem-page .content {width: 1300px;}
    .oem-page .content .logo {height: 60px;}    
    .oem-page .content ul li .tt {font-size: 24px;line-height: 30px;}
    .oem-page .content ul li p {font-size: 16px;line-height: 26px;}

    .contact-page .content {width: 1300px;}

    .product {margin: 30px 0 50px;width: 100%;}    
    .product .content {margin: 0 auto;width: 1300px;}
}

@media screen and (max-width: 1360px) {
    .banner {width: 960px;}
    .product .content {width: 960px;}
    .oem-page {width: 960px;}
    .oem-page .content {width: 960px;}
    .contact-page .content {width: 960px;}
}

@media screen and (max-width: 960px) {
    .banner {width: 100%;}

    .header .main-width .title .nav {width: 100%;}
    .header .main-width .title .nav ul li {width: 100%;}
    .header .main-width .title .nav ul li ul {width: 100%;}
    .header .main-width .title .nav ul li ul li {width: 100%;}

    .contact-page .content .form input {width: 100%;}
    .contact-page .content .form .half {width: 100%;}
    .contact-page .content .form button {width: 100%;}

    .product .content {width: 80%;}
    .product .content .box .list {flex-wrap: wrap;width: 100%;gap: 30px;}
    .product .content .box .list .list-left,
    .product .content .box .list .list-right {justify-content: space-around;width: 100%;}

    .oem-page {width: 80%;}
    .oem-page .content {width: 100%;}
    .contact-page .content {width: 80%;}
}

@media screen and (max-width: 768px) {
    .product .content {width: 90%;}
    .product .content .box .list {flex-wrap: wrap;width: 100%;gap: 30px;}    
    .product .content .box .list .list-left,
    .product .content .box .list .list-right {justify-content: space-around;flex-wrap: wrap;gap: 20px;width: 100%;}
    .product .content .box .list .list-left li,
    .product .content .box .list .list-right li {width: 100%;text-align: center;}    
    .product .content .box .list .list-left li a,
    .product .content .box .list .list-right li a {display: block;position: relative;left: 50%;transform: translateX(-50%);width: 300px;height: auto;}
    .product .content .box .list .list-left li a img,
    .product .content .box .list .list-right li a img {width: 100%;height: auto;}

    .oem-page {width: 90%;}
    
    .contact-page .content {width: 90%;}
}

@media screen and (max-width: 560px) {
    .product .content .title::after,
    .product .content .title::before {display: none;}
}