@charset "utf-8";
/* CSS Document */

body{background: #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 .row { }
.caseList ul {/* padding: 20px 0 0 0; */}
.caseList li {padding: 0 0 20px;border: none!important;}
.caseList li a {display: block;background: #FFF;border-radius: 0;padding: 50px 50px 30px;}
.caseList li a h2 {font-size: 40px;line-height: 50px;color: #000;/* font-weight: 600; */padding: 0 0px 25px;}
.caseList li a .hd {font-size: 24px;color: #959595;line-height: 30px;padding: 30px 0px 0px 0px;}
.caseList li a .hd span { float: right; }
.caseList li a .hd span i { font-size: 30px; margin-right: 10px; vertical-align: top; }
.caseList li a .desc { font-size: 34px; color: #626262; line-height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: 152px; margin-bottom: 50px; display: none; }
.caseList li a .pic { height: 360px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 20px;}
.caseList li a .pic img { width: 100%; border-radius: 20px; }
.caseList li a .bd { font-size: 25px; color: #959595; line-height: 30px; }
.caseList li a .bd span { }
.caseList li a .bd span i { font-size: 30px; vertical-align: initial; }
.caseList li a .bd span.thumb { float: right; }
.caseList li a .bd span.thumb i { }
.caseList li a .bd span.mess { float: right;/* min-width: 90px; */ margin-right: 20px; }
.caseList li a .bd span.mess i { }
.caseList li a .bd span.num { float: left; }
.caseList li a .bd span.num i { }