/*list*/
.hcs_list{padding:100px 0;position:relative;overflow:hidden;}
.hcs_list .hcsl_ul{}
.hcs_list .hcsl_ul .hcsl_li{width:calc(100%/3 - 14px);margin-left:21px;margin-bottom:24px;border-radius:12px;overflow:hidden;position:relative;}
.hcs_list .hcsl_ul .hcsl_li:nth-child(3n+1){margin-left:0;}
.hcs_list .hcsl_ul .hcsl_li .hcsl_img{width:100%;padding-bottom:133.33%;position:relative;}
.hcs_list .hcsl_ul .hcsl_li .hcsl_tit{position:absolute;left:0;bottom:0;padding:0 26px 30px;text-transform:capitalize;font-size:24px;font-weight:bold;color:#FFF;line-height:1.33;width:100%;
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.70)), to(rgba(0, 0, 0, 0.00)));
    background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
    background:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt{position:absolute;width:100%;height:100%;padding:26px 30px;left:0;top:0;background:rgba(0,0,0,.5);
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_t{font-size:24px;line-height:1.33;text-transform:uppercase;color:#FFF;margin-bottom:20px;}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p{overflow-y:auto;}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p::-webkit-scrollbar-track-piece{width:3px;background-color:var(--logoColor);}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p::-webkit-scrollbar{width:3px;height:4px;}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p::-webkit-scrollbar-thumb{height:30px;background-color:var(--logoColor);}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p p{font-size:14px;color:#F1F3F5;line-height:1.86;}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span{height:32px;font-size:16px;color:#FFF;text-transform:uppercase;margin-top:29px;
	-webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span i{font-size:24px;margin-left:12px;
	-webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span:hover{color:var(--logoColor);}
.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span:hover i{margin-left:15px;color:var(--logoColor);}
.hcs_list .hcsl_ul .hcsl_li:hover .hcsl_tit{opacity:0;}
.hcs_list .hcsl_ul .hcsl_li:hover .hcsl_txt{
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
.hcs_list .manu{margin-top:40px;}

@media screen and (max-width:1519px){
	.hcs_list{padding:60px 0;}
	.hcs_list .hcsl_ul .hcsl_li{width:calc(100%/3 - 10px);margin-left:15px;margin-bottom:20px;border-radius:10px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_tit{padding:0 20px 30px;font-size:20px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt{padding:20px 25px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_t{font-size:20px;margin-bottom:15px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p p{line-height:1.75;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span{height:29px;margin-top:23px;font-size:15px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span i{font-size:22px;margin-left:10px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span:hover i{margin-left:13px;}
	.hcs_list .manu{margin-top:30px;}
}

@media screen and (max-width:1359px){
	.hcs_list{padding:40px 0;}
	.hcs_list .hcsl_ul .hcsl_li{width:calc(100%/3 - 6px);margin-left:9px;margin-bottom:15px;border-radius:8px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_tit{padding:0 15px 20px;font-size:18px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt{padding:10px 13px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_t{font-size:18px;margin-bottom:12px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p p{line-height:1.65;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span{height:26px;margin-top:16px;font-size:14px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span i{font-size:22px;margin-left:10px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span:hover i{margin-left:13px;}
	.hcs_list .manu{margin-top:20px;}
}

@media screen and (max-width:1023px){
	.hcs_list{padding:30px 0;}
	.hcs_list .hcsl_ul .hcsl_li{width:calc(50% - 5px);margin-left:10px;margin-bottom:12px;border-radius:6px;}
	.hcs_list .hcsl_ul .hcsl_li:nth-child(3n+1){margin-left:10px;}
	.hcs_list .hcsl_ul .hcsl_li:nth-child(odd){margin-left:0;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_tit{padding:0 12px 15px;font-size:16px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt{padding:10px 10px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_t{font-size:16px;margin-bottom:10px;font-weight:bold;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt .hcsl_p p{line-height:1.65;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span{height:26px;margin-top:16px;font-size:14px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span i{font-size:22px;margin-left:10px;}
	.hcs_list .hcsl_ul .hcsl_li .hcsl_txt span:hover i{margin-left:13px;}
	.hcs_list .manu{margin-top:15px;}
}

@media screen and (max-width:767px){
	.hcs_list .hcsl_ul .hcsl_li{width:100%;margin-left:0;border-radius:5px;}
	.hcs_list .hcsl_ul .hcsl_li:nth-child(3n+1){margin-left:0;}
}