.banner img{width:100%}

.infomation{padding:70px 0;}
.infomation .row{width: 1200px; margin: 0 auto;}
.infomation .left{float: left; width: 35%;}
.infomation .left img{width:100%; border-radius: 10px; cursor: pointer}
.infomation .right{float: right; padding:20px 0 0 50px; width: 65%;}
.infomation .right h3{color: #da121c; font-size: 2.4rem; font-weight: bold; margin-bottom: 10px;}
.infomation .right p{color: #333; font-size: 1.6rem; line-height: 3.6rem; margin-bottom: 20px;}

.honor{padding:70px 0 150px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.honor img{}

.culture{padding:70px 0 80px; background: #e5e5e5; text-align: center;}
.culture .info img{margin-bottom:40px; border-radius: 10px;}
.culture .info{font-size: 2.4rem; line-height: 5rem; font-weight: bold;}

.history{padding:75px 0 100px; text-align: center}
.history .info{margin-bottom: 50px;}
#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;}

.show{padding:100px 0 60px;}
.show .info{text-align: center;}
.show .info .box{width: 30%; display: inline-block; font-size: 1.8rem; line-height: 2.4rem; text-align: left; margin: 0 5px 15px; height: 350px; vertical-align: top}
.show .info .box img{width: 100%; margin-bottom: 10px; border-radius: 10px;}

.windows{display: none; position: fixed; width: 1280px; height: 720px; top: 50%; left: 50%; margin-top: -360px; margin-left: -640px; z-index: 999}
.windows video{width: 100%;}


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

    .tab{overflow: hidden; overflow-x: auto;}
    .tab .box{width: 130%; text-align: left}
    .tab a{padding: 0 20px;}


    .infomation .row{width: 100%; padding: 0 30px;}
    .infomation .right{padding: 0 0 0 30px}
    .infomation .right p{line-height: 2.4rem}

    .honor{padding: 70px 0;}
    .honor .row{padding: 0 30px;}
    .honor img{width: 100%}

    .history>.row>img{width: 100%;}

    .show .info .box{width: 45%; height: 320px;}

    .windows{width: 90%; margin-left: -45%;}
}
@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{overflow: hidden; overflow-x: auto;}
    .tab .box{width: 260%; text-align: left}
    .tab a{padding: 0 20px;}

    .infomation .row{width: 100%; padding: 0 30px;}
    .infomation .left{width: 100%; margin-bottom: 20px;}
    .infomation .right{width: 100%; padding: 0}
    .infomation .right h3{font-size: 1.8rem}
    .infomation .right p{line-height:2.4rem; margin-bottom: 0}

    .honor{padding: 70px 0;}
    .honor .row{padding: 0 30px;}
    .honor img{width: 100%}

    .history{padding: 70px 0}
    .history>.row>img{width: 100%;}
    .history .info{width: 100%; overflow: hidden}
    #gallery-1{width: 136%; margin-left: -68px}

    .show{padding: 60px 0;}
    .show .info .box{width: 90%; height: auto}

}