@import "public.css?t=202205111";
@import "slick.css";
@import "slick-theme.css";

/* slider */
#slider_wrap {
	overflow: hidden;
	margin: 0 auto;
}
section.blk {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.slider {
	position: relative;
}
@media screen and (max-width: 768px) {
	section.slider {
		width: 100%;
		padding: 0; 
	} 
}
.main-slider {
	display: inline-block;
	width: 100%;
	max-width: 1000px; 
}
@media screen and (min-width: 769px) {
	.main-slider {
		height: 480px; 
	} 
}
.main-slider img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto; 
}

.slider_left {
	position: absolute;
	width: 2000px;
	height: 480px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	right: 1000px;
}

.slider_right {
	position: absolute;
	width: 2000px;
	height: 480px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	left: 1000px;
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 250px;
	z-index: 1;
	border: 16px solid transparent;
	border-right-color: #fff;
	/* box-shadow: 1px 1px 1px #858685; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -80px;
}

.slick-next {
	right: -80px;
	border-left-color: #fff;
	border-right-color: transparent;
}

.slick-prev:before,
.slick-next:before {
	display: none;
}
.slick-dots {
	background: none!important;
}

.slick-list {
	overflow: visible;
}
/*.slick-list {
	overflow: hidden;
}*/
.slick-slide {
	height: auto;
	position: relative;
	min-height: 480px; 
}
.slick-dots li button:before{
  display:none;
}
.slick-dots li button{
  display: block;
  width:12px;
  height:12px;
  border-radius:100%;
  background-color:#d5d9e3;
}
.slick-dots li.slick-active button{
  background-color:#313b4e;
}
@media screen and (max-width: 768px) {
	.slider_left,
	.slider_right {
		display: none;
	}
	.slick-prev {
		left: -10px;
	}
	.slick-next {
		right: -10px;
		border-left-color: #fff;
		border-right-color: transparent;
	}
	.slick-prev,
	.slick-next {
		top: calc(100vw/2);
	}
	.slick-slide {
		min-height: 100vw; 
	} 
}
.slide_one {
	height: auto;
	position: relative;
	min-height: 500px; 
}
@media screen and (max-width: 768px) {
	.slide_one {
		min-height: 100%!important;
	}
}

#slider_wrap {
	overflow: hidden;
	margin: 0 auto;
}


/* banner */
.banner{
  position: relative;
  z-index: 1024;
}
.slick-list{
  height:480px;
}

/* hot media */

.hotmedia-big{
	width:51%;
}
.hotmedia-liebiao{
	margin-left:52%;
}
.hotmedia-liebiao .hotmedia-img{
	width:290px;
}
.hotmedia-liebiao .hotmedia-info{
	margin-left:310px;
}
.hotmedia-liebiao a{
	display: block;
	height:162px;
}
.hotmedia-liebiao .hotmedia-item:last-child{
	margin-top:2.7%;
}
.hotmedia-item p{
	margin:0;
}


/* part2 */
.more-load-btn a{
	display: inline-block;
	width:360px;
	line-height:72px;
	border-radius:8px;
	background:#313b4e;
}
.more-load-btn a:hover{
	opacity:0.9;
}







@media (max-width: 750px){

	/* center */
	#slider_wrap{
		margin-top:1.2rem;
	}
	.slick-dots{
		bottom:-.4rem;
	}
	.slick-dots li{
		width:.2rem;
		height:.2rem;
		margin:0 .1rem;
	}
	section.blk{
		max-width:750px;
	}
	.slick-list{
		height:auto;
	}

	.hotmedia-box{
		margin-top:.3rem;
	}
	.hotmedia-big{
		float: none;
		width:100%;
	}
	.hotmedia-liebiao{
		margin:3% 0 0;
		white-space: nowrap;
	}
	.hotmedia-liebiao .hotmedia-item{
		display: inline-block;
		width:49%;
		vertical-align:top;
	}
	.hotmedia-liebiao .hotmedia-item:last-child{
		margin:0 0 0 2%;
	}
	.hotmedia-liebiao .hotmedia-img{
		width:100%;
		float:none;
	}
	.hotmedia-liebiao .hotmedia-info{
		margin:.2rem 0 0;
	}
	.hotmedia-item p{
		white-space: normal;
	}
	.hotmedia-liebiao a{
		height:auto;
	}

	/* center list */
	
	.event-latest-list li{
		width:48.5%;
	}
	.event-latest-list li:nth-child(2), .event-latest-list li:nth-child(5), .event-latest-list li:nth-child(8), .event-latest-list li:nth-child(11){
		margin:3% 0 0 auto;
	}
	.event-latest-list li:nth-child(2n){
		margin: 3% 0 0 3%
	}
	
	.more-load-btn a {
		width:80%;
		line-height: .8rem;
		border-radius:.08rem;
	}

	.event-listbox{
		padding-bottom:1rem;
	}


	/* mbanner */
	.main-slider img{
		width:100%;
	}
	
	
	
}