*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,img{border:medium none;margin:0;padding:0;}
body{font-size:15px;}
button, input, select, textarea {font-family:'Microsoft YaHei';}
h1, h2, h3, h4, h5, h6{ font-size: 100%;}
em{font-style:normal;}
ul, ol{list-style: none;}
table{border-collapse: collapse;border-spacing: 0; }
a,ins{text-decoration:none;}
*:focus{outline:none;}
a{color:#333333;}
a:hover{color:#355e92;}
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
body{font-family:'微软雅黑';font-size:15px;}
.hide{display:none;}
.block{display:block;}
.w1170{width:1170px;margin:0 auto;}
.nav{height:60px;overflow:hidden;background: #dc2021;}

* {
    margin: 0;
    padding: 0;
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

a {
    text-decoration: none;
}

input::-webkit-input-placeholder {
    color: #D2D2D2;
}

input:-moz-placeholder {
    color: #D2D2D2;
}

input::-moz-placeholder {
    color: #D2D2D2;
}

input:-ms-input-placeholder {
    color: #D2D2D2;
}

.header {
    background: #FFFFFF;
    box-shadow: 0px 5px 7px 0px rgba(225, 225, 225, 0.5);
}

.header>div {
    box-sizing: border-box;
    width: 1246px;
    margin: 0 auto;
    height: 100px;
    justify-content: start;
    padding: 0 105px;

}

.header>div>a {
    display: inline-block;
    overflow: hidden;
}

.header>div>a>img {
    height: 75px;
}

.header>div>p {
    width: 96px;
    height: 24px;
    font-size: 24px;
    color: #333333;
    line-height: 24px;
    margin-top: -10px;
    margin-left: 20px;
}

.header>div>div {
    margin-left: 686px;
}

.header>div>div a {
    width: 48px;
    height: 16px;
    font-size: 16px;
    color: #E32319;
    line-height: 16px;
    background-image: url('');
    background-repeat: no-repeat;
    background-size: 9px 6px;
    background-position: right center;
    padding-right: 10px;
}

.step {
    overflow: hidden;
}

.progress-bar {
    position: relative;
    margin: 44px auto 0;
    width: 400px
}

.progress-bar .pro-step {
    float: left;
    text-align: center
}

.progress-bar .pro-step .step-index {
    margin: 0 auto;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-position: -45px -200px;
    font-size: 12px;
    font-weight: 700;
    color: #ccc;
    border-radius: 50%;
    border: 1px solid #CCCCCC;
}

.progress-bar .pro-step .step-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #999
}

.progress-bar .pro-step2 {
    margin-left: 49px
}

.progress-bar .person-pro-step2 {
    margin-left: 119px
}

.progress-bar .pro-step3 {
    margin-left: 43px
}

.progress-bar .person-pro-step3 {
    margin-left: 112px
}

.progress-bar .pro-step4 {
    margin-left: 51px;
}

.progress-bar .cur-step .step-index {
    background-position: 0 -200px;
    background-color: #30BC42;
    /* border-radius: 50%; */
    color: #fff;
    border: 1px solid #30BC42;

}

.progress-bar .cur-step .step-desc {
    color: #3b4;
}

.progress-bar .done-step .step-index {
    background-position: 0 0;
    border: none;
}

.progress-bar .done-step .step-desc {
    color: #3b4;
}

.progress-bar .pro-line {
    position: absolute;
    top: 7px;
    width: 74px;
    height: 10px;
    background-position: 0 center;
    background-image: url(/public/webpic/line.png);
    background-size: contain;
}

.progress-bar .person-pro-line {
    width: 124px;
    /* background-position: 0 -103px; */
}

.progress-bar .pro-line1 {
    left: 50px;
}

.progress-bar .person-pro-line1 {
    left: 55px;
}

.progress-bar .pro-line2 {
    left: 169px;
}

.progress-bar .person-pro-line2 {
    left: 228px;
}

.progress-bar .pro-line3 {
    right: 42px;
}

.progress-bar .cur-line {
    background-position: 0 -70px;
}

.progress-bar .person-cur-line {
    background-position: 0 -130px;
}

.form {
    width: 398px;
    margin: 34px auto 67px;
    position: relative;
}

.service {
    position: absolute;
    width: 80px;
    height: 80px;
    border: 1px solid #DDDDDD;
    right: -110px;
}

.service p:first-of-type {
    width: 32px;
    height: 32px;
    margin: 10px auto 13px;
    overflow: hidden;
    background-image: url(/public/webpic/service.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 32px;
}

.service p:last-of-type {
    text-align: center;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}

.form .form-item {
    width: 398px;
    overflow: hidden;
    justify-content: space-between;
}

.form-item-phone-tip,
.form-item-code-tip,
.form-item-name-tip,
.form-item-password-tip,
.form-item-password2-tip,
.form-item-uname-tip,
.form-item-contact-tip {
    visibility: hidden;
    background-image: url(/public/webpic/defalut.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left top;
    display: inline-block;
    height: 24px;
    font-size: 12px;
    color: #C5C5C5;
    line-height: 14px;
    padding-left: 20px;
}

.form-item-phone-tip-active,
.form-item-name-tip-active,
.form-item-contact-tip-active,
.form-item-uname-tip-active,
.form-item-password-tip-active,
.form-item-password2-tip-active,
.form-item-code-tip-active {
    background-image: url(/public/webpic/active.png);
}

/* .form .form-item:hover {} */

.form-item input {
    box-sizing: border-box;
    height: 44px;
    line-height: 44px;
    width: 290px;
    padding-left: 20px;
    border: 1px solid #ddd;
    outline: 0;
    color: #333;
    font-size: 14px;
}

.form-item.code input {
    width: 172px;
}

.form-item.name input,
.form-item.contact input {
    border-left: 1px solid #fff;
}

.form-item input:focus,
.form-item.code input:focus {
    border: 1px solid #757575;
}

.code button {
    width: 118px;
    height: 44px;
    outline: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: 0;
    color: #333;
    font-size: 13px;
    cursor: pointer;
}

.code button:hover {
    color: #E32319;
}

.phone>p,
.code>p,
.name>p,
.password>p,
.password2>p,
.uname>p,
.name>p,
.contact>p {
    width: 108px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    color: #666666;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-right: 0;
}



.submit {
    width: 398px;
    height: 44px;
    line-height: 44px;
    background: #E32319;
    text-align: center;
    outline: 0;
    border: 0;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    /* margin-top: 14px; */
}

.submit:hover {
    background-color: #c81623;
}

.screen {
    border-top: 1px solid #E6E6E6;
    padding-top: 30px;
}

#nc {
    display: none;
}

.nc-container .nc_scale span,
.nc-container .nc_scale .btn_ok {
    height: 34px !important;
}

.nc {
    display: none;
}

.sm-pop-inner {
    position: static !important;
    margin-bottom: 28px;
}

.nc-container #nc_1_wrapper {
    width: 398px !important;
}

.btn-disable {
    background-color: #efefef !important;
}


/*友情链接*/
.friendlink>.friendlink02_div03 a{width: 90px;}
.footer_box_bottom{height: 156px;background: #fff; margin:0 auto;}
.footer_box_bottom>ul{width: 1170px;margin: 0 auto;padding:5px 0px 0 0px;  }
.footer-nav{display: block;font-size: 13px;line-height: 13px;height: 13px;margin:0 10px 5px 10px;}
.footer-separate{width: 1px;height: 13px;background: #4a4a4a;margin: 0 5px;}
.footer-l{width:1170px;text-align:center;padding-left:0px;}
.footer-l a{ margin-left:10px; margin-right:10px;}
.footer-l p{font-size: 13px;color: #333333;height: 18px;line-height: 18px;margin-top: 12px;}
.footer-m{width: 52px;margin-top: 13px;}
.footer-m img{display: block;width: 52px;height: 64px;}
.footer-r{width: 110px;margin-top: 7px;}
.footer-r img{display: block;width: 110px;height: 55px;}
.friendlink>div a:hover{color:#004a7c;}
.yqljcon{  height: auto !important;  height: 28px;  min-height: 28px;  width: 100%;  padding: 10px 0;  }
.footerPP {  text-align: left;  padding-left: 0px;  margin: 0;  height: auto !important;  min-height: 20px;  width: 100%;  }
.footxq_left {float: left;  width: 80px;  height: auto !important;  min-height: 10px;  font-size: 13px;  font-weight: 900;  line-height: 26px;  }
.footxq_left a {  font-size: 13px;  font-weight: bold;  line-height: 26px;  }
.footerPP a {  width: 135px;  color: #333333;  line-height: 23px;  display: block;  float: left;  height: 23px;  overflow: hidden;  }
.footxq_right {  float: left;  width: 1022px!important;  height: auto !important;  min-height: 10px; }
.footxq_div {width: 100%;height: 26px;}
.friendlink02_div02 .footxq_div a {line-height: 22px;width: auto; }
/*底部结束*/