.case-main{position: relative;}
.case-list .list-item{display: flex;justify-content: center;color: #333333;}
.case-list .list-item .item-text{width: 52%;display: flex;position: relative;z-index: 2;padding-top: 60px;}
.case-list .list-item .item-text .date{font-size: 66px;line-height: 1;color: #FFF;}
.case-list .list-item .item-img{width: 430px;height: 260px;background-color: #FFF;padding: 10px;margin-top: 100px;position: relative;z-index: 1;}
.case-list .list-item .item-text .ctitle{font-size: 23px;}
.case-list .list-item .item-text .ctext{color: #666666;margin-top: 20px;}
.case-list .list-item .item-img img{width: 100%;height: 100%;object-fit: cover;}
.case-bg{width: 130px;height: 100%;background-color: #FBC93B;}

.case-list .list-item:nth-child(odd) .date{padding-left: 20px;padding-right: 10px;}
.case-list .list-item:nth-child(even) .date{padding-left: 10px;padding-right: 20px;}
.case-list .list-item:last-child{padding-bottom: 180px;}

@media only screen and (min-width:1200px ) {
	.case-list .list-item:nth-child(odd) .item-text{flex-direction: row-reverse;}
	.case-list .list-item:nth-child(even){flex-direction: row-reverse;}
}

@media only screen and (max-width:1680px ) {
	.case-list .list-item .item-text .ctitle{font-size:22px ;}
	.case-list .list-item .item-text .ctext{margin-top: 15px;}
	.case-list .list-item .item-text .date{font-size: 62px;}
	.case-list .list-item:nth-child(odd) .date{padding-right: 20px;}
	.case-list .list-item:nth-child(even) .date{padding-left: 20px;}
	.case-list .list-item .item-img{width: 410px;height: 248px;}
}

@media only screen and (max-width:1440px ) {
	.case-list .list-item .item-text .ctitle{font-size:20px;}
	.case-list .list-item .item-img{width: 390px;height: 240px;}
	.case-list .list-item .item-text .date{font-size: 58px;}
	.case-list .list-item .item-text .ctext{margin-top: 10px;}
	.case-list .list-item .item-text{width: 48%;}
}

@media only screen and (max-width:1366px ) {
	.case-list .list-item .item-text .ctitle{font-size:17px;}
	.case-list .list-item .item-text{width: 45%;}
	.case-list .list-item .item-text .ctext{font-size: 12px;}
	.case-list .list-item .item-img{width: 370px;height: 228px;}
	.case-list .list-item .item-text .date{font-size: 58px;}
	.case-list .list-item .item-text .date{font-size: 54px;}

}

@media only screen and (max-width:1280px ) {


}

@media only screen and (max-width:1024px ) {

}

@media only screen and (max-width:768px ) {
.case-bg{width: 60px;left: 2%;transform: translate(-2%,-50%);-ms-transform: translate(-2%,-50%);-moz-transform: translate(-2%,-50%);-webkit-transform: translate(-2%,-50%);-o-transform: translate(-2%,-50%);}
 .case-list{padding: 0 2%;}
   .case-list .list-item{flex-direction: column;}
   .case-list .list-item .item-text{width: 100%;}
   .case-list .list-item .item-text .date{width: 60px;text-align: center;margin-right: 20px;}
   .case-list .list-item .item-text .date{font-size: 34px;}
   .case-list .list-item:nth-child(odd) .date{padding-left: 0;padding-right: 0;}
.case-list .list-item:nth-child(even) .date{padding-left: 0;padding-right: 0;}
.case-list .list-item .item-img{margin-top: 20px;margin-left: 30px;}
}

@media only screen and (max-width:640px ) {


}

@media only screen and (max-width:480px ) {
.case-bg{width: 50px;}
.case-list .list-item .item-text .ctitle{font-size: 16px;}
.case-list .list-item .item-text .date{width: 50px;font-size: 30px;}
.case-list .list-item .item-img{margin-left: 25px;}
.case-list .list-item .item-img{width: 80%;height: auto;}
.case-list .list-item .item-img{padding: 5px;}
.case-list .list-item:last-child{padding-bottom: 100px;}
}

@media only screen and (max-width:414px ) {
	
}

@media only screen and (max-width:375px ) {
	
}

@media only screen and (max-width:320px ) {
	
}