
/* .part2{width: 100%; height: 23.90rem; background-image: url(/skin/default/images/bg2.jpg?01); z-index: 9; margin-top: -1px; overflow: hidden;} */
.part2{width: 100%; z-index: 9; margin-top: -52px; overflow: hidden;background-color: #4b382a;}
.part3{width: 100%; height: 9.28rem; background-image: url(/skin/default/images/bg3.jpg?01); z-index: 9; margin-top: -1px; overflow: hidden;}


.part2 .information_swiper_box{width: 7.03rem; height: 4.39rem; margin: 1.5rem auto 0;}
.part2 #swiper1{width: 100%; height: 100%;}
.part2 #swiper1 .swiper-slide{width: 7.03rem !important;height: 4.39rem  !important;background: url(/skin/default/images/information_swiper_box.png) no-repeat center/100%;}
.part2 #swiper1 .swiper-slide a{display: block; width: 6.17rem; height:3.47rem;margin-top: 0.38rem;margin-left: 0.36rem;}
.part2 #swiper1 .swiper-slide img{display: block; width: 100%; height: 100%;}
.part2 #swiper1 .swiper-pagination1{transition: all .3s;bottom: 0.55rem;left: auto;right: 0;}
.part2 #swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: .55rem;border-radius: .1rem; opacity: 1; background-color: rgb(101, 54, 29)}
.part2 .information_news_box{width: 7.5rem; height: 5.12rem; background-image: url(/skin/default/images/information_news_box.png?01); margin: -0.15rem auto 0; box-sizing: border-box;padding: 0.4rem 0.7rem 0 0.4rem;z-index: 1;margin-top: 50px;}
.part2 .information_news_box .news_title{ width: 100%;}
.part2 .information_news_box .news_title span{display: block; float: left; width: 1.10rem; height: .41rem;line-height: .41rem;text-align: center; cursor: pointer; color: #383b39; font-size: .23rem; position: relative; transition: all .3s;}
.part2 .information_news_box .news_title span:nth-of-type(1):before,.part2 .information_news_box .news_title span:nth-of-type(2):before,.part2 .information_news_box .news_title span:nth-of-type(3):before,.part2 .information_news_box .news_title span:nth-of-type(4):before{content: "";position: absolute;top: 50%;right: 0;-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: calc(100% - 8px);background: rgba(100,52,28);}
.part2 .information_news_box .news_title span:nth-of-type(4):before{content: ""; background: transparent;}
.part2 .information_news_box .news_title span.on{background-image: url(/skin/default/images/news_title_on.png?01); color: #fff;transition: all .3s;font-weight:bold}
.part2 .information_news_box .news_more{display: block; width: .74rem; height: .33rem; background-image: url(/skin/default/images/news_more.png?01); text-align: center;line-height: .23rem; color: #45937d; font-size: .2rem;right: .7rem; top: .4rem; }
.part2 .news_con{width: 100%; height: 3.65rem; margin-top: .5rem;}
.part2 .news_con ul li{display: flex; width: 100%; height: .5rem; line-height: .5rem; font-size: .23rem; color: #383b39; border-bottom: 1px solid #dacdb6;justify-content: space-between;}
.part2 .news_con ul li:last-child{border-bottom: none}
.part2 .news_con ul li:hover{color: #64341c;}
.part2 .news_con ul li a{display: inline-block;width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .4s cubic-bezier(.215,.61,.355,1); color: #383b39;}
.part2 .news_con ul li a:hover{color: #64341c;}
.part2 .swiper_box{width: 100%;height: 13.88rem;bottom: 2.6rem;left: 0;z-index: -1;}
.part2 .swiper_box #swiper2{width: 100%; height: 100%;}
.part2 .swiper_box #swiper2 .slide1{width: 100%;background-image: url(/skin/default/images/swiper2_img1.png?01); background-position: 0px 2.7rem;}
.part2 .swiper_box #swiper2 .slide2{width: 100%;background-image: url(/skin/default/images/swiper2_img2.png?01);background-position: 0px 2.7rem;} 
.part2 .swiper_box #swiper2 .slide3{width: 100%;background-image: url(/skin/default/images/swiper2_img3.png);background-position: 0px 2rem;}
.part2 .swiper_box #swiper2 .slide4{width: 100%;background-image: url(/skin/default/images/swiper2_img4.png?01);background-position: 0px 2.7rem;}
.part2 .swiper_box #swiper2 .slide5{width: 100%;background-image: url(/skin/default/images/swiper2_img5.png);background-position: 0px 1.3rem;}
.part2 .swiper_box #swiper2 .skill_box{bottom: 0;left: 0;margin: 0 0.3rem;box-sizing: border-box;border-bottom: 1px solid #ffdc90; padding-top: .2rem;}
.part2 .swiper_box #swiper2 .skill_box .p1{color: #fff; font-size: .4rem; font-weight: bold;}
.part2 .swiper_box #swiper2 .skill_box .p2{color: #cccecd; font-size: .18rem; margin-bottom: .2rem;}
.part2 .swiper_box #swiper2 .skill_box .p3{color: #cccecd; font-size: .2rem;}
.part2 .swiper_box #swiper2 .top{border-bottom: 1px solid #ffdc90; padding: .2rem 0;}
.part2 .swiper_box #swiper2 .bottom{margin-top: .2rem;}
.part2 .swiper_box #swiper2 .bottom ul{display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;}
.part2 .swiper_box #swiper2 .bottom ul li{width: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 0.2rem; position: relative;}
.part2 .swiper_box #swiper2 .bottom ul li .pop_text{display: block;position: absolute;width: 2.44rem;height: auto;background-color: #45937d;color: #fff;border-radius: 0.1rem;padding: 0.2rem;border: 1px solid #6aa997;box-sizing: border-box;position: absolute;bottom: 0;right: 0;z-index: 9; font-size: .18rem;}
.part2 .swiper_box #swiper2 .bottom .skill_icon img{display: block; width: .81rem; height: .82rem; margin-right: .1rem;}
.part2 .swiper_box #swiper2 .bottom .skill_text{width: 2rem;font-size: .2rem;color: #cccecd;}
.part2 .swiper_box #swiper2 .bottom .skill_text p:nth-of-type(1){font-weight: bold; font-size: .2rem;}
.part2 .swiper_box #swiper2 .bottom .skill_text p:nth-of-type(2){line-height: .23rem; font-size: .18rem;overflow: hidden;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.part2 .Big_swiper{width: 100%; height: 2.1rem; bottom: 0; left: 0;}
.part2  #swiper3{width: 100%; height: 100%;}
.part2  #swiper3 .swiper-slide{transition: all 0.3s;transform: translateX(0px); cursor: pointer;}
.part2  #swiper3 .swiper-slide .swiper_img{display: block; width: 1.16rem; height: 1.16rem;margin: 0.2rem auto 0;}
.part2  #swiper3 .swiper-slide .swiper_img1{background-image: url(/skin/default/images/gw_01.png?01);}
.part2  #swiper3 .swiper-slide .swiper_img2{background-image: url(/skin/default/images/gw_02.png?02);}
.part2  #swiper3 .swiper-slide .swiper_img3{background-image: url(/skin/default/images/gw_03.png);}
.part2  #swiper3 .swiper-slide .swiper_img4{background-image: url(/skin/default/images/gw_04.png?02);}
.part2  #swiper3 .swiper-slide .swiper_img5{background-image: url(/skin/default/images/gw_05.png);}
.part2  #swiper3 .swiper-slide.on .swiper_img{display: block; width: 1.57rem; height: 1.57rem; margin: 0 auto;}
.part2  #swiper3 .swiper-slide.on .swiper_img1{background-image: url(/skin/default/images/gw_01_on.png?01);}
.part2  #swiper3 .swiper-slide.on .swiper_img2{background-image: url(/skin/default/images/gw_02_on.png?02);}
.part2  #swiper3 .swiper-slide.on .swiper_img3{background-image: url(/skin/default/images/gw_03_on.png);}
.part2  #swiper3 .swiper-slide.on .swiper_img4{background-image: url(/skin/default/images/gw_04_on.png?02);}
.part2  #swiper3 .swiper-slide.on .swiper_img5{background-image: url(/skin/default/images/gw_05_on.png);}


.part2 .swiper_hero_box{width: 7.5rem;height: 8.57rem;background: url(/skin/default/images/hero_box.png) no-repeat center/100%;margin-top: -1rem;display: flex;justify-content: space-between;}
.part2 .icon-zs{width: 7.48rem;height: 8.78rem;background: url(/skin/default/images/icon-zs.png) no-repeat center/100%;position: absolute;top: -0.36rem;left: 0;z-index: 2;pointer-events: none;}
.part2 .tab_box{width: 3rem;height: 4.85rem;margin-top: 1.8rem;margin-left: 0.5rem;position: relative;}
.part2 .hero_base_img_box{width: 4.22rem;height: 5.69rem;position: absolute;top: -0.2rem;left: -0.7rem;}
.part2 .hero_base_img_box img{max-width: 100%;max-height: 100%;}
.part2 .name_box{height: 1.25rem;margin-left: -0.1rem;}
.part2 .name_box img{height: 100%;}
.part2 .attribute_box{width:2.2rem;height: 0.25rem;display: flex;justify-content: center;align-items: center;margin-left: 0.1rem;margin-top: -0.15rem;}
.part2 .attribute_box .com{width: 50%;height: 0.25rem;line-height: 0.25rem;text-align: center;font-size: 0.14rem;letter-spacing: 2px;}
.part2 .attribute_box .nature{background: #7c5431;font-weight: bold;color: #fff3dd;}
.part2 .attribute_box .name{border: 1px solid #7c5431;box-sizing: border-box;color: #815631;}
.part2 .hero_list {width: 2.4rem;height: 3.5rem;position: relative;margin-top: 0.15rem;margin-left: 0.1rem;}
.part2 .hero_list::before{content: '';width: 1.49rem;height: 2.66rem;background: url(/skin/default/images/hero_icon_line.png) no-repeat center/100%;position: absolute;top: -0.1rem;right: 0;z-index: 1;pointer-events: none;}
.part2 .hero_list li{position: absolute;cursor: pointer;}
.part2 .hero_list li:nth-child(1){width: 1.13rem;height: 1.13rem;background-image: url(/skin/default/images/hero_icon_1.png);background-size: 1.13rem 1.13rem;top: 0.05rem;left: 0;}
.part2 .hero_list li:nth-child(2){width: 1.11rem;height: 1.11rem;background-image: url(/skin/default/images/hero_icon_2.png);background-size: 1.11rem 1.11rem;top: 0.06rem;left: 1.2rem;}
.part2 .hero_list li:nth-child(3){width: 1.08rem;height: 1.08rem;background-image: url(/skin/default/images/hero_icon_3.png);background-size: 1.08rem 1.08rem;top: 1.28rem;left: 0.1rem;}
.part2 .hero_list li:nth-child(4){width: 1.13rem;height: 1.13rem;background-image: url(/skin/default/images/hero_icon_4.png);background-size: 1.13rem 1.13rem;top: 1.28rem;left: 1.2rem;}
.part2 .hero_list li:nth-child(5){width: 1.07rem;height: 1.07rem;background-image: url(/skin/default/images/hero_icon_5.png);background-size: 1.07rem 1.07rem;top: 2.45rem;left: 0.05rem;}
.part2 .hero_list li:nth-child(6){width: 1.12rem;height: 1.12rem;background-image: url(/skin/default/images/hero_icon_6.png);background-size: 1.12rem 1.12rem;top: 2.4rem;left: 1.2rem;}
.part2 .hero_list li.on:nth-child(1){background-image: url(/skin/default/images/hero_icon_1_on.png);}
.part2 .hero_list li.on:nth-child(2){background-image: url(/skin/default/images/hero_icon_2_on.png);}
.part2 .hero_list li.on:nth-child(3){background-image: url(/skin/default/images/hero_icon_3_on.png);}
.part2 .hero_list li.on:nth-child(4){background-image: url(/skin/default/images/hero_icon_4_on.png);}
.part2 .hero_list li.on:nth-child(5){background-image: url(/skin/default/images/hero_icon_5_on.png);}
.part2 .hero_list li.on:nth-child(6){background-image: url(/skin/default/images/hero_icon_6_on.png);}
.part2 .figure_box{width: 3.2rem;height: 4.17rem; margin-right: 0.6rem;margin-top: 2.3rem;position: relative;}
.part2 .figure_box img{width: 3.2rem;height: 4.17rem}
.part2 .figure_box .swiper-slide-active{z-index: 2;}
.swiper-3d .swiper-slide-shadow{background: transparent !important;}
.part2 .icon_ribbon{width: 0.94rem;height: 0.48rem;background: url(/skin/default/images/icon_ribbon.png) no-repeat center/100%;position: absolute;bottom: 1rem;right: -1.8rem;}
.part2 .part2_hero_tips{width: 2.25rem;height: 0.18rem;position: absolute;right: 0.15rem;bottom: 1rem;}
.part2 .icon_line{width: 7.5rem;height: 0.3rem;background: url(/skin/default/images/part2_icon_line.png)no-repeat center/100%;position: absolute;bottom: 0;left: 0;}

.part3 .media_title{width: 100%; top: 2.3rem; left: .15rem;}
.part3 .media_more{display: block; height: .23rem; text-align: center;line-height: .23rem; color: #e9dec0; font-size: .23rem;right: .2rem; top: 2.4rem; }
.part3 .media_title span{display: inline-block; width: 1.10rem; height: .41rem; line-height: .41rem; text-align: center; color: #45937d; font-size: .16rem; font-weight: bold; cursor: pointer; transition: all .3s;}
.part3 .media_title span.on{background-image: url(/skin/default/images/media_title_on.png); color: #fff; font-weight: bold;transition: all .3s;}
.part3 .media_title a{float: right;width: 1.10rem; height: .35rem; line-height: .35rem; text-align: center; color: #45937d; font-size: .14rem; }
.part3 .media_con{width: 100%; top: 3rem; left: 0;}
.part3 .media_con ul{display: flex; flex-wrap: wrap;justify-content: space-around;}
.part3 .media_con ul li{width: 3.65rem; height: 2.22rem; background-image: url(/skin/default/images/media_bg.png?01); margin: .1rem 0 .05rem 0;}
.part3 .media_con ul li .li_center{width: 3.33rem; height: 1.89rem;left: 50%; top: 50%; transform: translate(-50%,-50%);}
.part3 .media_con ul li .li_center img{display: block; width: 100%; }
.part3 .media_con ul li .video_play{display: block; width: 1.12rem; height: .97rem; background-image: url(/skin/default/images/video_play.png);left: 50%; top: 50%; transform: translate(-50%,-50%); }
.part3 .media_con ul li .img_play{display: block;width: 356px; height: 201px;}

.fixed_box2_2{position: fixed; top: 35%; right: 0; width: 1.55rem; height: 3rem; background: url(/skin/default/images/download_bg.png) no-repeat center/100%; z-index: 998; transition: .3s all;}
.fixed_box2_2 .stow{position: absolute; bottom: 3rem; left: 1rem; cursor: pointer;background: url(/skin/default/images/stow.png?01) no-repeat center/100%;width:0.35rem;height:0.75rem}
.fixed_box2_2 .download_box{ width: 1rem;height: 2.2rem;margin: 0.4rem 0.2rem 0 0.37rem;position: relative;}
.fixed_box2_2 .download_box a{display: block; width: 0.86rem; height: 0.88rem; margin: 0.1rem auto 0; transition: .4s cubic-bezier(.215,.61,.355,1);}
.fixed_box2_2 .download_box .btn_receive{background: url(/skin/default/images/kv_btn_receive.png) no-repeat center/100%;}
.fixed_box2_2 .download_box .btn_question{background: url(/skin/default/images/kv_btn_question.png) no-repeat center/100%;}
.kv_order_code{width: 1.45rem;height: 1.33rem;position: absolute;top: -0.2rem;left: -1.6rem;display: none;}
.kv_order_code.on{display: block;}

.pay_box{width: 1.72rem;height: 1.26rem;background: url(/skin/default/images/kv_pay_center.png)no-repeat center/100%;position: absolute;top: 61%;right: 0.1rem;z-index: 10;}
.pay_box .btn_pay{display: block; width: 1.58rem;height: 0.58rem;margin: 0.6rem auto 0;}

#float_code1 img{width: 3.44rem;}
#float_code2 img{width: 3.44rem;}
#float_code3 img{width: 3.44rem;}
.open{position: fixed; z-index:998;top:38%; right: 0.2rem; cursor: pointer;background: url(/skin/default/images/open-icon.png?01) no-repeat center/100%;width:0.35rem;height:0.75rem}
.toast{background-color: #6d3f2c;padding:.20rem .08rem; display: none;top: 50%;position: fixed;right: 10%;transform:translate(-50%,-50%);z-index:999}
.toast img{width: 100%; height: 100%; display: block; margin: 0 auto;}
.pop_toast{
  background-color: #6d3f2c;display: none;top:50%;position: fixed;left: 50%;transform:translate(-50%,-50%);z-index:999; padding:.20rem .08rem;
 } 
 
.custom-service {
    position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 竖排文字按钮样式（强制竖排模式） */
.service-text {
    width: 50px;
    height: 160px; /* 足够容纳竖排文字的高度 */
    background-color: #07C160;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 2px 8px rgba(7, 193, 96, 0.4);
    cursor: pointer;
    z-index: 2;
    color: #ffffff;
    font-size: 14px;
    padding: 15px 0; /* 上下内边距 */
    
    /* 核心竖排文字设置 */
    writing-mode: vertical-rl; /* 从右到左竖排 */
    text-orientation: upright; /* 文字正向显示 */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 二维码面板样式 */
.service-panel {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
}

.panel-content {
    background-color: #ffffff;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-right: 5px;
}

.qr-code img {
    width: 100px;
    height: 100px;
    display: block;
    border: 1px solid #f0f0f0;
    padding: 5px;
}

.panel-text {
    margin: 10px 0 0;
    font-size: 13px;
    color: #333;
    text-align: center;
}

/* hover展开效果 */
.custom-service:hover .service-panel {
    width: 130px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .service-text {
        width: 44px;
        height: 140px;
        font-size: 12px;
        padding: 10px 0;
    }
    
    .custom-service:hover .service-panel {
        width: 110px;
    }
    
    .qr-code img {
        width: 80px;
        height: 80px;
    }
    
    .panel-text {
        font-size: 12px;
    }
}
