body,div,ul,li,p,span,a{
    margin: 0;
    padding: 0;
}
a{
    color: inherit !important;
    text-decoration:none
}
img{
    transition: all .3s ease-out;
}
.m_pc{
    display: block;
}
.m_wap{
    display: none;
}
.m_contentbox{
    width: 1300px;
    margin: 0 auto;
}
body{
    background: url(../img/djxxjy-bg.jpg) no-repeat center top;
}
.zlzt{
    background: none;
}
.zlzt .m_head{ height: auto;}
.zlzt .m_head .banner{ display: block; width: 100%; height: auto;}
.zlzt .m_head .logo{ position: absolute; left: 50%; margin-left: -650px; top: 25px;}
.zlzt .m_menu{ background:rgba(178, 30, 18);}
.m_head{
    height: 580px;
    width: 100%;
}
.m_head_logo{
    padding-top: 25px;
}
.m_head_bt{
    width: max-content;
    margin: 0 auto;
    padding-top: 50px;
}
.m_menu{
    width: 100%;
    height: 80px;
    background:rgba(178, 30, 18,.7);
}
.m_menu ul li{
    width: 25%;
    text-align: center;
    font-size: 28px;
    color: #f8fcb0;
    float: left;
    list-style: none;
    line-height: 80px;
}
.m_menu ul li:hover{
    background: rgb(251,230,174);
    color: #b21e12 !important;
}
.m_menu_act{
    background: rgb(251,230,174);
    color: #b21e12 !important;
}
#swiper2{
    position: relative;
}
#swiper2 .swiper-button-next{
    right: 0;
}
.swiper-pagination-bullet{
    width: 13px;
    height: 13px;
    background:white;
    opacity:inherit !important;
}
.swiper-pagination-bullet-active{
    background: rgb(220, 55, 43);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 24px !important;
    width: 96%;
}
.m_lbtp img{
    width: 100%;
    height: 100%;
}
.m_lbtp img:hover{
    transform: scale(1.1);
}

.m_lb_title{
    position: absolute;
    bottom: 0;
    height: 60px;
    line-height: 60px;
    background: rgb(0 0 0 / 30%);
    color: white;
    width: 100%;
    padding-left: 20px;
}
.m_lb_title p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}
.m_con_left{
    width: 48%;
    float: left;
}
.m_con_right{
    width: 48%;
    float: right;
}
.m_con_lb{
    height: 380px;
    margin-top: 50px;
    overflow: hidden;
}
.m_con_list{
    margin-top: 50px;
    height: 380px;
}
.m_con_list>a>img{
    height: 36px;
    margin-bottom: 20px;
}
.m_list_litb{
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    float: left;
    margin-top: 19px;
    margin-right: 15px;
}
.m_con_list ul li{
    list-style: none;
    font-size: 18px;
    line-height: 43px
}
.m_con_list ul li:hover{
    color: #b21e12;
}
.m_con_list ul li:hover .m_list_litb{
    background: #b21e12;
}
.m_con_list ul li a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
    display: inline-block;
}
.m_con_list ul li span{
    float: right;
}


.m_wbqt{
    float: left;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width: 1340px){
    .zlzt .m_head .logo{ position: absolute; left: 20px; margin-left: 0; top: 10px; }
}
@media only screen and (max-width: 768px){
    body{
        background-size: 250%;
    }
    .zlzt .m_head{ height: auto;}
    .zlzt .m_head .logo{ left: 10px; top: 5px; height: 30px; }
    .m_contentbox{
        width: 92%;
    }
    .m_pc{
        display: none;
    }
    .m_wap{
        display: block;
    }
    .m_con_right,.m_con_left{
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
    }
    .m_con_list>img{
        width: auto;
    }
    .m_con_list ul li a{
        width: 60%;
        display: inline-block;
        float: none;
    }
    .m_con_list ul li{
        line-height: 42px;
    }
    .m_lbtp img {
        height: 230px;
    }
    .m_con_lb{
        height: 230px;
    }
    .m_menu ul li{
        width: max-content;
        padding: 0 20px;
    }
    .m_menu{
        overflow: auto;
    }
    .m_menu ul {
        width: max-content;
    }
    .m_head_bt{
        width: 94%;
        padding-bottom: 40px;
    }
    .m_head{
        height: auto;
    }
    .m_head_bt img{
        width: 100%;
    }
    
    .m_wap_bt1{
        transform: scale(4.0);
        margin-top: 28px;
        height: auto !important;
        width: 100% !important;
    }
    .m_wap_bt2{
        transform: scale(3.7);
        margin-top: 28px;
        height: auto !important;
        width: 100% !important;
    }
}