html, body {

    overflow-x: hidden;

    font-family: "SourceSansPro-Regular", "微软雅黑";

    min-width: 280px;



}



.section3 .new2-title {

    margin-bottom: 0.3rem;

}



.xysh-phone .xysh-item {

    background-size: 100% auto;

    margin-bottom: 0.2rem;

    position: relative;

    width: 100%;

    height: 2rem;

}



.xysh-item-tb {

    width: 0.6rem;

    transform: translateY(-50%);

    position: absolute;

    left: 85%;

    top: 50%;

}



.xysh-item-tb img {

    width: 100%;

}





.xysh-phone .xysh-item-title {

    font-size: 0.4rem;

    position: absolute;

    left: 17%;

    top: 50%;

    transform: translate(-50%, -50%);

    color: white;

    text-shadow: #2e2378 2px 2px 2px;

}



a:hover .new1-title {

    color: #ff823d !important;



}





.section4 {

    margin-top: 0.5rem;

}





.section4 .new2-title {

    margin: 0 auto;

    width: 4.00rem;

    font-size: 0.64rem;

    font-weight: 400;

    color: #2F247B;

    line-height: 0.88rem;

    float: none;

}



.section4 .new2-title .tit-zh {

    color: #2F247B;

}





.section4 {

    padding: 1.07rem 0 1.95rem 0;

    height: 11.17rem;

    background: url("../images/bksj.png") no-repeat;

    background-size: 100% 100%;

}



.bksj {

    overflow-y: auto;

    margin-top: 1rem;

    display: flex;

}



.bksj-item {

    width: 33%;

    margin: 0 auto;

    height: 6rem;

    flex: 1;

    padding: 0 0.5rem;

}



.bksj-svg {

    margin: 0.1rem auto;

    width: 2.2rem;

}



.bksj-digit {

    margin: 0.1rem auto;

    font-size: 0.43rem;

    line-height: 0.59rem;

}



.bksj-tit {

    font-size: 0.43rem;

    font-weight: 400;

    color: #000000;

    line-height: 0.59rem;

    margin: 0 auto;

    text-align: center;

}



.bksj-digit img {

    width: 100%;

}





.nav2dropdown-son:hover a {

    color: #ff823d !important;

}





.new4-con {

    margin-top: 0.6rem;

}



.nav2 {

    left: auto;

}

.nav3-dropdown-son{
    white-space: normal;
}



* {

    user-select: none;

    -moz-user-select: none; /*火狐*/



    -webkit-user-select: none; /*webkit浏览器*/



    -ms-user-select: none; /*IE10*/

}



.foot-link {

    width: 100%;

    text-align: center;

}



.foot-cylj {

    width: 5.2rem;

    margin: 0 auto;

    clear: both;

    list-style: none;

    margin-block-start: 0;

    margin-block-end: 0;

    padding-inline-start: 0;

}





.foot-cylj li a {

    color: white;

    font-size: 0.3rem;

}



.foot-cylj2 li a {

    color: white;

    font-size: 0.28rem

}



.foot-cylj li a:hover {

    color: #ff813c;

}



.foot-cylj2 li a:hover {

    color: #ff813c;

}



.foot-cylj li {

    padding: 0.4rem 0.1rem;

    list-style: none;

    float: left;

}



.foot-cylj2 {

    width: 8.2rem;

    margin: 0 auto;

    clear: both;

    list-style: none;

    margin-block-start: 0;

    margin-block-end: 0;

    padding-inline-start: 0;

}



.foot-cylj2 li {

    padding: 0 0.2rem;

    list-style: none;

    float: left;

}





.top-black {

    width: 100%;

    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0) 100%);

    height: 1.4rem;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99;

}



.s5-img:hover img {

    transform: scale(1.05);

    transition: all 0.3s;

}



.nav1 {

    z-index: 100;

}



.new-item-xw:hover img {

    transform: scale(1.1);

    transition: all 0.3s;



}



.section2 .new4-con-tit a {

    color: #e7e7e7;

}



.section2 .new4-con-tit a:hover {

    color: #ff813d;

}





.title-gg:hover {

    transform: translateX(-3px);

    transition: all 0.3s;

}



