.business-banner {height:100vh;}
.business-banner .com-banner-title-content {bottom:0;height:calc(100% - 5em); font-size: 20px;}
.business-list-pc {display:flex;height:100%;font-size:20px;}
.business-list-mo {display:none;}
.business-list-pc .item {flex:1;border-left:1px rgba(255,255,255,.2) solid;}
.business-list-pc .item:first-child {border-left:none;}
.business-list-pc .wrap {width:100%;overflow:hidden;}
.business-list-pc .item .bottom-half {height:0;}
.business-list-pc .item .field-item-pic {left:0;top:0;right:0;bottom:0;width:100%;height:5em;margin-bottom:1.2em;}
.business-list-pc .item .field-item-content {width:2.2em;}
.business-list-pc .item .circle {width:6em;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);}
.business-list-pc .item .circle-active {width:6em;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;}
.business-list-pc .item .desc {height:0;transform:scale(0);}
.business-list-pc .item .view {height:0;margin-top:2.7em;transform:scale(0);}
.business-list-pc .item .view .icon {width:2.7em;height:2.7em;margin-left:1em;border:1px #fff solid;border-radius:50%;}
.business-list-pc .item .view .arrow {font-size:22px;}
.business-list-pc .item:hover {flex:2;}
.business-list-pc .item:hover .wrap {padding-top:1em;}
.business-list-pc .item:hover .bottom-half {height:auto;}
.business-list-pc .item:hover .field-item-title {font-size:1.4em;}
.business-list-pc .item:hover .desc {width:80%;height:auto;margin-top:3em;line-height:1.75;transform:scale(1);}
.business-list-pc .item:hover .view {height:auto;transform:scale(1);}
.business-list-pc .item:hover .field-item-pic .circle {transform:translate(-50%,-50%) scale(.8);opacity:0;}
.business-list-pc .item:hover .field-item-pic .circle-active {transform:translate(-50%,-50%) scale(1);opacity:1;}
.business-list-pc .item .view:hover .icon {background:#fff;color:#0a84ff;}
.business-list-mo {height:100%;}
.business-swiper {height:85%;}
.business-swiper .item {display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;}
.business-swiper .item .field-item-pic {left:0;top:0;right:0;bottom:0;width:100%;margin-bottom:5em;}
.business-swiper .item .field-item-content {width:7em;}
.business-swiper .item .circle {opacity:0;}
.business-swiper .item .circle-active {width:15em;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity:1;}
.business-swiper .item .field-item-title {font-size:2em;}
.business-swiper .item .desc {width:80%;margin-top:1em;font-size:1.5em;}
.business-swiper .item .view {margin-top:2em;}
.business-swiper .item .view span {font-size:1.2em;}
.business-swiper .item .view .icon {width:3.5em;height:3.5em;margin-left:2em;border:1px solid #fff;border-radius:50%;}
.business-swiper .item .view .icon .arrow {font-size:2em;}
.business-btns {height:15%;}
.business-btns .item .field-item-title {font-size:1.8em;}
.business-btns .item .field-item-pic {left:0;top:0;right:0;bottom:0;width:100%;margin-bottom:2em;}
.business-btns .item .field-item-content {width:3em;}
.business-btns .item .circle {opacity:1;}
.business-btns .item .circle-active {width:7em;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity:0;}
.business-btns .item.active .circle {opacity:0;}
.business-btns .item.active .circle-active {opacity:1;}
.business-detail-content {position:absolute;bottom:0;left:0;width:100%;font-size:20px;background:rgba(255,255,255,.7);}
.icon-return-list {position:absolute;top:-5em;left:50%;transform:translateX(-50%) rotate(180deg);}
.icon-return-list .circle {width:2.3em;height:2.3em;}
.icon-return-list .circle::after {content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;border:1px dashed #fff;border-radius:50%;transform:translate(-50%,-50%);}
.icon-return-list .circle__inner {position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;}
.icon-return-list .circle__inner--yellow {background:#fff;transform:translate(0px,0px);}
.icon-return-list:hover .circle__inner--yellow {transform:scale(0,0);opacity:0;}
.icon-return-list .circle__inner--bordered {opacity:0;transform:scale(.7);border:1px solid #fff;}
.icon-return-list:hover .circle__inner--bordered {transform:scale(1.1,1.1);opacity:1;}
.icon-return-list .circle__arrow {position:absolute;top:0;left:0;right:0;bottom:0;}
.icon-return-list .circle__arrow--black {transform:translate(0px,0px);opacity:1;}
.icon-return-list .circle__arrow--yellow {transform:translate(-50%,0px);opacity:0;}
.icon-return-list:hover .circle__arrow--yellow {transform:translate(0,0);opacity:1;}
.icon-return-list:hover .circle__arrow--black {transform:translate(50%,0);opacity:0;}
.business-detail-content .business-detail-wrap {padding-top:2em;padding-bottom:2em;font-size:0.8em;color:#333;}
.business-detail-content .content {overflow:hidden;}
.business-detail-content .business-detail-wrap .icon-box {width:20%;}
.business-detail-content .business-detail-wrap .icon-box .icon {width:2.9em;}
.business-detail-content .business-detail-wrap .icon-box .tit {margin-top:.4em;font-size:1.4em;font-weight:normal;}
.business-detail-content .business-detail-wrap .text-wrap {flex:1;line-height:1.5em;text-align:justify;}
.business-detail-content .business-detail-wrap .text-wrap .view {margin-top:1em;}
@media (max-width:1366px) {
    .business-banner .com-banner-title-content {
        font-size: 18px;
    }
}
@media (max-width:1080px) {
    .business-list-pc .item .view .icon {
        width: 1.8em;
        height: 1.8em;
    }
    .icon-return-list .circle { width: 36px; height: 36px; }
}
@media (max-width:1024px) {
    .business-list-pc {display:none;}
    .business-list-mo {display:block;}
    .business-banner .com-banner-title-content {height: 100%;}
    .business-swiper {height:100%;}
    .business-swiper .item .view .icon { width: 2.5em; height: 2.5em; }
    .business-swiper .item .view .icon .arrow { font-size: 1.5em; }
    .business-banner .bg-imgs { display: none; }
    .business-btns {position: relative; height:auto;}
    .business-btns .item {position: relative;width:200px;padding:3% 2%; border-left: 1px solid #fff; transition:all .3s; opacity: .6;}
    .business-btns .item.swiper-slide-active {opacity: 1;}
    .business-btns .item::after { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #fff; opacity: 0; }
    .business-btns .item.swiper-slide-active::after { opacity: 1; }
    .business-btns .item:last-child { border-right: 1px solid #fff; }
    .business-btns .item .field-item-pic {margin-bottom:0;}
    .business-btns .item .field-item-content {width:2em;height:2em;object-fit:contain;}
    .business-btns .item .circle-active {width:3em;}
    .business-btns .item .field-item-title {font-size:16px;margin-top:10px;}
    .business-btns::after,.business-btns::before {content:"";position:absolute;width:100%;height:1px;background:rgba(255,255,255,.2);}
    .business-btns::before {top:0;}
    .business-btns::after {bottom:0;}
    .business-list-mo .item .mo-bg {z-index: -1;width: 100%;height: 100%;object-fit: cover;}
    .business-btns {display: none;}
}
@media (max-width:500px) {
    .business-banner {font-size:15px;}
    .business-swiper .item .field-item-pic {margin-bottom:2em;}
    .business-swiper .item .field-item-content {width:2em;}
    .business-swiper .item .circle-active {width:5em;}
    .business-swiper .item .field-item-title {font-size:1em;}
    .business-swiper .item .desc {font-size:.8em;}
    .business-swiper .item .view {margin-top:1em;}
    .business-swiper .item .view span {font-size:.6em;}
    .business-swiper .item .view .icon {width:1.6em;height:1.6em;margin-left:1em;}
    .business-swiper .item .view .icon .arrow {font-size:1em;}
    .business-detail-content .content {flex-direction:column;align-items:flex-start;}
    .business-detail-content .business-detail-wrap .icon-box {width:auto;margin-bottom:.2rem;flex-direction:initial;}
    .business-detail-content .rich-text {height:12vh;overflow:auto;}
    .business-btns .item {width:100px;}
    .business-btns .item .field-item-content {width:1.5em;height:1.5em;}
    .business-btns .item .field-item-title {font-size:10px;margin-top:6px;}
    .icon-return-list .circle { width: 30px; height: 30px; }
}
<!--ºÄʱ1755677227.693Ãë-->