html {

    font-size: 50px;

}

a {
text-decoration: none;
}


.top-nav1-right {

    width: 4.3rem;

    float: right;

}

.container{
    max-width: 1200px;
}


.media-ul li:hover .gz-img-erwei {

    display: block;

    transition: 1s all ease;

    opacity: 1;

}



.top-nav1-right div {

    margin-top: 0.15rem;

    float: left;

    font-size: 0.4rem;

    color: white;

    margin-right: 0.2rem;

}





* {

    user-select: none;

}





.media-img:before {

    transform: translate(0%, 0%);

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56));

    background-size: auto 100%;

    transition: all 0.7s;

}



.media-bq {

    z-index: 99;

}



.gz-img {

    position: relative;

}



.gz-img img {

    margin-top: 15%;

    width: 70%;

    transition: 0.3s all ease;

}



.media-ul li:hover .gz-i-i {

    margin-top: 0;

    transition: 0.3s all ease;

}





.gz-img-erwei {

    padding: 0.3rem;

    border-radius: 0.4rem;

    background-color: white;

    color: black;

    position: absolute;

    width: 4rem;

    height: 5rem;

    z-index: 100;

    transform: translateX(-40%);

    top: 1.5rem;

    display: none;

    opacity: 0.1;

    transition: 1s all ease;

}



.gz-img-erwei img {

    width: 100% !important;

    margin-top: 0;

    margin-bottom: 0.2rem;

}





.media-div:hover img {

    margin-top: 0;

    transition: 0.3s all ease;

}



.me-dt {

    color: #d5d5d5;

    margin-left: 0.4rem;

    font-size: 0.25rem;

}



.me-tit {

    color: white;

    margin-left: 0.4rem;

    margin-right: 0.3rem;

    margin-bottom: 0.5rem;

    font-size: 0.3rem;

}





html, body {

    overflow-x: hidden;

    background-color: #F3F3F3;;

}



.media-img {

    transition: 0.7s all ease;

}



.media-div:hover .media-img {

    transform: scale(1.05);

    transition: 0.5s all ease;

}



.main-media:hover .media-img:before {

    transition: 0.5s all ease;

    transform: translate(0, 80%);

        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1));



}







.media-div:hover .media-img:before {

    transition: 0.5s all ease;

    transform: translate(0, 100%);

}



.main-media:hover .media-img {

    transform: scale(1.05);

    transition: 0.5s all ease;

}



.main-media, .media-div {

    overflow: hidden;

}



.media2-ul {

}



.media-img {

    height: 9.5rem;

}



.media-img2 {

    height: 4.8rem;

}





.media-bq {

    position: absolute;

    bottom: 0;

    left: 0;

}





.me-hx {

    margin-top: 0.2rem;

    width: 0.8rem;

    height: 0.1rem;

    float: left;

}



.bz {

    background: #21b0eb;

}



.dy {

    background: #111111;



}



.ks {

    background: #ff4906;



}



.wx {

    background: #2aae67;



}



.xl {

    background: #fed958;



}



.sph {

    background: #fbb365;



}





.me-bq-tb {

    margin: 0 0.3rem 0.1rem;

    width: 0.6rem;

    float: left;

}





.sec3-item-hx {

    width: 100%;

    height: 2px;

    background-color: #2e2378;

}



.media-bq img {

    width: 100%;

}



.me-bq-text {

    margin-left: 0.1rem;

    vertical-align: center;

    float: left;

    color: white;

    font-size: 0.4rem;

}





.media-div {

    position: relative;

    padding: 0;

    background: #1b6d85;

}



.main-media {

    padding: 0;

    transition: all 0.5s;

}





.media-row {

    padding: 0;

}





.hygz {

    font-size: 0.4rem;

    margin: 0.5rem auto;

    margin-bottom: 0.1rem;

    width: 2.5rem;

}



.dmt-tit {

    margin: 1rem auto;

    margin-bottom: -0.4rem;

    width: 9.25rem;

    height: 1.2rem;

}





.wh {

    color: white;

}



.media-ul {

    margin: 0 auto;

    position: relative;

    height: 1.5rem;

    margin-bottom: 0.8rem;

}



.media-ul li {

    width: 1rem;

    height: 1rem;

    margin: 0.3rem 0.2rem;

    border-radius: 0.5rem;

    background: #4f3dbd;

    float: left;

    list-style: none;

    font-size: 0.3rem;

    text-align: center;

    box-sizing: content-box;

}



.sect4-item:hover {

    transform: scale(1.05);

    transition: all 0.5s;

}



.sec4-item-dateimg {

    float: left;

    margin-top: 0.32rem;

}



.sec4-item-dateimg img {

    width: 0.38rem;

}



