@charset "utf-8";

body {
    overflow-x: hidden;
}



@font-face {
    font-family: "sysong";
}


#downPage {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;

    background-size: 100% 100%;
    cursor: pointer;
    margin: 0 .6rem;
    opacity: 0;
    transition: opacity 2s;
    animation: _ani1 10s infinite linear;
}

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

#downPage::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    background-size: 100% 100%;
    animation: ani_bj 3s infinite linear;
    opacity: 0;
}

#downPage img {
    animation: _ani2 10s infinite linear;
}

@keyframes _ani1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _ani2 {
    0% {
        transform: rotate(0deg);
    }

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

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

    50% {
        opacity: .8;
        transform: scale(1.45);
    }

    95% {
        opacity: 0;
        transform: scale(1.8);
    }

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

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

.banner a {
    display: block;
}

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

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

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

.banner .slick-slide a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/banner-zz1.png) repeat-x;
    background-position: center top;
    z-index: 2;
}

.banner .slick-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/banner-zzc2.png) repeat-x;
    background-position: center bottom;
    z-index: 1;
}

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

.banner .slick-slide a .banner-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.banner .slick-slide a .banner-text img {
    display: block;
    max-width: 70%;
    max-height: 2.77rem;
    transition: all 1s;
    transform: scale(0);
    opacity: 0;
}

.banner .slick-slide a .banner-text img.on {
    opacity: 1;
    transform: scale(1);
}

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

.banner .slick-slide.slick-current a .banner-ty img:nth-child(1) .banner-ty {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    z-index: 8;
}

.banner-ty div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 3s;
}

.banner-ty div img {
    display: block;
    width: 100%;
}

.banner-ty div:nth-child(1) {
    width: 4.33rem;
    z-index: 2;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0);
}

.banner-ty div:nth-child(2) {
    width: 6rem;
    z-index: 1;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(.5);
    transition-delay: 1s;
}

.banner .slick-slide.slick-current a .banner-ty.on div:nth-child(1) {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}


.banner .slick-slide.slick-current a .banner-ty.on div:nth-child(2) {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.banner .slick-slide.slick-current a .banner-ty.on div:nth-child(2) img {
    animation: img_scale3 linear 150s infinite;
}

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

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }

}


@keyframes img_scale3 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.banner .slick-dots {
    font-size: 0;
    text-align: right;
    bottom: 0.6rem;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 .15rem;
}

.banner .slick-dots li {
    display: flex;
    border-radius: 50%;
    margin: 0 0.12rem;
    transition: all 0.3s;
    vertical-align: middle;
    width: 0.3rem;
    height: 0.3rem;
    justify-content: center;
    align-items: center;

}

@keyframes cilcle {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.banner .slick-dots li button {
    border-radius: 50%;
    margin: 0;
    padding: 0;
    width: 0.1rem;
    height: 0.1rem;
    background-color: #ffffff;
}

.banner .slick-dots li.slick-active {
    border-color: #fff;
    background: url(/images/baanner-dot-bor.png) no-repeat;
    background-size: 100% 100%;
    animation: cilcle 2s infinite linear;
}

.fixed-r {
    position: fixed;
    top: 65%;
    right: 0;
    transform: translateX(50%) translateY(-50%);
    border-radius: 50%;
    z-index: 9999;
    width: 3.42rem;
    height: 3.42rem;
    transition: all 1s;
}


.fixed-r.show ul {
    /* transform:scale(1); */
    /* transition-delay: 1s; */
    border: ;
}

.fixed-r.show2 ul::after {
    transform: scale(1);
    border: 2px solid #FFDABF
}

.fixed-r.show2 ul::before {
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.fixed-r.show .fixed-rtit {
    transform: translateX(-50%) translateY(-50%);
}

.fixed-rtit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(100%) translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 1.59rem;
    height: 1.59rem;
    border-radius: 50%;
    padding-right: .8rem;
    background: #ED5713;
    z-index: 9;
    transition: all 1s;
    background: linear-gradient(180deg, #E94E2C 2%, #F39136 100%);
    box-sizing: border-box;
    border: 2px solid #FFDABF;
    /* border-image: linear-gradient(180deg, #FFDABF 0%, rgba(255, 218, 191, 0.7) 120%); */
}

.fixed-rtit::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 2.07rem;
    height: 2.07rem;
    background: url(/images/fixed-rtit-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    animation: _aniKslj 15s linear infinite;
}

.fixed-rtit b {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #FFFFFF;
    padding-right: .1rem;
    font-family: "sysong";
}

/*±õº£Ð£Çøstart*/
.fixed-r2 {
    position: fixed;
    top: 20%;
    right: 0;
    transform: translateX(50%) translateY(0);
    border-radius: 50%;
    z-index: 9999;
    width: 3.42rem;
    height: 3.42rem;
    transition: all 1s;
    width: 1.59rem;
    height: 1.59rem;
}


.fixed-r2.show ul {
    /* transform:scale(1); */
    /* transition-delay: 1s; */
}

.fixed-r2.show2 ul::after {
    transform: scale(1);
}

.fixed-r2.show2 ul::before {
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.fixed-r2.show .fixed-rtit {
    transform: translateX(-50%) translateY(-50%);
}

.fixed-r2 .fixed-rtit {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 1.59rem;
    height: 1.59rem;
    border-radius: 50%;
    padding-right: .8rem;
    background: #ED5713;
    z-index: 9;
    transition: all 1s;
    transform: translateX(0) translateY(0);
}

.fixed-r2 .fixed-rtit::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 2.07rem;
    height: 2.07rem;
    background: url(/images/fixed-rtit-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    animation: _aniKslj 15s linear infinite;
}

.fixed-r2 .fixed-rtit b {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #FFFFFF;
    padding-right: .1rem;
    font-family: "sysong";
}

/*±õº£end*/

.fixed-r ul {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    /* background: rgba(0, 37, 185, 0.34); */
    border-radius: 50%;
    /* transform: scale(0); */
    /* border: 2px solid #FFDABF; */
}

.fixed-r ul::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    background: rgba(237, 87, 19, 0.34);
    border-radius: 50%;
    z-index: 1;
    transform: scale(0);
}

.fixed-r ul::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2rem;
    height: 2rem;
    transition: all .5s;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    border: 2px solid rgba(225, 225, 255, 0.4);
    z-index: 1;
}

.fixed-r ul li {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    width: 50%;
    transform-origin: right center;
    padding-right: 1.02rem;
    display: flex;
    justify-content: flex-end;
    transition: all 1s;
    opacity: 0;
    z-index: 8;
}

.fixed-r.show2 ul li:nth-child(1) {
    opacity: 1;
    transform: translateY(-50%) rotate(60deg)
}

.fixed-r.show2 ul li:nth-child(2) {
    opacity: 1;
    transform: translateY(-50%) rotate(30deg)
}

.fixed-r.show2 ul li:nth-child(3) {
    opacity: 1;
    transform: translateY(-50%) rotate(0deg)
}

.fixed-r.show2 ul li:nth-child(4) {
    opacity: 1;
    transform: translateY(-50%) rotate(-30deg)
}

.fixed-r.show2 ul li:nth-child(5) {
    opacity: 1;
    transform: translateY(-50%) rotate(-60deg)
}

.fixed-r.show2 ul li:nth-child(6) {
    opacity: 1;
    transform: translateY(-50%) rotate(-90deg)
}

.fixed-r.show2 ul li:nth-child(7) {
    opacity: 1;
    transform: translateY(-50%) rotate(-120deg)
}

.fixed-r.show2 ul li:nth-child(8) {
    opacity: 1;
    transform: translateY(-50%) rotate(-150deg)
}

.fixed-r.show2 ul li:nth-child(9) {
    opacity: 1;
    transform: translateY(-50%) rotate(-180deg)
}

.fixed-r.show2 ul li:nth-child(10) {
    opacity: 1;
    transform: translateY(-50%) rotate(-210deg)
}

.fixed-r.show2 ul li:nth-child(11) {
    opacity: 1;
    transform: translateY(-50%) rotate(-240deg)
}

.fixed-r.show2 ul li:nth-child(12) {
    opacity: 1;
    transform: translateY(-50%) rotate(-270deg)
}

.fixed-r ul li::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: .6rem;
    width: 1.63rem;
    background: #ED5713;
    background: linear-gradient(270deg, #ED5713 51%, rgba(71, 83, 200, 0) 101%);
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    z-index: -999;
}

.fixed-r ul li.on::before {
    z-index: 8;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.fixed-r ul li.on {
    padding-right: .8rem;
}

.fixed-r ul li.on a {
    font-size: 16px;
}

.fixed-r ul li.on a::after {
    opacity: 0;
}

.fixed-r ul li a {
    display: block;
    padding-right: .1rem;
    position: relative;
    white-space: nowrap;
    z-index: 9;
    transition: all 0.5s;
}

.fixed-r ul li a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 50%;
}

.fixed-r ul li a {
    color: #fff;
    font-size: 14px;
    line-height: .4rem;
}

/* index */
.index {
    z-index: 99;
    background: #fff;
    position: relative;
    padding-top: 1px;
}

#ssearch {
    padding: 0 .3rem;
    margin-top: -.75rem;
    position: relative;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}


