﻿@charset "UTF-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:focus, *:hover {
  outline: none;
}

header, section, main, article, footer, nav {
  display: block;
}

html, body {
  width: 100%;
  height: 100%;
}

.dsFlex, .ad_img1 > .inner, .ad_img1 > .inner > .media, .ow-layer-dialog .ow-layer-content, .ow-ad-fixed_bottom {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex, .ad_img1 > .inner > .action {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

body, p {
  margin: 0;
}

body {
  background: #18041f;
  font-family: "Microsoft Yahei";
  font-weight: normal;
}

.headTitle{
    text-decoration:none;
    color:#ffcccc;
}
.contentTitle{
    text-decoration:none;
    color:#ff6666;
}
.fr {
  float: right;
}

.fl {
  float: left;
}

.hide,
.close {
  display: none;
}

.show,
.open {
  display: block;
}

i {
  cursor: pointer;
}

img {
  border: none;
}

.fwarn {
  color: #f84f32;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 0 0;
}

.container {
  min-width: 1260px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.inner {
  width: 1260px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.homeLink {
  width: 296px;
  height: 72px;
  position: absolute;
  left: 98px;
  top: 33px;
}

.img {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}

*[role='button'] {
  cursor: pointer;
}

/*** 活动页面图片  ***/
.img-p1 {
  height: 220px;
  background-image: url(../images/imgnew-1.jpg);
}

.img-p2 {
  height: 610px;
  background-image: url(../images/imgnew-2.jpg);
}

.img-p3_1 {
  height: 354px;
  background-image: url(../images/imgnew3-1.jpg);
}

.img-p3_2 {
  height: 194px;
  background-image: url(../images/imgnew3-2.jpg);
}

.img-p3_3 {
  height: 238px;
  background-image: url(../images/imgnew3-3.jpg);
}

.img-p4_1 {
  height: 346px;
  background-image: url(../images/imgnew4-1.jpg);
}

.img-p4_2 {
  height: 262px;
  background-image: url(../images/imgnew4-2.jpg);
}

.img-p5_1 {
  height: 334px;
  background-image: url(../images/imgnew5-1.jpg);
}

.img-p5_2 {
  height: 202px;
  background-image: url(../images/imgnew5-2.jpg);
}

.img-p5_3 {
  height: 260px;
  background-image: url(../images/imgnew5-3.jpg);
}

.img-p6_1 {
  height: 762px;
  background-image: url(../images/img6-1newnew.jpg);
}

.img-p6_2 {
  height: 332px;
  background-image: url(../images/img6-2newnew.jpg);
}





/**  图片基本展示 END **/
/**  头部右侧菜单  ***/
.navbar {
  padding: 40px 30px 0 0;
}

.navbar.navbar-right {
  float: right;
}

.navbar > li {
  margin-left: 12px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-family: "Microsoft Yahei";
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}

.ad_img1 {
  /****  活动图片1中的按钮  ****/
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 80px;
  background: rgba(95, 67, 112, 0.6);
  line-height: 80px;
}

.ad_img1 > .inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffcccc;
  font-size: 20px;
}

.ad_img1 > .inner > .media {
  padding: 0 0 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ad_img1 > .inner > .media img {
  display: block;
  cursor: pointer;
}

.ad_img1 > .inner > .media + .action {
  margin-left: 38px;
}

.ad_img1 > .inner > .action > * {
  cursor: pointer;
}

.ad_img1 > .inner > .action > * + span {
  margin-left: 50px;
}
.header-menu {
    position: absolute;
    right: 18px;
    top: 0;
    display: block;
    color: #ffffff;
}

    .header-menu a {
        color: #ffffff;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        font-family: 'Microsoft Yahei';
        display: inline-block;
        margin-left: 15px;
    }

.ad_img2 {
  position: relative;
}

.ad_img2 > * {
  position: absolute;
  display: block;
  opacity: 1;
}

.ad_img2 > *.hide {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.ad_img2 .menu-1, .ad_img2 .menu-hover-1 {
  left: 39px;
  top: 50px;
  width: 218px;
  height: 218px;
}

.ad_img2 .menu-1 {
  background: url(../images/menu-1.png) no-repeat center top;
  -webkit-animation: twinkling 0.6s infinite ease-in-out;
          animation: twinkling 0.6s infinite ease-in-out;
}

.ad_img2 .menu-hover-1 {
  background: url(../images/menu-hover-1.png) no-repeat center top;
}

.ad_img2 .menu-2, .ad_img2 .menu-hover-2 {
  left: 355px;
  top: 216px;
  width: 218px;
  height: 218px;
}

.ad_img2 .menu-2 {
  background: url(../images/menu-2.png) no-repeat center top;
  -webkit-animation: twinkling 0.6s infinite ease-in-out;
          animation: twinkling 0.6s infinite ease-in-out;
}

.ad_img2 .menu-hover-2 {
  background: url(../images/menu-hover-2.png) no-repeat center top;
}

.ad_img2 .menu-3, .ad_img2 .menu-hover-3 {
  left: 682px;
  top: 217px;
  width: 218px;
  height: 218px;
}

.ad_img2 .menu-3 {
  background: url(../images/menu-3.png) no-repeat center top;
  -webkit-animation: twinkling 0.6s infinite ease-in-out;
          animation: twinkling 0.6s infinite ease-in-out;
}

.ad_img2 .menu-hover-3 {
  background: url(../images/menu-hover-3.png) no-repeat center top;
}

.ad_img2 .menu-4, .ad_img2 .menu-hover-4 {
  right: 36px;
  top: 53px;
  width: 218px;
  height: 218px;
}

.ad_img2 .menu-4 {
  background: url(../images/menu-4.png) no-repeat center top;
  -webkit-animation: twinkling 0.6s infinite ease-in-out;
          animation: twinkling 0.6s infinite ease-in-out;
}

.ad_img2 .menu-hover-4 {
  background: url(../images/menu-hover-4.png) no-repeat center top;
}

.ad_img2 .menu-ps1 {
  left: 0;
  top: 271px;
}

.ad_img2 .menu-ps2 {
  left: 319px;
  top: 439px;
}

.ad_img2 .menu-ps3 {
  left: 643px;
  top: 439px;
}

.ad_img2 .menu-ps4 {
  left: 969px;
  top: 275px;
}

.ad_img9 {
  position: relative;
}

.ad_img9 > .action {
  position: absolute;
  left: 288px;
  bottom: 426px;
  width: 346px;
  height: 30px;
}

.ad_media {
  padding: 14px 15px;
  width: 296px;
  color: #fff;
  font-size: 14px;
  border: solid 1px #586db0;
  background: rgba(30, 32, 58, 0.8);
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
}

.ad_media > .text {
  line-height: 1.4;
}

.ad_media > .text + .action {
  margin-top: 17px;
}

.ad_media > .action {
  font-size: 0;
}

.ad_media > .action > * {
  position: relative;
  padding: 0 0 0 12px;
  width: 49.8%;
  color: #ff6666;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

.ad_media > .action > *:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  border: solid 1px transparent;
  border-top-color: #ff6666;
  border-right-color: #ff6666;
  -webkit-transform: translateY(-50%) rotate(45deg) scaleY(0.9);
          transform: translateY(-50%) rotate(45deg) scaleY(0.9);
}

.ad_media > .action > * span {
  position: relative;
}

.ad_media > .action > * span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ff6666;
}

/***  弹出层相关  遮罩  ***/
.ow-layer-shade {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 11;
}

.ow-layer-dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 13;
  width: 598px;
  height: 372px;
  background: url(../images/layer-win.png) no-repeat center center;
}

.ow-layer-dialog .ow-layer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  cursor: pointer;
}

.ow-layer-dialog .ow-layer-content {
  padding: 36px 111px 0 55px;
  width: 100%;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ow-layer-dialog .ow-layer-content .media {
  width: 124px;
  height: 124px;
}

.ow-layer-dialog .ow-layer-content .media img {
  width: 124px;
  height: 124px;
  display: block;
}

.ow-layer-dialog .ow-layer-content .media + .text {
  margin-top: 22px;
}

.ow-layer-dialog .ow-layer-content .text {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 3px;
  white-space: nowrap;
}

.ow-layer-dialog .ow-layer-content .abstract {
  width: 100%;
  font-size: 17px;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 1px;
}

.hr {
  width: 100%;
  height: 2px;
  border-top: dotted 2px rgba(255, 255, 255, 0.2);
  letter-spacing: 3px;
}

.mt30 {
  margin-top: 30px;
}

.mt20 {
  margin-top: 20px;
}

/** 底部锁定广告  ***/
.ow-ad-fixed_bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: rgba(68, 71, 148, 0.8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 5;
}

.ow-ad-fixed_bottom > .media {
  width: 665px;
  height: 56px;
  background: url(../images/text-footer-new.png) no-repeat center center;
}

.ow-ad-fixed_bottom > .media + .action {
  margin-left: 106px;
}

.ow-ad-fixed_bottom > .action {
  width: 252px;
  height: 62px;
}

.ow-ad-fixed_bottom > .action img {
  width: 252px;
  height: 62px;
  display: block;
  cursor: pointer;
}

/***  底部相关css  END  ****/
@-webkit-keyframes twinkling {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes twinkling {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/*# sourceMappingURL=common.css.map */

.ow-layer-shade {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 11;
}

.ow-layer-dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 13;
  width: 598px;
  height: 372px;
  background: url(../images/layer-win.png) no-repeat center center;
}

.ow-layer-dialog .ow-layer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  cursor: pointer;
}

.ow-layer-dialog .ow-layer-content {
  padding: 36px 71px 0 15px;
  width: 100%;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ow-layer-dialog .ow-layer-content .media {
  width: 200px;
  height: 32px;
}

.ow-layer-dialog .ow-layer-content .media img {
  width: 100%;
  height: 100%;
  display: block;
}

.ow-layer-dialog .ow-layer-content .media + .text {
  margin-top: 40px;
}

.ow-layer-dialog .ow-layer-content .media__2 {
  width: 72px;
  height: 69px;
}

.ow-layer-dialog .ow-layer-content .media__2 img {
  width: 100%;
  height: 100%;
}

.ow-layer-dialog .ow-layer-content .media__3 {
  width: 172px;
  height: 42px;
}

.ow-layer-dialog .ow-layer-content .media__3 img {
  width: 100%;
  height: 100%;
}

.ow-layer-dialog .ow-layer-content .text {
  color: #999;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 1px;
  word-break: break-all;
}

.ow-layer-dialog .ow-layer-content .text.fs18 {
  font-size: 18px;
}

.ow-layer-dialog .ow-layer-content .abstract {
  width: 100%;
  font-size: 17px;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 1px;
}

.ow-layer-dialog .ow-layer-content .media {
  width: 200px;
  height: 32px;
}

.ow-layer-dialog .ow-layer-content .media img {
  width: 100%;
  height: 100%;
  display: block;
}

.ow-layer-dialog .ow-layer-content .media + .text {
  margin-top: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mt20 {
  margin-top: 20px;
}

.mt50{
    margin-top: 50px;
}

.icn-tel {
  width: 82px;
  height: 22px;
  background: url(../images/ly-btn-2.png) no-repeat center center;
  display: inline-block;
  vertical-align: middle;
}

.ow-layer-dialog .ow-layer-content .text.fs28 {
  font-size: 28px;
  line-height: 28px;
}

.mt90 {
  margin-top: 90px;
}

.ow-layer-dialog .ow-layer-content .btn_bg {
  display: flex;
  margin-top: 78px;
}

.mr42 {
  margin-right: 42px;
}