body{background-color: #fff; font-size: 14px; }
ul,li{list-style: none; padding: 0;}
ul,p,li{padding: 0; margin: 0;}
a{text-decoration: none; color: #444;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
p{margin-bottom: 0;}
.main{100%}
.w100{width: 100%;}
/* 顶部 */
header {background-color: #fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);  }
.top {width: 1040px;margin: 30px auto 0 auto;}
.nav-bg{background-color: #0058b6;}
.nav-container {display: flex;justify-content: space-between; align-items: center; padding: 0 20px;}
.logo {display: flex; align-items: center; gap: 12px; color: #2c3e50; text-decoration: none; font-weight: 700; font-size: 1.5rem; padding: 15px 0;}
.logo-icon {color: #3498db; font-size: 1.8rem;}
.logo-text {background: linear-gradient(45deg, #3498db, #2c3e50); -webkit-background-clip: text; background-clip: text; color: transparent;}
.nav-menu {display: flex;list-style: none;width: 1070px;margin: 0 auto;}
.nav-item {position: relative; border-left: 1px solid #1a69bd; color: #fff; cursor: pointer;font-size: 16px;}
.nav-link {display: flex;align-items: center; gap: 6px;  color: #fff; text-decoration: none; padding: 12px 28px; font-weight: 500; transition: all 0.3s ease; white-space: nowrap;}
.nav-link:hover {background-color: #173f7a; }
.navyanse{ background:#173f7a; }
 .nav-link i {font-size: 0.9rem; transition: transform 0.3s ease;}
.nav-item:hover .nav-link i { transform: rotate(180deg);}
 /* 二级菜单样式 */  
.submenu {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #fff;
            min-width: 150px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border-radius: 0 0 8px 8px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            list-style: none;
            z-index: 100;
            overflow: hidden;
        }
        
        .nav-item:hover .submenu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .submenu-item {
            border-bottom: 1px solid #f1f1f1;
        }
        
        .submenu-item:last-child {
            border-bottom: none;
        }
        
        .submenu-link {
            display: block;
            padding: 8px 20px;
			font-size: 13px;
			    border-bottom: 1px solid #CCC;
			    vertical-align: middle;
            color: #666;
            text-decoration: none;
            transition: all 0.2s ease;
			text-align: center;
        }
        
        .submenu-link:hover {
			font-weight:bold;    
			display:block;	
			text-decoration:none;		
			background: #CFCFCF;
        }
        
        .submenu-link i {
            margin-right: 10px;
            width: 18px;
            text-align: center;
        }
        
        /* 移动端适配 */
        .hamburger {
            display: none;
            font-size: 1.8rem;
            background: none;
            border: none;
            color: #2c3e50;
            cursor: pointer;
            padding: 10px;
        }
        
        .mobile-menu-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .mobile-menu-overlay.active {
            opacity: 1;
        }
/* 内容 */	
.naxa{border-bottom: 1px solid #cccccc; }
.mb-right{margin-left: 10px; margin-right: 10px;}
.hui-breadcrumb { border-bottom: 1px solid #E5E5E5;overflow: hidden; padding: 10px 0;}
.hui-breadcrumb span { padding: 0 5px;}
.lmttite {color: #0058b6; background: url(../images/jieneng_4-r-1.png) no-repeat 0px 8px; font-size: 20px; font-weight: bold;}
.lmttite span{padding-left: 30px;}
h1.mbtitle {text-align: center; color: #333; font-size: 20px; font-weight: bold;}
.mbxinx{margin: 10px;}
.mbxinx span{margin: 0 15px; color: #666;}
.conmb {padding: 10px 0;}
.conmb p{margin-bottom: 15px;}
.conmb img{max-width: 90%;}
/* dibu */
.hfooter{ width:100%;float:left;background:#0058b6; margin: 0 auto;}
.hfooterin{ width:100%; margin:0 5px;}
.hfooterinleft{ width:200px; float:right; }
.hfooterinleft1{ width:120px; height:36px; margin:15px auto 0px;}
.hfooterinleft2{ width:100px; height:100px; background:#FFF; margin:20px 0 8px 50px;}
.hfooterinleft2 img{ width:100px; height:100px;}
.hfooterinleft3{ width:120px; font-size:12px; color:#fff;margin:0px 0 0 40px;}
.hfooterinright{ width:100%;}
.hfooterinright1{width:100%; margin:20px 0px 5px;}
.hfooterinright1 ul li{ display:block;list-style:none; margin-right:23px; float:left;}
.hfooterinright1 ul li a{ color:#fff; font-size:16px;}
.hfooterinright1 ul li a:hover{ color:#FFF;}
.hfooterinright1 ul li:last-child{ margin-right:0px;}
.hfooterinright2{width:100%; height:150px;float:right; padding-top:5px; border-top:1px solid #ccc;}
.hfooterinright2 ul li{ display:block; height:25px; width:740px; font-size:14px; float:left; line-height:25px; color:#fff; }
.hfooterinright2 ul li em{margin-right:30px; float:left;}
.hfooterinright2 ul li a{color:#fff;}
.hfooterinright2 ul li a:hover{ color:#fff;}
.hfooterinright3{width:100%;float:right; padding-top:20px;}
.hfooterinright3 p{ color:#ffffff; font-size:16px; margin-bottom:10px;font-weight:bold;}
.hfooterinright3 ul li a{ display:block; margin-right:20px; font-size:12px; float:left;color:#cccccc;font-weight:bold;}
.hfooterinright3 ul li a:hover{ color:#cccccc;}
#fenxiangli{width:200px;}
#fenxiang{ display:block; float:left;}


@media (min-width: 768px) {
.main{width: 1070px; margin: 0 auto;}
.mb-ban{width: 100%; height: 459px;}
.mb-left{flex: 0 0 210px;}
.mb-right{flex-grow: 1; padding-left: 52px;}
.jnjsinleft1{ margin-bottom:20px;}
.jnjsinleft1 ul li{list-style:none; width:210px; line-height:35px; background:#f4f4f4; text-align:center; margin-top:10px;}
.jnjsinleft1 ul li a{ display:block; width:210px; line-height:35px;text-align:center;color:#333333; font-weight:bold;}
.jnjsinleft1 ul li a:hover{ background:#61a1f7;color:#FFF;}
.hover{ background:#61a1f7; border:none;color:#FFF;}
.jnjsinleft1 ul li a.hover{ color:#FFF; }
.jnjsinleft2 ul li{list-style:none; width:210px; font-size:12px; margin-top:8px; color:#333; font-weight:bold;padding-left:5px; }
.jnjsinleft2 ul li span{color:#333333; font-weight:bold;}
.jnjsinleft2 ul li span.jnjsl2{ color: #0058b6; font-size: 14px; font-weight: bold;}
.conmb {padding: 20px 0;}

.hfooter{ width:100%;float:left;background:#0058b6; margin: 0 auto;}
.hfooterin{ width:1000px; margin:0 auto;}
.hfooterinright{ width:740px; float:left;}
.hfooterinright1{width:740px;float:right; margin:20px 0px 5px;}
.hfooterinright2{width:740px; height:150px;float:right; padding-top:5px; border-top:1px solid #ccc;}



}


@media (max-width: 768px) {
.nav-menu {
                position: fixed;
                top: 0;
                right: -100%;
                width: 300px;
                height: 100%;
                background-color: #fff;
                flex-direction: column;
                padding-top: 80px;
                transition: right 0.4s ease;
                z-index: 1000;
                overflow-y: auto;
            }
            
            .nav-menu.active {
                right: 0;
            }
            
            .nav-item {
                width: 100%;
				border-left:none
            }
            

            .hamburger {
                display: block;
                z-index: 1001;
            }
            
            .mobile-menu-overlay {
                display: block;
            }
            
            /* 移动端二级菜单 */
            .submenu {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                box-shadow: none;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.4s ease;
                background-color: #f8f9fa;
                border-radius: 0;
                margin-left: 20px;
            }
            
            .submenu.active {
                max-height: 500px;
            }
            
            .nav-item:hover .submenu {
                transform: none;
            }
            
            .submenu-link {
                padding: 15px 25px;
				text-align: left;
            }
            
            .nav-link i.fa-chevron-down {
                transform: rotate(0);
                transition: transform 0.3s ease;
            }
            
            .nav-link i.fa-chevron-down.rotated {
                transform: rotate(180deg);
            }
            .logo-text {
                font-size: 1.3rem;
            }
            
            .content {
                padding: 20px;
            }
            
            .nav-menu {
                width: 100%;
            }
			.navyanse {background-color:transparent;}
			.nav-link {color: #333;}
}