* {
  padding: 0;
  margin: 0;
}

body,
html {
  height: 100%;
  overflow: hidden;
}

#container,
.sections {
  height: 100%;
}

.sections {
  position: relative;
  background-color: #000;
  background-size: cover;
  background-position: 50% 50%;
}

#section0 {
  background: url(../images/bg/bg1.jpg);
}

#section1 {
  background: url(../images/bg/bg2.jpg);
}

#section2 {
  background: url(../images/bg/bg3.jpg);
}

#section3 {
  background: url(../images/bg/bg4.jpg);
}

#section4 {
  background: url(../images/bg/bg5.jpg);
}

.video-box .video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  /*保证视频内容始终居中*/
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  /*保证视频充满屏幕*/
  object-fit: cover;
  min-height: 800px;
}
.logo {
  position: absolute;
  top: 3%;
  left: 2%;
  width: 20%;
}
.down {
  position: absolute;
  top: 74%;
  left: 32%;
  width: 36%;
  background: url(../images/index/down.png);
  background-size: 100% 100%;
  height: 27%;
}
.point {
  position: absolute;
  bottom: 14%;
  color: white;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
#box2 {
  position: absolute;
  top: 25%;
  width: 100%;
}
#yxts {
  position: absolute;
  top: 5%;
  right: 25%;
  width: 50%;
}
.item-container {
  height: 100%;
}
#swiper li {
  height: 205px;
  width: 200px;
  position: relative;
}
.item-container {
  height: 100%;
}
#upBtn {
  background: url(../images/introduce/up.png) no-repeat;
  left: 18%;
  position: absolute;
  top: 32%;
  width: 33px;
  height: 40px;
  margin-left: -3px;
  z-index: 99;
}
#downBtn {
  background: url(../images/introduce/down.png) no-repeat;
  left: 18%;
  position: absolute;
  top: 85%;
  width: 33px;
  height: 40px;
  margin-left: -3px;
  z-index: 99;
}
.icon1 {
  background: url(../images/introduce/1头未选中.png) no-repeat;
  background-size: 100%;
}
.iconH1 {
  background: url(../images/introduce/1头选中.png) no-repeat !important;
  background-size: 100%;
}
.icon2 {
  background: url(../images/introduce/2头未选中.png) no-repeat;
  background-size: 100%;
}
.iconH2 {
  background: url(../images/introduce/2头选中.png) no-repeat !important;
  background-size: 100%;
}
.icon3 {
  background: url(../images/introduce/3头未选中.png) no-repeat;
  background-size: 100%;
}
.iconH3 {
  background: url(../images/introduce/3头选中.png) no-repeat !important;
  background-size: 100%;
}
.icon4 {
  background: url(../images/introduce/4头未选中.png) no-repeat;
  background-size: 100%;
}
.iconH4 {
  background: url(../images/introduce/4头选中.png) no-repeat !important;
  background-size: 100%;
}
.icon5 {
  background: url(../images/introduce/5头未选中.png) no-repeat;
  background-size: 100%;
}
.iconH5 {
  background: url(../images/introduce/5头选中.png) no-repeat !important;
  background-size: 100%;
}
.icon6 {
  background: url(../images/introduce/6头未选中.png) no-repeat;
  background-size: 100%;
}
.iconH6 {
  background: url(../images/introduce/6头选中.png) no-repeat !important;
  background-size: 100%;
}
.hidden {
  display: none;
}
.item-mao {
  background: url(../images/introduce/mao.png) no-repeat;
  height: 25px;
  width: 20px;
  position: absolute;
  top: 20%;
  left: 11%;
}
.maoH {
  background: url(../images/introduce/maoH.png) no-repeat !important;
}
.item-line {
  background: url(../images/introduce/zhou.png) no-repeat;
  height: 95px;
  position: absolute;
  width: 3px;
  top: 54%;
  left: 15%;
}
.js {
  position: absolute;
  top: 20%;
  left: 28%;
}
.sectLeft {
  position: absolute;
  width: 6%;
  height: 30px;
  top: 52%;
  left: 31%;
  margin-left: 9px;
  z-index: 99;
}
.sectRight {
  position: absolute;
  width: 6%;
  height: 30px;
  top: 52%;
  left: 39%;
  margin-left: -10px;
  z-index: 99;
}
.sectImg {
  position: absolute;
  top: 52%;
  left: 31%;
  margin-left: 9px;
  width: 22%;
}
#swiper {
  position: absolute;
  top: 33%;
  left: 17%;
  height: 520px;
  overflow: hidden;
  width: 10%;
}
#box3 .swiper-slide img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.gl {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 1098px;
  top: 20%;
  left: 9%;
  height: 260px;
}
.glDiv {
  width: 350px;
  height: 260px;
}
.glImg {
  width: 350px;
  height: 220px;
  background: url(../images/info/img2.png);
}
.glTxt {
  width: 350px;
  height: 40px;
  background: url(../images/info/glcz.png);
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.cz {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 1098px;
  top: 62%;
  left: 9%;
  height: 260px;
}
.glImg img {
  width: 100%;
  height: 100%;
}
.glImg video {
  width: 100%;
}
h1 {
  display: none;
}
.code {
  position: fixed;
  right: -9%;
  top: 30%;
  z-index: 999;
}
a {
  text-decoration: none;
  color: #d4d4d4;
}
.ys {
  color: #d4d4d4;
}
#isIframe {
  width: 100%;
  height: 100%;
  display: none;
}
/* body ::-webkit-scrollbar {
  display: none;
  width: 0;
} */