@charset "utf-8";

.banner-box {
    background: #000;
    height: 100vh;
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8;
}

.Bannerslick,
.Bannerslick div,
.Bannerslick .slick-slide a {
    height: 100%;
}

.Bannerslick .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: 2s;
    transform: scale(1);
}

.Bannerslick .slick-slide.slick-current img {
    transform: scale(1.08);
}

.Bannerslick .slick-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Bannerslick {
    position: relative;
}

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

.Bannerslick .slick-slide a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/images/ban-tyy.png) repeat-x center top;
}

.Bannerslick .slick-list::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.81rem;
    opacity: 0.4;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9%, #000000 94%);
}


.Bannerslick .slick-dots {
    bottom: 0.47rem;
    font-size: 0;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.Bannerslick .slick-dots li {
    transition: all 0.3s;
    margin: 0 0.15rem;
    padding: 0;
    font-size: 0;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.28rem;
    border: 1px solid transparent;
    border-radius: 50%;
}

.Bannerslick .slick-dots li button {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font-size: 0;
    width: 0.165rem;
    height: 0.165rem;
    border-radius: 50%;
    background: #fff;
    opacity: 0.6;
}

.Bannerslick .slick-dots li.slick-active {
    border-color: #fff;
}

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

.Bannerslick .slick-dots li button::before {
    display: none;
}

.Bannerslick .slick-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    opacity: 0;
    transition: all 0.3s;
}

.Bannerslick .slick-arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 0.48rem;
    height: 0.48rem;
    border: 1px dashed #fff;
    border-radius: 50%;
    transition: all 0.3s;
}

.Bannerslick .slick-prev,
.Bannerslick .slick-next {
    width: 0.6rem;
    height: 0.6rem;
    z-index: 9;
    transition: all 0.4s;
    font-size: 0;
    opacity: 0;
}

.Bannerslick:hover .slick-arrow {
    opacity: 1;
}

.Bannerslick .slick-prev {
    left: 0.4rem;
}

.Bannerslick .slick-prev::after {
    background: url(/images/banner-l.png) no-repeat;
    background-position: center center;
}

.Bannerslick .slick-prev:hover::before {
    opacity: 1;
}

.Bannerslick .slick-prev:hover::after {
    background: #fff url(../images/banner-l-r.png) no-repeat;
    background-position: center center;
}

.Bannerslick .slick-next {
    right: 0.4rem;
}

.Bannerslick .slick-next::after {
    background: url(/images/banner-r.png) no-repeat;
    background-position: center center;
}

.Bannerslick .slick-next:hover::before {
    opacity: 1;
}

.Bannerslick .slick-next:hover::after {
    background: #fff url(../images/banner-r-r.png) no-repeat;
    background-position: center center;
}


/* 
#downPage {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    margin-top: 20px;
    z-index: 9;
    cursor: pointer;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    font-size: 0;
    text-align: center;
    line-height: 52px;
}

#downPage::before {
    content: "";
    position: absolute;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: 10%;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    animation: circle infinite 3s linear 1.5s;
    opacity: 0;
}

#downPage::after {
    content: "";
    position: absolute;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: 10%;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    animation: circle infinite 3s linear;
    opacity: 0;
} */

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

    50% {
        opacity: .6;
    }

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

#downPage img {
    display: inline-block;
    vertical-align: middle;
}

/* 主体 */

.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 0.34rem;
}

.title .titc-zi h3 {
    font-family: "sysong-medium";
    font-size: 0.42rem;
    font-weight: 900;
    display: flex;
    align-items: flex-end;
}

