* {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei';
}
i{ font-style: normal}
ul, ol, li {
  list-style: none;
}

li {
  cursor: pointer;
}

img {
  vertical-align: top;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #000;
}

html,body {
  width: 100%;
  overflow-x: hidden;
}
.wraps{
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}

#banner{
  width: 1920px;
  height: 1000px;
  position: relative;
  background: url(../images/banner_bg1.jpg) 0 0 no-repeat,
              url(../images/banner_bg2.jpg) 0 189px no-repeat,
              url(../images/banner_bg3.jpg) 0 368px no-repeat,
              url(../images/banner_bg4.jpg) 0 560px no-repeat,
              url(../images/banner_bg5.jpg) 0 765px no-repeat;
}
#banner #nav {
  width: 100%;
  height: 68px;
  background: rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  /* background-size: 100% 100%; */
}
#banner #nav ul {
  display: flex;
  width: 1066px;
  height: 68px;
  margin: 0 auto;
  font-size: 16px;
}

#banner #nav ul li {
  flex: 1;
  text-align: center;
  color: #fff;
}

#banner #nav ul li p:first-child {
  font-size: 18px;
  margin-top: 10px;
}
#banner #nav ul li p:last-child {
  font-size: 12px;
  margin-top: 5px;
}
#banner #nav ul li a{
  color: #fff;
}

#banner #nav ul li a:hover {
  color: #EFDF3F;
}

#banner #nav ul li a:visited {
  color: #fff;
}

#banner #nav ul li a:hover {
  color: #EFDF3F;
}
.bb{
  position: absolute;
  left: 0;
  bottom: 0;
}
#down{
  width: 731px;
  height: 134px;
  position: absolute;
  top: 752px;
  left: 622px;
  z-index: 99;
}
#down>div{
  float: left;
}
.wx,.sj-code{
  width: 134px;
  height: 134px;
  background: #fff;
  border-radius: 10px;
  margin-right: 5px;
}
.wx img,.sj-code img{
  width: 114px;
  height: 114px;
  margin: 10px;
}

.btns{
  width: 191px;
  height: 134px;
  position: relative;
}
.btns>div:last-child{
  margin-top: 8px;
}
.sj,.pc{
  width: 191px;
  height: 62px;
  position: relative;
}
.pc a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sj-code{
  position: absolute;
  /* top: -150px; */
  bottom: 155px;
  left: 30px;
  display: none;
}
.down-btn{
  margin-top: -56px;
  margin-left: 7px;
  position: relative;
}
.down-btn a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zz{
  width: 351px;
  height: 180px;
  margin: 31px 0 0 26px;
  display: none;
  opacity: .2;
}
.down-btn:hover img{ mix-blend-mode:screen; display: block;}
/* //////////////////////////////////////////////////////////// */
#main{
  width: 1920px;
  height: 4259px;
  background: url(../images/main_bg.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.tit{
  text-align: center;
  -webkit-transform: perspective(400px) rotateX(90deg);
  -webkit-animation-timing-function: ease-in;
}
.tit1{
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
}
#box1{
  width: 1256px;
  height: 685px;
  background: url(../images/news_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 26px 0 0 234px;
  overflow: hidden;
}
.news{
  width: 874px;
  color: #FEF4AE;
  font-size: 24px;
  line-height: 44px;
  margin: 175px 0 0 360px;
}
.news-b{
  margin-top: 55px;
}
.text_{
  position: absolute;
  top: 163px;
  right: 270px;
}

#box2{
  width: 1030px;
  height: 490px;
  margin: 48px 0 0 460px;
  color: #fff;
  overflow: hidden;
}
#box2 img{
  width: 750px;
  height: 480px;
}

.swiper-container{
  overflow: visible !important;
  margin-left: 130px !important;
}
.swiper-slide img{
  border: 4px solid #DEC48B;
}
.tit3{
  margin-top: 60px;
  margin-bottom: 44px;
}

.imgs{
  width: 1082px;
  height: 631px;
  overflow: hidden;
  background: url(../images/imgs_bg.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 420px;
  margin-bottom: 44px;
  -webkit-transform: translate3d(-2000px,0,0);
  transform: translate3d(-2000px,0,0);
}
.imgs img{
  width: 1052px;
  height: 603px;
  margin: 15px 0 0 15px;
}