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

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

address, caption, cite, code, dfn, em, strong, th, var, i, b {
  font-weight: normal;
  font-style: normal; }

ol, ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

a {
  text-decoration: none;
  color: inherit; }

body {
  font-family: "Microsoft YaHei", Verdana, Arial, sans-serif,"宋体";
  color: #333;
  font-size: 14px;
  line-height: 1.42857143; }

img {
  border: none; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

.clearfix:after {
  clear: both; }

input {
  border: none;
  outline: none;
  background: none; }

button {
  border: none;
  outline: none;
  background: none; }

body {
  min-width: 1250px; }

.container {
  width: 1200px;
  margin: auto; }

.fixed-ewm {
  position: fixed;
  z-index: 9;
  right: 0;
  top: 60%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 174px;
  height: 295px;
  background-image: url(../images/fixed-ewm-bg.png);
  background-repeat: no-repeat;
  background-position: center; }
  .fixed-ewm .ewm {
    width: 124px;
    height: 124px;
    margin: 110px auto 0; }
    .fixed-ewm .ewm img {
      width: 100%;
      height: 100%; }

.header {
  height: 76px;
  background: #322A23; }
  .header .container {
    height: 100%; }
    .header .container .logo {
      float: left; }
    .header .container .contact {
      float: right;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 40px;
      padding: 0 4px;
      margin-left: 28px;
      background: #4b4642;
      border-radius: 4px;
      margin-top: 19px; }
      .header .container .contact .contact-item {
        position: relative;
        float: left;
        width: 40px;
        height: 40px;
        margin: 0 6px;
        cursor: pointer; }
        .header .container .contact .contact-item:nth-child(1) {
          margin-right: 7px; }
          .header .container .contact .contact-item:nth-child(1)::after {
            position: absolute;
            content: '';
            right: -3px;
            top: 14px;
            width: 1px;
            height: 12px;
            background: #c4c4c4; }
        .header .container .contact .contact-item .ewm {
          display: none;
          position: absolute;
          z-index: 10;
          right: -4px;
          top: 60px;
          padding: 8px;
          background: rgba(0, 0, 0, 0.5); }
          .header .container .contact .contact-item .ewm::after {
            position: absolute;
            content: '';
            border-style: solid;
            border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
            border-width: 0 12px 11px 12px;
            right: 12px;
            top: -11px;
            margin-left: -12px; }
        .header .container .contact .contact-item.contact-wx {
          background: url(../images/ewm-nor.png) no-repeat; }
        .header .container .contact .contact-item.contact-qq {
          background: url(../images/qq-nor.png) no-repeat; }
        .header .container .contact .contact-item:hover.contact-wx {
          background: url(../images/ewm-sel.png) no-repeat; }
        .header .container .contact .contact-item:hover.contact-qq {
          background: url(../images/qq-sel.png) no-repeat; }
        .header .container .contact .contact-item:hover .ewm {
          display: block; }
    .header .container .nav {
      float: right;
      margin-top: 18px; }
      .header .container .nav .nav-item {
        float: left;
        margin: 0 10px;
        min-width: 108px;
        text-align: center; }
        .header .container .nav .nav-item .cn {
          display: block;
          font-size: 16px;
          color: #E6E6E6;
          line-height: 24px; }
        .header .container .nav .nav-item .en {
          display: block;
          font-size: 12px;
          font-size: 10px;
          color: #A58976;
          line-height: 24px; }

.footer {
  background: #2a2827; }
  .footer .footer-inner {
    overflow: hidden; }
    .footer .footer-inner .logobt {
      display: block;
      margin: auto; }
    .footer .footer-inner .copyright {
      padding: 0 0 20px;
      font-size: 12px;
      color: #958f8c;
      line-height: 30px;
      text-align: center; }

.banner {
  position: relative;
  max-width: 1200px;
  margin: auto; }
  .banner .banner-inner {
    height: 300px;
    background: #333333; }
    .banner .banner-inner .swiper-slide {
      background: #333333;
      overflow: hidden; }
      .banner .banner-inner .swiper-slide img {
        display: block;
        position: relative;
        width: 1200px;
        height: 300px;
        left: 100%;
        margin-left: -1200px; }
    .banner .banner-inner .pagination {
      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      bottom: 18px;
      text-align: center; }
    .banner .banner-inner .swiper-pagination-bullet {
      display: inline-block;
      width: 40px;
      height: 8px;
      background: #ffffff;
      margin: 0 7px;
      border-radius: 4px;
      cursor: pointer;
      opacity: 1; }
    .banner .banner-inner .swiper-pagination-bullet-active {
      background: #ffb43d; }
  .banner .swiper-btn-prev {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 236px;
    width: 60px;
    height: 60px;
    margin-left: -600px;
    background: url(../images/sw-left.png) no-repeat center;
    cursor: pointer; }
  .banner .swiper-btn-next {
    position: absolute;
    z-index: 1;
    right: 50%;
    top: 236px;
    width: 60px;
    height: 60px;
    margin-right: -600px;
    background: url(../images/sw-right.png) no-repeat center;
    cursor: pointer; }
  .banner .sixten {
    position: absolute;
    z-index: 1;
    right: 50%;
    bottom: 20px;
    width: 82px;
    height: 104px;
    margin-right: -480px;
    background: url(../images/sixten.png) no-repeat center; }

.games .games-header {
  position: relative;
  height: 62px;
  font-size: 0;
  border-bottom: 1px solid #e6e6e6; }
  .games .games-header .header-text {
    position: absolute;
    top: 0;
    left: 0;
    height: 62px;
    line-height: 62px;
    border-bottom: 1px solid #ffb43d; }
    .games .games-header .header-text .cn {
      font-size: 22px;
      font-weight: bold;
      color: #333333; }
    .games .games-header .header-text .en {
      font-size: 12px;
      color: #999999; }

.games .games-list {
  margin-top: 34px;
  margin-right: -40px; }
  .games .games-list .games-item {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    padding: 5px;
    margin-right: 40px;
    margin-bottom: 40px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    overflow: hidden; }
    .games .games-list .games-item .item-thumb {
      height: 180px; }
      .games .games-list .games-item .item-thumb img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .games .games-list .games-item .item-title {
      margin-top: 12px;
      height: 40px;
      line-height: 40px; }
      .games .games-list .games-item .item-title .title-text {
        float: left;
        width: 68%;
        font-size: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .games .games-list .games-item .item-title .title-ver {
        float: right;
        width: 30%;
        font-size: 16px;
        color: #999999;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .games .games-list .games-item .item-p p {
      font-size: 13px;
      color: #666666;
      line-height: 37px;
      border-top: 1px solid #E6E6E6;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .games .games-list .games-item .item-btns {
      margin-top: 16px;
      margin-right: -20px;
      margin-bottom: 10px;
      overflow: hidden; }
      .games .games-list .games-item .item-btns .link-btn {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 110px;
        height: 32px;
        margin-right: 12px;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        background: #FFFFFF;
        border: 1px solid #E6E6E6; }
        .games .games-list .games-item .item-btns .link-btn i {
          vertical-align: -5px; }