/* ===================== 图标字体 iconfont ===================== */
@font-face{
    font-family:'iconfont';
    src:url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* ===================== Noto 中文字体 ===================== */
@font-face{
    font-family:'noto';
    src:url('../fonts/noto.woff2') format('woff2'),
        url('../fonts/noto.woff') format('woff'),
        url('../fonts/noto.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}

/* ===================== Inter 标准版（英文正文、按钮、副标题） ===================== */
/* Regular‑400 常规 */
@font-face{
    font-family:'inter';
    src:url('../fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style:normal;
    font-display: swap;
}
/* Medium‑500 中等（按钮文字） */
@font-face{
    font-family:'inter';
    src:url('../fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style:normal;
    font-display: swap;
}
/* Bold‑700 粗体 */
@font-face{
    font-family:'inter';
    src:url('../fonts/Inter-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style:normal;
    font-display: swap;
}

/* ===================== Inter‑Display 大屏标题专用（Banner大字） ===================== */
@font-face{
    font-family:'inter-display';
    src:url('../fonts/InterDisplay-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style:normal;
    font-display: swap;
}

/* ===================== num 数字字体（电话号码） ===================== */
@font-face{
    font-family:'num';
    src:url('../fonts/num.woff2') format('woff2'),
        url('../fonts/num.woff') format('woff'),
        url('../fonts/num.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}

/* ===================== HarmonyOS Sans 鸿蒙字体【转换完成后启用】 ===================== */
/*
@font-face {
    font-family: "hongmeng";
    src: url("../fonts/hongmeng-regular.woff2") format('woff2'),
         url("../fonts/hongmeng-regular.woff") format('woff'),
         url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format('truetype');
    font-weight: 400;
    font-style:normal;
    font-display: swap;
}
*/

/* ===================== 中文网站全局Body字体定义 ===================== */
/*body{
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
    font-weight:400;
    line-height:1.6;
    color:#333333;
	font-size:15px;
}*/

/* ===================== 英文网站全局Body字体定义 ===================== */
body{
    font-family:'inter', Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight:400;
    line-height:1.6;
    color:#333333;
	font-size:15px;
}

/* ===================== 业务调用示例样式 ===================== */
/*Banner英文大标题*/
.banner-title{
    font-family:'inter-display',sans-serif;
    font-weight:700;
}
/*副标题*/
.banner-subtitle{
    font-family:'inter',sans-serif;
    font-weight:400;
}
/*按钮文字*/
.btn-text{
    font-family:'inter',sans-serif;
    font-weight:500;
}
/*中文正文（如需混排中文，单独给容器加这个类）*/
.page-content-cn{
    font-family:'noto','inter', Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
/*电话号码*/
.tel-number{
    font-family:'num',sans-serif;
    font-size:22px;
    letter-spacing:2px;
}

html {
  font-size: 62.5%; /* 1rem = 10px，16*0.625=10 */
  scroll-behavior: smooth;/*所有锚点跳转都自动平滑滚动*/
}

body {
	--f14: 1.4rem;   /*14px*/
	--f16: 1.6rem;   /*16px*/
	--f18: 1.8rem;   /*18px*/
	--f20: 2.0rem;   /*20px*/
	--f22: 2.2rem;   /*22px*/
	--f24: 2.4rem;   /*24px*/
	--f26: 2.6rem;   /*26px*/
	--f28: 2.8rem;   /*28px*/
	--f30: 3.0rem;   /*30px*/
	--f32: 3.2rem;   /*32px*/
	--f34: 3.4rem;   /*34px*/
	--f36: 3.6rem;   /*36px*/
	--f38: 3.8rem;   /*38px*/
	--f40: 4.0rem;   /*40px*/
	--f42: 4.2rem;   /*42px*/
	--f44: 4.4rem;   /*44px*/
	--f46: 4.6rem;   /*46px*/
	--f48: 4.8rem;   /*48px*/
	--f50: 5.0rem;   /*50px*/
	--f52: 5.2rem;   /*52px*/
	--f54: 5.4rem;   /*54px*/
	--f56: 5.6rem;   /*56px*/
	--f58: 5.8rem;   /*58px*/
	--f60: 6.0rem;   /*60px*/

	
}

/* 大屏 <1520px */
@media screen and (max-width: 1520px) {
	body {
		--f14: 1.2rem;  /*原12px*/
		--f16: 1.4rem;  /*原14px*/
		--f18: 1.5rem;  /*原15px*/
		--f20: 1.7rem;  /*原17px*/
		--f22: 1.8rem;  /*原18px*/
	}
}

/* <1200px */
@media screen and (max-width: 1200px) {
	body {
		--f22: 1.8rem;  /*原18px*/
		--f24: 1.8rem;  /*原18px*/
		--f26: 2.0rem;  /*原20px*/
		--f28: 2.2rem;  /*原22px*/
		--f30: 3.6rem;
		--f32: 3.6rem;
		--f34: 3.8rem;
		--f36: 4.0rem;
		--f38: 4.0rem;
		--f40: 4.0rem;
		--f42: 4.0rem;
		--f44: 4.0rem;
		--f46: 4.0rem;
		--f48: 4.0rem;
		--f50: 5.0rem;
		--f52: 4.0rem;
		--f54: 4.2rem;
		--f56: 4.2rem;
		--f58: 5.2rem;
		--f60: 5.4rem;

		
	}
}

/* 移动端 <767px */
@media screen and (max-width: 767px) {
	body {
		--f14: 2.6rem;
		--f16: 2.8rem;
		--f18: 2.8rem;
		--f20: 3.0rem;
		--f22: 3.2rem;
		--f24: 3.4rem;
		--f26: 3.4rem;
		--f28: 3.6rem;
		--f30: 4.0rem;
		--f32: 4.0rem;
		--f34: 4.0rem;
		--f36: 4.0rem;
		--f38: 4.0rem;
		--f40: 4.2rem;
		--f42: 4.2rem;
		--f44: 4.2rem;
		--f46: 4.2rem;
		--f48: 4.2rem;
		--f50: 4.2rem;
		--f52: 4.2rem;
		--f54: 4.4rem;
		--f56: 4.6rem;
		--f58: 4.6rem;
		--f60: 4.8rem;
	}
}

:root{--hei:#252e36;--hong:#e53130;--cheng:#f26c29;--huang:#fdc228;--hui:#787878;--bai:#fff;--line:#ececec;--bghui:#f2f4f6;--shadow: 0 16px 40px rgba(15,45,75,.10);}

