/* Site background refresh */
html{background:#dceee1}

body{
  background:
    radial-gradient(circle at 12% 14%,rgba(17,185,127,.16) 0,rgba(17,185,127,0) 28%),
    radial-gradient(circle at 86% 8%,rgba(149,214,240,.24) 0,rgba(149,214,240,0) 26%),
    linear-gradient(135deg,rgba(17,185,127,.06) 25%,transparent 25%) 0 0/28px 28px,
    linear-gradient(315deg,rgba(17,185,127,.05) 25%,transparent 25%) 0 0/28px 28px,
    linear-gradient(180deg,#eef8f0 0,#dceee1 48%,#edf7ef 100%);
}
.crumbs .banner-content{
  background:rgba(246,251,247,.90);
  border-bottom:1px solid rgba(17,185,127,.12);
  box-shadow:0 10px 30px rgba(24,74,53,.06);
  backdrop-filter:blur(6px);
}
.common-main{
  background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(239,247,241,.72));
  border-top:1px solid rgba(17,185,127,.08);
  border-bottom:1px solid rgba(17,185,127,.08);
}
.home-product,
.home-new,
.home-process{
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(240,248,243,.64));
}
.home-case{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.36) 0,rgba(255,255,255,0) 32%),
    linear-gradient(135deg,#11b97f 0,#7ccfb8 52%,#95d6f0 100%);
}
.home-introduction .introduction .item,
.home-product .l-wrap .product .pro-list .item,
.news-item-slide,
.process-item,
.home-case .l-wrap .case .item .text .content,
.sidebar .mod,
.news .wrap-r .particulars,
.inquiry-pc,
.contact .contact-list li,
.contact .inquiry,
.product .page-container .product-catelist .product-cateitem,
.product .right-wrap .pro-list.list1 li,
.product .right-wrap .like ul li,
.detail-page,
.download-list li{
  background-color:rgba(255,255,255,.88);
  border-color:rgba(17,185,127,.14);
  box-shadow:0 12px 30px rgba(24,74,53,.08);
  backdrop-filter:blur(4px);
}
.home-product .l-wrap .product .pro-list .item,
.news-item-slide{
  border:1px solid rgba(17,185,127,.14);
  border-bottom:4px solid #11b97f;
}
.process-item{
  border-radius:var(--border);
  padding:18px 12px;
}
.sidebar .categories ul li,
.sidebar .products ul li>div,
.news .sidebar .related-item,
.news .wrap-r .news-list.list0 li:nth-child(even),
.home-introduction .introduction .item .left{
  background-color:rgba(242,248,244,.86);
}
.sidebar #feedbackForm input,
.sidebar #feedbackForm textarea,
.inquiry-pc #feedbackForm input,
.inquiry-pc #feedbackForm textarea,
.contact #feedbackForm input,
.contact #feedbackForm textarea{
  background-color:rgba(255,255,255,.92);
  border-color:rgba(17,185,127,.16);
}
.news .wrap-r .news-list li,
.case .case-list ul li{
  background-color:rgba(255,255,255,.88);
  box-shadow:0 12px 30px rgba(24,74,53,.07);
}
.news .wrap-r .news-list li .info{
  background-color:rgba(255,255,255,.90);
}
@media (max-width:1024px){body{background-attachment:scroll}}