body
{
    width: 100%;
    margin: 0px;
    font-family: "Microsoft Yahei";
}

@media screen and (max-width:1080px)
{
    .top
    {
        width: 90%;
        margin: 0 auto 0 auto;
        position: relative;
    }
    .swiper-container
    {
        width: 100%;
        height: 230px;
    }
}

@media screen and (min-width:1080px)
{
    .top
    {
        width: 70%;
        margin: 0 auto 0 auto;
        position: relative;
    }
    .swiper-container
    {
        width: 100%;
        height: 350px;
    }
        .footdiv
    {
        display: none;
        }

}
.top  p
{
    float: right;
    font-weight: bold;
    color: #376092;
    margin: 0;
    padding: 1.5em 1em 1.2em 1em;
    cursor: pointer;
    text-align: center;
    width: 8%;
}

.top  p:hover
{
    background-color: #f3f3f3;
}

.top a
{
    text-decoration: none;
}

.top a:visited
{
   color: #376092;
}



.swiper-slide
{
    background-position: center;
    background-size: cover;
}

.level1
{
    text-align: center;
}


.level1 > div
{
    vertical-align: top;
    display: inline-block;
    margin: 3em 1em;
    transition: 0.5s transform;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/*
.level1 > div:hover 
{
    transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transition: 0.5s transform;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
*/

.level1div:hover
{
    transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transition: 0.5s transform;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.level2
{
    text-align: center;
    background-image: url(../imgs/level2_bg.jpg);
    padding-bottom: 80px;
    overflow: hidden;
}

/*
.level2 img:hover
{
    transform: scale(1.0, 1.0);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transition: 0.5s transform;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
*/


.level3
{
    background-color: #11aff7;
    text-align: center;
}

.level3 > div
{
    display: inline-block;
    padding: 3% 5% 3% 5%;
}


.level3 > div > p
{
    color: White;
}

.level3 > div > p:last-child
{
    font-weight: bold;
    font-size: 2em;
}


.foot
{
    text-align: center;
    background-color: Black;
    color: White;
    padding-top: 15px;
    padding-bottom: 15px;
}

.foot > p
{
    margin: 0px;
    padding: 30px 0px 30px 0px;
}


.video
{
    text-align: center;
}