@charset "utf-8";
/* 
* Author: Lin xiao dong
* http://www.openwbs.com
*/


/**客户案例**/
.ow-case-list { box-sizing:border-box; margin:0 auto; padding:0 0 10px 0; }
.ow-case-list .hd { padding:0 0; position:relative; }
.ow-case-list .hd h2{ color:#000; font-size:26px; display:inline-block; margin:0; padding:0 0 0 15px; position:relative; }
.ow-case-list .hd h2::before{ content:""; position:absolute;  border-left:5px solid #0166ff; height:28px; top:11px; left:0; }
.ow-case-list .hd h3{ display:inline-block; font-size:16px; font-weight:normal; margin:0; padding:0 0 0 15px; }
.ow-case-list .cates{}
.ow-case-list .cates ul{ display:flex; flex-wrap:wrap; margin:0; padding:20px 0 0 0;}
.ow-case-list .cates ul li{ display:inline-block; list-style:none; margin:0; padding:0px 10px 10px 0;}
.ow-case-list .cates ul li a{ background:#fff; border:1px solid #e2e2e2; border-radius:5px; display:inline-block; font-size:16px; padding:8px 20px;}
.ow-case-list .cates ul li a:hover{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-case-list .cates ul li.current a{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-case-list .bd{ padding:15px 0px 0px 0px;}
.ow-case-list .bd ul{ display:flex; flex-wrap:wrap; margin:0; padding:0px;}
.ow-case-list .bd ul li{ box-sizing:border-box; float:left; list-style:none; margin:0px 20px 20px 0px; padding:0; width:224px; position:relative;}
.ow-case-list .bd ul li:hover{ border-color:#0067ed; transition:0.5s; }
.ow-case-list .bd ul li:hover img{ background:#eee; transform:scale(1.12,1.12); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-case-list .bd ul li .thumb a{ box-sizing:border-box; border-radius:10px; display:block; height:222px; width:100%; overflow:hidden;}
.ow-case-list .bd ul li .thumb a img{ box-sizing:border-box; background:#fff; height:100%; width:100%; padding:0; }
.ow-case-list .bd ul li .info{ box-sizing:border-box; padding:10px 0px 10px 0px; }
.ow-case-list .bd ul li .info h3{ font-size:16px; font-weight:normal; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-case-list .bd ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-case-list .bd ul li:hover .info h3 a,
.ow-case-list .bd ul li .info h3 a:hover { color:#0067ed;}
.ow-case-list .bd ul li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #0067ed; transition:0.5s; z-index:-1;}
.ow-case-list .bd ul li .info h3 a:hover::before { width:100%;}
.ow-case-list .bd ul li .info .subtitle{ color:#666; font-size:14px; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
@media (min-width:1500px) {
	.ow-case-list .bd ul li{ margin:0px 30px 30px 0px; width:260px; }
	.ow-case-list .bd ul li .thumb a{ height:258px; }
	.ow-case-list .bd ul li .info h3{ }
}
.ow-case-list .pager{ padding:20px 0 30px 0; }

/*相关内容*/
.ow-related-content{ padding:20px 0px 20px 0px;}
.ow-related-content .hd { padding:0 0; position:relative; }
.ow-related-content .hd h4{ color:#000; font-size:20px; display:inline-block; margin:0; padding:0 0 0 15px; position:relative; }
.ow-related-content .hd h4::before{ content:""; position:absolute;  border-left:5px solid #0166ff; height:20px; top:9px; left:0; }
