.w1000{
    width: 1000px; margin: 0 auto; 
}
*{
    box-sizing:border-box;
}
.clearboth{
    clear: both;
}
.header_w{
    width:100%; box-shadow: 0 0 7px 3px #f2f2f2;
}
.header_w .al{
    float: left;
}
.header_w .al img{
    display: block; height: 40px; margin: 20px 0;
}
.header_w .ar{
    float: right;     color: #14b1a0; font-size: 16px; margin-top: 32px;
}
input,select,option,textarea{outline: none;}
input:focus,select:focus,option:focus,textarea:focus{outline: none;}

input:-webkit-autofill {
  -webkit-box-shadow:   none;
  -webkit-text-fill-color: #333;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: none !important;
  background-image: none  !important;

  /* -webkit-text-fill-color: red; //这个私有属性是有效的 */
}



.countries_box{width: 100%;height: 40px;border: 1px solid #ddd; 
}
.countries_box .countries{width:60px;height:40px;border-right: 1px solid #ddd;text-align: center;cursor:pointer;position:relative; float:left;}
.countries_box .countries i{display:inline-block;height:20px;background:url(../images/jt.png)no-repeat right center;padding-right:18px;margin-top:10px;}
.countries_box .countries img{width:26px;height:20px;}
.countries_box .countries:hover{background:#efefef}
.countries_box .contact_lx0{height:100%;border:none;padding:0 10px;font-size:14px; float:left; width: calc(100% - 60px);}
.countries_box .contact_lx0::placeholder{color:#bbb !important}
.countries_box .xiala{width: 100px;position: absolute;top: 40px;left: 0;z-index: 1;padding: 4px 0 4px 5px;text-align: left;border: 1px solid #d8d8d8;font-size: 13px;color: #595959;background: #fff;display:none}
.countries_box .xiala img{display: inline-block;width: 16px;height: 11px;margin-right: 5px;border: 1px solid #d8d8d8;}
.countries_box .xiala h6{display: inline-block;font-weight: normal;}
.countries_box .xiala div{padding:4px 0;}
.countries_box .xiala div:hover{background:#efefef}

#form{
  width: 430px; margin: 60px auto;  
}
.content_f li{
    width: 100%; margin-bottom: 30px;
}
.content_f li  .li_l{
    float: left; text-align: right; color: #616161; width: 115px; font-size: 14px; line-height: 42px; 
}
.content_f li  .li_r{
    float: right; width: calc(100% - 130px);
}
.content_f .contact_lx1{
    height: 40px; border: 1px solid #ddd; padding: 0 10px; float: left; width: calc(100% - 100px); color: #333;
}
#tosend02 {
    height: 40px;
    line-height: 40px;
    float: right;
    text-align: center;
    width: 100px;
    font-size: 14px;
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 0px;
    cursor: pointer;
}
.content_f .contact_lx1.contact_lx2{
    width: 100%;
}

#tobutton{
    width: 100%; 
    height: 40px;
    line-height: 40px;
    background: #14b1a0;
    border: 0px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}


@media all and (min-width:320px) and (max-width:1000px){
.w1000{
    width: 100%; margin: 0 auto;  padding: 0 15px; box-sizing: border-box;
} 



}

@media all and (min-width:320px) and (max-width:768px){
    #form{
      width: 100%; margin: 30px auto;  
    }
    .content_f li .li_l {
        width: 80px;
        font-size: 13px;
    }
    .content_f li .li_r {
        float: right;
        width: calc(100% - 100px);
    }
}