.new4-con-tit {

    position: relative;

    height: 2rem;

}



.logo {

    z-index: 100;

}



html {

    overflow-x: hidden;

    font-size: 50px;

}



a:hover {

    text-decoration: none;

    color: #fb7f3e;

}



a {

    text-decoration: none;

    color: black;

}





.sp-video {

    margin-top: 15px;

}



footer {

    position: relative;

}



.foot-top {

    margin-left: 10px;

    padding: 2px;

    text-align: center;

    background-color: #ff813c;

    position: absolute;

    right: 15%;

    top: -35px;

    height: 35px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    box-shadow: black 2px 1px 1px;

    transition: all 0.3s;





}



.foot-top:hover {

    background-color: #d55813;

    box-shadow: black 1px -1px 2px;

    transform: translate(2px, 2px);

    transition: all 0.3s;

}





.foot-top a {

    color: white;

    text-decoration-line: none;

}



.phone-erwei {

    cursor: pointer;

    margin: 0 0.2rem;

    color: white;

    float: left;

    font-size: 0.4rem;

}



.phone-erwei img {

    width: 0.6rem;

    margin-left: 0.1rem;

}



.to-top {

    margin: 8px 10px;

    /*font-size: 15px;*/

    float: left;

    font-size: 16px;

}



.weixin-erwei {

    cursor: pointer;

    margin: 0.08rem 0.2rem;

    float: left;
    font-size: 0.4rem;

}



.weixin-erwei img {

    width: 0.6rem;

    margin-top: 0.08rem;

}



.phone-erwei-son img {

    position: absolute;

    display: none;

    width: 8rem;

    transform: translate(-50%, -112%);

}



.weixin-erwei-son img {

    position: absolute;

    display: none;

    width: 8rem;

    transform: translate(-50%, -115%);

}



.w-100 {

    width: 100%;

}



svg {

    fill: none;

    stroke: currentColor;

    stroke-width: 50;

}



.top-topnav {

    display: none;

    height: 0.14rem;

    width: 100%;

    background-color: #2f247b;

    z-index: 100;

}



.top-topnav2 {

    position: fixed;

    top: 0;

    left: 0;

    height: 0.16rem;

    width: 100%;

    background-color: #433aa0;

    z-index: 100;

}



.swiper-slide1 {

    height: 6rem;

    overflow: hidden;

    position: relative;

}



.swiper-slide1 video {

    height: 6rem;

    object-fit: contain;

    position: absolute;

    left: 50%;

    top: 50%;

    min-height: 100%;

    min-width: 100%;

    transform: translate(-50%, -50%);

}



.swiper-slide1 img {

    height: 6rem;

    object-fit: contain;

    position: absolute;

    left: 50%;

    top: 50%;

    min-height: 100%;

    min-width: 100%;

    transform: translate(-50%, -50%);

}



#swiper-pagination {

    height: 0.5rem;

    position: absolute;

    left: 0;

    text-align: center;

    bottom: 0.57rem;

    width: auto;

    z-index: 999;

    transition: all 0.5s;

}



.swiper-cus-bullet {

    margin: 0 3px;

    left: auto !important;

    bottom: 1% !important;

    right: 2rem !important;

    line-height: 0;

    color: #fff;

    text-shadow: rgba(0, 0, 0, 0.9) -0.04rem 0.04rem 0.04rem;

    transition: all 0.5s ease-out 0s;

}



.swiper-more {

    margin: -0.26rem 3px;

    bottom: 0.27rem !important;

    right: 1rem !important;

    line-height: 0;

    text-shadow: #000 -0.04rem 0.04rem 0.04rem;

    height: 0.5rem;

    position: absolute;

    text-align: center;

    width: 0.7rem;

    z-index: 998;

    transition: all 0.5s;

}



.swiper-more img {

    width: 0.5rem;

    margin-top: -0.3rem;

    margin-left: 0.6rem;

}



.swiper-more span {

    text-shadow: rgba(0 0 0 0.9) -0.04rem 0.04rem 0.04rem;

    font-size: 0.3rem;

    color: #FFFFFF;

    width: 1rem;

    line-height: 0.8;

}





