#mid1 {
            width: 700px;
            margin-left: 140px;
            position: absolute;
            background: url(/images/mid1.png)no-repeat center center;
        }

            #mid1 a {
                display: block;
                cursor: pointer;
                width: 233px;
                height: 204px;
                float: left;
            }

        #mid2 {
            width: 700px;
            margin-left: 140px;
            position: absolute;
            display: none;
            background: url(/images/mid2.png)no-repeat center center;
        }

            #mid2 a {
                display: block;
                cursor: pointer;
                width: 233px;
                height: 204px;
                float: left;
            }

        #mid3 {
            width: 700px;
            margin-left: 140px;
            position: absolute;
            display: none;
            background: url(/images/mid3.png)no-repeat center center;
        }

            #mid3 a {
                display: block;
                cursor: pointer;
                width: 233px;
                height: 204px;
                float: left;
            }

        #bottom1 {
            width: 980px;
            height: 350px;
            font-family: 'Times New Roman';
            font-size: 20px;
            color: #4f4f4f;
            text-align: justify;
            padding-top: 15px;
        }

        #bottom2 {
            width: 980px;
            height: 350px;
            display: none;
            font-family: 'Times New Roman';
            font-size: 20px;
            color: #4f4f4f;
            text-align: justify;
            padding-top: 15px;
        }

        #bottom3 {
            width: 980px;
            height: 350px;
            display: none;
            font-family: 'Times New Roman';
            font-size: 20px;
            color: #4f4f4f;
            text-align: justify;
            padding-top: 15px;
        }