@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    background-image: url(../image/bg.png);
    text-align: left;
    /* overflow: hidden; */
}

img {
    max-width: 100%;
}

main {
    display: flex;
    /* width: 9610px; */
    cursor: pointer;
    overflow: hidden;
}

h1 {
    margin: 0;
    padding: 0;
}

section {
    min-width: 1200px;
    /* min-height: 100vh; */
    position: relative;
}

main section .main-line {
    position: absolute;
    height: 2px;
    width: 100%;
    top: 30px;
    background: #000;
    left: 0;
}

main section:nth-child(1) .main-line {
    right: 70px;
}

main section:nth-child(1) .main-line:before {
    content: '';
    position: absolute;
    height: 45px;
    width: 2px;
    background: #000;
    right: 0;
}

section>ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    margin-top: 113px;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

section>ul li.main-year {
    color: #3271b4;
    font-size: 60px;
    font-weight: 800;
    position: relative;
    width: 140px;
}

section>ul li {
    color: #000;
    font-weight: 800;
    font-size: 40px;
    position: relative;
    background-image: url(../image/bg.png);
    width: 90px;
    flex: 0 0 auto;
    margin-left: 100px;
}

section .logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 40px;
    width: 1540px;
    z-index: 1;
}

section .logo:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 2px dashed #0d0d0d;
    top: 25px;
    width: 1089px;
}

section .logo span {
    display: block;
    width: 156px;
    margin: auto;
    position: relative;
    background: url(../image/bg.png);
}

section .logo span:before,

section .logo span:after {
    content:
        '';
    position: absolute;
    height: 10px;
    width: 2px;
    background: #000;
    top: 21px;
    left: 0;
}

section .logo span:before {
    right: 0;
}

section .logo>b,
section .logo>span+b {
    position: absolute;
    height: 49px;
    border-left: 2px dashed #0d0d0d;
    left: 0;
    top: 26px;
}

section .logo>span+b {
    right: 0;
    left: initial;
}

section .logo>b:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    bottom: 0;
    background: #000;
    left: -7px;
}

section>ul:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    border-bottom: 2px dashed #000;
    top: 48px;
    z-index: -1;
}

section:nth-child(1)>ul:before {
    right: 180px;
}

section .row {
    margin-left: 140px !important;
    margin-right: 140px !important;
    /* display: block; */
    flex-wrap: nowrap;
}

section .row .item.mb-3 {
    margin-left: 40px;
    font-size: 14px;
    line-height: 1.4;
    direction: ltr;
    /* text-align: justify; */
    position: relative;
}
.item> a[data-bs-toggle="modal"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 900;
}
section .row .item small {
    margin-top: -12px;
    display: block;
    margin-bottom: 8px;
}

section .row .item.mb-3 figure img {
    width: 100%;
    height: 100%;
}

section .row .item.mb-3 .caption>div {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

section .row .item.mb-3 figure.imgcaption {
    background: #d5d5d5;
    padding: 15px;
    padding-bottom: 10px;
    /* height: 310px; */
}

section .row .item.mb-3 figure.imgcaption figcaption {
    display: block;
    margin-top: 13px;
    font-weight: 700;
    font-size: 14px;
}

section .row .item.mb-3 figure.full {
    height: auto;
}

section .row .item.mb-3 figure.full img {
    max-width: 100%;
    height: auto;
    display: block;
}

audio {
    width: 100%;
    margin-top: 25px;
}

/* 
.modal-lg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    top: 0 !important;
    bottom: 0 !important;
    min-height: 100% !important;
    margin: 0 !important;
}

.modal-header {
    border-radius: 0;
}

.modal-content {
    border-radius: 0;
    height: 100%;
} */

main section:nth-child(2) .logo>b:nth-child(1),
main section:nth-child(3) .logo>b:nth-child(3),
section:nth-child(3) .logo b:nth-child(2),
section:nth-child(4) .logo b:nth-child(1),
main section:nth-child(5) .logo>b:nth-child(1) {
    display: none;
}

main section:nth-child(2) .logo:before,
main section:nth-child(3) .logo:before,
main section:nth-child(4) .logo:before,
main section:nth-child(5) .logo:before {
    width: 1920px;
}


section:nth-child(3) .logo b:nth-child(1) {
    left: 826px;
}

main section .main-line>div {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top: -23px;
    width: 140px;
    margin: auto;
    background: url('../image/bg.png');
    text-align: center;
}

main section .main-line>div:before,
main section .main-line>div:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 2px;
    background: #000;
    right: inherit;
    left: 0;
    top: 19px;
}

