* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "阿里巴巴普惠体 2.0 55 Regular,阿里巴巴普惠体 2.0 45 Light,Source Sans Pro,sans-serif,open sans";
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "阿里巴巴普惠体 2.0 55 Regular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/tnHfFx9mhLYD/uP7TloDCjxxX.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/tnHfFx9mhLYD/qno6Fgft3ma1.woff") format("woff");
	font-display: swap;
  }
  @font-face {
	font-family: "阿里巴巴普惠体 2.0 45 Light";font-weight: 300;src: url("//at.alicdn.com/wf/webfont/tnHfFx9mhLYD/XnL2iXlVQgyD.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/tnHfFx9mhLYD/MvYnYewz6WIn.woff") format("woff");
	font-display: swap;
  }

/*渐出*/
.flag {
	opacity: 0;
	filter: blur(5px);
	transition: all 1s;
	transform: translateY(15%);
	font-size: 0;
}
.active {
	opacity: 1;
	filter: blur(0);
	transform: translateY(0);
	font-size: 0;
}

/*手机*/

@media(max-width:768px) {
	.hide1080{
		display: none;
	}
	/*导航栏*/
	.header-a {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 1.2rem;
		padding: 0.5rem 8%;
		background: rgba(73, 90, 72, 1);
		display: flex;
		justify-content: space-between;
		align-items: center;
		z-index: 999;
	}
	.logo-a img {
		height: 0.9rem;
		width: auto;
		margin-top: 0.3rem
	}
	.navbar-a {
		position: absolute;
		top: 100%;
		padding-top: 0;
		left: 0;
		width: 100%;
		height: 0;
		background: rgba(73, 90, 72, 0.6);
		z-index: 1;
		backdrop-filter: blur(20px);
		overflow: hidden;
		transition: 0.6s;
	}
	.navbar-a a {
		display: block;
		color: #E5E5E5;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 0.4rem;
		margin: .7rem 0;
		text-align: left;
		margin-left: 1rem;
		transition: 0.3s ease;
		font-weight: 400;
	}
	.navbar-a a:hover {
		color: greenyellow;
	}
	.icons>img {
		width: 1rem;
		height: auto;
		margin-top: 0.2rem;
	}
	#check:checked~.icons .menu-icon {
		display: none;
	}
	.close-menu {
		display: none;
	}
	#check:checked~.icons .close-menu {
		display: block;
		/* 当checkbox被选中时，显示关闭图标 */
	}
	#check:checked~.navbar-a {
		height: 100vh;
	}
	#check {
		display: none;
		cursor: pointer;
	}
	
	
			
	/*手机底栏*/
	.footer-a {
		background-color: #495A48;
		/*padding: 3rem 10%;*/
		text-align: left;
	}
	.menu-container {
		background-color: #495A48;
		color: white;
		padding: 0rem 10%;
		padding-top: 1.5rem;
		padding-bottom: 0.5rem;
		margin-top: 0rem;
		overflow: hidden;
		max-height: 100vh;
		transition: max-height 0.5s ease-out;
	}
	.menu {
		list-style: none;
		/*padding: 0;
 	margin: 0;*/
	}
	.menu-item {
		position: relative;
		/*padding: 0 0;*/
		margin-bottom: 0.3rem;
		border-bottom: 1px solid #5c6b5b;
		line-height: 0rem;
		/* 确保主菜单文本和.toggle-sign垂直居中 */
		margin-top: .4rem
	}
	.menu-item a {
		text-decoration: none;
		display: block;
		padding: 0 0px;
		font-size: 0.35rem;
		color: #d5d5d5;
		font-weight: 300;
	}
	.submenu {
		list-style: none;
		width: 4.5rem;
		padding: 0;
		margin: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease-out;
		/*background-color: #333;*/
		margin-top: .3rem;
		/*margin-bottom: 0.3rem;*/
		margin-bottom: 0.1rem;
	}
	.submenu a {
		padding-left: 0px;
		font-size: 0.35rem;
		color: #d5d5d5;
		line-height: 0.5rem;
		font-weight: 300;
	}
	.submenu a:hover {
		color: greenyellow;
	}
	.menu-item.expanded>.submenu {
		max-height: 500px;
		/* Adjust this value if needed */
	}
	.menu-item.expanded .toggle-sign::after {
		content: '-';
		top: 50%;
	}
	.toggle-sign {
		position: absolute;
		right: 0px;
		cursor: pointer;
		line-height: 1.5;
		font-size: 0.35rem;
		color: #999ca0;;
		/* 与.menu-item的line-height保持一致 */
		/* 垂直居中 */
		transform: translateY(-50%);
		/* 垂直居中 */
	}
	.toggle-sign::after {
		content: '+';
	}
	.social-media {
		padding: 0px;
		text-align: center;
		margin-top: 0rem;
		margin-bottom: 0.5rem;
		border-bottom: 1px solid #5c6b5b;
	}
	.social-media img {
		width: auto;
		height: 0.8rem;
	}
	.legal-info {
		color: #9a9a9a;
		font-size: 0.2rem;
		font-weight: 300;
	}
	/*纯二维码弹出*/
	.w15em-a::after {
		content: url(../img/weixin-er.png);
		position: fixed;
		top: 10;
		left: 10;
		right: 10;
		bottom: 3.31rem;
		/*background-color: rgba(0, 0, 0, 0.8);*/
		/* 半透明遮罩 */
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1000;
		/* 确保遮罩在其他内容之上 */
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-a:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.5);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
	}
	.w15em-b::after {
		content: url(../img/weibo-er.png);
		position: fixed;
		top: 10;
		left: 10;
		right: 10;
		bottom: 3.31rem;
		/*background-color: rgba(0, 0, 0, 0.8);*/
		/* 半透明遮罩 */
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1000;
		/* 确保遮罩在其他内容之上 */
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-b:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.5);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
	}
	.w15em-c::after {
		content: url(../img/dou-er.png);
		position: fixed;
		top: 10;
		left: 10;
		right: 10;
		bottom: 3.31rem;
		/*background-color: rgba(0, 0, 0, 0.8);*/
		/* 半透明遮罩 */
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1000;
		/* 确保遮罩在其他内容之上 */
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-c:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.5);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
	}
	.w15em-d::after {
		content: url(../img/xiao-er.png);
		position: fixed;
		top: 10;
		left: 10;
		right: 10;
		bottom: 3.31rem;
		/*background-color: rgba(0, 0, 0, 0.8);*/
		/* 半透明遮罩 */
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1000;
		/* 确保遮罩在其他内容之上 */
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-d:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.5);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
	}
	.w15em-e::after {
		content: url(../img/bili-er.png);
		position: fixed;
		top: 10;
		left: 10;
		right: 10;
		bottom: 3.31rem;
		/*background-color: rgba(0, 0, 0, 0.8);*/
		/* 半透明遮罩 */
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1000;
		/* 确保遮罩在其他内容之上 */
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-e:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.5);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
	}
}


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/


