/* reset */

body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

ol,

dl,

dd,

form,

select,

textarea,

input,

button,

table,

fieldset {

    margin: 0;

}



ul,

ol,

textarea,

input,

button,

th,

td,

fieldset {

    padding: 0;

}



button,

textarea,

input {

    outline: none;

}



textarea {

    resize: none;

}



button {

    cursor: pointer;

}



input::-ms-clear {

    display: none;

}



table {

    border-collapse: collapse;

}



li {

    list-style: none;

}



/*img {

    border: none;

    display: block;

	vertical-align: middle;

}*/



em,

i {

    font-style: normal;

}



/* common */

html {

    min-width: inherit;

}





body {

    color: #030303;

    font-family: 'pingfang', 'Microsoft Yahei';

    font-size: 0.14rem;

    min-width: inherit;

}



* {

    box-sizing: border-box;

}



a {

    color: #030303;

    text-decoration: none;

}



a:hover {

    color: #00a4ff;

}



.content {

    position: relative;

    width: 14.40rem;

    height: 100%;

    margin: 0 auto;

    overflow: hidden;

}



.title-wrap {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-align: center;

    align-items: center;

}



.title-wrap .title {

    font-size: 0.42rem;

    line-height: 0.63rem;

    font-weight: 600;

    color: #000;

}



.title-wrap .more::after {

    content: '';

    display: inline-block;

    position: relative;

    bottom: -0.02rem;

    width: 0.17rem;

    height: 0.15rem;

    background: url(./arrow-blue.png) no-repeat;

    background-size: contain;

    margin-left: 0.10rem;

}



.title-wrap .more {

    font-size: 0.16rem;

    color: #1842B3;

}



.title-wrap .more:hover {

    text-decoration: underline;

}




.content .title {

    font-size: 0.42rem;

    line-height: 0.63rem;

    font-weight: 600;

    color: #000;

}



.content .subtitle {

    margin-top: 0.20rem;

    font-size: 0.18rem;

    line-height: 0.27rem;

}



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


    .content {

        width: 7.04rem;

    }



    .content .title {

        font-size: 0.48rem;

        line-height: 0.72rem;

    }



    .content .subtitle {

        font-size: 0.30rem;

        line-height: 0.42rem;

    }



    .title-wrap .more {

        font-size: 0.30rem;

        font-weight: 400;

    }



    .title-wrap .more::after {

        display: none;

        width: 0.28rem;

        height: 0.25rem;

        margin-left: 0.10rem;

    }

}

.main-swiper {

    width: 100%;

}



.main-swiper .content {

    display: block;

}



.main-container {

    height: 100%;

    overflow: hidden;

}



.main-container .main-wrap .main-item {

    overflow: hidden;

}



.main-container .main-wrap .main-item video {

    display: block;

    width: 100%;

    max-width: 100%;

}



.main-container .main-wrap .mobile-img {

    display: none;

}



.main-swiper .snow-canvas {

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

    width: 100%;

    z-index: 10;

}




.main-container .main-wrap .main-detail {

    display: block;

    width: 2.88rem;

    height: 0.50rem;

    font-size: 0.18rem;

    font-weight: 600;

    text-align: center;

    line-height: 0.50rem;

    color: #fff;

    background-color: #2550dc;

}



.main-container .main-wrap .main-detail:hover {

    background-color: #002B9B;

}



.main-swiper .main-item img {

    display: block;

    width: 100%;

    margin: auto;

}



.main-swiper .pagination-wrap {

    position: absolute;

    bottom: 0.32rem;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 14.40rem;

    height: 0.05rem;

    margin: 0 auto;

    z-index: 10;

}



.main-swiper .swiper-pagination {

    display: -ms-flexbox;

    display: flex;

}



.main-swiper .swiper-pagination-customs {

    height: 0.05rem;

    width: 0.36rem;

    background-color: #fff;

}



.main-swiper .swiper-pagination-customs:not(:first-child) {

    margin-left: 0.10rem;

}



.main-swiper .swiper-pagination-customs:hover {

    background-color: #D8D8D8;

    cursor: pointer;

}



.main-swiper .swiper-pagination-customs-active {

    background-color: #2550dc;

}



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

    .main-swiper {

        height: 3.0rem;

    }



    .main-swiper .main-item img {

        width: 100%;

        left: inherit;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    .main-container .main-wrap .main-detail {

        bottom: 1rem;

        width: 2.88rem;

        height: 0.90rem;

        line-height: 0.90rem;

        font-size: 0.30rem;

    }



    .main-swiper .pagination-wrap {

        width: 7.04rem;

        height: 0.10rem;

    }



    .main-container .main-wrap .main-item video {

        display: none;

    }



    .main-container .main-wrap .mobile-img {

        display: block;

    }



    .main-swiper .swiper-pagination {

        width: 1.58rem;

    }



    .main-swiper .swiper-pagination-customs {

        height: 0.05rem;

        width: 0.36rem;

    }



    .main-swiper .swiper-pagination-customs:not(:first-child) {

        margin-left: 0.10rem;

    }



    .main-item--container {

        width: 7.04rem;

        top: auto;

        top: initial;

        bottom: 0.98rem;

    }



    .main-item--container a {

        padding-left: 0;

    }



}

