article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

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

ol, ul {
  list-style: none; }

a, ins {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

fieldset, img {
  border: 0; }

html {
  color: #000;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* body, button, input, select, textarea {
  font: 12px/1.2  'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; } */

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

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button; }

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

del {
  text-decoration: line-through; }

mark {
  background: #ff0; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.hide {
  display: none; }

.header {
  position: absolute;
  width: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.65) !important; }

.logo-black .header {
  background: rgba(255, 255, 255, 0.65) !important; }

.header-con {
  position: relative;
  width: 1190px;
  height: 63px;
  line-height: 63px;
  margin: 0 auto;
  color: #fff; }

/*.header .logo {

  display: block;

  width: 209px;

  height: 29px;

  margin-top: 18px;

  background-repeat: no-repeat;

  background-image: url(../image/new-logo.png);

  background-image: -webkit-image-set(url(../image/new-logo.png) 1x, url(../../../pic/new-logo@2x.png) 2x); }*/

.logo-black .header .logo {
  background-image: url(../image/logo-black.png);
  background-image: -webkit-image-set(url(../../../pic/new-logo-black.png) 1x, url(../../../pic/logo-black@2x.png) 2x); }

.header {
  font-size: 14px; }
  .header .menu {
    height: 63px; }
    .header .menu .m-item {
      position: relative;
      margin-left: 40px; }
      .header .menu .m-item .arrow {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 14px;
        height: 8px;
        margin-left: -7px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAQAAABjGAZHAAAAM0lEQVR4AW3JMREAUQwCUUykj9QTeYI+HQNht3xQO/vzgSX6uLMIzNnI2cnYqLCTM5ycH6f7GJX1s3QvAAAAAElFTkSuQmCC) no-repeat; }
      .header .menu .m-item a {
        color: #fff; }
  .header .sub-menu .sub-menu-con {
    width: 1190px;
    margin: auto;
    height: 193px;
    overflow: hidden;
    transition-property: height;
    transition-duration: 0.3s; }
    .header .sub-menu .sub-menu-con.sub-hide {
      height: 0; }
    .header .sub-menu .sub-menu-con .submenu-list {
      margin-left: 370px;
      padding-top: 30px; }
      .header .sub-menu .sub-menu-con .submenu-list .sub-item {
        margin-right: 58px; }

.header-line {
  position: absolute;
  top: 63px;
  width: 100%;
  height: 0;
  border: 0 none;
  border-top: 1px solid #202020 !important;
  z-index: 10; }

.logo-black .header-line {
  border-top: 1px solid #bababa !important; }

.content {
  width: 100%; }

.content .floor {
  width: 100%;
  background-color: #333;
  z-index: 2;
  overflow: hidden;
  background-size: cover !important; }

.content .floor .f-con {
  position: relative;
  width: 1190px;
  height: 100%;
  margin: 0 auto; }

.content .f-con .desc .tag {
  height: 22px;
  line-height: 22px;
  padding-left: 14px;
  border-left: 4px solid #e51d24;
  color: #e51d24;
  font-size: 20px; }

.content .f-con .more {
  display: block;
  width: 235px;
  height: 42px;
  line-height: 42px;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-decoration: none !important; }

.ask-now {
  position: fixed;
  bottom: 80px;
  right: 50px;
  display: block;
  width: 132px;
  height: 116px;
  z-index: 10; }

.footer {
  width: 100%;
  /*height: 375px;*/
  padding-top: 54px;
  color: #fff;
  background-color: #1a1c1c; }

.footer-con {
  width: 1100px;
  margin: 0 auto; }

.footer-con .con {
  margin-right: 60px; }

.footer-con .f-item {
  margin-bottom: 19px;
  font-size: 12px; }

.footer-con .f-item a {
  font-size: 16px;}

.footer-con .f-item.title {
  font-size: 16px; }

.footer-con .arvr .f-item.title {
  margin-bottom: 17px; }

.footer-con .others .f-item.title {
  margin-bottom: 15px; }

.footer-con .realestate .f-item.title {
  margin-bottom: 20px; }

.footer-con .f-item.title a {
  color: #e3e3e3; }

.footer-con .contact .title {
  font-size: 16px; }

.footer-con .tel1 {
  margin: 30px 0 10px;
  font-size: 30px;
  color: #1cd8d1; }

.footer-con .address {
  margin-bottom: 30px;
  color: #ababab; }

.footer-con .friend-link {
  margin-top: 13px; }

.footer-con .friend-link a {
  color: #1cd8d1; }

.footer-con .follow {
  margin-right: 0; }

.footer-con .follow .title {
  font-size: 16px; }

.footer-con .follow .qr {
  margin-top: 0; }

.footer-con .follow .qr .code {
  text-align: center; }

.footer-con .follow .qr .code p {
  margin-top: 6px;
  color: #c2c2c2; }

.footer-con .follow .qr .wechat {
  margin-left: 50px; }

.footer .line {
  height: 1px;
  width: 1190px;
  padding: 0 30px;
  margin: 30px auto 20px;
  background-color: #3d3d3d; }

.footer .icp {
  text-align: center; }

.footer .share {
  width: 235px;
  margin: 0 auto;
  padding: 20px 0 0 ;
  background: #1a1c1c;
  text-align: center; }

.footer .share-item {
  width: 24px;
  height: 24px;
  margin-right: 45px;
  background: url(../image/share_icon.png) no-repeat;
  cursor: pointer;
  overflow: hidden; }

/*.footer .share-item.wx {
    margin-left: 410px;
    background-position: -72px 0;
}*/
.footer .share-item.qq {
  background-position: 0 0; }

.footer .share-item.twb {
  background-position: -24px 0; }

.footer .share-item.qzone {
  background-position: -48px 0; }

.footer .share-item.mail {
  background-position: -96px 0; }

.footer .share-item.weibo {
  margin-right: 0;
  background-position: -120px 0; }

/***************************************************************************************************/
a, a:link, a:visited, a:hover, a:active {
  color: inherit; }

.mi_prst_tgt, .mi_prst_tgt * {
  box-sizing: border-box; }

.mi_cen_put {
  margin-left: auto;
  margin-right: auto;
  max-width: 1190px; }

.mi_cen_put_l2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px; }

.mi_mgn_tp_l4 {
  margin-top: 40px; }

.mi_mgn_tp_l7 {
  margin-top: 70px; }

.mi_mgn_tp_l8 {
  margin-top: 80px; }

.mi_mgn_tp_l9 {
  margin-top: 90px; }

.mi_mgn_bm_l8 {
  margin-bottom: 80px; }

.mi_mgn_bm_l9 {
  margin-bottom: 90px; }

.mi_mgn_bm_l10 {
  margin-bottom: 100px; }

.mi_mgn_bm_l12 {
  margin-bottom: 120px; }

.mi_mgn_bm_l4 {
  margin-bottom: 40px; }

.mi_mgn_bm_l5 {
  margin-bottom: 50px; }

.mi_mgn_bm_l11 {
  margin-right: 110px; }

.mi_mgn_rt_l5 {
  margin-right: 50px; }

.mi_pad_tp_l8 {
  padding-top: 80px; }

.mi_pad_bm_l8 {
  padding-bottom: 80px; }

.mi_pad_bm_l14 {
  padding-bottom: 140px; }

.mi_pad_lt_l4 {
  padding-left: 40px; }

.mi_pad_rt_l4 {
  padding-right: 40px; }

.mi_pad_lt_l8 {
  padding-left: 80px; }

.mi_clo_555555 {
  color: #555555; }

.mi_clo_434343 {
  color: #434343; }

.mi_font_size_52 {
  font-size: 52px; }

/***************************************************************************************************/
.content .banner {
  height: 650px;
  background: url(../image/banner-play.jpg) no-repeat center center; }
  .content .banner .desc {
    position: absolute;
    top: 274px;
    left: 22px; }
    .content .banner .desc .logo {
      width: 493px;
      height: 105px;
      margin-bottom: 40px;
      background: url(../image/play-logo.png) no-repeat; }
    .content .banner .desc .title {
      padding-left: 42px;
      font-size: 20px;
      color: #fff;
      font-weight: lighter; }

.content .gatlin {
  height: 700px;
  background: url(../image/banner-gatlin.jpg) no-repeat center center; }
  .content .gatlin .desc {
    position: absolute;
    top: 120px;
    left: 106px;
    color: #fff; }
    .content .gatlin .desc .b-title {
      display: block;
      width: 224px;
      height: 50px;
      background: url(../image/gatlin-title.png) no-repeat; }
    .content .gatlin .desc .m-title {
      padding: 54px 0 20px 0;
      font-size: 25px; }
    .content .gatlin .desc .l-con {
      line-height: 42px;
      font-size: 20px;
      font-weight: 100; }

.content .guns {
  height: 700px;
  background: url(../image/banner-guns.jpg) no-repeat center center; }
  .content .guns .desc {
    position: absolute;
    top: 150px;
    right: 100px;
    color: #fff;
    text-align: right; }
    .content .guns .desc .b-title {
      padding-bottom: 24px;
      font-size: 25px; }
    .content .guns .desc .m-title {
      line-height: 42px;
      font-size: 20px;
      font-weight: 100; }

.content .expreience {
  height: 800px;
  background: url(../image/banner-expreience.jpg) no-repeat center center; }
  .content .expreience .desc {
    position: relative;
    width: 1000px;
    margin: 0 auto; }
    .content .expreience .desc .b-title {
      display: block;
      width: 224px;
      height: 51px;
      margin: 112px 0 38px 0;
      background: url(../image/expreience-title.png) no-repeat; }
    .content .expreience .desc .l-con {
      font-size: 20px;
      font-weight: 100;
      line-height: 42px; }
    .content .expreience .desc .list {
      padding-top: 28px; }
      .content .expreience .desc .list .item {
        width: 479px;
        height: 250px;
        cursor: pointer; }
        .content .expreience .desc .list .item .int {
          padding-top: 24px;
          font-size: 16px; }
      .content .expreience .desc .list .video-1 {
        padding-right: 40px; }

.content .efficiency {
  height: 1230px;
  background: url(../image/banner-efficiency.jpg) no-repeat center center;
  color: #fff; }
  .content .efficiency .desc {
    position: absolute;
    top: 218px;
    left: 100px; }
    .content .efficiency .desc .b-title {
      display: block;
      width: 224px;
      height: 50px;
      margin-bottom: 26px;
      background: url(../image/effic-title.png) no-repeat; }
    .content .efficiency .desc .m-title {
      font-size: 20px;
      font-weight: 100; }
  .content .efficiency .gatlin-con {
    position: absolute;
    top: 140px;
    right: 80px;
    font-size: 25px; }
  .content .efficiency .gun-con {
    position: absolute;
    top: 690px;
    left: 180px;
    font-size: 25px; }

.content .scene {
  height: 650px;
  background: url(../image/banner-scene.jpg) no-repeat center center;
  color: #fff;
  text-align: center; }
  .content .scene .b-title {
    padding: 156px 0 20px 0;
    font-size: 25px; }
  .content .scene .m-title {
    font-size: 20px;
    font-weight: 100; }

.content .profit {
  height: 1160px;
  background: url(../image/banner-profit.jpg) no-repeat center center; }
  .content .profit .desc {
    position: absolute;
    top: 110px;
    left: 100px;
    color: #fff; }
    .content .profit .desc .b-title {
      display: block;
      width: 213px;
      height: 50px;
      margin-bottom: 28px;
      background: url(../image/profit-title.png) no-repeat center center; }
    .content .profit .desc .m-title {
      font-size: 20px;
      font-weight: 100; }
  .content .profit .shop {
    width: 1096px;
    height: 382px;
    margin: 0 auto; }
  .content .profit .s-first {
    padding: 256px 0 48px 0; }

.content .brand {
  height: 1070px;
  background: url(../image/banner-brand.jpg) no-repeat center center;
  color: #fff; }
  .content .brand .desc {
    position: absolute;
    top: 130px;
    left: 100px;
    color: #fff; }
    .content .brand .desc .b-title {
      display: block;
      width: 213px;
      height: 51px;
      margin-bottom: 40px;
      background: url(../image/brand-title.png) no-repeat; }
    .content .brand .desc .m-title {
      font-size: 20px;
      font-weight: 100; }
  .content .brand .font-con {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: center; }
    .content .brand .font-con .direct-list {
      padding-top: 666px;
      font-size: 20px;
      font-weight: 100; }
      .content .brand .font-con .direct-list .design {
        padding: 0 114px 0 28px; }
      .content .brand .font-con .direct-list .use {
        padding: 0 164px 0 124px; }
    .content .brand .font-con .road {
      padding: 110px 0 34px 0;
      font-size: 30px; }
    .content .brand .font-con .refer {
      display: block;
      width: 450px;
      height: 70px;
      margin: 0 auto;
      border-radius: 10px;
      font-size: 30px;
      line-height: 70px;
      background: #3AB7FD; }
    .content .brand .font-con .ple-list {
      padding-top: 82px;
      font-size: 20px;
      font-weight: 100; }

.content .park {
  height: 600px;
  background: url(../image/banner-park.jpg) no-repeat center center;
  color: #fff;
  text-align: center; }
  .content .park .b-title {
    display: block;
    margin: 0 auto;
    width: 800px;
    height: 51px;
    margin-top: 156px;
    background: url(../image/park-title.png) no-repeat; }
  .content .park .l-title {
    padding: 36px 0 80px 0;
    font-size: 20px;
    font-weight: 100; }
  .content .park .m-title {
    font-size: 30px; }

.video-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000; }
  .video-layer .video-close-btn {
    position: absolute;
    top: 50px;
    right: 50px;
    padding: 0;
    font-size: 36px;
    line-height: 1;
    color: #EFEAE1;
    border: none;
    background: 0 0;
    outline: 0;
    cursor: pointer; }
  .video-layer .video-wrap {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    border: 0; }

.video-btn {
  height: 250px; }