@charset "utf-8";
/* 红色侧边栏 */
.side2{position:fixed;width:60px;right:0;top:50%;margin-top:-200px;z-index:100;border-bottom:0}
.side2 ul li{width:60px;height:60px;float:left;background: #fa0644;border-radius: 10px; position:relative;margin-bottom: 3px; color:#333;font-size:14px;line-height:38px;transition:all .3s;cursor:pointer}
.side2 ul li:hover{background:#fff;}
.side2 ul li i{height:30px;width: 25px;margin:15px auto 0 auto;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:100%;transition:all .3s}
.side2 ul li i.bgs1{background-image:url(../images/right_pic1.png)}
.side2 ul li i.bgs2{background-image:url(../images/right_pic2.png)}
.side2 ul li i.bgs3{background-image:url(../images/right_pic3.png)}
.side2 ul li i.bgs4{background-image:url(../images/right_pic4.png)}
.side2 ul li i.bgs5{background-image:url(../images/right_pic5.png)}
.side2 ul li i.bgs6{background-image:url(../images/right_pic6.png)}
.side2 ul li:hover i.bgs1{background-image:url(../images/right_pic1_on.png)}
.side2 ul li:hover i.bgs2{background-image:url(../images/right_pic2_on.png)}
.side2 ul li:hover i.bgs3{background-image:url(../images/right_pic3_on.png)}
.side2 ul li:hover i.bgs4{background-image:url(../images/right_pic4_on.png)}
.side2 ul li:hover i.bgs5{background-image:url(../images/right_pic5_on.png)}
.side2 ul li:hover i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side2 ul li .son{display: none; height:58px;position:absolute;border-radius: 10px;line-height: 60px;color: #fff;background:#fa0644;font-size: 22px;}
.side2 ul li .son span{display: inline-block;width: 40px;margin-left: 10px;margin-right: 10px; height: 40px;vertical-align: middle;margin-bottom:4px;}
.side2 ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side2 ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side2 ul li.sideewm .ewBox.son{width:280px;text-align:center;padding-top:290px;left:-280px;top:-200px;background:url(../images/leftewm.png) no-repeat center;}
.side2 ul li.sideetel .telBox.son{ width:230px;text-align:left;position:absolute;left:-232px;top:0;}
.side2 ul li.sideetel .telBox.son span{background: url(../images/rl_phone.png) no-repeat center;}
.side2 ul li.sidliuyan .liuyanBox.son{width: 180px;left: -182px;top:0;}
.side2 ul li.sidliuyan .liuyanBox.son span{background:url(../images/right_pic6.png) no-repeat center;}
.side2 ul li.shangqiao .jianyiBox.son{width: 180px;left: -182px;top:0;}
.side2 ul li.shangqiao .jianyiBox.son span{background:url(../images/right_pic3.png) no-repeat center;}
.side2 ul li.qqonline .qqBox.son{width: 180px;left: -180px;top:0;}
.side2 ul li.qqonline .qqBox.son span{background:url(../images/right_pic2.png) no-repeat center;}
.side2 ul li hr{display: inline-block;width: 3px;height: 60px;border: 0;position: absolute;left: -3px;top: 0;}
.side2 .qqonline .shan{width: 16px;height: 16px;border-radius: 8px;background: #fff;line-height: 16px;text-align: center;color: #e7555b;position: absolute;top:1px;right: 1px;font-weight: bold;}
.side2 ul li:hover .shan{background: #e7555b;color: #fff; }
.side2 ul li:hover .son{display:block!important;animation:fadein 0.6s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
/* 左侧栏 */
#left_side{position:fixed;width:115px;left:0;top:15%;z-index:100;border-bottom:0;color: #fff;}
#left_side .ls_x{position: absolute;right: -6px;top: -6px; width: 20px;height: 20px;background: #ccc;cursor:pointer; text-align: center;line-height: 18px;border-radius:10px;}
#left_side ul{width: 115px;}
#left_side dt{width: 115px;height: 76px;background: #0099e6;color: #fff; border-top-left-radius: 58px;border-top-right-radius: 58px;text-align: center;font-size: 20px;padding-top: 15px;font-weight: bold;}
#left_side dd{width: 115px;height: 46px;background: #0099e6;color: #fff; border-bottom-left-radius: 58px;border-bottom-right-radius: 58px;text-align: center;font-size: 16px;padding-top: 10px;}
#left_side hr{width: 115px;height:12px;margin-top:0;margin-bottom:0; background: url(../images/ls_hr.png) no-repeat center;border: 0;background-size: 100%;}
#left_side ul li i{display: block; width: 10px;height: 36px;position: absolute;left: 115px;top: 0;}
#left_side ul li.son{width: 115px;height: 34px;background: #0099e6;border:2px solid #0099e6;text-align: center;position:relative;color: #fff;cursor: pointer;}
#left_side ul li h2{font-weight: normal;font-size: 18px;line-height: 36px;color: #fff;}
#left_side ul ul{display: none; position: absolute;left: 115px;top: 0; width: 116px;background: #000;opacity: 0.5;border-radius: 7px;margin-left:10px; padding-top:5px;padding-bottom: 5px;}
#left_side ul ul li{background: none;height: 25px; line-height: 24px;font-size: 14px;text-align: center;color: #fff;}
#left_side ul li.son:hover{background: #fff;border:2px solid #16b1ff;}
#left_side ul li:hover h2{color: #16b1ff;}
#left_side ul ul li:hover{color: #16b1ff; }
#left_side ul li:hover ul{display:block!important;animation:fadein 0.6s}
@keyframes fadein{from{opacity:0}
to{opacity:0.5}
}
/* 右边侧栏2 */
.side{position:fixed;width:60px;height:360px;background:#4d4d4d;right:0;top:40%;margin-top:-180px;z-index:100;border-radius:25px 0 0 25px}
.side ul li{width:60px;height:60px;float:left;position:relative;line-height:50px}
.side ul li span{padding-left:60px;height:60px;line-height:60px;display:block}
.side ul li .sidebox{vertical-align:middle;position:absolute;width:60px;height:60px;top:0;right:0;transition:all .3s;opacity:.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden}
.side ul li .sde1{background:url(../images/sider.png) no-repeat 19px center}
.side ul li .sde2{background:url(../images/sider1.png) no-repeat 16px center;position: relative;}
.side ul li .sde3{background:url(../images/sider2.png) no-repeat 19px center}
.side ul li .sde4{background:url(../images/sider3.png) no-repeat 18px center}
.side ul li .sde5{background:url(../images/sider4.png) no-repeat 18px center}
.side ul li .sde6{background:url(../images/sider5.png) no-repeat 19px center}
.side ul li .sidebox img{padding:11px 18px;float:left}
.side ul li .sidetop img{padding:15px;float:left}
.side ul li .sidetop{width:60px;height:60px;display:inline-block;opacity:.8;filter:Alpha(opacity=80);transition:all .3s;cursor:pointer}
.side .sider_2wm{position:absolute;right:60px;top:-180px;display:none}
.side .sider_h:hover .sider_2wm{display:block}
.side #num{position: absolute;left: 2px;top: 12px; width: 16px;height: 16px;background-color: #000;line-height: 16px; text-align: center;display: inline-block;border-radius: 8px;color: #4d4d4d;}
/* end右侧栏2 */