@charset "utf-8";

/*大事记start*/

.event_box{ width: 100%; margin: 42px auto;position: relative; padding-bottom: 60px; font-size: 14px;}

.event_box .parHd {width: 100%; display: inline-block;

    overflow: hidden;}

.parHd  ul{ width: 100%; text-align: center; margin: 0 auto;}

.parHd .tempWrap{}

.parHd .tempWrap:after{ content: '';

    width: 100%;

    height: 1px;

    background: #FFF;

    position: absolute;
    bottom: 5px;
    z-index: 10;}


.parHd li.no_line:before{ display: none;}

.parHd li{  display: inline-block; cursor: pointer; padding-bottom: 30px; font-size: 18px; color: #FFF; margin:0 30px; position: relative; }

.parHd li:after{ content: ''; background-color:#FFF; width: 4px; height: 4px; position: absolute;  z-index: 20;bottom: 3px; left: 50%; margin-left: -2px; transform:rotate(45deg); }
.parHd li.act:after{width: 8px; height: 8px; z-index: 20;bottom: 2px; left: 50%; margin-left: -4px; }
.parHd li.act{ font-size: 30px;}
.parBd{ background-color: #FFF; margin-top: 30px; padding:30px 20px;}

div#listBox {

    width: 100%;

}

.sPrev,.sNext{ font-weight: bold; width: 30px; height: 30px; display: block; position: absolute; bottom: 10px; cursor: pointer;}

.sPrev{ left: 0;}

.sNext{ left: 60px;}
.sPrev:hover,.sNext:hover{ color: #FFF;}