/* CSS Initialization */
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;padding: 0;border: 0;}
body {font-size: 12px;color:#333333; font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
a {text-decoration: none;color: #333333;}
a:hover,a:active,a:focus{text-decoration:none;color: #185a94;}
fieldset,img {border: none;}
ol, ul, li {list-style: none;}
input, textarea, select, button {font-size: 100%;}
table {border-collapse:collapse; border-spacing:0;}

/* css clear float */
.clearfix::before,.clearfix::after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
.fl{float: left;}
.fr{float: right;}
.ovf{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

body{max-width: 6.4rem;margin: 0 auto;overflow-x: hidden;}
.wrap img{width: 100%; display: block;margin: 0; padding: 0;}
.service-wrap{position: relative;}
.service-box{width: 84%;position: absolute; top: 140px; left: 8%;}
.service-item{float: left; width: 50%; height: 48px; line-height: 48px; font-size: 16px; color: #5c4c92; position: relative;
    padding-left: 55px; margin-bottom: 15px; box-sizing: border-box;}
.service-item img{width: 48px; position: absolute; top: 0; left: 0;}

.form-wrap{position: relative;}
.form-box{width: 70%; position: absolute; top: 45px; left: 15%;}
.form-box .title{font-size: 26px; text-align: center; margin-bottom: 10px;}
.form-item{height: 30px; line-height: 30px; color: #FFFFFF; padding-left: 60px; position: relative;
    width: 50%; margin: 0 auto 10px;}
.form-item .name{width: 80px; 
/*font-size: 20px;*/ 
color: #333; height: 30px; line-height: 30px;
    position: absolute; top: 0; left: 0; }
.form-item .name span{color: #d14136;}
.form-item input{border: 1px solid #eee; outline: none; border-radius: 3px; height: 30px;
    padding: 0 10px; box-sizing: border-box; width: 100%;}
.form-box button{display: block; width: 55%; height: 30px; border-radius: 20px; background: linear-gradient(#f7b341,#e3930c,#f7b341);
    color: #FFFFFF; margin: 0 auto; font-size: 18px; text-align: center; outline: none;}

.form-checkbox{text-align: center; margin: 10px 0 10px;}
.form-checkbox label{height: 24px; line-height: 24px; position: relative; font-size: 14px; padding-left: 20px;
    color: #388da4; box-sizing: border-box; display: inline-block;}
.form-checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; outline: none; display: none;}
.form-checkbox label input[type="checkbox"] + span {float: left; width: 16px; height: 16px;display: inline-block;
    background: url("../images/radio_no.png") no-repeat; background-size: 100% 100%;}
.form-checkbox label input[type="checkbox"]:checked + span { background: url("../images/radio.png") no-repeat;
    background-size: 100% 100%;}
.form-checkbox label span{display: inline-block;width: 24px; height: 24px; position: absolute;
    top: 5px; left: 0;}
.form-checkbox a{font-size: 14px; font-weight: bold; color: #388da4;}
.form-box-tel button{display: block; width: 80%; height: 36px; background: #4491d0; color: #FFFFFF;
    margin: 0 auto;font-weight: bold; letter-spacing: 3px; font-size: 16px;}

.public-wrap{position: relative;}
.public-btn{display: block; width: 140px; height: 30px; border-radius: 20px; background: #fff;
    color: #274249; font-size: 20px; letter-spacing: 4px; text-align: center; outline: none; position: absolute;
    left: 50%; bottom: 40px; margin-left: -70px; box-shadow: 3px 3px 3px #739da1;}
.public-btn.cailiao{width: 180px; margin-left: -90px; bottom: 20px;}
.banzheng-wrap{position: relative; height: 80px; padding: 20px;}
.banzheng-wrap .title{font-size: 24px; text-align: center; margin-top: 10px;}
.zixun-btn{display: block; width: 140px; height: 30px; border-radius: 20px; background: #fff;
    color: #ffb231; font-size: 20px; letter-spacing: 4px; text-align: center; outline: none;
    box-shadow: 3px 3px 3px #739da1; margin: 0 auto;}

.case-box{position: absolute; top: 95px; left: 0; margin: 0 24px; }
.case-item-box{display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15px;}
.case-item{width: 48%; box-shadow: 3px 3px 3px #739da1;}
.case-item img{width: 100%; display: block;}

.banli-wrap{padding: 10px 0 25px;}
.footer{display: flex; flex-direction: row; justify-content: space-between;position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999;}
.footer a{display: block; width: 50%;}
.footer a img{display: block; width: 100%;}

@media (max-width: 360px) {
    .form-box{top: 30px;}
    .form-box .title{font-size: 24px;}
    .case-box{top: 85px;}
}