@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
fieldset, lengend, button, input, textarea,
th, td {
  margin: 0;
  padding: 0; }

body, button, input, select, textarea {
  font: 14px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }

h1 {
  font-size: 18px; }

h2 {
  font-size: 16px; }

h3 {
  font-size: 14px; }

h4, h5, h6 {
  font-size: 100%; }

address, cite, dfn, em, var {
  font-style: normal; }

code, kbd, pre, samp, tt {
  font-family: "Courier New", Courier, monospace; }

small {
  font-size: 12px; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

abbr[title], acronym[title] {
  border-bottom: 1px dotted;
  cursor: help; }

q:before, q:after {
  content: ''; }

legend {
  color: #000; }

fieldset, img {
  border: none; }

button, input, select, textarea {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  border: none;
  height: 1px; }

body {
  margin: 0 auto;
  padding: 0;
  font-family: "Open Sans", Arial, "Hiragino Sans GB","Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,sans-serif;
  *font-family: "Microsoft YaHei";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  background: #fff; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
  padding: 0;
  margin: 0; }

table, td, tr, th {
  font-size: 1em; }

img {
  border: 0; }

.clear {
  background: 0;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0; }

a {
  text-decoration: none;
  color: #333; }

a:hover {
  text-decoration: none;
  color: #f60;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

p {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

img {
  *display: block;
  border: 0; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0; }

.clearfix {
  *zoom: 1; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

input {
  font-family: 'Helvetica Neue',Helvetica,'Microsoft Yahei',sans-serif;
  outline: 0; }

li {
  list-style: none; }

.com-width {
  width: 1200px;
  margin: 0 auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.banner {
  height: 500px;
  background: url(images/banner_bg2.jpg) no-repeat top center; }
  .banner .banner-wrap {
    padding-top: 300px;
    text-align: center; }
    .banner .banner-wrap .logo {
      padding: 40px 0;
      overflow: hidden; }
    .banner .banner-wrap .slogan {
      width: 80%; }
      .banner .banner-wrap .slogan img {
        max-width: 100%; }
    .banner .banner-wrap .join-btn {
      display: inline-block;
      width: 340px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      color: #fff;
      font-size: 30px;
      background: #37A1F5;
      margin: 0 10px; }
    .banner .banner-wrap .ibm-tel {
      display: inline-block;
      position: relative; }
      .banner .banner-wrap .ibm-tel .tel {
        position: absolute;
        left: 10px;
        bottom: -90px;
        width: 340px;
        height: 80px;
        line-height: 40px;
        font-size: 20px;
        background: #fff;
        color: #37A1F5; }

.mobile_banner {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .mobile_banner img {
    width: 100%; }

.timer h3.title {
  text-align: center;
  font-size: 40px;
  color: #333;
  font-weight: normal; }
.timer ul.countdown {
  list-style: none;
  margin: 60px 0 75px 0;
  padding: 0;
  display: block;
  text-align: center; }
.timer ul.countdown li {
  display: inline-block; }
.timer ul.countdown li span {
  font-size: 70px;
  font-weight: 300;
  line-height: 70px;
  color: #333; }
.timer ul.countdown li.seperator {
  font-size: 70px;
  line-height: 70px;
  vertical-align: top;
  color: #333; }
.timer ul.countdown li p {
  color: #999;
  font-size: 14px; }

.intro {
  background: url(images/intro_bg.jpg);
  color: #fff;
  padding: 50px 0 50px; }
  .intro h3 {
    font-size: 36px;
    line-height: 100px; }
  .intro p {
    font-size: 16px;
    line-height: 28px; }

.case {
  padding: 20px 0 60px;
  overflow: hidden; }
  .case h3.title {
    text-align: center;
    font-size: 44px;
    padding: 25px 0;
    font-weight: normal; }
  .case .case-intro {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px; }
  .case .case-box {
    margin-top: 40px; }
    .case .case-box .item {
      width: 543px;
      padding: 20px;
      border: 1px solid #ccc;
      float: left;
      margin: 0 30px 30px 0; }
      .case .case-box .item:nth-child(2n) {
        margin-right: 0; }
      .case .case-box .item .item-img {
        width: 255px;
        height: 171px;
        position: relative;
        float: left;
        margin-right: 20px; }
        .case .case-box .item .item-img img {
          width: 100%;
          height: 100%;
          background: #ddd;
          border: none; }
      .case .case-box .item .item-word {
        float: left;
        width: 268px; }
        .case .case-box .item .item-word .title {
          display: block;
          margin-bottom: 20px;
          font-size: 20px;
          line-height: 1.3;
          color: #305b81; }
          .case .case-box .item .item-word .title:hover {
            color: #356db9; }
        .case .case-box .item .item-word .info {
          font-size: 16px;
          color: #333;
          line-height: 1.5; }

.time-line {
  height: 650px;
  background: url(images/timeline_bg4.jpg) repeat; }
  .time-line .wrap {
    padding: 40px 0 0; }
    .time-line .wrap h3.title {
      text-align: center;
      font-size: 44px;
      padding: 25px 0;
      color: #fff;
      font-weight: normal; }
    .time-line .wrap .address {
      text-align: center;
      color: #fff;
      font-size: 22px; }
    .time-line .wrap .line-box {
      position: relative;
      height: 500px;
      overflow: hidden;
      width: 96%;
      padding-left: 4%; }
      .time-line .wrap .line-box .line {
        background: #fff;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px; }
      .time-line .wrap .line-box .item {
        width: 16%;
        height: 500px;
        float: left;
        position: relative; }
        .time-line .wrap .line-box .item .dot {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 20px;
          height: 20px;
          margin-left: -12px;
          margin-top: -12px;
          border-radius: 50%;
          border: 2px solid #356db9;
          background: #fff; }
        .time-line .wrap .line-box .item .time {
          position: absolute;
          top: 50%;
          width: 100%;
          margin-top: 40px;
          text-align: center;
          font-size: 22px;
          color: #fff; }
        .time-line .wrap .line-box .item .info {
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -180px;
          margin-left: -92px;
          width: 180px;
          height: 140px;
          border: 1px solid rgba(255, 255, 255, 0.5);
          color: #fff;
          border-radius: 3px; }
          .time-line .wrap .line-box .item .info .inner {
            width: 180px;
            height: 120px;
            padding: 10px;
            line-height: 2;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 16px; }
        .time-line .wrap .line-box .item:nth-child(2n) {
          /*.dot{
          	width:30px;
          	height: 30px;
          	margin-left:-17px;
          	margin-top:-17px;
          }*/ }
          .time-line .wrap .line-box .item:nth-child(2n) .time {
            margin-top: -60px; }
          .time-line .wrap .line-box .item:nth-child(2n) .info {
            margin-top: 40px; }

.join {
  background: url(images/join_bg.jpg) repeat;
  text-align: center; }
  .join .word {
    padding: 75px 0 45px 0; }
    .join .word p {
      font-size: 24px;
      color: #000;
      line-height: 40px; }
    .join .word .notice {
      color: #999; }
  .join .join-btn {
    display: inline-block;
    width: 340px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    background: #37A1F5;
    margin-bottom: 75px; }

.trem {
  background: url(images/btn_bg.jpg) repeat;
  padding: 50px 0 80px 0; }
  .trem h3.title {
    text-align: center;
    font-size: 44px;
    padding: 25px 0;
    color: #fff;
    font-weight: normal; }
  .trem h4 {
    color: #6BB3E9;
    font-size: 26px;
    font-weight: normal;
    margin: 30px 0; }
  .trem ul li {
    font-size: 18px;
    color: #fff;
    background: url(images/ling.png) no-repeat left center;
    width: 550px;
    padding-left: 50px;
    line-height: 36px;
    height: 36px;
    float: left; }
    .trem ul li a {
      color: #6bb3e9;
      text-decoration: underline; }

.service {
  background: #0098D6;
  padding: 80px 0; }
  .service h3 {
    text-align: center;
    font-size: 44px;
    color: #fff;
    font-weight: normal; }
  .service p {
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    padding: 30px 0 10px 0; }
    .service p a {
      color: #333;
      text-decoration: underline; }

.join-block {
  height: 160px;
  background: url(images/btn_bg.jpg) repeat top center;
  overflow: hidden; }
  .join-block .join-btn {
    display: block;
    margin: 42px auto;
    width: 310px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    color: #55a8fc;
    border: 2px solid #55a8fc; }
    .join-block .join-btn:hover {
      background: #55a8fc;
      color: #fff; }
  .join-block .wrap {
    height: 160px;
    position: relative;
    overflow: hidden; }
    .join-block .wrap .qrcode-box {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 160px;
      height: 160px;
      text-align: center;
      color: #fff; }
      .join-block .wrap .qrcode-box img {
        display: block;
        width: 80px;
        height: 80px;
        padding: 10px;
        background-color: #fff;
        margin: 20px auto 15px; }

.more .wrap {
  padding: 40px 0; }
  .more .wrap h3.title {
    text-align: center;
    font-size: 40px;
    padding: 25px 0;
    font-weight: normal; }

.footer {
  height: 515px;
  background: url(images/footer_bg.jpg) repeat top center;
  color: #fff; }
  .footer .wrap {
    padding: 40px 0 0; }
    .footer .wrap h3.title {
      text-align: center;
      font-size: 40px;
      padding: 25px 0;
      font-weight: normal; }
    .footer .wrap .info {
      margin-top: 30px;
      font-size: 22px;
      line-height: 1.5; }
      .footer .wrap .info p {
        margin-bottom: 20px; }
    .footer .wrap .btn {
      margin-top: 80px;
      text-align: center; }
      .footer .wrap .btn a {
        width: 40%;
        height: 68px;
        border: 1px solid #eee;
        text-align: center;
        line-height: 68px;
        display: inline-block;
        margin: 0 2%;
        font-size: 20px;
        color: #fff; }
        .footer .wrap .btn a:hover {
          background: #fff;
          color: #0198d7; }

@media screen and (max-width: 1200px) {
  .com-width {
    width: 940px;
    padding-left: 20px;
    padding-right: 20px; }

  .banner {
    display: none; }

  .mobile_banner {
    display: block; }

  .intro h3 {
    padding: 20px 0; }
  .intro p {
    font-size: 13px;
    margin-bottom: 25px; }

  .case .case-box .item {
    width: 96%; }
    .case .case-box .item .item-img {
      width: 280px;
      height: 180px; }
    .case .case-box .item .item-word {
      float: none;
      width: 96%; }
      .case .case-box .item .item-word .info {
        overflow: hidden; }

  .time-line .line-box .item .info {
    width: 100% !important;
    left: 64% !important; } }

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