@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   license: none (public domain)
*/

/*home banner*/
.index-banner{width: 100%;max-width:1920px;margin:0 auto;height: 726px;transition: all 1s;-webkit-transition: all 1s; /* safari */}
.index-banner .swiper-container{height:100%;}
.index-banner .swiper-slide a{display: block;width: 100%;height: 100%;}
.index-banner .swiper-container .swiper-pagination{bottom:20px;}
.index-banner .swiper-container .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 6px;background:#fff;opacity:1;border-radius:4px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffb900;width:50px;transition: all 0.6s;-webkit-transition: all 0.6s;}

.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:78px;height:78px;margin-top:-39px;background:url(/uploads/image/whzdimages/icon-prev.png) no-repeat center;transition: all 0.6s;-webkit-transition: all 0.6s;opacity:0; left:4%;}
.index-banner .swiper-button-next{background:url(/uploads/image/whzdimages/icon-next.png) no-repeat center;right:4%;left:auto;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity:0.5;transition: all 0.6s;-webkit-transition: all 0.6s;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{opacity:1;transition: all 0.6s;-webkit-transition: all 0.6s;}

@media(max-width:1080px){
	.index-banner{height:520px;transition: all 1s;-webkit-transition: all 1s;}
	.index-banner .swiper-button-next,.index-banner .swiper-button-prev{display:none;}
}

@media(max-width:769px){
	.index-banner{height:400px;}

	.index-banner .swiper-container .swiper-pagination-bullet{width: 6px;height: 6px;margin:0 4px;}
	.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;height:4px;margin:1px 4px;}
}

@media(max-width:640px){
	.index-banner{height:280px;}
}

@media(max-width:420px){
	.index-banner{height:240px;}
}

/* 首页 关于我们 */
.home-about{width:100%;margin:0 auto;padding:80px 0 90px;}

