.case{
	margin-top: 72px;
	padding-bottom: 7px;
}
.case .box1 .list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.case .box1 .list li{
	width: 48.28%;
	margin-bottom: 65px;
}
.case .box1 .list li .pic img{
	width: 100%;
	display: block;
	transition: all 0.6s;
}
.case .box1 .list li .pic{
	overflow: hidden;
}
.case .box1 .list li:hover .pic img{
	transform: scale(1.2);
}
.case .box1 .list li .text-title{
	font-size: 26px;
	font-family: PingFang;
	/* font-weight: bold; */
	color: #222222;
	line-height: 1;
	margin-top: 35px;
}
.case .box1 .list li:hover .text-title{
	color: rgba(214, 13, 29, 1);
}
.case .box1 .list li .text-des{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #888888;
	line-height: 26px;
	margin-top: 16px;
}
.case-d{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.45);
	z-index: 9999;
	display: none;
}
.case-d .shadow-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.case-d .case-d-b{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0 34px;
}
.case-d .case-d-b .swiper-box{
	background-color: #fff;
	height: 730px;
}
.case-d .case-d-b .swiper-box{
	display: flex;
}
.case-d .case-d-b .swiper-box .l{
	width: 61.11%;
	position: relative;
	background-color: rgba(245, 245, 245, 1);
}
.case-d .case-d-b .swiper-box .l .swiper{
	height: 100%;
}
.case-d .case-d-b .swiper-box .l .swiper-slide{
	position: relative;
	padding: 53px;
	height: 100%;
}
.case-d .case-d-b .swiper-box .l .pic img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.case-d .case-d-b .swiper-box .l .oper{
	position: absolute;
	bottom: 53px;
	width: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.case-d .case-d-b .swiper-box .l .oper .btn-left,
.case-d .case-d-b .swiper-box .l .oper .btn-right{
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #D60D1D;
	border-radius: 50%;
	cursor: pointer;
}
.case-d .case-d-b .swiper-box .l .oper .btn-left .iconfont,
.case-d .case-d-b .swiper-box .l .oper .btn-right .iconfont{
	color: #fff;
}
.case-d .case-d-b .swiper-box .l .oper .pageMsg{
	margin: 0 38px;
	display: flex;
	font-size: 20px;
	font-family: Arial;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	line-height: 1;
}
.case-d .case-d-b .swiper-box .l .oper .pageMsg .curr{
	color: #D60D1D;
}
.case-d .case-d-b .swiper-box .r{
	position: relative;
	width: 38.89%;
	padding: 100px 45px 0;
}
.case-d .case-d-b .swiper-box .r .swiper{
	height: 100%;
}
.case-d .case-d-b .swiper-box .r .swiper-slide{
	position: relative;
	height: 100%;
}
.case-d .case-d-b .swiper-box .r .title{
	font-size: 30px;
	font-family: PingFang;
	/* font-weight: bold; */
	color: #222222;
	line-height: 1;
}
.case-d .case-d-b .swiper-box .r .line{
	width: 39px;
	height: 3px;
	background: #D60D1D;
	margin-top: 38px;
}
.case-d .case-d-b .swiper-box .r .text-box {
	margin-top: 38px;
}
.case-d .case-d-b .swiper-box .r .text-box .text.bold{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #555555;
	line-height: 30px;
}
.case-d .case-d-b .swiper-box .r .text-box .text{
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #888888;
	line-height: 30px;
}
.case-d .case-d-b .swiper-box .r .text-box>div:not(:last-child){
	margin-bottom: 55px;
}
.case-d .case-d-b .swiper-box .r .oper{
	position: absolute;
	bottom: 54px;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 2;
}
.case-d .case-d-b .swiper-box .r .oper .btn-prev,
.case-d .case-d-b .swiper-box .r .oper .btn-next{
	width: 152px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	border: 1px solid #DFDFDF;
	cursor: pointer;
	/*  */
}
.case-d .case-d-b .swiper-box .r .oper .btn-prev:hover,
.case-d .case-d-b .swiper-box .r  .oper .btn-next:hover{
	background: #D60D1D;
	color: #fff;
	border-color: #D60D1D;
}
.case-d .case-d-b .swiper-box .r .oper .more{
	width: 117px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	color: rgba(214, 13, 29, 1);
	cursor: pointer;
}
.case-d .case-d-b .swiper-box .r .oper .more .iconfont{
	font-size: 20px;
}
.case-d .case-d-b .swiper-box .r .oper .more:hover{
	background-color: rgba(214, 13, 29, 1);
	color: #fff;
}
.case-d .case-d-b .swiper .swiper-button-lock{
	display: block;
}
.case-d .case-d-b .swiper-box .l .oper .btn-left.swiper-button-disabled, 
.case-d .case-d-b .swiper-box .l .oper .btn-right.swiper-button-disabled{
	background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width:1400px) {
	.case-d .case-d-b .swiper-box .r .oper .btn-prev, .case-d .case-d-b .swiper-box .r .oper .btn-next{
		width: 120px;
	}
	.case-d .case-d-b .swiper-box{
		height: 650px;
	}
	.case-d .case-d-b .swiper-box .r{
		padding: 40px 25px;
	}
	.case-d .case-d-b .swiper-box .r .text-box>div:not(:last-child){
		margin-bottom: 20px;
	}
}
@media (max-width:1200px) {
	.case-d .case-d-b .swiper-box .l{
		width: 40%;
	}
	.case-d .case-d-b .swiper-box .r{
		width: 60%;
	}
	.case-d .case-d-b .swiper-box{
		height: 500px;
	}
	.case-d .case-d-b .swiper-box .r .text-box{
		max-height: 200px;
		overflow: auto;
	}
}

@media (max-width:900px){
	.case-d .case-d-b .swiper-box{
		height: 100%;
		flex-direction: column;
	}
	.case-d .case-d-b .swiper-box .l, .case-d .case-d-b .swiper-box .r{
		height: 50%;
	}
	.case-d .case-d-b .swiper-box .l .pic {
		height: 100%;
	}
	.case-d .case-d-b .swiper-box .l .pic img{
		max-height: 100%;
		object-fit: cover;
	}
	.case-d .case-d-b .swiper-box .l,
	.case-d .case-d-b .swiper-box .r{
		width: 100%;
	}
	.case-d .case-d-b{
		height: 85%;
	}
	.case-d .case-d-b .swiper-box .l .oper{
		display: none;
	}
	.case-d .case-d-b .swiper-box .l .swiper-slide{
		padding: 40px;
	}
	.case-d .case-d-b .swiper-box .r .oper{
		bottom: 30px;
	}
	.case-d .case-d-b .swiper-box .r .title{
		font-size: 26px;
	}
	.case-d .case-d-b .swiper-box .r .line,
	.case-d .case-d-b .swiper-box .r .text-box{
		margin-top: 20px;
	}
	.case-d .case-d-b{
		padding: 0 15px;
	}
}
@media (max-width:768px) {
	.case .box1 .list li{
		width: 100%;
		margin-bottom: 35px;
	}
	.case .box1 .list li .text-title{
		font-size: 22px;
		margin-top: 20px;
	}
	
}
@media (max-width:700px) {
	.case-d .case-d-b .swiper-box .l{
		height: 40%;
	}
	.case-d .case-d-b .swiper-box .r{
		flex: 1;
	}
}
@media (max-width:600px) {
	.case-d .case-d-b .swiper-box .l{
		height: 30%;
	}
}
@media (max-width:500px) {
	.case-d .case-d-b .swiper-box .l .swiper-slide{
		padding: 20px ;
	}.case-d .case-d-b .swiper-box .r .oper .more,
	.case-d .case-d-b .swiper-box .r .oper .btn-prev, .case-d .case-d-b .swiper-box .r .oper .btn-next{
		width: 90px;
		height: 40px;
		line-height: 40px;
	}
	.case-d .case-d-b{
		height: 75%;
	}
}
@media (max-width: 1024px){
    .case{
        margin-top: 60px;
    }
}
@media (max-width: 768px){
    .case{
        margin-top: 50px;
    }
    .case .box1 .list li .text-title,.case-d .case-d-b .swiper-box .r .title{
        font-size: 20px;
    }
    .case .box1 .list li{
        margin-bottom: 20px;
    }
}
@media (max-width:500px){
    .case{
        margin-top: 40px;
    }
    .case-d .case-d-b .swiper-box .r .title{
        /*font-size: 18px;*/
    }
}