/* dynamic 鍏叡鏍峰紡 */

.dynamic {

    padding: 0.60rem 0 1.05rem;

    background-color: #fff;

}



.dynamic .y-flex {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

}



.dynamic .dynamic-title {

    font-size: 0.16rem;

    float: left;

    font-weight: bold;

    color: #0032B4;

    margin-right: 0.05rem;

}



.dynamic .dynamic-title::before {

    content: '[';

}



.dynamic .dynamic-title::after {

    content: ']';

}



.dynamic .dynamic-text {

    font-size: 0.16rem;

    font-weight: 400;

    color: #000;

}



.dynamic .dynamic-text:hover a {

    color: #1842B3 !important;

}



.dynamic .dynamic-text a {

    display: block;

    height: 100%;

    word-break: break-all;

}



/* dynamic 鍗曠嫭鏍峰紡 */

.dynamic .dynamic-wrap {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 3.70rem;

    margin: 0.54rem 0 0.40rem 0;

}



.dynamic .left-pic {

    position: relative;

    width: 7.04rem;

    overflow: hidden;

}



.dynamic .pic-wrap {

    display: -ms-flexbox;

    display: flex;

    position: relative;

    height: auto;

}



.dynamic .pic-wrap a {

    width: 100%;

}



.dynamic .pic-wrap a img {

    width: 100%;

    object-fit: cover;

}



.dynamic .time-axis {

    width: 0.04rem;

    background-color: #E9EAEE;

}



.dynamic .axis-item-inner {

    width: 100%;

    height: 0.60rem;

    background-color: #0032B4;

    display: none;

}



.dynamic .axis-item {

    height: 0.92rem;

}



.dynamic .axis-active .axis-item-inner {

    display: block;

}



.dynamic .right-content {

    -ms-flex-positive: 1;

    flex-grow: 1;

    display: -ms-flexbox;

    display: flex;

}



.dynamic .time-line {

    text-align: right;

    padding-left: 0.92rem;

}



.dynamic .time-line .line-active {

    color: #1842B3;

}



.dynamic .time-item {

    cursor: pointer;

    height: 0.92rem;

    padding-right: 0.12rem;

}



.dynamic .day {

    font-size: 0.16rem;

    line-height: 0.30rem;

    padding-bottom: 0.10rem;

}



.dynamic .date {

    width: -webkit-max-content;

    width: max-content;

    font-size: 0.12rem;

}



.dynamic .right-content .list-wrap {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 7.00rem;

    height: 100%;

    margin-left: -0.03rem;

}



.dynamic .list-item {

    overflow: hidden;

    text-overflow: ellipsis;

    height: 0.92rem;

    line-height: 0.32rem;

    padding-left: 0.20rem;

}





.dynamic .list-item:hover {

    cursor: pointer;

}



.dynamic .dynamic-hot {

    display: -ms-flexbox;

    display: flex;

}



.dynamic .dynamic-hot .hot-item {

    margin-right: 0.3rem;

    width: 3.38rem;

}



.dynamic .dynamic-hot .hot-item  a {

    display: block;

}



.dynamic .dynamic-hot .hot-item:last-child{

    margin-right: 0;

}



.dynamic .hot-item .hot-img {

    width: 100%;

    height: 1.90rem;

    object-fit: cover;

    margin-bottom: 0.30rem;

}



.dynamic .hot-des {

    overflow: hidden;

    text-overflow: ellipsis;

    height: 0.72rem;

    line-height: 0.25rem;

}



