.head-top{background-color: #fff;width: 100%;}
.head-top-l{display: flex;justify-content: left;align-items: center;padding: 20px 0;}
.head-top-l a{font-size: 16px;line-height: 14px;}
.head-top-l a:nth-child(1){margin-right: 15px;padding-right: 15px;border-right: 1px solid #666;}
.head-top-r span{font-size: 16px;color: #333;}
.head-box{width: 100%;background-size: cover;background-position: center;}
.head-box .flx-between-center{height: 177px;}
.head-box .head-box-l img{height: 130px;}
.head-box .head-box-r form{width: 410px;display: flex;justify-content: space-between;align-items: center;background: #fff;border-radius: 5px;overflow: hidden;}
.head-box .head-box-r form button{width: 80px;height: 45px;background: #0b4295;color: #fff;font-size: 16px;border-radius: 5px;border:none;}
.head-box .head-box-r form input{width: calc(100% - 90px);height: 45px;border: none;background: url(../images/index_21.png) no-repeat 10px center;text-indent: 45px;font-size: 16px;}
.header-nav{width: 100%;background: #0b4295;height: 70px;}
.header-nav ul{display: flex;justify-content: space-between;align-items: center;}
.header-nav ul li{padding: 0 25px;position: relative;z-index: 99;}
.header-nav ul li h2{font-size: 18px;color: #fff;font-weight: bold;line-height: 70px;}
.header-nav ul li h2 a{color: #fff;}
.header-nav ul li:hover{background: #082a5e;}
.header-nav ul li.hover{background: #082a5e;}
.header-nav .sub{position: absolute;width: 100%;background: #082a5e;left: 0;display: none;transition: all 0.3s ease-in-out;}
.header-nav .sub li{text-align: center;padding: 0;}
.header-nav .sub li a{color: #fff;font-size:14px;line-height: 45px;display: block;width: 100%;font-weight: 400;}
.header-nav ul li:hover .sub{display: block;}
.header-nav .sub li:hover{background: #0b4295;}

.header-nav ul li:nth-child(9) .sub li:nth-child(4) a{letter-spacing: -1px;}

.wap-header{display: none;}

@media screen and (max-width:1550px){
    .header-nav{height: 60px;}
    .header-nav ul li h2 {font-size: 16px;line-height: 60px;}
    .header-nav .sub li a{font-size: 14px;}
    .header-nav ul li {padding: 0 29px;}
	
}

@media screen and (max-width:1500px){
    .header-nav ul li {padding: 0 1.9vw;}    
   
}

@media screen and (max-width:1480px){  
   .header-nav ul li {padding: 0 1.8vw;} 
   .head-box .head-box-l img {height: 110px;}
   .head-box .flx-between-center {height: 150px;}
}

@media screen and (max-width:1420px){  
    .header-nav ul li {padding: 0 1.7vw;}
}

@media screen and (max-width:1350px){  
    .header-nav ul li {padding: 0 1.6vw;}
    .header-nav .sub li a {font-size: 13px;}
   
}
@media screen and (max-width:1310px){  
    .header-nav ul li {padding: 0 1.5vw;}
}
@media screen and (max-width:1280px){  
    .header-nav ul li {padding: 0 1.4vw;}
}

@media screen and (max-width:1200px){  
    .header{display: none;}
    .wap-header{display: block;}
    .wap-hetop{width: 100%;background: #0b4295;}
    .sp_header{height: 50px;width: 100%;display: flex;justify-content: space-between;align-items: center;}	
    .wap-hetop .sp_tel{padding-left: 15px;}
    .wap-hetop .sp_tel a{font-size: 14px;color: #fff;}
    .sp_nav {width:26px;position: relative;cursor: pointer;height:20px;margin-right:15px;}
    .sp_nav span{display:block;background:#fff;width:100%;height:2px;position:absolute;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px;}
	.sp_nav span:nth-of-type(2){top:8px;}
	.sp_nav span:nth-of-type(3){top:16px;}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg);}
	.sp_nav_se span:nth-of-type(2){width:0;}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);}
    .sjj_nav{position:fixed;z-index:9999;background:#0b4295;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;top:50px;}
    .nav_show{right:0;}
    .sjj_nav ul{padding: 0 20px;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;height:50px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{width:22px;height:22px;}
    .sjj_nav ul li i svg path{fill:#fff;}
    .sjj_nav ul li a{color:#fff;width:80%;text-transform: uppercase;display: block;}
	.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
    .sjj_nav ul li{border-top:1px #ffffff61 solid;padding-left:5px;position:relative;line-height:60px;font-size:17px;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ffffff61 solid;}
	.sjj_nav ul li ul{display:none;padding-bottom: 10px;}
    .sjj_nav ul li ul li{border: none;line-height: 40px;font-size: 16px;}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

    .top-waplogo{width: 100%;text-align: center;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 20px 0;}
    .top-waplogo img{height: 100px;}
    .wap-ss{width: 96%;margin: 0 auto;}
    .wap-ss form{width: 100%;border-radius: 5px;overflow: hidden;display: flex;justify-content: space-between;align-items: center;height: 40px;background: #fff;margin-top: 10px;border: 1px solid #0b4295;}
    .wap-ss form input{width: calc(100% - 40px);height: 40px;border: none;font-size: 14px;text-indent: 1em;background: none;color: #666;}
    .wap-ss form button{width: 40px;height: 40px;border:none;background:#0b4295;}
    .wap-ss form button img{filter: brightness(0) invert(1);width: 20px;}
	
	
}

@media screen and (max-width:640px){
    .top-waplogo img {
        height: 20vw;
    }
}