.banner{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;}

.info{padding: 80px 0}

.export{padding: 70px 0; background: #e5e5e5; text-align: center;}
.export .row{width: 1335px; margin: 0 auto;}
.export .info{margin-bottom: 30px;}
.export .info div{float: left; position: relative; width: 430px; height: 265px; overflow: hidden; margin: 0 15px 15px 0; border-radius: 10px;}
.export .info div img{width: 100%; border-radius: 10px;}
.export .info div p{background: rgba(0,0,0,0.3); padding:10px 20px; line-height: 35px; position: absolute; bottom: -35px; left: 0; width: 100%; color: #fff; text-align: left}
.export .info div p span{}
.export .info div:hover p{bottom: 0;}
.export .info .sunshine{width: 875px;}
.export a{font-size: 1.8rem; color: #666;}
.export a:hover{color: #da121c;}




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

    .export .row{width: 100%; padding: 0 50px;}
    .export .info{text-align: center}
    .export .info .sunshine{width: 98%;}
    .export .info div img{width: auto; height: 100%;}
    .export .info div{width: 48%; margin: 5px; display: inline-block; float: none;}
    .export .info div p{bottom: 0;}

    .info{padding: 0; width:100%}
    .info img{width: 100%}
}
@media only screen and (max-width: 480px){
    .banner{width: 100%; overflow: hidden}
    #gallery-1{width: 200%; margin-left: -180px}

    .export .row{padding: 0 15px;}
    .export .info .sunshine{width: 100%;}
    .export .info div{margin: 5px 0px; height: 150px; width: 49%;}
    .export .info div p{font-size: 0; line-height: 3rem; bottom: -30px; padding: 10px;}
    .export .info div p span{padding: 0;}
    .export .info div p span.fs24{font-size: 1.6rem !important}
}