@charset "utf-8";
/* CSS Document */
.main-about2{ width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.timeline-list{padding-left:50%;position:relative;padding-top:10px;padding-bottom:50px}
.timeline-list-item{position:relative;padding-left:66px;box-sizing:border-box}
.timeline-list-item+.timeline-list-item{padding-top:60px}
.timeline-list-item:before{content:"";position:absolute;width:1px;top:60px;left:0;height:100%;background-color:#e88817}
.timeline-period{position:absolute;left:-32px;top:107px;width:70px; height:70px; display:block; line-height:70px; border:1px solid #e88817;background-color:#fff;border-radius:13px;text-align:center;font-size:22px; color:#e88817;box-shadow:0 0 0 3px rgba(235,136,23,.1);z-index:2}
.timeline-period:after{content:"";box-sizing:border-box;position:absolute;width:16px;height:16px;top:50%;margin-top:-8px;margin-left:20px;border-radius:50%;left:100%;border:1px solid #e88817;background-color:#fff;box-shadow:0 0 0 3px rgba(235,136,23,.1)}
.timeline-period:before{content:"";position:absolute;width:28px;height:1px;top:50%;margin-top:-.5px;left:100%;background-color:#e88817}
.timeline-list-item:first-child .timeline-period{top:47px}
.timeline-list-item:first-child:after{content:"...";position:absolute;font-size:18px;color:#666;left:0;top:-5px;margin-left:-7.5px;font-family:arial}
.timeline-event{background-color:#fcfcfc;border:1px solid #ededed;padding:30px}
.timeline-event-list-item{display:table;table-layout:fixed;width:100%}
.timeline-event-list-item+.timeline-event-list-item{margin-top:30px}
.timeline-event-time{display:table-cell;vertical-align:top;font-size:34px;color:#333;white-space:nowrap;line-height:1;width:80px}
.timeline-event-time .unit{font-size:14px;vertical-align:14px;margin-left:6px}
.timeline-event-content{display:table-cell;vertical-align:top;font-size:14px;color:#666;line-height:26px;}
.timeline-event-content p{max-width:100%}
.timeline-event-content p+p{margin-top:10px}
.timeline-event-content img{vertical-align:top;max-width:100%;border:1px solid #D9D9D9;box-sizing:border-box}
.timeline-list-item[data-group=even]{position:absolute;left:0;width:50%;padding-left:0;padding-right:66px}
.timeline-list-item[data-group=even]:before{display:none;}
.timeline-list-item[data-group=even] .timeline-period{left:auto;right:-32px}
.timeline-list-item[data-group=even] .timeline-period:before{left:auto;right:100%}
.timeline-list-item[data-group=even] .timeline-period:after{left:auto;right:100%;margin-left:0;margin-right:20px}
.timeline-list-item-last:before{display:none}
.timeline-list-item-last .starting{font-size:14px;width:40px;height:29px;background-image:url(../images/timeline-qcloud-icon.png);background-size:contain;background-repeat:no-repeat;position:absolute;left:-20px;top:57px}
.timeline-list-item[data-sort="2"]{margin-top:-50px}
.timeline-list-item[data-sort="2"]:before{ display:block; left:auto; right:-1px; top:180px;}
.timeline-list-item[data-sort="3"]{margin-top:150px}
.timeline-list-item[data-sort="4"]{margin-top:-75px;}
.timeline-list-item[data-sort="4"]:before{ display:block; left:auto; right:-1px; top:180px;}
.timeline-list-item[data-sort="5"]{margin-top:260px; position:relative; width:750px; padding-left:-150px; padding-left:0px; left:-376px; display:block; height:140px;}
.timeline-list-item[data-sort="5"]:before{ display:none;}
.timeline-list-item[data-sort="5"] .timeline-period:before{ display:none;}
.timeline-list-item[data-sort="5"] .timeline-period:after{ display:none;}
.timeline-list-item[data-sort="5"] .timeline-period{width:100%; top:0px; left:0px; height:135px; line-height:24px; text-align:left; color:#666; font-size:16px;}
.timeline-list-item[data-sort="5"] .timeline-period .timeline-period-m1{ width:375px; height:105px; overflow:hidden; display:block; float:left; border-right:1px solid #fadbb7; margin:15px 0;}
.timeline-list-item[data-sort="5"] .timeline-period .timeline-period-m1 p{ font-size:16px; color:#666; padding:12px 20px 5px;}
.timeline-list-item[data-sort="5"] .timeline-period .timeline-period-m1 h5{ font-size:20px; color:#e88817; padding:0px 20px;}
.timeline-list-item[data-sort="5"] .timeline-period .timeline-period-m2{ width:374px; height:105px; overflow:hidden; display:block; float:right; margin:15px 0; text-align:right;}
.timeline-list-item[data-sort="5"] .timeline-period .timeline-period-m2 p{ font-size:16px; color:#666; padding:12px 20px 5px;}
.timeline-list-item[data-sort="5"] .timeline-period .timeline-period-m2 h5{ font-size:20px; color:#e88817; padding:0px 20px;}

.timeline-list-item[data-group=even]+.timeline-list-item-last:before{display:block}
.timeline-list-item[data-group=even]+.timeline-list-item-last{padding-top:95px}
.timeline-list-item[data-group=even]+.timeline-list-item-last .starting{top:155px}