@charset "UTF-8";

@media (max-width: 1440px) {
}

@media (max-width: 996px) {
  .home-container {
    height: auto !important;
  }
  .home-container .banner-swiper .swiper-slide {
    height: 100%;
  }
  .banner-swiper {
    height: 18rem;
    overflow: hidden;
  }
  .banner-swiper .rb {
    width: 8rem;
    bottom: 0;
    height: auto;
  }
  .home-container .banner-swiper .swiper-slide .title {
    padding-top: 0;
    padding-left: 0;
    font-size: 0.8rem;
    line-height: 1.4;
  }
  .banner-swiper .swiper-slide .txt {
    left: 4%;
  }
  .home-container .news {
    height: auto;
  }
  .main-wrapper {
    display: block;
  }
  .home-container .news .header,
  .home-container .news .body .ft,
  .home-container .news .body .rt,
  .home-container .about .title,
  .home-container .about .info,
  .home-container .products .item .name,
  .home-container .products .item .cont,
  .home-container .products .item .t3,
  .home-container .products .title,
  .home-container .develop .info .name,
  .home-container .develop .info .cont,
  .home-container .develop .info .t3,
  .home-container .join .title,
  .home-container .join .info .name,
  .home-container .join .info .cont,
  .home-container .join .t3 {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition-delay: 0.5s;
  }
  .home-container .news {
    padding-top: 2rem;
  }
  .home-container .news .tag {
    width: 1.5rem;
  }
  .home-container .news .body .ft a .bg {
    position: relative;
    height: auto;
    z-index: 2;
  }
  .home-container .news .body .ft a {
    padding: 0;
  }
  .home-container .news .body .ft {
    height: auto;
  }
  .home-container .news .body .ft .mask {
    background-color: #fff;
    padding: 0.5rem;
  }
  .home-container .news .title {
    color: #333;
  }
  .home-container .news .cont {
    color: #333;
  }
  .home-container .news .time {
    color: #333;
  }
  .home-container .news .learn .text {
    color: #333;
  }
  .home-container .news .learn svg {
    fill: #333;
  }
  .home-container .news .rt li .img {
    height: auto;
    clip-path: none;
  }
  .home-container .about .layer {
    display: none;
  }
  .home-container .about .tag {
    width: 1.5rem;
  }
  .home-container .about {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .home-container .about .title {
    padding-left: 0;
  }
  .home-container .about .rt-img .static {
    object-fit: cover;
  }
  .home-container .about .rt-img {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding: 0;
    clip-path: none;
    height: auto;
  }
  .home-container .about .rt-img .static {
    height: auto;
  }
  .home-container .about {
    height: auto;
  }
  .home-container .products .item .mask {
    display: none;
  }
  .home-container .products .item .info {
    padding-left: 1rem !important;
    padding-top: 2rem !important;
  }
  .home-container .products .item {
    clip-path: none !important;
  }
  .home-container .products .products-swiper {
    height: 12rem;
    overflow: hidden;
  }

  .home-container .products .swiper-slide {
    left: auto !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    bottom: auto !important;
    right: auto !important;
    transform: translateX(0) !important;
    z-index: 3 !important;
    transition: all 0s !important;
    /* margin: 0 0.25rem; */
  }
  .home-container .products .title {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 1rem;
  }
  .home-container .products {
    padding: 0 4% 2rem;
    height: auto;
  }
  .home-container .develop .info {
    height: auto;
  }
  .home-container .develop {
    display: block;
  }
  .home-container .develop .info .info-ft {
    padding: 0;
  }
  .home-container .join .title {
    padding-top: 2rem;
  }
  .home-container .join .rt img {
    position: relative;
  }
  .home-container .join .rt {
    height: auto;
  }
  .home-container .join {
    padding: 0;
  }
  .home-container .join .ft {
    padding: 0 0.5rem;
  }
  .home-container .develop .img-list li .cont {
    padding-right: 0;
    padding-bottom: 0;
  }
  footer .bottom .rt {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 0;
  }
  footer .bottom .rt a {
    margin-bottom: 0.2rem;
  }
  .home-container .news .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .home-container .news .cont {
    -webkit-line-clamp: 2;
  }
  .product-container .introduce .rt {
    clip-path: none;
    margin-top: 1.5rem;
  }
  .intro-list li .icon {
    height: 5rem;
  }
  .intro-list li .icon img {
    width: 23%;
  }
  footer .line img {
    height: auto;
  }
  footer .line {
    height: auto;
  }
  .news-container .company .swiper-slide .info .title {
    padding-left: 0;
    line-height: 1.4;
  }
  .news-container .company .news-container {
    height: 17rem;
  }
  .news-container .company .company-list li .title {
    padding-left: 0;
  }
  .develop-container .concept .img {
    height: auto;
  }
  .develop-container .intro {
    padding-top: 1.5rem;
  }
  .join-container .manage .ft {
    position: relative;
    width: 100%;
    padding: 1rem 4%;
  }
  .join-container .manage .ft .title {
    margin-bottom: 0rem;
    font-size: .6rem;
  }
  .join-container .manage .swiper-container {
    height: auto;
  }
  .join-container .manage .swiper-pagination {
    left: 0.4rem;
    margin-top: 1rem;
  }
  .join-container table thead tr th:last-child,
  .join-container table tbody tr td:last-child {
    display: none;
  }
  .join-container {
    overflow: hidden;
  }
  .join-container .table-box .text {
    display: block;
  }
  .home-container .products .swiper-pagination {
    left: 0;

    bottom: 0.75rem;
    text-align: center;
  }
  .about-container {
    overflow: hidden;
  }
  .about-container .history .rb {
    bottom: -1.2rem;
  }
  .mb {
    display: block;
  }
  .about-container .contact .contact-list li:first-child .label {
    font-size: 0.4rem;
  }
  .about-container .contact .contact-list li .label:not(:first-child) {
    font-size: 0.4rem;
  }
  .join-container table thead tr th {
    height: auto;
  }
  .join-container table tbody tr td {
    height: auto;
  }
  .about-container .introduce {
    padding-top: 1.5rem;
  }
  .about-container .culture .culture-list li .icon {
    width: 100%;
    padding: 1rem 0;
  }
  .about-container .introduce .lt {
    width: 1rem;
  }
  .about-container .introduce .title {
    padding-left: 0;
  }
  .about-container .culture .culture-list li .icon img {
    width: 20%;
  }
  .about-container .introduce .body .ft {
    padding: 0 4%;
    position: relative;
  }
  .about-container .introduce .body .ft .triangle {
           width: 5rem;
    height: auto;
    bottom: 50%;
    transform: translateY(50%);
    right: 4%;
  }
  .about-container .introduce .body .ft .pic{
            clip-path: polygon(0 0, 42% 0, 100% 100%, 0% 100%);
  }
  .about-container .culture .culture-list li .info{
            clip-path: polygon(0% 0%, 100% 0, 100% 66%, 65% 100%, 0% 100%)
  }
  .about-container .contact .body .ft img{
    width: 100%;
             clip-path: polygon(0 0, 96.2% 0%, 65% 100%, 0% 100%);
  }
  footer .bottom .rt .select-box{
    margin-left: 0;
  }
  .product-container .introduce .lt{
    width: 1rem;
  }
  .product-container .introduce .title{
    padding-left: 0;
  }
  .product-container .introduce .ft{
    padding-top: 1rem;
  }
  .field-container .introduce .lt,.news-container .company .lt,.develop-container .introduce .lt,.join-container .manage .lt{
    width: 1rem;
  }
  .field-container .introduce .title,.news-container .company .title,.develop-container .introduce .title{
    padding-left: 0;
  }
  .intro-list li .info{
            clip-path: polygon(100% 0, 100% 74%, 77% 100%, 0 100%, 0 0);
  }
  .news-container .company .swiper-pagination{
    padding-right: 4%;
    text-align: right;
  }
  .news-container .company .swiper-pagination .swiper-pagination-bullet{
  margin: 0 0.2rem;
  }
  .news-container .company .news-container{
    position: relative;
  }
  .news-container .company .company-list li .info{
            clip-path: polygon(100% 0, 100% 74%, 78% 100%, 0 100%, 0 0);
  }
  .develop-container .intro-list li .info{
      clip-path: polygon(100% 0, 100% 80%, 78% 100%, 0 100%, 0 0);
  }
    .news-container .company .company-list li .title{
    height: auto;
    margin-bottom: 0.5rem;
  }
  .news-container .company .company-list li .cont{
    height: auto;
  }
}
.join-container .recruit h1 {
  cursor: pointer;
}

.history .swiper-pagination {
  text-align: center;
  position: relative;
  left: 0;
  bottom: auto;
  margin-top: 1rem;
  z-index: 3;
}

.history .swiper-pagination-bullet {
  width: 0.225rem;
  height: 0.225rem;
  margin: 0 0.3rem;
  opacity: 1;
  background: #fff;
  cursor: pointer;
}

.history .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.history .swiper-pagination-bullet-active {
  background: #2ec49c;
}