.face_banner {
    width: 100%;
    height: 430px;
    margin-top: 56px;
    background: #827D7C;
}

.product-subtitle {
    font-size: 18px;
    color: #827D7C;
    text-align: center;
    line-height: 22px;
    margin-top: 20px;
}

.banner_inner {
    position: relative;
}

.banner_infor {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}

.banner_infor_l {
    padding: 84px 0;
}

.banner_infor_l.active {
    padding-top: 84px;
}

/* #body-en .banner_infor_l {
    padding: 40px 0;
} */

/* #body-en .banner_infor_l.active {
    padding-top: 40px;
} */

.banner_infor .banner_title {
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 14px;
    opacity: 0;
    border: none;
    line-height: normal;
}

.banner_infor p {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.4px;
    line-height: 24px;
    width: 518px;
    margin: 0;
    opacity: 0;
}

.banner_infor .en_banner_des {
    line-height: 22px;
    width: 700px;
    letter-spacing: 0px;
}
.banner_infor  .dot{
    display: block;
    color: #fff;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin-right: 12px;
    margin-top: 12px;
}
.banner_infor  .banner-descs{
    opacity: 0;
}
.banner_infor  .banner-descs p{
    opacity: 1;
}
.btn {
    display: flex;
    margin-top: 54px;
    opacity: 0;
}

.btn a {
    border: 1px solid #FFFFFF;
    min-width: 120px;
    height: 38px;
    display: block;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    cursor: pointer;
    margin-right: 30px;
    padding: 0 28px;
}

.btn a:nth-child(1) {
    background: #E75213;
    border: 1px solid #FF5B15;
}

.btn a:nth-child(1):hover {
    background: #FF5B15;
    border: 1px solid #FF5B15;
}

.btn a:hover {
    background: #FF5B15;
    border: 1px solid #FF5B15;
}

.banner_infor_r {
    position: relative;
    cursor: pointer;
    width: 430px;
    height: 262px;
    margin: 84px 0;
}

.screen_btn {
    width: 43px;
    height: 32px;
    background: url("/mainStatic/imgs/face1/icon-screen.svg") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 16px;
    right: 6px;
    z-index: 97;
    display: none;
    cursor: pointer;
}

.banner_infor_r:hover .screen_btn {
    display: block;
}

.screen_btn:hover {
    background: url("/mainStatic/imgs/face1/icon-screen-hover.svg") no-repeat center center;
    background-size: 100% 100%;
}

.b_v {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(000, 000, 000, 0.7);
    z-index: 99999;
    display: none;
}

.bv_inner {
    width: 1094px;
    height: 610px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -547px;
    margin-top: -305px;
}

.b_v_btn {
    width: 43px;
    height: 32px;
    background: url("/mainStatic/imgs/face1/icon-screen.svg") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 10px;
    right: 30px;
    cursor: pointer;
    z-index: 999;
    display: none;
}

.bv_inner:hover .b_v_btn {
    display: block;
}

.b_v_btn:hover {
    background: url("/mainStatic/imgs/face1/icon-screen-hover.svg") no-repeat center center;
    background-size: 100% 100%;
}

/* 导航 */

.face_nav {
    width: 100%;
    position: relative;
    height: 52px;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #C9C9C9;
    z-index: 98;
}

#nav {
    width: 100%;
    height: 52px;
    background: #fff;
    border-bottom: 1px solid #C9C9C9;
}

.face_nav .nav_menus {
    position: relative;
}

