@charset "UTF-8";
* {
  padding: 0;
  margin: 0; }

a, img {
  -webkit-touch-callout: none;
  /* 禁止长按链接与图片弹出菜单 */ }

html, body {
  width: 100%;
  height: 100%;
  /* 禁止选中文本（如无文本选中需求，此为必选项） */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px; }

body {
  font-weight: 500;
  color: #242426;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  line-height: 1.5;
  text-align: left;
  background-color: #e8e8e8; }

.abs {
  position: absolute; }

.rel {
  position: relative; }

.hidden {
  display: none; }

.alpha {
  visibility: hidden;
  opacity: 0; }

.ui-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  height: 81px;
  width: 750px;
  background-color: black; }
  .ui-header .top_logo {
    top: 25px;
    left: 32px;
    width: 121px;
    height: 32px;
    border: none;
    background: url("../img/logo.png") no-repeat; }
  .ui-header nav {
    float: right;
    right: 10px;
    height: 100%;
    position: relative; }
    .ui-header nav a {
      transition: all .3s ease-out;
      text-align: center;
      line-height: 81px;
      font-size: 2.6rem;
      height: 37px;
      display: inline-block;
      -webkit-text-stroke-width: 0.2px;
      -moz-text-stroke-width: 0.2px;
      -ms-text-stroke-width: 0.2px;
      -o-text-stroke-width: 0.2px;
      text-stroke-width: 0.2px;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
      color: #727071;
      text-decoration: none;
      font-family: 'Neou-Bold' , "Microsoft YaHei","Arial","宋体"; }
    .ui-header nav a.on, .ui-header nav a:hover {
      color: white; }
    .ui-header nav .link:nth-child(1) {
      width: 132px;
      height: 81px; }
    .ui-header nav .link:nth-child(2) {
      width: 120px;
      height: 81px; }
    .ui-header nav .link:nth-child(3) {
      width: 173px;
      height: 81px; }

