@charset "utf-8";


.index {
    overflow: hidden;
}



.banner {
    position: relative;
    /* z-index: 9; */
    overflow: hidden;
    width: 100%;
}

.banner a {
    display: block;
}

.banner>img {
    display: block;
    width: 100%;
}

.banner .slick {
    position: relative;
    z-index: 9;
}

.banner-more {
    font-size: .18rem;
    color: #fff;
    padding-left: .15rem;
}

.banner .slick-slide a {
    display: block;
    position: relative;
}

.banner .slick-slide a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    height: 2.3rem;
    background-image: linear-gradient(0deg,
            rgba(3, 16, 34, 0.6) 0%,
            rgba(0, 0, 0, 0) 100%);
}

.banner .slick-slide a>img, .banner .slick-slide a>video {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}


.banner .slick-slide.slick-current a>img {
    animation: img_scale linear 3s;
}

@keyframes img_scale {
    0% {
        transform: scale(1.1);
    }


    100% {
        transform: scale(1);
    }

}

.banner .slick-dots {
    font-size: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    order: 2;
    bottom: .22rem;
}


.banner .slick-dots li {
    border-radius: 50%;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 0.13rem;
    height: 0.13rem;
    background-color: #f4e0b9;
    margin: 0 .1rem;
}


.banner .slick-dots li span {
    display: block;
    font-size: 0;
    line-height: .36rem;
    color: #fff;
    text-align: center;
    transition: all .5s;
    opacity: 0;
    /* border: solid 2px #ffffff; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    display: none;
    width: 0.1rem;
}

.banner .slick-dots li.slick-active {
    width: 0.17rem;
    height: 0.17rem;
    background-color: #134a9a;
}

.banner .slick-dots li.slick-active span {
    opacity: 1;
    width: 0.46rem;
    height: 0.46rem;
    color: transparent;
}


.banner .slick-dots li.slick-active span::before {
    transform: translateX(-50%) translateY(-50%) scale(1);
    width: .3rem;
    height: .3rem;
}

.banner .slick-dots li.slick-active::before {
    opacity: 1;
}

.banner .slick-dots li.slick-active::after {
    opacity: 0;
}




.tit {
    position: relative;
    z-index: 1;
}

.tit-name a {
    display: flex;
    align-items: center;
}

.tit-name a p {
    text-align: center;
    -webkit-text-stroke: rgba(255, 255, 255, 0.1) 1px;
    text-transform: uppercase;
    font-family: "SourceHanSerifCN-Regular";
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.66rem;
    letter-spacing: 0rem;
    color: #c7bdb3;
    opacity: 0.3;
}

.tit-name a div {
    display: flex;
    align-items: center;
    font-size: 0.52rem;
    font-weight: bold;
    line-height: 0.5rem;
    text-align: center;
}

.tit-name a div b {
    display: block;
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.66rem;
    letter-spacing: 0.02rem;
    color: #333333;
}

.tit-name a div span {
    display: block;
    color: #27D9B0;
    background-image: linear-gradient(270deg, #27D9B0 30%, #3FC9FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.tit-more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    cursor: pointer;
    display: block;
    z-index: 9999;
}

.tit-more a {
    display: flex;
    align-items: center;
    text-align: right;
    white-space: nowrap;
    cursor: pointer;
    font-family: "SourceHanSerifCN-Regular";
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.42rem;
    color: #134a9a;
}

.tit-more a img {
    display: block;
    height: .51rem;
    transition: all .5s;
}

.tit2 .tit-more a {
    color: #bea887;
}

.index {}


.s1 {
    padding-top: .47rem;
    position: relative;
    z-index: 1;
}

.s1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/groupbg1.jpg) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 20.48rem;
    z-index: -1;
    pointer-events: none;
}

.s1-c {
    display: flex;
    margin-top: .25rem;
}

.s1-l {
    flex: 1;
    min-width: 0;
    background-color: #ffffff;
    box-shadow: 0.18rem 0.1rem 0.43rem 0rem rgba(223, 200, 171, 0.34);
}

.s1-l .slick {
    position: relative;
}

.s1-l .slick ul li a {
    display: flex;
}

.s1-l .slick ul li a .pics {
    width: 6.94rem;
}

.s1-l .slick ul li a .pics .pic {
    padding-top: 64.8%;
}

.s1-l .slick ul li a .info {
    flex: 1;
    min-width: 0;
    padding: .48rem .25rem 0.25rem .25rem;
}

.s1-l .slick ul li a .info h3 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0.01rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.6rem;
}

.s1-l .slick ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #999999;
    margin-top: .3rem;
    margin-bottom: .18rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    height: 1.44rem;
}

.s1-l .slick ul li a .info span {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0.01rem;
    color: #3b489a;
}

.s1-l .slick-speed {
    position: absolute;
    right: 1rem;
    left: 7.2rem;
    bottom: 0.53rem;
    height: 0.03rem;
    background-color: #eeeeee;
}

.s1-l .slick-speed span {
    position: absolute;
    left: 0;
    top: 0;
    height: 0.03rem;
    background: #3b489a;
    transition: all 0.3s;
}


.s1-l .slick .slick-dots {
    position: absolute;
    right: .3rem;
    bottom: 0.4rem;
    z-index: 9;
    width: auto;
    left: auto;
}

.s1-l .slick .slick-dots li {
    display: none;
    width: auto;
    height: auto;
}

.s1-l .slick .slick-dots li div {
    display: flex;
    align-items: flex-end;
}

.s1-l .slick .slick-dots li div span {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    letter-spacing: 0rem;
    color: #3b489a;
}

.s1-l .slick .slick-dots li div i {
    height: 0.15rem;
    width: 1px;
    background: #999;
    margin: 0 .05rem;
    transform: rotateZ(26deg);
    margin-bottom: .05rem;
}

.s1-l .slick .slick-dots li div b {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0rem;
    color: #999999;
}

.s1-l .slick .slick-dots li.slick-active {
    display: block;
}


.s1-r {
    width: 3.39rem;
    margin-left: .26rem;
}

.s1-r ul {}

.s1-r ul li+li {
    margin-top: .11rem;
}

.s1-r ul li a {
    display: block;
    position: relative;
}

.s1-r ul li a .pic {
    padding-top: 64.8%;
}

.s1-r ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.78rem;
    background-image: linear-gradient(180deg, rgba(19, 74, 154, 0) 0%, #134a9a 100%);
}

.s1-r ul li a .info {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .1rem;
}

.s1-r ul li a .info span {
    display: block;
    padding-left: .2rem;
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.2rem;
    color: #ffffff;
    background: url(/images/icon-time-w.png) no-repeat;
    background-position: left center;
    background-size: .14rem auto;

}

.s1-r ul li a .info h3 {
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.28rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s1-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .43rem;
}

.s1-list ul li {
    width: 48%;
}

.s1-list ul li a {
    display: flex;
    align-items: center;
}

.s1-list ul li a h3 {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.44rem;
    letter-spacing: 0rem;
    color: #333333;
    font-family: SourceHanSerifCN-Bold;
}

.s1-list ul li a span {
    text-align: right;
    min-width: 1.2rem;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.44rem;
    letter-spacing: 0.01rem;
    color: #333333;
}

.s2 {
    padding-top: 1.24rem;
    position: relative;
    z-index: 9;
}

.s2 .yinxing {
    right: auto;
    left: 0;
    z-index: -1;
    top: 0;
}

.s2 .yinxing img {
    width: 3.3rem;
}

.s2-c {
    display: flex;
}

.s2-l {
    width: 5.14rem;
    margin-right: 0.35rem;
}

.s2-l ul {
    background: #fff;
    margin-top: .35rem;
}

.s2-l ul li {
    position: relative;
    z-index: 1;
}

.s2-l ul li::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c9bfb4;
    height: 1px;
    z-index: 1;
}

.s2-l ul li::after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    transition: all .5s;
    bottom: 0;
    background: #3b489a;
    height: 1px;
    z-index: 2;
}

.s2-l ul li a {
    display: flex;
    align-items: center;
    height: 1.15rem;
    padding: 0 .13rem;
    position: relative;
    z-index: 1;
}

.s2-l ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: url(/images/notice-itembg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
    transition: all .5s;
    opacity: 0;
}

.s2-l ul li a .date {
    width: 0.52rem;
    height: 0.54rem;
    background: url(/images/datebg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-right: .15rem;
    text-align: center;
}

.s2-l ul li a .date b {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.28rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.39rem;
    color: #134a9a;
    display: block;
}

.s2-l ul li a .date span {
    font-family: SourceHanSerifCN-Light;
    font-size: 0.1rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.15rem;
    color: #ffffff;
    display: block;
}

.s2-l ul li a .info {
    flex: 1;
    min-width: 0;
}

.s2-l ul li a .info h3 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .6rem;
}

.s2-r {
    flex: 1;
    min-width: 0;
}

.s2-r ul {
    margin-top: .35rem;
    display: flex;
    flex-wrap: wrap;
}

.s2-r ul li {
    width: 50%;
}

.s2-r ul li a {
    display: block;
    background-color: #e9d6c2;
    padding: .2rem .2rem .1rem .3rem;
}



.s2-r ul li a .picbox {
    display: flex;
    align-items: center;
    position: relative;
}

.s2-r ul li a .picbox .pics {
    width: 0.77rem;
    margin-right: .11rem;
}

.s2-r ul li a .picbox .pics .pic {
    padding-top: 100%;
    border-radius: 50%;
}
.s2-r ul li a .picbox .pics .pic div{
    background-position:center top;
}
.s2-r ul li a .picbox .texts {
    flex: 1;
    min-width: 0;
}

.s2-r ul li a .picbox .texts h3 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #333333;
}

.s2-r ul li a .picbox>img {
    position: absolute;
    right: 0;
    top: 0;
    max-width: .6rem;
    max-height: .6rem;

}

.s2-r ul li a .info {
    margin-top: .17rem;
}

.s2-r ul li a .info h3 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.48rem;
}

.s2-r ul li a .info div {
    margin-top: 0.1rem;
}

.s2-r ul li a .info div p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #333333;
    opacity: 0.6;
}


.s3 {
    margin-top: .9rem;
    padding-top: .92rem;
    position: relative;
    z-index: 9;
    padding-bottom: .6rem;
}

.s3 .bg {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8.19rem;
    background: url(/images/s3-bg.png) no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    z-index: -1;
    pointer-events: none;
}

.s3-c {
    display: flex;
    align-items: flex-end;
    margin-top: .22rem;
}

.s3-l {
    width: 6.63rem;
    margin-right: .18rem;
}

.s3-l .slick {
    margin-top: .22rem;
}

.s3-l .slick ul li a {
    display: block;
}

.s3-l .slick ul li a .pic {
    padding-top: 56%;
}

.s3-l .slick ul li a .info {
    padding-top: .13rem;
    padding-bottom: .27rem;
    padding-left: .18rem;
    padding-right: .18rem;
    position: relative;
    z-index: 1;
}

.s3-l .slick ul li a .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(58, 79, 215, .8);
    z-index: -1;
    opacity: 0;
    transition: all .5s;
}

.s3-l .slick ul li a .info span {
    display: block;
    background: url(/images/icon-time-w2.png) no-repeat;
    background-position: left center;
    background-size: .18rem auto;
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.44rem;
    color: #d4bca4;
    padding-left: .24rem;
}

.s3-l .slick ul li a .info h3 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.6rem;
}

.s3-r {
    flex: 1;
    min-width: 0;
}

.s3-r .slick ul {
    margin: 0 -.09rem;
}

.s3-r .slick ul li a {
    display: block;
    margin: 0 .09rem;
}

.s3-r .slick ul li a .pic {
    padding-top: 56%;
}

.s3-r .slick ul li a .info {
    padding-top: .17rem;
    padding-bottom: .27rem;
    padding-left: .18rem;
    padding-right: .18rem;
    position: relative;
    z-index: 1;
}

.s3-r .slick ul li a .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(58, 79, 215, .8);
    z-index: -1;
    opacity: 0;
    transition: all .5s;
}

.s3-r .slick ul li a .info span {
    display: block;
    background: url(/images/icon-time-w2.png) no-repeat;
    background-position: left center;
    background-size: .18rem auto;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.44rem;
    color: #d4bca4;
    padding-left: .24rem;
}

.s3-r .slick ul li a .info h3 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 1.2rem;
    margin-top: .03rem;
}

.s3 .pub-arrow {}

.s3 .pub-arrow::before {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    border-top: 1px dashed #d4bca4;
    opacity: 0.4;
    margin-right: .17rem;
}

.s3 .pub-arrow::after {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    border-top: 1px dashed #d4bca4;
    opacity: 0.4;
    margin-left: .17rem;
}

.s4 {
    padding-top: .58rem;
}

.s4-c {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.s4-l {
    width: 55.214%;
    margin-bottom: 5.14%;
}

.s4-l .slick {
    margin-top: .2rem;
}

.s4-r {
    width: 42.357%;
}


.s4-r .slick {
    margin-top: .18rem;
}

.s4-slick {
    position: relative;
}

.s4-slick ul li a {
    display: block;
    position: relative;
}

.s4-slick ul li a .pic {
    padding-top: 56%;
}

.s4-slick ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.43rem;
    max-height: 35%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.s4-slick ul li a h3 {
    position: absolute;
    left: 0.18rem;
    right: 1.25rem;
    bottom: 0.18rem;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s4-slick .pub-arrow {
    position: absolute;
    z-index: 9;
    right: 0.17rem;
    bottom: 0.3rem;
}

.s5 {
    padding-top: .56rem;
}

.s5-c {
    margin-top: .22rem;
    display: flex;
    justify-content: space-between;
}

.s5-l {
    width: 28.5%;
}

.s5-l ul {
    background: url(/images/s5-lbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0.14rem .25rem .25rem .25rem;
}

.s5-l ul li+li {
    border-top: 1px dashed rgba(212, 188, 164, .2);
}

.s5-l ul li a {
    display: block;
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.s5-l ul li a div {
    display: flex;
}

.s5-l ul li a div span {
    display: block;
    font-weight: normal;
    letter-spacing: 0.01rem;
    color: #d3b889;
    z-index: 1;
    position: relative;
    font-size: 0.16rem;
    line-height: .3rem;
    padding: 0 .1rem;
}

.s5-l ul li a div span b {
    display: block;
    border-top: 0.01rem solid #d3b889;
    border-bottom: 0.01rem solid #d3b889;
}

.s5-l ul li a div span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(/images/tagbg.png) no-repeat;
    background-position: left center;
    background-size: auto 100%;
    width: 0.2rem;
    z-index: -1;
}

.s5-l ul li a div span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.2rem;
    background: url(/images/tagbg.png) no-repeat;
    background-position: right center;
    background-size: auto 100%;
    z-index: -1;
}

.s5-l ul li a h3 {
    font-size: .18rem;
    line-height: .36rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .05rem;
}

.s5-item a {
    display: block;
    position: relative;
}

.s5-item a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.37rem;
    max-height: 35%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.8;
}

.s5-item a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.2rem;
    z-index: 9;
    display: flex;
    align-items: center;
}

.s5-item a .info div {
    width: 0.46rem;
    height: 0.46rem;
    border: solid 1px #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .13rem;
    border-radius: 50%;
}

.s5-item a .info div img {
    max-width: 70%;
    max-height: 80%;
    display: block;
}

.s5-item a .info h3 {
    flex: 1;
    min-width: 0;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.25rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .5rem;
}

.s5-m {
    width: 24.4%;
}

.s5-m .s5-item a .pic {
    padding-top: 178%;
}

.s5-r {
    width: 46.2%;
}

.s5-r .s5-item a .pic {
    padding-top: 56%;
}

.s5-rb {
    display: flex;
    background: url(/images/s5-rbbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 0.07rem;
}

.s5-rbl {
    flex: 1;
    min-width: 0;
}

.s5-rbl a {
    display: block;
}

.s5-rbl a .pic {
    padding-top: 50%;
}

.s5-rbr {
    width: 1.69rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.group-media {
    padding: 0 .25rem;
    width: 100%;
}

.group-media ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.group-media ul li:nth-child(2)~li {
    margin-top: .2rem;
}

.group-media ul li a {
    display: block;
    position: relative;
    width: 0.49rem;
    height: 0.49rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.group-media ul li a img {
    display: block;
    height: 0.24rem;
    transition: all 0.5s;
}

.group-media ul li a .icons {
    overflow: hidden;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    background: #ffffff;
}

.group-media ul li a .icons img:nth-child(2) {
    position: absolute;
    top: 0;
    right: 100%;
}

.group-media ul li a:hover .icons {
    background: #043d90;
}

.group-media ul li a .group-ewm {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 130%;
    margin-right: 0.1rem;
    border-radius: 0.05rem;
    padding: 0.05rem;
    background: #fff;
    opacity: 0;
    transition: all 1s;
    visibility: hidden;
    z-index: 9;
    box-shadow: 0rem 0.02rem 0.07rem 0rem rgba(2, 79, 164, 0.35);
    border-radius: 0.05rem;
}

.group-media ul li a .group-ewm img {
    display: block;
    width: 1rem;
    height: auto;
}

.group-media ul li a .group-ewm::after {
    content: "";
    position: absolute;
    left: 100%;
    transform: translateY(-50%);
    top: 50%;
    border-width: 0.08rem 0 0.08rem 0.08rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.group-media ul li a .icon {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    position: relative;
    z-index: 1;
}

.group-media ul li:hover a {
    overflow: visible;
}

.group-media ul li:hover a .icon {
    background-color: #2f73d1;
}

.group-media ul li:hover a .icon img {
    opacity: 1;
}

.group-media ul li a .icon img {
    vertical-align: middle;
    display: block;
    width: 100%;
}

.group-media ul li:hover a .group-ewm {
    opacity: 1;
    right: 100%;
    visibility: visible;
}

.s6 {
    padding-top: .85rem;
    position: relative;
    z-index: 1;
}

.s6::before {
    content: "";
    position: absolute;
    top: 2.7rem;
    right: 0;
    background: url(/images/s6-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 8.59rem;
    height: 8.81rem;
    z-index: -1;
    pointer-events: none;
    transition: all .5s;
}

.s6-c {
    margin-top: .23rem;
}

.s6-c {
    margin-top: .35rem;
}

.s6-c ul {
    margin: 0 -.15rem;
}

.s6-c ul li {}

.s6-c ul li a {
    display: block;
    margin: 0 .15rem;
}

.s6-c ul li a .pic {
    padding-top: 187.5%;
    transition: all .5s;
}

.s6-c ul li a:hover .pic div {
    width: 100%;
    height: 100%;
}

.s7 {
    padding-top: 1.3rem;
    position: relative;
    z-index: 9;
}

.s7-c {}

.s7-c>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 -.05rem;
}

.s7-c>ul li {
    width: 25%;
    margin-top: .1rem;
    order: 3;
    position: relative;
}

.s7-c>ul li dl {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(/images/py-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 9;
    padding: .15rem 0;
    transition: all .5s;
    opacity: 0;
}

.s7-c>ul li dl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s7-itembg.png) no-repeat;
    background-position: center center;
    background-size: 2.01rem auto;
    opacity: .4;
    z-index: -1;
}

.s7-c>ul li dl dd {
    flex: 1;
    width: 100%;
}

.s7-c>ul li dl dd a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    position: relative;
    padding-left: .35rem;
}

.s7-c>ul li dl dd a h3 {
    font-size: 0.24rem;
    line-height: .3rem;
    color: #fff;
}

.s7-c>ul li dl dd a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: linear-gradient(90deg,
            rgba(211, 184, 137, 0) 0%,
            #d3b889 100%);
    transition: all .5s;
    width: 0px;
    z-index: -1;
    opacity: .6;
}

.s7-c>ul li dl dd a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: .35rem;
    transform: translateY(-50%);
    width: 0.27rem;
    height: 0.2rem;
    background: url(/images/icon-right-w2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.s7-c>ul li:nth-child(2) {
    order: 1;
}

.s7-c>ul li:nth-child(2) .s7-item p {
    color: #64432a;
}

.s7-c>ul .slick {
    width: 50%;
    order: 2;
}

.s7-c>ul .slick a {
    display: block;
    margin: 0 .05rem;
    position: relative;
}

.s7-c>ul .slick a .pic {
    padding-top: 53.8%;
}

.s7-c>ul .slick a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.15rem;
    max-height: 50%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.s7-c>ul .slick a h3 {
    position: absolute;
    left: 0.3rem;
    right: .3rem;
    bottom: 0.17rem;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s7-c>ul .slick .slick-dots {
    width: auto;
    left: 100%;
    top: 0;
    margin-left: .24rem;
    bottom: auto;
}

.s7-c>ul .slick .slick-dots li {
    display: block;
    width: 0.15rem;
    height: 0.15rem;
    border: 1px solid #e9d6c2;
    transition: all .5s;
    margin: 0 auto;
    border-radius: 50%;
}

.s7-c>ul .slick .slick-dots li button {
    display: none;
}

.s7-c>ul .slick .slick-dots li+li {
    margin-top: .15rem;
}

.s7-c>ul .slick .slick-dots li.slick-active {
    background: #e9d6c2;
}

.s7-item {
    margin: 0 .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 2.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.s7-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s7-itembg.png) no-repeat;
    background-position: center center;
    background-size: 2.01rem auto;
    z-index: -1;
}

.s7-item .icon {
    height: .86rem;
}

.s7-item .icon svg {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.s7-item p {
    text-align: center;
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.38rem;
    letter-spacing: 0.02rem;
    color: #ffffff;
    padding: 0 .1rem;
    margin-top: .15rem;
}


.s8 {
    position: relative;
    z-index: 1;
    padding-top: .87rem;
}

.s8::before {
    content: "";
    position: absolute;
    left: 0;
    top: -.41rem;
    background: url(/images/s8-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 6.23rem;
    height: 7.75rem;
    z-index: -1;
    pointer-events: none;
}

.s8-c {
    margin-top: .28rem;
    display: flex;
}

.s8-l {
    width: 29.428%;
    background: #fff url(../images/s8-lbg.jpg) no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.s8-l ul li {
    padding: 0 .3rem;
    position: relative;
    z-index: 1;
}

.s8-l ul li::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, rgba(211, 184, 137, 0) 0%, #d3b889 100%);
    opacity: 0.6;
    transition: all .5s;
    width: 0px;
    z-index: -1;
}

.s8-l ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.4rem;
    letter-spacing: 0.01rem;
    color: #134a9a;
    height: 1.3rem;
    padding-left: .1rem;
    border-bottom: 1px dashed #ede3d1;
}

.s8-l ul li a::after {
    content: "";
    display: block;
    background: url(/images/icon-right.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.27rem;
    height: 0.21rem;
}

.s8-r {
    flex: 1;
    min-width: 0;
}

.s8-r ul li a {
    display: block;
    background: #000;
}

.s8-r ul li a .pic {
    padding-top: 56.4%;
}

.s8-r ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/icon-play.png) no-repeat;
    background-position: center center;
    background-size: .93rem auto;
}

.s9 {
    padding-top: 1.3rem;
}

.s9-item a {
    display: block;
    position: relative;
}

.s9-item a .pic {
    padding-top: 56%;
}

.s9-item a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .9rem;
    max-height: 35%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.9;
}

.s9-item a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.25rem .3rem;
    z-index: 9;
}

.s9-item a .info p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s9-c {
    display: flex;
}

.s9-l {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 3;
}

.s9-lt {
    display: flex;
}

.s9-lt .tit {
    width: 2.5rem;
    background-color: #134a9a;
    padding-left: .66rem;
}

.s9-lt .s9-item {
    flex: 1;
    min-width: 0;
}

.s9-lb {
    display: flex;
}

.s9-lb .s9-item {
    width: 50%;
}

.s9-r {
    width: 45.6%;
    position: relative;
    z-index: 2;
}

.s9-r::before {
    content: "";
    position: absolute;
    top: -0.56rem;
    right: 0;
    background: url(/images/s9-rbg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 3.86rem;
    height: 4.75rem;
    z-index: -1;
    pointer-events: none;
}

.s9-r::after {
    content: "";
    position: absolute;
    bottom: -0.55rem;
    right: 0.14rem;
    background: url(/images/s9-rbg2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 8.98rem;
    height: 8.99rem;
    z-index: -2;
    pointer-events: none;
}

.s9-rt {
    padding-left: .4rem;
}

.s9-rt ul li {
    display: flex;
}

.s9-rt ul li+li {
    margin-top: .3rem;
    margin-left: .95rem;
}

.s9-rt ul li a {
    display: block;
    position: relative;
}

.s9-rt ul li a img {
    display: block;
    height: 0.87rem;
}

.s9-rt ul li a img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    opacity: 0;
    z-index: 9;
}

.s9-rb {
    margin-top: .42rem;
}

.s10 {
    padding-top: .72rem;
    padding-bottom: 2.5rem;
    position: relative;
    z-index: 0;
}

.s10::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s10-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 23.42rem;
    z-index: -1;
    pointer-events: none;
}

.s10-c {
    margin-top: 0.13rem;
}

.s10-c .slick ul li a {
    display: block;
}

.s10-c .slick ul li a .icons {
    margin: 0 auto;
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s10-c .slick ul li a .icons::before {
    content: "";
    position: absolute;
    left: 0.02rem;
    right: 0.02rem;
    top: 0.02rem;
    bottom: 0.02rem;
    z-index: -2;
    border: dashed 1px #3b489a;
    border-radius: 50%;
    background: #fff;
    transition: all .5s;
}

.s10-c .slick ul li a .icons::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s10-iconborder.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0;
    transition: opacity .8s;
}

.s10-c .slick ul li a .icons img {
    max-width: 60%;
    max-height: 60%;
}

.s10-c .slick ul li a p {
    text-align: center;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.32rem;
    letter-spacing: 0rem;
    color: #333333;
}


.yinxing {
    position: absolute;
    right: 0;
    top: 0.25rem;
    z-index: 9;
    pointer-events: none
}

.yinxing img {
    display: block;
    width: 4.22rem;
    position: relative;
    z-index: 9;
    transform-origin: right center
}

.yinxing div {
    position: absolute;
    left: 91%;
    top: .3rem;
    background: url(/images/yinxing-ye1.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 0.49rem;
    height: 0.32rem;
    animation: 20s 5s linear infinite ani_piaoluo;
    z-index: 1
}

.yinxing div:nth-child(2) {
    top: 1.25rem;
    left: 100%;
    right: auto;
    background: url(/images/yinxing-ye1.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 0.49rem;
    height: 0.32rem;
    animation: 15s linear infinite ani_piaoluo;
    z-index: 1
}

@keyframes ani_piaoluo {
    0% {
        opacity: 1;
        transform: translate(0, 0) rotateZ(0deg)
    }

    50% {
        transform: translate(-35vw, 350%) rotateZ(-50deg)
    }

    70% {
        opacity: 0
    }

    100% {
        transform: translate(-70vw, 1000%) rotateZ(0deg);
        opacity: 0
    }
}


#downPage {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 1rem;
    height: .3rem;
    z-index: 9;
    cursor: pointer;
}


.rr {
    position: fixed;
    top: 50%;
    margin-top: -85px;
    right: 0;
    color: #fff;
    cursor: pointer;
    width: .95rem;
    height: 1.7rem;
    transform: scale(0);
    background: url(/images/png27.png) center center no-repeat;
    transform-origin: right center;
    background-size: 100%;
    z-index: 99999;
}

.rr a {
    display: block;
    width: 100%;
    height: 100%;
}



.rr i {
    background: url(/images/png23.png) center center no-repeat;
    width: .47rem;
    background-size: 100% auto;
    height: 100%;
    display: block;
    margin-left: 0;
    position: relative;
    z-index: 1;
    /* transition: background 0s !important; */
}

