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: auto;
            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;
        }
		.nav-item i.fa-circle{font-size: 6px;}
/* banner轮播 */
.banlb{width:100%}
.banlb .banpic{min-height: 200px;}
.banlb .banpic img{width: 100%;}
/* WAP首页 */
/*首页*/
.wap_index_nav{ width:94%; padding:13px 3%;text-align:left;}
.wap_banner{ width:100%; text-align:center;}
.wap_phone{ width:100%; background:#eeeeee;}
.wap_phone p{ display:block;font-size:22px; margin-left:3%;padding:10px 0px; text-align:center;}
.wap_phone p img{ margin-right:10px;}
.wap_phone p span{ color:#0058b6;}

.wap_index_four{ width:94%; margin:15px 3%;background:#ffffff;}
.index_four{ position:relative; display:inline-block; width:100%;}
.index_four ul{font-size:0;}
.index_four ul a{ display:block;width:49%; float:left;background:#0058b6;margin-bottom:10px;}
.index_four ul li{position:relative; width:100%;height:75px;background:#0058b6; text-align:center; color:#ffffff; float:left;}
.index_four ul li p{text-align:left; font-size:14px; color:#ffffff; display:block; padding:15px 0 0 10px;}
#index_four_img{ position:absolute; float:right;}
.index_four ul a:nth-child(1){margin-right:2%;}
.index_four ul a:nth-child(3){width:32%;margin-right:2%;height:140px; text-align:center;}
.index_four ul a:nth-child(4){width:32%;margin-right:2%;height:140px;text-align:center;}
.index_four ul a:nth-child(5){width:32%;height:140px;text-align:center;}
.index_four ul a:nth-child(6){margin-right:2%;}
.index_four ul a:nth-child(1) img{top:10px;right:8%;}
.index_four ul a:nth-child(2) img{top:13px;right:8%;}
.index_four ul a:nth-child(3) img{ margin-top:30px;}
.index_four ul a:nth-child(4) img{ margin-top:27px;}
.index_four ul a:nth-child(5) img{ margin-top:30px;}
.index_four ul a:nth-child(6) img{top:10px;right:8%;}
.index_four ul a:nth-child(7) img{top:17px;right:8%;}

.wap_index_five{ width:100%; background:#eeeeee; position:fixed;z-index:99999; left:0px; bottom:0px; padding:8px 0px;}
.wap_index_five p{ text-align:center;color:#666666; line-height:24px;}

.wap_index_five1{ width:100%; background:#eeeeee;  left:0px;bottom:0px;  padding:2px 0px; }
.wap_index_five1 p{ text-align:center;color:#666666; line-height:24px;}
.wap1{background-color: #9ba3ad;display: block;font-size: 22px;margin-left: 0%;padding: 10px 0px;text-align: center;width: 100%;}
.wap a{color: #ffffff;}
.news_tw{width:100%;background:#ffffff; }
.news_tw ul{margin: 6px;}
.news_tw ul li{width:100%; height:35px; line-height:35px; margin-bottom:3px; background:#eeeeee; padding:0 2%;}
.news_tw ul li a{ display:block;width:100%;color:#666666;}
.news_tw ul li a p{ display:block;width:90%;color:#666666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;}
.news_tw ul li a span{ display:block;width:10%;float:right; text-align:right; color:#666666;}

/* 内容 */	
.naxa{border-bottom: 1px solid #cccccc; }
.mb-right{margin-left: 10px; margin-right: 10px;}
.hui-breadcrumb {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; font-style:normal;}
.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;}
/* 新闻列表 */
.newlist{padding: 20px 0;}
.newlist li{margin-bottom: 10px; line-height: 35px;  padding: 0px 15px; font-size: 14px; background: #f4f4f4;}
.newlist li a{color: #333;}
.newlist li span{color: #999; padding-left: 20px;}
.newlist li i{display: none;}
.list-fenye{ height:35px;padding-top:40px;  text-align:center;}
.list-fenye span{border:1px solid #cccccc; height:28px;display:block; float:left;margin-left:10px;padding:0px 10px;color:#333;line-height:28px;}
.list-fenye a{ display:inline-block;height:24px; line-height:24px; border:1px solid #cccccc; color:#666666; margin-left:2px;margin-bottom:10px; padding:0px 10px;}
.list-fenye span:hover{ background:#61a1f7;color:#FFF;}
.list-fenye a:hover{ background:#61a1f7; color:#FFF;}
/* 节能产品列表 */
.jncp{padding: 20px 0;}
.jncp ul li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #cecece; flex-direction: column; align-items:center;}
.jncpl{margin-right: 10px; text-align: center;}
.jncpr{flex-grow: 1;margin-right: 10px; line-height: 26px; color: #5b5b5b;}
.jncpr h2{color:#0058b6; font-size: 14px; font-weight: bold;}

/* 单页 */
.danye{padding: 20px 0;}

/* index */
.box_se{width:100%; float:left; background:#ebf6fd;}
.rzmain{ width:100%; margin:0 auto; background:#fff; overflow: hidden;}
.rzmaina{ width:960px; padding:0 55px; float:left; background:#fff;}
.hfour-one{ width:960px; margin:30px auto 0 auto;  height:40px;border-bottom:2px solid #cccccc;}

.one,.two{margin:0px auto;height:230px;width:960px;overflow:hidden;position:relative; }
.one ul,.two ul{height:230px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{margin:5px 8px;width: 210px; padding: 10px; height:230px;}
.one ul li img{width: 210px; height: 120px; margin-bottom: 10px;}
.one h3{background-color: #d4ecfb; font-size: 17px; height: 32px; text-align: center; font-weight: bold; width: 211px; line-height: 32px; margin-bottom: 9px;}
.one .hfour-two4{ font-size:14px; display:block; width:114px;height:27px; color:#333333; font-weight:bold; line-height:27px;  border:2px solid #cccccc; border-radius:5px; margin-left:45px; text-align: center;}
.one .hfour-two4:hover{ background:#0058b6;color:#FFF; border:2px solid #0058b6;}
.two ul li{width: 230px; height: 200px;margin-right: 14px; text-align: center;}
.two ul li img{width: 230px; height: 150px; margin: 10px 0;}
.w960{width: 960px; margin: 0 auto;}
.case-main{width: 100%;background: #f4f4f4;}
.caseb{width: 100%; margin:10px auto; background-color: #fff;}
.casec {margin:10px;}
.case-list{padding: 20px 0;}
.case-list li{margin-bottom: 10px; flex: 0 0 48%; text-align: center;}
.case-list li p{text-align: center; padding: 6px 0;}
.case-list img{max-width: 100%; min-height: 140px; max-height: 160px;}
.case-mb{padding: 20px 0;}
.case-mb h1{color:#0058b6;font-weight: bold;font-size:20px; text-align: center; margin-bottom: 40px;}
.case-con table{margin: 15px auto;}
.case-con p{line-height: 25px; color: #666666; margin-bottom: 15px;}
.case-con table p{margin: 0;}
.case-con table td{vertical-align:middle;}
.case-con img{max-width: 90%;}

/* index-可靠选择 */
.kkxz{width: 100%; margin: 0 auto;}
.kkxz-one{text-align: center;}
.kkxz-two{padding: 10px;}
.kkzx-ico{flex-basis: 36px; margin-right: 20px;}
.kkzx-txt h3{font-size: 20px;font-weight: bold;color: #00499b; margin-bottom: 16px;}
.kkzx-txt p{color: #555555;font-size:14px; line-height: 1.2; margin-bottom: 8px;}
/* index-节能技术 */
.jnjs-double { position:relative; margin:0px auto; width:960px;overflow: hidden;}
.jnjs-list { position:relative; width:960px; height:220px; overflow:hidden; margin-top:8px; margin-bottom:10px; float:left; background-color:#d4ecfb;}
.jnjs-list ul { width:99999px;}
.jnjs-list li { float:left; display:inline; width:480px; margin-right:16px; height:165px;}
.jnjs-double1{ width:465px; height:185px; float:left; margin-bottom:15px;}
.jnjs-left{width:220px; float:left;}
.jnjs-left img{float:left; width:220px; height:180px; padding:22px 20px 30px 10px}
.jnjs-right{ width:220px; float:right;padding-top:22px;padding-right:10px;}
.jnjs-right h2{ font-weight:bold;font-size:20px; color:#373a3d;padding-left:10px; }
.jnjs-right p{font-size:14px;color:#666666;padding-top:10px; height:110px;padding-left:10px; overflow:hidden; white-space:initial; text-overflow:ellipsis;}
.jnjs-right a { float:right;}
.gywm{margin-bottom: 10px; margin-top: 20px;}
.gywm-l{flex-basis: 280px; height:220px; background-color:#ebf4ff; margin-right: 30px;}
.gywm-l img{ margin:5px; width:270px; height:210px;}
.gywm-r-2{ margin:10px 0px; padding-top:10px; line-height:30px; border-top:1px solid #ccc;}
.gywm-r-2 p{text-indent:2em;height:127px;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.gywm-r-3{ display:block; width:130px;height:33px; text-align:center; line-height:30px; border:2px solid #004a96; border-radius:5px;}
.gywm-r-3 a{ color:#004a96; display:block; }

.inlist{margin: 15px auto;}
.inlist-item{ width:300px;}
.inlist-t{ width:280px; height:60px; line-height:60px; border-bottom:2px solid #cccccc;}
.l-t1{ width:40px; }
.l-t2{ width:100px; font-size:24px; font-weight:normal; color:#333; }
.l-t3 a{ margin-top: 20px;width:70px; height:20px; background:#acacac;  text-align:center; display: flex; justify-content: center; align-items: center;}
.l-t3 a:hover{ background:#0058b6;}
.l-t3 a img{width: 35px; height: 10px;}
.inlist-li{ width:300px; float:left;border-right:1px solid #cccccc; padding-right:20px;border-right-style:dashed;}
.inlist-item:last-child .inlist-li{ border-right: none; /* 移除最后一个元素的右侧虚线 */}
.inlist-li ul li{ width:300px; height:25px; color:#999999; line-height:27px; padding-top:5px;}
.inlist-li ul li a{display:block; width:200px; height:30px;float:left;white-space:normal;overflow:hidden; font-size:12px;}
.inlist-li ul li a:hover{ color:#0058b6;}
.inlist-li ul li span{ display:block; float:right;width:90px;}

.record {
    padding: 20px 0 10px;
    width: 100%;
    bottom: 0;
    background-color: #b0d2ff;
    border-bottom: 1px solid #fff;
  }
  .record .left {
    margin-top: 25px;
  }
  .record .left .p1 {
    font-size: 20px;
    color: #0058b6;
  }
  .record .left .p2 {
    font-size: 24px;
    font-weight: bold;
    color: #0058b6;
  }
  .record .left .p3 {
    background: url(../img/icon_tel_black.png) left center no-repeat;
    color: #0058b6;
  }
  .record .left .p3 span {
    font-size: 14px;
    vertical-align: super;
  }
  .record .left .p3 i {
    font-size: 28px;
  }
  .record .right {
    width: 610px;
  }
  .record .right form {
    font-size: 0;
  }
  .record .right input {
    width: 190px;
    height: 40px;
    background-color: #ffffff;
    border: solid 1px #d2d2d2;
    font-size: 14px;
    padding: 0 15px;
    margin-left: 20px;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
            box-sizing: border-box;
    
  }
  .record .right input:focus {
    border-color: #ef7e14;
  }
  .record .right input:first-child {
    margin-left: 0;
  }
  .record .right button {
    display: block;
    width: 610px;
    height: 40px;
    border: solid 1px #ef7e14;
    background-color: #ef7e14;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
  }


@media (min-width: 768px) {
.banlb .banpic{height: 459px; min-width: 1070px; background-position: center;}
.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;}
/* 首页 */
.rzmain{ width:1070px; margin:0 auto; padding-left: 20px; padding-right: 20px; background:#fff; overflow: hidden;}
.kkxz{width: 960px; margin: 0 auto;}
/* 新闻列表 */
.newlist li{font-size: 16px; }
.list-fenye a{height:28px; line-height:28px;margin-left:10px;}
.newlist li i{float: right; display: inline-block; background: url(../images/r-jiantou.png) no-repeat 0px 12px; width: 12px; height: 28px;}
/* 节能产品 */
.jncp ul li{flex-direction: row;}
/* 案例 */
.caseb{width: 1070px; margin:0 auto; }
.casec {width: 966px; margin: 10px auto;}
.case-list{padding: 20px 0;}
.case-list ul::after {content: "";width: 300px;}
.case-list li{margin-bottom: 25px; flex: 0 0 300px;}
.case-list li p{text-align: center; line-height: 40px;}
.case-list img{width: 300px; height: 180px;}
}

@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;}
			.danye img{max-width: 95%;}
}