/*前沿聚焦*/
#mod-fr .wrap ul {
    font-size: 0;
    padding: 0;
    width: 100%;
    margin: 2rem auto 0;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#mod-fr .wrap ul {
    font-size: 0;
    padding: 0;
    width: 100%;
    margin: 5rem auto 0
}

    #mod-fr .wrap ul li {
        font-size: 2rem;
        color: #fff;
        display: inline-block;
        width: 25%;
        height: 546px;
        vertical-align: top;
        padding: 2rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        overflow: hidden
    }


        #mod-fr .wrap ul li h3 {
            font-size: 2rem;
            color: #fff;
            font-weight: 400
        }

        #mod-fr .wrap ul li .description {
            width: 12rem;
            word-wrap: break-word;
            color: #D8D8D8;
            font-size: 1.6rem;
            height: 36px
        }

        #mod-fr .wrap ul li .detail {
            opacity: 0;
            margin-top: 8rem;
            font-size: 1.2rem;
            font-family: Helvetica;
            color: #5cb9ff;
            line-height: 2.2rem;
            width: 85%;
            text-align: justify;
            transition: all 1s linear
        }

        #mod-fr .wrap ul li:nth-child(3) .description,
        #mod-fr .wrap ul li:nth-child(4) .description {
            width: 16rem
        }
        /*修改 前沿聚焦图片*/
        #mod-fr .wrap ul li:nth-child(1) {
            background: url(../common/pic01.png)
        }

        #mod-fr .wrap ul li:nth-child(2) {
            background: url(../common/pic02.png)
        }

        #mod-fr .wrap ul li:nth-child(3) {
            background: url(../common/pic03.png)
        }

        #mod-fr .wrap ul li:nth-child(4) {
            background: url(../common/pic04.png)
        }

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min--moz-device-pixel-ratio:2), screen and (-o-min-device-piratio:200/100), screen and (min-device-pixel-ratio:2) {
    #mod-fr .wrap ul li:nth-child(1) {
        background-size: 100% 100%;
    }

    #mod-fr .wrap ul li:nth-child(2) {
        background-size: 100% 100%;
    }

    #mod-fr .wrap ul li:nth-child(3) {
        background-size: 100% 100%;
    }

    #mod-fr .wrap ul li:nth-child(4) {
        background-size: 100% 100%;
    }
}

#mod-fr .wrap ul li:hover {
    background: #161d8d;
}

    #mod-fr .wrap ul li:hover .detail {
        opacity: 1
    }

/*结束前沿聚焦*/

/*
    开始现场盛况
*/
#cssxcsk .imgcontainer {
    height: 700px;
    margin-top: 100px;
    background: #161d8d;
    position: relative;
    overflow: hidden
}

    #cssxcsk .imgcontainer div {
        overflow: hidden;
        -webkit-transition: -webkit-transform .3s linear;
        -o-transition: -o-transform .3s linear;
        -moz-transition: transform .3s linear, -moz-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;
        background-position: center;
        background-size: cover
    }

        #cssxcsk .imgcontainer div:hover {
            border: 4px solid #161d8d;
            -webkit-transform: scale3d(1.02, 1.02, 1.02);
            -moz-transform: scale3d(1.02, 1.02, 1.02);
            transform: scale3d(1.02, 1.02, 1.02);
            z-index: 5
        }

        #cssxcsk .imgcontainer div.img1 {
            width: 50%;
            height: 57%;
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0
        }

        #cssxcsk .imgcontainer div.img2 {
            width: 33%;
            height: 36%;
            position: absolute;
            left: 50%;
            top: 0;
            -webkit-transform-origin: 200px 0;
            -moz-transform-origin: 200px 0;
            -ms-transform-origin: 200px 0;
            -o-transform-origin: 200px 0;
            transform-origin: 200px 0
        }

        #cssxcsk .imgcontainer div.img3 {
            width: 17%;
            height: 36%;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform-origin: 200px 0;
            -moz-transform-origin: 200px 0;
            -ms-transform-origin: 200px 0;
            -o-transform-origin: 200px 0;
            transform-origin: 200px 0
        }

        #cssxcsk .imgcontainer div.img4 {
            width: 25%;
            height: 43%;
            position: absolute;
            left: 0;
            bottom: 0;
            -webkit-transform-origin: 0 300px;
            -moz-transform-origin: 0 300px;
            -ms-transform-origin: 0 300px;
            -o-transform-origin: 0 300px;
            transform-origin: 0 300px
        }

        #cssxcsk .imgcontainer div.img5 {
            width: 25%;
            height: 43%;
            position: absolute;
            left: 25%;
            bottom: 0;
            -webkit-transform-origin: 150px 300px;
            -moz-transform-origin: 150px 300px;
            -ms-transform-origin: 150px 300px;
            -o-transform-origin: 150px 300px;
            transform-origin: 150px 300px
        }

        #cssxcsk .imgcontainer div.img6 {
            width: 33%;
            height: 43%;
            position: absolute;
            left: 50%;
            top: 36%
        }

        #cssxcsk .imgcontainer div.img7 {
            width: 17%;
            height: 43%;
            position: absolute;
            right: 0;
            top: 36%;
            -webkit-transform-origin: 200px 150px;
            -moz-transform-origin: 200px 150px;
            -ms-transform-origin: 200px 150px;
            -o-transform-origin: 200px 150px;
            transform-origin: 200px 150px
        }

        #cssxcsk .imgcontainer div.img8 {
            width: 400px;
            height: 21%;
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform-origin: 200px 150px;
            -moz-transform-origin: 200px 150px;
            -ms-transform-origin: 200px 150px;
            -o-transform-origin: 200px 150px;
            transform-origin: 200px 150px
        }
