/* CSS Document */
.about-tit {
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}
.about {
	.banner{ transition: $tr4;
		img{ display: block; width: 100%; }
	}
	.about-nav{ text-align: center; height: 50px; line-height: 0; font-size: 0; border-bottom: 1px solid #f1f1f1; position: static; background-color: #fff; transition: $tr4;
		a{ display: inline-block; height: 50px; line-height: 50px; font-size: 16px; width: 130px; color: #333333; transition: $tr4;
			&:hover{ color: #bfbfbf; transition: $tr4; }
			&.on{ background-color: #bfbfbf; color: #fff; transition: $tr4;}
		}
	}

	.a_pic1{
		img{ display: block; width: 100%;}
	}
	&.on{
		.about-nav{ position: fixed; top: 0; width: 100%; left: 0; z-index: 99; transition: $tr4;  }
	}
	.a_content{
		.a_l{ width: 673px; font-size: 14px; line-height: 24px;
			.title{ font-size: 16px; line-height: 24px; color: #040033; font-weight: bold; }
			strong,a{ color: #b89400;}
		}
		.a_r{ width: 420px;
			img{ display: block; width: 100%; }
		}
	}
	.about-content{
		.title {
			color: #36adcf;
			font-size: 24px; font-weight: bold;line-height: 32px;
		}
	}
	.timer{ background-image: url(../images/kedu.png); background-repeat: no-repeat; background-position: center 140px;
		.title{ color: #092469; font-size: 24px; line-height: 60px; font-weight: bold; }
		.swiper-container{ height: 200px; width: 824px; 
			.swiper-slide{
				.text{ width: 110px; font-family: 'HelveticaLT23UltraLightExtendedOblique';font-size: 34px; font-weight: bolder;  text-align: center; margin: 0 auto;  line-height: 90px; cursor: pointer;  }
				&.text-down{ 
					.text{ margin-top: 107px; border-top: 4px solid transparent;}
				}
				&.text-top{
					.text{ height: 107px; border-bottom: 4px solid transparent;}
				}
				&.on{
					.text{ color:#082469; }
					&.text-down{ 
						.text{ border-top: 4px solid #082469;}
					}
					&.text-top{ 
						.text{ border-bottom: 4px solid #082469;}
					}
				}
			}
		}
		.timer-swiper{ position: relative;
			.swiper-prev{ width: 42px; height: 42px; position: absolute; top: 50%; left: 0; margin-top: -13px; background-image: url(../images/timer_l.png); cursor: pointer; 
				&:hover{
					background-image: url(../images/timer_h_l.png); 
				}
			}
			.swiper-next{ width: 42px; height: 42px; position: absolute; top: 50%; right: 0; margin-top: -13px;  background-image: url(../images/timer_h_r.png);  cursor: pointer;
				&:hover{
					background-image: url(../images/timer_r.png); 
				}
			}
		}
		.timer-content{ font-size: 16px; line-height: 32px; }
	}

	.honor-list{
		.list{ overflow: hidden;
			.item{ width: 350px; margin-right: 25px; float: left; background-color: #f2f2f2; margin-bottom: 37px;    transition: $tr4;
				a{ display: block; padding: 36px; }
				span{ display: block; transition: $tr4;}
				.title{ color: #e60012; font-size: 24px; line-height: 1em; }
				.des{ color: #999; line-height: 1em; margin: 16px 0 32px 0; }
				.more{ width: 100px; height: 40px; color: #fff; background-color: #aaaaaa; line-height: 40px;   text-align: center; border-radius: 12px; }
				&:hover{ background-color: #36adcf; color: #fff; transition: $tr4;
					.title{ color: #fff; transition: $tr4;}
					.des{ color: #fff; transition: $tr4;}
					.more{ background-color:#fff; color: #36adcf; transition: $tr4;}
				}
			}
		}
	}
	.culture-list{
		.list{ overflow: hidden;
			.item{ width: 350px; margin-right: 25px; float: left; background-color: #eeeeee; 
				.title{ color: #fff; padding: 26px; 
					.en{ font-family: 'HelveticaLT23UltraLightExtended'; font-size: 24px; }
					.ch{ font-size: 24px; margin-top: 6px; }
				}
				.content{ height: 214px; background-repeat: no-repeat; background-position: center; padding: 0 50px; }
				&.item1{
					.content{ padding-top: 96px; text-align: center; height: 118px; }
				}
				&.item2{
					.content{ padding-top: 74px;  height: 140px; }
				}
				&.item3{
					.content{ padding-top: 80px;  height: 134px; }
				}
			}
		}
	}
}
