﻿@charset "utf-8";
/* CSS Document */
body {

    font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
    background:#fff;
}

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}


ul li {
    list-style: none;
}

em {
    font-style: normal;
}

.conter {
    font-size: 16px;
    line-height: 26px;
    color: #45332d;
}

.conter01 {
    background: url('/content/Images/zhuanti/26diygl/26diygl_01.jpg') top center no-repeat;
    height: 200px;
}

.conter02 {
    background: url('/content/Images/zhuanti/26diygl/26diygl_02.jpg') top center no-repeat;
    height: 200px;
}
.conter022 {
    background: url('/content/Images/zhuanti/26diygl/26diygl_03.jpg') top center no-repeat;
    height: 200px;
}


.conMain{
    width:1004px;
    margin:0 auto 0;
    overflow:hidden;
}

.conTitle {
    text-align: center;
    margin: 0 auto 27px;
}

    .conTitle p {
        font-weight: bold;
        font-size: 40px;
        line-height: normal;
        color: #095d8f;
        text-align: center;
        padding-bottom:10px;
    }
        .conTitle p span {
            padding-top:10px;
            font-size: 30px;
            color: #e45418;
            text-align: center;
        }

.conter03 {
    overflow: hidden;
    padding: 20px 0;
}

    .conter03 .conMain {
        overflow: hidden;
    }
    .conter03 .intro-box {
        padding: 10px;
        background: url('../../Images/zhuanti/26diygl/26diygl_05.png') right 50px bottom no-repeat #fffdec;
    }

/* 为了实现截图中的内框效果 */
    .conter03 .intro-content {
        border: 1px solid #d7d8c8;
    }

    .conter03 .intro-content {
        padding: 15px 15px 40px;
        font-size: 18px;
        line-height: 40px;
        text-align: justify;
        text-indent: 2em;
    }



.conter04 {
    overflow: hidden;
    margin: 60px auto 0;
}
    .conter04 .conMain {
        margin: 20px auto 0;
    }

/* 顶部正文 */
    .conter04 .intro-text {
        padding: 0 18px 14px;
        font-size: 18px;
        line-height: 40px;
        text-align: justify;
    }

/* 每个模块 */
    .conter04 .info-section {
        margin: 8px 0 32px;
    }

/* 橙色标题条 */
    .conter04 .section-title {
        width: 49%;
        min-width: 280px;
        margin-bottom: 24px;
        overflow: hidden;
    }

    /* 用 clip-path 做右侧斜切，不需要绝对定位 */
        .conter04 .section-title span {
            display: block;
            padding: 0 16px 0;
            background: #ef4f10;
            color: #fff;
            font-size: 25px;
            font-weight: bold;
            line-height: 40px;
            clip-path: polygon( 0 0, 96% 0, 100% 100%, 0 100% );
        }

/* 表格 */
    .conter04 .info-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        font-size: 18px;
    }

    /* 表头 */
        .conter04 .info-table thead th {
            padding: 7px 10px;
            background: #126895;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            border: 1px solid #126895;
        }

    /* 第一列 */
        .conter04 .info-table th:first-child,
        .conter04 .info-table td:first-child {
            width: 39%;
        }

    /* 表格正文 */
        .conter04 .info-table tbody td {
            padding: 8px 14px;
            border: 1px solid #167bad;
            line-height: 1.45;
        }

        /* 左侧蓝底列 */
            .conter04 .info-table tbody td:first-child {
                background: #e4f4fb;
                color: #09618e;
                font-size: 18px;
                font-weight: bold;
                text-align: center;
            }

        /* 右侧 */
            .conter04 .info-table tbody td:last-child {
                background: #fff;
                color: #333;
                text-align: center;
            }

/* 勾选列表 */
    .conter04 .check-list {
        width: 63%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /* 每一行 */
        .conter04 .check-list li {
            display: flex;
            align-items: flex-start;
            padding: 12px 0 9px 3px;
            border-bottom: 1px dashed #d8d8d8;
            font-size: 18px;
        }

/* 橙色勾 */
    .conter04 .check-icon {
        margin-right:10px;
    }

.conter05 {
    overflow: hidden;
    margin: 60px auto 0;
}
    .conter05 .require-box {
        margin: 0 auto;
    }

/* 每一块 */
    .conter05 .require-item {
        margin-bottom: 28px;
    }

/* 标题整行 */
    .conter05 .require-title-row {
        display: flex;
        align-items: center;
        width: 55%;
        min-width: 470px;
        background: #126896;
        border-radius: 24px;
        color: #fff;
        overflow: visible;
    }

/* 左侧圆形编号 */
    .conter05 .require-num {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -1px;
        border-radius: 50%;
        background: #126896;
        border: 3px solid #fff;
        color: #fff;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
    }

/* 标题文字 */
    .conter05 .require-title {
        flex: 1;
        padding: 8px 18px 8px 8px;
        font-size: 21px;
        font-weight: bold;
        line-height: 1.2;
        white-space: nowrap;
    }

/* 正文 */
    .conter05 .require-content {
        padding: 12px 18px 0;
    }

        .conter05 .require-content p {
            margin: 0 0 8px;
            font-size: 18px;
            line-height: 40px;
            color: #444;
            text-align: justify;
            text-justify: inter-ideograph;
            word-break: normal;
            overflow-wrap: break-word;
        }

/* 橙色圆点列表 */
    .conter05 .require-list {
        margin: 3px 0 7px;
        padding: 0;
        list-style: none;
    }

        .conter05 .require-list li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 4px;
            font-size: 16px;
            line-height: 2;
            color: #444;
        }

            .conter05 .require-list li::before {
                content: "•";
                flex: 0 0 auto;
                margin-right: 7px;
                color: #f15a24;
                font-size: 19px;
                line-height: 1.7;
            }



