/* CSS Document */

.index {
	background-color: #eeeeee;

	.banner {
		.swiper-slide {
			position: relative;

			img {
				display: block;
				width  : 100%;
			}
		}

		.swiper-container-horizontal > .swiper-pagination-bullets,
		.swiper-pagination-custom,
		.swiper-pagination-fraction {
			bottom: 64px;
		}

		.swiper-pagination {
			text-align : left;
			left       : 50%;
			margin-left: -600px;
			font-size  : 0;
			line-height: 0;
		}

		.swiper-pagination-bullet {
			opacity      : 1;
			width        : 50px;
			margin       : 0 10px;
			height       : 6px;
			border-radius: 0;
		}

		.swiper-pagination-white .swiper-pagination-bullet-active {
			opacity         : 1;
			background-color: #24805e;
		}

		.swiper-button-prev {
			left: 5%;
		}

		.swiper-button-next {
			right: 5%;
		}
	}

	.i_bumen {
		height          : 77px;
		font-size       : 0;
		line-height     : 0;
		background-color: #f5f5f5;
		border          : 1px solid #d8d8d8;

		.container_1200 {
			border-left: 1px solid #d8d8d8;
		}

		a {
			display         : inline-block;
			height          : 77px;
			font-size       : 18px;
			line-height     : 77px;
			border          : 1px solid #d8d8d8;
			color           : #000;
			width           : 12.5%;
			margin-left     : -2px;
			margin-top      : -1px;
			text-align      : center;
			background-color: #f5f5f5;

			&.on,
			&:hover {
				color: #24805e;
			}
		}
	}

	.i_bm_content {
		padding: 65px 0;

		.container_1200 {
			& > .inner {
				background-color: #fff;
				padding         : 66px 54px;

				.bm-tit {
					font-size  : 30px;
					font-weight: bold;
					color      : #333;
					line-height: 1em;
				}

				.bm-content {
					width        : 594px;
					padding-right: 498px;
					position     : relative;

					.content {
						padding-top: 50px;
						line-height: 32px;
						color      : #333;
					}

					.pic {
						position           : absolute;
						right              : 0;
						top                : 0;
						width              : 448px;
						height             : 100%;
						background-position: center;
						background-size    : cover;
					}
				}
			}
		}
	}

	.bm-more {
		padding-top: 40px;

		.more {
			width           : 196px;
			height          : 50px;
			background-color: #24805e;
			border-radius   : 50px;
			color           : #fff;
			line-height     : 50px;
			text-align      : center;
			box-shadow      : 0 0 5px #24805e;
			@include tr(0.4,all);

			&:hover {
				box-shadow: 0 0 10px #24805e;
				@include tr(0.4,all);
			}
		}

		.fr {
			width       : 448px;
			padding-left: 50px;
			position    : relative;

			&::after {
				content         : "";
				width           : 34px;
				height          : 2px;
				position        : absolute;
				left            : 10px;
				top             : 6px;
				background-color: #24805e;
			}

			.item {
				float      : left;
				width      : 50%;
				font-size  : 16px;
				line-height: 1em;

				a {
					color: #333;

					.title {
						margin-bottom: 25px;
					}

					&:hover {
						.title {
							color: #24805e;
						}
					}
				}
			}
		}
	}
}
