@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(lrtk3.css);
/*首页*/
@keyframes scaleAnim{
  0%{         
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  100%{
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
/*轮显*/
.banner .swiper-pagination{ bottom:10px;right: 0;}
.banner .swiper-pagination .swiper-pagination-bullet { width:56px; height: 5px;border-radius: 0%;overflow: hidden;  margin: 0 10px; border-radius:0%; position:relative; z-index:0; overflow:hidden; background:none;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:#fff;border-radius: 0%;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:none; /* width:60px; */}
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:0; height:100%; position:absolute; left:0; top:0; background:var(--main-color); z-index:1;border-radius: 0%;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{ width:100%;/* transition:all 5s; */}
.main .banner .swiper-slide .ends{ text-align:center;}
.main .banner .swiper-slide .ends .rbtn{ /*display:inline-block; */vertical-align:top; margin-left:0.6%; margin-right:0.6%;}
.main .banner .btn{display: none;}
.main .banner .swiper-slide .lzpic1{-webkit-transform: scale(1.1);transform: scale(1.1);}
.main .banner .swiper-slide.swiper-slide-active .lzpic1{-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1400px) {
  
}
@media screen and (max-width: 1300px) {


}
@media screen and (max-width: 1200px) {
/*轮显*/
/*.main .banner:hover .btn .boxs{width:97%;}
.main .banner .btn .boxs{ width:98%;}*/
.main .banner .down{font-size: 13px;}
.main .banner .down span{height: 30px;}
}
@media screen and (max-width: 1100px) {
 
  }

@media screen and (max-width: 992px) {
  /*轮显*/
.main .banner .btn{bottom:50px;}
.main .banner .down{ bottom:36px;}
.banner .swiper-pagination{ bottom:0px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 40px;height: 3px;margin: 0 5px;}
}

@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{ bottom:40px;}
.main .banner .btn .boxs{ margin-top:-40px; width:82px; margin-left:-41px;}
.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:40px; height:40px;background-size:10px auto;}
/*.main .banner .swiper-other { bottom: 20px;}*/
.main .banner .down{ bottom:32px;}
.main .banner .wrap{bottom: 35px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .btn{bottom:30px;}
.main .banner .btn .boxs{ margin-top:-30px; width:62px; margin-left:-31px;}
.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:30px; height:30px;background-size:8px auto;}
.main .banner .swiper-slide .txt{ font-size:32px; margin-bottom:20px;}
.main .banner .swiper-slide .desc{ font-size:18px;}
.main .banner .down{ display:none;}
.banner .swiper-pagination{ width: 100%;}
.main .banner .wrap{bottom: 30px;}
}


@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:30px;}
.main .banner .swiper-slide .desc{ font-size:16px;}
.main .banner .wrap{bottom: 20px;}
}
@media screen and (max-width: 360px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:24px;}
.main .banner .swiper-slide .desc{ font-size:14px;}
}
@media screen and (min-width: 1200px) {
  /*轮显*/
  .main .banner .swiper-container{ height:100%!important;}
  .main .banner .swiper-slide {position: relative; height:100%;/* width: 100%!important; */}
  }

