/*公司相关信息  开始*/

div.dw-info {
  width: 100%;
  height: 100%;
  background: url('../img/bg_page1.jpg') no-repeat right top;
  background-size: cover;
}

div.dw-info > div.dw-info-header {
  width: 100%;
  height: 10%;
}

div.dw-info div.dw-info-logo {
  width: 200px;
  height: 45px;
  margin: 48px 0px 0px 220px;
}

div.dw-info div.dw-info-logo > img {
  width: 100%;
  height: 100%;
}

div.dw-info > div.dw-info-header > p.dw-info-zq {
  width: 151px;
  height: 32px;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  margin: 47px 220px 0px 0px;
  border: 1px solid #fff;
}

div.dw-info p.dw-info-zq > span {
  margin-left: 10px;
}

div.dw-slogan-box {
  width: 71%;
  height: 50%;
  overflow: hidden;
  margin: 23% auto;
  transform: translate(5%, 20%);
}

div.dw-info-slogan {
  width: 385px;
  height: 205px;
}

div.dw-info-slogan > img {
  width: 100%;
  height: 100%;
}

/*公司相关信息  结束*/

/*公司产品 开始*/

/*恋恋app 开始*/

div.dw-ll,
div.dw-ms,
div.dw-xx,
div.dw-xx-more,
div.dw-aboutus {
  width: 100%;
  height: 100%;
  background: url('../img/bg_page2.jpg') no-repeat;
  background-size: cover;
}

div.dw-ll div.dw-ll-header,
div.dw-ms div.dw-ms-header,
div.dw-xx div.dw-xx-header {
  width: 100%;
  height: 108px;
  overflow: hidden;
}

div.dw-ll div.dw-ll-logo {
  width: 138px;
  height: 54px;
  overflow: hidden;
  margin: 50px 0px 0px 220px;
}

div.dw-ll div.dw-ll-logo > img,
div.dw-ms div.dw-ms-logo > img,
div.dw-xx div.dw-xx-logo > img {
  width: 100%;
  height: 100%;
}

div.dw-ll-content,
div.dw-ms-contant,
div.dw-xx-content {
  width: 57%;
  margin: 141px auto;
}

div.dw-ll-intruduct h2,
div.dw-ms-intruduct > h2,
div.dw-xx-intruduct > h2,
div.dw-xx-more-intruduct > h2 {
  font-size: 32px;
  color: #ffffff;
  font-weight: normal;
  line-height: 32px;
  margin: 110px 0px 0px 30px;
}

div.dw-ll-jj,
div.dw-ms-jj,
div.dw-xx-jj,
div.dw-xx-more-jj {
  width: 456px;
  font-size: 16px;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  margin-top: 20px;
}

div.dw-ll-jj > p,
div.dw-ms-jj > p,
div.dw-xx-jj > p,
div.dw-xx-more-jj > p {
  text-indent: 2em;
}

div.dw-ll-intruduct p.icon_ewm,
div.dw-ms-intruduct p.icon_ewm {
  width: 84px;
  height: 84px;
  margin: 26px 0px 0px 80px;
}

div.dw-ll-intruduct p.icon_ewm > img,
div.dw-ms-intruduct p.icon_ewm > img {
  width: 100%;
  height: 100%;
}

div.dw-ll-download,
div.dw-ms-download {
  width: 114px;
  height: 84px;
  margin-left: 12px;
  margin-top: 26px;
}

div.dw-ll-download > a,
div.dw-ms-download > a {
  display: block;
  width: 100%;
  height: 32px;
}

div.dw-ll-download > a > p,
div.dw-ms-download > a > p {
  width: 87%;
  height: 32px;
  font-size: 14px;
  color: #666666;
  margin: 6px 0px;
  padding-left: 15px;
  line-height: 32px;
  border-radius: 100px;
  background: #fff url('../img/icon_apple.png') no-repeat 17px 6px;
  text-align: center;
}

div.dw-ll-download > a:nth-child(2) > p,
div.dw-ms-download > a:nth-child(2) > p {
  background: #fff url('../img/icon_android.png') no-repeat 17px 6px;
}

div.dw-ll-phone,
div.dw-ms-phone,
div.dw-xx-phone,
div.dw-xx-more-phone {
  width: 274px;
  height: 549px;
}

div.dw-ll-phone-bg,
div.dw-ms-phone-bg,
div.dw-xx-phone-bg,
div.dw-xx-more-phone-bg {
  width: 100%;
  height: 100%;
  position: relative;
  background: url('../img/bg_iphone.png') no-repeat;
  background-size: cover;
}

div.dw-ll-phone-bg > div.dw-ll-phone-content {
  width: 85%;
  height: 76%;
  position: absolute;
  top: 50px;
  left: 22px;
  background: url('../img/pic_lianlian.png') no-repeat;
  background-size: cover;
}

/*恋恋app 结束*/

/*迷说app  开始*/

div.dw-ms {
  background: url('../img/bg_page3.jpg') no-repeat;
  background-size: cover;
}

div.dw-ms-logo {
  width: 146px;
  height: 54px;
  margin: 50px 248px 0px 0px;
}

div.dw-ms-phone {
  margin-right: 83px;
}

div.dw-ms-phone-bg > div.dw-ms-phone-content {
  width: 85%;
  height: 75%;
  position: absolute;
  top: 50px;
  left: 22px;
  background: url('../img/pic_mishuo.png') no-repeat;
  background-size: cover;
}

