/*------------------------------  顶部通用-------------------------------*/
.sticky-nav{width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: #fff;}
.header-top{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.logo{font-size: inherit;margin: 18px 0;overflow: hidden;width: 24%;}
.logo img{max-width: 100%;}
.top-r{width: 8%;display: flex;justify-content: space-between;align-items: center;}
.top-r-ss .btn{background: none;}
.top-r-ss .dropdown-menu{left: auto;right: 0;width: 280px;padding: 0;}
.top-r-ss .dropdown-menu li{}
.top-r-ss .dropdown-menu li form{display: flex;justify-content: space-between;align-items: center;}
.top-r-ss .dropdown-menu li form input{width: 80%;border: none;background: none;line-height: 45px;padding-left: 10px;}
.top-r-ss .dropdown-menu li form button{width: 20%;border: none;background: #035dd6;line-height: 45px;color: #fff;}

/*导航*/
.navBar{width: 65%;color:#333;}
.nav{margin:0 auto;font-size:16px;z-index:2;width: 100%;display: flex;justify-content: center;align-items: center;}
.nav h3{font-size:100%;font-weight:normal;line-height: 0;margin: auto 1.5vw;position: relative;}
.nav .m{position:relative;z-index:1;display: inline-block;text-align: center;padding: 51px 0;}
.nav h3:hover::after,.nav h3:hover::before,.nav .active h3::after,.nav .active h3::before{opacity: 1;}
.nav #m1{display: none;}
.nav h3 a{display:block;text-transform: uppercase;color:#000;}
.nav h3 a:hover{color: #035dd6;}
.nav .active h3 a{ color:#035dd6;}
.nav .sub{display:none;position:absolute;background: #fff;width: 100%;top: 102px;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);text-align: center;left: 0;
border-radius: 10px;}
.nav .sub li{display: block;text-align: center;line-height: 45px;width: 100%;}
.nav .sub li h2{font-size: 30px;}
.nav .sub li p{font-size: 16px;}
.nav .sub li a{
	display: inline-block;
    color: #666;
    font-size: 14px;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}


.third-level{ }
.nav .sub li:hover > a{color: #035dd6;}
 .nav .sub > li > a{ font-size:18px; color:#333; font-weight:bold;}

.sticky-nav.menu_fixed {	
	position: fixed;	
	top: 0;	
	left: 0;	
	width: 100%;	
	z-index: 9999;	
	animation: sticky 1s;	
	box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);	
	background-color: #fff;
}
@keyframes sticky {	
	0% {		
		transform: translateY(-100%)	
	}	
	100% {		
		transform: translateY(0)	
	}
}


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

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

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

}

@media screen and (max-width:1440px){
    .nav h3{margin: auto 1vw;}
    .nav-c{padding: 0 2vw;}
    .nav .nav-1 .notice{width: 100%;padding: 0 2vw;}
}
@media screen and (min-width:1024px){
    .nav .sub{
        position: fixed;
        top: 102px;
        left: 0;
        width: 100vw;
    }
    .nav>li:hover .sub{
        display: flex !important;
    }
    .nav>li:hover .sub > li{
        fixed:1;
        margin: 20px 0;
    }
    
    
    .nav ul.sub {
      list-style: none;
      padding: 0;
      border-radius: 0;
    }
    
    .nav ul.sub > li {
      padding: 0 15px;
      border-right: 1px solid #ccc; /* 右侧边框作为竖线 */
    }
    
    /* 移除最后一个li的边框 */
    .nav ul.sub > li:last-child {
      border-right: none;
    }
    
    
    
}

@media screen and (max-width:1024px){
	.sticky-nav,.top-bj{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	
	.sp_header{background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .2);}
	.sp_header,.sjj_nav{display: block;}
	.sp_header{
		height: 60px;
		overflow: hidden;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
	}	
	.sp_logo{padding:15px 10px;float:left;}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
	.sp_nav span{display:block;background:#035dd6;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.on .sp_nav span{background: #035dd6;}
	.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:60px}
	.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:110px;overflow:hidden;line-height:30px;margin-top:5px}
	.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;margin-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%}
	.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:#035dd6;}
	.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: #035dd6;background: #035dd6;border: 1px solid #035dd6;margin-top: 9px;}

} 


@media screen and (max-width:1024px){
	.sp_logo img {margin: auto;max-height: 20px;}

}



