@charset "UTF-8";
/*@font-face {
  font-family: 'SourceHanSansCNRegular';
  src: url("../font/SourceHanSansCN-Regular.otf");
}*/
/* 基础动画 */
/* 鼠标悬浮中心，使用：@include positionCenter() */
/* 鼠标悬浮遮罩效果，使用：@include hoverMask() */
.cones-container .element-item.industrial-packaging-swiper.swiper-one .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box .text-list {
  width: 100%; }
.cones-container .element-item.industrial-packaging-swiper.swiper-two .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box .image-text-item {
  display: flex;
  align-items: center;
  justify-content: center; }
  .cones-container .element-item.industrial-packaging-swiper.swiper-two .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box .image-text-item .image-link {
    margin: auto; }
    .cones-container .element-item.industrial-packaging-swiper.swiper-two .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box .image-text-item .image-link img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%; }
.cones-container .element-item.industrial-packaging-swiper.swiper-three .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box {
  flex-direction: row-reverse; }
  .cones-container .element-item.industrial-packaging-swiper.swiper-three .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box .image-text-item .image-link {
    height: auto; }
  .cones-container .element-item.industrial-packaging-swiper.swiper-three .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box ul {
    padding: 0 0 0 1.25rem; }
  .cones-container .element-item.industrial-packaging-swiper.swiper-three .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box ul, .cones-container .element-item.industrial-packaging-swiper.swiper-three .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box li {
    list-style: disc; }
.cones-container .element-item.industrial-packaging-swiper .content-wrap .main-text-content {
  width: 100%;
  padding: 3.125rem 0.9375rem 4.375rem;
  display: flex;
  justify-content: center; }
  .cones-container .element-item.industrial-packaging-swiper .content-wrap .main-text-content .main-title {
    text-align: center;
    width: fit-content;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0; }
.cones-container .element-item.industrial-packaging-swiper .content-wrap .swiper-pagination-item {
  justify-content: center; }
.cones-container .element-item.industrial-packaging-swiper .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box {
  align-items: center; }
.cones-container .element-item.text-list-box {
  padding: 4.375rem 0 5.625rem; }
  .cones-container .element-item.text-list-box .text-content {
    display: flex;
    grid-gap: 2rem;
    align-items: flex-start; }
    .cones-container .element-item.text-list-box .text-content .text-item {
      width: calc(50% - 1rem); }
      .cones-container .element-item.text-list-box .text-content .text-item .text-title {
        font-size: 2rem;
        line-height: 1.2;
        font-weight: bold;
        color: #0E3196;
        margin: 0 0 4.0625rem; }
      .cones-container .element-item.text-list-box .text-content .text-item .text-image {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0 0 2.8125rem; }
        .cones-container .element-item.text-list-box .text-content .text-item .text-image img {
          display: block;
          margin: 0 auto;
          width: 19.875rem;
          max-width: 100%;
          height: auto;
          aspect-ratio: 1/1;
          max-height: 100%; }
      .cones-container .element-item.text-list-box .text-content .text-item .text-desc {
        font-size: 1.125rem;
        line-height: 1.5;
        color: #313131;
        font-weight: 400; }
.cones-container .element-item.bg-text-box {
  width: 100%;
  padding: 5rem 0;
  position: relative; }
  .cones-container .element-item.bg-text-box .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .cones-container .element-item.bg-text-box .bg-image img {
      width: 100%;
      object-fit: cover;
      height: 100%; }
  .cones-container .element-item.bg-text-box .text-content {
    position: relative;
    z-index: 3; }
    .cones-container .element-item.bg-text-box .text-content .text-title {
      font-size: 3.125rem;
      margin: 0 0 1.875rem;
      font-weight: bold;
      line-height: 1.2;
      color: #fff; }
    .cones-container .element-item.bg-text-box .text-content .text-desc {
      font-weight: 400;
      line-height: 1.5;
      color: #fff;
      font-size: 1.125rem; }
      .cones-container .element-item.bg-text-box .text-content .text-desc ul {
        padding: 0 0 0 1.25rem; }
      .cones-container .element-item.bg-text-box .text-content .text-desc ul, .cones-container .element-item.bg-text-box .text-content .text-desc li {
        list-style: disc; }
@media (max-width: 991px) {
  .cones-container .element-item.industrial-packaging-swiper.swiper-two .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box {
    flex-direction: column-reverse; }
  .cones-container .element-item.industrial-packaging-swiper.swiper-three .content-wrap .banner-list .swiper-wrapper .banner-item .banner-box {
    flex-direction: column-reverse; }
  .cones-container .element-item.industrial-packaging-swiper .content-wrap .main-text-content {
    padding: 3.125rem 0.9375rem 3.125rem; }
    .cones-container .element-item.industrial-packaging-swiper .content-wrap .main-text-content .main-title {
      font-size: 2.25rem; }
  .cones-container .element-item.text-list-box .text-content {
    grid-gap: 3.75rem;
    flex-direction: column; }
    .cones-container .element-item.text-list-box .text-content .text-item {
      width: 100%; }
  .cones-container .element-item.bg-text-box {
    padding: 3.125rem 0; }
    .cones-container .element-item.bg-text-box .text-content .text-title {
      font-size: 2.25rem; } }

/*# sourceMappingURL=cones.css.map */
