@charset "utf-8";

body,
html {
    background: #f1f1f1;
}

.bigBanner {
    width: 100%;
    height: 446px;
    background: url(../images/problem-banner.jpg) 0 0;
    background-size: 100% 100%;
}

.bigBanner .threeBtn {
    position: absolute;
    top: 529px;
    left: 0;
    width: 100%;
    height: 120px;
    background: rgba(0, 0, 0, .3);
    display: none;
}

.bigBanner .threeBtn .padBtn {
    padding: 30px;
    text-align: center;
}

.bigBanner .threeBtn a {
    display: inline-block;
    height: 60px;
    width: 190px;
    border-radius: 5px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0 38px;
}

.bigBanner .threeBtn a.bgRed {
    background: #da3a24;
}

.bigBanner .threeBtn a.bgBlue {
    background: #4488ff;
}

.bigBanner .threeBtn a.bgGreen {
    background: #059757;
}

.aboutNav {
    width: 1200px;
    padding: 0 80px;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    /* display: flex;
    justify-content: space-between; */
}

.aboutNav .layui-nav-item:nth-of-type(1) {
    margin-left: 0;
}

.aboutNav .layui-nav-item:nth-of-type(5) {
    margin-right: 0;
}

.aboutNav .layui-nav-item {
    line-height: 70px;
    margin: 0 90px;
}

.aboutNav .layui-nav-item a {
    color: #666;
    padding: 0;
    font-size: 16px;
}

.aboutNav .layui-nav-item a:hover,
.aboutNav .layui-this a {
    color: #da3a24;
}

.aboutNav .layui-this:after {
    background-color: #da3a24;
    height: 2px;
}

.layui-nav-bar {
    display: none;
}

.ab_contain {
    padding: 30px;
    min-height: 500px;
    margin-bottom: 50px;
}

.ab_contain h3 {
    font-size: 24px;
    color: #666666;
    text-align: center;
}

.ab_contain p {
    text-align: justify;
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    line-height: 2;
    text-indent: 2em;
}

/* .problemContain,
.payment,
.process {
    padding: 20px 60px;
    min-height: 500px;
} */

.problemContain .layui-colla-title {
    background: none;
    padding: 0;
    font-size: 16px;
}

.problemContain .layui-colla-title.cur {
    color: #ff6d00;
}

.problemContain .layui-colla-item,
.problemContain .layui-collapse,
.problemContain .layui-colla-content {
    border: 0;
}

.problemContain .layui-colla-icon {
    display: none;
}

.problemContain .layui-colla-content {
    background: #f8f8f8;
    padding: 20px 30px;
    max-height: 250px;
    overflow-y: auto;
}

/* .payment p,
.process p {
    text-align: center;
    font-size: 25px;
    line-height: 80px;
    border-bottom: 1px solid #ddd;
}

.payment ul {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 20px;
} */

/* .payment ul li {
    float: left;
    width: 50%;
    margin-top: 20px;
    box-sizing: border-box;
} */

/* .payment ul li img {
    margin-left: 80px;
}

.payment ul li:first-child {
    border-right: 1px solid #ddd;
}

.payment ul li:first-child img {
    margin-left: 260px;
} */

.mb50 {
    margin-bottom: 50px;
}

/* .payment,
.process {
    min-height: 500px;
} */

.process ul {
    padding: 20px;
}

.process ul li {
    overflow: hidden;
    zoom: 1;
    width: 80%;
    margin: 10px auto 30px;
}

.process ul li img {
    height: 136px;
    width: 237px;
    float: left;
    margin-right: 30px;
}

.process ul li h4 {
    font-size: 20px;
    margin-top: 10px;
}

.process ul li span {
    display: block;
    line-height: 3;
    margin-bottom: 10px;
}

.process ul li a {
    color: #fff;
    background: #fd4d3f;
    /* width: 200px;
    display: block; */
    padding: 8px 15px;
    border-radius: 5px;
}

.contact {
    overflow: hidden;
    zoom: 1;
}

#allmap {
    width: 540px;
    height: 830px;
    float: left;
}

.BMap_cpyCtrl {
    display: none !important;
}

.contact {
    padding: 30px 50px;
}

.allCompanyAddress {
    height: 830px;
    overflow-y: auto;
    width: 515px;
    float: right;
    color: #666;
    padding-right: 15px;
}

