@charset "utf-8";

body {
    overflow-x: hidden;
}



@font-face {
    font-family: "sysong";
    src: url(./font/sySong.OTF);
}

@font-face {
    font-family: "CenturyGothic";
    src: url(./font/GOTHIC.TTF);
}

#downPage {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    background: url(../images/down-page1.png) no-repeat;
    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: url(../images/down-page1.png) no-repeat;
    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;
    padding-top: 37.5%;
}
.banner .slick-slide a video{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.banner .slick-slide a span{

  
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all .8s;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;}
.banner .slick-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    height: 2.5rem;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.banner .slick-slide a>img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.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;
    display: none;
}

.banner .slick-slide a .banner-text span {
    display: block;
    max-width: 70%;
    max-height: 1.83rem;
    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  {
    
}


@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: center;
    bottom: 0.3rem;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 .15rem;
}

.banner .slick-dots li {
 text-align: center;
    border-radius: 50%;
    margin: 0 0.03rem;
    transition: all 0.3s;
    vertical-align: middle;
    width: 0.24rem;
    height: 0.24rem;padding: .06rem;
    border: 1px dashed transparent;
    justify-content: center;
    align-items: center;transition: all .6s;
}

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

    100% {
        transform: rotateZ(360deg);
    }
}
.banner .slick-dots li button{    width: 100%;
    height: 100%;
    padding: 0;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;}

.banner .slick-dots li.slick-active {
    border: 1px dashed #fff; 
}

.banner .slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 1);
}

/* index */

