/* 幻灯片 */
	.cases-list-banner{
		width: 100%;
	}
	
	.cases-list-banner img{
		width: 100%;
		height: 100%;
	}

/* 内容 */
	.cases-list-content{
		width: 100%;
		padding: 4.993% 0% 6.306%;
		background-color: rgba(244, 248, 251, 1);
	}
	
	.cases-list-content .content-wrapper{
		width: 100%;
		border-radius: 35px;
		padding: 2.759% 0px 3.449%;
		background-color: rgba(255, 255, 255, 1);
	}
	
	.cases-list-content .content-wrapper .head{
		width: 96%;
		display: flex;
		margin: 0 auto;
		align-items: center;
		padding-bottom: 2.759%;
		justify-content: space-between;
		border-bottom: 2px solid rgba(235, 235, 235, 1);
	}
	
	.cases-list-content .content-wrapper .head .tab{
		display: grid;
		width: 42.969%;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.cases-list-content .content-wrapper .head .tab .tab-item a{
		width: 90%;
		padding: 0% 5%;
		display: block;
		font-size: 16px;
		overflow: hidden;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba(13, 13, 13, 1);
	}

	.cases-list-content .content-wrapper .head .search{
		display: flex;
		width: 22.461%;
		border-radius: 5px;
		align-items: center;
		justify-content: space-between;
		border: 1px solid rgba(238, 238, 238, 1);
	}
	
	.cases-list-content .content-wrapper .head .search input{
		width: 85%;
		outline: none;
		font-size: 16px;
		line-height: 40px;
		border-style: none;
		padding-left: 3.221%;
	}
	
	.cases-list-content .content-wrapper .head .search .icon{
		width: 10%;
		cursor: pointer;
		text-align: center;
	}
	
	.cases-list-content .content-wrapper .head .search .icon span{
		font-size: 22px;
		color: rgba(29, 32, 136, 1);
	}
	
	.cases-list-content .content-wrapper .content{
		width: 96%;
		margin: 0 auto;
		padding-top: 2.874%;
	}
	
	.cases-list-content .content-wrapper .content .list{
		width: 98%;
		margin: 0px auto;
	}
	
	.cases-list-content .content-wrapper .content .list .item{
		display: flex;
		padding: 1.1%;
		border-radius: 10px;
		margin-bottom: 2.200%;
		align-items: flex-start;
		justify-content: space-between;
		box-shadow:
			5px 5px 5px rgba(247, 247, 247, 1), 
			5px -5px 5px rgba(247, 247, 247, 1), 
			-5px 5px 5px rgba(247, 247, 247, 1), 
			-5px -5px 5px rgba(247, 247, 247, 1);
	}
	
	.cases-list-content .content-wrapper .content .list .item:last-child{
		margin-bottom: 0px;
	}

	.cases-list-content .content-wrapper .content .list .item .left{
		width: 22.487%;
	}
	
	.cases-list-content .content-wrapper .content .list .item .left img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	
	.cases-list-content .content-wrapper .content .list .item .right{
		width: 74.954%;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .title{
		font-size: 24px;
		line-height: 30px;
		color: rgba(0, 0, 5, 1);
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .time{
		font-size: 14px;
		margin-top: 0.5%;
		line-height: 22px;
		color: rgba(101, 101, 101, 1);
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .explain{
		margin-top: 1%;
		font-size: 16px;
		overflow: hidden;
		line-height: 26px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		color: rgba(101, 101, 101, 1);
	}
	
	.cases-list-content .content-wrapper .content .list .on-data{
		width: 100%;
		font-size: 16px;
		line-height: 70px;
		text-align: center;
		color: rgba(175, 185, 191, 1);
	}
	
	/* 分页 */
	.cases-list-content .content-wrapper .pagination{
		width: 100%;
		margin-top: 4.311%;
	}
	
	.cases-list-content .content-wrapper .pagination .screen-reader-text{
		display: none;
	}
	
	.cases-list-content .content-wrapper .pagination .nav-links{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers{
		width: 40px;
		display: block;
		font-size: 16px;
		margin: 0% 0.215%;
		line-height: 35px;
		text-align: center;
		color: rgba(217, 217, 217, 1);
		border: 1px solid rgba(217, 217, 217, 1);
	}
	
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.prev,
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.next{
		width: 110px;
		margin: 0% 0.429%;
	}
	
	/* 选项卡选中 */
	.cases-list-content .content-wrapper .head .tab .tab-item.current-tab-item a{
		color: rgba(66, 97, 232, 1);
		border: 1px solid rgba(66, 97, 232, 1);
	}
	
	/* 当前页 */
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.current{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(29, 32, 136, 1);
		border: 1px solid rgba(150, 151, 199, 1);
	}
	
	/* 当前列表悬停 */
	.cases-list-content .content-wrapper .content .list .item.current-hover-item{
		box-shadow:
			5px 5px 5px rgba(0, 0, 5, 0.1),
			5px -5px 5px rgba(0, 0, 5, 0.1),
			-5px 5px 5px rgba(0, 0, 5, 0.1),
			-5px -5px 5px rgba(0, 0, 5, 0.1);
	}
	
	/* 当前分页悬停 */
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.current-hover-item{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(29, 32, 136, 1);
		border: 1px solid rgba(150, 151, 199, 1);
	}

/* 响应 1680 */
@media screen and (max-width: 1680px) {
/* 幻灯片 */

/* 内容 */
	.cases-list-content .content-wrapper{
		border-radius: 30px;
	}
	
	.cases-list-content .content-wrapper .head .tab .tab-item a{
		font-size: 15px;
		line-height: 35px;
		border-radius: 17.5px;
	}
	
	.cases-list-content .content-wrapper .head .search input{
		font-size: 15px;
		line-height: 35px;
	}
	
	.cases-list-content .content-wrapper .head .search .icon span{
		font-size: 20px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .title{
		font-size: 22px;
		line-height: 28px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .time{
		font-size: 13px;
		line-height: 20px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .explain{
		font-size: 15px;
		line-height: 24px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul li{
		font-size: 15px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul .prev,
	.cases-list-content .content-wrapper .content .paging ul .next{
		width: 100px;
	}
	
	.cases-list-content .content-wrapper .content .list .on-data{
		font-size: 15px;
		line-height: 65px;
	}
	
	/* 分页 */
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers{
		font-size: 15px;
	}
	
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.prev,
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.next{
		width: 100px;
	}
}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */

/* 内容 */
	.cases-list-content .content-wrapper{
		border-radius: 25px;
	}
	
	.cases-list-content .content-wrapper .head .tab .tab-item a{
		font-size: 14px;
		line-height: 30px;
		border-radius: 15px;
	}
	
	.cases-list-content .content-wrapper .head .search input{
		font-size: 14px;
		line-height: 30px;
	}
	
	.cases-list-content .content-wrapper .head .search .icon span{
		font-size: 18px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .title{
		font-size: 20px;
		line-height: 26px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .time{
		font-size: 12px;
		line-height: 18px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .explain{
		font-size: 14px;
		line-height: 22px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul li{
		width: 25px;
		font-size: 14px;
		line-height: 25px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul .prev,
	.cases-list-content .content-wrapper .content .paging ul .next{
		width: 90px;
	}
	
	.cases-list-content .content-wrapper .content .list .on-data{
		font-size: 14px;
		line-height: 60px;
	}
	
	/* 分页 */
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers{
		width: 35px;
		font-size: 14px;
		line-height: 30px;
	}
	
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.prev,
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.next{
		width: 90px;
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {
/* 幻灯片 */

/* 内容 */
	.cases-list-content .content-wrapper{
		border-radius: 20px;
	}
	
	.cases-list-content .content-wrapper .head .tab .tab-item a{
		font-size: 13px;
	}
	
	.cases-list-content .content-wrapper .head .search input{
		font-size: 13px;
	}
	
	.cases-list-content .content-wrapper .head .search .icon span{
		font-size: 16px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .title{
		font-size: 18px;
		line-height: 24px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .explain{
		font-size: 13px;
		line-height: 20px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul li{
		font-size: 13px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul .prev,
	.cases-list-content .content-wrapper .content .paging ul .next{
		width: 80px;
	}
	
	.cases-list-content .content-wrapper .content .list .on-data{
		font-size: 13px;
		line-height: 55px;
	}
	
	/* 分页 */
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers{
		font-size: 13px;
	}
	
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.prev,
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.next{
		width: 80px;
	}
}

/* 响应 1000 */
@media screen and (max-width: 1000px) {
/* 幻灯片 */

/* 内容 */
	.cases-list-content .content-wrapper{
		border-radius: 15px;
	}
	
	.cases-list-content .content-wrapper .head .tab{
		width: 54.850%;
	}

	.cases-list-content .content-wrapper .head .tab .tab-item a{
		font-size: 12px;
		line-height: 25px;
		border-radius: 12.5px;
	}
	
	.cases-list-content .content-wrapper .head .search{
		width: 32.265%;
	}
	
	.cases-list-content .content-wrapper .head .search input{
		font-size: 12px;
	}
	
	.cases-list-content .content-wrapper .head .search .icon span{
		font-size: 14px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .title{
		font-size: 16px;
		line-height: 22px;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text .explain{
		font-size: 12px;
		line-height: 18px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul li{
		width: 20px;
		font-size: 12px;
		line-height: 20px;
	}
	
	.cases-list-content .content-wrapper .content .paging ul .prev,
	.cases-list-content .content-wrapper .content .paging ul .next{
		width: 70px;
	}

	.cases-list-content .content-wrapper .content .list .on-data{
		font-size: 12px;
		line-height: 50px;
	}
	
	/* 分页 */
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers{
		width: 30px;
		font-size: 12px;
		line-height: 25px;
		margin: 0% 0.443%;
	}
	
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.prev,
	.cases-list-content .content-wrapper .pagination .nav-links .page-numbers.next{
		width: 70px;
		margin: 0% 0.885%;
	}
}

/* 响应 750 */
@media screen and (max-width: 750px) {
/* 幻灯片 */
	.cases-list-banner{
		margin-top: 61px;
	}

/* 内容 */
	.cases-list-content .content-wrapper{
		border-radius: 10px;
	}
	
	.cases-list-content .content-wrapper .head{
		display: block;
	}
	
	.cases-list-content .content-wrapper .head .tab{
		width: 100%;
	}

	.cases-list-content .content-wrapper .head .search{
		width: 100%;
		margin-top: 4.376%;
	}

	.cases-list-content .content-wrapper .content .list .item{
		display: block;
	}
	
	.cases-list-content .content-wrapper .content .list .item .left{
		width: 100%;
	}
	
	.cases-list-content .content-wrapper .content .list .item .right{
		width: auto;
		padding: 2.898%;
	}
	
	.cases-list-content .content-wrapper .content .list .item  .right .text{
		width: 100%;
	}
}