@import "base.css";

.partitionBox {width: 100%; background: #FFFFFF url("/images/tmp/function_bg.3b445fb4.png") bottom center no-repeat;}
.partition {width: 1200px; padding: 40px 0; margin: 0 auto;}
.partition .head {text-align: center; position: relative;}
.partition .head::before {content: ""; position: absolute; left: 50%; margin-left: -16px; width: 32px; background-color: var(--theme-color); height: 5px; bottom: -2px;}
.partition .head .cn_name {font-size: 28px; line-height: 42px; color: #333333;}
.partition .head .en_name {font-size: 14px; color: #999999; line-height: 42px; border-bottom: 1px solid #e8e8e8;}
.partition .body {margin-top: 30px; display: flex; align-items: stretch; justify-content: space-between;min-height: 500px}
.partition .body .left {width: 300px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background: rgba(0, 0, 0, 0.1); gap: 20px;}
.partition .body .left .item {height: 50px; max-height: 20vh; line-height: 24px; transition: all .3s; cursor: pointer; width: 100%; text-align: center; vertical-align: middle;display: flex; align-items: center; justify-content: center; background-color: #ffffff; box-sizing: border-box; position: relative; animation-duration: 0.2s; animation-fill-mode: forwards; border-radius: 10px; overflow: hidden; border-left: 0px solid transparent;}
.partition .body .left .item * {pointer-events: none;}
.partition .body .left .item:last-child {border-bottom: none;}
.partition .body .left .item:hover {color: var(--theme-color); transform: translateX(5px); }
.partition .body .left .item.active {background: var(--theme-color);color: #ffffff;border-width: 5px;border-color: #2259fd;}
.partition .body .left .item.active::before {content: "";width: 10px;}
/*.partition .body .left .item.active{animation-name: animate_1; background-color: var(--theme-color); color: #FFFFFF;}*/
@keyframes animate_1 {
    from {-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 50%, 100% 50%, 100% 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 100% 50%, 100% 50%, 100% 50%, 100% 100%, 0 100%, 0 0);}
    to {-webkit-clip-path: polygon(100% 0, 100% 43%, 96% 50%, 100% 57%, 100% 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 100% 43%, 96% 50%, 100% 57%, 100% 100%, 0 100%, 0 0);}
}
.partition .body .right {width: calc(100% - 300px); height: 500px; margin-left: 30px; overflow: hidden;}
.partition .body .right .item {height: 100%; width: 100%;}
.partition .body .right .item .body_box {position: relative; overflow: hidden;height: calc(100% - 40px);}
.partition .body .right .item .body_box .subitem { overflow: hidden; position: relative; z-index: 5; padding-right: 10px;}
.partition .body .right .item .body_box .subitem .sub_item_header {display: flex; align-items: center; width: 100%; min-height: 50px; border-bottom: 3px var(--theme-color) solid;}
.partition .body .right .item .body_box .subitem .sub_item_header .name { font-size: 20px; font-weight: bold; color: var(--theme-color);}
.partition .body .right .item .body_box .subitem .sub_item_header .ent_name {margin: auto; font-size: 16px;}
.partition .body .right .item .body_box .subitem .sub_item_header .link_way {color: #7d7d7d; line-height: 1.5;}
.partition .body .right .item .body_box .subitem .sub_item_header .link_way .contacts_way {white-space: break-spaces;}
.partition .body .right .item .body_box .subitem .desc {white-space: pre-wrap; line-height: 2; text-indent: 2em; margin: 15px 0;}
.partition .body .right .item .body_box .subitem .picture {}
.partition .body .right .item .body_box .subitem .picture .pictureBox {width: 100%; display: flex; gap: 20px}
.partition .body .right .item .body_box .subitem .picture .pictureBox .picture_item {background: var(--img-url) center center no-repeat; flex: 1; padding: 1px; border: 1px solid #cccccc; background-size: cover; height: 185px}
.partition .body .right .item .body_box .subitem .ent_business {margin-top: 15px;white-space: pre-wrap; line-height: 2; text-indent: 2em;}
.partition .body .right .item .control {width: 100%; height: 30px; margin-top: 10px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 15px; user-select: none;}
.partition .body .right .item .control .pagination {width: auto;color: #717171;}
.partition .body .right .item .control .button-next,
.partition .body .right .item .control .button-prev {width: auto;height: 30px;padding: 0 10px;text-align: center;line-height: 30px;color: #ffffff;border-radius: 5px;background: var(--theme-color);cursor: pointer;}
.swiper-button-disabled {opacity: 0.5;cursor: not-allowed !important;}