@charset "utf-8";
/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

svg{
	fill: currentColor;
}
.mt-tabpage {
	width: 600px; float:left;s
}
.mt-tabpage-title {
	height: 56px;
	font-size: 0;
	margin: auto;
	padding:0 0 20px 0;
}

.mt-tabpage-title .more{ float:right; padding-right:10px; font-size:16px;  color:#999; 	height:56px; line-height:56px;}
.mt-tabpage-title .more:hover{ color:#e50213;}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 105px;
	height:56px;
	line-height:56px;
	text-align: center;
	color: #313131;
	font-size: 24px;
	font-weight:bold;
	padding:0 10px;
}
	.mt-tabpage-title .mt-tabpage-item:hover {
		color: #2453a8;
	}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #fff;
	font-size: 24px;
	background:#2453a8;
}
.mt-tabpage-count {
	position: relative;
	width: 600px;
	height: 500px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 600px;
	text-align: center;
	list-style:none;
}
.jd_news_img{ position:relative;}
.img-itme{ position:absolute; bottom:0px; background:#222; height:36px; line-height:36px; color:#fff; font-size:14px; display:block; width:580px; padding:0 10px; text-align:left;}
#divimage{
	 width:600px;
	 height:300px;
}
.mt-tabpage-item ul{ padding:10px 0;}
.mt-tabpage-item ul li{ list-style:none; background:url(../jy_images/news_l_icon.png) left center no-repeat; text-align:left; position:relative;}
.mt-tabpage-item ul li a{  height:36px; line-height:36px; color:#313131; padding-left:15px; font-size:16px; width:500px; }
.mt-tabpage-item ul li a:hover{ text-decoration:underline;}
.mt-tabpage-item ul li span{  height:36px; line-height:36px; color:#999999; position:absolute; right:0;}

.card-carousel-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0px;
  color: #666a73;
}

.card-carousel {
  display: flex;
  justify-content: center;
  width: 980px;
}
.card-carousel--overflow-container {
  overflow: hidden;
}
.card-carousel--nav__left, .card-carousel--nav__right {
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 10px;
  box-sizing: border-box;
  border-top: 2px solid #0471c1;
  border-right: 2px solid #0471c1;
  cursor: pointer;
  margin: 0 10px;
  transition: transform 150ms linear;
}
.card-carousel--nav__left[disabled], .card-carousel--nav__right[disabled] {
  opacity: 0.2;
  border-color: black;
}
.card-carousel--nav__left {
  transform: rotate(-135deg);
}
.card-carousel--nav__left:active {
  transform: rotate(-135deg) scale(0.9);
}
.card-carousel--nav__right {
  transform: rotate(45deg);
}
.card-carousel--nav__right:active {
  transform: rotate(45deg) scale(0.9);
}

.card-carousel-cards {
  display: flex;
  transition: transform 150ms ease-out;
  transform: translatex(0px);
}
.card-carousel-cards .card-carousel--card {
  margin: 0 10px;
  cursor: pointer;
  box-shadow: 0 4px 15px 0 rgba(40, 44, 53, 0.06), 0 2px 2px 0 rgba(40, 44, 53, 0.08);
  background-color: #fff;
  border-radius: 4px;
  z-index: 3;
  margin-bottom: 2px;
}
.card-carousel-cards .card-carousel--card:first-child {
  margin-left: 0;
}
.card-carousel-cards .card-carousel--card:last-child {
  margin-right: 0;
}
.card-carousel-cards .card-carousel--card img {
  vertical-align: bottom;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: opacity 150ms linear;
  user-select: none;
}
.card-carousel-cards .card-carousel--card img:hover {
  opacity: 0.5;
}
.card-carousel-cards .card-carousel--card--footer {
  border-top: 0;
}
.card-carousel-cards .card-carousel--card--footer p {
  padding: 3px 0;
  margin: 0;
  margin-bottom: 2px;
  font-size: 19px;
  font-weight: 500;
  background-color:#222;
  color: #fff;
  user-select: none;
}
.card-carousel-cards .card-carousel--card--footer p:nth-of-type(2) {
  font-size: 12px;
  font-weight: 300;
  padding: 6px;
  background: rgba(40, 44, 53, 0.06);
  display: inline-block;
  position: relative;
  margin-left: 4px;
  color: #666a73;
}
.card-carousel-cards .card-carousel--card--footer p:nth-of-type(2):before {
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent rgba(40, 44, 53, 0.06) transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0;
}
.card-carousel-cards .card-carousel--card--footer p:nth-of-type(2):after {
  content: "";
  position: absolute;
  top: 10px;
  left: -1px;
  float: left;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: white;
  box-shadow: -0px -0px 0px #004977;
}
/*大事记样式*/
.body-box {
	width: 620px;
	margin: 0 auto;
	background: #fff;
}

.timer-shaft-box {
	width: 100%;
	padding: 10px 0px;
	box-sizing: border-box;
}

.timer-shaft {
	position: relative;
	width: 100%;
	height: 80px;
	overflow: hidden;
}

.timer-left {
	position: absolute;
	top: 50%;
	left: 20px;
	z-index: 99;
	width: 23px;
	height: 37px;
	margin-top: -18.5px;
	background: url(../images/icon_left.png) no-repeat;
	background-size: cover;
	cursor: pointer;
}

.timer-right {
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 99;
	width: 23px;
	height: 37px;
	margin-top: -18.5px;
	background: url(../images/icon_right.png) no-repeat;
	background-size: cover;
	cursor: pointer;
}

.timer-scale {
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	padding-left: 80px;
	font-size: 0;
	white-space: nowrap;
}

.timer-scale-cont {
	display: inline-block;
	height: 100%;
	line-height: 80px;
}

.time-circle {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	background: #75a3f8;
	transition: all .3s;
	cursor: pointer;
}

.timer-scale-cont.hov .time-circle {
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	background: #2453a8;
}

.line-scale {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 22px;
	margin: 0 2px;
	background: url(../images/icon_scale.png) no-repeat;
	background-size: cover;
}

.timer-shaft-content {
	width: 100%;
	margin-top: 45px;
	overflow: hidden;
	font-size: 0;
	box-sizing: border-box;
	white-space: nowrap;
}

.shaft-detail-cont {
	display: none;
	width: 100%;
}

.timer-year {
	padding-left: 20px;
	font-weight: bold;
	color: #333;
	font-size: 0;
}

.icon-year {
	display: inline-block;
	vertical-align: middle;
	width: 33px;
	height: 40px;
	background: url(../images/icon_sign.png) no-repeat;
	background-size: cover;
}

.timer-year span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	font-size: 24px;
}

.month-detail-box {
	position: relative;
	width: 100%;
	min-height: 93px;
	padding-top: 30px;
	font-size: 0;
	box-sizing: border-box;
	white-space: normal;
}

	.month-detail-box:before {
		content: '';
		position: absolute;
		top: 0;
		left: 36.5px;
		height: 100%;
		border-right: 1px dashed #75a3f8;
	}

	.month-detail-box .month-title {
		position: absolute;
		font-size: 16px;
		font-weight: bold;
		color: #333;
	}

		.month-detail-box .month-title:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 30px;
			width: 13px;
			height: 13px;
			margin-top: -6.5px;
			background: url(../images/icon_circle.png) no-repeat;
			background-size: cover;
		}

.incident-record {
	display: inline-block;
	padding-left: 71px;
	line-height: 2;
	font-size: 14px;
	color: #333;
}

	.incident-record a {
		font-size: 14px;
		color: #1d69a3;
	}