@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}



.clbox_c{width:35px; height:110px; background:rgba(51, 122, 183, 0.5); border-radius:8px 0 0 8px; position:fixed; right:0; z-index:1000; bottom:20px; -webkit-animation: celan 1.2s;animation:celan 1.2s;}
.clbox{ margin-top:15px; width:100%;display:block;}
.clli{ width:35px; height:35px; text-align:center; cursor:pointer; position:relative; z-index:100;margin-bottom:15px; z-index:100;}
.clbox a{text-decoration:none;color:#ffffff;}
.clbox a:visited{text-decoration:none;color:#ffffff;}
.clbox a:hover{text-decoration:none;color:#ffffff;}
.clbox a:active{text-decoration:none;color:#ffffff;}

@-webkit-keyframes celan { 
0% {right:-100px;} 
50%{right:-35px;}
100% {right:0;}
}
@keyframes celan { 
0% {right:-100px;}  
50%   {right:-35px;}
100% {right:0;}
}



.clbox .ligg{width: 100%;height: 35px;text-align: center;cursor: pointer;display: block;position: absolute;top: 0;left: 0;z-index: 100;}
.clclx{ margin:20px 0; height:1px; background:#2f2f2f; width:100%;}
.clcljx{height:260px;width:100%;}


.clbox .li_fhdb{ background:url(/images/clfhdb.png) no-repeat center center;}
.clli:hover .ligg{background-color:#3c62a7;}
.clli .cltext{height:auto;line-height:35px;z-index:10; background:url(/images/cltext_bg.png) left center/cover transparent;position:absolute; right:80px; border-radius:5px 0 0 5px;color:#fff;z-index:10; text-align:center; font-size:14px;display:none;}
.clli:hover .cltext{display:block;}

.clli_80{width:80px;}
.right_80{ right:-80px;}

.clli_110{width:110px;}
.right_110{ right:-110px;}