@media all {
.culture_banner{ background: url(../images/cturl.jpg) no-repeat center center; width: 100%;height: 596px; }
.cul_des{ width:100%; height: 710px;}
.cul_des span{ display: inline-block; width:80px; height: 230px;margin-left: 20px; cursor: pointer;transition: all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;background-size:72px;background-repeat: no-repeat;background-position: center center; }
.cul_nav_list_{ position:relative; height: 100%;}
.cul_nav_list{ position:absolute; top:50%;right:15%;}
.cul_nav_list span:hover{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);  }

.cul_des span.cul_nav1{ background-image: url(../images/fv3.png); }
.cul_des span.cul_nav2{ background-image: url(../images/fv2.png); }
.cul_des span.cul_nav3{ background-image: url(../images/fv1.png); }

.cul_content{ width:100%; height: 100%; }
.cul_content_img{ text-align: center; }
.cul_content_img img{ display: inline-block; }
.cul_content_box{ position:relative; }
.cul_content_box .cul_content_lg{width: 30%; text-align: center;padding-left: 5%;}
.cul_content_box .cul_content_txt{ text-align: center;}
.cul_content_box .cul_content_t{ /*position:absolute; top:-47%;/*right:20px;*/ /*right:-10%;*/}

/*时间轴*/
.date_line_box{ background: url(../images/bg.jpg) no-repeat center center; width:100%; height:785px; position:relative;}
.date-container{ position:relative;width:80%;margin:0 auto; }
#timeline {
		width: 800px;
		overflow: hidden;
		margin: 0 auto;
		padding-top: 100px;
		position: relative;
	}
.line_bg{ width:100%; height: 2px; background: #c9a05e; position:absolute; bottom:123px;  }
#dates {
		width: 800px;
		height: 60px;
		overflow: hidden;
		margin:0;
		padding:0;
	}
#dates li {
	list-style: none;
	float: left;
	width: 100px;
	height: 60px;
	font-size: 24px;
	text-align: center;
	background: url('../images/smallw.png') center bottom no-repeat;
	}
#dates a {
	/*line-height: 38px;
	padding-bottom: 10px;*/
	display: inline-block;
	width:100%;
	height:100%;
}
#dates .selected {
    font-size: 30px;
    line-height: 38px;
}
		
#issues {
	width: 800px;
	height: 450px;
	overflow: hidden;
	margin-top:60px;
	margin-bottom: 0;
	padding:0;
}	
#issues li {
	width: 800px;
	height: 350px;
	list-style: none;
	float: left;
	background:rgba(0,0,0,.36);
	border-radius: 20px;
	-webkit-border-radius:20px;
	position:relative;
	overflow:hidden;
}
#issues li .more-event-big-li{
	width:100000000px;
}
#issues li .more-event-list{
	width:800px;
	height:350px;
	float:left;
}
#issues li.selected:after{ content: ''; display: block; background: url(../images/sj.png) no-repeat; width:100%;height: 90px;position:absolute; left:50%; bottom: -90px; margin-left: -51px;}
#issues li img{
	width:400px;height:250px; overflow:hidden;
}
#issues li img {
	float: left;
	margin: 0 30px 10px 50px;
	background: transparent;
	zoom: 1;
	}
#issues li h1 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
#issues li p {
	font-size: 14px;
	margin-right: 70px;
	font-weight: normal;
	line-height: 22px;
	color:#fff;
}
#timeline #dates a,#timeline #dates a:hover,#timeline #dates a.selected {color: #c9a05e;}
/*#timeline #dates a{ position:absolute; }*/
#next,#prev,.prev-btn,.next-btn {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 50%;
	margin-top: -44px;
	width: 37px;
	height: 88px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
		}
#next,.next-btn{
	right: 0;
	background-image: url('../images/next.png');
	}
#prev,.prev-btn {left: 0;background-image: url('../images/pre.png');}
#next.disabled,#prev.disabled {opacity: 1;}

.swiper-container.event-wrapper .swiper-button-next,.swiper-container.event-wrapper .swiper-button-prev
{
	background-color: rgba(0,0,0,.36);
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-size: 27px 25px;
}

