/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 09 2026 | 09:44:57 */
.separate-containers .inside-article .entry-content > section { padding: 100px 0; }

.table-box{max-width:100%;overflow-x:auto;}

h2 { font-weight: bold; text-align: center; margin-bottom: 30px; color: #000; font-family: "Arial Black"; }

.product-section { height: 738px; display: flex; flex-direction: column;}

.action-buttons { display: flex; gap: 15px; }
.action-buttons.justify-center { justify-content: center; }
.action-buttons .btn { padding: 18px 60px; border: none; font-size: 18px; cursor: pointer; text-align: center; color: #fff; border-radius: 4px; font-family: "Arial Black"; }
.action-buttons .primary-btn { background-color: var(--accent); }
.action-buttons .secondary-btn { background-color: rgba(255, 255, 255, 0.21); }
.action-buttons .gray-btn { background-color: #e5e5e5; color: #000000; }

.product-banner { color: #fff; position: relative; box-sizing: border-box; flex: 1;padding-top:50px;box-sizing:border-box;  }
.product-banner .btn { padding-top: 12px; padding-bottom: 12px; }
.product-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
.product-banner .grid-container { height: 100%; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; }
.product-banner .product-title { font-size: 48px; font-weight: bold; margin-bottom: 20px; font-family: "Arial Black"; }
.product-banner .product-desc { font-size: 18px; margin-bottom: 70px; }
.biaoti {font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.yinying{ padding: 50px 25px; background-color: #f5f5f5; margin: 10px 10px 10px 0; }

.grid-2{display:grid;grid-template-columns: repeat(2, 1fr); gap: 23px;}
.grid-2 > div{box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);padding:20px;box-sizing:border-box;}

/* 底部参数展示区域 */
.product-specs { padding: 30px 0; background-color: rgba(245, 245, 245, 0.8); }
.product-specs .grid-container { display: flex; justify-content: space-between; align-items: center; }
.product-specs .spec-item { text-align: center; }
.product-specs .spec-item .spec-value { display: block; font-size: 41px; font-weight: bold; color: var(--accent); margin-bottom: 5px; font-family: "Arial Black"; }
.product-specs .spec-item .spec-label { font-size: 16px; }

.solutions-section .solutions-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 23px; justify-content: center; }
.solutions-section .solutions-grid .solution-card { padding: 50px 25px; background-color: #FFFFFF; }
.solutions-section .solutions-grid .solution-card .card-title { font-size: 24px; font-weight: bold; margin-bottom: 24px; }
.solutions-section .solutions-grid .solution-card .card-text { font-size: 18px; margin-bottom: 0; line-height: 1.7; }
.solutions-section .solutions-grid .solution-card:hover { background: linear-gradient(180deg, #f78a38 0%, #e02b2b 100%); color: #fff; }
.solutions-section > p{max-width: 1400px;margin-left:auto;margin-right:auto;}

.specs-section .grade-tag { display: inline-flex; align-items: center; gap: 18px; background-color: #e5e5e5; padding: 10px 20px; border-radius: 4px; margin-bottom: 25px; margin-top: 25px; }
.specs-section .grade-tag .tag-text { font-size: 18px; font-weight: bold; }
.specs-section .specs-table { width: 100%; border-collapse: collapse; border: 2px solid #000; }
.specs-section .specs-table th, .specs-section .specs-table td { border: 2px solid #000; padding: 16px; text-align: left; font-size: 16px; vertical-align: middle; }
.specs-section .specs-table th { font-weight: bold; }
.specs-section .specs-table td:first-child { text-align: left; }

.brick-select-section .sub-title { font-size: 24px; margin-bottom: 30px; margin-top: 30px; font-family: "Arial Black"; }
.brick-select-section .brick-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.brick-select-section .brick-grid .brick-card { background-color: #fff; overflow: hidden; position: relative; }
.brick-select-section .brick-grid .brick-card .card-img-wrapper .card-img { width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease; }
.brick-select-section .brick-grid .brick-card:hover .card-img { transform: scale(1.03); }
.brick-select-section .brick-grid .brick-card .card-content { padding: 20px; position: absolute; bottom: 15px; background-color: #fff; margin-left: 15px; margin-right: 15px; min-width: calc(100% - 30px); }
.brick-select-section .brick-grid .brick-card .card-content .card-title { font-size: 18px; font-weight: bold; margin-bottom: 12px; }
.brick-select-section .brick-grid .brick-card .card-content .card-text { font-size: 14px; line-height: 1.6; color: #333; }

.properties-section .properties-bg { background: url("https://rebo-refra.com/wp-content/uploads/2026/05/properties-section-bg.png") center/cover no-repeat; padding: 118px 0px; }
.properties-section .properties-bg .properties-content { display: flex; gap: 60px; background-color: rgba(255, 255, 255, 0.8); padding: 15px 100px; }
.properties-section .properties-bg .properties-content .properties-list { list-style: none; flex: 1; flex-shrink: 0; }
.properties-section .properties-bg .properties-content .properties-list .property-item { margin-bottom: 30px; margin-top: 30px; display: flex; flex-direction: column; padding-left: 30px; position: relative; }
.properties-section .properties-bg .properties-content .properties-list .property-item::before { content: '●'; position: absolute; left: 0; top: 0; color: #000; font-size: 26px; }
.properties-section .properties-bg .properties-content .properties-list .property-item .property-title { font-size: 22px; font-weight: bold; margin-bottom: 8px; font-family: "Arial Black"; font-style: italic; }
.properties-section .properties-bg .properties-content .properties-list .property-item .property-desc { font-size: 18px; }

.choose-section .stats-row { display: flex; justify-content: space-between; margin-bottom: 27px;gap:30px;}
.choose-section .stats-row .stat-item { flex: 1; padding: 20px 0; background-color: #fff; text-align: center; }
.choose-section .stats-row .stat-item .stat-value { font-size: 30px; font-weight: bold; color: var(--accent); margin-bottom: 3px; font-weight: bold; }
.choose-section .stats-row .stat-item .stat-label { font-size: 15px; }
.choose-section .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 27px; }
.choose-section .features-grid .feature-card { background-color: #fff; overflow: hidden; }
.choose-section .features-grid .feature-card .card-img-wrapper { width: 100%; position: relative; overflow: hidden; }
.choose-section .features-grid .feature-card .card-img-wrapper .card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.choose-section .features-grid .feature-card .card-img-wrapper .card-icon { position: absolute; left: 0; bottom: 0; }
.choose-section .features-grid .feature-card:hover .card-img { transform: scale(1.04); }
.choose-section .features-grid .feature-card .card-content { padding: 15px 30px; }
.choose-section .features-grid .feature-card .card-content .card-title { font-size: 24px; font-family: "Arial Black"; margin-bottom: 12px; }
.choose-section .features-grid .feature-card .card-content .card-text { font-size: 18px; line-height: 1.6; margin-bottom: 0; }

.industries-content-swiper-box { position: relative; }
.industries-content-swiper-box .industries-content-swiper-button { position: absolute; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; width: 23px; height: 41px;cursor: pointer;z-index:1; }
.industries-content-swiper-box .industries-content-swiper-button-prev { left: -40px; background-image: url("https://rebo-refra.com/wp-content/uploads/2026/05/arrow-left.png"); }
.industries-content-swiper-box .industries-content-swiper-button-next { right: -40px; background-image: url("https://rebo-refra.com/wp-content/uploads/2026/05/arrow-right.png"); }

.industries-section .industries-content { display: flex; gap: 25px; }
.industries-section .industries-content .industries-left { flex-shrink: 0; width: 828px; display: flex; flex-direction: column; gap: 14px; }
.industries-section .industries-content .industries-left .main-img-wrapper { width: 100%; overflow: hidden; }
.industries-section .industries-content .industries-left .main-img-wrapper .main-img { width: 100%; height: 100%; object-fit: cover; }
.industries-section .industries-content .industries-left .thumbnails-row { display: flex; gap: 14px; }
.industries-section .industries-content .industries-left .thumbnails-row .thumb-img { flex: 1; object-fit: cover;max-width: calc(25% - 10px); }

.industries-section .industries-content .industries-right { flex: 1; background-color: #f5f5f5; padding: 40px; }
.industries-section .industries-content .industries-right .industry-title { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.industries-section .industries-content .industries-right .application-item { margin-bottom: 30px; }
.industries-section .industries-content .industries-right .application-item .app-subtitle { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.industries-section .industries-content .industries-right .application-item .app-desc { font-size: 16px; line-height: 1.6; margin-bottom: 12px; }
.industries-section .industries-content .industries-right .application-item .app-note { font-size: 16px; margin-bottom: 8px; }
.industries-section .industries-content .industries-right .application-item .tag-group { display: flex; gap: 10px; margin-top: 12px; font-style: italic; }
.industries-section .industries-content .industries-right .application-item .tag-group .tag { background-color: #fff; padding: 0px 30px; font-size: 18px; border: none; display: inline-block; }
.industries-section .industries-content .industries-right .learn-more-btn { background-color: var(--accent); color: #fff; padding: 14px 79px; font-size: 18px; margin-top: 20px; border-radius: 4px; display: inline-block; margin-top: 20px; }
.industries-section .industries-content .industries-rightw { flex: 1; background-color: #ffffff; padding: 40px; }
.industries-section .industries-content .industries-rightw .industry-title { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.industries-section .industries-content .industries-rightw .application-item { margin-bottom: 30px; }
.industries-section .industries-content .industries-rightw .application-item .app-subtitle { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.industries-section .industries-content .industries-rightw .application-item .app-desc { font-size: 16px; line-height: 1.6; margin-bottom: 12px; }
.industries-section .industries-content .industries-rightw .application-item .app-note { font-size: 16px; margin-bottom: 8px; }
.industries-section .industries-content .industries-rightw .application-item .tag-group { display: flex; gap: 10px; margin-top: 12px; font-style: italic; }
.industries-section .industries-content .industries-rightw .application-item .tag-group .tag { background-color: #fff; padding: 0px 30px; font-size: 18px; border: none; display: inline-block; }
.industries-section .industries-content .industries-right .learn-more-btn { background-color: var(--accent); color: #fff; padding: 14px 79px; font-size: 18px; margin-top: 20px; border-radius: 4px; display: inline-block; margin-top: 20px; }


.Certificate { background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url("https://rebo-refra.com/wp-content/uploads/2026/05/Certificate-bg.png"); }

.Related-Products-swiper { padding-bottom: 68px !important; --swiper-pagination-bullet-horizontal-gap: 13px; }

.product-carousel-section .swiper { width: 100%; height: auto; }
.product-carousel-section .swiper-wrapper { align-items: stretch; }
.product-carousel-section .swiper-slide { height: auto; }
.product-carousel-section .swiper-slide .slide-card { position: relative; overflow: hidden; box-shadow: 0 5px 6px rgba(50, 51, 15, 0.4); }
.product-carousel-section .swiper-slide .slide-card .slide-img { width: 100%; object-fit: cover; display: block; }
.product-carousel-section .swiper-slide .slide-card .slide-overlay { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.3); padding: 20px 20px 20px; box-sizing: border-box;color: #fff; }
.product-carousel-section .swiper-slide .slide-card .slide-overlay .slide-title { color: #fff; font-size: 18px; font-weight: bold;display:block; }
.product-carousel-section .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; background: #ffffff; opacity: 1; border: 2px solid #999999; width: 22px; height: 22px; box-sizing: border-box; }
.product-carousel-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #999999; }

.faq-section { background-color: #f5f5f5; }
.faq-section .faq-list .faq-item { background-color: #fff; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 30px; overflow: hidden; }
.faq-section .faq-list .faq-item .faq-header { display: flex; justify-content: space-between; align-items: center; padding: 24px 45px; cursor: pointer; border-bottom: 1px solid transparent; }
.faq-section .faq-list .faq-item .faq-header .faq-question { font-size: 24px; font-weight: bold; margin-bottom: 0; }
.faq-section .faq-list .faq-item .faq-header .faq-icon { font-size: 30px; font-weight: bold; position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.faq-section .faq-list .faq-item .faq-header .faq-icon::before, .faq-section .faq-list .faq-item .faq-header .faq-icon::after { content: ''; position: absolute; background-color: #000; transition: transform 0.3s ease; border-radius: 5px; }
.faq-section .faq-list .faq-item .faq-header .faq-icon::before { width: 2px; height: 100%; left: 50%; transform: translateX(-50%); }
.faq-section .faq-list .faq-item .faq-header .faq-icon::after { width: 100%; height: 2px; top: 50%; transform: translateY(-50%); }
.faq-section .faq-list .faq-item .faq-content { display: none; padding: 24px 45px; transition: all 0.3s ease; font-size: 18px; line-height: 1.8; }
.faq-section .faq-list .faq-item.active .faq-header { border-bottom: 1px solid #ddd; }
.faq-section .faq-list .faq-item.active .faq-header .faq-question { color: #d13030; }
.faq-section .faq-list .faq-item.active .faq-header .faq-icon::before { transform: translateX(-50%) rotate(90deg); }
.faq-section .faq-list .faq-item.active .faq-content { display: block; }
@media screen and (max-width: 1366px) {
	.industries-content-swiper-box .industries-content-swiper-button-prev { left: 0px; }
.industries-content-swiper-box .industries-content-swiper-button-next { right: 0px; }
}
@media screen and (max-width: 768px) {
  .separate-containers .inside-article .entry-content > section { padding: 30px 15px; }
  h2 { font-size: 25px; margin-bottom: 30px; }
  .product-section { height: 90vh; }
  .action-buttons .btn { padding: 12px 20px; font-size: 14px; }
  .product-banner .grid-container { box-sizing: border-box; padding: 15px; }
  .product-banner .product-title { font-size: 25px; }
  .product-banner .product-desc { font-size: 14px; margin-bottom: 40px; }
  .product-specs { padding: 15px 0; }
  .product-specs .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 15px; align-items: center; }
  .product-specs .spec-item .spec-value { font-size: 22px; }
  .product-specs .spec-item .spec-label { font-size: 14px; }
  .solutions-section .solutions-grid { grid-template-columns: repeat(1, 1fr); }
  .solutions-section .solutions-grid .solution-card { padding: 15px; }
  .solutions-section .solutions-grid .solution-card .card-title { font-size: 22px; }
  .solutions-section .solutions-grid .solution-card .card-text { font-size: 14px; }
  .specs-section .grade-tag { padding: 10px 20px; margin-bottom: 25px; margin-top: 25px; }
  .specs-section .grade-tag .tag-text { font-size: 16px; }
  .specs-section .specs-table { border: 1px solid #000; }
  .specs-section .specs-table th, .specs-section .specs-table td { border: 1px solid #000; padding: 16px; font-size: 14px; }
  .brick-select-section .sub-title { font-size: 20px; margin-bottom: 30px; margin-top: 30px; font-family: "Arial Black"; }
  .brick-select-section .brick-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .brick-select-section .brick-grid .brick-card .card-content { padding: 10px; position: relative; bottom: 15px; margin-left: 5px; margin-right: 5px; min-width: calc(100% - 10px); }
  .brick-select-section .brick-grid .brick-card .card-content .card-title { font-size: 16px; }
  .brick-select-section .brick-grid .brick-card .card-content .card-text { font-size: 14px; }
  .properties-section .properties-bg { padding: 80px 0px; }
  .properties-section .properties-bg .properties-content { display: flex; gap: 15px; background-color: rgba(255, 255, 255, 0.8); padding: 15px; }
  .properties-section .properties-bg .properties-content .properties-list .property-item { margin-bottom: 20px; margin-top: 20px; padding-left: 15px; }
  .properties-section .properties-bg .properties-content .properties-list .property-item::before { font-size: 20px; }
  .properties-section .properties-bg .properties-content .properties-list .property-item .property-title { font-size: 16px; }
  .properties-section .properties-bg .properties-content .properties-list .property-item .property-desc { font-size: 14px; }
  .choose-section .stats-row { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; justify-content: space-between; margin-bottom: 27px; margin-left: -5px; margin-right: -5px; }
  .choose-section .stats-row .stat-item { margin: 0 5px; padding: 10px 0; }
  .choose-section .stats-row .stat-item .stat-value { font-size: 22px; }
  .choose-section .stats-row .stat-item .stat-label { font-size: 14px; }
  .choose-section .features-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .choose-section .features-grid .feature-card .card-img-wrapper .card-icon { width:30px; }
  .choose-section .features-grid .feature-card .card-content { padding: 15px; }
  .choose-section .features-grid .feature-card .card-content .card-title { font-size: 18px; }
  .choose-section .features-grid .feature-card .card-content .card-text { font-size: 14px; }
  .industries-content-swiper-box .industries-content-swiper-button { display: none; }
  .industries-section .industries-content { flex-direction: column; gap: 14px; }
  .industries-section .industries-content .industries-left { width: 100%; gap: 14px; }
  .industries-section .industries-content .industries-left .thumbnails-row { display: flex; gap: 14px; }
  .industries-section .industries-content .industries-left .thumbnails-row .thumb-img { flex: unset; width: calc(25% - 10px); }
  .industries-section .industries-content .industries-right { padding: 15px; }
  .industries-section .industries-content .industries-right .industry-title { font-size: 20px; }
  .industries-section .industries-content .industries-right .application-item { margin-bottom: 30px; }
  .industries-section .industries-content .industries-right .application-item .app-subtitle { font-size: 16px; }
  .industries-section .industries-content .industries-right .application-item .app-desc { font-size: 14px; }
  .industries-section .industries-content .industries-right .application-item .app-note { font-size: 14px; }
  .industries-section .industries-content .industries-right .application-item .tag-group { gap: 10px; }
  .industries-section .industries-content .industries-right .application-item .tag-group .tag { padding: 0px 15px; font-size: 16px; }
  .industries-section .industries-content .industries-right .learn-more-btn { padding: 7px 35px; font-size: 16px; margin-top: 0px; }
  .Related-Products-swiper { padding-bottom: 45px; --swiper-pagination-bullet-horizontal-gap: 8px; }
  .product-carousel-section .swiper-slide .slide-card .slide-overlay { padding: 5px; }
  .product-carousel-section .swiper-slide .slide-card .slide-overlay .slide-title { font-size: 14px; }
  .product-carousel-section .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; border: 1px solid #999999; }
.faq-section .faq-list .faq-item { margin-bottom: 15px; }
  .faq-section .faq-list .faq-item .faq-header { padding: 15px; }
  .faq-section .faq-list .faq-item .faq-header .faq-question { font-size: 16px; }
  .faq-section .faq-list .faq-item .faq-header .faq-icon { font-size: 20px; font-weight: bold; position: relative; width: 20px; height: 20px; }
  .faq-section .faq-list .faq-item .faq-header .faq-icon::before, .faq-section .faq-list .faq-item .faq-header .faq-icon::after { content: ''; position: absolute; background-color: #000; transition: transform 0.3s ease; }
  .faq-section .faq-list .faq-item .faq-header .faq-icon::before { width: 2px; height: 100%; left: 50%; transform: translateX(-50%); }
  .faq-section .faq-list .faq-item .faq-header .faq-icon::after { width: 100%; height: 2px; top: 50%; transform: translateY(-50%); }
  .faq-section .faq-list .faq-item .faq-content { padding: 15px; font-size: 14px; }
	.grid-2{grid-template-columns: repeat(1, 1fr); }
}