.title .titc-zi h3::after {
    content: '';
    display: block;
    width: 0.86rem;
    height: 0.16rem;
    background: url(/images/titzs1.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.16rem;
    margin-bottom: 0.13rem;
}

.title .titc-zi>span {
    display: block;
    font-family: "sysong-medium";
    font-size: 0.2rem;
    color: #0A64A2;
    display: flex;
    align-items: center;
}

.title .titc-zi>span::before {
    content: '';
    display: block;
    width: 0.46rem;
    height: 0.02rem;
    background: #0A64A2;
    margin-right: 0.09rem;
}


.more {}

.more a {
    display: block;
    width: 1.19rem;
    height: 0.38rem;
    line-height: 0.38rem;
    text-align: center;
    background: url(/images/more1.png) no-repeat;
    background-size: 100% 100%;
    font-family: "sysong-medium";
    font-size: 0.18rem;
    font-weight: 500;
    color: #0A64A2;
    transition: all 0.4s;
}

.more a:hover {
    color: #fff;
    background: url(/images/more2.png) no-repeat;
    background-size: 100% 100%;
}


.title.white .titcbox .titc-zi h3 {
    color: #fff;
}

.title.white .titcbox .titc-zi h3>span {
    color: #29acff;
    background-image: -webkit-linear-gradient(0deg, #227cec 0%, #29acff 100%);
}

.title.white .titcbox .titc-zi>span {
    color: #a3c7fe;
}

.title.white .titcbox .titc-r::before {
    background-image: url(/images/titc-ry2.png);
}

.title.white .titcbox .titc-r {
    background-image: url(/images/titc-rby2.png);
}

.title.white .more a .more-l {
    background-image: url(/images/more-by2.png);
}

.title.white .more a .more-r p {
    color: #e6edf6;
}

.title.white .more a .more-r span {
    color: #e6edf6;
    opacity: 0.5;
}



.index {
    overflow: hidden;
    margin-top: 100vh;
    position: relative;
    z-index: 9;
    background: #fff;
}

.section12-bg1 {
    background: linear-gradient(180deg, #FCFDFF -3%, #EFF7FF 84%);
}

.section12-bg2 {
    background: url(/images/section12-bg2.png) no-repeat center top;
    background-size: 100% auto;
}

.section1 {
    position: relative;
    padding: 0.75rem 0 0.98rem 0;
}


.section1 .wp {
    position: relative;
    z-index: 1;
}

.s1-l {
    width: 61.56%;
}

.s1-l .slick-list {
    max-height: 8.37rem;
}

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

.s1-l ul li a .bg_img {
    height: 6.69rem;
}
.bg_img:hover .a{
        -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1.01);
   
}

.s1-l ul li a .tx {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0.4rem;
    margin-right: 0.52rem;
}

.s1-l ul li a .tx .date {
    color: #0A64A2;
}

.s1-l ul li a .tx .date b {
    display: block;
    font-family: Athelas;
    font-size: 0.72rem;
    line-height: 1;
}

.s1-l ul li a .tx .date span {
    display: block;
    font-family: "PingFang-Regular";
    font-size: 0.18rem;
    line-height: 1;
    margin-top: 0.1rem;
}

.s1-l ul li a .tx .tx-r {
    flex: 1;
    min-width: 0;
    position: relative;
    padding-left: 0.63rem;
}

.s1-l ul li a .tx .tx-r::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.285rem;
    border-left: 1px solid #D5D5D5;
    height: 0.88rem;
}

.s1-l ul li a .tx .tx-r h3 {
    font-weight: 600;
    font-size: 0.24rem;
    color: #222222;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    transition: all 0.4s;
}

.s1-l ul li a .tx .tx-r p {
    font-size: 0.18rem;
    line-height: 0.28rem;
    height: 0.56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666666;
    opacity: 0.7;
    margin-top: 0.16rem;
}

.s1-l ul li:hover a .tx-r h3 {
    color: #0A64A2;
}

.s1-l .slick-prev,
.s1-l .slick-next {
    width: 0.52rem;
    height: 0.5rem;
    font-size: 0;
    z-index: 1;
    top: inherit;
    transform: none;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.s1-l .slick-prev {
    left: inherit;
    top: 6.69rem;
    background-image: url(/images/s1-lprev.png);
}

.s1-l .slick-next {
    left: inherit;
    top: 7.21rem;
    background-image: url(/images/s1-lnext.png);
}

.slick-prev::before,
.slick-next::before {
    display: none !important;
}


.s1-r {
    width: 36.25%;
    background: #fff;
    padding: 0 0.35rem;
}

.s1-r ul li {
    border-top: 1px solid #D8D8D8;
}

.s1-r ul li:first-child {
    border-top: none;
}

.s1-r ul li a {
    display: block;
    padding: 0.2rem 0;
}

.s1-r ul li a span {
    display: block;
    font-family: "athelas";
    font-size: 0.18rem;
    color: #9E9E9E;
    transition: all 0.4s;
}

.s1-r ul li a h3 {
    font-weight: 600;
    font-size: 0.2rem;
    line-height: 0.32rem;
    height: 0.64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.1rem;
    transition: all 0.4s;
}

.s1-r ul li:hover a span,
.s1-r ul li:hover a h3 {
    color: #0A64A2;
}



.section2 {
    position: relative;
    background: url(/images/s2-dbg.png) no-repeat left bottom;
    background-size: 3.56rem auto;
    padding-top: 0.75rem;
    padding-bottom: 0.97rem;
}

.section2::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4.83rem;
    height: 5.51rem;
    background: url(/images/s2-bg.png) no-repeat;
    background-size: 100% 100%;
}

.section2 .title {
    padding-bottom: 0.56rem;
}

.s2-t {
    overflow: hidden;
}

.s2-t ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.19rem;
}

