@charset "utf-8";
/* 
* Author:lin xiao dong (1071322670@qq.com)
* http://www.openwbs.com/
*/
.ow-product-introduce{ background:#fff;}
.ow-introduce-base{ background:#f6fafe; padding:15px 0 15px 0; }
.ow-introduce-hero{ box-sizing:border-box; background:#fff; border:1px solid #e7eef5; margin:0px auto 0 auto; width:1200px; padding:0px 0px; }
.ow-introduce-hero{ -webkit-box-shadow:rgba(56,146,236,0.1) 0px 0px 10px; -moz-box-shadow:rgba(56,146,236,0.1) 0px 0px 10px; box-shadow:rgba(56,146,236,0.1) 0px 0px 10px;}
.ow-introduce-hero:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}

.ow-introduce-hero .left-col{ box-sizing:border-box; background:#fff; float:left; font-size:15px; width:818px; padding:20px 40px 40px 40px;}
.ow-introduce-hero .right-col{ box-sizing:border-box; background:#fff; float:left; width:380px; min-height:500px;}

/**基础介绍**/
.ow-introduce-hero .left-col .hd:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-hero .left-col .hd .logo{ float:left; margin:10px 30px 0px 0px;}
.ow-introduce-hero .left-col .hd .title{ float:left;}
.ow-introduce-hero .left-col .hd h1{ font-size:30px;}
.ow-introduce-hero .left-col .hd h1 b.title-tag{ background-color:#fe254f; display:inline-block; line-height:22px; border-radius:10px 0 10px 0; color:#fff; font-size:14px; margin:0px 0px 0 10px; padding:2px 10px; vertical-align:4px;}
.ow-introduce-hero .left-col .hd .version{ padding:0 0; }
.ow-introduce-hero .left-col .hd .version a,
.ow-introduce-hero .left-col .hd .version a:visited{ color:#fe254f;}
.ow-introduce-hero .left-col .hd .version span.latest-version{ color:#fe254f; padding:0 20px 0 7px;}
.ow-introduce-hero .left-col .hd .version span.version-time{ color:#fe254f; padding:0 0 0 7px;}
.ow-introduce-hero .left-col .desc{ background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee; color:#444; margin:25px -40px 20px -40px; padding:20px 40px 20px 45px;}
.ow-introduce-hero .left-col .desc b{}
.ow-introduce-hero .left-col .p-char{ padding:5px 0 0 0; }
.ow-introduce-hero .left-col .p-char span{ box-sizing:border-box; display:inline-block; font-weight:bold; float:left; padding-right:2px;}
.ow-introduce-hero .left-col .p-char .text{}
.ow-introduce-hero .left-col .p-char b{ color:#fe254f; font-weight:normal; margin-left:5px;}
.ow-introduce-hero .left-col .p-char b:hover{ color:#b61d3b; transition:0.5s;}
.ow-introduce-hero .left-col .bd{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;}
.ow-introduce-hero .left-col .bd .item{ box-sizing:border-box; color:#666; padding:0px 0 20px 0px; width:50%;}
.ow-introduce-hero .left-col .bd .last{ width:100%;}
.ow-introduce-hero .left-col .bd .item i{ border-radius:2px; color:#f52b25; font-size:14px; margin-right:10px; padding:2px;}
.ow-introduce-hero .left-col .bd .item b{ color:#222; font-size:16px; padding:0px 10px 0px 0px; }
.ow-introduce-hero .left-col .bd .item p{ padding:3px 20px 0 28px;}
.ow-introduce-hero .left-col .buy{ margin:0 0px 0px 0px; padding:25px 0px 0px 0px; text-align:center;}
.ow-introduce-hero .left-col .buy a i{ margin-right:10px;}
.ow-introduce-hero .left-col .buy a{ border-radius:6px; display:inline-block; font-size:16px; margin:0 8px; padding:10px 25px 10px 25px; }
.ow-introduce-hero .left-col .buy a:hover{ transition:0.5s; -webkit-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); -moz-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); box-shadow:0 0 6px 3px rgba(0,0,0,0.13); }
.ow-introduce-hero .left-col .buy a.empower{ background:linear-gradient(-90deg, #FF5726, #F20D26); border:1px solid #f52a25; color:#fff; }
.ow-introduce-hero .left-col .buy a.empower:hover{ background:linear-gradient(-90deg, #fd4009, #cd071d); }
.ow-introduce-hero .left-col .buy a.yunsite{ border:1px solid #0067ed; border-radius:6px; color:#457cfb; }
.ow-introduce-hero .left-col .buy a.yunsite:hover{ background-color:#0067ed; background-position:center top; color:#fff; }

/**在线演示体验**/
.ow-introduce-hero .demo-box{ border-left:1px solid #eee; color:#666; margin:20px 0px; padding-left:30px;}
.ow-introduce-hero .demo-box h3{ color:#333; font-size:18px; margin-bottom:10px;}
.ow-introduce-hero .demo-box h3 b{ background-color:#334259; display:inline-block; border-radius:10px 0 10px 0; color:#fff; font-size:14px; font-weight:normal; padding:2px 10px;}
.ow-introduce-hero .demo-box .demo{ }
.ow-introduce-hero .demo-box .demo .item{ padding:8px 0px 2px 0px;}
.ow-introduce-hero .demo-box .demo .item a,
.ow-introduce-hero .demo-box .demo .item a:visited{ background:#fff; border:1px solid #eee; border-radius:5px; color:#2467b2; display:inline-block; padding:1px 8px; }
.ow-introduce-hero .demo-box .demo .item a:hover{ background-color:#0067ed; color:#fff; transition:0.5s;}
.ow-introduce-hero .demo-box .demo .item.mob{ height:110px; position:relative;}
.ow-introduce-hero .demo-box .demo i{ margin:0px 10px 0px 0px;}
.ow-introduce-hero .demo-box .demo .qrcode{ display:block; position:absolute; top:10px; left:103px; }
.ow-introduce-hero .demo-box .demo .qrcode img{ background:#fff; border:1px solid #ccc; padding:8px;}
.ow-introduce-hero .demo-box .down{ border-top:1px dotted #ccc; margin:15px 30px 0px 0px; padding:10px 0px 0px 0px;}
.ow-introduce-hero .demo-box .down h3{}
.ow-introduce-hero .demo-box a.download{background:#fff url("../images/icon/rar.png") 18px 17px no-repeat; color:#0067ed; border:1px solid #0067ed; border-radius:6px; display:inline-block; font-size:16px; margin-right:10px; padding:10px 25px 10px 43px;}
.ow-introduce-hero .demo-box a.download:hover{ background-color:#0067ed; color:#fff; transition:0.5s;}
.ow-introduce-hero .demo-box a.download b{ font-weight:normal; padding:0 5px 0 0;}
.ow-introduce-hero .demo-box .row{ padding:10px 0px 0px 2px;}
.ow-introduce-hero .demo-box .update{ padding:15px 0px 10px 0px;}
.ow-introduce-hero .demo-box .update p{}
.ow-introduce-hero .demo-box .doc { border-top:1px dotted #ccc; margin:10px 30px 0px 0px; padding:10px 0px 0px 0px;}
.ow-introduce-hero .demo-box .doc .docs{}
.ow-introduce-hero .demo-box .doc a,
.ow-introduce-hero .demo-box .doc a:visited{ color:#2467b2; }
.ow-introduce-hero .demo-box .doc a{ display:inline-block; margin:2px 10px 2px 0px; padding-left:10px; position:relative;}
.ow-introduce-hero .demo-box .doc a::after { content:''; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}
.ow-introduce-hero .demo-box .doc a::before { content:""; position:absolute; width:0%; height:100%; left:10px; top:1px; border-bottom:1px solid #0067ed; transition:0.5s;}
.ow-introduce-hero .demo-box .doc a:hover::before { width:calc(100% - 10px);}
@media (min-width:1500px) {
	.ow-introduce-hero{ width:1470px;}
	.ow-introduce-hero .left-col{ width:918px;}
	.ow-introduce-hero .right-col{ width:550px;}
}


/*最新授权动态*/
.ow-empower-section{ background:#fff; border-bottom:1px solid #e7eef5; }
.ow-empower-section .ow-empower-list{ padding:20px 0px;}

.ow-introduce-case{ background:url("../images/case_bg.jpg") 0px 0px no-repeat; background-size:auto 100%; padding:35px 0px 60px 0px; }
.ow-introduce-case:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-case .hd{ color:#fff; text-align:center; width:1200px; margin:auto; }
.ow-introduce-case .hd p{ color:#888;}
.ow-introduce-case .hd span { font-size:30px; font-weight:normal; position:relative; }
.ow-introduce-case .hd span:after,
.ow-introduce-case .hd span:before{content:""; position:absolute; top:55%; left:0; width:100px; border-top:1px solid rgba(250,250,250,0.2); transform:translate3d(-150%,-50%,0); -webkit-transform:translate3d(-150%,-50%,0); }
.ow-introduce-case .hd span:after { left:auto; right:0; transform:translate3d(150%,-50%,0); -webkit-transform:translate3d(150%,-50%,0);}
.ow-introduce-case .bd{ margin:auto; width:1200px; padding:30px 0px 0px 0px; position:relative; }
.ow-introduce-case .case-wrapper{  height:500px; margin:auto; overflow:hidden; position:relative; top:0px; left:0px; width:1200px; }
.ow-introduce-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:240px; cursor:pointer;}
.ow-introduce-case .prev:hover{ background-position:0px -40px;}
.ow-introduce-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:240px; cursor:pointer;}
.ow-introduce-case .next:hover{ background-position:-32px -40px;}

/**模板列表**/
.ow-templates{ background:#f2f5f9; padding:10px 0px 50px 0px;}
.ow-templates .wrapper{ width:100%!important; min-width:1200px; max-width:1760px;}
.ow-templates .hd { padding:30px 0; position:relative; text-align:center; }
.ow-templates .hd h2 a,
.ow-templates .hd h2 a:visited{ color:#121212; font-size:32px; position:relative;}
.ow-templates .hd h2 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #121212; transition:0.5s;}
.ow-templates .hd h2 a:hover::before { width:100%;}
.ow-templates .hd h3{ color:#666; font-size:20px; font-weight:normal; padding:10px 0;}


.ow-templates{ background:#f2f5f9; padding:10px 0px 10px 0px;}
.ow-templates .wrapper{ width:100%!important; min-width:1200px; max-width:1680px;}
.ow-templates .hd { padding:30px 0; position:relative; text-align:center; }
.ow-templates .hd h2 a,
.ow-templates .hd h2 a:visited{ color:#121212; font-size:32px; position:relative;}
.ow-templates .hd h2 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #121212; transition:0.5s;}
.ow-templates .hd h2 a:hover::before { width:100%;}
.ow-templates .hd h3{ color:#666; font-size:20px; font-weight:normal; padding:10px 0;}

.ow-templates ul{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center;}
.ow-templates ul li{ box-sizing:border-box; background-color:#fff; float:left; margin:0px 15px 40px 15px; width:calc(25% - 30px); -webkit-box-shadow:0 0 10px 5px rgba(0,0,0,0.08); -moz-box-shadow:0 0 10px 5px rgba(0,0,0,0.08); box-shadow:0 0 10px 5px rgba(0,0,0,0.08);}
.ow-templates ul li:hover{ -webkit-box-shadow:0 0 10px 5px rgba(0,0,0,0.15); -moz-box-shadow:0 0 10px 5px rgba(0,0,0,0.15); box-shadow:0 0 10px 5px rgba(0,0,0,0.15);}
.ow-templates ul li .thumb{ background:#fff; border-bottom:1px solid #eee; width:100%; position:relative; text-align:center;}
.ow-templates ul li .thumb a.pc{ display:block; position:relative; overflow:hidden; }
.ow-templates ul li .thumb a.pc img{ box-sizing:border-box; position:absolute; left:0; top:0; bottom:auto; width:100%; }
.ow-templates ul li:hover .thumb a.pc img{ transition-duration:2000ms; transition-timing-function:ease-out;}
.ow-templates ul li .thumb a.mob { box-sizing:border-box; height:260px; width:120px; position:absolute; right:10px; bottom:-15px;  }
.ow-templates ul li:hover .thumb .mob { bottom:-60px; transition-duration:500ms; transition-timing-function:ease-out; }
.ow-templates ul li .thumb a.mob img{ box-sizing:border-box; background:#fff; border-radius:15px; height:260px; width:100%; padding:14px 1px 6px 1px; position:relative; -webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 12px; -moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 12px; box-shadow:rgba(0,0,0,0.3) 0px 0px 12px; }
.ow-templates ul li .thumb .mob::after{ content:''; background:url("../images/mobui.png") no-repeat; background-position:0px 0px; background-size:120px; height:100%; width:100%; position:absolute; top:0; left:0; }
.ow-templates ul li .info{ min-height:200px; padding:15px 20px 30px 20px; position:relative; text-align:center; }
.ow-templates ul li h3{ font-size:18px; padding:5px 0 10px 0;}
.ow-templates ul li h3 a{ position:relative; z-index:1; }
.ow-templates ul li h3 a,
.ow-templates ul li h3 a:visited{ color:#424242; text-decoration:none;}
.ow-templates ul li h3 a:hover{ color:#e60022;}
.ow-templates ul li h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #ff661f; transition:0.5s; z-index:-1;}
.ow-templates ul li h3 a:hover::before { width:100%;}
.ow-templates ul li .subtitle{ color:#888; font-size:14px;}
.ow-templates ul li .version-type{ padding:5px 0px 0px 0px;}
.ow-templates ul li .title-tag{ background:#fe254f; display:inline-block; line-height:22px; border-radius:10px 10px 0 0; color:#fff; font-size:14px; margin:0px 0px 0 0px; padding:2px 10px; vertical-align:4px;}
.ow-templates ul li .title-tag a,
.ow-templates ul li .title-tag a:visited{ color:#fff; }
.ow-templates ul li .tags { padding:0 0;}
.ow-templates ul li .tags a{ background:#ebf0fe; box-sizing:border-box; border-radius:0 0 5px 5px; color:#666; font-size:12px; display:inline-block; font-weight:normal; margin:0 5px 5px 0; padding:0 6px;}
.ow-templates ul li .tags a:hover{ background:#fe254f; color:#fff; transition:0.5s;}
.ow-templates ul li .price{ padding:5px 0px 0px 0px; position:relative;}
.ow-templates ul li .price span.money{ color:#e60022; font-size:14px;}
.ow-templates ul li .price span.money em{ font-size:14px;}
.ow-templates ul li .price span.money b{ font-size:14px; font-weight:bold;}
.ow-templates ul li .price span.point{ color:#e60022; font-size:14px; margin-right:5px;}
.ow-templates ul li .price span.point b{ font-size:16px; font-weight:bold;}
.ow-templates ul li span.view{ color:#aaa; font-size:12px; position:absolute; right:20px; bottom:15px;}
.ow-templates ul li span.view i{ font-size:11px; margin-right:5px;}

.ow-templates ul li div.buy{ padding:18px 0 0 0; text-align:center;}
.ow-templates ul li div.buy a.buy{ background:#ebf0fe; border:1px solid #dee7ff; color:#666; border-radius:20px; display:inline-block; font-size:16px; font-weight:bold; padding:5px 30px 5px 30px;}
.ow-templates ul li:hover .buy a.buy{ background:#11b23c; border-color:#06a431; color:#fff; transition:0.5s; }
.ow-templates ul li:hover .buy a.buy:hover{ background:#06a431; border-color:#06a431; color:#fff; transition:0.5s; }
.ow-templates ul li .buy a.buy i{ margin-right:10px;}

.ow-templates ul li .buy a.demo{ background:#f4f4f4; border:1px solid #e0e0e0; color:#666; border-radius:20px; display:inline-block; font-size:16px; font-weight:bold; margin-left:10px; padding:5px 30px 5px 30px;}
.ow-templates ul li .buy a.demo:hover{ background:#eee; border-color:#aaa; }

@media (min-width:1900px) {
	.ow-templates ul li{ margin:0px 20px 50px 20px; width:calc(25% - 40px); }
	.ow-templates ul li .info{ padding-bottom:40px;}
}



/**案例**/
.ow-case{ box-sizing:border-box; background:#fafafa url("../images/case-bg.png") center center no-repeat; background-size:auto 100%; background-attachment:fixed; padding:30px 70px 50px 70px; position:relative; z-index:1;}
.ow-case .wrapper{ width:100%!important; min-width:1200px; max-width:1710px;}
.ow-case .hd { padding:30px 0; position:relative; text-align:center; }
.ow-case .hd h2{ color:#fff; font-size:32px; position:relative;}
.ow-case .hd h3{ color:#fff; font-size:20px; font-weight:normal; padding-top:10px;}
.ow-case .bd ul{ box-sizing:border-box; }
.ow-case .bd ul li{ box-sizing:border-box; padding:0 10px; width:calc(20% - 20px); }
.ow-case .bd ul li .inner{ background:#fff; position:relative; -webkit-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); -moz-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); box-shadow:0 0 6px 3px rgba(0,0,0,0.13); }
.ow-case .bd ul li .thumb{ background-color:#fff; width:100%; overflow:hidden;}
.ow-case .bd ul li .thumb a{ }
.ow-case .bd ul li .thumb img{ height:100%; width:100%;}
.ow-case .bd ul li:hover .thumb img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out;}
.ow-case .bd ul li .info{ box-sizing:border-box; min-height:180px; padding:20px 20px 20px 20px; text-align:center; }
.ow-case .bd ul li .info h3{ font-size:18px; padding:3px 0 3px 0px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ow-case .bd ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-case .bd ul li .info h3 a:hover { color:#013ea2;}
.ow-case .bd ul li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #013ea2; transition:0.5s; z-index:-1;}
.ow-case .bd ul li .info h3 a:hover::before { width:100%;}
.ow-case .bd ul li .info .cate{ font-size:16px;}

.ow-case .bd ul li .website{ padding:0px 0px 2px 0px;}
.ow-case .bd ul li .website i{ color:#888; margin-right:5px; vertical-align:-1px;}
.ow-case .bd ul li .website a,
.ow-case .bd ul li .website a:visited{ color:#2467b2;}
.ow-case .bd ul li .website a:hover{ text-decoration:underline;}
.ow-case .bd ul li .mob-qrcode{ text-align:center;}
.ow-case .bd ul li .mob-qrcode .qrcode{}
.ow-case .bd ul li .mob-qrcode img{ background:#fff; border:1px solid #ddd; margin:auto; padding:8px;}
.ow-case .bd ul li .mob-qrcode .view{ display:block; padding-top:5px;}

.ow-case .bd ul li .info .l-button{ padding:15px 0 0 0;}
.ow-case .bd ul li .info .l-button a{ border:1px solid #ccc; border-radius:5px; color:#666; display:inline-block; font-size:14px; padding:2px 10px; }
.ow-case .bd ul li .info .l-button a:hover{  border:1px solid #fe254f; color:#fe254f;}
.ow-case .bd .more{ font-size:16px; padding:40px 0 0 0; text-align:center;}
.ow-case .bd .more a,
.ow-case .bd .more a:visited{ color:#fff; position:relative; }
.ow-case .bd .more a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #fff; transition:0.5s;}
.ow-case .bd .more a:hover::before { width:100%;}
.ow-case-swiper { position:relative; }
.ow-case-swiper .swiper-button-prev,
.ow-case-swiper .swiper-button-next{ display:none; z-index:999999;}
.ow-case:hover .swiper-button-prev,
.ow-case:hover .swiper-button-next{ display:flex;}
@media (min-width:1500px) {
	.ow-case .bd ul li{ padding:0 15px 0px 15px; width:calc(20% - 30px);}
	.ow-case .bd ul li .thumb{}
	.ow-case .bd ul li .info{}
}

.ow-introduce-section1{ background:#fff; margin:auto; padding:35px 0px; width:1200px;}
.ow-introduce-section1 .hd{ font-size:36px; text-align:center;}
.ow-introduce-section1 .hd-desc{ font-size:18px; text-align:center; padding:10px 0px 10px 0px;}
.ow-introduce-section1 .bd{ color:#595961; padding:60px 0px 20px 0px; }
.ow-introduce-section1 .bd:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-section1 .bd .txt-col{ float:left; width:530px; padding:15px 70px 0px 0px; height:200px;}
.ow-introduce-section1 .bd .img-col{ float:left; width:600px; height:300px; text-align:center;}
.ow-introduce-section1 .bd .title{ font-size:30px; line-height:42px; padding:0px 0px 0px 0px;}
.ow-introduce-section1 .bd .desc{ font-size:18px; padding:20px 0px 20px 0px;}
.ow-introduce-section1 .bd .do{ font-size:14px; padding:5px 0px 20px 0px;}
.ow-introduce-section1 .bd .do .demo{ color:#f60000; border:2px solid #f60000; border-radius:10px; display:inline-block; font-size:18px; height:24px; line-height:24px; padding:10px 30px;}
.ow-introduce-section1 .bd .do .demo:hover{ background:#f6f6f6; border-color:#f00000;}
.ow-introduce-section1 .bd .imghero{}

.ow-introduce-section2{ background:#fafafa; color:#595961; }
.ow-introduce-section2 .wrapper{ margin:auto; padding:80px 0px; width:1200px;}
.ow-introduce-section2 .wrapper:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-section2 .txt-col{ float:right; width:520px; padding:0px 0px 0px 80px; height:200px;}
.ow-introduce-section2 .img-col{ float:left; width:600px;}
.ow-introduce-section2 .txt-col .title{ font-size:30px; line-height:42px; padding:0px 0px 0px 0px;}
.ow-introduce-section2 .txt-col .desc{ font-size:18px; padding:20px 0px 20px 0px;}
.ow-introduce-section2 .img-col .imghero{ -webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 15px; box-shadow:rgba(0,0,0,0.3) 0px 0px 15px;}

.ow-introduce-section3{ background:#fff; color:#595961; }
.ow-introduce-section3 .wrapper{ margin:auto; padding:80px 0px; width:1200px;}
.ow-introduce-section3 .wrapper:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-section3 .txt-col{ float:left; width:520px; padding:0px 80px 0px 0px; height:200px;}
.ow-introduce-section3 .img-col{ float:right; width:600px;}
.ow-introduce-section3 .txt-col .title{ font-size:30px; line-height:42px; padding:0px 0px 0px 0px;}
.ow-introduce-section3 .txt-col .desc{ font-size:18px; padding:20px 0px 20px 0px;}
.ow-introduce-section3 .img-col .imghero{ -webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 15px; box-shadow:rgba(0,0,0,0.3) 0px 0px 15px;}

.ow-product-introduce .subtitle{ color:#333; font-size:18px; padding-bottom:20px;}
.ow-product-introduce .bitems{}
.ow-product-introduce .bitem{ color:#333; border:1px solid #aaa; border-radius:20px; display:inline-block; font-size:16px; font-weight:normal; height:24px; line-height:24px; margin:0px 15px 15px 0px; padding:6px 20px;}

/*功能*/
.spg-function{ background:#fff; margin:0px auto; padding:0px 0px 50px 0px;}
.spg-function h2.title{ color:#595961; font-size:30px; text-align:center; padding:50px 0px;}
.spg-function h2.title span { position:relative; }
.spg-function h2.title span:after,
.spg-function h2.title span:before{content:""; position:absolute; top:55%; left:0; width:100px; border-top:1px solid rgba(0,0,0,0.2); transform:translate3d(-150%,-50%,0); -webkit-transform:translate3d(-150%,-50%,0); }
.spg-function h2.title span:after { left:auto; right:0; transform:translate3d(150%,-50%,0); -webkit-transform:translate3d(150%,-50%,0);}

.spg-function .header ul{ border-bottom:1px solid #ccc; height:51px; padding-left:295px; z-index:999;}
.spg-function .header ul li{ float:left; height:51px; line-height:51px; margin-left:-1px; overflow:hidden; padding:0; position:relative;}
.spg-function .header ul li a{ background:#fafafa; border:1px solid #ccc; color:#333333; display:inline-block; font-size:18px; height:50px; line-height:50px; width:200px; text-align:center;}
.spg-function .header ul li a ,
.spg-function .header ul li a:visited{ text-decoration:none;}
.spg-function .header ul li a:hover{ background:#e6e6e6; color:#a60000; text-decoration:none;}
.spg-function .header ul li.current { height:52px; position:relative; z-index:1;}
.spg-function .header ul li.current a,
.spg-function .header ul li.current a:hover{ background:#fff; border-color:#ccc; border-width:1px; color:#333; font-weight:bold; height:51px; line-height:51px; }
.spg-function .section{ border:0px solid #c60000; border-top:none; min-height:500px; padding:20px 0px; }
.spg-function .section .function{}
.spg-function .table{ color:#595961; font-size:13px;}
.spg-function .table th{ background-color:#fafafa!important; border-color:#ebebeb!important; color:#595961; font-size:18px; padding:12px 0px;}
.spg-function .table td{ border-color:#ebebeb!important; padding:15px 15px; }
.spg-function .table td.module{ font-size:18px; text-align:center; vertical-align:middle; width:100px;}
.spg-function .table td.name{ font-size:16px; text-align:center; width:160px;}
.spg-function .table-striped > tbody > tr:nth-child(odd) > td{ background-color:#f2f2f2!important; }
.spg-function .module-section td{ border-top:2px solid #f2f2f2!important;}

/*为什么选择*/
.spg-start{ background-color:#fff; }
.spg-start-section{ border-top:1px solid #eee; margin:0px auto; padding:40px 0px 60px 0px; width:1200px; zoom:1; overflow:auto;}
.spg-start .header{ font-size:20px; text-align:center;}
.spg-start .header .title{ font-size:32px; font-weight:normal;}
.spg-start .downline{ text-align:center; padding:0px 0px 0px 0px;}
.spg-start .download{ background:#3e5e9c; color:#fff; display:inline-block; font-size:20px; padding:10px 52px;}
.spg-start .download,
.spg-start .download:visited{ color:#fff;}
.spg-start .download:hover{ background-color:#4f6da7; text-decoration:none; }
.spg-start .download i{ font-size:16px; margin:0px 10px 0px 0px;}
@media (min-width:1500px) {
	.spg-start-section{ width:1470px!important;}
}