*{padding: 0; margin: 0;}
input,img{ border: 0}
.Tel_phone{ max-width: 640px; min-width: 320px; font-family: "微软雅黑"; margin: 2% auto}
.Tel_phone .Tel_warp{padding: 0 2%;}
.Tel_phone dl{ overflow: hidden; border: 1px solid #bfbfbf; line-height: 50%; border-radius: 50px; font-size: 24px; position: relative}
.Tel_phone dl dt{ color: #554f4f; font-weight: bold; position: absolute; top:50%; left: 2%; z-index: 1;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.Tel_phone dl dd{ float: right; width: 192px; position: relative; z-index: 2}
.Tel_phone dl dd img{ width: 100%}
.Tel_phone dl dd a{ display: inline-block; outline: none}

@media screen and (max-width: 500px){  .Tel_phone dl{ font-size: 22px}  .Tel_phone dl dd{ width: 200px; }  }
@media screen and (max-width: 450px){  .Tel_phone dl{ font-size: 16px}  .Tel_phone dl dd{ width: 160px}  }
@media screen and (max-width: 410px){  .Tel_phone dl{ font-size: 14px}  .Tel_phone dl dd{ width: 135px}  }
@media screen and (max-width: 350px){  .Tel_phone dl{ font-size: 12px}  .Tel_phone dl dd{ width: 120px }  }