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{
    max-width: 1300px;
    width: 94%;
    margin: 0 auto;
}
.m_head { width: 100%; overflow: hidden;}
.m_head .bg{ display: block; width: 100%; height: auto; position: relative;}
.m_head .m_contentbox{ position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.m_head_logo{
    padding-top: 25px;
}
.m_head_bt{
    width: 60%;
    margin: 0 auto;
    padding-top: 5%;
}
.m_head_bt img{ display: block; width: 100%;}
.m_menu{
    width: 100%;
    height: 80px;
    background:rgba(178, 30, 18,1);
}
.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;
}
.title{ position: relative; background: url(../img/xxgc-titbg.png) repeat-x; background-position: left center; margin-bottom: 10px;}
.title .tit{ display: inline-block; padding:0 18px 0 54px ; font-size: 36px; line-height: 42px; background: #fff url(../img/xxgc-tit-icon.png) no-repeat left center; font-weight: bold; color: #ac0900 !important;}
.title .more{ position: absolute; right: 0; top: 0; font-size: 16px; line-height: 20px; color: #999 !important;}
.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: 20px auto 0;
}
@media only screen and (max-width: 768px){

    .m_contentbox{
        width: 92%;
    }
    .m_pc{
        display: none;
    }
    .m_wap{
        display: block;
    }
    .m_con_right,.m_con_left{
        width: 100%;
        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_logo{ 
        padding-top: 5px;
    }
    .m_head_logo img{ height: 30px;}
    .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;
    }
    .title{ background-size: 2px auto;}
    .title .tit{padding:0 18px 0 30px ; font-size: 24px; background-size: 24px auto; font-weight: bold; color: #ac0900 !important;}
    .m_head .bg{ width: 150%;}
}