img {
    user-select: none;
}

body,
div,
p,
ul,
li {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style-type: none;
}

div {
    box-sizing: border-box;
}

::selection {
    background-color: #007FDF;
    color: #fff;
}

::-webkit-selection {
    background-color: #007FDF;
    color: #fff;
}

::-moz-selection {
    background-color: #007FDF;
    color: #fff;
}

.company_intro {
    width: 1280px;
    margin: auto;
    position: relative;
    height: 610px;
    margin-top: 50px;
}

.company_intro .company_intro_content {
    width: 560px;
    padding-top: 170px;
    display: inline-block;
    position: absolute;
    left: 0;
}

.company_intro .company_intro_content p {
    font-size: 17px;
    color: #37475A;
    letter-spacing: 0;
    text-align: justify;
    line-height: 40px;
}

.company_intro .company_intro_img {
    position: absolute;
    right: -30px;
    display: inline-block;
}

#container {
    width: 100%
}

#header {
    width: 100%;
    height: 436px;
    background: url('/assets/images/vir_big_bac.png') center top no-repeat, linear-gradient(180deg, #367BF0, #41B9FF);
    background-size: auto 100%;
    position: relative;
    padding-top: 170px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#header.en {
    background-size: auto;
    height: 470px;
}

#header .vir_header {
    display: flex;
    justify-content: space-between;
    transform: translateY(-40px); /* 向上移动 10px */
}

.header_title_wrap_left {
    /* background-color: red; */
    padding-top: 60px;
    width: 50%
}

.header_title_wrap_right {
    width: 480px;
    height:266px
    /* background-color:blue */
}
.header_title_wrap_left .header_title_2{

font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
line-height: 30px;
text-align: left;
font-style: normal;
}
.header_title_wrap {
    /* width: 800px; */
    margin-right: auto;
    margin-left: auto;
}

.header_title {
    /* font-size: 64px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 20px; */

    /* width: 897px; */
    /* height: 70px; */
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 50px;
    color: #FFFFFF;
    line-height: 70px;
    text-align: center;
    font-style: normal;
}

.header_box {
    background-color: #0092E4;
    position: -webkit-sticky;
    /* 兼容性 */
    position: sticky;
    top: 0;
    /* 元素将固定在距离视口顶部的距离 */
    z-index: 100;
}

.header_box .header_box_split {
    width: 100%;
    height: 5px;
    background: linear-gradient(270deg, #0085F4 0%, #03BFFF 47%, #0080E6 100%);
}

.middle .header_box_nav {
    margin: 0 auto;
    height: 57px;
    width: 100%;
    background: #0092E4;
    overflow-x: auto;

}

.header_box_nav .nav_container {
    width: 1180px;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    align-items: center;
}

.header_box_nav .nav_container .header_box_nav_item {
    width: 197px;
    height: 25px;
    font-size: 18px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 53px;
    height: 53px;
    text-align: center;

}

.header_box_nav .nav_container .header_box_nav_item:hover {
    cursor: pointer;
    background: #0085D4;
}

/* .header_box_nav .nav_container .header_box_nav_item:nth-child(1) {
    background: #0085D4;

} */

.middle .why_choice_container {
    background: linear-gradient(180deg, #F2FAFF 0%, #F3FAFF 61%, #FFFFFF 100%);

}



.vir_body {
    display: flex;
    justify-content: center;

}

.ok {
    background: linear-gradient(180deg, #F2FAFF 0%, #F3FAFF 61%, #FFFFFF 100%);

}

.vir_body .body_container {
    width: 1180px;

    /* background-color: #C0C0C0; */
}


.vir_body .body_container .body-1 {
    text-align: center;
}

.vir_body .body_container .body-1 .body-1-title {
    /* width: 871px; */
    height: 50px;
    font-size: 36px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    margin-top: 117px;
}

.vir_body .body_container .body-1 .body-1-container {
    margin-top: 77px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* background-color: red; */

}

.vir-body-1-box-img {
    width: 62px;
    height: 62px;
    /* 替换 'your-image-url.jpg' 为你的图片路径 */
    background-size: 100% 100%;
    /* 控制图片尺寸，cover表示尽量填满容器 */
    background-position: center;
    /* 控制图片在容器中的位置，center表示居中 */
    background-repeat: no-repeat;
    /* 禁止图片平铺重复 */
}
.zsphereColor{
    /* height: 38px; */
    width: fit-content;
    background-color: white;
    border-radius: 2px;
    text-align: center;
    /* line-height: 38px; */
    color: #007FDF;
    font-size: 16px;
    padding: 10px;
    display: block;
    margin-top:20px;
    margin: 20px auto;
    margin-left: 0px;
    cursor: pointer;
}
.body-1-container .body-1-box:nth-child(1) .vir-body-1-box-img.body-1-img-bac1 {

    background-image: url('/assets/images/vir_box1_1_1.png');
    width: 50px;
    height: 50px;
}

.body-1-container .body-1-box:nth-child(2) .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_2_1.png');
    width: 62px;
    height: 60px;
    /* transform: translateY(-2px); */
}

.body-1-container .body-1-box:nth-child(3) .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_3_1.png');
    width: 55px;
    height: 50px;
}

.body-1-container .body-1-box:nth-child(4) .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_4_1.png');
    width: 52px;
    height: 51px;
}

