img {
    user-select: none;
}

#container {
    width: 100%;
    position: relative;
    background: url(/assets/images/enterpriseProduct/banner_zstack.svg) center top no-repeat;
    background-size: auto;
}

/* 顶部文案介绍 */

#header_container {
    width: 1280px;
    height: 678px;
    margin: 0 auto;
    padding-top: 228px;
    padding-bottom: 28px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#header_container .head_title {
    font-size: 64px;
    color: #ffffff;
    line-height: 90px;
    margin-bottom: 20px;
}

#header_container .head_desc {
    width: 720px;
    font-size: 20px;
    color: #ffffff;
    line-height: 32px;
    text-align: justify;
}

#header_container .product_container {
    width: 880px;
    align-self: center;
    display: flex;
    justify-content: space-between;
}

.product_container>div {
    background: #f1f4f7;
    border-radius: 4px;
    width: 160px;
    height: 60px;
    text-align: center;
    font-size: 20px;
    color: #1a2736;
    line-height: 60px;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s linear;
}

.product_container>div:hover,
.product_container>div.active {
    background: #007fdf;
    color: #ffffff;
}

#feature_window {
    position: absolute;
    top: 145px;
    right: 0;
    width: 360px;
    height: 372px;
    background: #ffffff;
    box-shadow: 0px 5px 20px 0px rgba(94, 105, 120, 0.1);
    border-radius: 4px;
}

#feature_window .feature_title {
    background: #f1f4f7;
    font-size: 20px;
    font-weight: 500;
    color: #1a2736;
    line-height: 60px;
    padding: 0 30px;
    margin-bottom: 6px;
    border-radius: 4px 4px 0 0;
    position: relative;
}

#feature_window .feature_title i {
    position: absolute;
    width: 32px;
    height: 19px;
    display: inline-block;
    margin-left: 14px;
    background: url(/assets/images/indexn/icon_new.svg);
    transform: translateY(-50%);
    top: 50%;
}

#feature_window .feature_container {
    height: 202px;
    margin-top: 14px;
}

#feature_window .feature_item {
    font-size: 16px;
    color: #5e6978;
    line-height: 22px;
    margin-top: 14px;
    padding: 0 30px 0 70px;
    position: relative;
    transition: display 0.3s ease-out;
}

#feature_window .feature_item:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/assets/images/enterpriseProduct/details_correct.svg);
    position: absolute;
    top: 0;
    left: 30px;
}

#feature_window .feature_btn {
    height: 40px;
    background: #007fdf;
    border-radius: 2px;
    margin: 22px 30px 28px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    transition: all 0.3s linear;
    position: relative;
    top: 4px;
}

#feature_window .feature_btn:hover {
    transform: translatey(-2px);
    background: #007fdfe6;
    box-shadow: 0px 3px 10px 0px #5e697824;
}

/******************** 企业版 ********************/

/* 产品内容切换 */

#switch_container {
    width: 100%;
    padding-top: 52px;
}

#switch_container .switch_item {
    text-align: center;
}

.switch_item .product_name {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
}

.switch_item .product_desc {
    width: 700px;
    font-size: 16px;
    color: #5e6978;
    line-height: 30px;
    margin: 20px auto 0;
}

/* UI颜色切换 */

.switch_item .img_container {
    width: 880px;
    margin: 32px auto 0;
}

.img_container .img_group {
    height: 610px;
    background-image: url(/assets/images/enterpriseProduct/企业版-sreenoutline.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 36px 40px 6px;
}

.img_container img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: none;
    transition: all 02s linear;
}

.img_container .circle_group {
    width: 252px;
    height: 28px;
    background: #f4f8fb;
    border-radius: 14px;
    margin: 14px auto 40px;
    display: flex;
    position: relative;
    align-items: center;
}

.circle_group>div {
    border-radius: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: translateX(-50%);
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.img_container .circle_group>div.active {
    width: 14px;
    height: 14px;
}

.circle_group .circle1 {
    background-color: #005bd4;
    left: 21px;
}

.circle_group .circle2 {
    background-color: #039bc2;
    left: 51px;
}

.circle_group .circle3 {
    background-color: #7a35c3;
    left: 81px;
}

.circle_group .circle4 {
    background-color: #db2e43;
    left: 111px;
}

.circle_group .circle5 {
    background-color: #db7200;
    left: 141px;
}

.circle_group .circle6 {
    background-color: #89a601;
    left: 171px;
}

.circle_group .circle7 {
    background-color: #229628;
    left: 201px;
}

.circle_group .circle8 {
    background-color: #3940db;
    left: 231px;
}

.btn_group {
    display: flex;
    justify-content: center;
    text-align: center;
}

.btn_group .btn_download {
    padding: 10px 20px;
    background: #007fdf;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
    line-height: 20px;
    cursor: pointer;
    transition: transform 0.3s linear;
}

.btn_group .btn_download:hover {
    background: #007edfe6;
    box-shadow: 0px 3px 10px 0px rgba(94, 105, 120, 0.14);
    transform: translateY(-2px);
}

.btn_group .btn_apply {
    padding: 10px 20px;
    background: #e0f3ff;
    border-radius: 2px;
    font-size: 16px;
    color: #007fdf;
    line-height: 20px;
    cursor: pointer;
    margin-left: 20px;
    transition: all 0.3s linear;
}

.btn_group .btn_apply:hover {
    transform: translateY(-2px);
    background: #cbedff;
    box-shadow: 0px 3px 10px 0px rgba(94, 105, 120, 0.14);
}

.switch_item .product_feature {
    font-size: 40px;
    font-weight: 500;
    color: #1a2736;
    line-height: 56px;
    margin-top: 120px;
    margin-bottom: 80px;
}

/* 公共文字样式 */

.text_container {
    width: 500px;
    text-align: justify;
}

.text_container .title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
    margin-bottom: 20px;
}

.text_container .desc {
    font-size: 20px;
    color: #5e6978;
    line-height: 36px;
}

/* 自主知识产权 */

.switch_item .intellectual_property {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    padding-left: 20px;
    justify-content: space-between;
}

.intellectual_property .section_property_pic {
    position: relative;
    width: 460px;
    height: 325px;
}

.section_property_pic p {
    width: 373px;
    height: 52px;
    font-size: 20px;
    color: #007fdf;
    letter-spacing: 0;
    line-height: 26px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 53px;
    box-sizing: border-box;
    text-align: left;
}

.intellectual_property img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}

.switch_item .section_property_intro {
    padding-top: 89px;
}

/* 快速安装部署 */