/*PC端*/

@media(min-width:769px) {
	.hide768{
		display: none;
	}
	/*PC导航栏*/
	.top {
		width: 100%;
		height: 0.05rem;
		background: #495A48;
	}
	.header {
		width: 100%;
		background: #495A48;
	}
	nav {
		width: 100%;
		padding: 0rem 0rem;
		top: 0;
		text-align: center;
		z-index: 99;
	}
	#logo {
		width: 0.4rem;
		height: auto;
		margin: .0rem 0rem;
		cursor: pointer;
	}
	nav ul {
		width: 100%;
		margin-top: 0rem;
	}
	nav ul li {
		display: inline-block;
		list-style: none;
		margin: .04rem .13rem;
		font-size: .085rem;
		font-weight: 300;
	}
	nav.sticky {
		position: fixed;
		top: 0;
		left: 0;
		padding: .0416rem 25%;
		background: rgba(73, 90, 72, 0.7);
		display: flex;
		align-items: center;
		justify-content: space-between;
		transition: padding 1s;
	}
	nav.sticky ul {
		width: auto;
	}
	nav.sticky logo {
		width: 10%;
	}
	li {
		list-style: none;
	}
	a {
		text-decoration: none;
		color: #E5E5E5
	}
	a:hover {
		color: greenyellow;
	}
	
	
	/*底栏*/
	.boder-floor {
		border-bottom: 1px solid #5c6b5b;
	}
	.floor-color {
		box-sizing: border-box;
		padding-top: 0.3rem;
		padding-bottom: 0.1rem;
		color: #999ca0;
		background: #495A48;
		position: relative;
		z-index: 1;
	}
	.w675em {
		width: 6.5rem;
		margin-top: 10rem;
		margin: 0 auto;
	}
	.juct-sb {
		justify-content: space-between;
		width: 70%;
		margin-bottom: .2rem;
		flex-wrap: wrap;
	}
	.dyfx {
		display: flex;
	}
	.span-leftmg {
		margin-top: .1rem;
	}
	/*.center {
		margin: 0 auto;
	}*/
	.hand {
		margin-top: 0rem;
		cursor: pointer;
		width: 1rem;
	}
	.hand-a {
		margin-top: 0rem;
		cursor: pointer;
		width: 0.5rem;
	}
	.headline>a {
		height: .15rem;
		line-height: .2rem;
		display: block;
	}
	.mt0375em {
		
		color: #999ca0;
		
	}
	.mt05em {
		margin-top: .05rem;
	}
	.text075em {
		font-size: .08rem;
		margin-top: 1rem;
		font-weight: 300;
		
	}

	.text075em-1 {
		font-size: .08rem;
		margin-top: 1rem;
		font-weight: 300;
		color: #999ca0;
	}
	.fd-c {
		margin-left: 0.2rem;
	}
	.dyfx {
		display: flex;
	}
	.w15em {
		width: .25rem;
		height: auto;
		margin-right: .04rem;
	}
	.w15em-1 {
		width: .45rem;
		height: auto;
		margin-right: .04rem;
		margin-top: 0.03rem;
	}
	.w15em-a {
		margin-right: .04rem;
		position: relative;
	}
	.w15em-b {
		margin-right: .04rem;
		position: relative;
	}
	.w15em-c {
		margin-right: .04rem;
		position: relative;
	}
	.w15em-d {
		margin-right: .04rem;
		position: relative;
	}
	/*纯二维码弹出*/
	.w15em-a::after {
		content: url(../img/weixin-er.png);
		position: absolute;
		right: 0.0rem;
		bottom: 0.1rem;
		z-index: 100;
		border: 0.rem solid #0095ba;
		transform-origin: top right;
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-a:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.8);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
		bottom: 0rem;
		right: 0rem;
	}
	.w15em-b::after {
		content: url(../img/weibo-er.png);
		position: absolute;
		right: 0.0rem;
		bottom: 0.1rem;
		z-index: 99;
		border: 0.rem solid #0095ba;
		transform-origin: top right;
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-b:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.8);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
		bottom: 0rem;
		right: 0rem;
	}
	.w15em-c::after {
		content: url(../img/dou-er.png);
		position: absolute;
		right: 0.0rem;
		bottom: 0.1rem;
		z-index: 99;
		border: 0.rem solid #0095ba;
		transform-origin: top right;
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-c:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.8);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
		bottom: 0rem;
		right: 0rem;
	}
	.w15em-d::after {
		content: url(../img/xiao-er.png);
		position: absolute;
		right: 0.0rem;
		bottom: 0.1rem;
		z-index: 99;
		border: 0.rem solid #0095ba;
		transform-origin: top right;
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-d:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.8);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
		bottom: 0rem;
		right: 0rem;
	}
	.w15em-e::after {
		content: url(../img/bili-er.png);
		position: absolute;
		right: 0.0rem;
		bottom: 0.1rem;
		z-index: 99;
		border: 0.rem solid #0095ba;
		transform-origin: top left;
		transform: scale(0);
		/* 初始状态隐藏二维码 */
		opacity: 0;
		/* 初始状态隐藏二维码 */
		transition: all .6s ease-in-out;
		/* 动画效果 */
	}
	.w15em-e:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.8);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
		bottom: 0.65rem;
		right: 2rem;
	}
}

