/* 灰色背景区域 */
#grayModule {
    background : #F7F9FF;
    font-size  : 0.16rem;
    font-weight: 400;
    color      : #333333;
}
#grayModule::after { content: ""; clear: both; display: block; height: auto; overflow: hidden;}
/* 蓝色背景区 */
#blueModule {
    width          : 100%;
    min-height     : 6.4rem;
    background     : url('../img/sulutionDetailBg.png') no-repeat left top;
    background-size: 100% auto;
    font-size      : 0.16rem;
}

/* 白色背景 */
#whiteModule {
    background : #ffffff;
    font-size  : 0.16rem;
    font-weight: 400;
    color      : #333333;
}
#grayModule,#whiteModule,#blueModule { padding-bottom: .7rem;}
.solution-swiper {
    width   : 100%;
    position: relative;
	padding-bottom: .5rem;
	margin-bottom: .8rem;
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgb(77 135 255 / 28%);
}

.solution-swiper .swiper-pagination-bullet {
    margin : 0 .05rem;
	display : inline-block;
	width : .16rem;
	height : .16rem;
	background : #B4C1E9;
	font-size: 0;
	vertical-align: middle;
	border-radius : .2rem;
}

.solution-swiper .swiper-pagination-bullet-active {
    width : .4rem;
	height : .16rem;
	background: #0072FF;
}

#banner .banner-sub {font-size: 0.16rem !important;}
.swiper-pagination { bottom: .2rem !important;}