@charset "utf-8";
/* 
* Author:lin xiao dong (1071322670@qq.com)
* https://www.openwbs.com/
*/

/****/
.ow-main-banner{ position:relative;}
.ow-swiper{}
.ow-swiper .swiper-slide{ background:100%; background-position:center 0px; background-repeat:no-repeat;}
.ow-swiper .swiper-slide .slider-text{ box-sizing:border-box; margin:auto; width:1200px; padding:0 0 0 400px; }
.ow-swiper .swiper-slide .slider-text h2{ color:#121212; font-family:"PingFang SC", "Microsoft Yahei", Arial, sans-serif; font-size:48px; line-height:120%; width:700px; padding:0px 0px 15px 0px; }
.ow-swiper .swiper-slide .slider-text h3{ color:#343434; font-family:"PingFang SC", "Microsoft Yahei", Arial, sans-serif; font-size:18px; line-height:200%; font-weight:normal; padding:0px 0px 30px 0px; width:700px;}
.ow-swiper .swiper-slide .slider-text .slider-btn{ display:none;}
.ow-swiper .swiper-slide .slider-text .slider-btn a{ box-sizing:border-box; background:#fff; color:#333; display:inline-block; font-size:18px; height:52px; line-height:52px; padding:0px 68px; text-align:center; }
.ow-swiper .swiper-slide .slider-text .slider-btn a:hover{ background:#1b7cfb;}
.ow-swiper .swiper-slide .slider-text h2,
.ow-swiper .swiper-slide .slider-text h3{}
.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:28px!important; padding:20px 23px 20px 20px;}
.ow-swiper .swiper-button-next::after { color:#fff!important; font-size:28px!important; padding:20px 20px 20px 23px;}
.ow-swiper .swiper-button-next:hover::after,
.ow-swiper .swiper-button-prev:hover::after{ background:rgb(255,255,255,0.5); color:#000!important; transition:0.5s;}
@media (min-width:1500px) {
	.ow-swiper .swiper-slide .slider-text{ width:1470px;}
}
@media (min-width:1900px) {
	.ow-swiper .swiper-slide{ }
}
.ow-main-banner .herotext{ position:absolute; top:0; left:0; z-index:1; height:100%; width:100%;}
.ow-main-banner .herotext .wrapper{ height:100%; position:relative;  }
.ow-main-banner .herotext .wrapper .pannel{ background:rgba(102,102,102,0.7); height:100%; width:350px; display:flex; flex-direction:row; align-items:center;}
.ow-main-banner .herotext .ow-label-content-box{ box-sizing:border-box; color:#fff; padding:0 50px 0 60px; position:relative; }
.ow-main-banner .herotext .ow-label-content-box h2{ font-size:28px; position:relative; padding:0 0 10px 0; }
.ow-main-banner .herotext .ow-label-content-box h2::before { content:""; height:1px; width:80px; border-bottom:1px solid #fff; position:absolute; left:0.20rem; bottom:0;}
.ow-main-banner .herotext .ow-label-content-box h2 a,
.ow-main-banner .herotext .ow-label-content-box h2 a:visited{ color:#fff;}
.ow-main-banner .herotext .ow-label-content-box .p-text{ padding:30px 0;}
.ow-main-banner .herotext .ow-label-content-box .l-button a{ background:#fff; border-radius:5px; display:inline-block; padding:0px 20px; }
.ow-main-banner .herotext .ow-label-content-box .l-button a:hover{ background:#000; color:#fff;}
@media (min-width:1500px) {
	.ow-main-banner .herotext .wrapper .pannel{ width:380px;}
}

/**富文本**/
.ow-rich-text{ box-sizing:border-box; background:#f9f9f9; padding:15px auto; width:1200px;}
.ow-rich-text p{ font-size:16px; margin:0px; padding:0px;}
.ow-rich-text p img{ vertical-align:top;}
.ow-rich-text a,
.ow-rich-text a:visited{ color:#333;}
@media (min-width:1500px) {
	.ow-rich-text{ width:1470px!important;}
}


/**新闻**/
.ow-news{ box-sizing:border-box; margin:0 auto; padding:30px 0 80px 0;}
.ow-news .wrapper{}
.ow-news .hd { padding:30px 0; position:relative; }
.ow-news .hd h2{ color:#121212; font-size:28px; text-align:center;}
.ow-news .hd h3{ color:#b58145; font-size:28px; font-weight:normal; text-align:center; padding-top:5px;}
.ow-news .hd h3 { text-align:center; margin-top:5px; margin-left:5px; overflow:hidden; }
.ow-news .hd h3 span { position:relative; }
.ow-news .hd h3 span:after,
.ow-news .hd h3 span:before{content:""; position:absolute; top:50%; left:0; width:64px; width:40px; border-top:1px solid #c69f76; transform:translate3d(-150%,-50%,0); -webkit-transform:translate3d(-150%,-50%,0); }
.ow-news .hd h3 span:after { left:auto; right:0; transform:translate3d(150%,-50%,0); -webkit-transform:translate3d(150%,-50%,0);}
.ow-news .bd{ position:relative;}
.ow-news .bd ul{ display:flex; padding:10px 0 15px 0;}
.ow-news .bd ul li{ box-sizing:border-box; background:#fff; width:300px; margin-right:30px; position:relative;}
.ow-news .bd ul li .thumb{ background-color:#fff; height:154px; width:100%; overflow:hidden;}
.ow-news .bd ul li .thumb a{ }
.ow-news .bd ul li .thumb img{ 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; min-height:250px; padding:20px 20px 20px 20px; -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.12); -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.12); box-shadow:0px 0px 7px rgba(0,0,0,0.12);}
.ow-news .bd ul li .info .category{ font-weight:bold; margin-bottom:10px;}
.ow-news .bd ul li .info .category a,
.ow-news .bd ul li .info .category a:visited{ color:#121212; position:relative; z-index:1;}
.ow-news .bd ul li .info .category a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #121212; 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-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ow-news .bd ul li .info h3 a,
.ow-news .bd ul li .info h3 a:visited{ color:#222222; position:relative; z-index:1;}
.ow-news .bd ul li .info h3 a:hover { color:#121212;}
.ow-news .bd ul li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #121212; 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:#888; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.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:#888; }
.ow-news .bd ul li .info .more a:hover{ color:#121212; }
.ow-news .bd ul li.li4{
	background:#f4f4f4;
	display:flex; flex-direction:row; align-items:center; align-content:center; justify-content:center;
	-webkit-box-shadow:2px 3px 6px rgba(0,0,0,0.22); -moz-box-shadow:2px 3px 6px rgba(0,0,0,0.22); box-shadow:2px 3px 6px rgba(0,0,0,0.22); margin-right:0;
}
.ow-news .bd ul li.li4 a{ color:#b58145; display:flex; flex-direction:column; align-items:center; align-content:center; justify-content:center;}
.ow-news .bd ul li.li4 a:visited{ color:#b58145; }
.ow-news .bd ul li.li4 a i{
	color:#888; display:inline-block; border-radius:60px; height:60px; line-height:60px; width:60px; margin-bottom:10px; text-align:center; font-size:24px; font-weight:normal;
	-webkit-box-shadow:2px 3px 6px rgba(0,0,0,0.22); -moz-box-shadow:2px 3px 6px rgba(0,0,0,0.22); box-shadow:2px 3px 6px rgba(0,0,0,0.22);
	}
.ow-news .bd ul li.li4 a:hover{ color:#db9e58;}
.ow-news .bd ul li.li4 a:hover i{ background:#fff; }

@media (min-width:1500px) {
	.ow-news .bd ul li{ width:345px;}
	.ow-news .bd ul li .thumb{ height:198px; width:100%;}
	.ow-news .bd ul li .info{ padding:20px 25px 20px 25px;}
}


/**案例**/
.ow-cases{ background:#f2f2f2; box-sizing:border-box; margin:0 auto; padding:30px 0 80px 0;}
.ow-cases .wrapper{}
.ow-cases .hd { padding:30px 0; position:relative; }
.ow-cases .hd h2{ color:#121212; font-size:14px; text-align:center;}
.ow-cases .hd h3{ color:#b58145; font-size:14px; font-weight:normal; text-align:center; padding-top:5px;}
.ow-cases .hd h3 { text-align:center; margin-top:5px; margin-left:5px; overflow:hidden; }
.ow-cases .hd h3 span { position:relative; }
.ow-cases .hd h3 span:after,
.ow-cases .hd h3 span:before{content:""; position:absolute; top:50%; left:0; width:64px; width:40px; border-top:1px solid #c69f76; transform:translate3d(-150%,-50%,0); -webkit-transform:translate3d(-150%,-50%,0); }
.ow-cases .hd h3 span:after { left:auto; right:0; transform:translate3d(150%,-50%,0); -webkit-transform:translate3d(150%,-50%,0);}

.ow-cases .cates{ }
.ow-cases .cates ul{ display:flex; flex-direction:row; flex-wrap:nowrap; align-content:center; justify-content:center; }
.ow-cases .cates ul li{ box-sizing:border-box; border-bottom:1px solid #999999; font-size:20px; padding:10px 25px; }
.ow-cases .cates ul li.current{ border-bottom:3px solid #c69f76; }
.ow-cases .cates ul li.current a,
.ow-cases .cates ul li.current a:visited{ color:#b58145;}

.ow-cases .bd{ height:396px; padding:60px 0 30px 0; position:relative;}
.ow-cases .bd ul{ display:flex; position:relative; }

.ow-cases .bd ul li{ box-sizing:border-box; border:0; position:relative; }
.ow-cases .bd ul li .thumb{ height:100%; width:100%; position:relative; overflow:hidden;}
.ow-cases .bd ul li .thumb img{ height:100%; width:100%;}
.ow-cases .bd ul li:hover .thumb img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out;}
.ow-cases .bd ul li .info{ width:100%; position:absolute; bottom:0; left:0; z-index:1; }
.ow-cases .bd ul li .info h3{ box-sizing:border-box; background:#4d4d4d; font-size:14px; font-weight:normal; padding:5px 10px; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ow-cases .bd ul li .info h3 a,
.ow-cases .bd ul li .info h3 a:visited{ color:#fff; position:relative; z-index:1;}
.ow-cases .bd ul li .info h3 a:hover  { color:#fff;}
.ow-cases .bd ul li .info h3 a::before{ content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #fff; transition:0.5s; z-index:-1;}
.ow-cases .bd ul li .info h3 a:hover::before { width:100%;}
.ow-cases .bd ul li .datetime{ color:#fff;  position:relative;}

.ow-cases .bd ul li.li1{ height:396px; width:268px; position:absolute; left:0; top:0; }
.ow-cases .bd ul li.li2{ height:188px; width:268px; position:absolute; left:288px; top:0; }
.ow-cases .bd ul li.li3{ height:188px; width:268px; position:absolute; left:288px; top:208px; }
.ow-cases .bd ul li.li4{ height:396px; width:336px; position:absolute; left:576px; top:0; }
.ow-cases .bd ul li.li5{ height:188px; width:268px; position:absolute; left:932px; top:0; }
.ow-cases .bd ul li.li6{ height:188px; width:268px; position:absolute; left:932px; top:208px; }

@media (min-width:1500px) {
	.ow-cases .bd{ height:460px;}
	.ow-cases .bd ul li.li1{ height:460px; width:312px; position:absolute; left:0; top:0; }
	.ow-cases .bd ul li.li2{ height:220px; width:312px; position:absolute; left:332px; top:0; }
	.ow-cases .bd ul li.li3{ height:220px; width:312px; position:absolute; left:332px; top:240px; }
	.ow-cases .bd ul li.li4{ height:460px; width:474px; position:absolute; left:664px; top:0; }
	.ow-cases .bd ul li.li5{ height:220px; width:312px; position:absolute; left:1158px; top:0; }
	.ow-cases .bd ul li.li6{ height:220px; width:312px; position:absolute; left:1158px; top:240px; }
}

/*页面中间广告*/
.ow-index-page-hero{ margin:0 auto; width:1200px;}
.ow-index-page-hero a{ display:block; margin-bottom:15px;}
@media (min-width:1500px) {
	.ow-index-page-hero{ width:1470px;}
}

/*企业使命*/
.ow-business-miss{ padding:100px 0;}
.ow-business-miss .ow-label-content-box{ display:flex; flex-direction:row; align-content:center; justify-content:center;}
.ow-business-miss .ow-label-content-box .item{ box-sizing:border-box; background:#333333; color:#fff; border-radius:20px; margin:0 40px 0 0; width:33.3333%; position:relative; }
.ow-business-miss .ow-label-content-box .item:first-child{ background:#272928; }
.ow-business-miss .ow-label-content-box .item:last-child{ background:#4d4d4d; margin-right:0;}
.ow-business-miss .ow-label-content-box .item .imgbox{ position:absolute; left:20px; top:30px;}
.ow-business-miss .ow-label-content-box .item .imgbox img{ height:52px; width:52px;}
.ow-business-miss .ow-label-content-box .item .infobox{ padding:45px 40px 40px 85px;}
.ow-business-miss .ow-label-content-box .item .infobox h3{ font-size:22px; font-weight:normal;}
.ow-business-miss .ow-label-content-box .item .infobox .p-text{ color:rgba(255,255,255,0.8); font-size:16px; padding:25px 10px 20px 0; position:relative;}
.ow-business-miss .ow-label-content-box .item .infobox .p-text::before { content:""; height:100px; width:1px; border-left:1px solid rgba(255,255,255,0.4); position:absolute; left:-40px; top:30px;}
@media (min-width:1500px) {
	.ow-business-miss .ow-label-content-box .item{  margin:0 50px 0 0; }
}

/**联系我们**/
.ow-contact-form{ box-sizing:border-box; background:#fafafa url("../images/img/bg-image3.jpg") center top repeat; background-size:100%; background-attachment:fixed; padding:80px 0 80px 0; position:relative;}
.ow-contact-form::before{ content:''; background:#181c28; opacity:0.95; height:100%; width:100%; position:absolute; left:0; top:0;}
.ow-contact-form .wrapper{ position:relative; z-index:2;}
.ow-contact-form .leftbox{ box-sizing:border-box; float:left; width:48%; padding:0px 50px 0px 0px;}
.ow-contact-form .leftbox .hd{}
.ow-contact-form .leftbox .hd h4{ color:#fff; font-size:18px; padding-bottom:5px; position:relative;}
.ow-contact-form .leftbox .hd h4::before{ content:""; position:absolute; width:118px; height:8px; left:0; bottom:-2px; background:#389b1d; border-bottom-left-radius:5px; border-bottom-right-radius:5px; transition:0.5s; z-index:-1;}
.ow-contact-form .leftbox .hd h2{ color:#fff; font-size:32px; line-height:130%; padding:30px 0 10px 0;}
.ow-contact-form .leftbox .bd{ padding:20px 0 20px 0;}
.ow-contact-form .leftbox .bd .item { box-sizing:border-box; display:flex; flex-wrap:no-wrap; padding:15px 20px 15px 0px;}
.ow-contact-form .leftbox .bd .item .imgbox{ padding:5px 0 0 0;}
.ow-contact-form .leftbox .bd .item .infobox{ padding:0 0 0 20px;}
.ow-contact-form .leftbox .bd .item .infobox h3{ color:#fff; font-size:18px;  }
.ow-contact-form .leftbox .bd .item .infobox .p-text{ color:#ccc; font-size:18px; font-weight:normal; padding:0 0 0 0;}
.ow-contact-form .leftbox .bd .item .infobox .l-text{ color:#ccc; font-size:16px; font-weight:normal; padding:0 0 0 0;}
.ow-contact-form .leftbox .bd .item .infobox .l-button{ }
.ow-contact-form .leftbox .bd .item .infobox .l-button a{ box-sizing:border-box; background:#53af3a; color:#fff; border-radius:26px; display:inline-block; font-size:17px; height:52px; line-height:52px; padding:0px 45px; text-align:center; }
.ow-contact-form .leftbox .bd .item .infobox .l-button a:hover{ background:#389b1d;}
.ow-contact-form .rightbox{ box-sizing:border-box; float:right; width:52%; position:relative; }
.ow-contact-form .rightbox .form{ display:flex; flex-wrap:wrap; font-size:16px;}
.ow-contact-form .rightbox .form input{ background:rgba(255,255,255,0.2); box-sizing:border-box; border:1px solid rgba(255,255,255,0.1)!important; border-radius:5px; color:#fff; font-size:16px; height:42px; line-height:42px; padding:0 15px; width:100%; }
.ow-contact-form .rightbox .form input:hover,
.ow-contact-form .rightbox .form input:focus{ background:rgba(255,255,255,0.4); box-shadow:none!important; transition:0.5s; }
.ow-contact-form .rightbox .form textarea{ background:rgba(255,255,255,0.2); box-sizing:border-box; border:1px solid rgba(255,255,255,0.1)!important; border-radius:5px; color:#fff; font-size:16px; height:150px; padding:8px 15px; width:100%; vertical-align:top;}
.ow-contact-form .rightbox .form textarea:hover,
.ow-contact-form .rightbox .form textarea:focus{ background:rgba(255,255,255,0.4); box-shadow:none!important; transition:0.5s; }
.ow-contact-form .rightbox .form-group{ box-sizing:border-box; padding:10px 20px 10px 0; width:50%;}
.ow-contact-form .rightbox .form-group .col-name{ color:#fff; display:none; font-size:16px;}
.ow-contact-form .rightbox .form-group .col-value { padding:0 0 0 0;}
.ow-contact-form .rightbox .form-group .t-normal{ display:none;}
.ow-contact-form .rightbox .form-group{ border-bottom:none!important;}
.ow-contact-form .rightbox .form-group-field-content{ width:100%;}
.ow-contact-form .rightbox .form-group-field-verifycode{ width:100%;}
.ow-contact-form .rightbox .form-group-field-verifycode input{ margin-right:10px; width:120px;}
.ow-contact-form .rightbox .form-group-field-verifycode img{ box-sizing:border-box; height:42px; line-height:42px;}
.ow-contact-form .rightbox .form-group-field-verifycode .fresh{ box-sizing:border-box; height:42px; line-height:42px;}
.ow-contact-form .rightbox .form .form-actions{ padding:10px 0 0 0;}
.ow-contact-form .rightbox .form .form-actions .btn{ background:rgba(255,255,255,0.2)!important; box-shadow:none!important; border:none!important; text-shadow:none!important; font-size:18px; font-weight:normal; height:52px!important; line-height:52px!important; padding:0!important; width:200px;}
.ow-contact-form .rightbox .form .form-actions .btn:hover{ background:rgba(255,255,255,0.8)!important; color:#000!important; transition:0.5s; }
@media (min-width:1500px) {
	.ow-contact-form .leftbox{ width:50%;}
	.ow-contact-form .leftbox .bd .item .infobox{ padding:0 0 0 25px;}
	.ow-contact-form .rightbox{ width:50%; }
}

/*tags*/
.ow-index-tags { background:#fff; margin:0px auto; padding:50px 0 10px 0; text-align:center;}
.ow-index-tags .hd { border-bottom:0px solid #eeeeee; margin-bottom:15px; padding-bottom:10px; width:100%; position:relative; }
.ow-index-tags .hd::before{ content:''; position:absolute; left:0; bottom:0; width:100px; height:0px; bottom:-1px; background:#121212;}
.ow-index-tags .hd h4{ color:#333; font-size:20px;}
.ow-index-tags .bd{ padding:0px 0px 15px 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:#121212; border-color:#121212; color:#fff; text-decoration:none;}

/*友情链接*/
.ow-flinks { background:#fff; margin:10px auto 10px auto; text-align:center;}
.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:#121212; text-decoration:none;}