.s1 {
position: relative;
padding: .7rem 0;
background: url(../images/s1-bg.jpg) no-repeat center top;
background-size: cover;
z-index: 9;
}
.tw-list{margin-top: .35rem;}
.tw-list ul{display: flex;flex-wrap: wrap;margin: 0 -.16rem;}
.tw-list ul li{width: 25%;margin-top: .08rem;transition: all .6s;}
.tw-list ul li a{display: block;margin: 0 .16rem;transition: all .6s;}
.tw-list ul li a .pic{padding-top: 67%;}
.tw-list ul li a .txt{height: .9rem;padding: 0 .2rem;display: flex;flex-direction: column;justify-content: center;}
.tw-list ul li a .txt p{font-size: .18rem;color: #333333;}
.tw-list ul li a .txt span{padding-left: .25rem;background: url(../images/s1-time.png) no-repeat left center;background-size: .16rem auto;font-size: .14rem; color: #686868;line-height: .3rem;}
@media screen and (min-width: 1025px) {
    .tw-list ul li:hover a .txt {background: #fff;}
    .tw-list ul li:hover a{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
}












.s2 {
    z-index: 9;
    position: relative;
    padding: .4rem 0;
    padding-top: .8rem;
    background: url(../images/s2-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.s2-c {
    display: flex;
}

.s2-l {width: 3.15rem;margin-right: .9rem;}
.s2-l ul li {margin-bottom: .2rem;}

.s2-l ul li a {
    display: flex;
    height: .8rem;padding-left: .27rem;
    align-items: center;
    transition: all 0.5s;
    position: relative;
}
.s2-l ul li a .icon svg path{fill: #0068B7;}

.s2-l ul li a .txt{padding-left: .25rem;}
.s2-l ul li a .txt p{font-size: .34rem;color: #333333;font-weight: bold;padding-right:.2rem;}

.s2-r {
   width: calc(100% - 4.05rem);
   position: relative;
   /* padding-left: .9rem; */
}
.s2-r>div{position: absolute;left: 0;right: 0;top:0;bottom: 0;opacity: 0;z-index: -1;transition: all .6s;}
.s2-more a{display:block;text-align:right;margin-bottom:.15rem; font-size: 0.16rem;
    color: #A2A2A2;
}
.s2-more a:hover{color: #1958AC;}
.s2-r>div.on{position: relative;opacity: 1;z-index: 9;}
.list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list ul li{width: 50%; transition: all .6s;}
.list  li a {
    padding: .2rem .35rem;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    transition: all .6s;
}
.s2-l ul li.on a .txt p{background: url(../images/s2-qh-jt.png) no-repeat right center;color: #fff;}
.s2-l ul li.on a .icon svg path{fill: #fff;}
.s2-l ul li.on a{background: url(../images/s2-l-titbg.png) no-repeat center center;background-size: 100% 100%;}
.list li a .date{padding-left: .1rem;padding-right: .2rem;/* width: 1.12rem; */height: 100%;/* color: #fff; */text-align: center;border-right: 1px solid #B3B3B3;/* padding: .15rem 0; *//* background: url(../images/s3-l-date.png) no-repeat center center; */background-size: 100% 100%;}
.list li a .date p{font-size: .26rem;color: #fff;color: #1958AC;font-weight: bold;/* font-family: "sisong"; */}
.list li a .date span{font-size: .14rem;color: #fff;color: #707070;/* font-family: "sisong"; */}
.list li a  .text{padding-left: .25rem;/* padding: 0 .3rem; */flex: 1;min-width: 0;}
.list li a  .text p{font-size: 0.2rem;/* font-weight: bold; */color: #474849;color: #1B1B1B;line-height: .3rem;max-height: .6rem;/* font-family: "sisong"; */}
.s2-r .slick-dots{display: block;position: absolute;bottom: -.55rem;/* position: relative; */}
.s2-r .slick-dots li{width: .38rem;height: .38rem;margin: 0 .3rem; background: url(../images/s2-sqh.png) no-repeat center center;background-size: .24rem auto;}
.s2-r .slick-dots li.slick-active{width: .38rem;height: .38rem;background: url(../images/s2-sqh-other.png) no-repeat center center;background-size: .38rem auto;}
@media screen and (min-width: 1025px){
   
    .list  li:hover a{background: url(../images/list-bg.png) no-repeat center center;background-size: 100% 100%;}
    .list  li:hover a .date p, .list  li:hover a .date span{color: #fff;}
    .list  li:hover a .date{ border-right: 1px solid #fff;}
   
    .list  li:hover a .text p{color: #fff;}
}

.s3 {
 padding: .4rem 0;
    background: url(../images/s3-bg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: relative;
}
.s3::after {
    content: "";
    position: absolute;
    right: 0.6rem;
    bottom: 0;
    background: url(../images/s3-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 5.87rem;
    height: 6.62rem;
    pointer-events: none;
}

.s3-c {
  position: relative;z-index: 9;
}

.s3-c .itit .title::after{ width: 2rem;height: 1.02rem;   background: url(../images/tit-bg1.png) no-repeat center bottom;
    background-size: 100% auto;}


.s3 ul {
    display: flex;
    margin: 0  -.18rem;
    margin-top: .2rem;
    position: relative;
    flex-wrap: wrap;
}


.s3 ul li{width: 33.333%;padding: 0 .18rem;margin-top:.28rem;}
.s3 ul li a {
    display: flex;
    align-items: center;
    padding: .14rem .34rem;
   
    border: 1px solid #DEE8FF;
}



.s3 ul li a .date {
    width: 1.24rem;
    height: 1.07rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: .3rem;
    background: url(../images/s3-datebg.png) no-repeat center center;
    background-size: 100% 100%;
    transition: all 0.5s;
}

.s3 ul li a .date b {
    transition: all 0.5s;
    font-size: .3rem;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-image: -webkit-linear-gradient(106deg, #12368F 0%, #64B0DC 100%);
    -webkit-background-clip: text;
    color:#12368F ;
    -webkit-text-fill-color: transparent;
    font-family: 'sihei';
    /* font-weight: bold; */
}

.s3 ul li a .date span {

font-family: Bebas;

font-size: .18rem;

font-weight: normal;

text-align: center;

color: #11509D;

color: rgba(18, 54, 143, 0.5);

margin-top: .06rem;

opacity: .6;

font-family: 'sihei';
}

.s3 ul li a .info {
    flex: 1;
    min-width: 0;
    
    position: relative;
}

.s3 ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.26rem;
    color: #3B3B3B;
    /* color: #333333; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .52rem;
}


@media screen and (min-width: 1025px){
.s3 ul li a:hover {background: #0068B7;
    border: 1px solid #0068B7;
    box-shadow: 0px 4px 10px 0px rgba(14, 46, 136, 0.3);}

    .s3 ul li a:hover .date{background: url(../images/s3-date-other.png) no-repeat center center;background-size: 100% 100%;}
.s3 ul li a:hover .date b {
    background-image: -webkit-linear-gradient(106deg, #fff 0%, #fff  100%);
    -webkit-background-clip: text;
    color:#fff ;
    -webkit-text-fill-color: transparent;
}

.s3 ul li a:hover .date span {
    color: #fff;
}

.s3 ul li a:hover .info h3 {
    color: #fff;
    font-weight: 600;
}

}

.s4 {
    position: relative;
    padding-top: .7rem;
   padding-bottom: .6rem;  background: url(../images/s4-bg.png) no-repeat;
   background-position: center top;
   background-size: cover;
    z-index: 3;overflow: hidden;
}
.s4::after{content: "";position: absolute;bottom: .6rem;right: 0;background: url(../images/s4d-bg.png) no-repeat center center;
width: 7.58rem;height: 4.74rem;background-size: 100% 100%;

}
.s4 .wp{position: relative;z-index: 9;}
.s4-c {
 margin-top: .35rem;
}
.s4-top{margin-top: .4rem;}
.s4-down{margin-top: .75rem;}
.s4-down ul{margin-top: .3rem;display: flex;flex-wrap: wrap;}
.s4-down ul li{position: relative; width: 50%;border-left: 1px dashed rgba(0, 0, 0, 0.16);}
.s4-down ul li::after{content: "";position: absolute;left: 0;
right: 0;top:-1px;border-top: 1px dashed rgba(0, 0, 0, 0.16);}
.s4-down ul li:nth-child(2n-1){
    border-left: none;
}
.s4-down .slick-dots{border: none;display: block;position: relative;margin-top: .4rem;}
.s4-down .slick-dots li{border: none;width: .6rem;height: .03rem;background: rgba(0, 0, 0, 0.16);margin: 0 .15rem;}
.s4-down .slick-dots li::after{border: none;}
.s4-down .slick-dots li.slick-active{background: #0068B7;}
.s4-down ul li a{height: 1.3rem;display: flex;padding: .4rem .5rem;align-items: center;flex-wrap: wrap;}
.s4-down ul li a .icon{padding: 0 .23rem;}.s4-down ul li a .icon img{
    max-height: .42rem;
}
.s4-down ul li a .txt{flex: 1;border-left: 1px solid #333333;padding-left: .25rem;min-width: 0;}
.s4-down ul li a .txt p{font-size: 0.2rem;
    font-weight: 500;
    line-height: 0.3rem;

    color: #333333;max-height: .6rem;}
    .s4-down ul li:hover a .txt p{font-weight: bold;}
.s5 { position: relative;
    padding-top: .4rem;
    padding-bottom: .75rem;
   
    z-index: 2;
}





.s5 button {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
  cursor: pointer;
    position: relative;
  
}

 .s5 .slick-prev {
    content: "";
    position: absolute;
    left: -.65rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background:#CBCBCB url(../images/s5-prev.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
    transition: all .6s;
    z-index: 2;
}
.s5 .slick-prev:hover{   background:#0068B7 url(../images/s5-prev.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;}
 .s5 .slick-next{
    content: "";
    position: absolute;
    right: -.65rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background:#CBCBCB url(../images/s5-next.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
    transition: all .6s;
    z-index: 2;
}
.s5 .slick-next:hover{background:#0068B7 url(../images/s5-next.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;}
.s5-r ul  {margin-top: .35rem;}


.s5-r ul li a {
    display: block;
    position: relative;
    margin: 0 .15rem;
    padding-right: .07rem;
    border-radius: .15rem 0 .15rem 0;
    overflow: hidden;
}



.s5-r ul li a .pic {
    z-index: 2;
    padding-top: 44.5%;
    border-radius: .15rem 0 .15rem 0;
}

.s5-r ul li a .pic div {
    z-index: 2;
}

.s6 {padding-top: .3rem;padding-bottom: .9rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
}
.s6::after{content: "";position: absolute;left: 0;bottom: 0; width: 6.36rem;height: 5.58rem;background: url(../images/s6-bg.png) no-repeat center center;
background-size: 100% 100%;}
.s6 .wp{position: relative;z-index: 9;}
.s6-c{margin-top: .45rem;}
.s6-c ul{margin: 0 -.15rem;}
.s6-c ul li{transition: all .6s;}
.s6-c ul li a{ display:flex;justify-content: center;flex-direction: column;margin: 0 .15rem;
    align-items: center; border: 1px solid #1B6ED9;border-radius: 0.2rem;height: 1.45rem;border-radius: .2rem;}
    .s6-c ul li:hover a .icon svg{    animation: jello 1s linear;}
    .s6-c ul li a .icon svg path{fill: #0068B7;}
.s6-c ul li a .icon .imghv{     display: none;}
.s6-c ul li:hover a .icon .imghv{     display: block;}
.s6-c ul li:hover a .icon .imgl{display: none;}

    .s6-c ul li a p{font-size: .18rem;color: #333;margin-top: .1rem;}
    .s6-c .slick-prev{left: -.2rem; width: .2rem;height: .35rem;background: url(../images/s6-l.png) no-repeat center center;background-size: .2rem auto;}
    .s6-c .slick-next{right: -.2rem; width: .2rem;height: .35rem;background: url(../images/s6-r.png) no-repeat center center;background-size: .2rem auto;}
    @media screen and (min-width: 1025px){
        .s6-c ul li:hover a{background:#1958AC;}
        .s6-c ul li:hover a p{color: #fff;}
        .s6-c ul li:hover a .icon svg path{fill: #fff;}
    }
.s7{padding: .75rem 0;background: url(../images/s7-bg.jpg) no-repeat center top;background-size: cover;}
.s7-c{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: .5rem;}
.s7-l{width:8rem ;}
.s7-l a{display: block;position: relative;}
.s7-l a .pic{padding-top: 70%;}
.s7-l a p{position: absolute;left: 0;right: .3rem;bottom: 0; line-height: .8rem;padding-left: .35rem;padding-right: 1.7rem;background: url(../images/s7-txtbg.png) no-repeat left center;background-size: 100% 100%;font-size: .2rem;color: #fff;z-index: 9;}
.s7-l .slick-dots {width: auto;
    font-size: 0;
    text-align: center;
    bottom: 0.3rem;
   
    right: 0.9rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 .15rem;
}

.s7-l .slick-dots li {
 text-align: center;
    border-radius: 50%;
    margin: 0 0.03rem;
    transition: all 0.3s;
    vertical-align: middle;
    width: 0.24rem;
    height: 0.24rem;padding: .06rem;
    border: 1px dashed transparent;
    justify-content: center;
    align-items: center;transition: all .6s;
}


.s7-l .slick-dots li button{    width: 100%;
    height: 100%;
    padding: 0;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;}

    .s7-l .slick-dots li.slick-active {
    border: 1px dashed #fff; 
}
.s7-l .slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 1);
}

.s7-r{flex: 1;min-width: 0;padding-left: .6rem;margin-top: -.18rem;}
.s7-r ul li a{position: relative;display: flex;padding: .18rem .4rem;flex-wrap: wrap;align-items: center;}
.s7-r ul li a::after{content: "";position: absolute;left: .4rem;right: .4rem;bottom: 0;/* height: 1px; */border-bottom: 1px dashed #D8D8D8;}
.s7-r ul li a .date{position: relative; width: .8rem;text-align: center;}
.s7-r ul li a .date p{width: .74rem;height: .74rem;border-radius: 50%;line-height: .78rem;background: #1958AC;font-size: .36rem;color: #fff;font-family:" Georgia";z-index: 9;position: relative;font-family: "geo";}
.s7-r ul li a .date p::before{content: "";position: absolute;width: .08rem;height: .08rem;border-radius: 50%;background: #E4993E;top: -.02rem;right: .1rem;top；0；;z-index: 9;}
.s7-r ul li a .date p::after{content: "";position: absolute;left: -.04rem;right: -.04rem;top: -.04rem;bottom: -.04rem;border-radius: 50%;border: 1px dashed #1958AC;}
.s7-r ul li a .date span{font-size: .18rem;color: #666;margin-top: .1rem;display: block;font-family: "geo";}
.s7-r ul li a .txt{flex: 1;min-width: 0;padding-left: .45rem;text-align:left;}
.s7-r ul li a .txt h2{font-size: .18rem;color: #333;line-height: .36rem;font-weight: normal;margin-bottom: .1rem;}

.s7-r ul li a .txt p{font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.3rem;
 color: #666666;} 
   
    .s7-r ul li a .txt p span {padding-right: .1rem;}
    .s7-r ul li a .txt p span svg{display: inline-block;vertical-align: middle;}
    .s7-r ul li.wz-list .txt p{height: .6rem;line-height: .3rem;}
    .s7-r ul li.on a h2{font-size: .18rem;color:#01429E}
    @media screen and (min-width: 1024px){.s7-r ul li:hover a{background: #1958AC;}
    .s7-r ul li:hover a:after{display: none;}
    .s7-r ul li:hover a .date p{background: #fff;color:#01429E;}
    .s7-r ul li:hover a .date p::after{border: 1px dashed #fff;}
    .s7-r ul li:hover a .date span{color: #fff;}
    .s7-r ul li:hover a .txt h2{color: #fff;font-weight: bold;}
    .s7-r ul li:hover a .txt p span svg path{fill: #fff;}
    .s7-r ul li:hover a .txt p{color: #fff;}
}
.s8{background: url(../images/s8-bg.png) no-repeat center bottom;background-size: 100% auto;}
.s8 .s8-top{padding: .75rem 0;}
.s8-tit{position: relative;margin: .4rem 0;text-align: center;}
.s8-tit span{padding: 0 .48rem;font-size: .21rem;color: #000;line-height: .43rem;display: inline-block;cursor: pointer;}
.s8-tit span.on{background: #0068B7;color: #fff;}
.s8-tit .s8-more{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.s8-tit .s8-more a{display:none;}
.s8-tit .s8-more a.on{display:block;}
.s8 .s8-down{padding-top: .25rem;padding-bottom: .75rem;}
.sz-rw{position: relative;}
.sz-rw .rw-listqh{position: absolute;left: 0;right: 0;top:0;bottom: 0;opacity: 0;z-index: -1;transition: all .6s;}
.sz-rw .rw-listqh.on{position: relative; opacity: 1;z-index: 9;}
.sz-rw .rw-listqh  ul{display: flex;}
.sz-rw .rw-listqh  ul li{transition: all .6s;width: 15%;margin-left: 2%;/* height: 2.94rem; *//* overflow: hidden; *//* transition: all .6s; */}
.sz-rw .rw-listqh  ul li:first-child{margin-left: 0;}
.sz-rw .rw-listqh  ul li.on{width:49%;}
.sz-rw .rw-listqh .slick-prev{    left: -.35rem;
    width: .2rem;
    height: .35rem;
    background: url(../images/s6-l.png) no-repeat center center;
    background-size: .2rem auto;}
.sz-rw .rw-listqh .slick-next{ right: -.35rem;
    width: .2rem;
    height: .35rem;
    background: url(../images/s6-r.png) no-repeat center center;
    background-size: .2rem auto;}
    .sz-rw .rw-listqh  ul li a{display: block;overflow: hidden;height: 2.94rem;}
.sz-rw .rw-listqh  ul li.on a{display: flex;justify-content: space-between;align-items: center;background: rgba(0, 0, 0, 0.02);}
.sz-rw .rw-listqh  ul li a .tpp{width: 2.4rem;/* height: 2.94rem; */}
.sz-rw .rw-listqh  ul li a .tpp .pic{/* padding-top: 122.5%; */height: 3.12rem;}
.sz-rw .rw-listqh  ul li a .tpp .pic span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all .8s;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
    }
.sz-rw .rw-listqh  ul li a .txt{flex:1;min-width: 0;margin: 0 .32rem;}
.sz-rw .rw-listqh  ul li a .txt h2{padding-bottom: .15rem;border-bottom: 1px solid #B2B2B2;font-size: .22rem;color: #333333;;}
.sz-rw .rw-listqh  ul li a .txt p{margin-top: .15rem;margin-bottom: .45rem;line-height: .28rem;font-size: .14rem;color: #878787;max-height: 1.12rem;}
.sz-rw .rw-listqh  ul li a .txt  .more{text-align: right;}
.sz-rw .rw-listqh  ul li a .txt  .more img{display: inline-block;}
.s8-d{margin-top: .6rem;}
.s8-d  ul li a{display: block;text-align: center;}
.s8-d  ul li a .icon{position: relative;  width: 1.2rem;height: 1.2rem;border-radius: 50%;margin: 0 auto;border: 1px dashed #1668DB;position: relative;text-align: center;line-height: 1.2rem;text-align: center;}
.s8-d  ul li a .icon::after{content: "";position: absolute;left: .07rem;right: .07rem;top:.07rem;bottom: .07rem;border-radius: 50%;background: #fff;border: 1px dashed rgba(59, 198, 220, 0.4);}


.s8-d  ul li a .icon img{display: none;max-height: 100%;max-width: 100%;z-index: 2;position: relative;}
.s8-d  ul li a .icon img.s8-icon{opacity: 1;z-index: 9;display:inline-block;}
.s8-d  ul li:hover a .icon img.s8-icon{display: none;}
.s8-d  ul li:hover a .icon::after{background: #0068B7;border: 1px dashed #0068B7;}
.s8-d  ul li:hover a .icon img.s8-icon-other{display: inline-block;}
.s8-d ul li a .txt{
    margin: 0 .15rem;margin-top: .4rem;
}
.s8-d ul li a .txt span{font-size: .36rem;font-weight: bold;color: #333;margin-bottom: .1rem;font-family: "geo";}
.s8-d ul li:hover a .txt span{color: #0068B7;}
.s8-d ul li a .txt p{
   
font-size: 0.18rem;
   
line-height: .24rem;
   
height: .48rem;
   
color: #666666;
   
width: 98%;
   
margin: 0 auto;
   
text-align: center;
}
.vwrap {
    display: none;
    z-index: 1040000;
    width: 100%;
    position: fixed;
}

.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;
}

.vwrap .videobox {
    z-index: 1200;
    width: 1400px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -700px;
    object-fit: cover;
    transform: translateY(-50%)
}

.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    background: #000;
}

.vwrap .videobox #videobox .img_hezi {
    padding-bottom: 60% !important
}

.vwrap .videobox #videobox video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#videobox_wrapper {
    height: 100%!important;
}

.vwrap .close {
    z-index: 999;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
    text-align: center;
}

.vwrap .close i {
    display: block;
    width: 31px;
    height: 31px;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.vwrap .close i svg {
    transition: .6s
}

.vwrap .close:hover i svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media(max-width: 992px) {
    .vwrap .videobox {
        width: 94%;
        left: 3%;
        margin-left: 0;
    }
    .vwrap .close {
        right: 0;
        top: .3rem;
    }
}

@media screen and (max-width: 1530px){.s5 .slick-prev{left: -.2rem;}.s5 .slick-next{right: -.2rem;}}



@media screen and (max-width: 1200px){
    .tw-list ul{margin: 0 -.15rem;}
    .tw-list ul li a{margin: 0 .15rem;}
    .s2-r{padding-left: 0;}
    .list li a{padding: .15rem;}
    .s3 ul li a{padding: .15rem;}
    .s3 ul li a .date{margin-right: .1rem;}
    .s6-c .slick-prev{left: .1rem;}
    .s6-c .slick-next{right: .1rem;}
    .s7-l{width: 100%;}
    .s7-r{padding-left: 0;
    margin-top: 0;}
    .s7-c{display: block;}
    .s5 .slick-prev{left: 0;}
    .s5 .slick-next{right: 0;}
    .s4-down ul li a{padding: .2rem;}
}
@media screen and (max-width: 1024px) {
    .sz-rw .rw-listqh ul li a .txt{display: none;}
    .sz-rw .rw-listqh ul li{width:23.5%;}
    .sz-rw .rw-listqh ul li.on{width: 23.5%;}
    .sz-rw .rw-listqh ul li a .tpp{width: 100%;}
    .sz-rw .rw-listqh .slick-prev{left: 0;}
    .sz-rw .rw-listqh .slick-next{right: 0;}

}

@media screen and (max-width: 1000px) {
    .s1{padding: .2rem 0;} 
    .tw-list ul li{width: 33.333%;}
    .s2{padding: .2rem 0;}
    .s2-l ul li a .txt p{font-size: .24rem;}
    .list ul li{width: 100%;}
    .s3 ul li{width: 48%;}
    .sz-rw .rw-listqh ul li a .tpp .pic{height: initial;padding-top: 122.5%;}
    .sz-rw .rw-listqh ul li a{height: initial;}
    .s6{padding-bottom: .2rem;}
    .s7,.s8 .s8-top,.s4{padding: .2rem 0;}
    .img_view_1600_007 .img_view_1600_007-wid .imgview-tit{position: static!important;width: 100%!important;}
}
@media screen and (max-width: 700px){
.s6-c ul{    margin: 0;}
    .itit .title img{max-height: .5rem;}
    .itit{justify-content: flex-start;}
    .itit .itit-text b,.itit .itit-text span{font-size: .2rem;}
    .tw-list ul{margin: 0;}
    .tw-list ul li{width: 50%;}
    .tw-list ul li a{margin: 0 .05rem;}
    .tw-list ul li a .txt{height: .6rem;padding: 0 .15rem;}
    .s2-c{display: block;}
    .s2-l{width: 100%;}
    .s2-r{width: 100%;}
    .s2-r .slick-dots{bottom: -.9rem;}
    .s2-r .s2-more{
    position: absolute;
    bottom: .1rem;
    left: 50%;
    transform: translateX(-50%);
}
    .s2-r>div{padding-bottom:.5rem;}
    .s3 ul li{width: 100%;margin-top: .15rem;}
    .s3 ul li a .date{width: .8rem;height: .7rem;}
    .s3 ul li a .date b{font-size: .22rem;}
    .s3 ul li a .date span{font-size: .16rem;}
    .s3 ul{margin-top: 0;margin: 0}
    .s6{padding-top: 0;}
    .s3{padding: .2rem 0;}
    .s6-c{
        margin-top: .15rem;
    }
    .s6-c ul li a{
        height: 1rem;
    }
    .s7-l .slick-dots{
        bottom: .8rem;right: 0;
    }
    .s7-l a p{padding-left: .15rem;padding-right: .3rem;}
    .s7-r ul li a{padding: .15rem;}
    .s7-r ul li a .txt{padding-left: .15rem;}
    .s8-tit span{padding: 0 .2rem;}
    .sz-rw .rw-listqh ul li{width: 48%;margin:.05rem 0;}
    .sz-rw .rw-listqh ul li:nth-child(2n){
        margin-left: 4%;
    }
    .sz-rw .rw-listqh ul li.on{width: 48%;}
    .sz-rw .rw-listqh ul{flex-wrap: wrap;}
    .s8-tit{margin: .2rem 0;}
    .s8 .s8-down{padding-bottom: .2rem;}
    .s8-d ul li a .txt{margin-top: .15rem;}
    .s8-d{margin-top: .2rem;}
    .s4-down{margin-top: .15rem;}
    .s4-down ul li a{height: .8rem;padding: .15rem 0;}
    .s4-down .slick-dots{
        margin-top: .15rem;
    }
    .s5{padding: .2rem 0;}
    .s5 button{width: .35rem;height: .35rem;}
}