.allCompanyAddress li {
    padding: 20px 0;
    border-bottom: 1px solid #dddddd;
}

.allCompanyAddress li h3 i {
    margin-right: 5px;
}

.allCompanyAddress li .companyName {
    padding-left: 5px;
    font-size: 18px;
}

.allCompanyAddress li .companyName i {
    height: 10px;
    border: 3px solid #999;
    margin-top: 5px;
    float: left;
}

.allCompanyAddress li .companyName span {
    padding-left: 10px;
}

.companyAddress {
    margin: 7px 0;
    overflow: hidden;
    zoom: 1;
}

.companyAddress,
.companyTel {
    padding-left: 20px;
}

.companyAddress span {
    float: left;
}

.companyAddress em {
    float: left;
    width: 360px;
}

/* 关于我们 */
.about {
    background: url('../images/about-my.png') center center no-repeat;
    background-size: 100% 100%;
    height: 877px;
}

.w1100 {
    width: 1100px;
    margin: 15px auto 0;
}

.w1100 .about-title {
    text-align: center;
}

.w1100 .about-title h2 {
    font-size: 25px;
    color: #222222;
    margin-bottom: 15px;
}

.w1100 .about-title p {
    font-size: 25px;
    color: #3e3e3e;
}

.even-bum-box {

    margin-top: 53px;
}

.even-bum-box:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.even-bum-box li {
    float: left;
    margin: 0 57px;
}

.even-bum-box li:nth-of-type(1) {
    width: 158px;
    height: 137px;
    margin: 0 29px 0 0;
}

.even-bum-box li:nth-of-type(5) {
    margin-right: 0;
}

.even-bum-box li,
.singular-bum-box li {
    width: 126px;
    height: 110px;
    position: relative;
    text-align: center;
}

.even-bum-box li p,
.singular-bum-box li p {
    font-size: 22px;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    line-height: 110px;
}

.even-bum-box li .pos {
    width: 132px;
    height: 61px;
    background: url('../images/Background-box.png') center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -45px;
    left: 50%;
    padding: 10px;
    display: none;
}

.even-bum-box li:hover .pos {
    display: block;
}

.pos span {
    display: block;
    text-align: left;
    color: #da3a24;
}

.pos span:nth-of-type(1) {
    font-weight: 600;
}

.even-bum-box li,
.singular-bum-box li {
    background: url('../images/about-num-other.png') center center no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 16px;
}

.even-bum-box li:nth-of-type(1) {
    background: url('../images/about-num-1.png') center center no-repeat;
    background-size: 100%;
}

.even-bum-box li:nth-of-type(1) p {
    line-height: 137px;
}

.singular-bum-box {

    margin: 25px 125px 0 125px;
    zoom: 1;
}

.singular-bum-box:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.singular-bum-box li {
    margin: 0 55px;
}

.singular-bum-box li:nth-of-type(1) {
    margin-left: 0;
}

.singular-bum-box li:nth-of-type(4) {
    margin-right: 0;
}

.progress-box {
    height: 360px;
    background: url(../images/progress.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 60px;
}

.progress-box ul {
    padding: 55px 115px 25px 98px;

}

.progress-box ul:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.progress-box ul li {
    float: left;
}

.progress-box ul li:nth-of-type(1) {
    margin-right: 126px;
}

.progress-box ul li:nth-of-type(2) {
    margin-right: 103px;
}

.progress-box ul li:nth-of-type(3) {
    margin-right: 90px;
}

.progress-box ul li:nth-of-type(4) {
    margin-right: 0px;
}

.progress-eight {
    width: 86px;
    height: 67px;
    background: url('../images/Eight.png') center center no-repeat;
    background-size: 100% 100%;
    margin-left: 12px;
}

.progress-twenty {
    width: 135px;
    height: 69px;
    background: url('../images/Twenty.png') center center no-repeat;
    background-size: 100% 100%;
}

.progress-threeHundred {
    width: 181px;
    height: 69px;
    background: url('../images/ThreeHundred.png') center center no-repeat;
    background-size: 100% 100%;
}

.progress-ninetyNine {
    width: 138px;
    height: 68px;
    background: url('../images/ninetyNine.png') center center no-repeat;
    background-size: 100% 100%;
}

.progress-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 33px;
}

