/* CSS Document */
.index {
	background-color: #eeeeee;

	.banner {
		.swiper-slide {
			position           : relative;
			background-position: center;
			background-size    : cover;

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

			.text {
				color           : #fff;
				font-size       : 20px;
				line-height     : 1.5em;
				font-weight     : lighter;
				padding         : 2em 0;
				width           : 70%;
				position        : absolute;
				top             : 50%;
				left            : 50%;
				margin-left     : -35%;
				margin-top      : -85px;
				background-color: rgba(27, 17, 70, 0.6);
				text-align      : center;
			}
		}

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

		.swiper-pagination-bullet {
			width           : 25px;
			height          : 3px;
			margin          : 0 6px;
			opacity         : 1;
			background-color: #fff;
			border-radius   : 0;
		}

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

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

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

	.i-bm-inner {
		margin-bottom: 5%;

		.inner {
			width           : 70%;
			padding         : 10% 5%;
			margin          : 5% auto;
			background-color: #fff;

			.tit {
				font-size  : 18px;
				font-weight: bold;
				color      : #333;
			}

			.content {
				color      : #333;
				font-weight: lighter;
				margin-top : 5%;
			}

			.more {
				display         : block;
				width           : 60%;
				background-color: #24805e;
				color           : #fff;
				text-align      : center;
				font-size       : 14px;
				line-height     : 2em;
				margin          : 10% auto 0;
				border-radius   : 10px;
			}
		}
	}
}

.group {
	padding-bottom: 10%;
}

.about {
	padding-bottom: 10%;
}

.i-bm-nav {
	background-color: #f5f5f5;
	border          : 1px solid #d8d8d8;
	margin          : 0 -1px;
	position        : relative;
	z-index         : 5;

	input {
		display: none;
	}

	.tit {
		cursor          : pointer;
		text-align      : center;
		position        : relative;
		background-color: #f5f5f5;
		z-index         : 1;
		border          : 1px solid #d8d8d8;
		line-height     : 3em;
		display         : block;
		width           : 80%;
		margin          : -1px auto;
		@include tr(0.4s,all);

		span {
			position  : absolute;
			right     : 5%;
			top       : 50%;
			margin-top: -8px;
		}
	}

	ul {
		position        : absolute;
		background-color: #f5f5f5;
		box-shadow      : 0 0 10px rgba(#12110c,.11);
		width           : 70%;
		padding         : 0 5%;
		left            : 50%;
		margin-left     : -40%;
		visibility      : hidden;
		opacity         : 0;
		@include tr(0.4s,all);

		li {
			a {
				display      : block;
				text-align   : center;
				font-size    : 14px;
				line-height  : 3em;
				border-bottom: 1px solid #d8d8d8;
			}

			&:last-child {
				a {
					border-bottom: 0;
				}
			}
		}
	}

	input:checked + .tit {
		background-color: #24805e;
		color           : #fff;
		@include tr(0.4s,all);
	}

	input:checked ~ ul {
		visibility: visible;
		opacity   : 1;
		@include tr(0.4s,all);
	}
}

.department {
	.department-content {
		margin-top   : 5%;
		margin-bottom: 5%;

		input {
			display: none;
		}

		label {
			display      : block;
			font-size    : 18px;
			font-weight  : bold;
			color        : #24805e;
			border       : 1px solid #24805e;
			line-height  : 2.7em;
			padding      : 0 6%;
			overflow     : hidden;
			margin-bottom: 5%;

			span {
				float   : right;
				position: relative;
				display : block;
				height  : 2.7em;
				width   : 15px;

				i {
					width           : 15px;
					height          : 1px;
					display         : block;
					background-color: #666666;
					position        : absolute;
					top             : 50%;

					&.h {}

					&.s {
						transform: rotate(90deg);
						@include tr(0.4s,transform);
					}
				}
			}
		}

		.content {
			padding: 5% 0;
			display: none;

			h1 {
				color         : #000000;
				font-size     : 16px;
				padding-bottom: 1em;
				border-bottom : 1px solid #d4d8d9;
			}

			strong {
				color: #000;
			}

			.gaoshi {
				li {
					font-size: 16px;

					a {
						display      : block;
						color        : #000;
						line-height  : 3em;
						border-bottom: 1px dashed #d4d8d9;
					}
				}
			}

			.pagination {
				margin-top: 8%;
			}
		}

		input:checked + label {
			span {
				i {
					&.s {
						transform: rotate(0deg);
						@include tr(0.4s,transform);
					}
				}
			}
		}

		input:checked + label + .content {
			display: block;
		}
	}
}

.news {
	.news-list {
		.list {
			li {
				font-size: 16px;

				a {
					display      : block;
					color        : #000;
					line-height  : 3em;
					border-bottom: 1px dashed #d4d8d9;
				}
			}
		}

		.pagination {
			margin-top: 8%;
		}
	}

	.news-content {
		padding: 10% 0;

		.title {
			font-size  : 26px;
			line-height: 1em;
			text-align : center;
			font-weight: lighter;
			color      : #000000;
		}

		.info {
			text-align    : center;
			font-size     : 12px;
			line-height   : 30px;
			border-bottom : 1px solid #d4d8d9;
			padding-bottom: 8px;
		}

		.content {
			padding-top: 10%;

			table {
				border: 1px solid #ccc;

				tr {
					border: 1px solid #ccc;
				}

				td {
					padding: 5px 20px;
					border : 1px solid #ccc;
				}
			}
		}
	}
}

.contact {
	padding-bottom: 10%;

	.tel {
		padding-bottom: 20px;
		border-bottom : 1px solid #d9d9d9;
		overflow      : hidden;

		.item {
			height         : 24px;
			background     : url("../images/c_tel.png") no-repeat left center;
			background-size: 24px;
			font-size      : 12px;
			color          : #000;
			line-height    : 24px;
			margin         : 2% 0;

			span {
				display     : inline-block;
				float       : left;
				height      : 24px;
				font-family : "UniversLT57Condensed";
				font-size   : 24px;
				padding-left: 40px;
			}
		}
	}

	.address {
		background     : url("../images/address.png") no-repeat 5px center;
		background-size: 20px;
		line-height    : 30px;
		padding-left   : 35px;
		color          : #000;
		margin-top     : 20px;
		font-size      : 16px;
	}

	.fax {
		background     : url("../images/fax.png") no-repeat 5px center;
		background-size: 20px;
		line-height    : 30px;
		color          : #000;
		margin-top     : 20px;
		font-size      : 16px;

		span {
			padding-left: 70px;
		}
	}

	.email {
		background     : url("../images/email.png") no-repeat 5px center;
		background-size: 20px;
		line-height    : 30px;
		color          : #000;
		margin-top     : 0;
		font-size      : 16px;

		span {
			padding-left: 70px;
		}
	}

	.map {
		height    : 300px;
		margin-top: 40px;
	}
}
