.upgrade{height: 100vh;background: #000;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;}

.upgrade .c1{margin-bottom: 20px;}

/* 产品 */

.bmeter {position: fixed;top: 50px;left: 0px;width: 0%;height: 15px;background: #fff;z-index:111;pointer-events: none;opacity:0;}

.bmeter  span{display: block;width: 100%;position: absolute;top: -20px;left: 0;text-align: center;font-size: 30px;font-weight: 600;color: #f00;}

.product1{height: 105vh;background: #fff;position: relative;z-index: 5;}

.product1 .img{position: relative;height: 100vh;width: 100%;}

.product1 .img img{position: absolute;max-width: none;width: 100%;}

.product1 .img .id1{animation:dong4 3s  linear alternate;left: 50%;top: 0%;width: 90%;height: auto;transform: translatex(-50%);}

.product1 .img .id2{animation:dong3 3s  linear alternate;left: 50%;top: 50%;width:70%;height: auto;transform: translate(-50%,-55%);}

@keyframes dong3 {
    
    0%{width: 80%;opacity: 0;}
    50%{width: 80%;opacity: 0;}
    65%{width: 75%;opacity: 1;}

    /* 50%{width: 105%;opacity: 1;} */

    100%{width: 70%;opacity: 1;}

}

@keyframes dong4 {
    
    0%{opacity: 0;}
    70%{opacity: 0;}
    90%{opacity: 1;}

    /* 50%{width: 105%;opacity: 1;} */

    100%{opacity: 1;}
}

.product1 .txt{position:absolute;bottom: 90px;text-align: center;width: 100%;color: #010101;}

.product2{height: 105vh;position: relative;}

.product2 .pro2_con{position: sticky;height: 100%;left: 0;top: 0;z-index: 3;height: 100vh;}

.product2 .video{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;}

.product2 .video video{width: 100%;height: 100%;object-fit: cover;}

.zhezhao{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 1;opacity: 0.2;}

.product2 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;z-index: 2;}

.product2 .txt .t{position: absolute;left: 50%;top: 40%;transform: translatex(-50%);opacity: 0;}

.product2 .txt .t1{top: 50%;}

.product2 .txt .t2{top:60%;}

.product2 .txt .t span.sp1{transform: translateY(7px);display: inline-block;}
/* 
.product2 .txt .t.act{top: 50%;opacity: 1;animation: yid 1s;}

.product2 .txt .t.act2{top: 30%;opacity: 0;}

@keyframes yid {
    0%{top: 60%;opacity: 0;}
    50%{top: 60%;opacity: 1;}
    100%{top: 50%;opacity: 0;}

} */


.anndw{position: absolute;bottom: 60px;right: 40px;z-index: 2;display: flex;align-items: center;z-index: 5;}

.anndw .shengy{width: 44px;height: 44px;background: url(../product/mp3_n.png) center no-repeat;background-size: 100% 100%;cursor: pointer;}


.anndw .bof{width: 44px;height: 44px;background: url(../product/bf_n.png) center no-repeat;background-size: 100% 100%;cursor: pointer;cursor: pointer;}

.anndw .shengy.act{background-image: url(../product/mp3_y.png);}

.anndw .bof.act{background-image: url(../product/bf_y.png);}

.product3{position: relative;z-index: 5;background: #fff;height: 230vh;}

.product3 .pt{line-height: 1.4;color: #000000;position: absolute;z-index: 2;left: 6.25%;top: 120px;}

.product3 .pt span{transform: translateY(8px);display: inline-block;}

.product3 .pro3_con{height: 100vh;position: sticky; left: 0;top: 0;width: 100%;overflow: hidden;}

.product3 .pro3_con .con1{opacity: 1;}

.product3 .pro3_con .con1 .vid{width: 60%;position: absolute;left: 20%;top: 50%;transform: translateY(-50%);}

.product3 .pro3_con .con1 .vid s{display: block;width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;}

@keyframes cxdh {
    0%{opacity: 1;}
    50%{opacity: 0.5;}
    100%{opacity: 0;}

}

@keyframes cxdh2 {
    0%{opacity:0;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}

}

@keyframes cxdh3 {
    0%{opacity: 1;}
    50%{opacity: 0.5;}
    100%{opacity: 0;}

}

@keyframes cxdh4 {
    0%{opacity:0;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}

}

.product3 .pro3_con .con1 video{width: 100%;}

.product3 .pro3_con .con1 .vid.act s{opacity: 0;animation: cxdh 1.5s  linear alternate;}

.product3 .pro3_con .con1 .vid.left{left: 10%;transition: all 0.6s;}

.product3 .pro3_con .con1 .txt{width: 50%;width: 45%;height: 100%;top: 0;right: 0;position: absolute;}

.product3 .pro3_con .con1 .txt .t{position: absolute;left:0;top: 60%;opacity: 0;}

.product3 .pro3_con .con1 .txt .t span{transform: translateY(2px);display: inline-block;}

.product3 .pro3_con .con1 .txt .t.act{top: 49%;opacity: 1;}

.product3 .pro3_con .con1 .txt .t.act2{top: 30%;opacity: 0;}


.product3 .pro3_con .con2{display: flex;justify-content: space-between;opacity: 1;transition: all 0.2s;}

.product3 .pro3_con .con2 .img {position: absolute;left: 0;top: 15%;width: 100%;height: 100%;transition: all 0.6s;opacity: 0;}

.product3 .pro3_con .con2 .img img{width: 25%;position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%); }

.product3 .pro3_con .con2 .con2_le{width: 35%;position: absolute;left: 27.5%;height: 100%;transition: all 0.8s;top: 0%;}


.product3 .pro3_con .con2 .con2_le img{position: absolute;width: 100%;height: auto;left: 50%;top: 65%;transform: translate(-50%,-50%);}

.product3 .pro3_con .con2 .con2_le video{width: 100%;position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}

.product3 .pro3_con .con2 .con2_re{position: absolute;right: 0%;top: 0%;width: 35%;height: 100%;}

.product3 .pro3_con .con2 .con2_re img{width: 100%;opacity: 0;position: absolute;left: 50%;top: 65%;transform: translate(-50%,-50%);}

.product3 .pro3_con .con2 .dt{position: absolute;left: 0;width: 100%;bottom: 10%;text-align: center;}

/* .product3 .pro3_con .con2 .dt span{display: inline-block;transform: translateY(1px);} */

.product3 .pro3_con .con2 .con2_le .dt{bottom: 5%;opacity: 0;}

.product3 .pro3_con .con2 .con2_re .dt{bottom: 5%;opacity: 0;}


/* .product3 .pro3_con .con1.act{opacity: 0;transition: all 0.6s;}

.product3 .pro3_con .con2.act{opacity: 1;transition: all 0.6s;} */

/* .product3 .pro3_con .con2 .con2_le.act{opacity: 1; animation: cxdh2 1.5s  linear alternate;} */

.product3 .pro3_con .con2 .con2_le.left{left: 3%;transition: all 0.8s;}

.product3 .pro3_con .con2 .con2_re.act img{opacity: 1;}

.product3 .pro3_con .con2.zi .con2_le .dt{opacity: 1;}

.product3 .pro3_con .con2.zi .con2_le .dt span.popr{display: inline-block;transform: translateY(1px);}

.product3 .pro3_con .con2.zi .con2_re .dt{opacity: 1;}

.product3 .pro3_con .con2 .img.act{z-index: 2; animation: jiany 1s;opacity: 1;pointer-events: none;}



@keyframes jiany {
    
    0%{z-index: 0;opacity: 0;}
    50%{z-index: 2;opacity: 0;}
    100%{z-index: 2;opacity: 1;}

}


.product4{position: relative;z-index: 10;background: #fff;}

.product4 .img img{width: 100%;}

.product4 .txt{position: absolute;left: 0;width:87.5%;color: #000;top: 50%;transform: translateY(-50%); left: 6.25%;}

.product4 .txt .t1{line-height: 70px;margin-bottom: 15px;}

.product4 .txt .xing{display: inline-block;transform: translateY(-32px);}

.product4 .txt s{width: 20px;height: 64px;border-left: 7px solid #fff;border-top: 7px solid #fff;display: inline-block;transform: translateY(7px);margin-right: 8px;}

.product4 .txt s.s2{border-top: none;border-left: none; border-bottom: 7px solid #fff;border-right: 7px solid #fff;margin-right: 0;margin-left: 8px;}

.product4 .txt p:nth-child(2n){margin: 20px 0 25px;}

.product4 .li{position: absolute;color: #fff;width: 1px;height: 1px;opacity: 0;}

.product4 .li .t1{margin-bottom: 12px;white-space: nowrap;}

.product4 .li .t2{white-space: nowrap ;}

.product4 .li .d{background:linear-gradient(#ffffff00,#ffffff30,#ffffff60,#ffffff30,#ffffff00);height: 130px;width: 3px;position: absolute;left: -1px;top: 50%;transform: translateY(-50%);opacity: 0;}

.product4 .li .d span{width: 7px;height: 7px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;}

.product4 .li .d s{width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(2.5);border-radius: 100%;}

.product4 .li .ts{padding: 0  20px 0 30px;position: absolute;top: 50%;transform: translateY(-50%);left: 170px;}

.product4 .li .d s.s1{animation: dong1 2.5s infinite linear alternate;}

.product4 .li .d s.s2{animation: dong2 2.5s infinite linear alternate;}


.product4 .li.act .d{opacity: 1;}

.product4 .li.act2{opacity: 0.4;}

.product4 .li.act{opacity: 0;}


@keyframes dong1 {
    0%{transform: translate(-50%,-50%) scale(1); }

    50%{transform: translate(-50%,-50%) scale(2.5); }

    100%{transform: translate(-50%,-50%) scale(1); }

}



@keyframes dong2 {
    0%{transform: translate(-50%,-50%) scale(1); }

    50%{transform: translate(-50%,-50%) scale(3.5); }

    100%{transform: translate(-50%,-50%) scale(1); }

}
.product4 .li.li1{left: 73%;top: 22%;}

.product4 .li.li2{left: 70%;top: 39%;}

.product4 .li.li2 .ts{left: 280px;transform: translateY(-105%);}

.product4 .li.li3{left: 69%;top: 50%;}

.product4 .li.li3 .ts{left: 220px;transform: translateY(-90%);}

.product4 .li.li4{left: 67%;top: 60%;}

.product4 .li.li4 .ts{transform: translateY(-70%);left: 150px;}




.product4 .beizhu{left: 6.25%;}

/* .product4 .li:nth-child(2n) .ts{left: auto;right: 0;text-align: right;} */

.zhushi{position: absolute;right: 40px;bottom: 15px;color: rgba(255, 255, 255, 0.2);line-height: 16px;z-index: 5;transform: scale(0.9) translateX(-5.5%);}

.zhushi p:first-child span{width: 10px;}

.zhushi span{display: inline-block;width: 13px;}

.zhushi p{position: relative;}

.zhushi p .sp1{position: absolute;left: -16px;top: 0px;width: 14px;text-align: right;}


.product5{position: relative;z-index: 10;padding: 170px 0 0px;}

.product5 .con1{color: #000000;}

.product5 .con1 .c2{margin: 30px 0 50px;}

.product5 .con1 span{}

.product5 .con1 s{width: 25px;display: inline-block;}

.product5 .con2{display: flex;justify-content: space-between;}

.product5 .con2 .con_le{width: 47.5%;}

.product5 .con2 .con_re{width: 47.5%;}

.product5 .con2 .ts{margin-top: 18px;display:flex;}

.product5 .con2 .ts .t1{color: #000000;margin-right: 15px;}

.product6{position: relative;z-index: 10;background: #fff;padding-top: 120px;}

.product6 .ct{margin-bottom: 25px;color: #000;}

/* .product6 .con1{margin-bottom: 55px;} */

.product6 .con1 .swiper-slide .ss{opacity: 0;transition: all 0.6s;display: flex;justify-content: space-between;}

.product6 .con1 .swiper-slide .ss .sl{width: 61.3%;}

.product6 .con1 .swiper-slide .ss .sr{width: 37.5%;line-height: 1.5;}

.product6 .con1 .swiper-slide .ss .sl .l1{display: flex;padding-top: 12px;}

.product6 .con1 .swiper-slide .ss .sl .l1 p:first-child{margin-right: 25px;}

.product6 .con1 .swiper-slide-active .ss{opacity: 1; transition: all 0.6s;}

.product6 .con1 .s1{height: 36px;line-height: 36px;}

.product6 .con1 .s2{margin: 20px 0 ;color: #000;height: 56px;line-height: 56px;}

.product6 .con1 .s3{height: 36px;line-height: 36px;}

.product6 .con1 .s3 span{display: inline-block;transform: translateY(1px);}

.product6 .con1 .s2 span{transform: translateY(3px);display: inline-block;}

.product6 .pro6_sw1 {padding-bottom: 40px;}

.product6 .con2{display: flex;justify-content: space-between;position: relative;}

.product6 .con2 .z{position: absolute;width: calc(100% + 4px);height: calc(100% + 4px); top: -2px;left: -2px;border: 4px solid #fff;z-index: 1;pointer-events: none;}

.product6 .con2 .con2_le{width: 61.3%;position: relative;}

.product6 .con2 .con2_re{width: 37.5%;position: relative;}

.product6 .con2 .img {position: relative;}

.product6 .con2 .img .txt{position: absolute;width: 100%;left: 0;top: 40px;z-index: 10;padding: 0 40px;}

.product6 .con2 .img  video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}

.product6 .con2 .img img{width: 100%;}

/* .product6 .con2 .con2_re .swiper-slide{opacity: 1 !important;} */

.product6 .con2 .con2_re{background: #e3e6e7;}



@keyframes jianyj {
    0%{opacity: 0;}
    /* 50%{opacity: 0;} */

    100%{opacity: 1;}

}

@keyframes jianyj2 {
    0%{opacity: 1;}
    /* 50%{opacity: 0;} */
    90%{opacity: 1;}

    100%{opacity: 0;}

}

.pro6_pag {width: 37.5% !important; right: 0 !important;left: auto !important;display: flex;align-items: center;bottom: 23px !important;}

.pro6_pag span{width: 100%;height: 4px;margin: 0 5px !important;color: #1f1f1f;opacity: 1;background: #e5e5e5;text-align: center;border-radius: 0;opacity: 1;}

.pro6_pag .swiper-pagination-bullet-active{background: #bfbfbf;color: #fff;}

.pro6_pag span:hover{background: #bfbfbf;color: #fff;}

.product7{position: relative;z-index: 10;background: #fff;height: 180vh;}

.product7  .txt{top: 210px;position: absolute;left: 50%;transform: translateX(-50%); z-index: 5;color: #000;}

.product7 .txt .t1{margin-bottom: 25px;}

.product7 .txt .t1 span{transform: translateY(2px);display: inline-block;}

.product7 .pro7_con{height: 100vh;position: sticky;width: 100%;left: 0;top: 0;overflow: hidden;}

.product7 .pro7_con .uls{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;padding-left: 6.25%;z-index: 2;pointer-events: none;}

.product7 .pro7_con .uls.act{pointer-events: visible;}

.product7 .pro7_con .uls .ul{width: 100%;height: 100%;position: relative;top: 0%;opacity: 0;}

.product7 .pro7_con.act .uls .ul{opacity: 1;}

.product7 .pro7_con .uls .li{position: absolute;opacity: 1;left: 0;margin-bottom: 50px;}

.product7 .pro7_con .uls .ul .li.li1{top: 63%;opacity: 0;}

.product7 .pro7_con .uls .ul .li.li2{top: 76%;opacity: 0;}

.product7 .pro7_con .uls .ul .li.li3{top: 89%;opacity: 0;}

.product7 .pro7_con .uls .ul .li.li4{top: 102%;opacity: 0;}


.product7 .pro7_con.act .uls .ul .li.li1{top: 43%;opacity: 1;}

.product7 .pro7_con.act1 .uls .ul .li.li2{top: 56%;opacity: 1;}

.product7 .pro7_con.act2 .uls .ul .li.li3{top: 69%;opacity:1;}

.product7 .pro7_con.act3 .uls .ul .li.li4{top: 82%;opacity: 1;}

.product7  .pro7_con.act3 .xian .x.act2{opacity: 0;}

.product7  .pro7_con.act3 .xian .x.act2.act{opacity: 1;}

.product7 .pro7_con .uls .li .l1{margin-bottom: 15px;}

.product7 .pro7_con .uls .li .l1 span{transform: translateY(1px);display: inline-block;margin-right: 5px;}

/* .product7 .pro7_con .uls .li1{} */

.product7 .pro7_con .imgs{position: absolute;width: 100%;height: 100%;top: 0;left: 100%;}

.product7 .pro7_con .imgs.act{left: 0 !important;}

.product7 .pro7_con .imgs video{position: absolute;right: 0;top: 0;width: 100%;top: 50%;transform: translateY(-50%);}

.product7 .pro7_con .imgs img{position: absolute;right: 0;top: 0;height: 100%;opacity: 0;width: 100%;}

.product7 .pro7_con .imgs .img{opacity: 1;}

.product7 .pro7_con .imgs.act{left: 0;}

.product7 .pro7_con.act2 .imgs.act2 img{opacity: 0 !important;}

.product7 .pro7_con.act2 .imgs.act2 img.act{opacity: 1 !important;}


.product7 .pro7_con .uls .li.act1{top: 50%;opacity: 1;}

.product7 .pro7_con .uls .li.act2{top: 30%;opacity: 0;}

.product7  .xian{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display:none;}

.product7  .xian .x{position: absolute;height: 1px;opacity: 0;border-bottom: 1px solid #ebebeb;}

.product7  .xian .x p{position: absolute;right: 0;top: 0;width: 1px;background: #ebebeb;}

.product7  .xian .x span {position: absolute;width: 7px;height:7px ;left: -3px;bottom: -3px;background: #fff;border-radius: 100%;}

.product7  .xian .x span::after{width: 100%;height: 100%;transform:translate(-50%,-50%) scale(2);position: absolute;left: 50%;top: 50%;animation: shand2 2s infinite linear alternate;background: rgba(255, 255, 255, 0.3);content: "";border-radius: 100%;}

.product7  .xian .x span s{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(3);background: #fff;border-radius: 100%;display: block;width: 100%;height: 100%;opacity: 0.2;animation: shand 2s infinite linear alternate;}


.product7 .pro7_con .xian .x1{animation: chux 1s;top: 44.5%;left: 14%;width:33%;}

.product7  .xian .x1 p{height: 23.5vh;}

.product7 .pro7_con .xian .x2{left: 15%;top: 58%;width: 34.8%;}

.product7 .pro7_con .xian .x2 p{height: 7.5vh;}

.product7 .pro7_con .xian .x3{left: 16.5%;top: 71.5%;width: 37.5%;}

.product7 .pro7_con .xian .x3 p{height: 0vh;transition: all 0.6s;}

.product7 .pro7_con .xian .x4{left: 18%;top: 84%;width: 41.5%;}

.product7 .pro7_con .xian .x4 p{height: 13.5vh;top: auto;bottom: 0;transition: all 0.6s;}

.product7 .pro7_con .xian .x4 p span{bottom: auto;top: 0;}

.product7 .pro7_con.act .xian .x1{opacity: 1;animation:  chuxs1 1s;}

.product7 .pro7_con.act1 .xian .x1{opacity: 0;}

.product7 .pro7_con.act1 .xian .x2{opacity: 1; animation:  chuxs2 1s;}

.product7 .pro7_con.act2 .xian .x3{opacity: 1; animation:  chuxs3 1s;}

.product7 .pro7_con.act2 .xian .x2{opacity: 0;}

.product7 .pro7_con.act3 .xian .x3{opacity: 0;}

.product7 .pro7_con.act3 .xian .x4{opacity: 1; animation:  chuxs4 1s;}






@keyframes shand {
    0%{transform:translate(-50%,-50%) scale(1.5);}
    50%{transform:translate(-50%,-50%) scale(3);}
    100%{transform:translate(-50%,-50%) scale(2);}

}

@keyframes shand2 {
    0%{transform:translate(-50%,-50%) scale(1.2);}
    50%{transform:translate(-50%,-50%) scale(2);}
    100%{transform:translate(-50%,-50%) scale(1.5);}

}


@keyframes chuxs4 {
    0%{opacity: 0;}
    50%{opacity: 0;}
    100%{opacity: 1;}

}

@keyframes chuxx1 {
    0%{opacity: 1;}
    10%{opacity: 0;}
    100%{opacity: 0;}

}
@keyframes chuxx2 {
    0%{opacity: 1;}
    10%{opacity: 0;}
    100%{opacity: 0;}

}
@keyframes chuxx3 {
    0%{opacity: 1;}
    10%{opacity: 0;}
    100%{opacity: 0;}

}
@keyframes chuxx4 {
    0%{opacity: 1;}
    10%{opacity: 0;}
    100%{opacity: 0;}

} */


.product8{position: relative;z-index: 10;background: #fff;}

.product8 .pro8_con{position: relative;z-index: 10;}

.product8 img{width: 100%;}

.product8 .txt{position: absolute;left: 6.25%;top: 47%;transform: translateY(-50%); color: #000;}

.product8 .txt .t1{margin-bottom: 45px;width: 425px;}

.product8 .txt .t1 .sp1{display: inline-block;transform: translateX(6px);}

/* .product8 .txt .t2{margin-bottom: 20px;} */

.product8 .txt .t2 .shu{display: inline-block;margin: 0 10px 0 10px;}

.product8 .txt .t2 .xing{display: inline-block;transform: translateY(-32px);}

.product8 .zhushi{position: absolute;left: 6.25%;}

.product8  .qianm{position: absolute;right: 10.41%;top: 50%;transform: translateY(-50%);}

.product8 .beizhu{left: 6.25%;}

.product9{padding: 200px 0  185px;position: relative;z-index: 10;overflow:hidden;}

.product9 .pro9_con{display: flex;justify-content: space-between;}

.product9 .pro9_con .con_le{width: 69.15%;}

.product9 .pro9_con .con_re{width: 29.5%;}

.product9 .pro9_con .txt{position: relative;}

.product9 .pro9_con .con_le .le1{height:100%;}

.product9 .pro9_con .con_le .le1 .txt{height:100%;}

.product9 .pro9_con .con_le .le1 .ts{padding: 75px 45px;top:68%;}

.product9 .pro9_con .txt .img {overflow: hidden;}

.product9 .pro9_con .txt .img img{width: 100%;}

.product9 .pro9_con .txt  .ts{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.57;}

.product9 .pro9_con .txt .ts .t1{color: #010101;margin-bottom:17px;}

.product9 .pro9_con .txt .ts .t2{color: #555555;line-height: 35px;}

.product9 .pro9_con .con_le .le2{display: flex;justify-content: space-between;margin-top: 23px;display:none;}

.product9 .pro9_con .con_le .le2 .e1{width: 44.7%;}

.product9 .pro9_con .con_le .le2 .e2{width: 53.5%;}

.product9 .pro9_con .con_le .le2 .e1 .ts{padding: 40px 50px;}

.product9 .pro9_con .con_le .le2 .e2 .ts{padding: 40px ;}

.product9 .pro9_con .con_re .txt .ts{padding: 75px 20px;text-align: center;}

.product9 .pro9_con .txt:hover .ts{opacity: 1;}

.product9 .pro9_con .txt:hover .img img{transform: scale(1.05);}

/* 专题页 */

.spe_ban{position: relative;}

.spe_ban .con{position: relative;}

.spe_ban img{width: 100%;}

.spe_ban video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}

.spe_ban .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;display: flex;align-items: center;color: #fff;}

.spe_ban .txt .tc{transform: translateY(-35px);}

/* .spe_ban .txt .tc .t1{-webkit-text-stroke: 0.2px #fff; text-stroke: 0.2px #ffffff;} */

.spe_ban .txt .t1{height: 70px;}

.spe_ban .txt .t1 img{width: 400px;}

.spe_ban .txt .t2{margin: 50px 0 0px;height: 50px;}

.spe_ban .txt .t2 p{display: inline-block;}

.spe_ban .txt .t2 span{transform: translateY(-30px);display: inline-block;opacity: 0.2;margin: 0 2px;}


.speci1{position: relative;background: #fff;z-index: 6;height: 375vh;color: #000;}

.speci1 .spe1_con{position: sticky;top: 0;width: 100%;height: 100vh;}

.speci1 .spe1_con .con1 {height: 100%;z-index: 12;position: relative;}

.speci1 .spe1_con .zhushi{color: rgba(0, 0, 0, 0.2);left: 10.286%;z-index: 10;}

.speci1 .spe1_con .zhushi2{opacity: 0;}

.speci1 .spe1_con .zhushi2.act{opacity: 1;}

/* .speci1 .spe1_con .zhushi1.act{z-index: 10;} */

/* .speci1 .spe1_con .con1 .box4{} */

/* .speci1 .spe1_con .con1 .l1 span{} */

.speci1 .spe1_con .con1  .con1_le {display: flex;align-items: center;height: 100vh;position: absolute;left: 10.286%;top: 0;width: 42.7%;z-index: 2;}

/* .speci1 .spe1_con .con1  .con1_le .l1{} */

.speci1 .spe1_con .con1  .con1_le .l1 span{}

/* .speci1 .spe1_con .con1  .con1_le .l1{height: 100px;} */

.speci1 .spe1_con .con1  .con1_le .l2{margin-top: 25px;}

.speci1 .spe1_con .con1  .con1_le .l2 .sp2{transform: translateY(-32px);display: inline-block;}

.speci1 .spe1_con .con1  .con1_le .l2 s{width: 20px;display: inline-block;}

.speci1 .spe1_con .con1  .con1_le .l2 .sp1{display: inline-block;transform: translateY(6px);}

.speci1 .spe1_con .con1  .con1_re{width: 100%;height: 100vh;position: absolute;top: 0%;left: 21%;z-index: 1;}

.speci1 .spe1_con .con1  .con1_re s{position: absolute;width: 70%;right: 0;top: 0;height: 100%;background: #fff;z-index: 1;display: none;}

.speci1 .spe1_con .con1  .con1_re video{position: absolute;width: 90%;height: auto;right: 50%;top: 50%;transform: translate(50%,-50%);}

.speci1 .spe1_con .con1  .con1_re  .img{position: absolute;width: 100%;height: 100%;top: -5%;left: 0;pointer-events: none;}

.speci1 .spe1_con .con1  .con1_re img{position: absolute;width:90%;height: auto;z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.speci1 .spe1_con .con1 .con1_re.act2{opacity: 1;transition: all 0.6s;}

.speci1 .spe1_con .con1 .con1_re.act{opacity: 0;transition: all 0.6s;}

.speci1 .spe1_con .con1  .con1_re .imgs{opacity: 0;}

.speci1 .spe1_con .con1  .con1_re.act3 .img1{opacity: 1;animation: deng1 1s;}

.speci1 .spe1_con .con1  .con1_re.act3 .img2{opacity: 1;animation: deng2 1s;}

.speci1 .spe1_con .con1  .con1_re.act3 .img3{opacity: 1;animation: deng3 1s;}

.speci1 .spe1_con .con1  .con1_re.act3 .img4{opacity: 1;animation: deng4 1s;}

@keyframes deng1 {
    0%{opacity: 0;}
    20%{opacity: 0;}
    30%{opacity: 1;}
    100%{opacity: 1;}
}

@keyframes deng2 {
    0%{opacity: 0;}
    40%{opacity:0;}
    50%{opacity:1;}
    100%{opacity: 1;}
}
@keyframes deng3 {
    0%{opacity: 0;}
    60%{opacity:0;}
    70%{opacity:1;}
    100%{opacity: 1;}
}
@keyframes deng4 {
    0%{opacity: 0;}
    80%{opacity:0;}
    90%{opacity:0;}
    100%{opacity: 1;}
}

/* @keyframes xiah {
    0%{top: 50%;}

    100%{top: 200%;}

}

.speci1 .spe1_con .con1  .con1_re img.act{top: 90%;z-index: 10; animation: xiah 2s;} */

.speci1 .spe1_con .con1 .txt{position: absolute;left: 0;right: 0;width: 100%;height:100px;z-index: 1;top: 45%;transform: translateY(-50%);overflow: hidden;}

.speci1 .spe1_con .con1 .txt .t1{position: absolute;left: 10.41%;top: 150px;}

.speci1 .spe1_con .con1 .txt .t2{position: absolute;right: 10.41%;top: 150px;}

.speci1 .spe1_con .con1 .txt .t2 .xing{display: inline-block;color: rgba(0, 0, 0, 0.2);transform: translateY(-32px);}

.speci1 .spe1_con .con1 .txt .t1 .sp2{transform: translateY(-3px);display: inline-block;}

.speci1 .spe1_con .con1 .txt  span.sp1{transform: translateY(0px);display: inline-block;}

.speci1 .spe1_con .con1 .txt .t2 span.sp2{display: inline-block;transform: translateY(-30px);}

.speci1 .spe1_con .con1 .di{position: absolute;left: 0;width: 100%;bottom: 7%;z-index: 1;display: flex;justify-content: center;height: 100px; overflow: hidden;}

.speci1 .spe1_con .con1 .di .ul{display: flex;width: 79.427%;justify-content: space-between;position: relative;top: 110%;opacity: 0.8;background: #f7f7f7;}

.speci1 .spe1_con .con1 .di .ul .li{width: 25%;text-align: center;border-right: 1px solid #fff;padding: 18px 0 15px;}

.speci1 .spe1_con .con1 .di .ul .li .l1{margin-bottom: 13px;color: #000000;}

.speci1 .spe1_con .con1 .di .ul .li .l1 span{display: inline-block;transform: translate(2px,-13px);color: rgba(0, 0, 0, 0.2);}

.speci1 .spe1_con .con1 .di .ul .li .l2{color: #000000;}

.speci1 .spe1_con .con1  .con1_le.act{opacity: 0;}

.speci1 .spe1_con .con1 .yin{opacity: 1;animation:chux3 0.4s ;}

.speci1 .spe1_con .con1.act .yin{opacity: 0;animation:chux1 0.4s ;}

.speci1 .spe1_con .con1.act .zhushi{opacity: 0;}

.speci1 .spe1_con .con2{position: absolute;width: 100%;height: 100%;z-index: 10;top: 0;left: 0;display: flex;align-items: center;padding: 0 10.41%;justify-content: space-between;transition: all 0.6s;}

.speci1 .spe1_con .con2.act{background: #f7f7f5;transition: all 0.6s;}

.speci1 .spe1_con .con2 .con_re{text-align: center;position: absolute;right: 27%;top: 0;height: 100%;width: 20%;}

.speci1 .spe1_con .con2 .con_re .re{position: absolute;top: 60%;width: 100%;opacity: 0;}

.speci1 .spe1_con .con2 .con_re .re span{display: inline-block;transform: translateY(3px);margin: 0 3px;}

.speci1 .spe1_con .con2 .con_re .re2{top: 70%;}

.speci1 .spe1_con .con2 .t1{margin-bottom: 52px;}

.speci1 .spe1_con .con2 .t1 span{display: inline-block;transform: translateY(-70px);}

/* .speci1 .spe1_con .con2 .t2 span{margin-left: 5px;} */

.speci1 .spe1_con .con2 .t2 .sp2{color: #1f1f1f;opacity: 0.5;}

.speci1 .spe1_con .con2 .con_le{opacity: 0;}

.speci1 .spe1_con .con2.act .con_le{opacity: 1;}

.speci1 .spe1_con .con2.act2 .con_le{opacity: 0;}

@keyframes chux1 {
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@keyframes chux3 {
    0%{opacity: 0;}
    100%{opacity: 1;}

}

.speci2{position: relative;z-index: 5;background: #f7f7f5;height: 350vh;}

.speci2 .spe2_con{height: 100vh;position: sticky;left: 0;top: 0;width: 100%;}

.speci2 .img {position: relative;
    /* opacity: 0;animation: cxdh3 1.5s  linear alternate; */
}

.speci2 .img img{width: 100%;opacity: 0;}

.speci2 .img video{position: absolute;right: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

/* .speci2 .img.act{opacity: 1;animation: cxdh4 1.5s  linear alternate;transition: all 0.6s;} */

.speci2 .spe2_con .txt1{position: absolute;left: 10.4%;bottom: 29%;}

.speci2 .spe2_con .txt1 .t2{line-height: 1.2;margin-top: 45px;}

.speci2 .spe2_con .txt2{position: absolute;bottom: 0%;width: 44%;right: 10.4%;text-align: center;height: 100%;}

.speci2 .spe2_con .txt2 .t{position: absolute;width: 100%;height: auto;top: 60%;}

.speci2 .spe2_con .txt2 .t1 span{transform: translateY(2px);display: inline-block;}

.speci3{position: relative;z-index: 10;background: #fff;padding: 200px 0 90px;overflow: hidden;color: #000;}

.speci3 .zhushi{color: rgba(0, 0, 0, 0.2);left: 10.286%;z-index: 10;bottom: 20px;}

.speci3 .con1 .c1{}

.speci3 .con1 .c1 .xing{transform:translate(-7px,-30px) ;display: inline-block;color: rgba(0, 0, 0, 0.2);margin-right: 3px;}


.speci3 .con1 .c2 span{display: inline-block;}

.speci3 .con1 .c2 .sp1{transform: translateY(-32px);margin: 0 10px 0 3px;}

.speci3 .con1 .c2 .sp2{margin: 0 7px 0 0;}

.speci3 .con1 .c2 s{width: 45px;display: inline-block;}

.speci3 .con1 .c3{margin: 40px 0;color: #4c4c4c;height: 30px;}

.speci3 .con1 .c3 .sp1{margin: 0 4px;}

.speci3 .con3{margin-top: 70px;}

.speci3 .con3 span{display: inline-block;transform: translateY(2px);}

.speci3 .con3 .c1{margin-bottom: 23px;}

.speci3 .con4{position: absolute;bottom: 120%;right: 16.44%;z-index: 2;pointer-events: none;}

.speci3 .con4.act{bottom: -5%;display: none;}

.speci3 .con4.act2{bottom: -105%;}

.speci3 .con4.yin{opacity: 0;}

/* .speci3 .zhushi{} */

.speci4{position: relative;z-index: 10;background: #fff;}

.speci4 .img{position: relative;}

.speci4 .img img{width: 100%;}

.speci4 .img video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 110%;height: 100%;z-index: 3;object-fit: cover;}

.speci4 .img s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 0, 0, 0.25);}

.speci4 .txt{color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;display: flex;align-items: center;}

.speci4 .txt .t2{margin: 30px 0 0;}

.speci4 .txt .t1 span{display: inline-block;transform: translate(3px,-70px);opacity: 0.8;}

.speci4 .zhushi  {left: 10.286%;bottom: 20px;}

.sepci6{position: relative;z-index: 10;background: #fff;}

.sepci6 .img img{width: 100%;}

.sepci6 .txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.sepci6 .txt .ss{display: flex;align-items: center;height: 100%;}

.sepci6 .txt .t1{margin-bottom: 20px;color: #000;}

.sepci6 .txt .t1 s{display: inline-block;transform: translateY(10px);}

.sepci6 .txt .t1 s.s1{width: 15px;height: 66px;border-top: 7px solid #111111;border-left: 7px solid #111111;margin-right: 5px;}

.sepci6 .txt .t1 s.s2{width: 15px;height: 66px;border-bottom: 7px solid #111111;border-right: 7px solid #111111;margin-left: 5px;}

.sepci6 .txt .t2{color:#000}

.sepci6 .txt .t2 span{transform: translateY(-25px);display: inline-block;color: rgba(0, 0, 0, 0.2);}


.sepci6 .zhushi   {left: 0;color: rgba(0, 0, 0, 0.2);}

.sepci6 .zhushi  p{}

.sepci6 .zhushi  p span{width: 13px;}

.product7.speci5{height: 180vh;color: #000;}

.product7.speci5 .t1{margin-bottom: 25px;}

.product7.speci5 .pro7_con .uls .li{display: flex;align-items: center;line-height: 50px;height: 50px;}

.product7.speci5 .pro7_con .uls .li .l1{margin-bottom: 0;margin-right:23px;padding-left: 12px;}

.product7.speci5 .pro7_con .uls .li .l1::after{content: "";width: 5px;height: 5px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #000;border-radius: 100%;}

/* .product7.speci5 .pro7_con .uls .li .l2{line-height: 1.5;} */

.product7.speci5 .pro7_con .uls .li .l2{height: 50px;}

.product7.speci5 .pro7_con .uls .li .l2 span{height: 50px;display: inline-block;}

.product7 .pro7_con.act .imgs img.img1{opacity: 1;}

.product7 .pro7_con.act1 .imgs img.img2{opacity: 1;}

.product7 .pro7_con.act2 .imgs img.img3{opacity: 1;} 

.product7 .pro7_con.act3 .imgs img.img4{opacity: 1;} 



.product7.speci5 .xian .x p{top: auto;bottom: 0;}

.product7.speci5 .xian .x span{top: -3px;}

.product7.speci5 .pro7_con .xian .x{left: 43.5%;}

.product7.speci5 .xian .x p{height: 0;}

.product7.speci5 .pro7_con .xian .x1{top: 61%;width: 31.8%;}

.product7.speci5 .xian .x1 p{height: 19.5vh;}

.product7.speci5 .pro7_con .xian .x2{top: 67.5%;width: 24.8%;left: 49%;}

.product7.speci5 .xian .x2 p{height: 24vh;}

.product7.speci5 .pro7_con .xian .x3{top: 74.6%;width: 27.5%;left: 45%;}

.product7.speci5 .xian .x3 p{height: 29vh;}


.product7.speci5 .pro7_con.act .uls .ul .li.li1{top: 58%;}

.product7.speci5 .pro7_con.act1 .uls .ul .li.li2{top:65% ;}

.product7.speci5 .pro7_con.act2 .uls .ul .li.li3{top:72% ;}

.product7.speci5 .txt{top: 300px;}

.product7.speci5 .pro7_con .uls{padding-left:10.286%;}

.product7.speci5 .pro7_con .uls .ul .li.li1{top: 68%;}

.product7.speci5 .pro7_con .uls .ul .li.li2{top:75% ;}

.product7.speci5 .pro7_con .uls .ul .li.li3{top:82% ;}

.product7.speci5 .pro7_con .xian .x.act2{opacity: 0;}

.product7.speci5 .pro7_con .xian .x.act2.act{opacity: 1;}

.product7.speci5 .pro7_con.act3 .imgs.act2 img.act{opacity: 1 ;}

.product7.speci5 .pro7_con.act3 .imgs.act2 img{opacity: 0 ;}

.product7.speci5 .pro7_con.act2 .imgs.act2 img.act{opacity: 1 ;}

.product7.speci5 .pro7_con.act2 .imgs.act2 img{opacity: 0 ;}

.product7 .pro7_con .uls .li.tou{opacity: 1;}

.product7 .pro7_con .uls .li.mi{opacity: 0.4 !important;}



/* .spe_ban, .speci1, .speci3, .speci4, .speci5, .sepci6{overflow: hidden;} */

.speci1 .spe1_con, .speci4{overflow: hidden;}

.scroll{overflow: hidden;}


.pros1{position: relative;z-index: 10;}

.pros1 .img{position: relative;width: 100%;}

.pros1 .img img{width: 100%;height: 100%;}

.pros1 .img video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.pros1 .img s{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.2);}

.pros1 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;color: #fff;}

.pros1 .txt .dingw{position: absolute;width: 100%;left: 0;bottom: 35px;text-align: center;}

.pros1 .txt .dingw .p2{margin-top: 28px;}

.ljxg{width: 160px;height: 48px;text-align: center;line-height: 48px;background: #000000;color: #fff;position: relative;}

.ljxg span{display: block;width: 100%;height: 100%;position: relative;z-index: 1;}

.ljxg  s{width: 100%;height: 0%;background: #fff;position: absolute;left: 0;bottom: 0;display: block;}

.ljxg:hover s{height: 100%;}

.ljxg:hover span{color: #1f1f1f;}


.pros1 .txt .t1{width: 100%;text-align: center;top: 145px;position: absolute;}

.pros1 .txt .t2{position: absolute;bottom: 50px;text-align: center;width: 100%;line-height: 1.5;}

.pros1 .txt .t .sp2{transform: translateX(-5px);display: inline-block;}

.pros1 .txt .g{width: 15px;display: inline-block;}

.pros1 .txt .t .xing{display: inline-block;transform: translateY(-32px);}

.pros2{position: relative;z-index: 10;}

.pros2 .img{}

.pros2 .img img{width: 100%;}

.pros2 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;color: #fff;}

.pros2 .txt .con{height: 100%;display: flex;align-items: center;}

.pros2 .txt .con .c{line-height: 70px;}

.pros2 .txt .con .c .xindeshj {width:76%;}

.pros2 .txt .con .c2{}


.pros2 .txt .con .c2 .xing{display: inline-block;width: 10px;height: 10px;opacity: 0.3;transform: translate(-12px,-29px) scale(0.8);line-height: 10px;}

.pros2 .txt .con .c2 .n{display: flex;align-items: center;}

.pros2 .txt .con .c2 .n1 {margin-right: 8px;}

.pros2 .txt .con .c2 .n1 .p1{position: relative;}

.pros2 .txt .con .c2 .n1 .xing{position: absolute;right: -5px;top: -8px;display: inline-block;}

.pros2 .txt .con .c2 .n2{position: relative;}

.pros2 .txt .con .c2 .n2 .xing{letter-spacing:0px;display: inline-block;transform: translateY(-10px);}

.pros2 .txt .con .c2 .n2 .p1{transform: translateX(3px);}

.por_two1{position: relative;z-index: 10;background: #fff;}

.por_two1 .prot_con{position: relative;}

.por_two1 .prot_con .img{position: relative;}

.por_two1 .prot_con .img img{width: 100%;}

.por_two1 .prot_con .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 70px;display: flex;align-items: center;color:#fff;}

.por_two1 .prot_con .txt .tcon {transform: translateY(5%);}


.por_two1  .prot_con .txt .beizhu4{left:0;top:24vw;}

.por_two1.bai .prot_con .txt{color:#000;}

.por_two1.bai  .prot_con .txt .beizhu4{color:rgba(0,0,0,0.2)}


.pro_two3{position: relative;z-index: 10;background: #fff;padding: 65px 0;}

.pro_two3 .ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.pro_two3 .ul .li{width: 49.2%;position: relative;margin-bottom: 20px;}

.pro_two3 .ul .li .img {overflow: hidden;}

.pro_two3 .ul .li .img img{width: 100%;}

.pro_two3 .ul .li .txt{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);left: 0;top: 0;}

.pro_two3 .ul .li .txt .ts{position: absolute;width: 100%;left: 0;bottom: 20px;text-align: center;padding: 0 20px;color: #fff;}

.pro_two3 .ul .li .txt .ts.black{color: #000;}

.pro_two3 .ul .li .txt .ts .t2{line-height: 30px;margin-top: 7px;}

.pro_two3 .ul .li:hover .img img{transform: scale(1.05);}

.pro_two4{padding: 220px 0 185px;position: relative;z-index: 10;background: #fff;}

.pro_two4 .swiper-slide{height: auto;}

.pro_two4 .ss{position: relative;background: #efefef;height: 100%;}

.pro_two4 .ss .img{position: relative;overflow: hidden;}

.pro_two4 .ss::after{content: "";width: calc(100% + 4px);height: calc(100% + 4px);top: -2px;left: -2px;border: 3px solid #fff;z-index: 10;position: absolute;pointer-events:none;}

.pro_two4 .ss .img img{width: 100%;}

.pro_two4 .ss .img video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}

.pro_two4 .ss .txt{text-align: center;background: #efefef;padding: 25px 20px 15px;position: relative;}

.pro_two4 .ss .txt::after{content: "";width: 100%;height: 3px;top: -2px;background: #efefef;z-index: 1;position: absolute;left: 0;}

.pro_two4 .ss .txt .t2{line-height: 26px;margin-top: 8px;}

.prot4_prev,.prot4_next{width: 20px;height: 30px;background: url(../img/an.png) center no-repeat;background-size: 100% 100%;margin-top: -15px;display: none;}

.prot4_prev{left: 23.5%;}

.prot4_next{transform: rotate(180deg);right: 23.5%;}

.product8.pro_two5 .txt{top: 50%;}


.pro_two5 .beizhu{bottom: 35px;}

.details_ban{position: relative;z-index: 10;}

.details_ban img{width: 100%;}

.details{padding: 90px 0 120px;position: relative;z-index: 10;}

.details .det_con{display: flex;justify-content: space-between;}

.details .det_con .con_le{width: 15%;}

.details .det_con .con_re{width: 85%;}

.details .det_con .con_le .ls{display: flex;align-items: center;}

.details .det_con .con_le .ls .l1{margin-right: 6px;}

.details .det_con .con_le .ls .p1{margin-bottom: 7px;}

.details .det_con .con_re{}

.details .det_con .con_re .re1{line-height: 45px;margin-bottom: 35px;}

.details .det_con .con_re .re2{line-height: 30px;text-align: justify;}

.details .det_con .con_re .re2 img{display: inline-block;}

.details .det_con .con_re .re2 p .i{margin-right: 40px;}

.details .det_con .con_re .re2 p .i:last-child{margin-right: 0;}

.details .det_con .con_re .re3{display: flex;justify-content: space-between;margin-top: 90px;}

.details .det_con .con_re .re3 a{display: flex;align-items: center;}

.details .det_con .con_re .re3 a img{margin-left: 9px;}




/* 新产品页面 */

.pro_two7.product7 .xian .x p{top: auto;bottom: 0;}

.pro_two7.product7 .xian .x span{top: -3px;}

.pro_two7.product7 .pro7_con .xian{display:none;}

.pro_two7.product7 .pro7_con .xian .x1{width: 73%;top: 45%;}

.pro_two7.product7 .xian .x1 p{height: 36vh;}

.pro_two7.product7 .pro7_con .xian .x2{width: 70%;}

.pro_two7.product7 .pro7_con .xian .x2 p{height: 43vh;}

.pro_two7.product7 .pro7_con .xian .x3{width: 67%;top: 71%;}

.pro_two7.product7 .pro7_con .xian .x3 p{height: 48vh;}

.pro_two7.product7 .pro7_con .xian .x4{width: 63%;top: 84%;}

.pro_two7.product7 .pro7_con .xian .x4 p{height: 52.5vh;}


@media screen and (min-width:2000px) {
    .speci1 .spe1_con .con1 .con1_re .img{top: 0;}

    .speci1{height: 340vh;}
}
@media screen and (min-width:3000px) {
    .speci1 .spe1_con .con1 .con1_re .img{top: 0;}

    .speci1{height: 240vh;}

    .product7.speci5{height: 150vh;}
}

@media (max-width:1800px) {

    .spe_ban .txt .t2 span{transform: translateY(-24px);}

    .speci1 .spe1_con .con1 .con1_le .l1 span{transform: translateY(-55px);}

    .speci1 .spe1_con .con1 .con1_le .l2 .sp2{transform: translateY(-28px);}

    .speci1 .spe1_con .con1 .txt .t2 span.sp2{transform: translateY(-24px);}

    .speci3 .con1 .c1 span{transform: translate(3px,-55px);}

    .speci3 .con1 .c2 .sp1{transform: translateY(-26px);}

    .speci1 .spe1_con .con2 .t1 span{transform: translateY(-55px);}

    .speci4 .txt .t1 span{transform: translate(3px,-55px);}

    /* .product7 .txt{transform: none; left: 10.286%;} */

    .speci1{height: 350vh;}

    .product8 .txt .t2 .shu{margin: 0 7px;}

    .product9 .pro9_con .txt .ts .t2{line-height: 30px;}

    .product8 .txt .t1{width: 344px;}

    .product4 .txt .t1,.pros2 .txt .con .c,.por_two1 .prot_con .txt{line-height: 60px;}

    .product8 .txt .t1{margin-bottom: 30px;}

    .sepci6 .txt .t2 span{transform: translateY(-15px);}

    .pros2 .txt .con .c2 .xing{transform: translate(-12px , -22px);}
}

@media screen and (max-width:1680px) {
    .pros1 .txt .t .xing,.product4 .txt .xing,.product8 .txt .t2 .xing{transform: translateY(-22px);}

    .pros2 .txt .con .c2 .n2 .xing{transform: translateY(-8px);}

    .product8 .txt .t2 .shu{margin: 0 5px;}

    .product9 .pro9_con .con_le .le1 .ts{padding: 50px 40px;}

    .product9 .pro9_con .con_re .txt .ts{padding: 50px 15px;}

    .product9 .pro9_con .con_le .le2 .e1 .ts{padding: 30px ;}

    .product9 .pro9_con .con_le .le2 .e2 .ts{padding: 30px;}

    .product9 .pro9_con .txt .ts .t2{line-height: 28px;}

    .product9 .pro9_con .txt .ts .t1{margin-bottom: 10px;}

    .product8 .txt .t1{width: 310px;}

    .product7.speci5 .txt{top: 250px;}

    .product4 .li .ts{left: 130px;}

    .product4 .li.li2 .ts{left: 220px;}

    .product4 .li.li3 .ts{left: 160px;}

    .product4 .li.li4 .ts{left: 120px;}


    .pros2 .txt .con .c2 .xing{transform: translate(-7px,-16px);}



}




@media screen and (max-width: 1536px){
    .speci1 .spe1_con .con2 .con_re{right: 25%;width: 25%;}

    .speci1 .spe1_con .con1 .txt .t2{right: 8%;}

    .product7 .txt{top: 150px;}

    .speci3 .con1 .c1 span{transform: translate(3px,-40px);}

    .speci1 .spe1_con .con1 .con1_le .l1 span{transform: translateY(-40px);}

    .speci1 .spe1_con .con1 .con1_le .l2 .sp2{transform: translateY(-24px);}

    .speci1 .spe1_con .con2 .t1 span{transform: translateY(-40px);}

    .speci3 .con1 .c2 .sp1{transform: translateY(-24px);}

    .spe_ban .txt .t2 span{transform: translateY(-20px);}

    .speci1 .spe1_con .con1 .txt .t2 span.sp2{transform: translateY(-20px);}

    .speci1 .spe1_con .con1 .di .ul .li .l1 span{transform: translate(2px,-10px);}

    .speci4 .txt .t1 span{transform: translate(3px,-40px);}

    
}




@media screen and (max-width:1500px) {
    .product7.speci5 .pro7_con .uls .li:first-child .l2{transform: translateY(-1px);}

    .product7.speci5 .pro7_con .uls .li .l1{margin-right: 20px;}

    .product7.speci5 .pro7_con .uls .li .l1::after{top: 47%;}

    .product7.speci5 .pro7_con .xian .x1{top: 61.5%;width: 30.3%;left: 45%;}

    .product7.speci5 .pro7_con .xian .x2{top: 68.5%;width: 20%;left: 54%;}

    /* .product7.speci5 .xian .x2 p{height: 21vh;} */

    .product7.speci5 .pro7_con .xian .x3{top: 75.3%;width: 22%;left: 50.5%;}

    .product7.speci5{height: 170vh;}

    /* .speci1{height: 380vh;} */

    
    .product4 .li .t1{margin-bottom: 10px;}

    .product4 .li .ts{left: 130px;}

    .ljxg{width: 140px;height: 44px;line-height: 44px;}
  
    
}

@media screen and (max-width:1440px) {
    .product8 .txt .t1{width: 262px;}

    .product9 .pro9_con .txt .ts .t2{font-size: 14px;line-height: 24px;}

    .product7.speci5 .txt{top: 220px;}

    .pros2 .txt .con .c2 .xing{transform: translate(-7px,-13px);}
    
}