@charset "utf-8";
/* CSS Document */
/* html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }*/
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family: "Microsoft YaHei"; font-size:14px;color:#333; overflow-x:hidden;}
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none; color:#d3090f;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block;}
.fl{float:left;}
.fr{float:right;}
.clear:after{ content:""; clear:both; display:block;}
.wrap{width: 1400px; margin: 0 auto;}

.top{ position:relative; background:url(../images/bg.jpg) no-repeat center; background-size:cover; padding:162px 0 319px;}
.logo{ position:absolute; top:22px; left:50px;}
.t-back{ position:absolute; top:40px; right:84px;}
.banner-txt{  width:100%; text-align:center;}
.djs{display: flex;
    justify-content: center;
    align-items: center; color:#ffdc8a; font-size:32px;  width:100%; text-align:center; position:relative; top:-20px;}

.ne-top{ height:113px; padding:0;}

.ne-cd{ position:absolute; right:130px; top:0;}
.ne-cd li{ float:left;  font-size:16px; line-height:113px; padding:0 10px;}
.ne-cd li a{ display:block; color:#fff;}
.ne-cd li a:hover{ color:#fed98d;}
.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
}

.timeTo {
	font-family: Arial;
	font-size: 51px;
	line-height: 115px;
	font-weight: bold; text-align:center; text-align:center;padding:15px 0 0 10px;
}

.timeTo span {
	vertical-align: top; display:none
}

.timeTo.timeTo-white div {
	color: #db3232; background:url(../images/xz.png) no-repeat center;
}


.timeTo figure {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.timeTo figcaption {
	text-align: center;
	/*font-size: 12px;*/
	line-height: 80%;
	font-weight: normal;
	color: #888;
}

.timeTo div {
	position: relative;
	display: inline-block;
	width: 61px;
	height: 55px;

	overflow: hidden; display:none; margin-right:10px;
}
.timeTo div:nth-child(1),.timeTo div:nth-child(2),.timeTo div:nth-child(3){display: inline-block;}



.timeTo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer{ background:url(../images/f-bg.png) no-repeat; padding-top:71px; background-size:cover;}
.f-ewm{ padding-top:50px;}
.f-ewm li{ float:left; text-align:center; color:#fff; margin-left:34px;}
.f-ewm li p{ opacity:0.85; font-size:16px; padding-top:5px;}
.f-lx{ padding-top:10px;}
.f-lx p{ float:left; font-size:16px; color:#fff; opacity:0.8; line-height:2; margin-right:56px;}
.banquan{ border-top:1px solid #96362a; margin-top:45px; padding:20px 0;display: flex;justify-content: center;align-items: center; color:#fff;}
.banquan p{ text-align:center; font-size:16px; color:#ffebcc; line-height:1.8;}
.banquan img{ padding-left:10px;}

.ne-top .logo img{ width:43%;}



@media only screen and (max-width: 960px){
	.wrap{ width:100%;}
	.top{ padding-top:122px;}
	.logo{ width:25%; left:5%;}
	.t-back{ width:30px; top:40px; right:5%;}
	.banner-txt{ width:60%; margin:0 auto;}
	.djs{ display:block; font-size:17px; top:20px; width:90%; margin:0 auto;}
	.timeTo{ font-size:30px; padding:0; line-height:85px; padding-left:25%;}
	.timeTo div{ width:50px; height:45px; margin-right:5px;}
	.timeTo ul{ top:-20px !important}
	.day{ line-height:55px;}
	.footer{ padding:20px 20px 0;}
	.f-lx p{ font-size:15px; line-height:1.7; padding-bottom:10px;}
	.f-ewm{ padding-top:10px;}
	.f-ewm li{ margin-left:0; width:32%; text-align:center; margin-right:1%;}
	.banquan{ margin-top:20px; display:block;}
	.banquan p{ font-size:14px; line-height:1.7;}
	.djs .span{ display:block;}
	.ne-top .logo img{ width:83%;}
.ne-cd{ position:relative; width:100%; right:0;background: #9a0607; margin-bottom:20px;}
.ne-cd li{ float:left; line-height:45px; width:33.33%; padding:0; text-align:center;border-bottom: 1px solid #b10708;border-right: 1px solid #b10708;}

}



@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}

@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}