/*------------------------------  顶部通用-------------------------------*/
.nav-c{width: 85%;margin: 0 auto;}
.sticky-nav{width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;}
.header-top{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.logo{font-size: inherit;overflow: hidden;height: 43px;overflow: hidden;width: 161px;margin:0;}
.logo img{width: 100%;transition: all 0s;}

/*导航*/
.navBar{color: #333; text-align: left; width: 79%;}
.nav{margin:0 auto;font-size:16px;z-index:2}
.nav h3{font-size:100%;font-weight:normal;line-height: 0;margin: 48px 0px 48px 80px;}
.nav .m{position:initial;z-index:1;display: inline-block;text-align: center;}
.nav h3 a{display:block;text-transform: uppercase;color:#fff;}
.nav h3 a:hover{opacity: 1;color: #0090D8;}
.nav .active h3 a{ color:#0090D8;}

.nav .sub{display:none;position:absolute;background: #fff;width: 100%;left: 0;top: 96px;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);
text-align: center;}
.nav .sub li{display: inline-block; padding: 15px 45px; margin: 0;}
.nav .sub li a{font-size: 14px;}

.top-ss{}
.top-ss form{position: relative;width: 120px;height: 40px;border-bottom: 1px solid #fff;overflow: hidden;}
.top-ss form input{position: absolute;width: 80%;background: none;border: none;left: 0;top: 0;line-height: 40px;}
.top-ss form  button{position: absolute;width: 20%;right: 0;top: 0;height: 40px;background: url(../images/ss.png) no-repeat 0px 11px;border: none;}

.top-ss {
    display: flex;
    justify-content: right;
    align-items: center;
}
.top-ss .top-ss-ul {display: flex;justify-content: center;align-items: center;width: 125px;border-radius: 30px;border: 1px #fff solid;
height: 45px;line-height: 45px;overflow: hidden;}
.top-ss .top-ss-ul li {width: 50%;border-radius: 30px;text-align: center;line-height: 44px;transition:all 0.5s;}
.top-ss .top-ss-ul li.top-yy-1 {background: #0090D8;}
.top-ss .top-ss-ul li a{color: #fff;transition:all 0.5s;}
.sticky-nav.menu_fixed .top-ss-ul{border: 1px solid #eee;}
.sticky-nav.menu_fixed .top-ss .top-ss-ul li a{color: #333;}
.sticky-nav.menu_fixed .top-ss .top-ss-ul li.top-yy-1 a{color: #fff;}
.top-ss .top-ss-ul li:hover{background:#0090D8;}
.top-ss .top-ss-ul li:hover a{color:#fff;}
.sticky-nav.menu_fixed .top-ss .top-ss-ul li:hover a{color:#fff;}
.top-ss .dropdown{margin-right: 15px;}
.top-ss .dropdown .btn{background:none;font-size: 16px;color: #fff;font-weight: 400;border:none;box-shadow: none;}
.top-ss .dropdown .btn .caret{margin-left: 10px;}
.top-ss .dropdown .dropdown-menu{margin-top: 30px;}
.sticky-nav.menu_fixed .top-ss .dropdown .btn{color: #333;}
.top-ss .dropdown .dropdown-menu>li>a:focus,.top-ss .dropdown .dropdown-menu>li>a:hover {color: #0090D8;background:none;}
button:focus {
    outline: none !important;
}
button {
    outline: none !important;
}
.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)	
	}
}



.sticky-nav.menu_fixed .nav h3 a{color:#000;}
.sticky-nav.menu_fixed .nav h3 a:hover{color: #0090D8;}
.sticky-nav.menu_fixed .nav .active h3 a{ color:#0090D8;}
.sticky-nav.menu_fixed .dropdown .btn{background-position: 0 -99px;}
.sticky-nav.menu_fixed .dropdown .btn:hover{color: #0090D8;}
.sticky-nav.menu_fixed .dropdown-1{border-right: 1px solid rgba(0,0,0,0.6);}

.sticky-nav.menu_fixed .logo img{margin-top: -86px;transition: all 0s;}
.sticky-nav.menu_fixed .top-ss form{border-bottom: 1px solid #666;}
.sticky-nav.menu_fixed .top-ss form  button{background: url(../images/ss.png) no-repeat 0px -17px;}


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

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

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

@media screen and (max-width:1360px){
	.nav h3{margin: 48px 0 48px 50px;}
}

@media screen and (max-width:1200px){
	.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:10px 10px;float:left;height:60px}
	.sp_logo img {margin:-63px 0 0;	max-height: 100px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px;}
	.sp_nav span{display:block;background:#0090D8;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
	.on .sp_nav span{background: #0090D8;}
	.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% - 104px);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:71px;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:30px;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:40px;font-size:14px}
	.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:20px;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}
}