/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2025 | 08:57:52 */
.mb-35 { margin-bottom: 35px; }

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

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

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

.mt-40 { margin-top: 40px;display: inline-block; }

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

.page-banner-new .tong { display: flex; gap: 85px; font-size: 24px; }
.page-banner-new .tong > div { display: flex; flex-direction: column; gap: 30px; }
.page-banner-new .tong > div > div { align-items: center; gap: 10px; }
.page-banner-new .tong > div em{display:block;font-style: initial;font-size:16px;}

@media (min-width: 1366px) {
/* 开发页面 */
/* .page-id-16338:not(.isnotop) .main-navigation{background-color:rgba(255,255,255,0.2); transition:background-color 0.3s;} */
/* .page-id-16338:not(.isnotop) .main-navigation .main-nav ul li a{color:#fff;} */
/* .page-id-16338:not(.isnotop) .main-navigation .menu-bar-items{color:#fff;} */
/* .page-id-16338:not(.isnotop) .main-navigation .menu-toggle{color:#fff;} */
/* .page-id-16338:not(.isnotop) .menu-item-gtranslate select{color:#fff;background:url("https://keruirefra.com/wp-content/uploads/2025/04/earth-icon.png") no-repeat left center !important;} */
/* .page-id-16338:not(.isnotop) .menu-item-gtranslate select option{color:var(--contrast);} */
/* .page-id-16338:not(.isnotop) .site-logo{background-image:url("https://keruirefra.com/wp-content/uploads/2024/03/LOGO-white.png");background-repeat:no-repeat;background-size:auto 100%;    transition: background-size 0.3s;} */
/* .page-id-16338:not(.isnotop) .site-logo img{opacity:0;} */
/* .page-id-16338.isnotop .main-navigation{background-color:var(--base-3);} */
/* 开发页面 */
/* 正式页面 */
.page-id-208:not(.isnotop) .main-navigation{background-color:rgba(255,255,255,0.2); transition:background-color 0.3s;}
.page-id-208:not(.isnotop) .main-navigation .main-nav ul li a{color:#fff;}
.page-id-208:not(.isnotop) .main-navigation .menu-bar-items{color:#fff;}
.page-id-208:not(.isnotop) .main-navigation .menu-toggle{color:#fff;}
.page-id-208:not(.isnotop) .menu-item-gtranslate select{color:#fff;background:url("https://keruirefra.com/wp-content/uploads/2025/04/earth-icon.png") no-repeat left center !important;}
.page-id-208:not(.isnotop) .menu-item-gtranslate select option{color:var(--contrast);}
.page-id-208:not(.isnotop) .site-logo{background-image:url("https://keruirefra.com/wp-content/uploads/2024/03/LOGO-white.png");background-repeat:no-repeat;background-size:auto 100%;    transition: background-size 0.3s;}
.page-id-208:not(.isnotop) .site-logo img{opacity:0;}
.page-id-208.isnotop .main-navigation{background-color:var(--base-3);}
/* 正式页面 */
}
.page-id-208 .factory-floor6{height:450px;}
.page-id-208 .factory-floor6-img{background: url("https://keruirefra.com/wp-content/uploads/2025/07/Different-Shapes-of-Kerui-Refractory-Fire-Bricks-scaled.webp") repeat-x;background-size: auto 100%;}
.page-describe{padding-top:70px;}
.full-width-content .container.grid-container .entry-header{max-width: 1400px;margin-left: auto;margin-right: auto;margin-top:40px;}
.full-width-content .container.grid-container .entry-header + .entry-content .page-describe{padding-top: 20px;}
.product-list-2 { display: flex; flex-wrap: wrap; gap: 15px; }
.product-list-2 .item { text-align: center; background-color: #fff; width: calc(25% - 12px); box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);display: flex;flex-direction: column; }
.product-list-2 .item .title { font-size: 18px; margin-bottom: 20px; font-weight: 500; }
.product-list-2 .item .title a { color: inherit; text-decoration: none; }
.product-list-2 .item .cover { border-bottom: 2px solid transparent; border-image: linear-gradient(to right, #c12d31, #ecb024); border-image-slice: 1; }
.product-list-2 .item .cover a { display: block; width: 100%; padding: 30px 0; height: 100%; position: relative; }
.product-list-2 .item .cover a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.43); background-repeat: no-repeat; background-position: center center; background-image: url("https://keruirefra.com/wp-content/uploads/2025/05/jiajia.png"); display: none; }
.product-list-2 .item:hover .cover a:after { display: block; }
.product-list-2 .item .con { padding: 20px 0 25px;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.product-list-2 .item p { font-size: 16px; margin: 5px 0; }
.product-list-2 .item .btn { display: flex; align-items: center; justify-content: center; gap: 30px; margin-top: 25px; }
.product-list-2 .item .btn a { background-color: var(--global-color-8); font-size: 14px; width: 100px; height: 30px; text-align: center; line-height: 30px; color: #fff; text-decoration: none; }

.w-tabs { margin-bottom: 40px; }
.w-tabs .menus { display: flex; align-items: center; gap: 20px; margin-bottom: 40px; }
.w-tabs .menus > div { font-size: 18px; background-color: #b7b7b7; color: #fff; display: flex; align-items: center; padding: 8px 20px; gap: 10px; cursor: pointer; }
.w-tabs .menus > div img{width:30px;}
.w-tabs .menus > div.active { background-color: var(--global-color-8); }
/* .w-tabs .cons > div { display: none; } */
.w-tabs .cons{margin-bottom:30px;}
.w-tabs .cons p { margin-bottom: 0; }

.key-features { position: relative; }
.key-features .bg-wap{display:none;}
.key-features .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box; gap: 40px; color: #fff; font-size: 16px; line-height: 1; list-style: none; margin: 0; padding: 0 0 0 50px; }
.key-features .con li { display: flex; flex-direction: column; gap: 40px 0; }
.key-features .con li p { margin-bottom: 0; margin-top: 10px;flex-shrink:0;word-break: break-all; }
.key-features .con li > div { display: flex; align-items: flex-end; gap: 18px; }
.key-features .con li img{width:53px;}

.image-text-2 { display: flex; align-items: center; gap: 63px; margin-top: 0 !important; padding-bottom: 0 !important; }
.image-text-2 .image { flex-shrink: 0; }
.image-text-2 .image img { max-width: 616px;vertical-align: middle; }
.image-text-2 .text { flex: 1; }
.image-text-2 .text h3 { font-size: 24px; font-weight: 500; margin-top: 40px; margin-bottom: 40px; }
.image-text-2 .text img{width:45px;}
.image-text-2 .text .wen { font-size: 16px; margin-left: 18px; }
.image-text-2 .text .wen > div { margin-bottom: 25px; }
.image-text-2 .text .weight-500 { display: flex; align-items: center; gap: 12px; }
.image-text-2 .text .weight-500:before { display: inline-block; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #000000; margin-left: -18px; }

.industrial-applications .items { display: flex; gap: 8px; height: 578px; }
.industrial-applications .items:hover .item{flex: 1 !important;}
.industrial-applications .items .item:first-child{flex:3.12;}
.industrial-applications .items .item:first-child .t1 { transform: translateX(0); font-size: 20px; }
.industrial-applications .items .item:first-child .t1 div { transform: translateX(0); }
.industrial-applications .items .item:first-child:after{display:none;}
.industrial-applications .items .item:first-child:before{display:block;}
.industrial-applications .items .item:first-child .list { height: auto; opacity: 1;}
.industrial-applications .items:hover .item:first-child .t1 { transform: translateX(50%); font-size: 20px; }
.industrial-applications .items:hover .item:first-child .list { height: 0px;opacity:0;overflow: hidden; }
.industrial-applications .items:hover .item:first-child .t1 div { transform: translateX(-50%); }
.industrial-applications .items:hover .item:first-child:after{ display:block; }
.industrial-applications .items:hover .item:first-child:before{ display:none; }
.industrial-applications .items .item { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; color: #fff; transition: flex 0.5s ease-in-out, padding-left 0.5s ease-in-out, padding-right 0.5s ease-in-out, background-size 0.5s ease-in-out; padding-bottom: 30px; padding-left: 40px; padding-right: 40px; box-sizing: border-box; position: relative; }
.industrial-applications .items .item .bg { position: absolute; left: 50%; top: 0; width: 418px; height: 100%; max-width: initial; transform: translateX(-50%); z-index: 0; }
.industrial-applications .items .item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, var(--global-color-8) 0%, rgba(177, 16, 16, 0) 50%); background-repeat: no-repeat; background-position: center center; z-index: 1;display:none; }
.industrial-applications .items .item:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; }
.industrial-applications .items .item .list { height: 0; transition: height 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s; overflow: hidden; opacity: 0; position: relative; z-index: 2; }
.industrial-applications .items .item .list ul { margin: 0; padding: 0; list-style: none; width: max-content; }
.industrial-applications .items .item .list ul li { position: relative; box-sizing: border-box; padding-left: 17px; font-size: 16px; }
.industrial-applications .items .item .list ul li::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; position: absolute; top: 14px; left: 0; transform: translateY(-50%); }
.industrial-applications .items .item .list ul li:last-child { margin-bottom: 0; }
.industrial-applications .items .item .t1 { transform: translateX(50%); transition: transform 0.5s ease-in-out, font-size 0.5s ease-in-out; font-size: 20px; margin-bottom: 20px; position: relative; z-index: 2; }
.industrial-applications .items .item .t1 div { transform: translateX(-50%); display: inline-block; width: auto; transition: transform 0.5s ease-in-out; text-align: center; }
.industrial-applications .items:hover .item:hover { padding-left: 40px; padding-right: 40px; flex: 3.12 !important; }
.industrial-applications .items:hover .item:hover .t1 { transform: translateX(0); font-size: 20px; }
.industrial-applications .items:hover .item:hover .t1 div { transform: translateX(0); }
.industrial-applications .items:hover .item:hover .list { height: auto; opacity: 1; }
.industrial-applications .items:hover .item:hover:after{display:none;}
.industrial-applications .items:hover .item:hover:before{display:block;}

.project-sites { display: flex; margin-top: 0 !important; padding-bottom: 0 !important; }
.project-sites .project-sites-l { width: 64.07%; }
.project-sites .project-sites-l img{vertical-align:middle;}
.project-sites .project-sites-l .wen { position: absolute; right: 0; bottom: 0; background-image: linear-gradient(to right, #c12d31, #ecb024); background-repeat: no-repeat; background-size: 100% 100%; color: #fff; font-size: 16px; box-sizing: border-box; padding: 20px 45px; display: flex; flex-direction: column; gap: 4px; }
.project-sites .project-sites-l .wen p { margin-bottom: 0; }
.project-sites .project-sites-r { width: 35.93%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; box-sizing: border-box; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; padding-top: 35px; }
.project-sites .project-sites-r .swiper { width: 100%; flex: 1; }
.project-sites .project-sites-r .cover { margin-bottom: 20px; }
.project-sites .project-sites-r h3 { text-align: center; color: var(--global-color-8); margin-bottom: 10px; }
.project-sites .project-sites-r .t22 { margin-bottom: 20px; }
.project-sites .project-sites-r .t3 { margin-bottom: 15px;font-weight:500; }
.project-sites .project-sites-r .t2 { margin-top: 20px; }
.project-sites .project-sites-r .t4:before { content: url("https://keruirefra.com/wp-content/uploads/2025/05/sansan.png"); margin-right: 6px; }
.project-sites .project-sites-r .swiper-slide { text-align: center; }
.project-sites .project-sites-r .t2 { text-align: left; }

.project-sites .project-sites-r .swiper-pagination2 { text-align: center; }
.project-sites .project-sites-r .swiper-pagination2 .swiper-pagination-bullet { width: 17px; height: 6px; background-color: #b7b7b7; opacity: 1; position: relative; overflow: hidden; border-radius: 10px; }
.project-sites .project-sites-r .swiper-pagination2 .swiper-pagination-bullet-active { width: 44px; background-color: var(--global-color-8); }

.every-need-box { position: relative; }
.every-need-box .every-need { height: 700px; }
.every-need-box .every-need .bg { position: absolute; left: 0; top: 0; }
.every-need-box .every-need .con { display: flex; flex-direction: column; justify-content: center; height: 100%; box-sizing: border-box; padding: 0 85px; position: relative; z-index: 3; color: #fff; justify-content: center; }
.every-need-box .every-need .con h3{margin-bottom:45px;}
.every-need-box .every-need .con .wen { margin-left: 19px; }
.every-need-box .every-need .con .wen > div { margin-bottom: 20px; }
.every-need-box .every-need .con .wen p { margin-bottom: 0; }
.every-need-box .every-need .con .wen .weight-500 { display: flex; align-items: center; gap: 13px; }
.every-need-box .every-need .con .wen .weight-500:before { display: inline-block; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; margin-left: -19px; }
.every-need-box .menus { display: flex; font-size: 24px; color: #fff; position: absolute; bottom: 38px; left: 4.43%; width: 91.14%; z-index: 3; border-top: 1px solid rgba(255, 255, 255, 0.58); }
.every-need-box .menus > div { flex: 1; text-align: center; height: 63px; cursor: pointer; line-height: 63px; border-top: 3px solid transparent; margin-top: -2px; }
.every-need-box .menus .active { background-color: rgba(255, 255, 255, 0.3); border-top-color: var(--global-color-8); }

@media screen and (max-width: 768px) { .product-list-2 {  }
.page-banner-new .tong { gap: 30px; font-size: 20px;margin: 20px 0; }
.page-banner-new .tong > div { gap: 10px; }
.page-banner-new .tong > div em{font-size:14px;}
.page-describe{padding-top:0px;}
.page-id-208 .factory-floor6{height: 300px;}
body, button, input, select, textarea {font-size: 14px;}
  .product-list-2 .item { width: calc(50% - 8px);}
  .product-list-2 .item .title { font-size: 18px; }
  .product-list-2 .item .cover a { padding: 20px 0; }
  .product-list-2 .item .cover a:after { display: none; }
  .product-list-2 .item .cover:hover a:after { display: block; }
  .product-list-2 .item .con { padding: 13px 8px 13px; }
.product-list-2 .item .cover{padding-left:15px;padding-right:15px;}
  .product-list-2 .item p { font-size: 14px; }
  .product-list-2 .item .btn { gap: 20px; margin-top: 25px; }
  .w-tabs { margin-bottom: 20px; }
  .w-tabs .menus { align-items: initial; gap: 10px; margin-bottom: 20px; }
  .w-tabs .menus > div { font-size: 16px; background-color: #b7b7b7; padding: 8px 10px; gap: 5px; }
/*   .w-tabs .cons > div { display: none; } */
  .w-tabs .cons p { margin-bottom: 0; }
  .key-features { position: relative; }
  .key-features .bg { display:none; }
.key-features .bg-wap { display:block; }
  .key-features .con { gap: 20px; font-size: 14px; padding: 15px; line-height: 1.1; }
  .key-features .con li { gap: 20px 0;flex:1; }
  .key-features .con li p { margin-top: 5px; }
  .key-features .con li > div { gap: 5px; }
  .image-text-2 { display: block; }
  .image-text-2 .image img { max-width: 100%; }
.image-text-2 .text{margin-top:20px;}
  .image-text-2 .text h3 { font-size: 18px; margin-top: 20px; margin-bottom: 20px; }
  .image-text-2 .text .wen { font-size: 14px; margin-left: 18px; }
  .image-text-2 .text .wen > div { margin-bottom: 10px; }
  .industrial-applications .items { display: block; height: auto; }
  .industrial-applications .items .item { display: block; transition: none; padding-bottom: 15px; padding-left: 0; padding-right: 0;background-color: #fff;margin-bottom: 15px; }
  .industrial-applications .items .item .bg { position: relative; left: 0; top: 0; width: 100%; height: 100%; max-width: initial; transform: none; }
  .industrial-applications .items .item:before { display: none !important; }
  .industrial-applications .items .item:after { display: none !important; }
  .industrial-applications .items .item .list { height: auto !important; transition: none; opacity: 1 !important; color: #333; padding-left: 15px; padding-right: 15px; }
  .industrial-applications .items .item .list ul { margin: 0; padding: 0; list-style: none; width: max-content; }
  .industrial-applications .items .item .list ul li { position: relative; box-sizing: border-box; padding-left: 17px; font-size: 14px; }
  .industrial-applications .items .item .list ul li::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #333; position: absolute; top: 14px; left: 0; transform: translateY(-50%); }
  .industrial-applications .items .item .list ul li:last-child { margin-bottom: 0; }
  .industrial-applications .items .item .t1 { transform: none !important; transition: none !important; font-size: 18px !important; margin-bottom: 20px; color: #333; position: relative; z-index: 2; padding-left: 15px; padding-right: 15px; }
  .industrial-applications .items .item .t1 div { transform: none !important; display: inline-block; width: auto; transition: none !important; text-align: center; }
  .industrial-applications .items .item:hover { padding-left: 0 !important; padding-right: 0 !important; }
  .industrial-applications .items .item:hover .t1 { transform: none !important; font-size: 18px !important; }
  .industrial-applications .items .item:hover .t1 div { transform: none !important; }
  .industrial-applications .items .item:hover .list { height: auto !important; opacity: 1 !important; }
  .project-sites { display: block; margin-top: 0; padding-bottom: 0; }
  .project-sites .project-sites-l { width: 100%; }
  .project-sites .project-sites-l .wen { position: absolute; right: 0; bottom: 0; max-width: 80%; background-image: linear-gradient(to right, #c12d31, #ecb024); background-repeat: no-repeat; background-size: 100% 100%; color: #fff; font-size: 12px; box-sizing: border-box; padding: 15px; display: flex; flex-direction: column; gap: 4px; }
  .project-sites .project-sites-r { width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; box-sizing: border-box; padding-bottom: 15px; padding-left: 15px !important; padding-right: 15px !important; padding-top: 15px; }
  .project-sites .project-sites-r .swiper { width: 100%; flex: 1; }
  .project-sites .project-sites-r .cover { margin-bottom: 10px; }
  .project-sites .project-sites-r h3 { text-align: center; color: var(--global-color-8); margin-bottom: 5px; }
  .project-sites .project-sites-r .t22 { margin-bottom: 15px; }
  .project-sites .project-sites-r .t3 { margin-bottom: 10px; }
  .project-sites .project-sites-r .t2 { margin-top: 10px; }
  .project-sites .project-sites-r .t4:before { content: url("https://keruirefra.com/wp-content/uploads/2025/05/sansan.png"); margin-right: 6px; }
  .project-sites .project-sites-r .swiper-slide { text-align: center; }
  .project-sites .project-sites-r .t2 { text-align: left; }
  .project-sites .project-sites-r .swiper-pagination2 { text-align: center; }
  .project-sites .project-sites-r .swiper-pagination2 .swiper-pagination-bullet { width: 17px; height: 6px; background-color: #b7b7b7; opacity: 1; position: relative; overflow: hidden; border-radius: 10px; }
  .project-sites .project-sites-r .swiper-pagination2 .swiper-pagination-bullet-active { width: 44px; background-color: var(--global-color-8); }
  .every-need-box { position: relative; }
  .every-need-box .every-need { height: auto !important; }
  .every-need-box .every-need .swiper-wrapper { display: block; }
  .every-need-box .every-need .bg { position: relative; }
.every-need-box .every-need .con h3{margin-bottom: 15px;}
  .every-need-box .every-need .con { display: flex; flex-direction: column; justify-content: center; height: 100%; box-sizing: border-box; padding: 15px; position: relative; z-index: 3; color: #333; justify-content: center;margin-top:0 !important; }
  .every-need-box .every-need .con .wen { margin-left: 19px; }
  .every-need-box .every-need .con .wen > div { margin-bottom: 10px; }
  .every-need-box .every-need .con .wen p { margin-bottom: 0; }
  .every-need-box .every-need .con .wen .weight-500 { display: flex; align-items: center; gap: 13px; }
  .every-need-box .every-need .con .wen .weight-500:before { display: inline-block; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #333; margin-left: -19px; }
  .every-need-box .menus { display: none; font-size: 24px; color: #fff; position: absolute; bottom: 38px; left: 4.43%; width: 91.14%; z-index: 3; border-top: 1px solid rgba(255, 255, 255, 0.58); }
  .every-need-box .menus > div { flex: 1; text-align: center; height: 63px; cursor: pointer; line-height: 63px; border-top: 3px solid transparent; margin-top: -2px; }
  .every-need-box .menus .active { background-color: rgba(255, 255, 255, 0.3); border-top-color: var(--global-color-8); }}