.conter06 {
    overflow: hidden;
    margin-top:50px;
}
    .conter06 .language-school-info {
        margin: 0 auto;
    }

/* 每个内容块 */
    .conter06 .info-block {
        margin-bottom: 28px;
    }

/* 橙色标题 */
    .conter06 .arrow-title {
        display: flex;
        align-items: center;
        gap: 9px;
        margin: 0 0 8px;
        padding: 0;
        color: #f15316;
        font-size: 25px;
        font-weight: bold;
        line-height: 1.45;
    }

/* 左侧箭头 */
    .conter06 .arrow-icon {
        flex: 0 0 auto;
        color: #f15316;
        font-size: 35px;
        line-height: 1;
        transform: translateY(-1px);
    }

/* 普通正文 */
    .conter06 .desc {
        margin: 0 0 14px;
        font-size: 18px;
        line-height: 40px;
        text-align: justify;
    }

/* 表格 */
    .conter06 .school-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        margin-top: 4px;
        font-size: 18px;
    }

    /* 表头 */
        .conter06 .school-table thead th {
            padding: 7px 8px;
            background: #ef5111;
            color: #fff;
            font-weight: bold;
            text-align: center;
            border: 1px solid #ef5111;
        }

    /* 表格正文 */
        .conter06 .school-table tbody td {
            padding: 8px 10px;
            border: 1px solid #ff6b30;
            text-align: center;
            line-height: 1.45;
        }

    /* 三列宽度 */
        .conter06 .school-table th:nth-child(1),
        .conter06 .school-table td:nth-child(1) {
            width: 28%;
        }

        .conter06 .school-table th:nth-child(2),
        .conter06 .school-table td:nth-child(2) {
            width: 24%;
        }

        .conter06 .school-table th:nth-child(3),
        .conter06 .school-table td:nth-child(3) {
            width: 48%;
        }

/* 底部举例 */
    .conter06 .example-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .conter06 .example-list li {
            display: flex;
            align-items: flex-start;
            font-size: 18px;
            line-height: 40px;
        }

        /* 橙色小圆点 */
            .conter06 .example-list li::before {
                content: "•";
                flex: 0 0 auto;
                margin-right: 7px;
                color: #f15316;
                font-size: 20px;
            }


.conter07 {
    overflow: hidden;
    margin-top: 60px;
}

    .conter07 .conMain {
        margin: 0 auto;
    }
    .conter07 .cost-page {

    }

/* 每个区块 */
    .conter07 .cost-section {
        margin: 0 0 14px;
    }

/* 橙色标题 */
    .conter07 .section-heading {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        padding: 8px 0 7px;
        color: #f15017;
        font-size: 25px;
        font-weight: 700;
        border-bottom: 1px dashed #f6a078;
    }

/* 左侧小花 */
    .conter07 .flower {
        flex: 0 0 auto;
        color: #f15017;
        font-size: 30px;
        line-height: 1;
    }

/* 普通文字 */
    .conter07 .desc {
        margin: 8px 0 10px;
        font-size: 18px;
        line-height: 40px;
        text-align: justify;
    }

/* 小红标题 */
    .conter07 .sub-heading {
        margin: 6px 0 7px;
        color: #f15017;
        font-size: 18px;
        font-weight: 700;
    }

/* 通用表格 */
    .conter07 .orange-table {
        width: 100%;
        margin: 10px 0 8px;
        border-collapse: collapse;
        table-layout: fixed;
        font-size: 16px;
    }

    /* 表头 */
        .conter07 .orange-table thead th {
            padding: 5px 4px;
            background: #ee5514;
            color: #fff;
            font-weight: 700;
            text-align: center;
            border: 1px solid #ee5514;
        }

    /* 表体 */
        .conter07 .orange-table tbody td {
            padding: 5px 4px;
            border: 1px solid #ff6d39;
            color: #444;
            text-align: center;
            vertical-align: middle;
            line-height: 1.5;
            word-break: break-word;
            overflow-wrap: break-word;
        }

   


.conter08 {
    overflow: hidden;
    margin-top: 60px;
}

    .conter08 .conMain {
    }


    .conter08 .material-intro {
        margin: 0 0 14px;
        font-size: 18px;
        line-height: 40px;
    }
    .conter08 .material-section {
        margin: 0 0 28px;
    }

