body{ background:url(../images/2013-03-29_090951.gif) repeat-x;}
#main{ width:1280px; margin:0 auto;}


/*top*/
.top{ background:url(../images/2013-03-29_094329.gif) no-repeat middle center;}
.top span{ display:block; }
.top span a{ display:block; background:url(../images/2013-03-29_090836.gif) no-repeat; width:295px; height:100px; }
.top blockquote{  padding:0; margin:5px; border:0; background:url(../images/2013-03-29_091358.gif) no-repeat; height:62px; line-height:62px; font-size:20px; width:1280px;}
.top blockquote strong{ color:#5a262e; display:block; float:left; height:62px; width:100px; text-align:center; cursor:pointer; padding-right:20px;}
.top blockquote a{ width:100px; height:62px; display:block; float:left; font-size:20px; color:#5a262e; text-align:center; line-height:62px; font-weight:bold; margin-left:1px; color:#5a262e;}
.top blockquote a:hover{ color:#FFF;}
.top blockquote a.on{ background:url(../images/2013-03-29_091359.gif) repeat-x; color:#FFF;}

.in_flash{ padding:2px 0;}
.movePro{ background:url(../images/2013-03-29_092633.gif) repeat-x; height:218px; border:#CCC solid 1px;}
.infiniteCarousel {width: 1098px;position: relative;}
.infiniteCarousel .wrapper {width: 960px; overflow: auto;height: 160px; top: 0; margin:0px auto; padding-top:25px;}
.infiniteCarousel ul li {width:220px; height:160px; text-align:center; float:left; background:#CDC8C8; padding:10px; display:inline-block;}
.infiniteCarousel ul li.on {background:#6A6868;}
.infiniteCarousel ul li a img {width:220px;height:110px;}
.infiniteCarousel ul li p{font-size:14px;color:#666; text-decoration:none; line-height:30px; height:30px; float:left; text-align:center; width:220px; }
.infiniteCarousel ul li p a{font-size:14px; color:#248CCE}
.infiniteCarousel ul li.on p a{ color:#FFF;}
.infiniteCarousel ul li.on p a:hover{ color:#FFF;}
.infiniteCarousel .wrapper ul {width:960px; list-style-image:none;list-style-position:outside;list-style-type:none; margin:0;padding:0;top: 0;}
.infiniteCarousel .wrapper ul li a:hover{color:#1d4897}
.infiniteCarousel ul li a:hover img {border-color: #aaa;}
.infiniteCarousel .arrow {display: block;height:44px;width:22px;text-indent: -999px;position: absolute;top: 87px;cursor: pointer;outline:0;}
.infiniteCarousel .forward {background:url(../images/2013-03-29_092458.gif) no-repeat;right: 23px;}
.infiniteCarousel .back {background:url(../images/2013-03-29_092457.gif) no-repeat;left: 23px;}

.in_s{ border:#CCC solid 1px; background:#FFF url(../images/2013-03-30_081914.gif) repeat-x bottom; height:345px; margin-top:13px; overflow:hidden;}
.in_s div{ height:345px; float:left;}
.in_s .in_s_1{ width:300px; border-right:#CCC solid 1px;}
.in_s .in_s_2{ width:300px; border-right:#CCC solid 1px;}
.in_s .in_s_3{ width:275px; border-right:#CCC solid 1px;}
.in_s .in_s_4{ width:220px;}
.in_s strong{ display:block; background:url(../images/2013-03-29_092405.gif) no-repeat; height:31px; line-height:31px; font-size:14px; font-weight:bold; text-align:left; text-indent:35px; color:#666;}
.in_s .in_s_1 blockquote{ padding:0; margin:0; text-align:center; padding-top:15px;}
.in_s .in_s_1 blockquote ul{ display:block; text-align:left; padding:15px;}
.in_s .in_s_1 blockquote ul li{ height:20px; height:25px;}
.in_s .in_s_1 blockquote ul li a{ color:#666;}
.in_s .in_s_1 blockquote ul li a:hover{ color:#4A8EEA;}
.in_s .in_s_2 blockquote{ padding:0; margin:0; text-align:center; padding-top:15px;}
.in_s .in_s_2 blockquote .in_s_con{ display:block; text-align:left; padding:15px; line-height:24px; color:#666;}
.in_s .in_s_3 blockquote{ padding:0; margin:0; text-align:center;}
.in_s .in_s_3 blockquote a{ display:block; background:url(../images/2013-03-29_092654.gif) no-repeat; height:30px; padding-top:26px; width:121px; float:left; margin-left:11px; font-size:18px; font-weight:bold; color:#335784; margin-top:15px;}
.in_s .in_s_3 blockquote a:hover{ background:url(../images/2013-03-29_092706.gif) no-repeat; color:#FFF;}
.in_s .in_s_4 blockquote{ padding:0; margin:0; text-align:center; padding-top:15px;}

.foot{ background:url(../images/2013-03-29_092057.gif) no-repeat; height:36px; line-height:32px; margin-top:20px; padding-bottom:50px;}
.foot table{ width:100%;}
.foot td{ padding:0 15px; color:#CFCACA;}
.foot td span{ color:#94C2EC;}
.foot td a{ color:#CFCACA;}

/*内页样式*/
.page_in{ padding-top:20px;}
.page_in .pa_left{ width:170px; float:left;}
.page_in .pa_right{ width:915px; padding-left:15px; float:left;}
.page_in .pa_left strong{ background:url(../images/2013-03-29_091941.gif) repeat-x; height:29px; line-height:29px; font-size:14px; text-align:center; display:block; color:#FFF;}
.page_in .pa_left blockquote{ padding:0; margin:0; padding-bottom:3px;}
.page_in .pa_left blockquote a{ background:url(../images/2013-03-30_094641.gif) no-repeat; height:28px; display:block; width:170px; line-height:28px; text-indent:15px; color:#4083AA;}
.page_in .pa_left blockquote.search{ background:#EDEEF0;}
.page_in .pa_left blockquote.search input.t1{ background:#FFF; width:138px; border:#CCC solid 1px;}
.page_in .pa_left blockquote.search input.t2{ background:#3A7CA1; width:50px; height:21px; line-height:21px; text-align:center; border:0 none; font-size:12px; color:#FFF; }
.page_in .pa_right blockquote{ border:#CCC solid 1px; padding:0; margin:0;}
.page_in .pa_right blockquote .pa_title{ background:url(../images/2013-03-29_091955.gif) repeat-x; height:29px; line-height:29px; color:#248CCE; padding-left:10px; font-weight:bold; font-size:14px;}
.page_in .pa_right blockquote .pa_conte{ padding:15px; line-height:180%; font-size:12px; color:#999;}
.page_in .pa_right blockquote .pa_conte .newsdetail-title{ border-bottom:#D8D8D8 solid 1px; margin-bottom:30px;}
.page_in .pa_right blockquote .pa_conte .newsdetail-title h1{ color:#38799F; font-size:18px; padding:0; line-height:50px; text-align:center;}
.page_in .pa_right blockquote .pa_conte .newsdetail-title h6{ color:#999; font-size:12px; padding:0; font-weight:normal; text-align:center; padding-bottom:10px;}
.page_in .pa_right blockquote .pa_anli{ padding:25px; -height:650px; *height:650px; min-height:650px;}
.page_in .pa_right blockquote .pa_anli li{ text-align:center; float:left; width:274px; padding-bottom:20px; padding-left:13px;}
.page_in .pa_right blockquote .pa_anli li a{ display:block; width:260px; height:180px; background:#F2F2F2; padding-top:10px; color:#E05F11; line-height:30px; font-size:13px;}
.page_in .pa_right blockquote .pa_news{ padding:30px; color:#999;}
.page_in .pa_right blockquote .pa_news .line{ border-bottom:#CCC dotted 1px;}
.page_in .pa_right blockquote .pa_news img{ border:#E6E6E6 solid 10px;}
.page_in .pa_right blockquote .pa_news .news_l1{ color:#38799F; font-size:14px; font-weight:bold; line-height:30px;}
.page_in .pa_right blockquote .pa_news .news_l2{ color:#CE0B22; font-size:14px; line-height:30px;}

.page_in .pa_right blockquote .pa_shijue{ padding:23px;}

.sj_b_img{ border:#D8D8D8 solid 8px;}
.movePro1{ background:url(../images/2013-03-29_092633.gif) repeat-x center; height:150px; margin-top:10px;}
.infiniteCarousel1 {width:868px;position: relative;}
.infiniteCarousel1 .wrapper {width: 730px; overflow: auto;height: 130px; top: 0; margin:0px auto; padding-top:10px;}
.infiniteCarousel1 ul li {width:160px; height:130px; text-align:center; float:left; background:#CDC8C8; padding:10px; display:inline-block;}
.infiniteCarousel1 ul li.on {background:#6A6868;}
.infiniteCarousel1 ul li img {width:160px;height:97px; cursor:pointer;}
.infiniteCarousel1 ul li p{font-size:14px;color:#666; text-decoration:none; line-height:30px; height:30px; float:left; text-align:center; width:160px; }
.infiniteCarousel1 ul li p a{font-size:14px; color:#248CCE}
.infiniteCarousel1 ul li.on p a{ color:#FFF;}
.infiniteCarousel1 ul li.on p a:hover{ color:#FFF;}
.infiniteCarousel1 .wrapper ul {width:730px; list-style-image:none;list-style-position:outside;list-style-type:none; margin:0;padding:0;top: 0;}
.infiniteCarousel1 .wrapper ul li a:hover{color:#1d4897}
.infiniteCarousel1 ul li a:hover img {border-color: #aaa;}
.infiniteCarousel1 .arrow {display: block;height:44px;width:22px;text-indent: -999px;position: absolute;top: 57px;cursor: pointer;outline:0;}
.infiniteCarousel1 .forward {background:url(../images/2013-03-29_092458.gif) no-repeat;right: 23px;}
.infiniteCarousel1 .back {background:url(../images/2013-03-29_092457.gif) no-repeat;left: 23px;}


/* 通用 2) CSS（加入到站点样式）以下样式给新加的子菜单用*/
.nav, .nav ul { list-style:none; margin:0; padding:0; }
.nav a { display:block; padding:10px 14px; text-decoration:none; white-space:nowrap; }

/* 横向主菜单 */
.nav--h { display:flex; gap:5px; align-items:center; }
.nav--h > li { position:relative; }

/* 下拉层 */
.nav > li > .submenu {
  position:absolute; left:-5; top:100%;
  min-width:80px; background:#3c21ed border:1px solid #e6e6e6;
  box-shadow:0 6px 18px rgba(0,0,0,.98);
  display:none; z-index:999;

  background:#fff;                 /* 不透明 */
  border:1px solid #e6e6e6;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.nav > li:hover > .submenu,
.nav > li:focus-within > .submenu { display:block; }

/* 二级以上继续右侧展开 */
.submenu li { position:relative; }
.submenu .submenu { left:100%; top:0; }

/* 指示箭头 */
.nav li.has-children > a::after { content:""; margin-left:.35em; font-size:.85em; }
.submenu li.has-children > a::after { content:""; float:right; margin-left:.5em; }

/* 纵向（侧栏）可复用：顶级展开为块级，子级悬停显示 */
.nav--v { display:block; }
.nav--v > li { position:relative; }
.nav--v > li > .submenu { position:static; display:none; border:none; box-shadow:none; }
.nav--v > li:hover > .submenu,
.nav--v > li:focus-within > .submenu { display:block; }


/* === Compact nav overrides (append to the end) === */
:root{
  --nav-gap: -10px;         /* 主菜单项之间的间距（原 20px） */
  --nav-px: 1px;          /* 主菜单左右内边距（原 14px） */
  --nav-py: 6px;           /* 主菜单上下内边距（原 10px） */
  --nav-maxch: 8;          /* 每个菜单项的最大“字符宽度”，超出省略号 */
}

/* 让主菜单 UL 变为收缩宽度，而非占满 100% */
.nav--h{
  display:inline-flex;     /* from: display:flex; */
  gap:var(--nav-gap);
  align-items:center;
  flex-wrap:wrap;          /* 不够宽时允许换行，避免撑破布局 */
}

/* 允许子项可收缩；解决 ellipsis 失效的问题 */
.nav--h > li{
  position:relative;
  min-width:0;             /* 关键：让 flex item 可变窄 */
  flex:0 1 auto;
}

/* 压缩主菜单项尺寸并启用省略号 */
.nav--h > li > a{
  padding:var(--nav-py) var(--nav-px);
  font-size:var(--nav-font);
  line-height:1.25;
  max-width:calc(var(--nav-maxch) * 1ch);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* 子菜单更紧凑 */
.nav > li > .submenu{
  min-width:100px;         /* 原 180px */
}
.submenu a{
  padding:1px 1px;        /* 原 10px 14px */
}

/* 指示箭头更紧凑 */
.nav li.has-children > a::after{ margin-left:.25em; }
.submenu li.has-children > a::after{ margin-left:.25em; }

/* 进一步响应式压缩（可按需要调） */
@media (max-width:1200px){
  :root{ --nav-gap:8px; --nav-px:8px; --nav-maxch:7; }
}
@media (max-width:960px){
  :root{ --nav-gap:6px; --nav-px:6px; --nav-maxch:6; }
}

/* 侧栏版本也可随内容收缩（可选） */
.nav--v{ inline-size:fit-content; }


/* === tighten submenu spacing === 要更紧：把 --submenu-overlap 调到 3~4px，或把 --submenu-item-py 调到 3px。*/
:root{
  --submenu-item-px: 1px;   /* 子菜单项 左右内边距 */
  --submenu-item-py: 1px;   /* 子菜单项 上下内边距 */
  --submenu-font:   13px;   /* 子菜单字体 */
  --submenu-panel-py: 2px;  /* 子菜单面板 顶/底内边距 */
  --submenu-overlap: 2px;   /* 子菜单面板与父项/上级的“贴合”像素（越大越靠近） */
}

/* 与父项的垂直距离更小（贴近） */
.nav > li > .submenu{
  top: calc(100% - var(--submenu-overlap));
  padding: var(--submenu-panel-py) 0;
}

/* 二级以上面板的水平距离更小（贴近） */
.submenu .submenu{
  left: calc(100% - var(--submenu-overlap));
  top: 0;
}

/* 子菜单项更紧凑 */
.submenu a{
  padding: var(--submenu-item-py) var(--submenu-item-px);
  font-size: var(--submenu-font);
  line-height: 1.25;
  white-space: nowrap;
}

/* 去掉可能的默认间距，保证项与项之间无额外空隙 */
.submenu li{ margin:0; }

/* 顶级菜单垂直居中（父项 li 与 a 都用 flex） */
:root{ --nav-h: 56px; } /* 可调 40–56px */

.nav--h{ align-items:center; }            /* UL 内部对齐 */
.nav--h > li{ display:flex; align-items:center; }

.nav--h > li > a{
  display:flex; align-items:center;       /* 文本/箭头垂直居中 */
  height: var(--nav-h);                   /* 固定可点击高度 */
  padding-block: 0;                       /* 取消之前的上下内边距 */
  line-height: 1;                         /* 避免行高干扰 */
}

.nav li.has-children > a::after{ align-self: center; } /* 下拉箭头也居中 */

/* === submenu hover background === */
:root{
  /* 轻量底色（默认） */
  --submenu-hover-bg: #48baf7;
  --submenu-hover-text: inherit;       /* 需要反白就改成 #fff */
  --submenu-focus-ring: 0 0 0 2px rgba(22,119,255,.25);
}

/* 平滑过渡与可选圆角，不改变行高/间距 */
.submenu a{
  transition: background-color .16s ease, color .16s ease;
  border-radius: 4px; /* 如不需要可删 */
}

.submenu a:hover,
.submenu a:focus-visible{
  background: var(--submenu-hover-bg);
  color: var(--submenu-hover-text);
  outline: none;
  box-shadow: var(--submenu-focus-ring); /* 键盘可见性 */
}

/* 若想用品牌色强对比，只改变量即可：
:root{
  --submenu-hover-bg:#1677ff;
  --submenu-hover-text:#fff;
}
*/