/*
    结束现场盛况
*/

/*
    开始往届回顾
*/
.reviewd-iframe {
    width: 100%;
    height: 1120px;
    border: 0;
}

.caroursel-container {
    margin-top: 120px;
    position: relative;
}

.swiper-caroursel .swiper-slide {
    position: relative;
    width: 75.3%;
    height: auto;
    max-height: 461px;
}

    .swiper-caroursel .swiper-slide:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: 0.4;
    }

    .swiper-caroursel .swiper-slide.swiper-slide-active:after {
        opacity: 0;
        display: none;
    }

    .swiper-caroursel .swiper-slide > a {
        display: block;
        width: 100%;
        height: 100%;
    }

        .swiper-caroursel .swiper-slide > a img {
            width: 100%;
            height: 100%;
        }

.caroursel-container .swiper-pagination-caroursel {
    width: 100%;
    margin-top: 126px;
    font-size: 0;
}

    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet {
        position: relative;
        padding: 0;
        margin: 0;
        text-align: center;
        color: #fff;
        border-radius: 0;
        background: transparent;
        height: 30px;
        line-height: 22px;
        opacity: 0.6;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        font-family: Microsoft YaHei;
        font-weight: 700;
    }

        .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #0255c3;
            opacity: 0.5;
            z-index: 1;
        }

        .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet.swiper-pagination-bullet-active,
        .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
            opacity: 1;
        }

        .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet .item-years {
            font-size: 16px;
            /* font-style: italic; */
        }

        .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet.swiper-pagination-bullet-active .item-years {
            font-size: 18px;
        }

        .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet .item-text {
            font-size: 16px;
            margin-left: 8px;
        }

        .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet.swiper-pagination-bullet-active .item-text {
            font-size: 16px;
        }

@media screen and (max-width: 1600px) {
    .section.item7 {
        height: 980px;
    }

    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet .item-years {
        font-size: 16px;
    }

    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet.swiper-pagination-bullet-active .item-years {
        font-size: 16px;
    }

    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet .item-text {
        margin-left: 7px;
    }

    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet.swiper-pagination-bullet-active .item-text {
        font-size: 16px;
    }
    
}

@media screen and (max-width: 1440px) {
    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet .item-years {
        font-size: 16px;
    }

    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet.swiper-pagination-bullet-active .item-years {
        font-size: 16px;
    }

    .caroursel-container .swiper-pagination-caroursel .swiper-pagination-bullet .item-text {
        margin-left: 6px;
    }
    
}


@media screen and (max-width: 1200px) {
    .section.item7 {
        height: 880px;
    }

    .caroursel-container {
        margin-top: 100px;
    }

        .caroursel-container .swiper-pagination-caroursel {
            margin-top: 100px;
        }
    .reviewd-iframe {
        width: 100%;
        height: 550px;
        border: 0;
    }
}
.mod-reviewed {
    padding-top: 0px;
    /* background: url(../common/pic_bg1.png) no-repeat;*/
}


/*
    结束往届回顾
*/