.progress-title span:nth-of-type(2) {
    margin-top: 10px;
}

.introduce {
    overflow: hidden;
    zoom: 1;
    padding: 10px 70px 0 60px;
}

.introduce .logo {
    margin-top: 15px;
    float: left;
    margin-top: 30px\9
}

.introduce p {
    float: left;
    width: 720px;
    margin-left: 55px;
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px\9
}

/* 常见问题 */
.commonproblem {
    margin-bottom: 40px;
}

.content {
    padding: 35px 50px 50px 45px;
    background: #fff;
    overflow: hidden;
}

/* .problem li {
    margin-bottom: 35px;
} */

.problem li p {
    font-size: 18px;
    cursor: pointer;
    line-height: 40px;
    color: #222222;
    padding: 30px 38px;
    background: #fafafa;
}

.problem li p:hover {
    color: #da3a24;
}

.problem li i {
    margin-top: 45px;
    color: #ff6d00;
    font-weight: 700;
}

.layui-timeline-item {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.layui-timeline-item::before {
    height: 220%;
}

/* 无数据 */
.noData {
    text-align: center;
}

.backBtn {
    float: right;
    margin-top: 20px;
    background: #da3a24;
}

.network {
    margin-top: 20px;
    margin-left: 55px;
}

.network p {
    border-left: 5px solid #da3a24;
    line-height: 12px;
    padding-left: 5px
}

.QR {
    padding-top: 10px;
    margin-left: 55px;
}

.QR p {
    display: inline-block;
    padding-right: 10px;
    text-align: center;
    color: #999;
    font-size: 12px;

}

.QR p img,
.QR p span canvas {
    display: block;
    width: 90px;
    height: 90px;
}

.appQrcodeImg {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}

.contentView {
    padding: 0 25px 20px 30px;
}

.contentView p {
    font-size: 16px;
    color: #8f8f8f;
    line-height: 30px;
    letter-spacing: 3px;
    text-indent: 25PX;
}

/* 联系我们 */
.contactus {
    position: relative;
    height: 920px;
    background: url(../images/lianxiwomen.jpg) center center no-repeat;
    background-size: 100% 100%;

}

.contactus-content {
    min-height: 500px;
    max-height: 900px;
    overflow-y: auto;
}

.contactus-nav {
    padding: 28px 55px;
}

.contactus-nav li:nth-of-type(1) {
    margin-top: 0;
}

.contactus-nav li {
    border-bottom: 1px solid #f5f5f5;
    margin-top: 18px;
}

.contactus-nav li h3 {
    font-size: 19px;
    font-weight: normal;
    padding-left: 15px;
    border-left: 6px solid #da3a24;
    color: #666666;
}

.contactus-nav li div {
    margin-left: 30px;
    padding-bottom: 25px;
}

.contactus-nav li div p {
    float: left;
    margin-top: 27px;
}

.contactus-nav li div i {
    display: inline-block;
    vertical-align: middle;
}

.contactus-nav li div span {
    display: inline-block;
    font-size: 16px;
    color: #666666;
    vertical-align: middle;
    margin-left: 18px;
    line-height: 17px;
}

.contactus-nav li div p:nth-of-type(1) i {
    width: 18px;
    height: 21px;
    background: url('../images/address.png') center center no-repeat;
    background-size: 100% 100%;
}

.contactus-nav li div p:nth-of-type(1) span {
    width: 361px;
}

.contactus-nav li div p:nth-of-type(2) {
    margin-left: 235px;
}

.contactus-nav li div p:nth-of-type(2) i {
    width: 23px;
    height: 17px;
    display: inline-block;
    background: url('../images/phone.png') center center no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}



/* 支付方式 */
.payment {
    background: #fff;
    padding: 43px 50px 0 45px;
    margin-bottom: 27px;
}

.mode {
    margin-top: 23px;
    padding: 0 286px 62px 330px;
    overflow: hidden;
    zoom: 1;
}

.mode li {
    float: left;
}

.payment h2 {
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    padding-bottom: 43px;
    border-bottom: 1px dotted #dedede;
}

.alipay {
    margin-top: 7px;
    padding-right: 137px;
    border-right: 1px dotted #dedede;
}

.weChat {
    padding-left: 130px;
}

.alipay,
.weChat {
    padding-top: 26px;
    padding-bottom: 20px;

}

.alipay i {
    display: inline-block;
    width: 125px;
    height: 33px;
    background: url('../images/alipay.png') center center no-repeat;
    background-size: 100%;
    display: block;
}

.alipay span,
.weChat span {
    display: block;
    width: 128px;
    font-size: 14px;
    line-height: 22px;
    color: #808080;
    text-align: center;
}

.weChat i {
    width: 120px;
    height: 40px;
    display: inline-block;
    background: url('../images/weChat.png') center center no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* 购买流程 */
.purchaseprocess {
    background: #fff;
    padding: 32px 50px 55px 45px;
    margin-bottom: 40px;
}

.purchaseprocess-list li {
    margin-bottom: 40px;
    position: relative;
}

.purchaseprocess-list li h2 {
    font-size: 28px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 30px;
}

.purchaseprocess-list li p {
    font-size: 18px;
    line-height: 18px;
    color: #666666;
    margin-bottom: 17px;
}

.purchaseprocess-list li img {
    width: 1110px;
    height: 322px;
}

.circular {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: url('../images/circular.png') center center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    bottom: -30px;
    right: 440px;
    display: block;
}

.circular span {
    font-size: 14px;
    line-height: 80px;
    color: #7d7a7a;
}

.pos-tips {
    color: #fff;
    position: absolute;
    left: 772px;
    bottom: 22px;
    font-size: 20px;
}

/* 弹窗 */
#apply .layui-form-label {
    width: 140px;
}

#apply .hezuoPhone {
    width: 100%;
    text-align: center;
}

