@font-face {
    font-family: "思源宋体";
    src: url("/static/fonts/SourceHanSerifSC-Regular.min.otf");
    font-display: swap;
}

@font-face {
    font-family: "思源宋体";
    src: url("/static/fonts/SourceHanSerifSC-Bold.min.otf");
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: 'MiSans';
    src: url('/static/fonts/MiSans-Regular.otf');
    font-display: swap;
}

@font-face {
    font-family: 'AlimamaDongFangDaKai';
    src: url('/static/fonts/AlimamaDongFangDaKai-Regular.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ol,
ul,
li,
dl,
dt,
dd,
table,
caption,
tr,
th,
td,
span,
p,
a,
b,
u,
i,
em,
img,
iframe,
fieldset,
form,
label,
legend,
input,
button,
select,
textarea {
    padding: 0;
    margin: 0;
    /* font-family: "MiSans", "思源宋体", "微软雅黑", Arial, Helvetica, sans-serif; */
    letter-spacing: normal;
    color: #333;
}

textarea {
    outline: 0;
}
body, html {
    font-family: "MiSans", "思源宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}
body {
    background-color: #f4f0e9;
    font-size: 14px;
    
}

ul {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

html {
    overflow-x: hidden;
}

iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

a,
a:visited,
a:active,
a:link {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #9d7e49;
    text-decoration: none;
    /* font-weight: bold; */
}

a.selected {
    color: #9d7e49;
    text-decoration: none;
    font-weight: bold;
}

img {
    outline: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul,
li {
    list-style: none;
}

.hover-img {
    transition-property: transform;
    transition-duration: 0.5s;
}

.hover-img:hover {
    transform: scale(1.05);
}

::-webkit-input-placeholder {
    color: #9e9e9e;
}

:-moz-placeholder {
    color: #9e9e9e;
    opacity: 1;
}

::-moz-placeholder {
    color: #9e9e9e;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #9e9e9e;
}

::-ms-input-placeholder {
    color: #9e9e9e;
}

::placeholder {
    color: #9e9e9e;
}

.swiper-slide {
    cursor: pointer;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: none;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    [data-aos^=fade][data-aos^=fade],
    [data-aos^=zoom][data-aos^=zoom] {
        opacity: 1 !important;
        transform: none !important;
    }

    .swiper-button-prev,
    .swiper-button-next,
    .index-topic-left-pre-btn,
    .index-topic-right-next-btn {
        background-size: 16px 16px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .index-topic-left-pre-btn {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    }

    .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2396794e'%2F%3E%3C%2Fsvg%3E") !important;
    }

    .index-topic-right-next-btn {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    }

    .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2396794e'%2F%3E%3C%2Fsvg%3E") !important;
    }
}

[data-object-fit='cover'] {
    object-fit: cover
}

[data-object-fit='contain'] {
    object-fit: contain
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    /* line-height: 50px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev::after {
    font-family: swiper-icons;
    content: 'prev';
}

.swiper-button-next:after {
    font-family: swiper-icons;
    content: 'next';
}

.swiper {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #a5a5a6;
}

.swiper-pagination-bullet-active {
    background: #FFFFFF;
}

/* .swiper-button-next,
.swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    color: #9d7e49;
    border: #9d7e49 1px solid;
    background-color: #FFFFFF;
    font-size: 14px;
} */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 14px;
}

/* .swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #FFFFFF;
    background-color: #9d7e49;
} */

.swiper-pagination-bullets.index-banner-pagination {
    bottom: 35px;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
}

.shadow {
    box-shadow: 0px 5px 14px rgba(0, 0, 0, .35);
}

.page-content {
    /* padding-top: 100px; */
    /* overflow-x: hidden; */
    max-width: 100%;
    background-image: url("/static/images/batch/content_bg.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 80px;
}

.content {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

.button {
    color: #96794e;
    border: #96794e 1px solid;
    background-color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
}

a.button,
a.button:visited,
a.button:active,
a.button:link {
    color: #9d7e49;
}

a.button:hover {
    color: #FFFFFF;
    background-color: #9d7e49;
}


/* .back-to-top {
    width: 40px;
    height: 40px;
    transition-property: opacity;
    transition-duration: 0.32s;
    opacity: 0;
    position: fixed;
    right: 18px;
    bottom: 48px;
    background-color: #9d7e49;
    z-index: 1000;
    font-size: 0;
    border-radius: 4px;
}

.back-to-top img {
    display: block;
    margin: 10px auto;
}
 */

#shinyvVideoPlayer {
    position: relative;
}

#shinyvVideoPlayer span, #shinyvVideoPlayer div {
    color: #FFFFFF !important;
}

.video-player-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100px;
    height: 85px;
    text-align: center;
}

.video-player-loading img {
    width: 53px !important;
    height: 53px !important;
}

.video-player-loading p {
    padding-top: 12px;
    font-size: 12px;
    color: #666666;
}

.video-player-retry {
    width: 100%;
    text-align: center;
    color: #222222;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.img-preview {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .9);
    left: 0;
}

.img-preview .swiper-button-next,
.img-preview .swiper-button-prev {
    color: #FFFFFF;
}

.img-preview-image {
    max-width: 100%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.img-preview-image-container {
    width: 100%;
    position: relative;
}

.img-preview-image img {
    object-fit: contain;
    max-width: 100%;
    max-height: 89vh;
    display: block;
    margin: 0 auto;
}

.img-preview-info {
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
    text-align: center;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    font-style: italic;
}

.viewer-title {
    color: rgba(255, 255, 255, .8) !important;
    font-size: 14px !important;
    white-space: normal !important;
}

.viewer-backdrop {
    background: rgba(0, 0, 0, .9) !important;
}

.close-icon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: #9d7e49;
    background-image: url(/static/images/about/close-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.dropdown-more-menu {
    transition-duration: 0.32s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    transition-property: opacity, height;
    position: fixed;
    width: 100%;
    height: 0;
    top: 100px;
    left: 0;
    opacity: 0;
    background-color: #FFFFFF;
    overflow: scroll;
}

.dropdown-more-menu li {
    width: 100%;
    height: 0;
    font-size: 0;
    display: block;
}

.dropdown-menu {
    height: calc(100% - 100px);
    z-index: 999;
}

.menu-close-btn {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 1000;
    display: none;
    opacity: 0;
    transition: opacity 0.32s cubic-bezier(0.4, 0, 0.6, 1) 0.32s;
}

.menu-close-btn img {
    display: block;
    margin: 41px auto;
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 60%;
    animation-name: modalanimation;
    animation-duration: 0.4s;
    transform: translateY(-50%);
    animation-fill-mode: forwards;
}

@keyframes modalanimation {
    from {top:-300px; opacity:0}
    to {top:50%; opacity:1}
}

.modal-header {
    height: 50px;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
}

.modal-header h2 {
    font-size: 18px;
    line-height: 18px;
    vertical-align: middle;
    font-weight: bold;
    color: #333333;
    margin-top: 16px;
    border-left: 3px solid #9d7e49;
    padding-left: 10px;
    display: inline-block;
}

.modal-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    color: #aaa;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
  color: #9d7e49;
  text-decoration: none;
  cursor: pointer;
}

.modal-body {
    box-sizing: border-box;
    padding: 20px 60px;
    line-height: 24px;
    color: #666666;
}

.modal-body .title {
    font-size: 28px;
    color: #333333;
    font-weight: 700;
    text-align: center;
}

.modal-body .subtitle {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    font-weight: 500;
    text-align: center;
}

.modal-body .pure-img {
    margin: 20px auto;
}


.pagination {
    text-align: center;
    width: 100%;
    /* margin-bottom: 30px;
    margin-top: 20px; */
    margin: 30px auto;
}

.pagination a,
.pagination a:visited,
.pagination a:active,
.pagination a:link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 0 5px 10px;
    text-align: center;
    vertical-align: middle;
    color: #333333;
    /* background-color: #f0f0f0; */
    border-radius: 50%;
    text-rendering: auto;
    cursor: pointer;
}

.pagination a:hover {
    background-color: #9d7e49;
    color: #FFFFFF;
}

.pagination a.selected {
    background-color: #9d7e49;
    color: #FFFFFF;
}

.pagination a.prev:after {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-family: swiper-icons;
    content: 'prev';
}

.pagination a.next:after {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-family: swiper-icons;
    content: 'next';
}


.search-modal {
    width: 100%;
    position: fixed;
    top: 90px;
    left: 0;
    height: 0;
    opacity: 0;
    z-index: 200;
    overflow: hidden;

    transition-duration: 0.32s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    transition-property: opacity, height;
    background-color: rgba(0, 0, 0, .35);
}

.search-modal-dialog {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    height: 252px;
    background-color: #FFFFFF;
    padding-top: 14px;
    padding-bottom: 14px;
}

.search-modal-content {
    height: 100%;
    margin: 0 auto;
}

.search-modal-header {
    height: 32px;
    width: 100%;
    margin-top: 60px;
}

.search-modal-header h2 {
    height: 100%;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    width: 100%;
}

.search-modal-body {
    width: 96%;
    height: 60px;
    line-height: 60px;
    margin: 12px auto;
}

.search-modal-input {
    height: 100%;
    display: inline-block;
}

.search-modal-body-input input[type=text] {
    background-color: #f3f3f3;
    width: 100%;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    padding-left: 24px;
    font-size: 14px;
}

.search-modal-body-input div {
    font-size: 0;
}

.search-modal-body button {
    display: inline-block;
    height: 100%;
    background-color: #9a7b4a;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    vertical-align: middle;
    color: #FFFFFF;
    border: none;
}

.search-modal-footer {
    text-align: center;
}

.search-modal-footer a {
    margin-right: 14px;
    display: inline-block;
}

/* base */
.tl-r{
    text-align: right;
}
.color-333{
    color: #333;
}
.color-666 {
    color: #666;
}
.color-red {
    color: #93040b;
}
img{
    max-width: 100%;
}
/* batch */
.content{
    width: 1200px;
    margin: 0 auto;
}
.batch-page-content {
    max-width: 100%;
    background-image: url("/static/images/batch/content_bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 80px;
    background-color: #f1e9db;
}
/* menu */
.container {
    padding-top: 90px;
}
.header {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.header .header-body{
	width: 1200px;
    background-color: #fff;
    margin: 0 auto;
    height: 90px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .header-logo{
    width: 220px;
    height: 50px;
}

.header .header-logo a{
    display: flex;
    align-items: center;
    width: 220px;
    line-height: 1.2;
}
.header .header-logo a img{
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
.header .header-logo a span{
    padding-top: 5px;
}

.header .menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .menu>li{
    margin: 0 36px;
}
.header .menu>li.menu-search{
    margin-top: -2px;
}
.header .menu>li>a{
    font-size: 14px;
    line-height: 88px;
    display: inline-block;
    color: #333333;
    /* font-weight: bold; */
    position: relative;
    border-bottom: 3px solid transparent;
}
.header .menu>li>a.selected,
.header .menu>li>a:hover{
    color: #96794e;
    border-bottom: 3px solid #96794e;
}
.header .menu>li>ul{
    display: none;
    display: block;
    position: absolute;
    top: 90px;
    z-index: 9;
}
.header .menu>li:hover>ul{
    display: block;
    position: absolute;
    top: 90px;
}
.fifth-page-content .banner-box,
.batch-page-content .banner-box{
    height: 538px;
    background: url('/static/images/banner/home-banner.jpg') no-repeat center center;
}
.nav-box {
    background-color: #fff;
}
.nav-box .nav{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.nav-box .nav a{
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
}
.nav-box .nav a:hover,
.nav-box .nav a.selected{
    color: #fff;
    background-color: #76c4b9;
}
.project-list {
    margin: 30px -17px 0;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-between; */
}
.project-list .pic {
    width: 100%;
}
.project-list .pic img{
    display: block;
    width: 100%;
    height: 196px;
}
.project-list>li{
    width: 286px;
    margin-top: 18px;
    margin-left: 18px;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
}

.project-list-empty {
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.project-list li .projectName{
    padding: 12px 28px 22px;	
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-list li .title {
    border-bottom: 1px solid #e3e3e3;
    padding: 25px 0 16px;
    margin: 0 28px;
    display: flex;
    justify-content: space-between;
    color: #333;
}
.project-list li .title span:nth-child(2){
    font-size: 10px;
    color: #5f5f5f;
    position: relative;
    top: 5px;
}
.project-list li .title .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333;
}
.project-list li .title .icon{
	color: #6a6a6a;
    display: inline-block;
    font-size: 12px;
    float: right;
    margin-top: 4px;
}
.project-list li .title:hover span{
	color: #96794e;
}
.personnel-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding:0 26px 25px;
}
.personnel-list li{
	color: #666;
    font-size: 12px;
}
.personnel-list li span{
    display: block;
    margin-top: 5px;
}

.batch-page-content .category-list{
    width: 1200px;
    margin: 50px auto 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.batch-page-content .category-list>li a{
    box-sizing: border-box;
    padding: 40px 0 0 60px;
	display: block;
    width: 280px;
    height: 110px;
    background: url('/static/images/batch/nav_bg_02.png') no-repeat center center;
    cursor: pointer;
}
.batch-page-content .category-list>li a:hover,
.batch-page-content .category-list>li a.selected{
	background: url('/static/images/batch/nav_bg_01.png') no-repeat center center;
    
}
.batch-page-content .category-list>li span{
    display: block;
}
.batch-page-content .category-list>li span:nth-child(1){
    font-size: 14px;
    color: #888888;
    margin-bottom: 8px;
}
.batch-page-content .category-list>li span:nth-child(2){
    font-size: 26px;
    color: #6ab5a3;
    font-weight: bold;
}
.batch-page-content .category-list>li a.selected span,
.batch-page-content .category-list>li a:hover span{
    color: #222 !important;
}
.batch-page-content .category-sub-list{
    width: 1200px;
    margin: 0 auto 6px;
    height: 54px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.batch-page-content .category-sub-list li{
    flex: 1;
    padding: 0 6%;
}
.batch-page-content .category-sub-list li a{
    display: block;
    box-sizing: border-box;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-bottom: 3px solid #fff;
}
.batch-page-content .category-sub-list li a:hover,
.batch-page-content .category-sub-list li a.selected{
    color: #6ab5a3;
    border-color: #6ab5a3;
}

.show-list{
    width: 1200px;
    margin: 56px auto 0;
    padding-bottom: 56px;
}
.show-list li a{
    box-sizing: border-box;
    padding: 50px 0 0 60px;
    display: block;
    width: 280px;
    height: 150px;
    background: url('/static/images/batch/show_bg.png') no-repeat center center;
    font-size: 24px;
    color: #fff;
}
.show-list li a span{
    display: block;
    margin: 5px 0;
}

/* footer */
.footer {
    background-color: #fff;
}
.footer-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    padding: 35px 0;
}
.disflex, .disflex-a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-content .links{
    margin: 30px 0;
}
.footer-content .links ul li{
    margin: 0 15px;
}
.footer-content.one{
    border-bottom:1px solid #eee;
}
/* work */
.title-box{
    width: 1200px;
    margin: 0 auto;
}
.title-box img {
    display: inline-block;
}
.title-author {
    padding-top:90px;
    margin-top:-90px;
}
.tit_01 {
    margin: 50px 0 35px;
    text-align: center;
}
.tit_02 {
	border-bottom: 1px solid #76c4b9;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.title-box p {
    font-size: 14px;
    color: #0d0409;
    line-height: 1.5;
}

.tit_04{
    color: #539384;
    font-size: 18px;
    margin: 25px 0 30px;
}
.tit_05 {
    margin: 25px 0 40px;
}
.tit_06 {
    /* margin-top: 30px; */
    /* padding-top: 30px; */
    margin-bottom: 25px;
    /* border-top: 1px solid #76c4b9; */
}
.tit_07 {
    display: flex;
    align-items: end;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 35px;
}
.tit_07 span{
    color: #6ab5a3;
    font-size: 40px;
    line-height: 1;
}

.steps-box{
    /* width: 1200px;
    margin: 0 auto;
    background-color: #fff; */
    padding: 80px 0;
    margin-left: 200px;
    position: relative;
}
.steps-box::after{
    content: '';
    position: absolute;
    left: -7px;
    top: 69px;
    width: 15px;
    height: 15px;
    background: url('/static/images/history/c3/round_bg.png') no-repeat center center;
}
.steps-box .steps-item {
    align-items: start;
    border-left: 1px solid #6ab5a3;

    display: flex;
    align-items: stretch;
    width: 100%;
    padding-bottom: 36px;
}
.steps-box .steps-item .steps-item-left{
    width: 550px;
    margin-left:42px;
    line-height: 1.8;
    /* flex: 1; */
}

.steps-box .steps-item .steps-item-right .show-m{
    display: none;
}
.steps-box .steps-item .steps-item-left .year{
    font-size: 44px;
    color: #6ab5a3;
    position: absolute;
    left: -164px;
    top: 0;
    font-weight: bold;
    line-height: 1.4;
}
.steps-box .steps-item .steps-item-left .tit{
    font-size: 30px;
    color: #222;
}
.steps-box .steps-item .steps-item-left{
    position: relative;
}
.steps-box .steps-item .steps-item-left a{
    position: absolute;
    bottom: 0px;
    right: 0;
    color: #888888;
}
.steps-box .steps-item .steps-item-left a svg{
    display: inline-block;
    float: right;
    margin-top: 6px;
}
.steps-box .steps-item .steps-item-right{
    margin-left: 40px;
}
.steps-box .steps-item .steps-item-right img{
    max-width: 320px;
    cursor: pointer;
}

/* intro */
.page-title {
    text-align: center;
    margin: 48px 0 0;
    font-family: "AlimamaDongFangDaKai";
    font-weight: normal;
}
.page-title p{
    font-size: 38px;
    color: #222;
}
.page-title span{
    display: block;
    font-size: 14px;
    color: #c5bcad;
}
.sub-title{
    align-items: center;
    border-bottom: 1px solid #76c4b9;
    padding-bottom: 28px;
    margin-bottom: 40px;
    margin-top: 48px;
    font-family: "AlimamaDongFangDaKai";
}
.sub-title .notes {
    color: #e6daca;
    font-size: 27px;
}
.sub-title .notes sup{
    top: -1em;
}
.sub-title .text {
    position: relative;
    z-index: 1;
    font-size: 30px;
    /* font-weight: bold; */
    color: #000;
}
.sub-title .text::after{
    content: '';
    width: 47px;
    height: 47px;
    background-color: #f3b739;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: -12px;
    z-index: -1;
}
.sub-title .icon{
    float: left;
    margin-top: 2px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    padding: 8px 0 0 10px;
    margin-right: 12px;
    background: url('/static/images/history/tit_bg.png') no-repeat center center;
}
.intro-detail-item{
    width: 50%;
}
.intro-detail-item .left {
    width: 190px;
}
.intro-detail-item .left img{
    width: 100%;
}
.intro-detail-item .right{
    flex: 1;
    padding: 0 40px;
    line-height: 1.8;
}
.intro-detail-item .right p:first-child{
    margin-bottom: 70px;
}
.intro-detail-item .right p:nth-child(2){
	font-size: 12px;
    text-align: right;
}
.tit-16 {
    font-size: 16px;
    margin: 26px 0 16px;
}
.intro-list {
  
}
.intro-list li {
	height: 47px;
    background-color: #6ab5a3;
    margin: 0 5px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    text-align: center;
    line-height: 1.4;
}
.text-01{
    background-color: #fff;
    padding: 34px 56px;
    line-height: 1.8;
}
.text-01 p:nth-child(2){
	text-align: right;
}
.text-02 {
    margin: 25px 0 40px;
    line-height: 1.8;
}

/* version */
.vision-content {
    padding: 50px 50px 80px;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #d8eae6, #ffffff);
    line-height: 1.8;
    position: relative;
    margin-top: 42px;
}
.vision-content p{
    text-indent: 2em;
    position: relative;
    z-index: 1;
}
.vision-content::before{
	content: '年华易老 技忆永存';
    font-size: 90px;
    position: absolute;
    top: -20px;
    right: 40px;
    color: #d8e4dd;
    z-index: 0;
    font-weight: bold;
    font-family: 'AlimamaDongFangDaKai';
}
.vision-content::after{
	content: '非遗传承人';
    /* font-size: 110px; */
    position: absolute;
    bottom: 10px;
    left: 180px;
    /* color: #f4f9f7; */
    z-index: 0;
    /* font-weight: bold; */
    line-height: 1;
    opacity: 0.071;
    font-size: 152px;
    line-height: 133px;
    color: #6ab5a3;
    font-family: 'AlimamaDongFangDaKai';
}

.completed-content .project-list .title {
    display: block;
    /* width: 100%; */
    font-size: 14px;
    border-bottom: none;
    height: auto;
    padding: 20px 0 0;
    /* padding: 0; */
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.personnel-list li {
    /* flex: 1; */
    width: 33%;
}
.personnel-list li span{
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.completed-title {
	position: relative;

}
.completed-title .select {
    position: absolute;
    top: 12px;
    right: 0;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

.completed-title .select .icon {
    position: absolute;
    right: 0;
    top: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.completed-title select {
    border: none;
    background: none;
    text-align: right;
    appearance: none;
    padding: 8px 25px 8px 0;

}
/* history */
.record-content p{
    text-indent: 2em;
}
.record-content .color-666{
	margin-bottom: 1em;
}
.record-content .img-box{
	padding: 20px 0;
    text-align: center;
}
.record-content .img-box img{
	width: 80%;
}
.organizers-list{
    flex-wrap: wrap;
    margin-top: 48px;
    line-height: 1.8;
}
.organizers-list li{
   width: 33.33%;
}
.years-organizers-list.organizers-list li{
    width: 50%;
}
.years-organizers-list2{
    align-items: start;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.years-organizers-list2 ul{
    float: 1;
    gap: 10px;
}
/* onshow */
.pagination .prev::after,
.pagination .next::after{
	font-size: 12px;
}
.onshow-page {
    background: url('/static/images/batch/content_bg_02.jpg') no-repeat bottom center;
    background-color: #f4f0e9;
    background-size: contain;
}
.onshow-page .banner-box{
    height: 220px;
    background: url('/static/images/batch/title_bg.jpg') no-repeat bottom center;
    background-color: #000;
    background-size: cover;
}

.exhibition-page .banner-text,
.openclass-page .banner-text,
.onshow-page .banner-text,
.about-page .banner-text  {
    color: #fff !important;
    align-items: center;
    height: 220px;
    position: relative;
}
.exhibition-page .banner-text span,
.openclass-page .banner-text span,
.onshow-page .banner-text span,
.about-page .banner-text span  {
    color: #fff !important;
}
.exhibition-page .banner-text a,
.openclass-page .banner-text a,
.onshow-page .banner-text a,
.about-page .banner-text a {
    color: #fff !important;
}
.openclass-page .banner-text .tit_ff,
.exhibition-page .banner-text .tit_ff,
.onshow-page .banner-text .tit_ff,
.about-page .banner-text .tit_ff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 34px;
}
.onshow-pannel {
    width: 100%; 
    background-color: #fff; 
    padding: 0px 0 50px;
}
.onshow-pannel .tit_66,
.onshow-panne2 .tit_66{
    padding: 40px 0 50px;
}
/* .onshow-pannel .tit_66 span::after, 
.onshow-pannel .tit_66 span::before,
.onshow-panne2 .tit_66 span::after, 
.onshow-panne2 .tit_66 span::before{
    width: 22px;
    height: 17px;
} */

.onshow-swiper-box{
    position: relative;
}
.onshow-swiper-box .swiper-button-next{
    right: -60px;
}
.onshow-swiper-box .swiper-button-prev{
    left: -60px;
}
.onshow-swiper{
    position: relative;
    padding-bottom: 45px;
}
.onshow-swiper img{
	width: 580px;
    height: 326px;
}

.onshow-swiper .swiper-slide:hover {
    color: #9d7e49;
}

.onshow-swiper-text {
	margin-top: 32px;
}
.onshow-swiper-text p{
    font-size: 20px;
    padding-right: 55px;
    color: #333333;
}
.onshow-swiper .swiper-pagination-bullets.index-banner-pagination{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.onshow-swiper .swiper-pagination-bullet{
    background: #7b7b7b;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 8px;
    opacity: 1;
}
.onshow-swiper .swiper-pagination-bullet-active{
    background: #b79a63;
}
.form-box select,
.onshow-content select{
    height: 50px;
    min-width: 160px;
    line-height: 50px;
    box-sizing: border-box;
    color: #665c4d;
    border:none;
    padding: 0 20px;
    margin-right: 10px;
    appearance: none; 
    background: url('/static/images/batch/icon_arrow.png') no-repeat right 20px center;
    background-color: #fff;
}
.form-box button,
.form-box input,
.onshow-content button,
.onshow-content input{
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 20px;
    border: none;
}
.form-box button,
.onshow-content button {
    background-color: #b79a63;
    width: 160px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
}
/* .swiper{
    overflow: auto;
}
.swiper-button-next{
    right: -40px;
}
.swiper-button-prev{
    left: -40px;
} */
.onshow-swiper-box .swiper-button-next,
.onshow-swiper-box .swiper-button-prev {
    top: 147px;
    color: #999;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 45px;
    
}
.swiper-button-next:hover,
.swiper-button-prev:hover{
    color: #9d7e49;
}
/* 第六届成果展示 */
.fifth-page-content{
    background: url('/static/images/fifth/content_bg.jpg') no-repeat bottom center;
    background-color: #f8f2eb;
    padding-bottom: 50px;
    min-height: calc(32vw + 598px);
    background-size: cover;
}
.fifth-page-content .text_01{
    line-height: 2;
    padding: 30px 0 0;
}
.fifth-page-content .text_01 p{
    text-indent: 2em;
}

.fifth-page-content .banner-box{
    height: 538px;
    background: url('/static/images/fifth/banner_01.jpg') no-repeat center center;
    background-color: #f5e8e0;
}   

.fifth-page-content .nav-box{
    background-color: #9adde3;
}
.fifth-page-content .nav-box .nav a:hover,
.fifth-page-content .nav-box .nav a.selected{
    color: #fff;
    background-color: #1c5074;
}
.fifth-page-content .category-list{
    width: 1200px;
    margin: 50px auto 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background-color: #eee;
    padding: 0 28px;
    margin: 28px auto 10px;
}
.fifth-page-content .category-list li{
    /* height: 47px;
    line-height: 47px;
    text-align: center;
    border-bottom: 3px solid #fff; */
}
.fifth-page-content .category-list li a{
    display: inline-block;
    height: 47px;
    line-height: 47px;
    text-align: center;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
}
.fifth-page-content .category-list li a:hover,
.fifth-page-content .category-list li a.selected{
    color: #1c5074;
    border-color: #1c5074;
}
.fifth-page-content .cultural-content{
    line-height: 2;
    color: #333;
    padding-top: 30px;
}
.fifth-page-content .cultural-content p{
    text-indent: 2em;
}
/* detail */
.banner-box .tit_ff span{
    line-height: 34px;
    color: #FFFFFF;
}
.detail-page .banner-box {
    height: 390px;
    background: url('/static/images/fifth/tit_bg_01.jpg') no-repeat bottom center;
    background-color: #f6f2e9;
    box-sizing: border-box;
    padding-top: 32px;
    background-size: cover;
}
.detail-page .breadcrumbs{
    margin-bottom: 0px;
    color: #999;
}
.detail-page .breadcrumbs a, .detail-page .breadcrumbs span{
    color: #999;
}
.detail-page .banner-box .banner-cont .left{
    flex: 1;
    padding-right: 50px;
    padding-top: 20px;
}
.detail-page .notes{
    color: #666;
    margin-top: 20px;
}
.detail-page .banner-box .banner-cont .left .name{
    border-bottom: 1px solid #cdc8c1;
    padding: 25px 0;
}
.detail-page .banner-box .banner-cont .left .name span{
    font-size: 34px;
    padding-right: 66px;
    color: #604c2d;
}
.detail-page .banner-box .banner-cont .left .list{
    display: flex;
    flex-wrap: wrap;
    
}
.detail-page .banner-box .banner-cont .left .list li{
    width: 33.3%;
    padding: 20px 0;
}

.detail-page .banner-box .banner-cont .left .list li:nth-child(6){
    /* width: 70%; */
}
.detail-page .banner-box .banner-cont .left .list li span{
    color: #666;
}
.detail-page .banner-box .banner-cont .left .list li p{
    margin-top: 10px;
    color: #0d0409;
}
.detail-page .banner-box .banner-cont .left .list li p a{
    display: block;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}
.detail-page .banner-box .banner-cont .right{
    width: 388px;
}
.detail-page .banner-box .banner-cont .right img{
    width: 90%;
}
.detail-page .detail-item{
    padding: 46px 0 18px;
    line-height: 1.8;
    align-items: start;
}
.detail-page .content .detail-item:first-child{
    border-bottom: 1px solid #dfcfc4;
}
.detail-page .detail-item .left{
    width: 140px;
    font-size: 22px;
}
.detail-page .detail-item .left p span{
    display: block;
}
.detail-page .detail-item .right{
	flex: 1;
}
#sub-cat-image {
    display: flex;
    gap: 20px;
    margin-bottom: 36px;
    flex-wrap: wrap;
}
#sub-cat-image li{
    padding: 5px 20px;
    background-color: #fff;
    cursor: pointer;
}
#sub-cat-image li.active{
    background-color: #9d7e49;
    color: #fff;
}
#video-list,
#image-list{
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    /* margin: 0 -18px; */
}
#video-list li,
#image-list li{
 position: relative;
 width: 23.5%;   
 box-sizing: border-box;
 /* padding: 0 18px; */
 margin-bottom: 28px;
 height: 163px;
 overflow: hidden;
 flex: 0 0 auto;
}

#video-list li img,
#image-list li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #222222;
    cursor: pointer;
}

#video-list li p,
#image-list li p{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 12px 18px;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.2;
    background-color: rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.detail{
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.detail select{
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    color: #665c4d;
    border:none;
    padding: 0 20px;
    margin-right: 10px;
    appearance: none; 
    background: url('/static/images/batch/icon_arrow.png') no-repeat 92% center;
    background-color: #fff;
    
}

/* openclass */
.exhibition-page,
.openclass-page,
.aboutus-page,
.search-page {
    background: url('/static/images/batch/content_bg_02.jpg') no-repeat bottom center;
    background-color: #f4f0e9;
    padding-bottom: 20px;
    background-size: contain;
}
.openclass-body-description{
    width: 100%; background-color: #fff;padding: 80px 0 60px;
}
.openclass-page .banner-box{
    height: 220px;
    background: url('/static/images/batch/openclass_01.jpg') no-repeat bottom center;
    background-color: #000;
    background-size: cover;
}
.openclass-page .tit_01 p{
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    letter-spacing: 1em;
}
.openclass-page .project-list li .projectName{
    padding: 20px 25px 25px;
    color: #5b5142;
}
.openclass-content{
    align-items: start;
}
.openclass-content .left{
    width: 26%;
    font-size: 25px;
    line-height: 36px;
    color: #333333;
    font-weight: bold;
    font-family: "MiSans";
}
.openclass-content .left p:nth-child(2){
    border-bottom: 1px solid #9a7c4b;
    display: inline-block; 
    padding-bottom: 30px;
}
.openclass-content .right{
    flex: 1;
    line-height: 2;
    color: #666;
}
.openclass-content .right a{
    color: #000;
    margin-top: 10px;
}
.exhibition-page {
    /* min-height: 1200px; */
    min-height: calc(46vw + 318px);
    background-position: bottom center;
}
.exhibition-page .banner-box{
    height: 318px;
    background: url('/static/images/batch/exhibition_01.jpg') no-repeat bottom center;
    background-color: #000;
    background-size: cover;
}
.exhibition-content-title{
    background-color: #fff;
    position: relative;
    z-index: 9;
    /* top: -100px; */
    transform: translateY(-100px);
    overflow: hidden;
    cursor: pointer;
}
.exhibition-content-title .left{
    flex: 1;
    padding: 0 45px;
}
.exhibition-content-title .left p:nth-child(1){
    font-size: 24px;
    line-height: 31px;
    color: #333333;
    font-family: "MiSans";
    margin-bottom: 30px;
}
.exhibition-content-title .left p:nth-child(2){
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.8;
}
.exhibition-content-title .left a{
    display: block;
    margin-top: 46px;
}
.exhibition-content-title .right{
    width: 70%;	
}
.exhibition-content-title .right img{
    width: 100%;
    display: block;
}
.exhibition-list{
    flex-wrap: wrap;
    gap: 40px;
    transform: translateY(-60px);
}
.exhibition-list li{
    width: 580px;
    height: 300px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.exhibition-list li img{
    width: 100%;
    height: 300px;
    display: block;	
}
.exhibition-list li p{
    background-color: #fff;
    height: 70px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
.text_indent{
    text-indent: 2em;
}
/* 首页 */
.font_sy {
    font-family: '思源宋体';
}
.tit_66, .tit_ff{
    text-align: center;
    font-size: 26px;
    font-family: '思源宋体';
}
.tit_ff span,
.tit_66 span{
    position: relative;
    display: inline-block;
    padding: 0 42px;
    height: 100%;
    height: 40px;
    line-height: 38px;
}
.tit_ff span i,
.tit_66 span i{
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 10px;
    position: relative;
    top: -10px;
}

.tit_66 span::after,
.tit_66 span::before{
    background: url('/static/images/batch/icon_66.png') no-repeat center center;
}
.tit_ff span::after,
.tit_ff span::before{
    background: url('/static/images/batch/icon_ff.png') no-repeat center center;
}
.tit_ff span::after,
.tit_66 span::after{
    left: 0;
}
.tit_ff span::before,
.tit_66 span::before{
    right: 0;
}
.tit_ff span::after,
.tit_ff span::before,
.tit_66 span::after,
.tit_66 span::before{
    content: '';
    display: block;
    width: 26px;	
    height: 21px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100% 100%;
}

.play-btn{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url('/static/images/home/play_btn.png') no-repeat center center;
    cursor: pointer;
}
.home-page .pannel-01 .swiper-slide a{
    display: block;
    height: 100%;
    position: relative;
}
.home-page .pannel-01 .play-btn{
    right: 30px;
    bottom: 30px;
    left: auto;
    top: auto;
    transform: translate(0,0);
}
.home-page .index-swiper img{
    display: block;
}
.home-page .index-swiper .swiper-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.home-page .index-swiper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
    margin-right: 20px;
    display: inline-block;
}
.home-page .index-swiper .swiper-pagination-bullet-active{
    background-color: #b79a63;
}
.home-page .swiper-btn-box {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 285px;
    height: 80px;
    background-color: #fff;
}
.home-page .arrows{
    display: flex;
    align-items: center;
    height: 16px;
    width: 80px;
    justify-content: space-between;
    margin-right: 40px;
}
.home-page .index-swiper .swiper-button-next,
.home-page .index-swiper .swiper-button-prev {
	position: static;
    height: 16px;
    margin: 0;
}
.home-page .index-swiper .swiper-button-next:after, 
.home-page .index-swiper .swiper-button-prev:after {
    font-size: 16px;
    /* color: #333333; */
    line-height: 1;
    font-weight: bold;
}
.home-page .index-swiper .swiper-button-next:hover, 
.home-page .index-swiper .swiper-button-prev:hover{
    color: #b79a63;
}
.home-page .swiper-num{
    margin-left: 40px;
    font-weight: bold;
}
.home-page .swiper-num span:not(:nth-child(1)){
	color: #c1c1c1;
}
.home-page .home-content{
    padding: 50px 0;
}
.home-page .home-content .tit_66{
    margin-bottom: 40px;
}
.home-page .pannel-01{
    position: relative;
    
}
.home-page .pannel-01 .body {
    position: relative;
    z-index: 9;
    align-items: center;
    height: 390px;
}
.home-page .pannel-01 .body .left{
    padding: 0 80px;
    flex: 1;
    line-height: 2;
    color: #666;
}
.home-page .pannel-01 .body .left a{
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #957547;
    text-align: center;
    margin-top: 30px;
}
.home-page .pannel-01 .body .right{
    width: 480px;
    height: 270px;
    position: relative;
    background-color: #222;
    background-color: #ccc;
}
.home-page .pannel-01 .body .overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 88px;
    background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
}
.home-page .pannel-01 .body .right .swiper-pagination{
    text-align: left;
    padding-left:30px;
    bottom: 25px;
}
.home-page .pannel-01 .body .right .swiper-pagination-bullet{
	opacity: 0.6;
    margin-right: 8px;
}
.home-page .pannel-01 .body .right .swiper-pagination-bullet-active{
    opacity: 1;
}
.home-page .swiper-button-next:after, .home-page .swiper-button-prev:after{
    font-size: 36px;
}
.home-page .pannel-01 .bg_01{
    position: absolute;
    width: 832px;
    height: 390px;
    background-color: #fff;
    z-index: 1;
    top: 0;
    left: 0;
}
.home-page .pannel-02 .left{
    flex: 1;
    height: 472px;
    position: relative;
}
.home-page .pannel-02 .left svg {
    position: absolute;
    left: 3px;
    top: 3px;
}
.home-page .pannel-02 .left .mapimg {
    position: absolute;
    left: 0;
    top: 0;
}
.home-page .pannel-02 .left .city{
    position: absolute;
    /* border: 1px solid #ff0000; */
    cursor: pointer;
    /* overflow: hidden; */
    
}
.m-city-box{
    display: none;
}
.home-page .pannel-02 .left .city p{
    display: none;
}
.home-page .pannel-02 .left .city.show .tip{
    display: block;
}
.home-page .pannel-02 .left .tip{
    box-sizing: border-box;
    line-height: 55px;
    text-align: center;
    padding: 0 20px;
    height: 55px;
    filter: drop-shadow(1.553px 5.796px 3px rgba(0,0,0,0.23));
    background-color: #ffffff;
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 0;
    transform: translate(-50%,-80%);
    border-top: 3px solid #9a7b4a;
    white-space: nowrap;
    color: #9a7b4a;
    display: none;
}
.home-page .pannel-02 .left .tip::after{
    content: '';
    display: block;
    width: 20px;
    height: 15px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: url('/static/images/home/arrow.png') no-repeat center center;
    z-index: 9;
}

.home-page .pannel-02 .left .tip span{
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #9a7b4a;
    margin-right: 8px;
    position: relative;
    top: -4px;
}
.city_110000{
    left: 410px;
    top: 164px;
    width: 10px;
    height: 12px;
}

.city_120000{
    left: 420px;
    top: 176px;
    width: 10px;
    height: 10px;
}

.city_130000{
    left: 387px;
    top: 160px;
    width: 18px;
    height: 30px;
}
.city_140000{
    left: 371px;
    top: 192px;
    width: 18px;
    height: 56px;
}
.city_150000{
    left: 302px;
    top: 150px;
    width: 104px;
    height: 27px;
}
.city_210000{
    left: 452px;
    top: 132px;
    width: 52px;
    height: 31px;
}
.city_220000{
    left: 490px;
    top: 105px;
    width: 42px;
    height: 23px;
}
.city_230000{
    left: 477px;
    top: 65px;
    width: 78px;
    height: 40px;
}
.city_310000{
    left: 468px;
    top: 272px;
    width: 15px;
    height: 13px;
}
.city_320000{
    left: 442px;
    top: 239px;
    width: 19px;
    height: 35px;
}
.city_330000{
    left: 447px;
    top: 300px;
    width: 28px;
    height: 38px;
}
.city_340000{
    left: 418px;
    top: 267px;
    width: 25px;
    height: 45px;
}
.city_350000{
    left: 425px;
    top: 325px;
    width: 35px;
    height: 31px;
}
.city_360000{
    left: 407px;
    top: 308px;
    width: 24px;
    height: 48px;
}
.city_370000{
    left: 407px;
    top: 213px;
    width: 47px;
    height: 36px;
}
.city_410000{
    left: 368px;
    top: 248px;
    width: 40px;
    height: 26px;
}
.city_420000{
    left: 351px;
    top: 275px;
    width: 55px;
    height: 19px;
}
.city_430000{
    left: 350px;
    top: 324px;
    width: 45px;
    height: 39px;
}
.city_440000{
    left: 375px;
    top: 370px;
    width: 56px;
    height: 22px;
}
.city_450000{
    left: 320px;
    top: 368px;
    width: 50px;
    height: 39px;
}
.city_460000{
    left: 341px;
    top: 430px;
    width: 32px;
    height: 24px;
}
.city_500000{
    left: 300px;
    top: 300px;
    width: 32px;
    height: 14px;
}
.city_510000{
    left: 245px;
    top: 270px;
    width: 67px;
    height: 45px;
}
.city_520000{
    left: 298px;
    top: 326px;
    width: 46px;
    height: 28px;
}
.city_530000{
    left: 205px;
    top: 362px;
    width: 73px;
    height: 53px;
}
.city_540000{
    left: 38px;
    top: 240px;
    width: 108px;
    height: 55px;
}
.city_610000{
    left: 338px;
    top: 201px;
    width: 17px;
    height: 71px;
}
.city_620000{
    left: 279px;
    top: 216px;
    width: 22px;
    height: 40px;
}
.city_630000{
    left: 161px;
    top: 204px;
    width: 93px;
    height: 55px;
}
.city_640000{
    left: 308px;
    top: 190px;
    width: 15px;
    height: 42px;
}
.city_650000{
    left: 80px;
    top: 124px;
    width: 80px;
    height: 80px;
}
.city_710000{
    left: 475px;
    top: 355px;
    width: 20px;
    height: 46px;
}
.city_810000{
    left: 395px;
    top: 391px;
    width: 16px;
    height: 9px;
}
.city_820000{
    left: 390px;
    top: 395px;
    width: 11px;
    height: 21px;
}
.home-page .pannel-02{
    margin-top: 50px;
}
.home-page .pannel-02 .right {
    width: 480px;
    height: 460px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 40px 0 0;
}
.home-page .pannel-02 .right .list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.home-page .pannel-02 .right .list li{
    height: 80px;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 0;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.home-page .pannel-02 .right .list li:not(:nth-child(1)) p span{
	font-size: 24px;
    color: #9a7b4a;
}
.home-page .pannel-02 .right .list li:not(:nth-child(1)) p:nth-child(1){
    color: #666;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-shrink: 1;
}
.home-page .pannel-02 .right .list li:not(:nth-child(1)) p:nth-child(2){
    height: 28px;
    padding-bottom: 3px;
}


.home-page .pannel-02 .right .list li:nth-child(1) {
    width: 260px;
}
.home-page .pannel-02 .right .list li:not(:nth-child(1)) {
    width: 120px;
    background-color: #f2eee6;
    cursor: pointer;
}
.home-page .pannel-02 .right .list li:nth-child(1) p:nth-child(1)  {
    font-size: 18px;
    color: #9a7b4a;
    margin-bottom: 22px;
}
.home-page .pannel-02 .right .list li:nth-child(1) p:nth-child(2)  {
    font-size: 18px;
    color: #666;
}
.home-page .pannel-03{
    height: 636px;
    background: url('/static/images/batch/bg_01.jpg') no-repeat center center;
    position: relative;
}
.home-page .pannel-03 .body{
    position: relative;
}
.home-page .pannel-03 .body .left p:nth-child(1){
    font-size: 24px;
    color: #333;
}
.home-page .pannel-03 .body .left p:nth-child(2){
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    overflow: hidden;
    text-overflow: ellipsis;
    width: 260px;
    line-height: 1.8;
    margin: 30px 0 50px;
}
.home-page .pannel-03 .body .left a{
    color: #666;
}
.home-page .pannel-03 .swiper-button-prev{
    left: -55px;
    color: #fff;
}
.home-page .pannel-03 .swiper-button-next{
    right: -55px;
    color: #fff;
}
.home-page .pannel-03 .swiper-button-prev:hover,
.home-page .pannel-03 .swiper-button-next:hover{
    color: #9a7b4a;
}
.home-page .pannel-03 .tit_ff{
    padding: 46px 0 40px;
    font-size: 26px;
}
.home-page .pannel-03 .tit_ff span{
    color: #fff;
}
.home-page .pannel-04{
    background-color: #fff;
    padding: 60px 0 80px;
}
.home-page .pannel-04 .tit_66{
    font-size: 26px;
}
.home-page .pannel-04 .body{
    padding-bottom: 40px;
}
.home-page .tit-bg-box{
    width: 350px;
    position: relative;
    height: 120px;
    font-size: 26px;
    color: #333;
    box-sizing: border-box;
    padding: 25px 0 0 45px;
}
.home-page .tit-bg-box span{
    position: relative;
    z-index: 9;
    line-height: 1.4;
    font-family: "思源宋体";
}
.home-page .tit-bg-box::after{
    content: '';
    display: block;
    width: 168px;
    height: 120px;
    background-color: #f2eee6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.home-page .tit-bg-box::before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 154px;
    bottom: -8px;
    z-index: 2 ;
    background-color: #9a7b4a;
}
.home-page .pannel-05 .tit-bg-box{
    /* width: 80px; */
    position: relative;
    height: 54px;
    font-size: 26px;
    color: #333;
    box-sizing: border-box;
    padding: 5px 0 0 16px;
}
.home-page .pannel-05 .tit-bg-box::after{
    width: 80px;
    height: 54px;
}
.home-page .pannel-05 .tit-bg-box::before{
	left: 72px;
    
}
.home-page .pannel-04 .body .right{
    flex: 1;
    color: #666;
    line-height: 2;
}
.home-page .pannel-04 .body .right p{
    margin: 40px 0 20px;
}
.home-page .pannel-05{
	height: 609px;
    background: url('/static/images/home/home_img_02.jpg') no-repeat center center;
    display: flex;

    align-items: center;
}
.home-page .pannel-05 .body {
    position: relative;
    box-sizing: border-box;
}
.home-page .pannel-05 .body .left{
    /* float: left; */
}
.home-page .pannel-05 .body .right{
    width: 370px;
    height: 330px;
    box-sizing: border-box;
    padding: 50px 40px 0 40px;    
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.home-page .pannel-05 .body .right p.brief{
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin: 20px 0 28px;
}
.show-m{
    display: none;
}

.home-page .swiper-body {
    align-items: center;
    background-color: #fff;
}
.home-page .swiper-body .left{
    width: 350px;
    
    box-sizing: border-box;
    padding: 0 50px;
}
.home-page .swiper-body .right {
    flex: 1;
}
.home-page .swiper-body .right img{
    width: 100%;	
    display: block;
    height: 440px;
    object-fit: cover;
}

/* unesco-page */
.unesco-page{
    background: url('/static/images/unesco/body_bg.jpg') no-repeat bottom center;
    background-color: #f7f4c8;	
    background-size: contain;
}

.unesco-page-end {
    background-position: bottom -150px center;
}

.unesco-page .banner-box{
    background-color: #60bda7;
}
.unesco-page .form-box{
    margin-top: 40px;
}
.unesco-page .form-box form{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.unesco-page .form-box form select{
    flex: 1;
    margin: 0;
}
.unesco-page .content{
    position: relative;
}
.unesco-page .content .tit{
    font-size: 30px;
    color: #da5426;
    font-family: 'AlimamaDongFangDaKai';
    padding: 40px 0 30px;
    text-align: center;
    border-bottom: 1px solid #6ab5a3;
}
.unesco-page .content .body-text{
    padding: 40px 0 30px;
}
.unesco-page .content .body-text p{
    text-indent: 2em;
    line-height: 1.8;
}
.unesco-page .content .unesco-menu {
    width: 50px;
    height: 80px;
    border-radius: 4px;
    filter: drop-shadow(0px 10px 4.5px rgba(0,0,0,0.11));
    background-color: #ffffff;
    cursor: pointer;
    z-index: 9;
}

.unesco-page .content .unesco-menu.pc{
    position: absolute;
    top: 10px;
    right: -75px;
}
.unesco-page .content .unesco-menu.mobile{
    top: 260px;
    position: fixed;
    right: 10px;
}
.unesco-page .content .unesco-menu .text{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 12px;
}
.unesco-page .content .unesco-menu .text span{
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}
.unesco-page .content .unesco-menu .text span:hover{
    color: #604c2d;
}
.unesco-page .unesco-menu .menu-list {
    position: absolute;
    left: -260px;
    top: 0;
    width: 240px;
    filter: drop-shadow(0px 14px 8px rgba(0,0,0,0.36));
    background-color: #e5e8d3;
    border: 1px solid #ededed;
    display: none;

}
.unesco-page .unesco-menu .menu-list.show{
    display: block;
}
.unesco-page .unesco-menu .menu-list li a{
	display: block;
    color: #333;
    font-family: 'AlimamaDongFangDaKai';
    padding: 15px 20px;
}
.unesco-page .unesco-menu .menu-list li a.selected,
.unesco-page .unesco-menu .menu-list li a:hover{
    background-color: #db5526;
    color: #fff;
}
.unesco-page .project-list{
    padding-bottom: 40px;
    margin-top: 0px;
}
.unesco-page .project-list li {
    /* padding-bottom: 10px; */
}
.unesco-page .project-list li p{
    border-bottom: 1px solid #e3e3e3;
}
.unesco-page .project-list li p:nth-child(2){
    margin-top: 10px;
    /* margin: 0 28px; */
}
.unesco-page .project-list li p:not(:nth-child(1)){
	padding: 25px 0 16px;
    margin: 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.unesco-page .project-list li p:nth-child(3){
    border-bottom: none;
    padding: 12px 0 22px;
}
.unesco-page .intro-content{
    padding-bottom: 50px;
}
.unesco-page .intro-body{
    padding: 0px 40px 50px;
    /* background-color: #fff; */
    /* margin: 30px 0 0; */
}
.unesco-page .intro-body .title{
    font-family: 'AlimamaDongFangDaKai';
    font-size: 2em;
}
.unesco-page .intro-body p{
    text-indent: 2em;
    line-height: 1.8;
}  
.unesco-page .intro-body p.p1{
    text-align: center;
    font-size: 1.75em;
}
.unesco-page .convention-swiper-box{
    box-sizing: border-box;
}
.unesco-page .convention-swiper {
    width: 1000px;
    height: 980px;
    margin-left: auto;
    margin-right: auto;
}

.unesco-page .convention-swiper .swiper-slide {
    background: #fff;
    width: 310px;
    /* height: 436px !important; */
    cursor: pointer;
}
.unesco-page .convention-swiper .swiper-slide img{
    /* height: 436px !important; */
    width: 100%;
}
.unesco-page .swiper-wrapper{
    flex-wrap: wrap;
    flex-direction: column;
}
.unesco-page .swiper-button-next, .unesco-page .swiper-button-prev{
    width: 42px;
    height: 68px;
    margin-top: -60px;
}
.unesco-page .swiper-button-next:after, .unesco-page .swiper-button-prev:after{
    font-size: 70px;
    font-weight: normal;
}
.unesco-page .convention-swiper .swiper-pagination{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.unesco-page .convention-swiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: #375148;
    border-radius: 50%;
    margin: 0 6px
}
.unesco-page .convention-swiper .swiper-pagination-bullet-active{
    background-color: #da5426;
}
.unesco-page .body-bottom{
    padding-bottom: 80px;
    margin-top: 30px;
}
.unesco-page .body-bottom h5{
    font-size: 24px;
    color: #000000;
    font-family: "AlimamaDongFangDaKai";
    border-bottom: 1px solid #5ea090;
    padding-bottom: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.unesco-page .body-bottom p{
    line-height: 2;
    text-indent: 2em;
}
.unesco-detail-page{
    background: none;
    background-color: #eff2e1;
    
}
.unesco-detail-page .panel-1{
    background-color: #fff;
}
.unesco-detail-page .panel-1 .left {
    flex: 1;
    padding: 0 70px;
}
.unesco-detail-page .panel-1 .left .left-top{
    border-bottom: 1px solid #e0e2d6;
    padding-bottom: 30px;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    align-items: baseline;
}
.unesco-detail-page .panel-1 .left .left-top span:nth-child(1){
	font-size: 34px;
    color: #333;
    
}
.unesco-detail-page .panel-1 .left .left-top span:nth-child(2){
    font-size: 17px;
    color: #8e8d7b;
    /* margin-left: 10px; */
}
.unesco-detail-page .panel-1 .left .left-bottom{
    padding-top: 70px;
}
.unesco-detail-page .panel-1 .left .left-bottom .sub-tit{
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}
.unesco-detail-page .panel-1 .left .left-bottom .type-list{
    font-size: 26px;
}
.unesco-detail-page .panel-1 .right{
    width: 480px;
    height: 322px;
    overflow: hidden;
}
.unesco-detail-page .panel-1 img{
    width: 480px;
    height: 322px;
}
.showJoinTime-list{
    display: flex;
    margin-top: 40px;
    gap: 30px;
}
.showJoinTime-list li{
    padding: 40px 0 48px 70px;
    display: flex;	
    flex: 1;
    background-color: #fff;
    align-items: center;
    
}
.showJoinTime-list li .left{
    font-size: 16px;
    color: #b7baa8;
    margin-right: 50px;
}
.showJoinTime-list li .left span{
	font-size: 50px;
    color: #b7baa8;
}
.description-box {
    background-color: #fff;
    padding: 0px 0 100px;
    margin-top: 60px;
}
.unesco-sub-tit{
    font-size: 30px;
    text-align: center;
    /* margin-bottom: 35px; */
}
.unesco-sub-tit span{
    font-family: '思源宋体';
    position: relative;
    display: inline-block;
    padding: 0 120px 0;
}
.unesco-sub-tit span::after,
.unesco-sub-tit span::before{
	position: absolute;
    content: '';
    display: block;
    width: 92px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.unesco-sub-tit span::before{
    background: url('/static/images/unesco/icon_01.png') no-repeat center center;
    left: 0;
}
.unesco-sub-tit span::after{
    background: url('/static/images/unesco/icon_02.png') no-repeat center center;
    right: 0;
}
.description-box .description-text{
    line-height: 2;
    color: #666;
    text-indent: 2em;
}
.unesco-page .unesco-sub-tit{
    padding: 50px 0 35px
}
.unesco-detail-list {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    padding-bottom: 50px;
}
.unesco-detail-list li{
    width: 268px;
    cursor: pointer;
    overflow: hidden;
}
.unesco-detail-list li .img-box{
    position: relative;
}
.unesco-detail-list li img{
    width: 267px;
    height: 186px;
}
.unesco-detail-list li .play-btn{
    width: 50px;
    height: 50px;
    background: url('/static/images/home/play_btn.png') no-repeat center center;
    position: absolute;
    top: 50%;  
    left: 50%;
    transform: translate(-50%,-50%);
}
.unesco-detail-list li .title{
    color: #222;
    font-size: 16px;   
    text-align: center;
    padding-top: 1.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.unesco-page .breadcrumbs{
    color: #8e8d7b;
    padding: 40px 0;
}
.unesco-page .breadcrumbs a, .unesco-page .breadcrumbs span{
    color: #8e8d7b;
}
.unesco-page .detail-content{
    position: relative;
}
.unesco-page .detail-content::after{
    content: '';
    display: block;
    width: 85px;
    height: 339px;
    position: absolute;
    right: -135px;
    bottom: 0px;
    background: url('/static/images/unesco/body_bg.png') no-repeat center center;
}
.f_n_indent{
    text-indent: 0;
}
.u_c2_l1 {
    margin-top: 20px;
    color: #0b69ac;
    border-left: 6px solid #0b69ac;
    padding: .5em 0 .5em .875em;
}
.u_c2_l2  {
    margin-top: 20px;
    color: #e99207;
    border-left: 6px solid #e99207;
    padding: .5em 0 .5em .875em;
}
.u_c2_l3  {
    margin-top: 20px;
    margin-bottom: 48px;
    color: #79b050;
    border-left: 6px solid #79b050;
    padding: .5em 0 .5em .875em;
}
.unesco-page .content .body-text .projectintro-pannel p{
    text-indent: 0;
}
.projectintro-pannel {
    padding: 40px 0;
    align-items:flex-start;
}
.projectintro-pannel .left{
    flex: 1;
    padding: 0 80px 0 0;
    line-height: 2;
}
.projectintro-pannel .right{
    width: 300px;
}
.unesco-page .body-bottom.projectintro-pannel2 h5{
    margin-top: 40px;
    text-align: left;
}
.unesco-page .completed-content .project-list li{
    padding-bottom: 0;
}
.unesco-page .cultural-content{

}
.unesco-page .cultural-content p{
    line-height: 2;
}
.vedeo-page{
    background: url('/static/images/unesco/body_bg_02.jpg') no-repeat top 40% center;
    background-color: #f4f0e9;
}
.vedeo-page .breadcrumbs{
    padding: 30px 0;
    color: #8b8279;
}
.vedeo-page .breadcrumbs a{
    color: #8b8279;
}
.video-body {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 50px;
}
/* .video-body img{
    width: 1140px;
    height: 640px;
} */
.video-body .title{
    font-size: 22px;
    padding: 0 0 20px;
    text-align: center;
}

#shinyvVideoPlayer{
    overflow: hidden;
}
#shinyvVideoPlayer img{
    width: 100%;
}
.video-body  .text_01{
    font-size: 18px;
    padding: 20px 0;
}
.video-body  .text_02{
    color: #666;
    line-height: 1.8;
}
.menu-search {
    width: 15px;
    height: 14px;
    cursor: pointer;
    text-indent: -9999px;
}
.menu-search-bg {
    background: url('/static/images/search_icon.jpg') no-repeat center center;
}
.menu-more-bg {
    width: 18px;
    display: none;
    background: url('/static/img/more-icon1.png') no-repeat center center;
}

.empty-box{
    text-align: center;
    padding: 10em 0;
    
}
.empty-box p{
    font-size: 16px;
    color: #333;
    display: inline-block;
    width: 120px;
    padding-top: 130px;
    background: url('/static/images/empty_icon.png') no-repeat center center;
}
.detail-content-container{
    padding: 40px 0;
    color: #333;
}


.error-code {
    width: 89.33%;
    text-align: center;
    padding: 105px 0;
    font-size: 88px;
    background-color: #FFFFFF;
    border-radius: 5px;
    margin: 40px auto;
    color: #96794e;
    font-weight: bold;
}

.error-code h5 {
    margin-top: 10px;
    font-size: 24px;
    color: #333333;
}

.error-code .button {
    display: block;
    width: 158px;
    height: 49px;
    line-height: 49px;
    margin: 10px auto;
}

/* 10周年 */
.years-banner{
    width: 100%;
}
.section-body {
    position: relative;
}
.section-body.section1 .years-banner {
    height: 500px;
    background-color: #f0492e;
    background: url('/static/images/10years/banner_01.jpg') no-repeat center center;
    box-sizing: border-box;
}
.section-body.section2 .years-banner {
    height: 500px;
    background-color: #f7bc2d;
    background: url('/static/images/10years/banner_02.jpg') no-repeat center center;
    box-sizing: border-box;
}
.section-body.section3 .years-banner {
    height: 500px;
    background-color: #758e61;
    background: url('/static/images/10years/banner_03.jpg') no-repeat center center;
    box-sizing: border-box;
}
.section-body.section4 .years-banner {
    height: 500px;
    background-color: #13869f;
    background: url('/static/images/10years/banner_04.jpg') no-repeat center center;
    box-sizing: border-box;
}
.section-body.section5 .years-banner {
    height: 500px;
    background-color: #978779;
    background: url('/static/images/10years/banner_05.jpg') no-repeat center center;
    box-sizing: border-box;
}

.years-banner .content{
    padding: 132px 0 0;
}
.years-banner .content p{
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.years-banner .content p:nth-child(1){
    font-size: 30px;
    letter-spacing: 10px;
    font-family: "MiSans";
    filter: drop-shadow(2px 0px 0px rgba(88,47,40,0.7));
}
.years-banner .content p:nth-child(2) {
    font-size: 90px;
    font-family: "思源宋体";
    filter: drop-shadow(5px 0px 0px rgba(88,47,40,0.61));
    margin: 16px 0 34px;
}
.years-banner .content p:nth-child(3){
    font-size: 22px;
    letter-spacing: 4px;
    font-family: "MiSans";
    filter: drop-shadow(2px 0px 0px rgba(88,47,40,0.7));
}
.section-title{
    width: 100%;
    background-color: #fff;
}
.section-title .content{
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    font-family: "MiSans";
    text-align: center;
    padding: 60px 0;
}
.section-content{
    padding: 0 40px;
}
.section-content {
    position: relative;
}
.section-content .title {
    font-size: 32px;
    color: #89362d;
    text-align: center;
    padding: 50px 0 40px;
}
.section-content .title span{
    position: relative;
    display: inline-block;
    padding: 0 30px;
    color: #89362d;
}
.section-content .title span::after,
.section-content .title span::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: url('/static/images/10years/icon_01.jpg') no-repeat center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100% 100%;
}
.section-content .title span::after{
    left: 0;
}
.section-content .title span::before{
    right: 0;
}

.pannel_01 .list li{
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 30px;
}
.pannel_01 .list li .left{
    width: 600px;
}
.pannel_01 .list li .left img{
    display: block;
    max-width: 100%;
}
.pannel_01 .list li .right{
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    
    padding: 0 54px 0 42px;
}
.pannel_01 .list li .right p{
    margin-bottom: 20px;
    text-indent: 2em;	
}
.pannel_01 .list li .right p:last-child{
    margin-bottom: 0;
}
.pannel_01 .list li.style7 .left{
    padding: 0 30px;
    width: 30%;
}
.pannel_01 .list li.style7{
    padding: 30px 0 40px;
}
.pannel_01 .list li.style7 .img-list{
    gap: 10px;
}
.pannel_01 .list li.style7 .img-list .img{
    flex: 1;
}
.pannel_01 .list li.style7 .img-list .img span{
    display: block;
    height: 146px;
    overflow: hidden;
}
.pannel_01 .list li.style7 .img-list .img .des{
    height: auto;
    display: block;
    margin-top: 10px;
}
.pannel_01 .list li.style7 .img-list .img img{
    /* height: 120px;
    object-fit: cover; */
}
.section-body .pannel_01{
    background:#f8f6f7 url('/static/images/10years/section_01_bg.jpg') no-repeat center bottom;
    padding-bottom: 60px;
}
.section-body .pannel_02{
    background:#f8f4eb url('/static/images/10years/section_02_bg.jpg') no-repeat center bottom;
    padding-bottom: 60px;
}
.section-body .pannel_01{
    background:#f8f6f7 url('/static/images/10years/section_01_bg.jpg') no-repeat center bottom;
    padding-bottom: 60px;
}
.section-body .pannel_03{
    background:#fefaf9 url('/static/images/10years/section_03_bg.jpg') no-repeat center bottom;
    padding-bottom: 60px;
}

.pannel_01 .list li.style5{
    display: block;
    padding: 20px;
    line-height: 2;
}

.pannel_01 .list li.style2 .left,
.pannel_01 .list li.style3 .left,
.pannel_01 .list li.style4 .left{
    display: flex;
    
}

.pannel_01 .list li .left .img{
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.section3 .pannel_01 .list li .left .img{
    background-size: contain;
    background-position: center;
}
.pannel_01 .list li.style2 .left .img1{
    width: 50%;
    background-image: url('/static/images/10years/s1-2.jpg');
}
.pannel_01 .list li.style2 .left .img2{
    width: 50%;
    background-image: url('/static/images/10years/s1-3.jpg');
}
.pannel_01 .list li.style3 .left .img1{
    width: 65%;
    background-image: url('/static/images/10years/s1-4.jpg');
}
.pannel_01 .list li.style3 .left .img2{
    width: 35%;
    background-image: url('/static/images/10years/s1-5.jpg');
}
.pannel_01 .list li.style4 .left .img1{
    width: 35%;
    background-image: url('/static/images/10years/s1-6.jpg');
}
.pannel_01 .list li.style4 .left .img2{
    width: 30%;
    background-image: url('/static/images/10years/s1-7.jpg');
}
.pannel_01 .list li.style4 .left .img3{
    width: 35%;
    background-image: url('/static/images/10years/s1-8.jpg');
}

.pannel_01 .list li .left .des{
    position: absolute;
    bottom: 0;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
}
.pannel_02 .list li {
    margin-bottom: 30px;
}
.pannel_02 .list .list-title{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    font-family: "MiSans";
    background: url('/static/images/10years/icon_01.jpg') no-repeat left 4px;
    padding:0 0 30px 20px;
    border-bottom: 1px solid #89362d;
    margin-bottom: 30px;
}

.pannel_02 .list-content{
    display: flex;
}
.pannel_02  .style3 .list-content{
    display: block;
}
.pannel_02 .list-content p {
    text-indent: 2em;
}
.pannel_02 .list-content .left{
    width: 560px;
    line-height: 1.8;
    color: #666;
}
.pannel_02 .list-content .left p{
    margin-bottom: 20px;
    text-indent: 2em;
}
.pannel_02 .list-content .right{
    display: flex;
    flex: 1;
    gap: 20px;
    margin-left: 80px;
    justify-content: space-between;
}
.pannel_02 .list-content .right .img-list .img{
    display: block;
    height: 177px;
    background-size: cover;
    background-repeat: no-repeat;
}
.pannel_02 .list-content .right .img-list .des{
    display: block;
    padding-top: 15px;
    font-size: 12px;
    line-height: 1.5;
}
.pannel_02 .list-content .right .img-list:nth-child(1){
    width: 316px;
}
.pannel_02 .list-content .right .img-list:nth-child(2){
    width: 202px;
}
.pannel_02 .list-content .right .img-list:nth-child(1) .img{
    background-image: url('/static/images/10years/s1-12.jpg');
}
.pannel_02 .list-content .right .img-list:nth-child(2) .img{
    background-image: url('/static/images/10years/s1-11.jpg');
}


.pannel_02 .style2 .list-content .left{
    width: 470px;
}
.pannel_02 .style2 .list-content .right{
    margin-left: 120px
}
.pannel_02 .style2 .list-content .right .img-list .img{
    height: 250px;
}
.pannel_02 .style2 .list-content .right .img-list .des{
    text-align: center;
}
.pannel_02 .style2 .list-content .right .img-list{
    flex: 1;
}
.pannel_02 .style2 .list-content .right .img-list:nth-child(1) .img{
    background-image: url('/static/images/10years/img_10.jpg');
}
.pannel_02 .style2 .list-content .right .img-list:nth-child(2) .img{
    background-image: url('/static/images/10years/s1-9.jpg');
}
.pannel_02 .style2 .list-content .right .img-list:nth-child(3) .img{
    background-image: url('/static/images/10years/s1-10.jpg');
}

.pannel_02 .list li.style3{
    margin-bottom: 0;
}
.pannel_02 .style3 .list-content{
    line-height: 1.8;
}

.years-sub-title{
    width: 770px;
    font-size: 16px;
    color: #666;
    margin: 25px auto 0;
    line-height: 1.6;
}

.pannel_03 .list li{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pannel_03 .list .style1 .left{
    width: 600px;
    
}
.pannel_03 .list .left p{
    color: #666;
    line-height: 1.8;
    text-indent: 2em;
}
.pannel_03 .list .left a{
    font-size: 12px;
    color: #666;
    text-decoration: underline;
    display: block;
    margin-top: 48px
}
.pannel_03 .list .style1 .right{
    display: flex;
    width: 544px;
    gap: 40px;
}
.pannel_03 .list .style1 .right .img-list{
    flex: 1;
}
.pannel_03 .list .style1 .right .img-list .img{
    display: block;
    height: 307px;
    background-size: cover;
    overflow: hidden;
}
.pannel_03 .list .style1 .right .img-list .img img{
    object-fit: cover;
}
.pannel_03 .list .style1 .right .img-list .des{
    text-align: center;
    display: block;
    padding-top: 20px;
    font-size: 12px;
}
/* .pannel_03 .list .style1 .right .img-list:nth-child(1) .img{
    background-image: url('/static/images/10years/s1-15.jpg');
}
.pannel_03 .list .style1 .right .img-list:nth-child(2) .img{
    background-image: url('/static/images/10years/s1-16.jpg');
} */
.pannel_03 .list .style2 .left{
    width: 616px;
    height: 344px;
    position: relative;
}
.pannel_03 .list .style2 .right{
    width: 482px;
}
.pannel_03 .list .style2 .right p{
    color: #666;
    margin-bottom: 20px;
    text-indent: 2em;
    line-height: 1.8;
}
.pannel_03 .list .style2 .left .img-list .img{
    display: block;
    width: 340px;
    /* height: 176px; */
    /* background-size: cover; */
}
.pannel_03 .list .style2 .left .img-list .des{
    display: block;
    margin-top: 20px;
    font-size: 12px;
    color: #222;
    padding-left: 18px;
    background: url('/static/images/10years/icon_02.png') no-repeat left 3px;
}

.pannel_03 .list .style2 .left .img-list:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.pannel_03 .list .style2 .left .img-list:nth-child(2){
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.years-home-container .title img{
    display: block;
}
.years-home-container .pannel_01{
    height: 300px;
    background:#fff url('/static/images/10years/home/bg_01.jpg') no-repeat center center;
}
.years-home-container .pannel_02{
    height: 488px;
    background:url('/static/images/10years/home/bg_02.jpg') no-repeat center center;
    /* #8c3a2c  */
}
.years-home-container .pannel_05{
    height: 458px;
    background: url('/static/images/10years/home/bg_07.jpg') no-repeat center center;
}
.years-home-container .pannel_06{
    height: 339px;
    box-sizing: border-box;
    padding-top: 75px;
    background: url('/static/images/10years/home/bg_08.jpg') no-repeat center center;
}
.years-home-container .pannel_07{
    height: 480px;
    padding-top: 50px;
    box-sizing: border-box;
    background: url('/static/images/10years/home/bg_09.jpg') no-repeat center center;
    background-size: cover;
}
.years-home-container .pannel_03{
    margin-bottom: 55px;
}
.years-home-container .pannel_bg{
    /* height: 3129px; */
    padding-bottom: 30px;
    background: url('/static/images/10years/home/bg_03.jpg') no-repeat bottom center;
}

.home-list .home-sub-title {
    height: 150px;
    background: url('/static/images/10years/home/title_bg_01.png') no-repeat left center;
    font-size: 36px;
    font-family: '思源宋体';
    position: relative;
    font-weight: bold;
}
.pannel_01 .home-list{
    /* padding-top: 75px; */
}
.home-list .left{
    width: 242px;
}
.home-list .right{
    /* margin-left: 80px; */
    flex: 1;
}
.home-list .right p {
    font-size: 12px;
    color: #666;
    text-indent: 2em;
    line-height: 1.8;
}


.home-list .home-sub-title span{
    display: block;
    width: 145px;
    position: relative;
    left: 42px;
    top: 50%;
    transform: translateY(-72%);
}


.pannel_01 .home-list .home-sub-title span{
    color: #9a2b2e;
}
.pannel_02 .home-list .home-sub-title span,
.pannel_03 .home-list .home-sub-title span{
    color: #fff;
    transform: translateY(-115%);
}
.pannel_02 .home-list{
    padding-top: 60px;
}
.pannel_03 .right p,
.pannel_02 .right p{
    color: #fff;
}
.pannel_03 .home-list .home-sub-title,
.pannel_02 .home-list .home-sub-title{
    background: url('/static/images/10years/home/title_bg_02.png') no-repeat left center;
}
.pannel_02 .tit-list{
    margin-top: 35px;
}
.pannel_02 .tit-list li{
    width: 220px;
    height: 160px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}
.pannel_02 .tit-list li a{
    color: #fff;
}
.pannel_02 .tit-list li span{
    font-size: 14px;
    padding-bottom: 10px;
    color: #fff;
}
.pannel_02 .tit-list li p{
    font-size: 30px;
    width: 140px;
    color: #fff;
}
.pannel_02 .tit-list li{
    cursor: pointer;
    position: relative;
}
.pannel_02 .tit-list li a{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 160px;
    text-align: center;
}
.pannel_02 .tit-list li:nth-child(1){
    background: url('/static/images/10years/home/text_bg_01.jpg') no-repeat center center;
}
.pannel_02 .tit-list li:nth-child(2){
    background: url('/static/images/10years/home/text_bg_02.jpg') no-repeat center center;
}
.pannel_02 .tit-list li:nth-child(3){
    background: url('/static/images/10years/home/text_bg_03.jpg') no-repeat center center;
}
.pannel_02 .tit-list li:nth-child(4){
    background: url('/static/images/10years/home/text_bg_04.jpg') no-repeat center center;
}
.pannel_02 .tit-list li:nth-child(5){
    background: url('/static/images/10years/home/text_bg_05.jpg') no-repeat center center;
}


.pannel_02 .tit-list li:hover a{
    display: block;
    background-color: #000;
}
.pannel_02 .tit-list li:nth-child(1):hover a{
    background-image: linear-gradient(0deg, #d22b21 0%, #e5624b 100%);
}
.pannel_02 .tit-list li:nth-child(2):hover a{
    background-image: linear-gradient(0deg, #f5c144 0%, #dfa837 100%);
}
.pannel_02 .tit-list li:nth-child(3):hover a{
    background-image: linear-gradient(0deg, #5e725a 0%, #89a173 100%);
}
.pannel_02 .tit-list li:nth-child(4):hover a{
    background-image: linear-gradient(0deg, #006e85 0%, #399db5 100%);
}
.pannel_02 .tit-list li:nth-child(5):hover a{
    background-image: linear-gradient(0deg, #665f4e 0%, #b6a6a0 100%);
}

.home-pannel-title {
    font-size: 36px;
    text-align: center;
}
.home-pannel-title span{
    position: relative;
    display: inline-block;
    padding: 0 35px;
    color: #fff;
    font-family: '思源宋体';
}
.home-pannel-title span::after,
.home-pannel-title span::before{
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url('/static/images/10years/home/icon_01.png') no-repeat center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100% 100%;
}
.home-pannel-title span::after{
    left: 0;
}
.home-pannel-title span::before{
    right: 0;
}
.home-pannel-title.style2 span{
    color: #333;
}
.home-pannel-title.style2 span::after,
.home-pannel-title.style2 span::before{
    background: url('/static/images/10years/home/icon_02.png') no-repeat center center;
}
.pannel_bg .pannel_04 .home-pannel-title{
    margin: 62px 0;
}
.pannel_03 .home-list{
    padding-top: 60px;
    margin-bottom: 56px;
}
.years-home-container .pannel_03 .menu-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 38px;
    background-color: #fff;
}
.years-home-container .pannel_03 .menu-list li{
    text-align: center;
    flex: 1;
    height: 130px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
.years-home-container .pannel_03 .menu-list li span{
    height: 64px;
    display: flex;
    align-items: center;
}
.years-home-container .pannel_03 .menu-list li p{
    height: 28px;
    display: flex;
    align-items: center;
}
.years-home-container .pannel_03 .menu-list li.active, .years-home-container .pannel_03 .menu-list li:hover{
    background-color: #3e5b81;
    
}
.years-home-container .pannel_03 .menu-list li.active p, .years-home-container .pannel_03 .menu-list li:hover p{
    color: #fff;
}
.years-home-container .pannel_03 .menu-list li p{
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    max-width: 88%;
    word-wrap: break-word;
}
.years-home-container .pannel_03 .tabs-list{
    margin-top: 20px;
    height: 400px;
    box-sizing: border-box;
    padding: 30px 0 0 30px;
}

.years-home-container h5{
    font-size: 24px;
    color: #333;
    position: relative;
    padding-bottom: 18px;
}
.years-home-container h5::after{
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #9c3134;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.tabs-list-content .left p{
    font-size: 14px;
    color: #999;
    margin-top: 35px;
    line-height: 1.8;
}
.tabs-list-content .right{
    display: flex;
    flex-wrap: wrap;
    margin-left: 60px;
    margin-top: 20px;
}
.tabs-list-content .right li{
    width: 50%;
    margin-bottom: 26px;
}
.tabs-list-content .right li p:nth-child(1){
    font-size: 12px;
    color: #8d8d8d;
    margin-bottom: 10px;
}
.tabs-list-content .right li p:nth-child(2){
    font-size: 40px;
    color: #9c3134;
}

.years-home-container .pannel_03 .tabs-list .tabs-list-content .swiper-slide {
    position: relative;
}

.years-home-container .pannel_03 .tabs-list .tabs-list-content .swiper-slide img{
    width: 180px;
    height: 110px;
    object-fit: cover;
}
.years-home-container .pannel_03 .tabs-list .tabs-list-content .swiper-slide p {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.years-home-swiper .swiper-slide a{
    display: block;
}
.years-home-swiper .swiper-slide a img{
    width: 100%;
}
.years-home-swiper .swiper-button-next, .years-home-swiper .swiper-button-prev{
    width: 12px;
    height: 18px;
    margin-top: -10px;
    background-size: 100% 100%;
}

.years-home-swiper{
    position: relative;
}
.years-home-swiper .swiper-button-prev{
    left: -20px;
}
.years-home-swiper .swiper-button-next{
    right: -20px;
}
.years-home-swiper .swiper-button-next:after, .years-home-swiper .swiper-button-prev:after{
    font-size: 14px;
}

.years-show-list{
    height: 460px;
    position: relative;
    /* width: 1200px; */
    margin: 0 auto;
}
.years-home-container img{
    width: 100%;
}
.years-show-list .list-01{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 727px;
}

.years-show-list .list-02{
    height: 420px;
    width: 940px;
    position: absolute;
    right: 0;
    top: 0;
    background:#fff url('/static/images/10years/home/show_bg_01.png') no-repeat right center;
    z-index: 1;
    box-sizing: border-box;
    padding: 100px 86px 0 580px;
}
.years-show-list .list-02 h5{
    margin-bottom: 30px;
}
.years-show-list .list-02 h5::after{ 
    background-color: #606d7c;
}
.years-show-list .list-02 p{
    color: #666;
    font-size: 12px;
    line-height: 1.8;
    text-indent: 2em;
}
.years-home-container .play-btn{
    width: 50px;
    height: 50px;
    background: url('/static/images/10years/home/play.png') no-repeat center center;
    position: absolute;
    z-index: 3;
}
.years-show-list-02 {
    margin: 55px 0 0;
}
.years-show-list-02 .content{
    height: 450px;
    box-sizing: border-box;
    padding: 0px 0 0 60px;
    background:#fff url('/static/images/10years/home/show_bg_02.jpg') no-repeat left center;
}
.years-show-list-02 .left{
    width: 400px;
    margin-right: 60px;
}
.years-show-list-02 .left h5{
    margin-bottom: 55px;
}
.years-show-list-02 .left p{
    font-size: 12px;
    color: #666;
    line-height: 1.8;
    text-indent: 2em;
}
.years-show-list-02 .right{
    width: 670px;
}
.show-list-swiper .swiper-pagination{
    bottom: 10px;
    left: 18px;
}
.show-list-swiper .swiper-pagination-bullet-active{
    margin: 0 5px;
}

.years-show-list-02 a{
    display: block;
    position: relative;
}
.years-show-list-02 .show-swiper-title{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 360px;
    height: 90px;
    box-sizing: border-box;
    padding: 0 26px;
    background-color:#a17259;
    display: flex;
    align-items: center;
}
.years-show-list-02 .show-swiper-title span{
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    background: url('/static/images/10years/home/arrow.png') no-repeat left 5px;
}
.years-show-list.style2{
    height: 420px;
    margin-top: 60px;
}
.years-show-list.style2 .list-01{
    top: 0;
    bottom: auto;
}
.years-show-list.style2 .list-02{
    top: auto;
    bottom: 0;
    width: 780px;
    height: 380px;
    padding: 85px 70px 0 220px;
}
.years-show-list-03{
    margin-top: 60px;
}
.years-show-list-03 .content{
    height: 450px;
    box-sizing: border-box;
    background: url('/static/images/10years/home/list3-bg.jpg') no-repeat center center;
    padding: 0px 0 0 60px;
}
.years-show-list-03 .content .left{
    width: 520px;
}
.years-show-list-03 .content .right{
    width: 470px;
    /* margin-left: 70px; */
    margin-right: 80px;
}
.years-show-list-03 .content h5{
    margin-bottom: 40px;
}
.years-show-list-03 .content p{
    font-size: 12px;
    color: #666;
    line-height: 1.8;
    text-indent: 2em;
}
.years-show-list-03 .content a{
    display: block;
    position: relative;
}
.years-show-list-03 .show-swiper-title{
}
.years-show-list-03 .content p{
    font-size: 12px;
    color: #666;
    line-height: 1.8;
}

.years-home-container .pannel_05{
    box-sizing: border-box;
    padding: 100px 0 0 0;
}
.years-home-container .pannel_05 .disflex,
.years-home-container .pannel_07 .disflex{
    align-items: flex-start;
}
.years-home-container .pannel_05 ul{
    margin-top: 20px;
}
.years-home-container .pannel_05 ul li span{
    display: block;
    line-height: 1.8;
    font-size: 13px;
    color: #483936;
}
.years-home-container .pannel_05 .home-list .home-sub-title span{
    transform: translateY(-120%);
}

.years-home-container .pannel_06 .right p{
    font-size: 14px;
    color: #483936;
}
.years-home-container .pannel_06 .right .tip{
    text-align: center;
    margin-top: 36px;
}
.years-home-container .pannel_06 .right .tip span{
    font-size: 28px;
    color: #9c3134;
    margin: 0 20px;
}
.years-home-container .pannel_07 ul li span{
    display: block;
    line-height: 2;
    font-size: 14px;
    color: #483936;
}
.years-home-container .pannel_07 .home-list{
    border-bottom: 1px solid #d4c7b0;
    padding-bottom: 50px;
}

.years-home-container .pannel_07 .more-content {
    text-align: center;
    padding-top: 40px;
}
.years-home-container .pannel_07 .more-content  a{
    color: #a19682;
    z-index: 2;
}
.section-body .img-list {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    /* gap: 20px; */
    margin-top: 20px;
}

.section-body .img-list li{
   
    position: relative;
    /* flex: 1; */
}
.section-body .img-list.col3 li{
    width: 32%;
}
.section-body .img-list.col4 li{
    width: 24%;
}
.section-body .img-list.col5 li{
    width: 19%;
}
.section-body .img-list li .img{
    width: 100%;
}
.section-body .img-list.col4.h200 li{
    width: 27%;
}
.section-body .img-list li .img img{
    max-width: 100%;
    display: block;
}
.section-body .img-list.h200 li .img img{
    height: 210px;
    object-fit: cover;
}
.section-body .img-list.h150 li .img img{
    height: 154px;
    object-fit: cover;
}
.section-body .img-list.h200 li:nth-child(2){
    width: 157px;
}
.section-body .img-list li .des{
    position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    min-height: 40px;
    display: flex;
    align-items: center;
    line-height: 1.4;
}

.section-body .img-list li .img{
    display: block;

}
.section3 .pannel_01{
    padding-bottom: 20px;
}
.section3 .pannel_01 .style6{
    padding-bottom: 30px;
}
.section3 .pannel_01 .style6 .left{
    width: 30%;
}
.section3 .pannel_01 .style6 .right{
    width: 70%;
}
.section3 .pannel_01 .style6 p{
    padding: 10px 20px;
}
.section5 .pannel_01 .list li.style2 .right p{
   margin-bottom: 10px;
   font-size: 12px;
}
.section5 .pannel_01 .list li.style2 .left .img{
    background-size: contain;
    background-position: center;
}


/* .section-body .img-list.section5-img-list li{
    width: 32%;
} */
.section-body .img-list.section5-img-list li:nth-child(1){
    width: 23%;
}
.section-body .img-list.section5-img-list li:nth-child(2){
    width: 23%;
}
.section-body .img-list.section5-img-list li:nth-child(3){
    width: 49%;
}
.section-body .img-list.section5-img-list li .img img{
    height: 410px;
    object-fit: cover;
}
.pannel_02 .list li.style3.list-01{
    padding-bottom: 30px;
}
.years-cooranizers{
    background:#f8f4eb  url('/static/images/10years/section_02_bg.jpg') no-repeat bottom center;
    padding-bottom: 40px;
}
.years-cooranizers h5{
    font-size: 18px;
    margin-top: 40px;
}
.years-cooranizers .organizers-list{
    margin-top: 20px;
}

.years-breadcrumb{
    display: flex;
    text-align: center;
    align-items: center;
    /* justify-content: center; */
    padding: 20px 0;
    font-size: 14px;
    color: #666;
}
.years-breadcrumb span{
    margin: 0 5px;
}
.years-home-container .pannel_01{
    height: auto;
    background-size: cover;
    padding-bottom: 20px;
}
.years-home-container .pannel_01 .right .img-box{
    margin-top: 20px;
    gap: 20px;
}
.years-home-container .pannel_01 .right .img-box div{
    position: relative;
}
.years-home-container .pannel_01 .right .img-box img{
    width: 100%;
}
.years-home-container .pannel_01 .right .img-box .arrow-right-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 60px;
    height: 60px;
    background-color: #9a2b2e;
    font-size: 0;
    border-radius: 50%;
    cursor: pointer;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.pag-box{
    border-top: 1px solid #cfc9c1;
    height: 24px;
    margin-top: 10px;
    padding-top: 20px;
    /* display: flex; */
    /* align-items: center;
    justify-content: space-between; */
}
.prev-section,
.next-section{
	color: #89362d !important;
    /* position: absolute; */
    /* bottom: -30px; */
    bottom: 0;
    font-size: 14px; 
}
.next-section{
    float: right;
}
.prev-section{
    left: 40px;	
}
.tabs-pannel {
    background-color: #fff;
    margin-top: 20px;
}
.tabs-pannel .item-1{
    width: 320px;
}
.tabs-pannel .item-1 img{
    display: block;
}
.tabs-pannel .item-2{
    flex: 1;
}
.tabs-pannel .text-list {
    display: flex;
    align-items: center;
}
.tabs-pannel .text-list li{
    flex: 1;
    text-align: center;
}
.tabs-pannel .text-list li p:nth-child(1){
    font-size: 12px;
    color: #8d8d8d;
    margin-bottom: 10px;
}
.tabs-pannel .text-list li p:nth-child(2){
    font-size: 40px;
    color: #9c3134;
}
.type-list {
    /* width: 160px; */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-between;
    margin: 20px 0 20px 50px;
    width: 100%;
}
.type-list li{
    width: 50%;
    text-align: center;
    color: #333;
    cursor: pointer;
    line-height: 40px;
}
.type-list li.active{
    border-bottom: 1px solid #9c3134;
}
.years-home-swiper{
    width: 778px;
    margin: 0 auto;
    position: relative;
}
.tabs-pannel .swiper-slide img {
    width: 180px;
    height: 110px;
    object-fit: cover;
}
.tabs-pannel .swiper-slide p {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.tabs-pannel .years-home-swiper{
    display: none;
}
.tabs-pannel .years-home-swiper.active{
    display: block;
}

.mySwiper2 {
    width: 480px;
}