.s2-t ul li {
    width: 25%;
}

.s2-t ul li a {
    display: block;
    margin: 0 0.19rem;
    background: #FFFFFF;
    border-radius: 0.3rem 0 0.3rem 0;
    padding: 0.1rem;
    transition: all 0.4s;
}

.s2-t ul li a>div {
    border: 1px solid rgba(158, 189, 211, 0.6);
    border-radius: 0.3rem 0 0.3rem 0;
    padding: 0.4rem 0.3rem;
    position: relative;
    transition: all 0.4s;
}

.s2-t ul li a>div::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.54rem;
    height: 0.5rem;
    background: url(/images/s2-tzsj1.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0.4s;
}

.s2-t ul li a>div::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.54rem;
    height: 0.5rem;
    background: url(/images/s2-tyxj1.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0.4s;
}

.s2-t ul li a>div h4 {
    font-weight: 600;
    font-size: 0.24rem;
    color: #0A64A2;
    transition: all 0.4s;
}

.s2-t ul li a>div h3 {
    font-weight: 600;
    font-size: 0.2rem;
    line-height: 0.32rem;
    height: 0.64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333333;
    margin-top: 0.35rem;
    margin-bottom: 0.22rem;
    transition: all 0.4s;
}

.s2-t ul li a>div .jt {
    position: absolute;
    right: 0.3rem;
    bottom: 0.18rem;
    width: 13px;
    height: 12px;
    background: url(/images/s2-tjt1.png) no-repeat;
    background-size: 100% auto;
    transition: all 0.4s;
}



.s2-t ul li:hover a {
    background: #0B64A2;
}

.s2-t ul li:hover a>div {
    border-color: rgba(255, 255, 255, .8);
}

.s2-t ul li:hover a>div::after {
    background-image: url(/images/s2-tzsj2.png);
}

.s2-t ul li:hover a>div::before {
    background-image: url(/images/s2-tyxj2.png);
}

.s2-t ul li:hover a>div h4,
.s2-t ul li:hover a>div h3,
.s2-t ul li:hover a>div span {
    color: #fff;
}

.s2-t ul li:hover a>div .jt {
    background-image: url(/images/s2-tjt2.png);
}

