@property --main-high
{
    syntax: "<length>";
    inherits: true;
    initial-value: 200px;
}
@property --main-width
{
    syntax: "<length>";
    inherits: true;
    initial-value: 150px;
}


.rela
{
    position:relative;
}
.b_cate
{
    padding:0;
    margin:0;
    text-align:center;
}
.b_cate > li 
{
    border-right:1px solid #153250;
    list-style:none;
    display:inline-block;
    padding:0px 25px;
    color:#153250;
    margin-bottom:20px;
    font-size:20px;
    line-height:1;
}
.b_cate > li:last-child
{
    border:none;
}
.b_title
{
    font-size:30px;
    letter-spacing:0px;
    margin-bottom:20px;
    line-height: 1.2;
}
.b_readmore
{
    padding:5px 25px 8px 25px;
    margin-top:20px;
    margin-bottom:20px;
}
.b_photo_left_bottom
{
    position:absolute;
    bottom:0;
    left:0;
    z-index:10;
    width:var(--main-width);
    height:var(--main-high);
    overflow:hidden;
    background:#ff000000;
    margin-left:-75px;
    margin-bottom:30px;
    /*box-shadow:0px 0px 15px #0000004f;*/
}
.b_photo_left_bottom img 
{
    height:var(--main-high);
    width:auto;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.b_photo_left_top
{
    position:absolute;
    top:0;
    width:var(--main-width);
    height:var(--main-high);
    left:0;
    z-index:10;
    overflow:hidden;
    background:#ff000000;
    margin-left:-75px;
    margin-top:30px;
    /* box-shadow:0px 0px 15px #0000004f;*/
}
.b_photo_left_top img 
{
    height:var(--main-high);
    width:auto;
     position:relative;
    left:50%;
    transform:translateX(-50%);
}
.b_photo_right_top
{
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    overflow:hidden;
    width:var(--main-width);
    height:var(--main-high);
    background: #ff000000;
    margin-right:-75px;
    margin-top:50px;
    /* box-shadow:0px 0px 15px #0000004f;*/
}
.b_photo_right_top img 
{
    height:var(--main-high);
    width:auto;
     position:relative;
    left:50%;
    transform:translateX(-50%);
}
.b_photo_right_bottom
{
    position:absolute;
    right:0;
    bottom:0;
    z-index:10;
    overflow:hidden;
    width:var(--main-width);
    height:var(--main-high);
    background: #ff000000;
    margin-right:-75px;
    margin-bottom:50px;
   /* box-shadow:0px 0px 15px #0000004f;*/
}
.b_photo_right_bottom img 
{
    height:var(--main-high);
    width:auto;
     position:relative;
    left:50%;
    transform:translateX(-50%);
}
ul.auther,.categ
{
    padding:0;
    margin:0;
    font-size:12px;
}
ul.auther > li, ul.categ > li
{
    display:inline-block;
    list-style:none;
    padding:0px 5px 0px 0px;
    border-right:1px solid #153250;
    line-height:1;
    font-size:12px;
    font-weight:bold;
}
ul.auther > li:last-child, ul.categ > li:last-child
{
    border:none;
    padding-left:0px;
}
.b_box_bg_logo
{
    background:#ffe3e300;
    position:absolute;
    right:0;
    /* top:80%; */
    width:500px;
    overflow:hidden;
    bottom: 0;
    margin-bottom: -110px;
}
.b_box_bg_logo2
{
    background:#ffcdcd00;
    position:absolute;
    left:0;
    /* top:50%; */
    width:550px;
    overflow:hidden;
    margin-left: -180px;
    /* translate:0 -50%; */
    /* margin-top:100px; */
    bottom: 0;
    margin-bottom: -110px;
}
.b_box_bg_logo3
{
    background:#ffcdcd00;
    position:absolute;
    right:0;
    top:50%;
    width:500px;
    overflow:hidden;
    margin-right:-100px;
    translate:0 -50%;
    margin-top:100px;
}
.bg_logo
{
    position:relative;
    width:95%;
    margin-left:120px;
}
.b_sec_box
{
    padding:10px 0px;
    margin-top: 50px;
    margin-bottom: 10px;
}
.b_sec_title
{
    width: 100%;
    font-size:20px;
    background:#ff000000;
    line-height: 1.2;
    height: 50px;
    overflow: auto;
}
.mini_logo
{
    position:absolute;
    right:0;
    top:0;
}
.b_sec_des
{
    margin-top:30px;
    overflow: auto;
    height: 70px;
}
.b_sec_bottom
{
    position:relative;
}
.b_line_main
{
    width: calc(70% - 5%);
    background:#153250;
    height:1px;
    position:absolute;
    right:0;
    top:0%;
    margin-top: 21px;
    z-index: -1;
}
.b_line
{
    width: calc(75% -  5%);
    background:#153250;
    height:1px;
    position:absolute;
    right:0;
    top:0%;
    margin-top: 21px;
    z-index: -1;
}
.b_readmore
{
    /*outline: 10px solid #fefbff;
    outline-offset: 10px;*/
}
.b_mini_title
{
    font-weight:bold;
    margin-top:20px;
    margin-bottom:15px;
    height: 45px;
}
.b_mini_desc
{
    font-size:14px;
    margin-bottom:20px;
    height: 65px;
    overflow: auto;
}
.b_mini_readmore
{
    background:#153250;
    font-size:14px;
    padding:10px 20px;
    position:absolute;
    right:0;
    top:0;
}
.b_mini_bottom
{
    position:relative;
    background:#ff000000;
    height:auto;
    margin-bottom:20px;
}
.b_main_cov
{
    background:#a1b9ff00;
    overflow:hidden;
    padding-top:60px;
}
.b_cate li
{
	cursor:pointer;
}
.b_cate li.acti
{
    color:#e89623;
}
.b_inside_box
{
    background:#ff000000;
    top:50%;
    position:relative;
    transform:translateY(-50%)
}