* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Source Sans Pro', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*渐出*/
.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-size: 0.45rem;
		margin: .7rem 0;
		text-align: left;
		margin-left: 1rem;
		transition: 0.3s ease;
		
	}

	.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.5rem;
		border-bottom: 1px solid #5c6b5b;
		line-height: 0rem;
		/* 确保主菜单文本和.toggle-sign垂直居中 */
	}

	.menu-item a {
		
		text-decoration: none;
		display: block;
		padding: 0 0px;
		font-size: 0.4rem;
		color: #d5d5d5;
		font-weight: 300;
	}

	.wid-1 {
		width: 5.3rem;
	}

	.wid-2 {
		width: 3rem;
	}

	.wid-3 {
		width: 4rem;
	}

	.submenu {
		list-style: none;
		padding: 0;
		margin: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease-out;
		/*background-color: #333;*/
		margin-top: 0.35rem;
		/*margin-bottom: 0.3rem;*/
		margin-bottom: 0.1rem;
	}

	.submenu a {
		padding-left: 0px;
		font-size: 0.4rem;
		color: #d5d5d5;
		line-height: 0.65rem;
		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.4rem;
		color: #999ca0;
		/* 与.menu-item的line-height保持一致 */
		/* 垂直居中 */
		transform: translateY(-50%);
		/* 垂直居中 */
	}

	.toggle-sign::after {
		content: '+';
	}

	.social-media {
		padding: 0px;
		text-align: center;
		margin-top: 0.3rem;
		margin-bottom: 0.5rem;
		border-bottom: 1px solid #5c6b5b;
	}

	.social-media img {
		width: auto;
		height: 0.8rem;
	}

	.legal-info {
		color: #9a9a9a;
		font-size: 0.25rem;
		font-weight: 300;
	}

	/*纯二维码弹出*/
	.w15em-a::after {
		content: url(../img/weixin-en-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-en-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-en-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-en-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-en-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;
	}

	/*导航栏*/
	.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: .075rem;
		font-weight: 300;
	}

	nav.sticky {
		position: fixed;
		top: 0;
		left: 0;
		padding: .0416rem 23%;
		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: 7rem;
		margin-top: 10rem;
		margin: 0 auto;
	}

	.juct-sb {
		justify-content: space-between;
		width: 100%;
		margin-bottom: 0.3rem;
		flex-wrap: wrap;
	}

	.dyfx {
		display: flex;
	}

	.span-leftmg {
		margin-top: .1rem;
	}

	.hand {
		margin-top: 0rem;
		cursor: pointer;
		width: 1.2rem;
	}

	.hand-a {
		margin-top: 0rem;
		cursor: pointer;
		width: 0.6rem;
	}

	.hand-b {
		margin-top: 0rem;
		cursor: pointer;
		width: 1.05rem;
	}

	.hand-c {
		margin-top: 0rem;
		cursor: pointer;
		width: 0.7rem;
	}

	.hand-d {
		margin-top: 0rem;
		cursor: pointer;
		width: 0.95rem;
	}

	.headline>a {
		height: .15rem;
		line-height: .2rem;
		display: block;
	}

	.mt0375em {
		color: #999ca0;
	}

	.mt05em {
		margin-top: .05rem;
	}

	.text075em {
		font-size: .08rem;
		margin-top: 0rem;
		font-weight: 300;
		
	}
	.text075em-1 {
		font-size: .08rem;
		margin-top: 0rem;
		font-weight: 300;
		color: #999ca0;
	}

	.fd-c {
		margin-left: 0.1rem;
	}

	.w15em {
		width: .25rem;
		height: auto;
		margin-right: .04rem;
	}

	.w15em-1 {
		width: .45rem;
		height: auto;
		margin-right: .04rem;
		margin-top: 0.02rem;
	}

	.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-en-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-a:hover::after {
		/* 鼠标悬停时显示二维码 */
		transform: scale(0.8);
		/* 显示二维码 */
		opacity: 1;
		/* 显示二维码 */
		bottom: 0rem;
		right: 0rem;
	}

	.w15em-b::after {
		content: url(../img/weibo-en-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-en-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-en-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-en-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.8rem;
		right: 1.5rem;
	}
}


/*PC底栏(min-width:769px)*/