@charset "utf-8";

@import "jquery.fancybox.css";

.swiper-button-prev::after,.swiper-button-next::after{display:none;}

/*----------------------------*/

.hactora-client{padding:100px 0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.hactora-client .tit{text-align:center;}
.hactora-client .tit em{font-size:15px;font-weight:600;color:#109493;text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;}
.hactora-client .tit em::before{content:'';height:2px;width:30px;background:#109493;display:inline-block;margin-right:12px;}
.hactora-client .tit h3{font-size:46px;color:#fff;font-weight:700;line-height:1;margin:15px 0 0;}

.hactora-client .list{margin:50px 0 0;position:relative;}
.hactora-client .swiper-slide{}
.hactora-client .swiper-slide .box{padding:55px 45px;position:relative;background:#181F29;border-radius:15px;}
.hactora-client .swiper-slide .box::after{content:"\e665";font-family: "qico";position:absolute;right:10px;bottom:10px;font-size:50px;color:#242b36;}

.hactora-client .swiper-slide .client-info{display:flex;align-items:center;}
.hactora-client .swiper-slide .client-info .ico{width:70px;}
.hactora-client .swiper-slide .client-info .ico img{border-radius:50%;}
.hactora-client .swiper-slide .client-info h6{flex:1;margin:0 0 0 20px;font-size:22px;color:#fff;font-weight:700;}
.hactora-client .swiper-slide .client-info h6 span{display:block;font-size:18px;color:#109493;margin:5px 0 0;}
.hactora-client .swiper-slide p{margin:20px 0 0;font-size:16px;color:rgba(255,255,255,0.8);line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}


.hactora-client .swiper-pagination{margin:30px 0 0;font-size:0;position:static;width:100%;}
.hactora-client .swiper-pagination-bullet {height:12px;width:12px;border-radius:50%;margin:0 7px;background:#fff;opacity:1;}
.hactora-client .swiper-pagination-bullet-active{background:#109493;}



@media screen and (max-width:1550px){

.hactora-client .tit h3{font-size:40px;}

}

@media screen and (max-width:1441px) {
.hactora-client .tit h3{font-size:38px;}
.hactora-client .swiper-slide .client-info h6{font-size:21px;}
.hactora-client .swiper-slide .box{padding:50px 40px;}

}

@media screen and (max-width:1367px) {
.hactora-client{padding:65px 0;}
.hactora-client .tit h3{font-size:36px;}
.hactora-client .swiper-slide .client-info h6{font-size:20px;}
.hactora-client .swiper-slide .client-info h6 span{font-size:17px;}
.hactora-client .swiper-slide .box{padding:45px 35px;}
}

@media screen and (max-width:1281px){
.hactora-client{padding:60px 0;}
.hactora-client .tit h3{font-size:34px;}
.hactora-client .swiper-slide .box{padding:40px 30px;}
.hactora-client .swiper-slide p{line-height:26px;}

}

@media screen and (max-width:1171px){
.hactora-client .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.hactora-client .tit h3{font-size:30px;}
}

@media screen and (max-width:768px){
.hactora-client{padding:30px 0;}
.hactora-client .tit h3{font-size:28px;}
.hactora-client .list{margin:20px -10px 0;}
.hactora-client .swiper-slide .box{padding:35px 20px;}
.hactora-client .swiper-slide .client-info .ico{width:60px;}
.hactora-client .swiper-slide .client-info h6{margin:0 0 0 15px;font-size:18px;}
.hactora-client .swiper-slide .client-info h6 span{font-size:16px;}
.hactora-client .swiper-slide p{line-height:24px;-webkit-line-clamp:3;}


}

@media screen and (max-width:576px) {
.hactora-client .tit h3{font-size:26px;}

}

@media screen and (max-width:480px) {
.hactora-client .tit h3{font-size:24px;}
.hactora-client .swiper-pagination{margin:20px 0 0;}
}	


@media screen and (max-width:420px) {
.hactora-client .tit h3{font-size:22px;}

}






