@charset "utf-8";
/* 
* Author: Lin xiao dong
* http://www.openwbs.com
*/
body{ background-color:#f4f4f4; }
.mbody-content{ background:#f0f0f0;}
.ow-page-left-section{ background:#fcfcfc; border:1px solid #e6e6e6; float:left; margin-bottom:30px; width:298px; }
.ow-page-left-section .ow-left-container{}
.ow-page-right-section{ background:#fff; border:1px solid #e6e6e6; float:right; margin-bottom:30px; width:898px; }
.ow-page-right-section .ow-right-container{ min-height:800px; padding:20px 30px;}
.ow-page-right-section .ow-content-container{ min-height:800px; padding:15px 30px;}
.ow-page-right-section .ow-right-container h1.hd{ border-bottom:1px solid #eee; font-size:24px; font-weight:normal; margin-bottom:15px;}
@media (min-width:1500px) {
	.ow-page-left-section{ width:328px;}
	.ow-page-right-section{ width:1138px;}
	.ow-page-right-section .ow-right-container{ padding:15px 40px;}
	.ow-page-right-section .ow-content-container{ padding:20px 40px;}
}

.ow-case-header{}
.ow-case-header h1{ color:#222222; font-size:36px; text-align:center; margin:0; padding:0 0 10px 0;}
.ow-case-header h2{ color:#666666; font-size:18px; font-weight:normal; text-align:center; margin:0; padding:0 0 20px 0;}
.ow-case-header ul{ display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:0; padding:15px 0 20px 0;}
.ow-case-header ul li{ display:inline-block; list-style:none; margin:0; padding:0px 6px 20px 6px;}
.ow-case-header ul li a{ background:#fff; border:1px solid #e6e6e6; display:inline-block; font-size:16px; font-weight:bold; padding:12px 38px;}
.ow-case-header ul li a:hover{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-case-header ul li.current a{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}

/**客户案例**/
.ow-case-list{ padding:30px 0 60px 0;}
.ow-case-list ul{ box-sizing:border-box; margin:0; padding:0; }
.ow-case-list ul li{ box-sizing:border-box; border:0; float:left; list-style:none; margin:0; margin-right:20px; margin-bottom:20px; padding:0; height:285px; width:285px; position:relative; -webkit-box-shadow:0px 0px 6px 6px rgba(0,0,0,0.03); -moz-box-shadow:0px 0px 6px 6px rgba(0,0,0,0.03); box-shadow:0px 0px 6px 6px rgba(0,0,0,0.03);}
.ow-case-list ul li::before{ content:""; position:absolute; width:100%; height:50%; left:0; bottom:0px; background:linear-gradient(transparent, #111),linear-gradient(transparent, #111); opacity:0.5; z-index:1;}
.ow-case-list ul li .thumb{ height:100%; width:100%; position:relative; overflow:hidden;}
.ow-case-list ul li .thumb img{ height:100%; width:100%;}
.ow-case-list ul li:hover .thumb img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out;}
.ow-case-list ul li.li4,
.ow-case-list ul li.li8,
.ow-case-list ul li.li12,
.ow-case-list ul li.li16,
.ow-case-list ul li.li20,
.ow-case-list ul li.li24,
.ow-case-list ul li.li28,
.ow-case-list ul li.li32,
.ow-case-list ul li.li36,
.ow-case-list ul li.li40{ margin-right:0;}
.ow-case-list ul li .info{ padding:0px 25px 20px 25px; position:absolute; bottom:0; left:0; z-index:1; }
.ow-case-list ul li .info h3{ font-size:16px; line-height:160%; margin:0; padding:0px 0px 5px 0px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ow-case-list ul li .info h3 a,
.ow-case-list ul li .info h3 a:visited{ color:#fff; position:relative; z-index:1;}
.ow-case-list ul li .info h3 a:hover  { color:#fff;}
.ow-case-list ul li .info h3 a::before{ content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #fff; transition:0.5s; z-index:-1;}
.ow-case-list ul li .info h3 a:hover::before { width:100%;}
.ow-case-list ul li .datetime{ color:#fff;  position:relative;}
.ow-case-list .pager{ padding:50px 0px; text-align:center;}
@media (min-width:1500px) {
	.ow-case-list ul li{ margin-right:30px; margin-bottom:30px; height:345px; width:345px;}
	.ow-case-list ul li .info h3{ font-size:18px;}
}


/*侧边分类*/
.ow-sider-cates{ margin-bottom:30px; padding:20px; }
.ow-sider-cates .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px;}
.ow-sider-cates ul{ margin:0; padding:0; }
.ow-sider-cates ul li{ list-style:none; margin:0; padding:0; }
.ow-sider-cates ul li a{ border-bottom:1px solid #eee; display:block; font-size:16px; height:24px; line-height:24px; padding:10px 10px;}
.ow-sider-cates ul li a span.raquo{ color:#fc0000; float:right; font-size:14px; max-width:20px;}
.ow-sider-cates ul li a:hover{ background-color:#0067ed; color:#fff; text-decoration:none;}
.ow-sider-cates ul li a:hover span.raquo{ color:#fff; }
.ow-sider-cates ul li.current a{ background-color:#0067ed; color:#fff;}
.ow-sider-cates ul li.current a span.raquo{ color:#fff; }

/*侧边广告*/
.ow-sider-hero{}
.ow-sider-hero a{ display:block;}
.ow-sider-hero a img{ margin-bottom:15px; width:100%;}
@media (min-width:1500px) {
	.ow-sider-hero{ }
}

/*tags*/
.ow-sider-tags{ margin-bottom:30px; padding:10px 20px; }
.ow-sider-tags .hd{ border-bottom:1px solid #eee; font-size:16px; font-weight:bold; height:24px; line-height:24px; padding:8px 0px;}
.ow-sider-tags .section{ padding:8px 0px 15px 0px; }
.ow-sider-tags .section a{ display:inline-block; margin:2px 10px 2px 0px;}
.ow-sider-tags .section a,
.ow-sider-tags .section a:visited{ color:#5382a5;}

/*热门阅读*/
.ow-sider-content-list{ margin-bottom:30px; padding:10px 20px; }
.ow-sider-content-list .hd{ font-size:16px; font-weight:bold;}
.ow-sider-content-list .section{ padding:5px 0px;}
.ow-sider-content-list ul{ margin:0; padding:0; }
.ow-sider-content-list ul li{ border-bottom:1px dotted #eee; font-size:14px; font-weight:normal; list-style:none; margin:0; padding:0; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ow-sider-content-list ul li em{ font-style:normal; padding-right:10px;}
.ow-sider-content-list ul li.li-1 em{ color:#f50000; font-weight:bold;}
.ow-sider-content-list ul li.li-2 em{ color:#f50000;}
.ow-sider-content-list ul li.li-3 em{ color:#f08200;}

/**内容详细**/
.ow-content-container{}
.ow-content-container h1.title{ font-size:26px; }
.ow-content-container .byline{ color:#aaa; font-size:14px;}
.ow-content-container .byline span{ border-right:1px solid #bbb; display:inline-block; height:12px; line-height:12px; margin:0px 8px 0px 0px; padding:0px 8px 0px 0px;}
.ow-content-container .byline span.views{ border-right:none; }
.ow-content-container .byline a,.ow-content-container .byline a:visited { color:#aaa;}
.ow-content-container .byline a:hover{ color:#333; text-decoration:none;}
.ow-content-container .content{ font-size:16px; line-height:200%; margin:0px 0px 0px 0px; padding:15px 0px 20px 0px; word-break:break-all; word-wrap:break-word;}
.ow-content-container .content p{ margin-bottom:1.8%;}
.ow-content-container .content img{}
.ow-content-container .tags { font-size:14px; padding:5px 0px;}
.ow-content-container .tags a{ margin:0px 5px 0px 0px;}
.ow-content-container .pager { margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; text-align:center;}
.ow-content-container .prev-next{ border-top:1px dotted #ddd; font-size:14px; margin:20px 0px 10px 0px; padding:10px 0px;}
.ow-content-container .prev-next .prev{ height:24px; padding:4px 0px;}
.ow-content-container .prev-next .next{ height:24px; padding:4px 0px;}

/**附件**/
.attachment{ font-size:14px;}
.attachment .attachment-doc{ padding-bottom:10px;}
.attachment .attachment-doc a{ margin-left:3px;}
.attachment .attachment-doc a,
.attachment .attachment-doc a:visited{ color:#0067ed; }

/*相关内容*/
.ow-related-content{ padding:0px 0px 20px 0px;}
.ow-related-content .hd{ font-size:16px; font-weight:bold; padding:10px 0px 5px 0px;}
.ow-related-content ul{ margin:0; padding:0; }
.ow-related-content ul li{ box-sizing:border-box; border-bottom:1px solid #fafafa; display:block; float:left; list-style:none; margin:0; padding:8px 0px; width:50%;}
.ow-related-content ul li a{ display:block; float:left; font-size:15px; font-weight:normal; padding-left:10px; position:relative; max-width:calc(100% - 50px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ow-related-content ul li a:hover { color:#0067ed; }
.ow-related-content ul li a::before { content:''; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}