.switch_item .section_deploy {
    width: 1180px;
    margin: 160px auto 0;
    padding-right: 32px;
    position: relative;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.section_deploy_intro {
    padding-top: 98px;
}

.section_deploy_scroll {
    padding-left: 40px;
    height: 456px;
    overflow: hidden;
    padding-right: 30px;
    margin-right: -40px;
}

.deploy_scroll_list {
    box-sizing: border-box;
    height: 456px;
    width: 100%;
    margin-top: 0;
    position: relative;
}

.deploy_scroll_list::before {
    content: "";
    height: 100px;
    width: calc(100% + 20px);
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(180deg, #fff 97%, rgba(246, 249, 252, 0));
    z-index: 5;
    opacity: 1;
}

.deploy_scroll_list::after {
    content: "";
    height: 100px;
    width: calc(100% + 20px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    background-image: linear-gradient(0deg, #fff 30%, rgba(246, 249, 252, 0));
    z-index: 5;
}

.deploy_scroll_item {
    position: relative;
    box-sizing: border-box;
    width: 400px;
    height: 80px;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    background: #ffffff;
    box-shadow: 0 6px 30px 0 rgba(198, 211, 220, 0.4);
    border-radius: 4px;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.deploy_scroll_item:nth-child(1) {
    transform: scale(1);
    z-index: 4;
}

.deploy_scroll_item:nth-child(2),
.deploy_scroll_item:nth-child(3),
.deploy_scroll_item:nth-child(4),
.deploy_scroll_item:nth-child(5) {
    transform: scale(0.9);
    z-index: 4;
}

/* 轮播的第一个和第二个的大小变化的class */

.deploy_scroll_list .scaleShrink {
    transform: scale(0.9);
    z-index: 4;
    font-size: 18px;
    color: #97a4b6;
}

.deploy_scroll_list .scaleNormal {
    transform: scale(1);
    z-index: 4;
    font-size: 20px;
    color: #37475a;
}

.deploy_scroll_list {
    padding-top: 94px;
}

.section_deploy_scroll .deploy_addMarginTop {
    padding-top: 0;
}

.deploy_transition {
    transition: all 0.5s linear;
}

.deploy_scroll_item i,
.deploy_scroll_item span {
    position: absolute;
    top: 5px;
    left: -35px;
    width: 70px;
    height: 70px;
    background-image: url(/assets/images/enterpriseProduct/details_deploy.svg);
    background-repeat: no-repeat;
}

.deploy_scroll_item span {
    opacity: 0;
    transition: opacity 0.5s linear;
}

.deploy_scroll_list .deploy_scroll_item .visible_icon {
    opacity: 1;
}

.deploy_scroll_list .fontTransition {
    color: #007fdf;
}

.deploy_scroll_item p {
    font-size: 20px;
    color: #97a4b6;
    letter-spacing: 0;
    line-height: 27px;
    transition: color 0.5s linear;
    text-align: left;
    box-sizing: border-box;
    padding-left: 50px;
}

.deploy_scroll_pic1 {
    background-position: 0 -70px;
}

.deploy_scroll_lightPic1 {
    background-position: 0 0;
}

.deploy_scroll_pic2 {
    background-position: -70px -70px;
}

.deploy_scroll_lightPic2 {
    background-position: -70px 0;
}

.deploy_scroll_pic3 {
    background-position: -140px -70px;
}

.deploy_scroll_lightPic3 {
    background-position: -140px 0;
}

.deploy_scroll_pic4 {
    background-position: -210px -70px;
}

.deploy_scroll_lightPic4 {
    background-position: -210px 0;
}

/* 这里是去除大屏幕时，快速部署安装的白块问题 */

@media screen and (min-width: 1171px) {
    .section_deploy_scroll {
        height: 362px;
    }
    .deploy_scroll_list {
        margin-top: -94px;
    }
    .deploy_scroll_list::before {
        opacity: 0;
    }
}

@media screen and (max-width: 1300px) {
    .section_deploy {
        width: 1000px;
    }
}

@media screen and (max-width: 1170px) {
    .section_deploy {
        width: 100%;
        margin-top: 0;
    }
    .section_deploy_intro {
        margin-left: auto;
        margin-right: auto;
        width: 650px;
    }
    .section_deploy_scroll {
        width: 430px;
        position: relative;
        margin-right: auto;
        margin-left: auto;
    }
}

.switch_item .section_bottom_wrap {
    position: relative;
    width: 100%;
    margin-top: 160px;
}

@media screen and (min-width: 1920px) {
    .switch_item .section_bottom_wrap {
        width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
}

.section_bottom_wrapBg {
    position: absolute;
    top: 235px;
    width: 100%;
    height: 100%;
    background: url("/assets/images/enterpriseProduct/bg_dark_blue.svg") center top no-repeat;
    background-size: 100%;
    z-index: -1;
}

@media screen and (max-width: 1920px) {
    .section_bottom_wrapBg {
        background: url("/assets/images/enterpriseProduct/bg_dark_blue.svg") left top no-repeat;
        background-size: auto;
    }
}

.section_update {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.section_update_terminal {
    position: relative;
    width: 500px;
    height: 350px;
    background: #37475a;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 60px 100px 0 35px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 26px;
}

.section_update_terminal>p {
    text-align: left;
}

.update_terminal_dot {
    position: absolute;
    top: 20px;
    left: 36px;
}

.update_terminal_dot i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 9px;
}

.update_terminal_dot i:nth-child(1) {
    background: #ec5960;
}

.update_terminal_dot i:nth-child(2) {
    background: #fdad00;
}

.update_terminal_dot i:nth-child(3) {
    background: #45bb79;
}

.section_update_intro {
    padding-top: 86px;
}

/* 无硬件绑定 */

.section_bind {
    width: 1180px;
    margin: 240px auto 0;
    display: flex;
    justify-content: space-between;
}

.section_bind_intro {
    padding-top: 204px;
}

.section_bind_intro>div {
    color: #ffffff !important;
}

.section_bind_float {
    position: relative;
    width: 660px;
    height: 550px;
    transform: translateX(49px);
}

.bind_float_card {
    position: absolute;
    width: 200px;
    height: 140px;
    background: #ffffff;
    box-shadow: 0 6px 30px 0 rgba(198, 211, 220, 0.3);
    border-radius: 6px;
    text-align: center;
}

.bind_float_card:nth-child(1) {
    top: 0;
    left: 0;
    animation: float 5s ease-in-out 0.2s infinite;
}

.bind_float_card:nth-child(2) {
    top: 170px;
    left: 0;
    animation: float 5s ease-in-out 0.4s infinite;
}

.bind_float_card:nth-child(3) {
    top: 340px;
    left: 0;
    animation: float 5s ease-in-out 0.1s infinite;
}

.bind_float_card:nth-child(4) {
    top: 70px;
    left: 230px;
    animation: float 5s ease-in-out 0.4s infinite;
}

.bind_float_card:nth-child(5) {
    top: 240px;
    left: 230px;
    animation: float 5s ease-in-out 0.9s infinite;
}

.bind_float_card:nth-child(6) {
    top: 410px;
    left: 230px;
    animation: float 5s ease-in-out 0.3s infinite;
}

.bind_float_card:nth-child(7) {
    top: 240px;
    left: 460px;
    animation: float 5s ease-in-out 0.8s infinite;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}

.bind_float_card i {
    display: inline-block;
    margin: 24px 0 5px;
    width: 60px;
    height: 60px;
    background-image: url(/assets/images/enterpriseProduct/details_utilize.svg);
}

.bind_float_cardIcon1 {
    background-position: 0 0;
}

.bind_float_cardIcon2 {
    background-position: -120px 0;
}

.bind_float_cardIcon3 {
    background-position: -300px 0;
}

.bind_float_cardIcon4 {
    background-position: -60px 0;
}

.bind_float_cardIcon5 {
    background-position: -180px 0;
}

.bind_float_cardIcon6 {
    background-position: -360px 0;
}

.bind_float_cardIcon7 {
    background-position: -240px 0;
}

.bind_float_card p {
    font-size: 16px;
    color: #466e95;
    letter-spacing: 0;
    line-height: 30px;
}

/* 平台高可用 */

.section_available {
    margin: 240px auto 0;
    width: 1180px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.section_available:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    width: 0;
    visibility: hidden;
}

.section_available_flow {
    position: relative;
    width: 532px;
}

.left_node,
.right_node {
    position: absolute;
    top: 2px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    opacity: 0;
}

.circleZoom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: radial-gradient(50% 0%, rgba(255, 255, 255, 0) 50%, rgba(140, 216, 255, 0.3) 100%);
    animation: circleZoom 2s linear 0s infinite;
}

@keyframes circleZoom {
    0% {
        width: 130px;
        height: 130px;
    }
    50% {
        width: 80px;
        height: 80px;
    }
    100% {
        width: 130px;
        height: 130px;
    }
}

.node_text {
    position: absolute;
    bottom: -45px;
    left: 15px;
    width: 100px;
    height: 30px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 2px 4px 0 rgba(198, 211, 220, 0.3);
    border-radius: 15px;
    font-size: 14px;
    color: #466e95;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
}

.left_inner_node,
.right_inner_node {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    box-shadow: 0 6px 10px 0 rgba(198, 211, 220, 0.3);
}

.left_inner_node i,
.right_inner_node i {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/assets/images/enterpriseProduct/details_ha.svg") no-repeat;
    background-position: -30px 0;
}

.left_node {
    left: 0;
    transition: opacity 0.5s linear;
}

.right_node {
    left: 402px;
    transition: opacity 0.5s linear;
}

.left_arrow,
.right_arrow {
    width: 56px;
    margin: 0 20px;
    height: 40px;
    position: absolute;
    top: 47px;
    overflow: hidden;
    transition: opacity 0.5s linear;
}

.right_arrow_double {
    transition: opacity 0.5s linear;
}

.left_arrow {
    left: 130px;
}

.right_arrow {
    left: 306px;
}

.right_arrow>div,
.left_arrow>div {
    width: 100%;
    height: 10px;
    position: absolute;
}

.right_arrow p,
.left_arrow p {
    width: 400%;
    height: 100%;
    position: absolute;
}

.right_arrow_top p {
    top: 0;
    right: 0;
    background: url("/assets/images/enterpriseProduct/icon_arrow_light_right.svg");
    animation: enArrowMoveRight 5.4s linear 0s infinite;
}

.right_arrow_bottom {
    bottom: 0;
}

.right_arrow_bottom p {
    left: 0;
    background: url("/assets/images/enterpriseProduct/icon_arrow_dark_left.svg");
    animation: enArrowMoveLeft 5.4s linear 0s infinite;
}

.left_arrow_top p {
    top: 0;
    left: 0;
    background: url("/assets/images/enterpriseProduct/icon_arrow_light_left.svg");
    animation: enArrowMoveLeft 5.4s linear 0s infinite;
}

.left_arrow_bottom {
    bottom: 0;
}

.left_arrow_bottom p {
    right: 0;
    background: url("/assets/images/enterpriseProduct/icon_arrow_dark_right.svg");
    animation: enArrowMoveRight 5.4s linear 0s infinite;
}

@keyframes enArrowMoveRight {
    0% {
        right: 0;
    }
    50% {
        right: -150%;
    }
    100% {
        right: -300%;
    }
}

@keyframes enArrowMoveLeft {
    0% {
        left: 0;
    }
    50% {
        left: -150%;
    }
    100% {
        left: -300%;
    }
}

.left_node_fade {
    background-image: radial-gradient(50% 0%, rgba(255, 255, 255, 0) 50%, rgba(218, 224, 230, 0.3) 100%);
    opacity: 0;
}

.left_node_fade i {
    background: url("/assets/images/enterpriseProduct/details_ha.svg") no-repeat;
}

.left_node_fade .node_text {
    color: #97a4b6;
}

.left_arrow_light {
    opacity: 0;
}

.left_arrow_fade {
    opacity: 0;
}

.left_arrow_fade_top {
    width: 100%;
    height: 10px;
    position: absolute;
}

.left_arrow_fade_bottom {
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
}

.left_arrow_fade_top p {
    background: url("/assets/images/enterpriseProduct/icon_arrow_grey_left.svg") no-repeat;
}

.left_arrow_fade_bottom p {
    background: url("/assets/images/enterpriseProduct/icon_arrow_grey_right.svg") no-repeat;
}

.right_arrow_single {
    opacity: 0;
}

/* 修改需求之后的箭头逐渐划入 */

.right_arrow_double {
    height: 80px;
    top: 27px;
    opacity: 0;
}

.right_arrow_double>div {
    height: 30px;
}

.right_arrow_double p {
    position: absolute;
    height: 10px;
}

.right_arrow_double i {
    position: absolute;
    height: 10px;
    width: 400%;
}

.right_arrow_double_top {
    background: url("/assets/images/enterpriseProduct/icon_arrow_light_right.svg");
    top: 0;
    right: 100%;
}

.right_arrow_double_bottom {
    background: url(/assets/images/enterpriseProduct/icon_arrow_dark_left.svg);
    bottom: 0;
    left: 100%;
}

.double_moveRightAnimation {
    animation: doubleArrowMoveRight 4.8s linear 0s infinite;
}

.double_moveLeftAnimation {
    animation: doubleArrowMoveLeft 4.8s linear 0s infinite;
}

@keyframes doubleArrowMoveRight {
    0% {
        right: 100%;
    }
    50% {
        right: -100%;
    }
    100% {
        right: -300%;
    }
}

@keyframes doubleArrowMoveLeft {
    0% {
        left: 100%;
    }
    50% {
        left: -100%;
    }
    100% {
        left: -300%;
    }
}

.center_vm {
    opacity: 0;
    width: 80px;
    height: 80px;
    background: #ffffff;
    box-shadow: 0 6px 10px 0 rgba(198, 211, 220, 0.3);
    border-radius: 50%;
    position: absolute;
    top: 27px;
    left: 226px;
    transition: opacity 0.5s linear;
}

.show_available {
    opacity: 1;
}

.center_vm i {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/assets/images/enterpriseProduct/details_ha.svg") no-repeat;
    background-position: -60px 0;
}

@media screen and (max-width: 1280px) {
    .section_available {
        width: 650px;
        flex-direction: column-reverse;
    }
    .section_available_intro {
        margin-bottom: 30px;
    }
    .section_available_flow {
        height: 177px;
        align-self: center;
    }
    body {
        overflow-x: hidden;
    }
}

@media screen and (max-width: 980px) {
    .section_available {
        width: 80%;
        margin-top: 120px;
    }
}

@media screen and (max-width: 767px) {
    .section_available_intro {
        width: 80%;
    }
}

@media screen and (max-width: 600px) {
    .section_available_flow {
        transform: scale(0.8);
    }
}

@media screen and (max-width: 500px) {
    .section_available_flow {
        transform: scale(0.7);
        margin-left: -33px;
    }
}

@media screen and (max-width: 445px) {
    .section_available {
        margin-top: -100px;
    }
    .section_available_intro {
        padding-bottom: 0;
    }
    .section_available_flow {
        transform: scale(0.6);
        margin-left: 10px;
    }
}

@media screen and (max-width: 389px) {
    .section_available_flow {
        transform: scale(0.5);
    }
}

/* 功能丰富完善 */

.enterprise .section_features {
    width: 1180px;
    margin: 185px auto 145px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.enterprise .section_features_intro {
    padding-top: 18px;
}

.section_features_carousel {
    position: relative;
    height: 250px;
    width: 640px;
    transform: translateX(70px);
    overflow-x: hidden;
}

.left_cover {
    width: 80px;
    height: 270px;
    position: absolute;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    top: -10px;
    left: 0;
}

.right_cover {
    width: 80px;
    height: 270px;
    position: absolute;
    top: -10px;
    right: 0;
    background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.features_carousel_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.carousel_list {
    width: 1760px;
    position: absolute;
    left: 0;
}

.carousel_item {
    box-sizing: border-box;
    padding: 0 25px;
    float: left;
    width: 200px;
    height: 250px;
    margin: 0 10px;
    text-align: center;
    box-shadow: 0 10px 20px 0 rgba(151, 164, 182, 0.1);
    border-radius: 4px;
}

.carousel_item i {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 38px;
    margin-bottom: 20px;
    background-image: url(/assets/images/enterpriseProduct/details_function.svg);
}

.carousel_item p {
    margin-bottom: 14px;
    font-size: 16px;
    color: #1a2736;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}

.carousel_item span {
    display: inline-block;
    font-size: 12px;
    color: #37475a;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px;
}

.carousel_item.item1 {
    background: #eff9ff;
    border: 1px solid #cbedff;
}

.carousel_item.item2 {
    background: #fcf7ef;
    border: 1px solid #fbdaa7;
}

.carousel_item.item3 {
    background: #f3f5f9;
    border: 1px solid #ced5e2;
}

.carousel_item.item4 {
    background: #fbfafe;
    border: 1px solid #dfcfff;
}

.carousel_item.item5 {
    background: #fcfcf4;
    border: 1px solid #e5e1b2;
}

.carousel_item_icon1 {
    background-position: 0;
}

.carousel_item_icon2 {
    background-position: -40px 0;
}

.carousel_item_icon3 {
    background-position: -80px 0;
}

.carousel_item_icon4 {
    background-position: -120px 0;
}

.carousel_item_icon5 {
    background-position: -160px 0;
}

.carousel_item_icon6 {
    background-position: 0;
}

.carousel_transition {
    transition: all 1.6s ease-in-out;
}

.features_carousel_wrap_mobile {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-x: auto;
    display: none;
}

.carousel_list_mobile {
    width: 1100px;
    position: absolute;
    left: 0;
}

@media screen and (max-width: 1500px) {
    .section_features {
        width: 1050px;
        flex-direction: column;
        padding: 0 200px;
        align-items: center;
    }
    .section_features_intro {
        padding-top: 18px;
    }
    .section_features .section_features_intro.text_container {
        width: 100%;
        margin-bottom: 30px;
        padding-top: 0;
    }
    .section_features .section_features_carousel {
        transform: none;
    }
}

@media screen and (max-width: 1280px) {
    .section_features {
        width: 650px;
        padding: 0;
    }
    .enterprise .section_features {
        width: 650px;
    }
}

@media screen and (max-width: 980px) {
    .section_features {
        width: 100%;
        margin-top: 80px;
    }
    .enterprise .section_features {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .section_features .section_available_intro {
        width: 80%;
    }
    .section_features .section_features_carousel {
        width: 100%;
        box-sizing: border-box;
    }
    .section_features .features_carousel_wrap {
        display: none;
    }
    .section_features .features_carousel_wrap_mobile {
        display: block;
    }
}

/* 使用场景 */

.switch_item .use_scene {
    padding: 80px 0;
    background: #f3faff;
}

.use_scene .title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
    margin-bottom: 60px;
}

.use_scene .container {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.use_scene .item {
    width: 320px;
    text-align: justify;
}

.use_scene .item:nth-child(2) {
    margin: 0 110px;
}

.use_scene .item .index {
    font-size: 36px;
    font-weight: 500;
    color: #52c4ff;
    line-height: 42px;
}

.use_scene .item .scene {
    font-size: 20px;
    font-weight: 500;
    color: #1a2736;
    line-height: 36px;
    margin: 8px auto 16px;
}

.use_scene .item .scene_desc {
    font-size: 16px;
    font-weight: 400;
    color: #5e6978;
    line-height: 30px;
}

@media screen and (max-width: 1280px) {
    .use_scene .item {
        width: 240px;
    }
    .use_scene .item:nth-child(2) {
        margin: 0 80px;
    }
}

@media screen and (max-width: 980px) {
    .use_scene .item:nth-child(2) {
        margin: 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .use_scene .container {
        width: 80%;
        flex-direction: column;
        align-items: center;
    }
    .use_scene .item {
        width: 100%;
    }
    .use_scene .item:nth-child(2) {
        margin: 50px 0;
    }
}

/* 客户案例 */

.switch_item .customer_case {
    padding-top: 120px;
    padding-bottom: 260px;
}

.customer_case .title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
    margin-bottom: 40px;
}

.customer_case .container {
    margin-left: auto;
    margin-right: auto;
    width: 1180px;
    display: flex;
    justify-content: space-between;
}

.customer_case .container .item {
    width: calc((100% - 60px) / 4);
    height: 374px;
    padding: 30px 40px 60px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #cbedff;
    transition: all 0.1s 0.1s linear;
}

.customer_case .container .item:hover {
    box-shadow: 0px 5px 20px 0px rgba(94, 105, 120, 0.1);
    transform: translateY(-5px);
}

.customer_case .container .item:hover .href {
    background-image: url(/assets/images/caseSelection/arrow_detail.svg);
}

.customer_case .item img {
    width: 100%;
    height: 80px;
    max-height: 100%;
    max-width: 100%;
}

.customer_case .item .case_name {
    font-size: 20px;
    font-weight: 500;
    color: #1a2736;
    line-height: 36px;
    margin: 10px auto;
}

.customer_case .item .case_desc {
    font-size: 16px;
    color: #5e6978;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.customer_case .item .href {
    margin: 0 auto;
    width: 12px;
    height: 10px;
    display: inline-block;
    background-image: url(/assets/images/caseSelection/case_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 20px;
}

.customer_case .item .forward {
    position: absolute;
    top: 0;
    right: 20px;
    width: 32px;
    height: 34px;
    display: inline-block;
    background: url(/assets/images/caseSelection/icon_trophy_tag.svg) no-repeat;
}

.customer_case .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.customer_case .more_case {
    display: block;
    width: 540px;
    height: 30px;
    margin: 40px auto 0;
    font-size: 16px;
    color: #5e6978;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s linear;
}

.more_case_right {
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url("/assets/images/caseSelection/case_arrow.svg");
    position: relative;
    left: 10px;
    transition: all 0.3s linear;
}

.customer_case .more_case:hover {
    color: #007fdf;
}

.customer_case .more_case:hover .more_case_right {
    background: url("/assets/images/caseSelection/arrow_detail.svg");
    left: 15px;
}

@media screen and (max-width: 1280px) {
    .customer_case .container {
        width: 650px;
        margin-top: -20px;
        flex-wrap: wrap;
    }
    .customer_case .container .item {
        width: calc((100% - 20px) / 2);
        margin-top: 20px;
    }
}

@media screen and (max-width: 690px) {
    .customer_case .container {
        width: 350px;
        justify-content: center;
    }
    .customer_case .container .item {
        width: 350px;
    }
    .customer_case .more_case {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .customer_case .container .item {
        width: 280px;
    }
}

/******************** 混合云版 ********************/

/* 头部标题和架构图 */

.switch_item .hybridcloud_img {
    display: block;
    width: 1180px;
    height: 490px;
    margin: 32px auto 40px;
}

.alone_apply {
    transition: transform 0.3s linear;
}

.alone_apply:hover {
    transform: translateY(-2px);
    background: #cbedff !important;
    box-shadow: 0px 3px 10px 0px rgba(94, 105, 120, 0.14);
}

.switch_item .alone_apply {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    background: #e0f3ff;
    border-radius: 2px;
    font-size: 16px;
    color: #007fdf;
    line-height: 20px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    transition: all 0.3s linear;
}

.switch_item .feature_bg {
    background-image: url(/assets/images/hybirdProduct/hybrid_bg_lightblue.svg);
    background-position-y: 20px;
}

/* 应用场景 */

.applicationScene {
    padding-top: 120px;
    position: relative;
    width: 100%;
}

.applicationSceneBg {
    position: absolute;
    top: 20px;
    width: 100%;
    height: 100%;
    background: url("/assets/images/hybirdProduct/hybrid_bg_lightblue.svg") center top no-repeat;
    background-size: auto;
    z-index: -1;
}

.applicationScene_inner {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.applicationScene_title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    letter-spacing: 0;
    text-align: center;
    line-height: 50px;
    margin-bottom: 120px;
}

.applicationScene_content {
    position: relative;
    width: 512px;
}

.applicationScene_content:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.applicationScene_container {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.applicationScene_left {
    position: absolute;
    top: 45px;
    left: 0;
}

.left_cloud,
.right_cloud {
    position: absolute;
    top: 2px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
}

.cloud_text {
    position: absolute;
    bottom: -45px;
    left: 15px;
    width: 100px;
    height: 30px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 2px 4px 0 rgba(198, 211, 220, 0.3);
    border-radius: 15px;
    font-size: 14px;
    color: #466e95;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
}

.left_inner_cloud,
.right_inner_cloud {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    box-shadow: 0 6px 10px 0 rgba(198, 211, 220, 0.3);
}

.left_inner_cloud i,
.right_inner_cloud i {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/assets/images/hybirdProduct/icon_nexus.svg);
}

.left_inner_cloud i {
    background-position: 0 0;
}

.right_inner_cloud i {
    background-position: -30px 0;
}

.left_cloud {
    left: 0;
    transition: opacity 0.5s linear;
}

.right_cloud {
    left: 382px;
    transition: opacity 0.5s linear;
}

.center_arrow {
    position: absolute;
    width: 212px;
    height: 40px;
    left: 150px;
    top: 45px;
    overflow: hidden;
}

.center_arrow_top {
    width: 100%;
    height: 10px;
}

.center_arrow_bottom {
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: 0;
}

.center_arrow_top p {
    width: 200%;
    height: 100%;
    position: absolute;
    left: 0;
    background: url("/assets/images/hybirdProduct/hybrid_互联互通_darkblue.svg") no-repeat;
    animation: hybirdArrowMoveLeft 3s linear 0s infinite;
}

.center_arrow_bottom p {
    width: 200%;
    height: 100%;
    position: absolute;
    right: 0;
    background: url("/assets/images/hybirdProduct/hybrid_互联互通_lightblue.svg") no-repeat;
    animation: hybridArrowMoveRight 3s linear 0s infinite;
}

@keyframes hybirdArrowMoveLeft {
    0% {
        left: 0;
    }
    50% {
        left: -45%;
    }
    100% {
        left: -90%;
    }
}

@keyframes hybridArrowMoveRight {
    0% {
        right: 0;
    }
    50% {
        right: -45%;
    }
    100% {
        right: -90%;
    }
}

@media screen and (max-width: 1280px) {
    .applicationScene_container {
        width: 650px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .applicationScene_content {
        height: 250px;
        margin-top: 30px;
    }
    .applicationScene_inner {
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    .applicationScene_container {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .applicationScene_right {
        width: 100%;
        padding: 0 40px 0;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 520px) {
    .applicationScene_content {
        /* width: 100%; */
        width: 406px;
    }
    .applicationScene_left {
        width: 100%;
    }
    .right_cloud {
        left: auto;
        right: 0;
    }
    .center_arrow {
        width: 106px;
    }
}

@media screen and (max-width: 424px) {
    .applicationScene_content {
        width: 353px;
    }
    .center_arrow {
        width: 53px;
    }
}

@media screen and (max-width: 374px) {
    .applicationScene_content {
        width: 100%;
    }
    .center_arrow {
        width: 53px;
        left: 0;
        right: 0;
        margin: auto;
    }
}

/* 业务灾备 */

.businessBackup {
    width: 100%;
    padding-top: 160px;
}

.businessBackup_inner {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.backup_inner_title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
    margin-bottom: 20px;
}

.backup_inner_content {
    font-size: 20px;
    color: #5e6978;
    line-height: 36px;
}

.backup_inner_pic {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}

.backup_inner_pic_left {
    width: 420px;
    height: 420px;
    float: left;
}

.backup_inner_pic_right {
    width: 420px;
    height: 420px;
    float: right;
}

.backup_inner_pic_left img,
.backup_inner_pic_right img,
.backup_inner_pic_right_circle img {
    width: 100%;
    height: 100%;
}

.backup_inner_pic_arrow {
    width: 110px;
    height: 420px;
    position: absolute;
    top: 0;
    left: 395px;
}

.backup_inner_pic_arrow img {
    width: 100%;
    height: 100%;
}

.backup_inner_pic_right_circle {
    width: 420px;
    height: 420px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 1280px) {
    .backup_inner_title {
        width: 650px;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }
    .backup_inner_content {
        width: 650px;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }
}

@media screen and (max-width: 980px) {
    .businessBackup {
        padding-top: 80px;
    }
    .backup_inner_title,
    .backup_inner_content {
        width: 80%;
    }
}

@media screen and (max-width: 969px) {
    .businessBackup_inner {
        width: 100%;
    }
    .backup_inner_pic {
        width: 600px;
        height: 280px;
        margin-left: auto;
        margin-right: auto;
    }
    .backup_inner_pic_right,
    .backup_inner_pic_left,
    .backup_inner_pic_right_circle {
        width: 280px;
        height: 280px;
    }
    .backup_inner_pic_arrow {
        left: 263px;
        height: 280px;
        width: 73.333px;
    }
}

@media screen and (max-width: 767px) {
    .backup_inner_pic {
        width: 90%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .backup_inner_pic_right,
    .backup_inner_pic_left,
    .backup_inner_pic_right_circle {
        width: 46.666667%;
        height: auto;
    }
    .backup_inner_pic_arrow {
        width: 12.222222%;
        height: auto;
        left: 0;
        right: 0;
        margin: auto;
    }
    .backup_inner_pic_right_circle {
        height: 0;
        width: 46.666667%;
        padding-top: 46.666667%;
    }
    .backup_inner_pic_right_circle img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

/* 统一管控 */

.uniteControl {
    width: 100%;
    padding-top: 170px;
    position: relative;
}

@media screen and (min-width: 1920px) {
    .uniteControl {
        width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
}

.uniteControlBg {
    position: absolute;
    top: -10px;
    width: 100%;
    height: 100%;
    background: url("/assets/images/hybirdProduct/hybrid_bg_darkble.svg") right top no-repeat;
    background-size: auto;
    z-index: -1;
}

@media screen and (max-width: 1920px) {
    .uniteControlBg {
        background: url("/assets/images/hybirdProduct/hybrid_bg_darkble.svg") right top no-repeat;
        background-size: auto;
    }
}

.uniteControl_inner {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.uniteControl_inner:after {
    content: ".";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}

.uniteControl_left {
    width: 600px;
    height: 300px;
    position: relative;
}

.uniteControl_left .bt {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 300px;
    z-index: -2;
}

.uniteControl_left .uniteControl_left_circle {
    position: absolute;
    top: 0;
    left: 150px;
    animation: rotate360 4s linear 0s infinite;
    transform: rotate(0deg);
    z-index: -1;
}

.uniteControl_right {
    padding-top: 20px;
}

@media screen and (max-width: 1580px) {
    .uniteControl_inner {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .uniteControl_right {
        padding-top: 0;
        margin-bottom: 30px;
        width: 650px;
    }
}

@media screen and (max-width: 1280px) {
    .uniteControl_right.text_container {
        width: 650px;
    }
}

@media screen and (max-width: 980px) {
    .uniteControl_inner {
        width: 80%;
    }
    .uniteControl_right.text_container {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .uniteControl_left {
        transform: scale(0.9);
    }
}

@media screen and (max-width: 640px) {
    .uniteControl_left {
        transform: scale(0.8);
    }
}

@media screen and (max-width: 570px) {
    .uniteControl_left {
        transform: scale(0.7);
        position: relative;
        top: -10px;
    }
}

@media screen and (max-width: 490px) {
    .uniteControl_left {
        transform: scale(0.6);
        top: -40px;
    }
}

@media screen and (max-width: 425px) {
    .uniteControl_left {
        transform: scale(0.5);
        top: -60px;
    }
}

/* 一键迁云 */

.moveCloud_inner {
    margin: 120px auto 0;
    width: 1180px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.moveCloud_inner:after {
    content: ".";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}

.moveCloud_container {
    position: relative;
    width: 520px;
    height: 520px;
}

.moveCloud_left_fade,
.moveCloud_left_light {
    width: 520px;
    height: 520px;
}

.moveCloud_left_fade img,
.moveCloud_left_light img {
    width: 100%;
    height: 100%;
}

.moveCloud_left_fade {
    opacity: 1;
    animation: moveCloudFade 8s linear 0s infinite;
}

@keyframes moveCloudFade {
    0% {
        opacity: 1;
    }
    23% {
        opacity: 1;
    }
    27% {
        opacity: 0;
    }
    73% {
        opacity: 0;
    }
    77% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.moveCloud_left_light {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation: moveCloudLight 8s linear 0s infinite;
}

.moveCloud_left_light_img1 {
    z-index: 20;
}

.moveCloud_left_light_img2 {
    z-index: -2;
}

.moveCloud_left_light>img {
    position: absolute;
    left: 0;
    top: 0;
}

.moveCloud_left_light>.moveCloud_left_light_tun {
    animation: rotate360 4s linear 0s infinite;
    transform: rotate(0deg);
    z-index: -1;
}

@keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes moveCloudLight {
    0% {
        opacity: 0;
    }
    23% {
        opacity: 0;
    }
    27% {
        opacity: 1;
    }
    73% {
        opacity: 1;
    }
    77% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.moveCloud_right {
    padding-top: 153px;
}

@media screen and (max-width: 1280px) {
    .moveCloud_inner {
        width: 650px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .moveCloud_right {
        padding-top: 0;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 980px) {
    .moveCloud_inner {
        width: 80%;
    }
}

@media screen and (max-width: 660px) {
    .moveCloud_container {
        transform: scale(0.8);
        position: relative;
        top: -40px;
    }
}

@media screen and (max-width: 521px) {
    .moveCloud_container {
        transform: scale(0.6);
        top: -100px;
    }
}

/* 安全防护 */

.security {
    width: 1180px;
    margin: 98px auto 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.security:after {
    content: ".";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}

.security_inner_left {
    padding-top: 37px;
}

.security_inner_right {
    width: 690px;
    height: 360px;
    float: right;
    margin-right: -211.7px;
}

@media screen and (max-width: 1580px) {
    .security {
        width: 100%;
        flex-direction: column;
    }
    .security_inner_left {
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        margin-bottom: 30px;
        width: 650px;
    }
    .security_inner_right {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1280px) {
    .security_inner_left.text_container {
        width: 650px;
    }
}

@media screen and (max-width: 980px) {
    .security {
        margin-top: 80px;
    }
    .security_inner_left.text_container,
    .security_inner_right {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .security_inner_right {
        width: 80%;
        box-sizing: border-box;
        height: auto;
    }
    .security_inner_right img {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .security {
        margin-top: 0;
    }
}

@media screen and (max-width: 521px) {
    .security {
        margin-top: -140px;
    }
}

/* 公共云增值服务 */

.additionServices {
    width: 1180px;
    display: flex;
    justify-content: space-between;
    margin: 160px auto 120px;
    position: relative;
}

.additionServices:after {
    content: ".";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}

.additionServices .section_features_carousel {
    transform: translateX(-70px);
    margin-top: 18px;
}

.additionServices .section_features_intro {
    padding-top: 0;
}

.left_cover {
    width: 80px;
    height: 250px;
    position: absolute;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    top: 0;
    left: 0;
}

.right_cover {
    width: 80px;
    height: 250px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.additionServices .carousel_item {
    background: #eff9ff;
    border: 1px solid #e0f3ff;
}

.additionServices .carousel_item i {
    background-image: url(/assets/images/hybirdProduct/icon_value_services.svg);
}

.additionServices .carousel_item_icon1 {
    background-position: -80px 0;
}

.additionServices .carousel_item_icon2 {
    background-position: -120px 0;
}

.additionServices .carousel_item_icon3 {
    background-position: -160px 0;
}

.additionServices .carousel_item_icon4 {
    background-position: 0 0;
}

.additionServices .carousel_item_icon5 {
    background-position: -40px 0;
}

.carousel_item.add4 {
    background: #fbfafe;
    border: 1px solid #dfcfff;
}

.carousel_item.add5 {
    background: #f3f5f9;
    border: 1px solid #ced5e2;
}

.carousel_item.add1 {
    background: #fcf7ef;
    border: 1px solid #fbdaa7;
}

.carousel_item.add2 {
    background: #eff9ff;
    border: 1px solid #cbedff;
}

.carousel_item.add3 {
    background: #fcfcf4;
    border: 1px solid #e5e1b2;
}

.carousel_transition {
    transition: all 1.6s ease-in-out;
}

@media screen and (max-width: 1580px) {
    .additionServices {
        width: 100%;
        flex-direction: column-reverse;
    }
    .additionServices .section_features_intro {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        width: 650px;
    }
    .additionServices .section_features_carousel {
        margin-left: auto;
        margin-right: auto;
        transform: none;
    }
}

@media screen and (max-width: 980px) {
    .additionServices {
        margin-top: 80px;
    }
    .additionServices .section_features_intro {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    /* 公共云增值服务下轮播的响应式 */
    .section_features_carousel {
        width: 100%;
        box-sizing: border-box;
    }
    .features_carousel_wrap {
        display: none;
    }
    .features_carousel_wrap_mobile {
        display: block;
    }
}

@media screen and (max-width: 490px) {
    .additionServices {
        padding-top: 95px;
    }
}

/* 立即下载的浮动卡片 */

.download {
    width: 100%;
    height: 180px;
    background: #002847;
    position: relative;
    text-align: center;
}

.download_card {
    width: 800px;
    height: 280px;
    background: url("/assets/images/selection/product_bg.svg") no-repeat;
    border-radius: 6px;
    position: absolute;
    top: -140px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.download_card p {
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    margin-top: 76px;
    padding: 0 40px;
}

.download_btn {
    box-sizing: border-box;
    width: 180px;
    height: 56px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    line-height: 56px;
    margin-top: 32px;
    transition: all 0.3s linear;
}

.download_btn:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 3px 10px 0 rgba(94, 105, 120, 0.14);
    transform: translateY(-2px);
}

@media screen and (max-width: 991px) {
    .download_card {
        width: 80%;
    }
}

@media screen and (max-width: 574px) {
    .download_card p {
        margin-top: 56px;
    }
}

@media screen and (max-width: 370px) {
    .download_card p {
        margin-top: 35px;
    }
}

/******************** 标准版 ********************/

.switch_item.standard .alone_apply {
    margin-top: 40px;
}

.switch_item .virtual_container {
    width: 1180px;
    margin: 94px auto 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.switch_item .virtual_img_container {
    width: 500px;
    height: 500px;
    position: sticky;
    top: 117px;
    background: url(/assets/images/hybirdProduct/standard_feature_circle.svg);
}

.virtual_text_container {
    margin-bottom: 160px;
}

.virtual_text_container>div:first-child {
    margin-bottom: 200px;
    margin-top: 143px;
}

.virtual_img_container .half_circle {
    animation: rotate360 4s linear 0s infinite;
    transform: rotate(0deg);
    z-index: -1;
}

.virtual_img_container .standard_virtual {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 0.3s linear;
}

.virtual_img_container .standard_network {
    opacity: 0;
    transition: opacity 0.3s linear;
}

.standard_network .network {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
}

.standard_network>div {
    width: 40px;
    height: 10px;
    overflow: hidden;
    transition: all 0.5s linear;
}

.standard_network>div>img {
    width: 176px;
    height: 10px;
    max-height: 100%;
    max-width: min-content;
    position: absolute;
    right: 0;
    animation: standardArrowMoveLeft 2s linear 0s infinite;
}

.standard_network .standard_arrow_blue1 {
    position: absolute;
    top: 245px;
    left: 165px;
}

.standard_network .standard_arrow_blue2 {
    position: absolute;
    top: 245px;
    left: 295px;
    transform: rotate(180deg);
}

.standard_network .standard_arrow_purple1 {
    position: absolute;
    top: 217px;
    left: 86px;
    transform: rotate(42deg);
    z-index: 5;
}

.standard_network .standard_arrow_purple2 {
    position: absolute;
    top: 275px;
    left: 88px;
    transform: rotate(320deg);
    z-index: 5;
}

.standard_network .standard_arrow_purple3 {
    position: absolute;
    top: 277px;
    left: 371px;
    transform: rotate(226deg);
    z-index: 5;
}

.standard_network .standard_arrow_purple4 {
    position: absolute;
    top: 215px;
    left: 372px;
    transform: rotate(139deg);
    z-index: 5;
}

@keyframes standardArrowMoveLeft {
    0% {
        left: 0;
    }
    50% {
        left: -50%;
    }
    100% {
        left: -90%;
    }
}

.switch_item.standard .use_scene {
    padding-bottom: 300px;
}

.standard .adaptation_container {
    margin: 100px auto 120px;
}

.adaptation_container .title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
    margin-bottom: 20px;
}

.adaptation_container .desc {
    width: 800px;
    font-size: 20px;
    color: #5e6978;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
}

.adaptation_container .type_switch {
    width: 600px;
    display: flex;
    justify-content: space-between;
    margin: 40px auto 90px;
}

.adaptation_container .item_switch_con {
    display: flex;
}

.adaptation_container .item_switch {
    display: flex;
    justify-content: center;
    width: max-content;
    height: 100px;
    position: relative;
    align-items: center;
    transition: margin-left 0.3s linear;
}

.adaptation_container .item_switch>div {
    width: 98px;
    height: 80px;
    border-radius: 3px;
    text-align: center;
    line-height: 80px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 19px;
    color: #52617f;
}

.adaptation_container .item_switch>div.active {
    width: 122px;
    height: 100px;
    border-radius: 4px;
    line-height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 24px;
}

.adaptation_container .item_switch>div.sever {
    background: #fcfcf4;
    border: 1px solid #e5e1b2;
    color: #676200;
}

.adaptation_container .item_switch>div.exchange {
    background: #fbfafe;
    border: 1px solid #dfcfff;
    color: #6340a7;
}

.adaptation_container .item_switch>div.chip {
    background: #f3f5f9;
    border: 1px solid #ced5e2;
    color: #52617f;
}

.adaptation_container .item_switch>div.storage {
    background: #eff9ff;
    border: 1px solid #cbedff;
    color: #1d93d1;
}

.adaptation_container .type_switch .type_item {
    border-radius: 4px;
    padding: 9px 44px;
    font-size: 16px;
    color: #1a2736;
    line-height: 22px;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s linear;
}

.type_switch>div[data-type="exchange"]:hover,
.type_switch>div[data-type="exchange"].active {
    background: #8a65d4;
    color: #ffffff;
}

.type_switch>div[data-type="chip"]:hover,
.type_switch>div[data-type="chip"].active {
    background: #52617f;
    color: #ffffff;
}

.type_switch>div[data-type="storage"]:hover,
.type_switch>div[data-type="storage"].active {
    background: #52c4ff;
    color: #ffffff;
}

.type_switch>div[data-type="sever"]:hover,
.type_switch>div[data-type="sever"].active {
    background: #918a12;
    color: #ffffff;
}

.switch_item .virtual_container2 {
    display: none;
    margin: 94px auto 0;
    width: 650px;
}

.standard_virtual_con,
.standard_network_con {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.standard_network_con {
    margin-top: 80px;
}

.virtual_container2 .virtual_img_container {
    margin-top: 30px;
    position: relative;
    top: 0;
}

.virtual_container2 .standard_network {
    opacity: 1;
}

@media screen and (max-width: 1280px) {
    .switch_item .virtual_container {
        display: none;
    }
    .switch_item .virtual_container2 {
        display: block;
    }
}

@media screen and (max-width: 980px) {
    .adaptation_container .title,
    .adaptation_container .desc {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .switch_item .virtual_container2 {
        width: 80%;
    }
    .standard .adaptation_container {
        margin-top: 80px;
    }
}

@media screen and (max-width: 575px) {
    .virtual_container2 .virtual_img_container {
        transform: scale(0.8);
        top: -50px;
    }
    .standard_network_con {
        margin-top: 0;
    }
    .standard .adaptation_container {
        margin-top: 0;
    }
}

@media screen and (max-width: 440px) {
    .virtual_container2 .virtual_img_container {
        transform: scale(0.6);
        top: -100px;
    }
    .standard_network_con {
        margin-top: -100px;
    }
    .standard .adaptation_container {
        margin-top: -100px;
    }
}

/******************** 基础版 ********************/

.base .alone_apply {
    margin-top: 40px;
}

.base .sever_virtual {
    width: 1180px;
    display: flex;
    margin: 94px auto 0;
    justify-content: space-between;
}

.sever_virtual .sv_img_container {
    width: 500px;
    height: 500px;
    background-image: url(/assets/images/basicProduct/base_sever_virtual_circle.svg);
    position: relative;
}

.sever_virtual .sv_img_container>img {
    position: absolute;
    top: 0;
    left: 0;
}

.sever_virtual .sv_img_container>img:first-child {
    animation: rotate360 4s linear 0s infinite;
}

.sever_virtual .text_container {
    margin-top: 179px;
}

.operation_maintenance {
    width: 100%;
    margin-top: 105px;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.operation_maintenance .text_container {
    margin-top: 159px;
}

.operation_maintenance .om_img_container {
    width: 850px;
    height: 460px;
    margin-left: 200px;
    border-radius: 300px 0 0 300px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(140, 216, 255, 0.2) 100%);
    position: relative;
    overflow: hidden;
}

.om_img_container>img {
    position: absolute;
    max-width: min-content;
    max-height: min-content;
    transition: all 1s linear;
}

.operation_maintenance .fix_img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 734px;
}

.om_img_container .blue1 {
    top: 143px;
    left: 112px;
}

.om_img_container .blue2 {
    top: 143px;
    left: 1769px;
}

.om_img_container .gray1 {
    top: 4px;
    left: 202px;
}

.om_img_container .gray2 {
    top: 4px;
    left: 1859px;
}

.om_img_container .purple1 {
    top: 28px;
    left: 218px;
}

.om_img_container .purple2 {
    top: 28px;
    left: 1875px;
}

.om_img_container .olive1 {
    top: 11px;
    left: 556px;
}

.om_img_container .olive2 {
    top: 11px;
    left: 2213px;
}

.om_img_container>img {
    animation: omMoveLeft 65s linear 0s infinite;
}

@keyframes omMoveLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-1657px);
    }
}

.IT_container {
    width: 1180px;
    margin: 160px auto 105px;
    display: flex;
    justify-content: space-between;
}

.IT_container .IT_img_container {
    width: 532px;
    height: 190px;
    position: relative;
}

.IT_container .IT_img_container>div {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.IT_img_container .fade_IT_img {
    animation: ITfade 10s linear 0s infinite;
    background-image: url(/assets/images/basicProduct/base_IT_gray_bg.svg);
    opacity: 1;
}

@keyframes ITfade {
    2% {
        opacity: 1;
    }
    48% {
        opacity: 1;
    }
    52% {
        opacity: 0;
    }
    98% {
        opacity: 0;
    }
}

.IT_img_container .fade_IT_light {
    opacity: 0;
    background-image: url(/assets/images/basicProduct/base_IT_light_bg.svg);
    animation: ITlight 10s linear 0s infinite;
}

@keyframes ITlight {
    2% {
        opacity: 0;
    }
    48% {
        opacity: 0;
    }
    52% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
}

.IT_img_container .sm_icon {
    position: absolute;
    width: 80px;
    height: 80px;
    padding: 20px;
    border-radius: 100%;
    background: #ffffff;
    box-shadow: 0px 6px 10px 0px rgba(198, 211, 220, 0.3);
}

.IT_img_container .fade_IT_light .middle {
    background: #007fdf;
}

.IT_img_container .left {
    top: 25px;
    left: 25px;
}

.IT_img_container .middle {
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.IT_img_container .right {
    top: 25px;
    right: 25px;
}

.IT_img_container .circle_left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.IT_img_container .circle_right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.IT_img_container .circle {
    animation: ITcircleZoom 2s linear 0s infinite;
}

@keyframes ITcircleZoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.62);
    }
    100% {
        transform: scale(1);
    }
}

.IT_img_container .arrow {
    position: absolute;
    top: 50px;
    width: 56px;
    height: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.IT_img_container .arrow.arrow_left {
    left: 150px;
}

.IT_img_container .arrow.arrow_right {
    left: 326px;
    transform: rotate(180deg);
}

.IT_img_container .arrow>img {
    height: 10px;
    max-width: min-content;
    max-height: 100%;
    width: 236px;
    position: relative;
    left: 0;
    animation: ItArrowMoveLeft 2s linear 0s infinite;
}

@keyframes ItArrowMoveLeft {
    0% {
        left: 0;
    }
    100% {
        left: -85%;
    }
}

.IT_container .text_container {
    margin-top: 17px;
}

.switch_item.base .use_scene {
    padding-bottom: 300px;
}

@media screen and (min-width: 1920px) {
    .operation_maintenance {
        width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1580px) {
    .operation_maintenance .om_img_container {
        width: 600px;
        margin-left: 150px;
    }
    .operation_maintenance .fix_img {
        right: 484px;
    }
}

@media screen and (max-width: 1280px) {
    .operation_maintenance {
        flex-direction: column;
        align-items: center;
        width: 650px;
        margin-left: auto;
        margin-right: auto;
    }
    .operation_maintenance .om_img_container {
        width: 650px;
        margin-left: 0;
        margin-top: 80px;
    }
    .operation_maintenance .fix_img {
        right: 0;
        left: -116px;
        top: 452px;
    }
    .operation_maintenance .text_container {
        width: 650px;
        margin-top: 0;
    }
    .IT_container {
        width: 650px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .IT_container .IT_img_container {
        margin-top: 30px;
    }
    .base .sever_virtual {
        width: 650px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .sever_virtual .text_container {
        margin-top: 0;
    }
}

@media screen and (max-width: 980px) {
    .IT_container {
        width: 80%;
        margin-top: 80px;
    }
    .operation_maintenance {
        width: 80%;
        margin-top: 80px;
    }
    .operation_maintenance .text_container {
        width: 100%;
    }
    .operation_maintenance .fix_img {
        display: none;
    }
    .base .sever_virtual {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .operation_maintenance .om_img_container {
        transform: scale(0.75);
        margin-top: 30px;
    }
}

@media screen and (max-width: 690px) {
    .operation_maintenance .om_img_container {
        transform: scale(0.55);
        margin-top: -30px;
    }
}

@media screen and (max-width: 620px) {
    .IT_container .IT_img_container {
        transform: scale(0.8);
    }
    .IT_container {
        margin-top: 0;
    }
    .sever_virtual .sv_img_container {
        transform: scale(0.8);
    }
    .operation_maintenance {
        margin-top: 0;
    }
}

@media screen and (max-width: 480px) {
    .IT_container .IT_img_container {
        transform: scale(0.6);
    }
    .operation_maintenance .om_img_container {
        transform: scale(0.45);
        margin-top: -60px;
    }
    .IT_container {
        margin-top: -50px;
    }
    .sever_virtual .sv_img_container {
        transform: scale(0.6);
    }
}

/******************** 社区版 ********************/

.community .product_desc>div:last-child {
    color: #97a4b6;
    margin-top: 16px;
}

.community .community_img {
    width: 1180px;
    height: 525px;
    margin: 20px auto 40px;
}

.community .community_download {
    width: 120px;
    height: 40px;
    background: #007fdf;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    margin: 0 auto;
    cursor: pointer;
    user-select: none;
    transition: transform 0.3s linear;
}

.community .community_download:hover {
    background: #007edfe6;
    box-shadow: 0px 3px 10px 0px rgba(94, 105, 120, 0.14);
    transform: translateY(-2px);
}

.community .community_icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: 120px auto 40px;
}

.community .community_desc {
    width: 748px;
    margin: 0 auto;
    font-size: 16px;
    color: #5e6978;
    line-height: 30px;
    text-align: center;
}

.community .community_href {
    width: 1180px;
    margin: 40px auto 120px;
    display: flex;
    justify-content: space-between;
}

.community .community_href>div {
    width: 580px;
    height: 240px;
    background: #e0f3ff;
    border-radius: 4px;
    padding: 40px;
    text-align: left;
}

.community .community_href .github_href {
    background: url(/assets/images/communityProduct/illustration_github.svg) no-repeat;
}

.community .community_href .gitee_href {
    background: url(/assets/images/communityProduct/illustration_gitee.svg) no-repeat;
}

.community .community_href .title {
    font-size: 32px;
    font-weight: 500;
    color: #1a2736;
    line-height: 36px;
}

.community .community_href .href_url {
    font-size: 24px;
    color: #5e6978;
    line-height: 36px;
    margin: 30px auto 38px;
    word-wrap: break-word;
}

.community .community_href a {
    font-size: 14px;
    color: #007fdf;
    line-height: 20px;
    display: inline-block;
    transition: transform 0.3s linear;
}

.community .community_href a:hover {
    transform: translateX(5px);
}

.community .community_href i {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-left: 18px;
    background: url(/assets/images/caseSelection/arrow_detail.svg);
}

.function_container {
    padding-bottom: 40px;
    padding-top: 80px;
    background: linear-gradient(180deg, #eff9ff 0%, rgba(239, 249, 255, 0) 100%);
}

.function_container .title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
}

.function_container .desc {
    width: 700px;
    font-size: 16px;
    color: #5e6978;
    line-height: 30px;
    margin: 40px auto 40px;
}

.function_container .func_icon_container {
    height: 260px;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.func_icon_container .icon_container {
    position: relative;
    height: 120px;
    display: flex;
    width: min-content;
}

.func_icon_container .icon_container>div {
    position: relative;
    width: 3910px;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
}

.func_icon_container .icon_container .first {
    animation: communityMoveLeft 120s linear 0s infinite;
}

.func_icon_container .icon_container .second {
    animation: communityMoveLeft 120s linear 0s infinite;
}

.func_icon_container .icon_container.bottom {
    left: 95px;
}

.func_icon_container .icon_container .float {
    animation: communityMoveUB 4s linear infinite;
}

.func_icon_container .icon_container .float1 {
    animation-delay: 0s;
}

.func_icon_container .icon_container .float2 {
    animation-delay: 0.5s;
}

.func_icon_container .icon_container .float3 {
    animation-delay: 1s;
}

.func_icon_container .icon_container .float4 {
    animation-delay: 1.5s;
}

.func_icon_container .icon_container .float5 {
    animation-delay: 2s;
}

.func_icon_container .icon_container .float6 {
    animation-delay: 2.5s;
}

.func_icon_container .icon_container .float7 {
    animation-delay: 3s;
}

.func_icon_container .icon_container .float8 {
    animation-delay: 3.5s;
}

@keyframes communityMoveLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-3910px);
    }
}

@keyframes communityMoveUB {
    0% {
        transform: translatey(0) scale(1);
    }
    25% {
        transform: translatey(-4px) scale(1.05);
    }
    75% {
        transform: translatey(4px) scale(0.95);
    }
    100% {
        transform: translatey(0) scale(1);
    }
}

.community .use_scene {
    padding-bottom: 120px;
    background-color: #fff;
}

.word_map {
    width: 100%;
    background-color: #e0f3ff;
    border-radius: 4px;
}

.word_map .word_container {
    width: 1180px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 240px;
}

.word_container .title {
    font-size: 36px;
    font-weight: 500;
    color: #1a2736;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;
}

.word_container .word_datas {
    display: flex;
    justify-content: space-around;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.word_datas .data_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
}

.data_item .item_num {
    font-size: 32px;
    font-weight: 500;
    color: #007fdf;
    line-height: 44px;
    margin-bottom: 10px;
}

.word_datas .data_item:nth-child(2) .item_num {
    min-width: 150px;
}

.word_datas .data_item:nth-child(3) .item_num {
    min-width: 82px;
}

.data_item .item_desc {
    font-size: 18px;
    color: #5e6978;
    line-height: 24px;
}

.world_map_img {
    height: 100%;
    width: 100%;
    max-width: 800px;
    max-height: 100%;
}

@media screen and (max-width: 1440px) {
    .word_map .word_container {
        width: 80%;
    }
}

@media screen and (max-width: 1220px) {
    .community .community_href {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .community .community_href .gitee_href {
        margin-top: 20px;
    }
}

@media screen and (max-width: 980px) {
    .function_container .title {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 768px) {
    .function_container .desc {
        width: 80%;
    }
}

@media screen and (max-width: 648px) {
    .community .community_href>div {
        width: 80%;
        height: auto;
        padding: 20px;
    }
}

/********* 屏幕适配 *********/

@media screen and (max-width: 1280px) {
    #header_container {
        width: 980px;
    }
    #header_container .head_desc {
        width: 520px;
    }
    .switch_item .intellectual_property {
        width: 650px;
        flex-direction: column-reverse;
        padding-left: 0;
        align-items: center;
    }
    .text_container {
        width: 100%;
    }
    .intellectual_property img {
        margin-top: 30px;
    }
    .switch_item .section_deploy {
        width: 650px;
        flex-direction: column;
        align-items: center;
        padding-right: 0;
    }
    .section_deploy_intro {
        padding-top: 0;
    }
    .section_deploy_scroll {
        margin-top: 50px;
    }
    .section_update {
        width: 650px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .section_update_intro {
        padding-top: 0;
    }
    .section_update_terminal {
        margin-top: 30px;
    }
    .section_bind {
        width: 650px;
        flex-direction: column;
    }
    .section_bind_float {
        transform: none;
    }
    .section_bind_intro {
        padding-top: 0;
    }
    .section_bind_float {
        margin-top: 50px;
    }
    .switch_item .hybridcloud_img {
        width: 80%;
        height: auto;
    }
    .community .community_img {
        width: 80%;
        height: auto;
    }
}

@media screen and (max-width: 980px) {
    #header_container {
        width: 80%;
        height: auto;
        padding-top: 170px;
    }
    #header_container .head_title {
        text-align: center;
    }
    #header_container .head_desc {
        width: 100%;
        text-align: center;
    }
    #feature_window {
        position: static;
        margin: 40px auto 60px;
    }
    #header_container .product_container {
        width: 640px;
    }
    .product_container>div {
        width: 120px;
    }
    .switch_item .img_container {
        width: 80%;
    }
    .img_container .img_group {
        height: auto;
        padding: 20px 20px 6px;
    }
    .switch_item>.product_desc {
        width: 80%;
    }
    .switch_item .intellectual_property {
        width: 80%;
    }
    .switch_item .section_property_intro {
        padding-top: 0;
    }
    .switch_item .section_deploy {
        width: 80%;
        margin-top: 80px;
    }
    .section_deploy_scroll {
        margin-top: 0;
    }
    .section_update {
        width: 80%;
    }
    .switch_item .section_bottom_wrap {
        margin-top: 80px;
    }
    .section_bind {
        width: 80%;
        margin-top: 80px;
    }
    .section_bind_float {
        width: 100%;
    }
    .community .community_desc {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .section_bind_float {
        transform: scale(0.9);
    }
}

@media screen and (max-width: 690px) {
    .section_bind_float {
        transform: scale(0.7);
        position: relative;
        left: -30px;
    }
    #header_container .product_container {
        width: 260px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .product_container>div:nth-child(even) {
        margin-left: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 600px) {
    .section_bind_float {
        transform: scale(0.6);
        margin-top: 0;
        left: -40px;
    }
}

@media screen and (max-width: 570px) {
    .section_update_terminal {
        transform: scale(0.8);
    }
    .section_deploy_scroll {
        transform: scale(0.8);
    }
    .intellectual_property .section_property_pic {
        transform: scale(0.7);
    }
}

@media screen and (max-width: 504px) {
    #header_container .head_title {
        font-size: 46px;
        line-height: 60px;
    }
    #header_container .head_desc {
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {
    .section_bind_float {
        transform: scale(0.55);
        left: -65px;
        top: -20px;
    }
}

@media screen and (max-width: 480px) {
    .btn_group {
        flex-direction: column;
        align-items: center;
    }
    .btn_group .btn_download {
        width: 180px;
    }
    .btn_group .btn_apply {
        width: 180px;
        margin-left: 0;
        margin-top: 20px;
    }
}

@media screen and (max-width: 477px) {
    .section_deploy_scroll {
        transform: scale(0.7);
        margin-left: -30px;
        margin-top: -70px;
    }
    .section_bottom_wrap {
        margin-top: 20px;
    }
    .section_update_terminal {
        transform: scale(0.7);
    }
}

@media screen and (max-width: 445px) {
    .section_bind {
        padding-top: 0;
        margin-top: 0;
    }
    .section_bind_intro {
        margin-top: 50px;
    }
    .section_bind_float {
        transform: scale(0.45);
        top: -60px;
    }
}

@media screen and (max-width: 421px) {
    .section_deploy_scroll {
        transform: scale(0.7);
        margin-left: -45px;
    }
    #feature_window {
        width: 100%;
        height: auto;
    }
    #feature_window .feature_title {
        padding: 0 15px;
        font-size: 18px;
    }
    #feature_window .feature_item {
        padding: 0 15px 0 55px;
    }
    #feature_window .feature_item:before {
        left: 15px;
    }
    #feature_window .feature_btn {
        margin: 22px 15px 28px;
    }
    #feature_window .feature_title i {
        margin-left: 5px;
    }
    .section_update_terminal {
        transform: scale(0.6);
        margin-top: -30px;
    }
}

@media screen and (max-width: 400px) {
    .section_deploy_scroll {
        transform: scale(0.7);
        margin-left: -60px;
    }
}

@media screen and (max-width: 380px) {
    .section_update_terminal {
        transform: scale(0.6);
        margin-left: -17px;
    }
    .section_bind_float {
        transform: scale(0.4);
    }
}

@media screen and (max-width: 375px) {
    .section_deploy_scroll {
        transform: scale(0.7);
        margin-left: -70px;
    }
}

/*********** 国际站 *************/

/*********** 公共样式 *************/

.intl #container {
    background-image: url(/assets/intl/image/product/enterprise/banner_zstack.svg);
}

.intl #feature_window {
    width: 380px;
}

.intl #header_container .head_desc {
    text-align: left;
}

.intl #header_container {
    height: 800px;
}

/*********** 企业版 *************/

.intl .switch_item .product_desc {
    width: 780px;
}

.intl .text_container {
    text-align: left;
}

.intl .section_bind {
    align-items: center;
}

.intl .section_bind_intro {
    padding-top: 0;
}

.intl .section_available_flow {
    margin-top: 30px;
}

.intl .enterprise .section_features {
    flex-direction: column;
    justify-self: start;
    align-items: center;
}

.intl .enterprise .section_features_intro {
    width: 900px;
    margin-bottom: 80px;
    text-align: center;
}

.intl .section_features_carousel {
    width: 100%;
    height: 350px;
    transform: none;
}

.intl .carousel_list {
    width: 2700px;
    height: 350px;
}

.intl .carousel_list_mobile {
    width: 1500px;
}

.intl .carousel_item {
    width: 280px;
    height: 350px;
}

.intl .carousel_item span {
    text-align: left;
}

.intl .left_cover {
    height: 350px;
}

.intl .right_cover {
    height: 350px;
}

.intl .use_scene {
    padding-bottom: 300px;
}

.intl .use_scene .item .scene_desc {
    text-align: left;
}

/*********** 混合云版 *************/

.intl .additionServices {
    flex-direction: column-reverse;
    justify-self: start;
    align-items: center;
}

.intl .additionServices .section_features_intro {
    width: 900px;
    margin-bottom: 80px;
    text-align: center;
}

.intl .applicationScene_container,
.intl .uniteControl_inner,
.intl .moveCloud_inner,
.intl .security {
    align-items: center;
}

.intl .applicationScene_content {
    height: 220px;
}

.intl .moveCloud_right,
.intl .security_inner_left,
.intl .uniteControl_right {
    padding-top: 0;
}

/*********** 标准版 *************/

.intl .switch_item .virtual_container {
    margin-bottom: 60px;
}

.intl .virtual_text_container {
    margin-bottom: 60px;
}

.intl .switch_item .virtual_img_container {
    top: 100px;
}

.intl .virtual_text_container>div:first-child {
    margin-top: 100px;
}

/*********** 基础版 *************/

.intl .IT_container {
    align-items: center;
}

.intl .IT_img_container .fade_IT_light {
    background-image: url(/assets/intl/image/product/basic//base_IT_light_bg.svg);
}

.intl .IT_img_container .fade_IT_img {
    background-image: url(/assets/intl/image/product/basic//base_IT_gray_bg.svg);
}

/*********** 社区版 *************/

.intl .community .use_scene {
    padding-bottom: 120px;
}

.intl .community .community_desc {
    width: 780px;
}

.intl .function_container .title {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.intl .use_scene .item .scene {
    text-align: left;
}

@media screen and (max-width:980px) {
    .intl .enterprise .section_features_intro {
        width: 100%;
    }
    .intl #header_container {
        height: auto;
    }
    .intl .switch_item>.product_desc {
        width: 80%;
    }
    .intl .additionServices .section_features_intro {
        width: 80%;
    }
    .intl .function_container .title {
        width: 80%;
    }
}

@media screen and (max-width:575px) {
    .intl .switch_item .virtual_img_container {
        top: 0;
    }
}

@media screen and (max-width:480px) {
    .intl #header_container {
        width: 90%;
    }
    .intl #feature_window {
        width: 360px;
    }
    .intl #feature_window .feature_item {
        padding: 0 10px 0 50px;
    }
    .intl #feature_window .feature_item:before {
        left: 10px;
    }
    .intl #feature_window .feature_btn {
        margin: 20px 10px 25px;
    }
    .intl #feature_window .feature_title {
        padding: 0 15px;
        font-size: 18px;
    }
}

@media screen and (max-width:421px) {
    .intl #feature_window {
        width: 100%;
    }
    .intl #header_container {
        width: 95%;
    }
}