@charset "utf-8";

@font-face {
    font-family: "sys-b";
    src: url(./fonts/SOURCEHANSERIFCN-BOLD.OTF);
}

body {
    overflow-x: hidden;
}


.index {
    overflow: hidden;
}


.banner.ani #downPage {
    opacity: 1;
}

.banner {
    position: relative;
    z-index: 9;
    left: 0;
    top: 0;
    /* width: 100%;
    height: 100vh; */
    overflow: hidden;
}

.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;
    height: 1.3rem;
    max-height: 50%;
    opacity: 0.8;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 95%);
}

.banner .slick-slide a>img, .banner .slick-slide a>video {
    display: block;
    width: 100%;
}


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

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

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }

}


.banner .slick-dots {
    position: absolute;
    font-size: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: .38rem;
}

.banner .slick-dots li {
    border-radius: 50%;
    margin: 0;
    position: relative;
    width: auto;
    height: .48rem;
    width: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .05rem;
}

.banner .slick-dots li:nth-child(1):before {
    display: none;
}



.banner .slick-dots li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: all .5s;
    width: .08rem;
    height: .08rem;
    background-color: #ffffff;
    border-radius: 50%;
    right: 0;
}

.banner .slick-dots li span {
    flex: 1;
    min-width: 0;
    display: block;
    font-size: .14rem;
    line-height: .48rem;
    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;
}

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

.banner .slick-dots li.slick-active span {
    font-size: .16rem;
    opacity: 1;
}

.banner .slick-dots li.slick-active span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed #FFFFFF;
    border-radius: 50%;
}

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

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


.tit {
    position: relative;
    display: flex;
    padding-bottom: .3rem;
    z-index: 1;
}

.tit h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -.3rem;
    transform: translateX(-50%);
    background: url(../images/tit-bbg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 4.27rem;
    height: 0.2rem;
}

.tit h2 {
    display: flex;
    align-items: center;
    font-family: "sys-b";
    font-size: 0.36rem;
    line-height: 0.49rem;
    position: relative;
}

.tit h2 b {
    color: #B7141F;
}

.tit h2 span {
    color: #333333
}

.tit a {
    position: absolute;
    right: 0;
    top: 0;
    line-height: .49rem;
    font-size: 0.16rem;
    color: #333333;
}

.tit.w h2 b {
    color: #FCB650
}

.tit.w h2 span {
    color: #FFFFFF
}

.tit.w h2::after {
    background: url(../images/tit-bbg2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.tit.w a{
    color: #FFFFFF;
   }
.s1 {
    padding-top: .55rem;
    position: relative;
    z-index: 1;
}

.s1::before {
    content: "";
    position: absolute;
    left: 9.9rem;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s1-rbg.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.s1>div {
    position: relative;
    z-index: 1;
}

.s1 .tit .tit-more {
    bottom: -.3rem;
    right: .5rem;
}

.s1 .vivus-svg {
    position: absolute;
    left: 0;
    right: 0;
    top: .05rem;
    z-index: -1;
    pointer-events: none;
}

.s1 .vivus-svg svg {
    display: block;
    width: 100%;
    height: 8.871rem;
}

.s1 .tit-name a p {}

.s1-c {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}

.s1-c::before {}

.s1-c::after {}

.s1-l {
    position: relative;
    flex: 1;
    min-width: 0;
}

.s1-l ul {
    margin-top: -.2rem;
}

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

.s1-l ul li:before {
    content: "";
    position: absolute;
    left: -.21rem;
    top: -1px;
    bottom: -1px;
    right: 0;
    z-index: -1;
    background: url(../images/s1-litembg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0;
    transition: all .5s;
    border-bottom: 2px solid #E1AD6A;
}

.s1-l ul li a {
    display: flex;
    align-items: center;
    padding: 0;
    z-index: 1;
    position: relative;
    height: .9rem;
    border-top: 1px dashed rgba(0, 0, 0, 0.16);
}

.s1-l ul li:first-child a {
    border: none;
}

.s1-l ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    transition: all .5s;
}

.s1-l ul li a:after {}

.s1-l ul li a .pics {
    width: 2.55rem;
    margin-right: .35rem;
}

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

.s1-l ul li a .date {
    width: 0.7rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-right: .15rem;
    position: relative;
}

.s1-l ul li a .date::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.4rem;
    width: 1px;
    background: #DEDEDE;
}

.s1-l ul li a .date b {
    color: #323232;
    font-size: .18rem;
    line-height: .24rem;
    font-weight: normal;
}

.s1-l ul li a .date span {
    font-size: .14rem;
    line-height: .18rem;
    color: #999999;
    margin-top: .02rem;
}

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

.s1-l ul li a .info span {
    display: block;
    font-family: Arial;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #fff;
}

.s1-l ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.25rem;
    letter-spacing: normal;
    color: #404040;
    transition: all .5s;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: .3rem;
} 

.s1-r {
    margin-right: .53rem;
    width: 7.33rem;
    /* margin-top: .28rem; */
    position: relative;
    z-index: 1;
    padding-bottom: .2rem;
}

.s1-r:before {
    content: "";
    position: absolute;
    left: -.2rem;
    bottom: 0;
    right: 0;
    top: .7rem;
    background: #B2000B;
    clip-path: polygon(0 0, 100% 0, calc(100% - 1.3rem) 100%, 0 100%);
}

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

.s1-r .slick .slick-list {
    /* overflow: visible; */
}

.s1-r .slick ul li a {
    /* display: block; */
    /* filter: blur(.15rem); */
    /* transform: scale(1.1); */
    transition: all 1s;
}

.s1-r .slick ul li a span {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.22rem;
    letter-spacing: normal;
    color: #999999;
    margin-top: .13rem;
}

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

.s1-r .slick ul li a .info {
    padding-right: 1.4rem;
    margin-top: -.45rem;
    overflow: hidden;
    position: relative;
    z-index: 9;
    padding: .2rem .4rem .17rem .3rem;
    margin-right: .8rem;
}

.s1-r .slick ul li a .info:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(100, 10, 20, 0.1);
    transform: skewX(-15deg);
    transform-origin: right top;
}

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

