.DesignCase_details .text{color: #000000;font-size: 16px;padding: 40px 0;width: 920px;margin: 0 auto;font-family: 'Microsoft YaHei Regular','微软雅黑';}
.DesignCase_details .text .title{font-size: 24px;font-weight: bold;color: #fff;}
.DesignCase_details .text .position{margin-top: 5px;}
.DesignCase_details .text .article{margin: 20px 0;line-height: 1.8;}
.DesignCase_details .text .article2{line-height: 3;}
.DesignCase_details .imglist img{display: block;margin-bottom: 10px;}

@media (max-width: 991px){
	.DesignCase_details .text{width: 100%;padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 575px){
	.DesignCase_details .text{width: 100%;padding: 30px 10px;}
	.DesignCase_details .text .title{font-size: 18px;}
	.DesignCase_details .text{font-size: 15px;}
}

.designCase{padding: 0 0 37px;}
.designCase .content{padding: 0 80px;margin-top: 4px;}
.designCase .content ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
.designCase .content ul li{width: 33.33333%;margin-bottom: 8px;padding: 0 4px;}
.designCase .content ul li a{display: block;position: relative;}
.designCase .content ul li a .img{overflow: hidden;}
.designCase .content ul li a .img img{width: 100%;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.designCase .content ul li a .text{opacity: 0;position: absolute;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;width: 100%;height: 100%;background: rgba(227, 22, 57, 0.4);text-align: center;z-index: 2;top: 0;left: 0;}
.designCase .content ul li a .text .wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 100%;padding: 0 20px;}
.designCase .content ul li a .text .wrapper .title{font-size: 32px;color: #fff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.designCase .content ul li a .text .wrapper .position{font-size: 24px;color: #fff;margin-bottom: 75px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.designCase .content ul li a .text .wrapper .desc{font-size: 14px;color: #fff;max-width: 720px;line-height: 2;margin-bottom: 70px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;overflow: hidden;margin-top: 40px;}
.designCase .content ul li a .text .wrapper .btnj{width: 115px;height: 35px;line-height: 35px;font-size: 16px; border-radius: 40px;background: #fff;color: #f33142;text-align: center;}
.designCase .content ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.designCase .content ul li a:hover .text{opacity: 1;}

@media (max-width: 1599px){
	.designCase .content ul li a .text .wrapper .position{margin-bottom: 30px;}
}
@media (max-width: 1499px){
	.designCase .content ul li a .text .wrapper .desc{margin-top: 20px;margin-bottom: 20px;}
}
@media (max-width: 1199px){
	.designCase .content ul li a .text .wrapper .title{font-size: 26px;}
	.designCase .content ul li a .text .wrapper .position{margin-top: 10px;margin-bottom: 10px;font-size: 18px;}
	.designCase .content ul li a .text .wrapper .desc{width: 100%;max-width: 100%;font-size: 14px;height: auto;margin-bottom: 0;-webkit-line-clamp: 2;}
	.designCase .content ul li a .text .wrapper .btnj{display: none;width: auto;height: auto;padding: 0px 30px;font-size: 18px;}
}
@media (max-width: 992px){
	.designCase .content ul li a .text .wrapper .title{font-size: 18px;}
	.designCase .content ul li a .text .wrapper .desc{margin-top: 10px;}
}

@media (max-width: 767px){
	.designCase .content ul li a .text .wrapper .title{font-size: 20px;}
	.designCase .content ul li a .text .wrapper .position{font-size: 16px;}
}

@media (max-width: 575px){
	.designCase{padding-top: 30px;}
	.designCase .content ul li{padding: 0 5px;width: 100%;margin-bottom: 10px;}
	.designCase .content{padding: 0 5px;}
	.designCase .content ul li a .text{opacity: 1;display: none;height: 100%;background: rgba(227, 22, 57, 0.4);bottom: 0;top: auto;}
	.designCase .content ul li a .text .wrapper{padding: 0 10px;}
	.designCase .content ul li a .text .wrapper .title{font-size: 16px;font-weight: normal;}
	.designCase .content ul li a .text .wrapper .position{font-size: 14px;margin: 5px 0;}
	.designCase .content ul li a .text .wrapper .desc{display: none; margin-bottom: 0;height: auto;line-height: 1.8;}
	.designCase .content ul li{margin-bottom: 5px;}
	.designCase .content ul li a .text{}
}