/*--------------------------------------------------
 www.handelsen.cn 北京汉达森Fenster.css
--------------------------------------------------*/
@charset "utf-8";
/*new-右侧浮动*/
.float-r{
    position: fixed;z-index:9;right:10px;bottom:200px;
    
}
.float-r.on{display:block}
.float-r ul{height:163px}
.float-r li{
    position:relative;width:60px;height:60px;cursor:pointer;border-top:1px solid #fff;background-color:#333;
    border-radius:5px;
    margin-bottom: 5px;
}
.float-r li span{display:block;width:20px;height:20px;margin:0 auto;border-radius:5px;}
.float-r li.li1{border-top:0;}
.float-r li .icon1 {
    background-color: #1269d3;  
}
.float-r li .icon2 {
    padding: 20px 4px !important;
}
.float-r li .icon1, .float-r li .icon2, .float-r li .icon4{
    display: block;
    margin-bottom: 1px;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 18px;
    
}
.float-r li:hover{background:#1269d3;overflow:inherit;}

.float-r li .zktx{top:0;position:absolute;z-index: 9999;display:none}
.float-r li.li1:hover .zktx,.float-r li.li2:hover .zktx,.float-r li.li3:hover .zktx,.float-r li.li4:hover .zktx{display: block;}
.float-r li .animat{left:-110px;}
.float-r li .animat-a{left:-160px;}
.float-r li .icon1ct{left:-170px;}
.float-r li b{display:block;float:left;background:#007de4;height:40px;font-weight:normal;color:#fff;font-size:12px;line-height:40px;text-align:center}
.float-r li strong{display:block;float:left;display:inline;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-top:13px}
.float-r li .borderys1{border-left:8px solid #fff;}
.float-r li .borderys2{border-left:8px solid #007de4;}
.float-r li.li1:hover .animat-a{left: -122px;}
.float-r li.li2:hover .icon1ct{left: -132px;}
.float-r li.li3:hover .animat,.float-r li.li4:hover .animat{left: -79px;}
.float-r li.li3:hover .animat b,.float-r li.li4:hover .animat b{width: 79px;}
.float-r li.li4{display:none}
.float-r li.li2{}
.float-r .icon1ct{height:163px}
.float-r .icon1ct .icon1ct-z{background:#fff;width:130px;float:left;display:inline;padding-bottom:10px;border: 1px solid #dddddd;}
.float-r .icon1ct .icon1ct-z img{width:98px;height:98px;}
.float-r .icon1ct img{display:block;margin:10px auto 3px}
.float-r .icon1ct p{text-align:center;font-size:12px;color:#007de4}
.float-r .animat-a .animat-a-a{background:#fff;width:120px;float:left;text-align: center;border: 1px solid #dddddd;}
.float-r .animat-a .animat-a-a dl{border-bottom:1px dotted #dddddd;padding:15px 0;}
.float-r .animat-a .animat-a-a .animat-a-a-a p,.float-r .animat-a .animat-a-a .animat-a-a-b p{padding-top:5px;font-size:14px;color:#1269D3;font-weight:700}
.float-r .animat-a .animat-a-a .animat-a-a-a p{color:#F66400}
.float-r .animat-a .animat-a-a dl.animat-a-a-c{border-bottom:0}