@charset "utf-8";

.main_slider_wrap {
	position:relative;
}
.main_slider .slide {
	height:880px;
	background-size:cover;
	background-position:center center;
}
.main_slider .slide01 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide01.jpg);
}
.main_slider .slide02 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide02.jpg);
}
.main_slider .slide03 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide03.jpg);
}
.main_slider .slide04 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide04.jpg);
}
.main_slider .slide05 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide05.jpg);
}
.main_slider .slide06 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide06.jpg);
}
.main_slider .slide07 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide07.jpg);
}
.main_slider .slide08 {
	padding-top:175px;
	background-image:url(../images/main_slide/img_slide08.jpg);
}
.main_slider .slide01 .tit {
	padding-bottom:15px;
}
.main_slider .slide01 .txt {
	margin-left:120px;
}
.main_slider .slide01 .desc_wrap {
	margin-top:15px;
	margin-left:120px;
}
.main_slider .slide01 .desc1 {
	font-size:16px;
	color:#fff;
	color:rgba(255, 255, 255, 0.5);
}
.main_slider .slide01 .desc2 {
	font-size:30px;
	color:#fff;
	color:rgba(255, 255, 255, 0.8);
}
.main_slider .slick-arrow {
	position:absolute;
	z-index:1;
	width:59px;
	height:59px;
	border:1px solid #fff;
	border-radius:50%;
	bottom:524px;
	left:50%;
	overflow:hidden;
	text-indent:-999em;
}
.main_slider .slick-prev {
	margin-left:-640px;
	background:url(../images/main_slide/slide_arr_left.png) center center no-repeat;
}
.main_slider .slick-next {
	margin-left:-580px;
	background:url(../images/main_slide/slide_arr_right.png) center center no-repeat;
}
.main_slider .slick-dots {
	position:absolute;
	right:50%;
	margin-right:-720px;
	top:410px;
}
.main_slider .slick-dots li {
	width:27px;
	height:39px;
	background:url(../images/main_slide/slide_dot.png) right center no-repeat;
	margin-top:-12px;
}
.main_slider .slick-dots li.slick-active {
	margin-left:-7px;
	width:34px;
	background-position:left center;
}
.main_slider .slick-dots li button {
	overflow:hidden;
	text-indent:-999em;
	width:100%;
	height:100%;
}
.main_slider .slick-arrow:focus,
.main_slider .slick-dots li button:focus {
	outline:none;
}
.story_list {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	background:rgba(0, 0, 0, 0.5)
}
.story_list .top {
	background:linear-gradient(to left, #947951, #000 20%, #000);
	background:linear-gradient(to left, rgba(148, 121, 81, 0.5), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0));
	border-bottom:1px solid #eee;
	border-color:rgba(255, 255, 255, 0.4);
}
.story_list .inner {
	max-width:1500px;
}
.story_list .top .title {
	float:left;
}
.story_list .top .content {
	float:left;
	padding-left:30px;
	padding-top:70px;
}
.story_list .top .tit {
	color:#fff;
	font-size:30px;
	font-family:'Times New Roman', sans-serif;
}
.story_list .top .con {
	font-size:16px;
	color:#eee;
	color:rgba(255, 255, 255, 0.6);
	font-family:'Tahoma', sans-serif;
	padding-top:15px;
}
.story_list .btm {
	padding:30px 0 30px;
}
.story_list .list_slider {
	text-align:center;
}
.story_list .list_slider .slide {
	padding:10px;
}
.story_list .list_slider .slide:hover img,
.story_list .list_slider .slide.slick-current img {
	outline:4px solid #fe4f92;
	outline-offset:-4px;
}
.story_list .list_slider .slide img {
	margin:0 auto;
}
.story_list .list_slider .name {
	color:#fff;
	font-size:18px;
	/*font-weight:bold;*/
	padding-top:20px;
}
.story_list .list_slider .slick-arrow {
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	margin-top:-20px;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-999em;
	z-index: 1;
}
.story_list .list_slider .slick-prev {
	left:-10px;
	background-image:url("../images/main_slide/slide_arr_left.png");
}
.story_list .list_slider .slick-next {
	right:-10px;
	background-image:url("../images/main_slide/slide_arr_right.png");
}
@media screen and (max-width:1600px){
	.main_slider .slide {
		background-size:cover;
		height:1000px;
	}
	.main_slider .slick-prev {
		left:10px;
		margin-left:0;
	}
	.main_slider .slick-next {
		margin-left:0;
		left:70px;
	}
	.main_slider .slick-dots {
		right:10px;
		margin-right:0;
	}
	.story_list .top .title {
		height:100px;
	}
	.story_list .top .content {
		padding-top:35px;
	}
	.story_list .btm {
		padding:20px 0;
	}
}
@media screen and (max-width:1200px){
	.main_slider .slide {
		height:800px;
	}
	.main_slider .slick-dots {
		top:210px;
	}
}
@media screen and (max-width:1000px){
	.main_slider .slide {
		height:600px;
	}
	.main_slider .slick-dots {
		top:50px;
	}
	.main_slider .slick-arrow {
		bottom:300px;
	}
	.story_list .btm {
		padding:10px 0;
	}
	.story_list .list_slider .name {
		padding-top:10px;
	}
}
@media screen and (max-width:800px){
	.main_slider .slide {
		height:430px;
	}
	.main_slider .slick-arrow {
		width:40px;
		height:40px;
		background-size:30%;
		bottom:15px;
	}
	.main_slider .slick-prev {
		left:auto;
		right:50%;
	}
	.main_slider .slick-next {
		right:auto;
		left:50%;
	}
	.main_slider .slick-dots li {
		width:13.5px;
		height:19.5px;
		background-size:auto 100%;
		margin-top:-3px;
	}
	.main_slider .slick-dots li.slick-active {
		margin-left:-3.5px;
		width:17px;
		background-position:left center;
	}
	.story_list {
		position:relative;
		background:#000;
	}
	.story_list .top .title {
		height:70px;
	}
	.story_list .top .content {
		padding-top:10px;
		padding-left:10px;
		word-break:keep-all;
	}
	.story_list .top .tit {
		font-size:20px;
	}
	.story_list .top .con {
		padding:5px 0 10px;
	}
	.story_list .list_slider .slide {
		padding:5px;
	}
	.story_list .list_slider .slick-arrow {
		display:none !important;
	}

}
@media screen and (max-width:480px){
	.main_slider .slide {
		height:130.4687vw;
		background-size:100% auto;
	}
	.main_slider .slick-arrow,
	.main_slider .slick-dots {
		display:none !important;
	}
	.story_list .top .title {
		height:50px;
	}
	.story_list .top .tit {
		font-size:16px;
	}
	.story_list .top .con {
		font-size:10px;
	}
	.story_list .list_slider .name {
		font-size:10px;
		padding-top:5px;
	}
	.main_slider .slide01 {
		background-image:url(../images/main_slide/m_main_slider01.jpg);
	}
	.main_slider .slide02 {
		background-image:url(../images/main_slide/m_main_slider02.jpg);
	}
	.main_slider .slide03 {
		background-image:url(../images/main_slide/m_main_slider03.jpg);
	}
	.main_slider .slide04 {
		background-image:url(../images/main_slide/m_main_slider04.jpg);
	}
	.main_slider .slide05 {
		background-image:url(../images/main_slide/m_main_slider05.jpg);
	}
	.main_slider .slide06 {
		background-image:url(../images/main_slide/m_main_slider06.jpg);
	}
	.main_slider .slide07 {
		background-image:url(../images/main_slide/m_main_slider07.jpg);
	}
	.main_slider .slide08 {
		background-image:url(../images/main_slide/m_main_slider08.jpg);
	}
	.story_list .list_slider .slide:hover img,
	.story_list .list_slider .slide.slick-current img {
		outline:2px solid #fe4f92;
		outline-offset:-2px;
	}
}
