#fullpage {
  width: 100%;
  height: auto;
}
#fullpage .section1 {
  width: 100%;
  background-image: url("http://wdwd-shop.wdwdcdn.com/5ef164c5337d9.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
#fullpage .section1 .section1-info {
  transition: all 1s;
  width: 1200px;
  height: 240px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -400px;
  color: #fff;
  text-align: center;
}
#fullpage .section1 .section1-info .s-title {
  letter-spacing: 4px;
  font-size: 36px;
  font-weight: 300;
}
#fullpage .section1 .section1-info .b-title {
  letter-spacing: 4px;
  font-size: 72px;
}
#fullpage .section1 .section1-info .btn {
  margin-top: 45px;
  width: 200px;
  height: 50px;
  background-color: #e94609;
  border: none;
  border-radius: 50px;
  color: #fff;
  font-size: 24px;
}
#fullpage .section2 {
  width: 100%;
  background-image: url("http://wdwd-shop.wdwdcdn.com/5ef338a091778.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
#fullpage .section2 .section2-info {
  transition: all 1s;
  width: 1200px;
  height: 240px;
  position: absolute;
  left: 50%;
  top: 400px;
  transform: translateX(-50%);
}
#fullpage .section2 .section2-info .title {
  text-align: center;
  margin-bottom: 40px;
}
#fullpage .section2 .section2-info .title img {
  width: 139px;
  height: 93px;
}
#fullpage .section2 .section2-info .content {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}
#fullpage .section2 .section2-info .content p {
  line-height: 36px;
  margin: 0;
}
#fullpage .section3 {
  width: 100%;
  background-color: #fff;
  position: relative;
}
#fullpage .section3 .section3-info {
  opacity: 0.3;
  transition: all 1s;
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 186px;
  transform: translateX(-50%);
}
#fullpage .section3 .section3-info .title {
  text-align: center;
  font-size: 50px;
  color: #EB4400;
  font-weight: 300;
  margin-bottom: 70px;
}
#fullpage .section3 .section3-info .box-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
#fullpage .section3 .section3-info .box-content .box {
  width: 203px;
  height: 306px;
}
#fullpage .section3 .section3-info .box-content .box .img {
  width: 100%;
  height: 203px;
}
#fullpage .section3 .section3-info .box-content .box .info {
  width: 100%;
  text-align: center;
}
#fullpage .section3 .section3-info .box-content .box .info p {
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  line-height: 36px;
}
#fullpage .section3 .section3-info .box-content .box .info p:nth-child(2) {
  font-size: 16px;
  font-weight: 300;
  color: #434343;
  line-height: 26px;
}
#fullpage .section4 {
  background-color: #eeeeee;
  width: 100%;
  position: relative;
}
#fullpage .section4 .section4-info {
  position: absolute;
  left: 50%;
  top: 200px;
  transform: translateX(-50%);
  width: 1200px;
}
#fullpage .section4 .section4-info .title {
  margin-bottom: 70px;
  text-align: center;
  font-size: 50px;
  color: #EB4400;
  font-weight: 300;
}
#fullpage .section4 .section4-info .box-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#fullpage .section4 .section4-info .box-content .box {
  width: 24%;
  height: 200px;
  overflow: hidden;
  position: relative;
  color: #fff;
}
#fullpage .section4 .section4-info .box-content .box .dea {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: 0.5s;
}
#fullpage .section4 .section4-info .box-content .box .dea .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#fullpage .section4 .section4-info .box-content .box .dea .info .text {
  font-size: 24px;
  letter-spacing: 3px;
}
#fullpage .section4 .section4-info .box-content .box .dea .info .line {
  width: 56px;
  height: 1px;
  background-color: #fff;
  margin: 8px auto;
}
#fullpage .section4 .section4-info .box-content .box .dea-text {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  bottom: -100%;
  transition: 0.5s;
  background-color: #EB4400;
}
#fullpage .section4 .section4-info .box-content .box .dea-text .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}
#fullpage .section4 .section4-info .box-content .box1 .dea {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef82c29583d1.png") no-repeat center center / 100% 100%;
}
#fullpage .section4 .section4-info .box-content .box2 .dea {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef82c29b0ea1.png") no-repeat center center / 100% 100%;
}
#fullpage .section4 .section4-info .box-content .box3 .dea {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef82c2a19489.png") no-repeat center center / 100% 100%;
}
#fullpage .section4 .section4-info .box-content .box4 .dea {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef82c2a79f64.png") no-repeat center center / 100% 100%;
}
#fullpage .section4 .section4-info .box-content .box:hover .dea {
  top: -100%;
}
#fullpage .section4 .section4-info .box-content .box:hover .dea-text {
  bottom: 0;
}
#fullpage .section5 {
  background-color: #fff;
  width: 100%;
  position: relative;
}
#fullpage .section5 .section5-info {
  position: absolute;
  left: 50%;
  top: 150px;
  transform: translateX(-50%);
  width: 1200px;
}
#fullpage .section5 .section5-info .title {
  margin-bottom: 70px;
  text-align: center;
  font-size: 50px;
  color: #EB4400;
  font-weight: 300;
}
#fullpage .section5 .section5-info .title p {
  margin: 0;
}
#fullpage .section5 .section5-info .box-content {
  width: 100%;
  height: 428px;
  position: relative;
}
#fullpage .section5 .section5-info .box-content .box-left {
  transition: all 0.5s;
  position: absolute;
  left: -100px;
  top: 0;
  height: 428px;
  width: 600px;
  background: url("http://wdwd-shop.wdwdcdn.com/5ef1a8f84f7d9.png") no-repeat center center;
  background-size: 100%;
}
#fullpage .section5 .section5-info .box-content .box-right {
  transition: all 0.5s;
  position: absolute;
  right: -100px;
  top: 44px;
  height: 292px;
  width: 511px;
  background: url(http://wdwd-shop.wdwdcdn.com/5efc6d03770a1.png) no-repeat center center;
  background-size: 90%;
}
#fullpage .section6 {
  background-color: #fff;
  width: 100%;
  position: relative;
}
#fullpage .section6 .section6-info {
  position: absolute;
  left: 50%;
  top: 200px;
  transform: translateX(-50%);
  width: 1200px;
}
#fullpage .section6 .section6-info .title {
  margin-bottom: 70px;
  text-align: center;
  font-size: 50px;
  color: #EB4400;
  font-weight: 300;
}
#fullpage .section6 .section6-info .title p {
  margin: 0;
}
#fullpage .section6 .section6-info .title p:nth-child(2) {
  font-size: 24px;
  line-height: 60px;
}
#fullpage .section6 .section6-info .box-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#fullpage .section6 .section6-info .box-content .box {
  width: 24%;
  height: 200px;
  overflow: hidden;
  position: relative;
  border: 1px solid #EB4400;
}
#fullpage .section6 .section6-info .box-content .box .cover {
  transition: all 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  text-align: center;
}
#fullpage .section6 .section6-info .box-content .box .cover img {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 67px;
  height: 58px;
}
#fullpage .section6 .section6-info .box-content .box .cover .text {
  font-size: 24px;
  color: #000000;
  line-height: 36px;
}
#fullpage .section6 .section6-info .box-content .box .info {
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #EB4400;
}
#fullpage .section6 .section6-info .box-content .box .info .info-text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}
#fullpage .section6 .section6-info .box-content .box:hover .cover {
  opacity: 0;
}
#fullpage .section6 .section6-info .box-content .box:hover .info {
  opacity: 1;
}
#fullpage .section7 {
  background-color: #eeeeee;
  width: 100%;
  position: relative;
}
#fullpage .section7 .section7-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  top: 150px;
}
#fullpage .section7 .section7-info .title {
  margin-bottom: 70px;
  text-align: center;
  font-size: 50px;
  color: #EB4400;
  font-weight: 300;
}
#fullpage .section7 .section7-info .box-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#fullpage .section7 .section7-info .box-content .box {
  width: 32%;
  height: 190px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
