@charset "utf-8";

.banner .pgba {
    z-index: 5;
    position: absolute;
    bottom: 0.25rem;
    left: 75%;
    width: auto;}

.banner .pgba span {
    position: relative;
    border-radius: 0;
    display: block;
    float: left;
    opacity: 1;
    width: 0.35rem;
    height: 0.6rem;
    line-height: 1rem;
    background: none;
    color: #FFFFFF;
    font-size: 0.2rem;
    text-align: center;
    margin: 0 !important;
    position: relative;}

.banner .pgba .active {
    width: 0.9rem;
    background: url(../images/dot1.png) no-repeat center;
    background-size: 100%;
    color: transparent;}

.banner .swiper-slide .a {
    display: block;
height: 35vw;
    min-height: 900px;}

.banner .swiper-slide .a {
    position: relative;
    display: block;
    overflow: hidden;}

.banner .swiper-slide .bg video {
    width: 100%;
    height: 100%;
    object-fit: cover
;}

.banner .swiper-slide .bg {
    -webkit-transform: scale(1.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    transition: linear 5s;
    background-size: cover !important;}

.banner .swiper-slide-active .bg {
    -webkit-transform: scale(1);}

.banner .bgtitle {
    position: absolute;
    left: 6%;
    bottom: 0.3rem;
    width: 70%;
    z-index: 9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 0.24rem;}

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

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

    
}

@media screen and (max-width:1024px) {
    .banner .swiper-slide .a {
        height: 50vw;
        min-height: inherit;}
}

@media screen and (max-width:900px) {
    .banner .swiper-slide .a {
        height: 46vw
    ;}
}

@media screen and (max-width:640px) {
    .banner .pgba {
        bottom: .15rem
    ;}

    .banner .swiper-slide .a {
        height: 52vw
    ;}
}

.compensate-for-scrollbar {
    margin-right: 0 !important
;}

.fancybox-iframe,
.fancybox-video {}

.intit {
    position: relative;
    margin-bottom: .3rem;}

.intit h4 {
    color: #054da2;
    position: relative;}

.intit h4 .cn {
    font-size: .3rem;
    font-weight: bold;
    display: block;
    position: relative;}

.intit h4 .en {
    font-size: 0.18rem;
    display: block;
    margin-top: 0.2rem;
    padding-left: 40px;
    background: url(../images/line1.png) no-repeat left center;}

.intit>a,
.homeb .tab-bd .tabdiv>a {
    color: #054da2;
    display: block;}

.intit>a span,
.homeb .tab-bd .tabdiv>a {
    display: block;
    font-size: 0.18rem;
    border: 1px solid #054da2;
    height: 0.4rem;
    padding: 0 0.1rem;
    line-height: 0.4rem;}

