@charset "utf-8";
/* CSS Document */
/* .dock{position: fixed; right: 0px;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index: 200;} */
/*新增代码*/
.dock{
    position: fixed; 
    right: 0px;
    width: 115px;
    z-index: 200;
}
/*新增代码结束*/
/* .dock.close{z-index: 50;}
.dock ul.icons{position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock.close ul.icons{right: -70px;} */
/*图标*/
/* .dock ul.icons li i{display: block;position: relative;width: 50px;height: 50px;background: url(../images/icons.png) no-repeat;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;}
.dock ul.icons li.active i{-moz-opacity: 0.4;opacity: 0.4;}
.dock ul.icons li.up i{background-position: -63px -150px;}
.dock ul.icons li.tel i{background-position: -62px -108px;}
.dock ul.icons li.im i{background-position: -63px -20px;}
.dock ul.icons li.wechat i{background-position: -59px -66px;}
.dock ul.icons li.down i{background-position: -63px -190px;} */
/*新增代码*/
.dock ul.icons{
    position: absolute;
    list-style: none;
    right: 0px;
    padding: 0px;
    width: 115px;
    border: 1px solid #cacaca;
    border-right: none;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.dock ul.icons li{
    transition: all .3s;    
}
.dock ul.icons li i{
    display: block;
    position: relative;
    width: 115px;
    height: 85px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 210;
    background-color:#fff;
    text-align: center;
    border-radius: 3px;
    border-bottom: 1px solid #f3f3f3;
    color:#000;
    background-size: 45px auto;
    padding-top: 48px;
}
.dock ul.icons li.active ,
.dock ul.icons li:hover {
    background-color: #f00;
}
.dock ul.icons li.active i,
.dock ul.icons li:hover i{
    color: #fff;
}
.dock .up{
    display: block;
    height: 38px;
    text-align: center;
    border: 1px dashed #cacaca;
    background-color: #fff;
    border-radius: 3px;
    position: relative;
    animation: dh 1.5s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
}
@keyframes dh{
        0%   {
            border-color: #f00;
            top: 0;
        }
        25%  {
            border-color: #c09045;
            top:-10px;
        }
        50%  {
            border-color: #f00;
            top:-15px;
        }
        100% {
            border-color: #c09045;
            top:-1px;
        }
}
.ml6 {
    position: relative;
    font-weight: 800;
    font-size: 23px;
    color: #f00;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }
  
  .ml6 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
  }
  
  .ml6 .letter {
    display: inline-block;
    line-height: 1em;
  }
.dock ul.icons li.im i{
    background:url(../images/zxh.png)no-repeat center 15px;
}
.dock ul.icons li.im.active i,
.dock ul.icons li.im:hover i{
    background:url(../images/zxb.png)no-repeat center 15px;
}

.dock ul.icons li.tel i{
    background:url(../images/wxh.png)no-repeat center 15px;
}
.dock ul.icons li.tel.active i,
.dock ul.icons li.tel:hover i{
    background:url(../images/wxb.png)no-repeat center 15px;
}

.dock ul.icons li.wechat i{
    background:url(../images/qqh.png)no-repeat center 15px;
}
.dock ul.icons li.wechat.active i,
.dock ul.icons li.wechat:hover i{
    background:url(../images/qqb.png)no-repeat center 15px;
}

.dock ul.icons li.down i{
    background:url(../images/phongh.png)no-repeat center 15px;
    text-align: center;
}
.dock ul.icons li.down.active i,
.dock ul.icons li.down:hover i{
    background:url(../images/phongb.png)no-repeat center 15px;
}
/*新增代码结束*/
.dock ul.icons li.tel p{
    display: block;
    position: absolute;
    top: 80px;
    right: -260px; 
    padding: 15px 15px;
     height:120px;
    color: #000;
    line-height: 30px;
    border: 1px solid #cacaca;
    border-right: none;
    border-radius: 0;
    background: #fff;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;
    z-index: 201;
    width: 150px;
    height:190px;
    line-height:25px;
    font-size:14px;
    text-align: center;
}
/* .dock ul.icons li.active p{right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);} */
.dock ul.icons li.down p{
    display: block;
    width: 180px;
    text-align: center;
    position: absolute;
    top: 255px;
    padding: 15px 15px;
    height:86px;
    color: #f00;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    border: 1px solid #cacaca;
    border-right: none;
    border-radius: 0;
    background: #fff;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;z-index: 201;
}
.dock ul.icons li.down p b{
     font-size: 16px;
     color: #000;   
}
/*.dock a.switch.off{background-position: -32px -640px;}*/

/*新增代码*/
.dock ul.icons li.active p{left: -150px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.down.active p{
    left: -180px;
}
/*新增代码结束*/

@media (max-width:1200px) {
    .smcmcp_left{
        width: 100%;
    }
    .smcmcp_right{
        width: 100%;
        margin-top: 20px;
    }
    .smcmcp_imgB{
        width: 82%;
    }
}
@media (max-width:991px) {}
@media (max-width:767px) {}