@charset "utf-8";
/* CSS Document */
.event_box{width:100%; float:left; position:relative;}
.event_box .parHd {width:100%; float:left; position: relative; margin-top: 40px; margin-bottom: 60px;}
.timeline{ width:100%; height:1px; background: #d0d0d0; position:absolute; left:0; top:19px; }
div#listBox {width:100%;}
.sPrev,.sNext{width:30px; height:30px; display:block;position:absolute; top:5px; z-index:20; cursor:pointer;}
.sPrev p,.sNext p{ position: absolute; left: -5px; top: 30px; color: #0081cc; font-size: 21px; width: 50px;}
.sPrev{left:-50px;}
.sNext{right:-50px;}
#yy{ fill: #d0d0d0; }
.sPrev:hover #yy{ fill: #db009b; }
.sNext:hover #yy{ fill: #db009b; }
.parHd ul{width:100%; height:auto; float:left;}
.parHd li{ float:left; cursor:pointer; width:14.25%; height:auto; position:relative; text-align:center; padding-top: 20px;}
.parHd li p{ font-size:21px; color: #000; line-height:30px; display:inline-block; text-align:center; position:relative; padding: 10px 0px;}
.parHd li.act p{ display:inline-block; position: relative; z-index: 1;}
.parHd li p:before{ content:''; position: absolute; left: 45%; top: -4px; width:8px; height: 8px; background:#d0d0d0; 
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.parHd li.act p:before{ top: -5px; width:10px; height: 10px; background:#db009b; }
.parBd{ width:100%; height: auto; float: left; padding: 20px 0px 100px;}

/* xs */
@media (max-width: 767px) {
.event_box .parHd { margin-top: 0px; margin-bottom:0px;}
.sPrev p,.sNext p{ left: 0px; font-size: 16px; }
.sPrev{left:-30px;}
.sNext{right:-30px;}
.parHd li{ width:25%; }
.parHd li p{ font-size:16px; }
.parBd{ padding: 10px 0px 60px;}
}

@media (max-width: 480px) {

}