.rr.on i {
    background: url(/images/png24.png) center center no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width:1025px) {
    .rr{opacity: 0;}
    .rr i{opacity: 0;}

    .rr.aos-animate {
        opacity: 1;
        transform: none;
        transition: all 1s ease-out 0.5s;
    }

    .rr.aos-animate i {
        margin-left: 0.26rem;
        opacity: 1;
        transition: all 1s ease-out 1.5s;
    }

    .rr.aos-animate:before {
        content: "";
        opacity: 1;
        transform: none;
    }

    .rr.aos-animate:after {
        content: "";
        opacity: 1;
        transform: none;
    }

.s4-r .tit {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.s4-r .tit .tit-name a {
    flex-direction: row-reverse;
}

.s4-r .tit .tit-name a div {
    margin-left: .18rem;
}

.s4-r .tit .tit-more {
    position: static;
    transform: none;
}

    .s9-rt ul li a:hover img:nth-child(2) {
        opacity: 1;
    }

    .s7 .tit .tit-name a p {
        position: absolute;
        left: 0;
        top: 100%;
    }

    .s7-c>ul li:hover dl {
        opacity: 1;
    }

    .s7-c>ul li dl dd a:hover::before {
        left: 0;
        width: 100%;
    }

    .s2-r ul li:nth-child(2) a, .s2-r ul li:nth-child(3) a, .s2-r ul li:nth-child(6) a {
        background-color: #c6a88b;
    }

    .s2-r ul li:nth-child(2) a .info h3, .s2-r ul li:nth-child(3) a .info h3, .s2-r ul li:nth-child(6) a .info h3 {
        color: #ffffff;
    }

    .s2-r ul li:nth-child(2) a .info div p, .s2-r ul li:nth-child(3) a .info div p, .s2-r ul li:nth-child(6) a .info div p {
        color: #ffffff;
        opacity: 0.6;
    }


    .tit-more a:hover img {
        margin-left: .1rem;
    }

    .s9-lt .tit .tit-more a:hover img {
        margin-left: 0;
        margin-top: .1rem;
    }

    .s1-l .slick ul li a:hover .info h3, .s1-list ul li a:hover h3, .s1-list ul li a:hover span, .s2-r ul li a:hover .info h3 {
        color: #3b489a;
    }

    .s2-l ul li:hover::after {
        left: 0;
        width: 100%;
    }

    .s2-l ul li:hover a::before {
        opacity: 1;
    }

    .s3-l .slick ul li a:hover .info::before, .s3-r .slick ul li a:hover .info::before {
        opacity: 1;
    }

    .s3-l .slick ul li a:hover .info h3, .s3-r .slick ul li a:hover .info h3, .s5-l ul li a:hover h3 {
        color: #d4bca4;
    }

    .s8-l ul li:hover::before {
        left: 0;
        width: 100%;
    }

    .s10-c .slick ul li a:hover .icons::before {
        opacity: 0;
    }

    .s10-c .slick ul li a:hover .icons::after {
        opacity: 1;
        transform: rotate(360deg);
        transition: all .5s;
    }


}

@media screen and (min-width:769px) {

    .s9-lt .tit .tit-name {
        height: 100%;
        padding-top: .4rem;
    }

    .s9-lt .tit .tit-name a {
        flex-direction: column;
        align-items: flex-start;
    }

    .s9-lt .tit .tit-name a div b {
        color: #ffffff;
        line-height: .4rem;
        writing-mode: vertical-lr;
        writing-mode: tb-lr;
    }

    .s9-lt .tit .tit-name a p {
        margin-left: .28rem;
        writing-mode: vertical-lr;
        writing-mode: tb-lr;
        line-height: .4rem;
    }

    .s9-lt .tit .tit-more {
        right: .43rem;
        bottom: .38rem;
        z-index: 9;
        transform: none;
        top: auto;
    }

    .s9-lt .tit .tit-more a {
        color: #d0b689;
        writing-mode: vertical-lr;
        writing-mode: tb-lr;
    }
}


@media screen and (max-width: 1024px) {
    .rr i{margin-left: .26rem;}

    .yinxing {
        display: none;
    }

    .banner .slick-slide a img {
        height: auto !important;
    }

    .banner .slick-slide a::after {
        height: 1rem;
    }

    .index {
        position: static;
        padding-top: 0;
        overflow: hidden;
    }


    .tit-name a div b {
        font-size: .24rem;
        line-height: .4rem;
    }

    .tit-name a p {
        font-size: .24rem;
        line-height: .4rem;
        display: none;
    }

    .tit-more a img {
        height: 0.4rem;
    }


    .s1-c {
        display: block;
    }

    .s1-l .slick ul li a .pics {
        width: 5.5rem;
    }

    .s1-l .slick ul li a .info {
        padding-top: .3rem;
    }

    .s1-l .slick ul li a .info p {
        -webkit-line-clamp: 4;
        height: .96rem;
        margin-top: .15rem;
    }

    .s1-l .slick-speed {
        left: 5.72rem;
    }

    .s1-r {
        margin-left: 0;
        margin-top: .3rem;
        width: auto;
    }

    .s1-r ul {
        display: flex;
        justify-content: space-between;
    }

    .s1-r ul li {
        width: 49%;
    }

    .s1-r ul li+li {
        margin-left: .2rem;
        margin-top: 0;
    }

    .s2-r ul li a {
        padding: .2rem .15rem;
    }

    .s2-r ul li a .picbox>img {
        max-width: .45rem;
        max-height: .45rem;
    }

    .s2-r ul li:nth-child(2n) a {
        background-color: #c6a88b;
    }

    .s2-r ul li:nth-child(2n) a .info h3 {
        color: #ffffff;
    }

    .s2-r ul li:nth-child(2n) a .info div p {
        color: #ffffff;
        opacity: 0.6;
    }

    .s3 .bg {
        background-size: cover;
        background-position: left bottom;
        width: 19.2rem;
        height: 100%;
    }

    .s3-l .slick ul li a .info {
        padding-left: 0;
        padding-right: 0;
    }

    .s3-r .slick ul li a .info {
        padding: .1rem 0;
    }

    .s3-r .slick ul li a .info h3 {
        -webkit-line-clamp: 2;
        height: .6rem;
    }

    .s4-slick .pub-arrow {
        bottom: .15rem;
    }

    .s5-c {
        flex-wrap: wrap;
    }

    .s5-l {
        flex: 1;
    }

    .s5-m {
        width: 3.38rem;
        margin-left: .1rem;
    }

    .s5-r {
        width: 100%;
        margin-top: .1rem;
    }

    .s5-l ul {
        padding: .15rem;
    }

    .s5-rbr {
        width: 1.5rem;
    }

    .group-media {
        padding: 0 .1rem;
    }

    .group-media ul li a .icons, .group-media ul li a {
        width: 0.4rem;
        height: 0.4rem;
    }

    .group-media ul li a img {
        height: .2rem;
    }

    .group-media ul li:nth-child(2)~li {
        margin-top: .05rem;
    }

    .s6-c ul {
        margin: 0 -.1rem;
    }

    .s6-c ul li a {
        margin: 0 .1rem;
    }

    .s7-c>ul li dl dd a{
    padding-left: .1rem;
    padding-right: .1rem;
}
    .s7-c>ul li dl dd a h3{
    font-size: .16rem;
}
    .s7-c>ul li dl dd a::after{
    width: .18rem;
    height: .14rem;
    right: 0.1rem;
}
    .s7-c>ul li:nth-child(2) dl{
    opacity: 1;
}
    .s7-c>ul li:nth-child(2)>a{
    opacity: 0;
}

    .s7-item {
        height: 1.6rem;
    }

    .s7-item p {
        font-size: .18rem;
        line-height: .3rem;
        margin-top: .1rem;
    }

    .s7-item .icon {
        height: .4rem;
    }

    .s7-c>ul .slick a h3 {
        left: .15rem;
        bottom: 0.15rem;
    }

    .s7-c>ul .slick .slick-dots li+li {
        margin-top: .1rem;
    }

    .s8-l ul li {
        padding: 0 .15rem;
    }

    .s8-l ul li a {
        font-size: .2rem;
        height: .8rem;
        padding: 0;
    }

    .s8-l ul li a::after {
        width: 0.18rem;
        height: 0.14rem;
    }

    .s8-r ul li a .pic::after {
        background-size: .5rem auto;
    }

    .s9-rt {
        margin-top: .3rem;
    }

    .s9-r::after {
        display: none;
    }

    .s9-item a .info {
        padding: .15rem .1rem;
    }

    .s10-c .slick ul li a .icons {
        width: 0.8rem;
        height: 0.8rem;
    }

    .s10-c .slick ul li a .icons img {
        max-width: 40%;
        max-height: 40%;
    }



    .s1-list ul, .s2-c, .s3-c, .s9-c {
        display: block;
    }

    .s1-list ul li, .s9-r {
        width: auto;
    }

    .s2-l, .s3-l {
        width: auto;
        margin-right: 0;
        margin-bottom: .3rem;
    }

    .s1-l .slick ul li a .info h3, .s1-r ul li a .info h3, .s1-list ul li a h3, .s1-list ul li a span, .s2-l ul li a .info h3, .s2-r ul li a .picbox .texts h3, .s2-r ul li a .info h3, .s3-l .slick ul li a .info h3, .s3-r .slick ul li a .info h3, .s4-slick ul li a h3, .s7-c>ul .slick a h3 {
        font-size: .18rem;
    }

    .s1-list ul, .s2-l ul, .s2-r ul, .s6-c, .s8-c {
        margin-top: .25rem;
    }

    .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10 {
        padding-top: .5rem;
    }

    .s10 {
        padding-bottom: .5rem;
    }

    .s3, .s3-c {
        margin-top: 0;
    }


    .rr {
        transform: scale(.6);
    }
}

@media screen and (max-width: 768px) {
    .s1-l .slick ul li a {
        display: block;
    }

    .s1-l .slick ul li a .pics {
        width: auto;
    }

    .s1-l .slick ul li a .info {
        padding: .2rem .15rem .5rem .15rem;
    }

    .s1-l .slick-speed {
        left: .15rem;
        bottom: 0.3rem;
    }

    .s1-l .slick .slick-dots {
        right: .15rem;
        bottom: .2rem;
    }

    .s5-m {
        margin-left: 0;
        margin-top: .1rem;
    }

    .s5-rb{}

    .s7-c>ul .slick .slick-dots {
        left: auto;
        right: .2rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .s7-c>ul .slick {
        width: 100%;
        order: 0;
    }

    .s7-c>ul li {
        width: 33.33%;
    }

    .s7-item {
        height: 1.4rem;
    }

    .s8-l {
        background: #fff;
    }

    .s9-lt .tit {
        width: auto;
        background: none;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: .25rem;
    }

    .s9-lt .tit .tit-more a {
        color: #d0b689;
    }

    .s9-rt {
        padding-left: 0;
    }

    .s9-rt ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .s9-rt ul li+li {
        margin-top: 0;
        margin-left: 1%;
    }

    .s9-rt ul li {
        max-width: 48%;
        margin: 0 1%;
    }

    .s9-rt ul li a img {
        height: auto;
        max-width: 100%;
    }

    .s9-r::before {
        display: none;
    }

    .s1-r ul, .s2-r ul, .s4-c, .s5-c, .s8-c, .s9-lt {
        display: block;
    }

    .s1-r ul li, .s2-r ul li, .s4-r, .s5-l, .s5-m, .s5-r, .s8-l {
        width: auto;
    }

    .s4-l {
        width: auto;
        margin-bottom: .3rem;
    }

    .s1-r ul li+li {
        margin-left: 0;
        margin-top: 0.2rem;
    }
}

/* index Ö÷ÆÁ end*/


/* index ̽Ë÷Î÷´ó start */

.body_r {
    position: fixed;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 100vw;
    transition: left 1.3s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

.body_r.showdiv {
    left: 0;
}

.body_r .screen {
    height: 100vh;
    width: 100vw;
}

.body_r .screen .w16 {
    position: relative;
}

.body_r .screen .tit {
    position: absolute;
    left: 0;
    right: 0;
    top: 7vh;
}

.home1 {
    background: url(/images/home1-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.home1-c {
    position: relative;
}

.home1-num {
    position: absolute;
    left: 9.5rem;
    top: 20.8%;
    z-index: 9;
}

.home1-num::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
    pointer-events: none;
    background: url(/images/home1-num-line.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 3.79rem;
    height: 3.79rem;
}

.home1-num a {
    display: block;
     width: 1.13rem;
}
.home1-num a .pic{
    padding-top:100%;
    border-radius:50%;
}
.home1-num a img {
    display: block;
    width: 1.13rem;
}

.home1-c ul {
    position: relative;
    height: 100vh;
}

.home1-c ul li {
    position: absolute;
}

.home1-c ul li:nth-child(1) {
    left: 1.05rem;
    top: 34.17%;
}

.home1-c ul li:nth-child(2) {
    left: 1.85rem;
    top: 59.79%;
}

.home1-c ul li:nth-child(3) {
    left: 4.44rem;
    top: 43.13%;
}

.home1-c ul li:nth-child(4) {
    left: 6.27rem;
    top: 69.92%;
}

.home1-c ul li:nth-child(5) {
    left: 8.31rem;
    top: 50.31%;
}

.home1-c ul li:nth-child(6) {
    left: 10.44rem;
    top: 64.42%;
}

.home1-c ul li:nth-child(7) {
    left: 11.85rem;
    top: 46.25%;
}

.home1-c ul li:nth-child(8) {
    left: 13.47rem;
    top: 29.58%;
}

.home1-c ul li a {
    display: flex;
    align-items: center;
}

.home1-c ul li a .nums {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: .1rem;
    width: 1.42rem;
    height: 1.42rem;
    background: url(/images/home1-itembg2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transition: all .5s;
}

.home1-c ul li a .nums .cnum {
    font-size: 0.5rem;
    font-family: SourceHanSerifCN-Bold;
    font-stretch: normal;
    line-height: 0.66rem;
    color: #ffffff;
}

.home1-c ul li a .nums img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 60%;
    max-height: 80%;
}

.home1-c ul li a .texts {
    width: 1.8rem;
}

.home1-c ul li a .texts p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #333333;
    opacity: 0;
    transition: all .5s;
}





.home2 {
    background: url(/images/home2-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.home2 .tit-name a div b {
    color: #fff;
}

.home2 .tit-name a p {
    color: #fff;
}

.home2-c {
    height: 100vh;
    padding-bottom: .2rem;
    display: flex;
    align-items: center;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.home2-l {
    width: 4.87rem;
    margin-right: 1.08rem;
    border-radius: 50%;
    position: relative;
}

.home2-l::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.36rem;
    background: url(/images/home2-lbef.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 1.41rem;
    height: 1.41rem;
    z-index: 9;
}

.home2-l::after {
    content: "";
    position: absolute;
    right: -.35rem;
    bottom: 0.6rem;
    width: 0.58rem;
    height: 0.58rem;
    background-color: #d2b88e;
    border-radius: 50%;
}

.home2-l .pic {
    padding-top: 100%;
    overflow: hidden;
    box-shadow: 0rem 0rem 0.84rem 0rem rgba(90, 52, 3, 0.34);
    border-radius: 50%;
}

.home2-r {
    flex: 1;
    min-width: 0;
}

.home2-r h2 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.56rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.66rem;
    letter-spacing: 0rem;
    color: #ffffff;
}

.home2-r .texts {
    margin-top: .33rem;
}

.home2-r .texts p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #333333;
}

.home2-r .texts p+p {
    margin-top: .3rem;
}

.home2-r .tit {
    position: static !important;
    margin-top: .4rem;
}

.home2-r .tit .tit-more {
    position: static;
    transform: translateY(0);
}

.home3 .tit-name a div b {
    color: #fff;
}

.home3 .tit-name a p {
    color: #fff;
}

.home3-c {
    height: 100vh;
    display: flex;
    align-items: center;
}

.home3-item {
    position: absolute;
    z-index: 9;
    left: .2rem;
    right: .2rem;
    top: .24rem;
    bottom: 0.24rem;
    border: dashed 0.01rem rgba(245, 243, 238, .2);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home3-item .icons {
    height: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home3-item .icons img {
    max-height: 100%;
}

.home3-item h3 {
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: .15rem;
}

.home3-item p {
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.17rem;
    color: #ffffff;
    margin-top: .1rem;
}

.home3-l {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    width: 40%;
    background: url(/images/home3-lbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all 1s;
}

.home3-l .home3-lbox {
    width: 4.15rem;
    position: relative;
    transition: all 1s;
}

.home3-l .home3-lbox a {
    display: block;
}

.home3-l .home3-lbox a .pic {
    padding-top: 77.4vh;
}

.home3-m {
    height: 100%;
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 9;
}

.home3-m ul {
    display: flex;
    flex-wrap: wrap;
}

.home3-m ul li {
    position: relative;
    width: 50%;
    transition: all 1s;
}

.home3-m ul li a {
    display: block;
}

.home3-m ul li a .pic {
    padding-top: 48vh;
}

.home3-m ul li:nth-child(1) a .pic {
    padding-top: 22.625vh;
}

.home3-m ul li:nth-child(2) a .pic {
    padding-top: 22.625vh;
}

.home3-m ul li:nth-child(3) a .pic {
    padding-top: 29.375vh;
}

.home3-m ul li:nth-child(4) a .pic {
    padding-top: 29.375vh;
}

.home3-m ul li:nth-child(5) {
    width: 100%;
}

.home3-r {
    height: 100%;
    width: 15.625%;
}

.home3-r ul li a {
    display: block;
    transition: all 1s;
}

.home3-r ul li a .pic {
    padding-top: 48vh;
}

.home3-r ul li:nth-child(1) a .pic {
    padding-top: 52vh;
}


.home3-r ul li:hover .pic div, .home3-m ul li:hover .pic div, .home3-l .home3-lbox:hover .pic div {
    width: 110%;
    height: 110%;
}


.body_rbtm {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.26rem;
    z-index: 10;
}

.body_rbtm::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.26rem;
    background: url(/images/body_rbtm-zz.png) repeat-x;
    background-position: center center;
    background-size: auto 100%;
    height: 1.95rem;
    z-index: -1;
    opacity: 0;
    transition: all .5s;
}

.body_rbtm::after {
    content: "";
    display: block;
    width: 100%;
    height: .14rem;
    background: url(/images/home-btmsjz.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    pointer-events: none;
    transition: all .5s;
}

.body_rbtm ul {
    display: flex;
    justify-content: space-around;
    padding: 0 2rem;
}

.body_rbtm ul li {
    cursor: pointer;
}

.body_rbtm ul li p {
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.34rem;
    letter-spacing: 0.01rem;
    color: #333333;
    text-align: center;
    transition: all .5s;
}

.body_rbtm ul li div {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    margin-top: .18rem;
    background-color: rgba(19, 74, 154, .4);
    transition: all .5s;
}

.body_rbtm ul li div::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 0.12rem;
    height: 0.12rem;
    background-color: #134a9a;
    border-radius: 50%;
    transition: all .5s;
}

.body_rbtm ul li div::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    background: url(/images/home-btmon.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.54rem;
    height: 0.34rem;
    opacity: 0;
    transition: all .5s;
}

.body_rbtm.w::after {
    background: url(/images/home-btmsjz2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.body_rbtm.w ul li p {
    color: #fff !important;
}

.body_rbtm.w::before {
    opacity: 1;
}

html.overhide {
    height: 100vh;
    overflow: hidden;
}
@media screen and (min-width:1025px) {
    .body_rbtm ul li.on p {
        color: #043d90;
    }

    .body_rbtm ul li.on div {
        background-color: #d2b88e;
    }

    .body_rbtm ul li.on div::before {
        opacity: 0;
    }

    .body_rbtm ul li.on div::after {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1);
    }

    .home1-c ul li a:hover .nums {
        background: url(/images/home1-itembg.png) no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }

    .home1-c ul li a:hover p {
        opacity: 1;
    }

    .home1-c ul li {
        opacity: 0;
        /* transition: all .5s; */
        margin-top: 1rem;
    }

    .home1-num {
        opacity: 0;
        /* transition: all 1s; */
        transform: scale(0.5);
    }

    .swiper-slide-active .home1 .home1-c .home1-num {
        opacity: 1;
        transform: scale(1);
        transition: all 1s;
        transition-delay: 1.1s;
    }

    .swiper-slide-active .home1 .home1-c ul li {
        opacity: 1;
        margin-top: 0;
        transition: all 1.5s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(1) {
        transition-delay: 1.1s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(2) {
        transition-delay: 1.6s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(3) {
        transition-delay: 2.1s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(4) {
        transition-delay: 1.3s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(5) {
        transition-delay: 1.2s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(6) {
        transition-delay: 1.7s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(7) {
        transition-delay: 1.9s;
    }

    .swiper-slide-active .home1 .home1-c ul li:nth-child(8) {
        transition-delay: 1.2s;
    }


    .home1-c ul li a {
        animation: _circles 10s linear infinite;
    }

    .home1-c ul li:nth-child(1) a {
        animation-delay: -2s;
    }

    .home1-c ul li:nth-child(2) a {
        animation-delay: -3s;
    }

    .home1-c ul li:nth-child(3) a {
        animation-delay: -5s;
    }

    .home1-c ul li:nth-child(4) a {
        animation-delay: -2.5s;
    }

    .home1-c ul li:nth-child(5) a {
        animation-delay: -2.8s;
    }

    .home1-c ul li:nth-child(6) a {
        animation-delay: -.4s;
    }

    .home1-c ul li:nth-child(7) a {
        animation-delay: -3.1s;
    }

    .home1-c ul li:nth-child(8) a {
        animation-delay: -1.5s;
    }

    @keyframes _circles {
        0% {
            transform: translateX(0) scale(1);
        }

        50% {
            transform: translateX(-.1rem) scale(.8);
        }

        100% {
            transform: translateX(0) scale(1);
        }
    }

    .home1-num::before {
        animation: _anirotate 30s linear infinite;
    }


    @keyframes _anirotate {
        0% {
            transform: translateX(-50%) translateY(-50%) rotate(0);
        }

        100% {
            transform: translateX(-50%) translateY(-50%) rotate(360deg);
        }
    }

    .home2-l::before {
        transform: scale(0);
        opacity: 0;
        transition: all 1.2s;
    }

    .home2-l::after {
        transform: scale(0);
        opacity: 0;
        transition: all 1s;
    }

    .home2-l .pic {
        transform: scale(0);
        opacity: 0;
        transition: all 1.5s;
    }

    .home2-r {
        transform: scale(0);
        opacity: 0;
        transition: all 1s;
    }

    .swiper-slide-active .home2 .home2-l::before {
        transform: scale(1);
        opacity: 1;
        transition-delay: .5s;
    }

    .swiper-slide-active .home2 .home2-l::after {
        transform: scale(1);
        opacity: 1;
        transition-delay: .7s;
    }

    .swiper-slide-active .home2 .home2-l .pic {
        transform: scale(1);
        opacity: 1;
        transition-delay: .3s;
    }

    .swiper-slide-active .home2 .home2-r {
        transform: scale(1);
        opacity: 1;
        transition-delay: .4s;
    }

    .home3-l {
        opacity: 0;
        transform: scale(.8);
    }

    .home3-m ul li {
        opacity: 0;
        transform: scale(.8);
    }

    .home3-r ul li a {
        opacity: 0;
        transform: scale(.8);
    }

    .swiper-slide-active .home3 .home3-l {
        opacity: 1;
        transition-delay: .5s;
        transform: scale(1);
    }

    .swiper-slide-active .home3 .home3-m ul li {
        opacity: 1;
        transform: scale(1);
    }

    .swiper-slide-active .home3 .home3-m ul li:nth-child(1) {
        transition-delay: .7s;
    }

    .swiper-slide-active .home3 .home3-m ul li:nth-child(2) {
        transition-delay: .5s;
    }

    .swiper-slide-active .home3 .home3-m ul li:nth-child(3) {
        transition-delay: .4s;
    }

    .swiper-slide-active .home3 .home3-m ul li:nth-child(4) {
        transition-delay: .6s;
    }

    .swiper-slide-active .home3 .home3-m ul li:nth-child(5) {
        transition-delay: .55s;
    }

    .swiper-slide-active .home3 .home3-r ul li a {
        opacity: 1;
        transform: scale(1);
    }

    .swiper-slide-active .home3 .home3-r ul li:nth-child(1) a {
        transition-delay: .45s;
    }

    .swiper-slide-active .home3 .home3-r ul li:nth-child(2) a {
        transition-delay: .6s;
    }
}

@media screen and (max-width:1024px){
    .body_rbtm{display: none;}
.body_r{overflow-y: auto;}
.body_r .screen{height: auto;}
.body_r .swiper-wrapper{display: block;}
.body_r .screen .tit{position: relative;top: auto;margin-top: .25rem;}

.home1{background: #e9d6c2;padding:1px 0}
.home1-num{position: static;margin: 0 auto;display: flex;justify-content: center;}
.home1-c{padding-bottom: .5rem;}
.home1-c ul{display: flex;flex-wrap: wrap;justify-content: space-between;height: auto;}
.home1-c ul li{position: static;width: 48%;margin-top: .15rem;}
.home1-c ul li a{display: block;}
.home1-num a img{width: .9rem;}
    .home1-num a{width:.9rem;}
.home1-c ul li a .nums{width: .8rem;height: .8rem;margin: 0 auto;margin-bottom: .1rem;}
.home1-c ul li a .nums .cnum{font-size: .22rem;}
.home1-c ul li a .texts{width: auto;flex: 1;min-width: 0;}
.home1-c ul li a .texts p{opacity: 1;text-align: center;}
.home2{padding:1px 0}
.home2-c{height: auto;padding: 0.5rem 0;display: block;}
.home2-l{width: 3rem;margin: 0 auto;}
.home2-l::before{width: .8rem;height: .8rem;bottom: 0;}
.home2-r h2{font-size: .3rem;line-height: .3rem;}

.home3-c{height: auto;display:block;}
.body_r .home3.screen .tit{position: absolute;padding: 0 .15rem;}
.home3-l{padding-top: .9rem;width: auto;display: block;}
.home3-l .home3-lbox{width: auto;}
.home3-l .home3-lbox a .pic{padding-top: 2.5rem;}
.home3-item h3{font-size: .2rem;line-height: .3rem;}
.home3-item .icons{height: .5rem;}
.home3-m ul li:nth-child(1) a .pic{padding-top: 2rem;}
.home3-m ul li:nth-child(2) a .pic{padding-top: 2rem;}
.home3-m ul li:nth-child(3) a .pic{padding-top: 2rem;}
.home3-m ul li:nth-child(4) a .pic{padding-top: 2rem;}
.home3-m ul li a .pic{padding-top: 50%;}
.home3-r{width: auto;}
.home3-r ul{display: flex;}
.home3-r ul li{width: 50%;}
.home3-r ul li:nth-child(1) a .pic{padding-top: 2rem;}
.home3-r ul li:nth-child(2) a .pic{padding-top: 2rem;}
.home3-item{left: .1rem;right: 0.1rem;top: 0.1rem;bottom: 0.1rem;}


}