
.events{ padding:0 0 8%; position: relative; min-height: 370px;}
.events .w1200{ position: relative; z-index:1;}
.events .bg{ position: absolute;  bottom:0; right:0;z-index:0; width: 770px; height: 370px; background: url(../images/about/events_bg.jpg) no-repeat;}
.events .slick_nav { margin-bottom:5%;height:54px;}
.events .slick_nav .slick-prev, .events .slick_nav .slick-next{ width: 30px; height: 54px;  position:absolute; background-color: #cecdcb;}
.events .slick_nav .slick-prev:hover, .events .slick_nav .slick-next:hover{  background-color: #9c3224;}
.events .slick_nav .slick-prev{ left:-30px;}
.events .slick_nav .slick-next{ right:-30px;}
.events .slick_nav .slick-slide{ padding: 1px;}
.events .slick_nav .slick-slide span{ display: block; background: #eae7de; height: 54px; line-height: 54px; text-align: center; font-size: 20px; color: #FFFFFF; cursor: pointer;}
.events .slick_nav .current span{ background: #9c3224;}
.events .content .con{ display: none; padding: 0 30px;}
.events .content .con p{ position: relative; margin-bottom:12px; font-size: 16px; line-height:30px; padding-left:40px;}
.events .content .con .icon{ position: absolute; top:10px; left:0; display: inline-block; width: 12px; height: 12px; background-image: url(../images/block.png);}

@media only screen and (max-width:780px){
	
	.events .slick_nav{ padding: 0 30px;}
	.events .slick_nav .slick-prev{ left:0px;}
	.events .slick_nav .slick-next{ right:0px;}
	.events .content .con{ padding: 0;}
	.events .content .con p{ padding-left:25px;}	
}