.contact {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .contact .pages {
    width: 750px;
    height: 100%; }
    .contact .pages .page {
      width: 100%;
      height: 100%;
      letter-spacing: 0px;
      -o-transform-origin: top left;
      -moz-transform-origin: top left;
      -ms-transform-origin: top left;
      -webkit-transform-origin: top left;
      transform-origin: top left;
      font-size: 22px;
      line-height: 45px;
      font-family: 'PingFang Light', "Microsoft YaHei","Arial","宋体"; }
      .contact .pages .page .pic01, .contact .pages .page .pic02 {
        bottom: 0;
        left: 0; }
      .contact .pages .page .txt01, .contact .pages .page .txt02, .contact .pages .page .txt03 {
        z-index: 1;
        width: 630px;
        height: 430px;
        top: 132px;
        left: 63px;
        margin-top: 20px; }
      .contact .pages .page .arraw2 {
        bottom: 30px;
        left: 50%;
        margin-left: -22px; }
      .contact .pages .page .pic03 {
        bottom: 80px;
        left: 50%;
        margin-left: -314px; }
    .contact .pages .page01 {
      background: url("../img/contact_bg1.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      .contact .pages .page01 .p1_info {
        width: 100%;
        height: 416px;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.82); }
        .contact .pages .page01 .p1_info .contact_txt1 {
          top: 90px;
          left: 94px; }
        .contact .pages .page01 .p1_info .leftBox {
          width: 270px;
          display: inline-block;
          float: left;
          font-size: 32px;
          text-indent: 60px;
          margin-top: 10px; }
          .contact .pages .page01 .p1_info .leftBox span {
            font-size: 25px; }
        .contact .pages .page01 .p1_info .rightBox {
          width: 320px;
          display: inline-block;
          float: left;
          font-size: 18px; }
        .contact .pages .page01 .p1_info .contact_txtBox1 {
          font-family: 'PingFang Light', "Microsoft YaHei","Arial","宋体";
          width: 700px;
          color: white;
          top: 90px;
          left: 94px;
          height: 250px;
          background: url("../img/contact_icon1_2.png") no-repeat;
          background-position: top left;
          line-height: 20px; }
          .contact .pages .page01 .p1_info .contact_txtBox1 .info1 .rightBox {
            margin-top: -6px;
            line-height: 32px; }
          .contact .pages .page01 .p1_info .contact_txtBox1 .info2 {
            top: 93px; }
            .contact .pages .page01 .p1_info .contact_txtBox1 .info2 .rightBox {
              margin-top: -5px;
              line-height: 32px; }
          .contact .pages .page01 .p1_info .contact_txtBox1 .info3 {
            top: 183px; }
            .contact .pages .page01 .p1_info .contact_txtBox1 .info3 .leftBox {
              text-indent: 62px; }
            .contact .pages .page01 .p1_info .contact_txtBox1 .info3 .rightBox {
              margin-top: -10px;
              line-height: 35px; }
    .contact .pages .page02 {
      background: url("../img/contact_bg2.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      .contact .pages .page02 .p2_info {
        width: 100%;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        height: 780px; }
        .contact .pages .page02 .p2_info .contact_txt2 {
          top: 103px;
          left: 157px; }
        .contact .pages .page02 .p2_info .btn1, .contact .pages .page02 .p2_info .btn2 {
          width: 305px;
          height: 51px;
          background-color: rgba(0, 0, 0, 0.02);
          top: 236px;
          left: 223px; }
        .contact .pages .page02 .p2_info .btn2 {
          top: 303px; }
        .contact .pages .page02 .p2_info .contact_txtBox2 {
          width: 390px;
          height: 280px;
          font-family: 'PingFang Light', "Microsoft YaHei","Arial","宋体";
          width: 700px;
          color: white;
          bottom: 170px;
          left: 158px;
          background: url("../img/contact_icon2.png") no-repeat;
          background-position: top left; }
          .contact .pages .page02 .p2_info .contact_txtBox2 .info1 {
            font-size: 38px;
            text-indent: 64px;
            letter-spacing: -1.18px; }
          .contact .pages .page02 .p2_info .contact_txtBox2 .info2 {
            top: 55px;
            font-size: 21px;
            text-indent: 64px;
            letter-spacing: .8px; }
          .contact .pages .page02 .p2_info .contact_txtBox2 .info3 {
            top: 120px;
            /* text-indent: 64px; */
            font-size: 23px;
            left: 26px;
            border: 1px solid white;
            height: 50px;
            line-height: 50px;
            text-align: center;
            width: 380px; }
          .contact .pages .page02 .p2_info .contact_txtBox2 .info4, .contact .pages .page02 .p2_info .contact_txtBox2 .info5, .contact .pages .page02 .p2_info .contact_txtBox2 .info6 {
            font-size: 23px;
            top: 192px;
            left: 26px;
            border: 1px solid white;
            height: 50px;
            line-height: 50px;
            text-align: center;
            width: 380px; }
          .contact .pages .page02 .p2_info .contact_txtBox2 .info5 {
            top: 264px; }
          .contact .pages .page02 .p2_info .contact_txtBox2 .info6 {
            top: 336px; }
      .contact .pages .page02 .pop1 {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        visibility: hidden;
        opacity: 0; }
        .contact .pages .page02 .pop1 .txtBox {
          top: 250px;
          left: 65px; }
          .contact .pages .page02 .pop1 .txtBox .pop1_line {
            width: 568px;
            height: 1px;
            margin-top: 20px;
            margin-bottom: 32px;
            background-color: rgba(0, 0, 0, 0.4); }
          .contact .pages .page02 .pop1 .txtBox .popBox1 {
            width: 568px;
            height: 570px;
            top: 185px;
            background-color: #ffffff;
            padding: 32px 26px;
            font-size: 22px;
            color: #000000;
            font-family: 'PingFang Light', "Microsoft YaHei","Arial","宋体";
            line-height: 40px; }
            .contact .pages .page02 .pop1 .txtBox .popBox1 .pop1_title {
              font-size: 32px; }
          .contact .pages .page02 .pop1 .txtBox .popBox2 {
            width: 568px;
            height: 645px;
            top: 185px;
            background-color: #ffffff;
            padding: 32px 26px;
            font-size: 22px;
            color: #000000;
            font-family: 'PingFang Light', "Microsoft YaHei","Arial","宋体";
            line-height: 40px; }
            .contact .pages .page02 .pop1 .txtBox .popBox2 .pop1_title {
              font-size: 32px; }
          .contact .pages .page02 .pop1 .txtBox .closeBtn {
            width: 44px;
            height: 44px;
            padding: 20px;
            background-color: rgba(0, 0, 0, 0.01);
            left: 555px;
            top: -80px; }
  .contact ul, .contact li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .contact .works_list {
    width: 630px;
    top: 141px;
    left: 60px;
    font-size: 32px;
    padding-bottom: 40px;
    -webkit-text-stroke-width: 0.2px;
    -moz-text-stroke-width: 0.2px;
    -ms-text-stroke-width: 0.2px;
    -o-text-stroke-width: 0.2px;
    text-stroke-width: 0.2px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: 'PingFang Light', "Microsoft YaHei","Arial","宋体"; }
    .contact .works_list li {
      width: 630px;
      height: 407px;
      margin-bottom: 60px; }
      .contact .works_list li a {
        text-decoration: none;
        color: black;
        display: block;
        width: 100%;
        height: 405px; }
        .contact .works_list li a img {
          -o-transform: translate(0, 10px);
          -moz-transform: translate(0, 10px);
          -ms-transform: translate(0, 10px);
          -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
          margin-right: 10px; }
      .contact .works_list li em {
        font-style: normal; }
      .contact .works_list li .w_line {
        width: 100%;
        height: 1px;
        background-color: #a7a7a7; }

@font-face {
  font-family: "Neou-Bold";
  src: url("../../css/Neou-Bold.eot?v=1");
  /* IE9 */
  src: url("../../css/Neou-Bold.eot?#iefix") format("embedded-opentype"), url(data:application/x-font-ttf;charset=utf-8;base64,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LgAgAEEAbABsACAAcgBpAGcAaAB0AHMAIAByAGUAcwBlAHIAdgBlAGQALgBOAGUAbwB1AEIAbwBsAGQAMQAuADAAMAAwADsAUABZAFIAUwA7AE4AZQBvAHUALQBCAG8AbABkAE4AZQBvAHUAIABCAG8AbABkAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAwACAAMgAwADEAMgBOAGUAbwB1AC0AQgBvAGwAZABOAGUAbwB1ACAAaQBzACAAYQAgAHQAcgBhAGQAZQBtAGEAcgBrACAAbwBmACAAUABZAFIAUwAgAEYAbwBuAHQAbABhAGIAIABMAHQAZAAuACAALwAgAE0AYQBkAGUAIAB3AGkAdABoACAARgBvAG4AdABMAGEAYgAuAFAAWQBSAFMAIABGAG8AbgB0AGwAYQBiACAATAB0AGQALgAgAC8AIABNAGEAZABlACAAdwBpAHQAaAAgAEYAbwBuAHQATABhAGIAQQBuAGQAcgDpACAATgBvAGIAbwByAHUAIABVAGUAbgBvAGoAbwBOAGUAbwB1ACAAQgBvAGwAZAAgAGkAcwAgAGEAIABmAG8AbgB0ACAAYgB5ACAAUABZAFIAUwAgAEYAbwBuAHQAbABhAGIAIABMAHQAZAAuACAALwAgAE0AYQBkAGUAIAB3AGkAdABoACAARgBvAG4AdABMAGEAYgAsACAAZABlAHMAaQBnAG4AZQBkACAAYgB5ACAAQQBuAGQAcgDpACAATgBvAGIAbwByAHUAIABVAGUAbgBvAGoAbwAgAGkAbgAgADIAMAAxADIALgBoAHQAdABwADoALwAvAGQAcgBlAHUAZQBuAG8ALgBkAGUAdgBpAGEAbgB0AGEAcgB0AC4AYwBvAG0ALwAAAgAAAAAAAP+2ADIAAAAAAAAAAAAAAAAAAAAAAAAADQANAAAAJAAmADoARABFAEYATgBRAFIAVQBXAFg=) format("truetype"), url("../../css/Neou-Bold.svg#Neou-Bold?v=1") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Neou-Thin";
  src: url("../../css/Neou-Thin.eot?v=1");
  /* IE9 */
  src: url("../../css/Neou-Thin.eot?#iefix") format("embedded-opentype"), url("../../css/Neou-Thin.woff?v=1") format("woff"), url("../../css/Neou-Thin.ttf?v=1") format("truetype"), url("../../css/Neou-Thin.svg#Neou-Thin?v=1") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "PingFang Light";
  src: url("../../css/PingFang Light.eot?v=1");
  /* IE9 */
  src: url("../../css/PingFang Light.eot?#iefix") format("embedded-opentype"), url("../../css/PingFang Light.woff?v=1") format("woff"), url("../../css/PingFang Light.ttf?v=1") format("truetype"), url("../../css/PingFang Light.svg#PingFang Light?v=1") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal; }
.z-move {
  -webkit-animation: guideTop 1.2s infinite; }

@-webkit-keyframes guideTop {
  0% {
    -webkit-transform: translateY(20px); }
  60% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(20px); } }
.logo_all {
  top: 52px;
  left: 224px; }

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