.s1-r .slick ul li.slick-current a {
    /* filter: blur(0); */
    /* transform: scale(1); */
}

.s1-r .slick .pubarr {
    position: absolute;
    right: 0;
    bottom: .47rem;
    z-index: 9;
    overflow: hidden;
    width: .8rem;
    padding-left: .1rem;
}

.s1-r .slick .pubarr:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #E1AD62;
    transform: skewX(-15deg);
    transform-origin: right bottom;
}

.s1-r .slick .pubarr:after {
    content: "";
    position: absolute;
    left: .45rem;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.3);
    transform-origin: right bottom;
    width: 1px;
    height: 0.17rem;
}

.pubarr {
    display: flex;
    align-items: center;
}

.pubarr div {
    cursor: pointer;
    position: relative;
}

.pubarr div.pub-prev {
    width: 0.35rem;
    height: 0.45rem;
}

.pubarr div.pub-prev::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/arr_prev.svg) no-repeat;
    background-position: center center;
    background-size: .07rem auto;
    transition: opacity .5s;
}

.pubarr2 div.pub-prev::before {

    background-position: center center;
    background-size: .17rem auto;
}

.pubarr div.pub-next {
    width: 0.35rem;
    height: 0.45rem;
}

.pubarr div.pub-next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/arr_next.svg) no-repeat;
    background-position: center center;
    background-size: .07rem auto;
    transition: opacity .5s;
}

.pubarr2 div.pub-next::before {

    background-position: center center;
    background-size: .17rem auto;
}


.s2 {
    margin-top: .5rem;
}

.s2 .tit {
    padding-bottom: 0;
    display: block;
    margin-bottom: .4rem;
}

.s2 .tit h2 {
    margin-right: 1rem;
}

.s2 .tit h2::after {
    content: "";
    display: block;
    flex: 1;
    min-width: 0;
    height: 0.02rem;
    background: url(../images/s2-tit-aft.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-left: .2rem;
    position: static;
    transform: none;
    width: auto;
}

.s2 .tit::after {
    display: none;
}

.s2-c {
    display: flex;
    justify-content: space-between;
}

.s2-l {
    width: 48%;
}

.s2-l ul li:nth-child(1) a {
    margin-top: 0;
}

.s2-l ul li a {
    display: flex;
    position: relative;
    padding: .15rem 0 .12rem 0;
    z-index: 1;
}

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


.s2-l ul li a .data {
    text-align: center;
    width: 0.73rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1608);
    margin-right: .22rem;
}

.s2-l ul li a .data p {
    line-height: 0.44rem;
    color: #fff;
    font-size: 0.24rem;
    font-weight: bold;
    background: #B2000B;
}

