/* 卫浴 */
@media only screen and (min-width: 1480px) { 
    .wzcwy_1 {width: 100%; height: 100%; position: relative; background: #fbfbfb;}
    .wzcwy_1_box {padding-top: 100px;}
    .wzcwy_1_tit { font-size: 30px;line-height:30px;color: #222; text-align: center; margin-top: -17px; text-transform: uppercase;}
    .wzcwy_1_tit span {color: #464646 !important; font-family: 'Times New Roman';}

    .certify {width: 1360px !important; margin: 0 auto;margin-top:28px;overflow: hidden;}
    .certify .swiper_w1 {width: 100% !important;}
    .certify .swiper_w1 .swiper-slide {width: auto !important;}
    .certify_img {width: 920px; height: 520px; position: relative;}
    .certify_img >img:nth-child(2){display:none;}
    .certify_img::before{position: absolute; width: 100%; height: 100%; background: #fff; display: block; content: ''; opacity: .5;}
    .certify .swiper_w1 .swiper-wrapper {width: 100%;}
    .certify .swiper_w1 .swiper-slide-active .certify_img::before{opacity: 0;}
    .prev_1::after {opacity: 0;}
    .next_1::after {opacity: 0;}
    .swiper_w1 .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 50px; background: none;outline:none;}
    .swiper_w1 .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 75px; background: none;outline:none;}
    .wybtnco {width: 1084px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 44px;}
    .wybtnco_b {width: calc(100%/7); position: relative; margin: 0 auto;}
    .wybtnco_b.on1 .wybtnco_b_img img:nth-child(1){opacity: 1;}
    .wybtnco_b.on1 .wybtnco_b_img img:nth-child(2){opacity: 0;}
    .wybtnco_b_img {width: 60px; height: 60px; position: relative; margin: 0 auto;}
    .wybtnco_b_img img {position: absolute; left: 0; top: 0; margin: 0 auto;}
    .wybtnco_b_img img:nth-child(1) {opacity: 0; }
    .wybtnco_b_tt {text-align: center; color: #333;}
    .wybtnco_b_tt_t1 {font-size: 16px; margin-top: 10px;}
    .wybtnco_b_tt_t2 {font-size: 12px; margin-top: -6px;}
    .wy_tw {width: 1440px; margin: 0 auto; display: flex; margin-top: 45px;}
    .wy_tw .wy_tw_b {width: calc((100% - 18px)/3); position: relative; margin-right: 9px;}
    .wy_tw_b:last-child {margin-right: 0;}
    .wy_tw_bimg {width: 100%; height: 618px; overflow: hidden;}
    .wy_tw_bimg:hover {transition: .3s; transform: scale(1.02);}
    .wy_tw_bimg img {transition: .3s;}
    .wy_tw_bpo {width: 100%; height: 96px; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .5);}
    .wy_tw_bpoimg {width: 102px; height: 100%; background: #007ddd; display: flex; align-items: center; justify-content: center;}
    .wy_tw_bptt {font-size: 30px; font-weight: bold; color: #fff; position: absolute; left: 135px; top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
    .wy_tw_bptt span {font-size: 16px; display: inline-block; font-weight: lighter; margin-left: 16px; line-height: 20px;}
    .jcwy_la {width: 100%; height: 489px; position: relative;}
    .jcwy_la>img:nth-child(2){display:none;}
    .jcwy_la_ba {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wzcwy_1_box_top {width: 100%; height: 489px; position: relative; top: 100px;}
    .wzcwy_1_box_la {width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding-top: 0;}
    .wzcwy_1_titimg {width: 1360px; margin: 0 auto; margin-top: 34px; position: relative;}
    .wzcwy_1_titimg_more img{width: 8px; height: 13px; margin-left: 15px;}
    .wzcwy_1_titimg_more {width: 120px; height: 42px; border: 1px solid #fff; border-radius: 20px; position: absolute; right: 335px; bottom: 0; display: flex; font-size: 14px; justify-content: center; color: #fff; align-items: center;}
    .footer {height: calc(100% - 4.89rem);}
}
@media only screen and (min-width: 1024px) and (max-width: 1479px) {
    .wzcwy_1 {width: 100%; height: 100%; position: relative; background: #fbfbfb;}
    .wzcwy_1_box {padding-top: 100px;}
    .wzcwy_1_tit { font-size: 30px;line-height:30px;color: #222; text-align: center; margin-top: -17px; text-transform: uppercase;}
    .wzcwy_1_tit span {color: #464646 !important; font-family: 'Times New Roman';}

    .certify {width: 880px !important; margin: 0 auto;margin-top:28px;overflow: hidden;}
    .certify .swiper_w1 {width: 100% !important;}
    .certify .swiper_w1 .swiper-slide {width: auto !important;}
    .certify_img {width: 920px; height: 520px; position: relative;}
        .certify_img >img:nth-child(2){display:none;}
    .certify_img::before{position: absolute; width: 100%; height: 100%; background: #fff; display: block; content: ''; opacity: .5;}
    .certify .swiper_w1 .swiper-wrapper {width: 100%;}
    .certify .swiper_w1 .swiper-slide-active .certify_img::before{opacity: 0;}
    .prev_1::after {opacity: 0;}
    .next_1::after {opacity: 0;}
    .swiper_w1 .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 50px;}
    .swiper_w1 .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 75px;}
    .wybtnco {width: 1084px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 44px;}
    .wybtnco_b {width: calc(100%/7); position: relative; margin: 0 auto;}
    .wybtnco_b_img {width: 60px; height: 60px; position: relative; margin: 0 auto;}
    .wybtnco_b_img img {position: absolute; left: 0; top: 0; margin: 0 auto;}
    .wybtnco_b_img img:nth-child(1) {opacity: 0; }
    .wybtnco_b.on1 .wybtnco_b_img img:nth-child(1){opacity: 1;}
    .wybtnco_b.on1 .wybtnco_b_img img:nth-child(2){opacity: 0;}
    .wybtnco_b_tt {text-align: center; color: #333;}
    .wybtnco_b_tt_t1 {font-size: 16px; margin-top: 10px;}
    .wybtnco_b_tt_t2 {font-size: 12px; margin-top: -6px;}
    .wy_tw {width: 1200px; margin: 0 auto; display: flex; margin-top: 45px;}
    .wy_tw .wy_tw_b {width: calc((100% - 18px)/3); position: relative; margin-right: 9px;}
    .wy_tw_b:last-child {margin-right: 0;}
    .wy_tw_bimg {width: 100%; height: 618px; overflow: hidden;}
    .wy_tw_bimg:hover img{transition: .3s; transform: scale(1.02);}
    .wy_tw_bimg img {transition: .3s;}
    .wy_tw_bpo {width: 100%; height: 96px; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .5);}
    .wy_tw_bpoimg {width: 102px; height: 100%; background: #007ddd; display: flex; align-items: center; justify-content: center;}
    .wy_tw_bptt {font-size: 30px; font-weight: bold; color: #fff; position: absolute; left: 135px; top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
    .wy_tw_bptt span {font-size: 16px; display: inline-block; font-weight: lighter; margin-left: 16px; line-height: 20px;}
    .jcwy_la {width: 100%; height: 489px; position: relative;}
    .jcwy_la>img:nth-child(2){display:none;}
    .jcwy_la_ba {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wzcwy_1_box_top {width: 100%; height: 489px; position: relative; top: 100px;}
    .wzcwy_1_box_la {width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding-top: 0;}
    .wzcwy_1_titimg {width: 1360px; margin: 0 auto; margin-top: 34px; position: relative;}
    .wzcwy_1_titimg_more img{width: 8px; height: 13px; margin-left: 15px;}
    .wzcwy_1_titimg_more {width: 120px; height: 42px; border: 1px solid #fff; border-radius: 20px; position: absolute; right: 335px; bottom: 0; display: flex; font-size: 14px; justify-content: center; color: #fff; align-items: center;}
    .footer {height: calc(100% - 4.89rem);}
}
@media only screen and (max-width: 1023px) {
    .swiper_w1 .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 50px; display: none;}
    .swiper_w1 .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 75px; display: none;}
    .swiper_w2 {margin-top: 0.5rem;}
    .wybtnco {width: calc(100% - 0.8rem); margin: 0 auto; display: flex; flex-wrap: wrap;}
    .wybtnco_b:nth-child(1) {width: calc(100% / 3);}
    .wybtnco_b:nth-child(2) {width: calc(100% / 3);}
    .wybtnco_b:nth-child(3) {width: calc(100% / 3);}
    .wybtnco_b:nth-child(4) {width: calc(100% / 4);}
    .wybtnco_b:nth-child(5) {width: calc(100% / 4);}
    .wybtnco_b:nth-child(6) {width: calc(100% / 4);}
    .wybtnco_b:nth-child(7) {width: calc(100% / 4);}
    .wybtnco_b_img {position: relative; margin: 0.65rem auto 0;}
    .wybtnco_b_img img{width: 0.67rem; height: 0.67rem; position: absolute; left: 50%; transform: translate(-50%);}
    .wybtnco_b_img img:nth-child(1){opacity: 0;}
    .wybtnco_b.on1 .wybtnco_b_img img:nth-child(1){opacity: 1;}
    .wybtnco_b.on1 .wybtnco_b_img img:nth-child(2){opacity: 0;}
    .wybtnco_b_tt_t1 {font-size: 0.2rem;}
    .wybtnco_b_tt_t2 {display: none;}
    /* .wybtnco_b_img img:nth-child(2) {opacity: 0;} */
    .swiper-button-prev {opacity: 0;}
    .prev_1 img{display: none;}
    .next_1 img{display: none;}
    .wzcwy_1 {position: relative;  margin: 0 auto; height: 100%;}
    .wzcwy_1_tit {text-align: center; font-size: 0.32rem; line-height:0.32rem;color: #222; padding-top: 1.6rem;}
    .wzcwy_1_tit span {display: block; text-align: center; font-size: 0.32rem; text-transform: uppercase; margin-top: 0.06rem; }
    .certify_img  {height: 5.8rem; width: 5.87rem; margin: 0 auto;}
        .certify_img >img:nth-child(1){display:none;}
    .wybtnco_b_tt_t1 {display: block; white-space: nowrap; text-align: center; margin-top: 0.24rem;}
    .wybtnco_b_tt {margin-top: 1.4rem;}
    .wy_tw_b {position: relative; width: calc(100% - 0.8rem); margin: 0 auto;}
    .wy_tw {width: calc(100% - 0.8rem); margin: 0 auto;}
    .wy_tw_bimg  {width: 100%;}
    .wy_tw_bpo {position: absolute; width:100%; height: 1.24rem; background: rgba(0, 0, 0, .5); left: 0; bottom: 0;}
    .wy_tw_bpoimg img{width: 0.77rem; height: 0.77rem;}
    .wy_tw_bpoimg {width: 1.24rem; height: 100%; background: #63c0ab; display: flex; align-items: center; justify-content: center;}
    .wy_tw_bptt {position: absolute; left: 1.7rem; top: 50%;transform:translateY(-50%);color: #fff;font-size:0.4rem;display:flex;align-items:center;}
    .wy_tw_bptt >span{font-size: 0.28rem;height: 0.4rem;}
    .jcwy_la {width: 100%;height: calc(100% - 5.2rem);}
    .jcwy_la>img:nth-child(1){display:none;}
    .jcwy_la img {width: 100%; height: 100%;}
    .pagination_1 {bottom:0 !important;width:100%;left:0;text-align:center;}
    .pagination_1 .swiper-pagination-bullet{width:0.18rem;height:0.18rem;border-radius:50%;margin-right:0.2rem;opacity:1;background:#e1e1e1;transition:0.5s;}
    .pagination_1 .swiper-pagination-bullet-active{width: 0.44rem;border-radius:0.5rem;background:#007ddd;transition:0.5s;}
    .pagination_1 .swiper-pagination-bullet:last-child{margin-right:0;}
    .certify{margin-top: 0.7rem;}
    /*.certify .swiper-slide{width:calc(7.5rem - 6.8rem);}*/
}

/* 隔断 */
@media only screen and (min-width: 1480px) { 
   .gd_tcon {width: 1720px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 60px;}
   .gd_tcon2_2_3:hover::before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; z-index: 9; background: linear-gradient(to right, #007ddd 25%, transparent ) }
   .gd_tcon2_2_3::before {width: 0; height: 100%; display: block; content: ''; transition: .3s; position: absolute;}
   .gd_tcon2 {width: calc((100% - 6px)/2);  height: 304px; position: relative; background: #f3f3f3; display: flex; align-items: center; box-sizing: border-box; margin-right: 3px; margin-top: 3px;}
   .gd_tcon3 {font-size: 20px; color: #333; padding-left: 60px; }
   .gd_tcon3 span {font-size: 24px; font-weight: bold;}
   .gd_tcon2_2_3:hover .gd_tcon4 img:nth-child(1) {opacity: 0;}
   .gd_tcon2_2_3:hover .gd_tcon4 img:nth-child(2) {opacity: 1; transition: .3s;}
   .gd_tcon2_2_3:hover .gd_tcon3{position: absolute; z-index: 11; color: #fff; width: 380px; line-height: 36px; top: 100px;}
   .gd_tcon2_2_3:hover .gd_tcon3_lwa {opacity: 1; z-index: 11; margin-top: 27px; cursor: pointer;}
   .gd_tcon3_lwa img {width: 7px; height: 10px; margin-left: 5px;}
   .gd_tcon3_lwa {width: 94px; height: 32px; opacity: 0; border: 1px solid #fff; position: absolute; left: 50px; bottom: 87px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
    /*.gd_tcon3_lwa >img:nth-child(1){display:block;transition:0.5s;}*/
    /*.gd_tcon3_lwa >img:nth-child(2){display:none;transition:0.5s;}*/
    /*.gd_tcon3_lwa:hover{background:#fff;color:#007ddd;transition:0.5s;}*/
    /*.gd_tcon3_lwa:hover >img:nth-child(1){display:none;transition:0.5s;}*/
    /*.gd_tcon3_lwa:hover >img:nth-child(2){display:block;transition:0.5s;}*/
   .gd_tcon4 {margin-left: 60px;}
   .gd_tcon2_2 {display: flex; justify-content: space-between; }
   .gd_tcon2_1 {width: 50%;  display: flex; height: 100%; align-items: center;}
   .gd_tcon2_1 .gd_tcon4 img {width: 190px; height: 214px; }
   .gd_tcon4 img:nth-child(2) {opacity: 0; position: absolute; right: 0; top: 0; height: 100%; width: 75%;}
   .gd_tcon2_1 .gd_tcon4 {margin-left: 30px;}
   .gd_tcon2_1 .gd_tcon3 {padding-left: 50px; }
   .gd_tcon2_1:last-child{border-left: 3px solid #fff;}

   .gd_tcon2_1:hover::before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; z-index: 9; background: linear-gradient(to right, #007ddd 25%, transparent ) }
   .gd_tcon2_1::before {width: 0; height: 100%; display: block; content: ''; transition: .3s; position: absolute;}
   .gd_tcon2_1:hover .gd_tcon4 img:nth-child(1) {opacity: 0;}
   .gd_tcon2_1:hover .gd_tcon4 img:nth-child(2) {opacity: 1; transition: .3s;}
   .gd_tcon2_1:hover .gd_tcon3{position: absolute; z-index: 11; color: #fff; width: 380px; line-height: 36px; top: 100px;}
   .gd_tcon2_1:hover .gd_tcon3_lwa {opacity: 1; z-index: 11; margin-top: 27px;}


    .wzcwy_1baimg img:nth-child(2){display: none;}
   .wzcwy_1baimg {width: 100%; height: 100%; position: relative; z-index: 9;transition: all 10s ease;}
   .wzcwy_1baimg img {transition: all 10s ease;}
   .wa_cwy_5v {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
   .wa_cwy_5v_yig {width:555px;font-size: 30px; font-weight: bold;color: transparent; -webkit-text-stroke: 1px #fff; z-index: 10; position: absolute; right: 155px;bottom: 490px; line-height: 48px;}
   .wa_cwy_5v_zh {width:555px;font-size: 30px; z-index: 10; font-weight: lighter; position: absolute; right: 155px; bottom: 307px; color: #fff; line-height: 48px;}
   .wa_cwy_5v_zh p{font-size: 30px !important;line-height: 48px !important;font-weight:lighter !important;}
   .wa_cwy_5v_zh span {font-weight: bold;}
   .wzcwy_1_ti2 {width: 1720px; margin: 0 auto; display: flex; margin-top: 40px;}
   .wzcwy_1_ti2img {width: 280px; height: 642px; margin-right: 5px; position: relative;  transition: .5s;}
   .wzcwy_1_ti2img .hui { filter: brightness(50%);}
   .wzcwy_1_ti2_lwz {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
   .wzcwy_1_ti2_wa_1 {position: absolute; bottom: 54px; text-align: center; color: #fff; left: 50%; transform: translateX(-50%); white-space: nowrap;}
   .wzcwy_1_ti2_wa_111{font-size: 20px; font-weight: bold;}
   .wzcwy_1_ti2_wa_112{font-size: 14px; }
   .wzcwy_1_ti2_lwz_a {width: 94px; height: 32px; opacity: 0; background: #007ddd; position: absolute; right: 40px; bottom: 70px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
   .on1_d {width: 860px; transition: .5s;}
   .on1_d  .hui{filter: brightness(1);}
   .on1_d .wzcwy_1_ti2_wa_1 {left: 35px; text-align: left; transform: none;}
    .wzcwy_1_ti2_lwz_a img {width: 7px; height: 10px; margin-left: 5px;}
    .on1_d .wzcwy_1_ti2_lwz_a {opacity: 1;}

}
@media only screen and (min-width: 1024px) and (max-width: 1479px) {
    .gd_tcon {width: 1720px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 60px;}
    .gd_tcon2:hover::before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; z-index: 9; background: linear-gradient(to right, #007ddd 25%, transparent ) }
    .gd_tcon2::before {width: 0; height: 100%; display: block; content: ''; transition: .3s; position: absolute;}
    .gd_tcon2 {width: calc((100% - 6px)/2);  height: 304px; position: relative; background: #f3f3f3; display: flex; align-items: center; box-sizing: border-box; margin-right: 3px; margin-top: 3px;}
    .gd_tcon3 {font-size: 20px; color: #333; padding-left: 60px;}
    .gd_tcon3 span {font-size: 24px; font-weight: bold;}
    .gd_tcon2:hover .gd_tcon4 img:nth-child(1) {opacity: 0;}
    .gd_tcon2:hover .gd_tcon4 img:nth-child(2) {opacity: 1; transition: .3s;}
    .gd_tcon2:hover .gd_tcon3{position: absolute; z-index: 11; color: #fff; width: 380px; line-height: 36px; top: 100px;}
    .gd_tcon2:hover .gd_tcon3_lwa {opacity: 1; z-index: 11; margin-top: 27px;}
    .gd_tcon3_lwa img {width: 7px; height: 10px; margin-left: 5px;}
    .gd_tcon3_lwa {width: 94px; height: 32px; opacity: 0; border: 1px solid #fff; position: absolute; left: 50px; bottom: 87px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
    /*.gd_tcon3_lwa >img:nth-child(1){opacity:1;transition:0.5s;}*/
    /*.gd_tcon3_lwa >img:nth-child(2){opacity:0;transition:0.5s;}*/
    .gd_tcon4 {margin-left: 60px;}
    .gd_tcon2_2 {display: flex; justify-content: space-between; }
    .gd_tcon2_1 {width: 50%;  display: flex; height: 100%; align-items: center;}
    .gd_tcon2_1 .gd_tcon4 img {width: 190px; height: 214px; }
    .gd_tcon4 img:nth-child(2) {opacity: 0; position: absolute; right: 0; top: 0; height: 100%; width: 75%;}
    .gd_tcon2_1 .gd_tcon4 {margin-left: 30px;}
    .gd_tcon2_1 .gd_tcon3 {padding-left: 50px; }
    .gd_tcon2_1:last-child{border-left: 3px solid #fff;}
    .wzcwy_1baimg {width: 100%; height: 100%; position: relative; z-index: 9; transition: .3;}
    .wzcwy_1baimg:hover img {transform: scale(1.06); transition: .3s;}
    .wa_cwy_5v {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wa_cwy_5v_yig {width:555px;font-size: 30px; font-weight: bold;color: transparent; -webkit-text-stroke: 1px #fff; z-index: 10; position: absolute; right: 155px;bottom: 490px; line-height: 48px;}
    .wa_cwy_5v_zh {width:555px;font-size: 30px; z-index: 10; font-weight: lighter; position: absolute; right: 155px; bottom: 307px; color: #fff; line-height: 48px;}
     .wa_cwy_5v_zh p{font-size: 30px !important;line-height: 48px !important;font-weight:lighter !important;}
    .wa_cwy_5v_zh span {font-weight: bold;}
    .wzcwy_1_ti2 {width: 1720px; margin: 0 auto; display: flex; margin-top: 40px;}
    .wzcwy_1_ti2img {width: 280px; height: 642px; margin-right: 5px; position: relative;  transition: .5s;}
    .wzcwy_1_ti2img .hui { filter: brightness(50%);}
    .wzcwy_1_ti2_lwz {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wzcwy_1_ti2_wa_1 {position: absolute; bottom: 54px; text-align: center; color: #fff; left: 50%; transform: translateX(-50%); white-space: nowrap;}
    .wzcwy_1_ti2_wa_111{font-size: 20px; font-weight: bold;}
    .wzcwy_1_ti2_wa_112{font-size: 14px; }
    .wzcwy_1_ti2_lwz_a {width: 94px; height: 32px; opacity: 0; background: #007ddd; position: absolute; right: 40px; bottom: 70px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
    .on1_d {width: 860px; transition: .5s;}
    .on1_d  .hui{filter: brightness(1);}
    .on1_d .wzcwy_1_ti2_wa_1 {left: 35px; text-align: left; transform: none;}
     .wzcwy_1_ti2_lwz_a img {width: 7px; height: 10px; margin-left: 5px;}
     .on1_d .wzcwy_1_ti2_lwz_a {opacity: 1;}
}
@media only screen and (max-width: 1023px) {
    .wzcwy_1_tit {font-size: 0.36rem;}
    .gd_tcon {width: calc(100% - 0.8rem); margin: 0 auto;}
    .wzcwy_1_box {width: 100%;height:5.2rem;}
    .gd_tcon {margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 0.55rem;}
    /*.gd_tcon2:hover::before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; z-index: 9; background: linear-gradient(to right, #007ddd 25%, transparent ) }*/
    .gd_tcon2::before {width: 0; height: 100%; display: block; content: ''; transition: .3s; position: absolute;}
    .gd_tcon2 {width: 100%;position:relative;height: 2.5rem; position: relative; background: #f3f3f3; display: flex; align-items: center; box-sizing: border-box; margin-right: 0.03rem; margin-top: 0.03rem;}
    .gd_tcon2_1{position: relative;}
    .gd_tcon3 {width:calc(100% - 2.85rem);font-size: 0.2rem; color: #333; padding-left: 0.6rem;}
    .gd_tcon3 span {font-size: 0.24rem; font-weight: bold;}
    /*.gd_tcon2:hover .gd_tcon4 img:nth-child(1) {opacity: 0;}*/
    /*.gd_tcon2:hover .gd_tcon4 img:nth-child(2) {opacity: 1; transition: .3s;}*/
    /*.gd_tcon2:hover .gd_tcon3{position: absolute; z-index: 11; color: #fff; width: 380px; line-height: 36px; top: 100px;}*/
    /*.gd_tcon2:hover .gd_tcon3_lwa {opacity: 1; z-index: 11; margin-top: 27px; cursor: pointer;}*/
    .gd_tcon3_lwa img {width: 7px; height: 10px; margin-left: 5px;}
    .gd_tcon3_lwa {width: 94px; height: 32px; opacity: 0; border: 1px solid #fff; position: absolute; left: 60px; bottom: 87px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
    /*.gd_tcon3_lwa >img:nth-child(1){opacity:1;transition:0.5s;}*/
    /*.gd_tcon3_lwa >img:nth-child(2){opacity:0;transition:0.5s;}*/
    /*.gd_tcon3_lwa:hover{background:#fff;color:#007ddd;transition:0.5s;}*/
    /*.gd_tcon3_lwa:hover >img:nth-child(1){opacity:0;transition:0.5s;}*/
    /*.gd_tcon3_lwa:hover >img:nth-child(2){opacity:1;transition:0.5s;}*/
    .gd_tcon4 {position:absolute;right:0.45rem;top:50%;transform:translateY(-50%);}
    .gd_tcon4 img {width: 1.63rem;}
    .gd_tcon2_1 .gd_tcon4 img {width: 1.63rem;}
    .gd_tcon2_2 {display: flex; justify-content: space-between; }
    .gd_tcon2_1 {width: 50%;  display: flex; height: 100%; align-items: center;}
    .gd_tcon2_1 .gd_tcon4 img {width: 1.63rem;}
    .gd_tcon4 img:nth-child(2) {opacity: 0; position: absolute; right: 0; top: 0; height: 100%; width: 75%;}
    .gd_tcon2_1 .gd_tcon4 {margin-left: 30px;}
    .gd_tcon2_1 .gd_tcon3 {padding-left: 0.4rem;width:calc(100% - 2rem)}
    .gd_tcon2_1:last-child{border-left: 3px solid #fff;}
    .wzcwy_1baimg {width: 100%; height: 100%; position: relative; z-index: 9; transition: .3;}
    .wzcwy_1baimg img:nth-child(1) {display: none;}
    .wzcwy_1baimg:hover img {transform: scale(1.06); transition: .3s;}
    .wa_cwy_5v {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wa_cwy_5v_yig {width: calc(100% - 0.4rem);font-size: 0.3rem; font-weight: bold;color: transparent; -webkit-text-stroke: 0.01rem #fff;padding-left:1.55rem;z-index: 10; position: absolute; right: 0.4rem; bottom: 4.22rem; line-height: 0.48rem;}
    .wa_cwy_5v_zh {width: calc(100% - 0.4rem); font-size: 0.3rem;padding-left:1.55rem;z-index: 10; font-weight: lighter; position: absolute; right: 0.4rem; bottom: 2.18rem; color: #fff; line-height: 0.48rem;}
    .wa_cwy_5v_zh span {font-weight: bold;}
    .wa_cwy_5v_zh p{font-weight: lighter !important; }
    .wzcwy_1_ti2 {width: calc(100% - 0.8rem); margin: 0 auto; display: flex; margin-top: 40px; flex-wrap: wrap;}
    .wzcwy_1_ti2img {width: 2.2rem; height:5.02rem; margin-right: 0.03rem; position: relative;  transition: .5s;}
    .wzcwy_1_ti2img .hui { filter: brightness(50%);}
    .wzcwy_1_ti2_lwz {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wzcwy_1_ti2_wa_1 {width:100%;position: absolute; bottom: 54px; text-align: center; color: #fff; left: 0;}
    .wzcwy_1_ti2_wa_111{font-size: 0.24rem; font-weight: bold;padding:0 0.5rem;line-height:0.38rem;}
    .wzcwy_1_ti2_wa_112{width:100%;padding:0 0.4rem;font-size: 0.2rem;line-height:0.32rem;margin-top:0.1rem;}
    .wzcwy_1_ti2_lwz_a {width: 1.4rem; height: 0.5rem; opacity: 0; background: #007ddd; position: absolute; right: 0.28rem; bottom: 0.4rem; font-size: 0.2rem; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
    .on1_d {width: 100%; transition: .5s;}
    .on1_d  .hui{filter: brightness(1);}
    .on1_d .wzcwy_1_ti2_wa_1 {left: 35px; text-align: left; transform: none;}
     .wzcwy_1_ti2_lwz_a img {width: 7px; height: 10px; margin-left: 5px;}
     .on1_d .wzcwy_1_ti2_lwz_a {opacity: 1;}
}
/* 墙板系列 */
@media only screen and (min-width: 1480px) {

    .tf1-a_box {width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
    /* .tf1-a1>div:nth-child(1) {color: #b3b3b3;} */
    /* .tf1-a1>div:nth-child(2) img:nth-child(1){display: none;} */
    .zcqb_box {width: 100%; height: 100%; position: relative;}
    .zcqb_box_img {width: 100%; height: 100%;}
    .zcqb_box_c {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .zcqb_box_c1 {color: #fff; font-size: 30px; text-transform: uppercase; left: calc(50% - 1476/1920*50%); position: absolute; top: 120px;}
    .zcqb_box_c2 {position: absolute; top: 120px; width: 959px; height: 344px; right: 258px;}
    .zcqb_box_c2_1 {width: 100%; height: 100%; position: absolute; left: 0; top: 0;  color: #fff;background:rgba(0,0,0,0.5);transition:0.5s;}
    .zcqb_box_c2:hover .zcqb_box_c2_1{background:rgba(0,0,0,0);transition:0.5s;}
    .zcqb_box_c2_2 {text-align: center;  margin-top: 150px; font-size: 30px;}
    .zcqb_box_c2_3 {text-transform: uppercase; text-align: center; font-size: 18px;}
    .zcqb_box_c3 {width: 1440px; margin: 0 auto; top: 465px; position: absolute; left: calc(50% - 1476/1920*50%); display: flex;}
    .zcqb_box_c3_1 {width: calc(100%/3); position: relative;}
    .zcqb_box_c3_1:hover .zcqb_box_c2_1{background:rgba(0,0,0,0);transition:0.5s;}
    .zcqb_box_c3_1 img {width: 100%; height: 100%;}
 }
@media only screen and (min-width: 1024px) and (max-width: 1479px) {
    .tf1-a_box {width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
    /* .tf1-a1>div:nth-child(1) {color: #b3b3b3;} */
    /* .tf1-a1>div:nth-child(2) img:nth-child(1){display: none;} */
    .zcqb_box {width: 100%; height: 100%; position: relative;}
    .zcqb_box_img {width: 100%; height: 100%;}
    .zcqb_box_c {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .zcqb_box_c1 {color: #fff; font-size: calc(960px*30/1440); text-transform: uppercase; left: calc(50% - (960px*1476/1440)/1920*50%); position: absolute; top: 120px;}
    .zcqb_box_c2 {position: absolute; top: 120px; width: calc(960px*959/1440); height: calc(960px*344/1440); right: calc(960px*258/1440);}
    .zcqb_box_c2_1 {width: 100%; height: 100%; position: absolute; left: 0; top: 0;  color: #fff;background:rgba(0,0,0,0.5);transition:0.5s;}
    .zcqb_box_c2:hover .zcqb_box_c2_1{background:rgba(0,0,0,0);transition:0.5s;}
    .zcqb_box_c2_2 {text-align: center;  margin-top: calc(960px*150/1440); font-size: calc(960px*30/1440);}
    .zcqb_box_c2_3 {text-transform: uppercase; text-align: center; font-size: calc(960px*18/1440);}
    .zcqb_box_c3 {width: 960px; margin: 0 auto; top: calc(960px*465/1440); position: absolute; left: calc(50% - (960px*1476/1440)/1920*50%); display: flex;}
    .zcqb_box_c3_1 {width: calc(100%/3); position: relative;}
    .zcqb_box_c3_1:hover .zcqb_box_c2_1{background:rgba(0,0,0,0);transition:0.5s;}
    .zcqb_box_c3_1 img {width: 100%; height: 100%;}
}
@media only screen and (max-width: 1023px) {
    .zcqb_box_img {display: none;}
    .m_qb_b {width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
    .swiper_2 {width: 100%; margin-top: 3.3rem;}
    .m_qb_bbox {width: 3.27rem; height: 7.13rem; top: 3.3rem;}
   
    .m_qb_bbox_img img{width: 100%; height: 100%;}
.m_qb_bbox_img {height:100%}
    .m_qb_bbox_1 {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .m_qb_bbox_1::before{display:block; content:''; width:0.01rem; height:100%; position:absolute; left:0.4rem; top:0; background:#4d4d4d}
    .m_qb_bbox_1::after{display:block; content:''; width:0.01rem; height:100%; position:absolute; right:0.4rem; top:0; background:#4d4d4d}
    .m_qb_bbox_1_img {width: calc(100% - 0.8rem); margin: 0 auto; height: 1.65rem; margin-top: 1.74rem; border-top:0.01rem solid #4d4d4d; 
    border-bottom:0.01rem solid #4d4d4d}
    .m_qb_bbox_1_tt {font-size: 0.22rem; color: #222; position: absolute;margin: 0 auto; text-align: center; width: 100%;}
    .m_qb_bbox_1_tt span:nth-child(1) {font-size: 0.27rem; color: #222; font-weight: bold;}
    .m_qb_bbox_1_tt span:nth-child(2) {font-size: 0.33rem;}
    .swiper_2 .swiper-slide {width: auto !important;}
    .zcqb_m {width: 100%; height: 100%; position: relative;}
    .zcqb_m_img {width: 100%; height: 100%;}
    .zcqb_m_box {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .wy_tw_b {width: 6.72rem; height: 8.34rem;}
    .wy_tw_bimg {width: 100%; height: 100%;}
    .zcqb_m_box_tt {text-align: center; color: #fff; font-size: 0.32rem; text-transform: uppercase; margin-top: 1.75rem;}
    .wy_tw_bimg_tt {position: absolute; width: 100%; height: 100%; top: 50%; color: #fff; font-size: 0.32rem; margin: 0 auto; text-align: center;}
    .wy_tw_bimg_tt span {display: block;}
}

/* 精品案例 */
@media only screen and (min-width: 1480px) {
    .case_sx {width: 1440px; margin: 0 auto; }
    .case_sx_tp {width: 100%;  background: #f6f6f6; height: 145px; display: flex; }
    .case_sx_tp_l {font-size: 24px; position: relative; display: flex;  line-height: 145px; align-items: center; margin-left: 46px; padding-left: 15px;}
    .case_sx_tp_l::before {display: block; content: ''; width:3px; height: 24px; background: #007ddd; border-radius: 15px; left: 0; position: absolute;}
    .case_sx_tp_r {width: calc(100% - 210px); height: 70px; margin-left: 50px; border-left: 1px solid #dedede;  padding-left: 50px; box-sizing: border-box; margin-top: 38px;}
    .case_sx_tp_r2 {display: flex; flex-wrap: wrap}
    .case_sx_tp_r21m1 {margin-top: 5px;}
    .case_sx_tp_r2  span {font-size: 16px; color: #333; font-weight: bold;}
    .case_sx_tp_r3 span:nth-child(2){font-size: 16px; font-weight: 400; color: #333;}
    .case_sx_tp_r3 span:nth-child(1){font-weight: 300; color: #c0c0c0; display: inline-block; margin: 0 15px;}
    .case_sx_tp_r3_act span:nth-child(2){color: #fff; display: inline-block;  position: relative; z-index: 5; padding: 0 8px; box-sizing: border-box;}
    .case_sx_tp_r3_act span:nth-child(2)::before {content: ''; position: absolute;   top: 2px; right: 0; bottom: 0;  left: 0;  z-index: -1;  background: #007ddd; transform: skewX(-22deg); height: 28px;  display: block;  width: 100%; border-radius: 2px; }
    .case_sx_bt {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 22px; }
    .case_sx_bt12 {width: calc((100% - 96px)/3); margin-right: 48px; margin-top: 50px;}
    .case_sx_bt12:nth-child(3n+3) {margin-right: 0;}
    .case_sx_bt12img {width: 100%; height: 320px;position:relative;}
    .case_bf{width: 50px;height:50px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;cursor: pointer;}
    .case_bf>div:nth-child(1){width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(242, 237, 229, 1);border-radius: 50%;animation: k8 3s linear infinite;}
    .case_bf>div:nth-child(2){width:100%;height:100%;position:absolute;left:0;top:0;}
    @keyframes k8 {
      0% {
            opacity: 0;
            transform: scale(1);
        }
        50% {
            opacity: 0.6;
            transform: scale(1.2);
        }
        100% {
            opacity: 0;
            transform: scale(1.4);
        }
    }
    .case_sx_bt12img >img{width:100%;transition:0.5s;}
    .case_sx_bt12:hover   .case_sx_bt12img >img{transform:scale(1.08);transition:0.5;}
    .case_sx_bt12tt1{font-size: 22px; color: #333; margin-top: 26px;}
    .case_sx_bt12tth {width: 100%; height: 1px; background: #dedede; margin-top: 20px; margin-bottom: 30px;}
    .case_sx_bt12tt2 {font-size: 16px; color: #89898a; margin-top: 10px;}
    .case_sx_bt12tho {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: -8px;}
    .case_sx_moreb {}
    .case_sx_more { width: 120px; margin-bottom: 63px; height: 42px; border-radius: 20px; background: #002940; color: #fff;   text-align: center; display: flex; align-items: center; justify-content: center;float: right;}
    .case_sx_more img {margin-left: 10px;}
    .mt62 {margin-top: 62px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1479px) { 
    .case_sx {width: 1440px; margin: 0 auto; }
    .case_sx_tp {width: 100%;  background: #f6f6f6; height: 145px; display: flex; }
    .case_sx_tp_l {font-size: 24px; position: relative; display: flex;  line-height: 145px; align-items: center; margin-left: 46px; padding-left: 15px;}
    .case_sx_tp_l::before {display: block; content: ''; width:3px; height: 24px; background: #007ddd; border-radius: 15px; left: 0; position: absolute;}
    .case_sx_tp_r {width: calc(100% - 210px); height: 70px; margin-left: 50px; border-left: 1px solid #dedede;  padding-left: 50px; box-sizing: border-box; margin-top: 38px;}
      .case_sx_tp_r2 {display: flex; flex-wrap: wrap}
    .case_sx_tp_r21m1 {margin-top: 5px;}
    .case_sx_tp_r2  span {font-size: 16px; color: #333; font-weight: bold;}
    .case_sx_tp_r3 span:nth-child(2){font-size: 16px; font-weight: 400; color: #333;}
    .case_sx_tp_r3 span:nth-child(1){font-weight: 300; color: #c0c0c0; display: inline-block; margin: 0 15px;}
    .case_sx_tp_r3_act span:nth-child(2){color: #fff; display: inline-block;  position: relative; z-index: 5; padding: 0 8px; box-sizing: border-box;}
    .case_sx_tp_r3_act span:nth-child(2)::before {content: ''; position: absolute;   top: 2px; right: 0; bottom: 0;  left: 0;  z-index: -1;  background: #007ddd; transform: skewX(-22deg); height: 28px;  display: block;  width: 100%; border-radius: 2px; }
    .case_sx_bt {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 22px; }
    .case_sx_bt12 {width: calc((100% - 96px)/3); margin-right: 48px; margin-top: 50px;}
    .case_sx_bt12:nth-child(3n+3) {margin-right: 0;}
    .case_sx_bt12img {width: 100%; height: 320px;position:relative;}
        .case_bf{width: 50px;height:50px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;cursor: pointer;}
    .case_bf>div:nth-child(1){width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(242, 237, 229, 1);border-radius: 50%;animation: k8 3s linear infinite;}
    .case_bf>div:nth-child(2){width:100%;height:100%;position:absolute;left:0;top:0;}
    @keyframes k8 {
       0% {
            opacity: 0;
            transform: scale(1);
        }
        50% {
            opacity: 0.6;
            transform: scale(1.2);
        }
        100% {
            opacity: 0;
            transform: scale(1.4);
        }
    }
    .case_sx_bt12img >img{width:100%;transition:0.5s;}
    .case_sx_bt12:hover   .case_sx_bt12img >img{transform:scale(1.08);transition:0.5;}
    .case_sx_bt12tt1{font-size: 22px; color: #333; margin-top: 26px;}
    .case_sx_bt12tth {width: 100%; height: 1px; background: #dedede; margin-top: 20px; margin-bottom: 30px;}
    .case_sx_bt12tt2 {font-size: 16px; color: #89898a; margin-top: 10px;}
    .case_sx_bt12tho {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: -8px;}
    .case_sx_moreb {}
    .case_sx_more { width: 120px; margin-bottom: 63px; height: 42px; border-radius: 20px; background: #002940; color: #fff;   text-align: center; display: flex; align-items: center; justify-content: center;float:right;}
    .case_sx_more img {margin-left: 10px;}
    .mt62 {margin-top: 62px;}
}
@media only screen and (max-width: 1023px) { 
    .case_sx {width: calc(100% - 0.8rem); margin: 0 auto;}
    .case_sx_tp {min-height: 1.05rem;width: 100%; background: #f6f6f6;}
    .case_sx_tp1 {display: flex; align-items: center; justify-content: space-between; padding: 0 0.4rem; height: 1.05rem; margin-top: 0.8rem;}
    .case_sx_tp2 {display: flex; align-items: center; font-size: 0.24rem;}
    .case_sx_tp2 img {width: 0.25rem; height: 0.25rem;}
    .case_sx_tp_tt {font-size: 0.3rem; position: relative; display: flex; align-items: center; padding-left: 0.22rem;color:#222222;}
    .case_sx_tp_tt::before {position: absolute; display: block; content: ''; width: 0.03rem; height: 0.3rem; background: #007ddd; left: 0;}
    
    .caseshohi>div:nth-child(1)>div{margin-top:0.47rem}
    .caseshohi>div:nth-child(1)>div:nth-child(1){margin-top:0;}
    .case_sx_sx_t {font-size: 0.26rem; color: #333; padding-left: 0.32rem;}
    .case_sx_sx_b {width: calc(100% - 0.68rem); margin: 0 auto; display: flex; flex-wrap: wrap;}
    .case_sx_sx_b1 {width: calc((100% - 0.39rem)/4); margin-right: 0.13rem; height: 0.54rem; background: #fff; font-size: 0.22rem; color: #333333; text-align: center; margin-top: 0.26rem;}
    .case_sx_sx_b1:nth-child(4n+4) {margin-right: 0;}
    .case_sx_sx_ttn {width: 100%; margin: 0 auto; display: flex; justify-content: center; margin-top: 0.5rem; padding-bottom: 0.5rem;}
    .case_sx_sx_ttn>div {width: 1.4rem; height: 0.53rem; border-radius: 0.25rem; font-size: 0.24rem; text-align: center; margin: 0 0.15rem;}
    .case_sx_sx_cz{background: #fff; color: #000;}
    .case_sx_sx_qd {background: #007ddd; color: #fff;}
    .case_sx_bt {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.4rem;}
    .case_sx_bt12 {width: calc((100% - 0.3rem)/2);}
    .case_sx_bt12img{width: 100%;height: 2.36rem;position:relative;}
    .case_bf{width: 0.5rem;height:0.5rem;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;cursor: pointer;}
    .case_bf>div:nth-child(1){width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(242, 237, 229, 1);border-radius: 50%;animation: k8 3s linear infinite;}
    .case_bf>div:nth-child(2){width:100%;height:100%;position:absolute;left:0;top:0;}
    @keyframes k8 {
       0% {
            opacity: 0;
            transform: scale(1);
        }
        50% {
            opacity: 0.6;
            transform: scale(1.2);
        }
        100% {
            opacity: 0;
            transform: scale(1.4);
        }
    }
    .case_sx_bt12tt1{font-size: 0.2rem; margin-top: 0.12rem;}
    .case_sx_bt12tt2{font-size: 0.16rem; color: #89898a;}
    .case_sx_bt12tth {width: 100%; height: 1px; background: #dedede;}
    .case_sx_bt12tho{display: flex; align-items: center; justify-content: space-between; font-size: 0.16rem; color: #989898; margin-bottom: 0.3rem;}
    .case_sx_sx_b1_actt{background: #007ddd; color: #fff;}
    /* .case_sx_moreb{display: none;} */
    .case_sx_more{width: 1.56rem;height:0.48rem;font-size:0.24rem;border-radius:0.5rem;background:#002940;color:#fff;display: flex; align-items: center; justify-content: center;margin-top:0.3rem;float:right;}
    .case_sx_more>img{width: 0.2rem;margin-left:0.15rem;}
}
/* 墓志铭 */
@media only screen and (min-width: 1480px) {
    
    .mzm_a0{width: 100%;height: 700px;position: relative;overflow: hidden; bottom: -110px;}
    .mzm_a1{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;transform-style: preserve-3d;perspective: 600px;}
    /* .mzm_a2{width: 200%;height: 20%;margin-left: -50%;transform-origin: 0% 100%;  position: absolute; bottom: 0; z-index: 9;} */
    .mzm_a3{width: 100%;height: 100%;position: absolute;top: 0; left: 0; }
    /* animation: k1 3s linear; */
    .mzm_a4{width: calc(220/1920*100%);  height: 486px; animation-fill-mode: forwards; top: calc(50% - 200/1920*100%/2 - 16%);  background: #eee;position: absolute; left: calc(50% - 500/1920*50%);}
   /*.mzm_a4:nth-child(1) { animation: k1 1s linear; animation-delay:1.5s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(2) { animation: k1 1s linear; animation-delay:1s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(3) { animation: k1 1s linear; animation-delay:1.2s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(4) { animation: k1 1s linear; animation-delay:1s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(5) { animation: k1 1s linear; animation-delay:1.5s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(6) { animation: k1 1.8s linear; animation-fill-mode: forwards;}*/

    .mzm_a4.on1{transform: translateX(calc(1800/1920*100%)) translateY(0px) scale(0.6);z-index: 1; transition: 1s;}
    .mzm_a4.on2{transform: translateX(calc(-3000/1920*100%)) translateY(0px) scale(0.68);z-index: 2; transition: 1s;}
    .mzm_a4.on3{transform: translateX(calc(4800/1920*100%)) translateY(0px) scale(0.76);z-index: 3;transition: 1s;}
    .mzm_a4.on4{transform: translateX(calc(300/1920*100%)) translateY(0px) scale(0.84);z-index: 4;transition: 1s;}
    .mzm_a4.on5{transform: translateX(calc(3500/1920*100%)) translateY(0px) scale(0.92);z-index: 5;transition: 1s;}
    .mzm_a4.on6{transform: translateX(calc(-1000/1920*100%)) translateY(0px) scale(1);z-index: 6;transition: 1s;}
    .mzm_a5{width: 100%;height: 5%;background: rgba(0,0,0,0.1);position: absolute;bottom: 0;left: 0;transform-origin: 50% 100%;transform: rotateX(60deg) skewX(-60deg) translateY(-2px);box-shadow: 0 -20px 10px rgba(0,0,0,0.1);}
    @keyframes k1 {
        0% {
            top: 720px;
        }
        100% {
            top: calc(50% - 200/1920*100%/2 - 16%);
        }
    }
    @keyframes k2 {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-80px);
        }
    }
  
    /* .mzm_a0 {
        animation: k2 3s linear;
    } */
 .mzm_a4 img {width: 100%; height: 100%;}
 .mzm_a6 {width: 100%; position: absolute; left: 0; top: 0 ; height: 100%;}
 .mzm_a6 img {width: calc(100% - 60px); margin: 0 auto; height: 112px; margin-top: 120px;}
 .mzm_a6 span:nth-child(1){font-size: 18px; font-weight: bold;}
 .mzm_a6 span:nth-child(3){font-size: 22px; }
 .mzm_a4{font-size: 14px; text-align: center; color: #222;transform-style: preserve-3d;perspective: 600px;}
 .mzm_a6_1 {font-size: 14px; width: 95px; height: 26px; border: 1px solid #000; border-radius: 20px; margin: 0 auto; line-height: 26px; margin-top: 12px; cursor: pointer;}

.mzm_a6_3 {width: 1px; background: #4d4d4d; height: 100%; position: absolute; left: 30px; top: 0;}
.mzm_a6_4 {width: 1px; background: #4d4d4d; height: 100%; position: absolute; right: 30px; top: 0;}

}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
 
    .mzm_a0{width: 100%;height: 700px;overflow: hidden; bottom: -220px;}
    .mzm_a1{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;transform-style: preserve-3d;perspective: 600px;}
    /* .mzm_a2{width: 200%;height: 20%;margin-left: -50%;transform-origin: 0% 100%;  position: absolute; bottom: 0; z-index: 9;} */
    .mzm_a3{width: 100%;height: 100%;position: absolute;top: 0; left: 0; }
    /* animation: k1 3s linear; */
    .mzm_a4{width: calc(220/1920*100%);  height: 486px; animation-fill-mode: forwards; top: calc(50% - 200/1920*100%/2 - 16%);  background: #eee;position: absolute; left: calc(50% - 500/1920*50%);}
   /*.mzm_a4:nth-child(1) { animation: k1 1s linear; animation-delay:1.5s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(2) { animation: k1 1s linear; animation-delay:1s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(3) { animation: k1 1s linear; animation-delay:1.2s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(4) { animation: k1 1s linear; animation-delay:1s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(5) { animation: k1 1s linear; animation-delay:1.5s; animation-fill-mode: forwards;}*/
   /*.mzm_a4:nth-child(6) { animation: k1 1.8s linear; animation-fill-mode: forwards;}*/

    .mzm_a4.on1{transform: translateX(calc(1800/1920*100%)) translateY(0px) scale(0.6);z-index: 1; transition: 1s;}
    .mzm_a4.on2{transform: translateX(calc(-3000/1920*100%)) translateY(0px) scale(0.68);z-index: 2; transition: 1s;}
    .mzm_a4.on3{transform: translateX(calc(4800/1920*100%)) translateY(0px) scale(0.76);z-index: 3;transition: 1s;}
    .mzm_a4.on4{transform: translateX(calc(300/1920*100%)) translateY(0px) scale(0.84);z-index: 4;transition: 1s;}
    .mzm_a4.on5{transform: translateX(calc(3500/1920*100%)) translateY(0px) scale(0.92);z-index: 5;transition: 1s;}
    .mzm_a4.on6{transform: translateX(calc(-1000/1920*100%)) translateY(0px) scale(1);z-index: 6;transition: 1s;}
    .mzm_a5{width: 100%;height: 5%;background: rgba(0,0,0,0.1);position: absolute;bottom: 0;left: 0;transform-origin: 50% 100%;transform: rotateX(60deg) skewX(-60deg) translateY(-2px);box-shadow: 0 -20px 10px rgba(0,0,0,0.1);}
    @keyframes k1 {
        0% {
            top: 720px;
        }
        100% {
            top: calc(50% - 200/1920*100%/2 - 16%);
        }
    }
    @keyframes k2 {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-80px);
        }
    }
  
    /* .mzm_a0 {
        animation: k2 3s linear;
    } */
 .mzm_a4 img {width: 100%; height: 100%;}
 .mzm_a6 {width: 100%; position: absolute; left: 0; top: 0 ; height: 100%;}
 .mzm_a6 img {width: calc(100% - 20px); margin: 0 auto;  margin-top: 120px;}
 .mzm_a6 span:nth-child(1){font-size: 18px; font-weight: bold;}
 .mzm_a6 span:nth-child(3){font-size: 22px; }
 .mzm_a4{font-size: 14px; text-align: center; color: #222;transform-style: preserve-3d;perspective: 600px;}
 .mzm_a6_1 {font-size: 14px; width: 95px; height: 26px; border: 1px solid #000; border-radius: 20px; margin: 0 auto; line-height: 26px; margin-top: 12px; cursor: pointer;}

.mzm_a6_3 {width: 1px; background: #4d4d4d; height: 100%; position: absolute; left: 10px; top: 0;}
.mzm_a6_4 {width: 1px; background: #4d4d4d; height: 100%; position: absolute; right: 10px; top: 0;}


}