﻿.home-des{font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--introcolor);text-align:center;margin-bottom:10px}
.home-case2{padding:4% 0 0;position:relative}
#homecase{padding:15px 0}
.home-case2 .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case2 .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case2 .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case2 .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case2 .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.home-case2 .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#FFFFFF;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:5px;z-index:1;padding:20px 20px;text-align:center}
.home-case2 .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case2 .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case2 .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case2 .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case2 .homecase-wrap .homecase-button-next,.home-case2 .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color1);color:var(--color1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case2 .homecase-wrap .homecase-button-next:hover,.home-case2 .homecase-wrap .homecase-button-prev:hover{background:var(--color1);color:#FFFFFF}
.home-case2 .homecase-wrap .homecase-button-next{left:auto;right:28%}
@media(max-width:1024px){.home-case2 .homecase-wrap .swiper-slide{transform:scale(1)!important}
.home-case2 .homecase-wrap .swiper-slide .item .content{display:block}
#homecase{padding-bottom:50px}
.home-case2 .homecase-wrap .homecase-button-next,.home-case2 .homecase-wrap .homecase-button-prev{bottom:0px}}
@media(max-width:768px){.home-case2{padding:40px 0px 0px}}
.home-adv::before{height:100%}
.homeadv-list2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;}
.homeadv-list2 li{color:#fff;width:24%;padding:15px;transition:.3s;}
.homeadv-list2 li .top{display:flex;align-items:center;margin-bottom:10px;}
.homeadv-list2 li .top em{font-size:30px;}
.homeadv-list2 li .top .title{line-height:1.3;padding-left:15px;text-transform:uppercase;font-size:var(--fontsize18);}
.homeadv-list2 li:hover{background:var(--color)}
@media (max-width:1440px){.homeadv-list2 li .top .title{font-size:var(--fontsize17);padding-left:10px}}
@media (max-width:1280px){.homeadv-list2 li{width:48%;margin-bottom:20px}}
@media (max-width:768px){.homeadv-list2{margin-top:20px;}
.homeadv-list2 li{width:100%;margin-bottom:20px;padding:12px}}
.home-about .l-wrap .about-info .aboutmeta{display:flex;align-items:center;margin-top:20px}
.home-about .l-wrap .about-info .aboutmeta .home-more{margin-top:0;margin-right:20px;border-radius:40px}
.home-about .l-wrap .about-info .aboutmeta .tel{display:flex;align-items:center;line-height:1.4}
.home-about .l-wrap .about-info .aboutmeta .tel em{background-color:var(--color1);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--fontsize22);color:#FFFFFF;position:relative;margin-right:14px}
.home-about .l-wrap .about-info .aboutmeta .tel em::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:1px solid var(--color1);border-radius:50%;animation:aboutanimate 2s linear infinite}
.home-about .l-wrap .about-info .aboutmeta .tel .p2{font-weight:var(--fontbold6);font-size:var(--fontsize18)}
@keyframes aboutanimate{0%{opacity:1;width:100%;height:100%}50%{opacity:1;width:calc(100% + 5px);height:calc(100% + 5px)}100%{opacity:0;width:calc(100% + 10px);height:calc(100% + 10px)}}
@media (max-width:768px){.home-about .l-wrap .about-info .aboutmeta .home-more{margin:0px 0px 10px 0px}
.home-about .l-wrap .about-info .aboutmeta{display:block}}
.home-videos{position:relative;padding:4% 0}
#videoswiper{margin-top:30px}
#videoswiper .videoswiper-pagination{text-align:center;margin-top:30px}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#videoswiper .swiper-slide{background:#F7F7F7;transition:all .2s linear;border-radius:10px;overflow:hidden;height:auto}
#videoswiper .swiper-slide:hover{background:var(--color);color:#FFFFFF}
#videoswiper .swiper-slide .video{width:100%;}
#videoswiper .swiper-slide .video iframe,#videoswiper .swiper-slide .video img,#videoswiper .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
#videoswiper .swiper-slide p{margin:15px 20px;font-size:var(--fontsize18);font-weight:var(--fontbold5);line-height:1.4}
@media (max-width:768px){.home-videos{padding:30px 0px}
#videoswiper{margin-top:20px}}
@media (min-width:1025px){.home-mainproduct .homepro-list .swiper-slide .info .text{-webkit-line-clamp:4;}}
.home-adv::before,.home-mainproduct{background:#0d1b2a}
  .home-about .l-wrap .about-info h1{max-width:unset}
.home-about .l-wrap .about-info .list li .text{margin-top:0}
.home-about .l-wrap .about-info .list li{margin-bottom:3%}
.home-about .l-wrap .about-info h1{font-size:var(--fontsize30)}
@media (max-width:1280px){.home-about .l-wrap .about-info h1{font-size:var(--fontsize24)}}
.home-about .l-wrap .about-img iframe{width:100%}
@media (max-width: 768px){.home-about .l-wrap .about-img iframe{min-height:300px}}
.home-banner .swiper-slide.swiper-slide-active img{animation:none}
@media (max-width:500px){.home-banner .swiper-slide img{display:block;aspect-ratio:11/5;object-fit:cover}}
@media (max-width:1024px){.home-banner .swiper-pagination{bottom:-7px}}
@media (max-width:1024px){.home-banner .swiper-slide img{display:block;aspect-ratio:11 / 5;object-fit:cover}.home-banner .swiper-slide:nth-of-type(1) img{aspect-ratio:unset}
.home-banner .swiper-slide:not(:nth-of-type(1)) img,.home-banner .swiper-slide a{height:100%;display:inline-block}
.home-banner .swiper-slide img{height:100%}
.home-banner .swiper-slide{height:auto}
.home-banner .swiper-wrapper{align-items:stretch}}
@media (min-width:769px){.about-img lite-youtube {height:600px}}