/* CSS Document */

body{
	margin:0;
	font:12px 微软雅黑;  color:#666; background:url(../images/jh/bg.jpg) #f7f4ef repeat-x ;
}

/* 将背景图统一到CSS中 */
body[style*="bg_01.jpg"] {
    background: url(../images/jh/bg_01.jpg) repeat-x #f7f4ef !important;
}

body,div,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset{ margin:0;padding:0;}
a img, img{border:0;}
h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
em { font-style:normal;}
ul,ol,li{ list-style:none;}
input,label,select,option,textarea,button,fieldset,legend {font:12px Arial,Simsun,Helvetica,sans-serif;}  
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.hidden{display:none;}
.dispayblock{ display:block;}
a{ color:#666;text-decoration:none;}
a:hover{color:#3d8e04;text-decoration: none;}
.hr_line{ height:1px; background:url(../images/jh/line_dashed.gif) 0 0 repeat-x; clear:both;font-size:0; line-height:1px; text-align:center;}
.Black5,.blank5px{display:block; clear:both; height:5px; font-size:1px; overflow:hidden;}
.Black8,.blank8px{display:block; clear:both; height:8px; font-size:1px; overflow:hidden;}
.Black10,.blank10px{display:block; clear:both; height:10px; font-size:1px; overflow:hidden;}
.blank12px{display:block; clear:both; height:12px; font-size:1px; overflow:hidden;}
.ml10{ margin-left:10px;}
.ml13{ margin-left:13px;}


.container{width:965px; margin:0 auto;}
.con{ width:965px;  margin:0 auto; clear:both}

.top{height:110px; width:965px; background: url(../images/jh/top.jpg) right no-repeat ;  clear:both;}
.logo{ float:left;}
.top_r{  float:right; margin-top:60px; margin-right:9px;}

.nav{  font-size: 16px; font-weight:bold;  height:43px; line-height:43px; clear:both;  text-align:center  }
.nav ul{}
.nav ul li{ float:left; text-align:center; margin-right:20px; width:125px; margin-top:1px;color:#FFFFFF;  }
.nav ul li a{ color:#FFFFFF; display:block;}
.nav ul li.current { background:url(../images/jh/current.jpg);  }
.banner{ clear:both; font-size:0}
.top1{ background: url(../images/jh/bg2.jpg) no-repeat; width:965px; height:auto; min-height:118px;}
.dl1{ width:290px; height:auto; min-height:71px; float:left; margin-top:18px; margin-left:20px; margin-right:10px; display:inline}
.dl1 img{ float:left; margin-right:10px;}
.dl1 dt{ width:175px; float:left; font-weight:bold; margin-bottom:10px; color:#3d8e04}

.dl_jj{ width:965px; height:auto; min-height:100px; clear:both; background:url(../images/jh/bg3.jpg) top no-repeat;}
.dl_jj img{ float:left; margin-right:20px;}
.dl_jj dt{float:left; font-weight:bold; margin-bottom:10px; color:#3d8e04; width:750px;}
.dl_jj dt a{ float:right; border-bottom:none}
.dl_jj dd{ text-indent:2em; line-height:22px; width:750px;float:left} 

.top3{ border-top:solid 1px #ccc;  clear:both;  padding-bottom:30px; }
.top3_1{ height:148px; background: url(../images/jh/bg4.jpg); width:371px; float:left; margin-top:20px;}

.top3_1_1{ margin-top:10px; margin-left:7px; width:114px; float: left; display:inline}
.top3_1_1 h2{ background:url(../images/jh/bg5.jpg); width:114px; height:23px; line-height:23px; color:#FFFFFF; font-weight: bold;text-indent:15px; font-size:13px}
.top3_1_1 ul { margin-top:5px;}
.top3_1_1 ul li{ line-height:20px; height:20px; border-bottom:dashed 1px #d8d7d5; }


.news_in{margin-right:10px; width:187px; height:auto; min-height:25px; float:left; margin-left:50px; display:inline; margin-top:20px;}
.news_in h3{ background:url(../images/jh/t5.jpg); width:187px; height:25px; line-height:25px; font-weight:bold; font-size:14px; text-indent:20px; color:#e84f4e}
.news_in ul{ margin-top:10px;}
.news_in ul li{ background:url(../images/jh/li1.jpg) left center no-repeat; text-indent:10px; line-height:20px; height:20px; margin-bottom:2px;word-break:keep-all; white-space:nowrap;}
.news_in ul li span{ float:right}


.footer{ width:965px;border-top:solid 1px #ccc; height:112px; background:url(../images/jh/footer.jpg); line-height:20px; clear:both; }
.footer_l{ width:350px; float:left}
.footer_r{ float:right; width:600px; border-left:dashed 1px #ccc; line-height:20px;}
.footer_r img{ float:left; margin-right:10px;}
.footer_r_h{ float:left; width:600px; border-left:dashed 1px #ccc; line-height:28px;}

.l_left{ height:388px;width :177px; float:left;background:url(../images/jh/left.jpg) top right no-repeat; }
.l_left h2{ background:url(../images/jh/l_t.jpg); width:232px; height:32px; line-height:32px; font-weight:bold; text-indent:20px;color:#033498; font-size:14px}
.left_nav{ margin-top:20px;}
.left_nav ul li { background: url(../images/jh/l_nav2.jpg); width:155px; height:23px; line-height:23px;font-weight:bold; margin-bottom:8px; text-indent:10px; margin-left:10px;}
.left_nav ul li a{ color:#FFFFFF }
.left_nav ul li.current{background: url(../images/jh/l_nav.jpg); }
.left_nav ul li.current a{ color:#FFFFFF}


.right{ width:690px; float: right; margin-right:30px;}
.right h2{ border-bottom:solid 1px #bcbec0; height:auto; line-height:1.6; font-weight:bold; font-size:14px; text-indent:15px; background:url(../images/jh/li2.jpg) left center no-repeat;}
.right h2 span{ float: right; font-weight:normal;font-size:14px}
.right h2 span a{color:#e84f4e; margin-right:10px; }

.right_in{ margin-top:10px; line-height:28px;}


.pr_in2{ padding:2px;}
.pr_in2 ul{ margin-left:10px; margin-top:20px;}
.pr_in2 ul li{ float:left; height:130px; display:inline;  width:185px; text-align:center; margin-right:35px; display:inline; margin-bottom:20px;}
.pr_in2 ul li img{ border:solid 1px #ccc; }
.pr_in2 ul li p{ text-align:center; line-height:30px;}


.hs{ color:#e84e4d}

/* Mobile responsive styles */
@media screen and (max-width: 768px) {
    /* 基础设置 */
    body {
        font-size: 14px;
        background: #f7f4ef !important;
        overflow-x: hidden;
        color: #333 !important;
        margin: 0;
        padding: 0;
    }
    
    body[style*="bg_01.jpg"] {
        background: #f7f4ef !important;
    }
    
    .container, .con {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        position: relative !important;
    }
    
    /* 确保所有子元素都在容器内 */
    .container *, .con * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 头部区域 */
    .top {
        width: 100%;
        height: auto;
        background: none !important;
        padding: 20px 0 15px 0;
        text-align: center;
    }
    
    .logo {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .logo img {
        max-width: 100%;
        width: 100%;
        height: auto;
        max-height: 140px;
        object-fit: contain;
    }
    
    .top_r {
        display: none !important;
    }
    
    /* 导航栏 */
    .nav {
        height: auto;
        line-height: normal;
        padding: 12px 0;
        font-size: 14px;
        background: linear-gradient(135deg, #3d8e04 0%, #2a6603 100%);
        border-radius: 8px;
        margin: 10px 0;
    }
    
    .nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    
    .nav ul li {
        float: none;
        width: auto;
        margin: 3px 5px;
        padding: 6px 12px;
        background: rgba(255,255,255,0.2);
        border-radius: 5px;
        font-size: 13px;
    }
    
    .nav ul li a {
        color: #FFFFFF !important;
    }
    
    .nav ul li:empty {
        display: none;
    }
    
    /* Banner图片 */
    .banner img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        margin: 10px 0;
    }
    
    /* 首页内容区域 - 彻底解决左侧背景问题 */
    .top1 {
        width: 100% !important;
        height: auto !important;
        background: none !important;
        padding: 20px 15px !important;
        margin: 15px 0 !important;
        clear: both !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    .dl1 {
        width: calc(100% - 30px) !important;
        height: auto !important;
        float: none !important;
        margin: 15px auto !important;
        padding: 20px 15px !important;
        background: rgba(255,255,255,0.95) !important;
        border-radius: 10px !important;
        border-left: 4px solid #3d8e04 !important;
        display: block !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    
    .dl1 img {
        float: none !important;
        display: block !important;
        margin: 0 auto 15px !important;
        max-width: 80px !important;
        border-radius: 8px !important;
    }
    
    .dl1 dt {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        margin-bottom: 12px !important;
        font-size: 16px !important;
        color: #3d8e04 !important;
        font-weight: bold !important;
    }
    
    .dl1 dd {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        line-height: 1.6 !important;
        color: #333 !important;
        font-size: 13px !important;
        text-indent: 0 !important;
    }
    
    /* 公司简介区域 - 彻底解决换行问题 */
    .dl_jj {
        width: calc(100% - 30px) !important;
        height: auto !important;
        background: rgba(255,255,255,0.95) !important;
        padding: 25px 20px !important;
        border-radius: 12px !important;
        margin: 20px auto !important;
        clear: both !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    
    .dl_jj img {
        float: none !important;
        display: block !important;
        margin: 0 auto 20px !important;
        max-width: 120px !important;
        border-radius: 10px !important;
    }
    
    .dl_jj dt {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 18px !important;
        font-size: 18px !important;
        color: #3d8e04 !important;
        font-weight: bold !important;
    }
    
    .dl_jj dt a {
        float: none !important;
        display: inline-block !important;
        margin-left: 10px !important;
        color: #3d8e04 !important;
    }
    
    .dl_jj dd {
        width: 100% !important;
        float: none !important;
        text-indent: 0 !important;
        line-height: 1.8 !important;
        color: #333 !important;
        font-size: 14px !important;
        background: rgba(255,255,255,0.9) !important;
        padding: 15px !important;
        border-radius: 8px !important;
        margin-top: 10px !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }
    
    /* 底部三栏区域 - 彻底解决背景图错位 */
    .top3 {
        width: calc(100% - 30px) !important;
        padding: 20px 15px !important;
        background: none !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 20px auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        clear: both !important;
    }
    
    .top3_1 {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 20px 0 !important;
        background: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    .top3_1_1 {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
        background: rgba(255,255,255,0.8) !important;
        padding: 15px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    
    .top3_1_1 h2 {
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 15px;
        background: linear-gradient(135deg, #e84f4e, #d63384);
        color: #FFFFFF !important;
        padding: 12px;
        border-radius: 6px;
        font-size: 14px;
    }
    
    .top3_1_1 ul li {
        padding: 8px 10px;
        border-bottom: dashed 1px #d8d7d5;
        background: rgba(255,255,255,0.6);
        margin-bottom: 2px;
        border-radius: 4px;
        color: #333 !important;
    }
    
    .news_in {
        width: 100% !important;
        float: none !important;
        margin: 20px 0 !important;
        background: rgba(255,255,255,0.9) !important;
        padding: 20px 15px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }
    
    .news_in h3 {
        width: 100%;
        height: auto;
        text-align: center;
        background: linear-gradient(135deg, #e84f4e, #d63384);
        color: #FFFFFF !important;
        padding: 12px;
        border-radius: 6px;
        margin-bottom: 15px;
        font-size: 15px;
    }
    
    .news_in ul li {
        background: none;
        white-space: normal;
        word-wrap: break-word;
        padding: 10px 0;
        border-bottom: dashed 1px #eee;
        text-indent: 0;
        line-height: 1.6;
        color: #333 !important;
    }
    
    /* 页脚区域 */
    .footer {
        width: 100% !important;
        height: auto !important;
        padding: 20px 15px !important;
        background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
        color: #ecf0f1 !important;
        margin-top: 30px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    .footer_l {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        color: #ecf0f1 !important;
        line-height: 1.6 !important;
        padding: 15px !important;
        background: rgba(255,255,255,0.1) !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    
    .footer_r, .footer_r_h {
        display: none !important;
    }
    
    /* 内页左侧导航 - 直接隐藏 */
    .l_left {
        display: none !important;
    }
    
    .left_nav {
        display: none !important;
    }
    
    /* 右侧内容区域 */
    .right {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .right h2 {
        text-align: center;
        padding: 15px;
        background: rgba(255,255,255,0.9);
        border-radius: 8px;
        margin-bottom: 15px;
        color: #3d8e04 !important;
        font-weight: bold !important;
    }
    
    .right_in {
        padding: 25px 15px;
        background: rgba(255,255,255,0.95);
        border-radius: 8px;
        line-height: 1.8;
        color: #333 !important;
        min-height: 500px;
    }
    
    .right_in * {
        color: #333 !important;
    }
    
    .right_in a {
        color: #3d8e04 !important;
        text-decoration: underline !important;
    }
    
    /* 隐藏首页多余的图片 */
    img.fr[src*="tel.jpg"] {
        display: none !important;
    }
    
    /* 隐藏首页左侧可能的多余背景图层 */
    .top1 .fr:empty,
    .top1 .fl:empty {
        display: none !important;
    }
    
    /* 项目展示 - 增加高度 */
    .pr_in2 {
        padding: 25px 15px;
        background: rgba(255,255,255,0.9);
        border-radius: 12px;
        margin: 15px 0;
        min-height: 600px;
    }
    
    .pr_in2 ul {
        margin: 20px 0;
        display: grid;
        gap: 25px;
        min-height: 500px;
    }
    
    .pr_in2 ul li {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center;
        background: #fff;
        padding: 20px 15px;
        border-radius: 10px;
        min-height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .pr_in2 ul li img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin-bottom: 15px;
        max-height: 120px;
        object-fit: contain;
    }
    
    .pr_in2 ul li p {
        font-weight: bold;
        color: #3d8e04 !important;
        margin-top: 15px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .container, .con {
        padding: 0 10px;
    }
    
    .logo img {
        max-height: 100px;
    }
    
    .nav ul li {
        margin: 2px 3px;
        padding: 5px 8px;
        font-size: 12px;
    }
    
    .dl1, .dl_jj, .top3_1, .news_in {
        padding: 15px 10px;
        margin: 10px 0;
    }
    
    .footer {
        padding: 15px 10px;
    }
    
    .dl_jj dd {
        font-size: 13px !important;
        padding: 12px !important;
    }
    
    .right_in * {
        font-size: 13px !important;
    }
}

/* Mobile responsive styles */
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
        background: #f7f4ef !important;
        overflow-x: hidden;
    }
    
    /* 将背景图统一到CSS中 - 移动端 */
    body[style*="bg_01.jpg"] {
        background: #f7f4ef !important;
    }
    
    .container, .con {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 15px;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* Header styles - 优化LOGO区域 */
    .top {
        width: 100%;
        height: auto;
        background: none;
        padding: 30px 0 15px 0;
        text-align: center;
        position: relative;
    }
    
    .logo {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .logo img {
        max-width: 100%;
        width: 100%;
        height: auto;
        max-height: 150px;
        object-fit: contain;
    }
    
    /* 隐藏"加入收藏"按钮 */
    .top_r {
        display: none;
    }
    
    /* Navigation styles - 优化导航位置和大小 */
    .nav {
        height: auto;
        line-height: normal;
        padding: 15px 0;
        font-size: 14px;
        position: relative;
        background: linear-gradient(135deg, #3d8e04 0%, #2a6603 100%);
        border-radius: 8px;
        margin: 10px 0;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }
    
    .nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    
    .nav ul li {
        float: none;
        width: auto;
        margin: 4px 6px;
        padding: 8px 14px;
        background: rgba(255,255,255,0.2);
        border-radius: 5px;
        font-size: 13px;
        transition: all 0.3s ease;
    }
    
    .nav ul li.current {
        background: rgba(255,255,255,0.3);
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
    
    .nav ul li:hover {
        background: rgba(255,255,255,0.4);
        transform: translateY(-1px);
    }
    
    /* 隐藏无效的空白导航项 */
    .nav ul li:empty {
        display: none;
    }
    
    /* Banner */
    .banner img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        margin: 10px 0;
    }
    
    /* Content sections - 美化中间区域 */
    .top1 {
        width: 100%;
        height: auto;
        background: linear-gradient(135deg, rgba(61,142,4,0.1) 0%, rgba(255,255,255,0.9) 100%);
        padding: 25px 0;
        border-radius: 12px;
        margin: 15px 0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .dl1 {
        width: 100%;
        height: auto;
        float: none;
        margin: 15px 0;
        padding: 20px 15px;
        background: rgba(255,255,255,0.95);
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        border-left: 4px solid #3d8e04;
        transition: transform 0.3s ease;
    }
    
    .dl1:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }
    
    .dl1 img {
        float: none;
        display: block;
        margin: 0 auto 15px;
        max-width: 80px;
        border-radius: 8px;
    }
    
    .dl1 dt {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 12px;
        font-size: 16px;
        color: #3d8e04;
    }
    
    .dl1 dd {
        text-align: center;
        line-height: 1.6;
        color: #666;
        font-size: 13px;
    }
    
    /* Company introduction - 美化公司简介区域，解决换行问题 */
    .dl_jj {
        width: 100%;
        height: auto;
        background: linear-gradient(145deg, rgba(61,142,4,0.05) 0%, rgba(255,255,255,0.95) 100%);
        padding: 25px 20px;
        border-radius: 12px;
        margin: 20px 0;
        box-shadow: 0 3px 15px rgba(0,0,0,0.1);
        overflow: hidden;
    }
    
    .dl_jj img {
        float: none;
        display: block;
        margin: 0 auto 20px;
        max-width: 120px;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    .dl_jj dt {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 18px;
        font-size: 18px;
        color: #3d8e04;
        font-weight: bold;
    }
    
    .dl_jj dt a {
        float: none;
        display: inline-block;
        margin-left: 10px;
    }
    
    .dl_jj dd {
        width: 100%;
        float: none;
        text-indent: 0;
        line-height: 1.8;
        color: #333 !important;
        font-size: 14px;
        background: rgba(255,255,255,0.9);
        padding: 15px;
        border-radius: 8px;
        margin-top: 10px;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
        overflow-wrap: break-word;
        hyphens: auto;
    }
    
    /* Bottom section - 美化下部区域 */
    .top3 {
        padding: 20px 0;
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border-radius: 12px;
        margin: 20px 0;
    }
    
    .top3_1 {
        width: 100%;
        height: auto;
        float: none;
        margin: 20px 0;
        background: linear-gradient(145deg, rgba(232,79,78,0.1) 0%, rgba(255,255,255,0.9) 100%);
        border-radius: 12px;
        padding: 25px 15px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }
    
    .top3_1_1 {
        width: 100%;
        float: none;
        margin: 0 0 25px 0;
        background: rgba(255,255,255,0.8);
        padding: 15px;
        border-radius: 8px;
        border-left: 4px solid #e84f4e;
    }
    
    .top3_1_1 h2 {
        width: 100%;
        height: auto;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 15px;
        background: linear-gradient(135deg, #e84f4e, #d63384);
        color: #FFFFFF;
        padding: 12px;
        border-radius: 6px;
        font-size: 14px;
    }
    
    .top3_1_1 ul li {
        padding: 8px 10px;
        border-bottom: dashed 1px #d8d7d5;
        background: rgba(255,255,255,0.6);
        margin-bottom: 2px;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }
    
    .top3_1_1 ul li:hover {
        background: rgba(61,142,4,0.1);
    }
    
    .news_in {
        width: 100%;
        float: none;
        margin: 25px 0;
        background: rgba(255,255,255,0.9);
        padding: 20px 15px;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        border-left: 4px solid #e84f4e;
    }
    
    .news_in h3 {
        width: 100%;
        height: auto;
        text-align: center;
        background: linear-gradient(135deg, #e84f4e, #d63384);
        color: #FFFFFF;
        padding: 12px;
        border-radius: 6px;
        margin-bottom: 15px;
        font-size: 15px;
    }
    
    .news_in ul li {
        background: none;
        white-space: normal;
        word-wrap: break-word;
        padding: 10px 0;
        border-bottom: dashed 1px #eee;
        text-indent: 0;
        line-height: 1.6;
        position: relative;
        padding-left: 20px;
    }
    
    .news_in ul li:before {
        content: "•";
        color: #e84f4e;
        position: absolute;
        left: 0;
        top: 10px;
        font-weight: bold;
    }
    
    .news_in ul li:hover {
        background: rgba(232,79,78,0.05);
        border-radius: 4px;
        padding-left: 25px;
        padding-right: 10px;
    }
    
    /* Footer - 美化页脚，隐藏指定区域 */
    .footer {
        width: 100%;
        height: auto;
        padding: 25px 15px;
        background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
        color: #ecf0f1;
        border-radius: 12px 12px 0 0;
        margin-top: 30px;
    }
    
    .footer_l {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px;
        padding: 15px;
        background: rgba(255,255,255,0.1);
        border-radius: 8px;
        line-height: 1.6;
    }
    
    /* 首页隐藏footer_r区域，其他页面隐藏footer_r_h区域 */
    .footer_r {
        display: none;
    }
    
    .footer_r_h {
        display: none;
    }
    
    /* Left sidebar for inner pages - 解决背景图重叠问题 */
    .l_left {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 20px;
        background: linear-gradient(135deg, rgba(3,52,152,0.1) 0%, rgba(255,255,255,0.95) 100%) !important;
        border-radius: 12px;
        padding: 20px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        overflow: hidden;
        position: relative;
    }
    
    .l_left:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,0.9);
        z-index: -1;
    }
    
    .l_left h2 {
        width: 100%;
        height: auto;
        text-align: center;
        background: linear-gradient(135deg, #033498, #0056b3) !important;
        color: #FFFFFF;
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
    }
    
    .left_nav {
        position: relative;
        z-index: 1;
    }
    
    .left_nav ul li {
        width: 100%;
        margin: 8px 0;
        text-align: center;
        border-radius: 6px;
        transition: all 0.3s ease;
        background: rgba(255,255,255,0.8) !important;
    }
    
    .left_nav ul li:hover {
        transform: translateX(5px);
        background: rgba(255,255,255,0.95) !important;
    }
    
    .left_nav ul li.current {
        background: rgba(3,52,152,0.1) !important;
    }
    
    /* Right content area */
    .right {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    
    .right h2 {
        text-align: center;
        padding: 15px;
        background: linear-gradient(135deg, rgba(61,142,4,0.1) 0%, rgba(255,255,255,0.9) 100%);
        border-radius: 8px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    
    .right_in {
        padding: 15px;
        background: rgba(255,255,255,0.9);
        border-radius: 8px;
        line-height: 1.8;
    }
    
    /* Project gallery */
    .pr_in2 {
        padding: 15px;
        background: rgba(255,255,255,0.9);
        border-radius: 12px;
        margin: 15px 0;
    }
    
    .pr_in2 ul {
        margin: 15px 0;
        display: grid;
        gap: 20px;
    }
    
    .pr_in2 ul li {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center;
        background: #fff;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        transition: transform 0.3s ease;
    }
    
    .pr_in2 ul li:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.12);
    }
    
    .pr_in2 ul li img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    
    .pr_in2 ul li p {
        font-weight: bold;
        color: #3d8e04;
        margin-top: 10px;
    }
    
    /* Hide decorative images that don't work well on mobile */
    .fr img[src*="tel.jpg"] {
        display: none;
    }
    
    /* 全局字体颜色增强 - 确保所有文本可见 */
    body {
        color: #333 !important;
    }
    
    .container, .con {
        color: #333 !important;
    }
    
    /* 左侧导航文字颜色 */
    .left_nav ul li a {
        color: #FFFFFF !important;
        font-weight: bold;
    }
    
    /* 右侧内容区域文字颜色 */
    .right {
        color: #333 !important;
    }
    
    .right * {
        color: #333 !important;
    }
    
    .right a {
        color: #3d8e04 !important;
    }
    
    .right a:hover {
        color: #2a6603 !important;
    }
    
    /* 页脚文字颜色 */
    .footer_l {
        color: #ecf0f1 !important;
    }
    
    .footer_l a {
        color: #fff !important;
    }
}

@media screen and (max-width: 480px) {
    body {
        font-size: 13px;
    }
    
    .container, .con {
        padding: 0 10px;
    }
    
    .nav ul li {
        margin: 2px 3px;
        padding: 5px 8px;
        font-size: 12px;
    }
    
    .dl1, .dl_jj, .top3_1, .news_in {
        padding: 15px 10px;
        margin: 10px 0;
    }
    
    .footer {
        padding: 20px 10px;
    }
    
    .logo img {
        max-width: 300px;
    }
    
    .dl_jj dt {
        font-size: 16px;
    }
    
    .dl_jj dd {
        font-size: 13px;
        padding: 12px;
    }
    
    /* 分类与文章页字体颜色调整 */
    .right_in {
        color: #333 !important;
    }
    
    .right_in p, .right_in div, .right_in span {
        color: #333 !important;
    }
    
    .right_in a {
        color: #3d8e04 !important;
    }
    
    .right_in a:hover {
        color: #2a6603 !important;
    }
}
/* 移动端：隐藏 footer_l 中的备案链接 */
@media screen and (max-width: 768px) {
  .footer_l a[href*="beian.miit.gov.cn"] { display: none !important; }
}