/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2026 | 00:55:23 */
a { text-decoration: none; }
body{font-family: "Basis Grotesque Pro";}

p:empty, div:empty.clear_column { display: none !important; }

img { vertical-align: middle; }

ul { margin: -1.4em 0 1.5em 1.5em; }

.table-box { max-width: 100%; overflow-x: auto; }
.spec-table { width: 100%; border-collapse: collapse; background: #fff; margin-bottom: 0px;text-align:left; }
.spec-table td,.spec-table th { border: 1px solid #d4d4d4; padding: 10px 30px; }
.spec-table .stars { color: #fecf40; }
table a{color:var(--accent)}
.button-group { display: flex; gap: 33px; justify-content: center; margin-top: 30px; }
.button-group .iconfont { font-size: 25px;line-height:1; }
.button-group .btn { padding: 13px 30px; border-radius: 8px; background-color: #f0f0f0; color: inherit; display: flex; align-items: center; gap: 12px; }
.button-group .btn.btn-red,.button-group .btn:first-child { background-color: #e22b2b; color: #fff; }
.button-group .btn:hover{background-color: #e22b2b; color: #fff;}
/* Padding */
.pt-0 { padding-top: 0px; }

.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }

.pt-40 { padding-top: 40px; }

.pt-50 { padding-top: 50px; }

.pb-0 { padding-bottom: 0px; }

.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-25 { padding-bottom: 25px; }

.pb-30 { padding-bottom: 30px; }

.pb-40 { padding-bottom: 40px; }

.pb-50 { padding-bottom: 50px; }

.pl-0 { padding-left: 0px; }

.pl-5 { padding-left: 5px; }

.pl-10 { padding-left: 10px; }

.pl-15 { padding-left: 15px; }

.pl-20 { padding-left: 20px; }

.pl-25 { padding-left: 25px; }

.pl-30 { padding-left: 30px; }

.pr-0 { padding-right: 0px; }

.pr-5 { padding-right: 5px; }

.pr-10 { padding-right: 10px; }

.pr-15 { padding-right: 15px; }

.pr-20 { padding-right: 20px; }

.pr-25 { padding-right: 25px; }

.pr-30 { padding-right: 30px; }

.px-5 { padding-left: 5px; padding-right: 5px; }

.px-10 { padding-left: 10px; padding-right: 10px; }

.px-15 { padding-left: 15px; padding-right: 15px; }

.px-20 { padding-left: 20px; padding-right: 20px; }

.px-25 { padding-left: 25px; padding-right: 25px; }

.px-30 { padding-left: 30px; padding-right: 30px; }

.py-5 { padding-top: 5px; padding-bottom: 5px; }

.py-10 { padding-top: 10px; padding-bottom: 10px; }

.py-15 { padding-top: 15px; padding-bottom: 15px; }

.py-20 { padding-top: 20px; padding-bottom: 20px; }

.py-30 { padding-top: 30px; padding-bottom: 30px; }

.py-35 { padding-top: 35px; padding-bottom: 35px; }
.font-35 { font-size: 35px; }
/* Margin */
.mt-0 { margin-top: 0px; }

.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-25 { margin-top: 25px; }

.mt-30 { margin-top: 30px; }

.mt-40 { margin-top: 40px; }

.mt-50 { margin-top: 50px; }

.mt-120 { margin-top: 120px; }

.mb-0 { margin-bottom: 0px; }

.mb-5 { margin-bottom: 5px; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-25 { margin-bottom: 25px; }

.mb-30 { margin-bottom: 30px; }

.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-120 { margin-bottom: 120px; }

.ml-0 { margin-left: 0; }

.ml-5 { margin-left: 5px; }

.ml-10 { margin-left: 10px; }

.ml-15 { margin-left: 15px; }

.ml-20 { margin-left: 20px; }

.mr-0 { margin-right: 0; }

.mr-5 { margin-right: 5px; }

.mr-10 { margin-right: 10px; }

.mr-15 { margin-right: 15px; }

.mr-20 { margin-right: 20px; }

.mx-auto { margin-left: auto; margin-right: auto; }

.mx-10 { margin-left: 10px; margin-right: 10px; }

.my-10 { margin-top: 10px; margin-bottom: 10px; }

/* 宽度、flex、文本通用 */
.w-full { width: 100%; }

.w-auto { width: auto; }

.flex { display: flex; }

.flex-column { display: flex; flex-direction: column; }

.gap-10 { gap: 10px; }

.gap-15 { gap: 15px; }

.gap-64 { gap: 64px; }

.flex-wrap { flex-wrap: wrap; }

.items-center { align-items: center; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.block { display: block; }

.inline-block { display: inline-block; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

/* 边框圆角 */
.rounded-4 { border-radius: 4px; }

.rounded-6 { border-radius: 6px; }

.rounded-8 { border-radius: 8px; }

.rounded-full { border-radius: 999px; }

/* 溢出隐藏 */
.overflow-hidden { overflow: hidden; }

.relative { position: relative; }

.absolute { position: absolute; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.align-top { vertical-align: top; }

.align-middle { vertical-align: middle; }

.align-bottom { vertical-align: bottom; }

.leading-1 { line-height: 1; }

.leading-12 { line-height: 1.2; }

.leading-14 { line-height: 1.4; }

.leading-16 { line-height: 1.6; }

.leading-18 { line-height: 1.8; }

.underline-text { text-decoration: underline; }

/* 文字换行截断辅助 */
.whitespace-nowrap { white-space: nowrap; }

.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.font-normal { font-weight: 400; }

.font-medium { font-weight: 500; }

.font-semibold { font-weight: 600; }

.font-bold { font-weight: 700; }

.box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.bg-f5f5f5 { background-color: #f5f5f5; }
.bg-white { background-color: #fff; }

.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.grid-2 div:has(img) { flex-shrink: 0; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.grid-3 div:has(img) { flex-shrink: 0; }

/* ===== 移动端响应类（768px以下生效，前缀sm-）===== */
@media screen and (max-width: 768px) {.button-group { align-items: center; flex-direction: column; gap: 15px; }.grid-2,.grid-3 { grid-template-columns: repeat(1, 1fr); }
  .button-group .iconfont { font-size: 25px; }
  .button-group .btn { width: 70%; padding: 5px 30px; justify-content: center; } .sm-pt-10 { padding-top: 10px; }
  .sm-pt-15 { padding-top: 15px; }
  .sm-pt-20 { padding-top: 20px; }
  .sm-pb-10 { padding-bottom: 10px; }
  .sm-pb-15 { padding-bottom: 15px; }
  .sm-px-10 { padding-left: 10px; padding-right: 10px; }
  .sm-px-15 { padding-left: 15px; padding-right: 15px; }
  .sm-py-10 { padding-top: 10px; padding-bottom: 10px; }
  .sm-mt-10 { margin-top: 10px; }
  .sm-mb-10 { margin-bottom: 10px; }.sm-mb-25 { margin-bottom: 25px; }
  .sm-mb-45 { margin-bottom: 23px; }
	.sm-mb-20 { margin-bottom: 20px; }
  .sm-mt-40 { margin-top: 20px; }.sm-mt-20 { margin-top: 20px; }
  .sm-flex-col { display: flex !important; flex-direction: column !important; }
  .sm-w-full { width: 100%; }
  .sm-block { display: block !important; }
	.sm-gap-20 { gap: 20px !important; }
  .sm-px-15 { padding-left: 15px; padding-right: 15px; }
  .sm-py-15 { padding-top: 15px; padding-bottom: 15px; } }
.gt_selector{border: none;background:none;}
@media screen and (min-width: 1366px) {h2{margin-bottom:30px;} .inside-header { position: relative; }.gt_selector{background: url("https://acidproofbrick.com/wp-content/uploads/2026/10/earth-icon2.png") no-repeat left center !important;width: 125px;font-size: 20px;}
	.page-banner{margin-top:-100px;}
	.main-navigation:not(.is_stuck){background:none;}
  .inside-navigation { position: initial; }
	.main-navigation .main-nav ul li[class*="current-menu-"] > a{font-weight:bold;}
  #menu-item-1299 { position: initial; }
  #menu-item-1299 > ul { left: 0; width: 100%; display: flex; gap: 30px; text-align: center; padding: 40px;background-color:#fff; }
  #menu-item-1299 > ul > li { background-color: #F6F6F6; }
  #menu-item-1299 > ul > li > a { padding-top: 30px; padding-bottom: 30px; }
  #menu-item-1299 > ul > li > a:before { display: block; margin-bottom: 20px; }
  #menu-item-933 > a:before { content: url("https://acidproofbrick.com/wp-content/uploads/2026/10/Acid-Resistant-Brick.png"); }
  #menu-item-934 > a:before { content: url("https://acidproofbrick.com/wp-content/uploads/2026/10/Acid-Proof-Tiles-nav.png"); }
  #menu-item-948 > a:before { content: url("https://acidproofbrick.com/wp-content/uploads/2026/10/Anti-corrosion-Carbon-Brick.png"); }
  #menu-item-935 > a:before { content: url("https://acidproofbrick.com/wp-content/uploads/2026/10/Furan-Resin-Mortar-NAV.png"); }
  #menu-item-1108 > a:before { content: url("https://acidproofbrick.com/wp-content/uploads/2026/10/Ceramic-Honeycomb-NAV.png"); } }
.footer-media-item { display: flex; gap: 10px; }
@media screen and (max-width: 769px){
	.menu-item-gtranslate{padding-right: 20px;}.gt_selector{width:100%;}
	.main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .mobile-bar-items a, .sticky-navigation-transition .navigation-branding .main-title{line-height:55px;}
	.main-navigation.sticky-navigation-transition .site-logo img, .main-navigation.sticky-navigation-transition .navigation-search input[type="search"], .main-navigation.sticky-navigation-transition .navigation-branding img{height:60px;}
	.inside-header{padding-right: 0;padding-left: 10px;}
	.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a{line-height:55px;}
	.site-header .header-image{width:auto;height:60px;padding:10px 0;}
	.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a,.navigation-branding img, .site-logo.mobile-header-logo img{transition:none;}
	.navigation-branding img, .site-logo.mobile-header-logo img{height:60px;}
	.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {font-size: 16px;}
}

.footer-media-item a { display: block; width: 41px; height: 41px;background-repeat:no-repeat; }
.footer-media-item a.linkin{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/linkedin-black.png")}
.footer-media-item a.linkin:hover{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/linkedin-red.png")}
.footer-media-item a.facebook{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/facebook.png")}
.footer-media-item a.facebook:hover{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/facebook-a.png")}
.footer-media-item a.youtube{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/youtube.png")}
.footer-media-item a.youtube:hover{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/youtube-a.png")}
.footer-media-item a.pinterest{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/pinterest.png")}
.footer-media-item a.pinterest:hover{background-image:url("https://acidproofbrick.com/wp-content/uploads/2026/10/pinterest-a.png")}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:20px;}

.footer-media-item a img { vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; image-rendering: -webkit-optimize-contrast; }
#r-info{display:none;}
@media screen and (min-width: 1366px) {
	.ht-ctc{bottom: 15px !important;}
    body a.generate-back-to-top {
        opacity:1;
        transform: translateY(0);
        bottom: 196px;
        right: 0px;
        z-index: 100;
        width: 92px;
        height: 80px;
        background: url(https://acidproofbrick.com/wp-content/uploads/2026/11/Top.png) no-repeat center!important;
        background-size: auto 50px!important
    }

    body a.generate-back-to-top:before {
        display: none
    }
	
	body a.generate-back-to-top .icon-arrow-up{
		display:none;
	}

    .r-lia {
        line-height: 1;
        height: 94px;
        text-align: center;
        display: block;
        text-decoration: none;
        padding: 50px 0 0;
        font-weight: 600;
        border: 0;
        font-size: 14px;
        margin: 0;
        width: 90px;
        color: #fff;
        position: fixed;
        bottom: 96px;
        right: 0;
        background: url(https://keruirefra.com/wp-content/uploads/2025/07/Contact-bgg.png);
        z-index: 99;
        background-size: 100% 100%
    }

    .r-lia:hover {
        color: #fff;
        text-decoration: none
    }

    #r-info {
        display: block;
        position: fixed;
        padding: 0 0 80px;
        background: #fff;
        border-radius: 15px 0 0 15px;
        bottom: 196px;
        right: 0;
        box-shadow: 0 0 9px 0 rgb(0 0 0 / .1);
        z-index: 99;
        padding-left: 2px
    }

    #r-info .a {
        display: flex;
        width: 90px;
        height: 90px;
        flex-direction: column;
        cursor: pointer;
        align-items: center;
        line-height: 1.5;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: top 13px center;
        background-size: auto 50px;
        padding-top: 68px;
		color:#333;
    }

    #r-info .a {
        background-image: url(https://acidproofbrick.com/wp-content/uploads/2026/11/WhatsApp.png)
    }

    #r-info .s2 .a {
        background-image: url(https://acidproofbrick.com/wp-content/uploads/2026/11/Email.png)
    }

    #r-info .s3 .a {
        background-image: url(https://acidproofbrick.com/wp-content/uploads/2026/11/WeChat.png)
    }

    #r-info .s4 .a {
        background-image: url(https://acidproofbrick.com/wp-content/uploads/2026/11/Message.png)
    }

    #r-info .Sin:hover .a {
        text-decoration: none
    }

    #r-info .Sin:hover::after {
        content: '';
        width: 7px;
        height: 100%;
        position: absolute;
        left: -7px;
        top: 0
    }

    #r-info .box {
        font-size: 13px;
        display: none;
        position: absolute;
        right: 95px;
        top: 0;
        min-width: 135px;
        text-align: center;
        background: #fff;
    }

    #r-info .Pic {
        padding: 12px;
        background: #fff
    }
	.Sin {
    position: relative;
}

    #r-info .s2 .box,#r-info .s4 .box {
        top: 50%;
        transform: translateY(-50%);
        padding: 6px 3px;
        white-space: nowrap
    }

    #r-info .Sin:hover .box {
        display: block;
        border-radius: 6px;
        overflow: hidden
    }

    #r-info .box * {
        line-height: 1.5
    }

    #r-info .box>p,#r-info .box>a {
        line-height: 1.5;
        margin: 0;
        padding: 8px 6px;color:#333;
    }
}