main section .main-line>div:after {
    right: 140px;
}

main section .main-line #l7 {
    right: -703px;
}

main section .main-line #l8 {
    left: 791px;
}

main section .main-line #l7::before {
    left: inherit;
    right: 0;
}

section:nth-child(6) .main-line {
    margin-left: 191px;
    width: 80px;
}

section:nth-child(6) .main-line:before {
    content: '';
    height: 82px;
    width: 2px;
    background: #000;
    position: absolute;
    left: -1px;
}

section:nth-child(6)>ul:before {
    left: 491px;
}

section:nth-child(2) .col-md-7 .item {
    text-align: right;
}


section:nth-child(2) .col-md-7 .item figure img {
    width: 100%;
    height: auto;
}

section>ul li.main-year>span {
    position: absolute;
    height: 25px;
    width: 2px;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
}

section>ul li.main-year>span:after,
section>ul li.main-year>span:before {
    content: '';
    position: absolute;
    background: #000;
}

section>ul li.main-year>span:after {
    height: 2px;
    width: 520px;
    left: 0;
    bottom: 0;
}

section>ul li.main-year>span:before {
    height: 422px;
    width: 2px;
    left: 518px;
    top: 25px;
}

section>ul li.main-year>span>i {
    position: absolute;
    left: 518px;
    width: 37px;
    height: 2px;
    background: #000;
    top: 445px;
}

section>ul li.main-year>span>i:before {
    content: '';
    height: 10px;
    width: 10px;
    background: #000;
    position: absolute;
    right: 0px;
    top: -5px;
    border-radius: 50%;
}

section:nth-child(2) .row .col-md-4 .item {
    position: relative;
    /* left: 166px; */
}

section #img {
    position: absolute;
}

section .image01 {
    left: 449px;
    bottom: 118px;
}

.col-md-4 {
    width: 315px;
    /* float: right; */
    margin: 0;
}

section:nth-child(1) .logo:before {
    right: 110px;
    width: 880px;
}

section:nth-child(1) .logo>span+b {
    right: 110px;
}

section:nth-child(1)>ul {
    margin-right: 40px;
}

section:nth-child(1) .row .col-md-4:nth-child(3) {
    border-right: 2px solid #000;
    padding-right: 50px !important;
    /* width: 367px; */
    height: 640px;
}

section:nth-child(1)>ul li:first-child {
    margin-right: 30px;
}

section:first-child .row {
    margin-right: 65px !important;
}

section:nth-child(1) .row .col-md-4:nth-child(3) .mb-3 {
    margin-left: 0 !important;
}

section:nth-child(1) .logo {
    width: 990px;
    margin: inherit;
}

section:nth-child(1) .logo span {
    transform: translateX(-75px);
}

section:nth-child(2) .logo {
    margin-right: 40px;
}

section:nth-child(2) .logo span {
    transform: translateX(370px);
}

section:nth-child(2) .row {
    margin-right: -140px !important;
}

section:nth-child(2) .col-md-7 {
    width: 555px;
    margin-right: 39px;
}

section:nth-child(3) .row {
    margin-right: -216px !important;
}

section:nth-child(2) ul li:last-child {
    margin-right: 120px;
}


section:nth-child(3) .row .item.mb-3 {
    margin-left: 30px;
}

section:nth-child(3) .row .col-md-4 {
    width: 299px;
}

section:nth-child(3)>ul {
    padding-right: 20px;
}

section:nth-child(3)>ul:before {
    right: 0;
}

