@charset "utf-8";
/************   reset *********************/
*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
body {
	background: #f9f9f9;
}/*font-family: 'Noto Sans KR', sans-serif*/
html, body{
overscroll-behavior: none;
}
h1, h2, h3, h4, h5, h6 {font-weight:600}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure,  figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr {margin:0; padding:0;border:0}
img {border: 0; vertical-align: top}
ul li, ol li {list-style: none}
em, address {font-style:normal}
fieldset {border: 0}
table {border-spacing:0;border-collapse: collapse}
*+html table {border-collapse:collapse;}
caption {overflow: hidden; width: 0; height: 0; font-size: 0}
img, fieldset, button {border: 0; padding: 0px}
input, select {vertical-align: middle}
legend {width: 0;height: 0;font-size: 0;position: absolute;overflow: hidden;} 
button {border: 0;cursor: pointer;background: none}
a {text-decoration: none; cursor: pointer;color: #666}
.hidden, legend, caption {width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
.clearfix:after {content: "";display: block;clear: both}
input[type="text"], input[type="submit"],input[type="password"], select, textarea {-webkit-appearance: none;}
[type=checkbox], [type=radio] {box-sizing: border-box;padding: 0;margin: 0}

:root {
  --primary-color: #1B548D;
  --secondary-color: #379ef1;
  --accent-color: #FF6B6B;
  --text-color: #333;
  --light-gray: #f8f9fa;
  --border-color: #e5e5e5;
  --gradient-blue: linear-gradient(180deg, rgb(49 119 205) 0%, rgb(9 164 229) 100%);/*linear-gradient(180deg, #3177cd 0%, #09a4e5 100%);*/
  --success-color: #4CAF50;
  --warning-color: #FF9800;
  --danger-color: #F44336;
  --text-dark: #333;
  --text-medium: #666;
  --text-light: #999;
  --bg-light: #f5f7fa;
  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}


button, input {
    -webkit-appearance: none;
    border-radius: 0;
}

/* 全局字体标准化 */
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Noto Sans", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Heiti SC", "Arial", sans-serif !important;
  font-size: 1rem; /* 16px */
  line-height: 1.5; /* 优化可读性 */
}

/* 全局容器设置 */
.container {
  max-width: 1200px;
  width: 100%;
  padding: 0;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* 确保header容器也遵循1200px限制 */
.header .container {
  max-width: 1200px;
}

/* 主导航容器 */
.main-navigation .container {
  max-width: 1200px;
}

/* 主要内容区容器 */
.main-content .container {
  max-width: 1200px;
}

/* 页脚容器 */
.footer .container {
  max-width: 1200px;
}

/* 响应式调整 */
@media (max-width: 1200px) {
  .container {
  	padding: 0;
    padding-right: 15px;
    padding-left: 15px;
  }
}