.contactBox {
    border: 5px solid #f4f4f4;
    display: block;
    overflow: hidden;
    margin-top: .5rem;
}

.contactBox ul li {
    padding: 2% 5%;
    margin: .4rem 0;
    border-right: 1px solid #dededd;
    min-height: 3.7rem;
}

.contactBox ul li p {
    line-height: 2;
    color: #333;
    font-size: .15rem;
}

.contactBox ul li p span {
    font-size: .16rem;
}
.col-lg-6 {
    width: 50%;
}
.contactBox ul li:last-child {
    border-right: 0;
}.contactBox .proMessage h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.contactBox input.contact-name {
    background: url(../image/name.png) no-repeat .1rem center;
}

.contactBox input.contact-imgCode {
    background: url(../image/yanzheng.png) no-repeat .1rem center;
    width: 80%;
    margin-top: 0.2rem;
    float: left;
}
.row { margin-right: -15px;margin-left: -15px}
.col-lg-1,

.contactBox input {
    border: 1px solid #dededd;
    padding: .07rem .1rem;
    display: block;
    width: 100%;
    text-indent: .25rem;
    color: #666;
    font-size: .14rem;
}

.contactBox input.contact-tel {
    background: url(../image/tel.png) no-repeat .1rem center;
}
.contact-textarea {
    width: 100%;
    border: 1px solid #dededd;
    text-indent: .28rem;
    padding: 1% 1.4%;
    line-height: 1.8;
    min-height: .7rem;
    color: #666;
    margin-top: .1rem;
    background: url(../image/textarea.png) no-repeat .08rem .1rem;
    margin-top: .2rem;
    font-size: .16rem;
}
.contactBox .contact-bth {
    display: block;
    margin-top: 0.05rem;
    outline: none;
    border: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: .05rem;
    color: #fff;
    background: #999;
    margin-top: .2rem;
    padding-left: 0;
    letter-spacing: 4px;
    font-size: .16rem;
    text-indent: 0rem;
}
input[type="button"]
{
   cursor: url(../image/Acur.png),
   default  !important;
}


.col-lg-10,




.col-lg-11,




.col-lg-12,




.col-lg-2,




.col-lg-3,




.col-lg-4,




.col-lg-5,




.col-lg-6,




.col-lg-7,




.col-lg-8,




.col-lg-9,




.col-md-1,




.col-md-10,




.col-md-11,




.col-md-12,




.col-md-2,




.col-md-3,




.col-md-4,




.col-md-5,




.col-md-6,




.col-md-7,




.col-md-8,




.col-md-9,




.col-sm-1,




.col-sm-10,




.col-sm-11,




.col-sm-12,




.col-sm-2,




.col-sm-3,




.col-sm-4,




.col-sm-5,




.col-sm-6,




.col-sm-7,




.col-sm-8,




.col-sm-9,




.col-xs-1,




.col-xs-10,




.col-xs-11,




.col-xs-12,




.col-xs-2,




.col-xs-3,




.col-xs-4,




.col-xs-5,




.col-xs-6,




.col-xs-7,




.col-xs-8,




.col-xs-9 {




    position: relative;




    min-height: 1px;




    padding-right: 15px;




    padding-left: 15px




}.col-lg-6 {
    width: 50%;
}.container {
    padding-left: 0;
    padding-right: 0;
}.container {
    max-width: 1200px;
    margin: 0 auto;
    padding:60px 0;background: #fff
}@media (min-width:1200px) {
.container { width: 1200px}}

.proMessage h4 {
    text-align: center;
    margin-top: .3rem;
    font-size: .32rem;
    font-weight: 800;
}
.proMessage p {
    font-size: .14rem;
    text-align: center;
    color: #666;
    margin-bottom: .2rem;
    font-family: arial;
}
@media (min-width:1200px) {









    .col-lg-1,




    .col-lg-10,




    .col-lg-11,




    .col-lg-12,




    .col-lg-2,




    .col-lg-3,




    .col-lg-4,




    .col-lg-5,




    .col-lg-6,




    .col-lg-7,




    .col-lg-8,




    .col-lg-9 {




        float: left




    }









    .col-lg-12 {




        width: 100%




    }









    .col-lg-11 {




        width: 91.66666667%




    }









    .col-lg-10 {




        width: 83.33333333%




    }  }
 @media (max-width: 768px){.contactBox {
        margin-top: 0;
    } 
     .contactBox ul li {
        padding: 0 3%;
        margin: .2rem 0;
        height: auto;
    }
      .contactBox ul li {
        padding: 0 3%;
        margin: .2rem 0;
        height: auto;
    }
    .col-sm-12 {
        width: 100%;
    }
  .promessageBox input {
        margin-top: .1rem;
    }
 }.col-lg-1,




.col-lg-10,




.col-lg-11,




.col-lg-12,




.col-lg-2,




.col-lg-3,




.col-lg-4,




.col-lg-5,




.col-lg-6,




.col-lg-7,




.col-lg-8,




.col-lg-9,




.col-md-1,




.col-md-10,




.col-md-11,




.col-md-12,




.col-md-2,




.col-md-3,




.col-md-4,




.col-md-5,




.col-md-6,




.col-md-7,




.col-md-8,




.col-md-9,




.col-sm-1,




.col-sm-10,




.col-sm-11,




.col-sm-12,




.col-sm-2,




.col-sm-3,




.col-sm-4,




.col-sm-5,




.col-sm-6,




.col-sm-7,




.col-sm-8,




.col-sm-9,




.col-xs-1,




.col-xs-10,




.col-xs-11,




.col-xs-12,




.col-xs-2,




.col-xs-3,




.col-xs-4,




.col-xs-5,




.col-xs-6,




.col-xs-7,




.col-xs-8,




.col-xs-9 {




    position: relative;




    min-height: 1px;




    padding-right: 15px;




    padding-left: 15px;}
    .wjdhBg{background:rgb(255 217 0) !important}
    .promessageBox input {
    border: 1px solid #dededd;
    padding: 0.07rem .1rem;
    display: block;
    width: 100%;
    padding-left: .14rem;
    text-indent: .14em;
    color: #666;
    background: #999;
    border-radius: 5px;
    font-size: .15rem;
    text-indent: 1.5em;
}

@media (max-width: 768px){
    .promessageBox input{
        font-size:.25rem;
    }
    .contactBox ul li p{
        font-size:.25rem;
    }
    .contact-textarea
    {font-size:.25rem;        text-indent: .45rem;}
    .contactBox .contact-bth{
        font-size:.25rem;
    }
}