﻿@charset "utf-8";


/**banner**/
.ow-main-banner{}
.ow-swiper{}
.ow-swiper .swiper-slide{ background:100%; background-position:center 0px; background-repeat:no-repeat; height:100%; position:relative; display:flex; flex-direction:row; align-items:center; }
.ow-swiper .swiper-slide .slider-text{ background:rgba(255,255,255,0.3); box-sizing:border-box; width:600px; padding:55px 60px 65px 60px; position:absolute; left:50%; margin:0; margin-left:-600px;  }
.ow-swiper .swiper-slide .slider-text h2{ color:#000; font-family:"PingFang SC", "Microsoft Yahei", Arial, sans-serif; font-size:38px; margin:0; padding:0;}
.ow-swiper .swiper-slide .slider-text h3{ color:#444; font-family:"PingFang SC", "Microsoft Yahei", Arial, sans-serif; font-size:16px; font-weight:normal; margin:0; padding:20px 0 25px 0;}
.ow-swiper .swiper-slide .slider-text b{}
.ow-swiper .swiper-slide .slider-text .slider-btn{}
.ow-swiper .swiper-slide .slider-text .slider-btn a{ background:#0444A3; box-sizing:border-box; color:#fff; display:inline-block; font-size:18px; height:52px; line-height:52px; padding:0px 35px; text-align:center; }
.ow-swiper .swiper-slide .slider-text .slider-btn a:hover{ background:#00091d; color:#fff;}
.ow-swiper .swiper-button-prev{ left:22px!important;}
.ow-swiper .swiper-button-next{ right:22px!important;}
.ow-swiper .swiper-button-prev::after { color:#fff!important; font-size:24px!important; padding:18px 22px 18px 20px;}
.ow-swiper .swiper-button-next::after { color:#fff!important; font-size:24px!important; padding:18px 20px 18px 22px;}
.ow-swiper .swiper-button-next:hover::after,
.ow-swiper .swiper-button-prev:hover::after{ background:rgba(0,0,0,0.2); color:#fff!important; transition:0.5s;}
.ow-swiper .swiper-pagination-bullet{ background:#333; border-radius:0px; width:28px;}
.ow-swiper .swiper-pagination-bullet-active{ background:#333;}

/**富文本**/
.ow-rich-text{ box-sizing:border-box; margin:auto; padding:0px 0px; max-width:1200px;}

/**hero-about**/
.ow-hero-about{ box-sizing:border-box; margin:0 auto; padding:60px 0 80px 0; width:1200px;}
.ow-hero-about:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-hero-about .ow-label-content-box{ position:relative;}
.ow-hero-about .ow-label-content-box .hd{ height:200px; width:550px; position:absolute; top:0; right:0; z-index:1;}
.ow-hero-about .ow-label-content-box .hd h2{ color:#000; font-size:38px; margin:10px 0 0 0; padding:0; }
.ow-hero-about .ow-label-content-box .hd h4{ color:#0444A3; font-size:20px; font-weight:normal; margin:0; padding:0; }
.ow-hero-about .ow-label-content-box .bd{ display:flex; flex-direction:row; flex-wrap:wrap; position:relative; }
.ow-hero-about .ow-label-content-box .bd .item{ margin-right:35px; position:relative; }
.ow-hero-about .ow-label-content-box .bd .item .imgbox{ height:400px; width:290px; overflow:hidden;}
.ow-hero-about .ow-label-content-box .bd .item .imgbox img{ height:400px; min-width:290px; width:auto; max-width:auto!important;    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;}
 
.ow-hero-about .ow-label-content-box .bd .item .imgbox:hover img{ -moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1); }
.ow-hero-about .ow-label-content-box .bd .item .infobox{ background:#fff; box-sizing:border-box; padding:15px 10px; position:absolute; left:20px; width:250px; top:330px; text-align:center; }
.ow-hero-about .ow-label-content-box .bd .item .infobox h3{ color:#000; font-size:20px; margin:0 0 5px 0; padding:0;}
.ow-hero-about .ow-label-content-box .bd .item .infobox .p-text{ color:#999; font-size:15px;}
.ow-hero-about .ow-label-content-box .bd > div:last-child{ height:200px; width:550px; margin:0; position:absolute; bottom:0; right:0; -webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); -moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05);}
.ow-hero-about .ow-label-content-box .bd > div:last-child{  display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.ow-hero-about .ow-label-content-box .bd > div:last-child .imgbox{ height:200px; width:300px; overflow:hidden;}
.ow-hero-about .ow-label-content-box .bd > div:last-child .imgbox img{ height:200px; min-width:300px; width:auto; max-width:auto!important;}
.ow-hero-about .ow-label-content-box .bd > div:last-child .infobox{ padding:20px 15px 15px 25px; width:250px; position:absolute; left:300px; top:0; text-align:left;}
.ow-hero-about .ow-label-content-box .bd > div:last-child .infobox h3{ }
.ow-hero-about .ow-label-content-box .bd > div:last-child .infobox .p-text{ margin:0 0 5px 0; }
.ow-hero-about .ow-label-content-box .bd > div:last-child .infobox .l-button{ padding:5px 0 0 0;}
.ow-hero-about .ow-label-content-box .bd > div:last-child .infobox .l-button a,
.ow-hero-about .ow-label-content-box .bd > div:last-child .infobox .l-button a:visited{ color:#0444A3; font-size:15px; }
.ow-hero-about .ow-label-content-box .bd > div:last-child .infobox .l-button a:hover{ color:#de3001; }

/**合作伙伴logo**/
.ow-partner-logo{}
.ow-partner-logo{ box-sizing:border-box; margin:0 auto; padding:20px; width:1200px;}
.ow-partner-logo:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-partner-logo .ow-label-content-box{ position:relative;}
.ow-partner-logo .ow-label-content-box .hd{ padding:0 0 30px 0; text-align:center;}
.ow-partner-logo .ow-label-content-box .hd h2{ color:#000; font-size:24px; margin:10px 0 0 0; padding:0; }
.ow-partner-logo .ow-label-content-box .hd h4{ color:#0444A3; font-size:20px; font-weight:normal; margin:0; padding:0; }
.ow-partner-logo .ow-label-content-box .bd{ border-top:1px solid #eee; padding:20px 0 0 0; }
.ow-partner-logo .ow-label-content-box .bd .swiper{ padding:0;}
.ow-partner-logo .ow-label-content-box .bd .swiper .swiper-slide{ box-sizing:border-box; padding:0;}
.ow-partner-logo .ow-label-content-box .bd .item{ box-sizing:border-box; width:240px; display:flex; flex-direction:row; align-items:center; align-content:center; justify-content:center;}
.ow-partner-logo .ow-label-content-box .bd .item .imgbox{ height:80px; width:180px; overflow:hidden; text-align:center; display:flex; flex-direction:row; align-items:center; align-content:center; justify-content:center;}
.ow-partner-logo .ow-label-content-box .bd .item .imgbox img{ width:180px;}

/**企业介绍**/
.ow-introduce-style3{ box-sizing:border-box; padding:20px 0;}
.ow-introduce-style3:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-style3 .ow-label-content-box{ background:#00091d; height:100%; display:flex; flex-direction:row; align-items:center; align-content:center; justify-content:center;}
.ow-introduce-style3 .ow-label-content-box:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-introduce-style3 .ow-label-content-box .imgbox{ box-sizing:border-box; display:flex; justify-content:right; align-items:right; min-height:500px; height:100%!important; width:50%; position:relative; overflow:hidden; }
.ow-introduce-style3 .ow-label-content-box .imgbox img{ max-width:100%;  -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;}
 
 
.ow-introduce-style3 .ow-label-content-box .imgbox:hover img{ -moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1); }
.ow-introduce-style3 .ow-label-content-box .infobox{ box-sizing:border-box; width:50%; padding:30px 50px 30px 50px;}
.ow-introduce-style3 .ow-label-content-box .infobox h5{ color:#0444A3; font-size:18px; margin:0; padding:0 0 10px 0; }
.ow-introduce-style3 .ow-label-content-box .infobox h5 a,
.ow-introduce-style3 .ow-label-content-box .infobox h5 a:visited{ color:#0444A3;}
.ow-introduce-style3 .ow-label-content-box .infobox h2{ color:#fff; font-size:30px; margin:0; padding:0 0 20px 0;}
.ow-introduce-style3 .ow-label-content-box .infobox h2 a,
.ow-introduce-style3 .ow-label-content-box .infobox h2 a:visited{ color:#fff; }
.ow-introduce-style3 .ow-label-content-box .infobox h4{ color:#fff; font-size:20px; margin:0; padding:0 0 20px 0;}
.ow-introduce-style3 .ow-label-content-box .infobox h4 a,
.ow-introduce-style3 .ow-label-content-box .infobox h4 a:visited{ color:#fff; }
.ow-introduce-style3 .ow-label-content-box .infobox .p-text{ color:#fff; font-size:16px; font-weight:normal; margin:0; padding:0 0 30px 0;}
.ow-introduce-style3 .ow-label-content-box .infobox .l-text{ color:#fff; font-size:16px; font-weight:normal; margin:0; padding:0 0 30px 0;}
.ow-introduce-style3 .ow-label-content-box .infobox .l-button{ }
.ow-introduce-style3 .ow-label-content-box .infobox .l-button a{ box-sizing:border-box; background:#0444A3; color:#fff; display:inline-block; font-size:17px; height:52px; line-height:52px; padding:0px 35px; text-align:center; }
.ow-introduce-style3 .ow-label-content-box .infobox .l-button a:hover{ background:#fff; color:#000;}

/**产品**/
.ow-index-products { box-sizing:border-box; margin:0 auto; padding:10px 50px; max-width:1680px; }
.ow-index-products .hd { padding:20px 0; position:relative; text-align:center;}
.ow-index-products .hd h2{ color:#222; font-size:32px; margin:0; padding:0;}
.ow-index-products .hd h4{ color:#666; font-size:15px; font-weight:normal; margin:0 auto; padding:10px 0 0 0;  width:800px;}
.ow-index-products .cates{}
.ow-index-products .cates ul{ margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; text-align:center;}
.ow-index-products .cates ul li{ display:inline-block; list-style:none; margin:0; padding:0px 6px 20px 6px;}
.ow-index-products .cates ul li a{ background:#fff; border:1px solid #e4e4e4; display:inline-block; font-size:16px; font-weight:bold; padding:12px 18px;}
.ow-index-products .cates ul li a:hover{ background:#0444A3; border-color:#0444A3; color:#fff; text-decoration:none;}
.ow-index-products .bd{ padding:20px 0px 0px 0px;}
.ow-index-products .bd ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; padding:0px;}
.ow-index-products .bd ul li{ background:#fff; box-sizing:border-box; border:0px solid #e4e4e4; list-style:none; margin:0px 1% 30px 1%; padding:0; width:18%; 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);}
.ow-index-products .bd ul li:hover{ border-color:#0444A3; transition:0.5s; }
.ow-index-products .bd ul li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-index-products .bd ul li .thumb a{ box-sizing:border-box; display:block; height:100%; width:100%; overflow:hidden;}
.ow-index-products .bd ul li .thumb a img{ box-sizing:border-box; background:#fff; border-radius:10px; height:100%; width:100%; padding:0; }
.ow-index-products .bd ul li .info{ box-sizing:border-box; padding:15px 10px; text-align:center; }
.ow-index-products .bd 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:2; -webkit-box-orient:vertical; }
.ow-index-products .bd ul li .info h3 a{ color:#222222; position:relative; z-index:1;}
.ow-index-products .bd ul li .info h3 a:hover { color:#0444A3;}
.ow-index-products .bd 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-index-products .bd ul li .info h3 a:hover::before { width:100%;}
.ow-index-products .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; }

/**客户案例和评价**/
.ow-case-clients{ }
.ow-case-clients:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}

/**客户案例**/
.ow-case-pics { background:linear-gradient(to bottom, #ffffff 70%, #00091d 30%); padding:50px 0 30px 0;}
.ow-case-pics .wrapper{ box-sizing:border-box; margin:0 auto; padding:10px 30px; max-width:1680px; width:auto; }
.ow-case-pics:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-case-pics .ow-label-content-box{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; position:relative;}
.ow-case-pics .ow-label-content-box .item{ box-sizing:border-box; box-sizing:border-box; margin:0; padding:0 18px; position:relative; width:25%;}
.ow-case-pics .ow-label-content-box .item .imgbox{ width:100%; overflow:hidden;}
.ow-case-pics .ow-label-content-box .item .imgbox img{ border-radius:0; min-height:100%; width:100%;}
.ow-case-pics .ow-label-content-box .item .infobox{ box-sizing:border-box; background:rgba(0,9,29,0.7); color:#fff; display:none; padding:30px 15px 30px 25px; position:absolute; bottom:0px; z-index:1; width:calc(100% - 36px);}
.ow-case-pics .ow-label-content-box .item .infobox h3{ font-size:18px; margin:0 0 10px 0; padding:0;}
.ow-case-pics .ow-label-content-box .item .infobox .p-text{ font-size:16px; }
.ow-case-pics .ow-label-content-box .item:hover .infobox{}

/**客户评价**/
.ow-clients-says{ background:#00091d; box-sizing:border-box; margin:0 auto;  padding:80px 0 120px 0; position:relative;}
.ow-clients-says:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-clients-says .ow-label-content-box{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; position:relative;}
.ow-clients-says .ow-label-content-box .hd { box-sizing:border-box; padding:30px 60px 0 0; position:relative; width:50%; }
.ow-clients-says .ow-label-content-box .hd h4{ box-sizing:border-box; color:#fff; font-size:38px; line-height:1.3; margin:0 0 0px 0; padding:0;}
.ow-clients-says .ow-label-content-box .hd h2{ box-sizing:border-box; color:#fff; font-size:16px; line-height:1.5; font-weight:normal; margin:0; padding:0;}
.ow-clients-says .ow-label-content-box .bd{ box-sizing:border-box; padding:40px 0 0 20px; position:relative; width:50%;}
.ow-clients-says .ow-label-content-box .bd .swiper{}
.ow-clients-says .ow-label-content-box .bd .swiper .swiper-slide{ box-sizing:border-box;}
.ow-clients-says .ow-label-content-box .bd .item{ box-sizing:border-box; background:#fff; height:250px; width:100%; margin:0; padding:25px 35px; }
.ow-clients-says .ow-label-content-box .bd .item .stars{ }
.ow-clients-says .ow-label-content-box .bd .item .textbox{ box-sizing:border-box; font-size:15px; min-height:120px; padding:10px 0px;}
.ow-clients-says .ow-label-content-box .bd .item .basebox{ padding:5px 0 0 0;}
.ow-clients-says .ow-label-content-box .bd .item .basebox .imgbox{ float:left;}
.ow-clients-says .ow-label-content-box .bd .item .basebox .imgbox img{ height:60px; width:60px;}
.ow-clients-says .ow-label-content-box .bd .item .basebox .infobox{ color:#00091d; padding-left:75px;}
.ow-clients-says .ow-label-content-box .bd .item .basebox .infobox h6{ font-size:16px; margin:0; padding:0; }
.ow-clients-says .ow-label-content-box .bd .item .basebox .infobox .l-text{ font-size:15px; }
.ow-clients-says-swiper .swiper-pagination{ padding:10px 0 0 0;}
.ow-clients-says-swiper .swiper-pagination-bullet{ background-color:#fff!important; margin:0 4px; opacity:1;}
.ow-clients-says-swiper .swiper-pagination-bullet-active{ background-color:#0444A3!important;}

/**新闻**/
.ow-news{ box-sizing:border-box; margin:0 auto; padding:50px 0 50px 0;}
.ow-news:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.ow-news .hd { padding:30px 0; position:relative; text-align:center; }
.ow-news .hd h2{ color:#000; font-size:32px; margin:0 auto; padding:0; width:600px;}
.ow-news .hd h3{ color:#666; font-size:15px; font-weight:normal; margin:0 auto; padding:10px 0 0 0; width:600px;}

.ow-news .bd{ position:relative; background:#ddd;}
.ow-news .bd ul{ margin:0; padding:0; }
.ow-news .bd ul li{ list-style:none; margin:0; padding:0;  box-sizing:border-box; background:#fff; width:400px; padding:0px 15px; position:relative;}
.ow-news .bd ul li .thumb{ background-color:#fff; height:229px; width:100%; overflow:hidden;}
.ow-news .bd ul li .thumb a{ }
.ow-news .bd ul li .thumb img{ min-height:100%; width:100%;}
.ow-news .bd ul li:hover .thumb img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out;}
.ow-news .bd ul li .info{ box-sizing:border-box; padding:20px 0px 0 0px;}
.ow-news .bd ul li .info .category{ margin-bottom:5px;}
.ow-news .bd ul li .info .category a,
.ow-news .bd ul li .info .category a:visited{ color:#666; position:relative; z-index:1;}
.ow-news .bd ul li .info .category a::before { content:""; position:absolute; width:0%; height:100%; left:0; bottom:0x; border-bottom:1px solid #666; transition:0.5s; z-index:-1;}
.ow-news .bd ul li .info .category a:hover::before { width:100%;}
.ow-news .bd ul li .info h3{ font-size:18px; margin:0 0 10px 0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;min-height: 54px;}
.ow-news .bd ul li .info h3 a,
.ow-news .bd ul li .info h3 a:visited{ color:#000; position:relative; z-index:1;}
.ow-news .bd ul li .info h3 a:hover { color:#0444A3;}
.ow-news .bd ul li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; bottom:0; border-bottom:1px solid #0444A3; transition:0.5s; z-index:-1;}
.ow-news .bd ul li .info h3 a:hover::before { width:100%;}
.ow-news .bd ul li .info .summary{ color:#666; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;min-height: 42px; }
.ow-news .bd ul li .info .more{}
.ow-news .bd ul li .info .more a,
.ow-news .bd ul li .info .more a:visited{ color:#0444A3; }
.ow-news .bd ul li .info .more a:hover{ color:#de3001; }

.ow-news-swiper .swiper-button-prev{ left:-60px!important;}
.ow-news-swiper .swiper-button-next{ right:-60px!important;}
.ow-news-swiper .swiper-button-prev::after { color:#fff!important; font-size:24px!important; padding:18px 22px 18px 20px;}
.ow-news-swiper .swiper-button-next::after { color:#fff!important; font-size:24px!important; padding:18px 20px 18px 22px;}
.ow-news-swiper .swiper-button-next:hover::after,
.ow-news-swiper .swiper-button-prev:hover::after{ background:rgba(0,0,0,0.2); color:#fff!important; transition:0.5s;}
.ow-news-swiper:hover .swiper-button-prev,
.ow-news-swiper:hover .swiper-button-next{ transition:0.5s;}

/*tags*/
.ow-index-tags { background:#fff; margin:0px auto; padding:0 0 20px 0; text-align:center;}
.ow-index-tags .hd { padding-bottom:15px; position:relative; }
.ow-index-tags .hd::before{ content:''; position:absolute; left:0; bottom:0; width:100px; height:0px; bottom:-1px; background:#013ea2;}
.ow-index-tags .hd h4{ color:#333; font-size:16px; font-weight:normal ;margin:0; padding:0; }
.ow-index-tags .bd{ padding:0px 0px 0px 0px;}
.ow-index-tags a{ background:#fff; border:1px solid #eee; display:inline-block; padding:8px 15px; margin:0px 10px 10px 0px; white-space:nowrap;}
.ow-index-tags a,
.ow-index-tags a:visited{ color:#888;}
.ow-index-tags a:hover { background:#00091d; border-color:#00091d; color:#fff; text-decoration:none;}

/*友情链接*/
.ow-flinks { background:#fff; margin:0 auto 10px auto; text-align:left;}
.ow-flinks .wrapper{ border-top:1px solid #f6f6f6; padding:25px 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:#0444A3; text-decoration:none;}

/*公告*/
.ow-notice{ background-color:#ffdb3d; color:#222; display:none; font-size:16px; padding:10px; text-align:center;}
#d_ow_notice{}
#d_ow_notice .ow-dialog-title{ background-color:#fff; border:1px solid rgba(0,0,0,0.8); border-bottom:none; color:#de0000; font-size:22px; padding:30px 0px 15px 0px; text-align:center;}
#d_ow_notice .ow-dialog-content{ border-top:none;}
#d_ow_notice .ow-dialog-content .ow-notice-dialog{ background-color:#fff; color:#333; font-size:18px; line-height:200%; padding:0px 40px 20px 40px; width:700px;}
#d_ow_notice .ow-dialog-buttons{ background-color:#fff; border:1px solid rgba(0,0,0,0.8); border-top:none; padding:0px 0px 20px 0px;}
#d_ow_notice .btn{ background-color:#fff; background-image:none; color:#666; font-weight:normal!important; font-size:15px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #ddd; text-shadow:none; -webkit-border-radius:0px; -moz-border-radius:0px; line-height:24px;}
#d_ow_notice .btn:hover{ background-color:#f4f4f4; border:1px solid #aaa; color:#333;}






