.nav-c{margin: 0 auto;width: 1800px;max-width:98%;}
.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;overflow: hidden;width:156px;margin: 0;}
.logo img{height:40px;}
.stock{}
.stock a{color: #000;font-size: 18px;}




/*导航*/
.navBar{width:50%;color: #333;text-align: left;}
.nav{margin:0 auto;font-size:16px;z-index:2}
.nav h3{margin-right:3vw;position: relative;margin-top:0px;margin-bottom:0px;}
.nav .m{position:relative;z-index:1;display: inline-block;text-align: center;}
.nav h3:hover::after,.nav h3:hover::before,.nav .active h3::after,.nav .active h3::before{opacity: 1;}
.nav h3 a{
	display: block;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    padding: 30px 0;
}
.nav h3 a:hover{color: #16509a;}
.nav .m.active h3 a{ color:#16509a;}
.nav .m:hover .sub{display: block;}
.nav .sub li a:hover{color:#fff;}
.nav .active h3 a{ color:#16509a;}
.nav .m6 .sub{left: -12%;}
.nav .m6 .sub::after{}
.nav .sub{
    padding-right: 5px;
	display: none;
    position: absolute;
    width: 210px;
    top: 80px;
    left:0;
    /*height: 400px;
    overflow-y: auto;
    overflow-x: hidden;*/
}
.nav .sub::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.nav .sub::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 10px;
}

.nav .sub::-webkit-scrollbar-thumb {
  background:#16509a;
  border-radius: 10px;
  transition: background 0.2s;
}

.nav .sub::-webkit-scrollbar-thumb:hover {background: #16509a;}
/*.nav .sub::after{position: absolute;content: "";background: url(../images/index_17.png) no-repeat center;
    width: 40px;
    height: 10px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}*/
.nav .sub li{text-align: left;width: 100%;padding: 0 15px;display:flex;justify-content:space-between;align-items:center;background:#16509acc;margin-bottom:5px;transition: all 0.5s;position:relative;}
.nav .sub li span img{    
    width: 12px;
    transform: rotate(90deg);
    height: 5px;
    display: block;
}
.nav .sub li h2{font-size: 30px;}
.nav .sub li p{font-size: 16px;}
.nav .sub li a{
	display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    width: 100%;
	line-height: 20px;
    padding: 10px 0;
    width:calc(100% - 20px);
}
.nav .sub li:hover{color: #fff;background:#16509a;}

.nav .sub li ul{position:absolute;display:none;left: 100%;top: 0;width:306px;border-left: 4px solid transparent;}
.nav .sub li:hover ul{display:block;}
.nav .sub li ul li{background:#5ea044cc;}
.nav .sub li ul li:hover{background:#5ea044;}

.nav .m:nth-child(4) .sub li:last-child ul{display:none;}
.nav .m:nth-child(4) .sub li:nth-child(2) ul{display:none;}
.nav .m:nth-child(3) .sub{width:270px;}

.nav .m1 .sub li ul li ul{display:none;}
.nav .m1 .sub li ul li:hover ul{display:block;}
.nav .m1 .sub li ul li ul li a{width:100%;}


.top-ss{width:270px;margin-right:50px;}
.top-ss form{width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:5px;overflow:hidden;border:1px solid #ccc;}
.top-ss form input{background:none;border:none;padding:0 10px;line-height:38px;}
.top-ss form button{width:60px;background:#16509a;border:none;text-align:center;color:#fff;font-size:14px;line-height:38px;}

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

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

}

@media screen and (max-width:1550px){
	.nav h3 a{font-size: 16px;}
	.nav .sub{top: 79px;}

}

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

}

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


}

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

}

@media screen and (max-width:1200px){
	.stock a{font-size: 14px;}
	.sticky-nav,.top-bj{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:#16509a;}
	.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{
		height: 60px;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}	
	.sp_logo {padding: 0 10px;}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav {width: 40px;position: relative;cursor: pointer;height: 24px;margin-right: 20px;}
	.sp_nav span{display:block;background:#16509a;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.on .sp_nav span{background: #16509a;}
	.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: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;font-size:16px;}
	.sjj_nav ul li i svg{width:25px;height:25px;fill:##000;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#16509a;}
	.sjj_nav ul li ul li>ul{margin-left:0px;}
	.sjj_nav ul li ul li>ul li{padding-left:5px;line-height:22px;}
	.sjj_nav ul li ul li>ul li a{font-size:15px;color:#666;padding:10px 0;}
	
	.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: #16509a;background: #16509a;border: 1px solid #16509a;margin-top: 9px;}
    
    .sjj_nav ul li:nth-child(4) ul li:nth-child(3) .sp_nav_xjb{display:none;}

} 