/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2026 | 01:24:02 */
@charset "UTF-8";
/* About Us 页面样式 */
/* Banner 部分 */
.aboutus-banner { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/aboutus-banner-bg.jpg"); }

.aboutus-page-title { font-size: 42px; font-weight: 500; margin-bottom: 65px; }
.aboutus-page-title.align-center { text-align: center;}

/* 公司数据展示部分 */
.aboutus-stats { background-color: #F7F7F7; background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/aboutus-stats-bg.jpg"); background-repeat: no-repeat; background-size: cover; height: 945px; background-position: center center; overflow: hidden; }
.aboutus-stats .stats-content { display: flex; align-items: center; justify-content: space-between; gap: 60px; height: 100%; overflow: hidden; }
.aboutus-stats .stats-content .company-info { flex: 1; max-width: 595px; }
.aboutus-stats .stats-content .company-info > p { margin-bottom: 75px; line-height: 2; }
.aboutus-stats .stats-content .company-info .learn-more { font-size: 16px; width: 138px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background: linear-gradient(to right, #53b1d6, #88de7c); color: white; border-radius: 30px; }
.aboutus-stats .stats-content .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; flex: 1; }
.aboutus-stats .stats-content .stats-grid .stat-card { background-color: rgba(255, 255, 255, 0.8); padding: 40px 30px 30px 50px; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; transition: background-color 0.3s; box-sizing: border-box; }
.aboutus-stats .stats-content .stats-grid .stat-card .stat-number-box { text-align: right; margin-top: 45px; }
.aboutus-stats .stats-content .stats-grid .stat-card .stat-number { font-size: 56px; font-weight: bold; margin-bottom: 8px; line-height: 1; }
.aboutus-stats .stats-content .stats-grid .stat-card .stat-label { font-size: 16px; }
.aboutus-stats .stats-content .stats-grid .stat-card:hover { background-color: white; }

/* 公司文化部分 */
.company-culture { padding: 130px 0; background-color: #ffffff; }
.company-culture .aboutus-page-title{margin-bottom:75px;}
.company-culture .culture-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.company-culture .culture-grid .culture-card { background-color: #f7f7f7; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; }
.company-culture .culture-grid .culture-card h3 { font-size: 20px; font-weight: 500; margin-bottom: 20px; color: #10b981; position: relative; padding-bottom: 20px; }
.company-culture .culture-grid .culture-card h3::before { content: ''; position: absolute; left: 0; bottom: 0; width: 38px; height: 2px; background: linear-gradient(to right, #4aadd4, #89de7b); }
.company-culture .culture-grid .culture-card p { line-height: 1.7; margin-bottom: 0; }
.company-culture .culture-grid .culture-card .culture-text { padding: 70px 20px 45px; }
.company-culture .culture-grid .culture-card .culture-image { width: 100%; height: 256px; }

/* 蘑菇种植解决方案部分 */
.mushroom-solution { padding: 120px 0; background-color: #ffffff; }
.mushroom-solution h2 { text-align: center; }
.mushroom-solution p { text-align: left; line-height: 1.7; margin-bottom: 25px; }

/* 公司优势部分 */
.raybo-strengths { background-color: #1f2937; background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/RAYBOs-STRENGTHS-bg.jpg"); background-repeat: no-repeat; background-position: center center; height: 945px; background-size: cover; padding: 110px 0; }
.raybo-strengths .aboutus-page-title { color: #fff; }
.raybo-strengths .strengths-container .grid-container { display: flex; gap: 55px; align-items: center; }
.raybo-strengths .strengths-container .grid-container .strengths-list { flex: 1; max-width: 465px; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category { padding-bottom: 20px; margin-bottom: 19px; border-bottom: 1px solid #c4c4c4; cursor: pointer;padding-right:27px; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category:last-child { margin-bottom: 0; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category:hover,.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category.active { border-bottom: 1px solid; border-image: linear-gradient(to right, #4aadd4, #89de7b) 1; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category:hover h3,.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category.active h3 { background: linear-gradient(to right, #4aadd4, #89de7b); -webkit-background-clip: text; background-clip: text; color: transparent; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category:hover ul li,.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category.active ul li { color: #fff; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category:hover ul li::before,.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category.active ul li::before { color: #fff; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category h3 { display: inline-block; font-size: 20px; font-weight: 500; margin-bottom: 20px; color: #c4c4c4; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category ul { list-style: none; padding: 0; margin: 0; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category ul li { line-height: 1.7; color: #c4c4c4; position: relative; padding-left: 13px; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category ul li:last-child { margin-bottom: 0; }
.raybo-strengths .strengths-container .grid-container .strengths-list .strength-category ul li::before { content: '•'; color: #c4c4c4; font-weight: bold; position: absolute; left: 0; }
.raybo-strengths .strengths-container .grid-container .strengths-image { flex: 1; height: 559px; background-color: #374151; }
.raybo-strengths .strengths-container .grid-container .strengths-image img{display:none;}
.raybo-strengths .strengths-container .grid-container .strengths-image img.active{display:block;}

/* 响应式设计 */
@media (max-width: 768px) { .aboutus-page-title { font-size: 24px; margin-bottom: 20px; }
.aboutus-banner { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/About-Us-Banner-amp.jpg"); }
  /* 公司数据展示部分 */
  .aboutus-stats { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/about-us-amp.jpg"); height: auto; padding-left: 15px; padding-right: 15px;background-position: left bottom; }
  .aboutus-stats .stats-content { display: block; }
  .aboutus-stats .stats-content .company-info { max-width: 100%; margin-top: 30px; margin-bottom: 30px; text-align: center; }
  .aboutus-stats .stats-content .company-info > p { margin-bottom: 20px; }
  .aboutus-stats .stats-content .stats-grid { gap: 10px; }
  .aboutus-stats .stats-content .stats-grid .stat-card { padding: 20px; }
  .aboutus-stats .stats-content .stats-grid .stat-card .stat-number { font-size: 26px; line-height: 1; }
  .aboutus-stats .stats-content .stats-grid .stat-card .stat-label { font-size: 12px; }
  .aboutus-stats .stats-content .stats-grid .stat-card:hover { background-color: white; }
  /* 公司文化部分 */
  .company-culture { padding: 40px 15px; height: auto; }
.company-culture .aboutus-page-title{margin-bottom:20px;}
  .company-culture .culture-grid { display: block; }
  .company-culture .culture-grid .culture-card { display: block; margin-bottom: 20px; }
  .company-culture .culture-grid .culture-card:last-child { margin-bottom: 0; }
  .company-culture .culture-grid .culture-card h3 { font-size: 18px; }
  .company-culture .culture-grid .culture-card .culture-text { padding: 25px; }
  .company-culture .culture-grid .culture-card .culture-image { width: 100%; height: auto; }
  /* 蘑菇种植解决方案部分 */
  .mushroom-solution { padding: 40px 15px; }
  .mushroom-solution p { text-align: center; }
  /* 公司优势部分 */
  .raybo-strengths { padding: 40px 15px; height: auto; }
  .raybo-strengths .strengths-container .grid-container { display: block; }
  .raybo-strengths .strengths-container .grid-container .strengths-image { height: auto;margin-top:30px; }
  .raybo-strengths .strengths-container .grid-container .strengths-list { max-width: 100%; }
  .raybo-strengths .strengths-container .grid-container .strengths-list .strength-category { padding-bottom: 22px; margin-bottom: 22px; }
  .raybo-strengths .strengths-container .grid-container .strengths-list .strength-category h3 { font-size: 18px; } }

/*# sourceMappingURL=aboutus.css.map */