.m-ab1{padding:300px 0 270px;text-align:center;width:1018px;margin:0 auto}
.m-ab1 .tit{margin-bottom:30px}
.m-ab1 .desc{font-size:16px;letter-spacing:.04em;line-height:1.2}
.m-ab2 .pic img{display:block;border-radius:30px;overflow:hidden}
.m-ab3{display:flex;align-items:center;padding:120px 0 230px}
.m-ab3 .pic{width:48%;margin-right:108px;border-radius: 20px;overflow: hidden;}
.m-ab3 .txt{flex:1;letter-spacing:.04em}
.m-ab3 .tit{margin-bottom:30px;text-align:left}
.m-ab3 .desc{font-size:16px;line-height:1.22;padding-right:118px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:13;-webkit-line-clamp:13;-webkit-box-orient:vertical}
.m-ab3 .more{display:inline-block;font-size:14px;transition:.3s}
.m-ab3 .more:hover{color:#82c478}
.m-ab4{position:relative}
.m-ab4 .pic{border-radius:30px;overflow:hidden;border-radius: 20px;}
.m-ab4 .pic img{display:block;width:100%}
.m-ab4 .txt{position:absolute;left:50%;transform:translateX(-50%);top:38%;color:#fff;text-align:center}
.m-ab4 .txt .tit{margin-bottom:30px}
.m-ab4 .txt .desc{font-size:28px;margin-bottom:90px;letter-spacing:.02em;font-family:Roboto-Black;line-height:1.2}
.m-ab4 .txt .more{font-size:14px;transition:.3s;color:inherit}
.m-ab4 .txt .more:hover{opacity:.8}
.m-ab5{padding:270px 0}
.ul-ab5{margin:120px 0 0;padding:0 150px}
.ul-ab5 li{float:left;width:16.6%;padding:0 10px}
.ul-ab5 li:nth-child(even){padding-top:146px}
.ul-ab5 .con{display:block;height:293px;border-radius:30px;overflow:hidden;background-color:#82c478;padding:78px 10px 0;text-align:center;font-family:Roboto-Black;font-size:20px;line-height:1.2}
.ul-ab5 .tit{overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:6;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.ul-ab5 li:nth-child(2) .con,.ul-ab5 li:nth-child(5) .con{background-color:#222;color:#fff}
.ul-ab5 li:nth-child(3n) .con{background-color:#f2f2f2}
.ul-ab5 .icon{display:block;width:40px;margin:0 auto 18px;transition:.3s}
.ul-ab5 .con:hover .icon{transform:translateY(-10px)}
@media only screen and (min-width:1199px) {
.m-ab1{padding:15.62vw 0 14.06vw;width:53.02vw;margin:0 auto}
.g-tita1{font-family:Roboto-Black;letter-spacing:.04em;font-size:2.083vw}
.m-ab1 .tit{margin-bottom:1.562vw}
.m-ab1 .desc{font-size:.933vw;letter-spacing:.04em;line-height:1.2}
.m-ab2 .pic img{border-radius:1.562vw}
.m-ab3{align-items:center;padding:6.25vw 0 11.97vw}
.m-ab3 .pic{margin-right:5.625vw}
.m-ab3 .txt{flex:1;letter-spacing:.04em}
.m-ab3 .tit{margin-bottom:1.562vw}
.m-ab3 .desc{font-size:.833vw;line-height:1.22;padding-right:6.145vw;margin-bottom: 1vw;}
.m-ab3 .more{font-size:.729vw;transition:.3s}
.m-ab4 .pic{border-radius:1.562vw}
.m-ab4 .txt{transform:translateX(-50%);top:38%}
.m-ab4 .txt .tit{margin-bottom:1.562vw}
.m-ab4 .txt .desc{font-size:1.458vw;margin-bottom:4.687vw;letter-spacing:.02em;font-family:Roboto-Black;line-height:1.2}
.m-ab4 .txt .more{font-size:.729vw;transition:.3s}
.m-ab4 .txt .more:hover{opacity:.8}
.m-ab5{padding:14.06vw 0}
.ul-ab5{margin:6.25vw 0 0;padding:0 7.812vw}
.ul-ab5 li{width:16.6%;padding:0 .52vw}
.ul-ab5 li:nth-child(even){padding-top:7.604vw}
.ul-ab5 .con{height:15.26vw;border-radius:1.562vw;padding:4.062vw .52vw 0;font-family:Roboto-Black;font-size:1.041vw;line-height:1.2}
.ul-ab5 .icon{width:2.083vw;margin:0 auto .937vw;transition:.3s}
.ul-ab5 .con:hover .icon{transform:translateY(-.52vw)}
}
@media only screen and (max-width:1400px){
.m-ab1 .desc,.m-ab3 .desc{font-size:12px}
}
@media only screen and (max-width:1199px){
.m-ab1{width:100%;padding:50px 0}
.m-ab3{padding:80px 0}
.m-ab3 .desc{padding-right:0;font-size:14px;margin-bottom: 10px;}
.m-ab3 .pic{margin-right:30px;border-radius: 10px;}
.m-ab3 .more{font-size:12px}
.m-ab1 .tit,.m-ab3 .tit,.m-ab4 .txt .tit{margin-bottom:15px}
.m-ab4 .txt{left:0;right:0;padding:0 15px;transform:translateX(0);width:100%;top:50%;transform:translateY(-50%)}
.m-ab4 .txt .desc{font-size:16px;margin-bottom:20px}
.m-ab4 .pic{
    border-radius: 10px;
}
.m-ab4 .pic img{min-height:280px;object-fit:cover}
.m-ab5{padding:80px 0}
.ul-ab5{padding:0;margin:30px 0 0}
.ul-ab5 .icon{width:30px;margin-bottom:8px}
.ul-ab5 .con{font-size:16px;height:200px;padding:25px 10px 0;border-radius:10px}
.ul-ab5 li:nth-child(even){padding-top:40px}
}
@media only screen and (max-width:959px){
.ul-ab5 li{width:33.3%;margin-bottom:20px}
.ul-ab5 li:nth-child(even){padding-top:0}
.ul-ab5 .tit{line-clamp:4;-webkit-line-clamp:4}
.ul-ab5 .con{height:160px}
.m-ab1 .desc{font-size:14px}
.m-ab3{display:block}
.m-ab3 .pic{width:100%;margin-right:0;margin-bottom:20px}
.m-ab2 .pic img,.m-ab4 .pic{border-radius:10px}
}
@media only screen and (max-width:767px){
.ul-ab5 li{padding:0 5px;width:50%}
.m-ab1 .tit,.m-ab3 .tit,.m-ab4 .txt .tit{margin-bottom:10px}
.m-ab3,.m-ab5{padding:50px 0}
.ul-ab5 .con{font-size:14px}
}