.first-screen-1 {
    background: url(../images/banner-zsjm.jpg) no-repeat center center fixed;
    background-size:cover ;
}
@media (max-width: 768px) {
    .first-screen-1 {
        background:url(../images/banner-zsjm.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
}
.second-screen-new h1 {
    margin: 72px 0 40px;
    font-size: 45px;
    color: #404040;
    text-align: center
}

.second-screen-new {
    width: 100%;
    height: 780px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second-screen-new h1 {
    margin: 72px 0 40px;
    font-size: 45px;
    color: #404040;
    text-align: center
}
.second-screen-new p ,.third-screen p{
    margin: 0 auto;
    font-size: 24px;
    color: #5a5a5a;
    text-align: center;
    line-height: 45px;
    margin-bottom: 25px;
}

.second-screen-new .audios {
    margin-top: 3.75%
}

.second-screen-new .audios .audio-block {
    display: inline-block;
    width: 25%;
    height: 302px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.second-screen-new .audios .audio-block .content {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second-screen-new .audios .audio-block .wrapper {
    width: 100%;
    top: 80px
}

.second-screen-new .audios .audio-block .wrapper .title {
    font-size: 40px;
    color: #fff;
    text-align: center
}

.second-screen-new .audios .audio-block .wrapper .title-2 {
    font-size: 30px;
    color: #fff;
    text-align: center
}

.second-screen-new .audios .audio-block .wrapper .listen {
    border: 2px solid #fff;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    width: 80px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px
}

.second-screen-new .audios .audio-block .mask {
    position: absolute;
    top: 0;
    opacity: .3;
    background: #002966;
    padding-top: 86px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second-screen-new .audios .audio-block .hover {
    position: absolute;
    top: 0;
    display: none;
    background: #002966;
    opacity: .5;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 78px;
    text-align: center
}

.second-screen-new .audios .audio-block .hover img {
    margin: 0 auto
}

.second-screen-new .audios .audio-block .hover .pause {
    display: none
}

.second-screen-new .audios .first-block {
    background: url(../images/1hlw.png) no-repeat center center;
    background-size: cover
}

.second-screen-new .audios .second-block {
    background: url(../images/2zsjm.png) no-repeat center center;
    background-size: cover
}

.second-screen-new .audios .third-block {
    background: url(../images/3fdc.png) no-repeat center center;
    background-size: cover
}

.second-screen-new .audios .forth-block {
    background: url(../images/4jy.png) no-repeat center center;
    background-size: cover
}

.second-screen-new .audios .fifth-block {
    background: url(../images/5bx.png) no-repeat center center;
    background-size: cover
}

.second-screen-new .audios .sixth-block {
    background: url(../images/6zx.png) no-repeat center center;
    background-size: cover
}

.second-screen-new .audios .seventh-block {
    background: url(../images/7sp.png) no-repeat center center;
    background-size: cover
}

.second-screen-new .audios .eighth-block {
    background: url(../images/8pf.png) no-repeat center center;
    background-size: cover
}

.fifth-screen-new {
    margin-top:50px;
    text-align: center
}

.fifth-screen-new h1 {
    margin: 0 0 35px;
    font-size: 45px;
    color: #404040
}

.fifth-screen-new .fifth-wrapper {
    width: 100%;
    background: url(../images/banner-zsjm-02.jpg) no-repeat center center fixed;
    background-size: cover;
    padding: 0
}

.fifth-screen-new .flex-box {
    width: 20%;
    height: 735px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    list-style: none
}

.fifth-screen-new .flex-box .common {
    width: 100%;
    height: 100%;
    border-right: 2px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fifth-screen-new .flex-box .common:nth-child(4) {
    border-right: none
}

.fifth-screen-new .flex-box .mask {
    opacity: .7;
    background: #05275a
}

.fifth-screen-new .flex-box .content {
    position: absolute;
    top: 0;
    padding-top: 255px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

.fifth-screen-new .flex-box .content h3 {
    margin-top: 80px;
    font-size: 28px;
    color: #fff;
    text-align: center
}

.fifth-screen-new .flex-box .content p {
    display: none;
    margin: 0 auto;
    width: 50%;
    font-size: 18px;
    color: #fff;
    text-align: justify
}

.fifth-screen-new .big {
    width: 40%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.fifth-screen-new .big .mask {
    opacity: .7;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(13%,rgba(191,213,242,.8)),color-stop(85%,#05275a));
    background-image: linear-gradient(-180deg,rgba(191,213,242,.8) 13%,#05275a 85%)
}

.fifth-screen-new .big .content {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all .3s;
    transition: all .3s
}

.fifth-screen-new .big .content p {
    display: block
}
.fifth-screen-new .flex-box .content img {
    width: 120px;
}


.sixth-screen-new {
    text-align: center
}

.sixth-screen-new .title {
    font-size: 40px;
    color: #404040;
    font-weight: 700
}

.sixth-screen-new .cards {
    cursor: pointer;
    margin-top: 40px;
    color: #fff
}

.sixth-screen-new .cards .card-wrapper {
    display: inline-block;
    width: 25%
}

.sixth-screen-new .cards .card-wrapper .main {
    height: 840px
}

.sixth-screen-new .cards .card-wrapper .main:hover {
    background: rgb(5,77,174,.6)
}

.sixth-screen-new .cards .card-wrapper .main .icon {
    padding-top: 240px;
    text-align: center
}

.sixth-screen-new .cards .card-wrapper .main .icon .img-wrapper {
    margin: 0 auto
}

.sixth-screen-new .cards .card-wrapper .main .icon .img-wrapper img {
    width: 70px;
    height: 70px
}

.sixth-screen-new .cards .card-wrapper .main .main-title {
    font-size: 24px;
    margin-top: 78px
}

.sixth-screen-new .cards .card-wrapper .main .sub-title-1 {
    margin-top: 44px;
    font-weight: 700
}

.sixth-screen-new .cards .card-wrapper .main .sub-title-1 .sub-title-part-text {
    font-size: 28px
}

.sixth-screen-new .cards .card-wrapper .main .sub-title-1 .number {
    margin-top: 24px
}

.sixth-screen-new .cards .card-wrapper .main .sub-title-1 .number .sub-title-number {
    font-size: 72px;
    color: #0094ff
}

.sixth-screen-new .cards .card-wrapper .main .sub-title-1 .number .unit-desc {
    font-size: 26px
}

.sixth-screen-new .cards .crm {
    background: url(../images/f1.png);
}

.sixth-screen-new .cards .set-up-website {
    background: url(../images/f2.png);
}

.sixth-screen-new .cards .supply-chain {
    background: url(../images/f3.png);
}

.sixth-screen-new .cards .o2o {
    background: url(../images/f4.png);
}

.sixth-screen-new .cards .img-wrapper .spanm1 {
    background-image: url(../images/m1.png);
    background-size: cover;
    width: 70px;
    height: 70px;
    display: inline-block;
}

.sixth-screen-new .cards .img-wrapper .spanm2 {
    background-image: url(../images/m2.png);
    background-size: cover;
    width: 70px;
    height: 70px;
    display: inline-block;
}
.sixth-screen-new .cards .img-wrapper .spanm3 {
    background-image: url(../images/m3.png);
    background-size: cover;
    width: 70px;
    height: 70px;
    display: inline-block;
}
.sixth-screen-new .cards .img-wrapper .spanm4 {
    background-image: url(../images/m4.png);
    background-size: cover;
    width: 70px;
    height: 70px;
    display: inline-block;
}

.sixth-mouse-leave .cotainer {
    -webkit-transition: .8s;
    transition: .8s
}

.sixth-mouse-enter .cotainer {
    -webkit-transform: translateY(-18%);
    transform: translateY(-18%);
    -webkit-transition: 1s;
    transition: 1s
}

.sixth-mouse-enter .sub-title-2 .sub-title-text {
    font-size: 28px;
    font-weight: 700
}

.sixth-mouse-enter .sub-title-2 .content {
    margin: 0 auto;
    width: 70%;
    text-align: left;
    margin-top: 30px;
    font-size: 20px;
    line-height: 36px
}

.sixth-mouse-enter .sub-title-1 {
    display: none
}

.sixth-screen .solve-list .solve-item:nth-child(1) {
    margin-left: 0;
    background: url(../images/T1.png)
}

.sixth-screen .solve-list .solve-item:nth-child(2) {
    background: url(../images/T2.png)
}

.sixth-screen .solve-list .solve-item:nth-child(3) {
    margin-right: 0;
    background: url(../images/T3.png)
}