body {    padding: 0;    margin: 0;}a:hover{    color: #0675f2;}.dn {    display: none;}/* 顶部 */.s-flex1 {    display: flex;    align-items: center;}.s-flex2 {    display: flex;    flex-direction: column;    align-items: center;}.s-header-box {    z-index: 999;    position: fixed;    top: 0;    left: 0;    right: 0;    width: 100%;/*    max-width: 1920px;*/    display: flex;    align-items: center;    justify-content: space-around;    padding-top: 45px;    color: #ffffff;}.s-black-bg {    box-shadow: 0 10px 40px -15px rgb(64 90 163 / 15%);    background: #fff;    color: #333;}.s-nf-logo {    margin-top: -30px;    width:183px;    height:70px;    margin-bottom: 10px;}.s-nf-logo-blue {    display: none;    margin-top: -30px;    width:183px;    height:70px;    margin-bottom: 10px;}.s-nf-logo img{    max-width:183px;    max-height:70px;}.s-nf-logo-blue img{    max-width:183px;    max-height:70px;}.s-black-bg .s-nf-logo {    display: none;}.s-black-bg .s-nf-logo-blue {    display: block;}.s-nav-box {    justify-content: space-around;    width: 920px;    position: relative;    margin-top: -30px;}.s-nav-item {    font-size: 16px;    margin: 0 30rpx;    display: flex;    flex-direction: column;    align-items: center;    transition: all .1s linear;}.s-nav-item a {    color: #ffffff;    text-decoration: none;    display: flex;    flex-direction: column;    align-items: center;    transition: all .1s linear;}.s-black-bg .s-nav-item a {    color: #333;    display: flex;    flex-direction: column;    align-items: center;}.s-nav-active a {    color: #0675f2;    font-weight: bold;}@media (max-width: 1366px) {    .s-nav-box {        width: 760px;    }    .s-nav-item {        font-size: 14px;    }}.s-underline {    width: 20px;    height: 4px;    background-color: transparent;    border-radius: 2px;    margin-top: 5px;}.s-nav-active {    color: #006bf0;    font-weight: bold;}.s-black-bg .s-nav-item {    color: #333;}.s-black-bg .s-nav-active {    color: #0675f2;}.s-underline-active {    background-color:#0675f2;}.s-nav-item:hover {    color:#0675f2;    cursor: pointer;}.s-top-small-box {    box-shadow: 0px 15px 5px -15px #989898;/*    position: absolute;    right: 10px;    bottom: 40px;*/}.s-zt-icon {    width: 19px;    height: 20px;    margin-right: 10px;}.s-phone-icon {    width: 21px;    height: 20px;    margin-right: 10px;}.s-top-small1 {    justify-content: center;    width: 120px;    height:30px;    background-color: #ffffff;}.s-top-small2 {    justify-content: center;    width: 160px;    height: 30px;    background-color: #0675f2;}.s-top-small1 span {    font-size: 14px;    color: #0675f2;}.s-top-small1 a {    display: flex;    justify-content: center;    font-size: 14px;    color: #0675f2;    text-decoration: none;}.s-top-small2 span {    font-size: 16px;    color: #ffffff;}/* 轮播图 */.s-swiper-box {    position: relative;}.s-swiper-img {    width: 100%;    vertical-align: top;}.mouse-icon {    width: 28px;    height: 40px;    position: absolute;    bottom: 35px;    left: 50%;    transform: translateX(-50%);    z-index: 990;    animation: mouseShaking 3s linear infinite;}@keyframes mouseShaking {    0% {        bottom: 40px;    }    50% {        bottom: 30px;    }    100% {        bottom: 40px;    }}.s-ser-big-box {    position: absolute;    right: 5%;    bottom: 0;    z-index: 990;}.s-ser-big-box:hover .s-ser-box2 {    width: 1200px;}.s-ser-box H3{    font-size: 24px;}@media (max-width: 1366px) {    .s-ser-big-box {        transform: scale(0.8);        bottom: -12px;        right: 3%;    }}.s-ser-box-wrap {    display: flex;    width: 180px;    overflow: hidden;    cursor: pointer;    transition: 0.5s;}.s-ser-box {    width: 180px;    height: 120px;    display: flex;    justify-content: center;    align-items: center;    background: url(../images/serve.jpg) no-repeat;    background-size: 100% 100%;    color: #333333;    font-size: 36px;    font-weight: bold;    transition: 0.5s;}.s-hide {    display: none;}.s-ser-box-wrap:hover {}.s-ser-box-wrap:hover .s-hide {    display: block;}.s-ser-box-wrap:hover+.s-ser-box2 {}.s-ser-box2 {    width: 400px;    height: 120px;    background-image: linear-gradient(45deg, #006bf0 0%, #3823ff 100%);    border-radius: 0px 12px 0px 0px;    color: #ffffff;    overflow: hidden;    transition: all 0.3s;}.s-customer-box {    flex: 0 0 200px;}.custom_item {    flex: 0 0 300px;    height: 120px;    display: flex;    align-items: center;    padding: 20px;    box-sizing: border-box;}.s-crown-icon,.s-hand-icon {    width: 50px;    height: 50px;}.s-ser-box2-text {    margin-top: -10px;}.s-ser-box2-text1 {    font-size: 20px;    font-weight: bold;}.custom_info {    flex: 1;    margin-left: 20px;}.custom_info h3 {    font-weight: bold;    font-size: 16px;}.custom_info p {    font-size: 12px;    color:#b3b6fa ;}/* 粒子动画 */.s-particle-box {    /*margin-top:50px;*/    width: 100%;}.s-particle-text-box {    margin:76px 0 60px 0;}.s-particle-title {    text-align: center;    /*font-weight: bold;*/    /*font-size: 36px;*/    color: #333333;        font-size: 20px;}.s-particle-ctx {    text-align: center;    font-size: 16px;    color: #666666;    margin: 20px 0 20px 0;    width: 1040px;}.s-particles-canvas {    height: 300px;    overflow: hidden;    position: relative;}.particles_wrap {    width: 100%;    max-width: 1200px;    height: 300px;    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);}.s-star-item {    position: absolute;    animation: shaking 20s linear infinite;    display: flex;    flex-direction: column;    align-items: center;}.s-sar1 {    top: 50px;    left: 0;}.s-sar2 {    top: 80px;    left: 239px;}.s-sar3 {    top: 25px;    left: 454px;}.s-sar3-1 {    top: 70px;    left: 657px;}.s-sar4 {    top: 45px;    left: 910px;}.s-sar6 {    top: 180px;    left: 100px;}.s-sar7 {    top: 80px;    left: 180px;}.s-sar8 {    top: 80px;    right: 50px;}.s-sar9 {    top: 120px;    right: 100px;}.s-sar10 {    top: 80px;    right: 0;}.s-shine-ball {    width: 12px;    height: 12px;    background-color: #00c0ff;    border-radius: 60px;    animation: twinkle 1.5s ease-out 0s infinite;}.s-stick {    width: 0px;    height: 130px;    border-left: dotted 1px #00c0ff;}.s-stick-bold {    width: 0px;    height: 130px;    border-left: dotted 2px #00c0ff;}@keyframes twinkle {    0% {        transform: scale(0.5);        opacity: 1;    }    30% {        opacity: 1;    }    100% {        transform: scale(1.4);        opacity: 0;    }}@keyframes shaking {    25% {        margin-top: -5px;    }    50% {        margin-top: 5px;    }    75% {        margin-top: 25px;    }    100% {        margin-top: 5px;    }}.s-circle-frame {    position: relative;    justify-content: center;    width: 90px;    height: 90px;    border-radius: 50%;    background: #fff;    border: dotted 2px #00c0ff;    /* transform: scale(0.9); */}.s-circle-frame:hover {    background-image: linear-gradient(0deg, #006bf0 0%, #2284ff 100%);    box-shadow: 0px 0px 24px 0px rgba(25, 125, 251, 0.27);    border: dotted 2px transparent;}.s-circle-frame .s-icon2,.s-circle-frame .s-span-hide {    display: none;}.s-circle-frame:hover .s-icon1 {    display: none;}.s-circle-frame:hover .s-icon2,.s-circle-frame:hover .s-span-hide {    display: block;}.s-circle-frame:hover .s-star-text {    color: #0675f2;    font-weight: bold;}/* .s-circle-frame:hover */.s-star-text {    position: absolute;    color: #333333;    font-size: 16px;    right: -139px;    align-items: flex-start;}.s-star-text0{    }.s-star-text1{    right:-118px;}.s-star-text2 {    right: -116px;}.s-star-text3 {    right: -100px;}.s-star-text4 {    right: -84px;}.s-pc-icon {    width:56px;    height:56px;}.s-pc-icon2 {    width:56px;    height:56px;}.s-app-icon {    width:56px;    height:56px;}.s-miniprog-icon {    width: 56px;    height: 56px;}.s-sys-icon {    width: 56px;    height:56px;}/* 流程 */.s-work-flow-wrap {    margin-top:50px;}.wrapper {    margin: 0 auto;}.workflow-nav {    transform: scale(0.8);    width: 1345px;    max-width: 1345px;}.nav-box {    cursor: pointer;    display: flex;    align-items: center;    justify-content: space-around;    /* border-bottom: 2px solid #e9ebf1; */    padding-bottom: 20px;}.underline-box {    height: 0;    border-bottom: 2px solid #e9ebf1;}.underline-box .box {    width: calc(100% / 6);    transition: all 300ms ease-in-out;}.underline-box .line {    margin: 0 auto;    width: 70%;    border-top: 2px solid transparent;    transition: all 300ms ease-in-out;}.underline-box--okr .box {    transform: translateX(400%);}.underline-box--okr .line {    border-color: #84e6db !important;}.underline-box--agile .box {    transform: translateX(0%);}.underline-box--agile .line {    border-color: #6f9bf8 !important;}.underline-box--testhub .box {    transform: translateX(100%);}.underline-box--testhub .line {    border-color: #71d897 !important;}.underline-box--plan .box {    transform: translateX(200%);}.underline-box--plan .line {    border-color: #ee9180 !important;}.underline-box--wiki .box {    transform: translateX(300%);}.underline-box--wiki .line {    border-color: #9c9ff5 !important;}.underline-box--api .box {    transform: translateX(500%);}.underline-box--api .line {    border-color: #348fe4 !important;}.nav-item {    color: #333;    font-size: 1rem;    font-weight: bold;    display: flex;    align-items: center;}.nav-item img {    width: 25px;    height: 25px;    margin-right: 10px;}.workflow-overview {    margin: 40px auto 0 auto;    position: relative;    width: 1345px;    height: 778px;    background-image: url(../svg/wv_bg.svg);    background-repeat: no-repeat;    transform: scale(0.8);    margin-top: -50px;}.action-layer {    position: absolute;    z-index: 4;    top: 0;    left: 0;    right: 0;    bottom: 0;}.action-layer div {    cursor: pointer;}.okr-group {    position: absolute;    top: 0;    left: 0;    width: 303px;    height: 173px;}.plan-group {    position: absolute;    top: 232px;    left: 0;    width: 303px;    height: 382px;}.agile-group {    position: absolute;    top: 0;    left: 331px;    width: 683px;    height: 615px;}.testhub-group {    position: absolute;    top: 0;    left: 1042px;    width: 303px;    height: 242px;}.api-group {    position: absolute;    top: 304px;    left: 1042px;    width: 303px;    height: 311px;}.wiki-group {    position: absolute;    top: 643px;    left: 0;    width: 1345px;    height: 105px;}.connecting-line-layer {    position: absolute;    z-index: 3;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image: url(../svg/wv-connecting-line.svg);    background-size: 1036px;    background-position: 137px 49px;    background-repeat: no-repeat;}.focus-box-layer {    position: absolute;    z-index: 1;    display: flex;    transition: all 200ms;}.focus-box-layer div:nth-child(1) {    border-width: 1px 0 1px 1px;}.focus-box-layer--api div:nth-child(2) {    margin-left: 10px;    flex: 1.68;}.focus-box-layer--agile {    top: 0;    left: 331px;    width: 683px;    height: 615px;}.focus-box-layer--agile div {    border-color: #b9d0ff;    background: #f0f5ff;}.focus-box-layer--testhub {    top: 0;    left: 1042px;    width: 303px;    height: 242px;}.focus-box-layer--testhub div {    border-color: #a6efcc;    background: #ecfcf4;}.focus-box-layer--api {    top: 304px;    left: 1042px;    width: 303px;    height: 311px;}.focus-box-layer--api div {    border-color: #a2ccf3;    background: #ebf4fd;    border-width: 1px !important;}.focus-box-layer--wiki {    top: 643px;    left: 0;    width: 1345px;    height: 105px;}.focus-box-layer--wiki div {    border-color: #d2d2fe;    background: #f6f6ff;}.focus-box-layer--plan {    top: 232px;    left: 0;    width: 303px;    height: 382px;}.focus-box-layer--plan div {    border-color: #fdcac3;    background: #fff4f2;}.focus-box-layer--okr {    top: 0;    left: 0;    width: 303px;    height: 173px;}.focus-box-layer--okr div {    border-color: #b4f5ef;    background: #effdfc;}.focus-box-layer div {    flex: 1;    width: 50%;    height: 100%;    border-style: solid;    border-color: transparent;    transition: all 200ms;    transition: border 0ms;    border-radius: 4px;}.group-layer {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: 2;}.group-layer div img {    position: absolute;    top: 25px;    left: 25px;    right: 25px;    bottom: 25px;    width: auto;    height: auto;    opacity: 0;    transition: all 200ms;}.group-layer div img:nth-child(1) {    opacity: 1;}.group-layer .active img:nth-child(2) {    opacity: 1;}/* 我们的成果 */.s-result-box {    width: 100%;    max-width: 1600px;    margin: 0 auto;    margin-top:20px;}.s-result-title {    margin: 50px 0 20px 0;    text-align: center;    font-size: 36px;    font-weight: bold;    color: #333333;}.s-result-ctx {    text-align: center;    font-size: 16px;    color: #666666;    margin-bottom:20px;}.result-slide .swiper-pagination {    position: static;    width: 1180px;    margin: 0 auto 60px;    display: flex;    justify-content: space-between;    align-items: center;    border-bottom: 1px #8f9598 solid;}.result-slide .swiper-pagination-bullet {    width: auto;    height: 89px;    border-radius: 0;    background: none;    opacity: 1;    color: #666;    position: relative;}.result-slide .swiper-pagination-bullet:after {    display: none;    content: '';    width: 100%;    height: 3px;    background-color: #0675f2;    position: absolute;    bottom: -2px;    left: 0;}.result-slide .swiper-pagination-bullet-active {    color: #0675f2;}.result-slide .swiper-pagination-bullet-active:after {    display: block;}.result-slide .swiper-pagination-bullet i {    display: block;    width: 55px;    height: 45px;    margin: 0 auto 10px;}.result_icon1 {    background: url(../img/tab_1_1.png);}.result_icon2 {    background: url(../img/tab_2_1.png);}.result_icon3 {    background: url(../img/tab_3_1.png);}.result_icon4 {    background: url(../img/tab_4_1.png);}.result_icon5 {    background: url(../img/tab_5_1.png);}.result_icon6 {    background: url(../img/tab_6_1.png);}.result-slide .swiper-pagination-bullet-active .result_icon1 {    background: url(../img/tab_1_2.png);}.result-slide .swiper-pagination-bullet-active .result_icon2 {    background: url(../img/tab_2_2.png);}.result-slide .swiper-pagination-bullet-active .result_icon3 {    background: url(../img/tab_3_2.png);}.result-slide .swiper-pagination-bullet-active .result_icon4 {    background: url(../img/tab_4_2.png);}.result-slide .swiper-pagination-bullet-active .result_icon5 {    background: url(../img/tab_5_2.png);}.result-slide .swiper-pagination-bullet-active .result_icon6 {    background: url(../img/tab_6_2.png);}.result-slide {    width: 100%;    max-width: 1600px;    margin: 0 auto;}.result_list {    padding: 0 20px;}.result_list ul {    display: flex;    justify-content: space-between;    flex-wrap: wrap;}.result_list ul:after {    display: block;    content: '';    width: 30%;}.result_list li {    width: 30%;    margin-bottom: 50px;    background-color: #fff;    box-shadow: 0 0 10px rgba(0, 0, 0, .09);}.result_list li a {    display: block;}.result_img {    position: relative;    overflow: hidden;}.result_img:after {    display: block;    content: '';    width: 100%;    margin-top: 65%;}.result_img img {    height: 100%;    transition: all 0.3s;    position: absolute;    top: 0;    left: 0;}.result_img span {    display: flex;    align-items: center;    width: 100%;    height: 40px;    padding: 0 20px;    box-sizing: border-box;    background-color: rgba(0, 0, 0, 0.6);    font-size: 16px;    color: #fff;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    position: absolute;    bottom: -100%;    left: 0;    z-index: 9;    transition: all 0.3s;}.result_info {    width: 100%;    height: 96px;    padding: 0 20px;    display: flex;    justify-content: space-between;    align-items: center;    box-sizing: border-box;    transition: all 0.3s;}.result_name {    font-size: 22px;    font-weight: bold;    color: #333;}.result_label {    font-size: 16px;    color: #666;}.result_list li:hover img {    transform: scale(1.1);}.result_list li:hover span {    bottom: 0;}.result_list li:hover .result_info {    background-color: #943919;}.result_list li:hover .result_name {    color: #fff;}.result_list li:hover .result_label {    color: #fff;}@media (max-width: 1366px) {    .result_info {        height: 80px;    }    .result_name {        font-size: 18px;    }}.result_tools {    width: 240px;    margin: 0 auto;    display: flex;    justify-content: space-between;    align-items: center;}.result_prev,.result_next {    width: 40px;    height: 40px;    background-color: #f1f1f1;    background-size: 30px 30px;    background-position: center center;    cursor: pointer;}.result_prev {    background-image: url(../images/rleft.png);}.result_next {    background-image: url(../images/rright.png);}.result_prev:hover {    background-color: #036ff1;    background-image: url(../images/rleft2.png);}.result_next:hover {    background-color: #036ff1;    background-image: url(../images/rright2.png);}.result_list_icon {    display: block;    width: 90px;    height: 40px;    background-image: url(../images/list1.png);    background-color: #f1f1f1;    background-size: 24px 24px;    background-position: center center;    background-repeat: no-repeat;}.result_list_icon:hover {    background-image: url(../images/list2.png);    background-color: #036ff1;}/* 新狐观点 */.s-point-title {    text-align: center;    font-size: 36px;    font-weight: bold;    color: #333333;}.s-point-sub-title {    margin: 20px 0 50px 0;    text-align: center;    font-size: 16px;    color: #666666;}.s-point-list {    flex-wrap: wrap;    justify-content: space-around;}.s-top-line {    margin-bottom: 15px;    height: 2px;    background-color: #999999;    width: 100%;}.s-more-btn {    justify-content: center;    width: 261px;    height: 60px;    background-image: linear-gradient(90deg, #006bf0 0%, #2ea9ff 100%), linear-gradient( #006bf0, #006bf0);    background-blend-mode: normal, normal;    box-shadow: 0px 4px 18px 0px rgba(0, 107, 240, 0.3);    border-radius: 8px;    color: #ffffff;    font-size: 18px;    margin: 0 auto;}.s-more-btn a {    display: flex;    justify-content: center;    align-items: center;    width: 100%;    height: 100%;    color: #fff;}.s-more-btn:hover {    opacity: 0.8;}.s-more-arrow-w {    width: 32px;    height: 32px;    margin-left: 15px;}.viewpoint {    width: 100%;    max-width: 1460px;    margin: 0 auto;    padding: 0 20px;    box-sizing: border-box;}.viewpoint ul {    display: flex;    justify-content: space-between;    flex-wrap: wrap;}.viewpoint li {    width: 30%;    margin-bottom: 28px;    position: relative;}.viewpoint_info {    height: 280px;    padding-top: 30px;    border-top: 2px #999 solid;    background: url(../img/arrow_g_right.png) no-repeat right 245px;}.viewpoint_name {    margin-bottom: 20px;    font-size: 22px;    color: #333;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.viewpoint_name a {    color: #333;}.viewpoint_name a:hover {    color: #006bf0;}.viewpoint_dec {    height: 84px;    margin-bottom: 20px;    font-size: 16px;    line-height: 28px;    color: #666;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}.viewpoint_time {    font-size: 16px;    color: #999;}.viewpoint_img {    width: 100%;    height: 280px;    overflow: hidden;    position: absolute;    top: 0;    left: 0;    visibility: hidden;}.viewpoint_img a {    display: block;}.viewpoint_img img {    height: 280px;    transition: all 0.3s;}.viewpoint_img:hover img {    transform: scale(1.1);}.viewpoint_img span {    width: 100%;    height: 60px;    padding: 0 20px;    line-height: 60px;    background-color: rgba(0, 0, 0, 0.6);    font-size: 18px;    color: #fff;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    position: absolute;    bottom: 0;    left: 0;}.viewpoint li:hover .viewpoint_img {    visibility: visible;}/* 填写需求 */.s-request-box {    /*margin-top: 40px;*/    justify-content: space-around;    background: url(../img/location_bg.png) no-repeat;    padding: 60px 0 40px 0;}.s-form-box {    width: 400px;    height: 622px;    padding: 30px;    background: rgba(0, 0, 0, 0.6);    border-radius: 8px;}.s-form-title {    font-size: 24px;    color: #fff;}.s-input-item {    margin: 15px 0;    display: flex;    align-items: center;    border-bottom: 1px solid #fff;    padding: 5px 0;}.s-input-title {    font-size: 16px;    color: #fff;}.s-input-red {    color: #e61717;}.s-input {    width: 280px;    background: transparent;    border: none;    margin-left: 15px;    font-size: 28px;    outline: none;    color: #fff;}.s-business-title {    margin:20px 0 10px 0;    font-size: 16px;    color: #fff;}.s-business-tag-box {    flex-wrap: wrap;}.s-tag-item {    margin: 5px;    padding: 5px 10px;    border-radius: 8px;    border: solid 1px #fff;    font-size: 14px;    color: #fff;    cursor: pointer;}.s-tag-item.on {    background-color: #fff;    color:#0675f2;}.s-submit-btn {    margin-top:10px;    width: 343px;    height: 60px;}/* 定位 */.s-location-box {    width: 321px;}.s-blue-shine {    width: 56px;    height: 56px;    border-radius: 50%;    background: rgba(39, 159, 252, 0.6);    margin-top: -58px;    animation: shine 1.5s ease-out 0s infinite;    z-index: 10;}@keyframes shine {    0% {        transform: scale(0.5);        opacity: 1;    }    30% {        opacity: 1;    }    100% {        transform: scale(1.4);        opacity: 0;    }}.s-new-fox-logo {    width: 130px;    height: 170px;    z-index: 15;}.s-triangle-w {    width: 0;    height: 0;    border: 20px solid;    border-color: transparent transparent #FFFFFF;}.s-contact-box {    padding: 25px;    background-color: #ffffff;    box-shadow: 0px 0px 54px 0px rgba(56, 56, 56, 0.2);    border-radius: 8px;}.s-contact-title {    font-size: 20px;/*    font-weight: bold;*/    color: #0675f2;}.s-contact-item {    margin: 8px 0;}.s-contact-icon {    width: 40px;    height: 40px;}.s-contact-text {    font-size: 16px;  /*  font-weight: bold;*/    color: #4d4d4d;}.s-loc {    margin-top: 25px;}/* 右边菜单 */.s-menu-box {    position: fixed;    right: 10px;    bottom: 100px;    z-index: 999;    display: flex;    flex-direction: column;    align-items: flex-end;}.s-menu-item {    width: 55px;    display: flex;    align-items: center;    flex-direction: column;    background-color: #ffffff;    border-radius: 5px;    border: solid 1px #0675f2;    padding: 5px 0;    color: #4d4d4d;    font-size: 12px;    margin-bottom: 10px;    transition: 0.3s;}.s-hide {    display: none;}.s-msg-frame {    width: 42px;    height: 42px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    background: #fff;    margin-bottom: 5px;}.s-msg-item {    background-image: linear-gradient(135deg, #006bf0 0%, #2ea9ff 100%), linear-gradient( #0675f2, #0675f2);    color: #f6f8fc;    text-align: center;}.s-msg-item a {    color: #fff;}.s-menu-phone-icon,.s-menu-wechat-icon,.s-menu-qrc-icon,.s-menu-top-icon,.s-menu-msg-icon {    width: 32px;    height: 32px;}.s-menu-phone-item {    display: flex;    align-items: center;    border-radius: 5px;    border: solid 1px #0675f2;    padding: 5px 5px;    transition: 0.2s;    background-image: linear-gradient(135deg, #006bf0 0%, #2ea9ff 100%), linear-gradient( #0675f2, #0675f2);    margin-bottom: 10px;}.s-phone-text {    color: #fff;    margin-left: 5px;}.s-phone-text1 {    font-size: 12px;}.s-phone-text2 {    font-size: 20px;}.s-menu-bule-item {    background-image: linear-gradient(135deg, #006bf0 0%, #2ea9ff 100%), linear-gradient( #0675f2, #0675f2);    color: #f6f8fc;}.s-menu-top-item {    padding: 0;    height: 30px;    line-height: 30px;}.s-menu-offical-qrc {    position: relative;}.s-offical-qrc-box {    top: -45px;    position: absolute;    left: -150px;    display: flex;    align-items: center;}.s-offical-qrc-sec-box {    background-image: linear-gradient(135deg, #006bf0 0%, #2ea9ff 100%);    padding: 5px;    display: flex;    align-items: center;    flex-direction: column;    color: #ffffff;    font-size: 14px;    border-radius: 5px;}.s-offical-qrc {    width: 122px;    height: 120px;}.s-offical-triangle {    width: 0;    height: 0;    border: 10px solid;    border-color: transparent transparent transparent #2298FB;}/* 底部 */.s-footer {    width: 100%;    overflow: hidden;    background: #333 url('../images/footer_bg.png') no-repeat left top;    justify-content: space-around;    padding: 20px 0;}.s-foo-top {    width: 100%;    max-width: 1360px;    margin: 0 auto;    padding: 0 20px;    display: flex;    justify-content: space-between;    box-sizing: border-box;}.s-left-box {}.s-foo-text {    line-height: 47px;}.s-foo-logo {    width: 183px;    height: 70px;    margin-left: -25px;}.s-foo-text1 {    font-size: 14px;/*    font-weight: bold;*/    color: #999999;}.s-foo-text2 {/*    font-weight: bold;*/    font-size: 20px;    color: #ffffff;}.s-foo-qrc {    margin-top: 10px;}.s-qrc-frame {    padding: 10px;    background: #fff;}.s-frame1 {    margin-right: 10px;}.s-frame2 {    margin-left: 10px;}.s-qrc {    width: 111px;    height: 110px;}.s-link-list {    color: #fff;}.s-link-box {    margin: 0 40px;}.s-link-title {    font-size:18px;}.s-link-item {    font-size: 14px;    margin: 8px 0;}.s-link-item a {    color: #ccc;}.s-link-item a:hover {    color: #0675f2;}.s-foo-bottom {    margin-top: 20px;    padding-top: 20px;    border-top: 1px solid #4d4d4d;    font-size: 14px;    color: #ffffff;}.s-blogroll-top {    text-align: center;}.s-blogroll-top span {    margin: 0 10px;}.s-blogroll-bottom {    margin-top: 5px;    text-align: center;}.s-blogroll-bottom a{    color: #ffffff;}.s-point-box .ttqt{    padding-top:0;}/* 数字化底座中台产品 */.degital {    padding: 90px 0;}.degital ul {    display: flex;    justify-content: center;}.degital li {    width: 285px;    height: 300px;    /*height: 256px;*/    margin: 0 10px;    border-radius: 4px;    background-color: #F4F8FB;    overflow: hidden;    position: relative;}.degital_info {    width: 100%;    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}.degital_info img {    width: 48px;    height: 48px;}.degital_info h3 {    margin: 10px 0 20px;    font-size: 24px;    color: #333;}.degital_info p {    padding: 0 20px;    text-align: center;    font-size: 16px;    color: #666;        height: 144px;}.degital_box {    width: 100%;    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    color: #fff;    position: absolute;    bottom: -100%;    left: 0;    z-index: 9;    transition: all 0.3s;}.degital_box h3 {    margin-bottom: 20px;    font-size: 24px;}.degital_box p {    margin-bottom: 40px;    padding: 0 20px;    text-align: center;    font-size: 16px;    opacity: 0.7;}.degital_box a {    font-size: 16px;    color: #fff;}.degital li:hover .degital_box {    bottom: 0;}.degital li:nth-child(1) .degital_box {    background: url(../images/de1_bg.png) no-repeat;    background-size: 100% 100%;}.degital li:nth-child(2) .degital_box {    background: url(../images/de2_bg.png) no-repeat;    background-size: 100% 100%;}.degital li:nth-child(3) .degital_box {    background: url(../images/de3_bg.png) no-repeat;    background-size: 100% 100%;}.degital li:nth-child(4) .degital_box {    background: url(../images/de4_bg.png) no-repeat;    background-size: 100% 100%;}/* 他们都选择 */.choose {    padding:8px 0 90px;    /*padding: 90px 0;*/    background-color: #F9FAFB;        height: 1040px;}.choose_container {    width: 1200px;    margin: 0 auto;}/*.choose_container .s-particle-text-box {*//*    margin-bottom: 40px;*//*}*/.choose_item {    margin-bottom: 40px;    display: flex;    background-color: #fff;    box-shadow: 0px 4px 12px 0px rgba(214, 214, 214, 0.5);}.choose_img {    width: 540px;    height: 390px;    overflow: hidden;}.choose_img img {    width: 540px;    height: 390px;    transition: all 0.3s;}.choose_img:hover img {    transform: scale(1.1);}.choose_info {    width: 660px;    height: 390px;    padding: 0 60px;    display: flex;    flex-direction: column;    justify-content: center;    position: relative;}.dian {    width: 41px;    left: 35px;    position: absolute;    top: 60px;    left: 40px;    z-index: 2;}.choose_info h3 {    margin-bottom: 20px;    font-size: 24px;    color: #333;    position: relative;    z-index: 9;}.choose_content {    height: 96px;    margin-bottom: 56px;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    font-size: 14px;    line-height: 24px;    color: #666;}.choose_more {    display: flex;    justify-content: center;    align-items: center;    width: 110px;    height: 40px;    border-radius: 2px;    border: 1px #0774F4 solid;    font-size: 16px;    color: #0774F4;}.choose_more:hover {    background-color: #0774F4;    color: #fff;}.choose_ti ul {    /*display: flex;*/    /*justify-content: space-between;*/}.choose_ti li {    width: 224px;    height: 88px;    background: #FFFFFF;    box-shadow: 0px 4px 12px 0px rgba(214, 214, 214, 0.5);    border-radius: 2px;    cursor: pointer;}.choose_ti li.on {    border-bottom: 2px #0774F4 solid;}/* 公司资讯 */.index-new {    min-width: 1250px;    padding-top: 64px;    /*padding-bottom: 113px;*/    background: #e8e8e8;}.index-title {    text-align: center;}@media screen and (max-width: 1500px) {    .index-title .big {        font-size: 45px;        line-height: 45px;    }}.index-title .big {    font-size: 55px;    color: #000;    font-family: "SimSun";    line-height: 55px;}.index-title .small {    font-size: 16px;    color: #555;    line-height: 40px;}@media screen and (max-width: 1500px) {    .index-title .small {        font-size: 14px;        line-height: 36px;    }}.index-new-switch {    font-size: 15px;    color: #666;    text-align: center;    margin-top: 15px;    padding-bottom:120px;}.index-new-switch li {    display: inline-block;    text-align: center;    padding-left: 32px;    padding-right: 32px;    position: relative;}.index-new-switch li a {    cursor: pointer;}.index-new-switch .on a {    color:#0675f2;}.index-new-switch .li .left:hover {    -webkit-transform: translate3d(0, -5px, 0);    -moz-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);}.index-new-switch li+li:before {    content: "";    position: absolute;    left: -8px;    top: 11px;    width: 15px;    height: 1px;    background: #bababa;}.index-new-switch .li {    max-width: 1600px;    font-size: 0;    margin:48px auto 0;    position: relative;}.index-new-switch .li .right-li:nth-child(even) {    padding-left: 2px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}.index-new-switch .li .left {    position: relative;    width: 578px;    height: 561px;    display: inline-block;    vertical-align: top;    -webkit-transition: all .4s ease-out;    -o-transition: all .4s ease-out;    -moz-transition: all .4s ease-out;    transition: all .4s ease-out;}@media screen and (max-width: 1450px) {    .index-new-switch .li .left {        height: 480px;        width: 458px;    }}@media screen and (max-width: 1620px) {    .index-new-switch .li .left {        width: 508px;    }}@media screen and (max-width: 1450px) {    .index-new-switch .li .left-box {        padding-top: 23px;        padding-bottom: 30px;    }}@media screen and (max-width: 1620px) {    .index-new-switch .li .left-box {        padding-left: 15px;        padding-right: 15px;    }}.index-new-switch .li .left-box {    background: #fff;    position: relative;    z-index: 10;    width: 100%;    height: 100%;    padding: 43px 47px 50px 53px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}.index-new-switch .li .left-box-swiper {    width: 100%;    height: 100%;    overflow: hidden;}.index-new-switch .li .left .swiper-slide {    display: block;    background: #fff;}.index-new-switch .li .left .swiper-slide-box {    width: 478px;    height: 313px;    overflow: hidden;    display: -webkit-box;    display: -webkit-flex;    display: -moz-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -moz-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -moz-box-align: center;    -ms-flex-align: center;    align-items: center;}.index-new-switch .li .left .swiper-slide-box img {    max-width: 100%;    height: auto !important;}.index-new-switch .li .left .swiper-slide-text {    width: 478px;    margin-top: 30px;    font-size: 0;}.index-new-switch .li .left .swiper-slide-text .text {    display: inline-block;    vertical-align: top;    width: 388px;    height: 90px;    text-align: left;    padding-right: 20px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}.index-new-switch .li .left .swiper-slide-text .text h3 {    white-space: nowrap;    overflow: hidden;    -o-text-overflow: ellipsis;    text-overflow: ellipsis;    font-size: 19px;    color: #060606;    -webkit-transition: all .3s ease;    -o-transition: all .3s ease;    -moz-transition: all .3s ease;    transition: all .3s ease;}.index-new-switch .li .left .swiper-slide-text .text p {    height: 50px;    margin-top: 12px;    word-break: break-all;    -o-text-overflow: ellipsis;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;    font-size: 13px;    line-height: 25px;    color: #888;}.index-new-switch .li .left .swiper-slide-text .date {    display: inline-block;    vertical-align: top;    width: 90px;    height: 90px;    border-radius: 4px;    background: #1d74e1;    text-align: center;}.index-new-switch .li .left .swiper-slide-text .date .d {    font-size: 58px;    color: #fff;    font-family: "CG";    line-height: 58px;    margin-top: 6px;}.index-new-switch .li .left .swiper-slide-text .date .ym {    margin-top: 2px;    line-height: 16.4px;    font-size: 16.4px;    font-family: "Arial";    color: #fff;}.index-new-switch .li .left .pagination2 {    text-align: left;}.index-new-switch .li .left .pagination2 .swiper-pagination-bullet {    background: #4e4e4e;    opacity: 1;    margin-right: 4px;}.index-new-switch .li .left .pagination2 .swiper-pagination-bullet-active {    background:#3F89E5;}.index-new-switch .li .left .shadow {    position: absolute;    bottom: -40px;    left: 0px;    width: 100%;    padding-bottom: 16.17647%;    background: url(../images/new_icon_0.png);    background-size: 100% 100%;}.index-new-switch .li .left .shadow11 {    position: absolute;    bottom: -40px;    left: 0px;    width: 100%;    padding-bottom: 16.17647%;    background: url(../images/new_icon_0.png);    background-size: 100% 100%;}@media screen and (max-width: 1620px) {    .index-new-switch .li .right {        width: 900px;    }}@media screen and (max-width: 1620px) {    .index-new-switch .li .right {        margin-left: 15px;    }}.index-new-switch .li .right {    margin-left: 22px;    width: 1000px;    height: 561px;    display: inline-block;    vertical-align: top;    text-align: left;}.index-new-switch .li .right-li {    position: relative;    text-align: left;    display: inline-block;    vertical-align: top;    width: 50%;    height: 187px;    -webkit-transition: all .4s ease-out;    -o-transition: all .4s ease-out;    -moz-transition: all .4s ease-out;    transition: all .4s ease-out;}.index-new-switch .li .right-li-box {    position: relative;    z-index: 10;    width: 100%;    height: 100%;    background: #fff;}@media screen and (max-width: 1620px) {    .index-new-switch .li .right .date {        padding-left: 20px;        padding-right: 12px;        width: 90px;    }}.index-new-switch .li .right .date {    display: inline-block;    vertical-align: top;    width: 110px;    height: 100%;    padding-top: 55px;    padding-right: 25px;    padding-left: 35px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    text-align: center;}.index-new-switch .li .right .date .d {    font-size: 42px;    color: #555;    font-family: "Arial";    line-height: 42px;    margin-top: 6px;    -webkit-transition: color .3s ease;    -o-transition: color .3s ease;    -moz-transition: color .3s ease;    transition: color .3s ease;}.index-new-switch .li .right .date .ym {    margin-top: 2px;    line-height: 14px;    font-size: 14px;    font-family: "Arial";    color: #333;    -webkit-transition: color .3s ease;    -o-transition: color .3s ease;    -moz-transition: color .3s ease;    transition: color .3s ease;}.index-new-switch .li .right .text {    display: inline-block;    vertical-align: top;    width: 330px;    height: 100%;    text-align: left;    padding-top: 55px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    margin-left:11px;}.index-new-switch .li .right .text h3 {    font-size: 15px;    color: #333;    /*white-space: nowrap;*/    overflow: hidden;    /*-o-text-overflow: ellipsis;*/    /*text-overflow: ellipsis;*/    -webkit-transition: color .3s ease;    -o-transition: color .3s ease;    -moz-transition: color .3s ease;    transition: color .3s ease;            display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;}.index-new-switch .li .right .text p {    margin-top: 10px;    color: #888;    font-size: 13px;    line-height: 25px;    height: 50px;    word-break: break-all;    -o-text-overflow: ellipsis;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}.index-new-switch .li .right-li:hover {    z-index: 100;    -webkit-box-shadow: 0 8px 35px rgb(0 0 0 / 20%);    box-shadow: 0 8px 35px rgb(0 0 0 / 20%);}.index-new-switch .li .right-li:nth-child(n+3) {    padding-top: 1px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}.index-new-switch .li .right-li:hover .date .d {    color: #0675f2;}.index-new-switch .li .right-li:hover .date .d {    color: #0675f2;}.index-new-switch .li .right .shadow11 {    position: absolute;    bottom: -30px;    left: 0;    width: 100%;    padding-bottom: 19.08397%;    background: url(../images/new_icon_1.png);    background-size: 100% 100%;}@media screen and (max-width: 1620px) {    .index-new-switch .li .left {        width: 508px;    }    .index-new-switch .li .left-box {        padding-left: 15px;        padding-right: 15px;    }    .index-new-switch .li .right {        margin-left: 15px;    }    .index-new-switch .li .right {        width: 900px;    }    .index-new-switch .li .right .date {        padding-left: 20px;        padding-right: 12px;        width: 90px;    }    .viewpoint-text h5 {        line-height: 50px;        font-size: 40px;    }    .viewpoint-text .p {        margin-top: 20px;    }    .viewpoint-text .icon {        margin-top: 20px;    }}@media screen and (max-width: 1450px) {    .index-new-switch .li .left {        height: 480px;        width: 458px;    }    .index-new-switch .li .left .swiper-slide-box {        width: 428px;        height: 280px;    }    .index-new-switch .li .left .swiper-slide-text {        width: 428px;    }    .index-new-switch .li .left .swiper-slide-text .text {        width: 338px;    }    .index-new-switch .li .left-box {        padding-top: 23px;        padding-bottom: 30px;    }    .index-new-switch .li .right {        width: 800px;        height: 480px;    }    .index-new-switch .li .right .date {        padding-left: 20px;        padding-right: 12px;        padding-top: 45px;        width: 90px;    }    .index-new-switch .li .right .text {        width: 233px;        padding-top: 45px;    }    .index-new-switch .li .right-li {        height: 160px;    }}@media screen and (max-width: 1400px) {    .viewpoint-text {        width: 500px;    }    .viewpoint-text h5 {        font-size: 34px;        line-height: 40px;    }    .index-case {        padding-top: 60px;        padding-bottom: 80px;    }    .index-case-outline {        margin-top: 20px;        width: 1200px;        max-width: none;        min-width: 0;    }    .index-case .item {        width: 330px;        padding: 0 5px;    }    .index-case .img {        width: 356px;    }    .index-case-box {        padding: 50px 30px;    }    .index-case .text {        padding-top: 10px;        height: 70px;    }    .index-case .text h3 {        padding-top: 5px;    }    .index-case-box2 {        height: 1366px;    }    .index-case .text h3 {        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;    }    .index-case .item:nth-child(1),    .index-case .item:nth-child(3),    .index-case .item:nth-child(5),    .index-case .item:nth-child(6),    .index-case .item:nth-child(7),    .index-case .item:nth-child(8),    .index-case .item:nth-child(9),    .index-case .item:nth-child(11),    .index-case .item:nth-child(12) {        height: 200px;        width: 330px;        padding: 0 5px;    }    .index-case .item:nth-child(1) .img,    .index-case .item:nth-child(3) .img,    .index-case .item:nth-child(5) .img,    .index-case .item:nth-child(6) .img,    .index-case .item:nth-child(7) .img,    .index-case .item:nth-child(8) .img,    .index-case .item:nth-child(9) .img,    .index-case .item:nth-child(11) .img,    .index-case .item:nth-child(12) .img {        height: 197px;        width: 320px;    }    .index-case .item:nth-child(2) .img,    .index-case .item:nth-child(4) .img,    .index-case .item:nth-child(10) .img {        height: 470px;        width: 320px;    }    .index-case .item:nth-child(2),    .index-case .item:nth-child(4),    .index-case .item:nth-child(10) {        height: 580px;    }    .index-case .item:nth-child(4) {        top: 273px;    }    .index-case .item:nth-child(2) {        left: 335px;    }    .index-case .item:nth-child(5) {        top: 273px;        left: 670px;    }    .index-case .item:nth-child(3) {        left: 670px;    }    .index-case .item:nth-child(6) {        top: 546px;        left: 335px;    }    .index-case .item:nth-child(7) {        top: 546px;        left: 670px;    }    .index-case .item:nth-child(8) {        top: 815px;    }    .index-case .item:nth-child(9) {        top: 815px;        left: 335px;    }    .index-case .item:nth-child(10) {        top: 815px;        left: 670px;    }    .index-case .item:nth-child(11) {        top: 1088px;    }    .index-case .item:nth-child(12) {        top: 1088px;        left: 335px;    }    .index-new-switch .li .right {        width: 700px;    }    .index-new-switch .li .left {        width: 400px;        height: 482px;    }    .index-new-switch .li .right-li {        height: 160px;    }    .index-new-switch .li .right .date {        padding-top: 40px;    }    .index-new-switch .li .right .text {        padding-top: 40px;    }    .index-new {        padding-top: 60px;        padding-bottom: 70px;    }    .index-new-switch .li {        margin-top: 30px;    }    .index-new-switch .li .left .swiper-slide-box {        width: 370px;        height: 274px;    }    .index-new-switch .li .left .swiper-slide-text {        width: 370px;        margin-top: 20px;    }    .index-new-switch .li .left .swiper-slide-text .text {        width: 270px;    }}.index-new-switch .li .new-more {    display: block;    width: 379px;    height: 51px;    margin: 0 auto;    margin-top: 60px;    /*background: url(../images/case_icon_0.png);*/    -webkit-transition: all .3s ease;    -o-transition: all .3s ease;    -moz-transition: all .3s ease;    transition: all .3s ease;}.index-new-switch .li .new-more:hover {    opacity: .7;}.choose_ti li{    width: 190px;    float: left;    margin-right: 10px;    margin-bottom: 10px;}/*新增*/  .s-particle-text-box h2{    font-size: 36px;}   .s-particle-text-box h3{    font-size: 36px;}.dabg{    width: 100px;    float: right;    margin: 10px 0;    position: absolute;    right: 6px;    top: -48px;    font-size: 15px;}