/*------------------------------  顶部通用-------------------------------*/
.sticky-nav{width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;border-bottom: 1px solid rgba(255,255,255, 0.5);}
.sticky-nav .top{display: flex;justify-content: space-between;width: 90.2%;margin: 0 auto;align-items: center;}
.sticky-nav .top .logo{}
.sticky-nav .top .logo a{display: block;overflow: hidden;}
.sticky-nav .top .logo img{transition: all 0s;height: 49px;}
.top-yy{width: 125px;border-radius: 30px;/*border: 1px #fff solid;*/height: 45px;line-height: 45px;overflow: hidden;}
.top-yy ul{display: none;justify-content: center;align-items: center;}
.top-yy ul li{width: 50%;border-radius: 30px;text-align: center;line-height: 44px;}
.top-yy ul li a{color: #fff;font-size: 16px;}
.top-yy ul li.top-yy-1{background: #2a82e4;}
.sticky-nav .top .logo .logo_b{display: none;}

/*导航*/
.navBar{width: 70%;margin:0px;position: initial;}
.nav{position:inherit;z-index:2;margin: 0;display: flex;justify-content: center;}
.nav .m{display: inline-block;position:initial;z-index:1;text-align: center;margin: 0 3%;}
.nav .m:nth-child(1){display:none;}
.nav .m h3{font-size:100%;font-weight:normal;margin: 35px auto;}
.nav h3 a{display:block;text-transform: uppercase;font-size: 20px;color: #fff;position: relative;}
.nav h3 a:hover,.nav .active a{color:#2a82e4;}
.nav h3 a::after{position: absolute;content: "";width: 100%;height: 0px;background: #2a82e4;left: 0;bottom: -36px;transition: all 0.5s;
z-index: 9;}
.nav .active a::after{height: 2px;}

.nav h3 a::before{content:"";position:absolute;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 10px solid #fff;
    top: 50px;
    left: 37%;
    opacity: 0;
    transition: all 0.5s;
}
.nav .m:hover h3 a::before{opacity:1;z-index: 10;}

.nav .sub{display:none;position:absolute;left: 0;top: 93px;z-index: 13;width: 100%;border-top:0;background:#fff;
box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);}


.nav .sub li{
    text-align: center;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    font-size: 18px;
    margin: 0 2.7vw;
}
.nav .sub li a{display:block;color:#666;font-size:18px;text-transform: capitalize;}
.nav .sub li a:hover{color: #2a82e4;}
.nav .sub li .sub-two{position: absolute;width:135px;border-top:0;background:#fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);left: 100%;top: 0;
display: none;}
.nav .sub li:hover .sub-two{display: block;}



.header{transition: all 0.5s;}
.header.up {
    transform: translateY(-110%);
}
.sticky-nav.menu_fixed {
	box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);	
	background-color: #fff;
}
.sticky-nav.menu_fixed .nav h3 a{color: #000;}
.sticky-nav.menu_fixed .nav h3 a:hover,.sticky-nav.menu_fixed .nav .active h3 a{color:#2a82e4;}
.sticky-nav.menu_fixed .top-yy{border: 1px rgba(255,255,255,0) solid;}
.sticky-nav.menu_fixed .top-yy ul li a{color: #666;}
.sticky-nav.menu_fixed .top-yy ul li.top-yy-1 a{color: #fff;}
.sticky-nav.menu_fixed .top-yy ul li:hover{background: #2a82e4;}
.sticky-nav.menu_fixed .top-yy ul li:hover a{color: #fff;}
.sticky-nav.menu_fixed .top .logo .logo_b{display: block;}
.sticky-nav.menu_fixed .top .logo .logo_a{display: none;}

@keyframes sticky {	
	0% {		
		transform: translateY(-100%)	
	}	
	100% {		
		transform: translateY(0)	
	}
}


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

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

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

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

@media screen and (max-width:1250px){
    .nav .m{margin: 0 1.5%;}
    .top-yy {width: 60px;}
}

@media screen and (max-width:1024px){
	.sticky-nav,.top-1{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	.top-yy{width: 150px;height: 50px;line-height: 50px;}
	.sp_header-r{display: flex;justify-content: right;align-items: center;}
	.top-yy ul li a {font-size: 16px;}
	.top-yy ul li{line-height: 49px;}
	
	.sp_header.on{box-shadow: 2px 4px 8px rgba(51, 51, 51, .2);background:#fff;z-index: 99999;}
	.sp_header.on .top-yy{border: 1px #ccc solid;}
	.sp_header.on .top-yy ul li a{color: #666;}
	.sp_header.on .top-yy ul li.top-yy-1 a{color: #fff;}
	.sp_header.on .sp_nav span{background:#666;}

	.sp_header,.sjj_nav{display: block;}
	.sp_header{
		height: 80px;
		overflow: hidden;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
		border-bottom: 1px solid rgba(255,255,255, 0.5);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 3.56vw;
	}	
	.sp_logo{}
	.sp_logo img {margin: auto;height: 50px;}
	.sp_logo img.logo_b,.sp_header.on .sp_logo img.logo_a{display: none;}
	.sp_header.on .sp_logo img.logo_b{display:block;}
	.sp_nav{width:50px;position:relative;cursor:pointer;height:24px;}
	.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;right:0px;transition:all ease 0.35s}
	.on .sp_nav span{background: #01669a;}
	.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% - 80px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:80px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0;display: none;}
	/*.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;height:45px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(0deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{line-height: 70px;font-size: 18px;text-align: left;position: relative;margin-left: 0;border-top:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#000;width:80%;padding-left: 25px;font-size: 22px;}
	.sjj_nav ul li ul li a{display: inline-block;text-align: left;width:auto;color: #666; padding-left: 10px;font-size: 16px;
	padding-right: 11vw;}
	.sjj_nav ul li i svg{width:35px;height:20px;fill:#666;}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(-180deg)}
	.sjj_nav ul li ul li>ul{margin-left:10px}

	.sjj_nav ul li ul li{border-bottom: none;border-top: none;padding-left: 18px;line-height: 45px;padding-bottom: 20px;}
	
	.wu-bj .sp_header .sp_logo img.logo_b{display: block;}
	.wu-bj .sp_header .sp_logo img.logo_a {display: none;}

	
} 
@media screen and (max-width:640px){
	.top-yy {width: 100px;height: 40px;line-height: 40px;}
	.top-yy ul li {line-height: 38px;}
	.sp_logo img{height:40px;}
}

@media screen and (max-width:370px){
	.top-yy {width: 90px;height: 35px;line-height: 35px;}
	.top-yy ul li {line-height: 34px;}
	.sp_logo img{height:35px;}
	.top-yy ul li a {font-size: 14px;}
	.sp_nav {width: 40px;}
	.sp_nav span{width: 27px;}
	.sjj_nav ul li a{font-size: 5vw;}
}