@charset "utf-8";
@font-face {
    font-family: title;
    src: url(../font/font-title.woff) format("woff"), url(../font/font-title.ttf) format("truetype");
}

@font-face {
    font-family: title2;
    src: url(../font/font-title-2.woff) format("woff"), url(../font/font-title-2.ttf) format("truetype");
}

/* 自定义整个滚动条 */
::-webkit-scrollbar {
    border-radius: 6px;
    width: 6px; /* 设置滚动条的宽度 */
    height: 6px;
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 设置轨道的背景颜色 */
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
    background: #888; /* 设置滑块的背景颜色 */
}

/* 当滑块悬停或活动时自定义滚动条的滑块 */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* 设置滑块在悬停状态下的背景颜色 */
}

html, body, .mask, .app {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 1460px;
    box-sizing: border-box;
    font: 16px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}

html {
    background: #f7e8c9;
    /*filter: brightness(1.12);*/
}

body {

}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: url(../images/bg/bg.png);
    opacity: 0.5;
}

.app {
    overflow: hidden;
    width: 100%;
}

.banner {
    width: 100%;
    height: 1438px;
    background-image: url(../images/bg/banner.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1920px 1438px;
}

.daiwen {
    position: absolute;
    left: 50%;
    top: 950px;
    transform: translateX(-50%) translateX(30px);
    width: 900px;
    display: flex;
    justify-content: space-around;
}

.qianyan {
    width: 1245px;
    height: 382px;
    margin: -325px auto 0;
    /*background-image: url(../images/bg/qianyan.png);*/
    background-image: url(../images/bg/qianyan_content_bg.png);
    padding: 55px 95px 140px 180px;
    box-sizing: border-box;
}

.qianyan-content {
    /*display: none;*/
    width: 100%;
    height: 100%;
    color: #fff284;
    line-height: 36px;
    text-indent: 2em;
    font-size: 20px;
}

.content {
    margin: 0 auto;
    width: 1400px;
    text-align: justify;
}

.item {
    padding: 80px 0;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
}

.item-bg {
    position: absolute;
    filter: sepia(10) hue-rotate(330deg) saturate(300%);
    background-repeat: no-repeat;
    opacity: 0.2;
}

.item-mask-bg {
    position: absolute;
    width: 1920px;
    height: 715px;
    left: 50%;
    top: 0;
    background-image: url(../images/bg/item-bg.png);
    background-repeat: no-repeat;
    transform: translateX(-50%);
    filter: brightness(1.2);
}

.item-title {
    width: 1300px;
    height: 323px;
    background-image: url(../images/bg/tltlt_bg.png);
    transform: translateX(-100px);
}

.item-title-txt {
    font-size: 46px;
    font-family: title;
    font-style: italic;
    color: #fffec9;
    position: absolute;
    left: 330px;
    top: 77px;
}

.item-title-txt-2 {
    font-size: 40px;
    font-family: title2;
    font-style: italic;
    color: #b62121;
    position: absolute;
    left: 630px;
    top: 136px;
}

.title-info {
    position: relative;
    font-family: PingFangSC-Medium;
    color: #4f0500;
    margin-left: 220px;
    width: 650px;
    font-size: 15px;
    line-height: 26px;
}

.item1 .item-bg {
    width: 885px;
    height: 710px;
    right: 0;
    top: 0;
    transform: translate(260px, 30px);
    background-image: url(../images/bg/title1-right.png);
}

.item-child {
    position: relative;
    margin: 50px auto 0;
    background-repeat: no-repeat;
    background-position: center;
}


.sub-child {
    position: absolute;
}

.sub-child-img-card {

}

.img-card-wrap {
    position: relative;
    width: 340px;
    height: 220px;
    /*cursor: pointer;*/
    overflow: hidden;
    background-color: #baaf8a;
}

.img-card--img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform .25s linear;
}

.img-card-wrap:hover .img-card--img {
    transform: translate(-50%, -50%) scale(1.1);
}

.img-card--title {
    position: relative;
    width: 340px;
    height: 120px;
    box-sizing: border-box;
    background-color: #fef3c9;
    color: #191919;
    padding: 10px 15px 0;
    line-height: 25px;
    font-size: 14px;
}

