.header {
    width: 100%;
    height: 85px;
    background-color: #000000;
}
.header > .container {
    width: 58vw;
    height: 100%;
    /* background-color: green; */
    margin: 0 auto;
    position: relative;
    padding-right: 200px;
}
.header > .container > #title {
    width: 30%;
    height: 73%;
    /* background-color: yellow; */
    /* background-image: url('../img/title.png'); */
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: white;
    line-height: 4.38vh;
    font-size: xx-large;
    font-weight: bolder;
    text-align: center;
}
.banner {
    width: 100%;
    height: 48vh;
    position: relative;
    /* background-color: red; */
}

.banner .banner_img {
    width: 100%;
    height: 100%;
}

.banner .banner_img img {
    width: 100%;
    height: 100%;
}

.main1 {
    width: 100%;
    height: 66vh;
    /* background-color: red; */
}
.main1 > .container {
    width: 62vw;
    height: 77%;
    /* background-color: green; */
    margin: 0 auto;
    color: white;
}

.link {
    color: white;
}
.main1 > .container > .title {
    width: 100%;
    height: 39%;
    /* background-color: yellow; */
    position: relative;
}

.main1 > .container #title {
    width: 45%;
    height: 28%;
    /* background-color: blue; */
    background-image: url('../img/main1_title.png');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.main1 > .container > .content {
    width: 100%;
    height: 61%;
    /* background-color: pink; */
    position: relative;
}
.main1 .content-ul {
    width: 100%;
    height: 100%;
    /* background-color: green; */
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.main1 .content-li {
    width: 32.5%;
    height: 100%;
    background-color: white;
    box-shadow: 0px 5px 5px #4a4a4a;
    cursor: pointer;
}
.main1 .content-li > #img1 {
    width: 100%;
    height: 70%;
    /* background-color: blue; */
    background-image: url('../img/main1_content_img1.jpg');
    background-size: 100% 100%;
}
.main1 .content-li > #img2 {
    width: 100%;
    height: 70%;
    /* background-color: blue; */
    background-image: url('../img/main1_content_img2.jpg');
    background-size: 100% 100%;
}
.main1 .content-li > #img3 {
    width: 100%;
    height: 70%;
    /* background-color: blue; */
    background-image: url('../img/main1_content_img3.jpg');
    background-size: 100% 100%;
}
.main1 .content-li > .title {
    width: 100%;
    height: 30%;
    /* background-color: red; */
    position: relative;
}
#main1-title1 {
    width: 70%;
    height: 64%;
    /* background-color: green; */
    background-image: url('../img/main1_content_title1.jpg');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#main1-title2 {
    width: 70%;
    height: 64%;
    /* background-color: green; */
    background-image: url('../img/main1_content_title2.jpg');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#main1-title3 {
    width: 70%;
    height: 64%;
    /* background-color: green; */
    background-image: url('../img/main1_content_title3.jpg');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.footer {
    width: 100%;
    height: 18.5vh;
    background-color: #000000;
    position: relative;
}
.footer > .container {
    width: 25vw;
    height: 42%;
    /* background-color: red; */
    /* background-image: url('../img/footer_title.png'); */
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: white;
    text-align: center;
}