@charset 'utf-8';

.con_cases{padding: 0 0 50px 0;}
.con_cases .list{width: 31%;float: left;margin: 0px 1% 50px;display: flex;justify-content: space-between;box-shadow: 0 0 15px 0 #ddd;/* padding: 10px; */flex-wrap: wrap;align-items: center;}
.con_cases .list:nth-child(4n){margin-right: 0;}
.con_cases .list .picture{/* border: solid #d6d6d6 1px; */overflow: hidden;width: 100%;}
.con_cases .list .picture img{width: 100%; transition: all 0.5s;}
.con_cases .list .picture:hover img{transform: scale(1.1);}
.con_cases .list .title{padding: 15px;text-align: left;line-height: 32px;font-size: 16px;width: 100%;}
.con_cases .list .title a{color: #333;}
.con_cases .list .title a:hover{color: #e2141e;}
.con_cases .list .title a h2{font-size: 14px;margin: 0 0 15px;text-align: left;/* font-weight: bold; */line-height: 1.5;color: #666;}
.con_cases .list .title a h3{font-size: 16px;text-align: left;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; //设置行数overflow: hidden; //超出隐藏;overflow: hidden;}
.xypg-left-con .xypg-left-nav{display:flex;padding-bottom: 15px;border-bottom: 1px solid #ddd;flex-wrap: wrap;}
.xypg-left-con li{/* line-height: 22px; *//* padding: 15px 0; *//* border-bottom: dashed #eee 1px; */position: relative;margin-right: 3%;}
.xypg-left-con li a{display: block;vertical-align: middle;font-size: 14px;color: #666;padding: 8px 20px;/* padding-right: 30px; */}
.xypg-left-con li.clicked>a{color: #e2141e;}
.xypg-left-con li a:hover{color: #e2141e;}
.xypg-left-con li .nav_btn{width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -240px no-repeat; margin-right: 8px;}
.xypg-left-con li ul{display: none;}
.xypg-left-con li ul li{white-space: nowrap;/* padding: 15px 10px 5px 10px; */border-bottom: none;}
.xypg-left-con li ul li a{font-size: 15px;overflow: hidden;text-overflow: ellipsis;padding-left: 30px;padding-right: initial;}
.xypg-left-con li ul li i{width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -270px no-repeat; margin-right: 8px;}
.con_cases .autocaes{display:flex;flex-wrap: wrap;}
@media (max-width:980px) {
	.con_cases{padding: 0 30px 15px;}
	.con_cases .list{width: 100%;margin: 0 0% 20px 0;}
	.con_cases .list:nth-child(2n){margin-right: 0;}
	.con_cases .list .title{padding: 5px 10px; line-height: 20px; font-size: 14px;}
	
		.con_cases .list .title a h2 {
    font-size: 14px;
    margin: 0 0 15px;
    text-align: left;
    /* font-weight: bold; */
    line-height: 1.5;
    color: #666;
}
}