.sub-child-txt {
    position: absolute;
    width: 345px;
    height: auto;
    box-sizing: border-box;
    color: #fff6ab;
    /*padding: 10px 15px 0;*/
    line-height: 25px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.sub-child-tips {
    --color: #ac6834;
    --tips-size: 26px;
    position: absolute;
    width: 611px;
    height: 125px;
    display: flex;
}

.sub-child-tips--top-left,
.sub-child-tips--top-right {
    flex-direction: column;
}

.sub-child-tips--bottom-left,
.sub-child-tips--bottom-right {
    flex-direction: column-reverse;
}

.sub-child-tips--right-top,
.sub-child-tips--right-bottom {
    flex-direction: row-reverse;
}

.sub-child-tips--left-top,
.sub-child-tips--left-bottom {
    flex-direction: row;
}

.sub-child-tips .tips-arrow-wrap {
    flex-shrink: 0;
    position: relative;
}

.sub-child-tips--top-left .tips-arrow-wrap,
.sub-child-tips--top-right .tips-arrow-wrap,
.sub-child-tips--bottom-left .tips-arrow-wrap,
.sub-child-tips--bottom-right .tips-arrow-wrap {
    width: 100%;
    height: var(--tips-size);
}

.sub-child-tips--right-top .tips-arrow-wrap,
.sub-child-tips--right-bottom .tips-arrow-wrap,
.sub-child-tips--left-top .tips-arrow-wrap,
.sub-child-tips--left-bottom .tips-arrow-wrap {
    width: var(--tips-size);
    height: 100%;
}

.tips-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: calc(var(--tips-size) / 2) solid;
    border-color: var(--color);
}

.sub-child-tips--top-left .tips-arrow {
    top: 0;
    left: 0;
    border-top-color: transparent;
    border-right-color: transparent;
}

.sub-child-tips--right-bottom .tips-arrow {
    right: 0;
    bottom: 0;
    border-top-color: transparent;
    border-right-color: transparent;
}

.sub-child-tips--top-right .tips-arrow {
    top: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent;
}

.sub-child-tips--left-bottom .tips-arrow {
    left: 0;
    bottom: 0;
    border-top-color: transparent;
    border-left-color: transparent;
}

