@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  list-style: none;
  /* 去掉默认的项目符号 */
  box-sizing: border-box;
}

a {
  all: unset;
  /* 重置所有样式 */
  text-decoration: none;
  /* 去除下划线 */
  color: inherit;
  /* 继承父元素的字体颜色 */
  cursor: pointer;
}

.cursor {
  cursor: pointer;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
}

header {
  background-color: #fff;
  width: 100%;
}

header .header {
  width: 1500px;
  max-width: 96%;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12%;
}

header .logo {
  width: 437px;
  height: 84px;
}

header .nav_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5%;
  flex: 1;
}

header ul {
   width: 80%;
    display: flex;
    align-items: center;
    /* flex: 1; */
    /*gap: 7%;*/
    justify-content: space-between;
}

header ul li {
  font-family: Microsoft YaHei,
 Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  white-space: nowrap;
  padding: 46px 0;
  position: relative;
  transition: all 0.1s;
 border-bottom: 4px solid transparent;
}

header ul li a {
  padding: 46px 0;
}

header ul .active {
  color: #9bd048;
  border-bottom: 4px solid #9bd048;
}

header ul li:hover {
  color: #9bd048;
  border-bottom: 4px solid #9bd048;
  /* 鼠标移入时显示边框 */
}

header .language {
  display: flex;
  align-items: center;
  gap: 6px;
}

header .language .icon {
  width: 24px;
  height: 24px;
}

header .language .icon2 {
  width: 12px;
  margin-left: 6px;
}

footer {
  background-color: #1d1d1d;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

footer .footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

footer .content {
  margin: 0 auto;
  max-width: 1200px;
  background: #1d1d1d;
  display: flex;
  justify-content: space-between;
  padding: 23px 0 54px;
   gap: 0 1%;
}

footer .content .logo {
  width: 101px;
  height: 101px;
  margin-bottom: 24px;
}

footer .content .left {
  width: 363px;
}

footer .content .title {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 12px;
}

footer .content .text {
  font-size: 14px;
  color: #999999;
}

footer .content .center {
  padding-top: 28px;
}

footer .content .center .line {
  width: 100px;
  height: 1px;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  opacity: 0.19;
  margin-top: 19px;
}

footer .content .center .textList {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 0;
  margin-top: 8px;
}

footer .content .center .textList .text {
  width: calc(100% / 3);
}

footer .content .right {
  padding-top: 28px;
}

footer .content .right .right_box {
  padding-top: 8px;
  display: flex;
  justify-content: space-between;
}

footer .content .right .line {
  width: 456px;
  height: 1px;
  background: #f8fbff;
  border-radius: 0px 0px 0px 0px;
  opacity: 0.19;
  margin-top: 19px;
}

footer .content .right .num {
  font-family: Impact, Impact;
  font-weight: normal;
  font-size: 30px;
  color: #a9d661;
  margin: 7px 0;
}

footer .content .right .QR {
  width: 125px;
  height: 125px;
}

footer .content .right .QR img {
  width: 100%;
  height: 100%;
}

footer .bottom {
  width: 100%;
  padding: 18px 0;
  background: #111;
  font-size: 14px;
  color: #979797;
}

footer .bottom > div {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}

.swiper {
  width: 100%;
  height: 756px;
  overflow: hidden;
  position: relative;
  /* 为导航按钮和分页器提供定位上下文 */
  /* 自定义按钮样式 */
  /* 右按钮 */
  /* 左按钮 */
}

.swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.swiper .swiper-slide {
  width: 100%;
  /* 你可以根据需要设置宽度 */
  height: 100%;
  display: block;
  margin: 0 auto;
  background-position: center center;
  /* 背景图居中 */
  background-repeat: no-repeat;
  /* 防止背景图重复 */
  background-size: cover;
  /* 背景图覆盖整个元素 */
}

.swiper .swiper-slide a {
  width: 100%;
  height: 100%;
}

.swiper .swiper-pagination {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #ffffff;
}

.swiper .swiper-button-prev {
  left: 124px !important;
}

.swiper .swiper-button-next {
  right: 124px !important;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 78px;
  height: 78px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.swiper .swiper-button-next {
  right: 10px;
}

.swiper .swiper-button-prev {
  left: 10px;
}

.swiper .swiper-pagination-bullet-active {
  width: 52px;
  height: 12px;
  background: #9bd048;
  border-radius: 20px 20px 20px 20px;
}

.swiper img {
  width: 100%;
  height: 756px;
}

main {
  margin: 0 auto;
  flex-grow: 1;
  width: 100%;
  max-width: 1200px;
}

.main {
  width: 100% !important;
  margin: auto;
   max-width: 100%;
}

.index_botom {
  margin-bottom: 84px !important;
}

.product_box {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: 68px;
}

.product_box .title_box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 42px;
}

.product_box .title_box .title {
  font-weight: bold;
  font-size: 40px;
  color: #333333;
  margin-bottom: 13px;
}

.product_box .title_box .limt {
  font-weight: 400;
  font-size: 20px;
  color: #666666;
}

.product_box .product_list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  /* 如果需要父元素背景色改变 */
}

