@charset "utf-8";
*{ margin:0; padding:0;}




.right-btn-group {position: fixed;top:65%;right: 10px;width:50px; margin-top:-54px;height: 208px;z-index: 200}
.right-btn-group .show-tel,.right-btn-group .show-qq,.right-btn-group .show-ew, .right-btn-group .to-top {border-radius: 2px;}
.right-btn-group .show-tel a:hover span,.right-btn-group .show-qq a:hover span, .right-btn-group .show-ew a:hover span, .right-btn-group .to-top a:hover span {display: block}

.right-btn-group .show-qq {position: absolute;bottom:104px;right: 0;width: 48px;height: 48px}
.right-btn-group .show-qq img { margin-top:13px;}
.right-btn-group .show-qq a {border-radius: 2px;display: block;width: 48px;height: 48px;background:#fff url(../images/c4.png) no-repeat center; border:#ccc 1px solid;}
.right-btn-group .show-qq a:hover {background: #d50004 url(../images/c4-1.png) no-repeat center}
.right-btn-group .show-qq span {display: none;position: absolute;width: 120px;height:50px; text-align:center; top: 0;left: -120px;z-index: 5;color: #686868;background-color: #fff;border:#ddd 1px solid}
.right-btn-group .show-qq span:after {content: ' ';top: 19px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

.right-btn-group .show-tel {position: absolute;bottom:52px;right: 0;width: 48px;height: 48px}
.right-btn-group .show-tel img { margin:5px 0;}
.right-btn-group .show-tel a {border-radius: 2px;display: block;width: 48px;height: 48px;background:#fff url(../images/c5.png) no-repeat center; border:#ccc 1px solid;}
.right-btn-group .show-tel a:hover {background: #d50004 url(../images/c5-1.png) no-repeat center}
.right-btn-group .show-tel span {display: none;position: absolute;width: 160px;height:50px; text-align:center;top: 0;left: -160px;z-index: 5;color: #686868;background-color: #fff;border:#ddd 1px solid}
.right-btn-group .show-tel span:after {content: ' ';top: 19px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

.right-btn-group .show-ew {position: absolute;bottom:52px;right: 0;width: 48px;height: 48px}
.right-btn-group .show-ew img { margin-bottom:5px; display:block; ;}
.right-btn-group .show-ew a {border-radius: 2px;display: block;width: 48px;height: 48px;background:#fff url(../images/c2.png) no-repeat center;border:#ccc 1px solid;}
.right-btn-group .show-ew a:hover {background: #d50004 url(../images/c2-1.png) no-repeat center}
.right-btn-group .show-ew span {display: none;position: absolute;width: 150px;height:180px;top: 0;left: -170px;z-index: 5;color: #fff;background-color: #fff; padding:10px; text-align:center; color:#686868; font-size:14px;border:#ddd 1px solid}
.right-btn-group .show-ew span:after {content: ' ';top: 19px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

.right-btn-group .to-top {position: absolute;bottom:0px;right: 0;width: 48px;height: 48px}
.right-btn-group .to-top a {border-radius: 2px;display: block;width: 48px;height: 48px; background:#fff url(../images/c3.png) no-repeat center;border:#ccc 1px solid;}
.right-btn-group .to-top a:hover {background: #d50004 url(../images/c3-1.png) no-repeat center}
.right-btn-group .to-top span {display: none;position: absolute;width: 70px;height: 48px;font-size: 12px;text-align: center;line-height: 48px;top: 0;left: -70px;z-index: 5;color: #fff;background-color: #686868}
.right-btn-group .to-top span:after {content: ' ';top: 11px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #686868 solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
