@charset "utf-8";
/* 
* author: DX.Lin
* http://www.openwbs.com/
* OpenWBS v4
*/

.h2 { color:#000; font-size:28px; font-weight:normal; height:24px; line-height:24px; padding:0px 0px 20px 0px; text-align:center;}
.h2::after, .h2::before { background-color:#ccc; content:""; display:inline-block; height:1px; margin:10px 20px; padding:0px; width:80px;}
.cates ul{ padding:10px 0px 15px 0px; zoom:1; overflow:auto; text-align:center;}
.cates ul li{ display:inline; padding:0px 5px;}
.cates ul li a{ background-color:#fff; border:1px solid #e6e6e6; display:inline-block; font-size:15px; height:24px; line-height:24px; padding:6px 26px;}
.cates ul li a:hover{ background-color:#e60021; border-color:#e60021; color:#fff; text-decoration:none;}

/*浜у搧*/
.ow-idx-product { background:#fff; padding:50px 0px;}
ul.ow-idx-product-list{ padding:20px 0px 0px 0px; zoom:1; overflow:auto; }
ul.ow-idx-product-list li{ float:left; margin:0px 25px 35px 0px; width:280px; position:relative; }
ul.ow-idx-product-list li.li4,
ul.ow-idx-product-list li.li8,
ul.ow-idx-product-list li.li12,
ul.ow-idx-product-list li.li16,
ul.ow-idx-product-list li.li20{ margin-right:0px;}
ul.ow-idx-product-list li .thumb a{ background-color:#fff; border:1px solid #e6e6e6; display:block; height:172px; width:278px; text-align:center; overflow:hidden;}
ul.ow-idx-product-list li .thumb a img{ height:172px; width:278px; }
ul.ow-idx-product-list li .thumb a:hover img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out; }
ul.ow-idx-product-list li .info{ padding:0px 0px 8px 0px;}
ul.ow-idx-product-list li h3{ font-size:16px; font-weight:normal; height:24px; line-height:24px; padding:18px 0px 8px 0px; overflow:hidden; text-align:center;}
ul.ow-idx-product-list li h3 a,
ul.ow-idx-product-list li h3 a:visited{ color:#222;}
ul.ow-idx-product-list li h3 a:hover{ color:#fc0000; text-decoration:none;}
ul.ow-idx-product-list li .subtitle{ color:#888; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-align:center;}

/*鏇村*/
.ow-idx-more{ font-size:20px; text-align:center; padding:10px 0px 0px 0px;}
.ow-idx-more a{}
.ow-idx-more a:hover{}

/*妗堜緥*/
.ow-idx-case{ background:#33363f url("../images/client-bg.jpg") center center no-repeat; padding:50px 0px;}
.ow-idx-case .header{ text-align:center; padding:0px 0px 20px 0px;}
.ow-idx-case .header .h2{ }
.ow-idx-case .header .summary{ color:#888; font-size:16px;}
.ow-idx-case .section{ position:relative; }
.ow-idx-case .section .case-wrapper{ height:290px; overflow:hidden; position:relative; top:0px; left:0px; width:1200px; }
.ow-idx-case .section ul.caselist{ padding:3px 2px 3px 2px; overflow:hidden; position:absolute; left:0px; top:0px; width:1200px; z-index:1; }
.ow-idx-case .section ul.caselist li{ float:left; width:280px; margin-right:25px; margin-bottom:0px; position:relative; vertical-align:top; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.15); box-shadow:0px 0px 3px rgba(0,0,0,0.15);}
.ow-idx-case .section ul.caselist .thumb{ background-color:#eee; height:172px; width:280px; text-align:center; overflow:hidden;}
.ow-idx-case .section ul.caselist .thumb img{ height:172px; width:280px;}
.ow-idx-case .section ul.caselist .info{ background-color:#fff; height:76px; padding:18px 15px 18px 15px; }
.ow-idx-case .section ul.caselist .info .title{ color:#222; font-size:18px; font-weight:normal; height:24px; line-height:24px; overflow:hidden; text-align:center;}
.ow-idx-case .section ul.caselist .info .subtitle{ color:#888; font-size:14px; height:44px; line-height:22px; overflow:hidden; padding-top:8px; text-align:center;}
.ow-idx-case .section ul.caselist a{ display:block;}
.ow-idx-case .section ul.caselist a:visited{}
.ow-idx-case .section ul.caselist a:hover{ color:#c60000; text-decoration:none; }
.ow-idx-case .section ul.caselist a:hover .title{ color:#c60000;}
.ow-idx-case .section ul.caselist a:hover .thumb img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-idx-case .prev{ background:url("../images/pic-player-pre-next.png") 0px 0px no-repeat; position:absolute; z-index:2; height:40px; width:32px; left:-60px; top:120px; cursor:pointer;}
.ow-idx-case .prev:hover{ background-position:0px -40px;}
.ow-idx-case .next{ background:url("../images/pic-player-pre-next.png") -32px 0px no-repeat; position:absolute; z-index:2; height:40px; width:32px; right:-60px; top:120px; cursor:pointer;}
.ow-idx-case .next:hover{ background-position:-32px -40px;}
.ow-idx-case .ow-idx-more{ margin-top:30px;}
.ow-idx-case .ow-idx-more a{}

/*鏂伴椈*/
.ow-idx-news{ background-color:#fff; padding:40px 0px 0px 0px;}
.ow-idx-news .section{ padding:20px 0px 0px 2px; zoom:1; overflow:auto;}
.ow-idx-news .section ul{ padding:0px;}
.ow-idx-news .section ul li{ background-color:#fff; float:left; height:210px; width:280px; margin-bottom:25px; margin-right:25px; position:relative;}
.ow-idx-news .section ul li.li4,
.ow-idx-news .section ul li.li8{ margin-right:0px;}
.ow-idx-news .section ul li .thumb a{ display:block; height:172px; width:280px; text-align:center; overflow:hidden;}
.ow-idx-news .section ul li .thumb a img{ height:163px; width:270px;padding:3px;border: 1px solid #ccc;}
.ow-idx-news .section ul li .title{font-size:16px; font-weight:normal; max-height:56px; line-height:28px; overflow:hidden; padding:10px 0px 0px 0px; text-align:center}
.ow-idx-news .section ul li .title a,
.ow-idx-news .section ul li .title a:visited{ color:#222;}
.ow-idx-news .section ul li .title a:hover{ text-decoration:none;}
.ow-idx-news .section ul li .summary{ color:#888; font-size:14px; max-height:48px; line-height:24px; overflow:hidden;}
.ow-idx-news .section ul li .datetime{ color:#999; font-size:12px;}
.ow-idx-news .section ul li:hover a,
.ow-idx-news .section ul li:hover a:visited{ color:#e60000;}
.ow-idx-news .section ul li:hover .summary{ color:#666;}
/*.ow-idx-news .section ul li:hover img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out; }*/

/*鍙嬫儏閾炬帴*/
.ow-flinks { background:#fff; border-top:1px solid #fafafa; margin:0px auto; padding:0 0 30px 0; }
.ow-flinks .section{ line-height:24px;}
.ow-flinks span{ color:#666; font-weight:bold; margin-right:5px;}
.ow-flinks a{ margin:0px 15px 0px 0px; white-space:nowrap;}
.ow-flinks a,
.ow-flinks a:visited{ color:#888;}
.ow-flinks a:hover { color:#222; text-decoration:none;}