.face_nav .nav_menu {
    width: 1200px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.nav_menu li {
    cursor: pointer;
    padding: 0 22px;
    line-height: 50px;
    font-size: 14px;
    color: #2F2725;
    border-bottom: 2px solid transparent;
}
.nav_menu_en li {
    line-height: normal;
    padding: 0 19px;
}
.nav_menu .menu_l:hover {
    color: #E75213;
}

.nav_menu .more span:hover {
    color: #E75213;
}

.nav_lines {
    height: 2px;
    background: #E75213;
    position: absolute;
    bottom: 0;
}

.more {
    height: 50px;
    position: relative;
}
.more.more_en{
    line-height: 50px;
}
.more .list {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 3px 5px 0 rgba(5, 8, 8, 0.05);
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 99;
    display: none;
}

.more .list li {
    width: 128px;
    padding: 10px 18px;
    line-height: normal;
}
.more_en .list li {
    width: 166px;
}
.more:after {
    position: absolute;
    right: 10px;
    top: 24px;
    width: 0;
    height: 0;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #fff transparent;
}

.more:before {
    position: absolute;
    right: 9px;
    top: 24px;
    width: 0;
    height: 0;
    content: "";
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #2F2725 transparent;
}

.nav_menu .more:hover .list {
    display: block;
}

.nav_menu .list li:hover {
    color: #E75213;
}

/* .nav_menu li.active {
    border-bottom: 2px solid #E75213;
} */
@media screen and (max-width: 1349px) { 
    .face_nav .nav_menu_en .more .list{
        left: -75%;
    }
}
.stairway {
    text-align: center;
    padding: 70px 0;
    background: #fff;
    position: relative;
}

.stairway .lines {
    width: 1200px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -600px;
    border-top: 1px solid #E8E8E8;
}

.stairway h2 {
    font-size: 32px;
    color: #2F2725;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    font-weight: normal;
}

.stairway .des {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    margin: 25px auto 0 auto;
    max-width: 940px;
}

.stairway .scenarioName_des {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    margin: 20px auto 30px auto;
}

.stairway .productDescription {
    margin: 20px auto 10px auto;
}

.core {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 40px 9px 0 9px;
}

.core1 {
    padding-top: 40px;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
}

.core_item {
    padding-top: 30px;
}

.core_item .core_ico {
    height: 80px;
    margin: 0 auto;
}

.core_infor .titie {
    font-size: 18px;
    color: #2F2725;
    text-align: center;
    line-height: 22px;
    margin: 0;
    padding: 30px 0 13px 0;
}

.core_infor p {
    font-size: 14px;
    color: #827D7C;
    text-align: center;
    line-height: 26px;
    margin: 0;
}

.en_core_infor p {
    text-align: left;
}

.core_item1 {
    width: 285px;
    margin-right: 20px;
}

.core_item1:nth-last-child(1) {
    margin-right: 0;
}

.core_item2 {
    width: 387px;
}

.core_item2:nth-child(3n-1) {
    margin: 0 10px;
}

.core_item1 .core_infor p {
    /* padding: 0 23px 0 22px; */
    padding: 0 22px;
}

.core_item2 .core_infor p {
    /* padding: 0 73px 0 74px; */
    padding: 0 73px;
}

/* 核心价值 */

.scenario {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 365px;
    margin-top: 50px;
}

.scenario_inner {
    width: 1200px;
    position: relative;
    height: 100%;
}

.scenario_item {
    height: 332px;
    width: 285px;
    position: relative;
    margin-right: 20px;
}

.scenario_item:nth-last-child(1) {
    margin: 0;
}

.scenario_item .s,
.scenario_item .s1 {
    width: 285px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    top: 102px;
    transition: all .5s ease;
}

.scenario_bg {
    width: 100%;
    height: 100%;
}

.inspect {
    width: 80px;
    height: 80px;
}

.line {
    width: 20px;
    height: 2px;
    background: #FFFFFF;
    margin: 26px 0 29px 0;
}

.scenario_item .bg {
    width: 100%;
    height: 100%;
    transition: all .5s ease;
}

.scenario_item_en .bg {
    transition: all .5s ease;
}

.bg .orabge_bg {
    width: 100%;
    height: 100%;
    background: rgba(255, 87, 0, 0.80);
    display: none;
}

.scenario_item_en .line {
    margin: 18px 0 18px 0;
}

.scenario_item .title {
    max-width: 100%;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
    padding: 0 10px;
    line-height: 28px;
}

.scenario_item .del_infor {
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
    margin: 0;
    /* padding-top: 10px; */
    padding-top: 5px;
    opacity: 0;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.scenario_item .del_link {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -43px;
    width: 86px;
    height: 32px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 32px;
    font-size: 14px;
}

.scenario_item:hover .del_link {
    color: #E75213;
    background: #fff;
}

.scenario_item:hover .del_infor {
    opacity: 1;
}

.scenario_item:hover .s {
    top: 30px;
}

.scenario_item:hover .s1 {
    top: 30px;
}

.scenario_item:hover .bg .orabge_bg {
    display: block;
}

.scenario_item:hover .bg {
    transform: scale(1.1);
}

.scenario_item_en:hover .s {
    top: 0;
}

.scenario_item_en:hover .s1 {
    top: 0;
}

.scenario_item_en .del_infor {
    line-height: 18px;
    font-size: 12px;
    word-break: normal;
    word-wrap: normal;
    text-align: left;
}

.scenario2 {
    width: 1200px;
    margin: 0 auto;
    /* padding-top: 50px; */
}

.scenario2 .scenario_nav {
    min-width: 720px;
    margin: 50px auto 0 auto;
    display: flex;
    justify-content: center;
}

.scenario2 .scenario_nav li {
    font-size: 14px;
    color: #2F2725;
    text-align: center;
    cursor: pointer;
    /* line-height: 42px; */
    padding: 10px 30px;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    background: #fff;
}

.scenario2 .scenario_nav li:nth-child(1) {
    border-left: 1px solid #C9C9C9;
}

.scenario2 .scenario_nav li:nth-last-child(1) {
    border-right: 1px solid #C9C9C9;
}

.scenario2 .scenario_nav li.active {
    background: #E75213;
    color: #FFFFFF;
    border: 1px solid #E75213;
}

.scenario2 .scenario_nav li:hover {
    color: #E75213;
}

.scenario2 .scenario_nav li.active:hover {
    color: #fff;
}

.scenario2 .sc_s {
    margin-top: 40px;
    width: 1200px;
}

.scenario2 .sc_s2 {
    margin: 0px;
}

.scenario2 .sc_s .sc_s_item {
    display: none;
    width: 1200px;
}

.scenario2 .sc_s .sc_s_item .sc_img {
    width: 1202px;
    padding: 30px;
    /* padding: 30px 30px 0 30px; */
    background: #FFFFFF;
}

.scenario2 .sc_s .sc_s_item .sc_img img {
    border: 1px solid #E8E8E8;
}

.scenario2 .sc_s .sc_s_item.active {
    display: block;
}

/* .scenario2 .sc_s .sc_list {
    padding: 0 30px 35px 30px;
    padding: 30px 30px 35px 30px;
} */

.scenario2 .sc_s .sc_list .title {
    font-size: 18px;
    color: #2F2725;
    font-weight: bold;
    margin-bottom: 14px;
    list-style: none;
    margin-left: 0;
}

.scenario2 .sc_s .sc_list .first_title {
    font-size: 18px;
    color: #2F2725;
    margin-bottom: 14px;
    list-style: none;
    margin-left: 0;
}

.scenario2 .sc_s .sc_list li {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    text-align: left;
    list-style: disc;
    margin-left: 25px;
}

.scenario2 .sc_s .sc_list li span {
    font-weight: bold;
}
.scenario2 .sc_s .sc_list li b.recommended {
    margin: 0 3px;
    font-weight: normal;
}
.scenario2 .sc_s .sc_list li p {
    margin: 0;
}
.scenario2 .sc_s .sc_list li .desc-item {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    text-align: left;
    margin: 0;
}
.scenario2 .sc_s .sc_list .des_list {
    text-indent: 10px;
}

.scenario2 .sc_s .sc_list li a {
    font-size: 14px;
    color: #3E70BF;
    line-height: 24px;
    margin: 0 3px;
}

.scenario2 .sc_s .sc_list li a:hover {
    color: #E75213;
}

.scenario2 .sc_s .list2s {
    display: flex;
    text-align: left;
    flex-flow: wrap;
    /* padding-top: 30px; */
}

.scenario2 .sc_s .list2s .item {
    width: 570px;
    padding: 0 80px 30px 80px;
}

.scenario2 .sc_s .list2s .item h3 {
    font-size: 18px;
    color: #2F2725;
    font-weight: bold;
    margin-bottom: 14px;
}

.scenario2 .sc_s .list2s .item .item_list {
    width: 385px;
}

.scenario2 .sc_s .list2s .item .item_list li {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    list-style: disc;
    margin-left: 20px;
}

.scenario2 .sc_s .list2s .item .item_list li span {
    font-weight: bold;
}

.scenario2 .sc_s .list2s .item .item_list li a {
    font-size: 14px;
    line-height: 24px;
    color: #3E70BF;
    margin: 0 3px;
}

.scenario2 .sc_s .list2s .item .item_list li a:hover {
    color: #E75213;
}

.scenario2 .sc_s .sc_s_item .sc_contant {
    padding: 70px 100px 40px 120px;
    display: flex;
    background: #fff;
}

.scenario2 .sc_s .sc_s_item .sc_con_item:nth-child(1) {
    flex: 1;
}

.scenario2 .sc_s .sc_s_item .sc_con_item:nth-child(2) {
    width: 300px;
    height: 246px;
    margin-left: 80px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
}

.scenario2 .sc_s .sc_con_item .sc_con_list {
    margin-bottom: 30px;
}

.scenario2 .sc_s .sc_con_item .sc_con_list li {
    font-size: 14px;
    color: #827D7C;
    text-align: justify;
    line-height: 24px;
}

.scenario2 .sc_s .sc_con_item .sc_con_list li a {
    color: #3E70BF;
    margin-right: 5px;
    cursor: pointer;
}

.scenario2 .sc_s .sc_con_item .sc_con_list li a:hover {
    color: #E75213;
}

.scenario2 .sc_s .sc_con_item .sc_con_list .title {
    font-size: 18px;
    color: #2F2725;
    line-height: 22px;
    margin-bottom: 13px;
}

.scenario2 .sc_s .sc_con_item h4 {
    background: #F7F8FA;
    font-size: 16px;
    color: #2F2725;
    text-align: center;
    line-height: 64px;
}

.scenario2 .sc_s .sc_con_item .reco_list {
    padding: 40px 50px;
    text-align: left;
}

.scenario2 .sc_s .sc_con_item .reco_list li {
    display: flex;
}

.scenario2 .sc_s .sc_con_item .reco_list li span {
    flex: 1;
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
}

.scenario2 .sc_s .sc_con_item .reco_list li span:nth-child(2) {
    font-size: 14px;
    color: #2F2725;
    line-height: 24px;
}

.scenario .swiper-button-prev,
.scenario .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.scenario .swiper-button-prev {
    left: -53px;
}

.scenario .swiper-button-next {
    right: -53px;
}

.scenario_inner .swiper-button-next.swiper-button-disabled,
.scenario_inner .swiper-button-prev.swiper-button-disabled {
    opacity: 0.4;
}

/* 应用场景 */

.serve1,
.serve2 {
    /* width: 1200px; */
    margin: 0 auto;
}

.serve2 {
    margin-top: 50px;
}

.serve1 {
    width: 1200px;
    /* margin-top: 50px; */
}

.serve1 .serve_item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.serve1 .serve_item li {
    text-align: left;
    margin-top: 70px;
    padding: 0 69px;
    width: 588px;
}

.serve1 .serve_item li .title .ico {
    width: 40px;
    position: absolute;
    left: 0;
    top: -10px;
}

.serve1 .serve_item li .title {
    font-size: 18px;
    color: #2F2725;
    line-height: 22px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 55px;
}

.serve1 .serve_item li .detailBtn {
    float: right;
    color: #4A90E2;
    font-size: 14px;
}

.serve1 .serve_item li p {
    width: 450px;
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    margin: 0;
    padding-left: 55px;
}

.serve2 .serve_nav {
    /* border: 1px solid #C9C9C9; */
    min-width: 720px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.serve2 .serve_nav li {
    /* flex: 1; */
    padding: 0 30px;
    font-size: 14px;
    color: #2F2725;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
}

.serve2 .serve_nav_en li {
    padding: 0 10px;
}

.serve2 .serve_nav li:nth-child(1) {
    border-left: 1px solid #C9C9C9;
}

.serve2 .serve_nav li:nth-last-child(1) {
    border-right: 1px solid #C9C9C9;
}

.serve2 .serve_nav li.active {
    background: #E75213;
    color: #FFFFFF;
}

.serve2 .serve_nav li:hover {
    color: #E75213;
}

.serve2 .serve_nav li.active:hover {
    color: #fff;
}

.serve2 .gn_s {
    /* margin-top: 50px; */
    width: 1200px;
    margin: 50px auto 0 auto;
}

.serve2 .gn_s .gn_s_item {
    display: none;
    width: 1200px;
}

.serve2 .gn_s .gn_s_item.active {
    display: block;
}

.serve2 .gn_s .gn_s_item .title {
    font-size: 14px;
    color: #2F2725;
    line-height: 22px;
    text-align: left;
    margin-bottom: 17px;
    font-weight: normal;
}

.serve2 .gn_s .gn_s_item.gn_s_3_item {
    width: 813px;
    margin: 0 auto;
}

.serve2 .gn_s .gn_s_item .deslist {
    margin-left: 15px;
    /* margin-bottom: 40px; */
}

.serve2 .gn_s .gn_s_item .deslist li {
    list-style: initial;
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
}

/* 功能服务 */

.productPic {
    width: 1200px;
    margin: 50px auto 0 auto;
    background: #fff;
}

.size {
    /* padding-top: 50px; */
    padding-top: 30px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.center_size {
    /* padding-top: 50px; */
    padding-top: 30px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.size_item1 {
    width: 590px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    /* margin-bottom: 21px; */
    margin-top: 20px;
}

.size_item {
    width: 590px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    /* padding-bottom: 20px; */
    /* margin-bottom: 21px; */
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.size_item .title,
.size_item1 .title {
    background: #F7F8FA;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 18px;
    color: #2F2725;
}

.s_items {
    /* border-bottom: 1px solid #E8E8E8; */
    padding-bottom: 20px;
}

.s_items_b {
    /* border-bottom: 1px solid #E8E8E8; */
    padding-bottom: 20px;
}

.s_item_det {
    padding: 0 30px 20px 30px;
    position: relative;
}

.s_item_det .det_lines {
    width: 530px;
    border-bottom: 1px solid #E8E8E8;
    position: absolute;
    bottom: 0;
}

.s_item_det p {
    font-size: 14px;
    color: #2F2725;
    line-height: 54px;
    text-align: left;
    margin: 0;
}

.s_item_table li {
    display: flex;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 24px;
}

.s_item_table li .table_txt {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    flex: 1;
    text-align: left;
    padding-right: 20px;
}

.s_item_table li .params {
    font-size: 14px;
    line-height: 24px;
    flex: 1;
    text-align: left;
    color: #2F2725;
}

.s_item_table li .params_list {
    flex: 1;
}

.s_item_det_p {
    display: flex;
    padding: 0 30px;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.s_item_det_p::before {
    display: inline-block;
    width: 530px;
    height: 2px;
    content: "";
    border-bottom: 1px solid #E8E8E8;
    position: absolute;
    top: -20px;
}

.s_item_det_p .pirce {
    font-size: 14px;
    color: #2F2725;
    letter-spacing: -0px;
    margin: 0;
}

.s_item_det_p .pirce b {
    color: #E75213;
    font-weight: normal;
}

.s_item_det_p .pirce span {
    font-size: 32px;
    color: #E75213;
    letter-spacing: -0px;
    line-height: 26px;
    margin: 0 5px;
}

.s_item_det_p .p_btn {
    display: block;
    padding: 0 23px;
    line-height: 32px;
    border: 1px solid #827D7C;
    font-size: 12px;
    color: #2F2725;
    letter-spacing: 1px;
    text-align: center;
}

.s_item_det_p .p_btn:hover {
    border: 1px solid #E75213;
    color: #fff;
    background: #E75213;
}

.s_item_det_p .advance {
    margin: 0;
    line-height: 32px;
    font-size: 18px;
    color: #2F2725;
    letter-spacing: -0px;
}

/*服务流程*/

.serviceProcess {
    padding-top: 60px;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    justify-content: center;
}

.serviceProcess .sp_item {
    flex: 1;
}

.serviceProcess .sp_item .sp_item_arrow {
    position: absolute;
    top: 47%;
    left: -28%;
}

.serviceProcess .sp_item>div {
    display: inline-block;
    width: 78%;
}

.sp_item .sp_item_description {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
}

.sp_item .sp_item_box {
    border: 1px solid #E8E8E8;
    padding: 8% 13%;
    box-sizing: border-box;
    position: relative;
}

.sp_item .sp_item_box_en {
    height: 66px;
}

.sp_item .sp_item_box .sp_item_ico {
    color: #2F2725;
}

.sp_item .sp_item_box .sp_item_titie {
    font-size: 18px;
    color: #2F2725;
    line-height: 22px;
}

/* 产品规格 */


.expenses,
.expenses2 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.expenses2 {
    flex-wrap: wrap;
}

.expenses_item {
    background: #F7F8FA;
    height: 160px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    padding-top: 36px;
    flex: 1;
    position: relative;
    margin-right: 20px;
}

.expenses_item2,
.expenses_item3 {
    height: 160px;
    background: #F7F8FA;
    position: relative;
}

.expenses_item2 {
    width: 380px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    padding-top: 36px;
}

.expenses_item3 {
    height: 190px;
    margin-right: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.price_sale {
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
}

.expenses_item:nth-last-child(1),
.expenses_item3:nth-last-child(1) {
    margin: 0;
}

.expenses_item2:nth-child(3n-1) {
    margin-left: 20px;
    margin-right: 20px;
}

.expenses_item .titie,
.expenses_item2 .titie,
.expenses_item3 .titie {
    font-size: 16px;
    /* color: #3C3D43; */
    letter-spacing: -0px;
    text-align: center;
    margin: 0;
    min-height: 22px;
    color: #2F2725;
}

.expenses_item .pro_i,
.expenses_item2 .pro_i,
.expenses_item3 .pro_i {
    padding-top: 33px;
    margin: 0;
    font-size: 14px;
    color: #3C3D43;
    letter-spacing: -0px;
}

.expenses_item .free,
.expenses_item2 .free,
.expenses_item3 .free {
    line-height: 28px;
    font-size: 28px;
    color: #E75213;
}

.expenses_item .prompt,
.expenses_item2 .prompt,
.expenses_item3 .prompt {
    font-size: 24px;
    color: #2F2725;
    letter-spacing: -0px;
}

.expenses_item .pro_i_en,
.expenses_item2 .pro_i_en,
.expenses_item3 .pro_i_en {
    padding-top: 17px;
}

.expenses_item .pro_des_en,
.expenses_item2 .pro_des_en,
.expenses_item3 .pro_des_en {
    padding-top: 42px;
    margin: 0;
    font-size: 14px;
    color: #3C3D43;
    letter-spacing: -0px;
}

.expenses_item .pro_i .pirce,
.expenses_item2 .pro_i .pirce,
.expenses_item3 .pro_i .pirce {
    line-height: 28px;
    font-size: 32px;
    color: #E75213;
    letter-spacing: -0px;
    margin: 0 4px;
}

.expenses_item .pro_i .discount,
.expenses_item2 .pro_i .discount,
.expenses_item3 .pro_i .discount {
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    display: inline-block;
    line-height: 20px;
    height: 24px;
    background: url('/mainStatic/imgs/products/OLTP/Rectangle 2@2x.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    bottom: 10px;
    padding: 0 4px;
}

.expenses_item .pro_i b,
.expenses_item2 .pro_i b,
.expenses_item3 .pro_i b {
    font-size: 14px;
    color: #E75213;
    letter-spacing: -0px;
    font-weight: normal;
}

.expenses_item .adv,
.expenses_item2 .adv,
.expenses_item3 .adv {
    width: 100%;
    font-size: 12px;
    color: #827D7C;
    padding: 0 10px;
    letter-spacing: -0px;
    text-align: center;
    line-height: 14px;
    margin-top: 8px;
}

.expenses_item .adv_en,
.expenses_item2 .adv_en,
.expenses_item3 .adv_en {
    margin: -12px 0 0 0;
}

.expenses_item_btn {
    width: 1200px;
    margin: 40px auto 0 auto;
    height: 40px;
    position: relative;
}

.expenses_item_btn a {
    letter-spacing: 0;
    margin: 0 auto;
    cursor: pointer;
    background: #E75213;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    padding: 0 30px;
}

.expenses_item_btn a:hover {
    background: #FF5B15;
}

.pirce_btn {
    margin-top: 25px;
    height: 32px;
}

.pirce_btn a {
    display: block;
    min-width: 98px;
    border: 1px solid #827D7C;
    font-size: 12px;
    line-height: 30px;
    color: #2F2725;
    letter-spacing: 1px;
    text-align: center;
    padding: 0 10px;
}

.pirce_btn a:hover {
    background: #E75213;
    color: #fff;
    border: 1px solid #E75213;
}

.erro_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.50);
    padding-top: 111px;
    padding-bottom: 20px;
}

.erro_mask .title {
    margin: 0;
    padding: 22px 0 40px 0;
    font-size: 16px;
    color: #EEEEEE;
    text-align: center;
}

.up_file .err_text,
.erro_mask .err_text {
    display: none;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0;
    text-align: left;
    padding: 0 21px;
}

/* 资费及定价 */

.customer {
    width: 1200px;
    min-height: 250px;
    margin: 0 auto;
    padding-top: 50px;
    position: relative;
}

/* 客户案例1 */

.cus_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo_item {
    width: 285px;
    height: 180px;
    background: #fff;
    margin: 0 10px 10px 10px;
    position: relative;
    overflow: hidden;
}

.logo_item1 {
    width: 285px;
    height: 180px;
    margin: 0 10px;
    position: relative;
}

.login_item_pic {
    height: 100%;
    background: #fff;
}

.login_item_pic p {
    font-size: 16px;
    color: #2F2725;
    text-align: center;
    margin: 0;
}
.login_item_pic p.title{
    position: relative;
    bottom: 16px;
}

.login_item_pic img {
    padding: 15px 30px 0 30px;
}

.logo_item .logo_item_infor {
    /* height: 145px; */
    max-height: 145px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 128px;
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
    /* background: #fff; */
}

.logo_item .logo_item_infor .title {
    font-size: 16px;
    color: #2F2725;
    text-align: center;
    margin: 0;
    padding: 15px 20px 0px 20px;
    background: #fff;
}

.logo_item .logo_item_infor .des {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    margin: 0;
    text-align: left;
    opacity: 0;
    background: #fff;
    padding: 0 20px;
    min-height: 130px;

}

.logo_item:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}

.logo_item:hover .logo_item_infor .des {
    opacity: 1;
}

.logo_item:hover .logo_item_infor {
    height: 150px;
    text-align: left;
    top: 15px;
}

.cus_item p {
    font-size: 16px;
    color: #2F2725;
    letter-spacing: -0px;
    text-align: center;
}

.customer_en {
    /* height: 413px; */
    /* height:375px; */
    /* height: 405px; */
}

.customer_en .swiper-slide {
    /* height: 413px;    */
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.customer_en .swiper-slide {
    z-index: 0;
}

.swiper-slide_t {
    width: 1200px;
    display: flex;
    justify-content: center;
}

.customer_en .logo_item {
    /* position: initial; */
    /* overflow: initial; */
    position: static;
    overflow: inherit;
}

.customer_en .logo_item .logo_item_infor {
    padding: 0;
    top: 209px;
    border-top: 1px solid #DEDEDE;
    width: 1185px;
    background: #F7F8FA;
    display: none;
    transition: initial;
    z-index: 9;
    left: 8px;
}

.customer_en .logo_item .logo_item_infor.active {
    display: block;
}

.customer_en .logo_item .logo_item_infor .des {
    opacity: 1;
    max-width: 895px;
    margin-top: 10px;
    background: #F7F8FA;
    padding: 0;
    min-height: auto;

}

.customer_en .logo_item .title,.customer_en .logo_item1 .title{
    position: relative;
    bottom: 16px;
}

.customer_en .logo_item .title_en {
    font-size: 16px;
    color: #2F2725;
    letter-spacing: -0px;
    text-align: left;
    font-weight: bold;
    margin-top: 15px;
}

.customer_en .logo_item .title .logo_start_befor {
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #2f2725 transparent;
    position: absolute;
    left: 126px;
    top: 62px;
    display: none;
}

.customer_en .logo_item .title .logo_start_after {
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #F7F8FA transparent;
    position: absolute;
    left: 126px;
    top: 62px;
    z-index: 11;
    display: none;
}

/* 客户案例2 */

.swiper-container {
    height: 100%;
    position: static;
}

#pag {
    bottom: 0;
    left: 50%;
    margin-left: -18px;
}

.customer .swiper-button-prev {
    left: -60px;
}

.customer .swiper-button-next {
    right: -60px;
}

.swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-pagination-bullet-active {
    background: #F25A27;
}

.customer .swiper-button-prev,
.customer .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("/mainStatic/imgs/products/common/left.svg");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("/mainStatic/imgs/products/common/right.svg");
}

.customer .swiper-button-next.swiper-button-disabled,
.customer .swiper-button-prev.swiper-button-disabled {
    opacity: 0.4;
}

.customer_en .swiper-button-prev,
.customer_en .swiper-button-next {
    position: absolute;
    top: 115px;
    width: 50px;
    height: 50px;
    /* margin-top: -96px; */
    margin:0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/* 客户案例 */

.doc {
    padding-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}

.doc_item {
    height: 78px;
}

.doc_item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    cursor: pointer;
}

.doc_item .doc_t {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
}

.doc_item .title {
    font-size: 16px;
    color: #2F2725;
}

.doc_item .hoverIco {
    display: none;
}

.doc_item a:hover .ico {
    display: none;
}

.doc_item a:hover .hoverIco {
    display: block;
}

.doc_item a:hover .title {
    color: #E75213;
}

/* 帮助文档 */

.togglebox {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    transform: translateZ(0);
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.togglebox_item .toggle-title{
    height: 62px;
    width: 100%;
    cursor: pointer;
}
.togglebox_item p {
    font-size: 18px;
    color: #2F2725;
    height: 62px;
    line-height: 62px;
    margin: 0;
    padding-left: 95px;
    border-top: 1px solid #ccc;
}

.togglebox_item .content {
    display: none;
    height: 100%;
}
.togglebox_item p.title:hover{
    background: #F7F8FA;
}

.togglebox_item .toggle-title.active {
    background: #F7F8FA;
}

.togglebox_item .switch {
    width: 30px;
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 17px;
}
.togglebox_item .switch:after {
    content: '\276f';
    color: #aca9a8;
    position: absolute;
    top: -15px;
    right: 10px;
    transform: rotate(90deg);
    transition: 0.4s transform;
}

.togglebox_item .switch.clickActive::after {
    color: #827d7c;
    transform: rotate(-90deg);
}
.togglebox_item {
    position: relative;
}

.togglebox_item .ico {
    width: 40px;
    position: absolute;
    left: 30px;
    top: 10px;
    z-index: 9;
}

.togglebox_item .togglePic {
    margin-top: 72px;
    padding: 0 95px;
}

.gn_list1 {
    margin: 30px 95px;
    text-align: left;
}

.gn_list1 dt {
    font-size: 14px;
    color: #2F2725;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: bold;
}

.gn_list1 dd {
    margin: 0;
    font-size: 14px;
    color: #2F2725;
    line-height: 24px;
    position: relative;
}

.gn_list1 .list3 {
    margin-bottom: 30px;
}
.gn_list1 .list3 dd{
    padding-left: 25px;
}
.gn_list1 .list3 dd::before{
    content: "";
}
.gn_list1 dd::before {
    content: "•";
    position: absolute;
    left: -25px;
}

.gn_list2 {
    margin: 0 25px;
}

.gn_list2 dd {
    /* text-indent: 30px; */
    margin-left:30px;
}

@media only screen and (max-width: 1300px) {

    .scenario_inner{
        position: static;
    }

    .scenario .swiper-button-prev{
        left: 0;
        margin-top: 22px;
    }    
    .scenario .swiper-button-next{
        right: 0;
        margin-top: 22px;
    }
    .customer .swiper-button-prev,.customer_en .swiper-button-prev {
        left: -40px;
    }
    .customer .swiper-button-next {
        right: -40px;
    }

    .customer_en .swiper-button-prev,
    .customer_en .swiper-button-next {
        top: 115px;
        right: -40px;
        margin: 0!important;        
    }
}

@media only screen and (max-width: 1200px) {
    .serve2 .serve_nav li {
        height: 60px;
        line-height: 30px;
    }
}

/* 客户案例2 */
#customer2 .c-nav {
    min-width: 720px;
    margin: 50px auto 0 auto;
    display: flex;
    justify-content: center;
}

#customer2 .c-nav li {
    font-size: 14px;
    color: #2F2725;
    text-align: center;
    cursor: pointer;
    line-height: 42px;
    padding: 0 30px;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    background: #fff;
}

#customer2 .c-nav li:nth-child(1) {
    border-left: 1px solid #C9C9C9;
}

#customer2 .c-nav li:nth-last-child(1) {
    border-right: 1px solid #C9C9C9;
}

#customer2 .c-nav li.active {
    background: #E75213;
    color: #FFFFFF;
    border-top: 1px solid #E75213;
    border-bottom: 1px solid #E75213;
}

#customer2 .c-nav li:nth-child(1).active {
    border-left: 1px solid #E75213;
    border-top: 1px solid #E75213;
    border-bottom: 1px solid #E75213;
}

