@charset "utf-8";
/* 
* Author:lin xiao dong (1071322670@qq.com)
* https://www.openwbs.com/
*/
/****/
/**首页banner**/
.ow-banner{ clear:both; margin-top:15px; position:static;}
.ow-banner .slidebox{ background:#fafafa; margin:0px auto; overflow:hidden; position:relative; }
.ow-banner .slidebox .hd{ height:18px; line-height:18px; position:absolute; bottom:5px; z-index:2; text-align:center; width:100%; text-align:center; }
.ow-banner .slidebox .hd ul{ margin:0; padding:0;}
.ow-banner .slidebox .hd li{ background-color:#999; box-sizing:border-box; display:inline-block; font-size:0px; height:10px; line-height:10px; margin:0px 3px; padding:0; width:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; vertical-align:top; }
.ow-banner .slidebox .hd li:hover { background-color:#fff; border:2px solid #666; }
.ow-banner .slidebox .hd li.on { background-color:#fff; border:2px solid #666;}
.ow-banner .slidebox .bd{ position:relative; z-index:1; text-align:center; width:100%; }
.ow-banner .slidebox .bd ul{ margin:0; padding:0; }
.ow-banner .slidebox .bd ul li{ list-style:none; margin:0; padding:0; position:relative; text-align:center;  }
.ow-banner .slidebox .bd ul li img{ background:url("../images/loading.gif") center center no-repeat; border-radius:5px; vertical-align:top; min-height:100px; width:100%;}
.ow-banner .slidebox .bd ul li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

/**富文本**/
.ow-rich-text{ box-sizing:border-box; margin:0; padding:0 0; clear:both;}

/**产品**/
.ow-product { box-sizing:border-box; margin:0 auto; padding:10px 0 10px 0; }
.ow-product .hd { padding:0 0; position:relative; }
.ow-product .hd h2{ color:#000; font-size:26px; display:inline-block; margin:0; padding:0 0 0 15px; position:relative; }
.ow-product .hd h2::before{ content:""; position:absolute;  border-left:5px solid #0166ff; height:28px; top:11px; left:0; }
.ow-product .hd h3{ display:inline-block; font-size:16px; font-weight:normal; margin:0; padding:0 0 0 15px; }
.ow-product .cates{}
.ow-product .cates ul{ display:flex; flex-wrap:wrap; margin:0; padding:20px 0 0 0;}
.ow-product .cates ul li{ display:inline-block; list-style:none; margin:0; padding:0px 10px 10px 0;}
.ow-product .cates ul li a{ background:#fff; border:1px solid #e2e2e2; border-radius:5px; display:inline-block; font-size:16px; padding:8px 20px;}
.ow-product .cates ul li a:hover{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-product .cates ul li.current a{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-product .bd{ padding:15px 0px 0px 0px;}
.ow-product .bd ul{ display:flex; flex-wrap:wrap; margin:0; padding:0px;}
.ow-product .bd ul li{ background:#fff; box-sizing:border-box; border:1px solid #e4e4e4; float:left; list-style:none; margin:0px 20px 20px 0px; padding:0; width:224px; position:relative; -webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03); -moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03); box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03);}
.ow-product .bd ul li:hover{ border-color:#0067ed; transition:0.5s; }
.ow-product .bd ul li:hover img{ background:#eee; transform:scale(1.12,1.12); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-product .bd ul li .thumb a{ box-sizing:border-box; display:block; height:222px; width:100%; overflow:hidden;}
.ow-product .bd ul li .thumb a img{ box-sizing:border-box; background:#fff; border-radius:5px; height:100%; width:100%; padding:0; }
.ow-product .bd ul li .info{ box-sizing:border-box; padding:15px 20px 15px 20px; }
.ow-product .bd ul li .info h3{ font-size:16px; font-weight:normal; margin:0; padding:0 0 5px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-product .bd ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-product .bd ul li:hover .info h3 a,
.ow-product .bd ul li .info h3 a:hover { color:#0067ed;}
.ow-product .bd 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 .bd ul li .info h3 a:hover::before { width:100%;}
.ow-product .bd ul li .subtitle{ color:#888; padding:0 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
@media (min-width:1500px) {
	.ow-product .bd ul li{ margin:0px 30px 30px 0px; width:260px; }
	.ow-product .bd ul li .thumb a{ height:258px; }
	.ow-product .bd ul li .info h3{ }
}

.ow-introduce-style2{ box-sizing:border-box; padding:0px 30px 50px 0;}
.ow-introduce-style2:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-style2 .wrapper{ background:#fff; border:1px solid #e4e4e4; -webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03); -moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03); box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03);}
.ow-introduce-style2 .ow-label-content-box{ height:100%;}
.ow-introduce-style2 .ow-label-content-box:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-style2 .imgbox{ box-sizing:border-box; display:flex; justify-content:center; align-items:center; float:left; min-height:400px; height:100%!important; width:42%; max-width:500px; position:relative; }
.ow-introduce-style2 .imgbox img{}
.ow-introduce-style2 .infobox{ box-sizing:border-box; float:left; width:58%; padding:25px 30px 30px 50px;}
.ow-introduce-style2 .infobox h5{ color:#121212; font-size:18px; font-weight:normal; margin:0; padding:0 0 0px 0; }
.ow-introduce-style2 .infobox h5 a,
.ow-introduce-style2 .infobox h5 a:visited{ color:#121212;}
.ow-introduce-style2 .infobox h2{ color:#222222; font-size:28px; margin:0; padding:0 0 5px 0;}
.ow-introduce-style2 .infobox h2 a,
.ow-introduce-style2 .infobox h2 a:visited{ color:#222222; }
.ow-introduce-style2 .infobox h4{ color:#222222; font-size:20px; margin:0; padding:0;}
.ow-introduce-style2 .infobox h4 a,
.ow-introduce-style2 .infobox h4 a:visited{ color:#121212; }
.ow-introduce-style2 .infobox .p-text{ color:#666; font-size:16px; font-weight:normal; padding:0 0 10px 0;}
.ow-introduce-style2 .infobox .l-text{ color:#666; font-size:16px; font-weight:normal; padding:0 0 0px 0;}
.ow-introduce-style2 .infobox .l-button{ }
.ow-introduce-style2 .infobox .l-button a{ box-sizing:border-box; background:#0067ed; color:#fff; border-radius:5px; display:inline-block; font-size:18px; margin-top:20px; padding:10px 45px; text-align:center; }
.ow-introduce-style2 .infobox .l-button a:hover{ background:#00235c;}


/**案例**/
.ow-cases { box-sizing:border-box; margin:0 auto; padding:10px 0 10px 0; }
.ow-cases .hd { padding:0 0; position:relative; }
.ow-cases .hd h2{ color:#000; font-size:26px; display:inline-block; margin:0; padding:0 0 0 15px; position:relative; }
.ow-cases .hd h2::before{ content:""; position:absolute;  border-left:5px solid #0166ff; height:28px; top:11px; left:0; }
.ow-cases .hd h3{ display:inline-block; font-size:16px; font-weight:normal; margin:0; padding:0 0 0 15px; }
.ow-cases .cates{}
.ow-cases .cates ul{ display:flex; flex-wrap:wrap; margin:0; padding:20px 0 0 0;}
.ow-cases .cates ul li{ display:inline-block; list-style:none; margin:0; padding:0px 10px 10px 0;}
.ow-cases .cates ul li a{ background:#fff; border:1px solid #e2e2e2; border-radius:5px; display:inline-block; font-size:16px; padding:8px 20px;}
.ow-cases .cates ul li a:hover{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-cases .cates ul li.current a{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-cases .bd{ padding:15px 0px 0px 0px;}
.ow-cases .bd ul{ display:flex; flex-wrap:wrap; margin:0; padding:0px;}
.ow-cases .bd ul li{ box-sizing:border-box; float:left; list-style:none; margin:0px 20px 20px 0px; padding:0; width:224px; position:relative;}
.ow-cases .bd ul li:hover{ border-color:#0067ed; transition:0.5s; }
.ow-cases .bd ul li:hover img{ background:#eee; transform:scale(1.12,1.12); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-cases .bd ul li .thumb a{ box-sizing:border-box; border-radius:10px; display:block; height:222px; width:100%; overflow:hidden;}
.ow-cases .bd ul li .thumb a img{ box-sizing:border-box; background:#fff; height:100%; width:100%; padding:0; }
.ow-cases .bd ul li .info{ box-sizing:border-box; padding:10px 0px 10px 0px; }
.ow-cases .bd ul li .info h3{ font-size:16px; font-weight:normal; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-cases .bd ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-cases .bd ul li:hover .info h3 a,
.ow-cases .bd ul li .info h3 a:hover { color:#0067ed;}
.ow-cases .bd 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-cases .bd ul li .info h3 a:hover::before { width:100%;}
.ow-cases .bd ul li .info .subtitle{ color:#666; font-size:14px; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
@media (min-width:1500px) {
	.ow-cases .bd ul li{ margin:0px 30px 30px 0px; width:260px; }
	.ow-cases .bd ul li .thumb a{ height:258px; }
	.ow-cases .bd ul li .info h3{ }
}

/**新闻**/
.ow-news { box-sizing:border-box; margin:0 auto; padding:10px 0 10px 0; }
.ow-news .hd { padding:0 0; position:relative; }
.ow-news .hd h2{ color:#000; font-size:26px; display:inline-block; margin:0; padding:0 0 0 15px; position:relative; }
.ow-news .hd h2::before{ content:""; position:absolute;  border-left:5px solid #0166ff; height:28px; top:11px; left:0; }
.ow-news .hd h3{ display:inline-block; font-size:16px; font-weight:normal; margin:0; padding:0 0 0 15px; }
.ow-news .cates{}
.ow-news .cates ul{ display:flex; flex-wrap:wrap; margin:0; padding:20px 0 0 0;}
.ow-news .cates ul li{ display:inline-block; list-style:none; margin:0; padding:0px 10px 10px 0;}
.ow-news .cates ul li a{ background:#fff; border:1px solid #e2e2e2; border-radius:5px; display:inline-block; font-size:16px; padding:8px 20px;}
.ow-news .cates ul li a:hover{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-news .cates ul li.current a{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-news .bd{ padding:15px 0px 0px 0px;}
.ow-news .bd ul{ margin:0; padding:0px;}
.ow-news .bd ul li{ background:#fff; box-sizing:border-box; border:1px solid #e4e4e4; list-style:none; margin:0px 20px 20px 0px; padding:15px; position:relative; -webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03); -moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03); box-shadow:0px 0px 6px 3px rgba(0,0,0,0.03);}
.ow-news .bd ul li .thumb{ float:left; height:147px; width:220px; padding:0;}
.ow-news .bd ul li .thumb img{ background-color:#eee; height:147px; width:220px;}
.ow-news .bd ul li .info{ padding-left:245px;}
.ow-news .bd ul 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; }
.ow-news .bd ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-news .bd ul li .info h3 a:hover { color:#0067ed;}
.ow-news .bd 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-news .bd ul li .info h3 a:hover::before { width:100%;}
.ow-news .bd ul li .summary{ color:#888; margin:10px 0 0 0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ow-news .bd ul li .datetime{ color:#888; margin:10px 0 0 0;}
@media (min-width:1500px) {
	.ow-news .bd ul li{ }
	.ow-news .bd ul li .thumb{ height:180px; width:270px;}
	.ow-news .bd ul li .thumb img{ height:180px; width:270px;}
	.ow-news .bd ul li .info{ padding-left:285px;}
	.ow-news .bd ul li .info h3{ }
}
@media (min-width:1680px) {
	.ow-news .bd ul{ display:flex; flex-wrap:wrap; margin:0; padding:0px;}
	.ow-news .bd ul li{ width:calc(50% - 20px); }
	.ow-news .bd ul li .thumb{ height:180px; width:270px;}
	.ow-news .bd ul li .thumb img{ height:180px; width:270px;}
	.ow-news .bd ul li .info{ padding-left:285px;}
	.ow-news .bd ul li .info h3{ }
}


/**案例**/
.ow-videos { box-sizing:border-box; margin:0 auto; padding:10px 0 10px 0; }
.ow-videos:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-videos .hd { padding:0 0; position:relative; }
.ow-videos .hd h2{ color:#000; font-size:26px; display:inline-block; margin:0; padding:0 0 0 15px; position:relative; }
.ow-videos .hd h2::before{ content:""; position:absolute;  border-left:5px solid #0166ff; height:28px; top:11px; left:0; }
.ow-videos .hd h3{ display:inline-block; font-size:16px; font-weight:normal; margin:0; padding:0 0 0 15px; }
.ow-videos .cates{}
.ow-videos .cates ul{ display:flex; flex-wrap:wrap; margin:0; padding:20px 0 0 0;}
.ow-videos .cates ul li{ display:inline-block; list-style:none; margin:0; padding:0px 10px 10px 0;}
.ow-videos .cates ul li a{ background:#fff; border:1px solid #e2e2e2; border-radius:5px; display:inline-block; font-size:16px; padding:8px 20px;}
.ow-videos .cates ul li a:hover{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-videos .cates ul li.current a{ background:#0067ed; border-color:#0469C3; color:#fff; text-decoration:none;}
.ow-videos .bd{ padding:15px 0px 0px 0px;}
.ow-videos .bd ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; box-sizing:border-box; margin:0; padding:0px;}
.ow-videos .bd ul li{ box-sizing:border-box; border:0; float:left; list-style:none; margin:0 20px 20px 0; padding:0; width:400px; position:relative;}
.ow-videos .bd ul li .thumb{ border-radius:10px; width:100%; position:relative; overflow:hidden;}
.ow-videos .bd ul li .thumb img{ height:100%; width:100%; vertical-align:top;}
.ow-videos .bd ul li:hover .thumb img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out;}
.ow-videos .bd ul li .thumb a i.play{ background-image:url("../images/iconplay.png"); background-position:0px 0px; background-size:80px; display:inline-block; height:80px; width:80px; position:absolute; top: calc(50% - 40px);  left: calc(50% - 40px); }
.ow-videos .bd ul li:hover .thumb a i.play{ background-position:0px 80px;}
.ow-videos .bd ul li .info{ box-sizing:border-box; padding:10px 0px 10px 0px; }
.ow-videos .bd ul li .info h3{ font-size:16px; font-weight:normal; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ow-videos .bd ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-videos .bd ul li:hover .info h3 a,
.ow-videos .bd ul li .info h3 a:hover { color:#0067ed;}
.ow-videos .bd 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-videos .bd ul li .info h3 a:hover::before { width:100%;}
.ow-videos .bd ul li .datetime{ position:relative;}
@media (min-width:1800px) {
	.ow-videos .bd ul li{ width:460px; }
}

/*tags*/
.ow-index-tags { margin:0px auto; padding:10px 0 0 0;}
.ow-index-tags .hd {}
.ow-index-tags .hd h4{ color:#000; font-size:18px; display:inline-block; margin:0; padding:0 0 0 15px; position:relative; }
.ow-index-tags .hd h4::before{ content:""; position:absolute;  border-left:3px solid #0166ff; height:18px; top:8px; left:0; }
.ow-index-tags .bd{ padding:10px 0px 10px 0px;}
.ow-index-tags a{ background:#fff; border:1px solid #eee; border-radius:10px; display:inline-block; padding:5px 10px; margin:0px 10px 10px 0px; white-space:nowrap;}
.ow-index-tags a,
.ow-index-tags a:visited{ color:#464646;}
.ow-index-tags a:hover { background:#fff; border-color:#0067ed; color:#0067ed; text-decoration:none;}

/*友情链接*/
.ow-flinks { margin:0px auto 0px auto;}
.ow-flinks .wrapper{ border-top:1px dashed #e6e6e6; padding:15px 0px;}
.ow-flinks .flinks{}
.ow-flinks span{ color:#666; margin-right:8px;}
.ow-flinks a{ display:inline-block; margin:0px 12px 0px 0px; white-space:nowrap;}
.ow-flinks a,
.ow-flinks a:visited{ color:#888;}
.ow-flinks a:hover { color:#0067ed; text-decoration:none;}