.body-1-container .body-1-box:nth-child(5) .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_5_1.png');
    width: 52px;
    height: 51px;
}

.body-1-container .body-1-box:nth-child(6) .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_6_1.png');
    width: 52px;
    height: 56px;
}

.body-1-container .body-1-box:nth-child(7) .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_7_1.png');
    width: 59px;
    height: 48px;
}

.body-1-container .body-1-box:nth-child(8) .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_8_1.png');
    width: 45px;
    height: 46px;
}

/* ----------- */
.body-1-container .body-1-box:nth-child(1):hover .vir-body-1-box-img.body-1-img-bac1 {

    background-image: url('/assets/images/vir_box1_1_2.png');
    width: 50px;
    height: 50px;
}

.body-1-container .body-1-box:nth-child(2):hover .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_2_2.png');
    width: 62px;
    height: 60px;
}

.body-1-container .body-1-box:nth-child(3):hover .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_3_2.png');
    width: 55px;
    height: 50px;
}

.body-1-container .body-1-box:nth-child(4):hover .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_4_2.png');
    width: 52px;
    height: 51px;
}

.body-1-container .body-1-box:nth-child(5):hover .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_5_2.png');
    width: 52px;
    height: 51px;
}

.body-1-container .body-1-box:nth-child(6):hover .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_6_2.png');
    width: 52px;
    height: 56px;
}

.body-1-container .body-1-box:nth-child(7):hover .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_7_2.png');
    width: 59px;
    height: 48px;
}

.body-1-container .body-1-box:nth-child(8):hover .vir-body-1-box-img.body-1-img-bac1 {
    background-image: url('/assets/images/vir_box1_8_2.png');
    width: 45px;
    height: 46px;
}


.vir_body .body_container .body-1 .body-1-container .body-1-box {
    width: 269px;
    height: 354px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(205, 202, 202, 0.5);
    border-radius: 12px;
    margin-bottom: 30px;
    padding-top: 44px;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    /* color: #1A2736; */

    transition: all .3s linear
}

.vir_body .body_container .body-1 .body-1-container .body-1-box:hover {
    transform: translateY(-21px);
    background-image: url('/assets/images/vir_box_hover.png');
    /* 替换 'your-image-url.jpg' 为你的图片路径 */
    background-size: 100% auto;
    /* 控制图片尺寸，cover表示尽量填满容器 */
    background-position: center;
    /* 控制图片在容器中的位置，center表示居中 */
    background-repeat: no-repeat;
    /* 禁止图片平铺重复 */

    /* color: white; */

}

.vir_big_bac2 {
    background-image: url('/assets/images/vir_big_bac2.png');
    /* 替换 'your-image-url.jpg' 为你的图片路径 */
    background-size: 2600px 105%;
    /* 控制图片尺寸，cover表示尽量填满容器 */
    background-position: center;
    /* 控制图片在容器中的位置，center表示居中 */
    background-repeat: no-repeat;

}

.vir_body .body_container .body-1 .body-1-container .body-1-box:hover .vir-body-1-box-title {
    color: white;


}

.vir_body .body_container .body-1 .body-1-container .body-1-box:hover .vir-body-1-box-txt {
    color: white;


}

.vir-body-1-box-title {

    height: 33px;
    font-size: 24px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 33px;
}

.vir-body-1-box-txt {
    width: 79%;
    text-align: left;
    height: 140px;
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    line-height: 27px;
}


.vir_body .body_container .body-2 {
    text-align: center;
    margin-bottom: 139px;
}

.vir_body .body_container .body-2 .body-2-title {

    /* height: 50px; */
    font-size: 36px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    /* line-height: 50px; */
    margin-top: 95px;
}

.vir_body .body_container .body-2 .body-2-title-2 {
    /* width: 1080px; */
    height: 81px;
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    /* line-height: 27px; */
    margin-top: 20px;
    padding-left: 17px;
    padding-right: 30px;
}

