.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }
/* 历史 */

.hi1{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 100;overflow: hidden;background: #fff;}

.hi1 *{-webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}

.hi1 .hlt{position: relative;left: 0; width: 50%;height: 100vh;float: left;position: relative;background: url(../images/2_6.jpg) center right no-repeat;background-size: cover;}

.hi1 .hlt img{display: block;width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.hi1 .hrt{position: relative;left: 0; width: 50%;height: 100vh;float: right;position: relative;background: url(../images/2_7.jpg) center left no-repeat;background-size: cover;}

.hi1 .imlogo{position: absolute;width: 160px;top: 20px;left: 50%;margin-left: -80px;}

.hi1 .ct{width: 680px;height: 680px;position: absolute;top: 50%;left: 50%;margin-top: -340px;margin-left: -340px;}

.hi1 .ct .cimg{display: block;width: 100%; animation:dx 2s  linear  .3s ;-webkit-animation:dx 2s  linear  .3s ; }

.hi1 .ct .cimg img{display: block;width: 100%;animation:zhuan 2s  linear   infinite;-webkit-animation:zhuan 2s  linear  infinite;}

.hi1 .ct .en{width: 485px;height: 70px;position: absolute;overflow: hidden;top: 295px;left: 95px;z-index: 5;}

.hi1 .ct .en img{display: block;width: 485px;height: 70px;}

.hi1 .ct .en span{display: block;position: absolute;top: 0;left: 0;max-height: 0;overflow: hidden;}

.hi1 .ct .en.act span{max-height: 70px;transition-delay: .3s;-webkit-transition-delay: .3s;}

.hi1 .ct .en.act > img{opacity: 0;transition-delay: 1s;-webkit-transition-delay: 1s;}

.hi1 .ct .tx{width: 100%;color: #fff;position: absolute;top: 400px;left: 0;text-align: center;}

.hi1 .ct .year{font-size: 250px;position: absolute;width: 100%;top: 190px;left: 0;text-align: center;color: #fff;opacity: .2;}

.hi1.act {background: rgb(0,0,0,0);}

.hi1.act .hlt{-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;left: -100%;transition-delay: .3s;-webkit-transition-delay: .3s;}

.hi1.act .hrt{-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;left: 100%;transition-delay: .3s;-webkit-transition-delay: .3s;}

.hi1.act .imlogo,.hi1.act .ct{opacity: 0;}





@-webkit-keyframes dx {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	
	50% {
		transform: scale(.7);
		-webkit-transform: scale(.7);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@keyframes dx {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	
	50% {
		transform: scale(.7);
		-webkit-transform: scale(.7);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes zhuan {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	
	
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes zhuan {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	
	
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}






.hi2{position: relative; width: 100%;height: calc(100vh - 100px); overflow: hidden;background: url(../images/2_8.jpg) center left no-repeat; background-size: cover; cursor:url(../images/2_6.ico),zoom-in;}

.hi2 .swiper2{width: 100%;height: 100%;position: relative;}

.hi2 .swiper2 .swiper-slide .sbox{position: relative;width: 70%; height: 680px;left: 15%; top: 50%;margin-top: -380px;min-width: 1000px;}

.hi2 .swiper2 .swiper-slide .sbox .slt{width: 340px;float: left;padding-top: 250px;}

.hi2 .swiper2 .swiper-slide .sbox .slt .num{color: #bc1a25;font-family: arial;font-size: 100px;}

.hi2 .swiper2 .swiper-slide .sbox .slt .tt{margin: 30px 0 ;}

.hi2 .swiper2 .swiper-slide .sbox .slt .tc{line-height:1.8;color: #555; }

.hi2 .swiper2 .swiper-slide .sbox .srt{width: calc(100% - 400px);float: right;position: relative;overflow: hidden;}

.hi2 .swiper2 .swiper-slide .sbox .srt img{display: block;height: 100%;position: relative;left: 50%;margin-left: -480px;}

.hi2 .swiper2 .tyear{ position: absolute;
	top: 20%;
	right: 40%;
	font-weight: bold;
	font-size: 300px;
	font-family: arial;
	color: rgba(0,0,0,0.03);}

.prev2{ display: block;position: absolute;top: 50%;cursor: pointer;   -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;width: 50px;height: 50px;left: auto; right: 10px;background: #fff url(../images/2_9.png) center no-repeat;-moz-box-shadow: 0px 2px 5px #999;-webkit-box-shadow: 0px 2px 5px #999;box-shadow: 0px 2px 5px #999;border-radius: 50%;z-index: 3;display: none;}

.yrae2{ display: flex; width: 100%;height: 35px; position: absolute;left: 0;bottom: 0;z-index: 5;text-align: center;}

.yrae2 span{ -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;flex: 1;display: block;line-height: 20px;border-bottom: 10px solid #fff;font-size: 16px;font-weight: bold;cursor: pointer;}

.yrae2 span.act{border-bottom: 10px solid #bc1a25;color: #bc1a25;}




@media (max-width: 1440px) {

	.hi2 .swiper2 .swiper-slide .sbox .srt img{height: 500px;margin-top: 15%;}

 .hi1 .ct{transform: scale(.8);-webkit-transform: scale(.8);top: 55%;}
 .hi2 .swiper2 .tyear{ font-size: 200px;}
 .hi2 .swiper2 .swiper-slide .sbox .slt .num{ font-size: 70px;}
}


@media (max-width: 1280px){

	.hi2 .swiper2 .swiper-slide .sbox .srt{overflow:visible;width: calc(100% - 340px); }

	.hi2 .swiper2 .swiper-slide .sbox .srt img{left: 0;margin: 0;height: 540px;transform: scale(.7);-webkit-transform: scale(.7);}
	.hi2 .swiper2 .tyear{ font-size: 120px;}
	.hi2 .swiper2 .swiper-slide .sbox .slt .num{ font-size: 46px;}

}

@media (max-width: 1024px){
  .hi2 .swiper2,.hi2{height: calc(100vh - 50px);}

  .hi2 .swiper2 .swiper-slide .sbox{width: 900px;left: 62px;min-width: 900px;}

  .hi2 .swiper2 .tyear{box-sizing: border-box;padding-right: 350px;font-size: 180px;}

  .hi2 .swiper2 .swiper-slide .sbox .slt{width: 400px;}
	

  .hi2 .swiper2 .swiper-slide .sbox .srt img{height: 100%;margin-top: 0%;transform: scale(.7);-webkit-transform: scale(.7);}

  .i7 .ul1 li.act .dl1 {transform: scale(.9);-webkit-transform: scale(.9);}	

  .hi2 .swiper2 .swiper-slide .sbox .slt{width: 300px;}

  .hi2 .swiper2 .swiper-slide .sbox .srt{width: calc(100% - 300px);top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

  .hi2 .swiper2 .swiper-slide .sbox .srt img{    transform: scale(1); -webkit-transform: scale(1);width: 100%;height: auto;}

}
@media (max-width: 960px){


  .hi1{display: none;}

  .hi2{height: calc(100vh - 50px);overflow: hidden;}

  .hi2 .swiper2{height: calc(100vh - 50px);}

  .hi2 .swiper2 .swiper-slide .sbox .slt{width: 100%;float: none;padding-top: 5vh;}

  .hi2 .swiper2 .swiper-slide .sbox{width: 90%;height: auto;left: 5%;margin-left: 0;min-width: 100px;}

  .hi2 .swiper2 .swiper-slide .sbox .slt .num{font-size: 40px;}

  .hi2 .swiper2 .swiper-slide .sbox .slt .tt{margin: 20px 0;}

  .hi2 .swiper2 .swiper-slide .sbox .srt{width: 100%;float: none;margin-top: 30px;transform: translateY(0%);  -webkit-transform: translateY(0%); }

  .hi2 .swiper2 .swiper-slide .sbox .srt img{width: 100%;height: auto;}

  .hi2 .swiper2 .tyear{font-size: 100px;top: 100%;}
	
	.hi2 .swiper2 .swiper-slide .sbox .srt img{left: 0;margin-left: 0;    transform: scale(1);-webkit-transform: scale(1);}

}