body {
  font-family: 'Microsoft YaHei';
}
.banner_img {
  width: 100%;
}
.main {
  overflow: hidden;
}

.van {
  display: flex;
  justify-content: space-between;
  border-top: 1px dashed #7f848c;
  border-bottom: 1px dashed #7f848c;
  padding: 24px 0;
  font-size: 17px;
  background: rgba(22,29,47,.58);
}
.van_img {
  width: 218px;
  margin-left: 10%;
}
.van_img img {
  width:100%;
}
.van_right {
  display: flex;
  justify-content: space-evenly;
  color: #fff;
  width: 1180px;
}
/* 导航栏 */

.container {
  margin-top: -5px;
  /* height: 5910px; */
  width: 100%;
  background: #0d182c url(../img/bac_box.jpg) no-repeat top center / 100%;
  box-sizing: border-box;
  color: #fff;
}
.box_item {
  position: relative;
  width: 100%;
}
.box_item h4 {
  font-size: 30px;
}
.container .box_division {
  width: 368px;
  margin: 20px 0 26px;
}
.box_item p {
  font-size: 20px;
}
.box_item .box_a{
  position: absolute;
}

.box01  .box_a{
  position:absolute;
  top: 14%;
    right: 2%;
}
.box02  .box_a{
  position:absolute;
  top: 0;
  left: 233px;
}
.box03  .box_a{
  position:absolute;
  top: 0;
  right: 152px;
}
.box04  .box_a{
  top: 98px;
  width: 100%;
  text-align:center;
}
.box05  .box_a{
  top: 135px;
  width: 100%;
  text-align:center;
}
.box_item>img {
  width: 100%;
}
.box06  .box_a{
  top: 88px;
  width: 100%;
  text-align:center;
}
.box07  .box_a{
  top: 122px;
  width: 100%;
  text-align:center;
}
.box04  .box_a .box_division {
  width: 309px;
}
.box_img {
  width: 84.6%;
  margin: 0 auto;
}
.box_img img{
  width: 100%;
}
.box04 .box_img {
  margin-top: 992px;
}

.box02.box_item {
  padding-bottom: 150px;
}
.box04.box_item {
  padding-top: 220px;
}
.box05.box_item {
  padding-top: 250px;
}
.box06.box_item {
  padding-top: 204px;
}
.box07.box_item {
  padding-top: 250px;
}
.img_box {
  display: flex;
  width: 95%;
  margin: -35px auto 0;
}


.img_box_item {
  width: 20%;
  font-size: 0;
  margin-right: 10px;
}
.img_box_item:nth-child(5) {
  margin-right: 0;
}

.img_box_item img {
  width: 100%;
}
.img_box_item .img_box_text {
  height: 44px;
  font-size: 17px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  color: #000;
  background-image: url(../img/titgb.jpg);
  background-repeat: repeat-x;
  background-size: 100% 100%;
}
.box04 .img_box_item {
  width: 25%;
}
.container02 {
  margin-top: -5px;
  width: 100%;
  background: #0d182c url(../img/bac_bot.jpg) no-repeat top center / 100% 100%;
  box-sizing: border-box;
  color: #fff;
  padding-bottom: 55px;
}
.btn_list {
  padding: 0 50px;
  text-align: center;
}
.btn_list .btn_item {
  display: inline-block;
  width: 275px;
  padding: 15px 0;
  font-size: 21px;
  border: 1px solid #fff;
  text-align: center;
  background: rgba(255, 255, 255, .3);
  margin: 0 20px;
  cursor: pointer;
}
.box06.box_item .box06_img {
  display: block;
  width: 48%;
  margin: 0 auto;
}
.box07_img {
  width: 86%;
  margin: 0 auto;
  text-align: center;
}
.box07_img img {
  width: 23%;
  margin: 0 7.5px 15px;
}

/* 配置 */
.see-config-img {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 1000;
}
.see-config-img .config-img {
  position: absolute;
  /* width: 90%; */
  height: 100%;
  overflow: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.see-config-img .config-img img {
  width: 100%;
}
.see-config-img .close-btn {
  position: absolute;
  width: 35px;
  background: url(../img/close-icon.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  right: 2%;
  top: 2%;
  height: 35px;
}