.s2-d {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.s2-dl {
    width: 62.93%;
}

.s2-dlt {
    position: relative;
}

.s2-dlt h3 a {
    display: flex;
    align-items: flex-end;
    position: absolute;
    left: 0.8rem;
    top: 0.1rem;
    font-family: "sysong-medium";
    font-size: 0.38rem;
    font-weight: 900;
    color: #0a64a2;
}

.s2-dlt h3 a::after {
    content: '';
    display: block;
    width: 0.86rem;
    height: 0.16rem;
    background: url(/images/titzs2_blue.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.16rem;
    margin-bottom: 0.13rem;
}

.s2-dlt ul li a {
    display: block;
    position: relative;
}

.s2-dlt ul li a .pic {
    padding-top: 48.06%;
}

.s2-dlt ul li a .pic::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.65rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.s2-dlt ul li a .bf {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.88rem;
    height: 0.88rem;
    background: url(/images/bf.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0.4s;
}

.s2-dlt ul li:hover a .bf {
    transform: translate(-50%, -50%) scale(0.9);
}

.s2-dlt ul li a p {
    position: absolute;
    left: 0.42rem;
    bottom: 0.3rem;
    right: 58%;
    font-family: "sysong-medium";
    font-size: 0.32rem;
    font-weight: 900;
    color: #FFFFFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.s2-dlt .slick-prev,
.s2-dlt .slick-next {
    width: 0.3rem;
    height: 0.26rem;
    bottom: 0.4rem;
    top: inherit;
    transform: none;
    z-index: 9;
    transition: all 0.4s;
}

.s2-dlt .slick-prev {
    left: inherit;
    right: 52%;
    background: url(/images/s2-dlt-prev.png) no-repeat;
    background-size: 100% auto;
}

.s2-dlt .slick-prev:hover {
    opacity: 0.8;
}

.s2-dlt .slick-next {
    right: 45%;
    background: url(/images/s2-dlt-next.png) no-repeat;
    background-size: 100% auto;
}

.s2-dlt .slick-next:hover {
    opacity: 0.8;
}


.s2-dld {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.s2-dld>img {
    display: block;
}

.s2-dld-y {
    width: 40.81%;
    margin-top: -1rem;
}

.s2-dld-y a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 67.15%;
    background: #007639;
}

.s2-dld-y a>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.s2-dld-y a>div>img {
    display: block;
    width: 0.73rem;
}

.s2-dld-y a:hover>div>img {
    animation: jello 1.3s linear;
}

.s2-dld-y a>div p {
    font-family: "sysong-medium";
    font-size: 0.32rem;
    font-weight: 900;
    color: #FFFFFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-top: 0.25rem;
}

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

.s2-dzi img {
    display: block;
    margin: 0.48rem auto 0 auto;
    width: 4.73rem;
    max-width: 85%;
}


.s2-dr {
    width: 37.07%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.s2-dr ul{z-index: 9;}
.s2-frt {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    padding: 0.9rem 0.5rem 0 0.44rem;
    color: #fff;
}
.s2-frt:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.65rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000000 130%);
    width: 200%;
    }

.s2-frt::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: calc((100vw - 16rem) /2 + 100%);
    background: url(/images/s2-frtbg1104.png) no-repeat;
    background-size: cover;
    z-index: -1;
}

.s2-frt h3 {
    font-family: "sysong-medium";
    font-size: 0.42rem;
    font-weight: 900;
    display: flex;
    align-items: flex-end;
}

.s2-frt h3::after {
    content: '';
    display: block;
    width: 0.86rem;
    height: 0.16rem;
    background: url(/images/titzs2.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.16rem;
    margin-bottom: 0.13rem;
}

.s2-frt p {
    font-family: "sysong-medium";
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.3rem;
    height: 0.6rem;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.6rem;
}

.s2-dr .slick-prev,
.s2-dr .slick-next {
    width: 0.25rem;
    height: 0.25rem;
    /* border: 1px solid #fff; */
    border-radius: 50%;
    top: -.5rem;
    transform: none;
    z-index: 9;
    transition: all 0.4s;
}

.s2-dr .slick-prev {
    left: inherit;
    right: 40%;
    background: url(/images/s2-dlt-prev.png) no-repeat;
    background-size: 100% auto;
}

.s2-dr .slick-prev:hover {
      opacity: 0.7;
}

.s2-dr .slick-next {
    right: 32%;
    background: url(/images/s2-dlt-next.png) no-repeat;
    background-size: 100% auto;
}

.s2-dr .slick-next:hover {opacity: 0.7;}



.s2-dr ul li .s2-drbox {}

.s2-dr ul li .s2-drbox .l {
    width: 35.29%;
    display: none;
}

.s2-dr ul li .s2-drbox .l .pic {
    padding-top: 131.42%;
}

.s2-dr ul li .s2-drbox .r {
    width: 100%;
}

.s2-dr ul li .s2-drbox .r .pic {
    padding-top: 46.68%;
}

.s2-dr ul li .s2-drbox a {
    display: block;
}


.section34 {
    background: url(/images/section34-bg.png) no-repeat center bottom;
    background-size: cover;
    padding-top: 0.8rem;
    padding-bottom: 1.14rem;
}

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

.section3::before {
    content: '';
    position: absolute;
    top: -0.55rem;
    left: 0;
    width: 3.17rem;
    height: 3.87rem;
    background: url(/images/s3-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

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

.s3-l {
    width: 89.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

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

.s3-l ul:first-child {
    width: 34.21%;
}

.s3-l ul:first-child li a .bg_img {
    height: 6.07rem;
}

.s3-l ul:nth-child(2) {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.s3-l ul:nth-child(2) li {
    width: calc(50% - 0.22rem);
    margin-left: 0.22rem;
}

.s3-l ul:nth-child(2) li a .bg_img {
    height: 2.92rem;
}

.s3-l ul li a .bg_img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(216, 216, 216, 0.0001) 69%, rgba(0, 0, 0, 0.69) 100%);
}

.s3-l ul li a .tx {
    position: absolute;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.15rem;
    z-index: 1;
    color: #fff;
    display: flex;
    align-items: center;
}

.s3-l ul li a .tx>img {
    display: block;
    width: 0.35rem;
    margin-right: 0.1rem;
}

.s3-l ul li a .tx p {
    font-family: "syh-r";
    font-size: 0.18rem;
    line-height: 0.3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.s3-r {
    width: 8.5%;
    height: 6.07rem;
    background: url(/images/s3-rbg.jpg) no-repeat;
    background-size: cover;
    border-radius: 1rem;
}

.foot-media1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.foot-media1>div {
    position: relative;
    cursor: pointer;
    margin: 0.2rem 0;
}

.foot-media1>div:hover div {
    display: block;
}

.foot-media1>div>span {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.62rem;
    border: 1px solid #FFFFFF;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: relative;
    font-size: 0;
    transition: all 0.4s;
}

.foot-media1>div>span>svg,
.foot-media1>div>span>a>svg {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    max-width: 0.35rem;
    max-height: 0.3rem;
}

.foot-media1>div>span>svg path,
.foot-media1>div>span>a>svg path {
    transition: all 0.4s;
}

.foot-media1>div:hover>span {
    background: none;
}

.foot-media1>div>span>svg path,
.foot-media1>div>span>a>svg path {
    fill: #0A64A2;
}

.foot-media1>div:hover>span>svg path,
.foot-media1>div:hover>span>a>svg path {
    fill: #fff;
}

.foot-media1>div:nth-child(1)>span>svg {
    transform: scale(1.2);
}

.foot-media1>div:nth-child(2)>span>svg {
    transform: scale(1.1);
}

.foot-media1>div:nth-child(5)>span>a>svg {
    transform: scale(1.8);
}

.foot-media1>div>div {
    position: absolute;
    top: 50%;
    right: 120%;
    transform: translateY(-50%);
    width: 1.83rem;
    padding: 0.05rem;
    background: #fff;
    border-radius: 0.2rem;
    z-index: 9;
    display: none;
}

.foot-media1>div>div img {
    display: block;
    width: 100%;
}

.foot-media1>div>img {
    display: block;
    margin: 0 auto;
}


.section4 {
    position: relative;
    overflow: hidden;
    margin-top: 0.75rem;
}

.section4 .wp {
    overflow: hidden;
}

.s4-c {}

.s4-c ul {
    margin: 0 -0.15rem;
}

.s4-c ul li a {
    display: block;
    margin: 0 0.15rem;
    transition: all 0.3s;
}

.s4-c ul li.slick-center a {
    clip-path: none;
}

.s4-c ul li a .pic {
    padding-top: 53.61%;
    border-radius: 0.2rem 0px 0.2rem 0px;
}

.s4-c .slick-arrow {
    width: 0.5rem;
    height: 0.5rem;
}

.s4-c .slick-prev {
    left: 0.11rem;
    background: url(/images/s8-l.png) no-repeat;
    background-size: 100%;
}

.s4-c .slick-next {
    right: 0.11rem;
    background: url(/images/s8-r.png) no-repeat;
    background-size: 100%;
}

.s4-c .slick-prev,
.s4-c .slick-next {
    width: 0.56rem;
    height: 0.56rem;
    border: 1px solid #0A64A2;
    border-radius: 50%;
    top: -1.1rem;
    transform: none;
    z-index: 9;
    transition: all 0.4s;
}

.s4-c .slick-prev {
    left: inherit;
    right: 1.06rem;
    background: url(/images/s4-prev.png) no-repeat center;
    background-size: 0.25rem auto;
}

.s4-c .slick-prev:hover {
    background: #0A64A2 url(../images/s4-prev2.png) no-repeat center;
    background-size: 0.25rem auto;
}

.s4-c .slick-next {
    right: 0.3rem;
    background: url(/images/s4-next.png) no-repeat center;
    background-size: 0.25rem auto;
}

.s4-c .slick-next:hover {
    background: #0A64A2 url(../images/s4-next2.png) no-repeat center;
    background-size: 0.25rem auto;
}

/* 侧边导航 */
#asideNav {
    position: fixed;
    right: -1.3rem;
    top: 35%;
    transform: translateY(-50%);
    z-index: 999;
    transition: all 0.4s;
    /* display: none; */
}

#asideNav.on {
    right: 0.24rem;
}

#asideNav ul {
    width: 0.88rem;
    text-align: center;
    border-radius: 0.05rem;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #CCDDE9;
    box-shadow: 0px 0px 0.15rem 0px #DCEDF9;
    overflow: hidden;
}

#asideNav ul li {
    line-height: 0.45rem;

    font-family: "PingFang-Regular";
    font-size: 0.14rem;
    color: #666666;
    position: relative;
    cursor: pointer;
    transition: all 0.4s;
}

#asideNav ul li:first-child {
    border-top: none;
}

#asideNav ul li.active {
    color: #fff;
    background: #0A64A2;
}

