@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; }

.works {
  width: 100%;
  height: 100%; }
  .works ul, .works li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .works .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","宋体"; }
    .works .works_list li {
      width: 630px;
      height: 407px;
      margin-bottom: 60px; }
      .works .works_list li a {
        text-decoration: none;
        color: black;
        display: block;
        width: 100%;
        height: 405px; }
        .works .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; }
      .works .works_list li em {
        font-style: normal; }
      .works .works_list li .w_line {
        width: 100%;
        height: 1px;
        background-color: #a7a7a7; }

@font-face {
  font-family: "PingFang Light";
  src: url("../../css/PingFang Light.eot");
  /* IE9 */
  src: url("../../css/PingFang Light.eot?#iefix") format("embedded-opentype"), url("../../css/PingFang Light.woff") format("woff"), url("../../css/PingFang Light.ttf") format("truetype"), url("../../css/PingFang Light.svg#PingFang Light") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Neou-Bold";
  src: url("../../css/Neou-Bold.eot");
  /* 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") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "Neou-Thin";
  src: url("../../css/Neou-Thin.eot");
  /* IE9 */
  src: url("../../css/Neou-Thin.eot?#iefix") format("embedded-opentype"), url("../../css/Neou-Thin.woff") format("woff"), url("../../css/Neou-Thin.ttf") format("truetype"), url("../../css/Neou-Thin.svg#Neou-Thin") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal; }

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