﻿
.home-honor{background:url(https://css02.v15cdn.com/m421/honor-bg.webp) no-repeat center;background-size:cover;padding: 70px 20px 60px;}
.home-honor .l-wrap{max-width: 1600px;margin: 0px auto;}
.home-honor .home-des {max-width: 830px;margin: 0px auto;font-size: var(--fontsize14);color: var(--introcolor);text-align: center;padding: 15px 0px 40px;}
.home-honor .honorwrap{position:relative;padding:0px 80px}
.home-honor .honorwrap .item{width:100%;overflow:hidden;transition:all .2s linear}
.home-honor .honorwrap .item:hover{transform:scale(1.05)}
.home-honor .honorwrap .item img{width:100%;}
@media(max-width:768px){
.home-honor .honorwrap{padding:0px}
.home-honor .honorwrap .swiper{padding-bottom:40px}}
.home-honor .home-button-next,.home-honor .home-button-prev {position: absolute;left: 0px;top: 40%;background: 0 0;width: 40px;height: 40px;border: 1px solid #DFDFDF;display: inline-flex;align-items: center;justify-content: center;transition: all .2s linear;cursor: pointer;}
.home-honor .home-button-next {left: auto;right: 0px;}

.home-why{padding:3%;background-color:#F0F5F1;box-sizing:border-box}
.home-why .why-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-why .why-list .why-item{width:31%;padding:0 20px;text-align:center;margin-bottom:30px;box-sizing:border-box;}
.home-why .why-list .why-item .why-icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .2s linear;margin:0 auto 20px;box-shadow:0px 0px 10px 2px #eee;background-color:#2D9639}
.home-why .why-list .why-item .why-icon em{color:#fff;font-size:30px;display:inline-block;width:30px;line-height:1}
.home-why .why-list .why-item .why-item-title{font-size:var(--fontsize20);font-weight:700;color:#1a1a1a;margin-bottom: 15px;}
.home-why .why-list .why-item .why-desc{color:#555;line-height:1.6;margin:0}
@media screen and (max-width:1024px){
.home-why .why-list .why-item{width:48%}
.home-why .why-list .why-item:nth-child(-n+2){margin-bottom:30px}
}
@media screen and (max-width:768px){
.home-why .why-list .why-item{width:100%}
.home-why .why-list .why-item:not(:last-child){margin-bottom:30px}
}
