body{
    font-family: "Microsoft Yahei", "微软雅黑", "Arial";
    
}

.history.channel_content{padding:55px 0 75px; background:#F2F2F2;}
.history01{background:url(../images/history.png) repeat-y 47% top; padding-top:20px;}
.history01 ul{margin-top:30px;}
.history01 li{width:54.5%; float:left; margin-bottom:50px; clear:both;}
.history01 li .date .y{font-size:34px; line-height:30px; color:#fff; padding-bottom:10px; position:relative;font-weight: bold;}
.history01 li .date .y:after{content:''; width:135.6px; height:6px; background:#fff; position:absolute; left:0; bottom:-6px;}
.history01 li .intro{font-size:20px; line-height:36px; color:#666;width: 510px;}
.history01 li .intro span{display:block; font-weight:bold; font-size:26px; line-height:31px; color:#94865c; margin:5px 0;}
.history01 li.odd span{text-align:right;}
.history01 li.odd .date {float:right;}
.history01 li.odd .intro {float:left; }
.history01 li.even{text-align:left; float:right;}
.history01 li.even .date {float:left;}
.history01 li.even .intro {float:right; width:510px;}
.wrap {width:1280px; margin-right:auto; margin-left:auto;}
.mwrap {max-width:1366px; margin-right:auto; margin-left:auto;}
.channel_content{padding:75px 0; min-height:300px;}


.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
footer{
    margin-top: 0;
}
/* .history01 li{visibility:hidden;} */

@media (max-width:750px) {
    .history.channel_content{padding: 14px;width: auto;}
    .wrap{width: auto;}
    .history01{width: auto;background:url(../images/history02.png) repeat-y -10px top;background-size: 321px 100%;}
    .contents{width: auto;}
    .history01 li .date{float: left!important;margin: 0 10px;}
    .history01 li .intro{float: left!important;}
    .history01 li{width: 100%;margin-bottom: 33px;display: flex;
        justify-content: space-between;}
    .history01 li .intro{font-size: 14px;line-height: 20px;margin-left: 22px;width: auto!important;}
    .history01 li .intro span{text-align: left;font-size: 16px;line-height: 23px;margin-top: 0;}
    .history01 li .date .y{font-size: 18px;line-height: 21px;padding-bottom: 7px;}
    .history01 li .date .y:after{width: 67px;height: 2px;}
}

@media(min-width:750px) and (max-width:1280px){
    .history.channel_content{padding: 28px;width: auto;}
    .wrap{width: auto;}
    .history01{width: auto;background:url(../images/history02.png) repeat-y -20px top;background-size: 642px 100%;}
    .contents{width: auto;}
    .history01 li .date{float: left!important;margin: 0 20px;}
    .history01 li .intro{float: left!important;}
    .history01 li{width: 100%;margin-bottom: 66px;display: flex;
        justify-content: space-between;}
    .history01 li .intro{font-size: 28px;line-height: 40px;margin-left: 44px;width: auto!important;}
    .history01 li .intro span{text-align: left;font-size: 32px;line-height: 45px;margin-top: 0;}
    .history01 li .date .y{font-size: 36px;line-height: 42px;padding-bottom: 14px;}
    .history01 li .date .y:after{width: 138px;height: 4px;}
}