.banner1 {
            margin: 0 auto;
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        #banner img {
            width: 100%;
        }

        #divall {
            position: relative;
            /*            width: 100%;*/
            bottom: 0px;
            /*top:-600px;*/
            font-weight: bolder;
            text-align: center;
            line-height: 80px;
            color: #fff;
            /*background-color:rgba(255, 255, 255, 0.5);*/
            padding: 10px 0;
        }

        #div3 {
            /*            left: 26.5%;*/
            /*            width: 71.5%;*/
            display: block;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            position: relative;
            background-color: #d16578;
            animation: loading3 5s ease 1;
            padding: 5px;
            font-size: 38px;
            text-align: center;
            /*            box-shadow: 0px 0px 10px #000000;*/
            border: #d16578 1px solid;
            border-radius: 2px;
            transition: all 0.3s;
            margin-top: 30px;
        }

        #div3:hover {
            background-color: #fff;
            border: #d16578 1px solid;
            color: #dd0c2d;
        }



        .index-title {
            color: #FFF;
            background-color: #6579c9;
            margin-bottom: 10px;
            font-size: 26px;
        }

        .index-title h2 {
            margin: 0;
            padding: 0;
        }

        #divall li {
            float: left;
        }

        .moresenmon,
        .s15school {
            background-color: #FFF;
            /*            border: #6AC5BE 1px solid;*/
            padding-bottom: 10px;
        }

        .moresenmon li {
            /*            width: 29%;*/
            width: 46%;
            margin-left: 2%;
            margin-right: 2%;

            height: 100%;

        }

        .moresenmon li img {
            width: 90%;
            display: block;
            margin: 0 auto;
        }

        .moresenmon li a {
            display: block;
            padding: 1px;
            padding-top: 20px;
            font-size: 24px;
            text-align: center;
            /*            border-radius: 2px;*/
            background-color: #d7dcf6;
            /*            border: #6AC5BE 1px solid;*/
            color: #333333;
            text-decoration: none;
            transition: all 0.3s;
        }

        .moresenmon li a:hover {
            color: #FFF;
            background-color: #7782b8;
            top: -2px;
        }

        .moresenmon li a span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 60px;
            line-height: 1.4;
        }

        .s15school {
            margin-top: 50px;
        }

        /*
       .s15school {
            text-align: center;
        }
*/

        ul {
            margin: 0;
            padding: 0;
        }

        .school1 ul li {
            width: 32%;
            text-align: left;
            border: 1px solid #bebebe;
            margin: 1px 5px;
            line-height: 60px;
            /*            margin-bottom: -15px;*/
        }

        .school1 ul li:hover {
            background-color: #eeedff;
        }

        .school1 ul li a {
            text-decoration: none;
            color: #4a4747;
            display: block;
            font-size: 18px;
            padding: 0 5px;
        }

        .school1 img {
            vertical-align: baseline;
            margin-bottom: -18px;
            margin-right: 3px;
        }

        @media only screen and (max-width: 1200px) {
            #divall {
                padding: 50px 0;
            }

            #div3 {
                margin-top: 40px;
            }

            .index-title {
                color: #FFF;
                background-color: #6579c9;
                margin-bottom: 10px;
                font-size: 26px;
            }

            .index-title h2 {
                margin: 0;
                padding: 0;
            }

            .moresenmon li a {
                display: block;
                font-size: 18px;
            }

            .s15school {
                margin-top: 40px;
            }

            .school1 ul li {
                width: 48%;
            }

            /*
            .school1 img {
                width: 85%;
                border: 1px solid #bebebe;
            }
*/
        }

        @media only screen and (max-width: 768px) {

            #div3 {
                font-size: 35px;
            }

            .moresenmon li a {
                font-size: 16px;
            }
        }

        @media only screen and (max-width: 640px) {

            #div3 {
                font-size: 25px;
                margin-top: 20px;
                animation: none;
            }

            .moresenmon li {
                float: none;
                width: 96%;
            }

            .moresenmon li a {
                /*                padding: 3px;*/
                font-size: 22px;
                margin-top: 10px;
            }

            .school1 ul li {
                width: 98%;
            }

            /*
            .school1 img {
                width: 96%;
            }
*/
        }

        @media only screen and (max-width: 480px) {
            #divall {
                line-height: 40px;
                padding: 10px 0;
            }

            #div3 {
                font-size: 18px;
                animation: none;
            }

            .index-title {
                font-size: 20px;
                padding: 5px;
            }

            #divall li {
                float: none;
                width: 90%;
                margin: 5px auto;
            }

            .s15school {
                margin-top: 40px;
            }
        }

        @media only screen and (max-width: 320px) {
            #divall {
                line-height: 30px;
                padding: 30px 0;
            }

            #div3 {
                font-size: 17px;
                animation: none;
            }

            .index-title {
                font-size: 13px;
                padding: 5px;
            }

            .moresenmon li a {
                padding: 3px;
                font-size: 20px;
                margin-top: 10px;
            }
        }