.common-main{overflow-x:hidden}
.page-main{padding-top:0}
.home-projects{padding-top:5%;position:relative;z-index:1;color:#FFFFFF;text-align:center;}
.home-projects .l-wrap{max-width:900px;position:relative;padding:0}
.home-projects::before{content:"";position:absolute;top:0;left:50%;width:100vw;transform:translateX(-50%);height:calc(100% - 20px);background:var(--hovercolor);}
.home-projects .home-title{margin-bottom:30px}
.home-projects .video{width:100%;margin-top:60px}
.home-projects .video iframe,.home-projects .video video{width:100%}
.home-projects video{height:auto;min-height:inherit;margin-top:30px;width:100%;}
@media (max-width:1024px){.home-projects .video{margin-top:30px}
.home-projects::before{height:100%}}
@media (max-width:768px){.home-projects{padding:50px 0}
.home-projects .home-title{margin-bottom:10px}}
.home-choose{padding:5% 0;position:relative;background:var(--hovercolor);color:#FFFFFF;margin-top:50px}
.home-choose .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;padding:0}
.home-choose::before{content:"";position:absolute;top:0;left:50%;width:100vw;transform:translateX(-50%);height:100%;background:var(--hovercolor);}
.home-choose .left{width:40%;padding-right:3%}
.home-choose .left .home-title{text-align:left}
.home-choose .left p{margin:1em 0}
.home-choose .left .home-more{margin-top:1em}
.home-choose .right{flex:1}
.home-choose .right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}
.home-choose .right ul li{width:47%;padding:15px;position:relative}
.home-choose .right ul li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid transparent;border-radius:10px}
.home-choose .right ul li:hover::after{border-color:#FFFFFF;animation:drawBorderLine 2s linear infinite}
@keyframes drawBorderLine{0%{clip-path:inset(100% 0 0 0)}
25%{clip-path:inset(0 100% 0 0)}
50%{clip-path:inset(0 0 100% 0)}
75%{clip-path:inset(0 0 0 100%)}
100%{clip-path:inset(100% 0 0 0)}}
.home-choose .right ul li:nth-child(n+3){margin-top:3em}
.home-choose .right ul li:hover em{transform:rotateY(180deg)}
.home-choose .right ul li em{color:var(--color);font-size:var(--fontsize40);line-height:1;display:inline-block;transition:all .2s linear}
.home-choose .right ul li .p1{font-size:var(--fontsize24);font-weight:var(--fontbold6);margin:10px 0 0}
.home-choose .right ul li .p2{color:#a5b5c4}
@media (max-width:1024px){.home-choose .right ul li{width:48%}
.home-choose{padding:50px 0;margin-top:30px}
.home-choose .l-wrap{flex-direction:column}
.home-choose .left{width:100%;padding:0}
.home-choose .left .home-more{margin-top:0}
.home-choose .right{margin-top:20px}}
@media (max-width:500px){.home-choose .right ul li{width:100%;margin-top:1em!important;padding:10px 0}
.home-choose .right ul li .p1{font-size:var(--fontsize20)}
.home-choose .right ul li::after{display:none}}