section:nth-child(3) .row .col-md-4:nth-child(3) {
    width: 330px;
}

section:nth-child(3) .row .col-md-4:nth-child(3) figure.imgcaption img {
    height: 133px;
}

main section .main-line>div {
    transform: translateX(90px);
}

section:nth-child(4) .row {
    margin-right: -453px !important;
    position: relative;
}

section:nth-child(4) .row:before {
    content: '';
    position: absolute;
    width: 2px;
    background: #000;
    height: 570px;
    right: -34px;
}

section:nth-child(4) .logo>span+b {
    display: none;
}

section:nth-child(4)>ul {
    margin-right: -130px;
}

section:nth-child(4) .logo span {
    transform: translateX(686px);
}

section:nth-child(4) .row .col-md-4.p-0 {
    width: 327px;
}

section:nth-child(4) .row .col-md-4.p-0 .item.mb-3 {
    margin-left: 30px;
}

section:nth-child(4) .row .col-md-4.p-0:nth-child(2) {
    width: 310px;
}

section:nth-child(4) .row .col-md-4.p-0:nth-child(3) {
    width: 290px;
}

section .image02 {
    right: 339px;
    bottom: 118px;
}

section:nth-child(5) .logo>span+b {
    right: -160px;
}

section:nth-child(5) .row {
    margin-right: -660px !important;
}

section:nth-child(5) .row .col-md-4.p-0 {
    width: 310px;
}

section:nth-child(5)>ul {
    margin-right: -230px;
}

section:nth-child(5):before {
    content: '';
    height: 830px;
    width: 2px;
    background: #000;
    position: absolute;
    top: 30px;
    left: 920px;
}

section:nth-child(5) .logo span {
    transform: translateX(265px);
}

section:nth-child(6) .row {
    margin-right: -875px !important;
}

section:nth-child(6)>ul {
    margin-right: -307px;
    width: 337px;
}

section:nth-child(6) .logo span {
    transform: translateX(359px);
}

section:nth-child(6) .logo>span+b {
    right: -2px;
}

section:nth-child(6) {
    min-width: 190px;
}

section:nth-child(6) .logo {
    width: 20px;
}

section:nth-child(6) .logo:before {
    width: 0;
}

section:nth-child(6) .logo {
    width: auto;
}

main section:nth-child(5) .logo:before {
    width: 1200px;
}

section:nth-child(6) .logo>b {
    left: 558px;
}

section:nth-child(2)>ul:before {
    right: 3px;
}

section:nth-child(4)>ul:before {
    left: 3px;
}

.modal-body {
    direction: ltr;
    text-align: justify;
}

section .image03 {
    bottom: 39px;
    transform: translateX(80px);
}

main section .main-line em:before {
    content:
        '';
    position: absolute;
    height: 26px;
    width: 2px;
    background: #000;
    left: 185px;
    z-index: 99;
}

main section .main-line em:after {
    content:
        '';
    position: absolute;
    height: 37px;
    width: 2px;
    background: #000;
    left: 185px;
    z-index: 99;
    top: 46px;
}

.image01 img, .image02 img,.image03 img {
    max-width: 110px;
}

main section:last-child {
    min-width: 1000px;
}


