@charset "utf-8";

/* 
    author:Kelp;
    date:2022-07-30;
    Copyright:©Kelp;
*/

/*--banner--*/
.banner{position:relative;overflow:hidden;}
.banner .item{position:relative;overflow:hidden;}
.banner .item .pic{overflow:hidden}
.banner .item .pic img{display:block;width:100%;transform:scale(1.2);transition:all 5s linear;}
.banner .item .text{position:absolute;z-index:9;left:50%;top:22.5%;width:73vw;text-align:right;transform:translateX(-50%);}
.banner .item .text h2{font-size:54px;line-height:1.25;font-weight:500;color:#fff;transform:translateY(-100%);transition:all 1s;}
.banner .item .text p{margin-top:10px;font:28px/1.25 "OPPOSansM";line-height:1.25;color:#fff;letter-spacing:1px;text-transform:uppercase;transform:translateY(-100%);transition:all 1s;}
.banner .item.swiper-slide-active .pic img{transform:scale(1);}
.banner .item.swiper-slide-active .text h2,.banner .item.swiper-slide-active .text p{transform:translateY(0);} 
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:14%;width:100%;text-align:center;}
.banner .swiper-pager span{margin:0 2px !important;width:75px;height:4px;background:#fff;opacity:1;border-radius:2px;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:#e44709;}
@media(max-width:1200px){
.banner .item .text{left:0;top:50%;width:100%;text-align:center;transform:translate(0,-50%);}
.banner .item .text h2{font-size:30px;}
.banner .item .text p{font-size:16px;}
.banner .swiper-pager span{width:30px;height:2px;}
}
/*--end banner--*/

/*--products--*/
.products{position:relative;z-index:9;padding:40px 0;overflow:hidden;}
.products-slide{position:relative;}
.products-slide .swiper-prev,.products-slide .swiper-next{position:absolute;z-index:9;top:50%;width:60px;height:60px;cursor:pointer;transform:translateY(-50%);}
.products-slide .swiper-prev{left:-110px;background:url(../images/Index/product_prev.png) no-repeat center / 100%;}
.products-slide .swiper-next{right:-110px;background:url(../images/Index/product_next.png) no-repeat center / 100%;}
.products-slide .swiper-main{overflow:hidden;}
.products-slide .swiper-wrapper{transition:all .5s;}
.products-slide .swiper-slide{position:relative;width:calc(61.3% / 3);overflow:hidden;}
.products-slide .swiper-slide .z1{cursor:pointer;overflow:hidden;}
.products-slide .swiper-slide .z1 img{display:block;width:100%;}
.products-slide .swiper-slide .z2{display:none;position:relative;}
.products-slide .swiper-slide .z2 .pic img{display:block;width:100%;}
.products-slide .swiper-slide .z2 .text{position:absolute;left:0;top:0;padding:40px;width:100%;height:100%;overflow:hidden;}
.products-slide .swiper-slide .z2 .text h3{font-size:34px;font-weight:400;line-height:1.25;color:#fff;letter-spacing:2px;}
.products-slide .swiper-slide .z2 .text p{margin-top:10px;font-family:"OPPOSansM";font-size:12px;letter-spacing:1px;line-height:1.25;color:#fff;text-transform:uppercase;}
.products-slide .swiper-slide .z2 .text a{display:block;margin-top:70px;width:105px;height:32px;text-indent:-9999px;background:url(../images/Index/read.png) no-repeat;}
.products-slide .swiper-slide.cur{width:38.7%;cursor:pointer;}
.products-slide .swiper-slide.cur .z1{display:none;}
.products-slide .swiper-slide.cur .z2{display:block;}
.products-slide .swiper-slide.cur .z2 .pic img{animation:ScaleImg 1s linear;}
.products-slide .swiper-slide.cur .z2 .text h3{animation:TranslateY 2s;}
.products-slide .swiper-slide.cur .z2 .text p{animation:TranslateY 2s;}
.products-m{display:none;}
.products-m li{overflow:hidden;}
.products-m li img{display:block;width:100%;}
@media(max-width:1200px){
.products{padding:10px;}
.products-slide{display:none;}
.products-m{display:block;}
}
@keyframes ScaleImg{
0%{transform:scale(1.5);}
100%{transform:scale(1);}
}
@keyframes TranslateY{
0%{transform:translateY(-100%);}
100%{transform:translateY(0);}
}
/*--end products--*/

/*--cases--*/
.cases{overflow:hidden;background:url(../images/Index/case_bg.jpg) no-repeat center / cover;}
.cases-hd{height:70px;line-height:70px;overflow:hidden;border-bottom:#ebecec solid 1px;}
.cases-hd .box-title{margin:0 auto;max-width:1400px;width:83.33vw;}
.cases-hd .box-title h2{position:relative;padding-left:43px;font-size:24px;color:#565454;background:url(../images/Index/cases_title.png) no-repeat 0 center;}
.cases-bd{padding:45px 0;overflow:hidden;}
.cases-slide{position:relative;margin:0 auto;max-width:1400px;width:83.33vw;}
.cases-slide .item{position:relative;overflow:hidden;background:#f2f2f2;opacity:.4;}
.cases-slide .pic{width:70%;overflow:hidden;}
.cases-slide .pic img{display:block;transition:all 1s;}
.cases-slide .pic:hover img{transform:scale(1.1);}
.cases-slide .text{position:absolute;z-index:3;right:7%;bottom:0;padding:160px 40px 60px;width:460px;height:480px;overflow:hidden;background:#fff;transform:translateY(100%);transition:all 1.5s .5s;}
.cases-slide .text .tit{padding-bottom:35px;overflow:hidden;background:url(../images/Index/case_tit.png) no-repeat 0 bottom;}
.cases-slide .text .tit h3{font-size:bold;font-size:24px;overflow:hidden;}
.cases-slide .text .tit h3 a{color:#e44709;}
.cases-slide .text .summary{padding:26px 15px 26px 0;overflow:hidden;}
.cases-slide .text .summary p{height:calc(26px * 4);line-height:26px;font-size:13px;color:#6a6a6a;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.cases-slide .text .read{overflow:hidden;}
.cases-slide .text .read a{display:block;float:right;width:132px;height:35px;text-indent:-9999px;background:url(../images/Index/read02.png) no-repeat center / 100%;}
.cases-slide .item.swiper-slide-active{opacity:1;}
.cases-slide .item.swiper-slide-active .text{transform:translateY(0);}
.cases-slide .swiper-arrow{display:flex;position:absolute;z-index:9;top:40px;right:-105px;width:250px;height:40px;display:none;}
.cases-slide .swiper-arrow>div{position:relative;width:115px;height:40px;cursor:pointer;overflow:hidden;}
.cases-slide .swiper-arrow>div:before{display:block;position:absolute;top:50%;margin-top:-13px;width:26px;height:26px;content:"";border:#565454 solid 2px;transform:rotate(-45deg);transition:all 1s;}
.cases-slide .swiper-arrow>div:after{display:block;position:absolute;top:50%;margin-top:-1px;width:55px;height:2px;content:"";background:#565454;transition:all 1s;}
.cases-slide .swiper-arrow>div:hover:before{border-color:#e44709;}
.cases-slide .swiper-arrow>div:hover:after{width:105px;background-color:#e44709;}
.cases-slide .swiper-arrow>div.swiper-button-disabled{opacity:.25;}
.cases-slide .swiper-arrow>div.swiper-prev:before{right:30px;border-right:0;border-bottom:0;}
.cases-slide .swiper-arrow>div.swiper-prev:after{right:5px;}
.cases-slide .swiper-arrow>div.swiper-prev:hover:before{right:80px;}
.cases-slide .swiper-arrow>div.swiper-next:before{left:30px;border-left:0;border-top:0;}
.cases-slide .swiper-arrow>div.swiper-next:after{left:5px;}
.cases-slide .swiper-arrow>div.swiper-next:hover:before{left:80px;}
@media(max-width:1200px){
.cases{padding:0 10px;}
.cases-hd{height:45px;line-height:45px;}
.cases-hd .box-title{width:100%;}
.cases-hd .box-title h2{font-size:18px;}
.cases-bd{padding:25px 0;}
.cases-slide{width:100%;transform:translateX(0);}
.cases-slide .pic{width:100%;}
.cases-slide .text{right:0;padding:15px;width:100%;height:auto;transform:translateY(0);background:rgba(0,0,0,0.5);}
.cases-slide .text .tit{padding-bottom:0;text-align:center;background:none;}
.cases-slide .text .tit h3{font-size:16px;}
.cases-slide .text .tit h3 a{color:#fff;}
.cases-slide .text .summary{display:none;}
.cases-slide .text .read{display:none;}
.cases-slide .swiper-arrow{display:none;}
}
/*--end cases--*/