@media screen and (max-width:992px)
{
    @property --mini-high
    {
        syntax: "<length>";
        inherits: true;
        initial-value: 150px;
    }
    @property --mini-width
    {
        syntax: "<length>";
        inherits: true;
        initial-value: 120px;
    }
     .b_line_main
    {
        width: calc(80% - 50px);
    }
    .b_line
    {
        width: calc(60% - 50px);
    }
    .b_photo_left_bottom
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-left: -60px;
        margin-bottom:-40px;
        /*box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_left_bottom img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_left_top
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-left:-75px;
        margin-top: -30px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_left_top img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_right_top
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-right: -75px;
        margin-top: -55px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_right_top img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_right_bottom
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-right:-75px;
        margin-bottom: -50px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_right_bottom img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_cover
    {
        margin-bottom:80px;
    }
    .b_title
    {
        font-size:25px;
    }
    .b_box_bg_logo
    {
        background:#ffe3e300;
        position:absolute;
        right:0;
        top:20%; 
        width:400px;
        overflow:hidden;
        bottom: 0;
        margin-bottom: 0px;
    }
    .b_box_bg_logo2
    {
        background:#ffcdcd00;
        position:absolute;
        left:0;
        top:10%;
        width:550px;
        overflow:hidden;
        margin-left: -180px;
        /* translate:0 -50%; */
        /* margin-top:100px; */
        bottom: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:768px)
{
    @property --mini-high
    {
        syntax: "<length>";
        inherits: true;
        initial-value: 150px;
    }
    @property --mini-width
    {
        syntax: "<length>";
        inherits: true;
        initial-value: 130px;
    }
     .b_line_main, .b_line
    {
        width: calc(70% - 50px);
    }
    .b_photo_left_bottom
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-left: -60px;
        margin-bottom:-40px;
        /*box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_left_bottom img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_left_top
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-left:-75px;
        margin-top: -30px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_left_top img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_right_top
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-right: -75px;
        margin-top: -55px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_right_top img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_right_bottom
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-right:-75px;
        margin-bottom: -50px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_right_bottom img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_cover
    {
        margin-bottom:80px;
    }
}

@media screen and (max-width:576px)
{
    @property --mini-high
    {
        syntax: "<length>";
        inherits: true;
        initial-value: 110px;
    }
    @property --mini-width
    {
        syntax: "<length>";
        inherits: true;
        initial-value: 90px;
    }
    .b_line_main, .b_line
    {
        width: calc(60% - 50px);
    }
    .b_photo_left_bottom
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-left: -45px;
        margin-bottom:-40px;
        /*box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_left_bottom img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_left_top
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-left:-45px;
        margin-top: -30px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_left_top img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_right_top
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-right: -45px;/*calc((-40px) - (-15px));
        margin-right: -webkit-calc((-70px) - (-6%));*/
        margin-top: -55px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_right_top img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_right_bottom
    {
        width:var(--mini-width);
        height:var(--mini-high);
        margin-right:-45px;
        margin-bottom: -50px;
        /* box-shadow:0px 0px 15px #0000004f;*/
    }
    .b_photo_right_bottom img 
    {
        height:var(--mini-high);
        width:auto;
    }
    .b_photo_cover
    {
        margin-bottom:80px;
    }
    .b_cate > li 
    {
        padding:0px 10px;
        font-size:16px;
    }
}