/*桌面端  min-winth:1000*/

/*案例&视频列表*/
@media screen and (min-width:1000px) {
.case-list-wrap{ width:90%; margin:0 auto; padding:100px 0 80px 0; display:table; }
.case-list-box{ width:30%; height:450px; margin:0 0 50px 2.5%; float:left; background:#d4d4d4; border-top-left-radius:10px; border-top-right-radius:10px; }
.case-list-img{ width:100%; height:400px; border-top-left-radius:5px; border-top-right-radius:5px; }
.case-list-box video{ width:100%; height:400px; display:block; object-fit:cover; border-top-left-radius:5px; border-top-right-radius:5px; }
.case-list-box li{ width:90%; margin:0 auto; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.case-list-box span{ padding-right:5px; font-weight:bold; }
.case-list-box a:hover{ width:100%; float:left; background:#0b1332; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; transition:all 0.5s ease; filter:brightness(85%); }
}

@media screen and (max-width:1900px) {
.case-list-wrap{ padding:70px 0 60px 0; }
.case-list-box{ height:250px; }
.case-list-img{ height:200px; }
.case-list-box video{ height:200px; }
}

@media screen and (min-width:1000px) {
/*案例内容页*/
.case-page-field{ width:85.5%; margin:0 auto; padding-top:40px; }
.case-page-field span{ width:18%; float:left; padding-right:2%; }
.case-page-field h4{ width:100%; margin:0 auto; float:left; padding:40px 0 10px 0; }
.case-page-field li{ width:100%; display:inline-block; line-height:30px; text-align:justify; }
.case-page-field p{ width:100%; display:inline-block; line-height:30px; text-align:justify; padding-bottom:20px; }
#center{ text-align:center; }
#right{ text-align:right; padding-right:0%; padding-left:2%; }

/*无图片描述*/
.case-page-pic{ width:90%; margin:0 auto; padding:80px 0; display:table; } 
.case-page-pic h1{ font-size:40px; text-align:center; color:#0b1332; padding-bottom:50px; }
.case-page-pic figure{ width:30%; margin:0 auto; float:left; margin:0 0 50px 2.5%; }
.case-page-pic figure img{ width:100%; float:left; padding:10px; background:#fff; box-sizing:border-box; }
.case-page-pic a:hover{ opacity:0.7; }

/*有图片描述*/
.case-page-pic-box{ width:30%; float:left; margin-left:2.5%; }
.case-page-pic-box figure{ width:100%; margin:0 auto; }
.case-page-pic-box figure img{ width:100%; margin:0 auto; padding:10px; background:#fff; box-sizing:border-box; }
.case-page-pic-box li{ width:90%; margin:0 auto; padding-top:10px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.case-page-pic-box a:hover{ opacity:0.7; }
}





/*手机端  max-winth:1000*/

@media screen and (max-width:1000px) {
/*案例&视频列表*/
.case-list-wrap{ width:100%; height:auto; margin:0 auto; padding:20px 0; display:table; }
.case-list-box{ width:90%; height:calc(25vh + 50px);  margin:0 auto; margin-bottom:50px; background:#ddd; border-top-left-radius:10px; border-top-right-radius:10px; }
.case-list-img{ width:100%; height:calc(25vh); border-top-left-radius:5px; border-top-right-radius:5px; }
.case-list-box video{ width:100%; height:calc(25vh); display:block; object-fit:cover; border-top-left-radius:5px; border-top-right-radius:5px; }
.case-list-box li{ width:90%; margin:0 auto; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.case-list-box span{ padding-right:5px; font-weight:bold; }

/*案例内容页*/
.nav-page-menu{ width:85%; margin:0 auto; padding-top:30px; }
.nav-page-menu dt{ font-size:20px; color:#0b1332; font-weight:bold; line-height:30px; background:url(/design/images/icon_t.png) no-repeat left; background-size:30px; padding-left:50px; margin-bottom:30px; }
.case-page-field{ width:85%; margin:0 auto; line-height:30px; background:url(/design/images/line_rendering.png) no-repeat center bottom; background-size:100%; padding-bottom:50px; display:table; }
.case-page-field span{ width:100%; float:left; }
.case-page-field h4{ width:100%; margin:0 auto; float:left; padding-top:20px; }
.case-page-field li{ text-align:justify;}
.case-page-field p{ padding-bottom:20px; text-align:justify; }

/*无图片描述*/
.case-page-pic{ width:85%; margin:0 auto; padding-top:50px; display:table; } 
.case-page-pic h1{ font-size:30px; text-align:center; color:#0b1332; padding-bottom:30px; }
.case-page-pic figure{ width:100%; margin:0 auto; float:left; padding-bottom:30px; }
.case-page-pic figure img{ width:100%; margin:0 auto; }

/*有图片描述*/
.case-page-pic-box{ width:100%; }
.case-page-pic-box figure img{ width:100%; margin:0 auto; }
.case-page-pic-box li{ width:90%; margin:0 auto; padding-top:10px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}