.home-about-title,.home-about-title a{width:100%;float:left;}
.home-about-title a h3{float:left;width:100%;font-size:20px;color:#0d78ce;font-family:"微软雅黑";font-weight:bold;line-height:22px;}
.home-about-title a h6{float:left;width:100%;height:36px;position:relative;overflow:hidden;}
.home-about-title a h6 span.line{display:block;width:26px;height:4px;background:#ffb900;position:absolute;bottom:8px;left:0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-title a h6 span.arrow{display:block;width:40px;height:20px;background:url(/uploads/image/whzdimages/icon-more.png) no-repeat center;position:absolute;bottom:0px;left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-title a:hover h6 span.line{left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-title a:hover h6 span.arrow{left:0px;transition: all 0.3s;-webkit-transition: all 0.3s;}

.home-about-intro{float:right;width:calc(97% - 350px);}
.home-about-txt{float:left;width:100%;margin-top:30px;}
.home-about-txt p{float:left;width:100%;font-size:14px;color:#666;line-height:24px;font-family:"宋体";height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.home-about-icon{float:left;width:100%;margin-top:56px;}
.home-about-icon li{float:left;width:126px;height:110px;margin-right:10px;border:#eee solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-icon li a{float:left;width:100%;}
.home-about-icon li a img{display:block;width:38px;height:38px;margin:15px auto;}
.home-about-icon li a h6{width:100%;font-size:14px;color:#999;line-height:16px;font-family:"微软雅黑";text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-icon li.cur{border:#0d78ce solid 1px;background:#0d78ce;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-icon li.cur h6{color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}

@media(max-width:1080px){
	.home-about{padding:60px 0;}
	.home-about-title a h3{font-size:18px;font-weight:normal;}
	.home-about-title a h6 span.line{height:3px;}
	
	.home-about-intro{width:calc(97% - 250px);}
	.home-about-txt{margin-top:20px;}
	.home-about-txt p{height:48px;-webkit-line-clamp:2;}

	.home-about-icon{margin-top:30px;}
	.home-about-icon li{width:24%;height:90px;}
	.home-about-icon li a img{display:block;width:32px;height:32px;margin:10px auto;}
}

@media(max-width:640px){
	.home-about{padding:40px 0;}
	.home-about-title a h3{font-size:16px;font-weight:600;}
	.home-about-title a h6{height:16px;}
	.home-about-title a h6 span.line{bottom:2px;}
	.home-about-title a h6 span.arrow{display:none;}
	
	.home-about-intro{width:calc(98% - 200px);}
	.home-about-txt{margin-top:10px;}
	.home-about-txt p{font-size:12px;line-height:20px;height:40px;}

	.home-about-icon{margin-top:20px;}
	.home-about-icon li{width:24%;height:80px;}
	.home-about-icon li a img{display:block;width:32px;height:32px;margin:10px auto;}
	.home-about-icon li a h6{font-size:12px;}
}	

@media(max-width:480px){
	.home-about{padding:40px 0;}
	.home-about-title a h3{text-align:center;}
	.home-about-title a h6 span.line{left:50%;margin-left:-13px;bottom:2px;}
	
	.home-about-intro{width:100%;margin-top:20px;}
	.home-about-txt p{text-align:center;}

	.home-about-icon{margin-top:20px;}
	.home-about-icon ul{text-align:center;}
	.home-about-icon li{float:none;display:inline-block;}
}	

/* 首页 视频 */
.home-video{width:350px;float:left;position:relative;overflow:hidden;}
.home-video .home-home-img{width:100%;height:0;padding-bottom:100%;transition: all 3s;}
.home-video:hover .home-home-img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
.home-video .home-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.home-video .home-video-bg img{position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-24px;margin-top:-24px;display:block;cursor:pointer;}

@media(max-width:1080px){
	.home-video{width:250px;}
}

@media(max-width:640px){
	.home-video{width:200px;}
}

@media(max-width:480px){
	.home-video{width:100%;max-width:350px;float:none;margin:0 auto;}
}

/* 首页 标题 */
.home-title{width:100%;margin:0 auto;}
.home-title a{width:100%;display:block;}
.home-title a h3{width:100%;font-size:20px;color:#0d78ce;font-family:"微软雅黑";font-weight:bold;line-height:22px;text-align:center;}
.home-title a h6{display:block;margin:0 auto;width:40px;height:36px;position:relative;overflow:hidden;}
.home-title a h6 span.line{display:block;width:26px;height:4px;background:#ffb900;position:absolute;bottom:8px;left:50%;margin-left:-13px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-title a h6 span.arrow{display:block;width:40px;height:20px;background:url(/uploads/image/whzdimages/icon-more.png) no-repeat center;position:absolute;bottom:0px;left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-title a:hover h6 span.line{left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-title a:hover h6 span.arrow{left:0px;transition: all 0.3s;-webkit-transition: all 0.3s;}

@media(max-width:1080px){
	.home-title a h3{font-size:18px;font-weight:normal;}
	.home-title a h6{height:16px;}
	.home-title a h6 span.line{height:3px;bottom:2px;}
	.home-title a h6 span.arrow{display:none;}
	.home-title a:hover h6 span.line{left:50%;}
}

@media(max-width:640px){
	.home-title a h3{font-size:16px;font-weight:600;}
}	


/* 首页 业务领域 */
.home-business{width:100%;margin:0 auto;max-width:1920px;padding:36px 0 80px 0;background-position:center top;background-repeat:no-repeat;}

.home-busi-list{width:100%;max-width:870px;padding:0 15px;margin:0 auto;margin-top:26px;}
.home-busi-list li{float:left;width:33.33%;position:relative;overflow:hidden;}
.home-busi-list li a{float:left;width:100%;}
.home-busi-list li a .pic{width:100%;overflow:hidden;}
.home-busi-list li a .pic img{width:100%;display:block;transition: all 1s;-webkit-transform: all 1s;}

.home-busi-list li a .busi-bg{position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(13,120,206,0.7);padding:4%;opacity:0;overflow:hidden;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-busi-list li a .busi-border{width:100%;height:100%;border:#b7d7f0 solid 1px;vertical-align: middle;display: -webkit-flex; -webkit-align-items: center; display: flex;align-items: center;}
.home-busi-list li a .busi-txt{width:100%;}
.home-busi-list li a .busi-txt h5{width:90%;margin:0 5%;font-size:16px;color:#fff;font-family:"微软雅黑";line-height:20px;text-align:center;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-busi-list li a .busi-txt span{display:block;width:36px;height:36px;border-radius:18px;background:#ffb900;margin:0 auto;margin-top:25px;font-size:22px;color:#fff;text-align:center;line-height:36px;font-family:"微软雅黑";}
.home-busi-list li:hover a .busi-bg{top:0;left:0;width:100%;height:100%;opacity:1;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-busi-list li.active a .busi-bg{top:0;left:0;width:100%;height:100%;opacity:1;transition: all 0.3s;-webkit-transition: all 0.3s;}

@media(max-width:769px){
	.home-business{background-size:auto 54.5%;padding:30px 0 40px 0;}
	.home-busi-list{padding:0 2.5%;margin-top:16px;}
}

@media(max-width:480px){
	.home-busi-list li{width:50%;}
	.home-busi-list li a .busi-txt h5{font-size:14px;}
	.home-busi-list li a .busi-txt span{margin-top:12px;}
}

/* 首页 经典工程 */
.home-project{width:100%;padding:36px 3% 54px;max-width:1920px;margin:0 auto;background:#e1f2fc;}
.home-project .swiper-container{padding-bottom:60px;margin-top:26px;}
.home-project li{padding:20px 15px;background:#fff;box-shadow:none;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-project li:hover{box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-project li a{display:block;width:100%;}
.home-project li a .pic{width:100%;overflow:hidden;}
.home-project li a .pic img{display:block;width:100%;transition: all 1s;-webkit-transform: all 1s;}
.home-project li a:hover .pic img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
.home-project li a .txt{width:100%;margin-top:12px;}
.home-project li a .txt h5{width:100%;margin-bottom:4px;font-size:16px;color:#333;font-family:"微软雅黑";line-height:28px;height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-project li a:hover .txt h5{color:#0d78ce;}
.home-project li a .txt p{width:100%;font-size:12px;color:#999;line-height:22px;font-family:"宋体";height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:none;}

.home-project .swiper-container .swiper-pagination{bottom:0px;}
.home-project .swiper-container .swiper-pagination-bullet{width: 6px;height: 6px;background:#dcdcdc;opacity:1;border-radius:4px;}
.home-project .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffb900;opacity:1;width:8px;height:8px;}
.home-project .swiper-button-next,.home-project .swiper-button-prev{width:40px;height:20px;background:url(/uploads/image/whzdimages/icon-prev02.png) no-repeat center;top:auto;bottom:0;left:50%;margin-left:-100px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-project .swiper-button-next{background:url(/uploads/image/whzdimages/icon-next02.png) no-repeat center;margin-left:60px;}
.home-project .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(/uploads/image/whzdimages/icon-prev02-1.png) no-repeat center;}
.home-project .swiper-button-next.swiper-button-disabled{opacity:1;background:url(/uploads/image/whzdimages/icon-next02-1.png) no-repeat center;}

@media(max-width:769px){
	.home-project{padding:30px 2.5% 24px;}
	.home-project .swiper-container{padding-bottom:40px;margin-top:16px;}
	.home-project .swiper-button-next,.home-project .swiper-button-prev{display:none;}
	.home-project li a .txt h5{font-size:14px;}
}

/*首页 新闻*/
.home-news{width:100%;margin:0 auto;padding:60px 0 70px;}
.home-news .home-title{float:left;}
.home-news-pic{float:left;width:48.5%;margin-top:26px;background:#f5f5f5;}
.home-news-pic:hover{box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-news-pic a{float:left;width:100%;}
.home-news-pic a .pic{float:left;width:94%;margin:16px 3% 0;overflow:hidden;}
.home-news-pic a .pic img{width:100%;height:0;padding-bottom:226px;background-size:cover;background-position:center;background-repeat:no-repeat;display:block;transition: all 1s;-webkit-transform: all 1s;}
.home-news-pic:hover a .pic img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
.home-news-pic a .txt{float:left;width:100%;}
.home-news-pic a .txt .news-date{float:left;width:90px;height:96px;padding:20px;}
.home-news-pic a .txt .news-date span.year{float:left;width:100%;font-size:20px;color:#999;font-family:"arial";line-height:28px;text-align:center;border-bottom:#e5e5e5 solid 1px;}
.home-news-pic a .txt .news-date span.date{float:left;width:100%;font-size:14px;color:#999;font-family:"arial";line-height:28px;text-align:center;}
.home-news-pic a .txt .news-txt{float:left;width:calc(100% - 90px);padding:20px;padding-left:0;}
.home-news-pic a .txt .news-txt h5{float:left;width:100%;font-size:14px;color:#333;line-height:28px;font-family:"微软雅黑";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-news-pic a .txt .news-txt p{float:left;width:100%;font-size:12px;color:#999;line-height:28px;font-family:"宋体";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.home-news-list{float:right;width:48.5%;margin-top:26px;}
.home-news-list li{float:left;width:100%;margin-bottom:25px;background:#f5f5f5;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-news-list li a{float:left;width:100%;}
.home-news-list li a .news-date{float:left;width:90px;height:96px;padding:20px;}
.home-news-list li a .news-date span.year{float:left;width:100%;font-size:20px;color:#999;font-family:"arial";line-height:28px;text-align:center;border-bottom:#e5e5e5 solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-news-list li a .news-date span.date{float:left;width:100%;font-size:14px;color:#999;font-family:"arial";line-height:28px;text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-news-list li a .news-txt{float:left;width:calc(100% - 90px);padding:20px;padding-left:0;}
.home-news-list li a .news-txt h5{float:left;width:100%;font-size:14px;color:#333;line-height:28px;font-family:"微软雅黑";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-news-list li a .news-txt p{float:left;width:100%;font-size:12px;color:#999;line-height:28px;font-family:"宋体";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-news-list li:hover{background:#0d78ce;}
.home-news-list li:hover a .news-date span.year{color:#fff;border-bottom:#a6c3e7 solid 1px;}
.home-news-list li:hover a .news-date span.date{color:#fff;}
.home-news-list li:hover a .news-txt h5{color:#fff;}
.home-news-list li:hover a .news-txt p{color:#a6c3e7;}

@media(max-width:1080px){
	.home-news-pic a .pic img{padding-bottom:192px;}
	.home-news-pic a .txt .news-date{width:80px;height:84px;padding:16px;}
	.home-news-pic a .txt .news-date span.year{font-size:18px;line-height:26px;}
	.home-news-pic a .txt .news-date span.date{font-size:12px;line-height:26px;}
	.home-news-pic a .txt .news-txt{width:calc(100% - 80px);padding:16px;padding-left:0;}
	.home-news-pic a .txt .news-txt h5{line-height:26px;height:26px;}
	.home-news-pic a .txt .news-txt p{line-height:26px;height:26px;}

	.home-news-list li{margin-bottom:20px;}
	.home-news-list li a .news-date{width:80px;height:84px;padding:16px;}
	.home-news-list li a .news-date span.year{font-size:18px;line-height:26px;}
	.home-news-list li a .news-date span.date{font-size:12px;line-height:26px;}
	.home-news-list li a .news-txt{width:calc(100% - 80px);padding:16px;padding-left:0;}
	.home-news-list li a .news-txt h5{line-height:26px;height:26px;}
	.home-news-list li a .news-txt p{line-height:26px;height:26px;}
}

@media(max-width:640px){
	.home-news{padding:30px 0;}
	.home-news-pic{width:100%;margin-top:16px;}
	.home-news-pic a .pic img{padding-bottom:44%;}
	.home-news-list{width:100%;margin-top:16px;}
	.home-news-list li{margin-bottom:16px;}
}