.ssearchbox {
    padding: 0 .3rem;
    position: relative;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 0 .35rem;
}

.ssearchbox::before {
    content: "";
    position: absolute;
    left: -.3rem;
    top: 0;
    right: calc(50% - .1rem);
    bottom: 0;
    background: #fff;
    box-shadow: 0rem 0.02rem 0.1rem 0rem #C1C1C1;
    transform: skewX(-10deg);
}

.ssearchbox::after {
    content: "";
    position: absolute;
    right: -.3rem;
    top: 0;
    left: calc(50% - .1rem);
    bottom: 0;
    background: #fff;
    box-shadow: 0rem 0.02rem 0.1rem 0rem #C1C1C1;
    transform: skewX(10deg);
}


.ssipt {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 9;
}

.ssipt input {
    display: block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.2rem;
    color: #333;
    background: none;
    background: #fff;
}

.ssipt input::placeholder {
    font-weight: normal;
    color: #9E9E9E;
}

.ssbtn {
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    margin-left: .15rem;
    position: relative;
    z-index: 9;
}

.ssbtn input {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    /* background: url(/images/ssearch-icon.png) no-repeat; */
    background-position: center center;
    background-size: .48rem;
    cursor: pointer;
}

.ssearch-link {
    display: flex;
    flex-wrap: wrap;
    margin-top: .15rem;
    padding: 0 .35rem;
}

.ssearch-link a {
    padding-left: .15rem;
    position: relative;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .24rem;
    color: #999999;
    margin-right: .6rem;
}

.ssearch-link a:last-child {
    margin-right: 0;
}

.ssearch-link a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.06rem;
    height: 0.06rem;
    background: rgba(61, 72, 179, 0.3);
    border-radius: 50%;
}

.ssearch-link a:hover {
    color: #ED5713;
}

.ssearch-link a:hover::before {
    background: #ED5713;
}

.tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .45rem;
}

.tit>div {
    padding-left: .53rem;
}

.tit>div img {
    margin-right: .1rem;
}

.tit>div h2 {
    font-size: 0.4rem;
    line-height: 0.53rem;
    color: #000000;
    position: relative;
}

.tit>div h2 img {
    position: absolute;
    left: -.53rem;
    top: 50%;
    transform: translateY(-50%);
    max-width: .45rem;
}

.tit>div h3 {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.23rem;
    color: #999;
    margin-top: .04rem;
    font-family: "sysong";
}


