.nav ul li .nav-second { width: 200px; } .nav ul li:nth-child(3) .nav-second { width: 280px; } .all-title-box2 span { text-transform: uppercase; } .about-box3 .box-info { margin-top: 0; } .product-title-box .product-item { font-size: 1rem; } .service-box3 .box-info .pull-right { margin-top: 0; } .marketing-box1 .box-info .pull-left p { white-space: initial; } .about-box2 .top-box .fr span { margin-left: 2.25rem; } @media screen and (max-width: 1024px) { .nav ul li .nav-second { width: 100%; } .nav ul li:nth-child(3) .nav-second { width: 100%; } .product-title-box { flex-wrap: wrap; } .product-title-box .product-item { width: 50%; border-bottom: 1px solid rgba(255,255,255,0.5); } .marketing-box1 .box-info .pull-left p { white-space: normal; } } @media screen and (max-width: 768px) { .product-title-box .product-item { width: 100%; } .about-box1 .disFlex { display: block; } .about-box2 .top-box { display: block; } .about-box2 .top-box .fr { text-align: center; margin-top: 20px; } .about-box2 .top-box .fr span { margin-left: 0; width: 49%; font-size: 1.2rem; } .about-box4 .swiper-btn span { display: none; } .about-box3 .box-info { margin-top: 20px; } }