@charset "utf-8";
/*！
############################
# Copyright (c) 2021 戴思乐科技集团有限公司 版权所有
# Object Drydenaqua_swimpool.css
# Powered by MrJeKe
# Time 2021/8/10
############################
*/

.nopadding {
   padding: 0;
   margin: 0;
}
.intpadding{
	margin-left:5px;
}
.margin_b{
	margin-block: 5px;
}
.width_b{
	margin-left:5px;
	width: 31.9%;
}

/* banner img */
.banner-box{
	/*background-image: url(/app/images/swimpool/banner.jpg);
	background-position: center;
	height: 400px;*/
}
.drydenaqua-img{
	padding-top: 60px;
}
.swimpool-box1 .drydenaqua-img img{
	max-width: 100%;
	height: auto;
}
.swimpool-box1 .title{
	color: #1567B0;
	margin:0 0 25px 0;
}
.swimpool-box1 .title-content{
	text-align: justify;
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 50px;

}
.swimpool-box1 .h3{
	color: #1567B0;
	margin-bottom: 5px;
}
.swimpool-box1 .h3-p{
	font-size: 16px;
	line-height: 1.7;
}
.swimpool-box1-h3{
	text-align: center;
}
.swimpool-box1 .h3{
	font-weight: bold;
}
.swimpool-box1-right {
	padding-top: 160px;
}
.swimpool-box1-right img{
	max-width: 100%;
	height: auto;
}
.swimpool-box-slide .h2-title{
	color: #1567B0;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}
.carousel-control.left {
    background-image:none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
 
.carousel-control.right {
    left: auto; right: 0;
    background-image:none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

/* 轮播 */
.banner-img img{
	width: 100%;
	height:auto;
}

/* 服务内容 */

.swimpool-box2-left-bg{
	/*height: 560px;*/
}

.swimpool-box2 .h2-title{
	color: #1567B0;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

.swimpool-box2{
	padding-bottom: 45px;
	position: relative;
}

/* 背景图片 */

/* 泳池过滤系统改造 */

.swimpool-box2-left-img{
	height:500px;
	transition: all .5s;
}
.swimpool-box2-left-img .img-bg-box{
	background: url(/app/images/swimpool/left-img1.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #4CA2D3;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img:hover .img-bg-box{
	transition: all .5s;
	background-color: #fff;
}
.swimpool-box2-h2{
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-h2 a{
	text-decoration: none;
	color: #fff;
}
/* 泳池过滤系统改造 */

/* 游泳池水路系统改造 */
.swimpool-box2-left-img-water{
	height:230px;
	transition: all .5s;
}
.swimpool-box2-left-img-water .img-bg-box-water{
	background: url(/app/images/swimpool/water.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #4CA2D3;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-water:hover .img-bg-box-water{
	transition: all .5s;
	background-color: #fff;
}
.swimpool-box2-h2-water{
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-h2-water a{
	text-decoration: none;
	color: #fff;
}
/* 游泳池水路系统改造 */

/* 游泳池自动投药系统 */
.swimpool-box2-left-img-medicament{
	height:260px;
	margin-top: 5px;
	transition: all .5s;
}
.swimpool-box2-left-img-medicament .img-bg-box-medicament{
	background: url(/app/images/swimpool/Launch.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #4CA2D3;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-medicament:hover .img-bg-box-medicament{
	transition: all .5s;
	background-color: #fff;
}
.swimpool-box2-h2-medicament{
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-h2-medicament a{
	text-decoration: none;
	color: #fff;
}
/* 游泳池自动投药系统 */

/* 电控系统 */
.swimpool-box2-left-img-control{
	height:260px;
	margin-top: 5px;
	transition: all .5s;
}
.swimpool-box2-left-img-control .img-bg-box-control{
	background: url(/app/images/swimpool/control.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #4CA2D3;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-control:hover .img-bg-box-control{
	transition: all .5s;
	background-color: #fff;
}
.swimpool-box2-h2-control{
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-h2-control a{
	text-decoration: none;
	color: #fff;
}
/* 电控系统 */

/* 消毒系统 */
.swimpool-box2-left-img-xiaodu{
	height: 225px;
	margin-top: 5px;
	transition: all .5s;
}
.swimpool-box2-left-img-xiaodu .img-bg-box-xiaodu{
	background: url(/app/images/swimpool/xiaodu.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #4CA2D3;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-xiaodu:hover .img-bg-box-xiaodu{
	transition: all .5s;
	background-color: #fff;
}
.swimpool-box2-h2-xiaodu{
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-h2-xiaodu a{
	text-decoration: none;
	color: #fff;
}
/* 消毒系统 */

/* 泳池保养服务 */
.swimpool-box2-left-img-baoyang{
	height: 500px;
	margin-top: 5px;
	transition: all .5s;
}
.swimpool-box2-left-img-baoyang .img-bg-box-baoyang{
	background: url(/app/images/swimpool/baoyang.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 123px;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #4CA2D3;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-baoyang:hover .img-bg-box-baoyang{
	transition: all .5s;
	background-color: #fff;
}
.swimpool-box2-h2-baoyang{
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-h2-baoyang a{
	text-decoration: none;
	color: #fff;
}
/* 泳池保养服务 */

/* swimpool-box3 */
.swimpool-box3 .h2-title{
	text-align: center;
	color: #1567B0;
	margin-bottom:25px;
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 0px;
    margin-left: 5px;
    margin-right: 5px;
  }
  @media ( max-width : 460px) {
    .col-xs-5ths {
		width: 47%;
		float: left;
		margin-top: 10px;
    }
    .col-xs-5ths-end{
    	width: 97%;
    }
  }

  @media ( min-width : 768px) {
    .col-sm-5ths {
      width: 20%;
      float: left;
    }
  }
  @media ( min-width : 992px) {
    .col-md-5ths {
      width: 19%;
      float: left;
    }
  }
  @media ( min-width : 1200px) {
    .col-lg-5ths {
      width: 19%;
      float: left;
    }
  }


/* 1-现场检测 */
.swimpool-box2-left-img-xc{
	height:400px;
	transition: all .5s;
}
.swimpool-box2-left-img-xc .img-bg-box-xcbg{
	background: url(/app/images/swimpool/pro1.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #ffffff;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-xc:hover .img-bg-box-xcbg{
	transition: all .5s;
	background-color: #337ab7;
}

.swimpool-box2-left-img-xc:hover .swimpool-box2-h2-title1{
	transition: all .5s;
	display: none;
}
.swimpool-box2-h2-title1{
	transition: all .5s;
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-left-img-xc:hover .swimpool-box2-h2-hover-title2{
	transition: all .5s;
	display: block;
}

.swimpool-box2-h2-hover-title2{
	margin:0;
	padding:15px;
	background: rgb(255,255,255,0);
	color: #fff;
	text-align: center;
	bottom: 40%;
	position: absolute;
	width: 100%;
	transition: all .5s;
	display: none;
	text-align: justify;

}
.swimpool-box2-h2-hover-title2 span{
	font-size: 15px;
}

/* 1-现场检测 */


/* 2-制定方案 */

.swimpool-box2-left-img-dz{
	height:400px;
	transition: all .5s;
}
.swimpool-box2-left-img-dz .img-bg-box-dzbg{
	background: url(/app/images/swimpool/pro2.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #ffffff;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-dz:hover .img-bg-box-dzbg{
	transition: all .5s;
	background-color: #337ab7;
}

.swimpool-box2-left-img-dz:hover .swimpool-box2-h2-title1{
	transition: all .5s;
	display: none;
}
.swimpool-box2-h2-title1{
	transition: all .5s;
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-left-img-dz:hover .swimpool-box2-h2-hover-title2{
	transition: all .5s;
	display: block;
}

.swimpool-box2-h2-hover-title2{
	margin:0;
	padding:15px;
	background: rgb(255,255,255,0);
	color: #fff;
	text-align: center;
	bottom: 40%;
	position: absolute;
	width: 100%;
	transition: all .5s;
	display: none;

}
.swimpool-box2-h2-hover-title2 span{
	font-size: 15px;
}

/* 2-制定方案 */

/* 3-施工安装 */

.swimpool-box2-left-img-sg{
	height:400px;
	transition: all .5s;
}
.swimpool-box2-left-img-sg .img-bg-box-sgbg{
	background: url(/app/images/swimpool/pro3.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #ffffff;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-sg:hover .img-bg-box-sgbg{
	transition: all .5s;
	background-color: #337ab7;
}

.swimpool-box2-left-img-sg:hover .swimpool-box2-h2-title1{
	transition: all .5s;
	display: none;
}
.swimpool-box2-h2-title1{
	transition: all .5s;
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-left-img-sg:hover .swimpool-box2-h2-hover-title2{
	transition: all .5s;
	display: block;
}

.swimpool-box2-h2-hover-title2{
	margin:0;
	padding:15px;
	background: rgb(255,255,255,0);
	color: #fff;
	text-align: center;
	bottom: 40%;
	position: absolute;
	width: 100%;
	transition: all .5s;
	display: none;
	text-align: justify;

}
.swimpool-box2-h2-hover-title2 span{
	font-size: 15px;
}

/* 3-施工安装 */

/* 4-项目验收 */
.swimpool-box2-left-img-xm{
	height:400px;
	transition: all .5s;
}
.swimpool-box2-left-img-xm .img-bg-box-xmbg{
	background: url(/app/images/swimpool/pro4.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #ffffff;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-xm:hover .img-bg-box-xmbg{
	transition: all .5s;
	background-color: #337ab7;
}

.swimpool-box2-left-img-xm:hover .swimpool-box2-h2-title1{
	transition: all .5s;
	display: none;
}
.swimpool-box2-h2-title1{
	transition: all .5s;
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-left-img-xm:hover .swimpool-box2-h2-hover-title2{
	transition: all .5s;
	display: block;
}

.swimpool-box2-h2-hover-title2{
	margin:0;
	padding:15px;
	background: rgb(255,255,255,0);
	color: #fff;
	text-align: center;
	bottom: 40%;
	position: absolute;
	width: 100%;
	transition: all .5s;
	display: none;
	text-align: justify;

}
.swimpool-box2-h2-hover-title2 span{
	font-size: 15px;
}

/* 4-项目验收 */

/* 5-质保项目 */
.swimpool-box2-left-img-zb{
	height:400px;
	transition: all .5s;
}
.swimpool-box2-left-img-zb .img-bg-box-zbbg{
	background: url(/app/images/swimpool/pro5.jpg);
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: 100% 100%;
	background-color: #ffffff;
	background-blend-mode: multiply;
	transition: all .5s;
}
.swimpool-box2-left-img-zb:hover .img-bg-box-zbbg{
	transition: all .5s;
	background-color: #337ab7;
}

.swimpool-box2-left-img-zb:hover .swimpool-box2-h2-title1{
	transition: all .5s;
	display: none;
}
.swimpool-box2-h2-title1{
	transition: all .5s;
	margin:0;
	padding:15px;
	background: rgb(61,99,174,0.77);
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.swimpool-box2-left-img-zb:hover .swimpool-box2-h2-hover-title2{
	transition: all .5s;
	display: block;
}

.swimpool-box2-h2-hover-title2{
	margin:0;
	padding:15px;
	background: rgb(255,255,255,0);
	color: #fff;
	text-align: center;
	bottom: 40%;
	position: absolute;
	width: 100%;
	transition: all .5s;
	display: none;
	text-align: justify;

}
.swimpool-box2-h2-hover-title2 span{
	font-size: 15px;
}

/* 5-质保项目 */

/* swimpool-box3 */

/* swimpool box4 */
.swimpool-box4{
	margin-top: 58px;
	padding-top:55px;
	background: #E7F6FD;
}
.swimpool-box4 .h2-title{
	margin:0 0 30px 0; 
	color: #1567B0;
	text-align: center;
}
.media{
	margin-top: 0px;
	margin-bottom: 25px;

}
.media-object{
	width: 222px;
	height:126px;
	transition: all 0.5s;  
}
.media-object:hover{
	transform: scale(1.2);  
}
.media-heading a{
	text-decoration:none;
	color: #3E5FAC;
	font-weight: 700;
}
.media-body{
	background-color: #fff;
	vertical-align: middle;
	padding-left: 15px;
	padding-right:15px;
	text-align: justify;
}
.media-left{
	padding-right: 0px;
	overflow: hidden;
}
.swimpool-news{
	text-align:center;
	padding: 30px 0 55px 0;
}
.swimpool-news a{
	color: #3d62ad;
	background-color: #e7f6fd;
	border-color: #3d62ad;
	border-radius: 25px;
	padding: 6px 28px;
	font-size: 17px;
}
.swimpool-news a:hover{
	color: #ffffff;
	background-color: #3d62ad;
	border-color: #3d62ad;
}

/* swimpool box4 */


/* 背景图片 */
.swimpool-padding{
	margin-bottom: 15px;
}

/* 移动端css */
@media screen and (max-device-width: 750px){
	.banner-box{
		height: 255px;
	}
	.swimpool-box1 .drydenaqua-img img{
		max-width: 100%;
		height: auto;
	}
	.drydenaqua-img {
		padding-top: 15px;
		text-align: center;
	}
	.swimpool-box1 .title{
		text-align: center;
	}
	.swimpool-box1 .h3{
		 font-size: 20px;
	}
	.swimpool-box1-right {
        padding-top: 25px;

	}
	.swimpool-box-slide .h2-title{
		color: #1567B0;
	}
	.swimpool-box2-h2{
		font-size: 17px;
	}
	.swimpool-padding {
	    margin-bottom: 8px;
	}
	.swimpool-box2-left-bg{
		overflow: hidden;
		height: auto;
	}
	.margin_b_swin{
		margin-block: 5px;
	}
	.width_b{
		width: 100%;
	}
	.media-heading a{
		font-size: 17px;
	}
	.p-content{
		font-size: 14px;
		line-height: 1.3;
	}
	.media-object{
		width: 160px;
		height:100px;
	}

	.swimpool-box2-left-img-xc{
		height: 350px;
	}
	.swimpool-box2-left-img-dz{
		height: 350px;
	}
	.swimpool-box2-left-img-sg{
		height: 350px;
	}
	.swimpool-box2-left-img-xm{
		height: 350px;
	}


}
/* 移动端css */