/*------------------------------  顶部通用-------------------------------*/
.sticky-nav {width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;}
.sticky-nav .top{display: flex;justify-content: space-between;align-items: center;padding: 0 3.5vw;}
.sticky-nav .top .top-l{width: 80%;display: flex;justify-content: left;align-items: center;}
.sticky-nav .top .logo{}
.sticky-nav .top .logo a{display: block;width: 142px;height: 30px;background-size: 100% auto;}
.top-r{display: flex;justify-content: right;align-items: center;}
.top-r .dropdown{position: relative;display: none;}
.top-r .dropdown .btn{background: url(../images/ss.png) no-repeat center top;width: 18px;height: 21px;}
.top-r .top-r-btn{}
.top-r .top-r-btn a{display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #008ed6;
border-radius: 30px;margin-left: 30px;border: 1px solid #008ed6;}
.top-r .top-r-btn a:hover{background: #fff;color: #008ed6;}
.top-r .dropdown-menu{width: 250px;left: -10vw;top: 57px;border: none;}
.top-r .dropdown-menu form{width:100%;position: relative;background: #fff;height: 45px;line-height: 45px;}
.top-r .dropdown-menu form input{width: 80%;position: absolute;left: 0;background: none;border: none;padding-left: 10px;}
.top-r .dropdown-menu form button{width: 20%;position: absolute;right: 0;background: url(../images/ss.png) no-repeat center -34px;height: 47px;border: none;}
.top-r-tel{width: 180px;border: 1px solid #eee;display: flex;justify-content: center;align-items: center;border-radius: 30px;
height: 50px;line-height: 50px;transition:all 0.5s;}
.top-r-tel .top-r-tel-l{border-radius: 50%;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;
background: #008ed6;margin-right:15px;}
.top-r-tel .top-r-tel-l img{width:17px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: brightness(0%) invert(100%);
    -webkit-filter: brightness(0%) invert(100%);
}
.top-r-tel .top-r-tel-r{font-size: 16px;color: #008ed6;margin-right:10px;transition:all 0.5s;}
.top-r-tel:hover{background:#008ed6;border: 1px solid #008ed6;}
.top-r-tel:hover .top-r-tel-r{color:#fff;}
.top-r-tel:hover .top-r-tel-l{background:#fff;}
.top-r-tel:hover .top-r-tel-l img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: brightness(0%) invert(100%);
    -webkit-filter: none;
}

/*导航*/
.navBar{width: 63%;margin-left: 30px;}
.nav{position:relative;font-size:16px;z-index:2;margin: 0;}
.nav .m{display: inline-block;position:relative;z-index:1;text-align: center;width: 12%;}
.nav .m h3{font-size:100%;font-weight:normal;margin: 40px auto;}
.nav h3 a{display:block;text-transform: uppercase;font-size: 16px;margin: 0 10%;color: #fff;}
.menu_fixed .nav h3 a:hover,.menu_fixed .nav li.active h3 a{color:#01669a;}

.nav .sub{display:none;position:absolute;left: -18px;top: 98px;z-index: 1;width: 145px;border-top:0;background:#fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);}
.nav .sub li{text-align:center;height: 40px; line-height: 40px;}
.nav .sub li a{display:block;color:#333;font-size:14px;text-transform: capitalize;}
.nav .sub li a:hover{background:#008ed6;color: #fff;}
.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, .1);	
	background-color: #fff;
}
.sticky-nav.menu_fixed .top .logo a{background-position-y: 26px;}
.sticky-nav.menu_fixed .nav h3 a{color: #333;}
.sticky-nav.menu_fixed .nav h3 a:hover,.sticky-nav.menu_fixed .nav .active h3 a{color:#01669a;}
.sticky-nav.menu_fixed .top-r .dropdown .btn{background-position-y: -48px;}

@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){
	.navBar {width: 80%;}
}

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

@media screen and (max-width:1250px){
    .navBar {width: 80%;}

}

@media screen and (max-width:1024px){
	.sticky-nav,.top-1{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	
	.sp_header.bg{background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .2);}
	.sp_header.bg .sp_logo a{background-position-y:-60px;}
	.sjj_nav{display: block;}
	.sp_header{
		height: 60px;
		overflow: hidden;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
		display: flex;
		justify-content: space-between;
		padding: 0px 3vw;
		align-items: center;
	}	
	.sp_logo{}
	.sp_logo a{display: block;width: 120px;height: 26px;background-size: 100% auto;}
	.sp-r{width: 60vw;display: flex;justify-content: right;align-items: center;}	
	.sp_nav{width:40px;position:relative;cursor:pointer;height:23px;}
	.top-r .top-r-btn a{width: 140px;height: 40px;line-height: 40px;font-size: 14px;margin-right: 15px;}

	.sp_nav span{display:block;background: #01669a;width:30px;height:2px;position:absolute;left:10px;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}
	/*.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:45px;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{line-height: 55px;font-size: 18px;text-align: left;position: relative;margin-left: 0;border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#000;width:80%;padding-left: 25px;}
	.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:35px;height:20px;fill:##000;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#1F528E}
	.sjj_nav ul li ul li>ul{margin-left:10px}

	.sjj_nav ul li ul li{border-bottom: none;font-size: 16px;border-top: 1px #ddd solid;padding-left: 30px; padding-left: 18px;line-height: 40px;}

	.ny-xq-nav .sp_header .sp_logo a{background-position-y:-99px;}
	.ny-xq-nav .sp_header{background: #fff;}
	
} 
@media screen and (max-width:380px){

}