.m1{padding-top: 50px;margin-top: 0px; background-color:#e3e3e3;}
    .m3{padding: 50px 0;margin-top: 0px; background-color:#e3e3e3;}
        .m1_p1{text-indent: 10px;}
            .m1_sp1{font-size: 22px;font-weight: bold;}
            .m1_sp2{color: #858383;font-weight: bold;}
        .m1_p2{text-indent: 10px;}
        .m1_p3{text-align: center;margin-top: 20px;}
            .m1_p3_s1,.m1_p3_s2{width: 130px;display: inline-block;line-height: 35px;color: #fff;cursor: pointer;}
        .clo{width:34px; height:60px;position: absolute;margin-top: -95px;margin-left: 1120px;cursor: pointer;}
            .clo p{ width:34px; height:12px;font-size: 12px;margin-top: 34px; text-align:center;}
            .clo_sp1{width: 40px;height: 1px;background: #717171;transform: rotate(45deg); display: inline-block; position:absolute; z-index:1; top:20px; left:50%; margin-left:-20px;}
            .clo_sp2{width: 40px;height: 1px;background: #717171;transform: rotate(135deg); display: inline-block; position:absolute; z-index:1; top:20px; left:50%; margin-left:-20px;}
    .m2 div{float: left;}
        .m2a_2a{position: absolute;width: 312px;height: 540px;margin-left: 196px;background: url(../image/a_031.png) no-repeat;}
        .m2a_3a{width: 588px;height: 169px;position: absolute;background: url(../image/m2a_3a.png) no-repeat;margin-left: 606px;margin-top: 197px;z-index: 5;}
        .m2a_3b{position: absolute;width: 394px;height: 540px;margin-left: 720px; background: url(../image/a1.png) no-repeat;}
        .m2a_4a{width: 465px;height: 540px;margin-left:134px; position: absolute;background: url(../image/m2a_4a.png) no-repeat;z-index: 5}
        .m2a_4b{width: 432px;height: 540px;margin-left:200px;position: absolute;background: url(../image/m2a_4b.png) no-repeat;}
        .m2a_5a{width: 24px;height: 24px;position: absolute;background: url(../image/m2a_5a.png) no-repeat;margin-top: 165px;margin-left: 719px;}
        .m2a_6a{width: 739px;height: 540px;position: absolute;background: url(../image/m2a_6a.png) no-repeat;z-index: 5;}
        .m2a_6b{width: 309px;height: 540px;margin-left: 295px; position: absolute;overflow: hidden;}
    
    .m2a_2a_bg{animation-name: m2a_2a_bg; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: m2a_2a_bg; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
        @keyframes m2a_2a_bg {
            0% {background-position:-2808px 0px;}

            100% {background-position:-1248px 0px;}
        }
        @-webkit-keyframes m2a_2a_bg {
            0% {background-position:-2808px 0px;}
            100% {background-position:-1248px 0px;}
        }
    .DH_m2a_3b{animation-name: DH_m2a_3b; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: DH_m2a_3b; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
        @keyframes DH_m2a_3b {
            0% {background: url(../image/a1.png) no-repeat;}
            50% {background: url(../../images/cx_h7/safe/a2.png) no-repeat;}
            100%{background: url(../../images/cx_h7/safe/a3.png) no-repeat;}
        }
        @-webkit-keyframes DH_m2a_3b {
           0% {background: url(../image/a1.png) no-repeat;}
            50% {background: url(../../images/cx_h7/safe/a2.png) no-repeat;}
            100%{background: url(../../images/cx_h7/safe/a3.png) no-repeat;}
        }
    .DH_m2a_4b{animation-name: DH_m2a_4b; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: DH_m2a_4b; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
        @keyframes DH_m2a_4b {
            0% {opacity: 1;transform:scale(0.5);}
            25% {opacity: 0.9;transform:scale(0.6);}
            50%{opacity: 0.8;transform:scale(0.7);}
            75%{opacity: 0.4;transform:scale(0.8);}
            100% {opacity: 0;transform:scale(1);}
        }
        @-webkit-keyframes DH_m2a_4b {
            0% {opacity: 1;-webkit-transform:scale(0.5);}
            25% {opacity: 0.9;-webkit-transform:scale(0.6);}
            50%{opacity: 0.8;-webkit-transform:scale(0.7);}
            75%{opacity: 0.4;-webkit-transform:scale(0.8);}
            100% {opacity: 0;-webkit-transform:scale(1);}
        }
    .DH_m2a_5a{animation-name: DH_m2a_5a; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: DH_m2a_5a; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
        @keyframes DH_m2a_5a {
            0% {opacity: 1;}
            25% {opacity: 0.5;}
            50%{opacity: 0;}
            75%{opacity: 0.5;}
            100% {opacity: 1;}
        }
        @-webkit-keyframes DH_m2a_5a {
            0% {opacity: 1;}
            25% {opacity: 0.5;}
            50%{opacity: 0;}
            75%{opacity: 0.5;}
            100% {opacity: 1;}
        }
    .DH_m2a_6b{animation-name: DH_m2a_6b; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: DH_m2a_6b; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
        @keyframes DH_m2a_6b {
            0% {background: url(../../images/cx_h7/safe/5_a.png) no-repeat;}
            
            20% {background: url(../../images/cx_h7/safe/5_c.png) no-repeat;}
            
            40% {background: url(../../images/cx_h7/safe/5_e.png) no-repeat;}
            
            60% {background: url(../../images/cx_h7/safe/5_g.png) no-repeat;}
            
            80% {background: url(../../images/cx_h7/safe/5_i.png) no-repeat;}
            
            100% {background: url(../../images/cx_h7/safe/5_k.png) no-repeat;}
            
        }
        @-webkit-keyframes DH_m2a_6b {
            0% {opacity: 1;-webkit-transform:scale(0.5);}
            25% {opacity: 0.9;-webkit-transform:scale(0.6);}
            50%{opacity: 0.8;-webkit-transform:scale(0.7);}
            75%{opacity: 0.4;-webkit-transform:scale(0.8);}
            100% {opacity: 0;-webkit-transform:scale(1);}
        }
     .DH_m2a_6b_2{animation-name: DH_m2a_6b_2; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: DH_m2a_6b_2; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
        @keyframes DH_m2a_6b_2 {
            0% {opacity: 1;transform:scale(1);}
            25% {opacity: 0.9;transform:scale(1.03);}
            50%{opacity: 0.8;transform:scale(1.07);}
            75%{opacity: 0.4;transform:scale(1.13);}
            100% {opacity: 0;transform:scale(1.2);}
        }
        @-webkit-keyframes DH_m2a_6b_2 {
            0% {opacity: 1;-webkit-transform:scale(1);}
            25% {opacity: 0.9;-webkit-transform:scale(1.03);}
            50%{opacity: 0.8;-webkit-transform:scale(1.07);}
            75%{opacity: 0.4;-webkit-transform:scale(1.13);}
            100% {opacity: 0;-webkit-transform:scale(1.2);}
        }




    .DH_Rotate_4{animation-name: DH_Rotate_4; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: DH_Rotate_4; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
        @keyframes DH_Rotate_4 {
            0% {margin-top: 110px;opacity: 1;transform:scale(0.5);}
            25% {margin-top: 125px;opacity: 0.9;transform:scale(0.6);}
            50%{margin-top: 135px;opacity: 0.8;transform:scale(0.7);}
            75%{margin-top: 145px;opacity: 0.4;transform:scale(0.8);}
            100% {margin-top:155px;opacity: 0;transform:scale(1);}
        }
        @-webkit-keyframes DH_Rotate_4 {
            0% {margin-top: 110px;opacity: 1;-webkit-transform:scale(0.5);}
            25% {margin-top: 125px;opacity: 0.9;-webkit-transform:scale(0.6);}
            50%{margin-top: 135px;opacity: 0.8;-webkit-transform:scale(0.7);}
            75%{margin-top: 145px;opacity: 0.4;-webkit-transform:scale(0.8);}
            100% {margin-top:155px;opacity: 0;-webkit-transform:scale(1);}
        }