.mainBox{
  /* background: url(/kxc/dlp_BJ.png)no-repeat top; */
  background-color: #003464;
}
.main, .mainBox, .screen {
  width: 100%;
  max-height: 100vh;
}
.boxOne, .boxTwo, .boxThree  {
  width: 100%;
  height: 100vh;
  background-color: #003464;
}
.left {
  float: left;
}
.right {
  float: right;
}
.boxOne {
  background: url(/kxc/dlp_BJ.png)no-repeat top;
}
.boxOne .left{
  width: 24%;
  /* padding: 5%; */
  padding: 20px 5%;
  text-align: center;
}
.boxOne .right{
  width: 66%;
}
.screen img {
  width: 100%;
}
.screen h2{
  color: #00b4ff;
  font-size: 30px;
  padding-bottom: 10px;
}
.screen li {
  color: #cbe2f5;
  border-bottom: 1px solid #8091a5;
  padding: 20px 0;
  font-size: 20px;
}
.screen p{
  line-height: 35px
}
.screen ul>li:last-child {
  border:none
}
.boxTwo {
  background-color: #00224b;
}
.boxTwo .left{
  width: 48%;
  padding-top: 150px;
  padding-left: 10%;
  padding-right: 2%;
  height: calc(100% - 300px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.boxTwo .right{
  width: 40%;
  padding-top: 150px;
  /* padding-right: 10%; */
  height: calc(100% - 300px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.boxThree .left {
  width: 40%;
  padding-top: 150px;
  /* padding-left: 10%; */
  padding-right: 2%;
  height: calc(100% - 300px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.boxThree li{
  text-align: right;
}
.boxThree .right{
  width: 48%;
  padding-top: 150px;
  padding-right: 10%;
  height: calc(100% - 300px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.xz {
  text-align: center;
}
.xz img{
  width: auto;
}

.gmqLgog {
  width: 40% !important; 
  padding-bottom: 20px;
}

/* .pagination {
  position: absolute;
  z-index: 20;
  left: 25px;
  top: 47%;
}
.swiper-pagination-switch {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #555;
  margin: 0 0px 8px;
  opacity: 0.8;
  cursor: pointer;
} */
@media screen and (max-width: 1200px){
  .boxOne .left{
    width: 90%;
    /* padding: 5%; */
  }
  .boxOne .right{
    width: 100%;
  }
  .boxTwo .left {
    width: 100%;
    padding: 0;
    height: auto;
  }
  .boxTwo .right {
    width: 90%;
    padding: 20px 5%;
    height: auto;
    display: block;
  }
  .screen li {
    padding: 10px 0;
  }
  .boxThree .left {
    width: 90%;
    padding: 20px 5%;
    height: auto;
    display: block;
  }
  .boxThree .right {
    width: 100%;
    padding: 0;
    height: auto;
  }
  .xz img{
    width: 100%;
  }
}