.support a{display: inline-block;border:1px solid #0000ff;margin:0 10px;}
.support a i{display: inline-block;width:48px;height:48px;overflow: hidden}
/*background-image:url(../images/bg-contact.png);*/

.contact-ico{position:relative;}
.contact-ico .media {background-size:auto 300px;background-repeat:no-repeat;background-position:right bottom;padding:20px;display:block;top:0;transition:all .3s;position:relative;}
.contact-ico .media i{font-size:48px;padding-top:10px;}
.contact-ico .media:hover {transition:all 0.3s;top:-10px}
.contact-ico .media-body p{height:50px;display: block}
.contact-ico .media-body strong {margin:10px 0 20px 0;font-size:18px;}
.contact-ico .media:hover .media-body a{color:#9DCC49}

.contact-list{border-radius: 10px;overflow: hidden}
.contact-list li a{display: block;}
.contact-list li{display: block; background: #fff;border-bottom: 1px solid #eee;padding:30px 20px 57px 55px;position:relative;transition:all 0.3s;}
.contact-list li i{position:absolute;left:20px;top:34px; width:24px;height: 30px;line-height: 24px;text-align:center;font-style: normal;color:#333; background:url(../images/mapico.png) no-repeat center 50%;display: inline-block;}
/*.contact-list li:hover{background: #F5F6F7;}*/
.contact-list li.active{background:#E7E9EC;}
.contact-list li:last-child {border-bottom: 0}
.contact-list li:hover strong,.contact-list li:hover p,.contact-list li.active strong, .contact-list li.active p{color:#333;transition:all 0.3s;}
.contact-list li strong{font-weight: 600;display: block;margin-bottom:10px}

.baidu-map {width:100%;height:628px;border-radius: }

.message .form-group {padding-bottom:20px}
.message .input{-webkit-appearance:none;border:1px solid #ddd;padding:0 15px;color:#666;height:56px;line-height:56px;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:1px solid #ddd;padding:12px;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;}
@media screen and (max-width:1400px) {
.contact-list li{padding:20px 20px 20px 55px;}
.contact-list li i{left:20px;top:23px;}
.baidu-map {width:100%;height:600px;}
}
@media screen and (max-width:768px) {
.contact-ico{margin-top:-50px}	
.contact-ico .media {padding:20px 0;margin-bottom:10px}
.contact-ico .media i{font-size:32px;}
.contact-ico .media-body {padding:10px 20px 0 20px}
.contact-ico .media-body strong {margin:0;font-size:18px;}
.message .button{float:left;margin:20px 0;}
}