.pt-40{padding-top:40px}.intro11-slider-wrap .swiper-button-prev:focus,.intro11-slider-wrap .swiper-button-next:focus{border:0;outline:0}.intro11-slider-wrap .swiper-button-prev:after,.intro11-slider-wrap .swiper-button-next:after{display:none}.intro11-slider-wrap .swiper-button-prev i,.intro11-slider-wrap .swiper-button-next i{font-size:30px;color:#000}.intro11-slider-wrap .swiper-button-prev i:hover,.intro11-slider-wrap .swiper-button-next i:hover{color:var(--base-color)}.intro11-slider-wrap .swiper-button-prev{left:50px}.intro11-slider-wrap .swiper-button-next{right:50px}.intro11-slider{width:100%;height:100%}.intro11-slider .intro11-content{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);width:1200px;margin:0 auto}.intro11-slider .intro11-content .title-slider{color:#fff;padding:5px 10px;background:var(--base-color);font-size:14px;display:inline-block;margin-bottom:15px}.intro11-slider .intro11-content .title-slider.black-slider-title{background:#000}.intro11-slider .intro11-content .title{font-size:80px;line-height:80px;font-weight:500;margin-bottom:15px}.intro11-slider .intro11-content .desc-content{font-size:16px;line-height:28px;max-width:655px}.intro11-slider .intro11-content .flosun-button{margin-top:30px}@media (max-width:1500px){.intro11-slider .intro11-content{width:1020px}.intro11-slider .intro11-content .title{font-size:40px;line-height:40px}.intro11-slider .intro11-content .desc-content{font-size:14px;max-width:500px}}@media (max-width:1199px){.intro11-slider .intro11-content{width:800px}}@media (max-width:991px){.intro11-slider .intro11-content{width:100%;padding:0 20px}}@media (max-width:767px){.intro11-slider .intro11-content .title{font-size:30px;line-height:30px}.intro11-slider .intro11-content .flosun-button{margin-top:0}}@media (max-width:575px){.intro11-slider .intro11-content{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.intro11-slider .intro11-content .title{text-align:center}.intro11-slider .intro11-content .desc-content{display:none}}@media (max-width:479px){.intro11-slider .intro11-content .title{font-size:20px;line-height:25px;text-align:center}}.bg-position{background-repeat:no-repeat;background-position:center center;background-size:cover}.slide-bg-1{min-height:890px}@media (max-width:1800px){.slide-bg-1{min-height:800px}}.slide-1{background-image:url("../images/slider/1-1.webp");background-color:rgba(215,177,190,.9)}.slide-2{background-image:url("../images/slider/1-2.webp");background-color:rgba(215,177,190,.9)}.intro11-content>*{animation-duration:1s;animation-fill-mode:both;animation-name:fadeOutUp}.swiper-slide-active .intro11-content>:nth-child(1){animation-delay:.5s;animation-name:fadeInUp}.swiper-slide-active .intro11-content>:nth-child(2){animation-delay:.9s;animation-name:fadeInUp}.swiper-slide-active .intro11-content>:nth-child(3){animation-delay:1.3s;animation-name:fadeInUp}.swiper-slide-active .intro11-content>:nth-child(4){animation-delay:1.6s;animation-name:fadeInUp}@media (max-width:991.98px){.intro11-slider-wrap .swiper-button-prev,.intro11-slider-wrap .swiper-button-next{display:none}}

.cat-1{width:39%;flex:0 0 39%;max-width:none}
.cat-2{width:61%;flex:0 0 61%;max-width:none}
.cat-3{width:54%;flex:0 0 54%;max-width:none}
.cat-4{width:46%;flex:0 0 46%;max-width:none}
.cat-5{width:36%;flex:0 0 36%;max-width:none}
.cat-6{width:64%;flex:0 0 64%;max-width:none}

.categories-img{position:relative}
.categories-img>a{display:block;width:100%}
.categories-img>a img{width:100%}
.categories-img>a:hover{box-shadow:0 10px 30px 0 #d3d3d3}
.categories-img:hover .categories-content{background:var(--base-color)}
.categories-content{background:#fff;left:50%;margin:0;margin-right:-50%;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;top:50%;z-index:9;transform:translate(-50%,-50%);transition:all .3s ease}
.categories-content>h3{color:#000;font-size:15px;font-weight:500;margin-bottom:5px}
.categories-content>h4{color:var(--base-color);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:0}
.categories-img:hover .categories-content>h3,.categories-img:hover .categories-content>h4{color:#fff}


@media (max-width:767.98px){
	.cat-1,.cat-2{width:100%;flex: 0 0 100%}
}
@media (max-width:479.98px){
  .cat-3,.cat-4,.cat-5,.cat-6{width:100%;flex: 0 0 100%}
}