/*****右侧浮动*****/
.float_right{ width:50px; height:auto; float:left; position:fixed; bottom:200px; right:0; z-index:999;}
.float_right ul,li { list-style:none;margin:0; padding:0;}
.float_right li.l1{ width:50px; height:50px; float:left; background:#378ec4; text-align:center; font-size:14px; line-height:18px; font-weight:550; color:#fff; padding-top:7px; box-sizing:border-box; border-radius:4px 0 0 4px; margin-bottom:1px;}
.float_right li.l2 a{ position:relative; width:50px; height:50px; float:left; background:url(/images/float_tb_1.png) center center no-repeat #da7569; text-align:center; font-size:14px; line-height:18px; font-weight:550; color:#fff; padding-top:7px; box-sizing:border-box; border-radius:4px 0 0 4px;margin-bottom:1px;}
.float_right li.l2 a p.p1{ display:none;}
.float_right li.l2 a:hover p.p1{  width:150px; height:150px; display:block;  background:#fff; float:left; position:absolute; right:55px; padding:10px; top:0;  border-radius:6px;  }
.float_right li.l2 a p.p1 img {   width:100%; height:100%;  }
.float_right li.l3 a{ width:50px; height:50px; float:left; background:url(/images/float_tb_2.png) center center no-repeat #8a8ab2; text-align:center; font-size:14px; line-height:18px; font-weight:550; color:#fff; padding-top:7px; box-sizing:border-box; border-radius:4px 0 0 4px;margin-bottom:1px;}
.float_right li.l4 a{ position:relative; width:50px; height:50px; float:left; background:url(/images/float_tb_3.png) center center no-repeat #56bae7; text-align:center; font-size:14px; line-height:18px; font-weight:550; color:#fff; padding-top:7px; box-sizing:border-box; border-radius:4px 0 0 4px;margin-bottom:1px;}
.float_right li.l4 a p.p2 {   display: none;    }
.float_right li.l4 a:hover p.p2 {  width:210px; height:50px; display:block; line-height:50px; font-size:14px; background:#56bae7; color:#fff; float:left; position:absolute; right:45px; text-indent:15px; top:0;  border-radius:6px 0 0 6px;  }
.float_right li.l5 a{ width:50px; height:50px; float:left; background:url(/images/float_tb_4.png) center center no-repeat #7aba82; text-align:center; font-size:14px; line-height:18px; font-weight:550; color:#fff; padding-top:7px; box-sizing:border-box; border-radius:4px 0 0 4px;margin-bottom:1px;}

@media only screen and (max-width:768px){ 
/*****右侧浮动*****/
.float_right{ width:100%; bottom:0px;}
.float_right ul,li { list-style:none;margin:0; padding:0;}
.float_right li.l1{ display:none;}
.float_right li.l2 a{ width:25%; height:40px; font-size:14px; line-height:18px;  padding-top:7px; background:url(/images/float_tb_1.png) center center no-repeat #1582c6; border-radius:3px 0 0 0;margin-bottom:0px;}
.float_right li.l2 a:hover p.p1{ right:0%; padding:10px; left:4%; top:-175px;  border-radius:6px; background:#1582c6; }
.float_right li.l3 a{ width:25%; height:40px; float:left; background:url(/images/float_tb_2.png) center center no-repeat #1582c6; line-height:18px; font-weight:550; color:#fff; padding-top:7px; border-radius: 0;margin-bottom:0px; border-left:1px solid #5fafe1;}
.float_right li.l4 a{ width:25%; height:40px; float:left; background:url(/images/float_tb_3.png) center center no-repeat #1582c6; font-size:14px; line-height:18px; font-weight:550; color:#fff; padding-top:7px; border-radius: 0;margin-bottom:0px; border-left:1px solid #5fafe1;}
.float_right li.l4 a:hover p.p2 {  width:210px; height:40px;  line-height:40px; font-size:14px; right:0; text-indent:15px; top:-40px;  border-radius:0; background:#1582c6; }
.float_right li.l5 a{width:25%; height:40px; float:left; background:url(/images/float_tb_4.png) center center no-repeat #1582c6; text-align:center; font-size:14px; line-height:18px; font-weight:550; color:#fff; padding-top:7px;  border-radius:0 3px 0 0;margin-bottom:0px; border-left:1px solid #5fafe1;}
}