.designCase{padding-top: 40px;}
.designCase .content .tab{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;padding: 0 20px;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;margin-bottom: 0px;}
.designCase .content .tab a{font-size: 20px;color: #000000;padding: 0px 8px;margin: 0 35px;margin-bottom: 40px;position: relative;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.designCase .content .tab a::after{position: absolute;width: 100%;height: 4px;content: none;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;bottom: 0;left: 0;}
.designCase .content .tab a:hover, .designCase .content .tab a.active{color: #f33142;}
.designCase .content .tab a:hover::after, .designCase .content .tab a.active::after{background: #f33142;}
.designCase .content .con{padding: 0 100px;margin-top: 4px;}
.designCase .content .con ul div.parent{/*margin-bottom: 8px;*/display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.designCase .content .con ul div.parent:last-child{margin-bottom: 0;}
.designCase .content .con ul div.parent:nth-of-type(2n+0) li:nth-of-type(1){-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;flex: 2;}
.designCase .content .con ul div.parent:nth-of-type(2n+0) li:nth-of-type(2){-webkit-box-flex: 4;-webkit-flex: 4;-ms-flex: 4;flex: 4;}
.designCase .content .con ul div.parent li:nth-of-type(1){-webkit-box-flex: 4;-webkit-flex: 4;-ms-flex: 4;flex: 4;}
.designCase .content .con ul div.parent li:nth-of-type(2){-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;flex: 2;}
.designCase .content .con ul li{padding: 0 4px;}
.designCase .content .con ul li a{display: block;position: relative;}
.designCase .content .con ul li a .img img{width: 100%;

/*height: 450px;*/
max-height: 450px;
}
.designCase .content .con ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.designCase .content .con ul li a .img{overflow: hidden;}
.designCase .content .con ul li a .img img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.designCase .content .con ul li a:hover .text{opacity: 1;}
.designCase .content .con ul li a .text{opacity: 0;position: absolute;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;width: 100%;height: 20%;background: #fb760abf;text-align: center;z-index: 2;bottom: 0;left: 0;}
.designCase .content .con 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: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-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 .con ul li a .text .wrapper .title {
	font-size: 16px;
	color: #fff;
 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.designCase .content .con 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 .con ul li a .text .wrapper .desc {
	font-size: 16px;
	color: #fff;
	max-width: 720px;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
	text-align: left;
}
.designCase .content .con ul li a .text .wrapper .btnj {
	width: 83px;
	height: 53px;
	border-radius: 10px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 32px;
	border: 1px solid #fff;
}

@media (max-width: 1599px){
	.designCase .content .con ul li a .text .wrapper .position{margin-bottom: 30px;}
}

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

@media (max-width: 767px){
	.designCase .content .con ul li a .text .wrapper .title{font-size: 20px;}
	.designCase .content .con ul li a .text .wrapper .position{font-size: 16px;}
	.designCase .content .tab a{margin: 15px 20px;margin-top: 0;padding: 10px 4px;font-size: 18px;}
	.designCase .content .tab{margin-top: 20px;}
}

@media (max-width: 575px){
	.designCase .content .con {padding: 0 10px;}
	.designCase .content .con ul{margin: 0 -5px;}
	.designCase .content .con ul li{padding: 0 5px;}
	.designCase .content .con ul div.parent{margin-bottom: 10px;}
	.designCase .content .con ul li a .text .wrapper .title{font-size: 16px;}
	.designCase .content .con ul li a .text .wrapper .position{font-size: 14px;margin: 5px 0;}
	.designCase .content .con ul li a .text .wrapper{padding: 0 10px;}
	.designCase .content .con ul li a .text .wrapper .desc{margin-bottom: 0;}
	.designCase .content .con ul li a .text .wrapper .desc{height: auto;line-height: 1.8;}
	.designCase .content .tab a{font-size: 14px;}
	.designCase .content .tab a{margin: 5px 10px;margin-top: 0;}
	.designCase .content .tab{margin-top: 0px;}
	.designCase .content .tab{padding: 0 10px;}
	.designCase .content .con ul li a .text .wrapper .desc{display: none;}
	.designCase .content .con ul li a .text .wrapper .title{font-size: 14px;}
	.designCase .content .con ul li a .text{opacity: 1;}
	.designCase .content .tab a{margin-bottom: 0;padding: 10px 5px;}
	.designCase .content .tab{margin-bottom: 10px;}
	.designCase{padding-top: 30px;}
	.designCase .content .con ul div.parent li:nth-of-type(1){-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 100%;}
	.designCase .content .con ul div.parent li:nth-of-type(2){-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 100%;}
	.designCase .content .con ul div.parent{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.designCase .content .con ul li{margin-bottom: 10px;}
	.designCase .content .con ul li a .text{height: 40px;bottom: 0;top: auto;}
	.designCase .content .con ul div.parent:nth-of-type(2n+0) li:nth-of-type(1){-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 100%;}
	.designCase .content .con ul div.parent{margin-bottom: 0;}
	.designCase .content .con ul div.parent:nth-of-type(n+9){display: none;}
	.designCase .content .con ul li a .text .wrapper .title{font-size: 20px;font-weight: normal;}
	.designCase .content .con ul li a .text{display: none;}
	.designCase .content .con ul li{margin-bottom: 5px;}
}

.designCase .tab{margin-top: 35px;}
.designCase .con ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;margin: 0 -4px;}
.designCase .con ul li{width: 33.33333%;margin-bottom: 8px;}
/*.designCase .content .con ul li img{height:315px;}*/
.designCase .content .tab{-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.designCase .commonPaging{margin: 60px;}
.designCase .content .con ul li a .text .wrapper .title{font-size: 18px; font-weight: 600; }
.designCase .content .con ul li a .text .wrapper .desc{font-size: 14px; font-weight: 600;display: none;}
.designCase .content .con ul li a .text .wrapper .btnj {

	height: 33px;
	font-size: 26px;
}
.designCaseDesignCase{padding-top: 0;}

@media (min-width: 1200px){
	.designCase .content .tab a{font-size: 18px;margin-bottom: 0;padding-bottom: 35px;position: relative;padding-left: 20px;padding-right: 20px;margin-left: 10px;margin-right: 10px;}
	.designCase .content .tab a:hover::after{background: #f33142;}
	.designCase .content .tab a::after{position: absolute;width: 100%;height: 5px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;content: '';}
	.designCase .content .tab{padding: 0 50px;}
}

@media (max-width: 1499px){
	.designCase .content .con ul li a .text .wrapper .desc{margin-top: 20px;margin-bottom: 20px;
	    display: none;
	}
	
}

@media (max-width: 1199px){
	.designCase .content .con ul li a .text .wrapper .desc{height: auto;
	    display: none;
	}
	.designCase .content .con ul li a .text .wrapper .desc{margin-bottom: 0;display: none;}
}

@media (max-width: 992px){
	.designCase .content .con ul li a .text .wrapper .title{font-size: 18px;}
	.designCase .content .con ul li a .text .wrapper .desc{margin-top: 10px;}
}

@media (max-width: 575px){
	.designCase .con ul li{width: 50%;margin-bottom: 10px;}
	.designCase .commonPaging{margin: 20px 0;padding: 0 10px;}
	.designCase .content .con ul li a .text .wrapper .title{font-size: 16px;}
	.designCase .content .tab{margin-top: 10px;}
	.designCase .content .tab{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: initial;-ms-flex-flow: initial;flex-flow: initial;overflow-x: scroll;}
	.designCase .content .tab a{white-space: nowrap;}
	.designCase .con ul li{width: 100%;}
	.designCase .content .con ul li a .text{height: 100%;background: rgba(227, 22, 57, 0.4);}
}
.designCase{margin-top: 0px;}

@media (max-width: 575px){
	.designCase{margin-top: 0;}
}