@font-face {
        font-family: 'Georgia';
        src: url('../fonts/georgia.woff2') format('woff2'),
                url('../fonts/georgia.woff') format('woff'),
                url('../fonts/georgia.ttf') format('ttf');
        font-weight: normal;
        font-style: normal;

}


.banner a {
        display: block;
        padding-bottom: 41.67%;
}

main {
        display: block;
        overflow: hidden;
}

.mode1 {
        overflow: hidden;
        padding-top: 80px;
        overflow: hidden;
}

.mode1Pic {
        display: block;
        width: 60%;
        clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%);
        /* shape-outside: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%); */
        /* shape-margin: 50px; */
        margin-top: -40px;
        overflow: hidden;
}

.mode1Img {
        padding-bottom: 51.84%;

        /* clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%); */
        /* shape-outside: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%); */
        shape-margin: 50px;
}

.title {
        padding: 20px 101px 30px 50px;
        box-sizing: border-box;
        background: #00479d;
        font-family: 'Georgia';
        line-height: 1;
        display: inline-block;
        clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%);
        position: relative;
        z-index: 10;
        text-transform: uppercase;
}

.title:hover {
        color: #fff;
}

.more {
        font-weight: bold;
        color: #00479d;
        line-height: 80px;
        font-family: 'Georgia';
        letter-spacing: 1px;
        text-transform: uppercase;
}

.mode1r {
        color: #333;
        line-height: 30px;
        height: 270px;
        padding-top: 20px;
        overflow: hidden;
        font-family: 'Georgia';
        text-align: justify;
}

.mode1r::before {
        content: '';
        display: block;
        float: left;
        height: 100%;
        width: 7%;
        shape-outside: polygon(0 100%, 100% 100%, 0 0);
}


.mode2 {
        overflow: hidden;
        background: #eef3f8;
        padding-bottom: 60px;
        box-sizing: border-box;
}

.mode2 .gp-container {
        /* overflow: hidden; */
}

.title2 {
        color: #00479d;
        display: block;
        margin: 53px 0 32px;
        font-family: 'Georgia';
        text-transform: uppercase;
}

.mode1l {
        margin-left: -50px;
        box-sizing: border-box;
}

.listContent12 {
        position: relative;
        padding-bottom: 40px;
        box-sizing: border-box;
        /* overflow: hidden; */
}

/* .listContent12 .swiper-wrapper{
        margin: 0 -20px;
        overflow: hidden;
} */

.listContent12 .swiper-wrapper a {
        display: block;
        margin: 0 20px;
}

.listContent12 .swiper-wrapper a span.gp-img-responisve {
        padding-bottom: 56.52%
}

.listName {
        line-height: 1;
        padding: 20px 0;
        box-sizing: border-box;
        color: #333;
        font-family: 'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
}

.listContent12 .swiper-scrollbar-drag {
        background: #00479d;
        border-radius: 5px;
        width: 200px !important;
}

.swiper-scrollbar {
        background: none;
}

.swiper-scrollbar::after {
        content: '';
        background: #dcdcdc;
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        top: 5px;
}

.listContent12 {
        /* margin-right: -503px; */
        /* margin-left: 251.5px; */
        /* overflow: visible; */
        /* overflow: hidden; */
}

.listContent12 .swiper-wrapper {
        margin: 0 -20px;
}

.listContent12 .swiper-wrapper li {
        width: calc(100% / 3);
        float: left;
}

@media screen and (max-width:1460px) {
        /*         .listContent12 {
                margin-right: -90px;
        } */

        .mode1l {
                margin: 0;
        }
}

@media screen and (max-width:1300px) {
        /*         .listContent12 {
                margin-right: -55px;
        } */
}

@media screen and (max-width:1200px) {
        /*         .listContent12 {
                margin-right: -50px;
        } */
}

@media screen and (max-width:1024px) {
        .listContent12 .swiper-wrapper {
                margin: 0 -5px
        }

        .listContent12 .swiper-wrapper a {
                margin: 0 5px
        }
}

@media screen and (max-width:997px) {
        .mode1 {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .title2 {
                margin: 40px 0 20px;
        }

        .mode2 {
                padding-bottom: 40px;
        }

        .mode1Pic {
                width: 100%;
                float: none;
                margin-top: 20px;
                margin-bottom: 20px;
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        .mode1r::before {
                display: none
        }

        .mode1r {
                height: auto;
                max-height: 270px;
                padding-top: 0;
        }
}

@media screen and (max-width:767px) {
        .listContent12 .swiper-wrapper li {
                width: 50%
        }
}

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

        .title {
                padding: 20px 35px 20px 10px;
        }

        .more {
                line-height: 60px;
        }

        .listContent12 .swiper-wrapper li {
                width: 100%
        }

        /*         .listContent12 .swiper-wrapper a {
                margin: 0 5px;
        }
        .listContent12 {
                padding-bottom: 15px;
        } */
}