/* 定义字体 */
@font-face {
    font-family: 'pxzs';
    /* 自定义字体名称 */
    src: url('../../font/pxzs.woff2') format('truetype');
    /* 兼容旧浏览器 */
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    min-width: 1200px;
}

#fp-nav ul li a.active span {
    background: #c3c3c3;
}

/* nav-header-wrap start  */
.nav-header-wrap {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /* 提高固定导航栏的权重 */
    z-index: 999;
}

.nav-header-wrap .nav-header-top {
    width: 100%;
    height: 0;
    background: #252A3F;
    transition: all .3s linear;
}

.nav-header-wrap .nav-header-top.active {
    height: 40px;
}

.nav-header-wrap .nav-header-top .welcome-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    height: 100%;
}

.nav-header-wrap .nav-header-top .welcome-wrap .welcome-organizaiton span {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.nav-header-wrap .nav-header-top .r {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.nav-header-wrap .nav-header-top .r:hover {
    color: #CBEFFF;
}

.nav-header-wrap .nav-header-bottom {
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    border-radius: 0px 0px 0px 0px;
}

.nav-header-wrap .nav-header-bottom .hd-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.nav-header-wrap .nav-header-bottom .hd-wrap .logo-bg {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}

.nav-header-wrap .nav-header-bottom .hd-wrap .hd-mid {
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: 60px;
    margin-right: 60px;
}

.nav-header-wrap .nav-header-bottom .hd-wrap .hd-mid .nav-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.nav-header-wrap .nav-header-bottom .hd-wrap .hd-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-header-wrap .nav-header-bottom .hd-wrap .hd-right .search-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-header-wrap .nav-header-bottom .hd-wrap .hd-right .search-wrap>i {
    color: #3A486C;
    font-size: 18px;
    transition: all .3s linear;
}

.nav-header-wrap .nav-header-bottom .hd-wrap .hd-right .search-wrap:hover>i {
    transform: scale(1.2);
}


.nav-header-wrap .nav-header-bottom .nav-item-link {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #3A486C;
    transition: all .3s linear;
}

.nav-header-wrap .nav-header-bottom .nav-item-link:hover {
    color: #4E2425;
}

.nav-header-wrap .nav-header-bottom .nav-item {
    position: relative;
}

.nav-header-wrap .nav-header-bottom .nav-item.active::after {
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s linear;
    content: "";
    width: 18px;
    height: 3px;
    background: #4E2425;
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    z-index: 0;
}

.nav-header-wrap .nav-header-bottom .nav-item::after {
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 18px;
    height: 3px;
    background: #4E2425;
    border-radius: 10px 10px 10px 10px;
    opacity: 0;
    transition: all .3s linear;
}

.nav-header-wrap .nav-header-bottom .nav-item:hover::after {
    opacity: 1;
}

.nav-header-wrap .nav-header-bottom .nav-item.more {
    position: relative;
}

.nav-header-wrap .nav-header-bottom .nav-item.more:hover .nav-more-list{
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.nav-header-wrap .nav-header-bottom .nav-item.more .nav-more-list {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    z-index: -999;
    border: 1px solid #efefef;
    transition: all 0.3s linear;
}

.nav-header-wrap .nav-header-bottom .nav-item.more .nav-more-list .nav-more-item {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #efefef;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    z-index: 2;
}

.nav-header-wrap .nav-header-bottom .nav-item.more .nav-more-list .nav-more-item:first-child {
    border-radius: 5px 5px 0 0;
}

.nav-header-wrap .nav-header-bottom .nav-item.more .nav-more-list .nav-more-item .nav-more-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #3A486C;
    font-size: 14px;
    transition: all 0.3s linear;
}
.nav-header-wrap .nav-header-bottom .nav-item.more .nav-more-list .nav-more-item:hover .nav-more-link{
    background-color: #CEB78D;
    color: #fff;
}


.nav-header-wrap .nav-header-bottom .hd-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 134px;
}

.nav-header-wrap .nav-header-bottom .hd-right a>i {
    font-size: 16px;
    color: #3A486C;
}


.nav-header-wrap .nav-header-bottom .hd-right .member {
    display: flex;
    align-items: center;
    justify-content: end;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .member-login>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 35px;
    border: 1px solid #efefef;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    transition: all 0.3s linear;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .member-login>a:hover {
    background: #3C90A8;
    opacity: .8;
    color: #fff;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .logged {
    display: flex;
    align-items: center;
    justify-content: center;
}


.nav-header-wrap .nav-header-bottom .hd-right .member .avatar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar>a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
    border: 1px solid #efefef;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar>a img {
    width: 100%;
    height: 100%;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .select-icon {
    color: #CFCFCF;
    font-size: 18px;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .account-list {
    position: absolute;
    top: 60px;
    right: 0;
    width: 120px;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    z-index: -999;
    border: 1px solid #efefef;
    transition: all 0.3s linear;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .account-list .account-item {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .account-list .account-item:first-child {
    border-radius: 5px 5px 0 0;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .account-list .account-item:last-child {
    border-radius: 0 0 5px 5px;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .account-list .account-item>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #CEB78D;
    font-size: 14px;
    transition: all 0.3s linear;
    z-index: 2;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .account-list .account-item>a:hover {
    background-color: #CEB78D;
    color: #fff;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar .account-list .account-item:last-child {
    border-bottom: none;
}

.nav-header-wrap .nav-header-bottom .hd-right .member .avatar:hover .account-list {
    visibility: visible;
    z-index: 999;
    opacity: 1;
}

/* nav-header-wrap end  */

/* section start  */
.section {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.section .line-placeholder {
    height: 60px;
    min-height: 60px;
}

.section .section-nav-title {
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 112px;
    height: 38px;
    background-image: url('../../img/index/nav_title_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: "pxzs";
    font-size: 18px;
    color: #333;
}

.section .section-content .more-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    transition: all .3s linear;
}

.section .section-content .more-link>span {
    font-size: 14px;
}

.section .section-content .more-link>i {
    margin-left: 7px;
    color: #999;
    transition: all .3s linear;
}

.section .section-content .more-link:hover {
    font-size: 16px;
    color: #409EFF;
}

.section .section-content .more-link:hover i {
    font-size: 18px;
    color: #409EFF;
}

/* section end  */
/* section1 start  */
.section.section1 .line-placeholder {
    height: 100px;
    min-height: 100px;
}

.section1 .swiper-container.mySwiper {
    flex: 1;
    width: 100%;
}

.section1 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.section1 .swiper-slide>a {
    width: 100%;
    height: 100%;
}

.section1 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section1 .asider-bar {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    background-image: url('../../img/index/aside_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 280px;
    height: 580px;
    pointer-events: auto;
}

.section1 .asider-bar .aside-list {
    position: absolute;
    top: 50px;
    max-height: 420px;
    overflow-y: auto;
    right: 25px;
    width: 130px;
}

/* 所有浏览器通用 */
.section1 .asider-bar .aside-list {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: rgb(160, 207, 255) #f1f1f1;
    /* Firefox */
}

/* WebKit 浏览器 */
.section1 .asider-bar .aside-list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.section1 .asider-bar .aside-list::-webkit-scrollbar-track {
    background: rgb(160, 207, 255) !important;
    border-radius: 4px;
}

.section1 .asider-bar .aside-list::-webkit-scrollbar-thumb {
    background: rgb(160, 207, 255) !important;
    border-radius: 4px;
}

.section1 .asider-bar .aside-list::-webkit-scrollbar-thumb:hover {
    background: #409EFF;
}

.section1 .asider-bar .aside-list .aside-item {
    border-bottom: 1px solid #D1C5BB;
}

.section1 .asider-bar .aside-list .aside-item:first-child {
    border-top: 1px solid #D1C5BB;
}

.section1 .asider-bar .aside-list .aside-item>a {
    display: flex;
    align-items: center;
    height: 55px;
}

.section1 .asider-bar .aside-list .aside-item>a .aside-icon {
    margin-right: 14px;
    width: 28px;
    height: 28px;
    transition: all .3s linear;
}

.section1 .asider-bar .aside-list .aside-item>a .aside-icon.index_1 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_1.png');
}

.section1 .asider-bar .aside-list .aside-item:hover>a .aside-icon.index_1 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_active_1.png');
}

.section1 .asider-bar .aside-list .aside-item>a .aside-icon.index_2 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_2.png');
}

.section1 .asider-bar .aside-list .aside-item:hover>a .aside-icon.index_2 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_active_2.png');
}

.section1 .asider-bar .aside-list .aside-item>a .aside-icon.index_3 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_3.png');
}

.section1 .asider-bar .aside-list .aside-item:hover>a .aside-icon.index_3 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_active_3.png');
}

.section1 .asider-bar .aside-list .aside-item>a .aside-icon.index_4 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_4.png');
}

.section1 .asider-bar .aside-list .aside-item:hover>a .aside-icon.index_4 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_active_4.png');
}

