olor:#999999; background-color: #212026; padding:1% 0;overflow:hidden} .copyright a{color:#999999;} .copyright .fl{ float: left} .copyright .fl .icp{ display:inline-block; white-space:normal} .copyright .fr{ float: right; text-align: right} .copyright .fr a{ position: relative; margin-right: 10px;} .copyright .fr a:before{ content: ''; display: block; background: #999; position: absolute; right: -6px; width: 1px; height: 50%;; top: 25%;} .copyright .fr a:last-child{ margin-right: 0} .copyright .fr a:last-child:before{ display: none} .wap_nav{ display: none} @media(min-width:880px){ .bottom .foot_link dd{ display: block!important} } @media(max-width:1024px){ .bottom .caidan{ padding-left:0} .bottom .other{ position:relative; padding-bottom:3%} .bottom .caidan dl{ float:none} .copyright{font-size: 14px;} } @media(max-width:880px){ .bottom .pic{ max-width:60%; margin:auto} .bottom .contact{ padding-top: 3%; padding-bottom: 2%} .bottom .contact span.email, .bottom .contact span.address{ display:none;} .bottom .contact span.tel{ display: inline-block; font-size: 22px} .bottom .shop_share{ margin:auto; padding-top:2%; padding-bottom:3%; max-width:100%;text-align: center} .bottom .other{ margin:auto; width:auto; text-align:center} .bottom .follow{ display:block} .bottom .caidan{ display: none} .bottom .foot_link{ padding-top: 0; display: none} .bottom .foot_link dt{ position: relative;} .bottom .foot_link dt b{ position: absolute; width: 100%; height: 100%;} .bottom .foot_link dt:before{ content:''; border:solid 8px transparent; display:block; position:absolute; right:20px; border-top-color:#fff; top:10px; transition: 0.5s;} .bottom .foot_link dt.show:before{border-top-color:transparent; border-bottom-color:#fff; top:0px;} .bottom .foot_link dd{ display:none; position:absolute; width:100%; bottom:30px;border-radius:4px 4px 0 0; background-color:#23232c; z-index: 10} .bottom .foot_link dd ul{ padding-left: 0} .bottom .foot_link dd li{ float: none; padding: 0} .bottom .foot_link dd a{ display:block; padding:5px 10px; border-bottom:solid 1px #141419; line-height:22px; font-size:14px;} .copyright{ padding-bottom:65px;} .copyright .fr{ float: none; text-align: center } .copyright .fl{ float: none; text-align: center} .wap_nav{ display: block; position: fixed; z-index: 99; width: 100%; bottom: 0; background: #c8192a} .wap_nav ul li{ width: 25%; float: left; text-align: center; box-sizing: border-box;border-right: solid 1px #d82e3e} .wap_nav ul li a{ font-size: 14px; color: #fff; display: inline-block; padding-top:30px; padding-bottom:3px; background: no-repeat center 8px; background-size:22px;} .wap_nav ul li:nth-child(1) a{background-image: url(../images/n_icon1.png);} .wap_nav ul li:nth-child(2) a{background-image: url(../images/n_icon2.png);} .wap_nav ul li:nth-child(3) a{background-image: url(../images/n_icon3.png);} .wap_nav ul li:nth-child(4) a{background-image: url(../images/n_icon4.png);} .wap_nav ul li:nth-child(4){ border-right: none;} } .menu_location{ position: relative; z-index: 99; padding-top: 2%; color: #666666; border-bottom: solid 1px #e5e5e5} .menu_location .location{ padding-left: 27px; background: url(../images/location_icon.png) no-repeat left} .menu_location .location em{ font-style: normal; opacity: 0.3; padding: 0px 10px} .menu_location a{color: #666666;} .menu_location .menu li{ font-size: 18px; position: relative;margin-right:60px} .wapmenu{ display:none} @media(min-width:768px){ .menu_location .location{ float: right;} .menu_location .menu{ float: left; display: block!important} .menu_location .menu a:hover, .menu_location .menu .aon a{ color: #c8192a} .menu_location .menu ul{ display: block!important} .menu_location .menu li{ float: left;padding-bottom: 20px; } .menu_location .menu li.aon:after{ content: ''; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; background: #c8192a} } @media(max-width:1280px){ .menu_location .menu li{font-size: 16px; margin-right: 50px;} } @media(max-width:1150px){ .menu_location .menu li{ margin-right: 30px;} .auto-inner{line-height:1.65} } @media(max-width:960px){ .menu_location .menu li{ margin-right:20px;} } @media(max-width:768px){ .menu_location .location{ margin-bottom: 10px;display:none;} .menu_location .location em{ padding: 0 6px} .menu_location .menu{ padding: 0;} .menu_location .menu ul{ display: none;box-shadow: 0 6px 12px #eee; background: #fff; position: absolute; width: 100vw; border-radius: 0 0 10px 10px; left: 0%;} .menu_location .menu li{font-size: 14px; border-bottom: solid 1px #eee;margin-right:0px; padding-left: 1%; } .menu_location .menu li a{ display: block; padding: 10px 20px} .menu_location .menu li:last-child{ border-bottom: none} .menu_location .menu li{width: 50% ; float: left; text-align: center;} .wapmenu{ position: relative; display:block; font-size: 16px; padding: 5px 0px; color: #333; background: #fff;height:38px;} /* .wapmenu a, .wapmenu a::before, .wapmenu a::after{ position:absolute;background-color:#fff; height:2px; width:30px; right:5%; transition: 0.5s;} */ .wapmenu a{width: 10px; height: 10px; background: url(../images/home_more.png) no-repeat; transform: rotateZ(90deg); transform-origin: 50% 50%; position: absolute; right: 5%; transition: all .3s;} .wapmenu a{ top:40%;} .wapmenu a::before, .wapmenu a::after{ content:'';} .wapmenu a::before{ top:-8px;} .wapmenu a::after{ bottom:-8px;} .wapmenu.on a{ transform: rotateZ(-90deg);} .wapmenu.on a::before{ top: 0; transform: rotate(45deg);} .wapmenu.on a::after{ bottom: 0; transform: rotate(-45deg); } } .banner{ position: relative} .banner .wap{ display: none} .banner img{ width: 100%} .banner .txt{ font-size: 18px; position: absolute; width: 50%; height:15%; text-align: center;margin: auto; left: 0; top: 0; bottom: 0; right: 0; color: #fff} .banner .txt b{ display: block; font-size: 36px;} @media(max-width:768px){ .banner .pc{ display: none} .banner .wap{ display:block} .banner .txt{ font-size: 14px; display: none} .banner .txt b{ font-size: 18px;} .icon-close:before {content: "\E70D";} .icon-menu:before { content: "\E6FC";} .mob-header.black .mrui-logo .white{filter:contrast(0.5);} .mob-header.transparent{ background: rgba(0,0,0,.5);} } .web_link{ padding: 4% 0} .web_link ul li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4} .web_link ul li b{ display:block; font-size:16px; font-weight:normal;} .web_link ul li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;} .dot:hover{color:#ac1e2d}
Copyright © 2025 佛山市希睿陶瓷有限公司 网站地图 网站统计
粤ICP备202388号

保存后可在微信扫码关注

二维码
在线反馈
让我们了解到产品及服务的相关问题，以便我们及时改进并提升服务体验。
立即反馈
反馈热线
电话反馈