body { background: #edf1f5; } .product_safety_protection { overflow: hidden; } .product_safety_protection ul h5 { margin: 39px 0 30px; } .product_safety_protection ul p { line-height: 26px; color: #3d3d3e; } .product_safety_protection ul span { display: block; width: 156px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #e10033; margin: 39px 0 58px; transition: all 0.5s; } .product_safety_protection ul span:hover { background-color: #b81c25 !important; } .product_safety_protection ul { overflow: hidden; } .product_safety_protection ul li { background: #fff; margin-top: 60px; } .product_safety_protection ul li div { background: #e4e8ec; } .product_safety_protection ul li div img { display: block; margin: 0 auto; } .product_btn { width: 155px; height: 30px; border: 1px solid #565656; text-align: center; line-height: 30px; color: #565656; margin: 60px auto 0; } .area { max-width: 1440px; padding: 0 20px; margin: 0 auto; } .product_safety_protection ul li:nth-child(odd) { float: left; } .product_safety_protection ul li:nth-child(even) { float: right; } .product_safety_protection { padding-top: 80px; } .product_safety_protection ul li { width: 690px; } .product_safety_protection ul li div { padding: 111px 0 91px; } .product_safety_protection ul h5 { padding: 0 8.695%; color: #4e5258; } .product_safety_protection ul li:hover h5 { color: #e10033; } .product_safety_protection ul p { height: 52px; overflow: hidden; padding: 0 8.695%; } .product_safety_protection ul span { margin-left: 8.695%; } .product_safety_protection ul li div img { height: 182px; } .product_safeguard_content { width: 992px; margin: 0 auto; line-height: 1.8; color: #7a8087; } @media screen and (min-width: 1024px) and (max-width: 1440px) { .area { /*width: 100%;*/ margin: 0 auto; } .product_safety_protection ul li:nth-child(odd) { float: left; } .product_safety_protection ul li:nth-child(even) { float: right; } .product_safety_protection { padding-top: 80px; } .product_safety_protection ul li { width: 49%; } .product_safety_protection ul li img { width: 90%; } .product_safety_protection ul li div { padding: 111px 0 91px; } .product_safety_protection ul li div img { height: 182px; } } @media screen and (max-width: 1024px) { .product_safeguard_content { width: 100%; } .area { /* margin: 0 3em; */ } .product_safety_protection { padding-top: 20px; } .product_safety_protection ul li img { width: 84%; } .product_safety_protection ul li div img { height: auto; } .product_safety_protection ul li div { padding: 30px 0 30px; } .product_safety_protection ul h5, .product_safety_protection ul p, .product_safety_protection ul span { margin-left: 1.5em; margin-right: 1.5em; padding-left: 0; } .product_safety_protection ul span { margin: 28px 0 0 1.5em; } .product_safety_protection ul li { width: 100%; padding-bottom: 37px; margin-top: 20px; float: none !important; } .product_safety_protection ul h5 { margin: 30px 0 20px 1em; } .product_btn { margin: 40px auto; } }