.designCase{padding-top: 70px;}
.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%;}
.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: 100%;background: rgba(227, 22, 57, 0.4);text-align: center;z-index: 2;top: 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: 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 .con ul li a .text .wrapper .title{font-size: 36px;color: #fff;font-weight: bold;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: 70px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;overflow: hidden;margin-top: 40px;}
.designCase .content .con ul li a .text .wrapper .btnj{width: 170px;height: 53px;border-radius: 40px;background: #fff;font-size: 24px;color: #f33142;text-align: center;line-height: 53px;}

@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 .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: 32px;}
.designCase .content .con ul li a .text .wrapper .desc{font-size: 14px;}
.designCase .content .con ul li a .text .wrapper .btnj{width: 115px;height: 35px;line-height: 35px;font-size: 16px;}
.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;}
}

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

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