/* CSS Document */
.about {
	.a_content {
		padding: 5% 0;
	}

	.a_map {
		background-image   : url("../images/a_fenbu.jpg");
		background-position: center;
		background-size    : cover;
		color              : #fff;
		padding            : 10% 0;

		.tit {
			font-size  : 24px;
			font-weight: bold;
			line-height: 1em;
		}

		.des {
			font-size  : 12px;
			line-height: 1em;
			margin     : 2% 0 5%;
		}

		.en {
			font-family: "Conv_HelveticaNeueLTStd-UltLtEx";
			font-size  : 9px;
		}

		.list {
			.item {
				margin-top: 5%;

				.title {
					font-size  : 15px;
					font-weight: bold;
				}

				.tel {
					font-size: 12px;
				}
			}
		}
	}

	.a_quick {
		padding: 6% 0;

		.swiper-slide {
			img {
				display: block;
				width  : 100%;
			}

			.wh-center {
				position: absolute;
				left    : 0;
				top     : 0;
				width   : 100%;
				height  : 100%;

				.inner {
					display   : block;
					color     : #fff;
					text-align: center;

					.ico {
						width           : 2em;
						height          : 2em;
						background-color: rgba(229, 0, 19, 0.7);
						display         : block;
						line-height     : 2em;
						font-size       : 12px;
						border-radius   : 100%;
						margin          : 10% auto;
					}

					.title {
						font-size: 12px;
					}
				}
			}

			.demo-gallery {
				position: absolute;
				left    : 0;
				top     : 0;
				width   : 100%;
				height  : 100%;

				a {
					position: absolute;
					left    : 0;
					top     : 0;
					width   : 100%;
					height  : 100%;
					opacity : 0;

					img {
						width : 100%;
						height: 100%;
					}

					&:first-child {
						z-index: 5;
					}
				}
			}
		}

		.swiper-pagination {
			position   : relative;
			bottom     : 0;
			font-size  : 0;
			line-height: 0;
			margin     : 5% auto 0;
		}

		.swiper-pagination-bullet {
			margin          : 0 6px;
			opacity         : 1;
			background-color: #b0b0b0;
		}

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

	.organization {
		padding: 10% 0;

		img {
			display  : block;
			max-width: 100%;
			margin   : 0 auto;
		}
	}

	.culture-tit {
		.ch {
			font-weight : bold;
			border-left : 4px solid #e50014;
			line-height : 1.5em;
			padding-left: 10px;
			color       : #333;
		}

		.en {
			margin-top  : 5px;
			font-family : "Conv_HelveticaNeueLTStd-ThEx";
			font-size   : 10px;
			padding-left: 15px;
			color       : #999;
		}
	}

	.culture-linian {
		padding: 10% 0;

		.content {
			padding-top: 10%;

			img {
				display  : block;
				max-width: 100%;
				margin   : 0 auto;
			}
		}

		.c_change {
			padding-top: 5%;
		}
	}

	.culture-jianshe {
		.content {
			padding-top: 5%;

			img {
				display  : block;
				max-width: 100%;
				margin   : 0 auto;
			}
		}

		.text-area {
			padding: 8% 0;
		}
	}

	.culture-wenhua {
		.list {
			overflow: hidden;
			padding : 5% 0 0;

			.item {
				width        : 48%;
				float        : left;
				margin-bottom: 6%;

				&:nth-child(odd) {
					margin-right: 2%;
				}

				&:nth-child(even) {
					margin-left: 2%;
				}

				a {
					display   : block;
					background: #ededed;
					padding   : 5%;
					transition: all 0.4s, transform 0.4s;

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

					span {
						display: block;
					}

					.inner {
						.title {
							font-size  : 18px;
							margin     : 8px 0 5px;
							font-weight: lighter;
						}

						.des {
							font-size         : 12px;
							line-height       : 1.5em;
							height            : 3em;
							overflow          : hidden;
							display           : -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
							overflow          : hidden;
							margin-bottom     : 2px;
						}
					}
				}
			}
		}

		.pagination {
			padding-top   : 4%;
			padding-bottom: 10%;
		}
	}

	.culture-qikan {
		.list {
			padding: 10% 0;

			.item {
				width        : calc(100% - 2px);
				border       : 1px solid #e6e6e6;
				margin-bottom: 2%;
				transition   : all 0.4s, transform 0.4s;

				a {
					width     : 85%;
					display   : block;
					height    : 100%;
					position  : relative;
					padding   : 4% 5% 3%;
					transition: all 0.4s, transform 0.4s;

					span {
						&.title {
							font-size    : 18px;
							display      : block;
							line-height  : 1em;
							font-family  : "HelveticaNeueLTStdLt";
							margin-bottom: 2px;
						}

						&.des {
							font-size  : 12px;
							line-height: 1em;
							display    : block;
						}

						&.ico {
							position  : absolute;
							right     : 0;
							top       : 0;
							color     : #e50013;
							font-size : 20px;
							height    : 100%;
							transition: all 0.4s, transform 0.4s;
						}
					}
				}
			}
		}
	}

	.honor-nav {
		font-size  : 0;
		line-height: 0;
		padding-top: 10%;

		a {
			display      : inline-block;
			background   : #efefef;
			font-size    : 15px;
			line-height  : 3.2em;
			width        : calc(50% - 2px);
			text-align   : center;
			border-top   : 1px solid #efefef;
			border-left  : 1px solid #efefef;
			border-right : 1px solid #efefef;
			border-bottom: 1px solid #c9c9c9;

			&.on {
				background   : #fff;
				border-top   : 1px solid #c9c9c9;
				border-left  : 1px solid #c9c9c9;
				border-right : 1px solid #c9c9c9;
				border-bottom: 1px solid #fff;
				transition   : all 0.4s, transform 0.4s;
				width        : calc(50% - 2px);
			}
		}
	}

	.honor-list {
		padding: 5% 0;

		.tit {
			line-height  : 3em;
			font-size    : 15px;
			border-bottom: 1px solid #d1d1d1;

			span {
				color         : #ffba00;
				margin-right  : 10px;
				font-size     : 18px;
				vertical-align: middle;
				position      : relative;
				top           : -2px;
			}
		}

		.list {
			a {
				display      : block;
				line-height  : 3em;
				font-size    : 15px;
				border-bottom: 1px solid #d1d1d1;
				position     : relative;
				overflow     : hidden;

				span {
					color         : #ffba00;
					margin-right  : 10px;
					font-size     : 18px;
					vertical-align: middle;
					position      : relative;
					top           : 0;
				}

				img {
					display : block;
					height  : 3em;
					position: absolute;
					top     : 0;
					left    : 50%;
					opacity : 0;
				}
			}
		}

		.loadmore {
			margin: 10% 0;
		}
	}

	.contact-tel {
		margin-top: 5%;

		.item {
			position: relative;
			height  : 45px;
			margin  : 5% 0;

			.ico {
				width        : 45px;
				height       : 45px;
				line-height  : 45px;
				text-align   : center;
				font-size    : 20px;
				background   : #0097e6;
				color        : #fff;
				border-radius: 100%;
				position     : absolute;
				top          : 0;
				left         : 0;
			}

			.inner {
				padding-left: 60px;

				.title {
					font-size  : 12px;
					line-height: 1em;
					margin-top : 5px;
				}

				.des {
					font-family: "BebasNeue";
					font-size  : 24px;
					line-height: 1em;
					margin-top : 2px;
				}
			}
		}
	}

	.contact-citem {
		border-top   : 1px solid #cecece;
		margin-top   : 5%;
		margin-bottom: 10%;

		.item {
			border-bottom: 1px solid #cecece;
			line-height  : 3em;
			font-size    : 14px;

			.ico {
				color       : #333;
				font-size   : 24px;
				width       : 45px;
				text-align  : center;
				margin-right: 15px;
			}
		}
	}

	.contact-bottom {
		.item {
			width        : 100%;
			margin-bottom: 5%;
			float        : left;
			position     : relative;

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

			a {
				display   : block;
				width     : 100%;
				position  : absolute;
				top       : 0;
				left      : 0;
				height    : 100%;
				text-align: center;

				span {
					display    : block;
					height     : 2.5em;
					background : rgba(0,0,0,0.3);
					line-height: 2.5em;
					font-size  : 16px;
					font-weight: bold;
					position   : absolute;
					bottom     : 0;
					left       : 0;
					color      : #fff;
					width      : 100%;
				}
			}
		}
	}
}