.s2-l ul li a .data span {
    display: block;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.27rem;
    color: #373737;
}

.s2-l ul li a .info {
    flex: 1;
    min-width: 0;
    padding-left: .3rem;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
}

.s2-l ul li a h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #373737;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s2-l ul li a .info h3 b {
    color: #1d50a2;
    font-weight: normal;
}

.s2-l ul li a>span {
    position: absolute;
    bottom: 0;
    right: 0.2rem;
    transform: translateY(50%);
    width: 0.7rem;
    line-height: 0.28rem;
    border-radius: 0.03rem;
    font-size: 0.14rem;
    color: #f5f5f5;
    text-align: center;
}

.s2-list1 {}

.s2-r {
    width: 48%;
}


.s2-r ul li a {
    display: flex;
    align-items: center;
    padding: 0;
    z-index: 1;
    position: relative;
    height: .9rem;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.16);
}

.s2-r ul li:last-child a {
    border: none;
}

.s2-r ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    transition: all .5s;
}

.s2-r ul {
    background: #fff url(../images/s2-list2bg.png) no-repeat;
    background-position: right bottom;
    background-size: 1.9rem auto;
    box-shadow: 0rem 0.06rem 0.14rem 0rem rgba(0, 0, 0, 0.1);
    border-top: 0.02rem solid #B2000B;
    padding: .05rem .25rem .17rem .25rem;
}

.s2-r ul li a .pics {
    width: 2.55rem;
    margin-right: .35rem;
}

.s2-r ul li a .pics .pic {
    padding-top: 62%;
}

.s2-r ul li a .date {
    width: 0.7rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-right: .15rem;
    position: relative;
}

.s2-r ul li a .date::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.4rem;
    width: 1px;
    background: #DEDEDE;
}

.s2-r ul li a .date b {
    color: #323232;
    font-size: .18rem;
    line-height: .24rem;
    font-weight: normal;
}

.s2-r ul li a .date span {
    font-size: .14rem;
    line-height: .18rem;
    color: #999999;
    margin-top: .02rem;
}

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

.s2-r ul li a .info span {
    display: block;
    font-family: Arial;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #fff;
}

.s2-r ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.25rem;
    letter-spacing: normal;
    color: #404040;
    transition: all .5s;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 

.s3 {
    margin: .73rem 0;
}

.s3 a {
    display: block;
}

.s3 a img {
    display: block;
    width: 100%;
}

.s4 {}

.s4-c {
    display: flex;
    padding-top: .3rem;
    position: relative;
    z-index: 1;
    padding-bottom: .87rem;
}

.s4-c::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    top: 0;
    bottom: 0;
    background: url(../images/s4-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}

.s4-l {
    width: 50%;
    padding-left: .3rem;
    padding-top: 0.3rem;
    position: relative;
    z-index: 1;
}

.s4-l::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #b2000b 0%, #ffffff00 100%);
    z-index: -1;
    clip-path: polygon(0 0, 100% .3rem, 100% 100%, 0 100%);
}

.s4-l ul {
    background: #fff;
    box-shadow: 0rem 0.05rem 0.33rem 0rem rgba(143, 0, 11, 0.2);
    padding-top: 0.52rem;
    padding-bottom: .66rem;
    border-radius: 0 0 0 .3rem;
}

.s4-r {
    width: 50%;
    padding-right: .3rem;
    padding-top: 0.3rem;
    position: relative;
    z-index: 1;
}

.s4-r::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #b2000b 0%, #ffffff00 100%);
    z-index: -1;
    clip-path: polygon(0 0.3rem, 100% 0, 100% 100%, 0 100%);
}

.s4-r ul {
    background: #fff;
    box-shadow: 0rem 0.05rem 0.33rem 0rem rgba(143, 0, 11, 0.2);
    padding-top: 0.52rem;
    padding-bottom: .66rem;
    border-radius: 0 0 0.3rem 0;
}



.s4-list ul li a {
    display: flex;
    align-items: center;
    height: .72rem;
    position: relative;
    z-index: 1;
    padding: 0 .35rem 0 .6rem;
    flex-direction: row-reverse;
}

.s4-r .s4-list ul li a {
    padding: 0 .6rem 0 .35rem;
}

.s4-list ul li a:before {
    content: "";
    position: absolute;
    left: .6rem;
    right: .35rem;
    top: 0;
    border-top: 0.01rem dashed #D8D8D8;
}

