@charset "utf-8";
/* CSS Document */

/*-- 导航 --*/
.header { width:100%; height:72px; background:#fff;/* position:fixed; z-index:9999; */border-bottom:1px solid #ccc; }
.logo-nav {  width:94%; margin:0px auto 0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.logo { width:132px; float:left; margin-top:10px; border-right:1px solid #ccc; margin-right:20px; padding-right:20px; }
.logo-nav ul li { float:right; }
.logo-nav ul li a { color:#777; font-size:16px; display:block; width:88px; height:69px; line-height:69px; text-align:center; }
.logo-nav ul li a:hover { text-decoration:none; border-bottom:3px solid #d0151c; color:#d0151c; }
.dianzhubudong { border-bottom:3px solid #d0151c; color:#d0151c; }
.wz { color:#777; font-size:14px; height:69px; line-height:69px; }

/*-- 导航结束 --*/
/*-- banner --*/
.banner .zj img { width:100%; display:block; height:100%;}
/*-- 建设目标 --*/
.maxw1200 {width:100%;max-width:1200px;min-width:400px;padding:30px 0;margin:0 auto;}
.zzh3 {font:bold 36px/50px "思源黑体", "微软雅黑", "宋体", Arial;color:#000; text-align:center;padding:25px 0;}
.mdjfhjdl {display:flex;}
.mdjfhjdl dl {width:23%;max-width:281px;margin:30px auto;border-radius:16px;background:url(../images/mdjf_jsmb.png) no-repeat top center; background-size:100% 100%;}
.mdjfhjdl dl dt {font:normal 16px/30px "思源黑体", "微软雅黑", "宋体", Arial;color:#333; margin:35px 40px 0px 40px;height:210px;}
.mdjfhjdl dl dd {font:bold 24px/36px "思源黑体", "微软雅黑", "宋体", Arial;color:#fff;padding:20px 10px;text-align:center;}


        /* 全局重置 & 基础样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
        }
        body {
            font-size: 16px;
            color: #333;
            background: #fff;
        }
        a {
            text-decoration: none;
            color: inherit;
        }
        ul {
            list-style: none;
        }
        /* 核心内容容器 - 固定1160px居中 */
        .container {
            width: 100%;
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .section-title {
            text-align: center;
            font-size: 35px;
            margin-bottom: 60px;
            color: #333;
            font-weight: 600;
        }
        /* 项目背景（100%宽度，内容1160px居中） */
		.xjyxmbg p {
			font:normal 16px/30px "思源黑体", "微软雅黑", "宋体", Arial;
			color:#666;
			padding:10px 30px 30px;
			text-indent:2em;
			text-align:left;
			}
        .project-bg {
            padding: 60px 0;
            background: #fff;
            width: 100%;
        }
        .bg-cards {
            display: flex;
            justify-content: space-around;
            gap: 20px;
            flex-wrap: wrap;
        }
        .bg-card {
            flex: 1 1 280px;
            max-width: 400px;
            text-align: center;
            padding-bottom: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .bg-card img {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 15px;
        }
        .bg-card h3 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #333;
            font-weight: 600;
        }
        .bg-card p {
            color: #666;
            line-height: 2;
			text-align:left;
			text-indent:2em;
			padding:20px;
        }

        /* 功能介绍（100%宽度，内容1160px居中）- 核心调整：图文分栏 */
        .function {
            padding: 60px 0;
            background: linear-gradient(to right, #d9fcfd, #c9e3ff);
            width: 100%;
        }
        /* 一行固定2列 */
        .func-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }
        /* 核心修改：图文50%分栏，文字左、图片右 */
        .func-card {
            background: #fff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            display: flex;
            gap: 0; /* 取消默认间距，改为各占50% */
        }
        /* 文字区域占50%，居左 */
        .func-text {
            width: 50%;
            padding-right: 15px;
        }
        .func-text h3 {
            font-size: 25px;
            margin-bottom: 10px;
            color: #333;
            font-weight: 600;
			background:url(../images/xjy_icon.png) no-repeat left center;
			padding-left:30px;
        }
        .func-text p {
            color: #666;
            line-height: 1.8;
			text-indent:2em;
        }
        /* 图标区域占50%，居右，居中展示图标 */
        .func-icon {
            width: 50%;
            height: 100%;
            min-height: 80px; /* 保证最小高度，避免图标变形 */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .func-icon img {
            width: 95%; /* 放大图标，适配50%宽度 */
        }
        /* 红色驿站跨2列 */
        .red-station {
            grid-column: 1 / -1;
            background: #fff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .red-station h3 {
			background:url(../images/xjy_icon.png) no-repeat left center;
			padding-left:30px;
            font-size: 25px;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .red-station p {
            color: #666;
            line-height: 1.8;
			text-indent:2em;
        }
        .station-imgs {
            margin-top: 50px;
            gap: 10px;
			text-align:center;
        }
        .station-imgs img {
            max-width: 90%;
            border-radius: 8px;
        }

        /* 后台数据统计（100%宽度，内容1160px居中） */
        .data {
            padding: 60px 0;
            background: #fff;
            width: 100%;
            text-align: center;
        }
        .data-screen img {
            width: 100%;
            max-width: 1160px;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }

        /* 案例地图（100%宽度，内容1160px居中） */
        .cases {
            padding: 60px 0;
            background: #f8fafc;
            width: 100%;
            text-align: center;
        }
        .cases-desc {
            font-size: 20px;
            margin-bottom: 30px;
            color: #333;
            line-height: 1.5;
        }
        .cases-desc span {
            color: #e63946;
            font-weight: bold;
        }
        .map img {
            width: 100%;
            max-width: 1160px;
        }

        /* 页脚（100%宽度，内容1160px居中） */
        .footer {
            background: #333;
            color: #fff;
            padding: 40px 0;
            width: 100%;
        }
        .footer .container {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 30px;
        }
        .footer-col {
            flex: 1 1 150px;
            min-width: 120px;
        }
        .footer-col h4 {
            margin-bottom: 20px;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
        }
        .footer-col ul li {
            margin-bottom: 8px;
        }
        .footer-col ul li a {
            color: #ccc;
            transition: color 0.3s;
        }
        .footer-col ul li a:hover {
            color: #fff;
        }
        .qrcode {
            flex: 0 0 100px;
            text-align: center;
        }
        .qrcode img {
            width: 100px;
            margin-top: 10px;
            border-radius: 8px;
        }
        .qrcode p {
            margin-top: 8px;
            font-size: 12px;
            color: #ccc;
        }

        /* 媒体查询 - 平板（768px以下） */
        @media (max-width: 768px) {
 /* 手机端功能模块改为1列，图文改为上下排列 */
            .func-grid {
                grid-template-columns: 1fr;
            }
            .func-card {
                flex-direction: column; /* 图文上下排列 */
                padding: 20px;
            }
            .func-text {
                width: 96%; 
            }            
			.func-icon {
                width: 40%; 
            }

            .func-text {
                padding-right: 0;
                margin-bottom: 15px;
            }            
			.cases-desc {
                font-size: 18px;
            }
            .container {
                padding: 0 20px;
            }
            .func-grid {
                gap: 15px;
            }           
        }

        /* 媒体查询 - 手机（480px以下） */
        @media (max-width: 480px) {
            .section-title {
                font-size: 20px;
                margin-bottom: 20px;
            }
            .banner-text h1 {
                font-size: 26px;
            }
            .banner-text p {
                font-size: 14px;
            }
            /* 手机端功能模块改为1列，图文改为上下排列 */
            .func-grid {
                grid-template-columns: 1fr;
            }
            .func-card {
                flex-direction: column; /* 图文上下排列 */
                padding: 20px;
            }
 			.func-text {
                width: 96%; 
            }            
			.func-icon {
                width: 70%; 
            }            
			.func-text {
                padding-right: 0;
                margin-bottom: 15px;
            }
            .func-icon {
                min-height: 60px;
            }
            .red-station {
                padding: 20px;
            }
            .station-imgs img {
                max-width: 100%;
            }
            .footer .container {
                justify-content: center;
                text-align: center;
            }
            .contact {
                font-size: 12px;
            }
            .logo img {
                height: 35px;
            }
        }
  

/*--add  项目分布图20220520--*/
.fbt {background:url(../images/fbt_bg.png) no-repeat bottom center #f8fbfd;padding:100px 0 30px;}
.fbt_text {margin:30px 10px;font:bold 45px/60px "微软雅黑"; color:#333;text-align:center;}
.fbt_text span {font:bold 50px/80px "微软雅黑";color:#d11418;}
.fbt_text span.zhuanzhu {border:solid 1px #d11418;font-size:68px;line-height:80px;padding:0 10px;}
.fbt_text span.shuzi {font-size:68px;line-height:80px;}
.con { width:98%; margin:0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.wei{ width: 100%; text-align: center;}
.wei img{ width: 98%;} 

/*-- 联系我们 --*/
.Contact {width:100%; margin:100px auto 0 auto; }
.Contact .top { width:258px; height:54px; margin:0 auto 48px auto; }
.Contact .lxd { width:100%; background-color:#efefef; height:100px;}
.Contact .lxd ul { width:94%; margin:0px auto 0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.Contact .lxd li { width:33.33%; margin-top:24px; float:left; }
.Contact .lxd li a{color:#6a6a6a;}
.Contact .lxd img { float:left; margin: 0 20px;}
.Contact .lxd h1 { height:56px; line-height:56px; font-size:26px; color:#6a6a6a;}

/*-- 底部 --*/
.bottom { width:100%; background-color:#8f8f8f; height:82px; text-align:center; padding-top:48px; color:#fff; font-size:20px;}
.shuiyin{position: fixed;top: 0;bottom: 0;left: 0;right: 0;pointer-events: none;}

@media screen and (max-width:1024px) and (min-width:769px){

/*-- 联系我们 --*/
.Contact .lxd {padding:10px 0;}
.Contact .lxd li {
    width: 50% !important;
}
.Contact .lxd li:nth-child(3){display:none;}
}
@media(max-width:768px){
.logo-nav .nav{ display:none !important;}	
.wz {
    color: #777; padding-top:16px;
    font-size: 14px;
     height:auto !important;
    line-height:20px !important;
}
.logo img{ width:90%; margin-left:10px}
.pre_con,.admin_tit p {
    font-size: 16px;
    text-indent: 30px;
    line-height: 30px;
    color: #383838;
}
.logo-nav .nav{ display:none !important;}	

/*--add  项目分布图20220520--*/
.fbt {padding:50px 0;}
.fbt_text {margin:30px 10px;font:bold 18px/40px "微软雅黑";}
.fbt_text span {font:bold 24px/50px "微软雅黑";}
.fbt_text span.zhuanzhu {font-size:30px;line-height:50px;padding:0 10px;}
.fbt_text span.shuzi {font-size:30px;line-height:50px;}
/*--联系我们--*/
.Contact .lxd li{ width:100% !important; margin-top:0 !important;}
.Contact .lxd li:nth-child(2),.Contact .lxd li:nth-child(3){display:none;}
.Contact .lxd {
	padding:10px 0 !important;
}
.bottom {
	width:96%;
	padding:15px 2%;
    font-size:16px;
}