.use-banner{height:350px;background-size:cover;background-position:50%;text-align:center;display:flex;align-items:center;flex-flow:column;justify-content:center}.banner-transition{transition:background-image .5s ease}.use-banner h2{font-size:48px;margin-bottom:14px}.use-banner h2,.use-banner h3{line-height:1;letter-spacing:2px;color:#fff;font-weight:400}.use-banner h3{font-family:Helvetica;font-size:16px}.use-tag{list-style-type:none;overflow:hidden;max-width:var(--max-width);margin:0 auto;display:flex;padding:78px 0 48px}.use-tag-a{font-size:16px;letter-spacing:2px;color:#999;float:left;margin-right:60px;cursor:pointer;position:relative;padding-bottom:10px;display:block}.use-tag-a:after{display:block;content:"";height:2px;width:100%;position:absolute;bottom:0;left:0;background:#09c;opacity:0;-webkit-transition:transform .2s ease-out,opacity .2s ease-out;transform-origin:50% 0;transform:scaleX(.01)}.use-tag-li.active .use-tag-a:after,.use-tag-li:hover .use-tag-a:after{transform:scale(1);opacity:1}.use-tag-li.active .use-tag-a,.use-tag-li:hover .use-tag-a{color:var(--font-size-color)}.use-item-image{overflow:hidden}.use-item-image img{width:100%;height:auto}.use-conter{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:105px;padding-bottom:70px}.use-item-title{font-size:18px;font-weight:700;padding:36px 0 14px}.use-item-suTitle,.use-item-title{letter-spacing:1px;color:#333;font-family:SourceHanRegular}.use-item-suTitle{font-size:14px;line-height:24px;font-weight:500;text-align:justify}.use-item{flex-basis:calc(33.33% - 70px);cursor:pointer}.use-item:hover .img-Transition{transform:scale(1.1)}.use-item:hover .use-item-title{color:var(--font-size-color)}.use-item-suTitle span{color:#09c}@media (max-width:768px){.use-banner{height:200px}.use-banner h2{font-size:26px;letter-spacing:1px;margin-bottom:10px}.use-banner h3{font-size:12px;letter-spacing:1px}.use-tag{flex-wrap:wrap;gap:10px 24px;padding:28px 16px 20px}.use-tag-a{font-size:14px;letter-spacing:1px;margin-right:0}.use-conter{gap:0;padding:0 16px 40px}.use-item{flex-basis:100%;margin-bottom:32px}.use-item-title{font-size:16px;padding:18px 0 8px}.use-item-suTitle{font-size:13px;line-height:22px}}