﻿.home-more{min-width:170px;height:50px;padding:0 20px;color:#fff;background:var(--bgcolor);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear}
.home-more em{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color1);font-size:var(--fontsize12);margin-right:5px}
.home-more:hover{opacity:.9}
.home-tabs{padding:20px 0 0}
.home-tabs .tabs{background:#ececec}
.home-tabs .tabs .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-tabs .tabs li{width:33.3333%;transition:all .1s linear;padding:20px;font-weight:var(--fontbold5);font-size:var(--fontsize18);line-height:1.4;color:#151515;text-align:center;cursor:pointer}
.home-tabs .tabs li.act{background:#fff}
.home-tabs .items .item{padding:4% 0;display:none}
.home-tabs .items .item .flex{display:flex;align-items:center;justify-content:space-between}
.home-tabs .items .item.act{animation:socontent .2s forwards}
.home-tabs .items .item .left{width:40%}
.home-tabs .items .item .title{font-weight:var(--fontbold5);font-size:var(--fontsize34);color:#000001}
.home-tabs .items .item .text{color:#666;margin:20px 0}
.home-tabs .items .item .right{width:40%;position:relative;display:flex;justify-content:flex-end}
.home-tabs .items .item .right img{width:100%;display:block}
@keyframes socontent{0%{opacity:0;transform:scale(.8)}
100%{opacity:1;transform:scale(1)}}
@media (max-width:1600px){.home-tabs .items .item .title{font-size:var(--fontsize30)}}
@media (max-width:1366px){.home-tabs .items .item .title{font-size:var(--fontsize26)}}
@media (max-width:1024px){.home-tabs .tabs .l-wrap{padding:0}
.home-tabs .tabs li{width:100%;padding:15px 20px}}
@media (max-width:768px){.home-tabs .items .item .flex{flex-wrap:wrap}
.home-tabs .items .item .left{width:100%}
.home-tabs .items .item .right{width:100%;margin-top:20px}
.home-tabs .items .item{padding:40px 0}
.home-tabs .items .item .title{font-size:var(--fontsize22)}}