@charset "utf-8";
/* CSS Document */

/*====first====*/
/* 页面容器 */
.container {
    margin: 20px 10px;
    padding: 0 10px;
}

/* 卡片通用样式 */
.data-card_cy {
    background-color: #f9fdfb;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    border-left: 4px solid #4cae4c;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* 卡片左侧装饰圆点 */
.data-card_cy::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 13px;
    width: 16px;
    height: 16px;
    background-color: #4cae4c;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #4cae4c;
}
.data-card_pt::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 13px;
    width: 16px;
    height: 16px;
    background-color: #4cae4c;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #4cae4c;
}
.h4{
    position: relative;
}
.h4_pt{
    position: relative;
}
/*卡片左侧装饰方点*/
.h4::before {
    content: "";
    position: absolute;
    left: 10px;
    top: -7px;
    width: 20px;
    height: 20px;
    background-color: #92b992;
    /* border-radius: 50%; */
    border: 3px solid #fff;
    box-shadow: 0px 0 0 1px #2f592f;
}
.h4_pt::before{
    content: "";
    position: absolute;
    left: 35%;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #d77812;
    /* border-radius: 50%; */
    /* border: 3px solid #c8d7d0; */
    box-shadow: -9px -9px 0 1px #548754;
}
/* 卡片标题样式 */
.card-title_cy {
    font-size: 18px;
    font-weight: bold;
    color: #406f40;
    margin-bottom: 12px;
    text-align: left;
    margin-left: 9px;
    position: relative;
}
.card-title_pt {
    font-size: 18px;
    font-weight: bold;
    color: #406f40;
    margin-bottom: 12px;
    text-align: center;
    margin-left: 9px;
    position: relative;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .data-card_cy {
        padding: 10px;
    }
    .card-title_cy {
        font-size: 16px;
    }
    .card-content_cy {
        font-size: 14px;
    }
}
.card h2 {
    margin: 5px 20px 20px;
    font-size: 24px;
    color: #1b756e;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
}

.s_tx{
    margin-bottom: 10px;
    padding: 8px;
    background: linear-gradient(90deg, #0f4da2 1%,#6479bc 62%,#ecf1f7 97% );
}
.znr3{
    height: 100%;
    font-size: 16px;
    text-indent: 38px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 2px;
    padding: 0 10px;
}
/*====second====*/
/* 核心卡片样式 */
.binhai-card_zdcy {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
    padding: 25px;
    border-top: 5px solid #ddd0c8; /* 顶部绿色强调条，贴合绿色园区定位 */
    margin-bottom: 15px;
}
/* 卡片标题 */
.card-title_zdcy {
    font-size: 22px;
    color: #247f69;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #f0f9f5; */
    /* text-align: left; */
    /* margin-left: 13px; */
}

/* 信息项通用样式 */
.info-item_zdcy {
    margin-bottom: 15px;
    line-height: 1.7;
    font-size: 15px;
    color: #333;
}

/* 信息项小标题 */
.item-label_zdcy {
    font-weight: 600;
    color: #2a9d69;
    /*display: inline-block;*/
    width: 80px; /* 固定宽度，对齐更整齐 */
}

/* 关键数字高亮 */
.num-highlight {
    font-size: 16px;
    font-weight: bold;
    color: #2a9d69;
}

/* 发展现状数字卡片 */
.stats-group {
    display: inline-flex;
    gap: 10px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.stat-tag {
    padding: 4px 10px;
    background: #f0f9f5;
    border-radius: 4px;
    font-size: 14px;
}

/* 招引方向标签 */
.industry-group {
    display: inline-flex;
    gap: 8px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.industry-tag {
    padding: 4px 12px;
    background: #2a9d69;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
}

/* 响应式适配：小屏优化 */
@media (max-width: 576px) {
    .card-title {
        font-size: 18px;
    }
    .item-label {
        width: 100%;
        margin-bottom: 5px;
    }
    .info-item {
        font-size: 14px;
    }
}
/*h6*/
.h6{
    font-size: 13px;
    color: #fff;;
    letter-spacing: 2px;
    text-align: left;
}
/*小三角形朝上*/
.san-t{
    width:0;
    height:14px;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    border-bottom:10px solid #e38813;
    float: left;
}
/*end*/

