﻿.home-des{max-width:830px;margin:0px auto;font-size:var(--fontsize16);color:var(--introcolor);text-align:center;padding:0px 0px 30px}
.home-video{padding:4% 0}
.home-video .home-title{margin-bottom:10px}
.swiper-home-video{position:relative;overflow:hidden;}
.home-video  .swiper-pagination{display:block;position:static;margin-top:15px}
#news{padding-top:4%}
@media (max-width:768px){.home-des{padding:0px 0px 20px}
.home-video{padding:40px 0}
#news{padding-top:40px}}

.home-vr{padding:4% 0;background:#f6f9f6}
.home-vr .home-tip{color:#7a8c68;font-size:var(--fontsize14);font-weight:var(--fontbold5);position:relative;text-align:center;text-transform:uppercase}
.home-vr .home-tip span{position:relative;padding-left:18px}
.home-vr .home-tip span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:linear-gradient(0deg,#74986a 0,#dce5d9 100%)}
.home-vr .home-des{padding-bottom:0}
.home-vr .box{padding:40px 0 40px;position:relative}
.home-vr .box .vrswiper-pagination{position:absolute;width:100%;bottom:-20px;display:flex;justify-content:center}
.home-vr .box .vrswiper-pagination .swiper-pagination-bullet{background-color:var(--color);margin:0 9px}
.home-vr #vrswiper{overflow:hidden}
.home-vr .swiper-slide{height:auto;background-color:rgba(122,140,104,.06);padding:50px 25px 30px}
.home-vr .swiper-slide .img{border:2px solid var(--color1);border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .2s linear}
.home-vr .swiper-slide .img img{width:89%;max-width:280px;border-radius:50%;aspect-ratio:1;object-fit:cover}
.home-vr .swiper-slide .info{text-align:center}
.home-vr .swiper-slide .info .tit{font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.home-vr .swiper-slide .info .more{color:var(--color1);font-size:var(--fontsize14);font-weight:var(--fontbold5);transition:all .2s linear;display:block;text-decoration:underline}
.home-vr .swiper-slide:hover .img{border:6px solid var(--color)}
.home-vr .swiper-slide:hover .info .more{color:var(--color)}
@media (max-width:1024px){.home-vr{padding:40px 0}}
@media (max-width:768px){.home-vr .home-tip span{font-size:var(--fontsize12)}
.home-vr .box{padding-top:25px}
.home-vr .box .vrswiper-pagination{bottom:0}}
@media (max-width:500px){.home-vr{padding:30px 0}
.home-vr .swiper-slide{padding:25px 20px}}