@charset "utf-8";


@media only screen and (max-width:450px){
	.slideBox{ width:100%; height:520px;overflow:hidden; position:relative;}
	.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:24%; bottom:5px; z-index:1; }
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{cursor: pointer; width:3em; height:2px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
	.slideBox .hd ul li.on{ background:red !important;}
	.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
	.slideBox .bd ul li{overflow: hidden;width: 100%; height: 230px;position: relative;  }
	
	.a-top{width:100%;height:320px;}

	.bannerlione{background-size: 100% 100%!important;}
	.bannerlitwo{background-size: 100% 100% !important;}
	.bannerlithree{background-size: 100% 100% !important;}
	
	#a3{
		margin-top: 110px;
		
		margin-left: 10px;
		display:none;
	}
	
	.jtwh{
		font-size: 47px;
		font-weight: bolder;
	}
	.yzs{
		font-size: 32px;
		font-weight: bolder;
	}
	.eng{
		
		margin-top: 42px;
	}
	.eng p{
		font-size: 17px;
		margin-top: 10px;
	}
	.a-but{
		width: 260px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		background-color: #b21d1a;
		color: #fff;
		font-weight: bolder;
		border-radius: 8px;
		
		margin: 30px 0;
		
	}

	
	#a4{
		margin-left: 25px;
		text-align: left;
		color: #fff;
		display:none;
	}
	.zzfh,.qydr{
		font-size: 55px;
		font-weight: bolder;
		color: #fff;
	}
	.at-light p{
		font-size: 15px;
		color: #fff;
		margin-top: 28px;
	}
	.at-rig .yj{
		font-size: 16px;
	}
	.at-rig .num{
		font-size: 35px;
		font-weight: bolder;
	}
	

	.at-rig .atr-blod{
		font-size: 9px;
		font-weight: 500;
	}
	.at-rig .atr-light{
		font-size: 5px;
		color: #cbcacb;
		margin-top: 8px;
		
	}
	#a4 .atr-down{
		display: none;
	}
	
	
	#a5{
		margin-top: 150px;
		text-align: left;
		margin-left: 25px;
		color:#fff;
		display:none;
	}
	#a5 .a-blod{
		font-size: 18px;
	}
	#a5 .a-light{
		margin-top: 21px;
	}
	#a5 .a-light p{
		font-size: 5px;
		color: #eff1f6;
		margin-top: 9px;
	}
	.shouji-jt{
		display: none;
	}
	.jtp{
		display: none;
	}
	

	.red-line{
		width: 15px;
		height: 2px;
		background-color: #b21d1a;
		position: absolute;
		right: 3%;
	}
	.year{
		font-size: 16px;
		color: #fff;
		font-weight: bolder;
		margin-top: 18px;
	}

	
	.nav{
		display: none;
	}
	.sj-nav{
		color: #fff;
		display: flex;
		justify-content: space-between;
		padding: 15px;
	}
	.nav-title{
		font-size: 22px;
	}
	.sjr-list{

		
		background: rgba(178, 29, 26, 0.8);
	}
	.sj-drop{
		padding: 10px 0;
		
	}
	.nav-item{
		display: none;
	}
	.nav-item a{
		
		font-size: 20px;
		display: block;
		border-bottom: 1px solid #fff;
		padding: 10px 20px;
	}
	.sj-nav a{
		color: #fff;
	}
}

