﻿.home-why{position: relative;padding:0 0 4%;}
.home-why:after{content:'';width:100%;height:50%;display:block;background: var(--color);position: absolute;bottom:0;left:0;z-index:1;}
.home-why>*{position:relative;z-index:2;}
.home-why .home-title{font-weight: var(--fontbold7);}
.home-why .home-title span{color:var(--color)}
.home-why .home-des{color:var(--fontcolor);text-align:center;display:block;margin:10px 0 30px;}
.home-why .why-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-why .why-list .why-item{width:24%;list-style: none;text-align:center;}
.home-why .why-list .why-item .img{overflow: hidden;border-radius: 10px;border:2px solid #fff;}
.home-why .why-list .why-item .img img{display:block;width:100%;transition: all .3s;}
.home-why .why-list .why-item p{color:#fff;font-weight: var(--fontbold7);margin-top:10px;font-size:18px;}
.home-why .why-list .why-item:hover .img img{transform: scale(1.05);}
@media (max-width:768px){.home-why{padding:40px 0;}
.home-why:after{height:100%;}
.home-why .home-title,.home-why .home-title span,.home-why .home-des{color:#fff;}
.home-why .why-list .why-item{width:49%;}
.home-why .why-list .why-item:nth-child(n+3){margin-top:2%;}
.home-why .why-list .why-item p{font-size:var(--fontsize16)}}
.home-video{padding:4% 0 0;position: relative;}
.home-video ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-video ul li{width:24%;list-style: none;margin-top:2.5%;}
@media (max-width:768px){.home-video{padding-top:40px;}
.home-video ul li{width:49%;}}
@media (max-width:550px){.home-video ul li{width:100%;}}