.footer.active,.header.active,.legal_box.active,.nav_bar.active,.siteMap.active,.subBanner.active,.sw_detail_box.active,.sw_news.active,.sw_news_bottom.active,.warp.active {
	opacity:1;
	-webkit-transform:translateY(0)
}

.banner {
	width:100%;
	height:calc(100vh - 129px);
	position:relative;
	opacity:0;
	overflow:hidden;
	-webkit-transform:translateY(100px);
	-webkit-transition-delay:.1s;
	transition-duration:.5s;
	-webkit-transition-duration:.5s
}
.banner.active {
	opacity:1;
	-webkit-transform:translateY(0)
}
.banner ol {
	width:100%;
	display:none;
	height:10px;
	position:absolute;
	left:0;
	bottom:15px;
	text-align:center
}

.container {
	width:1200px;
	height:auto;
	margin:25px auto 100px auto;
	position:relative
}
.container:after {
	width:100%;
	height:1px;
	display:block;
	clear:both;
	content:''
}
.nav_bar {
	width:225px;
	height:auto;
	float:left;
	opacity:0;
	-webkit-transform:translateY(100px);
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-webkit-transition-delay:.2s
}
.nav_bar.fix {
	position:fixed;
	left:50%;
	top:0;
	margin-left:-600px;
	transition-duration:0s;
	-webkit-transition-duration:0s;
	-webkit-transition-delay:0s
}
.sub_title {
	width:100%;
	height:auto;
	padding:15px 0;
	position:relative;
	border-bottom:1px solid #DDD
}
.sub_title h2 {
	display:block;
	width:100%;
	line-height:30px;
	font-size:30px;
	color:#333;
	font-weight:400
}
.sub_title p {
	text-transform:uppercase;
	font-size:16px;
	line-height:25px;
	opacity:.6
}
.sub_title:after {
	width:20%;
	height:2px;
	position:absolute;
	left:0;
	bottom:0;
	background:#C09A57;
	content:''
}
.sub_nav {
	width:100%;
	height:auto;
	padding:25px 0
}
.sub_nav a {
	width:calc(100% - 15px);
	height:auto;
	padding:10px 0;
	padding-left:15px;
	display:block;
	line-height:30px;
	position:relative;
	font-size:16px;
	cursor:pointer;
	-webkit-transition-duration:.4s
}
.sub_nav a:after {
	width:4px;
	height:4px;
	position:absolute;
	left:0;
	top:23px;
	background:#DDD;
	content:'';
	-webkit-transition-duration:.4s
}
.year_list {
	width:100%;
	height:auto;
	padding:35px 0 15px 0;
	overflow:hidden
}
.year_list a {
	display:block;
	float:left;
	width:77px;
	cursor:pointer;
	margin-right:5px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	background:rgba(0,0,0,.3);
	padding:0 10px;
	margin-bottom:5px
}
.year_list a.active,.year_list a:hover {
	color:#FFF;
	background:rgba(0,0,0,.7)
}
.sub_nav a.active,.sub_nav a:hover {
	font-size:18px;
	color:#C09A57;
	text-indent:5px
}
.sub_nav a.active:after,.sub_nav a:hover:after {
	width:10px;
	height:10px;
	margin-top:-5px;
	background:#C09A57;
	-webkit-transform:rotate(360deg)
}

.warp {
	width:924px;
	height:auto;
	float:right;
	padding-left:50px;
	border-left:1px solid #DDD;
	opacity:0;
	-webkit-transform:translateY(100px);
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-webkit-transition-delay:.3s
}
.warp .w_t {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:15px 0 40px 0;
	position:relative;
	border-bottom:1px solid #DDD
}
.warp .w_t:before {
	width:118px;
	height:2px;
	position:absolute;
	left:0;
	bottom:0;
	background:#C09A57;
	content:''
}
.warp .w_t:after {
	width:10px;
	height:2px;
	position:absolute;
	right:0;
	bottom:0;
	background:#C09A57;
	content:''
}
.warp .w_t h2 {
	width:auto;
	float:left;
	font-size:30px;
	line-height:30px;
	color:#C09A57;
	font-weight:400
}
.warp .w_t .w_nav {
	width:auto;
	float:right;
	color:#989898;
	margin-top:10px
}
.warp .w_t .w_nav a {
	padding:0 10px
}
.warp .w_t .w_nav a:last-child {
	padding-right:0
}
.warp .w_t .w_nav a.active {
	color:#C09A57;
}
.warp_content {
	width:100%;
	height:auto;
	margin-top:20px
}
.warp_content .year {
	width:100%;
	height:auto;
	line-height:75px;
	font-size:61px;
	opacity:.3;
	text-transform:uppercase
}
.warp_content .a_tips {
	width:100%;
	height:auto;
	font-size:14px;
	line-height:28px;
	color:#0050a6
}
.warp_content .a_tips.b {
	color:#747474
}