@media screen and (min-width:451px) and (max-width:560px){
	.slideBox{ width:100%; height:520px;overflow:hidden; position:relative;}
	.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:26%; bottom:5px; z-index:1; }
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{cursor: pointer; width:3em; height:2px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
	.slideBox .hd ul li.on{ background:red !important;}
	.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
	.slideBox .bd ul li{overflow: hidden;width: 100%; height: 520px;position: relative;  }
	
	.a-top{width:100%;height: 520px;}
   	.bannerlione{background-size: 100% 100%!important;}
	.bannerlitwo{background-size: 100% 100% !important;}
	.bannerlithree{background-size: 100% 100% !important;}

	
	#a3{
		margin-top: 117px;
		margin-left:110px;
	}
	
	.jtwh{
		font-size: 47px;
		font-weight: bolder;
	}
	.yzs{
		font-size: 32px;
		font-weight: bolder;
	}
	.eng{
		
		margin-top: 42px;
	}
	.eng p{
		font-size: 17px;
		margin-top: 10px;
	}
	.a-but{
		width: 260px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		background-color: #b21d1a;
		color: #fff;
		font-weight: bolder;
		border-radius: 8px;
		margin: 30px 0;
		
	}

	
	
	#a4{
		margin-left: 125px;
		
		color: #fff;
	}
	.zzfh,.qydr{
		font-size: 55px;
		font-weight: bolder;
		color: #fff;
	}
	.at-light p{
		font-size: 15px;
		color: #fff;
		margin-top: 28px;
	}
	.at-rig .yj{
		font-size: 16px;
	}
	.at-rig .num{
		font-size: 35px;
		font-weight: bolder;
	}
	

	.at-rig .atr-blod{
		font-size: 9px;
		font-weight: 500;
	}
	.at-rig .atr-light{
		font-size: 5px;
		color: #cbcacb;
		margin-top: 8px;
		
	}

	#a4 .atr-down{
		display: none;
	}
	
	
	#a5{
		margin-top: 190px;
		text-align: left;
		margin-left: 20px;
		color: #fff;
	}
	#a5 .a-blod{
		font-size: 18px;
	}
	#a5 .a-light{
		margin-top: 21px;
	}
	#a5 .a-light p{
		font-size: 5px;
		color: #eff1f6;
		margin-top: 9px;
	}
	
	
	.shouji-jt{
		
		position: absolute;
		left: 4%;
		top: 6%;
		z-index: 0;
		margin-top: 20px;
	}
	
	.shouji-jt p:nth-child(2){
		color:#b21d1a;
		font-weight: bolder;
		margin-top: -40px;
	}

	#a31{
		position: absolute;
		
		z-index: 999;
	}
	.shouji-jt p{
		font-size: 100px;
		font-weight:600px;
		

	}

	.jtp{
		display: none;
	}
	

	.red-line{
		width: 15px;
		height: 2px;
		background-color: #b21d1a;
		position: absolute;
		right: 3%;
	}
	.year{
		font-size: 16px;
		color: #fff;
		font-weight: bolder;
		margin-top: 18px;
	}
	
	.nav{
		display: none;
	}
	.sj-nav{
		color: #fff;
		display: flex;
		justify-content: space-between;
		padding: 15px;
	}
	.nav-title{
		font-size: 22px;
	}
	.sjr-list{

		
		background: rgba(178, 29, 26, 0.8);
	}
	.sj-drop{
		padding: 10px 0;
		
	}
	.nav-item{
		display: none;
	}
	.nav-item a{
		
		font-size: 20px;
		display: block;
		border-bottom: 1px solid #fff;
		padding: 10px 20px;
	}
	.sj-nav a{
		color: #fff;
	}

}

