.productDesign {
    margin-top: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tgchs .PCTipcs {
    margin-top: 32px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC, serif;
    font-weight: 500;
    color: #000;
    line-height: 33px;
}
.tgchs:not(:last-child) {
    margin-right: 16px;
}


.fn-box {
    margin-top: 65px;
    padding-bottom: 590px;
    margin-left:100px;

}
.w1200{
    width:1200px;
}
.fn-box .fn-item {
    position: relative;
    width: 378px;
    height: 260px;
    background: #fff;
    -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,.06);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.06);
    border-radius: 10px;
    float: left;
    margin-right: 32px;
    margin-bottom: 37px;
    border: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden
}
.fn-box .fn-item>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fn-box .fn-item img {
    display: block;
    width: 80px;
    height: 80px;
    margin-top: 36px;
    margin-bottom: 24px
}

.fn-box .fn-item .qrcode {
    width: 144px;
    height: 144px;
    margin-bottom: 18px
}

.fn-box .fn-item .fn-title {
    font-size: 20px;
    color: #3d4042;
    line-height: 24px
}

.fn-box .fn-item .fn-summary {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 24px
}

.fn-box .fn-item:nth-child(3n) {
    margin-right: 0
}

.fn-box .fn-item .back {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 100%;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #fff
}

.fn-box .fn-item:hover {
    -webkit-box-shadow: 0 5px 16px 0 rgba(0,0,0,.06);
    box-shadow: 0 5px 16px 0 rgba(0,0,0,.06);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}
.front {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

html,
body {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

.test-container {
    margin: 5rem auto;
    width: 100%;
}

.test-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.test-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
}

.test-col-3 {
    flex: 0 0 auto;
    width: 50%
}

.test-main {
    text-align: center;
    padding-top: 8rem;
    padding-bottom: 2rem;
    position: relative;
}

.test-text {
    position: absolute;
    min-width: 14rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    transition: .5s;
    font-size: .875rem;
}

.test-row .test-col-3:nth-child(odd) .test-text {
    top: 0;
}

.test-row .test-col-3:nth-child(even) .test-text {
    bottom: auto;
    top: 0;
}

.test-row .test-col-3:nth-child(odd) .test-text .test-title {
    order: 1;
}

.test-row .test-col-3:nth-child(odd) .test-text .test-line {
    order: 2;
}

.test-row .test-col-3:nth-child(odd) .test-text .test-info {
    order: 3;
}

.test-title {
    color: #2876bc;
    font-weight: bold;
    line-height: 1rem;
}

.test-line {
    width: 3rem;
    height: 4px;
    margin: 1rem auto;
    background-color: #2876bc;
}

.test-info p {
    color: #666;
    font-weight: bold;
    margin: 0;
}

.test-img img {
    width: 5rem;
    max-width: 100%;
    border: 1px solid #ccc;
}

.test-main:hover .test-text {
    font-size: 1.25rem;
}

@media (min-width: 992px) {
    .test-container {
        max-width: 1400px;
    }

    .test-col-lg-6 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .test-main {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    

    .test-text {
        font-size: 1.125rem;
    }

    .test-row .test-col-3:nth-child(even) .test-text {
        bottom: 0;
        top: auto;
    }

    .test-row .test-col-3:nth-child(odd) .test-text .test-title {
        order: 3;
    }

    .test-row .test-col-3:nth-child(odd) .test-text .test-line {
        order: 2;
    }

    .test-row .test-col-3:nth-child(odd) .test-text .test-info {
        order: 1;
    }
}

.module-list {
    display: block;
}

.module-list .module-item {
    display: block;
    float: left;
    width: 33.333333%;
    padding: 0 7px;
}

@media (min-width: 992px) {
    .module-list {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .module-list .module-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 40px;
    }
}

.module-list .module-item .module-item-icon {
    max-width: 100%;
    margin-bottom: 20px;
}
.module-item-style{

}
.module-list .module-item .module-item-txt {
    font-size: 20px;
    font-weight: 500;
    color: #303133;
}
.cent{
    margin-top: 100px;
    text-align: center;
}
.cent-u{
    text-align: center;
}
.business img{
   max-width: 100%;
   margin: auto;
}
.painting{
    
}

.biaomargin_ny {
    margin-top: 20px;
    margin-bottom: 60px;
    overflow: hidden;
}
.listright_ny {
    width: 33.3333333%;
    text-align: center;
}

.listright_ny img {
    display: inline-block!important;
}

.listbiao_ny_box img {
    float: none !important;
}
.listbiao_ny {
    max-width: 330px;
    margin: auto;
}
.biaomargin_ny img {
    height: 6rem;
}
.listbiao_ny_box {
    border: 0px solid #e2e2e2;
    border-radius: 16px;
    float: left;
    margin-bottom: 4px;
}
.listbiao_ny_er {
    margin-left:50px;
    border: 0px solid #e2e2e2;
    border-radius: 16px;
    float: left;
    margin-bottom: 4px;
}
.listright_ny_er {
    padding: 0 10px;;
}
.listbiao_ny_er_r{
    border: 0px solid #e2e2e2;
    border-radius: 16px;
    float: left;
    margin-bottom: 4px;
}
@media (min-width:992px){
    .biaomargin_ny img {
        height: 15rem;
    }

    .listbiao_ny {
        max-width: 960px;
    }

    .listright_ny_er {
        padding: 0 35px;;
    }

    .listbiao_ny_er {
        margin-left:150px;
    }
}

.newtab .pic {
    float: none!important;
    margin-right: auto!important;
}
@media(min-width: 767px){
    .solution {
        margin-left: 300px;
        max-width: 600px;
        height: auto;

    }
}
.solution{
    width: auto;
    padding-right: 60px;
    height: auto;
}
.scheme1 img:hover{
    height: 122px;
    width: 620px;

}
.scheme2 img:hover{
    height: 122px;
    width: 620px;

}
.scheme3 img:hover{
    height: 122px;
    width: 620px;

}
.scheme4 img:hover{
    height: 122px;
    width: 620px;

}

.direct-sales img {
    margin: auto;
    max-width: 600px;
    width: 100%;
}
.sj{
    float: left;
    padding-right: 0;
    width: 100%;
}

.sj img {
    margin: auto;
}

@media (min-width: 992px) {
    .sj {
        width: auto;
        padding-right: 60px; 
    }
}

.slick-slide .introduceIcon{
    margin: 1px 1px 1px 10rem;
    max-width: 100%;
    height: auto;
    float: left;
}
.introduceContent{
    margin-left: 25rem;
    max-width: 44%;
    margin-top: 50px;
}
.introduceContent p{

    color:#C0C0C0;font-size: 20px;letter-spacing: 4px;
}
.introduceGongYi{
    margin-top: 5rem;margin-left: 20rem;
}
.introduceGongYi img{
    float: left;
    margin-right: 4rem;
}
@media only screen and (max-width: 767px) {
    .slick-slide .introduceIcon{
        margin: 1px 1px 1px 1rem;
    }
    .introduceContent{
        margin: auto;
        max-width: 100%;
    }
    .introduceContent p{
        color:#C0C0C0;font-size: 15px;letter-spacing: 1px;
    }
    .introduceGongYi{
        width: 100px;
        margin-top: 50px;margin-left: 120px;
    }
    .introduceGongYi img{
        float: left;
        margin-right: 40px;
    }
    .slick-slide .con{
        width: 160px;
        margin-left: 20px;
    }


}
.progress{
    max-width: 100%;
    height: auto;
}
.prospect{
    max-width: 100%;
    height: auto;

}