.make-title {
    text-align: center
}

.make-headline {
    font-size: 26px;
    font-weight: 600;
    color: #3b426b;
    line-height: 47px
}

.make-desc {
    line-height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #5d6494
}

.make-banner {
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    color: #fff;
    background: -webkit-linear-gradient(138deg,#3993e0,#3059df);
    background: -o-linear-gradient(138deg,#3993e0,#3059df);
    background: linear-gradient(-48deg,#3993e0,#3059df)
}

.make-sec {
    width: 100vw
}

.make-sec .sec-inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    position: relative
}

.make-feat {
    background: #fff;
    height: 750px
}

.make-feat .make-feat-container {
    width: 1120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 60px;
    margin: 0 auto
}

.make-feat .make-feat-item {
    width: 550px;
    height: 220px;
    background: #fff;
    -webkit-box-shadow: 0 4px 15px 1px rgba(127,127,127,.08);
    box-shadow: 0 4px 15px 1px rgba(127,127,127,.08);
    border-radius: 10px;
    padding: 0 60px 0 95px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px
}

.make-feat .make-feat-item .feat-icon {
    width: 112px;
    height: 112px;
    margin-right: 42px;
    background-repeat: no-repeat;
    background-size: 112px;
    background-position: center
}

.make-feat .make-feat-item:nth-of-type(1) .feat-icon {
    background-image: url(../images/product/makedispatch/icon1.png)
}

.make-feat .make-feat-item:nth-of-type(2) .feat-icon {
    background-image: url(../images/product/makedispatch/icon2.png)
}

.make-feat .make-feat-item:nth-of-type(3) .feat-icon {
    background-image: url(../images/product/makedispatch/icon3.png)
}

.make-feat .make-feat-item:nth-of-type(4) .feat-icon {
    background-image: url(../images/product/makedispatch/icon4.png)
}

.make-feat .make-feat-item .feat-desc {
    width: 240px;
    line-height: 32px;
    font-size: 20px;
    color: #3b426b
}

.make-config {
    height: 490px;
    background: #f9fbff
}

.make-config .config-process {
    width: 864px;
    height: 122px;
    margin: 140px auto 0;
    background: url(../images/product/makedispatch/process.png) center/864px 122px no-repeat
}

.make-display {
    background: #fff;
    height: 1030px
}

.make-display .sec-inner {
    padding-top: 100px
}

.make-display .display-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 880px;
    margin: 50px auto 0
}

.make-display .display-handler {
    height: 540px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.make-display .display-handler .display-heandler-item {
    width: 226px;
    height: 52px;
    border-radius: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #3b426b;
    cursor: pointer;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease
}

.make-display .display-handler .display-heandler-item.active {
    background: -webkit-gradient(linear,left top,right top,from(#325eef),to(#2b80ff));
    background: -webkit-linear-gradient(left,#325eef,#2b80ff);
    background: -o-linear-gradient(left,#325eef,#2b80ff);
    background: linear-gradient(90deg,#325eef,#2b80ff);
    color: #fff
}

.make-display .display-handler .display-heandler-item:hover {
    border: 1px solid #4e6bef;
    width: 224px;
    height: 50px
}

.make-display .make-preview {
    width: 385px;
    height: 744px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease
}

.make-display .make-preview.preview1 {
    background-image: url(../images/product/makedispatch/show01.png)
}

.make-display .make-preview.preview2 {
    background-image: url(../images/product/makedispatch/show02.png)
}

.make-display .make-preview.preview3 {
    background-image: url(../images/product/makedispatch/show03.png)
}

.make-display .make-preview.preview4 {
    background-image: url(../images/product/makedispatch/show04.png)
}

.make-display .make-preview.preview5 {
    background-image: url(../images/product/makedispatch/show05.png)
}