.sub-child-tips--bottom-left .tips-arrow {
    bottom: 0;
    left: 0;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.sub-child-tips--right-top .tips-arrow {
    right: 0;
    top: 0;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.sub-child-tips--bottom-right .tips-arrow {
    bottom: 0;
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.sub-child-tips--left-top .tips-arrow {
    left: 0;
    top: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.sub-child-tips .tips-txt {
    flex: 1;
    box-sizing: border-box;
    color: #fff6ab;
    background-color: var(--color);
    line-height: 25px;
    font-size: 14px;
    padding: 10px 25px 0;
}

.sub-child-tips--top-left .tips-txt,
.sub-child-tips--top-right .tips-txt,
.sub-child-tips--bottom-left .tips-txt,
.sub-child-tips--bottom-right .tips-txt {
    width: 100%;
}

.sub-child-tips--right-top .tips-txt,
.sub-child-tips--right-bottom .tips-txt,
.sub-child-tips--left-top .tips-txt,
.sub-child-tips--left-bottom .tips-txt {
    height: 100%;
}


.item-child-1-1 {
    width: 1186px;
    height: 402px;
    background-image: url("../images/bg/1-1-bg.png");
}

.sub-child-1-1-1 {
    top: 120px;
    left: 50px;
}


.sub-child-1-1-2 {
    top: 30px;
    left: 450px;
}

.sub-child-1-1-3 {
    top: 30px;
    left: 820px;
}

.item-child-1-2 {
    width: 1186px;
    height: 694px;
    background-image: url(../images/bg/1-2-bg.png);
}

.sub-child-1-2-1 {
    left: 45px;
    top: 55px;
}

.sub-child-1-2-2 {
    left: 45px;
    top: 140px;
}

.sub-child-1-2-3 {
    left: 455px;
    top: 30px;
}

.sub-child-1-2-4 {
    left: 695px;
    top: 30px;
}

.sub-child-1-2-5 {
    left: 935px;
    top: 30px;
}

.sub-child-1-2-3 .img-card-wrap,
.sub-child-1-2-4 .img-card-wrap,
.sub-child-1-2-5 .img-card-wrap {
    width: 215px;
    height: 315px;
}

.sub-child-1-2-6 {
    left: 45px;
    top: 305px;
}

.sub-child-1-2-6 .img-card-wrap {
    width: 234px;
    height: 347px;
}

.sub-child-1-2-6 .img-card-wrap .img-card--img {
    background-position: 45% -2px;
}

.sub-child-1-2-7 {
    top: 485px;
    left: 298px;
    width: 230px;
}

.sub-child-1-2-8 {
    left: 567px;
    top: 410px;
}

.sub-child-1-2-8 .img-card-wrap {
    width: 368px;
    height: 227px;
}

.sub-child-1-2-9 {
    width: 200px;
    left: 957px;
    top: 484px;
}

.item-child-1-3 {
    width: 1184px;
    height: 234px;
    background-image: url(../images/bg/1-3-bg.png);
}

.sub-child-1-3-1 {
    left: 45px;
    top: 30px;
}

.sub-child-1-3-2 {
    width: 340px;
    left: 280px;
    top: 100px;
}

.sub-child-1-3-3 {
    left: 657px;
    top: 0;
}


.sub-child-1-3-3 .img-card-wrap {
    width: 280px;
    height: 234px;
}

.item-child-1-4 {
    width: 1184px;
    height: 810px;
}

.sub-child-1-4-1 {
    left: 0;
    top: 0;
}


.sub-child-1-4-1 .img-card-wrap {
    width: 163px;
    height: 295px;
}

.sub-child-1-4-2 {
    left: 183px;
    top: 0;
}


.sub-child-1-4-2 .img-card-wrap {
    width: 428px;
    height: 295px;
}

.sub-child-1-4-3 {
    top: 310px;
}

.sub-child-1-4-4 {
    width: 215px;
    height: 340px;
    bottom: 0;
}

.sub-child-1-4-4 .tips-txt {
    padding-top: 40px;
}

.sub-child-1-4-5 {
    left: 215px;
    top: 470px;
}


.sub-child-1-4-5 .img-card-wrap {
    width: 195px;
    height: 270px;
}

.sub-child-1-4-6 {
    left: 421px;
    top: 666px;
}


.sub-child-1-4-6 .img-card-wrap {
    width: 190px;
    height: 143px;
}

.sub-child-1-4-7 {
    right: 0;
    top: 0;
}


.sub-child-1-4-7 .img-card-wrap {
    width: 453px;
    height: 662px;
}

.sub-child-1-4-8 {
    width: 453px;
    height: 125px;
    right: 0;
    bottom: 0;
}

.sub-child-1-4-8 .tips-txt {
    padding-top: 25px;
}

.item2 .item-bg {
    width: 1920px;
    height: 630px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    background-image: url(../images/bg/title2-right-1.png), url(../images/bg/title2-right-2.png), url(../images/bg/title2-right-3.png);
    background-position: right -50px, 1220px 210px, 965px 90px;
    opacity: .3;
    filter: sepia(10) hue-rotate(0deg) saturate(200%);
}

.item2 .title-info {
    width: 780px;
}

.item-child-2-1 {
    width: 1186px;
    height: 505px;
    background-image: url(../images/bg/2-1-bg.png);
}

.sub-child-2-1-1 {
    left: 45px;
    top: 35px;
}

.sub-child-2-1-2 {
    width: 340px;
    left: 45px;
    top: 110px;
}

.sub-child-2-1-3 {
    width: 315px;
    left: 135px;
    top: 375px;
}

.sub-child-2-1-4 {
    left: 465px;
    top: 155px;
}


.sub-child-2-1-4 .img-card-wrap {
    width: 215px;
    height: 310px;
}

.sub-child-2-1-5 {
    left: 715px;
    top: 155px;
}


.sub-child-2-1-5 .img-card-wrap {
    width: 440px;
    height: 310px;
}

.item-child-2-2 {
    width: 1187px;
    height: 438px;
    background-image: url(../images/bg/2-2-bg.png);
}

.sub-child-2-2-1 {
    left: 0;
    top: 0;
}

.sub-child-2-2-1 .img-card-wrap {
    width: 342px;
    height: 438px;
}

.sub-child-2-2-2 {
    width: 272px;
    left: 374px;
    top: 270px;
}

.sub-child-2-2-3 {
    left: 635px;
    top: 50px;
}

.sub-child-2-2-4 {
    width: 380px;
    left: 635px;
    top: 100px;
}

.item-child-2-3 {
    width: 1187px;
    height: 509px;
    background-image: url(../images/bg/2-3-bg.png);
}

.sub-child-2-3-1 {
    left: 20px;
    top: 10px;
}

.sub-child-2-3-2 {
    width: 710px;
    left: 40px;
    top: 85px;
    color: #940800;
}

.sub-child-2-3-3 {
    left: 40px;
    top: 160px;
}

.sub-child-2-3-3 .img-card-wrap {
    width: 340px;
    height: 200px;
}

.sub-child-2-3-4 {
    width: 340px;
    left: 40px;
    top: 375px;
    color: #1a1a1a;
}

.sub-child-2-3-5 {
    width: 345px;
    left: 475px;
    top: 355px;
    color: #1a1a1a;
}

.sub-child-2-3-6 {
    right: 40px;
    top: 100px;
}

.sub-child-2-3-6 .img-card-wrap {
    width: 295px;
    height: 365px;
}

.item-child-2-4 {
    margin-top: 0;
    width: 1187px;
    height: 543px;
    background-image: url(../images/bg/2-4-bg.png);
}

.sub-child-2-4-1 {
    left: 40px;
    top: 45px;
}

.sub-child-2-4-1 .img-card-wrap {
    width: 230px;
    height: 315px;
}

.sub-child-2-4-1 .img-card--title {
    width: 100%;
    text-align: center;
    padding: 0;
    line-height: 45px;
    height: auto;
    background-color: transparent;
    color: #191919;
}

.sub-child-2-4-2 {
    width: 190px;
    left: 295px;
    top: 110px;
    color: #191919;
}

.sub-child-2-4-3 {
    right: 40px;
    top: 225px;
}

.sub-child-2-4-3 .img-card-wrap {
    width: 625px;
    height: 240px;
}

.sub-child-2-4-3 .img-card--title {
    width: 100%;
    text-align: center;
    padding: 0;
    line-height: 45px;
    height: auto;
    background-color: transparent;
    color: #191919;
}

.item-child-2-5 {
    width: 1184px;
    height: 500px;
}

.sub-child-2-5-1 {
    top: 20px;
}

.sub-child-2-5-2 {
    bottom: 0;
    width: 334px;
    height: 401px;
    background-image: url(../images/bg/2-5-1bg.png);
    padding: 35px 20px 0;
}

.sub-child-2-5-3 {
    left: 359px;
    bottom: 0;
}


.sub-child-2-5-4 {
    right: 0;
    bottom: 0;
}

.sub-child-2-5-3 .img-card-wrap,
.sub-child-2-5-4 .img-card-wrap {
    width: 400px;
    height: 240px;
}

.sub-child-2-5-3 .img-card--title,
.sub-child-2-5-4 .img-card--title {
    width: 400px;
    padding: 20px 20px 0;
    height: 161px;
    background-color: #810810;
    color: #fff59d;
}

.item-child-2-6 {
    margin-top: 20px;
    width: 1186px;
    height: 421px;
    background-image: url("../images/bg/2-6-bg.png");
}

.sub-child-2-6-1 {
    width: 247px;
    height: 346px;
    left: 33px;
    top: 42px;
}

.sub-child-2-6-2 {
    width: 280px;
    left: 312px;
    top: 120px;
}

.sub-child-2-6-3 {
    width: 260px;
    left: 620px;
    top: 270px;
}

.sub-child-2-6-4 {
    width: 247px;
    height: 346px;
    right: 33px;
    top: 42px;
}

.item3 .title-info {
    width: 930px;
}

.item3 .item-bg {
    width: 1920px;
    height: 591px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    background-image: url(../images/bg/title3-right.png);
    background-position: right 50px;
    opacity: .3;
    filter: sepia(10) hue-rotate(0deg) saturate(200%);
}

.item-child-3-1 {
    width: 1187px;
    height: 412px;
}

.sub-child-3-1-1 {
    left: 40px;
    top: 40px;
    z-index: 1;
}

.sub-child-3-1-2 {
    bottom: 0;
    width: 340px;
    height: 412px;
    background-image: url(../images/bg/3-1-1-bg.png);
    padding: 180px 40px 0;
}

.sub-child-3-1-3 {
    left: 385px;
    bottom: 0;
}


.sub-child-3-1-4 {
    right: 0;
    bottom: 0;
}

.sub-child-3-1-3 .img-card-wrap,
.sub-child-3-1-4 .img-card-wrap {
    width: 378px;
    height: 280px;
}

.sub-child-3-1-3 .img-card--title,
.sub-child-3-1-4 .img-card--title {
    width: 378px;
    padding: 20px 20px 0;
    height: 132px;
    background-color: #a14c06;
    color: #fff59d
}

.item-child-3-2 {
    width: 1187px;
    height: 374px;
}

.sub-child-3-2-1 {
    left: 40px;
    top: 40px;
    z-index: 1;
}

.sub-child-3-2-2 {
    bottom: 0;
    width: 341px;
    height: 374px;
    background-image: url(../images/bg/3-1-2-bg.png);
    padding: 110px 40px 0;
}

.sub-child-3-2-3 {
    left: 386px;
    bottom: 0;
}


.sub-child-3-2-4 {
    right: 0;
    bottom: 0;
}

.sub-child-3-2-3 .img-card-wrap,
.sub-child-3-2-4 .img-card-wrap {
    width: 378px;
    height: 241px;
}

.sub-child-3-2-3 .img-card--title,
.sub-child-3-2-4 .img-card--title {
    width: 378px;
    padding: 20px 20px 0;
    height: 133px;
    background-color: #810810;
    color: #fff59d
}

.item-child-3-3 {
    margin-top: 30px;
    width: 1187px;
    height: 591px;
    background-image: url("../images/bg/3-2-bg.png");
}

.sub-child-3-3-1 {
    left: 40px;
    top: 35px;
}

.sub-child-3-3-2 {
    width: 608px;
    left: 40px;
    top: 95px;
    color: #1a1a1a;
}

.sub-child-3-3-3 {
    left: 40px;
    top: 215px;
}

.sub-child-3-3-3 .img-card-wrap {
    width: 380px;
    height: 275px;
}

.sub-child-3-3-4 {
    width: 260px;
    left: 455px;
    top: 250px;
    color: #1a1a1a;
}


.sub-child-3-3-5 {
    left: 420px;
    top: 385px;
}

.sub-child-3-3-5 .img-card-wrap {
    width: 298px;
    height: 168px;
}

.sub-child-3-3-6 {
    left: 765px;
    top: 100px;
}

.sub-child-3-3-6 .img-card-wrap {
    width: 380px;
    height: 240px;
}

.sub-child-3-3-6 .img-card-wrap .img-card--img {
    transform: translate(-50%, -50%) scale(1.1);
}

.sub-child-3-3-6 .img-card-wrap:hover .img-card--img {
    transform: translate(-50%, -50%) scale(1.2);
}

.sub-child-3-3-7 {
    width: 380px;
    left: 765px;
    top: 360px;
    color: #1a1a1a;
}

.item-child-3-4 {
    margin-top: 30px;
    width: 1186px;
    height: 487px;
    background-image: url(../images/bg/3-3-bg.png);
    background-position: 0 -105px;
}

.sub-child-3-4-1 {
    left: 40px;
    top: 45px;
}

.sub-child-3-4-2 {
    width: 300px;
    left: 40px;
    top: 105px;
    color: #fff59d;
}


.sub-child-3-4-3 {
    left: 40px;
    top: 240px;
}

.sub-child-3-4-3 .img-card-wrap {
    width: 210px;
    height: 150px;
}

.sub-child-3-4-4 {
    width: 200px;
    left: 45px;
    top: 405px;
    color: #fff59d;
}


.sub-child-3-4-5 {
    left: 410px;
    top: 40px;
}

.sub-child-3-4-5 .img-card-wrap {
    width: 289px;
    height: 407px;
}

.sub-child-3-4-6 {
    width: 300px;
    left: 745px;
    top: 325px;
    color: #fff59d;
}

.item-child-3-5 {
    margin-top: 30px;
    width: 1187px;
    height: 50px;
    background-color: #810810;
}

.sub-child-3-5-1 {
    left: 25px;
    top: 11px;
}

.item-child-3-6 {
    margin-top: 0;
    width: 1187px;
    height: 567px;
    background-color: #fef3c9;
    border: 5px solid #d5bf79;
    box-sizing: border-box;
    /*background-image: url(../images/bg/3-5-bg.png);
    background-size: 100% 100%;*/
}

.sub-child-3-6-1 {
    width: 445px;
    left: 35px;
    top: 30px;
    color: #1a1a1a;
}

.sub-child-3-6-2 {
    left: 35px;
    top: 165px;
}

.sub-child-3-6-2 .img-card-wrap {
    width: 260px;
    height: 357px;
}

.sub-child-3-6-3 {
    width: 160px;
    left: 325px;
    top: 165px;
    color: #1a1a1a;
}

.sub-child-3-6-4 {
    left: 520px;
    top: 30px;
}

.sub-child-3-6-4 .img-card-wrap {
    width: 615px;
    height: 390px;
}


.sub-child-3-6-5 {
    width: 615px;
    left: 520px;
    top: 450px;
    color: #1a1a1a;
}

.item-child-3-7 {
    margin-top: 0;
    width: 1187px;
    height: 489px;
    background-image: url(../images/bg/3-5-bg.png);
}

.sub-child-3-7-1 {
    left: 25px;
    top: 60px;
}

.sub-child-3-7-2 {
    width: 260px;
    left: 25px;
    top: 115px;
    color: #1a1a1a;
}

.sub-child-3-7-3 {
    left: 335px;
    top: 60px;
}

.sub-child-3-7-3 .img-card-wrap {
    width: 380px;
    height: 255px;
}

.sub-child-3-7-4 {
    width: 380px;
    left: 335px;
    top: 325px;
    color: #1a1a1a;
}

.sub-child-3-7-5 {
    left: 750px;
    top: 60px;
}

.sub-child-3-7-5 .img-card-wrap {
    width: 292px;
    height: 255px;
}

.sub-child-3-7-6 {
    width: 292px;
    left: 750px;
    top: 325px;
    color: #1a1a1a;
}

.item4 .item-bg {
    width: 1920px;
    height: 741px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    background-image: url(../images/bg/title4-right.png);
    background-position: right 0;
    opacity: .3;
    filter: sepia(10) hue-rotate(0deg) saturate(200%);
}

.item-child-4-1 {
    width: 1183px;
    height: 319px;
}

.sub-child-4-1-1 {
    left: 30px;
    top: 20px;
    z-index: 1;
}

.sub-child-4-1-2 {
    bottom: 0;
    width: 309px;
    height: 319px;
    background-image: url(../images/bg/4-1-1-bg.png);
    padding: 105px 30px 0;
    color: #fff59d;
}

.sub-child-4-1-3 {
    left: 337px;
    bottom: 0;
}


.sub-child-4-1-4 {
    left: 628px;
    bottom: 0;
}

.sub-child-4-1-5 {
    right: 0;
    bottom: 0;
}

.sub-child-4-1-3 .img-card-wrap,
.sub-child-4-1-4 .img-card-wrap,
.sub-child-4-1-5 .img-card-wrap {
    width: 263px;
    height: 180px;
}

.sub-child-4-1-3 .img-card--title,
.sub-child-4-1-4 .img-card--title,
.sub-child-4-1-5 .img-card--title {
    width: 263px;
    padding: 20px 20px 0;
    height: 139px;
    background-color: #810810;
    color: #fff59d;
}

.item-child-4-2 {
    width: 1183px;
    height: 331px;
}

.sub-child-4-2-1 {
    left: 30px;
    top: 20px;
    z-index: 1;
}

.sub-child-4-2-2 {
    bottom: 0;
    width: 310px;
    height: 331px;
    background-image: url(../images/bg/4-2-1-bg.png);
    padding: 90px 30px 0;
    color: #fff59d;
}

.sub-child-4-2-3 {
    left: 337px;
    bottom: 0;
}


.sub-child-4-2-4 {
    left: 628px;
    bottom: 0;
}

.sub-child-4-2-5 {
    right: 0;
    bottom: 0;
}

.sub-child-4-2-3 .img-card-wrap,
.sub-child-4-2-4 .img-card-wrap,
.sub-child-4-2-5 .img-card-wrap {
    width: 263px;
    height: 192px;
}

.sub-child-4-2-3 .img-card--title,
.sub-child-4-2-4 .img-card--title,
.sub-child-4-2-5 .img-card--title {
    width: 263px;
    padding: 20px 20px 0;
    height: 139px;
    background-color: #845a3d;
    color: #fff59d;
}

.sub-child-4-2-4 .img-card--title {
    padding: 15px 10px 0;
}

.item-child-4-3 {
    width: 1183px;
    height: 316px;
}

.sub-child-4-3-1 {
    left: 30px;
    top: 20px;
    z-index: 1;
}

.sub-child-4-3-2 {
    bottom: 0;
    width: 310px;
    height: 316px;
    background-image: url(../images/bg/4-3-1-bg.png);
    padding: 90px 30px 0;
    color: #fff59d;
}

.sub-child-4-3-3 {
    left: 344px;
    bottom: 0;
}

.sub-child-4-3-3 .img-card--img {
    background-size: contain;
}


.sub-child-4-3-4 {
    right: 0;
    bottom: 0;
}

.sub-child-4-3-3 .img-card-wrap,
.sub-child-4-3-4 .img-card-wrap {
    width: 403px;
    height: 224px;
}

.sub-child-4-3-3 .img-card--title,
.sub-child-4-3-4 .img-card--title {
    width: 403px;
    padding: 10px 20px 0;
    height: 92px;
    background-color: #a04b06;
    color: #fff59d;
}

.item-child-4-4 {
    width: 1183px;
    height: 60px;
    background-color: #810810;
}

.sub-child-4-4-1 {
    left: 35px;
    top: 15px;
}

.item-child-4-5 {
    margin-top: 0;
    width: 1183px;
    height: 583px;
    background-image: url(../images/bg/4-4-bg.png);
}

.sub-child-4-5-1 {
    left: 35px;
    top: 35px;
    width: 730px;
    color: #fff59d;
}

.sub-child-4-5-2 {
    left: 35px;
    bottom: 35px;
}

.sub-child-4-5-3 {
    left: 421px;
    bottom: 35px;
}


.sub-child-4-5-4 {
    right: 35px;
    bottom: 35px;
}

.sub-child-4-5-2 .img-card-wrap,
.sub-child-4-5-3 .img-card-wrap,
.sub-child-4-5-4 .img-card-wrap {
    width: 340px;
    height: 211px;
}

.sub-child-4-5-2 .img-card--title,
.sub-child-4-5-3 .img-card--title,
.sub-child-4-5-4 .img-card--title {
    width: 340px;
    padding: 15px 20px 0;
    height: 155px;
    background-color: #fef3c9;
    color: #191919
}


.item-child-4-6 {
    margin-top: 0;
    width: 1183px;
    height: 60px;
    background-color: #810810;
}

.sub-child-4-6-1 {
    left: 35px;
    top: 15px;
}

.item-child-4-7 {
    margin-top: 0;
    width: 1183px;
    height: 524px;
    background-image: url(../images/bg/4-5-bg.png);
}

.sub-child-4-7-1 {
    left: 35px;
    top: 35px;
    width: 830px;
    color: #1a1a1a;
}

.sub-child-4-7-2 {
    left: 35px;
    bottom: 35px;
}

.sub-child-4-7-3 {
    left: 421px;
    bottom: 35px;
}


.sub-child-4-7-4 {
    right: 35px;
    bottom: 35px;
}

.sub-child-4-7-2 .img-card-wrap,
.sub-child-4-7-3 .img-card-wrap,
.sub-child-4-7-4 .img-card-wrap {
    width: 340px;
    height: 211px;
}

.sub-child-4-7-2 .img-card--title,
.sub-child-4-7-3 .img-card--title,
.sub-child-4-7-4 .img-card--title {
    width: 340px;
    padding: 15px 20px 0;
    height: 155px;
    background-color: #fef3c9;
    color: #1a1a1a;
}

.item5 .item-bg {
    width: 1920px;
    height: 610px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    background-image: url(../images/bg/title5-right.png);
    background-position: right 40px;
    opacity: .3;
    filter: sepia(10) hue-rotate(0deg) saturate(200%);
}

.item-child-5-1 {
    width: 1183px;
    height: 346px;
}

.sub-child-5-1-1 {
    left: 0;
    top: 0;
}

.sub-child-5-1-1 .img-card-wrap {
    width: 263px;
    height: 346px;
}


.sub-child-5-1-2 {
    left: 308px;
    top: 0;
}

.sub-child-5-1-2 .img-card-wrap {
    width: 263px;
    height: 346px;
}

.sub-child-5-1-3 {
    left: 646px;
    top: 40px;
    z-index: 1;
}

.sub-child-5-1-4 {
    right: 0;
    top: 0;
    width: 567px;
    height: 214px;
    background-image: url(../images/bg/5-1-bg.png);
    padding: 90px 30px 0;
}

.sub-child-5-1-5 {
    right: 0;
    bottom: 0;
    width: 593px;
    height: 117px;
    --color: #fef3c9;
}

.sub-child-5-1-5 .tips-txt {
    color: #191919;
    padding: 20px 30px 0;
}

.item-child-5-2 {
    width: 1183px;
    height: 385px;
}

.sub-child-5-2-1 {
    left: 25px;
    top: 45px;
    z-index: 1;
}

.sub-child-5-2-2 {
    left: 0;
    top: 0;
    width: 584px;
    height: 235px;
    background-image: url(../images/bg/5-2-bg.png);
    padding: 115px 25px 0;
}

.sub-child-5-2-3 {
    left: 0;
    bottom: 0;
    width: 610px;
    height: 133px;
    --color: #ac6834;
}

.sub-child-5-2-3 .tips-txt {
    color: #fff6ab;
    padding: 30px 30px 0;
}

.sub-child-5-2-4 {
    right: 0;
    top: 0;
}

.sub-child-5-2-4 .img-card-wrap {
    width: 561px;
    height: 385px;
}

.item-child-5-3 {
    width: 1183px;
    height: 262px;
    background-color: #ac6834;
}

.sub-child-5-3-1 {
    left: 0;
    top: 0;
}

.sub-child-5-3-1 .img-card-wrap {
    width: 370px;
    height: 262px;
}

.sub-child-5-3-2 {
    left: 400px;
    top: 28px;
    width: 190px;
}

.sub-child-5-3-3 {
    left: 620px;
    top: 0;
}

.sub-child-5-3-3 .img-card-wrap {
    width: 335px;
    height: 262px;
}

.sub-child-5-3-4 {
    left: 980px;
    top: 28px;
    width: 150px;
}

.item-child-5-4 {
    width: 1183px;
    height: 390px;
}

.sub-child-5-4-1 {
    left: 0;
    top: 0;
    width: 580px;
    height: 60px;
    background-color: #810810;
}

.sub-child-5-4-2 {
    left: 30px;
    top: 15px;
}

.sub-child-5-4-3 {
    width: 560px;
    left: 10px;
    top: 90px;
    color: #2f2f2f;
}

.sub-child-5-4-4 {
    left: 10px;
    bottom: 0;
}

.sub-child-5-4-4 .img-card-wrap {
    width: 295px;
    height: 204px;
}

.sub-child-5-4-5 {
    left: 310px;
    bottom: 0;
    width: 270px;
    height: 204px;
    --color: #ac6834;
}

.sub-child-5-4-5 .tips-txt {
    color: #fff6ab;
    padding: 22px 20px 0;
    line-height: 20px;
}

.sub-child-5-4-6 {
    left: 630px;
    bottom: 0;
}

.sub-child-5-4-6 .img-card-wrap {
    width: 295px;
    height: 390px;
}

.sub-child-5-4-7 {
    right: 0;
    bottom: 0;
    width: 248px;
    height: 390px;
    --color: #ac6834;
}

.sub-child-5-4-7 .tips-txt {
    color: #fff6ab;
    padding: 200px 25px 0;
}

.item6 .item-bg {
    width: 1920px;
    height: 525px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    background-image: url(../images/bg/title6-right.png);
    background-position: right 50px;
    opacity: .3;
    filter: sepia(10) hue-rotate(0deg) saturate(200%);
}

.item-child-6-1 {
    width: 1187px;
    height: 596px;
}

.sub-child-6-1-1 {
    left: 0;
    bottom: 0;
}

.sub-child-6-1-1 .img-card-wrap {
    width: 820px;
    height: 596px;
}

.sub-child-6-1-2 {
    right: 0;
    top: 0;
    width: 367px;
    height: 596px;
    color: #fff59d;
    background-image: url("../images/bg/6-1-bg.png");
    padding: 95px 30px 0;
}

.item-child-6-2 {
    margin-top: 10px;
    width: 1187px;
    height: 967px;
    background-image: url("../images/bg/6-2-bg.png");
}

.sub-child-6-2-1 {
    left: 40px;
    top: 50px;
}

.sub-child-6-2-1 .img-card-wrap {
    width: 378px;
    height: 460px;
}

.sub-child-6-2-1 .img-card--title {
    width: 378px;
    padding: 15px 20px 0;
    height: 108px;
    background-color: #ac6834;
    color: #fff6ab;
}

.sub-child-6-2-2 {
    left: 452px;
    top: 50px;
}

.sub-child-6-2-3 {
    right: 40px;
    top: 50px;
}

.sub-child-6-2-4 {
    left: 452px;
    top: 350px;
}

.sub-child-6-2-5 {
    right: 40px;
    top: 350px;
}

.sub-child-6-2-6 {
    right: 40px;
    top: 650px;
}

.sub-child-6-2-2 .img-card-wrap ,
.sub-child-6-2-3 .img-card-wrap ,
.sub-child-6-2-4 .img-card-wrap ,
.sub-child-6-2-5 .img-card-wrap ,
.sub-child-6-2-6 .img-card-wrap{
    width: 327px;
    height: 216px;
}

.sub-child-6-2-2 .img-card--title,
.sub-child-6-2-3 .img-card--title,
.sub-child-6-2-4 .img-card--title,
.sub-child-6-2-5 .img-card--title,
.sub-child-6-2-6 .img-card--title{
    width: 327px;
    padding: 0;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background-color: #ac6834;
    color: #fff6ab;
}

.sub-child-6-2-7 {
    left: 40px;
    top: 655px;
}

.sub-child-6-2-7 .img-card-wrap{
    width: 378px;
    height: 271px;
}

.sub-child-6-2-8 {
    left: 418px;
    top: 744px;
    width: 353px;
    height: 183px;
    --color: #ac6834;
}

.sub-child-6-2-8 .tips-txt {
    color: #fff6ab;
    padding: 35px 25px 0;
}


.end{
    position: relative;
    margin: 50px auto 280px;
    width: 1400px;
    text-align: justify;
}

.end-logo{
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: fit-content;
    margin: 0 auto 0;
}

.end-info{
    width: 1000px;
    color:#4f0500;
    margin: 50px auto 0;
}

.end-info-item{
    width: 1000px;
    color: #4f0500;
    margin: 0 auto 0;
    font-size: 18px;
    line-height: 30px;
    text-indent: 2em;
}

.end-info-item + .end-info-item{
    margin-top: 35px;
}

.wall{
    position: absolute;
    width: 1675px;
    height: 655px;
    left: 50%;
    bottom: 355px;
    transform: translate(-50%, 0) translateX(-120px);
    background-image: url(../images/bg/wall.png);
    background-position: center;
    background-repeat: no-repeat;
}

.footer {
    position: relative;
    width: 100%;
    height: 485px;
    background-image: url(../images/bg/foot-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.link{
    position: absolute;
    width: fit-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateY(60px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.footer-link{
    display: flex;
    color: #fff5d4;
    justify-content: center;
    width: fit-content;
    align-items: baseline;
    column-gap: 2px;
}

.footer-link-item{
    color: #fff5d4;
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
}

.footer-link + .footer-link{
    margin-top: 30px;
}