/**
 * 产品页面特定样式
 * 使用 !important 确保样式优先级高于 bootstrap.css
 */
.typeActive {
  color: #043DCE;
}
.typeActive a {
  color: #043DCE;
}

.bg-backgroundcolor{
  height: auto;

  & .product-center {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 20.8333vw minmax(0, 1fr);
    
    /* 左侧 */
    & .contenedor-acordeon{
      background-color: #fff;
      padding-top: 100px;

      & .sitewidget-all {
          font-weight: bold;
          font-size: 24px;
          color: #020202;
          margin-bottom: 35px;
          padding-left: 1.6667vw;
      }

      & .acordeon{
        & .acordeon__head{
          border: none;
          padding-left: 1.6667vw;

          & p {
            font-size: 20px;
            color: #020202;
            
            & img{
              min-width: 1.25vw;
              height: 1.25vw;   
              margin: 0 30px 0 0;   
            }
          }
        }

        & .acordeon__body{
          padding-left: 5.8333vw;

          & .acordeon__body__menu li {
            padding-left: 0;
            
             & a{
             font-weight: 400;
             font-size: 16px;
             color: rgba(0,0,0,0.6);
 
             &:hover {
               color: #043DCE !important;
             }
           }
          }
        }
      }
    }

    /* 右侧 */
    & .right-center{
      background: #f6f8fd;     
      padding-top: 80px; 
      padding-bottom: 30px;

      & .title{
        font-weight: bold;
        font-size: 48px;
        color: #020202;
        margin-left: 1.8229vw;
      }

      & .PageModel{

        & .shopping-{
          border-radius: 12px;
          padding: 0;

          & .shopping-box{
            padding: 1.25vw .9375vw;
            margin: 0;

            & .product-text {
              width: 100%;
              height: auto !important;
              min-height: 180px;
              padding-top: 14px;
              padding-left: 0;
              padding-bottom: 20px;
  
              & h4{
                font-size: 16px;
                color: #000000;
                line-height: 32px;
                margin-bottom: 0;
              }

              & .product-intro{
                padding-top: 20px;
              }
            }

            & .dublebutton{
              display: flex;
              justify-content: flex-start;
              align-items: center;
              gap: .8333vw;
              padding: 0;

              & .contact-us{
                border-radius: 23px 23px 23px 23px;
                border: 2px solid #043DCE;
                font-weight: 400;
                font-size: 14px;
                color: #043DCE;
                padding: .625vw 1.4583vw;
                background-color: #fff;

                &:hover{
                  background-color: #043DCE;
                  color: #fff;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .bg-backgroundcolor{
    & .product-center {
      grid-template-columns: 100%;

      & .contenedor-acordeon{
        padding-top: 20px;
      }
    }
  }  
}

/* 分页 */
.mnPage{
  display: flex;
  gap: 16px;
  
  & .page-item{
    & .page-link{
      width: 74px;
      height: 56px;
      border-radius: 4px 4px 4px 4px;   
      display: flex;
      justify-content: center;
      align-items: center;
      border: none;
    }
  }
}

/* 联系我们 */
.contact-form-background{
  background: #F9F9FB;

  & .products-contact-tital h3{
    font-weight: bold;
    font-size: 48px;
    color: #020202;    
  }

  & .layout-bordered__main-inner{
    max-width: 49.375vw;

    & .form-input{
      min-height: 4.1667vw;
      background: #FFFFFF;
    }
  }

  & .minnuoFormBtn{
    min-height: 4.1667vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-form-background{
    & .layout-bordered__main-inner{
      max-width: 100%;
    }
  }
}