.s4-list ul li:nth-child(1) a:before {
    display: none;
}

.s4-r .s4-list ul li a:before {
    content: "";
    position: absolute;
    left: .35rem;
    right: .6rem;
    top: 0;
    border-top: 0.01rem dashed #D8D8D8;
}

.s4-list ul li a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    transition: all .5s;
    background: #B2000B;
    z-index: -1;
}

.s4-list ul li:nth-child(1) a {}

.s4-list ul li a p {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .1rem 0 .2rem;
    position: relative;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    letter-spacing: normal;
    color: #333333;
}

.s4-list ul li a p::before {}

.s4-list ul li a span {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.16rem;
    letter-spacing: normal;
    color: #333333;
    width: 0.7rem;
    text-align: left;
    border-right: 1px solid #8a8a8a;
    margin-left: .1rem;
}

.s5 {
    background: url(../images/s5-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: .65rem 0;
}

.s5-c {
    margin-top: .3rem;
}

#certify {
    position: relative;
}

#certify .swiper-container {}

#certify .swiper-slide {
    width: 6rem;
    transition: all 0.5s;
}

#certify .swiper-slide a {
    display: block;
}

#certify .swiper-slide a .pics {
    position: relative;
    overflow: hidden;
}

#certify .swiper-slide a .pics .pic {
    padding-top: 71%;
    transition: all 0.5s;
    background-color: #fff;
}

#certify .swiper-slide a .pics .pic:after {
    transition: all 0.5s;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

#certify .swiper-slide.swiper-slide-active a .pics .pic div {
    opacity: 1;
}

#certify .swiper-slide a .pics .pic {
    z-index: 1;
    clip-path: polygon(0 0, 100% 7%, 100% 93%, 0% 100%);
}

#certify .swiper-slide a p {
    text-align: center;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: .26rem;
    text-align: center;
    letter-spacing: normal;
    color: #FFFFFF;
    margin-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
}

#certify .swiper-slide.on {
    transition: 0.5s;
}

#certify .swiper-slide-prev a .pics .pic {
    clip-path: polygon(0 0, 100% 7%, 100% 93%, 0% 100%);
    transform-origin: right center;
}

#certify .swiper-slide-active a .pics .pic {
    z-index: 10;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    opacity: 1;
}

#certify .swiper-slide-active a .pics .pic:after {
    opacity: 0;
}

#certify .swiper-slide-active a p {
    opacity: 1;
}

#certify .swiper-slide-active+.swiper-slide a .pics .pic {
    z-index: 3;
    clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 93%);
}

#certify .swiper-slide-active+.swiper-slide+.swiper-slide a .pics .pic {
    clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 93%);
    z-index: 2;
}


.s5-c .swiper-prev {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #CACACA;
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: .24rem;
    transition: all .5s;
}

.s5-c .swiper-prev svg {
    width: 0.17rem;
}

.s5-c .swiper-next {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #CACACA;
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: .24rem;
    transition: all .5s;
}

.s5-c .swiper-next svg {
    width: 0.17rem;
}