/* 一级标题 */

    .conter08 .material-title {
        margin: 0 0 14px;
        color: #086594;
        font-size: 22px;
        font-weight: 700;
    }


/* =========================
   表格
========================= */

    .conter08 .material-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        font-size: 16px;
    }

    /* 表头 */

        .conter08 .material-table thead th {
            padding: 8px 10px;
            background: #126895;
            color: #fff;
            border: 1px solid #126895;
            font-size: 18px;
            line-height: 1.4;
            font-weight: 700;
            text-align: center;
        }

    /* 普通格 */

        .conter08 .material-table tbody td {
            padding: 9px 10px;
            border: 1px solid #1478af;
            line-height: 1.6;
            vertical-align: middle;
        }

        /* 材料名称默认居中 */

            .conter08 .material-table tbody td:nth-child(2), .conter08 .material-table tbody td:nth-child(1) {
                text-align: center;
            }
                .conter08 .material-table tbody td:last-child{
                    text-align:left;
                }
                /* 第一列分类 */
                .conter08 .applicant-table .category {
                    background: #e5f5fc;
                    color: #086594;
                    font-size: 17px;
                    font-weight: 700;
                    text-align: center;
                    vertical-align: middle;
                }


    .conter08 .applicant-table th:nth-child(1) {
        width: 12%;
    }

.conter08 .applicant-table th:nth-child(2) {
    width: 22%;
}

.conter08 .applicant-table th:nth-child(3) {
    width: 66%;
}
/* =========================
   第二张表
========================= */
.conter08 .guarantee-table th:nth-child(1) {
    width: 29%;
}

.conter08 .guarantee-table th:nth-child(2) {
    width: 71%;
}
.conter08 .guarantee-table tbody td:first-child {
    text-align: center;
}

    .conter08 .guarantee-table tbody td {
        padding-top: 16px;
        padding-bottom: 16px;
    }


/* =========================
   注意事项
========================= */

    .conter08 .notice-section {
        margin-bottom: 0;
    }

    .conter08 .notice-list {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }

/* 一整行 */

    .conter08 .notice-item {
        display: flex;
        align-items: stretch;
        width: 100%;
        background: #e8f7fd;
        border-radius: 11px;
        overflow: hidden;
    }

/* 左侧蓝色标签 */

    .conter08 .notice-label {
        display: flex;
        align-items: center;
        flex: 0 0 170px;
        background: #126895;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }

    /* 标签文字 */

        .conter08 .notice-label span {
            flex: 1;
            padding: 18px 6px 18px 20px;
            white-space: nowrap;
        }

    /*
    小三角
    不需要 absolute
*/
        .conter08 .notice-label i {
            display: block;
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 14px solid #126895;
            /* 三角向右伸到浅蓝区域 */
            margin-right: -14px;
            flex: 0 0 auto;
            position: relative;
        }

/* 右侧文字 */

    .conter08 .notice-content {
        flex: 1;
        display: flex;
        align-items: center;
        min-width: 0;
        padding: 15px 24px 15px 30px;
        font-size: 16px;
        line-height: 1.7;
        color: #444;
    }




.conter09 {
    overflow: hidden;
    margin-top: 60px;
}
    .conter09 .conMain {
        margin-top:20px;
    }

/* 每个模块 */
    .conter09 .plan-item {
        margin-bottom: 20px;
    }

/* 标题整行 */
    .conter09 .plan-title-row {
        display: flex;
        align-items: center;
        width: 60%;
        min-width: 585px;
    }

/* 左侧蓝色数字块 */
    .conter09 .plan-num {
        flex: 0 0 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        background: #0d6796;
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        font-style: italic;
        line-height: 1;
    }

/* 中间小三角 */
    .conter09 .plan-arrow {
        flex: 0 0 auto;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid #0d6796;
    }

/* 右侧标题 */
    .conter09 .plan-title-wrap {
        flex: 1;
        min-width: 0;
    }

        .conter09 .plan-title-wrap h2 {
            margin: 0;
            padding: 0 8px 3px;
            color: #0d6796;
            font-size: 22px;
            font-weight: 700;
            line-height: 1.25;
        }

/* 双横线 */
    .conter09 .double-line {
        height: 8px;
        border-top: 4px solid #0d6796;
        border-bottom: 2px solid #0d6796;
    }

/* 正文 */
    .conter09 .plan-text {
        margin: 14px 0 0;
        padding: 0;
        font-size: 18px;
        line-height: 40px;
        text-align: justify;
    }



em {
    color: red;
}



.conter10 {
    overflow: hidden;
    margin: 30px auto 0;
    background: #095d8f;
}

    .conter10 .conMain {
        margin: 0 auto 0;
        padding: 30px 0 40px;
        background: url('../../Images/zhuanti/26diygl/26diygl_20.jpg') bottom right no-repeat;
    }
    .conter10 .conMain p {
        font-size:18px;
        line-height:40px;
        color:#fff;
        text-align:justify;
        padding:0 130px 0 0;
    }
        .conter10 .conMain p span {
            color: #fff000;
        }