@media screen and (min-width:561px) and (max-width:768px){
	.slideBox{ width:100%; height:510px;overflow:hidden; position:relative;}
	.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:40%; bottom:5px; z-index:1; }
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{cursor: pointer; width:3em; height:2px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
	.slideBox .hd ul li.on{ background:red !important;}
	.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
	.slideBox{ width:100%; height: 510px;overflow-x:hidden; position:relative;min-width: 768px;}
	

	.slideBox .bd ul li{overflow: hidden;width: 100%; height: 510px;position: relative;}
	.a-top{width:100%;height: 500px;}
	.bannerlione{background-size: 100% 100%!important;}
	.bannerlitwo{background-size: 100% 100% !important;}
	.bannerlithree{background-size: 100% 100% !important;}
	
	#a3{
		margin-top: 117px;
		text-align: center;
	}
	
	.jtwh{
		font-size: 47px;
		font-weight: bolder;
		
	}
	.yzs{
		font-size: 35px;
		font-weight: bolder;
	}
	.eng{
		
		margin-top: 42px;
		
	}
	.eng p{
		font-size: 17px;
		margin-top: 10px;
	}
	.a-but{
		width: 260px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		background-color: #b21d1a;
		color: #fff;
		font-weight: bolder;
		border-radius: 8px;
		
		margin: 30px auto;
		
	}

	
	#a4{
		margin-left: 130px;
		text-align: left;
		color: #fff;
		padding-top: 30px;
	}
	.zzfh,.qydr{
		font-size: 55px;
		font-weight: bolder;
		color: #fff;
	}
	.at-light p{
		font-size: 15px;
		color: #fff;
		margin-top: 28px;
	}
	.at-rig .yj{
		font-size: 16px;
	}
	.at-rig .num{
		font-size: 35px;
		font-weight: bolder;
	}
	.at-rig .atr-blod{
		font-size: 9px;
		font-weight: 500;
	}
	.at-rig .atr-light{
		font-size: 5px;
		color: #cbcacb;
		margin-top: 8px;
		
	}
	.atr-down{
		display: none;
	}

	#a4 .a-but{
		margin: 30px 0;	
	}
	
	
	#a5{
		margin-top: 150px;
		text-align: left;
		
		color: #fff;
	}
	#a5 .a-blod{
		font-size: 18px;
	}
	#a5 .a-light{
		margin-top: 21px;
	}
	#a5 .a-light p{
		font-size: 5px;
		color: #eff1f6;
		margin-top: 9px;
	}
	#a5 .a-but{
		margin-left: -5px;
	}
	
	.shouji-jt p{
		font-size: 100px;
		font-weight:600px;
	}

	.shouji-jt{
		
		position: absolute;
		left: 6%;
		top: 2%;
		z-index: 0;
		
		text-align: left;
	}
	#a31{
		position: absolute;
		z-index: 999;
		top: 44%;
		left: 6%;
	}
	
	.shouji-jt p:nth-child(2){
		color:#b21d1a;
		font-weight: bolder;
		margin-top: -40px;
	}
	.jtp{
		display: none;
	}
	
	

	.red-line{
		width: 15px;
		height: 2px;
		background-color: #b21d1a;
		position: absolute;
		right: 3%;
	}
	.year{
		font-size: 16px;
		color: #fff;
		font-weight: bolder;
		margin-top: 18px;
	}


	
	.nav{
		display: none;
	}
	.sj-nav{
		color: #fff;
		display: flex;
		justify-content: space-between;
		padding: 15px;
	}
	.nav-title{
		font-size: 22px;
	}
	.sjr-list{

		
		background: rgba(178, 29, 26, 0.8);
	}
	.sj-drop{
		padding: 10px 0;
		
	}
	.nav-item{
		display: none;
	}
	.nav-item a{
		
		font-size: 20px;
		display: block;
		border-bottom: 1px solid #fff;
		padding: 10px 20px;
	}
	.sj-nav a{
		color: #fff;
	}
}

