a {
  text-decoration: none;
}

html {
  overflow-x: hidden;
}
body {
  margin: 0;
}

#app {
  font-family: "Microsoft Yahei";
  font-size: 16px;
  width: 1920px;
  padding: 0;
  margin-left: -960px;
  position: absolute;
  left: 50%;
  overflow: hidden;
  z-index: 100;
}

#wrapper {
  position: relative;
  width: 1920px;
  height: 1000px;
  /*height: 3400px;*/
  /* background: url("../images/bg.jpg") no-repeat; */
}

#wrapper #outer-flash {
  position: absolute;
  width: 100%;
  height: 1000px;
  left: 0;
  top: 0px;
}

#wrapper #logo {
  left: 465px;
  top: 35px;
  cursor: pointer;
  position: absolute;
  width: 163px;
  height: 61px;
  background: url("../images/logo.png") no-repeat;
}

#wrapper #logo.logo3 {
  background: url(http://ddt.wan.com/Public/images/logo3.png);
}

#wrapper #navigation {
    display: none;
    top: 3px;
    right: 465px;
    position: absolute;
}

#wrapper #navigation .btn {
  line-height: 42px;
  width: 107px;
  height: 33px; line-height: 30px;
  color: #db6052;
  text-align: center;
  cursor: pointer;
  font-size: 15.5px;
  font-weight: bold;
  float: left;
  margin-right: 3px;
}

#wrapper #navigation #homepage {
  background: url(../images/top-btn_03.png);
}

#wrapper #navigation #fourThree {
  background: url(../images/top-btn_01.png);
}

#wrapper #navigation #goBack {
  background: url(../images/top-btn_02.png);
}

.main-btn{
    text-align: center;
    position: absolute;
    top: 441px;
    right: 563px;
    cursor: pointer;
    width: 436px;
    height: 82px;
    clear: both;
}

.main-btn > li{
    display: inline-block;
    float: left;
    z-index: 10;
    position: relative;
    margin-left: 20px;
}

.main-btn > li > .btn-cur {
    display: none;
}

.price-paniel{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 200px;
    left: -27px;
    z-index: 1000;
    text-align: center;
}

.price-paniel .active {
    margin: 0 auto;
    display: block;
}

.fourth{
    z-index: 10;
    position: relative;
}

.active-content {
    position: absolute;
    bottom: 280px;
    display: none;
    width: 1920px;
    height: auto;
    z-index: 10000;
    /*background: url("../images/contentBg.jpg") top center no-repeat;*/
}

/* 内页按钮 */
.active-content .img-content .toggle-btn {
  position: absolute;
  top: 60px; left: 50%;
  margin-left: -202px;
}
.active-content .item8 .toggle-btn {
  margin-left: -260px;
}
.active-content .img-content .toggle-btn .tog-btn {
  width: 201px; height:59px;
  background: url("../images/inner-btn.png") no-repeat;
  color: #ef545a;
  text-align: center;line-height:50px;
  font-size: 18px; font-weight: bold;
  cursor: pointer;
  float: left; 
  margin-right:1px;
}
.active-content .img-content .toggle-btn .selected-btn {
  background: url("../images/inner-btn-active.png");
  height:72px; line-height: 50px;

}
/* 内页嵌入的长图 */
.tog-inner {
  width: 775px; height: 284px;
  display: none;
  position: absolute;
  overflow-x: hidden; 
  overflow-y: auto;
  top: 275px; left: 50%;
  /* margin-left: -392px;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px; */
  margin: 10px 5px 10px -392px;
  /* 滚动条ie样式 */
  scrollbar-arrow-color: #d9ff05;
  scrollbar-track-color: #0078ff;
  scrollbar-base-color: #d9ff05;
}
.item2 .wing {
  position: absolute;
  top: 419px; left: 1096px;
  width:228px; height: 122px;
}
.item2 .wing img {
  transition: .5s;
}
.item2 .wing:hover {
  cursor: pointer;
}
.item2 .wing:hover img {
  transform: scale(1.1);
  transform-origin: center 180px;
}
.item2 .egg {
  display: none;
  width: 627px; height:360px;
  position: fixed;
  top: 50%; left: 50%;
  margin:-70px 0 0 -313px;
  background: url(../images/02-egg.png);
}
.item2 .egg .egg-close {
  position: absolute;
  top: -15px; right: -10px;
  width: 84px; height: 84px;
  background: url(../images/close.png);
  cursor: pointer;
}
.item8 .tog-inner {
  height: 235px;
  display: block;
}
/* 滚动条webkit样式 */
.tog-inner::-webkit-scrollbar {
  width: 8px; 
  background-color:#0078ff;
  border-radius: 4px;
}
.tog-inner::-webkit-scrollbar-button {
  background-color: #d9ff05;
  border-radius: 4px;
}
.tog-inner::-webkit-scrollbar-button::before {
  content: "";
  display: block;
  width: 8px; height: 12px;
  background: #fff;
}
.tog-inner::-webkit-scrollbar-thumb {
  background-color: #d9ff05;
  border-radius: 4px;
}

.close-btn{
  position: absolute;
  top: -15px;
  z-index: 1002;
  cursor: pointer;
  display: block;
}

.next-btn{
    position: absolute;
    bottom: 360px;
    right: 480px;
    cursor: pointer;
}
.prev-btn{
    position: absolute;
    bottom: 360px;
    left: 480px;
    cursor: pointer;
}

.black-wall{
  position: absolute;
  top: 0;
  left:0;
  z-index: 999;
  height: 3400px;
  /*display: none;*/
}

.footer{
    position: relative!important;
    z-index: 1000!important;
}

.video {
  display: none;
  width: 864px; height: 486px;
  position: fixed;
  top: 50%; left: 50%;
  margin: -243px 0 0 -474px;
  z-index: 1000;
}
.ten-year-video {
  width: 100%; height: 100%;
}
.close-video {
  position: absolute;
  top: 0; right: -84px;
  width: 84px; height: 84px;
  background: url(../images/close.png);
  cursor: pointer;
}