section .row .item.mb-3 .caption:after {
    content: '';
    display: inline-block;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1000" width="1000" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M814.8 463.7c-5.7999999999999545-17.19999999999999-25.299999999999955-28.099999999999966-42.39999999999998-25.19999999999999-20.799999999999955 3.5-32.10000000000002 16.5-32.299999999999955 37.39999999999998-0.20000000000004547 26.400000000000034 0.10000000000002274 52.80000000000007-0.20000000000004547 79.20000000000005 0 2.7999999999999545-0.2999999999999545 5.5-0.7999999999999545 8.199999999999932-0.7000000000000455 4.5-2.7000000000000455 8.200000000000045-4.399999999999977 8.300000000000068-1.7000000000000455 0.10000000000002274-4-3.6000000000000227-5-8.200000000000045-0.7000000000000455-2.7999999999999545-1.2000000000000455-5.600000000000023-1.2000000000000455-8.399999999999977-0.2999999999999545-37.39999999999998 0.20000000000004547-74.80000000000001-0.2999999999999545-112.10000000000002-0.40000000000009095-22.599999999999966-19.40000000000009-40-41.200000000000045-39.19999999999999-22.200000000000045 0.8000000000000114-35 15.100000000000023-35.10000000000002 39.10000000000002 0 26.899999999999977 0.20000000000004547 53.89999999999998-0.1999999999999318 80.80000000000001 0 2.6000000000000227-0.7000000000000455 5.199999999999932-1.6000000000000227 7.899999999999977-0.5 1.6000000000000227-1.2000000000000455 3.1000000000000227-2 4.2999999999999545-1.3999999999999773 2.2000000000000455-5.600000000000023 1-6.5-2.099999999999909-0.5-1.7000000000000455-0.8999999999999773-3.7000000000000455-1.1000000000000227-5.800000000000068-0.2999999999999545-3.3999999999999773-0.6000000000000227-6.7999999999999545-0.6000000000000227-10.199999999999932-0.5-35.200000000000045 0.5-70.40000000000003-1.6000000000000227-105.50000000000006-1.3999999999999773-24.5-19.799999999999955-39.19999999999999-41.89999999999998-38.19999999999999-22.5 1.1000000000000227-38 18.69999999999999-38.19999999999993 43.69999999999999-0.20000000000004547 31.900000000000034 0.1999999999999318 63.80000000000001-0.20000000000004547 95.69999999999999 0 2.6000000000000227-0.6000000000000227 5.300000000000068-1.2999999999999545 7.899999999999977-1.1000000000000227 4.300000000000068-3.5 7.600000000000023-5.300000000000068 7.400000000000091s-3.7999999999999545-4.900000000000091-4.2999999999999545-10.5c-0.3000000000000682-3.400000000000091-0.6000000000000227-6.7000000000000455-0.7000000000000455-10.100000000000023v-168c-0.10000000000002274-12.200000000000045-0.1999999999999318-24.400000000000034-0.1999999999999318-36.700000000000045-0.10000000000002274-31.899999999999977-20-53.49999999999997-47.200000000000045-53.29999999999998-27.69999999999999 0.20000000000001705-45.30000000000001 21.00000000000003-45.30000000000001 53.900000000000006v36c0 90.30000000000001 0 180.60000000000002-0.19999999999998863 270.9 0 2.800000000000068-0.6999999999999886 5.600000000000023-1.6000000000000227 8.399999999999977-1.5 4.5-6.399999999999977 6.800000000000068-10.899999999999977 5.2000000000000455-2.8000000000000114-1-5.5-2.2000000000000455-7.699999999999989-4-23.69999999999999-19.299999999999955-46.900000000000034-39.299999999999955-70.40000000000003-58.799999999999955-12.899999999999977-10.900000000000091-27.899999999999977-15.800000000000068-44.89999999999998-10.700000000000045-19.19999999999999 5.7000000000000455-31.399999999999977 18-35.89999999999998 37.60000000000002-4.600000000000023 20.199999999999932 3.599999999999966 35.39999999999998 18.599999999999966 48 51.69999999999999 43.69999999999993 103.80000000000001 87.10000000000002 155.2 131.29999999999995 7 6 12.700000000000045 15.200000000000045 15.400000000000034 24 10.599999999999966 33.5 20.19999999999999 67.30000000000007 29.099999999999966 101.30000000000007 2.8000000000000114 10.599999999999909 8.100000000000023 14.099999999999909 18.700000000000045 14.099999999999909 76.79999999999995-0.2999999999999545 153.39999999999998-0.39999999999997726 230.10000000000002 0.10000000000002274 11.899999999999977 0.10000000000002274 17-4.699999999999932 19.399999999999977-15.399999999999977 4.100000000000023-18.799999999999955 8.799999999999955-37.39999999999998 13.799999999999955-56 2.8999999999999773-10.399999999999977 4.300000000000068-22.700000000000045 11-30.5 19.200000000000045-22.600000000000023 25.100000000000023-48.700000000000045 25.300000000000068-76.70000000000005 0.2999999999999545-79.69999999999993 0.1999999999999318-159.39999999999998-0.10000000000002274-239.19999999999993 0-8.700000000000045-1-17.700000000000045-3.800000000000068-25.900000000000034z m-313.69999999999993-264.6c81.60000000000002 2.842170943040401e-14 147.69999999999993 66.20000000000005 147.69999999999993 147.90000000000003h24.40000000000009c0-95.1-77.10000000000002-172.1-172.10000000000002-172.1s-172.20000000000005 77-172.20000000000005 172.1c0 40.5 14 77.80000000000001 37.60000000000002 107.19999999999999l18.30000000000001-16.099999999999966c-19.80000000000001-25.100000000000023-31.5-56.700000000000045-31.5-91.10000000000002 0.0999999999999659-81.69999999999999 66.19999999999999-147.9 147.8-147.9z m434.4 36.80000000000004l-73.60000000000002-139.4c-2.699999999999932-5.099999999999994-7.100000000000023-5.099999999999994-9.799999999999955 0l-13.899999999999977 26.299999999999997c-2.7000000000000455 5.1000000000000085-2.7000000000000455 13.399999999999991 0 18.500000000000014l40.59999999999991 77h-158.69999999999993c-44.200000000000045-75.10000000000002-125.60000000000002-125.60000000000001-219-125.60000000000001-94.30000000000001 0-176.40000000000003 51.39999999999999-220.3 127.7v-2.0999999999999943h-159.70000000000002l40.599999999999994-77c2.700000000000017-5.100000000000023 2.700000000000017-13.400000000000006 0-18.500000000000014l-13.899999999999977-26.299999999999997c-2.700000000000017-5.099999999999994-7.100000000000023-5.099999999999994-9.800000000000011 0l-73.5 139.4c-2.700000000000003 5.099999999999994-2.700000000000003 13.400000000000006 0 18.5l73.6 139.4c2.700000000000017 5.099999999999966 7.099999999999994 5.099999999999966 9.800000000000011 0l13.900000000000006-26.30000000000001c2.6999999999999886-5.100000000000023 2.6999999999999886-13.399999999999977 0-18.5l-41.20000000000002-78h137.9c-7.5 24-11.599999999999994 49.5-11.599999999999994 76 0 55 17.49999999999997 106 47.29999999999998 147.60000000000002 6-6.5 14-11.100000000000023 23.80000000000001-14 3.1999999999999886-0.9000000000000341 6.199999999999989-1.5 9.300000000000011-1.8000000000000114-27.900000000000034-36.69999999999999-44.400000000000034-82.40000000000003-44.400000000000034-131.90000000000003 0-120.59999999999997 97.70000000000005-218.39999999999998 218.20000000000005-218.39999999999998s218.19999999999993 97.80000000000001 218.19999999999993 218.5c0 0.5 0 0.8000000000000114-0.09999999999990905 1.3000000000000114 0.09999999999990905 0.19999999999998863 0 0.5 0 0.6999999999999886l0.599999999999909 0.10000000000002274 35.40000000000009 5.2999999999999545c0.09999999999990905-2.3999999999999773 0.09999999999990905-4.899999999999977 0.09999999999990905-7.399999999999977 0-26.5-4.099999999999909-52-11.599999999999909-76h135.69999999999993l-41.19999999999993 78c-2.7000000000000455 5.100000000000023-2.7000000000000455 13.399999999999977 0 18.5l13.899999999999977 26.30000000000001c2.699999999999932 5.099999999999966 7.100000000000023 5.099999999999966 9.799999999999955 0l73.60000000000002-139.4c2.7000000000000455-5.099999999999994 2.7000000000000455-13.400000000000006 0-18.5z" fill="%2369AFDC"/> </svg>');
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 2px;
    background-color: #f9f9f9;
}

section .row .item.mb-3 .caption {
    position: relative;
}