.banner{overflow: hidden;}
.banner_text{}
.banner img {
    width: 100%;
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;top:0;left: 0;
}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide-active img {
    animation: zoom 3s;
}
.banner_text{z-index: 3;width: 100%;position: absolute;left: 0;top:0%;height: 100%;text-transform: uppercase;}
.banner_text{
    opacity: 0;
    
    visibility: hidden;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    color: #fff;
    
}

.banner .swiper-slide.ani-slide .banner_text {
    visibility: visible;
    opacity: 1;
    
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.banner_text h2{line-height: 1.2;font-family: GlowLight;}
.banner_text h3{margin-top: 10px;font-weight: bold;line-height: 1;font-family: GlowBold;}
.banner_text .wrap{position: relative;width: 100%;height: 100%;}
.banner_p{width: 100%;}
.banner_p p{margin-bottom: 20px;margin-top: 10px;}

.banner .video_button{color: #fff;font-size: 40px;cursor: pointer;display: none;z-index: 10;}
@keyframes zoom {
    0% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

.banner .swiper-pagination{bottom: 30px;}
.banner .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;width: 10px;height: 10px;margin: 0 12px;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    position: relative;
    background: #ff5909;width: 15px;height: 15px;
}
/*视频弹窗*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;;

}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

/*视频弹窗*/


@media only screen and (max-width:767px) {
    .ban_video .video_button{display: block;}
    .banner li{height: 300px!important;}
    .banner li>img{display: none;}
    .banner_text h3{margin-top: 0;}
    .banner_p p{font-size: 12px;line-height: 20px;}
    .banner_p p br{display: none;}
    .banner_link{margin-top: 4px;}
    .banner .swiper-pagination{bottom: 15px;}
    .banner .swiper-pagination .swiper-pagination-bullet-active{}
    .banner_tit img{display: none;}
    .video_appbox .video_t{height: auto;background: none;}
    .video_appbox video{height: auto;}
    .banner .video_button{display: block;}

}


/*index 01*/
.index01{padding-top: 140rem;}
.index01-con{position: relative;display: inline-block;width: 100%;}
.pub_img{width: 60%;position: absolute;top: 0;left: 6.4%;}
.pub_img img{width: 100%;}
.index01 .pub_img{top: -30rem;}
.index-tit{text-align: right;padding-right: 80rem;position: relative;z-index: 3;margin-bottom: 50rem;}
.index-tit h2{display: inline-block;text-align: left;line-height: 1.3;}
.index01-list{position: relative;}
.index01Swiper{position: relative;}
.index01Swiper li img{width: 100%;}
.index01Swiper .lhl_but div{width: 52rem;height: 52rem;border-radius: 100%;color: #fff;text-align: center;line-height: 52rem;
font-size: 28rem;top: auto;bottom: 40rem;left: auto;margin-top: 0;background: #ff5909;transition: all .3s;}
.index01Swiper .lhl_but div.swiper-button-prev{right: 130rem;}
.index01Swiper .lhl_but div.swiper-button-next{right: 65rem;}
.index01Swiper .lhl_but div.swiper-button-disabled{background: rgba(255,255,255,.14);}
.index01-number{width: 94%;z-index: 10;color: #fff;display: flex;justify-content: space-between;margin-left: 3%;align-items:start;}
.index01-number dl{text-align: center;/*width:18.8%;*/}
.index01-number dd{margin-bottom: 15rem;white-space:nowrap;}
.index01-number dd i{display: inline-block;vertical-align: top;position: absolute;font-family:GlowRegular;}
.index01-number dd em{display: inline-block;vertical-align: baseline;margin-left: 5px;}
.index01-tips{position: absolute;padding: 0 3%;box-sizing: border-box;bottom: 38rem;color: #fff;z-index: 10;}

.index02{background: #fcf7f5;padding-top: 140rem;box-sizing: border-box;overflow: hidden;padding-bottom: 80rem;}
.index02-con{position: relative;}
.index02 .pub_img{left: auto;right: -20rem;}
.index02 .index-tit{text-align: left;padding: 0 100rem;box-sizing: border-box;}
.index02 .tit-link{margin-top: 20rem;}
.index02-list ul{font-size: 0;}
.index02-list li{display: inline-block;vertical-align: top;width: 33.3%;box-sizing: border-box;margin-bottom: 40rem;}
.index02-list li a{display: block;color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.3);transform: none;}
.index02-list dl{position: relative;}
.index02-list dd{overflow: hidden;}
.index02-list .blank{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,89,9,.83);opacity: 0;transition: all .5s;}
.index02-list dt{position: absolute;width: 100%;height: 100%;padding:50rem 40rem;box-sizing: border-box;z-index: 3;top: 0;left: 0;}
.index02-list dt h3{ position: absolute; bottom:100rem; left: 0; width: 100%; text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    max-height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index02-list dt p{line-height: 1.2;margin-top: 20rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.4em;
}
.index02-list dt i{
    font-size: 30rem;
    margin-top: 20rem;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 40rem;
}

.index03{padding: 120rem 0;box-sizing: border-box;overflow: hidden;}
.index03 .index-tit{display: flex;justify-content: space-between;align-items: center;padding: 0 15rem;box-sizing: border-box;}
.tit-link{width: 80rem;height: 80rem;border-radius: 100%;line-height: 80rem;background: #ff5909;color: #fff;text-align: center;font-size: 30rem;display: block;}
.index03-list li{float: left;width: 33.3%;padding: 0 22rem;box-sizing: border-box;margin-bottom: 30rem;}
.index03-list li a{background: #fcf7f5;display: block;transition: all .3s;transform: none;}
.index03-list dd{overflow: hidden;}
.index03-list dt{padding: 20rem 30rem;box-sizing: border-box;}
.index03-list dt span,.index03-list dt i{color: #ff5909;display: block;white-space: nowrap;overflow: hidden;}
.index03-list dt i{font-size: 30rem;}
.index03-list dt p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
    margin-top: 15rem;
    margin-bottom: 20rem;
}
@media only screen and (min-width:1025px) {
    .index01Swiper .lhl_but div:hover{opacity: .8;}
    .index02-list li a:hover{color: #fff!important;}
    .index02-list li a:hover .blank{opacity: 1;}
    .index03-list li a:hover{background: #ff5909;color: #fff!important;box-shadow: 0 0 10px rgba(0,0,0,.2);}
    .index03-list li a:hover i,.index03-list li a:hover span{color: #fff;}
    .tit-link:hover{background: #fff;color: #ff5909;box-shadow: 0 0 10px rgba(0,0,0,.1);}
}

@media only screen and (max-width:1024px) {
    .index01-number dd i{margin-left: 0;}
    .index02-list .blank{display: none;}
}
@media only screen and (max-width:767px) {
    .index-tit{margin-bottom: 20px;text-align:center;padding-right:0;}
    .index-tit h2{font-size: 18px;}
    .pub_img{left: 0;}
    .index01 .pub_img{top: 0;}
    .index01-number{display: block;width:100%;position: static;transform: none;color: #000;margin: 20px 0 0;overflow: hidden;text-align: center;font-size: 0;}
    .index01-number dl{margin-bottom: 20px;display: inline-block;padding:0 40rem 0 0;text-align:center;width:33.333%;vertical-align: top;}
    .index01-number dd i{margin-top: -8px;font-size:18px;}
    .index01-number dd em{font-size: 10px;}
    .index01-number dd{color:#ff5909;text-align:center;}
    .index01-number dd span{font-size:24px;font-weight:bold;}
    .index01-tips{position:static;color: #000;overflow: hidden;margin-bottom: 30px;}
    .index01-number dt p,
    .index01-tips p{font-size: 12px;}
    .index01-tips p{font-size: 12px;}
    .index01Swiper .lhl_but div{width: 30px;height: 30px;line-height: 30px;top: 50%;margin-top: -15px;background:#ff5909;font-size: 18px;}
    .index01Swiper .lhl_but div.swiper-button-prev{right: auto;left: 10px;}
    .index01Swiper .lhl_but div.swiper-button-next{right: 10px;}
    .tit-link{width: 30px;height: 30px;line-height: 30px;font-size: 18px;}

    .index03-list li{width: 50%;}
    .index03-list dt{padding: 14px;}
    .index03-list dt p{font-size: 14px;margin-top: 5px;margin-bottom: 10px;}
    .index03-list dt i{font-size: 18px;}
    .index02 .tit-link{margin-top: 10px;}

    .index03-list li{width: 50%;}
    .index03-list dt{padding: 14px;}
    .index03-list dt p{font-size: 14px;margin-top: 5px;margin-bottom: 10px;}
    .index03-list dt i{font-size: 18px;}
}

/*20250918-首页修改案例版块*/
.index02{background: linear-gradient(to right,#ffffff 0%, #FCF7F5 30%,#FCF7F5 100%);}
.index02 .index-tit{padding: 0;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}
.index02-list{ position: relative; margin-top: 50rem; margin-left:10%;}
.index02-list .swiper-container{padding-bottom:70rem;}
.index02-list .swiper-slide{position: relative; width: 525rem;}
.index02-list .swiper-button-prev,.index02-list .swiper-button-next{left:-40rem; width: 80rem; height: 80rem; line-height: 80rem; text-align: center; border-radius: 100%; color: #fff; background: #FF5909;}
.index02-list .swiper-button-next{left:auto; right:90rem;}
.index02-list .swiper-scrollbar{bottom:0; left:0; right:7.3%; width:calc(100% - 7.3%); height: 8rem; background: #ECE4E1; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);}
.index02-list .swiper-scrollbar-drag{cursor: pointer;height: 8rem; top:0; background:#FF5909;}
.index02-list li .item{margin-bottom:30rem; border-radius: 22rem; overflow: hidden;}
.index02-list li:nth-child(2n - 1) .item:first-child{margin-top: 95rem;}
@media only screen and (max-width:1365px) {
    .index02-list .swiper-button-next{right:82rem;}
}
@media only screen and (max-width:1279px) {
    .index02-list .swiper-button-next{right:60rem;}
}
@media only screen and (max-width:767px) {
    .index02-list{margin-left:5%;}
}
/*20250918-首页修改案例版块*/