.banner {
    width     : 100%;
    height    : 483px;
    background: #cd0306;
}

.swiper-container {
    width : 100%;
    height: 483px;
}

.swiper-container .swiper-slide {
    background: #cd0306;
}

.swiper-slide img {
    width : 100%;
    height: 483px;
}

.mian-info1 {
    background: #f2f8fc;
}

.infoItem {
    padding        : 80px 0;
    display        : flex;
    justify-content: space-between;
}

.infoItem .title {
    margin-bottom: 40px;
    display      : flex;
    position     : relative;
}

.infoItem .title .cnTitle {
    font-size   : 32.5px;
    margin-right: 20px;
    cursor      : pointer;
}

.infoItem .title .cnTitle:hover::after {
    content   : '';
    display   : block;
    transition: all 2s;
    width     : 140px;
    height    : 3px;
    background: #cd0306;
    position  : absolute;
    left      : 0;
    bottom    : -10px;
}

.infoItem .title .enTitle {
    position : absolute;
    font-size: 16px;
    left     : 150px;
    top      : -10px;
}

.infoItem .title .enTitle>div {
    height: 20px;
}


.infoItem .info {
    font-size  : 14px;
    text-indent: 2em;
    text-align : justify;
}

.infoItem .left {
    width      : 562px;
    line-height: 30px;
}

.infoItem .right {
    width   : 562px;
    overflow: hidden;
}

.swiper-container2 {
    position: relative;
    width   : 562px;
    height  : 342px;
    overflow: hidden;
}

.swiper-container2 .swiper-slide img {
    width : 562px;
    height: 342px;
}

.mian-info2 {
    background: #e7e7e8;
}

.mian-info2 .right img {
    width : 562px;
    height: 342px;
}

.mian-info2 .infoItem .title .enTitle,
.mian-info4 .infoItem .title .enTitle {
    position : absolute;
    font-size: 16px;
    left     : 150px;
    top      : 0px;
}

.mian-info3 {
    background: #f2f8fc;
}

.mian-info3 .right img {
    width : 562px;
    height: 342px;
}

.mian-info4 {
    background: #ffffff;
}

.mian-info4 .right img {
    width : 493px;
    height: 390px;
}