@media (min-width:1281px){.about-text{max-width: 1260px;width:1260px}}
.home-projects{padding-top:5%;position:relative;z-index:1;color:#FFFFFF;text-align:center;background:#f5f9fc}
.home-projects .common-wrap{max-width:900px;margin: 0 auto;}
.home-projects::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% - 20px);background:var(--hovercolor);z-index:-1}
.home-projects .common-title{margin-bottom:30px}
.home-projects .video{width:100%;margin-top:50px}
.home-projects .video iframe,.home-projects .video video{width:100%;aspect-ratio:1.78;height:auto}
.home-projects .video img{max-width: 720px;width: 100%;}
@media (max-width:1024px){.home-projects .video{margin-top:30px}
.home-projects::before{height:100%}}
@media (max-width:768px){.home-about,.home-cate,.home-choose,.home-pro,.home-projects{padding:40px 0}}

.hot-pro{padding-bottom:3%}

.home-hotpro{position: relative;padding:0 0 3% 0;}
.home-hotpro .home-des{text-align: center;margin-bottom: 10px;text-transform: uppercase;}
.home-hotpro .home-line {height: 1px;margin-top: 10px;position: relative;}
.home-hotpro .common-title{text-align: center;}
.home-hotpro .home-line::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 36px;height: 3px;background: var(--color);}
.home-hotpro .homehotpro-list{margin-top:4%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-hotpro .homehotpro-list .homehotpro-item{width:48%;border:1px solid #EEEEEE;border-radius:var(--borderradius);overflow:hidden;background:#FFFFFF;display:flex;align-items:center;transition:all .15s linear;margin-bottom:2em}
.home-hotpro .homehotpro-list .homehotpro-item:nth-last-child(-n+2):nth-child(n){margin-bottom:0px}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img{width:260px;max-height:260px;display:flex;align-items:center;justify-content:center;overflow: hidden;}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img img{width:100%;height:100%;object-fit:cover;transition: all .3s ease;}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img .icon-videoplay{position:absolute;left:10px;top:10px}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info{padding:10px 20px;flex:1}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .title{font-size:var(--fontsize18);line-height:1.2;font-weight:var(--fontbold6);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-transform:capitalize}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:15px 0px;color:var(--introcolor)}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .more{color:var(--color);text-transform:capitalize}
.home-hotpro .homehotpro-list .homehotpro-item:hover{border-color:var(--color)}
.home-hotpro .homehotpro-list .homehotpro-item:hover .homehotpro-img img{transform:scale(1.1)}
.home-hotpro .homehotpro-list .homehotpro-item:hover .homehotpro-info .title{color:var(--color)}
@media(max-width:1280px){.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img{width:200px;max-height:200px}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .text{-webkit-line-clamp:3}}
@media(max-width:1024px){.home-hotpro{padding:0 0 40px 0;}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img{width:190px;max-height:190px}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info{padding:10px}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .text{margin:10px 0px}}
@media(max-width:768px){.home-hotpro .homehotpro-list .homehotpro-item{width:100%;margin-bottom:2em!important}
.home-hotpro .homehotpro-list .homehotpro-item:last-child{margin-bottom:0!important}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img{width:40%;max-height:150px}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img .icon-videoplay{left:5px;top:5px}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .text{display:none}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .title{margin-bottom:20px}}