body {
    background: #E8EFF6;
}

.title {
    width: 1920px;
    height: 540px;
    position: relative;
    margin-left: 50%;
    left: -960px;
}

.title video {
    width: 1920px;
    height: 540px;
}

.fbuttonLine {
    width: 1200px;
    height: 143px;
    background: #FFFFFF;
    border-radius: 15px;
    margin: -30px auto 0 auto;
    position: relative;
    z-index: 80;
}

.fbuttonLine div {
    width: 171px;
    padding-left: 125px;
    height: 85px;
    border: 2px solid #0072FF;
    border-radius: 15px;
    float: left;
    margin-left: 200px;
    margin-top: 30px;
    line-height: 85px;
    font-size: 20px;
    font-weight: bold;
    color: #0072FF;
    position: relative;
    transition: all .3s;
    cursor: pointer;
}

.fbuttonLine div img {
    width: 36px;
    height: 34px;
    position: absolute;
    top: 25px;
    left: 80px;
    transition: all .3s;
}

.fbuttonLine div:hover {
    background: #228AFF;
    color: #fff;
}

.fbuttonLine div:hover img {
    filter: grayscale(100%) brightness(200%) saturate(0%) contrast(200%);

}

.fullSlide:nth-child(even) {
    background: #fff;
}

.mrline1 {
    width: 1200px;
    height: 554px;
    background: #FFFFFF;
    border-radius: 15px;
    margin: 70px auto 0;
    position: relative;
}

.intitle {
    padding-top: 70px;
    line-height: 33px;
    font-size: 24px;
    color: #333333;
    font-family: Microsoft YaHei;
    font-weight: bold;
    width: 950px;
    text-align: center;
    position: relative;
    margin-left: 50%;
    left: -475px;
}

.intitle::after {
    content: '';
    width: 36px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    margin-left: 50%;
    left: -18px;
    background: #228AFF;
}


.mrline1 .intext {
    width: 485px;
    height: 70px;
    line-height: 70px;
    margin-top: 85px;
    margin-left: 60px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    text-align: left;
    border-bottom: 3px dotted #C1C1C1;
}

.mrline1 .mrline1text1 {
    width: 485px;
    height: 170px;
    text-indent: 2em;
    margin-top: 20px;
    margin-left: 60px;
    text-align: justify;
}

.mrline1 .mrline1text1 p {
    /* margin-bottom: 30px; */
    font-size: 14px;
    line-height: 26px;
}

.mrline1 .vimg {
    width: 558px;
    position: absolute;
    top: 166px;
    right: 25px;
    border-radius: 15px;

}


.mrline2 {
    margin-top: 70px;
    width: 1200px;
    height: 765px;
    padding: 0 360px;
}

.p2mrline {
    margin-top: 50px;
}


.p2entity {
    box-sizing: border-box;
    width: 296px;
    height: 85px;
    background: #EDEDED;
    border-radius: 15px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 18px;
    padding-top: 34px;
    padding-left: 43px;
    transition: all .2s;
    overflow: hidden;
    position: relative;
}

.p2entity.checked {
    width: 319px;
    height: 157px;
    font-size: 30px;
}

.p2entity .p2text {
    color: #fff;
    margin-top: 22px;
    font-size: 16px;
    opacity: 0;
    transition: all .3s;
    position: relative;
    z-index: 10;
}

.p2entity .p2title {
    position: relative;
    z-index: 10;
}

.p2entity.checked .p2text {
    opacity: 1;
}

.p2entity .p2icon {
    width: 319px;
    height: 157px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
    z-index: 5;
}

.p2entity.checked .p2icon {
    opacity: 1;
}

.p2entity .p2scon {
    width: 296px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
}

.p2info {
    box-sizing: border-box;
    position: absolute;
    top: 152px;
    right: 365px;
    width: 860px;
    height: 530px;
    background: #101010;
    border-radius: 15px;

}

.p2info video,
.p2info img {
    width: 839px;
    height: 501px;
    border-radius: 15px;

    position: absolute;
    top: 15px;
    left: 10px;
}

.p2info .sbutton {
    width: 130px;
    height: 38px;
    background: #228AFF;
    border-radius: 19px 0px 0px 19px;
    position: absolute;
    right: -9px;
    bottom: 82px;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding-left: 24px;
    transition: all 0.1s;
    cursor: pointer;
}

.p2info .sbutton:hover {
    width: 140px;
    height: 42px;
    line-height: 42px;

}

.p2info .sbutton:nth-child(1) {
    bottom: 34px;
}

.p2info .sbutton::after {
    content: '';
    position: absolute;
    width: 11px;
    height: 18px;
    top: 10px;
    right: 31px;
    background: url("https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p2/right.png");
    background-size: 11px;
    transition: all 0.1s;
}

.p2info .sbutton:hover::after {
    top: 12px;
}

