@charset "UTF-8";
main {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%; }

html {
  background: #fff;
  overflow-x: hidden;
  width: 100%; }

footer {
  padding-top: 50px; }

.footer-top {
  width: 100%;
  height: 318px;
  background: url(../Image/f-bac.png) no-repeat center;
  background-size: cover; }
  .footer-top .f-l {
    width: 450px;
    height: 334px;
    background: #000;
    position: relative;
    z-index: 999;
    top: -68px;
    box-sizing: border-box;
    padding-top: 55px;
    padding-left: 55px;
    float: left; }
    .footer-top .f-l .f-l-t {
      width: 100%;
      height: 132px; }
      .footer-top .f-l .f-l-t .f-l-t-l {
        width: 132px;
        height: 132px;
        float: left; }
        .footer-top .f-l .f-l-t .f-l-t-l img {
          width: 132px; }
      .footer-top .f-l .f-l-t .f-l-t-r {
        float: left;
        margin-left: 20px; }
        .footer-top .f-l .f-l-t .f-l-t-r .w1 {
          font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 14px;
          color: #fff; }
        .footer-top .f-l .f-l-t .f-l-t-r .w2 {
          font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 42px;
          color: #fff;
          margin-top: 5px; }
        .footer-top .f-l .f-l-t .f-l-t-r .w3 {
          font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 14px;
          color: #fff; }
        .footer-top .f-l .f-l-t .f-l-t-r .w4 {
          font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 24px;
          color: #fff;
          margin-top: 3px; }
    .footer-top .f-l .f-l-b {
      width: 222px;
      height: auto;
      margin-left: 59px;
      margin-top: 40px; }
      .footer-top .f-l .f-l-b li {
        width: 48px;
        height: 48px;
        border: 1px solid #4d4d4d;
        margin-right: 36px;
        float: left;
        border-radius: 50%;
        line-height: 48px;
        text-align: center;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        /* Firefox 4 */
        -webkit-transition-timing-function: ease;
        /* Safari 和 Chrome */
        -o-transition-timing-function: ease;
        /* Opera */ }
        .footer-top .f-l .f-l-b li:hover {
          border: 1px solid #33a7e2; }
          .footer-top .f-l .f-l-b li:hover a span {
            color: #33a7e2; }
        .footer-top .f-l .f-l-b li span {
          font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 30px;
          color: #4d4d4d;
          transition: 0.5s;
          -moz-transition: 0.5s;
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition-timing-function: ease;
          -moz-transition-timing-function: ease;
          /* Firefox 4 */
          -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
          -o-transition-timing-function: ease;
          /* Opera */ }
      .footer-top .f-l .f-l-b li:last-child {
        margin-right: 0; }
  .footer-top .f-r {
    width: 600px;
    height: 318px;
    float: right;
    box-sizing: border-box;
    padding-left: 72px;
    padding-top: 82px; }
    .footer-top .f-r li {
      width: 33.3%;
      float: left;
      margin-bottom: 38px;
      height: 60px; }
      .footer-top .f-r li div:first-child {
        color: #fff;
        font-size: 14px; }
      .footer-top .f-r li div:last-child {
        color: #959595;
        font-size: 12px;
        margin-top: 10px; }

.footer-bot {
  width: 100%;
  height: 60px;
  background: #000;
  border-bottom: 2px solid #334fa6; }
  .footer-bot li {
    line-height: 60px;
    color: #ffffff; }
    .footer-bot li a {
      color: #ffffff; }
  .footer-bot .to-top {
    width: 90px;
    height: 90px;
    background: #33a7e2;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 90px;
    top: -30px;
    cursor: pointer;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    /* Firefox 4 */
    -webkit-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
    /* Opera */ }
    .footer-bot .to-top:hover {
      line-height: 60px; }
    .footer-bot .to-top span {
      font-size: 34px;
      color: #fff; }

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