.honor .title{text-align:center;font-size:16pt;font-weight:600;border-bottom:0.5px solid #ddd}
.honor .title span{position:relative;padding-bottom:4px;border-bottom:2px solid #ed1c24;bottom:3px;text-align:left;-webkit-font-smoothing:antialiased}

.layui-timeline-item{padding-bottom:40px}
.layui-timeline-item .layui-timeline-axis{color:#ed1c24;background:#ed1c24}

.layui-timeline-axis.is-hidden{visibility:hidden}
.layui-timeline-axis.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}
.layui-timeline-content.is-hidden{visibility:hidden}
.layui-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}

@media only screen and (min-width: 992px) {
    .layui-timeline{padding-left:0;position:relative}
    .layui-timeline::before{left:50%;margin-left:-2px;content:'';position:absolute;top:0;height:100%;width:1px;background:#d7e4ed}

    .layui-timeline-item{clear:both;padding-bottom:20px}
    .layui-timeline-item:before{background:unset}
    .layui-timeline-item .layui-timeline-axis{top:13px;left:50%;margin-left:-12px}

    .layui-timeline-content{border:1px solid #d7e4ed;margin-left:0;padding:1.6em;width:45%;position:relative;background:#fff;border-radius:.25em;margin-bottom:20px}
    .layui-timeline-item:nth-child(odd) .layui-timeline-content{float:right;margin-bottom:40px}

    .layui-timeline-content::before{border-left:10px solid #C4E7FA;border-style:solid;border-width:10px;color:transparent;content:"";display:block;height:0;position:absolute;right:-20px;top:10px;width:0}
    .layui-timeline-content::after{border-left:10px solid #fff;border-style:solid;border-width:10px;color:transparent;content:"";display:block;height:0;position:absolute;right:-19px;top:10px;width:0}
    .layui-timeline-item:nth-child(odd) .layui-timeline-content::before{border-left:10px solid #fff;border-right:10px solid #C4E7FA;left:-20px}
    .layui-timeline-item:nth-child(odd) .layui-timeline-content::after{border-right:10px solid #fff;left:-19px}

    .layui-timeline-content>h3{position:absolute;width:100%;left:122%;top:11px;font-size:16px}
    .layui-timeline-item:nth-child(odd) .layui-timeline-content>h3{left:auto;right:122%;text-align:right}

    .layui-timeline-item:nth-child(odd) .layui-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}
}


@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}
    60%{opacity:1;-webkit-transform:scale(1.2)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}
    60%{opacity:1;-moz-transform:scale(1.2)}
    100%{-moz-transform:scale(1)}
}
@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
    60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}
    60%{opacity:1;-webkit-transform:translateX(20px)}
    100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}
    60%{opacity:1;-moz-transform:translateX(20px)}
    100%{-moz-transform:translateX(0)}
}
@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}
    60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}
    100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}
    60%{opacity:1;-webkit-transform:translateX(-20px)}
    100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}
    60%{opacity:1;-moz-transform:translateX(-20px)}
    100%{-moz-transform:translateX(0)}
}
@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}
    60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}
    100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}

/* ??????? */
.maxwidth3{
	max-width: 32%;
}

/* ??????? */
.maxwidth2{
	max-width: 49%;
}

/* ???? */
.maxwidth1{
	max-width: 75%;
}

.layui-col-space20>* {
    padding: 5px;
}

@media (min-width: 768px) and (max-width: 992px){
	.container {
    	width: 800px;
	}
}