*{
    margin: 0;
    padding: 0;
}
/*媒体查询*/
@media (max-width: 767.98px) {
    #download-area .col-md-6:last-child{
        margin-top: 20px;
    }
}
.container .xiyuan{
    font-size: 28px;
    color: #40d2b1 !important;
    font-weight: bolder;
}
.navbar-nav .nav-item a{
    font-size: 16px;
    font-weight: bolder;
    color: #000000 !important;
}

/*
广告*/
#ad-area{
    width: 100%;
    height: 100%;
    padding: 50px 0;
    background-color: #2c433d;
    color: #ffffff;
    text-align: center;
    margin-top: 68px;
}
#ad-area p{
    font-size: 14px;
    text-align: center;

}


#category-area{
    width: 100%;
    height: 100%;
    padding: 50px 0;
    text-align: center;
}
#category-area a{
    display: inline-block;
    text-decoration: none;
    color: #000000;
    width: 100%;
    height: 100%;
    padding: 20px 0 10px 0;
    transition:all 0.6s;
}

#category-area a>h3{
    font-weight: bolder;
    margin-top: 20px;
}
#category-area a>p{
    font-size: 14px;
}
#category-area a:hover{
    background-color: #f1f1f1;
    box-shadow: 1px 1px 4px #cccccc;
    transform: scale(1.1);
}

#html-area{
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    padding: 50px 0;
}
#html-area .wrap,#boots-area .wrap,#link-area .wrap{
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    flex-direction: column;/*垂直方向居中*/
    flex-wrap: nowrap;/*是否换行*/
    justify-content: center;/*内容对齐方式*/

}
#html-area h2,#boots-area h2,#link-area h2{
    font-weight: bolder;
}
#html-area p,#boots-area p,#link-area .wrap p{
    font-size: 14px;
}

#boots-area{
    height: 100%;
    width: 100%;
    padding: 50px 0;
}

#course-area{
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    padding: 50px 0;
}
#course-area h2{
    text-align: center;
    font-weight: bolder;
    margin: 0 0 20px 0;
}

#course-area .row .course{
    width: 275px;
    height: 255px;
    text-align: center;
    margin: 10px auto;
}
#course-area .row .course a{
    margin-top: 21px;
}

#download-area,#link-area{
    width: 100%;
    height: 100%;
    padding: 50px 0;
}
#download-area .wrap{
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    flex-direction: column;/*垂直方向居中*/
    flex-wrap: nowrap;/*是否换行*/
    justify-content: center;/*内容对齐方式*/
}

#link-area{
    background:url("../img/contact-bg.png") no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    position: relative;
}
#link-area:before{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    top: 0;

}

#link-area .wrap{
    color: #ffffff;
}

#footer{
    text-align: center;
    font-size: 16px;
}
#footer p{
    line-height: 37px;
    margin: 0 auto;
}