header{
  width: 100%;
  background-color: #5F88FF;
  position: fixed;
  z-index: 20;
  top: 0;
  left:0;
  height: 75px;
}
.header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.header .logo{
  display: inline-block;
  width: 200px;
}
.header .logo img{
  width: 100%;
  height: auto;
}
.header ul{
  flex:1;
  height: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: flex-end;
}
.header ul li{
  height: 100%;
  position: relative;
}
.header ul li a{
  padding: 0 .375rem;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  color:#fff;
  /* font-size:.2rem; */
  font-size:16px;
  line-height: 75px;
  position: relative;
}

.header ul li a.active{
  font-weight: 600;
}
.header ul li a.active:after{
  content:"";
  display: inline-block;
  position: absolute;
  bottom:.0125rem;
  left:0;
  width: 100%;
  height:.0375rem;
  background-color: #fff;
}

.home .header ul li:nth-child(1) a{ font-weight: 600; }
.home .header ul li:nth-child(1) a:after{ content:""; display: inline-block; position: absolute; bottom:.0125rem; left:0; width: 100%; height:.0375rem; background-color: #fff; }

.lanm1 .header ul li:nth-child(2) a.link-title{ font-weight: 600; }
.lanm1 .header ul li:nth-child(2) a.link-title:after{ content:""; display: inline-block; position: absolute; bottom:.0125rem; left:0; width: 100%; height:.0375rem; background-color: #fff; }

.lanm2 .header ul li:nth-child(3) a.link-title{ font-weight: 600; }
.lanm2 .header ul li:nth-child(3) a.link-title:after{ content:""; display: inline-block; position: absolute; bottom:.0125rem; left:0; width: 100%; height:.0375rem; background-color: #fff; }

.lanm3 .header ul li:nth-child(4) a.link-title{ font-weight: 600; }
.lanm3 .header ul li:nth-child(4) a.link-title:after{ content:""; display: inline-block; position: absolute; bottom:.0125rem; left:0; width: 100%; height:.0375rem; background-color: #fff; }

.lanm4 .header ul li:nth-child(5) a.link-title{ font-weight: 600; }
.lanm4 .header ul li:nth-child(5) a.link-title:after{ content:""; display: inline-block; position: absolute; bottom:.0125rem; left:0; width: 100%; height:.0375rem; background-color: #fff; }

.lanm5 .header ul li:nth-child(6) a.link-title{ font-weight: 600; }
.lanm5 .header ul li:nth-child(6) a.link-title:after{ content:""; display: inline-block; position: absolute; bottom:.0125rem; left:0; width: 100%; height:.0375rem; background-color: #fff; }

.lanm6 .header ul li:nth-child(7) a.link-title{ font-weight: 600; }
.lanm6 .header ul li:nth-child(7) a.link-title:after{ content:""; display: inline-block; position: absolute; bottom:.0125rem; left:0; width: 100%; height:.0375rem; background-color: #fff; }

.header .menu_icon{
  display: none;
}
.header .menu_icon img{
  width: 1.5238rem;
  height: 1.5238rem;
}
.drop-down{
  width: .7619rem;
  height: .7619rem;
  position: absolute;
  right: 1.0159rem;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  display: none;
}
.sub_menu{
  background-color: #F0F3F7;
  display: none;
  /* display: none; */
}
.sub-title{
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .header .logo{
    width: 120px;
  }
}
@media screen and (max-width:768px) {
  header{
    height: 2.7937rem;
  }
  .header .logo{
    width: 6.3492rem;
    height: 1.3016rem;
    font-size: 0px;
  }
  .main_w{
    width: 100%;
    padding:0 1.0159rem;
  }
  .header{
    height: 100%;
  }
  .sub-title{
    display: block;
  }
  .link-title{
    display: none!important;
  }
  .drop-down{
    display: block;
  }
  .header ul{
    top: 2.7937rem;
    left:0;
    position: absolute;
    z-index:12;
    flex-direction: column; 
    background-color: #F8FBFE;
    width:100%;
    height: auto;
    max-height: 75vh;
    overflow-y: auto;
    display: none;
  }
  .header ul li {
    min-height: 1.25rem;
    position: relative;
  }
  .header ul li a,.header ul li .sub-title{
    height: 3.1746rem;
    cursor: pointer;
    padding:0 1.0159rem;
    width: 100%;
    font-size: .9524rem;
    line-height: 3.1746rem;
    color:#2F496F;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index:10;
  } 
  .header .menu_icon {
    display: block;
    line-height: 15px;
  }
  .header .menu_icon .open{
    display: none;
  }
  .down_box{
    display: none!important;
  }
  .header_layout_wrapper{
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 11;
  }
}

header ul li:nth-child(2):hover .down_box {
  display: block;
}

header ul li:nth-child(3):hover .down_box2 {
  display: block;
}
header ul li:nth-child(4):hover .down_box3 {
  display: block;
} 
header ul li:nth-child(5):hover .down_box4 {
  display: block;
}
header ul li:hover .down_box {
  display: block;
}
.down_box {
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  padding: .35rem;
  background-color: #fff;
  border-radius: 4px;
}


.down_box::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.25rem;
  border: .15rem solid;
  border-color: transparent transparent #fff;
}

.down_box>div {
  display: flex;
  justify-content: space-between;
  margin-bottom: .4rem;
}

.down_box div:last-child {
  margin-bottom: 0;
}

.down_icon-item {
  display: flex;
  align-items: center;
  flex: auto;
  cursor: pointer;
  margin-right: .5rem;
  width: 30%;
}

:nth-child(2n).down_icon-item {
  margin-right: 0;
}

.down_icon-item img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.down_icon-item span,.down_icon-item a.menu_item {
  white-space: nowrap;
  font-size: 16px;
  color: #333333;
  padding:0;
  height: .4rem;
  line-height: .4rem;
}

.down_icon-item:hover span {
  color: #3385FF;
}

.down_icon-item img:nth-child(2) {
  display: none;
}

/* .down_icon-item:hover img:nth-child(1) {
  display: none;
}

.down_icon-item:hover img:nth-child(2) {
  display: block;
} */