﻿
/* 
* @Author: SUN
* @Date: 2022-03-21
*/
.bx_2{ width: 86.97%; margin:0 auto; }
/*2*/
.case_banner{ background: url(/templates/images/case_banner.jpg) no-repeat center; height: 600px; margin-bottom: 80px; }

/*3*/
.case_tit .case_top a{display: block;font-size: 20px;color: #cc0000;width: 100%;text-align: center;line-height: 60px;font-weight: 700;}
.case_tit li{width: 8%;height: 60px;}
.case_tit li a{display: block;font-size: 16px;color: #333;width: 100%;text-align: center;line-height: 60px;}
.case_tit li a:hover{color: #cc0000;}
.case_tit{border-bottom: 1px solid #f5f5f5;padding-bottom: 10px;}
.case_tit_box{margin-bottom: 100px;}

.case h2{display:block;margin:0 auto;padding:0 0 3% 0;font-weight:400;font-size:32px;color:#333;text-align:center;}

.case ul{margin:0;padding:0;}
.case li{padding-bottom:10px;box-shadow: 0 0 10px 0 rgba(0,0,0,.05);}
.case li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.3);}
.case li img{display:block;width:100%;}
.case li{width: 31.33%;margin-right:2%;margin-bottom:5%;}
.case li.last{margin-right: 0%;}

.case li .case_text h3 {display:block;margin-top:10px;margin-bottom:10px;font-weight:400;font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;}

.case li:hover .case_text h3{color:#C00;}

@media screen and (max-width:767px) {
	.case{padding-top:0;margin-bottom:10px;}
	.case h2{padding:0 0 30px 0;}
}
