#main .main-content{padding-top: 35px;padding-bottom: 40px;}
#main .page1{padding-bottom: 30px}
#main .page1 h2{line-height: 40px;color: #1d2127;text-align: center;}
#main .page1 p{color: #777;margin-top: 20px;}
#main .page2{margin-top: 20px;margin-bottom: 35px;margin-top: 30px;display: block;position: relative;z-index: 9;max-width: 100%;}
#main .page2 .time-line{position: absolute;left: 50%;margin-left: 0;height: 100%;border-right: 1px solid #d0d0d0;z-index: -1;}
#main .page2 .time-line .point{width: 10px;height: 10px;position: absolute;left: -4px;background-color: rgb(0, 134, 227);border-radius: 100%;bottom: 0;}
#main .page2 .time-title{text-align: center;margin-bottom: 30px;}
#main .page2 .time-title span{border-radius: 5px;background-color: rgb(0, 134, 227);padding: 2px 7px;line-height: 1.5em;z-index: 99;position: relative;color: #fff;display: inline-block;}
#main .page2 .time-wrapper .time-box{clear:both;border-color: rgb(208, 208, 208);width: calc(50% - 19px);margin-bottom: 20px;position: relative;display: block;table-layout: fixed;border: 1px solid #d0d0d0;-webkit-border-radius: 4px;border-radius: 4px;background: #fcfcfc;}
#main .page2 .time-wrapper .time-box:nth-child(even){float: right;}
#main .page2 .time-wrapper .time-box .point{width: 1px;height: 1px;background-color: rgb(0, 134, 227);border: 4px solid #fff;-webkit-border-radius: 500px;border-radius: 500px;position: absolute;top: 32px;display: block;padding: 3px;}
#main .page2 .time-wrapper .time-box:nth-child(odd) .point{right: -28px;}
#main .page2 .time-wrapper .time-box:nth-child(even) .point{left: -26px;}
#main .page2 .time-wrapper .time-box .arrow {position: absolute;height: 0;width: 1px;top: 30px;}
#main .page2 .time-wrapper .time-box:nth-child(odd) .arrow{right: -1px;}
#main .page2 .time-wrapper .time-box:nth-child(even) .arrow{left: -10px;}
#main .page2 .time-wrapper .time-box .arrow i{border-color: rgba(255,255,255,0) #d0d0d0;border-style: solid;display: block;position: relative;}
#main .page2 .time-wrapper .time-box:nth-child(odd) .arrow i{border-width: 9px 0 9px 10px;}
#main .page2 .time-wrapper .time-box:nth-child(even) .arrow i{border-width: 9px 10px 9px 0;}
#main .page2 .time-wrapper .time-box .arrow i:nth-child(1){top: 0;}
#main .page2 .time-wrapper .time-box .arrow i:nth-child(2){top: -16.5px;}
#main .page2 .time-wrapper .time-box:nth-child(odd) .arrow i:nth-child(2){right: 1px;border-left-color: #fcfcfc;}
#main .page2 .time-wrapper .time-box:nth-child(even) .arrow i:nth-child(2){left: 1px;border-right-color: #fcfcfc;}
#main .page2 .time-wrapper .time-box .con{width: 100%;padding: 15px;}
#main .page2 .time-wrapper .time-box:nth-child(odd) .con{text-align: right;padding-left: 30px;}
#main .page2 .time-wrapper .time-box:nth-child(even) .con{text-align: left;padding-right: 30px;}
#main .page2 .time-wrapper .time-box .con h3{font-size: 15px;line-height: 1.5em;margin: 0 0 7px;color: #1d2127;}
#main .page3{padding-top: 60px;}
#main .page3 h2{margin-bottom: 32px;color: #1d2127;font-weight: 300;font-size: 30px;line-height: 40px;}
#main .page3 p{color: #777;margin-bottom: 20px;line-height: 22px;}
#main .page3 .photo-wrapper>div{position: relative;}
#main .page3 .photo-wrapper>div span{background-color: #2e353e;color: #fff;position: absolute;margin: -16px 0 0 0;padding: 5px 13px 6px;right: 15px;z-index: 1;}
#main .page3 .photo-wrapper>div span:before{border-right: 10px solid #646464;border-top: 16px solid transparent;content: "";display: block;height: 0;left: -10px;position: absolute;top: 0;width: 7px;}
#main .page3 .image{margin-bottom: 30px;}
#main .page3 .image img{width: 100%;height: 100%;}
.join-us{text-align: center;margin: 20px 0;}
.join-us a{padding: 10px 16px;font-size: 18px;line-height: 1.333333;display: inline-block;color: #FFF;background-color: #08c;}
.join-us a:hover{color: #f7f7f7;background-color: #0074ad;}
.container-content_wrapper .contact_container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 98px; }
   .contact_container .container_title {
      font-size: 30px;
      color: #373D40;
      text-align: center;
      line-height: 30px;
      padding-top: 81px;
      padding-bottom: 46px; }
   .contact_container .contact_lists::after {
      content: "";
      display: block;
      clear: both; }
   .contact_container .contact_lists li {
      margin-left: 4%;
      float: left;
      border: 1px solid #CCCCCC;
      width: 22%;
      height: 315px; }
     .contact_container .contact_lists li.list-item1 {
        margin-left: 0; }
       .contact_container .contact_lists li.list-item1 .item-pic {
          padding-top: 74px; }
         .contact_container .contact_lists li.list-item1 .item-pic img {
            width: 54px;
            height: 51px;
            display: block;
            margin: 0 auto; }
       .contact_container .contact_lists li.list-item1 .item-title {
          margin-bottom: 10px; }
     .contact_container .contact_lists li.list-item2 .item-pic {
        padding-top: 72px; }
       .contact_container .contact_lists li.list-item2 .item-pic img {
          width: 50px;
          height: 54px;
          display: block;
          margin: 0 auto; }
     .contact_container .contact_lists li.list-item2 .item-title {
        margin-top: 19px; }
     .contact_container .contact_lists li.list-item3 .item-pic {
        padding-top: 79px; }
       .contact_container .contact_lists li.list-item3 .item-pic img {
          width: 56px;
          height: 41px;
          display: block;
          margin: 0 auto; }
     .contact_container .contact_lists li.list-item3 .item-title {
        padding-top: 25px;
        margin-top: 0; }
     .contact_container .contact_lists li.list-item3 .item-content a {
        color: #666; }
     .contact_container .contact_lists li.list-item4 {
        border-right: 1px solid #CCCCCC; }
       .contact_container .contact_lists li.list-item4 .item-pic {
          padding-top: 73px; }
         .contact_container .contact_lists li.list-item4 .item-pic img {
            width: 51.9px;
            height: 52px;
            display: block;
            margin: 0 auto; }
       .contact_container .contact_lists li.list-item4 .item-title {
          margin-top: 20px; }
     .contact_container .contact_lists li .content {
        width: 100%;
        height: 315px; }
     .contact_container .contact_lists li .item-title {
        font-size: 20px;
        color: #373D40;
        text-align: center;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 18px; }
     .contact_container .contact_lists li:hover {
        border: none; }
       .contact_container .contact_lists li:hover .item-title {
          color: #FF4F4F; }
       .contact_container .contact_lists li:hover .content {
          background: #FFFFFF;
          border: 1px solid #FF4F4F;
          -webkit-box-shadow: 0 2px 16px 0 #EBCBCB;
          box-shadow: 0 2px 16px 0 #EBCBCB; }
       .contact_container .contact_lists li:hover .item-content {
          color: #FF4F4F; }
         .contact_container .contact_lists li:hover .item-content a {
            color: #FF4F4F; }
   .contact_container .item-content {
      text-align: center;
      font-size: 14px;
      color: #666;
      text-align: center;
      line-height: 14px;
      margin-bottom: 8px; 
      word-break: break-all;}
     .contact_container .item-content a {
        color: #FF4F4F; }
       .contact_container .item-content a:hover {
          text-decoration: underline; }
     .contact_container .item-content #launchBtn {
        width: 97px !important;
        height: 24px !important; }
@media (max-width: 767px){
    #main .page2 .time-wrapper .time-box:nth-child(odd) .con{padding: 5px;}
    #main .page2 .time-wrapper .time-box:nth-child(even) .con{padding: 5px;}
    .contact_container .contact_lists li {
      margin-left: 0;
      margin-bottom: 20px;
      float: left;
      border: 1px solid #CCCCCC;
      width: 100%;
      height: 200px; 
  }
  .contact_container .contact_lists li .item-pic{padding-top: 10px !important;}
}