@charset "UTF-8";
.swiper-ggt{
    margin-top: 105px;
}
.swiper-banner img{
    width: 100%;
}
.swiper-banner .swiper-pagination-bullet{
    width: 60px;
    height: 5px;
    background: #fff;
    border-radius: 0;
    opacity: 1;
}
.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #a40000;
    opacity: 1;
}
.swiper-banner .swiper-pagination-bullets{
    bottom: 20px!important;
}



.idx-info {padding-top: 55px;display: table;width: 100%;} 
.idx-info .w1440 {
    width: 100%;
    margin: 0 auto;
    padding: 0 8%;
    display: table;
} 
.idx-info .fl {max-width: 35%;overflow: hidden;float: left;width: 50%;} 
.idx-info .info-top {background-color: #a40000;color: #ffffff;display: table;width: 100%;} 
.idx-info .info-top .tit {margin-bottom: 20px;font-size: 23px;color: #faffae;font-weight: bold;text-align: center;line-height:normal;} 
.idx-info .info-top .left {font-size: 20px;line-height: 40px;width: 100%;height: 370px;padding: 60px 30px 0;} 
.idx-info .info-top .left .el { font-size: 20px; margin-top: 10px; } 
.idx-info .info-top .left .el div { font-size: 16px; margin-bottom: 5px; } 
.idx-info .info-top .right {font-size: 16px;line-height:36px;float: right;width: 50%;height: auto;padding: 30px 0;padding-left: 40px;padding-right: 20px;} 
.idx-info .info-top .right .el { font-size: 16px; } 
.idx-info .info-btm {padding: 20px 50px;height: 130px;width: 100%;background-color: #00a0e9;} 
.idx-info .fr {width: 65%;height: 500px;overflow: hidden;float: right;} 


/* ===== 新增移动端自适应媒体查询 ===== */
@media screen and (max-width:768px){
    .swiper-ggt{
        margin-top: 65px;
    }
    .idx-info {
        padding-top: 20px;
    }
    .idx-info .w1440 {
        padding:0 5%;
    }
    /* 左右两栏取消浮动，堆叠 */
    .idx-info .info-top .left,
    .idx-info .info-top .right{
        float:none;
        width:100%;
        height:auto;
        padding:20px 15px;
    }
    .idx-info .info-top .tit{
        font-size:18px;
    }
    .idx-info .info-top .left{
        font-size:16px;
        line-height:28px;
    }
    .idx-info .info-top .left .el{
        font-size:16px;
    }
    .idx-info .info-top .left .el div{
        font-size:14px;
    }
    .idx-info .info-top .right{
        font-size:14px;
        line-height:26px;
        padding-left:15px;
        padding-right:15px;
    }
    .idx-info .info-btm{
        height:auto;
        padding:15px;
    }
    .idx-info .fl,
    .idx-info .fr{
        float:none;
        width:100%;
        max-width:100%;
        height:auto;
    }
}
