/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container{  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
width:90%;max-width:1170px;margin:0 auto;}
.cd-container::after{  /* clearfix */
content:'';display:table;clear:both;}

/* -------------------------------- 

Main components 

-------------------------------- */
header{height:200px;line-height:200px;text-align:center;background:#303e49;}
header h1{color:#ffffff;font-size:18px;font-size:1.125rem;}
@media only screen and (min-width:1170px){
  header{height:300px;line-height:300px;}
  header h1{font-size:24px;font-size:1.5rem;}
}
#cd-timeline{position:relative;margin-top:2em;margin-bottom:2em;}
#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#d7e4ed;}
#cd-timeline:before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#d7e4ed;}

/*@media only screen and (min-width:1170px){*/
#cd-timeline{margin-top:3em;margin-bottom:3em;}
#cd-timeline::before{left:50%;margin-left:-2px;}
#cd-timeline:before{left:50%;margin-left:-2px;}
.cd-timeline-block{position:relative;margin:2em 0;}
.cd-timeline-block:after{content:"";display:table;clear:both;}
.cd-timeline-block:first-child{margin-top:0;}
.cd-timeline-block:last-child{margin-bottom:0;}

/*@media only screen and (min-width:1170px){*/
.cd-timeline-block{margin:-4px 0;}
.cd-timeline-block:first-child{margin-top:0;}
.cd-timeline-block:last-child{margin-bottom:0;}

/*}*/
.cd-timeline-img{position:absolute;top:25px;left:14px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #ffffff,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);behavior:url(pie.htc);}
.cd-timeline-img img{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px;}
.cd-timeline-img.cd-picture{background:#94b3d7;}

/*@media only screen and (min-width:1170px){*/
.cd-timeline-img{width:14px;height:14px;left:50%;margin-left:-7px;    /* Force Hardware Acceleration in WebKit */-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.cssanimations .cd-timeline-img.is-hidden{visibility:hidden;}
.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 0.6s;-moz-animation:cd-bounce-1 0.6s;animation:cd-bounce-1 0.6s;}

/*}*/
@-webkit-keyframes cd-bounce-1{
  0%{opacity:0;-webkit-transform:scale(0.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(0.5);}
  60%{opacity:1;-moz-transform:scale(1.2);}
  100%{-moz-transform:scale(1);}
}
@keyframes cd-bounce-1{
  0%{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.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);}
}
.cd-timeline-content{position:relative;margin-left:60px;background:#ffffff;border-radius:0.25em;background-color:#ffffff;border:1px solid #dbdbdb;}
.cd-timeline-content:after{content:"";display:table;clear:both;}
.cd-timeline-content p{margin:1em 0;line-height:1.6;}
.history-time1{border-radius:50%;text-align:center;color:#fff;font-size:16px;width:45px;height:45px;overflow:hidden;background-color:#8b9cb0;behavior:url(pie.htc);line-height:45px;border:2px solid #fff;margin:0 auto;position:relative;margin-bottom:40px;margin-left:0;}
.history-time2{border-radius:50%;text-align:center;color:#fff;font-size:16px;width:45px;height:45px;overflow:hidden;background-color:#8b9cb0;behavior:url(pie.htc);line-height:45px;border:2px solid #fff;margin:0 auto;position:relative;margin-top:40px;margin-left:0;}
.cd-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid  #94b3d7;}
.cd-timeline-content:before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid  #94b3d7;}

/*@media only screen and (min-width:768px){*/
.cd-timeline-content p{font-size:16px;font-size:1rem;}

/*}*/

/*  @media only screen and (min-width:1170px){*/
.cd-timeline-content{margin-left:0;width:45%;}
.cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#94b3d7;behavior:url(pie.htc);}
.cd-timeline-content:before{top:24px;left:100%;border-color:transparent;border-left-color:#94b3d7;behavior:url(pie.htc);}
.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right;}
.cd-timeline-block .cd-timeline-content.right::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#94b3d7;behavior:url(pie.htc);}
.cd-timeline-block .cd-timeline-content.right:before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#94b3d7;behavior:url(pie.htc);}
.cssanimations .cd-timeline-content.is-hidden{visibility:hidden;}
.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 0.6s;-moz-animation:cd-bounce-2 0.6s;animation:cd-bounce-2 0.6s;}
.history-time1{border-radius:50%;text-align:center;color:#fff;font-size:16px;width:45px;height:45px;overflow:hidden;background-color:#8b9cb0;behavior:url(pie.htc);line-height:45px;border:2px solid #fff;margin:0 auto;position:relative;margin-bottom:40px;margin-left:auto;}
.history-time2{border-radius:50%;text-align:center;color:#fff;font-size:16px;width:45px;height:45px;overflow:hidden;background-color:#8b9cb0;behavior:url(pie.htc);line-height:45px;border:2px solid #fff;margin:0 auto;position:relative;margin-top:40px;margin-left:auto;}

/*  }*/

/*  @media only screen and (min-width:1170px){*/

/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse 0.6s;-moz-animation:cd-bounce-2-inverse 0.6s;animation:cd-bounce-2-inverse 0.6s;}

/*  }*/
@-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);}
}

/*修改*/
.time-line{background-color:#94b3d7;padding:20px 15px;}
.time-line p.day{font-size:29px;float:left;color:#fff;margin:0;padding:0;line-height:1;margin-right:20px;}
.time-line div.date{}
.time-line div.date p{margin:0;padding:0;font-size:12px;color:#fff;line-height:1.2}
.hs-wrap{padding:25px 12px;}
.hs-wrap p{font-size:12px!important;color:#333333!important;}