/*迷说app  结束*/

/*心行app 开始*/

div.dw-xx {
  background: url('../img/bg_page4.jpg') no-repeat;
  background-size: cover;
}

div.dw-xx div.dw-xx-logo {
  width: 138px;
  height: 54px;
  margin: 50px 0px 0px 218px;
}

div.dw-xx-intruduct {
  margin-right: 71px;
}

div.dw-xx-intruduct > div.dw-xx-ewm {
  width: 100%;
  height: 84px;
  margin-top: 34px;
}

div.dw-xx-intruduct > div.dw-xx-ewm > p {
  width: 188px;
  height: 100%;
  margin-left: 30px;
}

div.dw-xx-intruduct > div.dw-xx-ewm > p > img:nth-child(1) {
  margin-right: 20px;
}

div.dw-xx-phone-bg > div.dw-xx-phone-content {
  width: 85%;
  height: 75%;
  position: absolute;
  top: 50px;
  left: 22px;
  background: url('../img/pic_xinxing.png') no-repeat;
  background-size: cover;
}

/*心行app 结束*/

/*心行2  开始*/

div.dw-xx-more {
  background: url('../img/bg_page5.jpg') no-repeat;
  background-size: cover;
  overflow: hidden;
}

div.dw-xx-more-contant {
  width: 57%;
  margin: 110px 0px 0px 296px;
}

div.dw-xx-more-phone-bg > div.dw-xx-more-phone-content {
  width: 85%;
  height: 75%;
  position: absolute;
  top: 50px;
  left: 22px;
  background: url('../img/pic_game.jpg') no-repeat;
  background-size: cover;
}

div.dw-xx-more-ewm {
  width: 100%;
  height: 104px;
  margin-top: 33px;
}

div.dw-xx-more-ewm div.icon_ewm {
  width: 188px;
  height: 100%;
  margin-left: 30px;
}

div.dw-xx-more-ewm div.icon_ewm > p {
  width: 84px;
  height: 100%;
}

div.dw-xx-more-ewm div.icon_ewm > p > img {
  width: 100%;
  height: 84px;
}

div.dw-xx-more-ewm div.icon_ewm > p > a {
  display: block;
  width: 100%;
  height: 12px;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 12px;
}

/*心行2  结束*/

/*关于我们  开始*/

div.dw-aboutus {
  color: #fff;
  background: url('../img/bg_page6.jpg') no-repeat;
  background-size: cover;
  overflow: hidden;
}

div.dw-aboutus > h1 {
  font-size: 28px;
  line-height: 28px;
  margin-top: 183px;
  font-weight: normal;
  text-align: center;
}

div.dw-aboutus > p.icon_line {
  width: 32px;
  height: 2px;
  background: #fff;
  margin: 32px auto;
}

div.dw-aboutus-contant {
  font-size: 16px;
  width: 608px;
  height: 295px;
  margin: 0px auto;
}

div.dw-aboutus-contant > p {
  text-align: left;
  text-indent: 2em;
  line-height: 32px;
}

/*关于我们  结束*/

/*右侧圆点 开始*/

div.dw-main > ul.dw-dots {
  width: 12px;
  height: 100px;
  position: fixed;
  right: 14%;
  top: 50%;
  margin-top: -50px;
}

div.dw-main > ul.dw-dots > li {
  width: 100%;
  height: 12px;
  margin: 5px 0px;
  background: url('../img/icon_dot.png') no-repeat;
}

div.dw-main > ul.dw-dots > li.current {
  background: url('../img/icon_dot_active.png') no-repeat;
}

/*右侧圆点 结束*/

/*公司产品 结束*/

#menu {
  margin: 0;
  padding: 0;
  position: fixed;
  right: 15%;
  top: 50%;
  transform: translate(-50%);
  list-style-type: none;
  z-index: 70;
}

#menu li {
  float: left;
  margin: 0 10px 0 0;
  font-size: 14px;
}

#menu a {
  float: left;
  padding: 10px 20px;
  background-color: #fff;
  color: #333;
  text-decoration: none;
}

#menu .active a {
  color: #fff;
  background-color: #333;
}

.section {
  text-align: center;
  font: 50px 'Microsoft Yahei';
  color: #fff;
}

#menu > li {
  clear: both;
  width: 12px;
  height: 12px;
  margin: 5px 0px;
}

#menu > li > a {
  display: block;
  width: 100%;
  height: 100%;
}

#menu > li > a > span {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/icon_dot.png') no-repeat;
}

#menu > li > a > span.active {
  background: url('../img/icon_dot_active.png') no-repeat;
}

#menu a {
  float: left;
  padding: 10px 20px;
  background-color: transparent;
  color: transparent;
  text-decoration: none;
}

#menu .active a {
  color: transparent;
  background-color: transparent;
}

#menu .active a span {
  color: transparent;
  background-color: transparent;
  background: transparent url('../img/icon_dot_active.png') no-repeat;
}

.beian a {
  color: white;
}

.beian_1 {
  bottom: 5%;
  position: absolute;
  font-size: 0.8rem;
  text-align: center;
  left: 0;
  right: 0;
}

.beian_2 {
  bottom: 2%;
  position: absolute;
  font-size: 0.8rem;
  text-align: center;
  left: 0;
  right: 0;
}