/*跳动数字*/
.i_num{ overflow: hidden;}
.i_num .num{ overflow: hidden; margin-top: 7%;font-size: 16px;display: flex;}
.i_num .num .one{width: 20%; margin-bottom: 4%; position: relative;text-align: center;display: flex;align-items: center;justify-content: center;}
.i_num .num .one::after{content: "";position:absolute;right: 0;top: 0;height: 100%;width: 2px;background: #d0d0d0;}
.i_num .num .one:last-child:after{display: none;}
.i_num .num .top{ color: #222222; line-height: 1;display:inline-block;vertical-align: top;text-align: center;margin-top: 8%;margin-bottom: 8%;}
.i_num .num .top span{/* font-family: 'Open-Sans'; */ line-height: 1; font-weight: bold;color: #00c9c9;display: flex;align-items: center;}
.i_num .num .top span em{font-style: normal;font-weight:bold;overflow: hidden;margin-right: 2px;}
.i_num .num .top label{ overflow: hidden; display: block; margin-top:12px;line-height: 22px;color: #777777;}
.i_num .num .top sub{ display: block; margin-bottom: 40px; }

@media screen and (max-width: 1200px) {
  /*跳动数字*/
  .i_num .num{ font-size: 15px;}
  .i_num .num .top label{margin-top: 10%;}


}
@media screen and (max-width: 992px) {
  /*跳动数字*/
  .i_num .num{ font-size: 14px; margin-top: 6%; text-align: left;}
}
@media screen and (max-width: 780px) {
	/*跳动数字*/
  .i_num .num{flex-wrap: wrap;justify-content: center;}
  .i_num .num .one{width: 32%;margin-right: 2%;margin-bottom: 4%;}
  .i_num .num .one:nth-child(3n){margin-right: 0;}
  .i_num .num .one:nth-child(3)::after{display: none;}

}
@media screen and (max-width: 640px) {
	/*跳动数字*/
  .i_num .num{ margin-top: 7%;}
  .i_num .num .top label{ margin-top: 15px;}


}
@media screen and (max-width: 480px) {
  /*跳动数字*/
  .i_num .num{font-size: 13px;}
  .i_num .num .top label{ margin-top: 0;display: block;clear: both;padding-top: 3%;line-height: 20px;}
  .i_num .num .top{margin-top: 5%;margin-bottom: 5%;}
}
@media screen and (max-width: 420px) {
  /*跳动数字*/
  .i_num .num{ font-size: 12px;}

}
@media (max-width:380px) {
	/*跳动数字*/


}
/*关于我们*/
.about_one{position: relative;overflow: hidden;margin-top: 2%;}
.about_one .wrap{display: flex;justify-content: space-between;max-width: 1600px;height: 648px;align-items: center;}
.about_one_r{width: 50.625%;position: absolute;top: 50%;transform: translate(0%, -50%);left: 0;}
.about_one_r .img{/* box-shadow: 0px 16px 32px -14px rgba(19, 39, 25, 0.2);border-radius:0 20px 20px 0; */overflow: hidden;}
.about_one_r .img img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;}
.about_one_r .img:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_one_l{max-width: 636px;width: 46.3%;overflow: hidden;order: 2;margin-top: 5%;margin-bottom:5%;}
.about_one_l .h3{color: #00c9c9;font-weight: bold;line-height: 1.1;}
.about_one_l .p{overflow: hidden;margin-top:5%;line-height: 1.8;color: #808080;}
.i_more{display: inline-block;vertical-align: top;padding-right: 47px;overflow: hidden;background: url(../images/i_pic1.png) right center no-repeat;background-size: 26px auto;transition:all 0.3s;text-transform: uppercase;color: #808080;margin-top: 5%;}
.i_more:hover{background-image: url(../images/i_pic1_on.png);color: #00c9c9;margin-left: 5px;}
@media screen and (max-width:1560px) {
  /*关于我们*/
  .about_one .wrap{height: 600px;}
}
@media screen and (max-width: 992px) {
  /*关于我们*/
  .about_one{margin-top: 1%;margin-bottom: 6%;}
  .about_one .wrap{display: block;height: auto;}
  .about_one_r{width: 100%;position: static;transform: translate(0%, 0%);}
  .about_one_r .img{border-radius: 0;}
  .about_one_l{max-width: none;width: 100%;margin-bottom: 0;}
  .about_one_l .p{margin-top: 3%;}
  .i_more{margin-top: 4%;}
}
@media screen and (max-width: 640px) {
  /*关于我们*/
  .i_more{background-size: 20px auto;padding-right: 35px;}
}
@media screen and (max-width: 480px) {
  /*关于我们*/
  .about_one{margin-top: 2%;}
  .i_more{background-size: 18px auto;padding-right:26px;}
}
/*视频*/
.i_video_bg{overflow: hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;margin-top: 4%;}
.i_video{max-width: 1272px;margin: 0 auto;position: relative;margin-top: 10%;margin-bottom: 10%;width: 90%;}
.i_video .img{overflow: hidden;}
.i_video .img img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;}
.i_video .img:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_video .videos{position: absolute;    top: 0;left: 0;width: 100%; height: 100%; object-fit: fill;}
@media screen and (max-width:1560px) {
/*视频*/
}
@media screen and (max-width:1200px) {
/*视频*/
}
@media screen and (max-width:992px) {
/*视频*/
}
@media screen and (max-width:640px) {
/*视频*/
}
@media screen and (max-width:480px) {
/*视频*/
}
@media screen and (max-width:420px) {
/*视频*/
}

/*产品*/
.i_title{font-weight: bold;color: #00c9c9;line-height: 1.3;margin-top: 10%;}
.i_product_bg{overflow: hidden;}
.i_product_bg .wrap{max-width: 1273px;}
.i_product{ margin-top: 5%;position: relative;}
.i_product .swiper-container{overflow: visible;}
.i_product .boxs{overflow: hidden;position: relative;}
.i_product .boxs .imgs{ overflow:hidden; position:relative; padding-top:47.212%;border-radius: 40px; }
.i_product .boxs .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_product .boxs:hover .imgs img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.i_product .boxs .bgs{position: absolute;left: 0;width: 100%;top: 0;height: 100%;display: flex;align-items: center;}
.i_product .boxs .cons{width: 90%;margin: 0 auto;max-width: 1130px;overflow: hidden;}
.i_product .boxs .txts{max-width: 280px;width: 26.55%;}
.i_product .boxs .txts .h3{font-weight: bold;color: #00c9c9;overflow: hidden;line-height: 1.3;}
.i_product .boxs .txts .p{color: #808080;overflow: hidden;line-height: 1.5;margin-top: 9%;}
.i_product .boxs .txts .a{font-style:normal; width:118px; height:34px; line-height:34px; text-align:center; background:#ffffff; color:#808080; font-size:12px; display:block; margin-top:5%; position:relative;z-index:0;border-radius:17px; overflow:hidden;margin-top: 50%;}
.i_product .boxs .txts .a:after{ background:#00c9c9; position:absolute; left:0; bottom:0; height:0%; width:100%;transition:all 0.3s; content:""; z-index:-1;}
.i_product .boxs .txts .a:hover:after{ height:100%;}
.i_product .boxs .txts .a:hover{color: #ffffff;}
.i_product .pages{position: absolute;left: 0;width: 100%;height: 0;top: 50%;}
.i_product .pages .swiper-button-prev,.i_product .pages .swiper-button-next{width: 78px;height: 78px;background-size: 100% 100%;}
.i_product .pages .swiper-button-prev{background-image: url(../images/left2.png);margin-left: -130px;}
.i_product .pages .swiper-button-next{background-image: url(../images/right2.png);margin-right: -130px;}
.i_product .pages .swiper-button-prev:hover,.i_product .pages .swiper-button-next:hover{opacity:0.9;filter:Alpha(opacity=90);}
@media screen and (max-width:1560px) {
/*产品*/
.i_product .pages .swiper-button-prev,.i_product .pages .swiper-button-next{width: 68px;height: 68px;}
.i_product .pages .swiper-button-prev{margin-left: -120px;}
.i_product .pages .swiper-button-next{margin-right: -120px;}
}
@media screen and (max-width:1500px) {
/*产品*/
.i_product .pages .swiper-button-prev{margin-left: -100px;}
.i_product .pages .swiper-button-next{margin-right: -100px;}
}
@media screen and (max-width:1440px) {
/*产品*/
.i_product .pages .swiper-button-prev,.i_product .pages .swiper-button-next{width: 60px;height: 60px;}
.i_product .pages .swiper-button-prev{margin-left: -30px;}
.i_product .pages .swiper-button-next{margin-right: -30px;}
}
@media screen and (max-width:1200px) {
/*产品*/
.i_product .boxs .imgs{border-radius: 30px;}
.i_product .boxs .txts .a{margin-top: 40%;}
}
@media screen and (max-width:992px) {
/*产品*/
.i_product .boxs .imgs{border-radius: 20px;padding-top: 58.718%;}
.i_product .boxs .txts .a{margin-top: 30%;}
}
@media screen and (max-width:780px) {
  /*产品*/
  .i_product .boxs .txts .a{margin-top: 20%;}
}
@media screen and (max-width:640px) {
/*产品*/
.i_product .pages .swiper-button-prev,.i_product .pages .swiper-button-next{width: 40px;height: 40px;}
.i_product .pages .swiper-button-prev{margin-left: -23px;}
.i_product .pages .swiper-button-next{margin-right: -23px;}
.i_product .boxs .bgs{position: static;height: auto;margin-top: 5%;display: block;}
.i_product .boxs .txts{width: 100%;max-width: none;}
.i_product .boxs .txts .p{margin-top:3%;line-height: 1.6;}
.i_product .boxs .txts .a{background: #00c9c9;margin-top: 6%;color: #ffffff;}
.i_product .boxs .cons{width: 100%;}
.i_product .pages{top: 34%;}
}
@media screen and (max-width:480px) {
/*产品*/
.i_product .pages .swiper-button-prev,.i_product .pages .swiper-button-next{width: 30px;height: 30px;}
.i_product .pages .swiper-button-prev{margin-left: -18px;}
.i_product .pages .swiper-button-next{margin-right: -18px;}
}
@media screen and (max-width:420px) {
/*产品*/
.i_product .pages{top: 32%;}
}

/*品牌服务*/
.i_brand_bg .wrap{max-width: 1273px;}
.i_brand{overflow: hidden;margin-top: 3.5%;}
.i_brand .boxs{overflow: hidden;position: relative;}
.i_brand .boxs .imgs{ overflow:hidden; position:relative; padding-top:65.921%;border-radius: 20px; }
.i_brand .boxs .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_brand .boxs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_brand .boxs .bgs{position: absolute;left: 0;width: 100%;top: 0;height: 100%;display: flex;align-items: center;}
.i_brand .boxs .a{width: 242px;height: 70px;position: absolute;bottom: 68px;line-height: 70px;text-align: center;border-radius: 35px;background: #ffffff;left: 50%;margin-left: -121px;color: #00c9c9;font-weight: bold;font-style: normal;z-index: 0;overflow: hidden;}
.i_brand .boxs .a:after{ background:#00c9c9; position:absolute; left:0; bottom:0; height:0%; width:100%;transition:all 0.3s; content:""; z-index:-1;}
.i_brand .boxs .a:hover:after{ height:100%;}
.i_brand .boxs .a:hover{color: #ffffff;}
@media screen and (max-width:1560px) {
/*品牌服务*/
.i_brand{margin-top: 4%;}
.i_brand .boxs .a{width: 200px;height: 60px;line-height: 60px;margin-left: -100px;}
}
@media screen and (max-width:1200px) {
/*品牌服务*/
.i_brand{margin-top: 5%;}
.i_brand .boxs .a{width: 180px;height: 50px;line-height: 50px;margin-left: -90px;bottom: 58px;}
}
@media screen and (max-width:992px) {
/*品牌服务*/
.i_brand .boxs .a{width: 170px;height: 46px;line-height: 46px;margin-left: -85px;bottom: 50px;}
.i_brand .boxs .imgs{border-radius: 16px;}
}
@media screen and (max-width:640px) {
/*品牌服务*/
.i_brand .boxs .a{width: 160px;height: 40px;line-height: 40px;margin-left: -80px;bottom: 40px;}
.i_brand .boxs .imgs{border-radius: 10px;}
.i_brand .swiper-wrapper{display: block;}
.i_brand .swiper-slide{width: 100%!important;}
.i_brand .swiper-slide:nth-child(1){margin-bottom: 3%;}
}
@media screen and (max-width:480px) {
/*品牌服务*/
.i_brand .boxs .a{width: 140px;height: 36px;line-height: 36px;margin-left: -70px;bottom: 20px;}
}
@media screen and (max-width:420px) {
/*品牌服务*/
.i_brand .boxs .a{width: 120px;height: 32px;line-height: 32px;margin-left: -60px;bottom: 12px;}
}

/*新闻*/
.i_news{overflow: hidden;margin-top: 5%;text-align: left;display: flex;justify-content: space-between;}
.i_news_bg{text-align: center;}
.i_news_bg .wrap{max-width: 1270px;margin-bottom: 6%;}
.i_news_bg .i_title{text-align: left;}
.i_news .i_news_l{width: 61.89%;max-width: 786px;}
.i_news .i_news_l .imgs{ overflow:hidden; position:relative; padding-top:347px;}
.i_news .i_news_l .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;}
.i_news .i_news_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news .i_news_l .txts{overflow: hidden;background: #e2e2e2;}
.i_news .i_news_l .cons{width: 92%;margin: 0 auto;max-width: 650px;margin-top: 60px;margin-bottom: 64px;}
.i_news .h3{overflow: hidden;line-height: 30px;height: 30px; color: #808080;white-space:nowrap;text-overflow:ellipsis;}
.i_news .date{line-height: 20px;height: 20px;overflow: hidden;margin-top: 5px;font-size: 12px;color: #808080; background:url(../images/i_pic2.png) right center no-repeat; background-size:26px auto;}
.i_news a:hover .date{background-image: url(../images/i_pic2_on.png);}
.i_news .i_news_l .cons .p{overflow: hidden;line-height:20px;height: 40px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: 6px;font-size: 12px;color: #808080;max-width: 450px;}
.i_news .i_news_r{width: 36.3%;max-width: 470px;}
.i_news .i_news_r ul li{display: block;overflow: hidden;padding-left: 26px;padding-right: 26px;border-bottom: 1px solid #b6b6b6;padding-bottom: 21px;margin-bottom: 27px;}
.i_news .i_news_r ul li:last-child{margin-bottom: 0;}
.i_news .i_news_r ul li .imgs{ overflow:hidden; position:relative; padding-top:184px;margin-bottom: 13px;}
.i_news .i_news_r ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;}
.i_news .i_news_r ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
@media screen and (max-width:1560px) {
/*新闻*/
}
@media screen and (max-width:1200px) {
  /*新闻*/

  .i_news .i_news_l .imgs{padding-top: 311px;}
  .i_news .i_news_r ul li{padding-left: 12px;padding-right: 12px;margin-bottom: 18px;padding-bottom: 17px;}
  .i_news .i_news_r ul li .imgs{padding-top: 174px;}
  
}
@media screen and (max-width:992px) {
/*新闻*/
.i_news{display: block;}
.i_news .i_news_l{width: 100%;max-width: none;}
.i_news .i_news_l .cons{margin-top: 30px;margin-bottom: 30px;max-width: none;}
.i_news .i_news_l .imgs{padding-top: 44.18%;margin-bottom: 3%;}
.i_news .i_news_r{width: 100%;max-width: none;margin-top: 2%;}
.i_news .i_news_r ul{display: flex;justify-content: space-between;}
.i_news .i_news_r ul li{margin-bottom: 3%;padding-bottom: 3%;padding-left: 0;padding-right: 0;width: 49%;}
.i_news .i_news_r ul li:last-child{margin-bottom: 3%;}
.i_news .i_news_r ul li .imgs{padding-top: 44.5%;}
}
@media screen and (max-width:640px) {
/*新闻*/
.i_news .date{background-size: 20px auto;}
}
@media screen and (max-width:480px) {
/*新闻*/
.i_news .date{background-size: 18px auto;}
}
@media screen and (max-width:420px) {
/*新闻*/
}

/*视频2*/
.explore-iphone {
  position: relative;
  height: 180vh;margin-top: 4%;
}
.iphone-wrap {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.iphone-text {
  position: absolute;
  left: 50%;
  margin-left: -700px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;display: none;
}
.iphone-text.show strong,
.iphone-text.show p,
.iphone-text.show .explore a {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.iphone-text.show p {
  transition-delay: 0.3s;
}
.iphone-text.show .explore a {
  transition-delay: 0.5s;
}
.iphone-text strong {
  display: block;
  color: #ffffff;
  font-size: 2.29vw;
  line-height: 1;
  font-weight: normal;
  font-family: "Alibaba-SemiBold";
  opacity: 0;
  visibility: hidden;
  transform: translateY(110%);
  transition: 1s cubic-bezier(0.15, 1, 0.35, 1);
}
.iphone-text p {
  margin-bottom: 28px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  font-family: "Alibaba-Regular";
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: 0.6s cubic-bezier(0.15, 1, 0.35, 1);
}
.iphone-text .explore a {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: 1s cubic-bezier(0.15, 1, 0.35, 1);
}
.ihide {
  margin-bottom: 15px;
  overflow: hidden;
}
.iphone-hide {
  position: relative;
  width: 1400px;
  height: 76%;
  background: #e8eaf0;
  overflow: hidden;
  transition: 0.65s;
}
.iphone-hide:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.iphone-hide.show {
  width: 100%;
  height: 100%;
}
.iphone-hide img {
  display: none;
}
.ivideo {
  position: relative;
  left: 50%;
  top: 30%;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.common-arrow {
  position: relative;
  overflow: hidden;
  margin-left: 10px;
  width: 17px;
  line-height: 1;
}
.common-arrow svg {
  display: block;
  position: relative;
  left: 0;
  width: 14px;
  height: auto;
  line-height: 1;
}
.common-arrow svg.hide {
  position: absolute;
  left: -14px;
  top: 0;
  opacity: 0;
}
.explore a {
  display: inline-flex;
  align-items: center;
}
.explore a span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  transition: 200ms ease 0s;
}

.explore-iphone .play-btn-static {
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.explore-iphone .play-btn-static:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 0.26vw solid transparent;
  border-bottom: 0.26vw solid transparent;
  border-left: 0.52vw solid #fff;
}
.explore-iphone .play-btn {
  width: 134px;
  height: 134px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0.4s;
}
.explore-iphone .play-btn.active {
  visibility: visible;
  opacity: 1 !important;
  left: 50%;top: 50%;margin-top: -67px;margin-left: -67px;transform:none!important;
}
.explore-iphone .play-btn:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff;
}

@media screen and (max-width: 1600px) {
  /*视频2*/
  .iphone-hide {
    width: 72.91%;
  }
  .iphone-text {
    margin-left: -36.45%;
  }
}
@media screen and (max-width: 1024px) {
  /*视频2*/
  .iphone-hide {
    width: 90%;
    height: 72%;
  }
  .explore-iphone {
    height: 180vh;
  }
  .iphone-text {
    margin-left: 0;
    left: 5%;
  }

  .explore-iphone .play-btn-static {
    width: 40px;
    height: 40px;
    display: flex !important;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .explore-iphone .play-btn-static:after {
    border-left-width: 10px;
    border-left-color: #fff;
    border-top-width: 6px;
    border-bottom-width: 6px;
    margin-right: -3px;
  }
  .explore-iphone .play-btn {
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .explore-iphone .play-btn:after {
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 10px;
  }
}
@media screen and (max-width: 751px)
{
/*视频2*/
  .explore-iphone {
    height: 280vh;
  }
  .iphone-hide {
    width: 84vw;
    height: 84%;
  }
  .iphone-hide .ivideo {
    position: absolute;
    display: none;
    z-index: 3;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .iphone-hide img {
    display: block;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    object-fit: cover;
  }
  .iphone-text {
    z-index: 5;
  }
  .iphone-text {
    left: 8vw;
    width: 76vw;
  }
  .iphone-text strong {
    font-size: 5.87vw;
  }
  .iphone-text p {
    margin-bottom: 2.93vw;
    font-size: 3.47vw;
    line-height: 1.4;
  }
  .ihide {
    margin-bottom: 1.87vw;
  }
  .explore a span {
    font-size: 3.47vw;
  }
}
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}


/* ====================== 首页 - 第一屏 弹窗视频 Start ====================== */
.index-popup-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  cursor: pointer;
}

.index-popup-video.active {
  opacity: 1;
  visibility: visible;
}

.index-popup-video video {
  width: 100%;
  height: 100%;
}

.index-popup-video .close-btn {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  width: 67px;
  height: 67px;
  border-radius: 100%;
  transform: rotate(45deg);
  cursor: pointer;
  pointer-events: none;
  transform: rotate(45deg)!important;
  left: auto;right: 10%;top: 12%;
}

.index-popup-video .close-btn:before,
.index-popup-video .close-btn:after {
  content: "";
  display: block;
  background-color: #ffffff;
  position: absolute;
}

.index-popup-video .close-btn:before {
  width: 20%;
  height: 2px;
  top: 50%;
  left: 40%;
  margin-top: -1px;
}

.index-popup-video .close-btn:after {
  display: block;
  width: 2px;
  height: 20%;
  left: 50%;
  top: 40%;
  margin-left: -1px;
}

@media screen and (max-width: 1100px) {
  .index-popup-video {
    background-color: #000000;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    padding: 20px;
  }

  .index-popup-video video {
    height: auto;
  }

  .index-popup-video .close-btn {
    position: relative;
    width: 40px;
    height: 40px;
    top: auto;
    left: auto;right: 0;
    margin-bottom: 20px;
    pointer-events: inherit;
    order: -1;
    margin-right: 0;
    margin-left: auto;
  }

  .index-popup-video .close-btn:before {
    width: 40%;
    top: 50%;
    left: 30%;
    background-color: #fff;
  }

  .index-popup-video .close-btn:after {
    height: 40%;
    left: 50%;
    top: 30%;
    background-color: #fff;
  }
}

/* ====================== 首页 - 第一屏 弹窗视频 End ====================== */