.tit a {
    background: url(/images/more-bg.png) no-repeat;
    background-position: left bottom;
    background-size: cover;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.27rem;
    color: #ED5713;
    font-family: "sysong";
    padding: .05rem 0 .1rem .56rem;
}
/*  */
.s1-addc{
    margin: .6rem auto;
}
.s1-addc ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;
    width: calc(100% + .4rem);
    justify-content: space-between;
}
.s1-addc li{
    margin: 0 .2rem;
    width: 30%;
}
.s1-addc li a{}
.s1-addc li a{}
.s1-addc li a .pics{}
.s1-addc li a .pics .pic {
    padding-top: 61%;
}
.s1-addc li a .pics .pic ::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s1-zzc.png) repeat-x;
    background-position: center bottom;
    z-index: 8;
}
.s1-addc .info{
    text-align: center;
}
.s1-addc .info h3{
    text-align: center;
    line-height: .5rem;
    font-size: .2rem;
    font-weight: 600;
}

.s1 {
    margin-top: .45rem;
}

.s1-c {
    display: flex;
}

.s1-l {
    width: 7.4rem;
    margin-right: 3.75%;
}

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

.s1-lb {
    background: #FFF8EC;
    padding: .28rem .4rem;
    transition: all 0.3s;
}

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

.s1-lt ul li a .pic {
    padding-top: 60%;
}

.s1-lt ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s1-zzc.png) no-repeat;
    background-position: center bottom;
}

.s1-lt .slick-dots {
    width: auto;
    left: auto;
    right: 0.4rem;
    bottom: 0.22rem;
    font-size: 0;
}

.s1-lt .slick-dots li {
    width: 0.1rem;
    height: 0.1rem;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin: 0 .1rem;
}

.s1-lt .slick-dots li.slick-active {
    background: #EB4524;
}

.s1-lb ul li a .info span {
    display: block;
    width: 1.4rem;
    border-radius: 0.2rem;
    opacity: 1;
    border: 1px solid rgba(237, 87, 19, 0.3);
    font-size: 0.16rem;
    font-weight: bold;
    line-height: .38rem;
    color: #ED5713;
    text-align: center;
    transition: all 0.5s;
}

.s1-lb ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.24rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .2rem;
}

.s1-lb ul li a .info div {
    padding-top: .2rem;
    margin-top: .25rem;
    border-top: 1px solid rgba(176, 125, 102, 0.4);
}

.s1-lb ul li a .info div p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #B07D66;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.6rem;
}

.s1-lb:hover {
    background: #ED5713;
    transition: all 0.3s;
}

.s1-lb:hover {
    background: #ED5713;
    transition: all 0.3s;
}

.s1-lb:hover .info span {
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.s1-lb:hover .info div {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.s1-lb:hover .info div p {
    color: #fff
}

.s1-lb ul li a:hover .info span {
    background: #ED5713;
    color: #fff;
}

.s1-lb ul li a:hover .info h3 {
    color: #fff;
}

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

.s1-r ul li:nth-child(1) {
    margin-top: 0;
}

.s1-r ul li a {
    display: flex;
    align-items: center;
    background: #FFF8EC;
    transition: all 0.5s;
}

.s1-r ul li a .pics {
    width: 3.08rem;
    margin-right: .3rem;
}

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

.s1-r ul li a .info {
    flex: 1;
    min-width: 0;
    padding-right: .2rem;
}

.s1-r ul li a .info div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s1-r ul li a .info div span {
    display: block;
    width: 1.4rem;
    border-radius: 0.2rem;
    opacity: 1;
    border: 1px solid rgba(237, 87, 19, 0.3);
    font-size: 0.16rem;
    font-weight: bold;
    line-height: .38rem;
    color: #ED5713;
    text-align: center;
}

.s1-r ul li a .info div h4 {
    display: flex;
    align-items: center;
}

.s1-r ul li a .info div h4 b {
    font-family: Georgia;
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #ED5713;
}

.s1-r ul li a .info div h4 i {
    font-family: Georgia;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #ED5713;
    font-style: normal;
    margin-left: .05rem;
}

.s1-r ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.32rem;
    margin-top: .15rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s1-r ul li a .info h3 i {
    background-image: linear-gradient(#fff, #fff);
}

.s1-r ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #B07D66;
    margin-top: .12rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .6rem;
}

.s1-r ul li a:hover {
    background: #ED5713;
    box-shadow: 0rem 0.02rem 0.06rem 0rem rgba(0, 0, 0, 0.15);
}

.s1-r ul li a:hover div span {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.s1-r ul li a:hover div h4 b {
    color: #fff;
}

.s1-r ul li a:hover div h4 i {
    color: #fff;
}

.s1-r ul li a:hover .info h3 {
    color: #fff;
}

.s1-r ul li a:hover .info p {
    color: #fff;
}

.s2 {
    position: relative;
    overflow: hidden;
}

.s2-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/s2-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    transform: scale(1.5);
    transition: all 1.5s;
}

.s2-bg.showdiv {
    transform: scale(1);
}

.s2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s2-zzc.png) repeat-x;
    background-position: center bottom;
    z-index: 1;
}

.s2 .w16 {
    position: relative;
    z-index: 9;
}

.s2-des {
    width: 100%;
}

.s2-des p {
    font-size: 36px;
    font-weight: bold;
    line-height: normal;
    color: #FFFFFF;
}

.s2-c {
    height: 7.81rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: .63rem;
}

.s2-c ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;
    width: calc(100% + .4rem);
}

.s2-c ul li {
    width: 25%;
    margin-top: 0.3rem;
}