@media screen and (min-width:769px) and (max-width:1024px){
	.slideBox{ width:100%; height:520px;overflow:hidden; position:relative;}
	.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:35%; bottom:5px; z-index:1; }
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{cursor: pointer; width:3em; height:2px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
	.slideBox .hd ul li.on{ background:red !important;}
	.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
	.slideBox{ width:100%; height: 520px;overflow-x:hidden; position:relative;min-width: 768px;}
	

	.slideBox .bd ul li{overflow: hidden;width: 100%; height: 520px;position: relative;}
	.a-top{width:100%;height: 520px;}
	.bannerli{background-size: 100% 100%;}

	.nav__trigger{
		position: absolute;
		top: 17px !important;
	}
	.bannerlione{background-size: 100% 100%!important;}
	.bannerlitwo{background-size: 100% 100% !important;}
	.bannerlithree{background-size: 100% 100% !important;}
	
	#a3{
		margin-top: 117px;
		text-align: center;
		
	}
	
	.jtwh{
		font-size: 47px;
		font-weight: bolder;
		
	}
	.yzs{
		font-size: 35px;
		font-weight: bolder;
	}
	.eng{
		
		margin-top: 42px;
		
	}
	.eng p{
		font-size: 17px;
		margin-top: 10px;
	}
	.a-but{
		width: 260px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		background-color: #b21d1a;
		color: #fff;
		font-weight: bolder;
		border-radius: 8px;
		
		margin: 30px auto;
		
	}

	
	#a4{
		margin-left: 125px;
		text-align: left;
		color: #fff;
	}
	#a4 .a-but{
		margin-left: 0px;
	}
	.zzfh,.qydr{
		font-size: 55px;
		font-weight: bolder;
		color: #fff;
	}
	.at-light p{
		font-size: 15px;
		color: #fff;
		margin-top: 28px;
	}
	.at-rig .yj{
		font-size: 16px;
	}
	.at-rig .num{
		font-size: 35px;
		font-weight: bolder;
	}
	.at-rig .atr-blod{
		font-size: 9px;
		font-weight: 500;
	}
	.at-rig .atr-light{
		font-size: 5px;
		color: #cbcacb;
		margin-top: 8px;
		
	}


	
	
	#a5{
		margin-top: 150px;
		text-align: center;
		color: #fff;
	}
	#a5 .a-blod{
		font-size: 18px;
	}
	#a5 .a-light{
		margin-top: 21px;
	}
	#a5 .a-light p{
		font-size: 5px;
		color: #eff1f6;
		margin-top: 9px;
	}
	

	
	.shouji-jt p{
		font-size: 100px;
		font-weight:600px;
	}

	.shouji-jt{
		
		position: absolute;
		left: 6%;
		top: 1%;
		z-index: 0;
		
		text-align: left;
	}
	#a31{
		position: absolute;
		z-index: 999;
		top: 46%;
		left: 8%;
		text-align: left;
	}
	#a31 .a-but{
		margin-left: -4px;
	}
	
	.shouji-jt p:nth-child(2){
		color:#b21d1a;
		font-weight: bolder;
		margin-top: -20px;
	}
	.jtp{
		display: none;
	}
	
	

	.red-line{
		width: 15px;
		height: 2px;
		background-color: #b21d1a;
		position: absolute;
		right: 3%;
	}
	.year{
		font-size: 16px;
		color: #fff;
		font-weight: bolder;
		margin-top: 18px;
	}

	
	.nav{
		display: none;
	}
	.sj-nav{
		color: #fff;
		display: flex;
		justify-content: space-between;
		padding: 15px;
		background-color: #fff;
	}
	.nav-title{
		font-size: 22px;
	}
	.sjr-list{

		
		background: rgba(178, 29, 26, 0.8);
	}
	.sj-drop{
		padding: 10px 0;
		
	}
	.nav-item{
		display: none;
	}
	.nav-item a{
		
		font-size: 20px;
		display: block;
		border-bottom: 1px solid #fff;
		padding: 10px 20px;
	}
	.sj-nav a{
		color: #fff;
	}
}