.banner .arrow-left {

    background: url(../images/zuohua@2x.png) no-repeat left bottom;

    position: absolute;

    left: 0.27rem;

    top: 55%;

    margin-top: -0.47rem;

    width: 3rem;

    height: 3rem;

    z-index: 999;

}



.banner .arrow-right {

    background: url(../images/youhua.png) no-repeat left bottom;

    position: absolute;

    right: 0.27rem;

    top: 55%;

    margin-top: -0.47rem;

    width: 3rem;

    height: 3rem;

    z-index: 999;

}



.nav1, .nav2 {

    display: none;

}





.swiper-cus-bullet .swiper-pagination-bullet {

    vertical-align: bottom;

    line-height: 1;

    height: 0.5rem;

    opacity: 1;

    font-size: 0.3rem;

    border-radius: 0;

    width: 0.2rem;

    transition: all 0.5s ease-out 0s;

    background-color: rgba(255, 255, 255, 0);

}





.swiper-cus-bullet .swiper-pagination-bullet-active {

    border-radius: 0;

    width: 1rem;

    transition: all 0.5s ease-out 0s;

    cursor: grab;

}



.swiper-cus-bullet .swiper-pagination-bullet:after {

    line-height: 1;

    content: "";

    height: 1px;

    display: inline-block;

    vertical-align: middle;

    width: 0;

    padding-left: 0.1rem;

    transition: all 0.5s ease-out 0s;

}



.swiper-cus-bullet .swiper-pagination-bullet-active:after {

    line-height: 1;

    content: "";

    height: 1px;

    background-color: #fff;

    display: inline-block;

    vertical-align: middle;

    width: 0.6rem;

    margin-left: 0.1rem;

    box-sizing: inherit;

    transition: all 0.5s ease-out 0s;

    cursor: grab;

}



.swiper-button1:after {

    display: none;

}



.swiper-button-next {

    right: 1.27rem

}



.swiper-button-prev {

    left: 1.27rem

}



.logo {

    width: 6rem;

    z-index: 100;

    position: absolute;

    top: 0.3rem;

    left: 0.4rem;

}



.new-left {

    height: 7rem;

}





.new1-img img {

    width: 100%;

}



.section5 {

    padding-bottom: 1rem;

}



.swiper-slide2 {

    height: 7rem;

}



.new1-title {

    height: 2rem;

    background-color: #2F247B;

    width: 100%;

    text-align: center;

    font-size: 0.43rem;

    font-weight: bold;

    color: #FFFFFF;

    padding: 0.3rem 0.3rem;

    position: absolute;

    bottom: 0;

}



.swiper-pagination2 {

    bottom: 0 !important;

}





.swiper-pagination2 .swiper-pagination-bullet {

    width: 0.7rem;

    height: 0.14rem;

    background-color: #ffffff;

    border-radius: 0;

}



.swiper-pagination2 .swiper-pagination-bullet-active {

    width: 0.8rem;

    opacity: 1;

    background: #FF813D;

}



.tit-zh {

    font-size: 0.72rem;

    float: left;

    margin-left: 0.2rem;

}



.tit-en {

    font-size: 0.4rem;

    float: left;

    margin-top: 0.41rem;

    margin-left: 0.2rem;

}



.new2-title img {

    float: left;

    width: 0.9rem;

}



.new2-title {

    margin: 0.7rem 0 0.2rem 0;

}





.more-base {

    margin-top: 0.4rem;

    float: right;

    font-size: 0.35rem;

}



.new-item, .new4-con, .title-gg {

    width: 96%;

    margin: 0 auto;

}



.more-base span {

    color: #ff813d;

}



.more-base span:hover {

    color: #2f247b;

}



.new2-title {

    width: 100%;

    height: 1.1rem;

}





.new-item-tit {

    margin-bottom: 0.25rem;

    font-size: 0.46rem;

    font-weight: bold;

}



.new-item-con {

    font-size: 0.45rem;

}



.date-row {

    display: flex;

}



.new-item-fh {

    flex: 1;

    margin-top: 0.4rem;

    margin-right: 0.4rem;

    height: 1px;

    background-color: #9797974D;

}



