body,html,textarea {
	font-family: "HarmonyOS Sans",PingFangSC,FZLTXHK,arial;
	font-size: 14px
}

body,html {
	outline: 0;
	margin: 0 auto!important;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	min-width: 1240px;
	background-color: transparent
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

sup {
	line-height: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}


blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}



a,a:hover {
	text-decoration: none
}
.LoadMore{  }
.LoadMore a{ background-color: #e3e3e3; font-size: 16px; line-height: 46px; height: 46px; padding:0 36px; display: inline-block; }
html[lang=en] .LoadMore a{ padding-left:0; padding-right:0; text-align: center; width: 112px; }
.LoadMore a:hover{ background-color: #c7c7c7; }
@font-face {
	font-family:'FZQKBYSJW--GB1-0';src:url(../images/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf)
}

@font-face {
	font-family:'DINPro-Bold';src:url(../images/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf)
}

@font-face {
	font-family:'DINPro-Medium';src:url(../images/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf)
}

@media screen and (max-width:767px) {
	body,html {
		width: 100vw;
		overflow: hidden;
		overflow-y: scroll;
		min-width: 100vw
	}

	::-webkit-scrollbar,body::-webkit-scrollbar {
		display: none
	}

	* {
		-webkit-tap-highlight-color: transparent
	}

	body * {
		max-height: 999999px
	}
}
/* 尾部整体样式：全局居中，自适应宽度，盒模型优化 */
.new-footer {
	z-index: 10000;
    width: 100%;   
    margin: 0 auto; /* 整体水平居中，实现居中效果 */
    padding: 50px 20px 20px 20px; /* 左右内边距自适应，移动端不拥挤 */
    box-sizing: border-box;
    background-color: #121416;
    
}

/* 第一行：导航+联系信息（紧凑居中，Flex布局核心） */
.new-footer-first-row {
    display: flex;
	
    justify-content: center; /* 整体内容水平居中 */
    align-items: flex-start;
    gap: 60px; /* 左右模块紧凑靠拢，替代margin，间距更可控 */
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #272b2f;
    flex-wrap: wrap; /* 自动换行，为移动端适配打下基础 */
}

/* 左侧导航栏目：紧凑排列，自适应 */
.new-footer-nav {
    display: flex;
    gap: 120px; /* 导航栏目之间紧凑间距，比原版缩小，更靠拢 */
    flex-wrap: wrap; /* 平板端导航自动换行 */
    justify-content: center; /* 导航自身也居中，保证整体紧凑感 */
}

.new-footer-nav-column .new-footer-nav-title {
    font-size: 16px;
    font-weight: bold;
    color: #ededed;
    margin-bottom: 15px;
}

.new-footer-nav-submenu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new-footer-nav-submenu a {
    font-size: 14px;
    color: #6c757d;
    text-decoration: none;
    transition: color 0.3s;
}

.new-footer-nav-submenu a:hover {
    color: #007bff;
}

/* 右侧联系信息：与导航紧凑靠拢，自适应 */
.new-footer-contact-info {
    display: flex;
    gap: 30px; /* 联系项之间紧凑间距 */
    flex-wrap: wrap; /* 移动端联系信息自动换行 */
    justify-content: center; /* 联系信息自身居中，保证整体紧凑 */
}

.new-footer-contact-item {
    text-align: left; /* 改为左对齐，与导航视觉统一，更紧凑 */
    min-width: 180px; /* 保证联系信息模块最小宽度，不挤压 */
}

.new-footer-contact-title {
    font-size: 15px;
    font-weight: bold;
    color: #212529;
    margin-bottom: 10px;
}

.new-footer-contact-item a {
    display: block;
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
    margin-bottom: 8px;
}

.new-footer-contact-item div {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 5px;
}

/* 第二行：Logo（居中展示，自适应大小） */
.new-footer-logo-row {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
    margin-bottom: 30px;
}

.new-footer-logo {
    height: 35px;
    max-height: 55px; /* 限制最大高度，避免过大 */
    width: auto; /* 宽高比自适应，不拉伸 */
    object-fit: contain;
}

/* 第三行：版权信息（居中展示，自适应换行） */
.new-footer-copyright-row {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.new-footer-copyright-content {
    font-size: 13px;
    color: #6c757d;
    line-height: 1.8; /* 行高优化，移动端换行更美观 */
}

.new-footer-copyright-content a {
    color: #6c757d;
    text-decoration: none;
    margin: 0 5px;
}

.new-footer-copyright-content a:hover {
    color: #007bff;
    text-decoration: underline;
}

/* 媒体查询：平板端（768px - 1024px）适配 */
@media screen and (max-width: 1024px) {
    .new-footer-first-row {
        gap: 40px; /* 缩小左右模块间距，更紧凑 */
    }
    .new-footer-nav {
        gap: 30px; /* 导航栏目间距缩小 */
    }
    .new-footer-logo {
        height: 45px; /* Logo适当缩小 */
    }
}

/* 媒体查询：移动端（≤767px）适配（核心：自动堆叠，不拥挤） */
@media screen and (max-width: 767px) {
    .new-footer-first-row {
        flex-direction: column; /* 左右模块垂直堆叠，避免横向拥挤 */
        gap: 30px; /* 垂直间距适中 */
        align-items: center; /* 堆叠后依然居中 */
    }
    .new-footer-nav {
        gap: 25px; /* 导航栏目间距进一步缩小 */
        justify-content: center;
    }
    .new-footer-contact-info {
        gap: 25px;
        justify-content: center;
        width: 100%; /* 占满宽度，居中更美观 */
    }
    .new-footer-contact-item {
        text-align: center; /* 移动端联系信息居中，视觉更统一 */
    }
    .new-footer-logo {
        height: 40px; /* Logo进一步缩小，适配手机屏幕 */
    }
    .new-footer-copyright-content {
        font-size: 12px; /* 版权文字缩小，避免换行过多 */
    }
}