.home-about{padding-top:150px;position:relative;overflow:hidden;margin-bottom:4%}
.home-about:before{content:'';width:100%;height:calc(100% - 140px);background:#F8F8F8;position:absolute;top:0;left:0;}
.home-about:after{content:'JERRYAN';position:absolute;top:9%;right:0;font-weight:bold;font-size:150px;opacity:.1;color:#999}
.home-about .home-title{width:100%;text-align:left;font-weight:var(--fontbold7);margin-top:0;margin-bottom:35px}
.home-about .l-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:1}
.home-about .home-about-content{padding-bottom:160px;padding-right:50px;width:50%;}
.home-about .home-about-content p{font-size:var(--fontsize18);font-weight:400;color:#333;line-height:1.7;}
.home-about .home-about-btn{margin-top:40px;}
.home-about .home-about-btn a{font-size:var(--fontsize18);color:#333}
.home-about .home-about-btn a em{width:3px}
.home-about .home-about-btn a:hover{color:var(--color)}
.home-about .home-about-pic{width:50%;}
.home-about .home-about-posimg{position:absolute;width:18%;bottom:0;left:-10%;display:none}
.home-about .home-about-picswiper{position:relative;height:100%}
.home-about .home-about-picswiper .swiper-container{height:100%}
.home-about .home-about-picswiper img{display:block;width:100%;height:100%;object-fit:cover}
.home-about .about-pic-btn{position:absolute;bottom:30px;right:100%;margin-right:50px;display:flex}
.home-about .about-pic-btn>div{display:inline-block;position:static;width:74px;height:74px;border-radius:50%;background:#dedede;margin-left:20px;text-align:center;line-height:74px;transition:all 0.3s ease;cursor:pointer}
.home-about .about-pic-btn>div em{font-size:30px}
.home-about .about-pic-btn>div:hover{background:var(--color);color:#fff}
.home-about-picswiper .swiper-pagination{display:none}
@media (max-width:1500px){.home-about{padding-top:80px;}
.home-about .home-about-btn{margin-top:30px}
.home-about .home-about-content p,.home-about .home-about-btn a{font-size:var(--fontsize16);line-height:1.5}
.home-about .home-about-btn a em{font-size:14px}
.home-about:after{font-size:120px;line-height:1}}
@media (max-width:1280px){.home-about .about-pic-btn>div{width:60px;height:60px;line-height:60px}
.home-about .about-pic-btn>div em{font-size:24px}}
@media (max-width:1024px){.home-about{padding-top:50px;padding-bottom:50px;margin:0}
.home-about:before{height:100%;}
.home-about:after{display:none}
.home-about .home-about-posimg,.home-about .about-pic-btn{display:none;}
.home-about .home-about-content{width:100%;padding:0 0 20px}
.home-about .home-title{margin-bottom:20px}
.home-about .home-about-btn{margin-top:15px}
.home-about .home-about-pic{width:100%;}
.home-about-picswiper .swiper-pagination{display:block}}
#projects{padding-top:5%}
#projects::after{display:none}
#projects::before{background:#f1f1f1}
#projects .home-title{color:var(--fontcolor)}
#news {padding-top:4%}
.home-title{text-transform:uppercase;font-weight:var(--fontbold7);margin-top:0;margin-bottom:35px;}
@media (max-width:768px){.home-title{margin-bottom:20px;}}
#product .home-label{display:none;}

.home-cus{text-align: center;padding: 4% 0;}
.home-cus .txt{font-size: var(--fontsize18);font-weight: 400;color: #333;line-height: 1.7;max-width: 1200px;margin: 0 auto;}
.home-cus img{margin: 2% auto;width:100%;max-width:1000px;}
.home-cus .more{background: var(--color);color: #000;border-radius: 4px;padding: 5px 10px;display: inline-block;width: 200px;font-size: var(--fontsize18);}
#news{display:none;}

.home-show{position: relative;padding: 4.5% 0 4%;}
.home-show>img{width: 100%;position: absolute;top: 0;}
@media (min-width:769px){.home-show>img{height:100%;object-fit:cover;}}
.home-show .content{width: 100%;margin: 0px auto;max-width: 1640px;padding: 0px 15px;position: relative;z-index: 9;}
.home-show .content .list{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top:6%;}
.home-show .content .list .item{width: 24%;display: flex;flex-direction: column;}
.home-show .content .list .item img{width: 100%;}
.home-show .content .list .item .title{background: #fff;color: #000;padding: 5px 10px;height: 60px;text-align: center;font-size: var(--fontsize16);font-weight: var(--fontbold7);-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
@media(max-width:768px){.home-show .content .list .item{width:100%;margin-bottom:15px;}}