.attract-user,
.problem {
    padding: 80px 0
}

body {
    min-width: 1200px
}

.banner .banner-left .sub-title {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 4px;
    font-weight: 400
}

.solution .title,
.title {
    line-height: 45px;
    text-align: center
}

.banner .banner-left .title {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff
}

.banner .banner-left .desc {
    font-size: 16px;
    margin-bottom: 40px
}

.banner .swiper-pagination-bullets {
    bottom: 15px
}

.banner .swiper-pagination-bullet {
    width: 80px;
    height: 4px;
    background: #fff;
    opacity: .5;
    border-radius: 2px;
    margin: 0 50px
}

.banner .swiper-pagination-bullet-active {
    opacity: 1
}

.title {
    font-size: 32px;
    color: #353535
}

.problem .title {
    margin-bottom: 68px
}

.problem-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.problem-box-item {
    width: 290px;
    height: 276px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center
}

.problem-box-item-title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 12px
}
 
/* .problem .problem-size{
    width: 265px;
    font-size: 16px;
    color: #fff;
} */

.attract-user {
    height: 830px;
    text-align: center;
    
    position: relative
}

.attract-user span{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.attract-user div{
    overflow: hidden;
    height: 700px;
    background: url(../images/product/attract-box-bg.png) no-repeat center;
}

.attract-user .title {
    margin-bottom: 78px
}

.attract-user .attract-box {
    color: #353535;
    padding-bottom: 130px;
    
}

.attract-user .attract-box .attract-top {
    margin: 0 91px
}

.attract-user .attract-box .attract-top .middile {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.attract-user .attract-box .attract-list,
.multi-terminal .terminal-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.attract-user .attract-box .attract-center .attract-item {
    height: 90px
}

.attract-user .attract-box .attract-item {
    width: 368px;
    height: 120px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.attract-user .attract-box .attract-item h3 {
    font-size: 24px;
    margin-bottom: 12px
}

.attract-user .attract-box .attract-item p {
    font-size: 14px
}

.attract-user .attract-box .attract-item-bg {
    background: url(../images/product/img_link_circle-min.png) center no-repeat;
    background-size: contain
}

.attract-user .link-more {
    color: #105CFB;
    font-size: 18px;
    cursor: pointer
}

.solution {
    padding: 80px 0
}

.solution .title {
    margin-bottom: 45px
}

.slideTxtBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 670px
}

.slideTxtBox .hd {
    width: 153px;
    border-left: 1px solid #EEE;
    border-top: 1px solid #EEE
}

.slideTxtBox .hd li {
    width: 153px;
    height: 134px;
    line-height: 134px;
    text-align: center;
    font-size: 16px;
    color: #353535;
    border-bottom: 1px solid #EEE;
    cursor: pointer
}

.slideTxtBox .hd li.on {
    color: #105CFB
}

.slideTxtBox .hd li.on:nth-child(4n) {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4fffc), to(#f1f8ff));
    background: linear-gradient(180deg, #f4fffc 0, #f1f8ff 100%)
}

.slideTxtBox .hd li.on:nth-child(4n+1) {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4fbff), to(#ebf2ff));
    background: linear-gradient(180deg, #f4fbff 0, #ebf2ff 100%)
}

.slideTxtBox .hd li.on:nth-child(4n+2) {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff1f8), to(#f4f4ff));
    background: linear-gradient(180deg, #fff1f8 0, #f4f4ff 100%)
}

.slideTxtBox .hd li.on:nth-child(4n+3) {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0fcff), to(#fffcf0));
    background: linear-gradient(180deg, #f0fcff 0, #fffcf0 100%)
}

.slideTxtBox .bd {
    width: 1049px
}

.slideTxtBox .bd li {
    padding: 35px 0 35px 60px;
    height: 670px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.slideTxtBox .bd li .text {
    width: 368px;
    margin-top: 165px
}

.slideTxtBox .bd li .topic {
    color: #333;
    font-size: 28px;
    margin-bottom: 5px;
    font-weight: 500
}

.slideTxtBox .bd li .desc {
    margin-bottom: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 24px
}

.slideTxtBox .bd li img {
    width: 620px;
    height: 600px
}

.multiple-function {
    padding: 80px 0;
    text-align: center
}

.multiple-function .title {
    margin-bottom: 40px
}

.multiple-function .link-more {
    color: #105CFB;
    font-size: 18px;
    cursor: pointer
}

.functionSlideBox .hd {
    height: 50px;
    line-height: 44px;
    border-bottom: 2px solid #ECECEC
}

.functionSlideBox .hd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.functionSlideBox .hd li {
    font-size: 24px;
    color: #353535;
    width: 320px;
    opacity: .6;
    cursor: pointer
}

.functionSlideBox .hd li.on {
    opacity: 1;
    border-bottom: 4px solid #105CFB
}

.functionSlideBox .bd li {
    padding: 40px 0 65px
}

.functionSlideBox .bd li img {
    width: 1200px;
    height: 712px
}

.multi-terminal {
    padding: 80px 0;
    background: rgba(42, 117, 237, .04)
}

.multi-terminal .title {
    margin-bottom: 80px
}

.multi-terminal .terminal-list .terminal-item {
    padding: 32px 8px 0;
    width: 336px;
    height: 412px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02), 0 20px 40px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02), 0 20px 40px 0 rgba(0, 0, 0, .04);
    border-radius: 4px;
    text-align: center
    
}

.multi-terminal .terminal-list .terminal-item .iconfont {
    font-size: 30px
}

.multi-terminal .terminal-list .terminal-item .ter-title {
    color: #353535;
    font-size: 16px;
    margin-top: 19px;
    margin-bottom: 6px
}

.multi-terminal .terminal-list .terminal-item img {
    width: 320px;
    height: 304px
}

/* .terminal-bg1{
    background: url(templates/default/images/product/terminal-y1.jpg) no-repeat center;
}

.terminal-bg2{
    background: url(templates/default/images/product/terminal-y2.jpg) no-repeat center;
}
.terminal-bg3{
    background: url(templates/default/images/product/terminal-y3.jpg) no-repeat center;
} */


.result-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.result-box-item {
    width: 360px;
    height: 260px;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    padding-top: 40px;
    text-align: center
}

.result-box-item-icon {
    margin: 0 auto 37px
}

.result-box-item-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 14px
}

.result-box-item-detail {
    font-size: 14px;
    color: #666
}

.to-register {
    height: 400px;
    padding: 108px 0 60px;
    background-image: url(../images/product/sy_bg.jpg);
    background-size: contain;
    color: #fff
}

.to-register .text-left {
    text-align: center
}

.to-register .text-left .title {
    font-size: 36px;
    margin-bottom: 11px;
    font-weight: 400;
    color: #fff
}

.to-register .text-left .desc {
    font-size: 16px;
    margin-bottom: 40px
}

.to-register .text-left .btn {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    border-radius: 4px;
    font-size: 18px;
    text-align: center
}

.to-register .text-left .btn1 {
    width: 204px;
    color: #105CFB;
    background: #fff;
    margin-right: 23px
}

.to-register .text-left .btn2 {
    width: 160px;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer
}

.customer-service-box {
    /*display:none*/
}

.wechat-btn {
    width: 64px;
    height: 60px;
    background: #000;
    opacity: .5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.wechat-btn .iconfont {
    font-size: 20px;
    margin-bottom: 2px
}

.wechat-contain {
    position: relative;
    position: fixed;
    right: 0;
    bottom: 200px;
    z-index: 3
}

.wechat-contain .wechat-box {
    display: none;
    position: absolute;
    right: 77px;
    margin-top: -81px;
    padding: 40px;
    border-radius: 3px;
    width: 292px;
    height: 233px;
    background: #105CFB;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
    -webkit-animation: slideLeft ease .3s;
    animation: slideLeft ease .3s;
    color: #fff;
    text-align: center
}

.wechat-contain .wechat-box h2 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 400
}

.wechat-contain .wechat-box p {
    font-size: 14px;
    margin-bottom: 21px
}

.wechat-contain .wechat-box .ask {
    display: inline-block;
    width: 216px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer
}

.wechat-contain .wechat-box .triangle {
    position: absolute;
    width: 15px;
    height: 15px;
    margin-top: -10px;
    top: 50%;
    right: -12px
}

.wechat-contain .wechat-box .close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    text-align: center;
    line-height: 30px;
    top: 6px;
    right: 6px;
    cursor: pointer
}

.mask-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(51, 51, 51, .6);
    display: none
}

.mask-layer .layer-content {
    top: 50%;
    margin-top: -220px;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 440px;
    padding: 40px 60px;
    background: #fff;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}

.mask-layer .layer-content .close {
    width: 30px;
    height: 30px;
    position: absolute;
    text-align: center;
    line-height: 30px;
    top: 16px;
    right: 13px;
    cursor: pointer
}

.consult-box .title {
    color: #333;
    font-size: 24px;
    margin-bottom: 32px;
    text-align: center
}

.consult-box .way {
    width: 480px;
    height: 123px;
    background: #f5f8ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 54px 20px 32px;
    color: #333;
    margin-bottom: 40px
}

.consult-box .way .lable {
    font-size: 14px;
    margin-bottom: 7px
}

.consult-box .way .phone {
    font-size: 24px
}

.consult-box .way .kefu {
    display: block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #333;
    font-size: 12px
}

.consult-box .way .kefu .iconfont {
    font-size: 10px;
    margin-right: 4px
}

.consult-box .desc {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-bottom: 10px
}

.consult-box .response {
    height: 20px;
    font-size: 12px
}

.consult-box .response.shop-phone-succeed {
    color: #2FCE63
}

.consult-box .response.shop-phone-error {
    color: red
}

.consult-box .get-phone {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

.consult-box .get-phone #phone {
    width: 378px;
    padding: 0 12px
}

.consult-box .get-phone .get-btn {
    width: 102px;
    background: #105cfb;
    border-radius: 0 4px 4px 0;
    border: none;
    font-size: 14px;
    color: #FFF;
    cursor: pointer
}

.consult-box .get-phone .get-btn.not-allowed {
    cursor: not-allowed;
    opacity: .3
}

.consult-box .tip {
    color: #B2B2B2;
    font-size: 12px;
    line-height: 18px
}

@-webkit-keyframes slideLeft {
    from {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: .1
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideLeft {
    from {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: .1
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}



.mNav,
.outerSlider,
.footer01,
.qiye2 {
    display: none;
}