.p2info .sbutton:nth-child(3)::after {
    background: url("https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p2/left.png");
    background-size: 11px;
}

.mrline2info {
    box-sizing: border-box;
    width: 449px;
    height: 501px;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 15px;
    left: 10px;
    padding-top: 66px;
    padding-left: 52px;
    padding-right: 56px;
    color: #fff;
    display: none;
}

.mrline2title {
    font-size: 16px;
    padding-left: 6px;
    padding-right: 30px;
    height: 13px;
    border-bottom: solid #228AFF 14px;
    width: max-content;
}

.mrline2text p {
    margin-top: 20px;
    font-size: 14px;
}

.mrline3 {
    width: 1920px;
    height: 1073px;
    padding: 0;
}

.mrline3 .view {
    height: 1073px;
    background: #E8EFF6;
}

.p3mrline {
    margin: 60px auto 0;
    width: 1182px;
    height: 300px;
}



.p3mrline .p3entity {
    width: 362px;
    height: 266px;
    background: #228AFF;
    border-radius: 15px;
    box-shadow: 0px 7px 16px 0px rgba(34, 138, 255, 0.63);
    float: left;
    position: relative;
    transition-duration: 0.3s;
    cursor: pointer;
    color: #fff;
    text-align: center;
    margin: 0 16px;
}

.p3mrline .p3entity p:nth-child(1) {
    margin-top: 46px;
    font-size: 60px;
    line-height: 47px;
    font-weight: bold;
    background-image: linear-gradient(#fff, #228AFF);
    color: transparent;
    -webkit-background-clip: text;
}

.p3mrline .p3entity p:nth-child(2) {
    margin-top: 2px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.p3mrline .p3entity p:nth-child(3) {
    margin: 31px auto 0;
    width: 360px;
    font-size: 14px;
    line-height: 26px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
    text-align: center;
}

.p3mrline .p3entity div {
    color: #4F565D;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    margin: 55px auto;
    width: 196px;
    transition-duration: 0.3s;
}

.p3mrline .p3entity:hover {
    background: #1577e4;
}

.p3info {
    width: 1920px;
    height: 573px;
    background: url("https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p3/back.png");
    position: relative;
}

.p3info::after {
    content: '';
    width: 201px;
    height: 181px;
    position: absolute;
    top: 184px;
    left: 867px;
    background: url("https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p3/pk.png");
}

.p3releft {
    color: #fff;
    position: absolute;
    left: 440px;

}

.p3reright {
    color: #333333;
    position: absolute;
    right: 440px;
    text-align: right;
}

.p3title {

    font-weight: bold;
    font-size: 30px;
    margin-top: 100px;
}

.p3inline {
    margin-top: 70px;
    font-size: 18px;
}

.p3inline p {
    margin-top: 40px;
    position: relative;
    padding: 0 23px;
}

.p3releft p::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border-radius: 50%;
    top: 5px;
    left: 0;
}

.p3reright p::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #228AFF;
    border-radius: 50%;
    top: 5px;
    right: 0;
}

.mrline4 {
    height: 1636px;
}

.linegroup {
    margin: 50px auto 0;
    width: 1200px;
    height: 675px;
    position: relative;
}

.linegroup img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    height: 675px;

}

.pqsline {
    width: 600px;
    height: 675px;
    position: relative;
}

.pqsline::after {
    content: '';
    position: absolute;
    width: 42px;
    height: 675px;
    background: url("https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p4/sline.png");
    right: -21px;
    top: 0;
}

.pqsinner {

    width: 100%;
    height: 675px;
    position: relative;
    overflow: hidden;
}

.mrline5 {
    height: 1150px;
}

.mrline5 .view {
    width: 1920px;
    height: 1150px;
    background: #E8EFF6;
}


.p5line {
    width: 1252px;
    height: 547px;
    margin: 20px auto;
}

.p5entity {
    width: 273px;
    margin: 30px 20px 0;
    float: left;
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.p5entity img {
    width: 273px;
    height: 147px;
    border-radius: 15px;
    margin-bottom: 23px;
}

.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;
}


.banner {
    width: 1920px;
    height: 540px;
    position: relative;
    margin:0 auto;
}

.bannerMask {
    width: 625px;
    height: 242px;
    background: #00000088;
    border-radius: 15px;
    position: absolute;
    top: 150px;
    left: 648px;
    color: #FFFFFF;
}

.bannerMask::before {
    content: '一站式标准服务';
    font-size: 20px;
    position: absolute;
    left: 150px;
    top: 34px;
}

.bannerMask::after {
    content: '策划 | 设计 | 科技 | 施工 | 运营';
    font-size: 12px;
    position: absolute;
    right: 150px;
    top: 35px;
    border-bottom: solid 1px #ffffff54;
}

