#cases .container{position: relative;}
#cases .category_blank{ height: 170px;}
#cases .category_none_blank{ height: 30px;}
#cases .menu{ width:100%; position:absolute; left:0; top:-49px;z-index: 9;}
#cases .menu .cases_tag{ height:29px; padding:10px; background:#1f73ff; -moz-border-top-left-radius:4px; -ms-border-top-left-radius:4px; -o-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-top-right-radius:4px; -ms-border-top-right-radius:4px; -o-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;}
#cases .menu .cases_tag a{ height:29px; line-height:29px; padding:0 15px; display:inline-block; border:1px solid transparent; text-align:center; text-decoration:none; font-size:14px; color:#f6f5f5; margin:0 3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#cases .menu .cases_tag a.cur{ border:1px solid #fff; color:#fff;}
#cases .menu .cases_tag a.icons{ padding-right:45px;}
#cases .menu .cases_tag a.icons i{ width:29px; height:12px; right:10px; top:8px; background:url(/static/image/icons.png) no-repeat; background-position:-80px -10px;}
#cases .menu .cases_tag a:hover{ border:1px solid #fff; color:#fff;}
#cases .menu .cases_category{  padding:10px; border:1px solid #e4e4e4; border-top:0; -moz-border-bottom-left-radius:4px; -ms-border-bottom-left-radius:4px; -o-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-bottom-right-radius:4px; -ms-border-bottom-right-radius:4px; -o-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
#cases .menu .cases_category a{ padding:0 10px; margin:0 3px; height:24px; line-height:24px; border:1px solid transparent; display:inline-block; text-align:center; text-decoration:none; font-size:14px; color:#555555; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#cases .menu .cases_category a.cur{ border:1px solid #1f73ff; color:#1f73ff;}
#cases .menu .cases_category a:hover{ border:1px solid #1f73ff; color:#1f73ff;}

#cases .menu .cases_tag{ width: 100%; height: 100px; border-bottom: 1px solid #d9d9d9;}
#cases .menu .cases_tag .list{ padding: 0 20px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#cases .menu .cases_tag a{ display: inline-block; position: relative; padding: 0 35px; height: 100%; line-height: 80px; font-size: 18px; color: #333;text-decoration: none;}
/*#cases .menu .cases_tag a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #0db083; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}*/
#cases .menu .cases_tag a.cur{ color: #fff;}
#cases .menu .cases_tag a.cur:before{ opacity: 1;}
#cases .menu .cases_tag a.icons{ padding-right:45px;}
#cases .menu .cases_tag a.icons i{ width:30px; height:30px; right:5px; top:0px; /*background:url(/static/image/instance.gif) no-repeat center center;*/}
#cases .menu .cases_tag a:hover{ color: #fff;}

#cases .menu{ width:100%;}
/*#cases .menu .cases_tag a:hover:before{ opacity: 1;}*/
#cases .menu .cases_category{ margin-top: 30px; width: 100%;}
#cases .menu .cases_category .list{ padding: 0 11px; height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#cases .menu .cases_category .list a{ display: inline-block; padding: 0 14px; height: 100%; line-height: 33px; font-size: 14px; color: #555; text-decoration: none; -webkit-border-radius: 17px; border-radius: 17px; -webkit-transition: all 0.3s; transition: all 0.3s;}
#cases .menu .cases_category .list a.cur{ background: #0db083; color: #fff;}
#cases .menu .cases_category .list a:hover{ background: #0db083; color: #fff;}

.global_item_list{display: flex;flex-wrap: wrap;}
.global_item_sec{ width:32%;position:relative;margin-right: 2%;margin-bottom: 2%;}
.global_item_sec:nth-child(3n){ margin-right:0;}
.global_item_sec .global_item_sec_abs{ /*position:absolute; left:0; top:0;*/}
.global_item_sec .img{ width:100%; border:1px solid #e2e2e2; position:relative;}
.global_item_sec .img img{width: 100%;height: 276px;object-fit: cover;object-position: top;}
.global_item_sec .img .play{ width:100%; height:100%; position:absolute; left:0; top:0;}
.global_item_sec .img .play i{ width:54px; height:54px; position:absolute; display:block; left:50%; margin-left:-27px; top:50%; margin-top:-27px; background:url(/images/icons.png) no-repeat; background-position:-190px -84px;}
.global_item_sec .box{ padding:10px 15px; border:1px solid #e2e2e2; border-top:0;}
.global_item_sec h3{ height:20px; line-height:20px; overflow:hidden;}
.global_item_sec h3 a{ font-size:14px; color:#414141;}
.global_item_sec h3 span{ height:18px; line-height:18px; padding:0 10px; display:inline-block; background:#1f73ff; margin-left:10px; color:#fff;}
.global_item_sec h3 i{ width:48px; height:48px; right:15px; top:-25px; background:url(/static/image/icons.png) no-repeat; background-position:-57px -85px;}
.global_item_sec .intro{ font-size:12px; color:#999; height:36px; line-height:18px; margin-top:5px; overflow:hidden;}
.global_item_sec .intro .ova{width: 334px;height: 18px;color:#999;line-height: 18px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.global_item_sec .intro span{color: #333;}
.global_item_sec:hover .box{ background:#f8f8f8;}
.global_item_sec_abs .top img{width: 100%;}
.cases-list-section{margin-top: 70px;}
.cases-list-section img{vertical-align: middle;}


.pages-section{padding: 40px 0 50px;}
.pages ul{display: flex;justify-content: center;line-height:36px;}
.pages ul li{font-size:14px;  border:1px solid #e9e9e9; display:inline-block; color:#555; margin:0 4px; text-decoration:none; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.pages ul li.current{font-size:14px;  border:1px solid #1f73ff; display:inline-block; color:#fff; background:#1f73ff; }
.pages ul li a{display: block;padding:0 15px;}
.pages ul li:not(.current):hover{ background:#efefef;}
.pages ul li.current:hover a{color:#fff;}

.ph-menu{
	display: none;
}
@media screen and (max-width: 1650px){
	#cases .menu .cases_tag a{
		padding: 0 35px;
	}
}
@media screen and (max-width: 1300px){
	#cases .menu .cases_tag a{
		padding: 0 25px;
	}
}
@media screen and (max-width: 1024px){
	.menu{
		display: none;
	}
	.category_blank{
		display: none;
	}
	.ph-menu{
		display: block;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.ph-cases_category{
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	.ph-cases_category label{
		width: 100px;
		text-align: center;
	}
	.ph-cases_category select{
		height: 46px;
		width: calc(100% - 100px);
		border-radius: 4px;
		border: 1px solid #dbdbdb;
		font-size: 16px;
		text-indent: 10px;
		color: #666;
	}
	.cases-list-section{
		margin-top: 30px;
	}
	.global_item_list{
		justify-content: space-between;
	}
	.global_item_sec{
		width: 49%;
		margin-right: 0;
	}
}
@media screen and (max-width: 420px){
	.global_item_sec{
		width: 100%;
	}
}