/* 768 */



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

    .dynamic {

        padding: 0.60rem 0 1.00rem;

    }



    .dynamic .title-wrap .more {

        font-size: 0.30rem;

        line-height: 0.42rem;

        font-weight: 400;

    }



    .dynamic .dynamic-wrap {

        -ms-flex-direction: column;

        flex-direction: column;

        height: auto;

        margin: 0.54rem 0 1.01rem 0;

    }



    .dynamic .left-pic {

        width: 7.04rem;

        height: 3.96rem;

        margin-bottom: 0.68rem;

    }





    .dynamic .time-line {

        padding: 0;

    }



    .dynamic .time-item {

        height: 2rem;

        color: #333;

        padding-right: 0.12rem;

    }



    .dynamic .day {

        font-size: 0.30rem;

        font-weight: 600;

        line-height: 0.48rem;

        padding-bottom: 0.30rem;

    }



    .dynamic .date {

        font-size: 0.26rem;

        font-weight: 400;

        line-height: 0.30rem;



    }



    .dynamic .dynamic-text a,

    .dynamic .dynamic-title {

        font-size: 0.30rem;

    }



    .dynamic .time-axis {

        width: 0.039rem;

        -ms-flex: 0 0 0.039rem;

        flex: 0 0 0.039rem;

    }



    .dynamic .axis-item {

        height: 2rem;

    }



    .dynamic .axis-item-inner {

        height: 1.10rem;

    }





    .dynamic .right-content {

        max-width: 100%;

    }



    .dynamic .list-item {

        -webkit-line-clamp: 4;

        line-height: 0.50rem;

        padding-left: 0.20rem;

        height: 2rem;

    }



    .dynamic .dynamic-hot {

        -ms-flex-direction: column;

        flex-direction: column;

    }



    .dynamic .dynamic-hot .hot-item {

        width: 100%;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-pack: justify;

        justify-content: space-between;



        padding: 0.32rem 0 0.30rem;

        border-top: 0.02rem solid #E9EAEE;

    }



    .dynamic .dynamic-hot .hot-img {

        width: 2.24rem;

        height: 1.26rem;

    }



    .dynamic .dynamic-hot .hot-des {

        width: 4.49rem;

        font-size: 0.30rem;

        line-height: 0.48rem;

        height: 1.36rem;

    }

}

.activity {

    font-size: 0.16rem;

    padding: 1rem 0;

    background-color: #F2F4F8;

}



.activity .title-wrap {

    margin-bottom: 0.51rem;

}



.activity .activity-wrap {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: justify;

    justify-content: space-between;
    flex-wrap: wrap;

}



.activity .activity-wrap .activity-item {

    width: 4.63rem;
    margin-bottom: 0.3rem;

}



.activity .activity-item img {

    width: 100%;

    height: 2.6rem;

    object-fit: fill;

    display: block;

}



.activity .activity-item .item-des {

    padding: 0.30rem 0.49rem 0.25rem 0.20rem;

    background-color: #fff;

}



.activity .activity-item:hover .item-des {

    background-color: #D8D8D8;

}



.activity .activity-item .item-title:hover,

.activity .activity-item .item-text:hover {

    color: #1842B3;

}



.activity .activity-item .item-title {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: 600;

    line-height: 0.22rem;



    color: #333;

    margin-bottom: 0.07rem;

}



.activity .activity-item .item-text {

    height: 0.75rem;

    overflow: hidden;

    text-overflow: ellipsis;



    word-break: break-all;



    color: #4e4e4e;

    font-weight: 400;

    line-height: 0.25rem;

    margin-bottom: 0.21rem;

}



.activity .activity-item .item-des .detail {

    font-size: 0.16rem;

    font-weight: 400;

    color: #1842B3;

}



.activity .activity-item .item-des .detail:hover {

    text-decoration: underline;

}



.activity .activity-item .item-des .detail:after {

    content: '';

    display: inline-block;

    position: relative;

    bottom: -0.02rem;

    width: 0.17rem;

    height: 0.15rem;

    background: url(./arrow-blue.png) no-repeat;

    background-size: contain;

    margin-left: 0.10rem;

}



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

    .activity {

        padding: 1rem 0;

    }



    .activity .title-wrap {

        margin-bottom: 0.6rem;

    }

    .activity .activity-wrap{

       flex-direction: column;

    }



    .activity .activity-wrap .activity-item {

        width: 100%;

    }



    .activity .activity-item img {

        height: 3.42rem;

    }



    .activity .activity-item .item-des {

        padding: 0.4rem 0.33rem 0.50rem;

    }



    .activity .activity-item .item-des .detail {

        font-size: 0.30rem;

        font-weight: 400;

        color: #1842B3;

        line-height: 0.42rem;

    }



    .activity .activity-item .item-title {

        font-size: 0.38rem;

        font-weight: 600;

        line-height: 0.53rem;

        margin-bottom: 0.20rem;

    }



    .activity .activity-item .item-text {

        font-size: 0.30rem;

        line-height: 0.48rem;

        margin-bottom: 0.86rem;

        height: 1.36rem;

    }



    .activity .activity-item .item-des .detail:after {

        width: 0.34rem;

        height: 0.20rem

    }

}


.anli .item-des {

    text-align: center;

}

.anli .activity-wrap .activity-item {

    width: 3.4rem;

}

.anli .activity-item img {

    height: 1.9rem;

}

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

    .anli .activity-wrap .activity-item {

        width: 100%;

    }

    .anli .activity-item img, .activity .activity-item img {

        height: 3.9rem;

    }

}