#about .banner {
  width: 100%;
  height: 420px;
  background: url("../img/about/bg.png") center;
  text-align: center;
  color: #fff; }
  #about .banner h2 {
    font-size: 44px;
    padding: 110px 0 40px; }
  #about .banner .aim {
    font-size: 20px;
    margin-bottom: 34px; }
  #about .banner a {
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    background: url("../img/about/btn_bg.png"); }
  #about .banner .call {
    width: 200px;
    margin: 20px auto;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    padding-left: 28px;
    background: url("../img/custom/tel_icon.png") 8px no-repeat; }
#about h3 {
  font-size: 30px;
  text-align: center; }
#about .info {
  height: 800px; }
  #about .info .w_1200 {
    height: 100%;
    background: #fff url("../img/about/01.png") center 20px no-repeat; }
  #about .info h3 {
    padding: 80px 0 85px; }
  #about .info .info_num {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    text-align: center; }
    #about .info .info_num li {
      width: 300px;
      height: 220px;
      box-sizing: border-box;
      border-right: 2px solid #ededed;
      padding-top: 53px; }
      #about .info .info_num li .num {
        width: 100%;
        height: 58px;
        background: url("../img/about/2016.png") center no-repeat; }
      #about .info .info_num li p {
        margin-top: 45px;
        font-size: 16px; }
      #about .info .info_num li:nth-child(2) .num {
        background-image: url("../img/about/20+.png"); }
      #about .info .info_num li:nth-child(3) .num {
        background-image: url("../img/about/16+.png"); }
      #about .info .info_num li:nth-child(4) {
        border-right: 0; }
        #about .info .info_num li:nth-child(4) .num {
          background-image: url("../img/about/NO.1.png"); }
  #about .info .info_con {
    padding: 45px 25px 0 20px; }
  #about .info .info_img {
    width: 480px;
    height: 270px;
    background: url("../img/about/keman.png"); }
  #about .info .info_txt {
    width: 645px;
    font-size: 15px;
    line-height: 35px; }
    #about .info .info_txt p {
      text-indent: 2em; }
#about .env {
  height: 700px;
  background: #f6f6f6; }
  #about .env .w_1200 {
    background: url("../img/about/02.png") center 30px no-repeat; }
  #about .env h3 {
    padding: 80px 0 55px; }
  #about .env .env_img {
    width: 100%;
    height: 480px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between; }
    #about .env .env_img div {
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      justify-content: space-between; }
    #about .env .env_img img {
      display: block; }
#about .honor {
  height: 700px; }
  #about .honor .w_1200 {
    background: url("../img/about/03.png") center 25px no-repeat; }
  #about .honor h3 {
    padding: 80px 0 120px; }
  #about .honor ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #about .honor li {
    width: 590px;
    height: 160px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    transition: all .3s; }
    #about .honor li:hover {
      box-shadow: 0 10px 30px #e5e5e5; }
  #about .honor .h_img {
    width: 110px;
    height: 140px; }
    #about .honor .h_img img {
      display: block; }
  #about .honor .h_txt {
    width: 447px;
    height: 100%; }
    #about .honor .h_txt .title {
      font-size: 20px;
      padding: 23px 0 16px; }
    #about .honor .h_txt p {
      line-height: 24px; }
#about .journey {
  height: 380px;
  background: #f6f6f6; }
  #about .journey .w_1200 {
    padding: 68px 15px 0;
    height: 100%;
    box-sizing: border-box;
    background: url("../img/about/04.png") 850px 60px no-repeat; }
  #about .journey .time {
    width: 60px;
    text-align: center; }
    #about .journey .time span {
      display: block;
      margin-bottom: 16px;
      font-size: 20px;
      line-height: 40px;
      color: #666;
      cursor: pointer; }
      #about .journey .time span.cur {
        color: #ff3c35; }
      #about .journey .time span:last-child {
        margin-bottom: 0; }
  #about .journey .prog {
    position: relative;
    width: 26px;
    height: 225px;
    margin: 0 5px;
    background: url("../img/about/journey.png") 8px 13px no-repeat; }
    #about .journey .prog .circle {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 5px;
      width: 26px;
      height: 26px;
      box-sizing: border-box;
      border: 1px solid #ff3c35;
      border-radius: 50%;
      transition: all .7s; }
      #about .journey .prog .circle:nth-child(1) {
        opacity: 1; }
      #about .journey .prog .circle:nth-child(2) {
        top: 62px; }
      #about .journey .prog .circle:nth-child(3) {
        top: 118px; }
  #about .journey .jour_con {
    width: 713px;
    height: 200px;
    box-sizing: border-box;
    padding-left: 42px;
    background: url("../img/about/triangle.png") no-repeat;
    background-size: 100% 100%; }
    #about .journey .jour_con .time_con {
      display: none;
      height: 100%; }
      #about .journey .jour_con .time_con.cur {
        display: block; }
    #about .journey .jour_con .title {
      font-size: 20px;
      padding: 27px 0 17px; }
    #about .journey .jour_con p {
      font-size: 16px;
      line-height: 32px;
      color: #666; }
  #about .journey .summary {
    width: 335px; }
    #about .journey .summary .title {
      font-size: 30px;
      padding: 30px 0 22px; }
    #about .journey .summary p {
      font-size: 18px;
      line-height: 34px;
      color: #666; }
#about .contact {
  height: 380px; }
  #about .contact h3 {
    padding: 97px 0 33px;
    text-align: left; }
  #about .contact .way .line {
    height: 80px;
    width: 1px;
    margin: 0 35px 0 30px;
    background-color: #d9d9d9; }
  #about .contact .way .btn {
    display: block;
    width: 120px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #7aade9;
    border-radius: 2px;
    font-size: 16px;
    color: #2277da;
    text-align: center;
    line-height: 38px; }
  #about .contact .way p {
    font-size: 16px;
    color: #666;
    margin-bottom: 18px; }
  #about .contact .way .tel {
    font-size: 25px;
    font-weight: bold;
    color: #2277da; }
  #about .contact .map {
    height: 380px; }
    #about .contact .map img {
      display: block;
      height: 100%; }

/*# sourceMappingURL=about_us.css.map */