.bannerLine {
    font-size: 28px;
    margin-top: 105px;
    text-align: center;
    font-weight: bold;
}

.banner .hd {
    width: 156px;
    height: 16px;
    position: absolute;
    top: 340px;
    left: 50%;
    margin-left: -78px;
}

.banner .hd li {
    width: 16px;
    height: 16px;
    background: #B8B8B8;
    opacity: 0.35;
    border-radius: 50%;
    margin: 0 18px;
    float: left;
}

.banner .hd li.on {
    background: #0096FF;
    opacity: 1
}


.switchbox {
    width: 1920px;
    height: 60px;
    position: relative;
    left: -960px;
    margin-left: 50%;
    background: #E7E7E7;
}

.switchline {
    width: 1164px;
    height: 60px;
    margin: 0 auto;
}

.switchline div {
    width: 388px;
    height: 60px;
    background: #D8D8D8;
    text-align: center;
    float: left;
    line-height: 60px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    color: #333333;
    transition-property: background, color, box-shadow;
    transition-duration: .25s, .5s, .5s;
}

.switchline div:hover {
    background: linear-gradient(90deg, #228AFF, #74A6FF);
    color: #fff;
}

.switchline div.checked {
    background: linear-gradient(90deg, #228AFF, #74A6FF);
    color: #fff;
}


.mrline02 {
    width: 1920px;
    height: 772px;
    margin: 70px auto 0;
    background: url(https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p0_2/back.png);
    position: relative;
}

.mrline02 .intitle {
    color: #fff
}

.mrline02 .sicon {
    width: 51px;
    height: 56px;
    position: absolute;
}

.sicon .sicnimg {
    position: relative;
    z-index: 10;
}


.mrline02 .sentity {
    position: absolute;
    animation: m1run 2s ease-in-out infinite alternate;
    pointer-events: none;
}

.mrline02 .sicon.active .sentity {
    animation: none
}


@keyframes m1run {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }
}

.mrline02 .tentity {
    position: absolute;
    overflow: hidden;
    pointer-events: none;
}

.mrline02 .tentity img {
    width: 0;
    height: 0;
    transition: all .3s;
}

.mrline02 .sicon.active .tentity img {
    height: 172px;
    width: 287px;
}

.mrline02 .ip1 {
    top: 228px;
    left: 912px;
}

.ip1 .sentity {
    top: 55px;
    left: -45px;
}

.ip1 .tentity {
    left: 48px;
    bottom: 5px;
}

.mrline02 .ip2 {
    top: 321px;
    left: 703px;
}

.ip2 .sentity {
    top: 49px;
    left: 1px;
}

.ip2 .tentity {
    right: 53px;
    bottom: 38px;
}

.mrline02 .ip3 {
    top: 331px;
    left: 889px;
}

.ip3 .sentity {
    top: 38px;
    left: -10px;
}

.ip3 .tentity {
    right: 22px;
    bottom: 66px;
}

.mrline02 .ip4 {
    top: 322px;
    left: 1069px;
}

.ip4 .sentity {
    top: 39px;
    left: -39px;
}

.ip4 .tentity {
    left: 56px;
    bottom: 19px;
}

.mrline02 .ip5 {
    top: 434px;
    left: 760px;
}

.ip5 .sentity {
    top: -26px;
    left: 14px;
}

.ip5 .tentity {
    right: 43px;
    top: 40px;
}

.mrline02 .ip6 {
    top: 394px;
    left: 1018px;
}

.ip6 .sentity {
    top: -49px;
    left: -93px;
}

.ip6 .tentity {
    left: 30px;
    top: 60px;
}

.mrline02 .ip7 {
    top: 518px;
    left: 903px;
}

.ip7 .sentity {
    top: -44px;
    left: -57px;
}

.ip7 .tentity {
    left: 40px;
    top: 56px;
}


.mrline03 {
    margin: 70px auto 0;
    width: 1200px;
    height: 765px;
    padding: 0 360px;
    position: relative;
}


.mrline03 .p2entity {
    width: 288px;
    height: 76px;
    margin-bottom: 7px;
    padding-top: 26px;
}

.mrline03 .p2entity.checked {
    width: 288px;
    height: 126px;
    font-size: 30px;
    padding-top: 39px;
}

.mrline03 .p2entity .p2icon {
    width: 288px;
    height: 126px;
}

.mrline03 .p2entity .p2scon {
    width: 288px;
    height: 76px;
}

.mrline03 .p2entity.checked::after {
    content: '';
    width: 51px;
    height: 5px;
    position: absolute;
    top: 81px;
    left: 47px;
    background: #fff;
    z-index: 50;
    border-radius: 3px;
}

.mrline03 .p2info {
    width: 876px;
    height: 540px;
}

.mrline03 .p2info video,
.mrline03 .p2info img {
    width: 854px;
    height: 510px;
}


.mrline04 {
    width: 1920px;
    height: 670px;
    margin:0 auto;
}

.mrline04 .view{
    width: 1920px;
    height: 670px;
    background: url(https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p0_4/back.png);
    background-position-x: -20px;
}

.mrline04 .intitle {
    color: #fff;
}

.mrline04 .intitle::after {
    background: #fff;
}

.mrline04 .p04line {
    width: 1038px;
    height: 445px;
    background: url(https://blaz.ar0755.com/html/ar-max/images/solution/exhibition/p0_4/p04line.png) no-repeat;
    background-position-y: 66px;
    margin: 50px auto;
    box-sizing: border-box;
    padding-left: 122px;
}

.p04entity {
    width: 134px;
    height: 158px;
    box-sizing: border-box;
    background-image: linear-gradient(45deg, #D7E9FF, #D7E9FF), linear-gradient(45deg, #228AFF, #74A6FF);
    padding: 2px;
    background-clip: content-box, padding-box;
    border-radius: 10px;
    float: left;
    margin-bottom: 130px;
    margin-right: 31px;
    text-align: center;
    box-shadow: 0px 0px 0px 0px rgba(0, 108, 255, 0.42);
    color: #3D93FF;
}

.p04entity img {
    margin-top: 26px;
}

.p04num {
    margin-top: 8px;
    font-weight: 800;
    font-size: 30px;
    background-image: linear-gradient(#74A6FF, #D7E9FF);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.p04title {
    font-size: 14px;
    margin-top: -3px;
    letter-spacing: 1px;
}

.p04entity:hover {
    box-shadow: 0px 7px 7px 0px rgba(0, 52, 126, 0.42);
    background-image: linear-gradient(45deg, #228AFF, #74A6FF), linear-gradient(45deg, #228AFF, #74A6FF);
    color: #fff;
}

.p04entity:hover img {
    filter: brightness(100);
}

.p04entity:hover .p04num {
    background-image: linear-gradient(#D7E9FF, #74A6FF);
}

.mrline05 {
    height: 615px;
    position: relative;
}

.mrline05 .view{
    width: 1920px;
    margin: 0 auto;
    position: relative;
}

.p05left {
    margin-left: 400px;
    margin-top: 140px;
    width: 400px;
}

.p05title {
    font-weight: bold;
    color: #333333;
    font-size: 18px;
}

.p05text {
    margin-top: 40px;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    text-align: justify;
}

.p05img {
    position: absolute;
    top: 164px;
    left: 867px;
    width: 1053px;
    height: 411px;
    border-radius: 15px;
    overflow: hidden;
}

.p05hd {
    width: 156px;
    height: 16px;
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -78px;
}

.p05hd li {

    width: 16px;
    height: 16px;
    background: #B8B8B8;
    opacity: 0.35;
    border-radius: 50%;
    margin: 0 18px;
    float: left;
}

.p05hd li.on {
    background: #0096FF;
    opacity: 1;
}

.mrline22 {
    margin-top: 70px;
    height: 644px;
    background: #fff;
}


.m22line {
    width: 1216px;
    margin: 30px auto;
}

.m22entity {
    width: 284px;
    height: 190px;
    border-radius: 10px;
    overflow: hidden;
    margin: 20px 10px 0;
    float: left;
    position: relative;
}

.m22info {
    background-image: linear-gradient(#2289ff00, #2289fff5, #2289fff5);
    position: absolute;
    width: 284px;
    height: 305px;
    top: 0;
    left: 0;
    transition: all .3s;
}

.m22title {
    margin-top: 150px;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
}

.m22title::after {
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    background: #FFFFFF;
    border-radius: 2px;
    top: 31px;
    left: 50%;
    margin-left: 0px;
    transition: all .5s;
}

.m22text {
    margin: 25px auto 0;
    width: 250px;
    color: #fff;
    font-size: 8px;
    line-height: 18px;
}


.m22entity:hover .m22info {
    top: -115px;
}

.m22entity:hover .m22title::after {
    width: 40px;
    margin-left: -20px;
}



.p25img {
    position: absolute;
    top: 164px;
    left: 867px;
    width: 1053px;
    height: 411px;
    border-radius: 15px;
    overflow: hidden;
}

.p25hd {
    width: 156px;
    height: 16px;
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -78px;
}

.p25hd li {

    width: 16px;
    height: 16px;
    background: #B8B8B8;
    opacity: 0.35;
    border-radius: 50%;
    margin: 0 18px;
    float: left;
}

.p25hd li.on {
    background: #0096FF;
    opacity: 1;
}


.mrline26 {
    height: 650px;
}

.mrline26 .view {
    width: 1920px;
    height: 650px;
}

.mrline06 {
    height: 650px;
}

.mrline06 .view {
    width: 1920px;
    height: 650px;
}


.mrline06 .p5line{
    width:940px
}