.swiper-container.event-wrapper .swiper-pagination-bullet-active{
	background: #ffffff;
}


.cul_big_bg{    width: 100%;
    height: 100%;
    background-image: url(../images/culture/g1.png),url(../images/culture/01.png);
    background-position: left top,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #30050c;}
.cut_big_bg{ width:100%; height: 100%; 
 background-image: url(../images/culture/02.png),url(../images/culture/03.png); 
	background-position: right top,left bottom;
	background-repeat: no-repeat,no-repeat;background-color: #30050c;}





/*广告*/
.cut_video_bg{ /*background:#30050c; */width:100%; height: 100%; }
.cut_video_bg .cut_video { padding:10% 0 5% 0; text-align: center;}
.cut_video_bg .cut_video video,.cut_video_bg .cul_img img{ display: inline-block;}
.cut_video_bg .cul_img{ text-align: center;}
/*.swiper-container{ display: none; }*/

/*荣誉证书*/
.honor_box,.honor_box .honor_list{ margin-top: 5%; }
.honor_box .honor_title_img{ text-align: center; }
.honor_box .honor_title_img img{ display: inline-block; }
.honor_box .honor_list li{ float:left; text-align: center; color:#f5d683; margin-bottom: 2%;}
.honor_box .honor_list li img{ max-width: 350px; overflow: hidden;}
.honor_box .honor_list li h4{width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

}


@media screen  and (max-width: 991px){
.cul_content_box .cul_content_txt{ width:80%; }
.cul_content_box .cul_content_t{ width:20%;}
.cul_content_box .cul_content_lg{width:100%;padding-left:0;}
.date_s{ background: rgba(154,155,158,.2); border-radius: 20px; -webkit-border-radius:20px;  padding:2%;}
.date_s h4{ font-size: 1.5em; color:#fff; padding-bottom:2%; text-align: left; }
.date_s .date_content .date_txt{ color:#fff; font-size: 1em; text-align: left; }
.date_s .date_content .date_img{ width:48%; margin-right: 2%;}
.date_s .date_content  .date_txt{width:50%;}
.date_content{ padding-bottom:2%; }
.swiper-container{display: block;padding:10% 0;}

.date_line_box{ height: auto; background-size:cover; }
.cut_video_bg .cut_video video{ width:100%; }
/*荣誉证书*/
.honor_box .honor_list li img{ width:100%; }

}


@media screen and (max-width: 767px) {
.culture_banner{ height:100px; background-size:cover; }
.cul_des{ height: auto;background-size:cover; }
.cul_des span{ margin-left: 0; }
.cul_des span.cul_nav1,.cul_des span.cul_nav2,.cul_des span.cul_nav3{ background-size:65%;}
.cul_nav_list_,.cul_nav_list{ position: unset; text-align: right;}
.cul_content .cul_content_img,.cut_video_bg .cul_img,.cut_video_bg .cut_video video{ width:100%; }
.cul_content_box .cul_content_lg,.cul_content_box .cul_content_txt{ width:100%; text-align: center; float:none;padding-left: 0;}
.cul_content_box .cul_content_txt{ width:80%; }
.cul_content_box .cul_content_lg img{ display: inline-block;}
.cul_content_box .cul_content_t{ position:absolute; top:52%;right:0;width:20%; }


/*时间轴*/
.date_line_box{ background-size: cover; height: auto; }
.date_line_box #timeline{ width:100%; padding-top: 0; }
#issues{ height: 280px; }
#issues li h1{ font-size: 1.2em; margin:0; }
#issues li{ width:100%; }
.date_s{ background: rgba(154,155,158,.2); border-radius: 20px; -webkit-border-radius:20px;  padding:2%;}
.date_s h4{ font-size: 1.5em; color:#fff; padding-bottom:2%; }
.date_s .date_content .date_txt{ color:#fff; font-size: 1em; text-align: left; }
.date_s .date_content .date_img{ width:48%; margin-right: 2%;}
.date_s .date_content  .date_txt{width:50%;}
.date_content{ padding-bottom:2%; }
/*荣誉证书*/
.honor_box .honor_list li img{ width:100%; }


.swiper-container{display: block; padding:10% 0;}

}