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

body{ background-color:#fff; }

.ow-product-cates { background-color:#f4f4f4;}
.ow-product-cates ul{ margin:0; padding:0; }
.ow-product-cates ul li.n1{ display:inline-block; float:left; list-style:none; height:50px; line-height:50px; margin:0; padding:0; position:relative;}
.ow-product-cates ul li.n1 a{ display:block; font-size:16px; height:50px; line-height:50px; list-style:none; margin:0; padding:0px 15px;}
.ow-product-cates ul li.n1 a:hover{ background-color:#eee; text-decoration:none;}
.ow-product-cates ul li.n1.current a.n1{ background-color:#0067ed; border-color:#0067ed; color:#fff; text-decoration:none;}
.ow-product-cates ul li.n1 .caret{ margin-left:8px;}
.ow-product-cates ul li.n1 .subcates{ background:#fff; display:none; position:absolute; top:50px; left:0px; width:200px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 3px 5px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 3px 5px; box-shadow:rgba(0,0,0,0.2) 0px 3px 5px; z-index:100; }
.ow-product-cates ul li.n1 .subcates ul{ margin:0; padding:10px 0px; zoom:1; overflow:auto; }
.ow-product-cates ul li.n1 .subcates ul li{ display:block; list-style:none; margin:0; padding:0;}
.ow-product-cates ul li.n1 .subcates ul li a{ display:block; float:none; height:44px; line-height:44px; }

/**产品列表**/
.ow-product-list .hd { padding:30px 0; position:relative; }
.ow-product-list .hd h2{ color:#121212; font-size:18px; text-align:center;}
.ow-product-list .hd h3{ color:#222222; font-size:36px; text-align:center; padding-top:5px;}
.ow-product-list .cates{}
.ow-product-list .cates ul{ display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:0; padding:0;}
.ow-product-list .cates ul li{ display:inline-block; margin:0; padding:0px 6px 20px 6px;}
.ow-product-list .cates ul li a{ background:#fff; border:1px solid #e6e6e6; display:inline-block; font-size:16px; font-weight:bold; padding:12px 38px;}
.ow-product-list .cates ul li a:hover{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-product-list .cates ul li.current a{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}

/**产品一行4个**/
/*
.ow-product-list { background:#fff; box-sizing:border-box; margin:0 auto; padding:30px 0 60px 0; }
.ow-product-list ul{ display:flex; flex-wrap:wrap; padding:0px;}
.ow-product-list ul li{ background:#fff; box-sizing:border-box; border:1px solid #f2f2f2; float:left; margin:0px 20px 30px 0px; width:285px; position:relative; text-align:center; -webkit-box-shadow:0px 0px 6px 6px rgba(0,0,0,0.02); -moz-box-shadow:0px 0px 6px 6px rgba(0,0,0,0.02); box-shadow:0px 0px 6px 6px rgba(0,0,0,0.02);}
.ow-product-list ul li:hover{ border-color:#ccc; transition:0.5s; }
.ow-product-list ul li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-product-list ul li .thumb a{ box-sizing:border-box; display:block; height:421px; width:100%; overflow:hidden;}
.ow-product-list ul li .thumb a img{ box-sizing:border-box; background:#fff; height:100%; width:100%; padding:0; }
.ow-product-list ul li.li4,
.ow-product-list ul li.li8,
.ow-product-list ul li.li12,
.ow-product-list ul li.li16,
.ow-product-list ul li.li20,
.ow-product-list ul li.li24,
.ow-product-list ul li.li28,
.ow-product-list ul li.li32,
.ow-product-list ul li.li36,
.ow-product-list ul li.li40,
.ow-product-list ul li.li44,
.ow-product-list ul li.li48,
.ow-product-list ul li.li52,
.ow-product-list ul li.li56,
.ow-product-list ul li.li60,
.ow-product-list ul li.li64,
.ow-product-list ul li.li68,
.ow-product-list ul li.li72,
.ow-product-list ul li.li76,
.ow-product-list ul li.li80{ margin-right:0px;}
.ow-product-list ul li .info{ box-sizing:border-box; display:none; padding:5px 15px 20px 15px; text-align:center; }
.ow-product-list ul li .info h3{ font-size:16px; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-product-list ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-product-list ul li .info h3 a:hover { color:#0067ed;}
.ow-product-list 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-product-list ul li .info h3 a:hover::before { width:100%;}
.ow-product-list ul li .subtitle{ color:#888; padding:0 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-product-list .pager{ padding:50px 0px; text-align:center;}
@media (min-width:1500px) {
	.ow-product-list ul li{ margin:0px 30px 30px 0px; width:345px; }
	.ow-product-list ul li .thumb a{ height:513px; }
	.ow-product-list ul li .info h3{ font-size:18px;}
}
*/

/**产品一行5个**/
.ow-product-list { background:#fff; box-sizing:border-box; margin:0 auto; padding:30px 0 60px 0; }
.ow-product-list ul{ display:flex; flex-wrap:wrap; margin:0; padding:0px;}
.ow-product-list ul li{ background:#fff; box-sizing:border-box; border:1px solid #f2f2f2; float:left; list-style:none; margin:0px 20px 30px 0px; padding:0; width:224px; position:relative; text-align:center; -webkit-box-shadow:0px 0px 6px 6px rgba(0,0,0,0.02); -moz-box-shadow:0px 0px 6px 6px rgba(0,0,0,0.02); box-shadow:0px 0px 6px 6px rgba(0,0,0,0.02);}
.ow-product-list ul li:hover{ border-color:#0067ed; transition:0.5s; }
.ow-product-list ul li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-product-list ul li .thumb a{ box-sizing:border-box; display:block; height:222px; width:100%; overflow:hidden;}
.ow-product-list ul li .thumb a img{ box-sizing:border-box; background:#fff; height:100%; width:100%; padding:0; }
.ow-product-list ul li.li5,
.ow-product-list ul li.li10,
.ow-product-list ul li.li15,
.ow-product-list ul li.li20,
.ow-product-list ul li.li25,
.ow-product-list ul li.li30,
.ow-product-list ul li.li35,
.ow-product-list ul li.li40,
.ow-product-list ul li.li45,
.ow-product-list ul li.li50{ margin-right:0px;}
.ow-product-list ul li .info{ box-sizing:border-box; padding:5px 15px 20px 15px; text-align:center; }
.ow-product-list ul li .info h3{ font-size:16px; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-product-list ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-product-list ul li .info h3 a:hover { color:#0067ed;}
.ow-product-list 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-product-list ul li .info h3 a:hover::before { width:100%;}
.ow-product-list ul li .subtitle{ color:#888; padding:0 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-product-list .pager{ padding:50px 0px; text-align:center;}
@media (min-width:1500px) {
	.ow-product-list ul li{ margin:0px 30px 30px 0px; width:270px; }
	.ow-product-list ul li .thumb a{ height:268px; }
	.ow-product-list ul li .info h3{ font-size:18px;}
}

/**产品内容详细**/
.product-main{ height:600px;}
/*产品图片画廊*/
.product-gallery { float:left; height:600px; width:530px; }
.gallery { width:522px; position:relative; z-index:1;}
.gallery .gallery-view { border:1px solid #ccc; height:500px; width:500px; text-align:center; box-sizing:border-box;}
.gallery .gallery-view span.cloudzoom_wrap{ display:inline-block; height:500px; width:500px; position:relative;}
.gallery .gallery-view img { max-height:500px; max-width:500px; height:expression(this.height > 500 ? 500 : true); width:expression(this.width > 500 ? 500 : true);}
.gallery .gallery-view .mousetrap{ min-height:500px; min-width:500px; max-height:500px; max-width:500px; height:500px; width:500px; position:absolute; left:0px;}
.gallery .gallery-view a.cloud-zoom{ display:block; max-height:500px; max-width:500px; position:absolute; overflow:hidden;}
.gallery .gallery-view .cloud-zoom-big { background:#fff; border:1px solid #ccc; height:500px; width:500px; left:500px; top:-1px;}
.gallery .gallery-view .cloud-zoom-lens{ background:#fff;}
.gallery .gallery-list{ height:100px; width:520px; margin:10px 0px; position:absolute; overflow:hidden;}
.gallery .gallery-list ul{ list-style:none; margin:0; padding:0; zoom:1; overflow:auto; position:absolute;}
.gallery .gallery-list li{ background:#fff; border:1px solid #cdcdcd; float:left; height:90px; width:90px; margin:0px 10px 10px 0px; overflow:hidden; text-align:center; box-sizing:content-box;}
.gallery .gallery-list li a{ display:block;}
.gallery .gallery-list li img{ max-height:90px; max-width:90px;}
.gallery .gallery-list li.current{ border:1px solid #C30008; height:90px; width:90px;}
.gallery .gallery-list a.turner { background-image:url("../images/turner-pre-next.png"); display:inline-block; height:30px; position:absolute; top:30px; width:24px;}
.gallery .gallery-list a.prev{ left:0px;}
.gallery .gallery-list a.prev:hover {background-position:0px 30px;}
.gallery .gallery-list a.next{ background-position:24px 0px; right:5px;}
.gallery .gallery-list a.next:hover {background-position:24px 30px;}

.product-info{ float:left; width:670px; }
.product-info h1{ font-size:20px;}
.product-info .summary{ padding:20px 0px;}
.product-info .action{ padding:5px 0px;}
.product-info .action .button{ background:#fafafa; border:1px solid #e3e3e3; display:inline-block; font-size:16px; height:40px; line-height:40px; padding:0px 25px; text-align:center;}
.product-info .action .button:hover{ color:#000; text-decoration:none;}
.product-info .share{ border-top:1px dotted #e3e3e3; margin:20px 0px 0px 0px; padding:10px 0px 0px 0px;}

.product-content{ border-top:1px solid #e3e3e3; margin:15px 0px; padding:15px 0px;}
.product-content .content{ font-size:16px; line-height:200%; margin:0px 0px 0px 0px; padding:20px 0px 20px 0px; word-break:break-all; word-wrap:break-word;}
.product-content .content img{}
.product-content .tags { font-size:14px; padding:5px 0px;}
.product-content .tags a{ margin:0px 5px 0px 0px;}
.product-content .pager { margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; text-align:center;}
.product-content .prev-next{ border-top:1px dotted #ddd; font-size:14px; margin:20px 0px 10px 0px; padding:10px 0px;}
.product-content .prev-next .prev{ height:24px; padding:4px 0px;}
.product-content .prev-next .next{ height:24px; padding:4px 0px;}

/*相关内容*/
.ow-related-content{ border-top:1px solid #ddd; padding:10px 0px 20px 0px;}
.ow-related-content .header{ font-size:16px; font-weight:normal;}

















