﻿@charset "utf-8";
/* 页面主体基础样式 */
body { font-size: 16px; background: #F0F0F0; font-family: 微软雅黑, Arial; margin: 0; padding: 0; color: #222; line-height: 2.0; }
ul, li, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, address, footer, header, article, img, nav { margin: 0; padding: 0; line-height: 2.0; list-style-type: none; border: none; font-weight: 400; }
h2, h3 { font-weight: bold; }
input, select, textarea { font-family: 微软雅黑, Arial; font-size: 16px; border: #E5E5E5 solid 1px; padding: 5px; border-radius: 3px; color: #333; cursor: pointer; }
img { border: none; text-align: left; }
div { margin-left: auto; margin-right: auto; }
.clear { clear: both; font-size: 0; visibility: hidden; overflow: hidden; line-height: 0; height: 0; }
.page { margin: 10px 20px; text-align: center; }

/*禁止选中功能*************************************************************
* { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
*************************************************************/

/*友情链接CSS样式*************************************************************/
a:link {font-size:16px; color:#444; line-height:2.0; font-family:微软雅黑, Arial; text-decoration:none;}
a:visited {font-size:16px; color:#444; line-height:2.0; font-family:微软雅黑, Arial; text-decoration:none;}
a:hover {font-size:16px; color:#F30; line-height:2.0; font-family:微软雅黑, Arial; text-decoration:none;}

/* 12px小号灰色链接专用样式 */
a.t12px:link, a.t12px:active, a.t12px:visited { font-size: 12px; color: #CCC; text-decoration: none; }
a.t12px:hover { font-size: 12px; color: #FFF; text-decoration: underline; }

a.baise:link, a.baise:active, a.baise:visited {color:#FFF; text-decoration: none;}
a.baise:hover {color:#8cbfff; text-decoration: underline; }

/* 全屏宽度容器 */
.page100 { width: 100%; margin-bottom: 30px; }
.pagehome { width: 1380px; }
.content{background:#FFF; padding:15px; margin-bottom:30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.leftpage { width: 20%; float: left; background:#FFF; padding:15px; margin-bottom:30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); }
.leftpage h3 { margin: 0; padding: 10px 15px; background: #003399; color: #fff; font-size: 25px; font-weight: bold; }
.rightpage {width: 73.5%; float: right; text-align: left; background:#FFF; padding:15px; margin-bottom:30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.content h3,.rightpage h3 { margin: 0; padding: 10px 15px; font-size: 25px; font-weight: bold; text-decoration: underline; text-decoration-color: #0056a9; text-decoration-thickness: 3px; text-underline-offset: 18px; }
.content dd,.rightpage dd { margin: 0; font-size:14px; color:#999; line-height: 1; padding: 10px 15px; }



.article_16px,.article_18px{width:98%;}
.article_16px li{ background:url(../images/liarticle_16.gif) no-repeat; padding-left:12px; overflow:hidden;  background-position:0px 19px;}
.article_16px li  a{height:43px; line-height:43px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

.article_18px li{background:url(../images/liarticle_18.png) no-repeat; padding-left:30px; overflow:hidden;  background-position:0px 17px;}
.article_18px li  a{height:52px; line-height:52px;  font-size:18px;  width:80%; float:left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.article_18px li .date{ float: right; color:#f33; font-size:13px; width:20%; padding-top:10px; text-align:right;}

.imgart { width: 990px; margin: 30px auto; display: flex; flex-wrap: wrap; gap: 30px; }
.imgart_box { width: calc(33% - 20px); height: 250px; position: relative; overflow: hidden; cursor: pointer; }
.imgart_box img { width: 100%; height: 100%; object-fit: cover; display: block; background-position: center; transition: transform 0.5s ease; }
.imgart_box:hover img { transform: scale(1.1); }
.imgart_box span { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: rgba(0, 80, 160, 0.8); color: #fff; text-align: center; line-height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 2; }

/* 左侧50%宽度浮动布局 */
.index_leftpage { width: 54.5%; float: left; }
.index_rightpage { width: 42%; float: right; text-align: left;}

/* 垂直间距公共类 */
.vpagehome { margin: 50px 0; }

/* 左/右浮动公共工具类 */
.floatleft { float: left; }
.floatright { float: right; }

/* 顶部外层容器 */
.top_top { display: block; position: relative; width: 100%; line-height: 0; }
.head { width: 96%; height: 92px; position:fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.7); z-index: 10; padding: 0 2%; }
.logo { float: left; width: 380px; height: 90px; }

/* 主导导航容器 */
/* 👇 你原来的CSS 100%保留，不动分毫 */
/* 主导导航容器 */
.nav { width: auto; float: right; height: 90px; font-weight: bold; position: relative; z-index:999; }
.nav a { float: left; font-size: 18px; width: 100px; line-height: 90px; text-align:center; text-decoration:none; font-weight:bold;}
.nav a:hover { font-size: 18px; width: 100px; line-height: 90px; text-decoration: none; }
.nav b { font-size: 20px; font-weight: bold; color: #03245c; line-height: 90px; }
.nav ul,.nav li {margin:0; padding:0; list-style:none; }
.nav ul li {float:left; position:relative; }
.nav .subnav {display:none; position:absolute; top:60px; left:0; width:auto; background:#fff; border:1px solid #eee; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.nav ul li:hover .subnav {display:block; }
.nav .subnav li {float:none;}
.nav .subnav a {float:none; font-weight:normal; font-size:14px; display:block; width:160px; line-height:42px; color:#333; text-align:left; padding:0 10px;}
.nav .subnav a:hover {background:#39F; color:#FFF; line-height:42px; font-size:15px;}

/* 页面公共大标题 */
.titles { text-align: center; margin: 30px 0 20px 0; }
.titles big { font-size: 40px; font-weight:900; }
.titles small { font-size: 20px; color: #666; margin-right: 20px; }

/* 文字颜色公共类 */
.fontcolor { color: #FFF; }
.fontcolor_ccc { color: #CCC; }
.fontcolor_red { color: red; }

/* 底部外层容器 */
.bottom { height: 500px; padding-top: 15px; background: url(../images/bottom.png) #0056a9; background-size: cover; margin: 0; }
.bottom small { font-size: 14px; color: #8cbfff; }
.bottom_list { float: left; width: 23%; margin: 1%; }

/* 新闻列表项容器 */
.news_art { width: 99%; height: 79px; margin-bottom: 15px; border-bottom: #CCC dotted 1px; overflow: hidden; }
.news_art_img { width: 100px; float: left; }
.news_art_text { width: 530px; float: right; }
.news_art_text small { font-size: 14px; }


.nybanner {width:100%; height:400px; clear: both; overflow: hidden; margin-bottom:30px; margin-top: 92px; }


/*网站二级导航CSS样式************************************************************/
.snav{width:100%;}
.snav a{display:block; padding-left:35px; height:45px; line-height:45px; margin-bottom:1px; background:#F4F4F4;background-position:15px;}
.snav a:hover{background:#39F;  color:#FFF; text-decoration: none; -webkit-transition: all 0.5s;}
a.hsnav:link {height:45px; line-height:45px; background:#39F; color:#FFF; font-weight:bold;}
a.hsnav:visited {background:#39F;  color:#FFF;}

/* 页面外框细线************************************************************/
.pcontent{margin-bottom:15px;}

/* 显示内容页面************************************************************/
.artshow{width:92%; margin:30px auto;}
.showtitles{line-height:50px; text-align:center; font-weight:bold; font-size:32px; clear:both} 
.showform{text-align:center; border-bottom:#CCCCCC dashed 1px; padding:10px; font-size:12px; color:#999;}
.showcontent{width:96%;font-size:18px; margin-top:10px; text-align:justify; text-justify:inter-ideograph;}
.showcontent img{max-width:100%;}
.showdygb{text-align:right; background:#F0F0F0;padding:5px 15px; margin:30px auto;}
.edits12px{font-size:12px; color:#999; text-align:right; width:96%;}