.sec4-item-date {

    font-size: 0.38rem;

    vertical-align: center;

    float: left;

    margin-left: 0.1rem;

    margin-top: 0.3rem;

    color: rgba(15, 15, 15, 0.5);

}



.sect-media {

    z-index: 1;

    background: #2F247B;

    width: 100%;

    height: 11rem;

    margin-top: -24rem;

}



.yw-item:before {

    z-index: 1;

    content: "";

    display: block;

    position: absolute;

    left: -0.5rem;

    top: -.04rem;

    right: -.06rem;

    bottom: 0;

    background: linear-gradient(to right, #4435e3 0%, #5a14c0 100%);

    opacity: 0;

    transition: all 0.5s ease;

}



.enter:before {

    opacity: 1;

    transition: all 0.5s ease;

}



.enter .yw-desc, .enter .date-word {

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

}





.yw-title, .date-word {

    color: #000000;

}



.enter .yw-title {

    color: rgb(255, 255, 255);

}





input {

    outline: none;

}



input:focus {

    border: none;

}



.top-nav1 {

    height: 0.8rem;

    background-color: #2F247B;



}





.logo-line {

    height: 2rem;

    width: 100%;

    text-align: center;

}



.logo-line img {

    margin-top: 0.5rem;

    width: 98%;

}



.yws {

    position: relative;

}



.header-banner {

    height: 5rem;

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

    background-size: 20rem 100%;

}



.search-line {

    width: 6.2rem;

    height: 1rem;

    margin: 0 auto;

}



.inp-search {

    padding-left: 0.3rem;

    float: left;

    border-radius: 0.4rem 0 0 0.4rem;

    width: 5rem;

    height: 0.8rem;

    background-color: #d8d6e6;

    font-size: 0.37rem;

    outline: none;

    border: none;

}



.inp-search:focus {

    border: none;

}





.but-search {

    display: block;

    border-radius: 0 0.4rem 0.4rem 0;

    border: none;

    width: 1.4rem;

    height: 0.8rem;

    margin-left: -0.2rem;

    font-size: 0.3rem;

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

    background-size: 0.4rem 0.4rem;

}



.search-line div {

    float: left;

    width: 1.2rem;

    height: 0.8rem;

    background-color: #ff813d;

    border-radius: 0 0.4rem 0.4rem 0;

}



.mt-line img {

    width: 0.6rem;

}





.mt-line {

    width: 5.6rem;

    margin: 0.1rem auto;

}



.swiper-container-new {

    overflow: hidden;

    height: 10.4rem;

}





.swiper-container-new .swiper-slide {

    width: 100%;

    position: relative;



}



.swiper-container-new .imag {

    width: 100%;

}



.swiper-container-new .imag img {

    width: 100%;

}



.bkyw-wz-tit-title {

    font-size: 0.36rem;

    color: black;

    font-weight: 550;

    margin-top: 0.3rem;

}



.bkyw-title {

    margin-top: 0.3rem;;

    line-height: 0.8rem;

    text-align: center;

    width: 2rem;

    background-size: 2rem 0.8rem;

    font-size: 0.3rem;

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

    background-size: 2rem 0.8rem;

    color: white;

}



.bkyw-wz-tit {

    width: 100%;

    margin-top: 0.1rem;;

    font-size: 0.32rem;

    line-height: 1.2;

    color: rgba(0, 0, 0, 0.67)

}



.section1 {

    margin-top: 0.6rem;

}



.yws {

    width: 100%;

    background-color: #ffffff;

}



.yw-item {

    position: relative;

    z-index: 99;

    height: 2.7rem;

    padding: 0.2rem;

    width: 100%;

}



.yw-img {

    width: 3.4rem;

    position: relative;

    z-index: 99;

    float: left;

}



.yw-img img {

    position: relative;

    z-index: 99;

    width: 100%;

}



.yw-word {

    width: 5.5rem;

    float: left;

    position: relative;

    z-index: 99;

}



.yw-title {

    font-weight: bold;

    padding: 0 0 0 0.4rem;

    font-size: 0.43rem;

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

}



.yw-desc {

    display: none;

}



.date-line {

    margin-top: 0.6rem;

    padding: 0 0 0 0.4rem;

    width: 100%;

    display: flex;

}



.date-xx {

    height: 0.3rem;

    margin: 0 0.2rem 0 0;

    flex: 1;

    border-bottom: 2px rgba(151, 151, 151, 0.3) dashed;

}



.date-word {

    transform: scale(0.8);

    width: 2.1rem;

    font-size: 0.35rem;

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

}



a:hover {

    text-decoration: none !important;

}



@-webkit-keyframes masked-animation {

    0% {

        background-position: 0 0

    }

    to {

        background-position: -100% 0

    }

}





.dzzt {

    line-height: 2rem;

    text-decoration: none !important;

    width: 100%;

    text-align: center;

    color: #fcae60;

    font-size: 0.57rem;

    font-weight: bold;

    background-image: -webkit-linear-gradient(0deg, #bb0808, #fd4141 25%, #bb0808 50%, #fd4141 75%, #bb0808);

    -webkit-background-size: 200% 100%;

    -webkit-animation: masked-animation 5s infinite linear;

}



.dzzt:hover {

    -webkit-animation: masked-animation 2s;

}



.sec-tit {

    width: 100%;

    height: 1.3rem;

    border-bottom: 0.1rem solid #2F247B;;

}



.left-tit {

}



.tit-imt {

    float: left;

    width: 0.7rem;

    margin-top: -0.3rem;

}



.tit-imt img {

    width: 100%;

}



.tit-zh {

    float: left;

    margin: 0 0.3rem;

    font-size: 0.72rem;

}



.tit-en {

    margin-top: 0.4rem;

    float: left;

    font-size: 0.4rem;

}



.tit-more {

    color: #FF813D;

    font-size: 0.4rem;

    margin-top: 0.4rem;

}



.right-tit {

    float: right;

}





.sec3-item-tit {

    font-size: 0.45rem;

    margin-top: 0.2rem;

    text-align: left;

    margin-bottom: 0.2rem;

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

    font-weight: bold;

}



.section3, .section4, .section5 {

    margin-top: 1rem;

    z-index: 2;

    position: relative;

}



.section2 {

    margin-top: 0.6rem;

}





.sect4-item {

    padding: 0.2rem 0.6rem;

    background-color: white;

    height: 6.4rem;

    margin-bottom: 0.4rem;

    border-top: 0.1rem solid #2f247b;

}



.sect4-item-tit {

    margin-top: 0.3rem;

    font-size: 0.5rem;

    font-weight: bold;

    color: #2f247b;

    border-bottom: 2px dashed #2f247b;

    height: 2rem;

}



.sect4-item-con {

    margin-top: 0.3rem;

    font-size: 0.35rem;

    color: #858585;

    height: 2.4rem;

}





.section4 .sec-tit {

    border-bottom: none;

    height: 1.2rem;

}



.section5 .sec-tit {

    border-bottom: none;

    height: 1.2rem;



}



.section3 {

    width: 100%;

}



.sec3-item-img {

    width: 100%;

}



.sec3-item-img img {

    width: 100%;

}



.sec3-item {

    position: relative;

    margin-bottom: 0.5rem;

}



.sec3-item-date-da {

    z-index: 3;

    position: relative;

    color: white;

    font-size: 0.7rem;

    text-align: center;

    font-family: 'Roboto-Light';

}



.sec3-item-date-mo {

    z-index: 3;

    position: relative;

    color: white;

    font-size: 0.36rem;

    text-align: center;

    font-family: 'Roboto-Light';

}



.sec3-item-date {

    width: 1.5rem;

    height: 1.5rem;

    position: absolute;

    left: 0.3rem;

    top: 0rem;

    transition: all 0.5s ease;

    overflow: hidden;

}



.bg-date {

    z-index: 2;

    top: -20%;

    left: -20%;

    position: absolute;

    width: 140%;

    height: 140%;

    transition: all 0.5s ease;

    background: linear-gradient(30deg, #4435e3 30%, #8c14c0 70%);

}



.sec3-item:hover .bg-date {

    transition: all 1s ease;

    transform: rotate(90deg);

}



.sec3-item:hover .sec3-item-img img {

    transition: all 0.5s ease;

    transform: scale(1.1);

}



.sec3-item:hover .sec3-item-img {

    overflow: hidden;

}



.sec3-item-desc {

    font-size: 0.3rem;

    line-height: 1.2;

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

}



.mt-line a {

    margin-left: 0.1rem;

}





@media (min-width: 992px) {



    .gz-img-erwei {

        width: 5rem;

        height: 6.5rem;

    }



    .dmt-tit {

        margin: 2rem auto;

        margin-bottom: -0.4rem;

    }



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

        margin-top: 0.6rem;

        z-index: 2;

        position: relative;

    }



    html {

        font-size: 30px;

    }



    .bkyw-wz-tit {

        width: 90%;

        padding: 0 0.4rem;

        position: absolute;

        bottom: 0.4rem;

        font-size: 0.38rem;

        line-height: 1.2;

        color: white;

    }



    .bkyw-title {

        line-height: 0.8rem;

        text-align: center;

        width: 2rem;

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

        background-size: 2rem 0.8rem;

        position: absolute;

        bottom: 1.7rem;

        left: 0.4rem;

        font-size: 0.35rem;

        color: white;

    }





    .mt-line {

        margin-top: -0.5rem;

    }



    .mt-line .gz-i-i {

        height: 0.6rem;

        margin-top: 22%;

    }



    .mt-line .gz-img-erwei img {

        width: 100%;

    }





    .media-ul li {

        width: 1.2rem;

        height: 1.2rem;

        border-radius: 0.6rem;

    }



    .gz-i-ts {

        width: 3rem;

        height: 1rem;

        padding-top: 0.25rem;

    }



    .media-ul {

        width: 11rem;

    }



    .gz-img-ts {

        width: 4rem;

        height: 4rem;

    }





    .me-dt {

        font-size: 0.3rem;

    }



    .me-tit {

        font-size: 0.4rem;

    }





    .sect-media {

        height: 9rem;

        margin-top: -21.7rem;

    }



    .sec3-item-tit {

        margin-top: 0.2rem;

        margin-bottom: 0.5rem;

        height: 1.2rem;

    }



    .sec3-item {

        width: 100%;

        height: 5.5rem;

        margin-bottom: 0;

    }



    .sec4-item-dateimg {

        float: left;

        margin-top: 0.22rem;

    }





    .sec3-itmes {

        padding-top: 0.5rem;

    }





    .sec3-item-left {

        position: relative;

        width: 40%;

        float: left;

    }





    .sec3-item-desc {

        font-size: 0.35rem;

        line-height: 1.5;

    }





    .sec3-item-right {

        padding-left: 0.6rem;

        padding-top: 0.2rem;

        float: left;

        width: 60%;

    }



    .sec3-item-img {

        width: 100%;

        height: 5rem;

        overflow: hidden;

    }



    .sec3-item-img img {

        width: 100%;

    }





    .header-banner {

        height: 6rem;

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

        background-size: 100% 100%;

    }



    .logo-line img {

        margin-top: -0.7rem;

        width: 98%;

    }



    .logo-line img {

        margin-top: 1rem;

        width: 56%;

    }



    .search-line {

        margin-left: 11.7rem;

        float: left;

    }



    .mt-line {

        float: left;

    }



    .logo-line {

        height: 4rem;

    }





    .swiper-container-new {

        float: left;

        width: 18rem;

        height: 12rem;

    }



    .yws {

        float: left;

        margin-left: 0.4rem;

        width: 12.9rem;

    }



    .yw-word {

        padding: 0.1rem;

        width: 8.7rem;

    }



    .date-line {

        margin-top: 0;

    }





    .yw-desc {

        padding-left: 0.4rem;

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

        display: block;

        font-size: 0.35rem;

        line-height: 1.4;

    }





    .yw-img {

        width: 3.6rem;

        height: 2.4rem;

        overflow: hidden;

    }



    .yw-item {

        padding: 0.31rem 0.3rem;

        margin-top: 0.02rem;

        width: 100%;

        height: 3rem;

    }



    .dzzt {

        line-height: 2.8rem;

        font-size: 1.3rem;

    }



    .section5,

    .section4 {

        float: left;

        width: 39%;

        padding-left: 6%;

    }



    .section3 {

        width: 61%;

        float: left;

    }



    .mtjj {

        margin-top: 1rem !important;;

    }



    .sect4-item {

        padding: 0.4rem;

        height: 4.8rem;

    }



    .sect4-item-tit {

        line-height: 1.1;

        height: 0.8rem;

    }



    .sect4-item-con {

        height: 1.8rem;

    }



    .section2 {

        margin-top: 0.6rem;

    }



    .section3 {

        margin-top: 1rem;

    }



    .section4 {

        margin-top: 0.6rem;

    }



    .section5 {

        margin-top: 1rem;

    }



    .sect-media {

        margin-bottom: 10rem;

    }



    .swiper-container-new .imag img {

        width: 100%;

    }



    .media-img {

        height: 16.3rem;

    }



    .media-img2 {

        height: 7.3rem;

        min-width: 100%;

        min-height: 100%;

    }



    .media-div {

        height: 8.15rem;

    }



    .bkyw-bg {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        background-image: linear-gradient(rgba(255, 255, 255, 0) 60%, #3d3384 100%);

    }

}





@media (min-width: 1200px) {

    html {

        font-size: 35px;

    }



    .swiper-container-new {

        float: left;

        width: 19rem;

        height: 12.5rem;

    }



    .yws {

        float: left;

        margin-left: 0.4rem;

        width: 13.17rem;

    }



    .yw-item {

        padding: 0.31rem 0.3rem;

        margin-top: 0.02rem;

        width: 100%;

        height: 3.1rem;

    }





}