@charset "utf-8";
/*-----reset-------*/
html{
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,span,a{
	margin:0;
	padding:0;
}
body,button,input,select,textarea{
	font:14px/1.7 'arial','Libre Baskerville','sans-serif';
}
input,select,textarea{
	font-size:100%;
}
input, select, label {
    vertical-align: middle;
}
table{
	/*border-collapse:collapse;*/
	border-spacing:0;
}
/* IE bug fixed: th*/
th{text-align:inherit;}
fieldset,img{
	border:0;
}
iframe{display:block;}
abbr,acronym{
	border:0;
	font-variant:normal;
}
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500;
}

ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {content:'';}
sub, sup {
    font-size: 75%; 
    line-height: 0; 
    position: relative; 
    vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
a {color:#000;
    text-decoration: none;
}
b,strong {
  font-weight: 600;
}
a:hover {text-decoration:none;}
.clear{clear:both;}
.fl { float:left;}
.fr { float:right;}
input:focus,a:focus {
	outline: none;
}
a {blr:expression(this.onFocus=this.close());}
a {blr:expression(this.onFocus=this.blur());}

:root {
    /* 颜色 */
    --c-primary: #004d38;          /* 主色（深绿） */
    --c-primary-light: #c8f8a9;    /* 主色浅色 */
    --c-accent-green: #c8f8a9;     /* 强调绿（按钮背景） */
    --c-accent-text: #084734;      /* 强调文字（按钮文字） */
    --c-secondary: #1a3b69;        /* 辅助色（深蓝导航） */
    --c-bg: #ffffff;               /* 页面背景 */
    --c-bg-alt: #f2f5f1;          /* 交替区块背景（浅绿） */
    --c-bg-gray: #d0d0d0;         /* 灰色占位 */
    --c-bg-gray-light: #e1e1e1;   /* 浅灰占位 */
    --c-text: #020202;             /* 正文色 */
    --c-text-secondary: #4f4f4f;   /* 辅助文字 */
    --c-border: #e0e0e0;          /* 边框色 */
    --c-white: #ffffff;
    --c-footer-bg: #084734;        /* Footer 深绿背景 */
    --c-footer-text: rgba(255, 255, 255, 0.75);

    /* 字号 — clamp() 流式缩放 */
    --fz-hero: clamp(22px, 3.5vw, 76px);
    --fz-h2: clamp(22px, 2.5vw, 47px);
    --fz-h3: clamp(20px, 2vw, 31px);
    --fz-body: clamp(14px, 1.2vw, 20px);
    --fz-body-lg: clamp(16px, 1.3vw, 24px);
    --fz-subtitle: clamp(14px, 1.3vw, 20px);
    --fz-btn: clamp(16px, 1.2vw, 20px);
     --fz-middle: clamp(14px, 1vw, 18px);
    --fz-small: clamp(12px, 1vw, 14px);
    --fz-footer-title: clamp(16px, 1.5vw, 24px);
    --fz-footer-link: clamp(13px, 1vw, 16px);

    /* 行高 */
    --lh-tight: 1.3em;
    --lh-body: 2em;

    /* 间距 — 4px 基数 */
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 16px;
    --sp-lg: 24px;
    --sp-xl: 32px;
    --sp-2xl: 48px;
    --sp-3xl: 64px;
    --sp-section: clamp(40px, 6vw, 100px);

    /* 容器 */
    --container-max: 1400px;

    /* 圆角/阴影/过渡 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-btn: 40px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --transition: 0.3s ease;
    --transition: 0.3s 
ease;
}