.new-item-date {

    font-size: 0.4rem;

}

.new-item-xw{
  padding: 0;   
}

.new-item-img{
    padding-right: 0.4rem;
}

.new-item-img>img{
    height: 100%;
}

.new-item-img, .new-item-right {

    height: 2rem;

    overflow: hidden;

    margin-top: 0.5rem;

    padding-left: 0;
    
    
    float: left;
    
    line-height: 0.6rem;
}





.title-gg {

    margin-top: 0.2rem;

    font-size: 0.43rem;

}



.date-gg {

    font-size: 0.4rem;

    float: right;

}



.heng-gg {

    margin: 0.2rem 0 0.2rem 0;

    float: left;

    width: 100%;

    height: 1px;

    background-color: rgba(153, 153, 153, 0.3);

}





.section2 {

    background: url("../images/xhongfeng@2x.png") no-repeat;

    background-size: 300% 100%;

}



.s5-img {

    overflow: hidden;

    position: relative;

    margin-bottom: 0.5rem;

}





.s5-tit {

    color: white;

    bottom: 0.1rem;

    left: 50%;

    transform: translateX(-50%);

    position: absolute;

    font-size: 0.4rem;

    text-shadow: 2px 2px 2px black;

}



.new3, .new-left {

    margin-top: 0.3rem;

}



.section2 {

    padding-bottom: 0.7rem;

}



.new4 {

    height: 11rem;

}



.footer-bg {

    padding: 0.3rem;

    background: url("../images/xhongfeng@2x.png") no-repeat;

    background-size: 100% 100%;

}



.di-logo {

    width: 6.6rem;

}



.di-logo img {

    width: 100%;

}





.cylj-item {

    font-size: 0.3rem;

    color: #fff;

}





.float-none {

    float: none;

}



.foot-di1 a {

    font-size: 0.25rem;

    line-height: 1;

    color: #fff;

}



.foot-di1 {

    font-size: 0.25rem;

    color: #fff;

}



footer a {

    font-size: 0.3rem;

    line-height: 1;

    text-align: center;

}



.foot-dis {

    margin-top: 1.5rem;

    text-align: center;



}



.foot-di1 {

    text-align: center;



}



.heng-gg:nth-child(4) {

    background-color: #4cae4c00;

}





.more-white:hover a span {

    color: #FFFFFF !important;

}





.main {

    background-color: #FFFFFF;

}





.xiala {

    display: none;

}



/* 小屏幕（平板，大于等于 768px） */

@media (min-width: 768px) {





    /*html {*/

    /*    font-size: 50px;*/

    /*}*/

    /*.new3 {*/

    /*    padding: 0.5rem 0.5rem;*/

    /*    width: 100%;*/

    /*    background: #F4F4F4;*/

    /*}*/

    /*.new4 .new2-title {*/

    /*    margin-top: 0;*/

    /*}*/

    /*.foot-top {*/

    /*    margin-left: 0.2rem;*/

    /*    padding: 0.3rem 0.2rem;*/

    /*    text-align: center;*/

    /*    background-color: #ff823f;*/

    /*    height: 1.1rem;*/

    /*    position: absolute;*/

    /*    right: 20%;*/

    /*    top: -1.05rem;*/

    /*    border-top-left-radius: 0.3rem;*/

    /*    border-top-right-radius: 0.3rem;*/

    /*}*/

    /*.to-top {*/

    /*    margin: 0 0.2rem;*/

    /*    font-size: 0.5rem;*/

    /*    float: left;*/

    /*}*/

    /*.swiper-slide1 {*/

    /*    height: 10rem;*/

    /*    overflow: hidden;*/

    /*    position: relative;*/

    /*}*/

    /*.new1-img img {*/

    /*    width: 100%;*/

    /*    height: auto;*/

    /*}*/

    /*.swiper-slide2 {*/

    /*    height: 11rem;*/

    /*}*/

    /*.swiper-pagination2 {*/

    /*    bottom: 10px !important;*/

    /*}*/

    /*.new-left {*/

    /*    height: 11rem;*/

    /*}*/

}