#apply .layui-form-item .layui-input-inline {
    width: 100%;
}

#apply .layui-layer-content {
    padding: 0 !important;
}

.hint {
    color: #fd4f3f;
    height: 30px;
}

.hezuoPhone span {
    color: red;
}

.layui-layer-title {
    text-align: left !important;
}

.layui-layer-page .layui-layer-content {
    overflow: hidden !important;
}

#apply .layui-input-block {
    text-align: center !important;
    margin-left: 0 !important;
}

.txt_img p {
    font-size: 20px;
    line-height: 2;
}

.company_i,
.contact_i,
.verifiyCode_i,
.phone_i,.yzm_i
 {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url('../images/settle1.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -10px;
}

.verifiyCode_i {
    width: 18px;
    margin-top: -18px;
}

.company_val,
.contact_val,
.phone_val,
.verifiyCode_val {
    width: 100%;
    padding-left: 65px;
    background: #f6f7f9;
    border-radius: 7px;
    height: 50px;
    border: 1px solid #f6f7f9
}

.verifiyCode_val {
    width: 335px !important;
}

.areaName,
.cityName {
    width: 45%;
    height: 50px;
    float: left;

}

.cityName {
    float: right;
}

.areaName .layui-form-select .layui-select-title .layui-unselect {
    background: #f6f7f9;
    border-radius: 7px;
    border: 1px solid #f6f7f9;
    height: 50px;
}

.cityName .layui-form-select .layui-select-title .layui-unselect {
    background: #f6f7f9;
    border-radius: 7px;
    border: 1px solid #f6f7f9;
    height: 50px;
}

.contact_i {
    background: url('../images/settle3.png') no-repeat;
    background-size: 100% 100%;
}

.phone_i {
    background: url('../images/settle4.png') no-repeat;
    background-size: 100% 100%;
}

.verifiyCode_i {
    background: url('../images/settle5.png') no-repeat;
    background-size: 100% 100%;
}

#verifiyCodeImg {
    margin-left: 360px;
    margin-top: -68px;
    width: 124px;
    height: 52px;
   
}
.yzm_i{
    width: 18px;
    background: url('../images/settle5.png') no-repeat;
    background-size: 100% 100%;  
    margin-top: -20px;
}
.yzm{
    width: 335px !important; 
    padding-left: 65px;
    background: #f6f7f9;
    border-radius: 7px;
    height: 50px;
    border: 1px solid #f6f7f9
}
#sendCode{
    width: 124px;
    height: 50px;
    background: #da3a24;
    color: #fff;
    border:1px solid #da3a24;
    border-radius: 5px;
}
#subApply{
    width: 100%;
    background: #da3a24;
    height: 50px;
    line-height: 50px;
    color: #fff;
}