.clsr-1 {
    fill: #d20b17;}

.clsr-2,
.clsr-3,
.clsr-4 {
    fill: none;
    stroke-miterlimit: 10;}

.clsr-2 {
    stroke: #d20b17;}

.clsr-3,
.clsr-4 {
    stroke: #fff;
    stroke-width: 1px;
    position: relative;}

.clsr-4 {
    stroke-linecap: round;}

.clsb-1 {
    fill: #ffffff;}

.clsb-2,
.clsb-3,
.clsb-4 {
    fill: none;
    stroke-miterlimit: 10;}

.clsb-2 {
    stroke: #ffffff;}

.clsb-3,
.clsb-4 {
    stroke: #1a67ab;}

.clsb-4 {
    stroke-linecap: round;}

.homea {
    background: url(../images/bodybg1.jpg) no-repeat center bottom/cover #ffffff;
    min-height: 2rem;
    padding: 0.5rem 0;}

.homea .homa_left {
    width: 50.5%;
    position: relative;}

.homea .homa_left .pic {
    height: 5.1rem;
    display: block;
    position: relative;}

.homea .homa_left .homeawrap {
    overflow: hidden;
    position: relative;}

.homea .homa_left .news_title {
    color: #FFFFFF;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.26rem 0.25rem;
    width: 100%;
    background: url(../images/titbg.png) repeat;
    height: 1.4rem;}

.homea .homa_left .news_title h2 {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: bold;}

.homea .homa_left .news_title p {
    font-size: 0.14rem;
    line-height: 0.25rem;
    height: 0.5rem;
    margin-top: 0.1rem
;}

.homea .pgba {
    position: absolute;
    bottom: 0.9rem;
    right: 0;
    z-index: 5;
    text-align: right;
    padding-right: 0.3rem;}

.homea .pgba span {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 0.1rem !important;
    background: #FFFFFF;
    opacity: 0.7;}

.homea .pgba span.active {
    opacity: 1;}

.homea .homa_right {
    width: 46%;}

.homea .homa_right ul li .txt {
    padding-bottom: 0.23rem;
    border-bottom: 1px solid #d0d0d0;}

.homea .homa_right ul li .txt h4 {
    font-size: 0.18rem;
    line-height: 0.3rem;
    font-weight: bold;
    padding-left: 0.2rem;
    position: relative;
    margin-bottom: 0;
    width: 75%;
    box-sizing: border-box;}

.homea .homa_right ul li .txt h4::before {
    content: "";
    width: 0.1rem;
    height: 0.1rem;
    background: url(../images/dot2.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0.1rem;}

.homea .homa_right ul li .date {
    color: #054da2;
    text-align: right;
    padding-right: 0.15rem;
    padding-left: 0.25rem;
    background: url(../images/line2.png) no-repeat left center;}

.homea .homa_right ul li .date p {
    font-size: 0.26rem;
    font-weight: bold;
    color: #054da2;}

.homea .homa_right ul li .date span {
    font-size: 0.16rem;
    font-weight: normal;}

.homea .homa_right ul li {
    margin-bottom: 0.22rem;}

.homea .homa_right ul li:hover h4 {
    font-weight: bold;
    color: #0061ae;}

.homea .homa_right ul li:hover .txt {
    border-bottom: 1px solid transparent;}

.homeb {
    background: url(../images/p4_bg.png) no-repeat center bottom/cover;
    padding: 0.5rem 0;
    min-height: 2rem;}

.homeb .tab-hd h4 {
    color: #333333;}

.homeb .tab-hd h4 .en {
    display: none;}

.homeb .tab-hd h4.active .en {
    display: block;}

.homeb .tab-hd h4.active {
    color: #054da2;}

.homeb .tab-hd .first::after {
    content: "";
    width: 1px;
    height: 60%;
    background: #abcdf4;
    position: absolute;
    right: 0;
    top: 0;}

.homeb .tab-hd .first {
    padding-right: 30px;
    margin-right: 30px;}

.homeb .tab-bd .tabdiv {
    display: none;
    position: relative;
    margin-top: 0.3rem;}

.homeb .tab-bd .tabdiv.active {
    display: block;}

.homeb .tab-bd .tabdiv>a {
    position: absolute;
    right: 0;
    top: -0.85rem;}

.homeb .tab-bd .tabdiv ul li {
    width: 32%;
    margin-bottom: 0.3rem;
    border-bottom: 4px solid #cddbec;
    background: #FFFFFF;}

.homeb .tab-bd .tabdiv ul li a {
    display: flex;
    padding: 0.12rem 0.2rem;
    justify-content: space-between;
    height: 1.25rem;
    transition: .3s;}

.homeb .tab-bd .tabdiv ul li .date {
    background: url(../images/datebg.png) no-repeat center;
    text-align: center;
    color: #FFFFFF;
    width: 0.76rem;
    height: 0.82rem;}

.homeb .tab-bd .tabdiv ul li .date p {
    font-size: 0.3rem;
    font-weight: bold;
    padding-top: 0.05rem;}

.homeb .tab-bd .tabdiv ul li .date span {
    display: block;
    margin-top: 0.09rem;}

.homeb .tab-bd .tabdiv ul li .txt {
    width: calc(100% - 1rem)
;}

.homeb .tab-bd .tabdiv ul li .txt h4 {
    font-size: .18rem;
    line-height: .24rem;
    max-height: .48rem\0
;}

.homeb .tab-bd .tabdiv ul li .txt p {
    font-size: 0.14rem;
    color: #054da2;
    margin-top: 0.05rem;}

.homeb .tab-bd .tabdiv ul li .txt p img {
    display: inline-block;
    width: 0.15rem;
    margin-right: 0.1rem;}

.homeb .tab-bd .tabdiv ul li:hover a {
    box-shadow: 0 0 .15rem rgba(0, 0, 0, .1)
;}

.homec,
.home4 {
    padding: 0.5rem 0;
    background: url(../images/bodybg3.jpg) no-repeat center bottom/cover #FFFFFF;
    min-height: 2rem;}

.homec .fclist ul li {
    width: 23.5%;
    background: #FFFFFF url(../images/titbg2.png) no-repeat right bottom;}

.homec .fclist ul li .bgimg {
    height: 2.2rem;}

.homec .fclist ul li .date {
    background: #054da2;
    font-size: 0.16rem;
    width: 1.1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    margin-left: 0.3rem;
    margin-top: -0.4rem;
    color: #FFFFFF;
    position: relative;
    z-index: 2;}

.homec .fclist ul li .txt {
    padding: 0.15rem 0.3rem;}

.homec .fclist ul li .txt h4 {
    font-weight: bold;
    font-size: 0.18rem;}

.homec .fclist ul li .txt div {
    color: #888888;
    font-size: 0.14rem;
    line-height: 0.22rem;
    height: 0.66rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;}

.homec .fclist ul li .txt p {
    color: #054da2;
    float: right;}

.imgBox {
    position: relative;
    overflow: hidden;
    isolation: isolate
;}

.imgBox .img,
.imgBox .imgLi {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
;}

.imgBox .img,
.imgBox .imgLi {
    padding-bottom: 60%;
    transition: .5s;
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background: #eee
;}

.imgBox img,
.imgBox video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s
;}

.carousel {
    position: relative;
    margin: 0 auto
;}

.carousel .list8Box {
    padding-top: .2rem;
    padding-bottom: .4rem;
    perspective: 1000px;
    touch-action: pan-y;
    padding: .28rem 0;
    margin: 0 -.45rem
;}

.carousel .list8Box .swiper-slide .img {
    padding-bottom: 240%;
    position: relative;}

.carousel .list8Box .swiper-slide .img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #054da2;
    opacity: 0.4;}

.list8 .a {
    display: block;
    position: relative
;}

.list8 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .3), transparent, rgba(0, 0, 0, 0));
    height: 50%
;}

.list8 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .2rem .15rem
;}

.list8 h4 {
    font-size: .24rem;
    color: #fff
;}

.carousel .list8Box .swiper-slide,
.carousel .list8Box,
.carousel .list8Box .swiper-wrapper {
    transform-style: preserve-3d
;}

.carousel .list8Box .swiper-slide-active {
    transform: translate3d(0, 0, -2.8rem) rotateY(0deg);
    transition: .5s
;}

.carousel .list8Box .swiper-slide-prev {
    transform: translate3d(-.3rem, 0, -2.5rem) rotateY(20deg);
    transition: .5s
;}

.carousel .list8Box .swiper-slide-next {
    transform: translate3d(.3rem, 0, -2.5rem) rotateY(-20deg);
    transition: .5s
;}

.carousel .list8Box .swiper-slide.pr2 {
    transform: translate3d(-.3rem, 0, -1.6rem) rotateY(35deg);
    transition: .5s
;}

.carousel .list8Box .swiper-slide.ne2 {
    transform: translate3d(.3rem, 0, -1.6rem) rotateY(-35deg);
    transition: .5s
;}

.carousel .list8Box .swiper-slide.pr3 {
    transform: translate3d(.15rem, 0, -.2rem) rotateY(50deg);
    transition: .5s
;}

.carousel .list8Box .swiper-slide.ne3 {
    transform: translate3d(-.15rem, 0, -.2rem) rotateY(-50deg);
    transition: .5s
;}

.carousel .list8Box .swiper-slide.pr4 {
    transform: translate3d(.15rem, 0, -.2rem) rotateY(50deg);
    transition: .5s;
    opacity: 0
;}

.carousel .list8Box .swiper-slide.ne4 {
    transform: translate3d(-.15rem, 0, -.2rem) rotateY(-50deg);
    transition: .5s;
    opacity: 0
;}

.home4 .list9W {
    width: 7.56rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.78rem;
    margin-top: -2.48rem;
    z-index: 5;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .2)
;}

.home4 .list9Box .imgBox .img {
    padding-bottom: 59.78%;}

.carousel .list9Box .swiper-slide-active .txt {
    opacity: 1
;}

.home4 .list9Box .swiBtn a {
    display: block;
    width: .54rem;
    height: .54rem;
    border-radius: 50%;
    text-align: center;
    line-height: .54rem;
    color: #6e50d0;
    background: rgba(255, 255, 255, .8);
    font-size: .18rem;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -.27rem;
    z-index: 5
;}

.home4 .list9Box .swiBtn a.prev {
    left: .2rem
;}

.home4 .list9Box .swiBtn a.next {
    right: .2rem
;}

.home4 .list9Box .swiBtn a:hover {
    color: #fff;
    background: rgba(35, 48, 143, .78)
;}

.arrow1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .76rem;
    height: .76rem;
    background: #fff;
    z-index: 1;
    border-radius: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s
;}

.arrow1 img {
    transition: .5s
;}

.arrow1.prev {
    left: -.38rem
;}

.arrow1.next {
    right: -.38rem
;}

.home4 .txt {
    background: url(../images/titbg5.png) repeat-x center;
    color: #FFFFFF;}

.home4 .txt h4 {
    font-size: .2rem;
    margin-bottom: .2rem;
    font-weight: normal
;}

.home4 .txt p {
    max-width: 100%;
    line-height: .3rem;
    max-height: calc(.3rem* 2) \0
;}

.homed {
    padding: 0.5rem 0;
    background: url(../images/bodybg4.png) no-repeat center bottom/cover #ffffff;
    min-height: 2rem;}

.accordion {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;}

.accordion ul li {
    background-repeat: no-repeat;
    float: left;
    height: 4.4rem;
    width: 18.3%;
    cursor: default;
    position: relative;
    margin-right: 1.5%;}

.accordion ul li:last-child {
    margin-right: 0;}

.accordion ul li.active {
    width: 40%;}

.accordion ul li a {
    display: block !important;
    width: 100%;
    height: 4.4rem;
    cursor: default;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}

.w-accor1 li .cont_ar {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.6rem;
    background: url(../images/titbg6.png) repeat;}

.w-accor1 li:nth-child(even) .cont_ar {
    background: url(../images/titbg7.png) repeat;}

.w-accor1 li:hover .cont_ar,
.w-accor1 li.active .cont_ar {
    bottom: 0;
    transition: 1s;}

.w-accor1 li .cont_ar h3 {
    font-size: 0.18rem;
    line-height: 0.5rem;}

.w-accor1 li .cont_ar p {
    font-size: 0.14rem;
    line-height: 0.25rem;
    margin-bottom: 0.15rem;
    height: 0.5rem;}

.w-accor1 li .dec_ar {
    margin: 10px 20px;
    margin-bottom: 0px;}

.accordion {
    width: 100%;}

.accordion .img_ar {
    height: 4.4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

.accordion .img_ar img {
    opacity: 0;}

.homed .mtlist .pgba {
    text-align: center;
    margin-top: 0.4rem;}

.homed .mtlist .pgba span {
    position: relative;
    border-radius: 0;
    display: inline-block;
    opacity: 1;
    width: 0.14rem;
    height: 0.14rem;
    line-height: 1rem;
    margin: 0 0.09rem !important;
    background: url(../images/dot4.png) no-repeat center;
    color: #FFFFFF;
    font-size: 0.2rem;
    text-align: center;}

.homed .mtlist .pgba .active {
    background: url(../images/dot3.png) no-repeat center;
    background-size: 100%;}

/*.homed{padding: 0.5rem 0;background: url(../images/bodybg4.jpg) no-repeat center bottom;}.homed .mtlist .swiper-slide{background: #FFFFFF;padding: 0 0.3rem;box-shadow: 0 0 10px #d3e2f2;}.homed .mtlist .swiper-slide:nth-child(odd){margin-top: 0.4rem;}.homed .mtlist .mttit{display: inline-block;padding: 0.08rem 0.15rem;color: #FFFFFF;background: #054da2;font-size: 0.16rem;margin-bottom: 0.2rem;} .homed .mtlist .news_title h2{font-size: 0.18rem;font-weight: bold;line-height: 0.3rem;height: 0.6rem;}.homed .mtlist .date{float: right;color: #054da2;font-size: 0.16rem;margin-top: 0.15rem;margin-bottom: 0.2rem;}.homed .mtlist .pgba{text-align: center;margin-top: 0.4rem;}.homed .mtlist .pgba span{position: relative;border-radius: 0; display: inline-block; opacity: 1;width: 0.14rem;height: 0.14rem;line-height: 1rem; background: url(../images/dot4.png) no-repeat center;color: #FFFFFF;font-size: 0.2rem;text-align: center; }.homed .mtlist .pgba .active{background: url(../images/dot3.png) no-repeat center;background-size: 100%;}*/
.homee {
    padding: 0.6rem 0;
    background: url(../images/bodybg5.png) no-repeat center top/cover;
    min-height: 2rem;}

.homee .ztlist ul li {
    width: 23%;
    overflow: hidden;}

.homee .ztlist ul li a {
    display: block;
    width: 100%;
    aspect-ratio: 33 / 50;
    overflow: hidden;}

.homee .ztlist ul li a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}

.homee .ztlist ul li:hover img {
    transform: scale(1.1, 1.1);
    transition: .4s;}

.homee .fast {
    margin-top: 0.6rem;}

.homee .fast .fastlist ul li {
    width: 19%;
    margin-right: 1%;
    margin-bottom: 0.25rem;
    height: 0.8rem;
    text-align: center;
    display: flex;
    align-items: center;
    background: #054da2 url(../images/linkbg1.png) no-repeat center bottom;}

.homee .fast .fastlist ul li:nth-child(5n) {
    margin-right: 0;}

.homee .fast .fastlist ul li a {
    display: block;
    color: #FFFFFF;
    text-align: center;
    width: 100%;}

.homee .fast .fastlist ul li:hover {
    margin-top: -0.1rem;
    transition: .3s;
    box-shadow: 0 0 10px #054da2;}

@media (max-width: 1600px) {}

@media (max-width: 1366px) {}

@media (max-width: 1024px) {
    .carousel .list8Box {
        display: none;}

    .home4 .list9W {
        position: static;
        margin: 0;
        width: 100%;}
}

@media (max-width: 980px) {

    .homea .homa_left,
    .homea .homa_right {
        width: 100%;
        margin-bottom: 0.2rem;}

    /* .homea,.homeb,.homec,.homed{padding: 0.25rem 0;} */
    .homea .homa_right {
        margin-bottom: 0;}

    .homec .fclist ul li {
        width: 48%;
        margin-bottom: 0.25rem;}
}

@media (max-width: 800px) {}

@media (max-width: 760px) {
    .intit h4 span {
        font-size: 0.26rem;}

    .homeb .tab-bd .tabdiv ul li {
        width: 48%;}

    /* 专题专栏：移动端每行 2 张图 */
    .homee .ztlist ul li {
        width: 48%;
        margin-bottom: 0.25rem;
        box-sizing: border-box;}
}

@media (max-width: 640px) {
    .homeb .tab-bd .tabdiv ul li {
        width: 100%;}

    .homec .fclist ul li {
        width: 100%;}

    .homee .fast .fastlist ul li {
        width: 48%;
        margin: 0.1rem 1%;}

    .homee .fast .fastlist ul li:nth-child(5n) {
        margin: 0.1rem 1%;}

    .homeb .intit {
        justify-content: left
    ;}

    .homeb .tab-hd .first {
        padding-right: 0.2rem;
        margin-right: 0.2rem;}

    .banner .pgba {
        left: 40%;}

    .homea .homa_left .pic {
        height: 60vw;}

    .homea .homa_right ul li .txt h4 {
        width: 70%;}

    body {
        min-width: 320px;}

    .accordion .img_ar,
    .accordion ul li,
    .accordion ul li a {
        height: 60vw;}

    .w-accor1 li .cont_ar {
        bottom: 0;}

    .accordion ul li {
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 0.2rem;}
}

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

/*ie11*/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop {}
}

/*ie10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {}

@media (max-width: 980px) {}