#haibao{width: 100%;height: 860px;background-position: center -123px;position: relative;z-index: 8;}
#haibao .start{position:absolute; left:45%; top:62%; background: url(/public/img/brand/bofangbg.png);color: white;}
@keyframes startvideo{
    0%{ transform:scale(1)}
    20%{ transform:scale(1.2)}
    30%{ transform:scale(0.95)}
    35%{ transform:scale(1.05)}
    40%{ transform:scale(1)}
    45%{ transform:scale(1.05)}
    50%{ transform:scale(1)}
    100%{ transform:scale(1)}
}
#haibao .start svg{ position:absolute; left:0; top:50%; margin-top:-24px;animation:startvideo 3s ease-in-out infinite; transform:scale(1)}
@keyframes startbolang{
    0%{ transform:scale(1); opacity:0.2;}
    30%{ transform:scale(1); opacity:0.2;}
    42%{ transform:scale(1.4); opacity:0.3;}
    54%{ transform:scale(1.8); opacity:0;}
    54.1%{ transform:scale(1); opacity:0.2;}
    100%{ transform:scale(1); opacity:0.2;}
}
#haibao .start::before,#haibao .start::after,#haibao .start span::before,#haibao .start span::after{content:""; position:absolute; left:1px; top:1px; width:44px; height:44px; border:1px solid #eee; border-radius:50%;animation:startbolang 3s linear infinite; opacity:0.1;}
#haibao .start::after{ animation-delay:0.25s;}
#haibao .start span::before{ animation-delay:0.5s;}
#haibao .start span::after{ animation-delay:0.75s;}
#haibao .start span{font-size: 20px; display:block; line-height:48px;width:260px; text-align:center; padding-left:18px;}
#haibao .start:hover{opacity:1;cursor: pointer; color:#ff0;}
#haibao .videocont{display:none;position:absolute; left:50%; margin-left: -480px; top:80px;width: 960px;z-index: 1;}
#haibao .video{display:none; background:black;z-index: 1;}
#haibao .videocont.show,#haibao .video.show,#haibao .close.show{ display:block;}
#haibao .close{ position:absolute; right:10px; top:10px; font-size:30px; color:rgba(255,255,255,0.8); border-radius:50%; opacity:0.8; cursor:pointer; display:none;z-index: 1;}

.topnavlist{position: absolute;top: 73%;left: 0;width: 100%;}
.topnavlist .itembox{margin: 0 auto;width: 1240px;}
.topnavlist .item{width: 280px;height: 90px;background: #fff;border-radius: 10px;display: inline-block;padding: 10px;}
.topnavlist .item:nth-child(n+2){margin-left: 35px;}
.topnavlist .item img{margin-right: 8px;}
.topnavlist .item .name{ max-width:190px;}
.topnavlist a.item:hover .name{ color:#f60;}
.topnavlist .item .title{color: #ff7825;}

.bcatlist{width: 100%;position: absolute;top: 86%;}
.bcatlist .itembox{ height:36px; margin:0 auto; display:table; width:1240px; text-align:left;background: #fff;border-radius: 10px;padding:8px 10px;}
.bcatlist .blevel1{display:inline-block; vertical-align:middle; max-width:52%;}
.bcatlist .blevel2{display:inline-block; vertical-align:middle; max-width:26%; padding:0 3%;}
.bcatlist .blevel3{display:inline-block; vertical-align:middle; max-width:16%;}
.bcatlist.col2 .blevel1{max-width:60%;}
.bcatlist.col2 .blevel2{max-width: 36%;padding: 0;}
.bcatlist.col2 .blevel3{max-width:24%;}
.bcatlist .blevel .img{width:25px; line-height:30px; float:left; margin-right:12px;}
.bcatlist .blevel .img img{width:25px;}
.bcatlist .blevel .scroll{height:36px; overflow:hidden; line-height:0; font-size:14px; text-align:left;}
.bcatlist .blevel .scroll .item{display:inline-block; margin-right:10px; height:36px;}
.bcatlist .blevel .scroll .item .name,
.bcatlist .blevel .scroll .item .sort,
.bcatlist .blevel .scroll .item .iconfont{float:left; line-height:36px; font-size:13px;}