.news{padding-bottom: 70px;}
.news .content{padding: 0 80px;}
.news .content ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.news .content ul li{padding: 0 20px;}
.news .content ul li .pongeImg a{display: block;border-radius: 10px;overflow: hidden;position: relative;}
.news .content ul li .pongeImg a:hover .text{color: #ff0000;}
.news .content ul li .pongeImg a:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news .content ul li .pongeImg a img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;width: 100%;}
.news .content ul li .pongeImg a .text{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;position: absolute;width: 100%;height: 85px;background: #383f50;padding: 0 30px;line-height: 85px;font-size: 24px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;bottom: 0;left: 0;}
.news .content ul li .pongeImg a .write{position: absolute;right: 18px;border: 1px solid #ff0000;top: 20px;width: 87px;height: 35px;border-radius: 5px;font-size: 18px;color: #ff0000;line-height: 35px;text-align: center;}
.news .content ul li .list a{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;padding: 0 30px;font-size: 16px;color: #333333;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 20px;}
.news .content ul li .list a:hover{color: #ff0000;}
.news .content ul li .list a .title{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news .content ul li .list a .date{margin-left: 45px;}
.news .content ul li .parent,
.news .content ul li .pongeImg,
.news .content ul li .pongeImg a{width: 100%; height: 100%;}
.news .content ul li .pongeImg a img{height: 100%;}
@media (max-width: 1199px){
	.news .content ul li .list a{padding: 0 10px;}
	.news .content ul li .list a .date{margin-left: 10px;}
}
@media (max-width: 991px){
	.news .content ul li .pongeImg a .text{height: 50px;line-height: 50px;font-size: 20px;padding: 0 20px;}
	.news .content ul li .list a .date{display: none;}
}

@media (max-width: 767px){
	.news .content ul li .pongeImg a .write{width: 60px;height: 30px;line-height: 30px;font-size: 14px;}
	.news .content ul li .pongeImg a .text{font-size: 16px;height: 40px;line-height: 40px;padding: 0 10px;}
	.news .content{margin-top: 20px;}
}

@media (max-width: 575px){
	.news .content ul li .list a{margin-top: 15px;padding: 0;font-size: 14px;}
	.news{padding-bottom: 30px;}
	.news .content ul li .pongeImg a .text{height: auto;font-size: 14px;line-height: initial;line-height: inherit;padding: 6px;}
	.news .content ul li .pongeImg a .write{right: 10px;top: 10px;width: 40px;height: 20px;line-height: 20px;font-size: 12px;}
	.news .content{padding: 0 5px;}
	.news .content ul li{padding: 0 5px;}
	.news .content ul li{width:100%;display:none;}
	.news .content ul li:nth-of-type(1),.news .content ul li:nth-of-type(2),.news .content ul li:nth-of-type(3){display:block;width:100%;}
}
@media (max-width: 479px){
	.news .content ul li{width: 100%;}
	.news .content ul{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.news .content ul li .pongeImg a .text{padding: 10px;}
	.news .content ul li{margin-bottom: 20px;}
	.news .content{margin-top: 0;}
}
.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: #000000;}
.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;}
.news{padding-bottom: 20px;}
.news .content ul{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
.news .content ul li{width: 33.333333333333336%;margin-bottom: 25px;}
@media (max-width: 575px){
	.news .content ul li{margin-bottom: 10px;}
	.news .content ul li{width: 50%;}
}

@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{}
}