ght: 321px } } @media screen and (max-width:600px) { .product .pro_fenlei, .product .product-box { float: none; width: 100% } .product .pro_fenlei ul { height: auto } .product .pro_fenlei ul li:nth-child(n + 11) { display: none } .product .product-box { margin-top: 15px } } @media screen and (max-width: 375px) { .product li.col-pro { width: 48% } } /*---友情链接----*/ .friendLink { padding: 0; height: auto; margin-top: 30px } .friendLink .friendBox { margin: 0px auto; max-width: 1180px; height: auto; padding: 8px 0px } .friendLink .link-box ul { display: inline-block; overflow: hidden; padding: 0; list-style: none; margin-bottom: 0; display: inline } .friendLink .link-box ul li { line-height: 24px; position: relative; font-style: normal; display: inline-block } .friendLink .link-box h4 { font-size: 12px; padding: 0; margin: 0; line-height: 24px; display: inline-block; color: #fff } .friendLink .link-box ul li:first-child:after { display: none } .friendLink .link-box ul li a:after { content: '|'; padding: 0px 10px } .friendLink .link-box ul a { word-break: break-all; word-wrap: break-word; font-style: normal; color: #fff; font-size: 12px; line-height: 24px } .friendLink .link-box ul a:hover { text-decoration: none; opacity: 1 } /* 小屏幕 一*/ @media screen and (max-width:1180px) {} @media screen and (max-width: 600px) {} /*---footer----*/ .footers { color: #fff; margin: 0px auto; padding: 0; clear: both } .footerBox { margin: 0px auto; padding: 20px 0; max-width: 1180px } .footers .footers-box a { margin-right: 10px; color: #fff !important; word-break: break-all; word-wrap: break-word; text-decoration: underline } .footers .footers-box p { padding: 0; font-size: 12px; line-height: 20px } /*--------------------------*/ .smallphotoBox { min-height: auto !important }