.vir_body .body_container .body-2 .body-2-img {
    /* width:100%; */
    height: 476px;
    background-image: url('/assets/images/vir_bac_1.png');
    /* 替换 'your-image-url.jpg' 为你的图片路径 */
    background-size: 100% auto;
    /* 控制图片尺寸，cover表示尽量填满容器 */
    background-position: center;
    /* 控制图片在容器中的位置，center表示居中 */
    background-repeat: no-repeat;
    /* 禁止图片平铺重复 */
}

.body_bigbox {
    width: 100%;
    /* height: 689px; */
    display: flex;
    justify-content: center;
    /* background-color: red; */
}

.bigbox_default {
    /* height: 791px; */

}

.bigbox_default .body_bigbox_container .body_bigbox_container_title {
    /* width: 818px; */
    height: 50px;
    font-size: 36px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 50px;
    margin-top: 92px;
}

.body_bigbox .body_bigbox_container .body_bigbox_container_body {

    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 170px;
    margin-top: 123px;
    /* background-color: red; */
}

.body_bigbox_container_body_item {
    /* width: 50%; */
    /* border: 1px solid black; */
    /* background-color: red; */
    /* border-width: 1px; */


}

.spec_big {
    width: 55%;
    position: relative;

}

.spec_big:before {
    content: " ";
    width: 5px;
    height: 36px;
    top: 8px;
    position: absolute;
    display: inline-block;
    background-color: rgba(0, 124, 223, 1);
}

.spec_small {
    width: 30%;
    height: 336px;

    background-size: 100% auto;

    background-position: center;

    background-repeat: no-repeat;
}

.spec_img1 {
    background-image: url('/assets/images/vir_three3.png');
}

.spec_img2 {
    background-image: url('/assets/images/vir_yuan1.gif');

}

.spec_img2_1 {
    display: none;
    background-image: url('/assets/images/vir_select_1.png');
}

.spec_img2_2 {
    display: none;
    background-image: url('/assets/images/vir_select_2.png');
}

.spec_img2_3 {
    display: none;
    /* background-size: 100% 103% !important; */
    background-image: url('/assets/images/vir_select_3.png');
}

.spec_img3 {
    background-image: url('/assets/images/vir_yuan2.gif');

}

.vir_spec_img_select {
    height: 272px;
    background-size: 100% 100%;
    width: 150%;
    transform: translateX(-75px);
}

.spec_img4 {
    background-image: url('/assets/images/vir_yuan3.gif');
    width: 35%;

}

.spec_img5 {
    background-image: url('/assets/images/vir_small_bac.png');
    width: 30%;
    height: 463px;
}

.body_bigbox .body_bigbox_container {
    width: 1180px;
    /* background-color: #C0C0C0; */
    display: flex;
    /* justify-content: center;
     */
    flex-direction: column;
    align-items: center;

}

.body_bigbox_blue {
    background-color: rgba(243, 250, 255, 1);
}

.body_bigbox_container_body_item_title1 {
    width: 100%;
    /* height: 50px; */
    font-size: 36px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    /* padding-left: 20px; */
    margin-left: 20px;
    line-height: 50px;
}

.body_bigbox_container_body_item_title2 {
    /* width: 470px; */
    /* height: 33px; */
    font-size: 24px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #45576B;
    line-height: 33px;
    margin-bottom: 53px;
}



.body_bigbox_container_body_item_span {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.body_bigbox_container_body_item_span_title {
    width: 100px;
    float: auto;
    /* height: 27px; */
    font-size: 16px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #008CF7;
    line-height: 27px;
    text-align: left;
}

.body_bigbox_container_body_item_span_box {
    display: flex;
    margin-bottom: 16px;
}

.body_bigbox_container_body_item_span_label {
    width: 394px;
    /* height: 54px; */
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #37475A;
    line-height: 27px;
}

.spec_title {
    text-align: right;
    transform: translateX(-42px);
    width: 122px;
}

.spec_bable {
    transform: translateX(-23px);

}


.spec_title2 {
    text-align: right;
    transform: translateX(-49px);
    width: 130px;
}

.spec_bable2 {
    transform: translateX(-30px);

}

.body_bigbox_container_body_items {
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 50px;
    transform: translateX(-30px);
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s linear
}

.vir_hover {
    background-color: white;
    border-left: 5px solid #3498db;
    /* 宽度为5px，颜色为#3498db（蓝色） */
}

.body_bigbox_container_body_items_value {
    /* width: 393px; */
    /* height: 87px; */
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    line-height: 27px;
    margin-top: 12px;
}

.body_bigbox_container_body_items_title {

    height: 27px;
    font-size: 21px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #5E6978;
    line-height: 27px;
}

.vir_select_left {
    width: 28%;
    background-color: rgba(0, 95, 171, 1);
    padding-top: 90px;
    padding-left: 23px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.5);
    padding-bottom: 60px;
}

