.contact-phone {
    max-width: 1008px;
    height: 50px;
    margin: -50px auto 0 auto;
    background: #D40101;
    position: relative;
}
.wap-contact-phone{
    width: 100%;
    height: 50px;
    margin: -57px auto 0 auto;
    background: #D40101;
}
.content-phone{
    max-width: 1008px;
    position: absolute;
    letter-spacing:2px;
    height: 30px;
    text-align: center;
    color: #FFffff;
    font-size: 20px;
    border: 0;
    border-top: 1px solid #FFffff;
    border-bottom: 1px solid #FFffff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    margin-top: 10px;
}
.contact-list{
    max-width: 878px;
    margin: 0 auto;
    height: auto;
    display: block;
    overflow: hidden;
}
.contact-title{
    margin: 0 auto;
    width: 380px;
    padding-top: 55px;
    padding-bottom: 25px;
}
.contact-title img{
    margin: 0 auto;
}
.contact-detail{
    text-align: center;
    margin-bottom: 70px;
    margin-top: 20px;
    letter-spacing: 2px;
}
.contact{
    width: 47%;
    float: left;
    display: inline;
    position: relative;
}
.contact h2{
    color: #042C4F;
}
.contact-img{
    width: 100%;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
}
.contact-img1{
    width: 55%;
    float: left;
}
.contact-img2{
    float: right;
    width: 42%;
}
.contact-info{
    background: #EDEDED;
    width: 100%;
    margin-top: 5px;
    height: 140px;
}
.contact-info-title{
    color: #0B3354;
    padding: 17px 0 0 35px;
    font-size: 18px;
}
.contact-info-title2{
    font-size: 12px;
}

.contact-info-content{
    font-size: 13px;
    padding: 10px 0 0 35px;
}
.content{
    margin-top: 12px;
}
.box{
    width: 50%;
    position: relative;
    float: right;
    display: inline-block;
}
.box h5{
    color: #042C4F;
    padding-left: 8px;
}
.submit{
    margin: -50px auto 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

.table_form th{text-align:left!important;width: 100%!important;}
#td1{width: 50%!important;}
#td2{ width: 45%!important;  padding-left: 5%;}
#content{width: 100%!important;padding: 4px 0 4px 5px;}
#name{width: 100%!important;}
#phone{width: 100%!important;}
#post{width: 100%!important;}
.submit{    margin: -50px auto 0 auto!important;  position: relative;  text-align: center;  width: 100%!important;}
/*#content{*/
    /*width:400px;height:185px;resize: none;*/
/*}*/
/*#submit{*/
    /*margin: -50px 0 0 160px;position: absolute;*/
/*}*/
/*#dosubmit{*/
    /*background: #FF0000;width: 80px;height: 30px;border: none;color: #ffffff;*/
/*}*/

@media screen and (max-width: 1024px) {
    .contact-list{width: 95%!important;}
}

@media screen and (max-width: 885px) {
    .contact {  width: 44%;margin-right:2%; }
    .box {float: left;}
}
@media screen and (max-width: 820px) {
    .contact{ width: 415px;  margin: 0 auto;float: none;    display: block;    padding-left: 8px; }
    .box { width: 425px;display:block;float: none;margin: 20px auto;}
}
@media screen and (max-width: 767px) {
    .list-banner img{min-height: 230px}
}
@media screen and (max-width: 536px) {
    .content-phone{letter-spacing:1px;font-size:18px;}
}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 450px) {
    .contact{    width: 95%;}
    .contact-detail{    margin-bottom: 50px;}
    .box {width: 95%;}
    .content-phone{letter-spacing:1px;font-size:16px;}
    .about-content{width: 95%;}
    .table_form{width: 100%!important;}
    .table_form th{text-align:left!important;width: 100%!important;}
    #td1{width: 50%!important;}
    #td2{ width: 45%!important;  padding-left: 5%;}
    #content{width: 100%!important;padding: 4px 0 4px 5px;}
    #name{width: 100%!important;}
    #phone{width: 100%!important;}
    #post{width: 100%!important;}
    .submit{    margin: -50px auto 0 auto!important;  position: relative;  text-align: center;  width: 100%!important;}
}
@media screen and (max-width: 375px){
    .contact-detail{    margin-bottom: 50px;}
}