:root{--hometitlefont:36px;--borderradius:5px}
@media(max-width:1440px){:root{--hometitlefont:30px}}
@media(max-width:1024px){:root{--hometitlefont:26px}}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor)}
.home-indexadv{padding:4% 0;position:relative}
.home-indexadv{background:no-repeat center;background-size:cover;background:#fff;}
.home-indexadv .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-indexadv .indexadv-left{width:45%}
.home-indexadv .indexadv-left .indexadv-left-text p{margin-bottom:10px}
.home-indexadv .indexadv-left .home-title{text-align:left;margin-bottom:20px}
.home-indexadv .indexadv-left .indexadv-video{display:flex;flex-wrap:wrap;align-items:center;margin-top:2em}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:228px;height:100px;background:#F7F7F7;position:relative}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#F7F7F7;border-radius:50%;color:var(--color);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize22);cursor:pointer}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap iframe,.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap video{width:100%;height:100%;object-fit:cover}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{flex:1;padding-left:20px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content span{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.home-indexadv .indexadv-left .home-more{margin-top:2em}
.home-indexadv .indexadv-right{flex:1;padding-left:30px}
.home-indexadv .indexadv-right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0px}
.home-indexadv .indexadv-right ul li{width:48%;box-shadow:0px 3px 20px 0px #DEDEDE;border-radius:var(--borderradius);background:#FFFFFF;padding:20px 20px;transition:all .2s linear}
.home-indexadv .indexadv-right ul li:nth-child(1),.home-indexadv .indexadv-right ul li:nth-child(2){margin-bottom:1.2em}
.home-indexadv .indexadv-right ul li .icon{width:70px;height:70px;background:var(--bgcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.home-indexadv .indexadv-right ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.01);background:#f3f8f6;z-index:-1;width:100%;height:100%;transition:all .3s linear;border-radius:50%}
.home-indexadv .indexadv-right ul li .icon img{width:100%;border-radius:50%;height:100%;object-fit:cover}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize32);background-image:var(--bgcolor);-webkit-background-clip:text;color:transparent;transition:all .3s linear}
.home-indexadv .indexadv-right ul li span{font-size:var(--fontsize18);font-weight:var(--fontbold6);display:inline-block;padding:10px 0px 6px;text-transform:capitalize}
.home-indexadv .indexadv-right ul li p{color:var(--introcolor);font-size:var(--fontsize14)}
.home-indexadv .indexadv-right ul li:hover .icon::after{transform:translate(-50%,-50%) scale(0)}
.home-indexadv .indexadv-right ul li:hover .icon em{color:#FFFFFF}
@media(max-width:1024px){.home-banner .banner-animote .p1{font-size:var(--fontsize24)}
.home-banner .banner-animote .p2 a{min-width:150px;height:45px}
.home-indexadv .indexadv-left{width:100%}
.home-indexadv .indexadv-right{padding-left:0px;padding-top:30px}}
@media(max-width:768px){.home-indexadv{padding:40px 0px}x
.home-indexadv{background:none !important}
.home-indexadv .indexadv-left .home-title{text-align:center}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:100%;height:auto}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{width:44px;height:44px;font-size:var(--fontsize30)}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{padding-left:0px;padding-top:20px}
.home-indexadv .indexadv-right ul li{width:100%;margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:60px;height:60px}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize26)}}
.about{padding-top:40px}
.about-top-left figure{margin-top:0}
.service{padding-bottom:50px}
.about-top-right{margin:0;padding:0}