/*铺满产品介绍*/
.wsc-layout-pull{
    width: 100%;
    background-image: url(../images/products-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.wsc-layout-pull .wsc-layout-container{
    height: 490px;
}
.wsc-layout-pull .thumb-box{
    margin-top: 70px;
    width: 100%;
    text-align: center;
}
.wsc-layout-pull .thumb-box img{
    max-height: 350px;
    max-width: 100%;
}
.wsc-layout-pull .content-box{
    width: 100%;
    margin-top: 70px;
    padding-left: 40px;
}
.wsc-layout-pull .content-box .title{
    font-size: 32px;
    font-weight: bold;
    color: #111111;
}
.wsc-layout-pull .content-box .desc{
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #515253;
    margin-bottom: 30px;
}
.wsc-layout-pull .content-box .tag{
    font-size: 16px;
    line-height: 26px;
    color: #515253;
}
.wsc-layout-pull .content-box .btn-box{
    margin-top: 40px;
    border-top: 1px solid #beb3a5;
    display: flex;
    align-items: center;
    padding-top: 35px;
}
.wsc-layout-pull .content-box .btn-box .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 240px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    border-radius: 5px;
    border: solid 1px #80241c;
    margin-right: 15px;
}
.wsc-layout-pull .content-box .btn-box .btn:last-child{
    margin-right: 0;
}
.wsc-layout-pull .content-box .btn-box .btn.btn-take{
    background-color: #80241c;
    color: #fff;
}
.wsc-layout-pull .content-box .btn-box .btn.btn-tel{
    background-color: #ffffff;
    color: #80241c;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wsc-layout-pull .content-box .btn-box .btn.btn-tel:before{
    display: block;
    content: '';
    width: 22px;
    height: 17px;
    background-image: url(../images/tel-ico.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.wsc-layout-pull .wsc-layout-row{
    width: 100%;
    height: 87px;
    line-height: 87px;
    background: rgba(0,0,0,0.57);
}
/*nav*/
.wsc-layout-pull .wsc-layout-row .nav-box{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wsc-layout-pull .wsc-layout-row .nav-box .item{
    flex: 1;
    text-align: center;
}
.wsc-layout-pull .wsc-layout-row .nav-box .item .nav{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #ffffff;
}
.wsc-layout-pull .wsc-layout-row .nav-box .item .nav.nav-wx:after{
    display: none;
    content: '';
    width: 160px;
    height: 160px;
    background-image: url(../images/20220531/em1_101003_175251.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 75px;
    z-index: 9999;
}
.wsc-layout-pull .wsc-layout-row .nav-box .item .nav.nav-wx:hover:after{
    display: block;
}
.wsc-layout-pull .wsc-layout-row .nav-box .item .nav:before{
    display: block;
    content: '';
    margin-right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 56px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wsc-layout-pull .wsc-layout-row .nav-box .item:nth-child(1) .nav:before{
    background-image: url(../images/pro-order-ico-1.0.png);
}
.wsc-layout-pull .wsc-layout-row .nav-box .item:nth-child(1):hover .nav:before{
    background-image: url(../images/pro-order-ico-1.1.png);
}

.wsc-layout-pull .wsc-layout-row .nav-box .item:nth-child(2) .nav:before{
    background-image: url(../images/pro-order-ico-2.0.png);
}
.wsc-layout-pull .wsc-layout-row .nav-box .item:nth-child(2):hover .nav:before{
    background-image: url(../images/pro-order-ico-2.1.png);
}

.wsc-layout-pull .wsc-layout-row .nav-box .item:nth-child(3) .nav:before{
    background-image: url(../images/pro-order-ico-3.0.png);
}
.wsc-layout-pull .wsc-layout-row .nav-box .item:nth-child(3):hover .nav:before{
    background-image: url(../images/pro-order-ico-3.1.png);
}

/*页面nav*/
.wsc-layout-nav{
    width: 100%;
    background-color: #eaeaea;
    z-index: 999;
}
.wsc-layout-nav .nav-box{
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    height: 80px;
    display: flex;
    align-items: center;
}
.wsc-layout-nav .nav-box::-webkit-scrollbar {
    width: 0;
    display: none;
}
.wsc-layout-nav .nav-box .item{
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
}
.wsc-layout-nav .nav-box .item a{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #6a6767;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wsc-layout-nav .nav-box .item a .nav{
    width: 100%;
    height: 20px;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,0.14);
}
.wsc-layout-nav .nav-box .item:first-child .nav{
    border-left: 1px solid transparent;
}
.wsc-layout-nav .nav-box .item.active,
.wsc-layout-nav .nav-box .item:hover{
    background: #fff;
}
.wsc-layout-nav .nav-box .item.active .nav,
.wsc-layout-nav .nav-box .item.active+li .nav,
.wsc-layout-nav .nav-box .item:hover .nav,
.wsc-layout-nav .nav-box .item:hover+li .nav{
    border-left: 1px solid transparent;
}
.wsc-layout-nav .nav-box .item:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    height: 2px;
    background-color: #80241C;
    transition: 0.36s;
    width: 0;
}
.wsc-layout-nav .nav-box .item.active:before,
.wsc-layout-nav .nav-box .item:hover:before{
    width: 100%;
}
/*card*/
.card{
    margin-bottom: 50px;
}
.short-card{
    margin-bottom: 40px;
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
}
.short-card .card-header,
.card .card-header{
    position: relative;
}
.short-card .card-header .title,
.card .card-header .title{
    font-size: 24px;
    font-weight: bold;
    color: #010101;
    margin-bottom: 15px;
}
.short-card .card-header:after,
.card .card-header:after{
    display: block;
    content: '';
    width: 100%;
    height: 5px;
    background-image: url(../images/didvier-line-q.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left center;
}
.card .card-header .more{
    position: absolute;
    right: 0;
    bottom: 20px;
    font-size: 15px;
    color: #656363;
}
.card .card-header .more:before{
    display: inline-block;
    content: '';
    width: 13px;
    height: 14px;
    background-image: url(../images/more-order.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    margin-right: 5px;
}
.short-card .card-body{
    margin-top: 20px;
}

/*产品详情*/
.main{
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 50px;
    display: flex;
    table-layout: fixed;
}
.main .col-xs-12{
    display: table-cell;
}
.main .lefter-block{
    width: 100%;
}
/*banner*/
.main .lefter-block .img-box{
    display: block;
    width: 100%;
}
.main .lefter-block .img-box .img{
    width: 100%;
    height: auto;
}
/*产品介绍*/
.main .lefter-block .intro-box{
    padding-top: 28px;
    font-size: 16px;
    line-height: 30px;
    color: #3d3e3e;
}
.main .lefter-block .intro-box p,
.main .lefter-block .intro-box span{
    font-size: 16px;
}
.main .lefter-block .intro-box a{
    color: #3d3e3e!important;
}
/*产品特点*/
.main .lefter-block .features-box{
    margin-top: 20px;
    width: 100%;
    height: 450px;
    background-image: url(../images/features-bg.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center bottom;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.main .lefter-block .features-box img{
    max-width: 100%;
    height: auto;
}
.main .lefter-block .features-box ul{
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.main .lefter-block .features-box ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    letter-spacing: -1px;
    color: #404040;
    width: 170px;
    text-align: center;
    position: absolute;
}
.main .lefter-block .features-box ul li:before{
    display: block;
    content: '';
    width: 130px;
    height: 130px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.main .lefter-block .features-box ul li:nth-child(1){
    top: 20px;
    left: 25px;
}
.main .lefter-block .features-box ul li:nth-child(1):before{
    background-image: url(../images/features-ico-1.0.png);
}
.main .lefter-block .features-box ul li:nth-child(1):hover:before{
    background-image: url(../images/features-ico-1.1.png);
}
.main .lefter-block .features-box ul li:nth-child(2){
    top: 40px;
    right: 25px;
}
.main .lefter-block .features-box ul li:nth-child(2):before{
    background-image: url(../images/features-ico-2.0.png);
}
.main .lefter-block .features-box ul li:nth-child(2):hover:before{
    background-image: url(../images/features-ico-2.1.png);
}
.main .lefter-block .features-box ul li:nth-child(3){
    bottom: 50px;
    left: 25px;
}
.main .lefter-block .features-box ul li:nth-child(3):before{
    background-image: url(../images/features-ico-3.0.png);
}
.main .lefter-block .features-box ul li:nth-child(3):hover:before{
    background-image: url(../images/features-ico-3.1.png);
}
.main .lefter-block .features-box ul li:nth-child(4){
    bottom: 50px;
    right: 25px;
}
.main .lefter-block .features-box ul li:nth-child(4):before{
    background-image: url(../images/features-ico-4.0.png);
}
.main .lefter-block .features-box ul li:nth-child(4):hover:before{
    background-image: url(../images/features-ico-4.1.png);
}
/*理化指标*/
.main .lefter-block .target-box{
    padding: 40px 0;
}
.main .lefter-block .target-box table{
    border: 1px solid #fff;
    width: 100%;
    table-layout: fixed;
}
.main .lefter-block .target-box table tr th,
.main .lefter-block .target-box table tr td{
    border: 1px solid #fff;
    text-align: center;
}
.main .lefter-block .target-box table tr:nth-of-type(odd) {
    background-color: #f2f2f4;
}
.main .lefter-block .target-box table tr:nth-of-type(even) {
    background-color: #f6f6f9;
}
.main .lefter-block .target-box table tr td{
    height: 40px;
    font-size: 16px;
    line-height: 33px;
    color: #0d0d0d;
}
.main .lefter-block .target-box table tr td p{
    font-size: 16px;
}
.main .lefter-block .target-box table tr:first-child td{
    font-size: 17px;
    height: 45px;
    background-color: #81241c;
    color: #fff;
    width: auto;
}
/*使用场景*/
.main .lefter-block .take-box{
    background: #f8f7f7;
    position: relative;
    margin-top: 40px;
}
.main .lefter-block .take-box img{
    width: 100%;
    height: auto;
}
.main .lefter-block .take-box ul{
    position: absolute;
    bottom: 30px;
    padding: 0 70px
}
.main .lefter-block .take-box ul li,
.main .lefter-block .take-box ul li span{
    font-size: 20px!important;
    color: #242323;
    margin-bottom: 10px;
}
.main .lefter-block .take-box ul li:first-child,
.main .lefter-block .take-box ul li:first-child span{
    font-size: 22px!important;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 40px;
    color: #111111;
    margin-bottom: 10px;
}
.main .lefter-block .take-box ul li a{
    color: #242323!important;
}
.main .lefter-block .take-box ul li:first-child a{
    color: #111111!important;
}

/*真金服务*/
.service-box{
    padding-top: 30px;
}


/*右侧fixed*/
.righter-block{
    width: 100%;
}
.righter-block .list-bar{

}
.righter-block .list-bar .listBar-item{
    background-color: #f6f6f6;
    background-image: url(../images/righter-item-bg.png);
    background-size: auto;
    background-position: center bottom;
    padding: 35px 20px;
}
.righter-block .list-bar .listBar-item:last-child{
    background-position: center top;
}
.righter-block .list-bar .listBar-item .btn-box{
    padding-top: 10px;
    padding-bottom: 30px;
}
.righter-block .list-bar .listBar-item .other-box{
    margin-top: 30px;
}
.righter-block .list-bar .listBar-item .listBar-body {
    margin-top: 15px;
}
.righter-block .list-bar .listBar-item .listBar-body .content .list{
    margin: 20px 5px;
}


/*免费获取方案报价*/
.wsc-layout-form{
    width: 100%;
    background-image: url(../images/products-wsc-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0;
    margin-bottom: 50px;
}
.wsc-layout-form .title{
    text-align: center;
    margin-top: 45px;
    font-size: 30px;
    color: #000000;
}
.wsc-layout-form .content-box{
    /*margin-top: 50px;*/
}
.wsc-layout-form .content-box .form-body{
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
}
.wsc-layout-form .content-box .form-body .form-item{
    margin-right: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}
.wsc-layout-form .content-box .form-body .form-item .msg-box{
    position: absolute;
    bottom: -25px;
}
.wsc-layout-form .content-box .form-body .form-item label{
    font-size: 18px;
    color: #000000;
    font-weight: normal;
}
.wsc-layout-form .content-box .form-body .form-item label .mdi-x{
    color: #ad1818;
    margin-right: 5px;
}
.wsc-layout-form .content-box .form-body .form-item input,
.wsc-layout-form .content-box .form-body .form-item select{
    margin-top: 10px;
    width: 100%;
    height: 45px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    padding: 0 15px;
    font-size: 16px;
    color: #7e7d7d;
}
.wsc-layout-form .content-box .form-body .form-btn button{
    width: 172px;
    height: 46px;
    background-color: #ad1818;
    border-radius: 3px;
    font-size: 18px;
    color: #ffffff;
    outline: none;
}

.main2{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    table-layout: fixed;
}
.main2 .col-xs-12{
    display: table-cell
}
/*应用案例 && 产品图集*/
.short-card .case-box,
.short-card .show-box{
    margin-left: -10px;
    margin-right: -10px;
}
.short-card .case-box .item,
.short-card .show-box .item{
    display: block;
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 10px;
    padding: 22px;
}
.short-card .case-box .item .img-box,
.short-card .show-box .item .img-box{
    display: block;
    width: 100%;
    height: 215px;
    line-height: 100%;
}
.short-card .case-box .item .img-box .img,
.short-card .show-box .item .img-box .img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.short-card .case-box .item .title{
    margin-top: 25px;
    height: 55px;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #252525;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.short-card .case-box .item .tag{
    margin-top: 20px;
    font-size: 16px;
    color: #252525;
}
.short-card .case-box .item:hover,
.short-card .show-box .item:hover{
    background-color: #ffffff;
    box-shadow: 0 0 25px 1px #cdd1d0;
}

.short-card .show-box .item .title{
    margin-top: 25px;
    font-size: 21px;
    color: #1c1c1c;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.short-card .show-box .item .title b{
    font-weight: normal;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.short-card .show-box .item .date{
    margin-top: 12px;
    font-size: 15px;
    color: #7b7a7a;
}

/*真金实力*/
.short-card .zjsl-intro{
    width: 100%;
    height: 370px;
    background-image: url(../images/zjsl-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 55px 50px;
}
.short-card .zjsl-intro .zjsl-title{
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
}
.short-card .zjsl-intro .zjsl-desc{
    margin-top: 25px;
    width: 325px;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
}
.short-card .zjsl-total{
    margin-top: 30px;
    padding: 15px 0;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
}
.short-card .zjsl-total .total-box{
    margin-left: -10px;
    margin-right: -10px;
}
.short-card .zjsl-total .total-box .item{
    width: 100%;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
}
.short-card .zjsl-total .total-box div:last-child .item{
    border-right: none;
}
.short-card .zjsl-total .total-box .item .num{
    margin-top: 12px;
    font-size: 13px;
    color: #80241c;
}
.short-card .zjsl-total .total-box .item .num b{
    font-size: 38px;
    font-weight: bold;
    margin-right: 5px;
}
.short-card .zjsl-total .total-box .item .text{
    font-size: 14px;
    color: #575656;
    margin-bottom: 5px;
}
.short-card .zjsl-service{
    margin-top: 40px;
}
.short-card .zjsl-service .list{
    width: 100%;
    margin-bottom: 20px;
}
.short-card .zjsl-service .list:after{
    display: block;
    content: '';
    clear: both;
}
.short-card .zjsl-service .list .float-left{
    float: left;
}
.short-card .zjsl-service .list .float-right{
    float: right;
}
.short-card .zjsl-service .list .float-left,
.short-card .zjsl-service .list .float-right{
    width: 50%;
    height: 214px;
    background: #f6f6f6;
}
.short-card .zjsl-service .list .content{
    padding: 0 40px 0 33px;
}
.short-card .zjsl-service .list .content .title{
    margin-top: 40px;
    font-size: 22px;
    font-weight: bold;
    color: #292929;
}
.short-card .zjsl-service .list .content .txt{
    margin-top: 25px;
    font-size: 14px;
    line-height: 26px;
    color: #575656;
}
.short-card .zjsl-service .list .img-box{
    display: block;
    width: 100%;
    height: 100%;
}
.short-card .zjsl-service .list .img-box .img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.short-card .tag-box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -6px;
    margin-bottom: -6px;
    margin-left: -6px;
    margin-right: -6px;
}
.short-card .tag-box .list{
    display: block;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 0 35px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #929090;
    margin: 6px;
}
.short-card .tag-box .list:before{
    display: inline-block;
    content: '#';
    font-size: 16px;
    color: #81241c;
    margin-right: 5px;
}
.short-card .tag-box .list:hover{
    background-color: #81241c;
    color: #fff;
}
.short-card .tag-box .list:hover:before{
    color: #fff;
}

/*相关产品*/
.wsc-layout-products{
    width: 100%;
    background-image: url(../images/products-about-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 38px;
    margin-bottom: 60px;
}
.wsc-layout-products .products-box{
    margin-top: 40px;
    margin-left: -10px;
    margin-right: -10px;
}
.wsc-layout-products .products-box .item{
    display: block;
    width: 100%;
}
.wsc-layout-products .products-box .item .img-box{
    display: block;
    width: 100%;
    height: 245px;
    background-color: #f2f2f2;
}
.wsc-layout-products .products-box .item .img-box .img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wsc-layout-products .products-box .item .content-box{
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}
.wsc-layout-products .products-box .item .content-box .title{
    font-size: 20px;
    font-weight: bold;
    color: #292929;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: center;
}
.wsc-layout-products .products-box .item .content-box .btn-box{
    margin-top: 20px;
    display: flex;
    padding: 0 20px;
}
.wsc-layout-products .products-box .item .content-box .btn-box .btn{
    flex: 1;
    margin: 3px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #80241c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}
.wsc-layout-products .products-box .item .content-box .btn-box .btn.btn-outline{
    background-color: transparent;
    color: #80241c;
}
.wsc-layout-products .products-box .item .content-box .btn-box .btn.btn-pull{
    background-color: #80241c;
    color: #fff;
}
.wsc-layout-products .products-box .item .content-box .btn-box .btn.btn-outline:hover{
    background-color: #80241c;
    color: #fff;
}

/*产品百科*/
.wiki-box{
    margin-top: 50px;
    margin-left: -10px;
    margin-right: -10px;
}
.wiki-box .item{
    display: block;
    width: 100%;
    height: 210px;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 40px 30px;
    cursor: pointer;
    margin-bottom: 10px;
}
.wiki-box .item .title{
    font-size: 20px;
    color: #626161;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.wiki-box .item .title b{
    font-weight: normal;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.wiki-box .item .date{
    margin-top: 18px;
    font-size: 15px;
    color: #7b7a7a;
}
.wiki-box .item .cont{
    margin-top: 18px;
    font-size: 15px;
    line-height: 27px;
    color: #6c6969;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wiki-box .item:hover{
    background-color: #fff;
    box-shadow: 0 0 25px 1px #cdd1d0;
}
.wiki-box .item:hover .title{
    color: #80241c;
}
/*表单区域*/
.wsc-pull-form{
    width: 100%;
    background-color: #f6f6f6;
    padding: 50px 0;
}
.wsc-pull-form .title{
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #040404;
}
.wsc-pull-form .subtitle{
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    color: #040404;
}
.wsc-pull-form .form-main{
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    table-layout: fixed;
}
.wsc-pull-form .form-main .col-xs-12{
    display: table-cell;
}
.wsc-pull-form .form-main .form-header{
    width: 100%;
    height: 100px;
    background-color: #7c2b22;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wsc-pull-form .form-main .form-header .item{
    flex: 1;
    height: 100%;
    font-size: 15px;
    color: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wsc-pull-form .form-main .form-header .item:nth-child(1),
.wsc-pull-form .form-main .form-header .item:nth-child(2){
    background-image: url(../images/designs-tab-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}
.wsc-pull-form .form-main .form-header .item b{
    font-size: 30px;
    margin-right: 5px;
}
.wsc-pull-form .form-main .form-body{
    background: #fff;
    padding: 40px 0;
}
.wsc-pull-form .form-main .form-body .display-flex{
    display: flex;
    justify-content: center;
    align-items: start;
    margin-top: 20px;
}
.wsc-pull-form .form-main .form-body .display-flex .form-label{
    min-width: 90px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: #414141;
    position: relative;
    font-weight: normal;
    margin: 0;
    position: relative;
}
.wsc-pull-form .form-main .form-body .display-flex .form-label.form-bt:before{
    display: block;
    content: '*';
    font-size: 17px;
    color: #c53025;
    position: absolute;
    left: -10px;
    top: 2px;
}
.wsc-pull-form .form-main .form-body .display-flex .form-input{
    width: 507px;
    position: relative;
}
.wsc-pull-form .form-main .form-body .display-flex .form-input .form-control{
    width: 100%;
    height: 45px;
    background-color: #f6f6f6;
    border-radius: 5px;
    border: solid 1px #dfdbdb;
    padding: 0 10px;
    font-size: 16px;
    color: #333;
}
.wsc-pull-form .form-main .form-body .display-flex .form-input textarea.form-control{
    height: 80px;
    resize: none;
}
.wsc-pull-form .form-main .form-body .display-flex .form-input button{
    margin-top: 10px;
    width: 180px;
    height: 40px;
    background-color: #80241c;
    border-radius: 5px;
    font-size: 16px;
    color: #ffffff;
}
.wsc-pull-form .form-main .contact-box{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f0f0f0;
}
.wsc-pull-form .form-main .contact-box:before{
    display: block;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #80241c;
}
.wsc-pull-form .form-main .contact-box .contact-item{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wsc-pull-form .form-main .contact-box .contact-item .ico {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #80241c;
}
.wsc-pull-form .form-main .contact-box .contact-item .ico.ico-mobile {
    background-image: url(../images/contact-ico-mobile.png);
    background-repeat: no-repeat;
    background-position: center;
}
.wsc-pull-form .form-main .contact-box .contact-item .ico.ico-email {
    background-image: url(../images/contact-ico-email.png);
    background-repeat: no-repeat;
    background-position: center;
}
.wsc-pull-form .form-main .contact-box .contact-item .title{
    margin-top: 20px;
    font-size: 18px;
    font-weight: normal;
}
.wsc-pull-form .form-main .contact-box .contact-item .text{
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}
.wsc-pull-form .form-main .contact-box .btn-box{
    margin: 40px 8px 0 8px;
    border-top: 1px dashed #adadad;
    padding: 10px;
}
.wsc-pull-form .form-main .contact-box .btn-box .btn{
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 49px;
    border: solid 1px #80241c;
    border-radius: 5px;
    font-size: 16px;
}
.wsc-pull-form .form-main .contact-box .btn-box .btn.btn-outline{
    background-color: #fff;
    color: #80241c;
}
.wsc-pull-form .form-main .contact-box .btn-box .btn.btn-outline:hover,
.wsc-pull-form .form-main .contact-box .btn-box .btn.btn-pull{
    background-color: #80241c;
    color: #fff;
}

/*媒体查询*/
@media (max-width: 992px) {
    .wsc-layout-pull .content-box{
        margin-top: 50px;
        padding-left: 30px;
    }
    .wsc-layout-pull .content-box .desc{
        margin-bottom: 30px;
    }
    #fixed-box1,#fixed-box2{
        display: none;
    }
}
@media (max-width: 912px) {
    .wsc-layout-pull .content-box{
        margin-top: 30px;
        padding-left: 20px;
    }
    .short-card .zjsl-total .total-box .item{
        border-right: none;
    }
}
@media (max-width: 820px) {
    .main .lefter-block .features-box{
        flex-wrap: wrap;
        height: auto;
    }
    .main .lefter-block .features-box ul{
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 20px;
    }
    .main .lefter-block .features-box ul li{
        width: auto;
        margin-top: 20px;
        position: relative!important;
        top: 0!important;
        left: 0!important;
        right: 0!important;
        bottom: 0!important;
    }
}
@media (max-width: 768px) {
    .wsc-layout-pull{
        height: auto;
    }
    .wsc-layout-pull .wsc-layout-container{
        height: auto;
    }
    .wsc-layout-pull .wsc-layout-row{
        margin-top: 20px;
    }
    .wsc-layout-pull .content-box .title{
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .wsc-layout-pull .thumb-box{
        margin-top: 50px;
    }
    .wsc-layout-pull .content-box{
        padding-left: 0;
    }
    .wsc-layout-pull .wsc-layout-row{
        height: 70px;
        line-height: 70px;
    }
    .wsc-layout-pull .content-box .btn-box{
        display: flex;
        justify-content: center;
    }
    .wsc-layout-nav .nav-box{
        height: 60px;
    }
    .wsc-layout-nav .nav-box .item{
        min-width: 120px;
    }
}
@media (max-width: 540px) {
    .wsc-layout-pull .content-box{
        margin-top: 20px;
    }
    .wsc-layout-pull .content-box .desc{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .wsc-layout-pull .content-box .btn-box{
        margin-top: 30px;
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .wsc-layout-pull .wsc-layout-row{
        display: none;
    }
    .main{
        padding-top: 10px;
    }
    .card{
        margin-bottom: 30px;
    }
    .short-card .card-header .title,
    .card .card-header .title{
        font-size: 20px;
    }
    .main .lefter-block .intro-box{
        font-size: 15px;
    }
    .main .lefter-block .intro-box{
        padding-top: 20px;
    }
    .main .lefter-block .target-box{
        padding: 20px 0;
    }
    .main .lefter-block .features-box ul li{
        font-size: 15px;
    }
    .main .lefter-block .features-box ul li:before{
        width: 100px;
        height: 100px;
    }
    .main .lefter-block .take-box ul{
        padding: 0 30px;
        position: relative;
        margin-top: -20px;
    }
    .short-card .zjsl-intro{
        padding: 40px;
    }
    .short-card .zjsl-intro .zjsl-desc{
        width: auto;
    }
    .short-card .zjsl-service .list .float-left,
    .short-card .zjsl-service .list .float-right{
        width: 100%;
    }
    .wsc-pull-form{
        padding: 30px 0;
    }
    .wsc-pull-form .title{
        font-size: 28px;
    }
    .wsc-pull-form .subtitle{
        font-size: 16px;
    }
    .wsc-pull-form .form-main .form-header{
        height: 60px;
    }
    .wsc-pull-form .form-main .form-body{
        padding: 20px;
    }
    .wsc-pull-form .form-main .form-body .display-flex{
        margin-top: 10px;
    }
}
@media (max-width: 390px) {
    .short-card .zjsl-service .list .float-left,
    .short-card .zjsl-service .list .float-right{
        height: auto;
        padding-bottom: 20px;
    }
    .wsc-pull-form .title{
        font-size: 24px;
    }
    .wsc-pull-form .subtitle{
        font-size: 12px;
    }
    .wsc-pull-form .form-main{
        margin-top: 10px;
    }
    .wsc-pull-form .form-main .form-header{
        height: 45px;
    }
    .wsc-pull-form .form-main .form-header .item{
        font-size: 12px;
    }
    .wsc-pull-form .form-main .form-header .item b{
        font-size: 18px;
    }
}
/*媒体查询 END*/