#asideNav ul li:hover {}

.kstd {
    position: fixed;
    right: -1.9rem;
    top: 65%;
    transform: translateY(-50%);
    z-index: 999;
    transition: all 0.8s;
    /* display: none; */

}

.kstd.on {
    right: 0.14rem;
}

.ks-z {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.ks-z::before {
    content: '';
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    width: 1.21rem;
    height: 0.76rem;
    background: url(/images/ksd.png) no-repeat center;
    background-size: 100% 100%;
    z-index: -1;
}

.ks-z1 {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #0A64A2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.kstd-c {
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.26rem;
    text-align: center;
    position: absolute;
    bottom: 1.1rem;
    right: 0;
    font-size: 0.2rem;
    color: rgba(158, 189, 211, 0.6);
    border: 1px solid rgba(158, 189, 211, 0.6);
    border-radius: 50%;
    z-index: 9;
    cursor: pointer;
    transition: all 0.4s;
}

.kstd-c:hover {
    transform: rotate(180deg);
}

.ks-z1 img {
    display: block;
    width: 0.7rem;
    animation: sx 1.4s linear infinite;
}

@keyframes sx {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }
}

.kstd-aa {
    position: relative;
    /* display: flex;
    align-items: center; */
}

.ks-l {}

.ks-l>div {
    position: absolute;
    /* margin: 0.1rem 0.1rem 0.1rem 0; */
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.ks-l>.ks1 {
    transition-delay: 0.6s;
    left: -0.6rem;
    top: -0.7rem;
}

.ks-l>.ks2 {
    transition-delay: 0.8s;
    left: -0.85rem;
    top: 50%;
    transform: translateY(-50%);
}

.ks-l>.ks3 {
    transition-delay: 1s;
    left: -0.6rem;
    top: 0.9rem;
}

.kstd-aa:hover .ks-l>div {
    opacity: 1;
    visibility: visible;
}

.ks-l>div a {
    display: block;
}

.ks-l>div .icon1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 50%;
    background: #0A64A2;
    border: 1px solid #fff;
    margin: 0 auto;
}

