@charset "utf-8";
/* CSS Document */
@import url(mobile_header.css);
@media screen and (max-width:750px ) {
    .flex{display: flex;}
    .header{display: block;}
    .main>div{width: 100%;flex-direction: column;}
    .logo{margin-top: initial;}
    .logo>a{width: 50%;margin: 20px;}
    .logo>a img{width: 100%;}
    .header{height: calc(100vw / (1020 / 682));background-size: cover;background-position: center;}

    .zbxz_left .zbxz_l_b{height: auto;}
    .zbxz_right>div.zbxz_r3{justify-content: center;}
    .zbxz_right>div.zbxz_r3 a{width: 100%;background: #df100c !important;}
    .zbxz_right>div a{width:calc((100% - 10px) / 2);background: #df100c !important;}
    
    .part2>div,.main .part1,.main .part3,.main .part4,.main .part5,.main .part6 {width: calc(100% - 20px);margin: 20px auto 0;}
    .main .part1{margin: 0 auto !important;}
    .zbxz_right>div{margin-top: 10px;}
    .main .part6{margin: 10px auto !important;}
    .part6>a{width: 100%;height: calc(100% / (592 / 112));margin-top: 10px;}
    .part6>a img{width: 100%;height: 100%;}
    .zctl{width: 100%;flex-direction: column;height: auto;background: none;}
    .zctl>div{width: 100% !important;padding: 10px 0;height: auto;}
    .zctl .left{margin-left: initial;}

    /* .main .part5{display: none;} */
    .ryq{height: auto;margin-top: initial;background: none;}
    .ryq_box{width: 100%;margin: initial !important;}
    .ryq_box ul{padding: 10px 0 !important;}
    .ryq_box ul li{height: auto;background: none;box-shadow: 0px 2px 6px 0px  rgba(209, 209, 209, 0.78);float: initial !important;}
    .ryq_box ul li a{height: auto;width: 100%;}
    .ryq_box ul li img{height: calc((100vw - 56px) / (244 / 182));}

    .zctl>div{box-shadow: 0px 2px 6px 0px  rgba(209, 209, 209, 0.78);}
    .zctl ul{margin-top: initial;}
    .zctl ul li{margin: 0 10px;}
    .zctl ul li a{width: 100% !important;border-bottom: 1px dashed #b5b5b5;padding-left: 60px !important;}

    .zctl .right{margin-top: 10px;}
    .zctl ul li a::after{left: 0px !important;}
    .tz_box{height: auto;}
    .tz_box .btn{display: none;}
    .tz_box .bd{width: 100%;}
    .tz_box .bd ul li{float: left;}
    
    .footer_box.flex,.footer_box .flex{display: block;} 
    
}
@media screen and (max-width:520px ) {
    .logo{display: flex;justify-content: center;}
    .logo>a{width: 80%;}

    .yfyd ul li a .conter{width: calc(100% - 110px);margin: 0 10px;}
    .yfyd ul li a .conter h2{font-size: 18px;}
    .yfyd ul li a .conter p{font-size: 16px;}
    
}
@media screen and (max-width:360px ){
    .zbxz_r1>div{flex-direction: column;}
    .zbxz_r1>div a{width: 100%;margin-bottom: 10px;}
    .tit_box{width:80%;}
    .tit_box img{width:100%;}
}