.index-product{background: #fff;}
.index-product .grid{padding-bottom: 40px;}
.index-product h2{color: #000;}
.cx-title{text-align: center; font-size: 32px; text-transform: uppercase;}
.prolist{display: flex; }
@media (max-width: 991px) {
.prolist{flex-wrap: wrap; justify-content: center;}
}
.prolist .inner{line-height: 40px; text-align: center; margin-bottom: 10px;}
.prolist .inner span{color: #fff}
.prolist > .col-tn-6{transition:all 0.5s;background: #000; padding: 10px; border: 2px solid #fff;}
.prolist > .col-tn-6:hover{box-shadow:0 6px 24px rgba(122,112,181,0.22);transform:translateY(-10px);}
.prolist .img{position: relative;padding-top: 100%;height: 0}
.prolist .img img{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0; width: 100%; max-height: 100%;}
.index-about img{width: 100%;}
.index-about p{padding: 10px; font-size: 16px; line-height: 30px;text-indent: 2em}

.index-adv{background: #19191b;}
.index-projects{background: #fff;}
.index-projects .grid{padding-bottom: 40px;}
.index-projects h2{color: #000;}

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

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.advlist{padding: 30px 0 0; display: flex; flex-wrap: wrap; justify-content: center;}
.advlist .item{width: 20%;text-align: center; margin-bottom: 20px;}
.advlist .item .atit{font-size: 22px; font-weight: bold; margin-top: 10px;}
.advlist .item .desc{padding: 20px 50px;}
@media (max-width: 991px) {
.advlist .item{width: 50%;}
}