@media screen and (min-width:1025px) and (max-width:1199px){
		
	.clear{clear:both;height:0;overflow:hidden;}
	a img{border:none;}
	a{text-decoration:none; cursor:pointer;}
	var,em{font-style:normal;}
	ul,ol{list-style-type:none;}
	.slideBox{ width:100%; height:990px;overflow:hidden; z-index:100;position:relative;min-width: 990px;}
	.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:46%; bottom:5px; z-index:1; }
	.slideBox .hd .hdul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd .hdul .hdli{cursor: pointer; width:3em; height:3px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
	.slideBox .hd .hdul .hdli.on{ background:red !important;}
	.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
	.slideBox .bd .bannerul .bannerli{overflow: hidden;width: 100%; height: 990px;position: relative;}
	
	.a-top{ width:100%; height: 990px;}
	.bannerli{background-size: 100% 100% !important;}


	
	
	#a3{
		opacity:0;
	}
	.a-blod{
		font-size: 18px;
		font-weight: bolder;
	}
	.jtwh{
		font-size: 72px;
		font-weight: bolder;
	}
	.yzs{
		font-size: 70px;
		font-weight: bolder;
	}
	.eng{
		
		margin-top: 42px;
		
	}
	.eng p{
		font-size: 32px;
		margin-top: 10px;
	}
	.a-but{
		width: 206px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		background-color: #b21d1a;
		color: #fff;
		font-size: 18px;
		font-weight: bolder;
		border-radius: 8px;
		margin-top: 96px;
		
	}


	
	.animation3{
		width:850px; height:43px;
		position: absolute; top: 58%; left: 13%;
		-webkit-animation:fadeInDown 2s 1s ease both;
		-moz-animation:fadeInDown 2s 1s ease both;
	}
		@-webkit-keyframes fadeInDown{
			0%{opacity:0;
			-webkit-transform:translateY(-200px)}
			30%{opacity:0.6;
			-webkit-transform:translateY(200px)}
			60%{opacity:1;-webkit-transform:translateY(-10px)}
			100%{opacity:1;-webkit-transform:translateY(0)}
		}
		@-moz-keyframes fadeInDown{
			0%{opacity:0;
			-webkit-transform:translateY(-200px)}
			30%{opacity:0.6;
			-webkit-transform:translateY(200px)}
			60%{opacity:1;-webkit-transform:translateY(-10px)}
			100%{opacity:1;-webkit-transform:translateY(0)}
		}
		@-ms-keyframes fadeInDown{
			0%{opacity:0;
			-webkit-transform:translateY(-200px)}
			30%{opacity:0.6;
			-webkit-transform:translateY(200px)}
			60%{opacity:1;-webkit-transform:translateY(-10px)}
			100%{opacity:1;-webkit-transform:translateY(0)}
		}


	


	#a4{
		position: absolute;
		top: 58%; left: 13%;
		display: flex;
	}
	.zzfh,.qydr{
		font-size: 84px;
		font-weight: bolder;
		color: #fff;
	}
	.at-light p{
		font-size: 30px;
		color: #fff;
		margin-top: 56px;
	}
	.at-rig{
		color:#fff;
		position: absolute;
		top: 12%;
		right: -210%;
		text-align: right;
	}
	.at-rig .yj{
		font-size: 32px;
	}
	.at-rig .num{
		font-size: 70px;
		font-weight: bolder;
	}

	.atr-down{
		margin-top: 264px;
		
	}
	.at-rig .atr-blod{
		font-size: 18px;
		font-weight: 500;
	}
	.at-rig .atr-light{
		font-size: 10px;
		color: #cbcacb;
		margin-top: 16px;
		
	}
	.animation8{
		-webkit-animation:fadeInRightBig 3s .5s ease both;
		-moz-animation:fadeInRightBig 3s .5s ease both;
	}
		@-webkit-keyframes fadeInRightBig{
			0%{opacity:0;
			-webkit-transform:translateX(13em)}
			100%{opacity:1;
			-webkit-transform:translateX(0)}
		}
		@-moz-keyframes fadeInRightBig{
			0%{opacity:0;
			-moz-transform:translateX(13em)}
			100%{opacity:1;
			-moz-transform:translateX(0)}
		}
		@-ms-keyframes fadeInRightBig{
			0%{opacity:0;
			-ms-transform:translateX(13em)}
			100%{opacity:1;
			-ms-transform:translateX(0)}
		}
	

	.animation4{
		-webkit-animation:fadeInRight 3s .5s ease both;
		-moz-animation:fadeInRight 3s .5s ease both;
	}
	@-webkit-keyframes fadeInRight{
		0%{opacity:0;
		-webkit-transform:translateX(13em)}
		100%{opacity:1;
		-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
		0%{opacity:0;
		-moz-transform:translateX(13em)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
		0%{opacity:0;
		-ms-transform:translateX(13em)}
		100%{opacity:1;
		-ms-transform:translateX(0)}
	}
		


	
	.shouji-jt{
		display: none;
	}

	#a5{
		position: absolute;
		top: 58%;
		left: 13%;
		color:#fff;
		display: flex;
	}
	#a5 .a-blod{
		font-size: 18px;
	}
	#a5 .a-light{
		margin-top: 42px;
	}
	#a5 .a-light p{
		font-size: 10px;
		color: #eff1f6;
		margin-top: 9px;
	}
	.jtp{
		position: absolute;
		top: -8%;
		
		right: -368%;
		text-align: right;
	}
	
	.jtp .t{
		color: #fff;
		font-size: 260px;
		font-weight: bolder;
	}

	.red-line{
		width: 30px;
		height: 4px;
		background-color: #b21d1a;
		position: absolute;
		right: 3%;
	}
	.year{
		font-size: 32px;
		color: #fff;
		font-weight: bolder;
		margin-top: 36px;
	}
	.animation5{
		width:302px; height:77px;position: absolute;right: 24%; top: 55%;
		-webkit-animation:flash 3s 1s ease both;
		-moz-animation:flash 3s 1s ease both;}
		@-webkit-keyframes flash{
		0%{opacity: 0;}
		100%{opacity: 1;}
		}
		@-moz-keyframes flash{
		0%{opacity: 0;}
		100%{opacity: 1;}
		}
		@-ms-keyframes flash{
		0%{opacity: 0;}
		100%{opacity: 1;}
	}


	
	.sj-nav{
		display: none;
	}
	
	.nav{
		width: 100%;
		height: 89px;
		padding: 0 72px;
		display: flex;
		
		color: #fff;
		font-size: 22px;
		padding-top: 20px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}
	.logo{
		width: 150px;
		height: 30px;
		margin-top:-15px;
		
		
		box-sizing: border-box;
	}
	.nav-list{
		display: flex;
	}
	.nav-list span{
		width: 120px;
		
		text-align: center;
		margin-left: 44px;
		font-size: 22px;
		opacity: 0.5;
		
	}
	.nav-list span:hover{
		width: 120px;
		
		opacity:1;
		border-bottom: 3px solid #b21d1a;
	}
	.dropdown_menu a{
		width: 120px;
		font-size: 16px;
		line-height: 36px;
		display: block;
		padding: 10px 0;
		box-sizing: border-box;
		
		
	}

	
	.dropdown_menu{
		display: none;
		margin-top:30px;
		background:rgba(23,23,23,1.00)
	}
	.dropdown{
		text-align: center;
		
	}
	.dropdown:hover .dropdown_menu{
		display: block;
		
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		
	}
	.dropdown_menu a:hover{
		
		background: rgba(178, 29, 26, 0.8);
		color: #fff;
		opacity: 1;
	}

	
	.nav-b{
		text-align: center;
		line-height: 36px;
	}
	.nav-b .thw{
		
		color: #333 !important;
		opacity: 0.5;
	}

	
	
	.now{
		opacity:1;
		border-bottom: 3px solid #b21d1a;
	}
	

}