.product_box .product_list .item {
  width: calc((100% - 50px) / 3);
  background: #ffffff;
  box-shadow: 0px 0px 32px 1px rgba(174, 180, 212, 0.23);
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 25px 25px 45px;
  transition: all 0.3s;
}

.product_box .product_list .item a {
  display: block;
  width: 100%;
  height: 100%;
      text-align: center;
}

.product_box .product_list .item .goods_img {
  width: 332px;
  height: 332px;
}

.product_box .product_list .item .name {
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  margin-top: 17px;
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出的文本 */
  text-overflow: ellipsis;
  /* 溢出时显示省略号 */
}

.product_box .product_list .item .text {
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  margin-top: 14px;
  min-height: 50px;
  width: 100%;
  /* 宽度自适应 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.product_box .product_list .item .to_detail {
  width: 257px;
  height: 45px;
  margin: 0 auto;
  line-height: 45px;
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-weight: 400;
  font-size: 15px;
  color: #333333;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #333333;
  transition: all 0.3s;
}

.product_box .product_list .item .to_detail img {
  width: 14px;
  height: 12px;
}

.product_box .product_list .item .to_detail:hover {
  background-color: #f0f0f0;
  /* 改变背景色 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}

.product_box .product_list .item:hover {
  background-color: #e0e0e0;
  /* 父级元素背景色改变 */
}

.product_box .news_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* 鼠标移入时的样式 */
}

.product_box .news_list .item {
  width: calc((100% - 20px) / 2);
  background: #fcfcfc;
  padding: 22px 22px 36px;
  transition: background 0.3s ease,
 box-shadow 0.3s ease;
  /* 添加过渡效果 */
}

