.banner img{width:100%}
#gallery-1 {width:100%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
#gallery-1 img{width: 100%}
.rsDefault .rsThumb{width:200px; height:60px;}

.free_base{padding: 70px 0 0; background: #e5e5e5; text-align: center;}
.free_base .row{width: 1335px; margin: 0 auto;}
.free_base .txt{background: #da121c; color: #fff; display: inline-block; padding: 20px 50px; line-height: 3rem; border-radius: 50px; font-size: 1.8rem;}
.free_base .info{margin: 50px auto 0; width: 1295px; text-align: center;}
.free_base .info div{position: relative; width: 100%; overflow: hidden; margin: 0 0 30px 0;}
.free_base .info div img{width: 100%;}
.free_base .info div p{background: rgba(0,0,0,0.3); line-height: 50px; position: absolute; bottom: -55px; left: 0; width: 100%; color: #fff; font-size: 1.8rem;}
.free_base .info div p i{padding:0 10px; font-size: 2.2rem;}
.free_base .info div:hover p{bottom: 0;}

@media (max-width: 1199px){
    .title span{display: none;}

    .tab{overflow: hidden; overflow-x: auto;}

    .free_base .txt{border-radius: 20px;}
    .free_base .info{width: 100%;}
    .free_base .row{width:100%; padding: 0 30px;}
}
@media only screen and (max-width: 480px){
    .title{margin-bottom: 30px;}
    .title h3{font-size: 2.4rem; line-height: 3.6rem; font-weight: bold;}

    .banner{padding: 0; width: 100%; overflow: hidden; text-align: center}
    .banner img{width: 200%; margin-left: -160px;}

    .tab .box{width: 180%; text-align: left}

    .free_base .row{width:100%; padding: 0 30px;}
    .free_base .txt{border-radius: 10px;}
}