.section1 .asider-bar .aside-list .aside-item>a .aside-icon.index_5 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_5.png');
}

.section1 .asider-bar .aside-list .aside-item:hover>a .aside-icon.index_5 {
    background-image: url('../../img/index/aside_item_icon/aside_item_icon_active_5.png');
}


.section1 .asider-bar .aside-list .aside-item>a>span {
    font-family: "pxzs";
    font-weight: 400;
    font-size: 16px;
    color: #604F36;
    transition: all .3s linear;
}

.section1 .asider-bar .aside-list .aside-item:hover>a>span {
    color: #4E2425;
    transform: scale(1.05);
}

/* section1 end  */

/* section2 start  */
.section2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section2 .section-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.section2 .section-content .section2-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section2 .section-content .section2-nav-list .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    width: 114px;
    height: 42px;
    background: #F1F1F1;
    border-radius: 29px 29px 29px 29px;
    transition: all .5s linear;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
}

.section2 .section-content .section2-nav-list .nav-item :last-child {
    margin-right: 0;
}

.section2 .section-content .section2-nav-list .nav-item.active {
    background-color: #4E2425;
    color: #fff;
}

.section2 .section-content .section2-nav-list .nav-item:hover {
    background-color: #4E2425;
    color: #fff;
}

.section2 .section-content .section2-swiper-group {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 90%;
    height: 550px;
}

