/*公共头部*/
.header-box{ width: 100%; height:110px; background: #fff; display: flex; align-items: center; flex-wrap: wrap; }
.header-box .top-links{ width: 100%;  height: 30px; background: #333333;  position: relative; }
.header-box .top-links .links-box{ width: 1120px; margin: 0 auto;  display: flex;align-items: center; justify-content: flex-end; color: #fff; }
.header-box .top-links .links-box li{ margin-left: 12px; line-height: 30px;  }
.header-box .top-links .links-box li:last-child{ margin-left: 30px; }
.header-box .top-links .links-box li a{ color: #fff; font-size: 14px;}
.header-box .top-links .links-box li a:hover{ color: #ccc; }
.header-box .top-links .links-box .line-y{ width: 1px; height: 16px; background: #666; }
.header-box .nav-box{ width: 1260px; margin: 0 auto; display: flex; align-items: center; }
.header-box .nav-box .nav-list{ margin-left: auto; position: relative;  }
.header-box .nav-box .nav-list ul{ display: flex; align-items: center; }
.header-box .nav-box .nav-list ul li{ margin-left: 70px;height: 36px; display: flex; align-items: center; border-bottom: 3px solid #fff; margin-bottom: 0px; }
.header-box .nav-box .nav-list ul li.active{ border-bottom: 3px solid #005faf; }
.header-box .nav-box .nav-list ul li:hover>a{  color: #005faf; }
.header-box .nav-box .nav-list ul li .icon-jt{ position: absolute; right: -22px; top: 6px; }
@media screen and (max-width:1399px){
.header-box .nav-box{ width: 1120px; }
.header-box .top-links .links-box{ width: 1120px; }
}
@media screen and (min-width:1400px) and (max-width:1679px){
.header-box .nav-box{ width: 1260px; }
.header-box .top-links .links-box{ width: 1280px; }
}
@media screen and (min-width:1680px) and (max-width:1919px){
.header-box .nav-box{ width: 1304px; }
.header-box .top-links .links-box{ width: 1304px; }
}
@media screen and (min-width:1920px){
.header-box .nav-box{ width: 1304px; }
.header-box .top-links .links-box{ width: 1304px; }
}