@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul,li{list-style:none; margin:0; padding:0;}

.cl_2018_box_c{width:35px; height:100%; background:#141414; position:fixed; right:0; z-index:1000; top:0; -webkit-animation: celan 1.5s;animation:celan 1.5s;}
.cl_2018_box{ margin-top:160px; width:100%;display:block;}
.cl_2018_li{ width:35px; height:35px; text-align:center; cursor:pointer; position:relative; z-index:100;margin-bottom:15px; z-index:100;}

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



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

.cl_2018_box .li_2018_1{ background:url(../images/cl_2018_yzsfw.png) no-repeat #141414 center center;}
.cl_2018_box .li_2018_2{ background:url(../images/cl_2018_znwd.png) no-repeat #141414 center center;}
.cl_2018_box .li_2018_3{ background:url(../images/cl_2018_rzdl.png) no-repeat #141414 center center;}
.cl_2018_box .li_2018_4{ background:url(../images/cl_2018_yjxt.png) no-repeat #141414 center center;}
.cl_2018_box .li_2018_5{ background:url(../images/cl_2018_oabg.png) no-repeat #141414 center center;}
.cl_2018_box .li_2018_6{ background:url(../images/cl_2018_jszy.png) no-repeat #141414 center center;}
.cl_2018_box .li_2018_7{ background:url(../images/cl_2018_hqfw.png) no-repeat #141414 center center;}
.cl_2018_box .li_2018_8{ background:url(../images/cl_2018_ykt.png) no-repeat #141414 center center;}
.cl_2018_box .li_xylj{ background:url(../images/cl_2018_xylj.png) no-repeat #141414 center center;}
.cl_2018_box .li_ewm{ background:url(../images/cl_2018_ewm.png) no-repeat #141414 center center;}
.cl_2018_box .li_yhfk{ background:url(../images/cl_2018_yhfk.png) no-repeat #141414 center center;}
.cl_2018_box .li_fhsy{ background:url(../images/cl_2018_fhsy.png) no-repeat #141414 center center;}
.cl_2018_box .li_fhdb{ background:url(../images/cl_2018_fhdb.png) no-repeat #141414 center center;}
.cl_2018_li:hover .li_list_gg{background-color:#ac0000;}
.cl_2018_li .cl_2018_text{height:auto;line-height:35px;z-index:10; background:url(../images/cl_2018_text_bg.png) left center;position:absolute; right:80px; border-radius:5px 0 0 5px;color:#fff;z-index:10; text-align:center; font-size:14px;display:none;}
.cl_2018_li:hover .cl_2018_text{display:block;}

.cl_2018_li_80{width:80px;}
.right_80{ right:-80px;}
.cl_2018_li_90{width:90px;}
.right_90{ right:-90px;}
.cl_2018_li_110{width:110px;position:absolute;top:0; z-index:-10;}
.right_110{ right:-110px;}

.cl_2018_li_180{width:180px;}
.right_180{ right:-180px;}

.cl_2018_lj_a{ width:100%; list-style:none; background-color:#ac0000;}
.cl_2018_lj_a li{ width:90px; height:24px; line-height:24px; float:left; display:block; color:#fff;}
.cl_2018_lj_a li a{color:#fff;width:90px; height:24px; display:block;}
.cl_2018_lj_a li:hover a{color:#fff; background-color:#464646;}

.cl_2018_fix_b_0{ position:fixed; bottom:0; right:0; margin-bottom:0;-webkit-animation: celan 1.5s;animation:celan 1.5s;}
.cl_2018_fix_b_35{ position:fixed; bottom:35px; right:0;-webkit-animation: celan 1.5s;animation:celan 1.5s;}
.cl_2018_fix_b_85{ position:fixed; bottom:85px; right:0;-webkit-animation: celan 1.5s;animation:celan 1.5s;}
.cl_2018_fix_b_135{ position:fixed; bottom:135px; right:0;-webkit-animation: celan 1.5s;animation:celan 1.5s;}

.cl_2018_li_110 .erm_img{width:85px; height:85px; margin:10px auto 0 auto;}
.cl_2018_li_110 .erm_text{width:100%;height:40px; line-height:40px; text-align:center; color:#fff;}

/*--校园链接开始--*/
.cl_2018_li .cl_2018_xylj_list{display:none;}
.cl_2018_li:hover .cl_2018_xylj_list{display:block;}
.cl_2018_xylj_list{width:200px;background:url(../images/cl_2018_lj_bg.png) left center;border-radius: 5px 0px 0px 5px;color:#fff; position:absolute;top:0; right:80px; z-index:10; text-align:center; font-size:12px;}
.cl_2018_xylj_list li{width:100px; height:30px; line-height:30px; float:left; display:block;}
.cl_2018_xylj_list li a{width:100px; height:30px; display:block;  color:#fff;}
.cl_2018_xylj_list li:hover{background-color:#464646;}

/*--校园链接结束--*/

/*--二维码开始--*/
.cl_2018_li .li_ewm_box{display:none;}
.cl_2018_li:hover .li_ewm_box{display:block;}
.cl_2018_li .li_ewm_box{width:110px;background:url(../images/cl_2018_ewm_bg.png) left center;border-radius: 5px 0px 0px 5px;color:#fff; position:absolute; bottom:0; right:80px; z-index:10; text-align:center; font-size:14px;}
.cl_2018_li .li_ewm_box .erm_img{width:85px; height:85px; margin:10px auto 0 auto;}
.cl_2018_li .li_ewm_box .erm_text{width:100%;height:40px; line-height:40px; text-align:center; color:#fff;}
/*--二维码开始--*/