section.main .container{padding-bottom:180px;position:relative}section.main .container:after{content:"";position:absolute;background:#F8F8F8;width:31.6666%;height:100%;z-index:-1;top:0;left:0}@media only screen and (max-width:1200px){section.main .container{padding-bottom:120px}section.main .container:after{height:calc(100% + 26px);top:65px}section.main .block.data-here{margin-top:75px}}ul.service-data-box{max-width:calc(1232px + var(--common-page-LR) * 2);padding:0 var(--common-page-LR);margin:0 auto}ul.service-data-box .item:not(:first-child){margin-top:50px}ul.service-data-box .item:not(:nth-child(2n)):after{left:-20px;background:#fff}ul.service-data-box .item:not(:nth-child(2n)) .group .img-box{margin-right:88px}ul.service-data-box .item:nth-child(2n):after{right:-20px;background:#F2F2F2}ul.service-data-box .item:nth-child(2n) .group{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}ul.service-data-box .item:nth-child(2n) .group .img-box{margin-left:88px}ul.service-data-box .item{counter-increment:li;position:relative}ul.service-data-box .item:after{content:counter(li,decimal-leading-zero);position:absolute;top:-20px;font-size:2.8125rem;font-weight:700;color:#000;-webkit-transition:color 0.5s,opacity 0.5s;transition:color 0.5s,opacity 0.5s;width:100px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width:1201px) and (min-width:1201px){ul.service-data-box .item:hover:after{color:var(--brandDeep)}ul.service-data-box .item:hover .group .content-box{-webkit-transform:translateY(0px);transform:translateY(0px)}ul.service-data-box .item:hover .group .content-box .common-btn{opacity:1}}@media only screen and (min-width:1201px) and (max-width:1200px){ul.service-data-box .item:active:after{color:var(--brandDeep)}ul.service-data-box .item:active .group .content-box{-webkit-transform:translateY(0px);transform:translateY(0px)}ul.service-data-box .item:active .group .content-box .common-btn{opacity:1}}ul.service-data-box .item .group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}ul.service-data-box .item .group .img-box{-webkit-box-shadow:10px 10px 20px 0px rgba(0,0,0,0.25);box-shadow:10px 10px 20px 0px rgba(0,0,0,0.25);width:100%;max-width:616px;min-width:350px}ul.service-data-box .item .group .img-box .picBox:after{padding-top:68.344155%}ul.service-data-box .item .group .content-box{max-width:528px;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}ul.service-data-box .item .group .content-box .bar-sort-box{font-size:0.875rem;font-weight:500;line-height:1.2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}ul.service-data-box .item .group .content-box .bar-sort-box .bar-sort{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}ul.service-data-box .item .group .content-box .bar-sort-box .bar-sort .tag-item{position:relative;padding:1px 0}ul.service-data-box .item .group .content-box .bar-sort-box .bar-sort .tag-item:not(:last-child){margin-right:23px}ul.service-data-box .item .group .content-box .bar-sort-box .bar-sort .tag-item:not(:last-child):after{content:"";position:absolute;width:3px;height:3px;border-radius:100px;top:50%;right:-15px;background:#000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}ul.service-data-box .item .group .content-box .bar-sort-box .bar-sort .tag-item p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}ul.service-data-box .item .group .content-box .title{margin-top:10px;font-size:1.75rem;font-weight:500;line-height:1.3;letter-spacing:2px}@media only screen and (max-width:1200px){ul.service-data-box .item .group .content-box .title{font-size:1.375rem}}ul.service-data-box .item .group .content-box .des{margin-top:10px;color:#333333;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}ul.service-data-box .item .group .content-box .common-btn{margin-top:30px;opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}@media only screen and (max-width:1200px){ul.service-data-box .item:after{width:60px;height:60px;font-size:1.875rem;top:-5px}ul.service-data-box .item .group .content-box{-webkit-transform:translateY(0px);transform:translateY(0px)}ul.service-data-box .item .group .content-box .common-btn{opacity:1}ul.service-data-box .item:not(:first-child){margin-top:60px}ul.service-data-box .item:not(:nth-child(2n)) .group .img-box{margin-right:50px}ul.service-data-box .item:nth-child(2n) .group .img-box{margin-left:50px}}@media only screen and (max-width:1024px){ul.service-data-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 calc(var(--common-page-LR) - 40px)}ul.service-data-box .item{width:calc(50% - 80px);margin:40px;max-width:450px}ul.service-data-box .item .group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}ul.service-data-box .item:not(:first-child){margin-top:40px}ul.service-data-box .item:nth-child(2n){margin-top:80px}ul.service-data-box .item:not(:nth-child(2n)):after,ul.service-data-box .item:nth-child(2n):after{left:-5px;right:unset}ul.service-data-box .item:not(:nth-child(2n)) .group,ul.service-data-box .item:nth-child(2n) .group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}ul.service-data-box .item:not(:nth-child(2n)) .group .img-box,ul.service-data-box .item:nth-child(2n) .group .img-box{margin-right:0px;margin-left:0px;max-width:none;min-width:unset}ul.service-data-box .item:not(:nth-child(2n)) .group .content-box,ul.service-data-box .item:nth-child(2n) .group .content-box{margin-top:30px;max-width:none}}@media only screen and (max-width:767px){ul.service-data-box{display:block;padding:0 var(--common-page-LR)}ul.service-data-box .item{width:100%;margin:0 auto}ul.service-data-box .item:not(:first-child),ul.service-data-box .item:nth-child(2n){margin-top:60px}ul.service-data-box .item:not(:nth-child(2n)):after,ul.service-data-box .item:nth-child(2n):after{background:#fff;color:var(--brandDeep)}}
/*# sourceMappingURL=brand_service.css.map */