@CHARSET "UTF-8";
/*= Reset =*/
/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.event_year_container {width: 60px;display: inline-block;vertical-align: top;}
.event_year {width:60px;text-align:center;/* margin-top:10px; */}
.event_year li {height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#484848;/* cursor:pointer; */}
.event_year li label {cursor: pointer}
.event_year li.current {color: #e83f48}
.event_year .year-line {width: 24px;height:2px;background-color: #333333;margin: 0 auto}
.event_list {display: inline-block;}
.event_list h3 {font-size:20px;color:#bd1117;text-align: center;}
.event_list .logo-container {text-align: center}
.event_list li div {width: 196px;float:left}
.event_list li>.detail-time>span { width:86px;height: 30px;text-align:center;background-color:#333333;line-height: 30px;color: #ffffff;display:inline-block;float:right;font-size: 14px }
.event_list li>a>div>p>span { text-align:left;border-bottom:2px solid #DDD;background:rgb(240, 240, 240);margin:0;border-radius: 7px }
.item-right {width: 80%}
@media screen and (min-width: 1025px) {
    .event_year_container_phone {display: none}
    .event_list {display: inline-block;margin:10px 0 20px 120px;}
    .event_list h3 {margin: 31px 0;font-size: 20px}
    .event_list .timeDetail {background: url('../img/time-line.png') 217px 0 repeat-y}
    .event_list li {background: url('../img/time-dot.png') 214px 0 no-repeat;margin-top: 20px;}
    .event_list li .detail-time {box-sizing: border-box;width:196px;display:inline-block;line-height:25px;min-height:25px}
    .event_list li.even .detail-time {margin-left:43px}
    .event_list li.even .detail-time span {float:left}
    .event_list li .detail-time span {width:86px}
    .event_list li .detail-content{cursor:pointer;box-sizing:border-box;padding: 16px 9px 15px 11px;width: 196px;border: 1px solid #666666}
    .event_list li .detail-content.hover {background-color:#efefef;border: 1px solid #efefef}
    .event_list li.odd .detail-content {margin-left: 43px}
    .event_list li div span label{ cursor: pointer;display: block; font-size: 14px; font-weight: 500; color: rgb(17, 17, 17); }
    .event_list li div span img{ width: 100%;margin-top: 10px }
    .honor_list {width: 650px;margin-top: 45px;position: relative}
    .honor_list:before { display: block; content: '';border-left: 1px solid #999999;height: 100%;position: absolute;left: 16% }
    .honor-body { margin: 25px 0 0 0;border-bottom: 1px solid #999999;border-top: 1px solid #999999;height: 100%;display: inline-block;width: 100%}
    .honor-item {position: relative;margin-bottom: 15px}
    .honor-img {width: 400px;margin-top: 15px}
    .honor-img img {width: 100%}
    .list-item {border-bottom: 1px solid #999999;padding-bottom: 15px}
    .list-item:last-child {border-bottom: 0}
    .honor-item:before {display: block;content: '';top:13px;width: 20px;height: 1px;background-color: #999999;position: absolute;left: 14.5%}
    .honor-item-text {display:inline-block;font-size: 14px;vertical-align: top}
    .item-left {width: 16%;font-size: 18px;text-align: right}
    .item-left span {margin-right: 25px}
    .item-right {margin-left: 25px;margin-top: 4px}
    .item-right span {padding: 4px}
    .item-content {cursor: pointer}
    .item-right img { margin-left: 10px;vertical-align: middle }
    .honor-year {width: 16%;text-align: center;margin-top: 30px;margin-bottom: 30px;font-size: 22px}
    .honor-item-arr-open {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .honor-item-arr {transition: all 200ms ease-in}

    .honor-container .logo-container { margin-left: 40px }
}

@media screen and (max-width: 1024px) {
    .event_year_container {display: none}
    .event_year_container_phone {display:block;width: 100%;margin-bottom: 40px;position: relative;background-color: #111111;}
    .year-menu-arr-selected {
        position: absolute;
        top: 18px;
        right: 30px;
        vertical-align: middle;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transition: all 1s;
    }
    .year-menu-arr {
        position: absolute;
        top: 18px;
        right: 30px;
        vertical-align: middle;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all 1s
    }
    .event_year_container_phone.close {overflow: hidden;height: 40px;background-color: #111111;}
    .event_year_container_phone.open {height: auto;}
    .event_year_container_phone .event_year_input {height: 40px;width:100%;line-height: 40px;text-align: center;font-size: 18px;color: #333;background: #fff}
    .event_year_container_phone .event_year {width:100%;position: absolute;top: 41px;}
    .event_year_container_phone .event_year li {height: 40px;line-height: 40px;background: #fff;margin-bottom: 0px;font-size: 18px;color: #333;border-bottom: 1px solid #999}
    .event_list {width: 355px;margin: 0 auto;display: block;}
    .event_year_container_phone .event_year li.current {color: #e83f48}
    .event_list h3 { margin:20px 0; }
    .event_list .timeDetail {background: url('../img/time-line.png') 178px 0 repeat-y}
    .event_list li { margin-bottom: 20px; background:url('../img/time-dot.png') 175px 0 no-repeat; }
    .event_list li div {width: 44%;float:left}
    .event_list li p { width:calc(100% - 120px);margin-left:24px;display:inline-block;padding-left:10px;background:url('../img/jian.png') -21px 0 no-repeat;line-height:25px;_float:left; }
    .event_list li p span{ width: 100% }
    .event_list li.even .detail-time {margin-left:42px}
    .event_list li.even .detail-time span {float:left}
    .event_list li.odd .detail-content {margin-left: 42px}
    .event_list li .detail-content{cursor:pointer;box-sizing:border-box;padding: 8px 5px 8px 5px;border: 1px solid #666666}
    .event_list li div span label{ display: block; font-size: 12px; font-weight: 500;  color: rgb(17, 17, 17); }
    .event_list li div span img{ width: 100%;margin-top: 10px }
}

@media screen and (max-width: 1024px) and (min-width: 500px) {
    .honor_list {width: 92%;margin: 0 auto;margin-top: 45px;position: relative}
    .honor_list:before { display: block; content: '';border-left: 1px solid #999999;height: 100%;position: absolute;left: 16% }
    .honor-body { margin: 25px 0 0 0;border-bottom: 1px solid #999999;border-top: 1px solid #999999;height: 100%;display: inline-block;width: 100%}
    .honor-item {position: relative;margin-bottom: 15px}
    .honor-img {width: 400px;margin-top: 15px}
    .honor-img img {width: 100%}
    .list-item {border-bottom: 1px solid #999999;padding-bottom: 15px}
    .list-item:last-child {border-bottom: 0}
    .honor-item:before {display: block;content: '';top:13px;width: 20px;height: 1px;background-color: #999999;position: absolute;left: 14.5%}
    .honor-item-text {display:inline-block;font-size: 14px;vertical-align: top}
    .item-left {width: 16%;font-size: 18px;text-align: right}
    .item-left span {margin-right: 25px}
    .item-right {margin-left: 25px;margin-top: 4px}
    .item-right span {padding: 4px}
    .item-content {cursor: pointer}
    .honor-year {width: 16%;text-align: center;margin-top: 30px;margin-bottom: 30px;font-size: 22px}
    .honor-item-arr-open {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .honor-item-arr {transition: all 200ms ease-in}

    .honor-container .logo-container { text-align: center }
}

@media screen and (max-width: 500px) {
    .honor_list {width: 92%;margin: 0 auto;margin-top: 45px;position: relative}
    .honor_list:before { display: block; content: '';border-left: 1px solid #999999;height: 100%;position: absolute;left: 16.6% }
    .honor-body { margin: 25px 0 0 0;border-bottom: 1px solid #999999;border-top: 1px solid #999999;height: 100%;display: inline-block;width: 100%}
    .honor-item {position: relative;margin-bottom: 15px}
    .honor-img {width: 100%;margin-top: 15px}
    .honor-img img {width: 100%}
    .list-item {border-bottom: 1px solid #999999;padding-bottom: 15px}
    .list-item:last-child {border-bottom: 0}
    .honor-item:before {display: block;content: '';top:8px;width: 10px;height: 1px;background-color: #999999;position: absolute;left: 15%}
    .honor-item-text {display:inline-block;vertical-align: top}
    .item-left {width: 16.6%;font-size: 12px;text-align: right}
    .item-left span {margin-right: 14px}
    .item-right {margin-left: 12.5px;width: 75%;margin-top: -5px}
    .item-right span {font-size: 10px}
    .item-content {cursor: pointer;font-size: 0;padding: 5px 4px;background:#eeeeee;}
    .item-right img {vertical-align: middle;cursor: pointer }
    .honor-year {width: 16.6%;text-align: center;margin-top: 15px;margin-bottom: 15px;font-size: 14px}
    .honor-item-arr-open {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .honor-item-arr {transition: all 200ms ease-in;display: none}

    .honor-container .logo-container { text-align: center }
}