.side-bar a,.chat-tips i,.tel-tips i {background-image: url(gdt-img.png);background-repeat: no-repeat;}
.side-bar {width: 66px;position: fixed;bottom: 74px;right: 5px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a {width: 66px;height: 66px;display: inline-block;background-color: #dddddd;margin-bottom: 2px;}
.side-bar a:hover {background-color: #1ea802;}
.side-bar .icon-skype {background-position: -63px 12px;}
.side-bar .icon-tel {background-position: -65px -198px;position: relative;}
.side-bar .icon-tel:hover .tel-tips {display: block;}
.side-bar .icon-qq {background-position: -65px -60px;}
.side-bar .icon-chat {background-position: 0 -130px;position: relative;}
.side-bar .icon-chat:hover .chat-tips {display: block;}
.side-bar .icon-blog {background-position: 0 -198px;}
.side-bar .icon-mail {background-position: 0 -266px;}
.side-bar .icon-mail:hover {background-position: -65px -266px;}
.side-bar .icon-totop {background-position: 0 -334px;}
.chat-tips,.tel-tips {padding: 10px;border: 1px solid #d1d2d6;position: absolute;right: 78px;top: -55px;background-color: #ffffff;display: none;}
.chat-tips i,.tel-tips i {width: 9px;height: 16px;display: inline-block;position: absolute;right: -9px;top: 80px;background-position:-88px -350px;}
.chat-tips img,.tel-tips img {height: 138px;}
@media(max-width:768px){
.side-bar{display:none;white-space:nowrap;}
.side-bar {width: auto;position: fixed;bottom: 6px;right:71px;text-align:center;}
.chat-tips,.tel-tips {right: -80px;top:-138px;}
.chat-tips i,.tel-tips i {right:98px;top:120px;
        width: 0;   
        height: 0;   
        border-left: 15px solid transparent;  
        border-right: 15px solid transparent;  
        border-top: 15px solid #fff;  
        font-size: 0;  
        line-height: 0; }
.chat-tips img,.tel-tips img {height: 100px;}
#maininfo{padding:20px 15px;}
.imgstrc img{width:80%;}
}