.s2-c ul li:nth-child(1) a {
    background: linear-gradient(138deg, #EB5D41 38%, #FF846B 90%);
}

.s2-c ul li:nth-child(2) a {
    background: linear-gradient(124deg, #0089B0 28%, #00B6D2 91%);
}

.s2-c ul li:nth-child(3) a {
    background: linear-gradient(131deg, #E19335 30%, #F1AD5B 89%);
}

.s2-c ul li:nth-child(4) a {
   background: linear-gradient(122deg, #1879C8 17%, #2F9FEE 89%);
}

.s2-c ul li:nth-child(5) a {
    background: linear-gradient(124deg, #0089B0 28%, #00CBD2 92%);
}

.s2-c ul li:nth-child(6) a {
    background: linear-gradient(131deg, #E19335 30%, #F1AD5B 89%);
}

.s2-c ul li:nth-child(7) a {
    background: linear-gradient(122deg, #1879C8 21%, #309FEE 88%);
}

.s2-c ul li:nth-child(8) a {
    background: linear-gradient(301deg, #FF846B -2%, #EC5D41 71%);
}

.s2-c ul li a {
    height: 1.48rem;
    display: flex;
    margin: 0 .2rem;
    padding: 0 .3rem 0 .35rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.1rem;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
}

.s2-c ul li a::before {
    content: "";
    position: absolute;
    left: -.5rem;
    top: 0;
    bottom: 0;
    width: 0.5rem;
    color: transparent;
    transform: skew(-15deg);
    background: linear-gradient(to right, transparent 40%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 70%, transparent);
}

.s2-c ul li.on a::before {
    transition: all 1s;
    left: 100%;
}

.s2-c ul li a .info {}

.s2-c ul li a .info h3 {
    font-size: 0.26rem;
    font-weight: bold;
    line-height: 0.4rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.s2-c ul li a .info h3 b {
    margin-left: .2rem;
    width: 0.2rem;
    height: 0.2rem;
    background: url(/images/icon-ru.png) no-repeat;
    background-position: center top;
    transition: all 0.3s;
    background-size: .21rem;
}

.s2-c ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .24rem;
    color: rgba(255, 255, 255, 0.8);
    margin-top: .05rem;
}

.s2-c ul li a .icon-svg {}

.s2-c ul li a .icon-svg svg {
    fill: transparent;
    stroke: #222;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    transition: .3s;
}

.s2-c ul li a .icon-svg svg * {
    fill: none;
    stroke: rgba(255, 255, 255, 0.5);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1px !important;
}


.s2-c ul li a:hover .icon-svg svg {
    animation: dash 5s linear forwards;
}

.s2-c ul li a:hover {
    transform: translateY(-.1rem);
    box-shadow: .08rem .05rem .1rem rgba(255, 255, 255, 0.3);
}

.s2-c ul li a:hover .info h3 b {
    transform: rotate(40deg)
}

.s3 {
    min-height: 8rem;
    padding-bottom: .4rem;
    position: relative;
    overflow: hidden;
}

.s3-bg {
    position: absolute;
    left: -5%;
    top: -5%;
    width: 110%;
    height: 110%;
    background: url(/images/s3-bgnew.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.s3 .tit {
    position: absolute;
    top: 1rem;
}

.s3-c {
    position: relative;
}

.s3-jz {
    position: absolute;
    top: .45rem;
    right: 2.9rem;
    pointer-events: none;
}

.s3-jz img {
    display: block;
    width: 7.6rem;
    margin: 0 auto;
    max-width: 100%;
}

.s3-line img {
    display: block;
    width: 92.125%;
    margin: 0 auto;
}

.s3-list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.s3-list .slick-list {
    height: 100%;
    overflow: visible;
}

.s3-list .slick-track {
    height: 100%;
}

.s3-list ul {
    height: 100%;
    position: relative;
}

.s3-list ul {
    z-index: -9 !important;
    opacity: 0 !important;
}

.s3-list ul.slick-current {
    z-index: 9 !important;
    opacity: 1 !important;
}

.s3-list ul li {
    position: absolute;
    z-index: 1;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 50%;
}

.s3-list ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.24rem;
    height: 0.24rem;
    /* transform: translateX(-50%) translateY(-50%); */
    margin-left: -.12rem;
    margin-top: -.12rem;
    opacity: 0.15;
    /* background: rgba(95, 101, 218, .15); */
    /* background: linear-gradient(180deg, rgba(95, 101, 218, .15) 21%, rgba(131, 170, 243, .15) 98%); */
    background:#FAD5C2;
    z-index: 1;
    border-radius: 50%;
    animation: _playscale2 infinite 1.3s linear;
}

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

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.s3-list ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.1rem;
    height: 0.1rem;
    transform: translateX(-50%) translateY(-50%);
    background: #ED5713;
    z-index: 2;
    border-radius: 50%;
}

.s3-list ul li.on::before {
    opacity: 1;
    background: #FC7550;
    width: 0.34rem;
    height: 0.34rem;
    margin-left: -.17rem;
    margin-top: -.17rem;
    background: linear-gradient(180deg, #FC7550 21%, #FFB65E 98%);
    z-index: 1;
}

.s3-list ul li.on::after {
    z-index: 2;
    width: 0.14rem;
    height: 0.14rem;
    background: #FFFFFF;
}

.s3-list ul li:nth-child(1) {
    top: 36%;
    left: 25.5%;
}

.s3-list ul li:nth-child(2) {
    top: 49.5%;
    left: 14%;
}

.s3-list ul li:nth-child(3) {
    top: 82.5%;
    left: 17%;
}

.s3-list ul li:nth-child(4) {
    top: 81.6%;
    left: 34.518%;
}

.s3-list ul li:nth-child(5) {
    top: 71.8%;
    left: 56.518%;
}

.s3-list ul li:nth-child(6) {
    top: 56%;
    left: 75.9%;
}

.s3-list ul li:nth-child(7) {
    top: 26%;
    left: 91.1%;
}

.s3-list ul li a {
    display: block;
    /* position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%); */
}

.s3-list ul li a .data {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}

.s3-list ul li a .data h3 {
    display: flex;
    align-items: center;
    font-size: 0.44rem;
    font-weight: bold;
    line-height: normal;
    color: #53545E;
}

.s3-list ul li a .data b {
    display: block;
    font-size: 0.44rem;
    font-weight: bold;
    line-height: normal;
    color: #DF4728;
}

.s3-list ul li a .data p {
    display: block;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #53545E;
    white-space: nowrap;
    height: 0.28rem;
    transition: all 0.5s;
}

.s3-list ul li a .info {
    position: absolute;
    width: 9rem;
    max-width: 50vw;
    padding: .4rem;
    overflow: hidden;
    visibility: hidden;
    border-radius: 2rem;
    bottom: 100%;
    transition: all 0.5s;
    z-index: -9;
    opacity: 0;
}

.s3-list ul li a .info::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    transform: translateY(5rem);
    transition: all .5s;
    background: rgba(255, 111, 82, 0.1481);
    border-radius: 2rem;
    background: linear-gradient(270deg, rgba(240, 88, 58, 0) 1%, rgba(255, 111, 82, 0.8) 160%, rgba(240, 88, 58, 0.75) 160%, rgba(240, 88, 58, 0.85) 160%);
}

.s3-list ul li a .info p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.34rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #333333;
    transform: translateY(5rem);
    transition: all 0.5s;
}

.s3-list ul li.on a .data b {
    color: #DF4728;
}

.s3-list ul li.on a .data span {
    color: #DF4728;
}

.s3-list ul li.on a .data p {
    height: 0;
}

.s3-list ul li.on a .info {
    visibility: visible;
    opacity: 1;
    z-index: 9;
}

.s3-list ul li.on a .info::before {
    transform: translateY(0);
}

.s3-list ul li.on a .info p {
    transform: translateY(0);
    transition-delay: .2s;
}

.s3-list ul li:nth-child(1) a .data {
    top: auto;
    bottom: 100%;
}

.s3-list ul li:nth-child(1) a .info {
    bottom: auto;
    top: 100%;
    left: -1.5rem;
    width: 6rem;
    margin-top: .4rem;
}

.s3-list ul li:nth-child(2) a .data {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 100%;
    transform: translateY(-50%) translateX(-.2rem);
}

.s3-list ul li:nth-child(2) a .info {
    bottom: auto;
    top: 100%;
    left: -1.3rem;
    margin-top: .2rem;
}

.s3-list ul li:nth-child(3) a .info {
    bottom: auto;
    bottom: 100%;
    left: -1.5rem;
    width: 9rem;
}

.s3-list ul li:nth-child(4) a .info {
    left: -4.5rem;
    margin-bottom: 0.2rem;
    width: 7.5rem;
}

.s3-list ul li:nth-child(5) a .info {
    left: -6.5rem;
}

.s3-list ul li:nth-child(6) a .info {
    left: -8.0rem;
    top: 50px;
    height: 115px;
}

.s3-list ul li:nth-child(7) a .data {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.s3-list ul li:nth-child(7) a .info {
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}

.s4 {
    margin: .9rem 0 .9rem 0;
    position: relative;
    z-index: 9;
}

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

.s4-l {
    width: 73.75%;
}

.s4-lc {
    display: flex;
    justify-content: space-between;
}

.s4-ll {
    width: 66%;
    border-radius: 0.6rem 0rem 0rem 0rem;
    overflow: hidden;
}

.s4-ll ul li a {
    display: block;
}

.s4-ll ul li a .pic {
    padding-top: 66%;
}

.s4-ll ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s1-zzc.png) repeat-x;
    background-position: center bottom;
    z-index: 8;
}

.s4-ll ul li a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .2rem;
    color: #fff;
    z-index: 9;
}

.s4-lr {
    width: 30%;
}

.s4-lr ul li a {
    display: block;
    overflow: hidden;
}


.s4-lr ul li:nth-child(1) a {
    border-radius: 0rem 0.3rem 0rem 0rem;
}

.s4-lr ul li:nth-child(2) a {
    border-radius: 0rem 0rem 0rem 0.3rem;
}

.s4-lr ul li:nth-child(2) {
    padding-top: 13%;
}

.s4-lr ul li a .pic {
    padding-top: 66%;
}


.s4-lr ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s1-zzc.png) repeat-x;
    background-position: center bottom;
    z-index: 8;
}

.s4-lr ul li a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .2rem;
    color: #fff;
    z-index: 9;
}

.s4-r {
    width: 22.43%;
}

.s4-rdate {
    position: relative;
    padding-top: .5rem;
    padding-bottom: .27rem;
}

.s4-rdate::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 167, 0, 0.2);
   background: linear-gradient(180deg, rgba(255, 167, 0, 0.2) 8%, rgba(225, 225, 255, 0.2) 162%, rgba(240, 88, 58, 0) 166%);
    z-index: 1;
}