.product_box .news_list .item:hover {
  background-color: #f0f0f0;
  /* 改变背景色 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.product_box .news_list .tags {
    display: flex;
    align-items: center;
}
.product_box .news_list .tag {
      /* width: 143px; */
    height: 32px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    gap: 7px;
    margin-bottom: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product_box .news_list .tag img {
  width: 13px;
  height: 13px;
}

.product_box .news_list .name {
  margin-bottom: 14px;
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出的文本 */
  text-overflow: ellipsis;
  /* 溢出时显示省略号 */
}

.product_box .news_list .text {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  width: 100%;
  /* 宽度自适应 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.index_About {
  display: flex;
  flex-direction: column;
  background: #fcfcfc;
  margin-top: 68px;
  padding-top: 77px;
  padding-bottom: 135px;
}

.index_About .index_About_box {
  max-width: 1200px;
  margin: 0 auto;
}

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

.index_About .title_box .title {
  font-weight: bold;
  font-size: 40px;
  color: #333333;
  margin-bottom: 10px;
}

.index_About .title_box .limt {
  font-weight: 400;
  font-size: 20px;
  color: #666666;
}

.index_About .about_content {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

.index_About .about_content .about_right img {
  width: 578px;
  height: 386px;
}

.index_About .about_content .about_left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 51px 0 24px;
}

.index_About .about_content .about_left .name {
  font-weight: 400;
  font-size: 26px;
  color: #9bd048;
  margin-bottom: 30px;
}

.index_About .about_content .about_left .text {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-bottom: 30px;
  line-height: 28px;
}

.index_About .about_content .to_detail {
  width: 208px;
  height: 46px;
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-weight: 400;
  font-size: 15px;
  color: #9bd048;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #9bd048;
  transition: all 0.3s;
}

.index_About .about_content .to_detail img {
  width: 14px;
  height: 12px;
}

.index_About .about_content .to_detail:hover {
  background-color: #979797;
  color: #fff;
  border: #979797;
}

.picture {
  width: 100%;
  position: relative;
}

.picture img {
  width: 100%;
  height: 350px;
}

.picture .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 38px;
  color: #333333;
}

.crumbs {
  padding: 27px 0 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px dotted #dbdbdb;
}

.crumbs .crumbs_home_icon {
  width: 17px;
  height: 17px;
}

.crumbs .back_icon {
  width: 5px;
  height: 9px;
}

.crumbs span {
  font-size: 14px;
  color: #666666;
}

.prducts_content {
    width: 100%;
  margin-top: 28px;
  margin-bottom: 56px;
  display: flex;
  gap: 36px;
}

.prducts_content .prducts_menus {
  width: 280px;
  height: 100%;
  background: #fafafa;
}

.prducts_content .prducts_menus .prducts_menus_title {
  font-size: 28px;
  color: #ffffff;
  background: #9bd048;
  height: 80px;
  line-height: 80px;
  text-align: center;
}

.prducts_content .prducts_menus .prducts_menus_item {
  padding: 21px 0 23px 23px;
  font-size: 18px;
  color: #333333;
  padding-left: 23px;
  border-bottom: 1px dotted #dbdbdb;
  transition: all 0.3s ease;
}

.prducts_content .prducts_menus .prducts_menus_item:last-child {
  border-bottom: none;
}

.prducts_content .prducts_menus .prducts_menus_item:hover {
  /* 当鼠标移入时的效果 */
  background: linear-gradient(240deg, #fafafa, #9bd048);
  /* 背景色从中间渐变 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* 阴影效果 */
  color: #fff;
}

.prducts_content .prducts_content_right {
  flex: 1;
  margin-top: 0;
}

.prducts_content .prducts_content_right .product_list {
  gap: 22px;
}

.prducts_content .prducts_content_right .product_list .item {
  width: calc((100% - 44px) / 3);
  background-color: #fafafa;
  padding: 14px;
  transition: background-color 0.8s ease,
 box-shadow 0.8s ease;
  /* 添加平滑过渡 */
}

.prducts_content .prducts_content_right .product_list .item .goods_img {
  width: 252px;
  height: 252px;
}

.prducts_content .prducts_content_right .product_list .item .name {
  font-size: 16px;
}

.prducts_content .prducts_content_right .product_list .item .text {
    min-height: 40px;
  font-size: 14px;
}

.prducts_content .prducts_content_right .product_list .item:hover {
  background-color: #e0e0e0;
  /* 背景色渐变 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* 阴影效果 */
}

.prducts_content .prducts_content_right .text {
  -webkit-line-clamp: 2 !important;
}

.prducts_content .prducts_content_right .paging_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-top: 45px;
}
.prducts_content .prducts_content_right .paging_box li {
     padding: 3px 11px;
  border: 1px solid #efefef;
  cursor: pointer;
}
.prducts_content .prducts_content_right .paging_box .active{
     background: #9bd048;
  color: #fff;
  font-size: 16px;
}
.prducts_content .prducts_content_right .paging_box .prev,
.prducts_content .prducts_content_right .paging_box .next,
.prducts_content .prducts_content_right .paging_box .paging_home,
.prducts_content .prducts_content_right .paging_box .pagin_trailer,
.prducts_content .prducts_content_right .paging_box .paging_item {
  padding: 3px 11px;
  border: 1px solid #efefef;
  cursor: pointer;
}

.prducts_content .prducts_content_right .paging_box .paging_active {
  background: #9bd048;
  color: #fff;
  font-size: 16px;
}
#content{
width: 100%;
 word-wrap: break-word;  /* 自动换行 */
    word-break: break-word;  /* 避免单词被截断 */
    p{
        text-wrap-mode: wrap !important;
    word-wrap: break-word !important;  /* 自动换行 */
    word-break: break-word !important;  /* 避免单词被截断 */
}
    span{
            text-wrap-mode: wrap !important;
    word-wrap: break-word !important;  /* 自动换行 */
    word-break: break-word !important;  /* 避免单词被截断 */
    } 
}