/* 通用解决方案（一版开始） */
.collapse-text{
	color: #ebebeb !important;
	font-size: 1.1rem;
	line-height: 5.5rem;
	cursor: pointer;
	transition: all 0.4s ease; 
}
.collapse-active,.collapse-text:hover{
	color: #FFFFFF !important;;
	font-size: 1.4rem;
	transition: all 0.4s ease; 
}
.card-body-costem{
	padding: .6rem;
	font-size: 1rem;
	text-align: center;
}
/* 通用解决方案（一版结束） */


/* 通用解决方案（二版开始） */
.current-box{
	height: 500px;
	background-color: #f4f4f4;
	position: relative;
	padding: 0;
}
.current-box-icon{
	width: 100px;
	height: 100px;
	padding: 20px 5px 0px 5px;
	border: 2px solid transparent;
	border-radius: 50%;
	transition: all 0.3s ease; 
	position: relative;
}
.current-box:hover .current-box-icon{
	padding: 15px;
	border: 2px solid #ffffff;
	transition: all 0.3s ease; 
}
.current-iconbg{
	height: 80px;
	transition: all 0.3s ease; 
}
.current-iconbg1{
	background: url(../images/indexImg/iconbg1-gray.png) center center no-repeat;
	background-size: contain;
}
.current-box:hover .current-iconbg1{
	height: 100%;
	background: url(../images/indexImg/iconbg1-white.png) center center no-repeat;
	background-size: cover;
	transition: all 0.3s ease; 
}
.current-iconbg2{
	background: url(../images/indexImg/iconbg2-gray.png) center center no-repeat;
	background-size: contain;
}
.current-box:hover .current-iconbg2{
	height: 100%;
	background: url(../images/indexImg/iconbg2-white.png) center center no-repeat;
	background-size: cover;
	transition: all 0.3s ease; 
}
.current-iconbg3{
	background: url(../images/indexImg/iconbg3-gray.png) center center no-repeat;
	background-size: contain;
}
.current-box:hover .current-iconbg3{
	height: 100%;
	background: url(../images/indexImg/iconbg3-white.png) center center no-repeat;
	background-size: cover;
	transition: all 0.3s ease; 
}
/* 第一种布局，文字上，图片下 */
.current-box-text{
	position: absolute;
	width: 100%;
	top: 0;
	height: 50%;
	transition: all 0.3s ease; 
	z-index: 10;
}
.current-box-img{
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 50%;
	transition: all 0.3s ease; 
	z-index: 1;
}
/* 第二种布局，文字下，图片上（第一种布局类名需要使用） */
.current-box-img-up{
	top: 0;
	bottom: auto;
}
.current-box-text-down{
	bottom: 0;
	top: auto;
}
.current-box:hover .current-box-text,
.current-box:hover .current-box-img{
	height: 100%;
	transition: all 0.3s ease; 
	background-color: rgba(42,109,187,.7);
}
.current-planbg1{
	background: url(../images/indexImg/planbg1.jpg) center center no-repeat;
	background-size: cover;
}
.current-planbg2{
	background: url(../images/indexImg/planbg2.jpg) center center no-repeat;
	background-size: cover;
}
.current-planbg3{
	background: url(../images/indexImg/planbg3.jpg) center center no-repeat;
	background-size: cover;
}
.current-box-h5{
	font-size: 18px;
	line-height: 30px;
	margin: 15px auto 5px auto;
	font-weight: 600;
	color: #333;
}
.current-box-p{
	font-size: 14px;
	line-height: 20px;
	color: #666;
	word-wrap:break-word; 
    word-break:break-all;
}
.current-box:hover .current-box-h5,
.current-box:hover .current-box-p{
	color: #fff;
}
.current-box-a{
	line-height: 0;
	border: 1px solid transparent;
	color: transparent !important;
	margin-top: 20px;
	width: 40%;
	opacity: 0;
}
.current-box:hover .current-box-a{
	opacity: 1;
	line-height: 32px;
	border: 1px solid #ffffff;
	color: #ffffff;
}
/* 通用解决方案（二版结束） */