body {
    background: #fff;
}

.title {
    width: 1920px;
    height: 715px;
    position: relative;
    margin-left: 50%;
    left: -960px;
}

.title .titlemask {
    width: 1920px;
    height: 715px;
    background-image: -webkit-linear-gradient(right, #1E3A8ACC, #2563eb99);
    position: absolute;
    top: 0;
    left: 0;
}

.title img {
    width: 1920px;
    height: 715px;
}

.abutton {
    margin: 0px auto;
    width:214px;
    height:48px;
    background:#fff;
    border-radius: 6px;
    color:#3B82F6;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    cursor: pointer;
    position: absolute;
    top: 400px;
    left: 400px;
    cursor: pointer;
}

.pline {
    width: 1920px;
    position: relative;
    margin-left: 50%;
    left: -960px;
}

.pline:nth-child(even) {
    background-color: #F7FBFF;
}

.intitle {
    padding-top: 70px;
    line-height: 33px;
    font-size: 33px;
    color: #333333;
    font-family: Microsoft YaHei;
    font-weight: bold;
    width: 950px;
    text-align: center;
    position: relative;
    margin-left: 50%;
    left: -475px;
}

.intext {
    font-size: 20px;
    color: #2B6CB0;
    text-align: center;
    width: 1150px;
    margin: 20px auto 0;
}

.intextex {
    font-size: 16px;
    color: #4B5563;
    text-align: center;
    width: 1150px;
    margin: 20px auto 0;

}

.inlineimg {
    width: 1200px;
    margin: 30px auto;
}

.inimgline {
    width: 1220px;
    margin: 30px auto;
}

.institle {
    color: #111827;
    font-size: 24px;
    margin: 100px 340px 0;
    height: 30px;
    font-weight: bold;
}

.p1line {
    width: 1232px;
    height: 547px;
    margin: 25px auto;
}

.p1entity {
    width: 584px;
    margin: 16px;
    float: left;
    font-size: 20px;
    color: #222F3A;
    text-align: center;
}

.p1entity img {
    width: 584px;
}


.line2 .m1line {
    width: 1200px;
    margin: 60px auto 0;
    height: 300px;
    overflow: hidden;
}

.m1line .inline {
    width: 3706px;
    position: relative;
    left: 0;
    animation: m1run 25s linear infinite;
}

@keyframes m1run {
    from {
        left: 0;
    }

    to {
        left: -2406px;
    }
}

.m1line img {
    width: 187px;
    height: 253px;
    border-radius: 15px;
    margin: 5px;
}


.line2 {
    height: 2500px;
}

.p2line {
    width: 1550px;
    height: 475px;
    margin: 50px auto 0;
    position: relative;

}

.p2left {
    width: 79px;
    height: 79px;
    background: url("../../images/solution/science/pleft.png");
    background-size: 79px;
    position: absolute;
    top: 170px;
    left: 0;
}

.p2right {
    width: 79px;
    height: 79px;
    background: url("../../images/solution/science/pright.png");
    background-size: 79px;
    position: absolute;
    top: 170px;
    right: 0;
}

.p2entity {
    position: absolute;
    width: 640px;
    height: 414px;
    transition: all 0.5s;
    background: rgba(224, 237, 251, 1);
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    color: #222F3A
}

.p2entity img {
    width: 640px;
    height: 360px;
    transition: all 0.5s;
}

.p2entity.pl1 {
    top: 0;
    left: 0px;
    transform: scale(0);
    z-index: 1;
}

.p2entity.pl2 {
    top: 0;
    left: 40px;
    transform: scale(0.6);
    z-index: 2;
}

.p2entity.pl3 {
    top: 0;
    left: 455px;
    transform: scale(1);
    z-index: 3;
}

.p2entity.pl4 {
    top: 0;
    left: 870px;
    transform: scale(0.6);
    z-index: 2;
}

.p2entity.pl5 {
    top: 0;
    left: 910px;
    transform: scale(0);
    z-index: 1;
}


.p3line {
    width: 1185px;
    height: 347px;
    margin: 50px auto;
}

.p3entity {
    width: 363px;
    margin: 16px;
    float: left;
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.p3entity img {
    width: 363px;
    height: 88px;
}

.p4line {
    width: 1184px;
    height: 400px;
    margin: 50px auto;
}

.p4entity {
    width: 560px;
    padding: 32px;
    box-sizing: border-box;
    height: 132px;
    margin: 16px;
    box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.1);
    float: left;
    border-radius: 12px;
    background: #fff;
}

.p4title {
    color: #000;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
}

.p4text {
    color: #4B5563;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin-top: 16px
}

.p6line {
    width: 1182px;
    margin: 50px auto;
    height: 500px;
}

.p6entity {
    width: 362px;
    height: 372px;
    margin: 16px;
    position: relative;
    float: left;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.1);
}

.p6entity img {
    width: 362px;
    height: 192px;
}

.p6title {
    padding-top: 24px;
    padding-left: 24px;
    color: #000;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
}

.p6text {
    padding: 0 24px;
    color: #4B5563;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    margin-top: 16px;
}

.p6more {
    padding: 0 24px;
    color: #2563EB;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin-top: 16px;
}

.mKefu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999;
    display: none;
}

.mKefu img {
    position: absolute;
    width: 808px;
    height: 501px;
    left: -404px;
    margin-left: 50%;
    top: 50vh;
    margin-top: -250px;
}

.mKefu::after {
    content: '';
    width: 37px;
    height: 37px;
    position: absolute;
    background: url(https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/banner/close.png);
    background-size: 37px;
    top: 50vh;
    margin-left: 50%;
    left: 367px;
    margin-top: -319px;
}