.ks-l>div .icon1 img {
    max-width: 0.26rem;
    max-height: 0.26rem;
}

.ks-l>div a:hover .icon1 img {
    animation: icon-yh 0.8s linear;
}

.ks-l>div p {
    text-align: center;
    font-family: "PingFang-Regular";
    font-size: 0.14rem;
    color: #0A64A2;
    margin-top: 0.05rem;
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

/* 12.4新增通知公告 */
.notice {
    background: url(/images/notice-bg.png) no-repeat center;
    background-size: cover;
    padding-top: 0.88rem;
    padding-bottom: 0.96rem;
}

.notice .title .titc-zi {
    position: relative;
}

.notice .title .titc-zi::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1.1rem;
    width: 0.74rem;
    height: 0.57rem;
    background: url(/images/notice-t.png) no-repeat;
    background-size: 100% 100%;
}

.notice .title .titc-zi h3 {
    color: #fff;
}

.notice .title .titc-zi h3::after {
    background-image: url(/images/titzs2.png);
}

.notice .title .titc-zi>span {
    color: #fff;
}

.notice .title .titc-zi>span::before {
    background: #fff;
}

.notice .more a {
    background-image: url(/images/more3.png);
    color: #fff;
}

.notice-c {
    overflow: hidden;
}

.notice-c ul {
    margin: 0 -0.24rem;
}

.notice-c .slick-list {
    max-height: 2.39rem;
}