.s4-rdate::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: .5rem .35rem 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 2;
}

.s4-rdate-list {
    position: absolute;
    top: 0;
    left: .15rem;
    right: .15rem;
    z-index: 9;
    display: none;
}

.s4-rdate-list a {
    display: block;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);
    padding: .2rem .15rem;
}

.s4-rdate-list a h3 {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.28rem;
    text-transform: uppercase;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .56rem;
    text-align: left;
}

.s4-rdate-list a ol {
    margin-top: .1rem;
}

.s4-rdate-list a ol li {
    display: flex;
    align-items: flex-start;
}

.s4-rdate-list a ol li div {
    height: 0.28rem;
    width: 0.28rem;
}

.s4-rdate-list a ol li div.iconsuser {
    background: url(/images/iconsuser.png) no-repeat;
    background-position: left center;
}

.s4-rdate-list a ol li div.iconstime {
    background: url(/images/iconstime.png) no-repeat;
    background-position: left center;
}

.s4-rdate-list a ol li div.iconsadd {
    background: url(/images/iconsadd.png) no-repeat;
    background-position: left center;
}

.s4-rdate-list a ol li div p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.28rem;
    color: #666666;
}

.s4-rdate-list a:hover h3 {
    color: #ED5713;
}






.s5s6 {
    position: relative;
    padding-top: .9rem;
    /* overflow: hidden; */
    z-index: 99;
}

.s5s6::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 25%;
    background: url(/images/group1bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    background-attachment: fixed;
}

.s5 {
    position: relative;
    z-index: 9;
}

.s5-c {
    display: flex;
    align-items: flex-end;
    position: relative;
}

.s5-c .tit {
    position: absolute;
    left: 0;
    right: 0;
    top: .6rem;
    z-index: 99999;
}

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

.s5-m {
    width: 6.06rem;
    padding: .67rem .25rem 0 .25rem;
    position: relative;
    z-index: 8;
}

