@charset "utf-8";
.header {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 102px;
  padding-top: 1px;
  background: url(../img/header_bg.jpg);
}
.header > img {
  float: left;
  margin: 30px 20px 0 306px ;
}
.header > a {
  position:relative;
  float: left;
  font-size: 26px;
  color: #d0c59c;
  line-height: 102px;
  margin-left: 60px;
  padding: 0 20px
}
.header > a::before {content:"";position:absolute;left:22px;bottom:25px;width:100px;height:2px;background:#d0c59c;
  -webkit-transition:transform .5s;-webkit-transform:scaleX(0);-webkit-transform-origin:100% 0;
  transition:transform .5s;transform:scaleX(0);transform-origin:100% 0;}
.header > a:hover::before {
  -webkit-transform:scaleX(1);-webkit-transform-origin:0 0;
  transform:scaleX(1);transform-origin:0 0;}
.header > div {
  position: relative;
  float: left;
  margin: 14px 0 0 164px;
  width: 43px;
  height: 43px;
  background: url(../img/wechat.png) no-repeat center;
  cursor: pointer;
  padding: 20px;
}
.header > div:hover img {
  display: block;
}
.header > div > img {
  position: absolute;
  top: 88px;
  left: -36px;
  display: none;
	-webkit-animation-name:fadeInUp2;
	animation-name:fadeInUp2
}
@-webkit-keyframes fadeInUp2 {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,30px,0);
	transform:translate3d(0,30px,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}}
@keyframes fadeInUp2 {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,30px,0);
	transform:translate3d(0,30px,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}}

.middle {
  margin-top: 103px;
  margin-bottom: 414px;
}

#banner {
  position: relative;
  width: 100%;
  height: 899px;
  overflow: hidden;
}
#banner > li {
  position: absolute;
  width: 100%;
}
#banner > li > img {
  width: 100%;
}
#point {
  top:862px;
  position: absolute;
}
.point {
  width: 100%;
  text-align: center;
}
.point > li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  border: 2px solid #fff;
}
.point > .current {
  background: #fff;
}

.p2 {
  background: url(../img/index_p2_bg.jpg) fixed no-repeat 0 102px;
  padding: 84px 0 45px;
  height: 667px;
}
.p2_img {
  display: none;
}
.p2 > p {
  font-size: 22px;
  color: #ebe2d7;
  text-align: center;
  line-height: 46px;
}
.p4 {
  height: 1560px;
}
.p4 > li {
  position: absolute;
  width: 100%;
}
#p4_point {
  margin-bottom: 35px;
}
#p4_point > li,
#p5_point > li {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  border: 2px solid #e1ac50;
}
#p4_point > .current,
#p5_point > .current {
  background: #e1ac50;
}
.p4 {
  height: 1560px;
}
.p4 > li {
  width: 100%;
  height: 1560px;
}
.p4 > li > img {
  width: 100%;
  max-width: 1347px;
  margin-top: 27px;
}
.p4_img {
  max-width: 1337px;
  width: 100%;
}

.p5 > li {
  position: absolute;
  display: none;
}
.p5 > li > img {
  margin-top: 50px;
  width: 100%;
}
#p5_point {
  margin: 50px auto;
}

.footer {
  position: fixed;
  left: 50%;
  bottom: 0;
  margin-left: -960px;
  width: 1920px;
  height: 414px;
  background: url(../img/footer.jpg?v=1);
}
.footer > a {
  position: absolute;
  top: 220px;
  left: 358px;
  width: 261px;
  height: 25px;
}
.footer > p {
  position: absolute;
  top: 310px;
  left: 257px;
  font-size: 24px;
  color: #d0c59e;
}
.footer2 {
  display: none;
}

@media screen and (max-width: 1326px) {
  .header {
    text-align: center;
  }
  .header > img,
  .header > div {
    display: none;
  }
  .header > a {
    float: none;
  }
  .header > a:nth-child(2) {
    margin-left: 0;
  }
  .header > a::before {
    bottom: -10px;
  }
  .middle {
    width: 100%;
    left: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
  .w100 {
    width: 100%;
  }
  .p2 {
    display: none;
  }
  .p2_img {
    display: block;
  }
  .footer {
    display: none;
  }
  .footer2 {
    display: block;
    background: url(../img/footer2_bg.jpg) center;
    padding: 62px 0 42px 30px;
    text-align: center;
  }
  .footer2 > p {
    font-size: 26px;
    color: #d0c59e;
    margin-bottom: 20px;
  }
  .footer2 > p:nth-child(1) {
    margin-bottom: 0;
  }
  .footer2 > a {
    color: #d0c59e;
    font-size: 90px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .footer2 > p > a {
    color: inherit;
  }
}