@charset "utf-8";
*{margin:0;padding:0}
div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,th,td{margin:0;padding:0}
ul,li{list-style:none}
i,b,em{font-style:normal}a{text-decoration:none;color:blue}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
img{border:0}
.cent{width:1200px;margin:0 auto;overflow:hidden}
.margin{margin:0 auto}
body{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,'Microsoft Yahei';font-weight:normal;}
/* 红色侧边栏 */
.side2{position:fixed;width:60px;right:0;top:200px;margin-top:0;z-index:100;border-bottom:0}
.side2 ul li{width:60px;height:60px;float:left;background: #e7555b;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:#e7555b;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:180px;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;background: #0099e6;color: #fff; border-top-left-radius: 58px;border-top-right-radius: 58px;text-align: center;font-size: 24px;padding-top: 20px;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;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.6;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.6}
}
/* end左侧栏 */