.s5-m ul {
    position: relative;
}

.s5-m>ul::before {
    content: "";
    position: absolute;
    left: -.35rem;
    top: -.55rem;
    right: -.35rem;
    bottom: 0;
    background: url(/images/s5-mbordeer.png) no-repeat;
    background-position: center center;
    background-size: 100%;
}


.s5-m ul li a {
    display: block;
    position: relative;
}

.s5-m ul li a .pic {
    padding-top: 105%;
    border-radius: 50% 50% 0 0;
}

.s5-m ul li a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s5-mzzc.png) repeat-x;
    background-position: center bottom;
    z-index: 1;
}

.s5-m ul li a .info {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    padding: 0 .3rem .6rem .3rem;
}

.s5-m ul li a .info h3 {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s5-m ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s5-m ul li a .s5-play {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    width: 0.9rem;
    height: 0.9rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    z-index: 2;
}

.s5-m ul li a .s5-play::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: url(/images/s5-icon-play.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 0.72rem;
    height: 0.72rem;
    z-index: 2;
    border-radius: 50%;
}

.s5-m ul li a .s5-play::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    animation: _playscale infinite 1.3s linear;
}

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

    50% {
        opacity: .3;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.s5-m .slick-list {
    border-radius: 50% 50% 0 0;
    overflow: visible;
    z-index: 9;
}

.s5-r {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 9;
}

.s5-list li:nth-child(1) {
    margin-bottom: .3rem;
}

.s5-list li a {
    display: flex;
    align-items: center;
    background: #fff;
    padding: .2rem;
    position: relative;
}

.s5-list li a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    bottom: 0;
    height: .02rem;
    background: #2DA4DC;
    transition: all 0.5s;
}

.s5-list li a .pics {
    width: 1.15rem;
    margin-right: .15rem;
}

.s5-list li a .pics .pic {
    padding-top: 127%;
}

.s5-list li a .info {
    flex: 1;
    min-width: 0;
}

.s5-list li a .info h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s5-list li a .info h3 b {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #333333;
}

.s5-list li a .info h3 span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #F0583A;
}

.s5-list li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .6rem;
    margin-top: .15rem;
}

.s5-list li a .info div {
    height: .15rem;
    margin-right: .1rem;
    position: relative;
}

.s5-list li a .info div::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.14rem;
    background: url(/images/icon-ru3.png) no-repeat;
    background-position: right center;
    background-size: auto .14rem;
    transition: all 0.5s;
}

.s5-list li a:hover::before {
    width: 100%;
}

.s5-list li a:hover {
    background: #fff url(../images/s5-item-bg.png) no-repeat;
    background-position: right bottom;
    background-size: 70% auto;
}

.s5-list li a:hover .info div::before {
    opacity: 0;
}

.s5-m ul.slick-dots {
    position: absolute;
    padding-top: 100%;
    left: -.35rem;
    top: -.55rem;
    right: -.35rem;
    width: auto;
}

.s5-m ul.slick-dots li {
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 50%;
    bottom: 50%;
    opacity: 0;
    margin: 0;
    transform-origin: center bottom;
    z-index: -9;
}

.s5-m ul.slick-dots li.slick-active {
    transform: translateX(-50%) rotate(0) !important;
    opacity: 1;
    transition: transform 1.5s;
    z-index: 9;
}

.s5-m ul.slick-dots li.dotprev {
    transform: translateX(-50%) rotate(-45deg) !important;
    opacity: 1;
    transition: transform 1.5s;
    z-index: 9;
}

.s5-m ul.slick-dots li.dotprev div span {
    transform: rotate(45deg)
}

.s5-m ul.slick-dots li.dotnext {
    transform: translateX(-50%) rotate(45deg) !important;
    opacity: 1;
    transition: transform 1.5s;
    z-index: 9;
}

.s5-m ul.slick-dots li.dotnext div span {
    transform: rotate(-45deg)
}

/* .s5-m ul.slick-dots li:nth-child(2){
    transform: translateX(-50%) rotate(45deg);
    opacity: 1;
} */

.s5-m ul.slick-dots li div {
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    top: 0;
}

.s5-m ul.slick-dots li div span {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    border-radius: 50%;
    background: #FFA700;
    font-family: Arial;
    font-size: 0.12rem;
    font-weight: bold;
    color: #fff;
    transition: all 1.5s;
}

.s5-m ul.slick-dots li.slick-active div span {
    width: 0.4rem;
    height: 0.4rem;
    background: url(/images/s5-m-act.png) no-repeat;
    background-position: center center;
    background-size: 100%;
}



.s6 {
    position: relative;
    z-index: 9;
    margin-top: .8rem;
}

.s6-media ul {
    font-size: 0;
}

.s6-media ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: .25rem;
}

.s6-t {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

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

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

.s6-media ul li a .icons {
    overflow: hidden;
    border-radius: 50%;
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
}

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

.s6-media ul li a:hover .icons img:nth-child(1) {
    transform: translateY(-100%);
}


.s6-media ul li a:hover .icons img:nth-child(2) {
    transform: translateY(-100%);
}

.s6-media ul li a .foot-ewm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 130%;
    margin-bottom: 0.1rem;
    border-radius: 0.05rem;
    padding: 0.05rem;
    background: #fff;
    opacity: 0;
    transition: all 1s;
    visibility: hidden;
    z-index: 9;
}

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

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

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

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

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

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

.s6-media ul li a .icon img {
    vertical-align: middle;
    /* opacity: .6; */
    display: block;
    width: 100%;
}

.s6-media ul li:hover a .foot-ewm {
    opacity: 1;
    bottom: 100%;
    visibility: visible;
}


.s6-c {
    display: flex;
    flex-direction: row-reverse;
}

.s6-l {
    width: 30.75%;
}

.s6-l .pic {
    padding-top: 154.4%;
}

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

.s6-r ul {
    display: flex;
    flex-wrap: wrap;
}

.s6-r ul li {}

.s6-r ul li:nth-child(1) {
    width: 66.6%;
}

