.b24Gray
	padding-bottom 96px
	background #F0F2F7
	.blockItem
		&:first-child
			margin-top 0px
		&:last-child
			margin-bottom 0px

.b24
	border-bottom 1px solid #CDD3EC
	.gNav
		padding 0px 30px
.b24Content
	position relative
	
.b24Title
	position absolute
	top 70px
	left 0
	width 100%
	width 54%
	.gTitle
		max-width 370px

.b24LeftInfo
	width 54%
	padding-bottom 70px
	.gParrafo
		font-size 24px
		line-height 1.5
		margin-bottom 84px
		

.b24SwiperContent
	width 40%
	background #002346
	position relative
	border-top-left-radius 15px
	border-bottom-left-radius 15px
	overflow hidden
	
.b24Bottom
	.clickVideo
		position relative
		top initial
		transform initial
		margin 0 

.b24Bottom
	&.noVideo
		a
			display none
		.b24Data
			padding-left 0px
			
.b24Data
	width calc(100% - 78px)
	padding-left 20px
	p
		margin-bottom 8px
		&:last-child
			margin-bottom 0
			
.b24Name
	font-size 24px
	textg(t-400,normal,#002346)
	margin-bottom 8px

.b24Cargo
	font-size 15px
	textg(t-400,normal,#70839C)
		
.b24Item
	width 60%
	&.swiper-slide-active
		figure
			img
				opacity 1
			&:before
				opacity 0.2
				transition all 400ms ease
	figure
		width 100%
		border-radius 50%
		overflow hidden
		position relative
		&:before
			content ''
			full()
			background linear-gradient(180deg, #0250CC 0%, #EC414A 100%)
			opacity 0.1
			transition all 400ms ease
		img
			width 100%
			opacity 0.1


@media screen and (max-width 1440px)
	.b24LeftInfo .gParrafo
		font-size 22px
		margin-bottom 60px
	.b24Title
		top 60px

@media screen and (max-width 1366px)
	.b24LeftInfo .gParrafo
		font-size 20px
		margin-bottom 50px
	.b24Title
		top 50px
		
@media screen and (max-width 1024px)
	.b24LeftInfo
		padding-bottom 0px
	.b24LeftInfo .gParrafo
		font-size 18px
		margin-bottom 40px
	.b24Title
		top 30px
		img
			width 70px
	.b24Name
		font-size 20px

@media screen and (max-width 768px)
	.b24
		padding-left 0px !important
	.b24SwiperContent,
	.b24LeftInfo
		width 100%
	.b24LeftInfo
		padding 40px 20px
		padding-top 70px
	.b24Title
		position relative
		top 0
		width 100%
		margin-bottom 40px
	.b24Bottom
		z-index 20
		bottom 30px
		centerX()
		text-align center
		.clickVideo
			margin-bottom 110px
	.b24Name
		font-size 18px
		textg(t-400,normal,#fff)
		margin-bottom 14px
	.b24Cargo
		font-size 15px
		textg(t-400,normal,#fff)
	.b24Data
		padding-left 0px

@media screen and (max-width 480px)
	.b24Bottom
		height calc(348px + (522 - 348) * ((100vw - 320px) / (480 - 320)))
		bottom 0
		flexg(center,center)
		.clickVideo
			margin-bottom 0px
			centerXY()
	.b24Data
		position absolute
		bottom 30px
	.b24LeftInfo .gParrafo
		margin-bottom 0%
		font-size 18px
		text-align justify
	.b24Title
		text-align center
	.b24Title
		img
			width 64px
			margin-bottom 40px