@media only screen and (min-width:1200px){
	
	.clear{clear:both;height:0;overflow:hidden;}
	a img{border:none;}
	a{text-decoration:none; cursor:pointer;}
	var,em{font-style:normal;}
	ul,ol{list-style-type:none;}
	.slideBox{ width:100%; height:990px;overflow:hidden; z-index:100;position:relative;min-width: 990px;}
	.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:46%; bottom:5px; z-index:1; }
	.slideBox .hd .hdul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd .hdul .hdli{cursor: pointer; width:3em; height:3px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
	.slideBox .hd .hdul .hdli.on{ background:red !important;}
	.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
	.slideBox .bd .bannerul .bannerli{overflow: hidden;width: 100%; height: 990px;position: relative;}
	
	.a-top{ width:100%; height: 990px;}
	.bannerli{background-size: 100% 100% !important;}


	
	
	#a3{
		opacity:0;
	}
	.a-blod{
		font-size: 18px;
		font-weight: bolder;
	}
	.jtwh{
		font-size: 72px;
		font-weight: bolder;
	}
	.yzs{
		font-size: 70px;
		font-weight: bolder;
	}
	.eng{
		
		margin-top: 42px;
		
	}
	.eng p{
		font-size: 32px;
		margin-top: 10px;
	}
	.a-but{
		width: 206px;
		height: 48px;
		text-align: center;
		line-height: 48px;
		background-color: #b21d1a;
		color: #fff;
		font-size: 18px;
		font-weight: bolder;
		border-radius: 8px;
		margin-top: 96px;
		
	}


	
	.animation3{
		width:850px; height:43px;
		position: absolute; top: 58%; left: 13%;
		-webkit-animation:fadeInDown 2s 1s ease both;
		-moz-animation:fadeInDown 2s 1s ease both;
	}
		@-webkit-keyframes fadeInDown{
			0%{opacity:0;
			-webkit-transform:translateY(-200px)}
			30%{opacity:0.6;
			-webkit-transform:translateY(200px)}
			60%{opacity:1;-webkit-transform:translateY(-10px)}
			100%{opacity:1;-webkit-transform:translateY(0)}
		}
		@-moz-keyframes fadeInDown{
			0%{opacity:0;
			-webkit-transform:translateY(-200px)}
			30%{opacity:0.6;
			-webkit-transform:translateY(200px)}
			60%{opacity:1;-webkit-transform:translateY(-10px)}
			100%{opacity:1;-webkit-transform:translateY(0)}
		}
		@-ms-keyframes fadeInDown{
			0%{opacity:0;
			-webkit-transform:translateY(-200px)}
			30%{opacity:0.6;
			-webkit-transform:translateY(200px)}
			60%{opacity:1;-webkit-transform:translateY(-10px)}
			100%{opacity:1;-webkit-transform:translateY(0)}
		}


	


	#a4{
		position: absolute;
		top: 58%; left: 13%;
		display: flex;
	}
	.zzfh,.qydr{
		font-size: 84px;
		font-weight: bolder;
		color: #fff;
	}
	.at-light p{
		font-size: 30px;
		color: #fff;
		margin-top: 56px;
	}
	.at-rig{
		color:#fff;
		position: absolute;
		top: 12%;
		right: -210%;
		text-align: right;
	}
	.at-rig .yj{
		font-size: 32px;
	}
	.at-rig .num{
		font-size: 70px;
		font-weight: bolder;
	}

	.atr-down{
		margin-top: 264px;
		
	}
	.at-rig .atr-blod{
		font-size: 18px;
		font-weight: 500;
	}
	.at-rig .atr-light{
		font-size: 10px;
		color: #cbcacb;
		margin-top: 16px;
		
	}
	.animation8{
		-webkit-animation:fadeInRightBig 3s .5s ease both;
		-moz-animation:fadeInRightBig 3s .5s ease both;
	}
		@-webkit-keyframes fadeInRightBig{
			0%{opacity:0;
			-webkit-transform:translateX(13em)}
			100%{opacity:1;
			-webkit-transform:translateX(0)}
		}
		@-moz-keyframes fadeInRightBig{
			0%{opacity:0;
			-moz-transform:translateX(13em)}
			100%{opacity:1;
			-moz-transform:translateX(0)}
		}
		@-ms-keyframes fadeInRightBig{
			0%{opacity:0;
			-ms-transform:translateX(13em)}
			100%{opacity:1;
			-ms-transform:translateX(0)}
		}
	

	.animation4{
		-webkit-animation:fadeInRight 3s .5s ease both;
		-moz-animation:fadeInRight 3s .5s ease both;
	}
	@-webkit-keyframes fadeInRight{
		0%{opacity:0;
		-webkit-transform:translateX(13em)}
		100%{opacity:1;
		-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
		0%{opacity:0;
		-moz-transform:translateX(13em)}
		100%{opacity:1;
		-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
		0%{opacity:0;
		-ms-transform:translateX(13em)}
		100%{opacity:1;
		-ms-transform:translateX(0)}
	}
		


	
	.shouji-jt{
		display: none;
	}

	#a5{
		position: absolute;
		top: 58%;
		left: 13%;
		color:#fff;
		display: flex;
	}
	#a5 .a-blod{
		font-size: 18px;
	}
	#a5 .a-light{
		margin-top: 42px;
	}
	#a5 .a-light p{
		font-size: 10px;
		color: #eff1f6;
		margin-top: 9px;
	}
	.jtp{
		position: absolute;
		top: -8%;
		
		right: -368%;
		text-align: right;
	}
	
	.jtp .t{
		color: #fff;
		font-size: 260px;
		font-weight: bolder;
	}

	.red-line{
		width: 30px;
		height: 4px;
		background-color: #b21d1a;
		position: absolute;
		right: 3%;
	}
	.year{
		font-size: 32px;
		color: #fff;
		font-weight: bolder;
		margin-top: 36px;
	}
	.animation5{
		width:302px; height:77px;position: absolute;right: 24%; top: 55%;
		-webkit-animation:flash 3s 1s ease both;
		-moz-animation:flash 3s 1s ease both;}
		@-webkit-keyframes flash{
		0%{opacity: 0;}
		100%{opacity: 1;}
		}
		@-moz-keyframes flash{
		0%{opacity: 0;}
		100%{opacity: 1;}
		}
		@-ms-keyframes flash{
		0%{opacity: 0;}
		100%{opacity: 1;}
	}


	
	.sj-nav{
		display: none;
	}
	
	.nav{
		width: 100%;
		height: 89px;
		padding: 0 72px;
		display: flex;
		
		color: #fff;
		font-size: 22px;
		padding-top: 20px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}
	.logo{
		width: 150px;
		height: 30px;
		margin-top:-15px;
		
		
		box-sizing: border-box;
	}
	.nav-list{
		display: flex;
	}
	.nav-list span{
		width: 120px;
		
		text-align: center;
		margin-left: 44px;
		font-size: 22px;
		opacity: 0.5;
		
	}
	.nav-list span:hover{
		width: 120px;
		
		opacity:1;
		border-bottom: 3px solid #b21d1a;
	}
	.dropdown_menu a{
		width: 120px;
		font-size: 16px;
		line-height: 36px;
		display: block;
		padding: 10px 0;
		box-sizing: border-box;
		
		
	}

	
	.dropdown_menu{
		display: none;
		margin-top:30px;
		background:rgba(23,23,23,1.00)
	}
	.dropdown{
		text-align: center;
		
	}
	.dropdown:hover .dropdown_menu{
		display: block;
		
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		
	}
	.dropdown_menu a:hover{
		
		background: rgba(178, 29, 26, 0.8);
		color: #fff;
		opacity: 1;
	}

	
	.nav-b{
		text-align: center;
		line-height: 36px;
	}
	.nav-b .thw{
		
		color: #333 !important;
		opacity: 0.5;
	}

	
	
	.now{
		opacity:1;
		border-bottom: 3px solid #b21d1a;
	}
}