/* CSS Document */
.about-box{ max-width:1320px; min-width:260px; width:auto; margin:auto; height:340px; position:relative;}
.about-box .about-lay1{ position:absolute; left:1px; top:35px; width:calc(100% - 4px); width:-webkit-calc(100% - 4px); width:-moz-calc(100% - 4px); height:270px; background-color:#f8f8f8; border:1px solid #e8e8e8; z-index:2; filter:alpha(opacity=70);
   -moz-opacity:0.7;
   -khtml-opacity:0.7;
   opacity: 0.7;
}
.about-box .about-line{position:absolute; left:140px; top:0; width:calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); z-index:3;}
.about-box .about-title{position:absolute; left:35px; top:35px; z-index:4;}
.about-box .about-text{position:absolute; left:190px; height:180px; overflow:hidden; top:70px; line-height:28px; font-size:14px; z-index:5; width:calc(100% - 270px); width:-webkit-calc(100% - 270px); width:-moz-calc(100% - 270px); padding:0 34px 0 0; background-image:url(../images/h_shu.png); background-repeat:no-repeat; background-position:right top;}
.about-box .about-text p{padding:5px 0 5px 0; text-align:justify; text-indent:2em;}
.about-box .about-text p i{font-style:normal; font-size:24px; color:#FF0000; font-weight:bold;}

.about-year-hei{height:100px;}
.about-year{ padding:50px 50px 50px 30px; background-image:url(../images/xian.png); background-repeat:repeat-x; background-position:center center;}
.about-year li{float:left; width:8.2%; text-align:center; position:relative;}
.about-year li > a{ width:100px; font-weight:bold; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px; padding:20px; background-color:#FFFFFF; border:1px solid #dddddd; cursor:pointer;}
.about-year li > a:hover{background-color:#000000; color:#ffffff;}
.about-year li p{ position:absolute; left:50px; padding:10px; width:80px; top:-95px; text-align:center;  border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; border:1px solid #eeeeee; text-align:center; font-size:16px; background-color:#000000; color:#FFFFFF;  -webkit-transform: rotate(-35deg);	-moz-transform: rotate(-35deg);	transform: rotate(-35deg); display:none;}
.about-year li:first-child > a{background-color:#000000; color:#FFFFFF; border:1px solid #000000;}
.about-year li:first-child p{display:block;}
.about-year li:last-child > a{background-color:#000000; color:#FFFFFF; border:1px solid #000000;}
.about-year li:last-child p{display:block; left:0px;}
.about-year li:hover p{display:block;
	/*调用动画效果*/
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}

.a-hf{height:140px; background-image:url(../images/a_hf.jpg); background-repeat:no-repeat; background-position:center top; background-size:100% 100%; text-align:center; padding:60px 0 20px 0; font-size:18px; color:#FFFFFF; line-height:54px;}
.a-hf p{font-size:28px; font-weight:bold;}

.culture{}
.culture li{ float:left; width:50%; background-color:#EBEBEB;}
.culture li > p{}
.culture li > p img{ width:100%; display:block;}
.culture li .text{ padding:40px 40px 60px 40px; text-align:left; line-height:28px; font-size:14px; color:#000000;}
.culture li .text h5{ line-height:65px; font-size:24px; color:#000000; font-weight:bold;}


@media screen and (max-width:780px){
.culture li{ width:100%;}

.about-year li{width:calc(33.3333% - 20px); width:-webkit-calc(33.3333% - 20px); width:-moz-calc(33.3333% - 20px); margin:10px;}
}

@media screen and (max-width:501px){

}