*{

    margin: 0;

    padding: 0;

    list-style: none;

    text-decoration: none;

}



.d_flex{

    display: flex;

    flex-wrap: wrap;

}

.d_j_c{

    justify-content: center;

}

.d_j_sb{

    justify-content: space-between;

}

.d_a_c{

    align-items: center;

}

.d_item{

    flex: 1;

}

/*body{

    background-color: #fff;

    background-image: url(../images5/bg.png);

    background-repeat: repeat-y;

    background-position: center 660px;

    /* background-attachment: fixed; */

   /* background-size:100% auto ;

    min-height: 100vh;

    width: 100%;

    font-family: "KaiTi";

}*/

.container{

    width: 1200px;

    margin: 0 auto;

    /* overflow: hidden; */

    box-sizing: border-box;

}

.topbar_phone{

    display: none;

}

.topbar{

    height: 50px;

    padding-top: 20px;

}

.topbar .container{

    height: 100%;

    padding-top: 0;

}



.nav_bar{

    display: flex;

    justify-content: flex-end;

    /* padding-top: 10px; */

}

.nav_bar li{

   font-size: 0;

}

.nav_bar li a{

    /* display: block; */

    text-align: center;

    font-size: 14px;

    color: #333333;

    padding: 4px 14px 0;

    position: relative;

    line-height: 1;

    min-height: 24px;

}

.nav_bar li:first-of-type a{

    padding-top: 0;

}

.nav_bar li a::after{

    content: "|";

    position:absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    font-size: 12px;

}

.nav_bar li:last-child a::after{

    display: none;

}



.banner_box{

    height:500px;

    background-image: url(../imgces/sxlhh.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    box-sizing: border-box;

    padding-top: 18px;

}



.top_content_box{

    padding: 30px 40px 40px;

    background-color: #F4F4F5;

    box-shadow: 3px 4px 21px 9px rgba(41, 9, 1, 0.1);

    border-radius: 20px;

}

.top_content_box .img_div{

    padding-top: 20px;

}

.top_content_box .img_div img{

   display: block;

}



.top_warp_box{

    box-sizing: border-box;

    background-color: #F4F4F5;

    box-shadow: 3px 4px 21px 9px rgba(41, 9, 1, 0.1);

    border-radius: 20px;

    padding: 32px 40px 15px;

    margin-top: -137px;

}

.top_warp_box .img_box_wrap{

    margin: 20px 0 12px;

}

.top_warp_box .bottom_box{

    text-align: center;

}







.modal_div{

    padding-top: 50px;

    font-size: 0;

}



.text_div{

    text-indent: 2em;

    font-size: 18px;

    color: #000;

    line-height: 1.75;

    /* padding-top: 30px; */

}

.text_div .text_r{

    text-align: right;

    padding-bottom: 10px;

}



.title_div_wrap{

    /* padding-bottom: 24px; */

    font-size: 0;

}

.title_box{

    text-align: center;

    height: 50px;

    margin-bottom: 30px;

    margin-top: 40px;

}

.img_box_wrap{

    background-color: #B93417;

    font-size: 0;

}

.img_box_wrap img{

    display: block;

    width: 100%;

}

.img_box_wrap p{

    min-height: 40px;

    line-height: 24px;

    font-size: 18px;

    background-color: #B93417;

    text-align: center;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    padding: 8px 25px;

}

.div_item_showimg{

    padding-top: 14px;

}

.w792{

    width: 792px;

}

.w386{

    width: 386px;

}

.w582{

    width: 582px;

    position: relative;

}



.content_box_wrap{

    padding-bottom: 20px;

}




.footer{

    padding-top: 5%;

    text-align: center;

    font-size: 16px;

    color: #666666;

    padding-bottom: 60px;

    line-height: 1.7;

}

.doct .bdsharebuttonbox {
    padding-top: 10px;
}





@media only screen and (max-width: 768px) {

    
    
    .banner_box{

    background-image: url(../imgces/sjlh.jpg);
    background-position: center;

    background-size: 100%;


    
}

    .container{

        width: 100%;

        padding-top: 2%;

        padding-right: 2.5%;

        padding-left: 2.5%;

    }

    .banner_box .top_container{

        padding-top: 0;

    }

    .nav_bar li a {

        font-size: 12px;

    }

    .nav_bar li a img{

        height: 16px;

    }

    .nav_bar li:nth-child(3), .nav_bar li:nth-child(4), .nav_bar li:nth-child(5), .nav_bar li:nth-child(7), .nav_bar li:nth-child(8) {

        display: none;

    }

    .chegmen{

        padding-top: 2%;

    }

    .chegmen img{

        height: 26px;

        display: block;

        /* margin:  auto; */

    }

    .topbar{

        height: 40px;

    }

    .topbar .container{

        justify-content: center;

    }

    .topbar img{

        height: 25px;

    }



    .banner_box{

        height: 214px;

        padding-top: 2px;

        /* padding-top: 40px; */

        /* background-image: url(../images2/banner-1.jpg); */

    }



    .top_warp_box .img_box_wrap{

        margin: 10px 0 0;

    }

    .top_warp_box .bottom_box{

        padding-top: 10px;

    }

    .top_title_show{

        justify-content: center;

    }

    .top_title_show img:first-of-type{

       width: 60%;

    }

    .top_title_show img:nth-child(2){

        /* width: 45.833%; */

        height: 32.5vw;

    }

    .top_title_show img:nth-child(3){

        /* width: 25%; */

        margin-left: 3%;

        height: 32.5vw;

    }

    .modal_div{

        padding-top: 30px;

    }

    .div_item_showimg img{

        display: block;

        width: 100%;

    }

    .w587::after{

        width: 84px;

        height: 48px;

        bottom: -10px;

    }

    .text_div_1.w587::after{

        bottom: -8px;

    }

    .title_div_wrap img{

        width: 75%;

    }

    .text_div{

        font-size: 16px;

        line-height: 1.6;

        padding-top:15px;

    }

    .w791{

        width: 100%;

    }

    .top_warp_box{

        padding: 0px 15px 12px;

        margin-top: -40px;
        border-radius: 10px;

    }

    .img_box_wrap p{

        font-size: 16px;

    }

    .title_box{

        height: 36px;

        font-size: 20px;

        margin-top: 20px;

        margin-bottom: 10px;

    }

    .title_box img{

        height: 100%;

    }

    .top_content_box{

        padding: 4px 15px 20px;

        border-radius: 10px;

    } 

    .top_content_box .div_item_showimg{

        padding-top: 5px;

    }

    .top_content_box .div_item_showimg img{

        margin-top: 15px;

    }

    .img_box_wrap{

        margin-top: 15px;

        width: 100%;

    }

    .mtop{

        margin-top: 25px;

    }

    .mtop15{

        margin-top: 15px;

    }

    .footer{

        display: none;

        font-size: 12px;

        color: #666666;

    }

    .footer.footer_1{

        display: block!important;

        padding-bottom: 40px;

        padding-top: 30px;

    }
    
     
}