.warp1 .w_t {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:15px 0 40px 0;
	position:relative;
	border-bottom:1px solid #DDD
}
.warp1 .w_t:before {
	width:118px;
	height:2px;
	position:absolute;
	left:0;
	bottom:0;
	background:#C09A57;
	content:''
}
.warp1 .w_t:after {
	width:10px;
	height:2px;
	position:absolute;
	right:0;
	bottom:0;
	background:#C09A57;
	content:''
}
.warp1 .w_t h2 {
	width:auto;
	float:left;
	font-size:30px;
	line-height:30px;
	color:#C09A57;
	font-weight:400
}
.warp1 .w_t .w_nav {
	width:auto;
	float:right;
	color:#989898;
	margin-top:10px
}
.warp1 .w_t .w_nav a {
	padding:0 10px
}
.warp1 .w_t .w_nav a:last-child {
	padding-right:0
}
.warp1 .w_t .w_nav a.active {
	color:#C09A57;
}

.news_list {
	width:100%;
	margin-top:25px;
	height:auto
}
.news_list li {
	width:100%;
	height:auto;
	cursor:pointer;
	padding:15px 0;
	transition:all .5s cubic-bezier(.25,0,0,1);
	-webkit-transition:all .5s cubic-bezier(.25,0,0,1)
}
.news_list li:after {
	width:100%;
	height:1px;
	display:block;
	clear:both;
	content:''
}
.news_list li .data {
	width:100px;
	height:100px;
	float:left;
	background:#F2F2F2;
	text-align:center;
	transition:all .5s cubic-bezier(.25,0,0,1);
	-webkit-transition:all .5s cubic-bezier(.25,0,0,1)
}
.news_list li .data .day {
	width:100%;
	height:auto;
	display:block;
	line-height:40px;
	margin-top:10px;
	font-size:36px;
	color:#C09A57;
}
.news_list li .data .month,.news_list li .data .years {
	width:100%;
	height:auto;
	display:block;
	line-height:20px;
	font-size:16px;
	color:#747474;
}

.news_list li .data2 {
	width:100px;
	height:100px;
	float:left;
	background:#F2F2F2;
	text-align:center;
	transition:all .5s cubic-bezier(.25,0,0,1);
	-webkit-transition:all .5s cubic-bezier(.25,0,0,1)
}
.news_list li .data2 .day {
	width:100%;
	height:auto;
	display:block;
	line-height:40px;
	margin-top:10px;
	font-size:20px;
	color:#C09A57;
}
.news_list li .data2 .month,.news_list li .data2 .years {
	width:100%;
	height:auto;
	display:block;
	line-height:20px;
	font-size:24px;
	color:#747474;
}

.news_list li .info {
	width:calc(100% - 140px);
	height:auto;
	float:right;
	margin-right:20px;
	transition:all .5s cubic-bezier(.25,0,0,1);
	-webkit-transition:all .5s cubic-bezier(.25,0,0,1)
}
.news_list li .info .title {
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size:18px;
	color:#333;
	margin-bottom:5px
}


.news_list li .info .tips {
	width:100%;
	height:30px;
	overflow:hidden;
	font-size:12px;
	line-height:30px;
	display: none;
}
.news_list li .info .des {
	width:100%;
	height:40px;
	font-size:12px;
	line-height:20px;
	overflow:hidden
}
.news_list li:hover {
	box-shadow:0 0 30px rgba(0,0,0,.2)
}
.news_list li:hover .data {
	margin-left:15px
}
.news_list li:hover .info {
	width:calc(100% - 155px)
}


.backTop {
	position:fixed;
	z-index:99;
	right:50px;
	bottom:-100px;
	width:50px;
	height:50px;
	background:#FFF url(../images/backTop.png) 0 0 no-repeat;
	box-shadow:0 0 20px rgba(0,0,0,.2);
	cursor:pointer
}
.backTop:hover {
	background:#0050a6 url(../images/backTop.png) 0 -50px no-repeat
}
.backTop.active {
	bottom:50px
}
@media (max-width:1199px) {
	.container,.copyright,.header .box,.legal_box,.siteMap,.sw_detail_box,.sw_news_bottom,.sw_news_top {
	width:980px
}



.warp {
	width:734px;
	padding-left:20px
}
.a_list ul li {
	width:150px
}
.warp_content .year {
	font-size:40px
}
.ab_list ul li {
	width:220px;
	margin-right:23px
}


.warp {
	width:calc(100% - 246px)
}

.warp_content .year {
	font-size:28px;
	line-height:50px
}


.subBanner {
	background-size:cover;
	height:200px
}
.nav_bar {
	width:100%
}
.warp {
	width:100%;
	padding-left:0;
	border:none;
	margin-bottom:25px
}
.sub_nav {
	padding:0
}
.sub_nav a {
	display:none;
	border-bottom:1px solid #F2F2F2
}
.container {
	margin:0 auto
}
.sub_nav a.active,.sub_nav a:hover {
	text-indent:20px
}