.banner img{width:100%}

.tab{background: #da121c; text-align: center; line-height: 60px; width: 100%; z-index: 9; height: 60px;}
.tab a{display: inline-block; padding: 0 60px; color: #fff;  font-size: 1.8rem; height: 60px;}
.tab a:hover{background: #9f1a1f;}
.tab a i{margin-right: 10px; font-size: 2.2rem}
.fixed{position: fixed; top: 0; left: 0;}

.title{position: relative; text-align: center; margin-bottom: 50px;}
.title h3{font-size: 4.8rem; color: #333; line-height: 5.5rem}
.title p{font-size: 3.2rem; color: #da121c; line-height: 5rem}
.title span{position: absolute; top: 50px; width: 795px; height: 3px; display: inline-block; left: 50%; margin-left: -397.5px; background: url("../images/line.png") no-repeat;}

.infomation{padding:70px 0;}
.infomation .row{width: 1060px; margin: 0 auto;}
.infomation .left{float: left; width: 40%;}
.infomation .left img{width:100%; border-radius: 10px;}
.infomation .right{float: right; padding:50px 0 0 50px; width: 60%;}
.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: 40px; margin-bottom: 20px;}

.honor{padding:70px 0 150px;}
.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: 3rem; line-height: 5.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: 3.6rem; text-align: left; margin: 0 5px 15px  }
.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,.title p{display: none;}

    .tab{overflow: hidden; overflow-x: auto;}
    .tab .box{}
    .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}

    .culture .row{padding: 0 30px;}
    .culture .info{font-size: 2.4rem; line-height: 3.6rem}
    .culture .info img{width: 100%}

    .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{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 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: 200%; 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;}

    .culture .row{padding: 0 30px;}
    .culture .info{font-size: 1.8rem; line-height: 2.4rem}
    .culture .info img{width: 100%}

    .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}

}