.nav-c{margin: 0 auto;padding: 0 3vw;}
.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;width:200px;margin: 0;}
.logo img{height:58px;}
.logo .logo2{display: none;}
.logo .logo1{}

.top-yy{width:350px;display: flex;justify-content: right;align-items: center;}
.top-logo{display: flex;justify-content: left;align-items: center;}
.top-logo .top-logo-img{margin-right: 24px;}
.top-logo .top-logo-img img{height: 40px;}
.top-ss{margin-right: 40px;cursor: pointer;margin-left: 10px;position: relative;padding: 34px 0;display: inline-block;z-index:999;}
.top-ss .top-ss-img img{height: 30px;}
.top-ss-form {
    --search-width: 0;
    width: var(--search-width);
    height: 50px;
    position: absolute;
    right: 50px;
    top: 24px;
    transition: width 0.3s ease;
    overflow: hidden;
}
.top-ss-form form{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;
background: #f5f5f5;font-size: 14px;border-radius: 5px;overflow: hidden;}
.top-ss-form form input{border: none;background: none;padding-left: 10px;outline: none;width: calc(100% - 70px);}
.top-ss-form form button{width:70px;height: 100%;background: #008c41;color: #fff;border: none;cursor: pointer;}
.top-lan{position: relative;padding: 36px 0;}
.top-lan-img{width: 25px;height: 25px;border-radius: 50%;background:#008c41;cursor: pointer;}
.top-lan-img img{width: 100%;}
.top-lan ul{position: absolute;top: 96px;right: -30px;background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);width: 120px;margin: 0;display: none;}
.top-lan ul li{line-height: 40px;padding: 0 15px;}
.top-lan ul li a{display:flex;justify-content: left;align-items: center;width: 100%;height: 100%;}
.top-lan ul li a img{width: 20px;margin-right: 10px;}
.top-lan ul li:hover{background: #008c41;}
.top-lan ul li:hover a{color: #fff;}
.top-lan:hover ul{display: block;}

.top-tel{
    width: 180px;
    background: #fff;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
.top-tel figure{margin-right:10px;}
.top-tel figure img{width: 16px;}
.top-tel p{font-size:16px;margin:0;}
.sticky-nav.menu_fixed .top-tel{background:#008c41;color:#fff;}
.sticky-nav.menu_fixed .top-tel figure img{filter: brightness(0) invert(1);}

/*导航*/
.navBar{
    width: calc(100% - 550px);
    color: #333;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav{font-size:16px;z-index:2}
.nav h3{margin: auto 3vw 0 0;position: relative;}
.nav .m{position:initial;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: #fff;
    font-size: 16px;
    padding: 40px 0;
    font-weight: bold;
}
.nav h3 a:hover{color: #ffda9e;}
.nav .m.active{ color:#008c41;}
.nav .m:hover .sub{display: block;}
.nav .sub li a:hover{color: #ffda9e;}
.nav .active h3 a{ color:#ffda9e;}
.nav .sub{display:none;position:absolute;background:#ffffffe0;width: 100%;left: 0;top:97px;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);}
.nav .sub-div{display: flex;justify-content: space-between;}
.nav .sub li{display: inline-block;
    width: 50%;
    padding: 0 0 20px;
    margin: 0;
    text-align: left;
	padding-right: 8%;
}
.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: 18px;
    text-transform: capitalize;
    width:45%;
    margin-right: 34px;
    line-height: 55px;
	opacity: 1;
    border-bottom:1px solid #ffffff38;
	background: url(../images/index_26.png) no-repeat right center;
}
.nav .sub li a:hover{opacity: 1;}
.sub-div-r{width:63%;margin: 30px auto 0;}
.nav .sub li .sub-div-r h2{font-size: 26px;color: #008c41;}
.nav .sub li .sub-div-r p{font-size: 14px;color: #666;}
.nav .sub li figure{width: 100%;overflow: hidden;margin-bottom: 20px;}
.nav .sub li figure img{width: 100%;}
.nav .sub li:nth-child(1){background:#008c41;color: #fff;padding-left:3vw;padding-right: 0;padding-bottom: 40px;padding-top: 20px;}
.nav .sub li:nth-child(1) p{margin-bottom: 20px;padding-right: 20px;}
.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;}
 

.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 .logo .logo1{display: none;}
.sticky-nav.menu_fixed .logo .logo2{display: block;}
.sticky-nav.menu_fixed .nav h3 a{color: #000;}
.sticky-nav.menu_fixed .nav h3 a:hover{color: #008c41;}
.sticky-nav.menu_fixed .nav .active h3 a{ color:#008c41;}
.sticky-nav.menu_fixed .search-form{background: #f5f5f5;}
/*wap*/
.sp_header,.sjj_nav{display: none;}

.sticky-nav-en .top-tel{width: 190px;}
.sticky-nav-en .top-tel figure {margin-right: 5px;}
.sticky-nav-en .nav .sub li a{font-size: 16px;}


@media (min-width: 1400px) {
    .top-ss {
        --search-expand-width: 71vw;
    }
}

@media screen and (max-width:1700px){
	.nav h3 {margin: auto 2vw 0 0;}
}

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

	
}

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


}

@media screen and (max-width:1500px){
    .top-logo .top-logo-img {margin-right: 20px;}
    .top-ss {margin-right: 30px;}
    .top-yy {width: 330px;}
    .top-tel {width: 160px;}
    .navBar {width: calc(100% - 530px);}
}

@media screen and (max-width:1450px){
    .nav .nav-1 .notice{width: 100%;padding: 0 2vw;}
    .top-ss {
        --search-expand-width: 69vw;
    }
    .top-logo .top-logo-img {margin-right: 10px;}
    .top-ss {margin-right: 20px;}
    .top-yy {width: 290px;}
    .logo{width: 170px;}
    .logo img{width:100%;}
    .nav h3 {margin: 0;}
    .navBar {width: calc(100% - 520px);justify-content: space-between;}
    .nav {justify-content: space-between;display: flex;width: calc(100% - 160px);}
}



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

}

@media screen and (max-width:1200px){
    .top-lan {padding: 17px 0;}
    .top-lan ul{right: -30px;top: 58px;display:none;}
    .top-lan:hover ul{display:block;}
	.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:#008c41;}
	.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;width: 80%;}
	.sp_logo img{margin:auto;max-height:40px;}
	.sp_nav {width: 40px;position: relative;cursor: pointer;height: 24px;margin-right: 20px;}
	.sp_nav span{display:block;background:#008c41;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.on .sp_nav span{background: #008c41;}
	.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;}
	.sjj_nav ul li i svg{width:25px;height:25px;fill:##000;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#008c41;}
	.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: #008c41;background: #008c41;border: 1px solid #008c41;margin-top: 9px;}

}