.mid_menu{display: block; max-width: 960px;}
.mid_menu li{display: block; float: left; text-align: center; height: 100%; box-sizing: border-box;}
.mid_menu li:last-child{margin-right: 0}
.mid_menu li a{display: block; color: #fff; height: 100%; border-radius: 10px; box-sizing: border-box;}
.mid_menu li a:hover{opacity: 0.7}
.mid_menu li a span{display: block; text-align: center; font-weight: 300;}
.mid_menu li .menu_btn01{background-color: #95A2BF; background-image: url(../../img/main/main_icon_01.svg);}
.mid_menu li .menu_btn02{background-color: #636C80; background-image: url(../../img/main/main_icon_02.svg);}
.mid_menu li .menu_btn03{background-color: #8F97AA; background-image: url(../../img/main/main_icon_03.svg);}
.mid_menu li .menu_btn04{background-color: #454D60; background-image: url(../../img/main/main_icon_04.svg);}
.mid_menu li .menu_btn05{background-color: #6D85BA; background-image: url(../../img/main/main_icon_05.svg);}
.btm_menu{display: block; max-width: 960px; margin: 20px auto 0; padding: 20px 0; height: 220px}
.main_board_title{font-size: 18px; font-weight: 700; color: #555; border-bottom: 1px solid #ddd; height: 30px; margin-bottom: 10px}
.main_board_title span{border-bottom: 3px solid #0092D7; display: inline-block; height: 100%; box-sizing: border-box;}
.main_board{display: block; font-weight: 300; font-size: 14px}
.main_board li{display: block; height: 34px; line-height: 34px;}
.main_board a:hover span{color: #999}
.main_board span{display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; color: #555}
.main_board time{display: block; float: right; color: #999}

.owl-dots{display: block; position: relative; width: 100%; top:-40px; text-align: center;}
.owl-dot{margin: 0 5px; border: none;}
.owl-dot span{display: block; float: left; width: 15px; height: 15px; border-radius: 100%; background-color: rgba(255,255,255,0.5); }
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span{background-color: rgba(255,255,255,1);}

.main_bnr .slide1 a{display: block; width: 100%; text-indent: -9999px; cursor: default;}
.btm_right a{display: block; width: 100%; max-width: 470px; background-color: #303541;}
.btm_right a:hover{opacity: 0.8}
.btm_right img{display: block; max-width: 470px; margin: auto}

@media (min-width: 960px) {
	.mid_menu{height: 168px; margin: 28px auto 0}
	.mid_menu li{width: 18%; margin-right: 2.5%}
	.mid_menu li a{background: center -20px no-repeat;border-radius: 10px; padding-top: 125px; background-size: contain; }
	.mid_menu li a span{font-size: 16px;}
	.main_bnr .slide1 a{height: 500px;}
	.main_bnr .slide1 .event1{background:url(../../img/img_bnr/main_bnr_01.jpg) no-repeat center; background-size: cover;}
	.main_bnr .slide1 .event2{background:url(../../img/img_bnr/main_bnr_02.jpg) no-repeat center; background-size: cover;}
	.main_bnr .slide1 .event3{background:url(../../img/img_bnr/main_bnr_03.jpg) no-repeat center; background-size: cover;}
	.main_bnr .slide1 a img{display: none;}
	.btm_left{display: block; float: left; width: 49%; margin-right: 1%}
	.btm_right{display: block; float: right; width: 48%; height: 185px; margin-top: 25px}
	.btm_right a{border-radius: 10px; height: 100%;}
	.btm_right img{height: 100%;}
}

@media (max-width: 959px) {
	.mid_menu{height: 90px; margin: -15px auto 0}
	.mid_menu li{width: 20%;}
	.mid_menu li a{background: center -5px  no-repeat; border-radius: 0px; padding-top: 64px; background-size: 100%}
	.mid_menu li a span{font-size: 12px;}	
	.btm_left{display: block; padding: 0 20px; float: left; width: 100%; box-sizing: border-box; margin-bottom: 30px}
	.btm_right{display: block; padding: 0 20px; box-sizing: border-box; float: left; width: 100%; margin-bottom: 30px}
	.btm_right img{width: 100%;}
}