/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: 992px) {

    @keyframes nex {

        0% {

            opacity: 0.1;

            top: 95%;

        }



        50% {

            opacity: 1;

            top: 94%;

        }

        100% {

            opacity: 0.1;

            top: 95%;

        }

    }





    .xiala {

        animation: nex 1.5s linear infinite;

        z-index: 9999;

        position: absolute;

        display: block;

        bottom: 1rem;

        left: 50%;

        transform: translate(-50%,-1.4rem);

    }





    .top-black {

        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 100%);

        height: 3.2rem;

    }



    .top-topnav {

        display: block;

        height: 0.14rem;

        width: 100%;

        background-color: #2f247b;

        z-index: 100;

    }



    .date-gg {

        font-size: 0.4rem;

        float: right;

        margin-top: -0.6rem;

    }



    .xysh-desc {

        font-size: 0.5rem ;
        
        position: absolute;

        left: 6%;

        top: 78%;

        width: 100%;

        color: rgba(255, 255, 255, 0);

        transition: all 0.5s;

    }



    .xysh-tit2 {

        display: none;

    }





    .xysh-div-active .xysh-desc {

        color: rgba(255, 255, 255, 1);

        text-shadow: black 1px 1px 1px;

        position: absolute;

        width: 10rem;

        left: 6%;

        top: 78%;

        transition: all 0.5s;

    }





    .xysh-div-active .xysh-tit2 {

        display: block;

        position: absolute;

        width: 10rem;

        left: 5%;

        bottom: 5%;

        color: white;

    }



    .xysh-div-active {

        display: block;

        transition: all 0.5s;

    }



    .new-item-img, .new-item-right {

        height: 2.54rem;

        overflow: hidden;

        margin-top: 0.3rem;

        padding-left: 0;

    }



    .top-topnav2 {

        display: none;

    }



    .xysh-div-active {

        filter: grayscale(0%);

        transition: all 0.5s;

        flex-grow: 4;

    }





    .xysh-tit {

        text-shadow: black 2px 2px 2px;

        bottom: 1.09rem;

        left: 10%;

        position: absolute;

        z-index: 99;

        width: 0.53rem;

        height: 2.24rem;

        font-size: 0.53rem;

        font-weight: bold;

        color: #FFFFFF;

        line-height: 0.56rem;

    }



    .xysh {

        height: 12.85rem;

    }



    .foot-cylj {

        width: 100%;

        margin: 0 auto;

        clear: both;



    }



    .foot-di1 {

        text-align: right;

    }



    .foot-cylj li {

        padding: 0.6rem 0.2rem;

        list-style: none;

        float: right;

    }



    .foot-cylj2 {

        width: 100%;

        margin: 0 auto;

        clear: both;

    }



    .foot-cylj2 li {

        padding: 0 0.2rem;

        list-style: none;

        float: right;

    }





    .foot-top {

        height: 30px;

        top: -29px;

    }



    .to-top {

        margin-top: 0.15rem;

    }



    .phone-erwei {

        margin-top: 0.12rem;

    }



    html {

        font-size: 30px;

    }



    .swiper-slide1 video, .swiper-slide1 img {

        height: auto;

    }



    .swiper-more {

        bottom: 1rem !important;

        right: 4rem !important;

        width: 1rem;

    }



    .swiper-more span {

        font-size: 0.36rem;

        color: #FFFFFF;

        width: 1rem;

        line-height: 0.3;

    }



    .swiper-more img {

        width: 0.7rem;

        margin-top: -0.35rem;

        margin-left: 1rem;

    }





    #swiper-pagination {

        right: 5rem !important;

        bottom: 1rem !important;

    }



    .swiper-cus-bullet .swiper-pagination-bullet {

        height: 1rem;

        font-size: 0.5rem;

        width: 1rem;

    }





    .swiper-cus-bullet .swiper-pagination-bullet-active {

        width: 2.3rem;

    }



    .swiper-cus-bullet .swiper-pagination-bullet:after {

        width: 0;

        padding-left: 0.3rem;

    }



    .swiper-cus-bullet .swiper-pagination-bullet-active:after {

        vertical-align: middle;

        width: 1.7rem;

    }



    .swiper-slide1 {

        height: 100vh;

        overflow: hidden;

        position: relative;

    }



    .new1-img img {

        width: 100%;

        height: auto;

    }



    .swiper-slide2 {

        height: 13rem;

    }



    .swiper-pagination2 {

        bottom: 10px !important;

    }



    .new-left {

        height: 11rem;

    }





    .new-item-con {

        font-size: 0.4rem;

        color: #929292;

    }



    .new2-title2 {

        margin-top: 1.5rem;

        margin-bottom: 1.05rem;

    }



    .nav1, .nav2 {

        display: block;

    }



    .nav3 {

        display: none;

    }





    .nav1 {

        display: flex;

        border-radius: 0 0 0.20rem 0.20rem;

        width: 14.19rem;

        height: 1.28rem;

        background-color: #2F247B;

        position: absolute;

        top: 0.1rem;

        z-index: 100;

        right: 1.76rem;

        padding: 0 1rem 0 0.7rem;

    }



    .nav1 span {

        flex: 1;

        overflow-wrap: break-word;

        color: rgba(255, 255, 255, 1);

        font-size: 0.426rem;

        line-height: 1.28rem;

        text-align: center;

    }



    .nav1 a {

        color: white;

    }



    .nav1 a:hover {

        text-decoration-line: none;

        color: #ff813c;

    }





    .nav2 {

        display: flex;

        height: 1rem;

        width: 21.71rem;

        position: absolute;

        right: -9.5rem;

        top: 1.8rem;

        z-index: 100;

    }





    .nav2-son {

        line-height: 1rem;

        text-align: center;

        flex: 1;

        font-size: 0.48rem;

        color: #FFFFFF;

        text-shadow: 0 0.05rem 0.16rem rgba(0, 0, 0, 0.5);

    }



    .nav2-dropdown2 {

        width: 110%;

        display: none;

        background-color: rgba(253, 253, 253, 0.8);

        top: 1rem;

        left: -10%;

        position: absolute;

    }



    .nav2-dropdown {

        width: 100%;

        height: 100%;

    }



    .nav2-dropdown2-left {

        float: left;

        display: block;

        height: 100%;

        padding: 0.5rem 0 1rem 1rem;

        width: 53%;

    }



    .nav2dropdown-son {

        display: block;

        color: white;

        font-size: 0.48rem;

        margin-top: 0.5rem;

    }



    .nav2-son a {

        color: white;

        text-shadow:4px 4px 4px black;

    }





    .nav2-dropdown2-right img {

        width: 100%;

    }



    .nav2-son .nav2dropdown-son {

        display: none;

    }



    .nav2-son .nav2-dropdown2-right {

        display: none;

    }



    .logo {

        width: 10rem;

        z-index: 100;

        position: absolute;

        top: 0.2rem;

        left: 0.4rem;

    }



    .new2-erweima {

        display: flex;

        width: 100%;

        height: 4rem;

        margin-top: 0.45rem;

    }



    .erweima {

        filter: grayscale(40%);

        transition: all 0.5s;

        overflow: hidden;

        position: relative;

        object-fit: contain;

        background-size: 100% 100% !important;

    }



    .erweima1 {

        flex-grow: 1;

        z-index: 10;

        background: url("../images/xinwen4@2x.png") no-repeat;

    }



    .erweima2 {

        z-index: 9;

        flex-grow: 1;

        background: url("../images/douyinD@2x.png") no-repeat;

    }



    .erweima3 {

        z-index: 8;

        background-size: 100% auto;

        flex-grow: 1;

        background: url("../images/weiboD@2x.png") no-repeat;

    }



    .erweima-active {

        filter: grayscale(0%);



        transition: all 0.5s;

        flex-grow: 4;

    }



    .ma {

        transition: all 0.5s;

        left: -4.33rem;

        position: absolute;

        top: 50%;

        transform: translate(-50%, -50%);

    }



    .erweima-active .ma {

        transition: all 0.5s;

        left: 50%;

    }



    .ma img {

        width: 2.24rem;

        transition: all 0.5s;

    }



    .erweima:hover .ma img {

        transform: scale(1.8);

    }



    .erwei-tit {

        width: 0.8rem;

        position: absolute;

        top: 0.43rem;

        right: 2rem;

    }





    .erwei-tit img{

        width: 100%;

    }



    .erwei-tubiao {

        width: 0.53rem;

    }



    .erwei-tubiao img {

        width: 100%;

    }



    .erwei-tubiao {

        position: absolute;

        top: 0.43rem;

        right: 1.09rem;

        width: 0.53rem;

        font-size: 0.53rem;

        font-weight: bold;

        color: #FFFFFF;

        line-height: 0.56rem;

    }



    .new4-con-tit {

        height: 1.09rem;

        margin-top: 0.6rem;

    }



    .new4 .date-gg {

        position: absolute;

        right: 0;

        top: 66%;

    }



    .new4 {

        margin-top: 1.2rem;

        padding: 0.5rem 0.5rem;

        width: 100%;

        background: #F4F4F4;

        height: 9.7rem;

    }



    .new3 .new2-title {

        float: none;

        margin-top: 0;

    }



    .new-row {

        margin-top: 1rem;

    }



    .section2, .section3, .section4, .section5 {

        margin-top: 1rem;

    }





    .section4 {

        margin-top: 3rem;

    }





    .section4 .new2-title {

        margin: 0 auto;

        width: 4.00rem;

        font-size: 0.64rem;

        font-weight: 400;

        color: #2F247B;

        line-height: 0.88rem;

        float: none;

    }



    .section4 .new2-title .tit-zh {

        color: #2F247B;

    }





    .section4 {

        padding: 1.07rem 0 1.95rem 0;

        height: 11.17rem;

        background: url("../images/bksj.png") no-repeat;

        background-size: 100% 100%;

    }



    .bksj {

        margin-top: 2.1rem;

        display: flex;

    }



    .bksj-item {

        width: 20%;

        margin: 0 auto;

        height: 4.67rem;

        flex: 1;

        padding: 0 0.5rem;

    }



    .bksj-svg {

        margin: 0.1rem auto;

        width: 2.2rem;

    }



    .bksj-digit {

        margin: 0.1rem auto;

        font-size: 0.43rem;

        line-height: 0.59rem;

    }



    .bksj-tit {

        font-size: 0.43rem;

        font-weight: 400;

        color: #000000;

        line-height: 0.59rem;

        margin: 0 auto;

        text-align: center;

    }



    .bksj-digit img {

        width: 100%;

    }



    .section5 {

        padding: 1.07rem 0 1.95rem 0;

        height: 12.37rem;

    }



    .section5 .new2-title {

        margin: 0 auto;

        margin-bottom: 2rem;

        width: 4.00rem;

        font-size: 0.64rem;

        font-weight: 400;

        color: #2F247B;

        line-height: 0.88rem;

        float: none;

    }



    .section5 .new2-title span {

        color: #2F247B;

    }



    .s5-img img {

        box-shadow: 2px 2px 10px black;

    }



    .s5-tit {

        font-size: 0.6rem;

        bottom: 0.3rem;

    }



    .foot-link {

        float: right;

    }



    .foot-di1 {



    }





    .cylj-item {

        font-size: 0.5rem;

        color: #fff;

    }



    .foot-di1 a {

        font-size: 0.35rem;

        line-height: 1;

        color: #fff;

    }



    .foot-dh {

        margin-top: 0.8rem;

    }



    .foot-dis {

        margin-top: 3rem;

    }



    .foot-di1 {

        font-size: 0.35rem;

        color: #fff;

    }



    footer a {

        font-size: 0.35rem;

        line-height: 1;

    }



    .di-logo {

        width: 13rem;

    }



    .foot-cylj li a {

        color: white;

        font-size: 0.45rem;

    }



    .foot-cylj2 li a {

        color: white;

        font-size: 0.45rem

    }



    .footer-bg {

        /*position: absolute;*/
        
        padding: 1rem 0 1rem 0;

        background: url("../images/xhongfeng@2x.png") no-repeat;

        background-size: 100% 100%;
        

    }





    .section3 .new2-title {

        margin: 1rem auto 1rem auto;

        width: 4.00rem;

        font-size: 0.64rem;

        font-weight: 400;

        color: #2F247B;

        line-height: 0.88rem;

        float: none;

    }





    .xysh {

        width: 100%;

        margin-top: 0.45rem;

    }





    .xysh-div {

        height: 100%;

        position: relative

    }



    .xysh-img {

        height: 100%;

        overflow: hidden;

        width: 100%;

        object-fit: contain;

        position: absolute;

        left: 50%;

        top: 50%;

        min-height: 100%;

        min-width: 100%;

        transform: translate(-50%, -50%);

    }





    .xysh-img img {

        position: absolute;

        left: 50%;

        top: 50%;

        min-height: 100%;

        min-width: 100%;

        transform: translate(-50%, -50%);

        height: 100%;

    }



    .xysh-flex {

        display: flex;

        width: 100%;

        height: 100%;

    }



    .xysh1 {

        border-right: 0.06rem solid #fff;

        flex-grow: 1;

        z-index: 15;

        transition: all 0.5s;

    }



    .xysh2 {

        border-right: 0.06rem solid #fff;

        flex-grow: 1;

        z-index: 14;

        transition: all 0.5s;

    }



    .xysh3 {

        border-right: 0.06rem solid #fff;

        flex-grow: 1;

        z-index: 13;

        transition: all 0.5s;

    }



    .xysh4 {

        border-right: 0.06rem solid #fff;

        flex-grow: 1;

        z-index: 12;

        transition: all 0.5s;

    }



    .xysh5 {

        flex-grow: 1;

        z-index: 11;

        transition: all 0.5s;

    }



    .xysh-div-active {

        filter: grayscale(0%);

        transition: all 0.5s;

        flex-grow: 4;

    }





    .xysh-tb {

        left: 10%;

        background: url("../images/jiantou@2x.png") no-repeat;

        background-size: 100% 100%;

        position: absolute;

        bottom: 3.6rem;

        z-index: 99;

        width: 0.6rem;

        height: 0.6rem;

        transition: all 0.5s;

    }





    .xysh-div-active .xysh-tb {

        transition: all 0.5s;

        transform: rotate(180deg);

    }



    .xysh-div-active .xysh-tit {

        width: 5rem;

        left: 16%;

        top: 67%;

        transition: all 0s;

    }



    .more-xysh {

        display: none;

    }





    .xysh-div-active .more-xysh:hover {

        color: #ff813c;

    }





    .xysh-div-active .more-xysh {

        text-shadow: black 1px 1px 1px;

        display: block;

        color: #FFFFFF;

        font-size: 0.36rem;

        position: absolute;

        left: 36%;

        top: 68.6%;

    }



    .xysh-jianbian1 {

        position: absolute;

        width: 100%;

        height: 50%;

        top: 50%;

        background-image: linear-gradient(#0550EB00, #0550EB80);

    }



    .xysh-jianbian2 {

        position: absolute;

        width: 100%;

        height: 50%;

        top: 50%;

        background-image: linear-gradient(#C405EB00, #EB05CB80);

    }



    .xysh-jianbian3 {

        position: absolute;

        width: 100%;

        height: 50%;

        top: 50%;

        background-image: linear-gradient(#DA05EB00, #8705EB80);

    }



    .xysh-jianbian4 {

        position: absolute;

        width: 100%;

        height: 50%;

        top: 50%;

        background-image: linear-gradient(#EB5D0500, #EB6E0580);

    }



    .xysh-jianbian5 {

        position: absolute;

        width: 100%;

        height: 50%;

        top: 50%;

        background-image: linear-gradient(#05EB6C00, #05EB5180);

    }



    .nav2-dropdown2-right {

        padding-top: 1rem;

        float: left;

        display: block;

        width: 50%;

        padding-bottom: 1rem;

        margin-left: 0;

    }

}



/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: 1200px) {

    html {

        font-size: 35px;

    }



    .nav2-dropdown2-right {

        padding-top: 1rem;

        float: left;

        display: block;

        width: 45%;

        padding-bottom: 1rem;

        margin-left: 0;

    }



    .logo {

        width: 10rem;

        z-index: 100;

        position: absolute;

        top: 0.5rem;

        left: 0.5rem;

    }

}



/*# sourceMappingURL=index.css.map */