/* white logo only used in mobile nav, hidden on desktop */
.sp_logo_white { display: none; }
/*------------------------------  顶部通用-------------------------------*/
.sticky-nav{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;background: #f5f7fa;box-shadow: 0 1px 3px rgba(0,0,0,0.08);border-bottom: 1px solid #e5e7eb;transition: all 0.3s;}
.sticky-nav .top{display: flex;justify-content: space-between;align-items: center;}
.sticky-nav .top .logo{width: 200px;}
.sticky-nav .top .logo a{}
.sticky-nav .top .logo img{height: 58px;transition: all 0.3s;}
.sticky-nav .top .logo img:hover{transform: scale(1.03);}

/*导航*/
.navBar{width: 58%;background: transparent;}
.nav{position:relative;font-size:16px;z-index:2;margin: 0;display: flex;justify-content: center;}
.nav .m{display: inline-block;position:relative;z-index:1;text-align: center;width: 16%;}
.nav .m h3{font-size:100%;font-weight:normal;margin: 28px auto;}
.nav h3 a{display:block;text-transform: uppercase;font-size: 16px;color: #4b5563;font-weight: 600;letter-spacing: 0.5px;padding: 6px 16px;border-radius: 6px;transition: all 0.3s;position: relative;}
.nav h3 a:hover{color:#096a3d;}
/* 底部渐变线 */
.nav h3 a::after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#096a3d,#10b981);transition:all 0.3s;transform:translateX(-50%);border-radius:2px;}
.nav h3 a:hover::after{width:70%;}
/* 绿色小帽子 - 顶部装饰 */
.nav h3 a::before{content:"";position:absolute;top:0;left:50%;width:0;height:6px;background:linear-gradient(90deg,#096a3d,#10b981,#059669);border-radius:0 0 8px 8px;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);transform:translateX(-50%);box-shadow:0 2px 6px rgba(5,150,105,0.0);opacity:0;}
.nav h3 a:hover::before{width:50%;opacity:1;box-shadow:0 3px 10px rgba(5,150,105,0.4);}
.nav .active a{color:#096a3d;background:rgba(9,106,61,0.08);}
.nav .active a::after{width:70%;}
.nav .active a::before{width:50%;opacity:1;box-shadow:0 3px 10px rgba(5,150,105,0.4);}

.nav .sub{display:none;position:absolute;left:-19px;top:80px;z-index:1;width:185px;border-top:0;background:#fff;box-shadow: 0 4px 16px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;}
.nav .sub li{text-align:center;height: 42px; line-height: 42px;}
.nav .sub li a{display:block;color:#4b5563;font-size:14px;text-transform: capitalize;transition:all 0.2s;}
.nav .sub li a:hover{background:#096a3d;color:#fff;}
.nav .sub li .sub-two{position: absolute;width:135px;border-top:0;background:#fff;box-shadow: 0 4px 16px rgba(0,0,0,0.1);left: 100%;top: 0;
display: none;border-radius:8px;}
.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: 0 2px 8px rgba(0,0,0,0.1);
	background-color: rgba(245,247,250,0.95);
	backdrop-filter: blur(10px);
}

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

.top-r{display: flex;justify-content: right;align-items: center;}
.top-r ul{text-align: right;margin-right: 12px; margin-top: 0;}
.top-r ul li{display: inline-block;font-size: 14px;padding: 8px;
    line-height: 0px;}
.top-r ul li a{color: #4b5563;font-weight: 500;transition:color 0.3s;}
.top-r ul li a:hover{color: #096a3d;}
.top-r ul li:nth-child(1){border-right: 1px solid #d1d5db;}
.top-ss{}
.top-ss .dropdown{}
.top-ss .dropdown .btn{width: 44px;height: 44px;background: #096a3d;border-radius: 50%;transition:all 0.3s;}
.top-ss .dropdown .btn:hover{background:#07553a;transform:scale(1.05);}
.top-ss .dropdown-menu{left: auto;right: 0;margin: 0;top: 63px;padding: 0;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.top-r .top-ss .dropdown-menu li{padding: 0;border: none;}
.top-ss .dropdown-menu form{width: 300px;display: flex;justify-content: space-between;line-height: 45px;}
.top-ss .dropdown-menu form input{width: 80%;background: none;border: none;padding-left: 10px;font-size: 14px;color:#333;}
.top-ss .dropdown-menu form button{width: 20%;background: #096a3d;border: none;border-radius:0 8px 8px 0;}

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

@media screen and (max-width:1650px){
	.nav .m{width: 13%;}
	.nav h3 a{margin: 0;}
}

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

}

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

}

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

}

@media screen and (max-width:767px){
	.sticky-nav,.top-1{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}

	.sp_header{background: transparent;box-shadow: none;border-bottom:none;}
	.sp_header,.sjj_nav{display: block;}
	.sp_header{
		height: 80px;
		overflow: hidden;
		z-index: 99999;
		width: 100%;
		position: absolute;
		top: 0;
	}
	.sp_logo{padding:10px 10px;float:left;}
	.sp_logo img {max-height: 58px;}
	.sp_logo .sp_logo_white { display: inline-block !important; max-height: 58px; visibility: visible !important; opacity: 1 !important; }
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:28px}
	.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.on .sp_nav span{background: #fff;}
	.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(10,14,23,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);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:100px;overflow:hidden;line-height:30px;margin-top:11px;}
	.sjj_nav>ul>li:first-child .language a{width:49px;float:left;border-left:1px rgba(255,255,255,0.15) solid;text-align:center;color:rgba(255,255,255,0.7);padding: 0;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px rgba(255,255,255,0.1) 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 rgba(255,255,255,0.1) solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:rgba(255,255,255,0.9);width:80%;padding-left: 25px;font-weight:500;}
	.sjj_nav ul li ul li a{color:rgba(255,255,255,0.65);display:block;text-align:left;font-weight:400;}
	.sjj_nav ul li i svg{width:35px;height:20px;fill:rgba(255,255,255,0.5);}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#34d399;}
	.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 rgba(255,255,255,0.08) solid;padding-left: 30px; padding-left: 18px;line-height: 40px;}
}
@media screen and (max-width:640px){

}