﻿body {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-right:0px;
	font-family:"Microsoft YaHei";
	font-family: "微软雅黑";
	font-size:18px;
	color:#2B2B2B;
	background-color: #f2f5fe;

}

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }

img{
	font-size: 0px;
	margin: 0px; 
	padding: 0px;
}

a:link {
	color:#2B2B2B;
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
a:visited  {
	color:#2B2B2B;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
a:hover {
	color: #408ede;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
a:active {
	color: #408ede;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}



ul{
list-style:none; 
margin:0;
padding:0;
}

.clear{ clear: both;}


/* Top区样式 */
        .top {
            width: 100%;
            height: 160px;
            background-image: url(/imgfiles/bg_top.png);
            background-position: center;
            background-size: auto 160px;
            background-repeat: no-repeat;
        }
        
        .top-container {
            width: 1300px;
            margin: 0 auto;
        }
        
        .top-bar {
            height: 30px;
            line-height: 25px;
            font-size: 16px;
            padding-top: 10px;
			color: #0464a1;
        }
        
        .top-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 110px;
        }
        
        .logo {
            width: 420px;
            height: 100px;
           margin-top: 30px;/* 替换为实际logo图片 */
        }
        
        .search {
            width: 420px;
            height: 68px;
            background-color: rgba(106,141,181,0.4);
            border-radius: 6px;
            display: flex;
            align-items: center;
            padding: 0 20px;
			
        }
		
        
        .search input {
            flex: 1;
            height: 40px;
            border: none;
            background: white;
            padding: 0 15px;
            border-radius: 10px 0 0 10px;
            outline: none;
			font-size: 16px;
			
        }
        
        .search button {
            width: 50px;
            height: 40px;
            background: #f3b700;
            border: none;
            border-radius: 0 8px 8px 0;
            color: white;
            cursor: pointer;
        }
        
        /* 菜单区样式 */
        .menu {
            width: 100%;
            height: 68px;
            background-color: #1a6ec6;
        }

.a_menu:link {
	color:#FFFFFF;
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_menu:visited  {
	color:#FFFFFF;
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_menu:hover {
	color: #feffa3;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_menu:active {
	color: #feffa3;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}


.a_white:link {
	color:#FFFFFF;
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_white:visited  {
	color:#FFFFFF;
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_white:hover {
	color: #feffa3;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_whiteu:active {
	color: #feffa3;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}

.a_more:link {
	color:#feffa3;
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_more:visited  {
	color:#feffa3;
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_more:hover {
	color: #ffba00;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
.a_more:active {
	color: #ffba00;	
	font-family:"Microsoft YaHei";
	text-decoration: none;
}
        
        .menu-container {
            width: 1300px;
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
        }
        
        .sub_menu-item {
            line-height: 68px;
            color: white;
            font-weight: bold;
            font-size: 22px;
            cursor: pointer;
        }
        
        /* 宣传图片区样式 */
        .banner {
            width: 100%;
        }
        
        .banner img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        /* 内容区样式 */
        .content {
            width: 100%;
            background-color: #f2f5fe;
            padding: 20px 0;
        }
        
        .content-container {
            width: 1340px;
            margin: 0 auto;
            background-color: #FFFFFF;
            padding: 20px;
        }
        
        /* 图标菜单栏样式 */
        .icon-container {
            width: 1300px;
            height: 160px;
            padding: 10px 30px;
            background-image: url(/imgfiles/bg_tb.png);
            
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        
        .menu-item {
            width: 150px;
            height: 140px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        
        .menu-icon {
            width: 85px;
            height: 85px;
            margin-bottom: 5px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        
        .menu-text {
            color: #6692c0;
            font-size: 20px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .menu-item:hover .menu-text {
            color: #0062c8;
            font-weight: bold;
        }
        
        /* 为每个菜单项设置默认图标和悬停图标 */
        .menu-item:nth-child(1) .menu-icon {
            background-image: url(/imgfiles/icon_jqss_01.png); 
        }
        .menu-item:nth-child(1):hover .menu-icon {
            background-image: url(/imgfiles/icon_jqss_02.png);
        }
        
        .menu-item:nth-child(2) .menu-icon {
            background-image: url(/imgfiles/icon_fy_01.png); background-position: center center; background-repeat: no-repeat;
        }
        .menu-item:nth-child(2):hover .menu-icon {
            background-image: url(/imgfiles/icon_fy_02.png); background-position: center center; background-repeat: no-repeat;
        }
        
        .menu-item:nth-child(3) .menu-icon {
            background-image: url(/imgfiles/icon_ms_01.png);
        }
        .menu-item:nth-child(3):hover .menu-icon {
            background-image: url(/imgfiles/icon_ms_02.png);
        }
        
        .menu-item:nth-child(4) .menu-icon {
            background-image: url(/imgfiles/icon_tsms_01.png);
        }
        .menu-item:nth-child(4):hover .menu-icon {
            background-image: url(/imgfiles/icon_tsms_02.png);
        }
        
        .menu-item:nth-child(5) .menu-icon {
            background-image: url(/imgfiles/icon_jqss_01.png);
        }
        .menu-item:nth-child(5):hover .menu-icon {
            background-image: url(/imgfiles/icon_jqss_02.png);
        }
        
        .menu-item:nth-child(6) .menu-icon {
            background-image: url(/imgfiles/icon_zdxm_01.png);
        }
        .menu-item:nth-child(6):hover .menu-icon {
            background-image: url(/imgfiles/icon_zdxm_02.png);
        }
		
		
        
        /* 图片新闻栏目样式 */
        .news-section {
            width: 1300px;
            margin-bottom: 20px;
        }
        
        .section-title {
            font-size: 24px;
            color: #333;
            padding: 10px 0;
            border-bottom: 2px solid #1a6ec6;
            margin-bottom: 15px;
        }

		.photonews-nr {
            
            margin-bottom: 42px;
			height: 70px;
			width: 100%;
			float: left;
        }
        
        .photonews-date {
            width: 75px;
			height: 75px;
			line-height: 50px;
            background-color: #ffb400;
            color: white;
            text-align: center;
            padding: 0px;
			float: left;
			border-radius: 10px;
        }
        
        .photonews-font {
         
            width: 500px;
			float: right;
        }
		
        /* 图片栏目样式 */
        .image-section {
            width: 1300px;
            height: 500px;
            margin-bottom: 20px;
            display: flex;
            flex-wrap: wrap;
        }
        
        .image-row {
            width: 100%;
            height: 250px;
            display: flex;
        }
        
        .image-item {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            transition: all 0.3s ease;
            position: relative;
			background-color: #1b70c9;
        }
        
        .image-item-text {
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
			

        }
        
        .image-item-text h3 {
            font-size: 18px;
            color: #1a6ec6;
            margin-bottom: 10px;
        }
        
        .image-item-text p {
            font-size: 14px;
            color: #FFF;
            line-height: 1.5;
            margin-bottom: 5px;
        }
        
        .image-item-img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: all 0.3s ease;
        }
        
        .image-item:hover .image-item-img {
            transform: scale(1.05);
        }
        
        .image-item:hover {
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }
        
        /* 魅力栏目样式 */
        .charm-section {
            width: 1300px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        
        .charm-column {
            width: 32%;
        }
        
        .charm-image {
            position: relative;
            height: 220px;
            background-color: #ddd;
            margin-bottom: 20px;
        }
        
        .charm-title {
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.5);
            color: #FFFFFF;
			height: 40px;
			line-height: 40px;
			text-align: center;
        }
        
        .news-item {
            display: flex;
            margin-bottom: 10px;
			height: 60px;
        }
        
        .news-date {
            width: 60px;
			height: 50px;
			line-height: 50px;
            background-color: #1a6ec6;
            color: white;
            text-align: center;
            padding: 0px;
        }
        
        .news-content {
            flex: 1;
            padding: 5px 0px 5px 20px;
            
        }
        
        /* 重大项目栏目样式 */
        .project-section {
            width: 1300px;
        }
        
        .project-row {
            display: flex;
            margin-bottom: 20px;
        }
        
        .project-item {
            flex: 1;
            display: flex;
            background-color: #F5F7FA;
            margin-right: 20px;
        }
        
        .project-item:last-child {
            margin-right: 0;
        }
        
        .project-image {
            width: 200px;
            height: 140px;
            background-color: #ddd;
        }
        
        .project-content {
            flex: 1;
            padding: 20px;
        }
        
        .project-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        
        /* Footer区样式 */
        .footer {
            width: 100%;
            height: 210px;
            background-color: #1a6ec6;
        }
        
        .footer-container {
            width: 1300px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            padding-top: 30px;
        }
        
        .footer-info {
            color: white;
            font-size: 16px;
            line-height: 30px;
        }
        
        .footer-qrcode {
          
            height: 120px;
             /* 替换为实际二维码图片 */
        }



.a_blue:link {
	font-family:"Microsoft YaHei"; 
	color:#408ede;
	text-decoration: none;
}
.a_blue:visited  {
	font-family:"Microsoft YaHei"; 
	color:#408ede;
	text-decoration: none;
}
.a_blue:hover {
	font-family:"Microsoft YaHei"; 
	color:#408ede;
	text-decoration: none;
}
.a_blue:active {
	font-family:"Microsoft YaHei"; 
	color:#408ede;
	text-decoration: none;
}



/* 左侧菜单样式 */
        .sidebar {
            width: 280px;

			
        }
        
        .menu-title {
            font-size: 22px;
            color: #2068b5;
            background-image: url(/imgfiles/bg_lmdh.png);
            font-weight: bold;
            border-bottom: 0px solid #c1d9f0;
            text-align: center;
			height: 100px;
			line-height: 80px;
			
        }
        
        .submenu-item {
            font-size: 18px;
            color: #2068b5;
			font-weight: bold;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            border: 2px solid #9cbce8;
            text-align: center;
            padding: 0 20px;
			background-color: #FFFFFF;
			margin-bottom: 10px;
        }
        
        .submenu-item:hover, .submenu-item.active {
            background-color: #0077f0;
            color: white;
            font-weight: bold;
        }
        
        /* 右侧内容区样式 */

        
        .content-title {
            font-size: 24px;
			line-height: 60px;
			height: 60px;
            color: #333;
            padding-bottom: 15px;
            border-bottom: 2px solid #8caae6;
            margin-bottom: 20px;
        }
        
        .article-list {
            list-style: none;
        }
        
        .article-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
            border-bottom: 1px dashed #cacaca;
			line-height: 30px;
			
        }
        
        .article-item a {
            display: flex;
            align-items: center;
            color: #333;
            text-decoration: none;
            font-size: 18px;
            flex-grow: 1;
			
        }
        
        .article-item a:hover {
            color: #0077f0;
        }
        
        .article-item a::before {
            content: "▶";
            font-size: 12px;
            color: #0077f0;
            margin-right: 10px;
        }
        
        .article-date {
            color: #999;
            font-size: 14px;
            min-width: 100px;
            text-align: right;
        }

.container {
            display: flex;
            max-width: 1300px;
            margin: 0 auto;
            background-color: #fff;
            overflow: hidden;
        }

.bg_dh{
	height: 50px; line-height: 50px; text-align: left; color: #2B2B2B; margin-bottom: 20px; background-color: #d3ecf8; text-indent: 50px; font-size: 16px;
	background-image: url(/imgfiles/icon_dh.png); background-position: left center; background-repeat: no-repeat;
}
.pic_font_nr{
	color: #606266; font-size: 16px; height: 50px;
}
.pic_font_time{
	text-align: right; font-size: 14px; color: #909399;
}




/* 图片栏目区样式 */

.image-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
        }
        
        .news-image-item {
            width: 400px;
            background-color: #F0F2F5;
            padding: 20px;
            box-sizing: border-box;
            border: 4px solid transparent;
            transition: border-color 0.3s ease;
			margin-bottom: 30px;
        }
        
        .news-image-item:hover {
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }
        
        .image-placeholder {
            width: 355px;
            height: 250px;
            background-color: #ccc;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 16px;
        }
        
        .image-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
            line-height: 1.4;
            height: 50px; /* 确保两行文字高度 */
            overflow: hidden;
        }
        
        .image-more {
            text-align: right;
        }
        
        .image-more a {
            color: #1b70c9;
            text-decoration: none;
            font-size: 14px;
        }
        
        .image-more a:hover {
            text-decoration: underline;
        }
