@charset "utf-8";
/* CSS Document */
body{background-color: #f5f5f5;}

.tab{padding: 26px 16px;background: #fff;border-top: 1px solid #f1f1f1;margin-bottom: 20px;}
.tab ul{}
.tab li{ float: left; width: 25%; padding: 6px;}
.tab li a{font-size: 28px;color: #333;border: 1px solid #dddee3;border-radius: 20px;display: block;text-align: center;line-height: 60px;}
.tab li.on a{color: #fff; background: #0dbdbb; border-color: #0dbdbb;}

.caseList { }
.caseList ul {margin: 0;padding: 0;}
.caseList li {margin-bottom: 35px;}
.caseList li:last-of-type{border:none;}
.caseList li a {display: block;text-decoration: none;padding: 50px 50px 40px;background: #fff;}
.caseList li a .pic {margin-bottom: 25px;}
.caseList li a .pic img {width: 100%;border-radius: 20px;}
.caseList li a h2 {font-size: 40px;line-height: 50px;padding: 0 0px 25px;color: #000;margin: 0;}
.caseList li a .desc {font-size: 27px;line-height: 45px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;/* margin-bottom: 40px; */color: #333;margin: -5px 0 10px 0;}
.caseList li a .bdHull{}
.caseList li a .logo{float: left;margin-top: 5px;}
.caseList li a .logo img{height: 40px;}
.caseList li a .tag{float: right;}
.caseList li a .tag span{font-size: 23px;line-height: 40px;padding: 0px 14px;margin: 5px 0 5px 10px;display: block;float: left;color: #2894a6;background: #eaf8fa;border-radius: 10px;}
.caseList li a .tag span:first-of-type{margin-left: 0;}
.caseList li a .tag span:nth-of-type(3n+2){/* color: #508dd1; *//* background: #e9f1f8; */}
.caseList li a .tag span:nth-of-type(3n+3){color: #827767;background: #faf6f1;}
.caseList li a .date+.tag{float: none;width: 100%;}
.caseList li a .date{float: none;line-height: 30px;font-size: 24px;width: 100%;color: #9c9c9c;padding: 0 0 20px;border-bottom: 1px solid #000;margin-bottom: 30px;text-align: right;}
.caseList li a .date i{font-size: 30px;padding: 0 5px 0 0;vertical-align: top;}
.caseList li a .date span{float: left;}
.caseList li a .view{border: 0;float: right;width: auto;line-height: 50px;margin: 0;padding: 0;}
.caseList li a .view+.tag{float: left;width: auto;}

.page{ text-align:center; padding:10px 0 25px;}
.page .pages{float: none;width: auto;padding: 0;}
.page .pages a{font-size: 24px;color: #1a1a1a;height: 52px;line-height: 50px;border: 1px solid #b2b2b2;padding: 0 15px;margin: 0 10px;background: none;background: #fff;}
.page .pages a.disabled{ border-color: #39c5c6; background: #39c5c6; color: #fff;}