@charset "utf-8";
html { height: 100% }
body {
    min-height: 100% ;
        margin: 0;
    padding: 0;
    background-image: url(bg.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px;font-family: 'Roboto', sans-serif;color:#666666;}
body { line-height: 1.5 }
a { text-decoration: none;}
a:hover { color:#ac343d;}
a { blr:expression(this.onFocus=this.blur()); color:#0064B6; }
a * { *cursor: pointer }
:focus { outline: none }
.main img{
    width: 100%;
    max-width:450px;
    max-height: 500px;
}

.m-width-768 {
    max-width: 450px;
    margin: 0 auto;
     
}
.f-p-list{margin-bottom: 50px;}
.ipd-20{
    background-color: #f3f3f3;
   
}
.ipd-20 form {
    padding: 20px 40px;
    font-family: PingFangSC-Regular;
    font-size: 0.37333333rem;
    line-height: 0.58666667rem;
    color: #444444;
}
.ipd-20 p{
    margin-bottom: 10px;
}
.ipd-20 p label{
    font-size: 16px;
    font-family: Arial,sans-serif;
    line-height: 1.5;
    outline: none;
    color: #999;
    font-weight: 500;
}
.ipd-20 p label b{
     padding-left: 8px;
    color: #ff4444;
    font-size: 14px;
    line-height: 30px;
}

.ipd-20 p input {
    -webkit-appearance: none;
    /*padding: 3px 0 3px 0;*/
    width: 100%;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-width: 0 0 1px 0;
    border-radius: 0;
    font-size:20px;
    line-height: 20px;
    outline: none;
    color: rgb(0, 0, 0);
    border-color: rgb(220, 220, 220);
}

.ipd-20 p input.wpcf7-submit{
    font-size: 20px;
    border-radius: 5px;
    border-style: solid;
    border-width: 0rem;
    border-color: transparent;
    background-color: rgb(22, 47, 73);
    color: rgb(255, 255, 255);
     flex: 1 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
     height: 50px;
    line-height: 28px;
    width: 90%;
    margin: 0 auto;
    margin-top: 28px;
}
.wpcf7-not-valid-tip{
     color: #ff4444;
     font-size: 14px;
     line-height: 30px;
}