#intro {
            padding: 0;
            margin: 0;
            height: 0 !important;
            width: 0;
            overflow: hidden !important;
        }
        #intro .logo {
            float: left;
            margin: 0 10px 10px 0;
        }
        h1, h2, h3, h4, p, li {
            font-family: microsoft yahei;
        }
        @media screen and (min-width:600px) {
            .slide1 {
                background-image: url(../img/1.jpg);
            }
            .slide2 {
                background-image: url(../img/2.jpg);
            }
            .slide3 {
                background-image: url(../img/3.jpg);
            }
            .slide4 {
                background-image: url(../img/4.jpg);
            }
        }
        @media screen and (max-width:600px) {
            .slide1 {
                background-image: url(../img/5.jpg);
            }
            .slide2 {
                background-image: url(../img/6.jpg);
            }
            .slide3 {
                background-image: url(../img/7.jpg);
            }
            .slide4 {
                background-image: url(../img/8.jpg);
            }
        }
        @media screen and (min-width:600px) {
            .page2 {
                background-image: url(../img/11.jpg);
            }
            .page3 {
                background-image: url(../img/12.jpg);
            }
            .page4 {
                background-image: url(../img/13.jpg);
            }
            .page5 {
                background-image: url(../img/14.jpg);
            }
            .page6 {
                background-image: url(../img/15.jpg);
            }
            .page7 {
                background-image: url(../img/16.jpg);
            }
            .page8 {
                background-image: url(../img/17.jpg);
            }
        }
        @media screen and (max-width:600px) {
            .page2 {
                background-image: url(../img/21.jpg);
            }
            .page3 {
                background-image: url(../img/22.jpg);
            }
            .page4 {
                background-image: url(../img/23.jpg);
            }
            .page5 {
                background-image: url(../img/24.jpg);
            }
            .page6 {
                background-image: url(../img/25.jpg);
            }
            .page7 {
                background-image: url(../img/26.jpg);
            }
            .page8 {
                background-image: url(../img/27.jpg);
            }
        }
        @media screen and (min-width:1050px) {
            #index_x {
                display: none
            }
        }
		 #allVideos a:hover { background:#385f9e; }
		 #allVideos a{ 
		 
		 
					text-decoration:none;
					background:#2f435e;
					color:#f2f2f2;
					
					padding: 10px 30px 10px 30px;
					font-size:16px;
					font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
					font-weight:bold;
					border-radius:3px;
					
					-webkit-transition:all linear 0.30s;
					-moz-transition:all linear 0.30s;
					transition:all linear 0.30s;
		 
		 }