/*头部样式*/
.header{width:100%;min-width: 300px;height:auto;z-index:10;position: relative;}
.header .top{/* height: 520px; */position:relative;/* width: 100%; *//* background: url(../images230629/banner.jpg) center no-repeat; */}
.header .top img{display:block;width:100%}
.wrap_countdown{height: 40px;background: url(../images230629/header_top.png) center no-repeat #c11111;line-height: 40px;}
.countdown{font-size: 20px;text-align: right;max-width: 1300px;margin: 0 auto;font-size: 14px;color: #fff;}
.countdown img{display: inline-block;*display: inline;*zoom:1;margin: 0 6px;}
.countdown span{color: red;padding: 0 5px;}
.countdown .count{float: right;font-size: 20px;background: #054487;padding: 0 10px;margin: 0 0 0 22px;}

.nav{height: 62px;line-height: 62px;background: #c11111;}
.nav ul{font-size: 0;text-align: justify; text-justify:inter-ideograph;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);}

.nav ul li > a{font-size:20px;display: block;position: relative;color: #fff;font-weight: bold;}
.nav ul li.on > a,.nav ul li:hover > a{}
.nav ul li:hover .subNav{display: block;}

.subNav{width: 160px;background: #c11111;white-space: normal;position: absolute;right: calc(50% - 80px);top: 100%;display: none;}
.subNav dd{}
.subNav a{color:#fff;padding:10px 15px;display: block;line-height: 24px;border-top:1px solid rgba(0,0,0,0.2);font-size: 16px;}
.subNav a:hover{background: rgba(0,0,0,0.2);}

.nav ul li:hover .subNav{
	-webkit-animation-name: flipInY ;animation-name: flipInY ;
	animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; display: block;
}
@keyframes flipInY{
	from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
	80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}

.header{position: relative;}
.header.currents{position: fixed;left: 0;top: -190px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.header.currents.currentsOn{top: 0;/* position: relative; */}
.header.currents{height: 48px;line-height: 48px;background:none;background-color: #780000;}
.header.currents .ser{display: none;}
.header.currents .top{display: none;}
.header.currents .nav{height: 48px;line-height: 48px;background: #9a0001;}
.header.currents .nav li{background:none;}
.header.currents .subNav{top:48px;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul li > a{}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)}

footer{background: #c11111;padding: 23px 0;background-size: cover;}
footer .copyright{text-align: center;color: #fff;line-height: 24px;}
footer .copyright span{padding: 0 10px;}