.s6-r ul li:nth-child(1) .pic {
    padding-top: 51.5%;
}

.s6-r ul li:nth-child(2) {
    width: 33.4%;
}

.s6-r ul li:nth-child(2) .pic {
    padding-top: 102.7%;
}

.s6-r ul li:nth-child(3) {
    width: 33.4%;
}

.s6-r ul li:nth-child(3) .pic {
    padding-top: 102.7%;
}

.s6-r ul li:nth-child(4) {
    width: 66.6%;
}

.s6-r ul li:nth-child(4) .pic {
    padding-top: 51.5%;
}



.s6-item {
    display: block;
    position: relative;
}

.s6-item .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/s6-zzc.png) repeat-x;
    background-position: center bottom;
    z-index: 8;
}

.s6-item .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .2rem;
    z-index: 9;
}

.s6-item .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s6-item .info h3 i {
    background-image: linear-gradient(#fff, #fff);
}

.s6-item p {
    display: flex;
    align-items: center;
    z-index: 9;
    margin-top: .03rem;
}

.s6-item p img {
    margin-right: .15rem;
}

.s6-item p span {
    display: block;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #FFFFFF;
}


.s7 {
    position: relative;
    z-index: 9;
    margin-top: .7rem;
}

.s7-c ul {
    margin: 0 -.18rem;
    padding-bottom: .9rem;
}

.s7-c ul li a {
    display: block;
    margin: 0 .18rem;
}

.s7-c ul li a .pic {
    padding-top: 50%;

}

.s7-c ul li:nth-child(2n+1) a .pic {
    border-radius: 0.2rem 0rem 0.2rem 0rem;
}

.s7-c ul li:nth-child(2n) a .pic {
    border-radius: 0rem 0.2rem 0rem 0.2rem;
}

.s7-c .slick-prev, .s7-c .slick-next {
    border: 0.01rem solid #E45B3F;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: auto;
    bottom: 0;
    transform: translateY(0);
    transition: all 0.5s;
}

.s7-c .slick-prev::before {
    display: block;
    width: auto;
    height: auto;
    border-width: .06rem .07rem .06rem 0;
    border-style: solid;
    border-color: transparent #E45B3F transparent transparent;
    transition: all 0.5s;
}

.s7-c .slick-next::before {
    display: block;
    width: auto;
    height: auto;
    border-width: .06rem 0 .06rem .07rem;
    border-style: solid;
    transition: all 0.5s;
    border-color: transparent transparent transparent #E45B3F;
}

.s7-c .slick-prev {
    left: auto;
    right: 50%;
    margin-right: .2rem;
}

.s7-c .slick-next {
    right: auto;
    left: 50%;
    margin-left: .2rem;
}

.s7-c .slick-prev:hover {
    background: #E45B3F;
}

.s7-c .slick-prev:hover::before {
    border-color: transparent #fff transparent transparent;
}

.s7-c .slick-next:hover {
    background: #E45B3F;
}

.s7-c .slick-next:hover::before {
    border-color: transparent transparent transparent #fff;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}


@keyframes ani_shan {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}


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

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

@media screen and (max-width: 1480px) {
    .tit>div {
        padding-left: .45rem;
    }

    .tit>div h2 {
        font-size: .32rem;
        line-height: .3rem;
    }

    .tit>div h2 img {
        max-width: .36rem;
        left: -.45rem;
    }

    .s1-l {
        width: 5.8rem;
        margin-right: 2%;
    }

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

    .s1-r ul li a .pics {
        width: 2.8rem;
        margin-right: .15rem;
    }

    .s2-c ul li a .icon-svg svg {
        max-width: .5rem;
    }

    .s4-r {
        width: 24%;
    }

    .s4-l {
        width: 75%;
    }

    .s4-ll {
        width: 67%;
    }

    .s4-lr {
        width: 31%;
    }

    .s5-m {
        width: 4.5rem;
    }

    .s5-list li:nth-child(1) {
        margin-bottom: .15rem;
    }

    .s5-list li a {
        padding: .15rem;
    }

    .s5-list li a .pics {
        width: 1rem;
    }

    .s3-jz, .s3-line img, .s3-list {
        transform: scale(.8);
    }

    .s3 .tit {
        /* position: static;
        margin-top: .5rem; */
    }

    .s3-jz {
        display: flex;
        justify-content: flex-end;
        max-width: 43%;
    }


}

@media screen and (max-width: 1024px) {
     .s1-addc li{width:29%}
    #downPage {
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 .3rem;
    }

    #downPage img {
        height: .2rem;
    }

    .banner-btm {
        bottom: 0.1rem;
    }

    .banner .slick-slide a::after {
        content: none;
    }

    html,
    body,
    .banner,
    .banner .slick,
    .banner .slick div,
    .banner .slick-slide a,
    .banner .slick-slide a img {
        height: auto !important;
    }

    .index {
        position: relative;
    }

    .banner-ty div img {
        max-width: 40%;
        margin: 0 auto;
    }

    .fixed-r {
        display: none;
    }

    .fixed-r2 {
        display: none;
    }

    #ssearch {
        margin-top: -.3rem;
        padding: 0;
        max-width: 80%;
    }

    .ssipt input {
        height: .6rem;
        line-height: .6rem;
        font-size: .18rem;
    }

    .ssearchbox {
        padding: 0;
    }

    .ssbtn input {
        background-size: .3rem;
    }

    .ssearch-link {
        padding: 0;
    }

    .ssearch-link a {
        margin-right: .25rem;
    }

    .s5-c .tit {
        position: relative;
        top: 0;
    }

    .tit {
        margin-bottom: .3rem;
        /* display: none; */
    }

    .tit>div {
        padding-left: .4rem;
    }

    .tit>div h2 {
        font-size: .26rem;
        line-height: .3rem;
    }

    .tit>div h2 img {
        max-width: .3rem;
        left: -.4rem;
    }

    .s1-c {
        display: block;
    }

    .s1-l {
        width: auto;
        margin-right: 0;
        margin-bottom: .2rem;
    }

    .s1-lb {
        padding: .15rem;
    }

    .s2-des p {
        font-size: .2rem;
    }

    .s2-c ul li {
        width: 50%;
        margin-top: .1rem;
    }

    .s2-c ul {
        margin: 0 -.05rem;
        width: auto;
    }

    .s2-c ul li a {
        padding: 0 .15rem;
        height: 1rem;
        margin: 0 .05rem;
    }

    .s2-c ul li a .info h3 {
        font-size: .18rem;
    }

    .s2-c ul li a .icon-svg svg {
        max-width: .4rem;
    }

    .s2-c {
        padding-bottom: .3rem;
        height: 6rem;
    }

    .s4-c {
        display: block;
    }

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

    .s4-r {
        width: auto;
        margin-right: .4rem;
    }

    .s5-c {
        display: block;
    }

    .s5-m {
        width: auto;
        margin-bottom: .5rem;
        margin-top: .2rem;
    }

    .s5-m ul li a .s5-play {
        width: 0.6rem;
        height: 0.6rem;
    }

    .s5-m ul li a .s5-play::before {
        width: 0.5rem;
        height: 0.5rem;
    }

    .s5-m>ul::before {
        top: -.35rem;
        background-position: center top;
    }

    .s5-m ul.slick-dots {
        top: -.35rem;
    }

    .s5s6::before {
        bottom: 0;
    }

    .s6-t {
        display: block;
    }

    .s6-media ul {
        text-align: center;
        margin-bottom: .2rem;
    }

    .s6-media ul li {
        margin: 0 .02rem;
    }

    .s6-media ul li a {
        width: 0.4rem;
        height: 0.4rem;
    }

    .s6-media ul li a img {
        height: 0.4rem;
    }

    .s6-media ul li a .icons {
        height: 0.4rem;
        height: 0.4rem;
    }

    .s6-item .pic::after {
        background-size: 2rem auto;
    }

    .s7-c ul li a {
        margin: 0 .05rem;
    }

    .s7-c ul {
        margin: 0 -.05rem;
        padding-bottom: .6rem;
    }

    .s3 .tit {
        position: static;
        padding: .35rem 0 0 0;
    }

    .s3-jz {
        position: static;
        justify-content: center;
        margin: 0 auto;
        max-width: 60%;
    }

    .s3-jz, .s3-line img, .s3-list {
        transform: scale(1);
    }

    .s3-list {
        position: static;
        margin-top: .3rem;
    }

    .s3-list ul {
        /* display: flex !important;
        flex-wrap: wrap;
        position: relative;
        padding-top: 3rem;
        justify-content: center; */
    }

    .s3-list ul li {
        position: relative;
        /* width: 33.33%; */
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: auto;
        height: auto;
        margin-bottom: .2rem;
        padding-left: .2rem;
        margin-left: .1rem;
    }

    .s3-list ul li a {
        position: relative;
        display: flex;
        align-items: center;
    }

    .s3-list ul li a .info {
        position: static;
        padding: .15rem .25rem .15rem .3rem;
    }

    .s3-list ul li a .info p {
        line-height: .3rem;
        max-height: .6rem;
    }

    .s3-line {
        display: none;
    }

    .s3-list ul li a .data {
        position: relative;
        transform: translateX(0) !important;
        top: 0 !important;
        right: auto !important;
        left: auto !important;
        width: 1rem;
        margin-right: .1rem;
    }

    .s3-list ul li::before, .s3-list ul li.on::before {
        width: 0.24rem;
        height: 0.24rem;
        left: 0;
        top: 50%;
        margin-left: -.12rem;
        margin-top: -.12rem;
    }

    .s3-list ul li::after, .s3-list ul li.on::after {
        width: 0.1rem;
        height: 0.1rem;
        left: 0;
        top: 50%;
    }


    .s3-list ul li a .info {
        flex: 1;
        min-width: 0;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        max-width: none;
        visibility: visible;
        opacity: 1;
        z-index: 9;
        transform: translateY(0) !important;
        margin-top: 0 !important;
    }

    .s3-list ul li a .info::before, .s3-list ul li a .info p {
        transform: translateY(0);
        -webkit-line-clamp: 2;
    }

    .s3-list ul li a .data h3 {
        justify-content: center;
        font-size: .24rem;
    }

    .s3-list ul li a .data b {
        font-size: .24rem;
    }

    .s3-list ul li a .data p {
        font-size: .16rem;
    }

    .s3-list ul li.on a .data p {
        height: auto;
    }

    .s3-list ul li:nth-child(2n) a {
        /* flex-direction: row-reverse; */
    }


    .s2, .s6, .s7 {
        margin-top: .35rem;
    }

    .s4 {
        margin: .35rem 0;
    }

    .s5s6 {
        padding-top: .35rem;
    }

    .s6-media ul li a .foot-ewm img {
        width: 0.9rem;
    }
}



@media screen and (max-width: 768px) {
     .s1-addc li{width:100%}
    .s6-c {
        display: block;
    }

    .s6-l {
        width: auto;
    }

    .s6-r ul li:nth-child(1) {
        width: 100%;
    }

    .s6-r ul li:nth-child(2) {
        width: 50%;
    }

    .s6-r ul li:nth-child(3) {
        width: 50%;
    }

    .s6-r ul li:nth-child(4) {
        width: 100%;
    }

    .s4-ll ul li a p, .s4-lr ul li a p {
        font-size: .18rem;
        padding: .15rem;
    }
}

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

    .s1-r ul li a .pics {
        width: auto;
        margin-right: 0;
    }

    .s1-r ul li a .info {
        padding: .15rem;
    }

    .s4-lc {
        display: block;
    }

    .s4-ll {
        width: auto;
    }

    .s4-lr {
        margin-top: .1rem;
        width: auto;
    }

    .s4-lr ul {
        display: flex;
        justify-content: space-between;
    }

    .s4-lr ul li {
        width: 49%;
    }

    .s4-lr ul li:nth-child(2) {
        padding-top: 0;
    }

}