.header{top: 0;left: 0;z-index: 9999;width: 100%;background-color: #fff;}
.header-top{width: 100%;display:flex;justify-content: space-between;align-items: center;padding: 15px 0;}
.header-l{width:60%;}
.header-l img{height:60px;}
.logo2{margin-left: 50px;}

.countdown-box {display: flex;align-items: center;gap: 5px;font-size: 36px;font-weight: bold;color: #000;}
.countdown-num {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 55px; color: #fff;border-radius: 5px;background-color: #0b4295;}
.countdown-text {font-size: 18px;}

.top-nav{background-color: #0b4295;height: 62px;width: 100%;}
.top-nav ul{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;}
.top-nav ul li{line-height: 62px;position: relative;width:13%;text-align: center;}
.top-nav ul li a{color: #fff;font-size: 18px;}
.top-nav ul li .sub{position: absolute;width: 100%;left: 0;top: 62px;display: none;z-index:9;border-radius: 5px;overflow: hidden;height: auto;}
.top-nav ul li .sub li{width: 100%;text-align: center;background: #fff;line-height:20px;padding: 15px 0;transition: all 0.5s;}
.top-nav ul li .sub li a{color: #000;font-size:14px;display: block;width: 100%;height: 100%;}
.top-nav ul li .sub li:hover{background: #0b4295;}
.top-nav ul li .sub li:hover a{color: #fff;}
.top-nav ul li:hover .sub{display: block;}
.top-nav ul li .sub li:last-child{border-bottom: none;}

.top-lan{position: relative;padding: 36px 0;}
.top-lan-img{width: 25px;height: 25px;border-radius: 50%;background: #0b4295;cursor: pointer;}
.top-lan-img img{width: 100%;}
.top-lan ul{position: absolute;top: 96px;right: -30px;background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);width: 120px;margin: 0;display: none;}
.top-lan ul li{line-height: 40px;padding: 0 15px;}
.top-lan ul li a{display:flex;justify-content: left;align-items: center;width: 100%;height: 100%;}
.top-lan ul li a img{width: 20px;margin-right: 10px;}
.top-lan ul li:hover{background: #0b4295;}
.top-lan ul li:hover a{color: #fff;}
.top-lan:hover ul{display: block;}


/*wap*/
.sp_header,.sjj_nav{display: none;}

@media screen and (max-width:1700px){
	
}

@media screen and (max-width:1550px){

}

@media screen and (max-width:1450px){
    .countdown-text {font-size: 16px;}
	.countdown-num{width: 30px;height: 45px;}
	.countdown-box{font-size: 28px;}
	.header-l img {height: 60px;}
}

@media screen and (max-width:1200px){
	.header{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	.top-yy figure{width:30px;height:30px;border-radius:50%;background:#0b4295;}
	.top-yy figure img.yy-2{display: block;}	
	.top-yy ul{top: 79px;}
	.sp_header{background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .2);}
	.sp_header,.sjj_nav{display: block;}
	.sp_header{		
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;		
	}	
	.sp_logo {padding:10px;width:100%;}
	.sp_logo img{margin:auto;max-height:50px;margin-right: 10px;}
	.sp_nav {width:30px;position: relative;cursor: pointer;height: 24px;margin-right:10px;}
	.sp_nav span{display:block;background:#0b4295;width:30px;height:2px;position:absolute;transition:all ease 0.35s}
	.on .sp_nav span{background: #0b4295;}
	.sp_nav span:nth-of-type(1){top:0px;}
	.sp_nav span:nth-of-type(2){top:10px;}
	.sp_nav span:nth-of-type(3){top:20px;}
	.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: rgba(255,255,255, 1);width:100%;height:calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:130px;}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 110px);}
	.sjj_nav>ul>li:first-child .language{float:right;width:100%;overflow: hidden;line-height: 30px;margin-top: 18px;}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:50px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s;}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg);}
	.sjj_nav ul li{border-top:1px #ddd solid;padding-left: 20px;position:relative;line-height:60px;font-size:18px;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none;}
	.sjj_nav ul li a{color:#000;width:80%;text-transform: uppercase;display: block;}
	.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:25px;height:25px;fill:##000;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#0b4295;}
	.sjj_nav ul li ul li>ul{margin-left:10px;}
	
	.sp_header .dropdown {margin-top: 14px;float: right;position: initial;}
	.sp_header .dropdown .btn {border: none;width: 25px;height: 30px;background: url(../images/index_06.png) no-repeat top right;background-position: 0px -73px;background-size: 100% auto;}
	.sp_header .dropdown .dropdown-menu {top: 0px;left: 0;padding: 0;z-index: 9999;height: 60px;right: auto;width: 100%;border: none;}
	.sp_header .dropdown .dropdown-menu li form{display: flex;justify-content: center;}
    .sp_header .dropdown .dropdown-menu li form	input{width: 70%;height: 40px;margin-top: 9px;padding: 0 5px;border: 1px solid #ccc;}
    .sp_header .dropdown .dropdown-menu li form	button{height: 40px;width:16%;font-size:16px;color:#fff;background: #0b4295;background: #0b4295;border: 1px solid #0b4295;margin-top: 9px;}

	.sp-top2{width: 100%;padding: 0 10px 10px;display: flex;justify-content: space-between;align-items: center;}
	.sp-yy{width: 30px;height: 30px;background: #0b4295;border-radius: 50%;position: relative;}
	.sp-yy figure{width: 100%;height: 100%;}
	.sp-yy figure img{width: 100%;}
	.sp-yy ul{position: absolute;top:40px;right: -90px;background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);width: 120px;margin: 0;display: none;}
	.sp-yy:hover ul{display: block;}
	.sp-yy ul li{line-height: 40px;padding: 0 15px;}
	.sp-yy ul li a{display:flex;justify-content: left;align-items: center;width: 100%;height: 100%;font-size: 14px;color: #000;}
	.sp-yy ul li a img{width: 20px;margin-right: 10px;}
} 

@media screen and (max-width:1024px){
	.nav_show {top: 124px;}
}

@media screen and (max-width:760px){
	.sp_logo img {max-height: 35px;}	
	.nav_show {top: 110px;}
}

@media screen and (max-width:640px){
	.nav_show {top: 90px;}
}

@media screen and (max-width: 450px) {
    .sp_logo img {max-height: 30px;}
}