.translate{position:relative;margin-top:-50px;}
.contact-ico{padding:30px;background-image:url(../images/wen.png);background-size:auto 400px;background-repeat:no-repeat;background-position:right bottom;}
.contact-ico .media {display:block;transition:all .3s;position:relative;margin:30px 0;}
.contact-ico .media span{display: block;height:30px;width:40px;border-radius:50%;-webkit-transition:.3s;transition:.3s;}
.contact-ico .media span i{font-size:24px;line-height:30px;padding:0;}
.contact-ico .media-body p{display: block;}
.contact-ico .media-body strong {margin:-2px 0 5px 0;display: block}
.contact-ico .media:hover .media-body a{color:#9DCC49}

.contact-ico .qr strong{display: block;font-size:15px;margin-bottom:10px;font-weight:400}
.contact-ico .qr img{max-width:145px;border:3px solid #fff;padding:3px;border-radius:5px}
.contact-ico .qr .qqonline{margin:10px 0}
.contact-ico .qr .qqonline .qq{display: inline-block;height:42px;line-height:42px;width:42px;border-radius:50%;block;border:2px solid #14B6F6;margin:0 10px}
.contact-ico .qr .qqonline .qq:hover{background:#14B6F6}
.contact-ico .qr .qqonline .qq:hover i{color:#fff}
.contact-ico .shop-ico{padding-left:56px;}
.contact-ico .shop-ico img{max-height: 32px;display: inline-block;margin-right:10px;}

.message .padding-large{padding:50px;}
.message .form-group {padding-bottom:20px}
.message .input{-webkit-appearance:none;border:0 solid #ddd;padding:0 20px;color:#504E4E;height:50px;line-height:50px;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;}
.message .textarea {-webkit-appearance:none;border:0 solid #ddd;padding:12px 20px;line-height:24px;width:100%;}
.message .label {padding-bottom:10px;display:block;line-height:24px;}
.message .label label {font-weight:400;}
.message .field {font-size:16px}
.message select {border:0;border-bottom:2px solid #009A44;height:50px;line-height:50px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url(../images/sellect-arrow.png) no-repeat right center;padding-right:30px;padding:0;}
.message .form-tips .message .input-help ul {border:solid 0px #ddd;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.message .button{padding:15px 50px;float:right}

.message .input::-webkit-input-placeholder, .message .textarea::-webkit-input-placeholder {color: #333;}
.message .input:-moz-placeholder, .message .textarea:-moz-placeholder {color: #333;}
.message .input::-moz-placeholder, .message .textarea::-moz-placeholder {color: #333;}
.message .input:-ms-input-placeholder, .message .textarea:-ms-input-placeholder {color: #333;}
.radius-large-right {border-radius:0 12px 12px 0}
@media screen and (max-width:768px) {

.translate{margin-top:-30px;}
.contact-ico{padding:20px;background-size:auto 300px;margin-bottom: 20px}
.contact-ico .media {position:relative;margin-top:20px;}
.message .padding-large{padding:20px;}
.message .button{float:none;margin:0 0 20px 0;}
.contact-ico .shop-ico{padding-left:0px;}
.radius-large-right {border-radius:12px}
}