.vir_select_left_items {
    width: 90%;
    height: 48px;
    font-size: 24px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 24px;
    text-align: center;
    line-height: 48px;
    margin-bottom: 20px;
    transition: all .3s linear
        /* background-color: red */
}

.vir_select_hover {
    background: rgba(0, 77, 138, 0.71);
    position: relative;
}

.vir_select_hover:after {
    content: " ";
    top: 20px;
    right: 20px;
    width: 20px;
    height: 5px;
    position: absolute;
    display: inline-block;
    background-size: 100% auto;
    /* 控制图片尺寸，cover表示尽量填满容器 */
    background-position: center;
    /* 控制图片在容器中的位置，center表示居中 */
    background-repeat: no-repeat;
    background-image: url('/assets/images/vir_jiantou.png');

}

.vir_select_right {
    width: 72%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.43);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s linear
}

.vir_select_right_container {
    /* background-color: red; */
    width: 85%;
    display: none;
}

.vir_select_right_container_show {
    display: block;
}

.vir_select_right .vir_select_right_title {
    /* width: 567px; */
    height: 38px;
    font-size: 27px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #162737;
    line-height: 38px;
    margin-bottom: 27px;
}

.vir_select_right_container_items {
    margin-bottom: 13px;

}

.vir_select_right_container_items_title {

    /* height: 28px; */
    font-size: 18px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #0080E6;
    margin-bottom: 8px;
    line-height: 30px;
}

.vir_select_right_container_items_value {

    /* height: 27px; */
    font-size: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #162C3F;
    line-height: 27px;
}

.vir_bottom_bac {
    background-size: 100% auto;
    width: 100%;
    height: 368px;
    /* 控制图片尺寸，cover表示尽量填满容器 */
    background-position: center;
    /* 控制图片在容器中的位置，center表示居中 */
    background-repeat: no-repeat;
    background-image: url('/assets/images/vir_bottom_bac.png');
}

.vir_bottom_tip {
    width: 100%;
    text-align: right;
    /* height: 17px; */
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    margin-top: 59px;
    color: #5B697A;
    text-wrap: wrap;
    word-wrap: break-word;
    line-height: 17px;
}
.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: 1290px){
    .header_title_wrap_left .header_title_2{
        text-align: center;
    }
.zsphereColor{
    margin: 20px auto;
}
    .vir_header{
        flex-direction: column;
        align-items: center;
    }
    #header{
        height:unset
    }
    .header_title_wrap_left{
       width:unset;
       display: flex;
       flex-direction: column;
       justify-content: center;
    }
    .header_title{
        /* width:60vw */
    }
}
@media screen and (max-width: 980px) {
    .download_card{
        height: auto;
        padding-bottom: 30px;
        width: 84%;
        top: -70px;
    }
}
@media screen and (max-width: 1180px) {
    .header_box_nav {
        overflow-x: scroll;
        /* overflow-x: hidden; */

    }

    .vir_body .body_container {
        width: 80vw;

    }

    .body_bigbox .body_bigbox_container {
        width: 80vw;

    }

    .vir_body .body_container .body-1 .body-1-container {
        justify-content: space-around;

    }

    .vir_body .body_container .body-1 .body-1-container .body-1-box {
        width: 40%;

    }

    .body_bigbox_container_body {
        flex-direction: column;
    }

    .vir_select_left {
        width: 100%;

        overflow-x: scroll;
        display: flex;
        flex-wrap: wrap;
    }

    .vir_select_right {
        width: 100%;
        padding-top: 50px;
        height: auto;
    }

    .vir_select_right .vir_select_right_title {
        margin-bottom: 50px
    }

    .vir_select_hover:after {
        display: none;
    }

    .vir_big_bac2 {
        background-size: 3000px 100%
    }

    .spec_big {
        width: 100%
    }

    .spec_small {
        width: 52%
    }

    .vir_spec_img_select {
        width: 449px
    }
}

@media screen and (max-width:800px) {
    .vir_body .body_container .body-1 .body-1-container .body-1-box {
        width: 269px;


    }

    .spec_big {
        width: 100%
    }

    .spec_small {
        width: 62%
    }

    .vir_spec_img_select {
        width: 449px
    }
}

@media screen and (max-width:450px) {
    .vir_select_right .vir_select_right_title {
        margin-bottom: 80px
    }

    .spec_small {
        width: 250px
    }

    .vir_spec_img_select {
        width: 449px
    }

    /* .vir_spec_img_select{
        width: 130%

    } */

}