@media screen and (max-width: 500px) { #product .ser-search { top: 0; padding-top: 7rem; } .ser-search, .ser-search.container { padding: 0 2rem 2.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 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 { top: 12.8rem; } #product .product-nav { margin-top: 19rem; } .product-top .product-top-nav ul { padding: 0 2rem; } .product-top .product-top-nav ul li { padding-bottom: 1rem; width: 27.2%; } .product-top .product-top-nav ul li:nth-child(4), .product-top .product-top-nav ul li:nth-child(8) { width: 18%; text-align: right; } .product-nav .product-left-nav .div-list { margin-bottom: 1.2rem; } .product-nav .product-left-nav .div-list .container { height: 18.3rem; } .product-nav .product-left-nav .div-list .container { padding: 0 2rem; } .product-nav .product-left-nav .div-list .container .right .h4-title { padding: 0 0 2rem 0; margin: 0; } .product-nav .product-left-nav .div-list .container .right .h4-title a { font-size: 1.8rem; letter-spacing: .1rem; line-height: 1.8rem; color: #000000; font-weight: 500; font-family: "Source Han Sans CN"; } .product-nav .product-left-nav .div-list .container .right .p-list .p-style a { font-size: 1.3rem; line-height: 2.2rem; color: #000000; font-family: "Source Han Sans CN"; text-align: right; font-weight: normal; word-wrap: break-word; word-break: break-all; z-index: 99; } .product-nav .product-left-nav .div-list .container .right .p-list .p-style.p-styles843 .p-title .lines, .product-nav .product-left-nav .div-list .container .right .p-list .p-style.p-styles849 .p-title .lines { display: inline-block !important; } .product-nav .product-left-nav .div-list .container { position: relative; } .product-nav .product-left-nav .div-list .container .left { position: absolute; left: 0; } .product-nav .product-left-nav .div-list .container .right { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; } .product-nav .product-left-nav .div-list:nth-child(2n) .container .left { position: absolute; right: 0; left: inherit; } .product-nav .product-left-nav .div-list .container .left img { height: 80%; z-index: 1; } .product-nav .product-left-nav .div-list:nth-child(2n) .container .right { text-align: right; justify-content: flex-start; } /* .product-nav .product-left-nav .div-list.div-lists6 .container .right .p-list .p-style { float:left; display:inline; } .product-nav .product-left-nav .div-list.div-lists6 .container .right .p-list .p-style.p-styles760, .product-nav .product-left-nav .div-list.div-lists6 .container .right .p-list .p-style.p-styles186, .product-nav .product-left-nav .div-list.div-lists6 .container .right .p-list .p-style.p-styles942 { clear:both; } */ /* .product-nav .product-left-nav .div-list.div-lists11 .container .left { width: 40%; } .product-nav .product-left-nav .div-list.div-lists11 .container .right { width: 60%; } .product-nav .product-left-nav .div-list.div-lists15 .container .left { width: 40%; } .product-nav .product-left-nav .div-list.div-lists15 .container .right { width: 60%; } .product-nav .product-left-nav .div-list.div-lists11 .container .left img { height: 90%; margin-top: 1rem; } .product-nav .product-left-nav .div-list.div-lists15 .container .left img { height: 90%; } .product-nav .product-left-nav .div-list.div-lists7 .container { position: relative; } */ /* .product-nav .product-left-nav .div-list.div-lists7 .container .left { position: absolute; right: 0; } .product-nav .product-left-nav .div-list.div-lists7 .container .right { width: 66% !important; } .product-nav .product-left-nav .div-list.div-lists7 .container .right img { height: 90%; } .product-nav .product-left-nav .div-list.div-lists7 .container .right .p-list .p-style.p-styles764, .product-nav .product-left-nav .div-list.div-lists17 .container .right .p-list .p-style.p-styles547, .product-nav .product-left-nav .div-list.div-lists7 .container .right .p-list .p-style.p-styles796, .product-nav .product-left-nav .div-list.div-lists7 .container .right .p-list .p-style.p-styles402 { padding-right: 5rem; } */ .product-nav .product-left-nav .div-list.div-lists17 .container .right .p-list .p-style.p-styles860 .p-title .lines, .product-nav .product-left-nav .div-list.div-lists17 .container .right .p-list .p-style.p-styles862 .p-title .lines { display: inline-block !important; } .product-nav .product-left-nav .div-list.div-lists17 .container .right .p-list .p-style.p-styles910 .p-title .lines { display: none !important; } .product-nav .product-left-nav .div-list .container .right .p-list .p-style.p-styles846 .product-nav .product-left-nav .div-list .container .right .p-list .p-style.p-styles547 { display: block !important; } /* .product-nav .product-left-nav .div-list.div-lists17 .container { position: relative; } .product-nav .product-left-nav .div-list.div-lists17 .container .left { position: absolute; right: 0; } .product-nav .product-left-nav .div-list.div-lists17 .container .right { width: 66% !important; } .product-nav .product-left-nav .div-list.div-lists6 .container .left { width: 42%; } */ /* .product-nav .product-left-nav .div-list.div-lists6 .container .right { width: 58% !important; } */ /* 鑻辨枃鐗 */ .product-nav .product-left-nav.product-left-nav-eng .div-list .container .right .h4-title a { line-height: 3.6rem; } #product .ser-search.en-ser-search { padding-top: 4.8rem; } #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: 1.5rem 0; margin: 0; } #product .product-top.english-product-style .product-top-nav { top: 13.8rem; } .product-top.english-product-style .product-top-nav ul li { padding: 1.5rem 0 0; } .product-top.english-product-style .product-top-nav ul li p { font-size: 1.3rem; line-height: 1.2rem; color: #333333; font-family: "Source Han Sans CN"; } .product-top.english-product-style .product-top-nav ul li { width: 40%; } .product-top.english-product-style .product-top-nav ul li:nth-child(1), .product-top.english-product-style .product-top-nav ul li:nth-child(3), .product-top.english-product-style .product-top-nav ul li:nth-child(5), .product-top.english-product-style .product-top-nav ul li:nth-child(7) { width: 46%; } #product .product-top.english-product-style .product-nav { margin-top: 30rem; } .product-top.english-product-style .product-top-nav ul li:nth-child(4), .product-top.english-product-style .product-top-nav ul li:nth-child(8) { text-align: left; } .product-top.english-product-style .product-nav .product-left-nav .div-list .container .right .h4-title a { font-size: 1.8rem; letter-spacing: .1rem; line-height: 4.4rem; color: #000000; font-weight: 500; font-family: "Source Han Sans CN"; } .english-product-style .product-nav .product-left-nav .div-list .container .right br { display: none; } .english-product-style .product-nav .product-left-nav .div-list .container .left, .english-product-style .product-nav .product-left-nav .div-list .container .right { padding: 4.4rem 0 0; } .english-product-style .product-nav .product-left-nav .div-list .container .right .lyddd { padding-top: 2rem; padding-bottom: 2.3rem; } .english-product-style .product-nav .product-left-nav .div-list .container .left { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .english-product-style .product-nav .product-left-nav .div-list .container .left img { width: auto; height: 90%; } .english-product-style .product-nav .product-left-nav .div-list { position: relative; min-height: 18rem; margin-bottom: 2.2rem; } .english-product-style .product-nav .product-left-nav .div-list .container { min-height: 18rem; display: flex; align-items: center; } .english-product-style .product-nav .product-left-nav .div-list .left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .english-product-style .product-nav .product-left-nav .div-list .right { width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: flex-end; } .english-product-style .product-nav .product-left-nav .div-list:last-child .container .right { width: 100%; } .english-product-style .product-nav .product-left-nav .div-list:nth-child(2n) .container .left { float: right; right: 0; left: inherit; justify-content: flex-end; } .english-product-style .product-nav .product-left-nav .div-list:nth-child(2n) .container .right { float: left; justify-content: flex-start; } .english-product-style .product-nav .product-left-nav .div-list .container .right .p-list .p-style { display: block; } .english-product-style .product-nav .product-left-nav .div-list .container .right .p-list .p-style a { font-size: 1.3rem; color: #000000; font-family: "Source Han Sans CN"; } .english-product-style .product-nav .product-left-nav .div-list.div-lists12 .container .left img { height: 80%; } .english-product-style .product-nav .product-left-nav .div-list.div-lists7 .container .left img { width: auto; height: 20rem; margin-bottom: 5rem; } .english-product-style .product-nav .product-left-nav .div-list.div-lists9 .container .left img { width: auto; height: 18rem; } .English-style-size #product .ser-search .h3-en, .English-style-size #product .ser-search input, .English-style-size .product-top.english-product-style .product-top-nav ul li p, .English-style-size .product-top.english-product-style .product-nav .product-left-nav .div-list .container .right .h4-title a, .English-style-size .english-product-style .product-nav .product-left-nav .div-list .container .right .p-list .p-style a{ font-family: "Helvetica"; } }