/*头部CSS*/
header{
  width: 100%;
  background-color: #fff;
  position: relative;

}
header .logo{
  float: left;
  width: 234px;
}
header .logo img{
   width: 100%;
   padding-top: 34px;
}
header .logo-zi{
  float: left;
  /*width: 240px;*/
  margin-left: 24px;
  margin-bottom: 10px;
  padding-top: 42px;
}

header .tab{
  float: left;
  width: 56px;
  height: 22px;
  border:1px solid #eaedf0;
  background-color: #f6f8fb;
  border-radius: 12px;
  position: relative;
  margin-top: 72px;
  margin-left: 80px;
}
header .tab p{
  font-size: 0.7rem;
  position: absolute;
  left: 14%;
  line-height: 22px;
  color: #515050;
  top: 0;
  letter-spacing: 2px;
}
header .tab img{
  position: absolute;
  right: 0;
  top: 0;
}
header .logo-zi .logo-zi1{
  font-size: 1.3rem;
  color: #101010;
  font-family: "NotoSansHans-Bold";
  font-weight: 600;
}
header .logo-zi p{
  font-size: 1.3rem;
  color: #101010;
  margin-bottom: 10px;
}
header .logo-zi p span{
  margin-right: 8px;
}
header .head-yu{
  float: left;
  padding-top: 42px;
  margin-left: 62px;
}
header .head-yu ul{
  float: left;
}
header .head-yu .mens{
  margin-left: 32px;
}
header .head-yu ul li{
  font-size: 14px;
  color: #737373;
  margin-bottom: 12px;
}
header .head-rexian{
  float: right;
  padding-top: 8px;
}
header .head-rexian li{
  margin-top: 16px;
}
header .head-rexian li .tu{
  float: left;
  padding-top: 5px;

}
header .head-rexian .zi{
  float: left;
  margin-left: 14px;
}
header .head-rexian .zi p{
   font-size: 14px;
   color: #737373;
}
header .head-rexian .zi h4{
  font-size: 1.3rem;
  color: #f08300;
  font-family: "Poppins-SemiBold";
  margin-top: 6px;
}









.daohang ul li:hover .mesn2{
  display: block;
}
.daohang ul li .mesn2{
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #003f78;
border-top: 1px solid #336593;
  width: 100%;
  padding: 0.4rem;
  display: none;
} 
.daohang ul li .mesn2 .item{
  height: 34px;
  line-height: 34px;
} 
.daohang ul li .mesn2 a{
  display: block;
  font-size: 0.7rem;
  color: #fff;
      overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: 100%;
}
.daohang ul li .mesn2:before{
     content: "";
    width: 1px!important;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    z-index: 1000;
    position: absolute;
    left: 40%;
    top: -0.78rem;
}
.daohang ul li .mesn2 a:hover{
  color: #f08300;
  font-weight: 600;
  border-bottom: 1px dashed #f08300;
}






.daohang {width: 100%;background-color: #003f78;margin-top: 26px;}
.daohang ul{
  margin-top: 16px;
  margin: 0 auto;
  width: 1200px;
  /*overflow: hidden;*/
}
.daohang ul li{
  float: left;
  width: 12.5%;
  text-align: center;
  position: relative;
}
.daohang ul li>a{
  width: 100%;
  background-color: #003f78;
  display: block;
  padding-top: 1.6rem;

  border-right: 1px solid #336593;

  box-sizing:border-box;

  padding-bottom: 1.6rem;

}
.daohang ul li:first-child + li+li+li+li+li+li+li{
  border-right:0;
}
.daohang ul li h4{
  font-size: 0.6rem;
  color: #e4e2e1;
  font-weight: 600;
  font-family: "NotoSansHans-Bold";
  margin-top: 9px;
}
.daohang ul li p{
  font-size: 0.8rem;
  color: #f2f0f0;
  font-weight: 600;
  font-family: "NotoSansHans-Bold";
}
.daohang ul li .on{
    background: -webkit-linear-gradient(left top, #f6b500 , #f08400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #f6b500 , #f08400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #f6b500 , #f08400); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #f6b500 , #f08400); /* 标准的语法（必须放在最后） */
}
.daohang ul li .on h4{
  color:#e4e2e1!important;
}

.daohang ul li>a:hover{
   background: -webkit-linear-gradient(left top, #f6b500 , #f08400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #f6b500 , #f08400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #f6b500 , #f08400); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #f6b500 , #f08400); /* 标准的语法（必须放在最后） */
}











@media(max-width: 1440px){
  header .head-rexian{margin-right: 40px;}
  header .head-yu .mens{margin-left: 50px;}


}
@media(max-width: 1440px){


  .daohang ul li .mesn2:before{top: -0.98rem;}
  
}

@media(max-width: 1368px){
header .logo img{padding-top: 28px;}

}