#customer2 .c-nav li:nth-last-child(1).active {
    border-right: 1px solid #E75213;
    border-top: 1px solid #E75213;
    border-bottom: 1px solid #E75213;
}

#customer2 .c-nav li:hover {
    color: #E75213;
}

#customer2 .c-nav li.active:hover {
    color: #fff;
}

#customer2 .c-inner {
    margin: 40px auto 0 auto;
    width: 1200px;
}
#customer2 .c-inner .c-i-item {
    display: none;
    width: 1200px;
}

#customer2 .c-inner .c-i-item.active {
    display: flex;
}

#customer2 .c-inner .c-i-item .c-i-i-item {
    width: 285px;
    background: #fff;
    padding: 15px 0;
    margin: 0 10px;
    position: relative;
    height: 180px;
    overflow: hidden;
}

#customer2 .c-inner .c-i-item .c-i-i-item .c-i-i-i-pic {
    height: 128px;
}

#customer2 .c-inner .c-i-item .c-i-i-item .c-i-i-i-desc {
    font-size: 16px;
    color: #2F2725;
    letter-spacing: -0px;
    text-align: center;
    margin: 0;
}

#customer2 .c-inner .c-i-item .c-i-i-item .c-i-i-i-infor {
    width: 100%;
    height: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 128px;
    /* padding: 15px 20px; */
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
}

#customer2 .c-inner .c-i-item .c-i-i-item .c-i-i-i-infor .c-i-i-i-infor-title {
    font-size: 16px;
    color: #2F2725;
    letter-spacing: -0px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 0 20px 0 20px;
    background: #fff;
}

#customer2 .c-inner .c-i-item .c-i-i-item .c-i-i-i-infor .c-i-i-i-infor-description {
    font-size: 14px;
    color: #827D7C;
    line-height: 24px;
    padding: 10px 20px 15px 20px;
    background: #fff;
    /* opacity: 0; */
}

#customer2 .c-inner .c-i-item .c-i-i-item:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}
#customer2 .c-inner .c-i-item .c-i-i-item:hover .c-i-i-i-infor-description {
    opacity: 1;
}
#customer2 .c-inner .c-i-item .c-i-i-item:hover .c-i-i-i-infor {
    top: 0;
}