@charset "utf-8";
/* 
* Author: Lin xiao dong
* http://www.openwbs.com
*/
.mbody{ background:#fff; box-sizing:border-box; margin:0 auto; padding:30px 50px; max-width:1680px;  }
@media (max-width:1300px) {
	.ow-products-section{ padding-left:0; padding-right:0; }
}
.ow-case-cates{ padding:0px 0 20px 0;}
.ow-case-cates:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-case-cates h2{ color:#ff852a; font-size:20px; font-weight:normal; margin:0; padding:0 0 5px 0; text-align:center;}
.ow-case-cates h3{ color:#00091d; font-size:32px; margin:0; padding:0 0; text-align:center;}
.ow-case-cates ul{ display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:0; padding:15px 0 0 0;}
.ow-case-cates ul li{ display:inline-block; margin:0 0 0 -1px; padding:0;}
.ow-case-cates ul li a{ background:#fff; border:1px solid #e6e6e6; display:inline-block; font-size:15px; padding:10px 20px;}
.ow-case-cates ul li a:hover{ background:#ff852a; border-color:#ff852a; color:#fff; text-decoration:none;}
.ow-case-cates ul li.current a{ background:#ff852a; border-color:#ff852a; color:#fff; text-decoration:none;}

/**客户案例**/
.ow-case-section{ margin:0 -1%; padding:10px 0;}

/*商品列表*/
ul.ow-case-list{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; padding:0px;}
ul.ow-case-list li{ background:#fff; box-sizing:border-box; border:0px solid #e4e4e4; list-style:none; margin:0px 1% 50px 1%; padding:0; width:31%; position:relative; text-align:center; -webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.02); -moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.02); box-shadow:0px 0px 6px 3px rgba(0,0,0,0.02);}
ul.ow-case-list li:hover{ border-color:#ff852a; transition:0.5s; }
ul.ow-case-list li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
ul.ow-case-list li .thumb a{ box-sizing:border-box; display:block; height:100%; width:100%; overflow:hidden;}
ul.ow-case-list li .thumb a img{ box-sizing:border-box; background:#fff; height:100%; width:100%; padding:0; }
ul.ow-case-list li .info{ box-sizing:border-box; padding:15px 0px; text-align:center; }
ul.ow-case-list li .info h3{ font-size:18px; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
ul.ow-case-list li .info h3 a{ color:#222222; position:relative; z-index:1;}
ul.ow-case-list li .info h3 a:hover { color:#ff852a;}
ul.ow-case-list li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #ff852a; transition:0.5s; z-index:-1;}
ul.ow-case-list li .info h3 a:hover::before { width:100%;}
ul.ow-case-list li .subtitle{ color:#888; font-size:16px; margin:0; padding:0 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

/**详细页**/
.ow-page-main-section{ box-sizing:border-box; float:left; width:900px; }
.ow-page-main-section .ow-main-container{ min-height:600px; margin:0; padding:0 50px 0 0;}
.ow-page-main-section .ow-content-container{ min-height:600px; padding:0 50px 0 0;}

.ow-page-sider-section{ background:#fcfcfc; float:right; width:300px; }
.ow-page-sider-section .ow-sider-container{}

/*侧边分类*/
.ow-sider-cates{ background:#eff4f8; border-radius:5px; margin-bottom:20px; padding:15px 25px 25px 25px; }
.ow-sider-cates .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-sider-cates .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #ff852a;}
.ow-sider-cates ul{ margin:0; padding:8px 0;}
.ow-sider-cates ul li{ list-style:none; margin:0; padding:0;}
.ow-sider-cates ul li a{ color:#857f7a; display:block; font-size:16px; padding:5px 0px;}
.ow-sider-cates ul li a span{ margin-left:5px; font-size:15px; }
.ow-sider-cates ul li a:hover{ color:#ff852a; text-decoration:none;}
.ow-sider-cates ul li a:hover span.raquo{ color:#fff; }
.ow-sider-cates ul li.current a{ background-color:#ff852a; color:#fff;}
.ow-sider-cates ul li.current a span.raquo{ color:#fff; }

/*侧边广告*/
.ow-sider-hero{}
.ow-sider-hero a{}
.ow-sider-hero a img{ margin-bottom:20px; width:100%;}

/*热门阅读*/
.ow-sider-recent{ margin-bottom:20px;}
.ow-sider-recent .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-sider-recent .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #f60000;}
.ow-sider-recent ul{ margin:0; padding:0;}
.ow-sider-recent ul li{ border-bottom:1px dotted #ccc; list-style:none; margin:0; padding:20px 0px 20px 0px; zoom:1; overflow:auto;}
.ow-sider-recent ul li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-sider-recent ul li .thumb{ box-sizing:border-box; float:left; height:74px; width:120px; margin:0px 20px 0px 0px; overflow:hidden;}
.ow-sider-recent ul li .thumb img{ min-height:100%; width:100%;}
.ow-sider-recent ul li .info{}
.ow-sider-recent ul li .info h3{ font-size:15px; font-weight:normal; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.ow-sider-recent ul li .info h3 a{ position:relative; z-index:1;}
.ow-sider-recent ul li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #ff852a; transition:0.5s; z-index:-1;}
.ow-sider-recent ul li .info h3 a:hover::before { width:100%;}
.ow-sider-recent ul li .info .subtitle{ color:#888; font-size:12px; margin:0; padding:5px 0 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*热门阅读*/
.ow-sider-content-list{ margin-bottom:20px;}
.ow-sider-content-list .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-sider-content-list .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #ff852a;}
.ow-sider-content-list .bd{ 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; 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;}

/*tags*/
.ow-sider-tags{ margin-bottom:20px;}
.ow-sider-tags .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-sider-tags .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #ff852a;}
.ow-sider-tags .bd{ padding:10px 0px 10px 0px; }
.ow-sider-tags .bd a{ display:inline-block; margin:2px 10px 2px 0px;}
.ow-sider-tags .bd a,
.ow-sider-tags .bd a:visited{ color:#857f7a;}
.ow-sider-tags .bd a:hover{ color:#ff852a;}