@charset "utf-8";
 
.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:#0444A3; 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:#0444A3; border-color:#0444A3; color:#fff; text-decoration:none;}
.ow-case-cates ul li.current a{ background:#0444A3; border-color:#0444A3; 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:left; 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:20%; 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:#0444A3; 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:15px; font-weight: normal;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:#0444A3;}
ul.ow-case-list li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #0444A3; 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 #0444A3;}
.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:#0444A3; text-decoration:none;}
.ow-sider-cates ul li a:hover span.raquo{ color:#fff; }
.ow-sider-cates ul li.current a{ color:#0444A3;}
.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;padding: 0 25px;}
.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 #0444A3;}
.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; 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:100px; width:100px; 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 #0444A3; 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;padding: 0 25px;}
.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 #0444A3;}
.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 #0444A3;}
.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:#0444A3;}

/*.goods-gallery{ box-sizing:border-box; margin:0; padding:0; position:relative; width:600px;margin-left: 100px; }
.gallery-goods { position:relative; z-index:1;}
.gallery-goods .gallery-view { background-color:#f6f6f6; border-radius:5px; border:0px solid #ccc; box-sizing:border-box; height:600px; width:600px; z-index:1; text-align:center; display:flex; flex-direction:row; align-items:center; align-content:center; justify-content:center;}
.gallery-goods .gallery-view span.cloudzoom_wrap{ display:inline-block; display:flex; justify-content:center; height:600px; width:600px; position:relative;}
.gallery-goods .gallery-view a.cloud-zoom{ display:block; max-height:600px; max-width:600px; position:absolute; overflow:hidden;}
.gallery-goods .gallery-view img { border-radius:5px; max-height:600px; max-width:600px; height:expression(this.height > 600 ? 600 : true); width:expression(this.width > 600 ? 600 : true);}
.gallery-goods .gallery-view .mousetrap{ min-height:600px; min-width:600px; max-height600px; max-width:600px; height:600px; width:600px; position:absolute; left:0px;}
.gallery-goods .gallery-view .cloud-zoom-big { background:#fff; border:1px solid #ccc; height:600px; width:600px; left:600px; top:-1px;}
.gallery-goods .gallery-view .cloud-zoom-lens{ background:#fff;}
.gallery-goods .gallery-list{ padding:20px 0 20px 0; }
.gallery-goods .gallery-list:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}

.gallery-goods .gallery-list ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; }
.gallery-goods .gallery-list ul li{ background:#fff; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; display:inline-block; list-style:none; height:90px; width:90px; margin:0px 12px 12px 0px; padding:0; overflow:hidden; text-align:center;}
.gallery-goods .gallery-list ul li:hover{ border-color:#666;}
.gallery-goods .gallery-list ul li:hover img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out; }
.gallery-goods .gallery-list ul li a { display:block;}
.gallery-goods .gallery-list ul li img { height:89px; width:89px; }
.gallery-goods .gallery-list ul li.current { border:2px solid #333;}
.gallery-goods .gallery-list ul li.current img { height:88px; width:88px; }
.gallery-goods .gallery-list a.turner { display:none; height:32px; position:absolute; left:17px; width:40px;}
.gallery-goods .gallery-list a.prev { top:0px;}
.gallery-goods .gallery-list a.prev:hover {background-position:40px 0px;}
.gallery-goods .gallery-list a.next { bottom:0px; background-position:0px -32px;}
.gallery-goods .gallery-list a.next:hover {background-position:40px -32px;}*/
.navtitle{ font-size:24px;position: relative;border-bottom: 1px solid #eee;
     
    font-weight: bold;
    padding: 10px 0px; }
.navtitle::before {
    content: "";
    position: absolute;
    width: 25%;
    height: 0px;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #0444A3;
}
.goods-gallery{ margin-top:30px; padding:0px 0 0 0px; position:relative;}
.gallery-goods { position:relative; z-index:1;}
.gallery-goods .gallery-view { background-color:#f6f6f6; box-shadow: 0 0 7px 4px #f5f5f5; position:absolute; top:0px; z-index:1; text-align:center;}
.gallery-goods .gallery-view span.cloudzoom_wrap{ display:inline-block; display:flex; justify-content:center; position:relative;}
.gallery-goods .gallery-view a.cloud-zoom{ display:block; position:absolute; overflow:hidden;}
.gallery-goods .gallery-view a.cloud-zoom{ display:inline-block; display:flex; justify-content:center; position:relative;}
.gallery-goods .gallery-view img {}
.gallery-goods .gallery-view .mousetrap{ position:absolute; left:0px;}
.gallery-goods .gallery-view .cloud-zoom-big { background:#fff; border:1px solid #ccc; top:-1px;}
.gallery-goods .gallery-view .cloud-zoom-lens{ background:#fff;}
.gallery-goods .gallery-list{ margin:0px; overflow:hidden; padding:0px; overflow:hidden; position:absolute; left:0px; top:-12px; }

.gallery-goods .gallery-list ul { padding:0px; zoom:1; overflow:hidden; position:absolute;}
.gallery-goods .gallery-list ul li { background:#fff; border:1px solid #ccc; box-sizing:border-box; float:left; margin:0px 0px 16px 0px; overflow:hidden; text-align:center;}
.gallery-goods .gallery-list ul li a { display:block;}
.gallery-goods .gallery-list ul li img { height:100%; width:100%; }
.gallery-goods .gallery-list ul li.current { border:1px solid #fc0000;}
.gallery-goods .gallery-list a.turner { display:none; height:32px; position:absolute; left:30px; width:40px;}
.gallery-goods .gallery-list a.prev { top: 0px;
    background: url(../images/toleft.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 13px;
    z-index: 30;
    width: 36px;
    height: 36px;
    border-radius: 2rem;
    background-color: black;
    text-align: center;
   
    opacity: .5;}
/*.gallery-goods .gallery-list a.prev:hover {background-position:40px 0px;}*/
.gallery-goods .gallery-list a.next { bottom:0px;  background: url(../images/xia.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 13px;
    z-index: 30;
    width: 36px;
    height: 36px;
    border-radius: 2rem;
    background-color: black;
    text-align: center;
   
    opacity: .5;}
/*.gallery-goods .gallery-list a.next:hover {background-position:40px -32px;}*/

 

.goods-gallery{ height:600px; margin-left: 60px;margin-bottom: 30px;}
.gallery-goods .gallery-view { height:600px; width:600px; left:115px; }
.gallery-goods .gallery-view span.cloudzoom_wrap{ height:600px; width:600px;}
.gallery-goods .gallery-view a.cloud-zoom{ max-height:600px; max-width:600px;}
.gallery-goods .gallery-view img { max-height:600px; max-width:600px; height:expression(this.height > 600 ? 600 : true); width:expression(this.width > 600 ? 600 : true);}
.gallery-goods .gallery-view .mousetrap{ min-height:600px; min-width:600px; max-height:600px; max-width:600px; height:600px; width:600px;}
.gallery-goods .gallery-view .cloud-zoom-big { height:600px; width:600px; left:0;}
.gallery-goods .gallery-list{ height:600px; width:100px; }
.gallery-goods .gallery-list ul { height:600px; }
.gallery-goods .gallery-list ul li { height:100px; width:100px; }