.s6 {
    background: url(../images/s6-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: .52rem 0 .65rem 0;
}

.s6-c {
    margin-top: .4rem;
    position: relative;
}

.s6-c .prev {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #CACACA;
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: .24rem;
    transition: all .5s;
}

.s6-c .prev svg {
    width: 0.17rem;
}

.s6-c .next {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #CACACA;
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: .24rem;
    transition: all .5s;
}

.s6-c .next svg {
    width: 0.17rem;
}

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

.s6-c ul li a .pic {
    padding-top: 68.5%;
}

.s6-c ul li a p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 142%;
    text-align: justify;
    /* 浏览器可能不支持 */
    letter-spacing: normal;
    color: #333333;
    margin-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



@media screen and (min-width: 1025px) {
    .s6-c ul li a:hover p {
        font-weight: bold;
        color: #B2000B;
        transition: all 0s
    }

    .s6-c .prev:hover {
        background: #B2000B;
        border-color: #B2000B;
    }

    .s6-c .prev:hover svg * {
        fill: #fff;
    }

    .s6-c .next:hover {
        background: #B2000B;
        border-color: #B2000B;
    }

    .s6-c .next:hover svg * {
        fill: #fff;
    }

    .s5-c .swiper-prev:hover {
        background: #fff;
        border-color: #fff;
    }

    .s5-c .swiper-prev:hover svg * {
        fill: #B2000B;
    }

    .s5-c .swiper-next:hover {
        background: #fff;
        border-color: #fff;
    }

    .s5-c .swiper-next:hover svg * {
        fill: #B2000B;
    }

    .s4-list ul li a:hover p {
        color: #fff;
    }

    .s4-list ul li a:hover span {
        color: #fff;
    }

    .s4-list ul li a:hover::after {
        width: 100%;
        left: 0;
    }

    .s4-list ul li a:hover:before {
        opacity: 0;
    }

    .s1-l ul li:hover {
        z-index: 9;
    }

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

    .s1-l ul li:hover a {

        border-color: transparent;
    }

    .s1-l ul li:hover a .date b {
        color: #FFFFFF;
    }

    .s1-l ul li:hover a .date span {
        color: #FFFFFF;
    }

    .s1-l ul li:hover a .date::after {
        opacity: 0;
    }

    .s1-l ul li:hover a .info h3 {
        color: #FFFFFF;
    }


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

    .s2-l ul li a:hover .data {}

    .s2-l ul li a:hover .data p {
        background: #E1AD62;
    }


    .s2-l ul li a:hover .info {
        border-color: transparent;
    }

    .s2-l ul li a:hover .info h3 {
        color: #fff;
    }


    .s2-r ul li a:hover .date b {
        color: #B2000B;
        font-weight: 600;
    }

    .s2-r ul li a:hover .date span {
        color: #B2000B;
    }

    .s2-r ul li a:hover{
        border-color:#B2000B ;
    }
    .s2-r ul li a:hover .info h3 {
        color: #B2000B;
        font-weight: 600;
        transition: all 0s;
    }

}

@media screen and (max-width: 1024px) {

    .banner .slick .slick-dots {
        right: .5rem;
        bottom: 0.1rem;
    }

    .banner .slick .slick-prev {
        right: 1.35rem;
        bottom: 0.15rem;
    }

    .banner .slick .slick-next {
        right: 0.1rem;
        bottom: 0.15rem;
    }


    .s6-c .s6-arrows {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: .3rem;
    }

    .s6-c .s6-arrows div {
        position: static;
        top: auto;
        transform: translateY(0);
        width: 0.4rem;
        height: 0.4rem;
        margin: 0 .1rem;
    }

    .s6-c .s6-arrows div svg {
        width: .1rem;
    }

    .tit{padding-bottom: .15rem;justify-content: flex-start;}
    .tit h2{font-size: .24rem;line-height: .36rem;}
    .tit h2::after{width: 2.13rem;height: 0.1rem;bottom: -.15rem;}
    .s1::before{left: 0;}

    .s1-r .slick ul li a .info{padding: .2rem .3rem .15rem .15rem;}
    .s1-l ul li a,.s2-r ul li a{height: .8rem;}
    
    .s2-l ul li a .info{padding: 0;}
    .s2-l ul li a{padding-bottom: 0;}
    .s2-r ul li a .info h3{padding-right: 0;}
    .s4-l{padding-left: .15rem;}
    .s4-r{padding-right: .15rem;}
    .s4-l ul,.s4-r ul{padding-top: .25em;padding-bottom: .2rem;}
    .s4-list ul li a,.s4-r .s4-list ul li a{padding: 0 .15rem;}
    .s4-list ul li a:before{left: 0.15rem;right: 0.15rem;}
    .s4-r .s4-list ul li a:before{left: 0.15rem;right: 0.15rem;}
    #certify{margin: 0 .5rem;}
    #certify .swiper-slide a p{font-size: .18rem;margin-top: .1rem;}
    .s5-c .swiper-prev{margin-right: 0.1rem;width: 0.45rem;height: 0.45rem;}
    .s5-c .swiper-next{margin-left: 0.1rem;width: 0.45rem;height: 0.45rem;}
    .s5-c .swiper-prev svg{width: .1rem;}
    .s5-c .swiper-next svg{width: .1rem;}
    .s1-c,.s2-c,.s4-c{display: block;}
    .s2-r,.s4-r{width: auto;}
    .s2-l,.s1-r,.s4-l{width: auto;margin-right: 0;margin-bottom: .3rem;}



    .s1{padding-top: .5rem;}
    .s1-c{margin-top: .3rem;}
    .s2 .tit{margin-bottom: .2rem;}
    .s3{margin: .35rem 0;}
    .s4-c{padding-bottom: .5rem;}
    .s5,.s6{padding: .5rem 0;}


}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 480px) {}