@charset "UTF-8";

.jd-slider,.jd-slider .slide-inner {
	overflow:hidden;
	position:relative;
	width:100%
}

.jd-slider {
	margin:0 auto;
	padding:0
}
.jd-slider .slide-area {
	width:100%;
	margin:0;
	padding:0
}
.jd-slider .slide-area:after {
	display:block;
	content:'';
	clear:both
}
.jd-slider .slide-area li {
	display:none;
	float:left;
	width:100%
}
.jd-slider .slide-area li:first-child {
	display:block
}
.jd-slider .slide-area li img {
	display:block;
	width:100%
}
/*.jd-slider .next,.jd-slider .prev {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	color:#000
}*/
.jd-slider .next,.jd-slider .prev {
	position:absolute;
	top:44%; 
}
.jd-slider .hidden.next,.jd-slider .hidden.prev {
	display:none
}
.jd-slider .prev {
	left:10%;
  width:65px; height:65px; background:url(../img/ico_game_prev.png)
}
.jd-slider .next {
	right:10%;
  width:65px; height:65px; background:url(../img/ico_game_next.png)
}
.jd-slider .controller {
	width:100%;
	text-align:center;
  display:none
}
.jd-slider .controller .auto {
	display:inline-block;
	vertical-align:middle
}
.jd-slider .controller .auto i {
	display:none;
	color:#333
}
.jd-slider .controller .auto.pause .fa-pause,.jd-slider .controller .auto.play .fa-play {
	display:block
}
.jd-slider .controller .indicate-area {
	display:inline-block
}
.jd-slider .controller .indicate-area a {
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
	margin:0 5px;
	font-size:0;
	color:transparent;
	vertical-align:middle
}
.jd-slider .controller .indicate-area a:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:inherit;
	height:inherit;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid #333;
	border-radius:50%
}
.jd-slider .controller .indicate-area a.on:after {
	background-color:#333
}

.jd-slider.fade .slide-area li {
	display:block;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.jd-slider.fade .slide-area li:first-child {
	position:static;
	opacity:1
}
.jd-slider.slider--none .controller,.jd-slider.slider--none .next,.jd-slider.slider--none .prev {
	display: none
}






/* NEWS INDEX*/
@charset "UTF-8";

.jd-slider2,.jd-slider2 .slide-inner {
	overflow:hidden;
	position:relative;
	width:100%
}

.jd-slider2 {
	margin:0 auto;
	padding:0
}
.jd-slider2 .slide-area {
	width:100%;
	margin:0;
	padding:0
}
.jd-slider2 .slide-area:after {
	display:block;
	content:'';
	clear:both
}
.jd-slider2 .slide-area li {
	display:none;
	float:left;
	width:100%
}
.jd-slider2 .slide-area li:first-child {
	display:block
}
.jd-slider2 .slide-area li img {
	display:block;
	width:100%
}
/*.jd-slider .next,.jd-slider .prev {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	color:#000
}*/
.jd-slider2 .next,.jd-slider2 .prev {
	position:absolute;
	top:74%; 
}
.jd-slider2 .hidden.next,.jd-slider2 .hidden.prev {
	display:none
}
.jd-slider2 .prev {
	left:90%;
  width:45px; height:45px; background:url(../img/ico_news_prev.png); background-repeat:no-repeat; background-position:center
}
.jd-slider2 .next {
	right:2%;
  width:45px; height:45px; background:url(../img/ico_news_next.png); background-repeat:no-repeat; background-position:center
}
.jd-slider2 .controller {
	width:100%;
	text-align:center;
  display:none
}
.jd-slider2 .controller .auto {
	display:inline-block;
	vertical-align:middle
}
.jd-slider2 .controller .auto i {
	display:none;
	color:#333
}
.jd-slider2 .controller .auto.pause .fa-pause,.jd-slider2 .controller .auto.play .fa-play {
	display:block
}
.jd-slider2 .controller .indicate-area {
	display:inline-block
}
.jd-slider2 .controller .indicate-area a {
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
	margin:0 5px;
	font-size:0;
	color:transparent;
	vertical-align:middle
}
.jd-slider2 .controller .indicate-area a:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:inherit;
	height:inherit;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid #333;
	border-radius:50%
}
.jd-slider2 .controller .indicate-area a.on:after {
	background-color:#333
}

.jd-slider2.fade .slide-area li {
	display:block;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.jd-slider2.fade .slide-area li:first-child {
	position:static;
	opacity:1
}
.jd-slider2.slider--none .controller,.jd-slider2.slider--none .next,.jd-slider2.slider--none .prev {
	display: none
}


@media screen and (max-width:1024px) {
 
 .jd-slider2 .prev {left:88%;} 
}