.case_box{
    width:100%;
    display: flex;
}
  .service_left{
    width: 300px;
	margin-right: 20px;
}
.service_left ul{
   width: 100%;
}
.service_left ul li{
   width: 100%;
   padding: 20px 20px;
   box-sizing:border-box;
}
.service_right{
	width: 1000px;
}
.ulB{
	display: none;
  }
  .case_li{
	display: none;
  }
  .ulA .liA{
	box-shadow: 0 0 4px rgba(177, 177, 177, 0.5);
  }
  .liA:hover,.liB:hover{
	font-weight: 600;
  }
.service {
	width: 100%;
	height: auto;
	background-color: #ffffff;
}
.service .container {
	width: 1400px;
	margin: 0 auto;
	/* height: 793px; */
	
}
.service-div ul{
	width: 100%;
	/* display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center; */
	display: grid;
	grid-gap: 30px;
	grid-template-columns: auto auto auto;
}
.service-div ul li{
	width: 320px;
	height: auto;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 0px 32px 1px rgba(174,180,212,0.23);
	padding: 30px 30px;
	box-sizing: border-box;
	background: #FFFFFF;
	/* margin-bottom: 30px; */
}
.service-div ul li img{
	width: 100%;
	height: auto;
}

.service-div ul li p{
	text-align: center;
	color: #1A2A49;
	font-size: 22px;
	font-weight: bold;
	padding: 15px 0;  
}
.service-div ul li span{
	color: #6F86A3;
	font-size: 18px;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;    
text-align: center;

}
.service-div ul li div{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
height: 52px;
background: #FFFFFF;
border-radius: 0px 0px 0px 0px;
border: 1px solid #1A2A49;
text-align: center;
margin: 17px auto;

}
.service-div ul li div span{
	font-size: 18px;
}
.service-div ul li div img{
	width: 15px;
	height: 13px;
	margin: 3px 0 0 5px;

}
.swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
  }

  .swiper-slide {
	background-size: cover;
	background-position: center;
  }

  .mySwiper2 {

	width: 458px;
	height: 458px;
	overflow: hidden;
  }

  .mySwiper {
	/* height: 20%; */
	box-sizing: border-box;
	padding: 10px 0;
	width: 458px;
	height: 130px;
	overflow: hidden;
  }

  .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
  }

  .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
.caseDeta_box{
	display: flex;
	width: 1400px;
	margin: 30px  auto;
}
  .case_deta{
	width: calc(1400px - 350px);
	padding: 50px 0;
	margin: 0 auto;
  }
  .case_deta_top{
	display: flex;
	
  }
  .case_deta_top h2{
	font-size: 28px;
	padding: 0 30px;
  }
  .sw_box{
	display: inline-block;
	margin: 0;
  }
  .case_content {
	margin-top: 30px;
  }
  .case_content h2{
	display: inline-block;
	font-size: 20px;color: #333333;font-weight: 400;
	border-bottom: 4px solid #0891F8;
	padding: 15px 0;
	margin-bottom: 50px;
  }
  .case_deta_top h1{
	display: none;
  }
  .mySwiper .swiper-slide{
	border: 1px solid #e1e1e100;
  }