@charset "UTF-8";

.wrap-quickservice {background:url('../images/bg.png') no-repeat center / cover;position: relative; overflow:hidden; padding:100px 0;}
.wrap-quickservice::before {content:''; width:100%; height:77px; background:url('../images/quick-bg.png') no-repeat center; position:absolute; bottom:0; left:0;z-index:1;animation: txtMove 30s linear infinite;}
.wrap-quickservice::after {content:''; width:100%; height:77px; background:url('../images/quick-bg.png') no-repeat center; position:absolute; bottom:0; left:0;z-index:1;animation: txtMove 30s linear infinite;animation-delay: -30s;}
@keyframes txtMove {
	0% {transform:translateX(100%)}
	to
	{transform:translateX(-100%)}
}
.wrap-quickservice .inner {position: relative;}
.wrap-quickservice .title {width:19.47%; height:100%; position: absolute; top:0; right:6.39%; display:flex; flex-direction: column; padding:0 30px; z-index: 1;}
.wrap-quickservice .sub-title {color:#00B6AD; font-size: 16px; line-height: 20px; font-family: 'SUITE SemiBold';}
.wrap-quickservice h1 {font-size: 40px; line-height: 50px; font-family: 'SUITE ExtraBold'; color:#fff; flex:1; padding-right: 30px;}
.wrap-quickservice li {background:#f7f7f7; border-radius:10px; overflow:hidden; height:250px;}
.wrap-quickservice .box {height:100%; display: flex; flex-direction: column; padding:35px 30px 30px 30px; }
.wrap-quickservice .box strong {font-size: 24px; font-family: 'SUITE SemiBold'; color:#000; line-height: 20px; margin-bottom: 15px;}
.wrap-quickservice .box p {font-size: 16px; font-family: 'SUITE Regular'; line-height: 25px; color:#666; flex:1;}
.wrap-quickservice .box .more {width:50px; height:50px; border-radius:50%; border:1px solid #b6b6b6; background:#fff; font-family: 'SUITE Bold'; font-size: 16px; line-height: 20px; color:#000; display: flex; align-items: center; justify-content: center; transition:all .3s;}
.wrap-quickservice li a:hover .more {background:#00B6AD; border:1px solid #00B6AD; color:#fff;}
.wrap-quickservice .nodata {min-height:250px; text-align: center; color:#fff; font-family: 'HG Regular'; display: flex; align-items: center; justify-content: center;}
.wrap-quickservice .slider-wrap1 {width:calc(100% - 18.02%); left:-9.5%; position: relative;}
.wrap-quickservice .slider1 {margin: 0 -15px;}
.wrap-quickservice .slick-track {display: flex;font-size: 0;}
.wrap-quickservice .slick-slide {margin:0 15px;}
.wrap-quickservice .slider-wrap2 {position: absolute; right:0; top:0; width:330px; left:92.8%;}

.wrap-quickservice .prevnext {display: flex; gap:40px;}
.wrap-quickservice .prevnext button {width:11px; height:17px; display: inline-block; text-indent: -9999px;}
.wrap-quickservice .prev {background:url('../images/quick-prev.png') no-repeat center;}
.wrap-quickservice .next {background:url('../images/quick-next.png') no-repeat center;}

@media screen and (max-width:1500px) {
	.wrap-quickservice::before,
	.wrap-quickservice::after {height:50px; background-size:contain;}

}

@media screen and (max-width:1200px) {
	.wrap-quickservice {padding:80px 0;}
	.wrap-quickservice .slider-wrap1 {left:0; width:auto;}
	.wrap-quickservice .title {left:50%; margin-left:160px; width:auto; padding:0; width:190px;}
	.wrap-quickservice h1 {padding-right:0;}
	.wrap-quickservice .list {margin:0 40px; width:calc(50% + 70px)}
	.wrap-quickservice .slider-wrap2 {left:unset; right:50%; margin-right:-865px;}
}

@media screen and (max-width:768px) {
	.wrap-quickservice {padding: 37px 0 50px 0;}
	.wrap-quickservice::before, 
	.wrap-quickservice::after {height:25px;}

	.wrap-quickservice .inner {margin:0 20px;}
	.wrap-quickservice .title {position: relative; margin-left:0; width:100%; left:unset; right:unset; margin-bottom: 10px;}
	.wrap-quickservice h1 {font-size: 30px; line-height: 43px;}
	.wrap-quickservice .slider1 {margin:0 -10px; padding-right:25px;}
	.wrap-quickservice .slider1 .slick-list {overflow:visible;}
	.wrap-quickservice .box {padding:30px 10px 20px 20px; background-position:right 30px bottom 20px !important;}
	.wrap-quickservice .slider-wrap2 {display: none;}
	.wrap-quickservice .prevnext {position: absolute; right:0; bottom: 9px;}
	.wrap-quickservice .list {width:auto; margin:0;}
	.wrap-quickservice .slick-slide {margin:0 10px;}
	.wrap-quickservice li {max-height:200px; overflow:visible;}
	.wrap-quickservice .box strong {font-size: 20px; line-height: 1; margin-bottom: 5px; display: block;}


}