/*默认蓝色*/
.SonlineBox{ width:70px;_width:70px; font-size:12px; z-index:999; border-radius:10px; margin-right:2px; top:150px; position:fixed;right:10px;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#999 url(../images/opentrigger.jpeg) no-repeat;}
.SonlineBox .titleBox{ width:100px;_width:100px; height:35px; margin:0px auto; line-height:33px; background:#eee ; border-bottom:1px solid #999;}
.SonlineBox .titleBox span{  color:#0C5089; font-size:14px; font-family:'微软雅黑','黑体'; }
.SonlineBox .contentBox{ width:118px;_width:114px; height:auto; background:#eee; position:absolute; z-index:2;border-radius:10px; text-align:center; }
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:0px; padding-top:5px;}
.SonlineBox .contentBox .listBox h2{ font-size:14px; padding-left:5px;font-family:'微软雅黑','黑体'; color:#F90; line-height:26px;}
.SonlineBox .contentBox .listBox h3{font-size:14px; padding-left:5px;font-family:'微软雅黑','黑体'; color:#0C5089; line-height:20px;}
.SonlineBox .contentBox .listBox b { font-size:12px; padding-left:5px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:0 auto 10px auto; padding-left:20px;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}
.SonlineBox .contentBox .listBoxs{overflow:hidden; margin-bottom:5px;}
.SonlineBox .contentBox .listBoxs b { font-size:12px; padding-left:5px;}
.SonlineBox .contentBox .listBoxs .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto; padding-left:20px;}
.SonlineBox .contentBox .listBoxs .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBoxs .QQList a{float:left;}

.SonlineBox .contentBox .listBoxs h2 a{width:94px;height:23px;display:block;background:url(../images/wangye.png) no-repeat;margin-left:15px;}
.SonlineBox .contentBox .listBoxs h2 b{font-family: Arial,Helvetica,"",sans-serif;font-size:14px;color:#0C5089; line-height:26px; padding-left:0; font-weight:800;}

.SonlineBox .contentBox .weixin{ border-top:1px solid #999; padding:10px 0; padding-bottom:0; width:100%;}
.SonlineBox .contentBox .weixin img{ text-align: center;vertical-align: middle; padding-left:8px;}
.SonlineBox .contentBox .weixin p{ padding:0 10px; text-align:center;}

.side-menu{

}
.side-menu li:nth-of-type(1),.side-menu li:nth-of-type(3),.side-menu li:nth-of-type(5){
    background: #1e1e28!important;
}
.side-menu li:nth-of-type(2),.side-menu li:nth-of-type(4){
    background: #484854!important;
}
.side-menu li{
    width:62px;height:62px;padding:5px 5px;
    position:relative;background:#21508e;cursor: pointer;
}
.side-menu li span{
    color:#fff;display:block;text-align: center;margin-top:10px;letter-spacing: 1px;
}
.side-menu .menu{
    height:60px;position: relative;z-index: 9;
}
.side-menu li img{
   transition:0.5s;display:block;margin:0 auto;
}
.side-menu li:hover .r-img{
    transform:rotate(360deg);
}
.side-menu .li1 p{
    width:166px;height:66px;background:url("../images/phone2.png") no-repeat;
}

.side-menu .li2 p{
    width:208px;height:60px;background:url("../images/qq2.png") no-repeat;
}

.side-menu .free-phone p{
    width:291px;height:72px;background:url("../images/mian-bg.png") no-repeat;padding-left:6px;font-family: 'Microsoft YaHei';
}
.side-menu .free-phone input{
    width:220px;height:27px;background:none;padding-left:10px;font-size:18px;line-height:27px;letter-spacing:2px;float: left;margin-top:25px;
    font-family: 'Microsoft YaHei';
}
.side-menu .free-phone #callBtn{
    cursor:pointer;
}
.side-menu .free-phone button{
    width:45px;height:28px;background:none;
}
.side-menu li:hover .side-info{
    left:-165px;
}
.side-menu .free-phone:hover .free-info{
    left:-225px;
}
.side-menu #rexian:hover .free-info{
    left:-154px;
}
.side-menu .wechat2{
    position:absolute;top:0;left:0;width:100%;height:100%;z-index: 9;
}
/*.side-menu .wechat:hover .wechat-info{
    left:-225px;
}*/
.side-menu .to-top{
    background:url("../images/to-top.png") no-repeat;
}
.side-menu .side-info,.side-menu .free-info,.side-menu .wechat-info{
    left:100px;position:absolute;top:0;z-index: 1;transition: 0.5s;
}


/*QQlist*/
#QQList{
   height:60px;position:absolute;top:0;left:0;width:100%;
}