/*样式*/

BODY, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, DL, DT, DD, UL, OL, LI, PRE, FIELDSET, LEGEND, BUTTON,  LABEL,ul{

	padding:0px;

	margin:0px;

	border:0px;

	font-family:"微软雅黑";
}
*{font-family:"微软雅黑";}

h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}

img {	border:0 none}

ol,ul{ list-style-type:none;}

a{ color:#000000; text-decoration:none;}

.clear { 
	clear:both; 
}

.fl{ float:left}

.fr{ float:right}

.active {
	width: 1100px;
	margin:0 auto;
}
.active_left {
	width:710px;
	margin-top:40px;
}
.active_nav h1{
	font-size:24px;
	color: #c94d53;
	display: block;
	float: left;
	border-left:6px solid #b40000;
	padding-left: 10px;
	font-weight: bold;
}
.active_nav span {
	display: block;
	margin-top:10px;
	float: right;
}
.active_nav span a {
	display: block;
	font-size:14px;
	color:#6b6b6b;
	font-family: Arial;
}
.active-content {
	width: 710px;
	height: 270px;
	margin-top: 30px;
}
.active-img {
	width:360px;
	height: 270px;
	overflow: hidden;
	float: left;
}
.active-explain {
	width: 310px;
	height: 250px;
	display: block;
	background: url(../images/active-bg.jpg) no-repeat;
	float: right; 
	padding: 10px 20px;
	overflow: hidden;
}
.active-explain h2{
	font-size:18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 28px;
}
.active-explain span {
	display: block;
	background: url(../images/pic_time.png) no-repeat left 2px;
	padding-left: 20px;
	font-size:12px;
	color: #f5f5f5;
	text-align: center;
	width: 25%;
	margin:10px auto;
}
.active-explain p {
	font-size:14px;
	color: #ffffff;
	line-height: 25px;
}
.active-list {
	margin-top:15px;
}
.active-list li{
	background: url(../images/pic_list.png) no-repeat left 4px;
	padding-left: 20px;
	border-bottom:1px dashed #e5e5e5;
	margin-bottom: 14px;
    padding-bottom: 14px;
}
.active-list li a {
	font-size:16px;
	color: #333333;
	display: block;
	float: left;
}
.active-list li a:hover {
	color: #b40000;
}
.active-list li span {
	display: block;
	float: right;
	font-size:14px;
	color:#ffffff;
	padding: 0px 8px;
	background-color: #f1b249;
	border-radius: 5px;
}
.active_right {
	width:355px;
	height:370px;
	margin-top:40px;
}
.geography {
	width:353px;
	height: 249px;
	margin-top: 30px;
	border:1px solid #f1b249;	
	border-bottom: 0px;
}
.geography img {
	display: block;
	margin:0 auto;
}
.geography-content {
	width:355px;
	height: 121px;
	display: block;
	background: url(../images/active-pic-bg.jpg) no-repeat bottom;
	background-size: 100% 100%;
}
.geography-content h1{
	font-size:18px;
	color: #ffffff;
	display: block;
	padding: 10px 15px;
	text-align: center;
}
.geography-content p {
	padding: 0px 15px;
	font-size: 14px;
	color: #ffffff;
	line-height: 25px;
}
.news {
	width:100%;
	margin:40px auto 0px;
}
.news_content {
	margin-top:30px;
}
.news-details {
	width:340px;
	display: block;
}
.news-img {
	width:340px;
	height: 255px;
	overflow: hidden;
}
.news-img img,.old img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.news-details span {
	display: block;
	font-size: 14px;
	color: #666666;
	background: url(../images/pic_time_yellow.png) no-repeat left center;
	padding-left: 25px;
	margin:10px 0;
}
.news-details font {
	width: 36px;
	height: 1px;
	display: block;
	background: #b6b6b6;
	margin-bottom: 10px;
}
.news-details h2 {
	font-size:16px;
	color: #333333;
	display: block;
	margin-bottom: 5px;
}
.news-details p {
	font-size:14px;
	color: #888888;
	line-height: 25px;
}
.news-details:hover font {
	background: #f1b249;
}
.news-details:hover h2 {
	color: #b40000;
}
.news-details+.news-details{
	margin-left: 40px;
}
.photos {
	height: 389px;
	background: url(../images/photos-bg.jpg) no-repeat center center;
	background-size: 100% 100%;
	margin-top:40px;
}
.old {
	width:1100px;
	margin:0 auto;
	height: 320px;
	padding-top: 40px;
	overflow: hidden;
	position: relative;
}
.scroll {
	width: 1100px;
	margin: 0 auto;
	height: 320px;
	position: relative;
	overflow: hidden;
}
.atlas {
	margin-top:30px;
}
.atlas+.atlas {
	margin-left:40px;
}
.old-photos {
	width: 350px;
	height: 255px;
	overflow: hidden;
	display: block;
	position: relative;
}
.old-photos h3 {
	display: block;
	width: 300px;
	height: 40px;
	background: url(../images/photos_opacity.png) repeat;
	position: absolute;
	z-index: 2;
	bottom: 30px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}
.photos-prev, .photos-next {
	position: absolute;
    top: 40px;
    right: 0px;
}
.photos-prev {
	width: 40px;
	height: 30px;
	display: block;
	background: url(../images/photo-prev-bg.png) no-repeat;
	right: 50px;
}
.photos-next {
	width: 40px;
	height: 30px;
	display: block;
	background: url(../images/photo-next.png) no-repeat;
}
.photos-prev:hover {
	background: url(../images/photo-prev.png) no-repeat;
}
.photos-next:hover {
	background: url(../images/photo-next-h.png) no-repeat;
}
.atlas-box {
	height: 285px;
	overflow: hidden;
	width: 100000000px;
	position: absolute;
}
.calendar {
	width: 1100px;
	margin:40px auto 0;
}
.calendar-left {
 	width: 710px;
}
.swiper-container-v {
	width: 710px;
	height: 355px;
	margin-top: 30px;
}
.swiper-container-v .swiper-pagination-bullet {
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#000;
	opacity:1;
	background:#fff;
}
.swiper-container-v .swiper-pagination-bullet-active {
	color:#fff;
	background:#b40000;
}
.calendar-right {
	width: 355px;
}
.video {
	width: 315px;
	height: 315px;
	background-color: #e2e2e2;
	margin-top:30px;
	padding: 20px;
}
.video p{
	font-size: 18px;
	color: #333333;
	line-height: 25px;
	text-align: center;
	margin-top: 18px;
}
.footer {
	height: 364px;
	background-color: #252525;
	margin-top:40px;
}
.foot {
	width: 1100px;
	margin: 0 auto;
	padding-top: 40px;
}
.foot ul {
	width: 345px;
	float: left;
}
.foot ul h3{
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
}
.foot ul li+li {
	margin-top: 20px;
}
.foot ul li a {
	display: block;
	font-size: 14px;
	color: #9c9c9c;
}
.footer_logo {
	width: 407px;
	height: 324px;
	background: url(../images/footer-logo.jpg) no-repeat;
	float: left;
	margin-top: -40px;
}
.copyright {
	height: 40px;
	background: #181818;
}
.copyright p {
	font-size: 14px;
	color: #9c9c9c;
	line-height: 40px;
	text-align: center;
}
.copyright a {
	display: inline-block;
	font-size: 14px;
	color: #9c9c9c;
	line-height: 40px;
	text-align: center;
	margin-left: 100px;
}

/* nprogress */

#nprogress {
  pointer-events:none
}
#nprogress .bar {
  background:#e64149;
  position:fixed;
  z-index:1031;
  top:0;
  left:0;
  width:100%;
  height:2px
}
#nprogress .peg {
  display:block;
  position:absolute;
  right:0px;
  width:100px;
  height:100%;
  box-shadow:0 0 10px #e64149, 0 0 5px #e64149;
  opacity:1.0;
  transform:rotate(3deg) translate(0px, -4px)
}
#nprogress .spinner {
  display:block;
  position:fixed;
  z-index:1031;
  top:15px;
  right:15px
}
#nprogress .spinner-icon {
  width:18px;
  height:18px;
  box-sizing:border-box;
  border:solid 2px transparent;
  border-top-color:#e64149;
  border-left-color:#e64149;
  border-radius:50%;
  animation:nprogress-spinner 400ms linear infinite
}
.nprogress-custom-parent {
  overflow:hidden;
  position:relative
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position:absolute
}
@keyframes nprogress-spinner {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
div#header {
	margin-top: 30px;
}
div.wrap {
width : 710px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 710px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
	height : 355px;
}
div#header div#slide-holder {
z-index : 40;
width : 710px;
height : 355px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
width : 710px;
height : 355px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
width: 100%;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 0px;
width : 710px;
height : 39px;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 10px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 7px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 10px;
margin : 0 10px 0 0;
line-height : 24px;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 0px;
color: #757575;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}
@media screen and (max-width: 1400px){
	.news {
	    width: 100% !important;
	}
	.news-details {
		width: 30%;
		overflow: hidden;
	}
}
@media screen and (max-width: 768px){
	.news-details {
		width: 100%;
		float: none !important;
		overflow: hidden;
	}
	.news-img {
		width: 100%;
	}
	.news-details+.news-details {
		margin-left: 0px;
		margin-top: 30px;
	}
	.old,
	.device-v,
	.swiper-container-f {
		width: 100%;
	}
	.device-v {
		box-sizing: border-box;
    padding: 0px 24px;
	}
	.calendar {
		width: 100%;
	}
	.calendar-left,
	.calendar-right {
		width: 100%;
		float: none !important;
		box-sizing: border-box;
		padding: 0px 15px;
	}
	div.wrap,
	div#header div#slide-holder,
	div#header div#slide-holder div#slide-runner {
		width: 100%;
		overflow: hidden;
	}
	div#header div#slide-holder img {
		width: 90%;
	}
	div#header div.wrap,
	div#header div#slide-holder,
	div#header div#slide-holder div#slide-runner {
		height: 208px;
	}
	.calendar-right {
		margin-top: 15px;
	}
}