.tw3_1{position: relative;z-index: 5;background: #fff;}

.tw3_1 img{width: 100%;}

.tw3_1 .tw3_con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}

/* .tw3_1 .tw3_con .con{text-align: center;} */

.tw3_1 .tw3_con .con .c{color: #000;display: inline-block;text-align: center;width: 580px;line-height: 70px;}


.tw3_1 .tw3_con .con .c1{font-family: pop5;letter-spacing: 1.3px;text-shadow: 1px 1px 1px #000;}

.tw3_1 .tw3_con .con .c2{margin: 10px 0 40px;    text-shadow: 1px 1px 1px #000;letter-spacing: 1.3px;text-shadow:1px 1px 1px #000}

.tw3_1 .tw3_con .con .c3{letter-spacing: 1.2px;}

.tw3_3{position: relative;z-index: 5;background: #fff;padding: 250px 0 226px;}

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

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

.tw3_3 .ul .li .li_img{position: relative;overflow: hidden;}

.tw3_3 .ul .li .li_img img{width: 100%;transition: all 0.6s;}

.tw3_3 .ul .li .li_img .img2{position: absolute;left: 50%;top: 50%;width: 101%;opacity: 0;transform: translate(-50%,-50%);}

.tw3_3 .ul .li .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 15px;}

/* .tw3_3 .ul .li:first-child .txt{opacity: 1;} */

.tw3_3 .ul .li .txt .t{bottom:35px;position:absolute;}


/* .tw3_3 .ul .li:nth-child(3n) .txt .t{bottom: 68px;position:absolute;}

.tw3_3 .ul .li:nth-child(2n) .txt .t{bottom: 68px;position:absolute;} */


.tw3_3 .ul .li .txt .t{width: calc(100% - 30px);text-align: center;}

.tw3_3 .ul .li .txt .t1{letter-spacing: 1.3px;}

.tw3_3 .ul .li .txt .t2{line-height: 26px;margin-top: 15px;letter-spacing: 1.2px;}

/* .pro2{overflow: hidden;} */
.tw3_3 .ul .li:first-child:hover .li_img img{transform: scale(1.05);transition: all 0.6s;}

.tw3_3 .ul .li:hover .li_img .img2{opacity: 1;transform:translate(-50%,-50%) ;}

/*.tw3_3 .ul .li:first-child:hover .t1,.tw3_3 .ul .li:first-child:hover .t2{color: #fff;}*/

/* .tw3_3 .ul .li:hover .t1,.tw3_3 .ul .li:hover .t2{color: #000;} */

.tw3_4{position: relative;z-index: 5;background: #fff;padding: 0 0 150px;}

.tw3_4 .ss{position: relative;}

.tw3_4 .swiper-container .swiper-slide{width: 1200px;height: 720px;}

.tw3_4 .cs{width: 1200px;height: 720px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}

.tw3_4 .ss .s1{position: relative;overflow: hidden;}

.tw3_4 .ss .s1 img{width: 100%;}

/* .tw3_4 .ss .s1 img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all 0.6s;} */

.tw3_4 .ss .s1 video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit:cover;width: 101%;height: 101%;cursor: pointer;}

.tw3_4 .ss .s1 s {position: absolute;width: 100%;height: 28.13731vw;bottom: 0;left: 0;z-index: 1;background-image: linear-gradient(0deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.000000001));pointer-events: none;
}

.tw3_4 .ss .s2{position: absolute;width: 100%;bottom: 65px;color: #fff;text-align: center;z-index: 2;}

.tw3_4 .ss .s2 .t1 {letter-spacing: 1.3px;}

.tw3_4 .ss .s2 .t1 span{font-family: pop5;}

.tw3_4 .ss .s2 .t2{margin-top: 15px;letter-spacing: 1.2px;line-height: 26px;}

/* .tw3_4 .swiper-slide-active .s1 img:last-child{opacity: 1;transition: all 0.6s;} */

.tw3_4 .swiper-slide-active .ss .s2{opacity: 1;}

.ban_prev,.ban_next{width: 48px;height: 48px;background: url(../images2/you.png) center no-repeat;background-size: 30px 30px;border: 1px solid transparent;border-radius: 100%;}

.ban_prev{transform: rotate(180deg)}

.ban_prev:hover,.ban_next:hover{border: 1px solid #fff;}

.tw3_4 .ban_prev{left: 30px;}

.tw3_4 .ban_next{right: 30px;}

.tw3_5{padding: 100px 0 250px;}

.air8{height: 170vh;}

.air8 .con1{text-align: center;position: absolute;top: 200px; opacity: 0;letter-spacing: 1.3px;width: 100%;display: none;}

.tw3_8{background: url(../images2/two3_1.jpg) center no-repeat fixed;background-size: 100% 100%;z-index: 6;}

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

.tw3_6 .tw36_con{height: 100vh;position: relative;left: 0;top: 0;width: 100%;overflow: hidden;}

.tw3_6 .tw36_con .txt{position: absolute;top: 35.5%;left: 14.6%;z-index: 5;}

.tw3_6 .tw36_con .txt .t1{letter-spacing: 3px;text-shadow: 1px 1px 1px #000;}

.tw3_6 .tw36_con .txt .t2{letter-spacing: 1.3px;}

.tw3_6 .tw36_con .txt span{font-family: pop5;transform: translateY(5px);display: inline-block;}

.tw3_6 .tw36_con .txt .t2{margin-top: 30px;padding-left: 5px;}

.tw3_6 .tw36_con img{height: 100%;}

.tw3_6 .tw36_con .ul1{position: absolute;height: auto;top: 52.3%;padding-left: 14.6%;z-index: 5;display:none;}

.tw3_6 .tw36_con .ul2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.tw3_6 .tw36_con .ul3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}

.tw3_6 .tw36_con .li{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}

.tw3_6 .tw36_con .ul3 img{top: auto;bottom: 0;position: absolute;left: 50%;transform: translateX(-50%);max-width:none;}

.tw3_6 .tw36_con .ul3 .li{opacity: 0;}

/* .tw3_6 .tw36_con .ul2 .li{top: 100%;} */

.tw3_6 .tw36_con .ul3 .li.li1{opacity: 1;}

/* .tw3_6 .tw36_con .ul2 .li.li1{top: 0;} */

.tw3_6 .tw36_con .ul2 .li.li1{z-index: 3;}

.tw3_6 .tw36_con .ul2 .li.li2{z-index: 2;}

.tw3_6 .tw36_con .ul2 .li.li3{z-index: 1;}


.tw3_6 .tw36_con .ul1 .li{position: static;letter-spacing: 1.2px;}

.tw3_6 .tw36_con .ul1 .li.li1{width: 192px;height: 62px;background: #fff;border-radius: 100px;display: flex;padding: 0 17px;justify-content: space-between;align-items: center;}

.tw3_6 .tw36_con .ul1 .li.li1 span{width: 42px;height: 42px;display: block; background: linear-gradient(#43b1b0, #045251); border-radius: 100%;position: relative;}

/* .tw3_6 .tw36_con .ul1 .li.li1 span::before{position: absolute;left: 2px;top: 2px;width: calc(100% - 4px);height: calc(100% - 4px);background:#fff;z-index: 1;content: "";border-radius: 100%;} */

.tw3_6 .tw36_con .ul1 .li.li1 span s{display: block;width:38px ;height: 38px;position: absolute;left:50%;top: 50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 2;border: 2px solid #fff;opacity: 0;}

.tw3_6 .tw36_con .ul1 .li.li1 span:nth-child(2n){background: linear-gradient(#cfe2d3, #adcdb5);}

.tw3_6 .tw36_con .ul1 .li.li1 span:nth-child(2n) s{background: linear-gradient(#cfe2d3, #adcdb5);}

.tw3_6 .tw36_con .ul1 .li.li1 span:nth-child(3n){background: linear-gradient(#fefefe, #f7f4f4);}

.tw3_6 .tw36_con .ul1 .li.li1 span:nth-child(3n) s{background: linear-gradient(#fefefe, #f7f4f4);}

.tw3_6 .tw36_con .ul1 .li.li1 span.act s{opacity: 1;}

.tw3_6 .tw36_con .ul1 .li.li2{padding: 0 17px;display: flex;justify-content: space-between;margin-top: 10px;}

.tw3_6 .tw36_con .ul1 .li.li2 span{opacity: 0.5;}

.tw3_6 .tw36_con .ul1 .li.li2 span.act{opacity: 1;}

.tw3_6.act .tw36_con{position:fixed;}

.footer.act{z-index: 5;}

.pro2 .pox{overflow: hidden;}


/* rose */
.ro_tr2{padding: 250px 0 100px;background: #fff;position: relative;z-index: 5;}

.ro_tr2 .ro2_con{width: 63.6%;margin: 0 auto;text-align: center;color: #000;}

.ro_tr2 .ro2_con .con1{ text-shadow: 1px 1px 1px #000; letter-spacing: 3px;}

.ro_tr2 .ro2_con .con2{margin: 45px 0 15px;    letter-spacing: 1.3px;}

.ro_tr2 .ro2_con .con3{line-height: 26px;margin-bottom: 100px;    letter-spacing: 1.2px;color: #555555;}

.ro_tr2 .ro2_con .con4 .ul{display: flex;justify-content: space-between;}

.ro_tr2 .ro2_con .con4 .ul .li{width: 49.2%;position: relative;overflow: hidden;}

.ro_tr2 .ro2_con .con4 .ul .li img{width: 100%;}

/*.ro_tr2 .ro2_con .con4 .ul .li:last-child img{opacity: 0;}*/

.ro_tr2 .ro2_con .con4 .ul .li video{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}

.anniu{width: 44px;height: 44px;background: url(../images2/ro_tr2_3.png) center no-repeat;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid #fff;border-radius: 100%;cursor: pointer;}


.ro_tr2 .ro2_con .con4 .ul .li .anniu.act{display: none;}

.ro_tr3{position: relative;z-index: 5;background: #fff;padding: 150px 0 225px;color: #000;}

.ro_tr3 .con1{text-align: center;text-shadow: 1px 1px 1px #000;letter-spacing: 3px;}

.ro_tr3 .con2{text-align: center;line-height: 26px;margin: 45px 0 100px;letter-spacing: 1.2px;}

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

.ro_tr3 .con3 .ul .li{width: 49.2%;position: relative;margin-bottom: 24px;}

.ro_tr3 .con3 .ul .li .txt{position: absolute;left: 60px;bottom:35px;width: calc(100% - 120px);text-align: center;color: #fff;}

.ro_tr3 .con3 .ul .li .txt .t1{margin-bottom: 15px;letter-spacing: 1.3px;text-align: center;}

.ro_tr3 .con3 .ul .li .txt .t2{letter-spacing: 1.2px;text-align: center;line-height: 26px;}

.ro_tr3 .con3 .ul .li .img{overflow: hidden;}

.ro_tr3 .con3 .ul .li .img::after{content:none;width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;    background-image: linear-gradient(0deg,rgba(211,194,161,1) 0,rgba(211,194,161,0.000000001));}

.ro_tr3 .con3 .ul .li .img img{width: 100%;}

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

.tw3_4 .con1{text-align: center;margin-bottom: 100px;color: #000;text-shadow: 1px 1px 1px #000;letter-spacing: 3px;}

.tw3_4 .ss .s2 .t2 span{display: block;}

.ro_tr4{padding: 0;}

.ro_tr5{position: relative;z-index: 5;background: #fff;height: 250vh;padding-bottom: 150px;}

.ro_tr5 .ro5_con{height: 100vh;top: 0;position: absolute;left: 0;width: 100%;}

.ro_tr5 .ro5_con .ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.ro_tr5.act .ro5_con{position: sticky;}

.ro_tr5 .ro5_con .re_img{position: absolute;right: 0;top: 0;pointer-events: none;height: 100vh;width: 100%;}

.ro_tr5 .ro5_con .re_img img{width: 86%;}

.ro_tr5 .ro5_con .re_img img.im1{position: absolute;right: 0;}

.ro_tr5 .ro5_con .re_img img.im2{position: absolute;right: 0;top: 0px;opacity: 0;}

.ro_tr5 .ro5_con .re_img img.im3{position: absolute;right: 0;top: 0;opacity: 0;}


/* .ro_tr5 .ul{height: 100vh;position: sticky;} */

/* .ro_tr5.act .ul{top: 0; left: 13.5%;} */

.ro_tr5 .ul .li{position: absolute;left: 22%;top: 350px;opacity: 0;width: 20.5%;}

.ro_tr5 .ul .li.li1{top: 250px;opacity: 1;}

.ro_tr5 .ul .li .txt .t1{margin: 30px 0 15px;color: #000000;}

.ro_tr5 .ul .li .txt .t2{color: #555555;}

.pro5 .pox{z-index: 12;position: relative;}

.beijings{background: #fff;position: relative;z-index: 5;}



.beijings .tw3_5{background: transparent;padding: 250px 0 0;}


.ro_tr7{background:#fff url(../images2/ro_tr7.png) center no-repeat fixed;background-size: 100% 100%;}


.ro_tr6  .con2 .con_le .ul3 li.l1{top: 63%;left: 46.5%;}

.ro_tr6  .con2 .con_le .ul3 li.l2{left: 47%;top: 45%;}

.ro_tr6  .con2 .con_le .ul3 li.l3{left: 47%;top: 36%;}

.ro_tr6  .con2 .con_le .ul3 li.l4{left: 47%; top: 58%;}

.ro_tr6  .con2 .con_le .ul3 li.l5{left: 59%;top: 43%;}


.ro_tr_ban .tw3_con .con .c{width: 620px;}

.ro_tr6 .con1{top: 50px;}


.yd{display: none;}

@media screen and (min-width:2200px) {
    .ro_tr5 .ro5_con .re_img img{width: auto;}
}

@media screen and (max-width:2100px) {
    .ro_tr5 .ro5_con .re_img img{width: 85%;}
}


@media screen and (max-width:1930px) {
    .ro_tr5 .ro5_con .re_img img{width: 90%;}

    .ro_tr5 .ro5_con .ul{top: -2%;}

    .tw3_6 .tw36_con .txt{left: 9%;}

    .tw3_6 .tw36_con .ul1{padding-left: 9%;}
}


@media screen and (max-width:1200px) {

    .abox{width: 90%;}
    /* .f_72{} */
    .tw3_1 .tw3_con .con .c{width:220px;transform: scale(0.8);}

    .tw3_1 .tw3_con .con .c2{margin: 10px 0 15px;}

    .tw3_3{padding: 40px 0;}

    .tw3_3 .ul .li{width: 100%;}

    .tw3_3 .ul .li:last-child{margin-bottom: 0;}

    .tw3_3 .ul .li .txt .t2{margin-top: 10px;}

    .tw3_4 .swiper-container .swiper-slide{width: 100%;height: auto;}

    .tw3_4{padding: 0 ;}

    .tw3_4 .tw3_con{width: 90%;margin: 0 auto;}

    .tw3_4 .cs{height: 100%;width: 100%;}

    .tw3_4 .ban_next{right: 15px;}

    .tw3_4 .ban_prev{left: 15px;}

    .ban_prev, .ban_next{width: 30px;height: 30px;background-size: 20px 20px;}

    .tw3_4 .ss .s2 .t2{padding: 0 30px;margin-top: 10px;}

    .tw3_4 .ss .s2{bottom: 20px;}

    .tw3_5{padding: 40px 0;}

    .pro5 .tt span{transform: translateY(-7px);}

    .yd{display: block;}

    .tw3_6{height: auto;}

    .tw3_6 .tw36_con{display: none;}

    .tw3_6 .tw36_con2 .img{position: relative;}

    .tw3_6 .tw36_con2 .img img:last-child{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;}

    .ding{position: absolute;left: 5%;top: 100px;z-index: 3;}

    .ding .d1{font-size: 30px;text-shadow: 1px 1px 1px #000;letter-spacing: 1.3px;}

    .ding .d2{font-size: 20px;letter-spacing: 1.2px;margin-top: 20px;}

    .tw3_6 .tw36_con2 .txt{position: absolute;left: 5%;top:200px;letter-spacing: 1.2px;}

    .tw3_6 .swiper-pagination{bottom: 30px;}

    .tw3_6 .swiper-pagination-bullet{opacity: 1;width: 6px;height: 6px;position: relative;}

    .tw3_6 .swiper-pagination-bullet::after{content: "";width: 12px;height: 12px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;border: 1px solid #fff;opacity: 0;}
    
    .tw3_6 .swiper-pagination-bullet:first-child{background: linear-gradient(#43b1b0, #045251);}

    .tw3_6 .swiper-pagination-bullet:first-child:after{border: 1px solid #43b1b0;}

    .tw3_6 .swiper-pagination-bullet:nth-child(2n){background: linear-gradient(#cfe2d3, #adcdb5);}

    .tw3_6 .swiper-pagination-bullet:nth-child(2n):after{border: 1px solid #cfe2d3;}


    .tw3_6 .swiper-pagination-bullet:nth-child(3n){background: linear-gradient(#fefefe, #f7f4f4);}

    .tw3_6 .swiper-pagination-bullet:nth-child(3n):after{border: 1px solid #fefefe;}

    
    .tw3_6 .swiper-pagination-bullet-active::after{opacity: 1;}

    

    .air8{height: auto;}

    .air8 .con2{flex-wrap: wrap;height: auto;}

    .air8 .con2 .con_le{width: 100%;opacity: 1;left: 0;top: 0;}


    .air8 .con2 .con_re{width: 100%;opacity: 1;pointer-events: visible;position: static;padding-bottom: 40px;}

    .air8 .con2 .con_le .vidul{display: none;}

    .air8 .con2 .con_re .li{padding: 20px 0;}

    .air8 .con2 .con_le .ul3{display: none;}

    .air8 .con2 .con_le .vidul2{display: none;}

    .tw3_8{background-size: cover;}

    /* .pro9 .logo_sw{margin-top: 40px;} */


    .pro9 .logo_sw .swiper-slide{padding: 1px 0;}

    .air8 .con2 .con_re .li .li_top s{width: 20px;height: 20px;}

    /* .tw3_4 .tw3_con .bofn{z-index: 10;} */

    .tw3_4 .ss .s2{opacity: 1;}

    .ro_tr2{padding: 40px 0 0;}

    .ro_tr2 .ro2_con .con2{margin: 15px 0 20px;}

    .ro_tr2 .ro2_con .con3{margin-bottom: 20px;}

    .ro_tr2 .ro2_con{width: 90%;}

    .ro_tr3{padding: 40px 0;}

    .ro_tr3 .con2{margin: 20px 0;}

    .ro_tr3 .con3 .ul .li .txt{bottom: 25px;width: calc(100% - 50px);left: 25px;}

    .tw3_4 .con1{margin-bottom: 25px;}
    
    .beijings .tw3_5{padding: 40px 0;}

    .ro_tr5 .ul .li{top: 0;position:static;width: 49%;opacity: 1;margin-bottom: 20px;}

    .ro_tr5 .ul .li .txt .t2{line-height: 26px;}

    .ro_tr5 .ro5_con .re_img{display: none;}

    .ro_tr5{height: auto;padding-bottom: 0;}

    .ro_tr5 .ro5_con{width: 90%;position: static;margin: 0 auto;height: auto;}
    
    .ro_tr5 .ro5_con .ul{position: static;display: flex;justify-content: space-between;flex-wrap: wrap;}

    .ro_tr5 .ul .li .txt .t1{margin: 15px 0 10px;}

    .ro_tr7{background-size: cover;}

 
}


@media screen and (max-width:700px) {

    .ding .d1{font-size: 20px;}

    .ding .d2{font-size: 16px;}
   
    .tw3_6 .tw36_con2 .txt{font-size: 14px;}

    .tw3_6 .tw36_con2 .img{height:350px;}

    .tw3_6 .tw36_con2 .img img{max-width: none;width: auto;}

    .tw3_6 .tw36_con2 .img img:first-child{height: 350px;}

    .tw3_6 .tw36_con2 .img img:last-child{height:300px;width: auto;right: -100px;}

    .ding{top: 40px;}

    .ding .d2{margin-top: 15px;}

    .tw3_6 .tw36_con2 .txt{top: 120px;}

    .ro_tr3 .con3 .ul .li{width: 100%;}

    .ro_tr3 .con3 .ul .li:last-child{margin-bottom: 0;}












}