.notice-c ul li a {
    display: flex;
    background-color: #fff;
    margin: 0 0.24rem;
    padding: 0.47rem 0.28rem 0.53rem 0.28rem;
    position: relative;
    z-index: 1;
    transition:all 0.3s;
}
.notice-c ul li:hover a{
    background: rgba(1,100,162,0.9);
    transition:all 0.3s;
}
.notice-c ul li:hover .date{background:#fff; transition:all 0.3s;}
.notice-c ul li:hover  .date b{ color:#0b64a2; transition:all 0.3s;}
.notice-c ul li:hover  .date span{color:#0b64a2; transition:all 0.3s;}
.notice-c ul li:hover a:before{background:url(/images/notice-zs.png) no-repeat;filter: contrast(0.1);}
.notice-c ul li a::before {
    content: '';
    position: absolute;
    bottom: 0.1rem;
    right: 0.1rem;
    width: 0.37rem;
    height: 0.39rem;
    background: url(/images/notice-zs.png) no-repeat;
    background-size: 100% 100%;
    opacity: 0.4;
    z-index: -1;
    transition: all 0.5s;
}

.notice-c ul li a .date {
    width: 0.75rem;
    height: 0.65rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0px 0.25rem 0px 0.25rem;
    background: #0B64A2;
    margin-right: 0.2rem;
    color: #fff;
    padding-top: 0.05rem;
    transition:all 0.3s;
}

.notice-c ul li a .date b {
    display: block;
    font-family: Athelas;
    font-size: 0.36rem;
    line-height: 1;
    transition:all 0.3s;
}

.notice-c ul li a .date span {
    display: block;
    font-family: "PingFang-Regular";
    font-size: 0.16rem;
    line-height: 1;
}

.notice-c ul li a .tx {
    flex: 1;
    min-width: 0;
}

.notice-c ul li a .tx h3 {
    font-weight: 600;
    font-size: 0.2rem;
    line-height: 0.32rem;
    height: 0.64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.notice-c ul li a .tx hr {
    display: block;
    border: none;
    width: 1rem;
    border-top: 1px solid #0A64A2;
    margin: 0.06rem 0 0.2rem 0;
}

.notice-c ul li a .tx p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.24rem;
    height: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notice-c ul li:hover a::before {
    opacity: 1;
}

.notice-c ul li:hover a .tx h3 {
    color: #fff;
}
.notice-c ul li:hover a .tx p {
    color: #fff; 
    opacity:0.8
}
@media screen and (min-width:2000px) {}

@media screen and (max-width:1600px) {
    .s2-frt::before {
        width: calc(100% + 0.2rem);
    }

    .s2-dr .slick-prev {
        right: 0.74rem;
    }

    .s2-dr .slick-next {
        right: 0.2rem;
    }
}

@media screen and (max-width:1300px) {
    .s2-frt {
        padding: 0.35rem 0.5rem 0 0.44rem;
    }

    .s2-dr .slick-prev,
    .s2-dr .slick-next {
        /* top: -114%; */
    }
}

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

@media screen and (max-width:1024px) {
    #asideNav {
        display: none !important;
    }

    .kstd {
        display: none !important;
    }

    .Bannerslick .slick-slide a::after {
        display: none;
    }

    .banner-box {
        position: static;
        height: auto;
    }

    .index {
        margin-top: 0;
    }

    .s2-frt {
        padding: 0.35rem 0.2rem 0 0.2rem;
    }

    .s2-frt p {
        margin-top: 0.3rem;
    }

    .s2-dr .slick-prev,
    .s2-dr .slick-next {
        /* top: -102%; */
    }

    .s2-dzi img {
        margin: 0.3rem auto 0 auto;
    }

    .s4-c ul {
        margin: 0 -0.15rem;
    }

    .s4-c ul li a {
        margin: 0 0.15rem;
    }

}

@media screen and (max-width:768px) {
    .Bannerslick .slick-dots {
        bottom: 0.3rem;
    }

    .Bannerslick .slick-dots li {
        width: 0.26rem;
        height: 0.26rem;
        line-height: 0.24rem;
        margin: 0 0.1rem;
    }

    .Bannerslick .slick-dots li button {
        width: 0.12rem;
        height: 0.12rem;
    }

    .title {
        padding-bottom: 0.3rem;
    }

    .title .titc-zi>span {
        font-size: 12px;
    }

    .title .titc-zi>span::before {
        width: 0.3rem;
    }

    .title .titc-zi h3 {
        font-size: 0.3rem;
    }

    .title .titc-zi h3::after {
        margin-bottom: 0.1rem;
        margin-left: 0.05rem;
        width: 0.76rem;
        height: 0.14rem;
    }

    .more a {
        font-size: 0.16rem;
        width: 1rem;
        height: 0.32rem;
        line-height: 0.32rem;
    }

    .section1 {
        padding: 0.4rem 0;
    }

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

    .s1-l {
        width: 100%;
    }

    .s1-l ul li a .tx {
        padding: 0.3rem;
    }

    .s1-l ul li a .tx .tx-r h3 {
        font-size: 0.2rem;
    }

    .s1-l ul li a .tx .tx-r p {
        font-size: 0.16rem;
    }

    .s1-l ul li a .tx .date b {
        font-size: 0.52rem;
    }

    .s1-l ul li a .tx .date span {
        font-size: 0.16rem;
    }

    .s1-l .slick-prev {
        top: inherit;
        bottom: 1.12rem;
    }

    .s1-l .slick-next {
        top: inherit;
        bottom: 0.6rem;
    }

    .s1-r {
        width: 100%;
        margin-top: 0.3rem;
        padding: 0 0.3rem;
    }

    .s1-l ul li a .bg_img {
        height: auto;
        padding-top: 67.91%;
    }

    .s1-r ul li a h3 {
        height: auto;
        max-height: 0.64rem;
    }

    .notice {
        padding: 0.35rem 0;
    }

    .notice-c ul {
        margin: 0 -0.15rem;
    }

    .notice-c ul li a {
        margin: 0 0.15rem;
        padding: 0.2rem 0.3rem 0.2rem 0.2rem;
    }

    .notice-c ul li a .date {
        width: 0.9rem;
        height: 0.9rem;
        margin-right: 0.2rem;
    }

    .notice-c ul li a .date b {
        font-size: 0.46rem;
    }

    .notice-c ul li a .date span {
        font-size: 12px;
    }

    .notice-c ul li a .tx p {
        font-size: 12px;
    }

    .section2 {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }

    .section2 .title {
        padding-bottom: 0;
    }

    .s2-t ul {
        margin: 0 -0.15rem;
    }

    .s2-t ul li {
        width: 50%;
        margin-top: 0.3rem;
    }

    .s2-t ul li a {
        margin: 0 0.15rem;
    }

    .s2-t ul li a>div {
        padding: 0.3rem;
    }

    .s2-t ul li a>div h3 {
        margin-top: 0.2rem;
    }

    .s2-d {
        margin-top: 0.3rem;
    }

    .s2-dl {
        width: 100%;
    }

    .s2-dlt ul li a .bf {
        width: 0.44rem;
        height: 0.44rem;
    }

    .s2-dlt ul li a p {
        font-size: 0.2rem;
        left: 0.3rem;
        bottom: 0.2rem;
        right: 20%;
    }

    .s2-dlt .slick-prev,
    .s2-dlt .slick-next {
        width: 0.25rem;
        height: 0.22rem;
        bottom: 0.22rem;
    }

    .s2-dlt .slick-next {
        right: 0.3rem;
    }

    .s2-dlt .slick-prev {
        right: 0.75rem;
    }

    .s2-dld {
        align-items: stretch;
    }

    .s2-dld-y {
        margin-top: 0;
    }

    .s2-dld-y a>div>img {
        width: 0.53rem;
    }

    .s2-dld-y a>div p {
        font-size: 0.2rem;
        margin-top: 0.2rem;
    }

    .s2-dzi {
        display: flex;
        align-items: center;
    }

    .s2-dzi img {
        margin: 0 auto;
    }

    .s2-dr {
        width: 100%;
    }

    .s2-frt {
        padding: 0.3rem;
    }

    .s2-frt h3 {
        font-size: 0.3rem;
    }

    .s2-frt::before {
        width: 100%;
    }

    .s2-frt h3::after {
        margin-bottom: 0.1rem;
        margin-left: 0.05rem;
        width: 0.76rem;
        height: 0.14rem;
    }

    .s2-frt p {
        height: auto;
        max-height: 0.6rem;
    }

    .s2-dr .slick-prev,
    .s2-dr .slick-next {
        top: -0.6rem;
    }

    .s2-dlt h3 a {
        font-size: 0.3rem;
    }

    .s2-dlt h3 a::after {
        margin-bottom: 0.1rem;
        margin-left: 0.05rem;
        width: 0.76rem;
        height: 0.14rem;
    }

    .section34 {
        padding-top: 0.3rem;
        padding-bottom: 0.4rem;
    }

    .s3-l {
        width: 100%;
    }

    .s3-l ul {
        width: 100% !important;
    }

    .s3-l ul:first-child li a .bg_img {
        height: auto;
        padding-top: 123.87%;
    }

    .s3-l ul:nth-child(2) {
        flex: none;
    }

    .s3-l ul:nth-child(2) li {
        width: 48.5%;
        margin-left: 0;
        margin-top: 0.25rem;
    }

    .s3-r {
        width: 100%;
        height: auto;
        margin-top: 0.3rem;
    }

    .foot-media1 {
        flex-direction: row;
        justify-content: space-evenly;
    }

    .foot-media1>div>div {
        right: inherit;
        left: 50%;
        transform: translate(-50%, 0);
        top: inherit;
        bottom: 120%;
        width: 1.4rem;
    }

    .section4 {
        margin-top: 0.4rem;

    }

    .s4-c ul {
        margin: 0 -0.2rem;
    }

    .s4-c .slick-prev,
    .s4-c .slick-next {
        width: 0.46rem;
        height: 0.46rem;
        background-size: 0.2rem auto;
        top: -0.85rem;
    }

    .s4-c ul li a {
        margin: 0 0.2rem;
    }
}

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

@media screen and (max-width:480px) {
    .s2-t ul li {
        width: 100%;
        margin-top: 0.2rem;
    }

    .s2-t ul li a>div h3 {
        height: auto;
        max-height: 0.64rem;
    }
}