@charset "utf-8";
.page_bg img{width:100%;height:auto}
.pageflm{position:absolute;top:30%;width:100%;text-align:center;text-shadow: 1px 1px 4px rgba(0,0,0,.58);font-size:36px;color:#fff;}

/*分类*/
.flitems{float:right}
.flitems .flbtn{height:60px;line-height:60px;padding-left: 20px;padding-right: 20px;display: block;text-align:center;float:left;color:#000}
.flitems .flbtn .xian {
   content: "";
   position:absolute;
   top:50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #ddd;
	    margin-left: 20px;
	
}
.flitems .active{color:#0a51a1;}

.flitems .active:before {
    content: "";
    position: relative;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: #0a51a1;
    transition: all .5s;
    display: block;
    top: 60px;
}


@media screen and (max-width: 768px) and (min-width: 320px){
.page_bg img{width:100%;height:100%;object-fit: cover;}
.pageflm{position:absolute;top:18%;width:100%;text-align:center;text-shadow: 1px 1px 4px rgba(0,0,0,.58);font-size:24px;color:#fff;}
.flitems{display:none;}
	
}