.section2 .section-content .section2-swiper-group .swiper {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -999;
    overflow-x: hidden;

    width: 100%;
}

.section2 .section-content .section2-swiper-group .swiper.active {
    opacity: 1;
    z-index: 0;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide {
    position: relative;
    overflow: hidden;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 550px;

}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .slide-circle {
    position: absolute;
    width: 62px;
    height: 62px;
    border: 1px solid #8A7551;
    background-color: #fff;
    border-radius: 50%;
    z-index: 3;
    transition: all .3s linear;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .slide-circle.slide-circle-one {
    left: -31px;
    top: -31px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .slide-circle.slide-circle-two {
    right: -31px;
    top: -31px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .slide-circle.slide-circle-three {
    right: -31px;
    bottom: -31px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .slide-circle.slide-circle-four {
    left: -31px;
    bottom: -31px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #8A7551;
    transition: all .3s linear;
    z-index: 2;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb>img {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    transition: all .3s linear;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide:hover .slide-circle {
    border-style: dashed;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb:hover {
    border-style: dashed;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb:hover>img {
    transform: scale(1.02);
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .slide-thumb-circle {
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .slide-thumb-circle.slide-thumb-circle-one {
    top: -40px;
    left: -40px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .slide-thumb-circle.slide-thumb-circle-two {
    top: -40px;
    right: -40px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .slide-thumb-circle.slide-thumb-circle-three {
    right: -40px;
    bottom: -40px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .slide-thumb-circle.slide-thumb-circle-four {
    bottom: -40px;
    left: -40px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .info {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    bottom: -35%;
    height: 150px;
    background-color: rgba(0, 0, 0, .5);
    padding: 5px 10px;
    box-sizing: border-box;
    left: 0;
    z-index: 10;
    width: 100%;
    color: #fff;
    text-align: left;
    transition: all .3s linear;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .info .title {
    margin-bottom: 5px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb .info .author {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
}

.section2 .section-content .section2-swiper-group .swiper .swiper-slide .swiper-slide-thumb:hover .info {
    bottom: -8%;
}


.section2 .section-content .section2-swiper-group .works-swiper-pagination {
    text-align: center;
    margin: 20px auto 0;
}

.section2 .section-content .section2-swiper-group .works-swiper-pagination .swiper-pagination-bullet {
    width: 13px !important;
    height: 13px !important;
    background-color: #DEDEDE;
    opacity: 1;
}

.section2 .section-content .section2-swiper-group .works-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #8D8D8D !important;
}

/* section2 start  */

/* section3 start  */
.section3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('../../img/index/resourceset_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section3 .section-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}


.section3 .section-content ._content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section3 .section-content .resourceset-cat-group {
    position: relative;
    display: flex;
    justify-content: space-around;
    padding: 0 60px;
    box-sizing: border-box;
    width: 1294px;
    height: 364px;
    background-image: url('../../img/index/resourceset_cat_group_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section3 .section-content .resourceset-cat-group .resourceset-cat-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 120px;
    background-image: url('../../img/index/resourceset_cat_item_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    writing-mode: vertical-rl;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 10px;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 92px;
    transition: all .3s linear;
}

.section3 .section-content .resourceset-cat-group .resourceset-cat-item:hover {
    background-image: url('../../img/index/resourceset_cat_item_active_bg.png');
}

.section3 .section-content .resourceset-cat-group .resourceset-cat-item.active {
    background-image: url('../../img/index/resourceset_cat_item_active_bg.png');
}

.section3 .section-content .resourceset-cat-group .resourceset-cat-item::after {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 1px;
    height: 30px;
    background-color: #D1C1A5;
}

.section3 .section-content .resourceset-cat-group .resourceset-cat-item:nth-child(2n) {
    margin-top: 150px;
}

.section3 .section-content .resourceset-cat-group .resourceset-cat-item:nth-child(2n)::after {
    position: absolute;
    top: -88px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 1px;
    height: 88px;
    background-color: #D1C1A5;
}

.section3 .section-content ._content ._cotnent-item-list {
    display: none;
    align-items: center;
    justify-content: space-around;
    width: 1200px;
}

.section3 .section-content ._content ._cotnent-item-list.active {
    display: flex;
}

.section3 .section-content ._content ._cotnent-item-list ._cotnent-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 588px;
    height: 390px;
    background: rgba(255, 255, 255, 0.48);
    border: 1px solid #D1C1A5;
}

.section3 .section-content ._content ._cotnent-item-list ._cotnent-item ._cotnent-item-link {
    position: relative;
    width: 558px;
    height: 359px;
    background: #BCAEAE;
    overflow: hidden;
}

.section3 .section-content ._content ._cotnent-item-list ._cotnent-item ._cotnent-item-link ._cotnent-item-img {
    width: 100%;
    height: 100%;
}

.section3 .section-content ._content ._cotnent-item-list ._cotnent-item ._cotnent-item-link ._cotnent-item-img:hover>img {
    transform: scale(1.05);
}

.section3 .section-content ._content ._cotnent-item-list ._cotnent-item ._cotnent-item-link ._cotnent-item-img>img {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
}

.section3 .section-content ._content ._cotnent-item-list ._cotnent-item ._cotnent-item-link ._content-item-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55px;
    width: 100%;
    height: 50px;
    background-color: rgba(0, 0, 0, .5);
    padding: 15px;
    box-sizing: border-box;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    transition: all .3s linear;
}

.section3 .section-content ._content ._cotnent-item-list ._cotnent-item ._cotnent-item-link:hover ._content-item-title {
    bottom: 0;
}

/* section3 end  */
/* section4 start */
.section4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('../../img/index/artist_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section4 .section-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.section4 .section-content ._content {
    width: 100%;
}

.section4 .artistSwiper {
    position: relative;
    width: 74%;
    min-width: 1200px;
    height: 700px;
    background-color: transparent;
}

.section4 .artistSwiper .artist-swiper-pagination {
    position: absolute;
    text-align: center;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.section4 .artistSwiper .artist-swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: #DEDEDE;
    opacity: 1 !important;
}

.section4 .artistSwiper .artist-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #8D8D8D;
}

.section4 .artistSwiper .artist-swiper-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 195px;
    z-index: 2;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #C6CAD5;
    transition: all .3s linear;
    opacity: .5;
    transition: all .3s linear;
}

.section4 .artistSwiper .artist-swiper-btn:hover {
    opacity: 1;
}

.section4 .artistSwiper .artist-swiper-btn.artist-swiper-next {
    right: 0;
}

.section4 .artistSwiper .artist-swiper-btn.artist-swiper-prev {
    left: 0;
}

.section4 .artistSwiper .artist-swiper-btn>i {
    font-size: 24px;
    color: #fff;
}

.section4 .artistSwiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    background-color: transparent;
}

.section4 .artistSwiper .swiper-slide .artist-avatar-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.section4 .artistSwiper .swiper-slide .artist-avatar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-image: url('../../img/index/artist_avatar_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s linear;
}

.section4 .artistSwiper .swiper-slide .artist-avatar-item.active {
    background-image: url('../../img/index/artist_avatar_active_bg.png');
}

.section4 .artistSwiper .swiper-slide .artist-avatar-item:hover>a>img {
    transform: scale(1.02);
}

.section4 .artistSwiper .swiper-slide .artist-avatar-item>a {
    width: 238px;
    height: 238px;
    border-radius: 50%;
    overflow: hidden;
}

.section4 .artistSwiper .swiper-slide .artist-avatar-item>a>img {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
}

.section4 .artistSwiper .swiper-slide .info {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
    width: 1200px;
}

.section4 .artistSwiper .swiper-slide .info .info-item-title {
    margin-bottom: 15px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}

.section4 .artistSwiper .swiper-slide .info .info-item-desc {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}

/* section4 end */

/* section5 start  */
.section5 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section5 .couse-bottom-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
    background-image: url('../../img/index/course_bottom_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section5 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
}

.section5 .section-content ._content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.section5 .section-content ._content .course-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section5 .section-content ._content .course-nav-list .course-nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    width: 114px;
    height: 42px;
    background: #F1F1F1;
    border-radius: 29px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    transition: all .3s linear;
}

.section5 .section-content ._content .course-nav-list .course-nav-item.active {
    background-color: #CEB78D;
    color: #fff;
}

.section5 .section-content ._content .course-nav-list .course-nav-item:hover {
    background-color: #CEB78D;
    color: #fff;
}

.section5 .section-content ._content .course-nav-list .course-nav-item:last-child {
    margin-right: 0;
}

.section5 .section-content ._content .painting {
    position: relative;
    width: 1200px;
    height: 693px;
    background-image: url('../../img/index/course_painting_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section5 .section-content ._content .painting .painting-content {
    position: absolute;
    left: 32px;
    top: 30px;
    width: 1134px;
    height: 630px;
}

.section5 .section-content ._content .painting .painting-content .course-play-item {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section5 .section-content ._content .painting .painting-content .course-play-item.active {
    display: block;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item {
    position: absolute;
    left: 50%;
    top: 114px;
    width: 385px;
    transform: translateX(-50%);
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: all .3s linear;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item:hover {
    border-color: #CEB78D;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item .thumb {
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item .thumb>img {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item:hover .thumb>img {
    transform: scale(1.05);
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .4);
    transition: all .3s linear;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item:hover .play-btn {
    background-color: rgba(0, 0, 0, .6);
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item .play-btn>i {
    font-size: 16px;
    color: #fff;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .title {
    display: flex;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    background-color: #fff;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item:hover .title {
    color: #666;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-chapter-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 148px;
    background-color: rgba(0, 0, 0, .5);
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item-chapter {
    width: 176px;
    height: 108px;
    border:1px solid transparent;
    box-sizing: border-box;
    transition: all .3s linear;
}
.section5 .section-content ._content .painting .painting-content .course-play-item .play-item-chapter:hover { 
    border-color: #FFA14F;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item-chapter>a {
    display: block;
    width: 100%;
    height: 100%;
}

.section5 .section-content ._content .painting .painting-content .course-play-item .play-item-chapter>a>img {
    width: 100%;
    height: 100%;
}

/* section5 end  */

/* section6 start  */
.section6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section6 .class-right-bottom-bg {
    position: absolute;
    right: 0;
    bottom: 65px;
    width: 300px;
    height: 455px;
    background-image: url('../../img/index/classroom_right_bottom_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 0;
}

.section6 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
}

.section6 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1200px;
}

.section6 .section-content ._content .classroom-list {
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 1100px;
}

.section6 .section-content ._content .classroom-list.active {
    display: flex;
}

.section6 .section-content ._content .classroom-item {
    margin-right: 22px;
    margin-bottom: 22px;
}

.section6 .section-content ._content .classroom-item:nth-child(3n) {
    margin-right: 0;
}

.section6 .section-content ._content .classroom-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}

.section6 .section-content ._content .classroom-item a .classroom-thumb {
    width: 350px;
    height: 234px;
    overflow: hidden;
}

.section6 .section-content ._content .classroom-item a .classroom-thumb>img {
    width: 100%;
    min-height: 100%;
    transition: all .3s linear;
}
.section6 .section-content ._content .classroom-item:hover a .classroom-thumb>img{
    transform: scale(1.05);
}

.section6 .section-content ._content .classroom-item a .title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 65px;
    background-color: #F1F1F1;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    padding: 0 15px;
    box-sizing: border-box;
    transition: all .3s linear;
}
.section6 .section-content ._content .classroom-item:hover a .title{
    color: #CEB78D;
}

.section6 .section-content ._content .classroom-category {
    position: absolute;
    left: -90px;
    top: -85px;
}

.section6 .section-content ._content .classroom-category-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    cursor: pointer;
    margin-bottom: 52px;
}

.section6 .section-content ._content .classroom-category-item>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 13px;
    color: #333333;
    padding: 0 5px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    z-index: 1;
    transition: all .3s linear;
}

.section6 .section-content ._content .classroom-category-item.active>span {
    color: #fff;
}

.section6 .section-content ._content .classroom-category-item:hover>span {
    color: #fff;
}

.section6 .section-content ._content .classroom-category-item.active::after {
    background-color: #6B4337;
    border: 1px solid #CEB78D;
}

.section6 .section-content ._content .classroom-category-item:hover::after {
    background-color: #6B4337;
    border: 1px solid #CEB78D;
}

.section6 .section-content ._content .classroom-category-item::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    display: block;
    content: "";
    width: 68px;
    height: 68px;
    background-color: #CEB78D;
    border: 1px solid #8D703D;
    z-index: 0;
    transition: all .3s linear;
}

.section6 .section-content ._content .classroom-category-item::before {
    position: absolute;
    bottom: -52px;
    left: 50%;
    margin-left: 7px;
    z-index: 2;
    transform: translateX(-50%);
    content: "";
    width: 71px;
    height: 50px;
    background-image: url('../../img/index/class_aside_lantern_icon.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section6 .section-content ._content .classroom-category-item:last-child:before {
    position: absolute;
    bottom: -106px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    margin-left: -1px;
    content: "";
    background-image: url('../../img/index/class_aside_pendant_icon.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 99px;
}

/* section6 end  */

/* section7 start  */
.section7 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section7 .section-nav-title {
    margin-top: 0;
}

.section7 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
}

.section7 .section-content .section-content-left-tips {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 640px;
    background-image: url('../../img/index/exchange_left_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section7 .section-content .section-content-right-tips {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
    height: 640px;
    background-image: url('../../img/index/exchange_right_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.section7 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.section7 .section-content ._content-inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 1200px;
    height: 100%;
}

.section7 .section-content ._content-inner .top-tps {
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    width: 100%;
    height: 44px;
    background-image: url('../../img/index/exchange_top_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section7 .section-content ._content-inner .exchange-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.section7 .section-content ._content-inner .exchange-nav-list .exchange-nav-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
    width: 114px;
    height: 42px;
    background: #F1F1F1;
    border-radius: 29px 29px 29px 29px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    transition: all .3s linear;
}

.section7 .section-content ._content-inner .exchange-nav-list .exchange-nav-item::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    display: block;
    content: "";
    width: 1px;
    height: 60px;
    background-color: #CEB78D;
    transition: all .3s linear;
    z-index: 2;
    opacity: 0;
}

.section7 .section-content ._content-inner .exchange-nav-list .exchange-nav-item.active {
    background-color: #CEB78D;
    color: #fff;
}

.section7 .section-content ._content-inner .exchange-nav-list .exchange-nav-item.active::after {
    opacity: 1;
}

.section7 .section-content ._content-inner .exchange-nav-list .exchange-nav-item:hover::after {
    opacity: 1;
}

.section7 .section-content ._content-inner .exchange-nav-list .exchange-nav-item:hover {
    background-color: #CEB78D;
    color: #fff;
}

.section7 .section-content ._content-inner .exchange-nav-list .exchange-nav-item:last-child {
    margin-right: 0;
}

.section7 .section-content ._content-inner .exchangeSwiper {
    width: 100%;
    height: 600px;
}

.section7 .section-content ._content-inner .exchangeSwiper .swiper-slide {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: 100%;
}

.section7 .section-content ._content-inner .exchangeSwiper .swiper-slide .exchange-item {
    position: relative;
    width: 311px;
    height: 280px;
    margin-bottom: 18px;
    overflow: hidden;
    cursor: pointer;
}

.section7 .section-content ._content-inner .exchangeSwiper .swiper-slide .exchange-item:hover .thumb>img {
    transform: scale(1.05);
}

.section7 .section-content ._content-inner .exchangeSwiper .swiper-slide .exchange-item .thumb {
    width: 100%;
    height: 100%;
}

.section7 .section-content ._content-inner .exchangeSwiper .swiper-slide .exchange-item .thumb>img {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
}

.section7 .section-content ._content-inner .exchangeSwiper .swiper-slide .exchange-item .thumb-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: url('../../img/index/exchange_item_complate_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section7 .section-content .exchange-swiper-pagination {
    position: absolute;
    text-align: center;
    z-index: 3;
    bottom: -5px;
}

/* section7 end  */

/* section8 start  */
.section8 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section8 .section-nav-title {
    position: relative;
    z-index: 4;
}

.section8 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
}

.section8 .section-content .more-link {
    position: relative;
    z-index: 2;
}

.section8 .section-content .appreciate-left-tips {
    position: absolute;
    top: 220px;
    left: 0;
    width: 434px;
    height: 431px;
    background-image: url('../../img/index/appreciate_left_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section8 .section-content .appreciate-right-tips {
    position: absolute;
    top: 277px;
    right: 0;
    width: 200px;
    height: 418px;
    background-image: url('../../img/index/appreciate_right_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section8 .section-content .appreciate-bottom-tips {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 237px;
    height: 100px;
    background-image: url('../../img/index/appreciate_bottom_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section8 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1200px;
    height: 600px;
    z-index: 3;
}

.section8 .section-content ._content ._content-bg {
    position: absolute;
    top: -140px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 700px;
    background-image: url('../../img/index/appreciate_content_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section8 .section-content ._content ._content-bg .appreciate_content_left_bottom_tips {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 173px;
    height: 193px;
    background-image: url('../../img/index/appreciate_content_left_bottom_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.section8 .section-content ._content ._content-bg .appreciate_content_right_bottom_tips {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 169px;
    height: 201px;
    background-image: url('../../img/index/appreciate_content_right_bottom_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.section8 .section-content ._content ._content-bg .show-content {
    position: absolute;
    left: 120px;
    top: 172px;
    width: 958px;
    height: 520px;
    background-color: #FFF2D6;
    border-radius: 2px 2px 2px 2px;
    border: 3px solid #7E6735;
}

.section8 .section-content ._content ._content-bg .show-content .appreciate-swiper-pagination {
    margin-top: 50px;
    text-align: center;
}

.section8 .section-content ._content ._content-bg .show-content .appreciate-swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}

.section8 .section-content ._content ._content-bg .show-content .swiper-slide {
    padding: 25px 38px;
    width: 1000%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    background-color: #FFF2D6;
}

.section8 .section-content ._content ._content-bg .show-content .swiper-slide .appreciate-content-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-family: "pxzs";
    font-weight: 400;
    font-size: 20px;
    color: #333333;
}

.section8 .section-content ._content ._content-bg .show-content .swiper-slide .appreciate-content-thumb {
    margin-bottom: 20px;
    width: 100%;
    max-height: 350px;
    overflow: hidden;
}

.section8 .section-content ._content ._content-bg .show-content .swiper-slide .appreciate-content-thumb>img {
    width: 100%;
    max-height: 100%;
    transition: all .3s linear;
}
.section8 .section-content ._content ._content-bg .show-content .swiper-slide .appreciate-content-thumb:hover >img{
    transform: scale(1.05);
}

.section8 .section-content ._content ._content-bg .show-content .swiper-slide .appreciate-content-description {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* section8 end  */

/* section9 start  */
.section9 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section9 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
}

.section9 .section-content .red-content-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 500px;
    background-image: url('../../img/index/red_bottom_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section9 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section9 .section-content .common-content-swiper-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.section9 .section-content .common-content-swiper-wrap .swiper-container {
    overflow: visible;
    width: 100%;
}

.section9 .section-content .common-content-swiper-wrap .swiper-wrapper {
    align-items: center;
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide {
    width: 1200px !important;
    height: 580px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    background-color: transparent;
    cursor: pointer;
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    cursor: default;
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide a .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 1164px;
    height: 543px;
    z-index: 2;
    cursor: pointer;
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide a .thumb .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s linear;
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide:hover a .thumb .play {
    background-color: rgba(0, 0, 0, .6);
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide a .thumb .play>i {
    font-size: 16px;
    color: #fff;
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide a .thumb>img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.section9 .section-content .common-content-swiper-wrap .swiper-slide a .thumb-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1082px;
    height: 535px;
    background: #853326;
    z-index: 0;
    cursor: pointer;
}

.section9 .section-content .kj-swiper-button-group {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 1200px;
    height: 20px;
    z-index: 2;
}

.section9 .section-content .kj-swiper-button.kj-swiper-button-next {
    margin-left: 30px;
    transform: rotate(180deg);
    left: 550px;
}

.section9 .section-content .kj-swiper-button>i {
    font-size: 30px;
    color: #853326;
    transition: all .3s linear;
}
.section9 .section-content .kj-swiper-button:hover >i{
    color: #409EFF;
}

/* section9 end  */

/* section10 start  */
.section10 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section10 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
}


.section10 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1200px;
}

.section10 .section-content ._content .animate-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 385px;
    height: 337px;
    border: 1px solid #E4E4E4;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.section10 .section-content ._content .animate-item::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #333;
    z-index: 2;
}

.section10 .section-content ._content .animate-item .thumb {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.section10 .section-content ._content .animate-item .thumb>img {
    width: 100%;
    transition: all .3s linear;
}

.section10 .section-content ._content .animate-item:hover .thumb>img {
    transform: scale(1.05);
}

.section10 .section-content ._content .animate-item .thumb .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 2;
    transition: all .3s linear;
}

.section10 .section-content ._content .animate-item:hover .play {
    background-color: rgba(0, 0, 0, .6);
}

.section10 .section-content ._content .animate-item .thumb .play>i {
    font-size: 16px;
    color: #fff;
}

.section10 .section-content ._content .animate-item .thumb>img {
    width: 100%;
    height: 100%;
}

.section10 .section-content ._content .animate-item .title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 55px;
    padding: 0 20px;
    box-sizing: border-box;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    border-top: 1px solid #efefef;
    background-color: #fff;
}

/* section10 end  */



/* section11 start  */
.section11 {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.section11 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
    background-image: url('../../img/index/audio_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}


.section11 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    height: 630px;
}

.section11 .section-content ._content .l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 500px;
}

.section11 .section-content ._content .l .audio-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 503px;
    letter-spacing: 60px;
    background-image: url('../../img/index/audio_title_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    writing-mode: vertical-rl;
    cursor: pointer;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    transition: all .3s linear;
}

.section11 .section-content ._content .l .audio-item.active {
    background-image: url('../../img/index/audio_title_active_bg.png');
}

.section11 .section-content ._content .l .audio-item:hover {
    background-image: url('../../img/index/audio_title_active_bg.png');
}

.section11 .section-content ._content .l .audio-item:nth-child(odd) {
    margin-top: 80px;
}

.section11 .section-content ._content .l .audio-item:nth-child(even) {
    margin-bottom: 80px;
}

.section11 .section-content ._content .r .thumb {
    position: relative;
    width: 629px;
    height: 629px;
}

.section11 .section-content ._content .r .thumb>.thumb-img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    transition: opacity 1s linear;
}

.section11 .section-content ._content .r .thumb .thumb-audio-tips {
    position: absolute;
    top: 50%;
    right: -168px;
    transform: translateY(-50%);
    width: 447px;
    height: 347px;
    background-image: url('../../img/index/audio_play_tips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section11 .section-content ._content .r .thumb .thumb-descirption {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    width: 369px;
    height: 216px;
    background-image: url('../../img/index/audio_description_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section11 .section-content ._content .r .thumb .next-btn {
    position: absolute;
    left: 50%;
    bottom: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #449390;
    border: 1px solid #66AF9E;
    box-sizing: border-box;
    transform: rotate(45deg) translateX(-50%);
    cursor: pointer;
    transition: all .3s linear;
}

.section11 .section-content ._content .r .thumb .next-btn>i {
    font-size: 20px;
    color: #fff;
    transform: rotate(-45deg);
    transition: all .3s linear;
}

.section11 .section-content ._content .r .thumb .next-btn:hover {
    transform: rotate(45deg) translateX(-50%) scale(1.05);
}

.section11 .section-content ._content .r .thumb .description-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    padding: 10px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 340px;
    height: 186px;
    border: 1px solid #000;
}

.section11 .section-content ._content .r .thumb .description-content .content-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}

.section11 .section-content ._content .r .thumb .description-content .content-text {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* section11 end  */

/* section12 start  */
.section12 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section12 .section-nav-title {
    margin-top: 0;
}

.section12 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index: 3;
}

.section12 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1200px;
}

.section12 .section-content ._content .poems_bg {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 1618px;
    height: 332px;
    background-image: url('../../img/index/poems_scroll_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section12 .section-content ._content .poems-list {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 1;
    height: 660px;
    padding-bottom: 20px;
}

.section12 .section-content ._content .poems-list .poems-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 330px;
    margin-bottom: 10px;
}

.section12 .section-content ._content .poems-list .poems-item:last-child {
    margin-bottom: 0;
}

.section12 .section-content ._content .poems-list .poems-item .item-title {
    width: 58px;
    height: 100%;
    background-image: url('../../img/index/poems_title_bar_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    padding: 20px 0;
    box-sizing: border-box;
    font-family: "pxzs";
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 10px;
    transition: all .3s linear;
}

.section12 .section-content ._content .poems-list .poems-item:hover .item-title{
    color: #333;
}

.section12 .section-content ._content .poems-list .poems-item .item-content {
    position: relative;
    width: 1120px;
    height: 300px;
    border: 1px solid #B29B95;
    cursor: pointer;
    transition: all .3s linear;
}
.section12 .section-content ._content .poems-list .poems-item .item-content:hover{
    border-color: #DEDEDE;
    box-shadow: 1px 2px 12px #DEDEDE;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .item-content-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 699px;
    height: 296px;
    background-image: url('../../img/index/poems_content_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 40px;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: 50%;
    z-index: 1;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .poems-content-title {
    margin-bottom: 12px;
    font-family: "pxzs";
    font-weight: 400;
    font-size: 20px;
    color: #583227;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .poems-content-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .poems-content-info .poems-content-author {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border: 1px solid #CEB78D;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .poems-content-info .poems-content-author>img {
    width: 100%;
    height: 100%;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .poems-content-info .author-info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "pxzs";
    font-weight: 400;
    font-size: 16px;
    color: #583227;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .poems-content-text {
    display: flex;
    flex-direction: column;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .poems-content-text .line {
    font-family: "pxzs";
    font-weight: 400;
    font-size: 16px;
    color: #583227;
    line-height: 40px;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .item-content-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .item-content-handle .item-content-handle-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 30px;
    background-image: url('../../img/index/poems_hande_btn_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: all .3s linear;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .item-content-handle .item-content-handle-item:hover {
    color: #C1CFA4;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .item-content-handle .item-content-handle-item>i {
    margin-left: 5px;
    font-size: 16px;
}

.section12 .section-content ._content .poems-list .poems-item .item-content .poems-content .item-content-handle .item-content-handle-item:first-child {
    margin-right: 10px;
}

/* section12 end  */

/* section13 start  */
.section13 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section13 .section-content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 110px;
    z-index: 3;
}

.section13 .section-content::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F2F1ED;
}

.section13 .section-content ._content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1200px;
    z-index: 1;
}

.section13 .section-content ._content .vr-item {
    width: 528px;
    height: 264px;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
}

.section13 .section-content ._content .vr-item.show {
    width: 650px;
}

.section13 .section-content ._content .vr-item.mb20 {
    margin-bottom: 20px;
}

.section13 .section-content ._content .vr-item>img {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
}

.section13 .section-content ._content .vr-item:hover>img {
    transform: scale(1.05);
}

.section13 .section-content ._content .vr-item.text {
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
}

.section13 .section-content ._content .vr-item.text::after {
    position: absolute;
    top: 0;
    left: 30px;
    content: '';
    width: 53px;
    height: 6px;

    background-color: #4E2425;
}

.section13 .section-content ._content .vr-item.text>h3 {
    margin-top: 39px;
    margin-bottom: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #252A3F;
}

.section13 .section-content ._content .vr-item.text .desc {
    margin-bottom: 30px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #252A3F;
    line-height: 28px;
}

.section13 .section-content ._content .vr-item.text .start {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 29px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    background-image: url('../../img/index/vr_start_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s linear;
}

.section13 .section-content ._content .vr-item.text .logo-bg {
    position: absolute;
    right: 32px;
    bottom: 25px;
    width: 260px;
    height: 50px;
    background-image: url('../../img/index/vr_logo_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section13 .section-content ._content .vr-item.text:hover .start {
    color: #409EFF;
}

.section13 .section-content .more-link {
    position: relative;
    z-index: 1;
}
.section13 .footer-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 107px;
    background-image: url('../../img/common/footer_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}
.section13 .footer-wrap a{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF; 
    transition: all .3s linear;
}
.section13 .footer-wrap a:hover{
    color: #999;
}
/* section12 end  */