/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
.site{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.navbar{
    top: 30px;
}
.navbar nav{
    width: 100%;
    display: flex;
    align-items: center;
    padding:10px 15px;
}
.site_logo img {
    height: 90px;
    object-fit: cover;
}
.nav-list{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    margin: unset;
}
.nav-list li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 144px;
    height: 65px;
    background-color: #544c4c;
}
.nav-list li{
    border-right: 1px solid #FFF;
}
.nav-list li:last-child{
    border-right: unset;
}
.nav-list li:hover{
    background-color:#da142b;
}

.nav-list li a{
    text-decoration: unset;
    color: #fff;
}
.banner span{
    color: #544c4c;
    line-height: 1em;
    font-size: 80px;
    font-weight: bolder;
}
.banner a{
   color:#fff;
    text-decoration: none;
}

.welcome{
    background-color: #999999CF;
}
.welcome .Text{
    line-height: 1.2em;
    text-align: center;
    font-size: 36px;
    color: #fff;
}
.welcomeImage{
    width:100%;
}
.welcomeText .card-header{
    text-align: center;
    font-weight:800;
    font-size: 20px;
    letter-spacing: 5px;
}
.gallery{
    height: 100%;
}
.gallery_text{
    line-height: 1.1em;
    text-align: center;
    font-size: 38px;
    letter-spacing:5px;
    font-weight: bolder;
}
.swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    width: 100%;
    height: 180px;
}
.swiper-grid-column>.swiper-wrapper{
    flex-direction:unset!important;
}
.fencing{

}
.form-control{
    color: #fff;
}
.form-control:focus{
    color: #fff;
}