@charset "utf-8";
/*
    author:kely;
    date:2023-07-06;
*/

/*--public--*/
body::-webkit-scrollbar{
    display:none;
}
.section-nav{position:fixed;left:20px;top:50%;width:8px;transform:translateY(-50%);}
.section-nav span{display:block;margin:10px 0 !important;width:8px;height:8px;}
.section-nav span.swiper-pagination-bullet-active{background:var(--vi-subcolor);}
@media(min-width:1024px){
#app{height:100vh;}
.main{height:100%;overflow:hidden;}
.section-wrapper,.section-slide,.section-slide>div{height:100%;}
.section-slide.auto-height{height:auto !important;}
.section-ctrl{display:block;}
}
/*--end public--*/

/*--banner--*/
.banner{position:relative;}
.banner .swiper-wrapper{height:100%;}
.banner .item{position:relative;height:100%;overflow:hidden;}
.banner .item .pic{height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover;transition:transform 8s ease;}
.banner .item .text{position:absolute;top:35.8%;left:50%;width:80vw;max-width:1500px;transform:translateX(-50%);}
.banner .item .text span{display:inline-block;padding:0 20px;font-size:24px;line-height:46px;color:#fff;background:var(--vi-subcolor);opacity:0;border-radius:25px 25px 25px 0;transform:translateY(50px);transition:all 1s ease-in .5s;}
.banner .item .text h3{margin-top:20px;font-size:60px;font-weight:600;color:#fff;opacity:0;transform:translateY(50px);transition:all 2s ease-in .5s;}
.banner .item.swiper-slide-active .text span,.banner .item.swiper-slide-active .text h3{transform:translateY(0);opacity:1;}
.banner .item.swiper-slide-active .pic{-webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
.banner .swiper-ctrl{position:absolute;z-index:3;left:0;bottom:45px;width:100%;}
.banner .swiper-ctrl .swiper-progress{margin:0 auto;width:240px;height:2px;background:rgba(255,255,255,.8);}
.banner .swiper-ctrl .swiper-progress span{display:block;width:0;height:2px;background:var(--vi-subcolor);animation:line 7s linear;}
.banner .swiper-ctrl .swiper-pager-box{display:flex;justify-content:center;align-items:center;margin-top:25px;}
.banner .swiper-ctrl .swiper-pager-box .swiper-prev,
.banner .swiper-ctrl .swiper-pager-box .swiper-next{width:25px;line-height:25px;text-align:center;color:#fff;cursor:pointer;}
.banner .swiper-ctrl .swiper-pager-box .swiper-pager{display:flex;align-items:center;text-align:center;color:#fff;}
.banner .swiper-ctrl .swiper-pager-box .swiper-pager .dot span{margin:0 10px;width:8px;height:8px;border:#fff solid 2px;background:none;opacity:1;border-radius:50%;}
.banner .swiper-ctrl .swiper-pager-box .swiper-pager .dot span.swiper-pagination-bullet-active{border-color:var(--vi-subcolor);background:var(--vi-subcolor);}
.banner .swiper-ctrl .swiper-pager-box .swiper-pager .paly{margin:0 10px;cursor:pointer;}
.banner .swiper-ctrl .swiper-pager-box .swiper-pager .paly i{display:block;font-size:12px;}
@media(max-width:1600px){
.banner .item .text h3{font-size:48px;}
}
@media(max-width:1024px){
.banner,.banner .item{height:60vw;}
.banner .item .text{top:25%;text-align:center;}
.banner .item .text span{padding:0 10px;font-size:16px;line-height:30px;}
.banner .item .text h3{margin-top:10px;font-size:24px;}
.banner .swiper-ctrl{bottom:20px;}
.banner .swiper-ctrl .swiper-progress{display:none;}
.banner .swiper-ctrl .swiper-pager-box .swiper-prev,
.banner .swiper-ctrl .swiper-pager-box .swiper-next,
.banner .swiper-ctrl .swiper-pager-box .swiper-pager .paly{display:none;}

}
@keyframes line{
0%{width:0%;}
100%{width:100%;}	
}
/*--end banner--*/

/*--aboutus--*/
.aboutus{display:flex;align-items:center;background:url(../images/Index/aboutus_bg.jpg) no-repeat center / cover;}
.aboutus-inner{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;}
.aboutus-inner .text{width:41.56%;}
.aboutus-inner .text .hd{overflow:hidden;}
.aboutus-inner .text .hd h2{font-size:48px;font-weight:600;color:#000;}
.aboutus-inner .text .bd{margin-top:20px;overflow:hidden;}
.aboutus-inner .text .bd .summary{font-size:16px;line-height:30px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.aboutus-inner .text .bd .btn-box{margin-top:70px;display:flex;}
.aboutus-inner .text .bd .btn-box a{display:flex;align-items:center;margin-right:45px;font-size:16px;color:#000;}
.aboutus-inner .text .bd .btn-box a i{position:relative;z-index:1;display:block;margin-left:12px;width:60px;line-height:60px;color:#fff;text-align:center;overflow:hidden;border-radius:50%;}
.aboutus-inner .text .bd .btn-box a.read i{background:var(--vi-subcolor);}
.aboutus-inner .text .bd .btn-box a.play i{background:var(--vi-color);}
.aboutus-inner .text .bd .btn-box a i:before{display:block;position:absolute;z-index:-1;width:100%;height:100%;content:"";background:rgba(0,0,0,0.2);border-radius:50%;transform:scale(0);}
.aboutus-inner .text .bd .btn-box a:hover i:before{transform:scale(1);transition:all 1s;}
.aboutus-inner .pic{width:50%;opacity:0;transform:translateX(20%);transition:all 2s linear;}
.aboutus-inner .pic img{display:block;width:128%;max-width:unset;clip-path:polygon(0 0, 0 67.65%, 78% 67.65%, 78% 100%, 100% 100%, 100% 0);}
.aboutus-inner .datas{position:absolute;left:0;bottom:0;width:100%;display:flex;}
.aboutus-inner .datas .item{padding:0 40px;flex:none;width:16.66%;border-left:#eee solid 1px;}
.aboutus-inner .datas .item i{display:block;width:60px;height:60px;transition:all 1s;}
.aboutus-inner .datas .item span{display:flex;align-items:flex-end;margin-top:30px;height:60px;transform:translateX(-5px);}
.aboutus-inner .datas .item span em{display:block;font-size:60px;line-height:60px;font-family:'montserrat';font-weight:600;color:#515962;}
.aboutus-inner .datas .item span sub{display:block;margin-left:10px;font-size:16px;color:#88909a;white-space:nowrap;transform:translateY(-10px);}
.aboutus-inner .datas .item p{margin-top:10px;font-size:16px;color:#88909a;}
.aboutus-inner .datas .item:hover i{padding:10px;border-radius:50%;background:var(--vi-subcolor);}
.aboutus-inner .datas .item:hover i img{filter:contrast(0) brightness(2);}
.section-slide.swiper-slide-active .aboutus-inner .pic{transform:translateX(0);opacity:1;}
@media(max-width:1600px){
.aboutus-inner .text .hd h2{font-size:42px;}
.aboutus-inner .text .bd .summary{font-size:15px;line-height:26px;}
.aboutus-inner .text .bd .btn-box a{margin-right:35px;font-size:15px;}
.aboutus-inner .text .bd .btn-box a i{margin-left:10px;width:50px;line-height:50px;}
.aboutus-inner .datas .item{padding:0 30px;}
.aboutus-inner .datas .item i{width:50px;height:50px;}
.aboutus-inner .datas .item span{margin-top:15px;height:50px;}
.aboutus-inner .datas .item span em{font-size:50px;line-height:50px;}
.aboutus-inner .datas .item span sub{font-size:15px;}
.aboutus-inner .datas .item p{margin-top:8px;font-size:15px;}
}
@media(max-width:1024px){
.aboutus{padding:40px 20px;}
.aboutus-inner .text{width:100%;}
.aboutus-inner .text .hd h2{font-size:24px;}
.aboutus-inner .text .bd .btn-box{margin-top:25px;}
.aboutus-inner .text .bd .btn-box a{margin-right:25px;font-size:15px;}
.aboutus-inner .text .bd .btn-box a i{margin-left:8px;width:30px;line-height:30px;}
.aboutus-inner .pic{margin-top:25px;width:100%;transform:translateX(0);opacity:1;overflow:hidden;}
.aboutus-inner .pic img{width:100%;clip-path:unset;transition:all 2s;}
.aboutus-inner .pic:hover img{transform:scale(1.1);}
.aboutus-inner .datas{position:static;margin:25px -10px 0;flex-wrap:wrap;}
.aboutus-inner .datas .item{padding:10px;width:33.33%;border:none;}
.aboutus-inner .datas .item i{width:30px;height:30px;}
.aboutus-inner .datas .item span{margin-top:15px;height:35px;transform:translateX(0);}
.aboutus-inner .datas .item span em{font-size:24px;line-height:35px;}
.aboutus-inner .datas .item span sub{margin-left:5px;font-size:14px;transform:translateY(-5px);}
.aboutus-inner .datas .item p{font-size:14px;}
}
/*--end aboutus--*/

/*--service--*/
.service{display:flex;background:url(../images/Index/service_bg.jpg) no-repeat center / cover;}
.service-intro{display:flex;align-items:center;position:relative;padding-left:7%;padding-right:5%;width:25%;height:100%;}
.service-intro .text{overflow:hidden;}
.service-intro .text h2{font-size:48px;font-weight:600;color:#000;}
.service-intro .text p{margin-top:20px;font-size:16px;line-height:30px;color:#666;overflow:hidden;}
.service-tab-menu{position:absolute;z-index:3;top:50%;right:0;width:120px;background:#fff;transform:translate(50%,-50%);}
.service-tab-menu li{padding:25px;height:120px;text-align:center;font-size:30px;color:#000;cursor:pointer;transition:all .25s;}
.service-tab-menu li.cur{color:#fff;background:var(--vi-subcolor);}

.service-main{width:75%;height:100%;}
.service-tab-con{display:none;height:100%;}
.service-tab-con:first-child{display:block;}
.service-list{display:flex;justify-content:flex-end;height:100%;}
.service-list .item{position:relative;width:25%;height:100%;overflow:hidden;transition:all 1s;background:#fff;}
.service-list .item .pic{position:relative;width:100%;height:100%;}
.service-list .item .pic:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);transition:all 1s;}
.service-list .item .pic img{display:block;max-width:unset;height:100%;}
.service-list .item .tit{position:absolute;z-index:3;left:35px;right:35px;bottom:40px;color:#fff;font-size:24px;white-space:nowrap;}
.service-list .item:hover .pic:after{opacity:0;} 
@media(max-width:1600px){
.service-intro .text h2{font-size:42px;}
.service-intro .text p{font-size:15px;line-height:26px;}
.service-tab-menu{width:100px;}
.service-tab-menu li{padding:20px;height:100px;text-align:center;font-size:25px;}
}
@media(max-width:1024px){
.service{padding:40px 20px;flex-wrap:wrap;}
.service-intro{padding:0;width:100%;flex-wrap:wrap;}
.service-intro .text h2{font-size:24px;}
.service-intro .text p{font-size:14px;line-height:1.5;}
.service-tab-menu{position:static;margin-top:25px;width:100%;transform:unset;}
.service-tab-menu ul{display:flex;justify-content:center;}
.service-tab-menu li{padding:10px;width:50%;height:auto;font-size:16px;}
.service-main{margin-top:10px;width:100%;}
.service-list{flex-wrap:wrap;height:auto;}
.service-list .item{margin-top:10px;width:100%;}
.service-list .item .pic img{width:100%;height:auto;transition:all 2s;}
.service-list .item .tit{left:25px;right:25px;bottom:30px;color:#fff;font-size:18px;}
.service-list .item:hover{width:100%;}
.service-list .item:hover~.item{width:100%;}
.service-list .item:hover .pic img{transform:scale(1.1);}
}
/*--end service--*/

/*--news--*/
.news{display:flex;align-items:center;overflow:hidden;background:url(../images/Index/news_bg.jpg) no-repeat center / cover;}
.news-hd{display:flex;justify-content:space-between;}
.news-hd h2{line-height:1.5;font-size:48px;font-weight:600;color:#000;}
.news-hd a{display:flex;align-items:center;justify-content:space-between;padding:0 25px;width:160px;line-height:44px;height:48px;text-align:center;font-size:16px;color:var(--vi-color);border:var(--vi-color) solid 2px;border-radius:30px;transition:all 1s;}
.news-hd a:after{display:block;font-family:"iconfont";content:"\e624";}
.news-hd a:hover{color:#fff;border-color:var(--vi-subcolor);background-color:var(--vi-subcolor);}
.news-bd{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;transform:translateY(30px);opacity:0;transition:all 2s 1s;}
.news-bd .news-top{display:flex;flex-wrap:wrap;width:65%;}
.news-bd .news-top .item{display:block;margin-right:24px;width:calc(50% - 24px);overflow:hidden;background:#fff;transition:all 1s;}
.news-bd .news-top .pic{overflow:hidden;}
.news-bd .news-top .pic img{display:block;transition:all 1s;}
.news-bd .news-top .text{padding:36px 36px 40px;overflow:hidden;}
.news-bd .news-top .text em{display:block;font-size:16px;color:#333;}
.news-bd .news-top .text h3{margin-bottom:60px;height:60px;line-height:30px;font-size:20px;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-bd .news-top .text span{display:flex;align-items:center;font-size:16px;line-height:26px;color:var(--vi-color);}
.news-bd .news-top .text span:after{display:block;margin-left:12px;font-family:"iconfont";content:"\e609";}
.news-bd .news-top .item:hover{background:var(--vi-color);}
.news-bd .news-top .item:hover .pic img{transform:scale(1.1);}
.news-bd .news-top .item:hover .text *{color:#fff;}
.news-bd .news-list{width:35%;}
.news-bd .news-list .item{display:flex;justify-content:space-between;padding:30px 0;width:100%;border-bottom:rgba(0,0,0,0.1) solid 1px;}
.news-bd .news-list .item:first-child{padding-top:0;}
.news-bd .news-list .item:last-child{padding-bottom:0;border-bottom:none;}
.news-bd .news-list .pic{width:45.38%;overflow:hidden;}
.news-bd .news-list .pic img{transition:all 1s;}
.news-bd .news-list .text{position:relative;width:51%;overflow:hidden;}
.news-bd .news-list .text h3{font-size:16px;color:#272727;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-bd .news-list .text em{position:absolute;left:0;bottom:0;font-size:16px;color:#272727;}
.news-bd .news-list .item:hover .pic img{transform:scale(1.1);}
.news-bd .news-list .item:hover .text *{color:var(--vi-color);}
.section-slide.swiper-slide-active .news .news-bd{transform:translateY(0);opacity:1;}
@media(max-width:1600px){
.news-hd h2{font-size:42px;}
.news-bd .news-top .text h3{font-size:18px;}
}
@media(max-width:1024px){
.news{padding:40px 20px;flex-wrap:wrap;}
.news-hd h2{font-size:24px;}
.news-hd a{padding:0 15px;width:120px;line-height:36px;height:38px;font-size:14px;border-width:1px;}
.news .news-bd{transform:translateY(0);opacity:1;}
.news-bd .news-top{width:100%;}
.news-bd .news-list{margin-top:25px;width:100%;}
.news-bd .news-top .item{margin-right:0;margin-bottom:10px;width:100%;}
.news-bd .news-top .text{padding:20px;}
.news-bd .news-top .text em{font-size:14px;}
.news-bd .news-top .text h3{margin-bottom:20px;height:50px;line-height:25px;font-size:16px;}
.news-bd .news-top .text span{font-size:14px;}
.news-bd .news-list .item{padding:20px 0;}
.news-bd .news-list .text h3{font-size:14px;}
.news-bd .news-list .text em{font-size:14px;}
}
/*--end news--*/

/*--idel--*/
.idel{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;}
.idel .item{position:relative;z-index:1;width:50%;height:100%;overflow:hidden;}
.idel .item:after{display:block;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";background-position:center;background-size:cover;transition:all 2s linear;}
.idel .item:nth-child(1):after{background-image:url(../images/Index/idel01_bg.jpg);}
.idel .item:nth-child(2):after{background-image:url(../images/Index/idel02_bg.jpg);}
.idel .item .text{position:absolute;z-index:3;top:18%;left:18%;color:#fff;transform:translateY(30px);opacity:0;transition:all 1s 1s;}
.idel .item .text h2{line-height:1.5;font-size:48px;font-weight:600;}
.idel .item .text p{margin-bottom:22px;height:90px;line-height:30px;font-size:18px;}
.idel .item .text a{display:flex;align-items:center;justify-content:space-between;padding:0 25px;width:160px;line-height:44px;height:48px;text-align:center;font-size:16px;color:#fff;border:#fff solid 2px;border-radius:30px;transition:all 1s;}
.idel .item .text a:after{display:block;font-family:"iconfont";content:"\e624";}
.idel .item:hover:after{transform:scale(1.1);}
.idel .item:hover .text a{color:#fff;border-color:var(--vi-subcolor);background-color:var(--vi-subcolor);}
.section-slide.swiper-slide-active .idel .item .text{transform:translateY(0);opacity:1;}
@media(max-width:1600px){
.idel .item .text h2{font-size:42px;}
}
@media(max-width:1024px){
.idel .item{width:100%;height:60vw;}
.idel .item .text{top:0;left:0;padding:25px;transform:translateY(0);opacity:1;}
.idel .item .text h2{font-size:24px;}
.idel .item .text p{margin-bottom:12px;height:75px;line-height:25px;font-size:14px;}
.idel .item .text a{padding:0 15px;width:120px;line-height:36px;height:38px;font-size:14px;border-width:1px;}
}
/*--end idel--*/

/*--ad--*/
.ad{display:flex;align-items:center;position:relative;z-index:1;overflow:hidden;}
.ad:after{display:block;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";background:url(../images/Index/ad_bg.jpg) no-repeat center / cover;transition:all 2s linear;}
.ad .text{padding:0 20px;width:100%;text-align:center;color:#fff;transform:translateY(30px);opacity:0;transition:all 1s 1s;}
.ad .text h2{line-height:1.5;font-size:48px;font-weight:600;}
.ad .text p{margin-bottom:30px;height:90px;line-height:30px;font-size:18px;}
.ad .text a{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 25px;width:160px;line-height:44px;height:48px;text-align:center;font-size:16px;color:#fff;border:#fff solid 2px;border-radius:30px;transition:all 1s;}
.ad .text a:after{display:block;font-family:"iconfont";content:"\e624";}
.ad .text a:hover{color:#fff;border-color:var(--vi-subcolor);background-color:var(--vi-subcolor);}
.ad:hover:after{transform:scale(1.1);}

.section-slide.swiper-slide-active .ad .text{transform:translateY(0);opacity:1;}
@media(max-width:1600px){
.ad .text h2{font-size:42px;}
}
@media(max-width:1024px){
.ad{margin-top:40px;}
.ad .text{padding:40px 20px;transform:translateY(0);opacity:1;}
.ad .text h2{font-size:24px;}
.ad .text p{margin-bottom:12px;height:75px;line-height:25px;font-size:14px;}
.ad .text a{padding:0 15px;width:120px;line-height:36px;height:38px;font-size:14px;border-width:1px;}
}
/*--end ad--*/