#fullpage .section7 .section7-info .box-content .box .news {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  padding-top: 68px;
  box-sizing: border-box;
  transition: all 0.5s;
}
#fullpage .section7 .section7-info .box-content .box .news .b-title {
  font-size: 24px;
}
#fullpage .section7 .section7-info .box-content .box .news .s-title {
  font-size: 16px;
}
#fullpage .section7 .section7-info .box-content .box1 .news {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef1d44a1fc44.png") no-repeat center center;
  background-size: 100% 100%;
}
#fullpage .section7 .section7-info .box-content .box2 .news {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef1d44b0a59f.png") no-repeat center center;
  background-size: 100% 100%;
}
#fullpage .section7 .section7-info .box-content .box3 .news {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef1d44aa7458.png") no-repeat center center;
  background-size: 100% 100%;
}
#fullpage .section7 .section7-info .box-content .box4 .news {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef1d44d4d77e.png") no-repeat center center;
  background-size: 100% 100%;
}
#fullpage .section7 .section7-info .box-content .box5 .news {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef1d44c3467d.png") no-repeat center center;
  background-size: 100% 100%;
}
#fullpage .section7 .section7-info .box-content .box6 .news {
  background: url("http://wdwd-shop.wdwdcdn.com/5ef1d44b957a0.png") no-repeat center center;
  background-size: 100% 100%;
}
#fullpage .section7 .section7-info .box-content .box:hover .news {
  transform: scale(1.2);
}
#fullpage .section8 {
  width: 100%;
  position: relative;
}
#fullpage .section8 .section-join {
  width: 100%;
  height: 400px;
  background: url("http://wdwd-shop.wdwdcdn.com/5efac8df89b57.png") no-repeat center center / cover;
  text-align: center;
  padding-top: 162px;
  box-sizing: border-box;
}
#fullpage .section8 .section-join .title {
  text-align: center;
  font-size: 35px;
  font-weight: 400;
  color: #ffffff;
  line-height: 50px;
  margin-bottom: 27px;
}
#fullpage .section8 .section-join .join-btn {
  width: 178px;
  height: 40px;
  background-color: #fff;
  color: #EB4400;
  border: none;
  border-radius: 40px;
}
.site-footer {
  height: calc(100vh - 400px) !important;
}