@media screen and (max-width: 500px) { #product { margin-top: 7rem; } .ser-search, .ser-search.container { padding: 0 2rem 2rem; } #product .ser-search input { font-size: 1.2rem; color: #898888; font-family: "Source Han Sans CN"; letter-spacing: 1px; padding-left: .8rem; border-radius: 0; } #product .ser-search, .ser-search.container { padding: 0 2rem; } #product .ser-search input::-webkit-input-placeholder { font-size: 1.2rem; color: #898888; font-family: "Source Han Sans CN"; letter-spacing: 1px; } #product .ser-search .sear-control { background-position: 5px 1.1rem; } #product .product-top .product-top-nav .only-title .div-left-title .h4-title a { font-size: 1.5rem; line-height: 1.2rem; color: #333333; font-family: "Source Han Sans CN"; } #product .product-top .product-top-nav .only-title .div-left-title .img-img_sl { margin-right: 1rem; } #product .product-top .product-top-nav .only-title { padding-left: 0 2rem; } #product .product-top .product-top-nav ul { padding-top: 2rem; padding-left: 0; } #product .product-top .product-top-nav ul li { margin-bottom: .6rem; padding-left: 0; } #product .product-top .product-top-nav ul li:nth-child(1), #product .product-top .product-top-nav ul li:nth-child(4), #product .product-top .product-top-nav ul li:nth-child(7) { width: 38%; } #product .product-top .product-top-nav ul li:nth-child(2), #product .product-top .product-top-nav ul li:nth-child(5), #product .product-top .product-top-nav ul li:nth-child(8) { width: 38%; } #product .product-top .product-top-nav ul li:nth-child(3), #product .product-top .product-top-nav ul li:nth-child(6), #product .product-top .product-top-nav ul li:nth-child(9) { width: 24%; } /* 纭害妫€娴嬩华 */ #product .product-top .product-top-nav.op-navs10 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs10 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs10 ul li:nth-child(7) { width: 38%; } #product .product-top .product-top-nav.op-navs10 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs10 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs10 ul li:nth-child(8) { width: 38%; } #product .product-top .product-top-nav.op-navs10 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs10 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs10 ul li:nth-child(9) { width: 24%; } /* 鏃犳崯妫€娴嬩华 */ #product .product-top .product-top-nav.op-navs6 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs6 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs6 ul li:nth-child(7) { width: 40%; } #product .product-top .product-top-nav.op-navs6 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs6 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs6 ul li:nth-child(8) { width: 36%; } #product .product-top .product-top-nav.op-navs6 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs6 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs6 ul li:nth-child(9) { width: 24%; } /* 鍘氬害娴嬮噺浠 */ #product .product-top .product-top-nav.op-navs11 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs11 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs11 ul li:nth-child(7) { width: 40%; } #product .product-top .product-top-nav.op-navs11 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs11 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs11 ul li:nth-child(8){ width: 40%; } #product .product-top .product-top-nav.op-navs11 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs11 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs11 ul li:nth-child(9){ width: 20%; } /* 琛ㄩ潰娴嬮噺浠 */ #product .product-top .product-top-nav.op-navs15 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs15 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs15 ul li:nth-child(7) { width: 38%; } #product .product-top .product-top-nav.op-navs15 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs15 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs15 ul li:nth-child(8){ width: 38%; } #product .product-top .product-top-nav.op-navs15 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs15 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs15 ul li:nth-child(9){ width: 24%; } /* 寤虹瓚宸ョ▼妫€娴 */ #product .product-top .product-top-nav.op-navs8 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs8 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs8 ul li:nth-child(7) { width: 39%; } #product .product-top .product-top-nav.op-navs8 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs8 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs8 ul li:nth-child(8){ width: 37%; } #product .product-top .product-top-nav.op-navs8 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs8 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs8 ul li:nth-child(9){ width: 24%; } /* 鎺激鐩稿叧浜у搧 */ #product .product-top .product-top-nav.op-navs7 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs7 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs7 ul li:nth-child(7) { width: 40%; } #product .product-top .product-top-nav.op-navs7 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs7 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs7 ul li:nth-child(8){ width: 36%; } #product .product-top .product-top-nav.op-navs7 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs7 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs7 ul li:nth-child(9){ width: 24%; } /* 鏉愭枡鍒嗘瀽绫 */ #product .product-top .product-top-nav.op-navs14 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs14 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs14 ul li:nth-child(7) { width: 40%; } #product .product-top .product-top-nav.op-navs14 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs14 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs14 ul li:nth-child(8){ width: 40%; } #product .product-top .product-top-nav.op-navs14 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs14 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs14 ul li:nth-child(9){ width: 20%; } /* 鐩稿叧妫€娴嬩华 */ #product .product-top .product-top-nav.op-navs17 ul li:nth-child(1), #product .product-top .product-top-nav.op-navs17 ul li:nth-child(4), #product .product-top .product-top-nav.op-navs17 ul li:nth-child(7) { width: 35%; } #product .product-top .product-top-nav.op-navs17 ul li:nth-child(2), #product .product-top .product-top-nav.op-navs17 ul li:nth-child(5), #product .product-top .product-top-nav.op-navs17 ul li:nth-child(8){ width: 52%; } #product .product-top .product-top-nav.op-navs17 ul li:nth-child(3), #product .product-top .product-top-nav.op-navs17 ul li:nth-child(6), #product .product-top .product-top-nav.op-navs17 ul li:nth-child(9){ width: 13%; } #product .product-nav .product-right .content-product .content-data .ul-zhankai { padding: .5rem 1.6rem 0; box-sizing: border-box; margin-bottom: 2.5rem; } #product .product-nav .product-right .content-product .content-data .ul-zhankai .content-list .div .product-a img { margin-top: .5rem; height: 95%; } .ul-zhankai .content-list .div { height: auto; } #product .product-nav .product-right .content-product .content-data .ul-zhankai .content-list .div p { font-size: 1.4rem; font-weight: normal; color: #333333; font-family: "Source Han Sans CN"; } #product .product-nav .product-right .content-product .content-data .ul-zhankai .content-list .div { padding-bottom: 1rem; } /* 鑻辨枃鐗 */ #product .ser-search .h3-en { font-size: 1.8rem; line-height: 1.8rem; color: #333333; font-weight: bold; font-family: "Source Han Sans CN"; text-align: center; padding: 0 0 1.5rem; margin: 0; } #product .english-product-style.product-top .product-top-nav .only-title .div-left-title .img-img_sl { display: none; } #product .product-top.english-product-style .product-top-nav .only-title .div-left-title .h4-title { padding-top: 0 !important; } #product .product-top.english-product-style .product-top-nav .only-title .div-left-title .h4-title a { font-size: 1.5rem; line-height: 1.2rem; color: #000000; font-weight: 500; font-family: "Source Han Sans CN"; } #product .product-top.english-product-style .product-top-nav ul li { width: 50%; } #product .product-top.english-product-style .product-top-nav ul li:nth-child(1), #product .product-top.english-product-style .product-top-nav ul li:nth-child(3), #product .product-top.english-product-style .product-top-nav ul li:nth-child(5) { width: 50%; } #product .product-top.english-product-style .product-top-nav ul li:last-child { /* width: 100%; */ } #product .product-top.english-product-style .product-top-nav.op-navs4 ul li { width: 45%; } #product .product-top.english-product-style .product-top-nav.op-navs4 ul li:nth-child(1), #product .product-top.english-product-style .product-top-nav.op-navs4 ul li:nth-child(3), #product .product-top.english-product-style .product-top-nav.op-navs4 ul li:nth-child(5) { width: 55%; } #product .product-top.english-product-style .product-top-nav.op-navs4 ul li:last-child { width: 100%; } /* op-navs6 */ #product .product-top.english-product-style .product-top-nav.op-navs6 ul li { width: 48%; } #product .product-top.english-product-style .product-top-nav.op-navs6 ul li:nth-child(2), #product .product-top.english-product-style .product-top-nav.op-navs6 ul li:nth-child(4) { width: 52%; } #product .product-top.english-product-style .product-top-nav.op-navs6 ul li:nth-child(5) { width: 100%; } #product .product-top.english-product-style .product-top-nav.op-navs7 ul li:nth-child(2), #product .product-top.english-product-style .product-top-nav.op-navs7 ul li:nth-child(5), #product .product-top.english-product-style .product-top-nav.op-navs7 ul li:nth-child(8) { width: 50%; } #product .product-top.english-product-style .product-top-nav ul li { min-width: inherit; } #product .product-top.english-product-style .product-top-nav ul li a { color: #333333; } #product .product-top.english-product-style .product-top-nav ul li a.active{ color: #cc2239; } .English-style-size #product .ser-search .h3-en, .English-style-size #product .ser-search input, .English-style-size #product .product-top.english-product-style .product-top-nav .only-title .div-left-title .h4-title a, .English-style-size #product .product-top .product-top-nav ul li a, .English-style-size #product .product-nav .product-right .content-product .content-data .ul-zhankai .content-list .div p, .English-style-size #product .product-nav .product-right .content-product .content-data .ul-zhankai .content-list .div p { font-family: "Helvetica"; } }