﻿@charset "utf-8";
/*总体设置(不可更改)*/


/* side */
/*.side{position:fixed;width:60px;height:275px;right:30px;top:412px;z-index:99999;}*/
.side {
    width: 60px;
    height: 60px;
    float: left;
    position: relative;
    border-bottom: 1px solid #efefef;
}

.side img {
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    padding: 10px 10px 10px 10px;
}

.side span {
    line-height: 60px;
    font-size: 14px;
}

.side .sidebox {
    position: absolute;
    width: 60px;
    height: 56px;
    line-height: 56px;
    right: 0;
    transition: all 0.3s;
    background: #fff;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #666;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

.sidec {
    position: fixed;
    width: 60px;
    height: 275px;
    right: 3px;
    top: 274px;
    z-index: 100;
}

.sidec ul li {
    width: 60px;
    height: 60px;
    float: left;
    position: relative;
    border-bottom: 1px solid #efefef;
}

.sidec ul li img {
    width: 60px;
    height: 60px;
    float: left;
    position: relative;
    padding: 10px 10px 10px 10px;
}

.sidec ul li span {
    line-height: 60px;
    font-size: 12px;
}

.hotline .sideboxc {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 56px;
    right: 0;
    transition: all 0.3s;
    background: #fff;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

.hotline .sideboxc:hover {
    width: 146px;
    height: 60px;
    line-height: 60px;
    right: 0;
    transition: all 0.3s;
    background: #fff;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #666;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

.sidebox_huiyuan {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 56px;
    right: 0;
    transition: all 0.3s;
    background: #fff;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

.sidebox_huiyuan:hover {
    width: 116px;
    height: 60px;
    line-height: 60px;
    right: 0;
    transition: all 0.3s;
    background: #fff;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #666;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

.service:hover {
    color: #666;
    background: #fff
}

.service .sidebox_kefu span:hover {
    color: #666;
}

.sidebox_kefu .floating_ck:hover {
    display: block
}

.sidebox_kefu .floating_left:hover {
    display: block
}

.sidetop {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    background: #fff;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    transition: all 0.3s;
}

.sidetop:hover {
    background: #fff;
    opacity: 1;
    filter: Alpha(opacity=100);
    line-height: 46px;
}

/*.side ul li img{float:left;}*/

/* 在线客服样式  公共 */
/*.floating_ck{position:fixed;right:30px;top:472px;}*/
.service {
    background: #fff;
    color: #666
}

.hotline {
    background: #fff;
    color: #666
}

.hotline span:hover {
    background: #fff;
    color: #666
}

/*.floating_ck{display: block;margin-top: -60px}*/
/*.floating_ck dl dd{position:relative;width:60px;height:60px;text-align:center;background-repeat:no-repeat;background-position:center 20%;}*/
/*.floating_ck dl dd:hover{border:solid 1px #a40324;}*/
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd span {
    color: #1f528a;
    display: block;
    padding-top: 44px;
}

.floating_ck {
    position: absolute;
    right: 0px;
    border: solid 0px #a0c3df;
    border-radius: 2px;
    margin-top: -10px
}

.floating_ck dl dd {
    position: relative;
    width: 56px;
    height: 40px;
    margin-top: -50px;
    margin-left: -30px;
    border: solid 0px #a0c3df;
    border-bottom: solid 0px #a0c3df;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 20%;
    cursor: pointer;
}

.floating_ck dl dd:hover {
    border-bottom: solid 0px #a40324;
}

.service .floating_ck:hover .floating_aleft{display:block;}
.floating_ck dd span {
    color: #1f528a;
    display: block;
    padding-top: 10px;
}

.floating_left {
    position: absolute;
    left: -165px;
    top: 0;
    width: 150px;
    padding-left: 10px;
    height: 130px;
    background-color: #fff;
    border: solid 1px #f1f1f1;
    display: none;
    border-radius: 0px;
    vertical-align: middle;
    margin-top: 4px;
}

.floating_left a {
    color: #666;
    line-height: 40px;
    text-align: left
}

.floating_left a:hover {
    color: #1f528a
}

.floating_left p {
    color: #666;
    vertical-align: middle;
    padding: 4px;
    height: 20px;
    line-height: 46px;
    float: left;
    font-size: 14px;
}


.floating_ewm {
    height: 150px;
    width: 130px;
    top: -10px;
    margin-left: -10px;
}

.floating_ewm i { /*background-image:url(../static/new5.0/common/images/wx.jpg); */
    background-repeat: no-repeat;
    display: block;
    width: 145px;
    height: 145px;
    margin: auto;
    margin-top: 7px;
}

.floating_ewm p {
    color: #666;
    margin-top: 5px;
}

.floating_ewm .qrcord_p01 {
    font-size: 12px;
    line-height: 20px;
}

.floating_ewm .qrcord_p02 {
    font-size: 14px;
}

/* 服务热线合并样式 */
.sidebox_rexian {
    width: 60px;
    transition: all 0.3s;
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.sidebox_rexian span {
    color: #666;
}

.sidebox_rexian span:hover {
    color: #666;
}

.lift-nav .topp {
    height: 50px
}

.lift-nav .topp .top {
    background: url("/static/new5.0/indexnew/images/kefunew/top.png") no-repeat center 10px;
    width: 20px;
    height: 20px;
    display: block;
    vertical-align: middle;
    background-size: 90%;
    margin: auto;
    padding-top: 10px
}

/* 服务热线合并样式 */
.side ul li .sidebox_rexian {
    position: absolute;
    width: 46px;
    height: 46px;
    line-height: 46px;
    right: 0;
    transition: all 0.3s;
    background: #1f528a;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    overflow: hidden;
}

.floating_ak {
    position: absolute;
    right: 0px;
    border: solid 0px #a0c3df;
    border-radius: 2px;
    margin-top: -10px
}

.floating_ak dl dd {
    position: relative;
    width: 56px;
    height: 40px;
    margin-top: -50px;
    margin-left: -30px;
    border: solid 0px #a0c3df;
    border-bottom: solid 0px #a0c3df;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 20%;
    cursor: pointer;
}

.floating_ak dl dd:hover {
    border-bottom: solid 0px #a40324;
}

.floating_ak dl dd:hover .floating_aleft {
    display: block;
}

/*.service dl dd:hover .floating_aleft{display:block;}*/
.floating_ak dd span {
    color: #1f528a;
    display: block;
    padding-top: 10px;
}

.floating_aleft {
    position: absolute;
    left: -227px;
    top: 0;
    width: 210px;
    padding-left: 10px;
    height: 182px;
    background-color: #ffffff;
    border: solid 1px #f1f1f1;
    display: none;
    border-radius: 0px;
    vertical-align: middle;
    margin-top: 10px
}

.floating_aleft a {
    color: #666;
    line-height: 40px;
    text-align: left
}

.floating_aleft a:hover {
    color: #1f528a
}

.floating_aleft p {
    color: #666;
    vertical-align: middle;
    padding: 4px;
    height: 20px;
    line-height: 46px;
    float: left;
    font-size: 14px;
}
