body {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    zoom: 1;
    font-size: 14px;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'mac os', 'SF Pro SC', 'HanHei SC', 'SF Pro Text', 'Myriad Set Pro', 'SF Pro Icons', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #111;
    line-height: 1.3;
    width: 100%;
}

.bg-info {
    background-color: #0e4594 !important;
}

q::after, q::before {
    content: close-quote;
}

.public-nav .navbar-nav {
    justify-content: space-around;
    height: 120px;
}


body {
    min-width: 1580px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .wrapper_1200 {
    padding: 0;
    width: 1580px;
    max-width: 1580px;
}

.slide-height {
    min-height: 560px;
    background-size: cover;
    background-position: center center;
}

.textnone {
    display: none;
}

.text-position {
}

.jumbotron-fluid {
    min-height: 450px;
    padding: 0;
    position: relative;
    background-size: cover;
    margin: 0;
}

.public-nav {
    width: 100%;
}

.navbar-light .navbar-brand img {
    width: 110px;
}

.fixed-top {
    padding: 0;
    height: 60px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%);
}

.position-bg {
    background: rgba(255, 255, 255, 1);
    -moz-transition: background 1s;
    height: 80px;
    transition: all 1s;
    /* Safari and Chrome */
    -webkit-transition: background 1s; /* Opera */
    -o-transition: background 1s;
    border: 1px solid #F2F2F2;
}

.position-news span {
    height: 54px;
    line-height: 50px;
    display: block;
    color: #fecc87;
    margin: 0.3rem 0;
}

.position-news h1, .position-news h5 {
    text-shadow: 0px 3px 6px rgba(255, 66, 38, 0.9);
}

#navbarNav ul.navbar-nav > li {
    text-align: center;
    position: relative;
    margin-top: 30px;
}

#navbarNav ul.navbar-nav > li > a {
    font-weight: 400;
    display: block;
    line-height: 60px;
    padding: 0%;
    color: rgba(255, 255, 255, 1);
    -webkit-text-size-adjust: none;
}

#navbarNav ul.navbar-nav > li:hover > a, #navbarNav ul.navbar-nav > li.active > a, .position-bg #navbarNav ul.navbar-nav > li.active > a {
    color: #1fb26a;
}

.position-bg #navbarNav ul.navbar-nav > li a {
    position: relative;
}

.position-bg #navbarNav ul.navbar-nav > li.active > a,
.position-bg #navbarNav ul.navbar-nav > li:hover a.nav-link {
    display: inline-block;
}

.position-bg #navbarNav ul.navbar-nav > li.active > a::after,
.position-bg #navbarNav ul.navbar-nav > li:hover a.nav-link::after {
    display: block;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    background: #1fb26a;
    height: 4px;
    border-radius: 2px;
}

.position-bg #navbarNav ul.navbar-nav > li > a {
    color: #111;
}

.position-bg .nav-right dl a {
    color: #111;
}

.navbar-nav {
}

.nav-right {
    width: 20%;
}

.nav-right dl {
    margin-top: 25px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nav-right dd {
    margin-right: 20px;
    text-align: center;
    align-items: center;
}

.nav-right dl a {
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: block;
    white-space: nowrap;
}

.nav-right dl dd.contact-number {
    display: flex;
    font-size: 18px;
    color: #1D1D1F;
    font-weight: 600;
}

.nav-right dl dd.contact-number img {
    margin-right: 11px;
    width: 16px;
}

.nav-right dl dd.login {
    border-radius: 0.31rem;
    margin-left: 20px;
}

.nav-right dl dd.free {
    background: transparent;
    border: 1px solid #FFFFFF;
    margin: 0 0 0 1.5rem;
}

.position-bg .nav-right dl dd.free {
    border: 1px solid #1fb26a;
    background: #1fb26a;
}

/*.position-bg .nav-right dl dd.free a{color:#;}*/
.nav-right dl dd a:hover {
    color: #0aa26a;
    cursor: pointer;
}

.nav-right dl dd.free a {
    color: rgba(255, 255, 255, 1);
}

.nav-right dl dd.free:hover {
    background: #22ACAD;
    border: 1px solid #22ACAD;
}

.position-bg .nav-right dl dd.free:hover a {
    color: #fff;
}

.subMenu {
    width: 916px;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    left: 40%;
    top: 80px;
    transform: translate(-50%, 0%);
    display: none;
    justify-content: space-between;
    padding: 14px 37px 37px 24px;
    box-shadow: 0rem 0.29rem 1.07rem 0rem rgba(149, 149, 149, 0.5);
}

/*  */
/*.nav-item:nth-child(2):hover:before, .nav-item:nth-child(3):hover:before, .nav-item:nth-child(4):hover:before{content:"";width:0;height:0;border:8px solid transparent; border-bottom-color:rgba(255,255,255,1); position:absolute; top:44px; left:50%;transform: translate(-50%,-0%); }*/
/*产品功能导航*/
.subMenu li {
    width: 9%;
    line-height: 40px;
}

.subMenu a {
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subMenu a:hover {
    color: #0aa26a;
}

/* .navbar-nav .nav-item:hover .subMenu{ display:flex;} */
.navbar-nav .nav-item:hover .nav-item:nth-child(2):before {
    display: block;
}

.nav-item:hover.nav-item:nth-child(4) .subMenu {
    display: none;
}

.nav-item:hover.nav-item:nth-child(6) .subMenu {
    display: none;
}

.ceshi {
    padding-top: 14px;
}

.subMenu-ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.subMenu-ul li {
    width: 20%;
}

.subMenu-ul li h4 {
    line-height: 55px;
    border-bottom: 1px solid #EDEDED;
}

.subMenu-ul li h4 a {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

/*.subMenu-ul li h4 i{color:#14B3B3;}*/

.subMenu-ul dl dd a {
    font-size: 13px;
    color: #111;
    font-weight: 400;
}

.subMenu-ul dl dd i {
    color: #F74041;
    font-size: 28px;
    font-weight: 400;
    margin-left: 5px;
    vertical-align: middle;
    display: none;
}

.subMenu-ul li:nth-child(1) dl dd:nth-child(1) .displayhot, .subMenu-ul li:nth-child(1) dl dd:nth-child(3) .displayhot, .subMenu-ul li:nth-child(1) dl dd:nth-child(5) .displayhot, .subMenu-ul li:nth-child(1) dl dd:nth-child(6) .displayhot {
    display: inline-block
}


.subMenu-ul li:nth-child(2) dl dd:nth-child(2) .displayhot, .subMenu-ul li:nth-child(2) dl dd:nth-child(5) .displayhot, .subMenu-ul li:nth-child(2) dl dd:nth-child(7) .displayhot, .subMenu-ul li:nth-child(3) dl dd:nth-child(2) .displayhot, .subMenu-ul li:nth-child(3) dl dd:nth-child(3) .displayhot, .subMenu-ul li:nth-child(3) dl dd:nth-child(8) .displayhot, .subMenu-ul li:nth-child(4) dl dd:nth-child(1) .displayhot, .subMenu-ul li:nth-child(4) dl dd:nth-child(4) .displayhot, .subMenu-ul li:nth-child(4) dl dd:nth-child(5) .displayhot {
    display: inline-block
}

/*解决方案导航*/
.subMenu-solution, .subMenu-case {
    width: 999px;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    left: 40%;
    top: 80px;
    transform: translate(-50%, 0%);
    display: none;
    justify-content: space-between;
    background: #F6F8F9;
    box-shadow: 0rem 0.29rem 1.07rem 0rem rgba(149, 149, 149, 0.5);
}

.nav-item:hover .subMenu {
    display: block !important;
}

.nav-item[data-name="解决方案"]:hover .subMenu-solution {
    display: block;
}

.nav-item[data-name="解决方案"]:hover .subMenu {
    display: none !important;
}

.sub-one {
    display: flex;
    align-items: center;
}

.sub-one:nth-child(2) {
    border-top: 1px solid #f3f3f3;
}

.leftside {
    font-size: 1rem;
    color: #fff;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.leftside img {
    width: 16px;
    margin-bottom: 0.79rem;
}

.leftside p {
    word-break: keep-all;
}


.switchslide {
    margin-top: 80px;
}

.switchslide .swiper-slide {
    background: #fbfbfb;
}

.switchslide .swiper-slide img {
    margin: 0 auto;
    width: 100%;
    max-height: 830px;
}

.slideMenuBox {
    width: 100%;
    display: flex;
}

.slideMenuBox .hd h2, .slideMenuBox .hd .h2 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.slideMenuBox .hd h2 a, .slideMenuBox .hd .h2 a {
    color: #111;
}

.slideMenuBox .hd h2 a:hover, .slideMenuBox .hd .h2 a:hover {
    color: #22ACAD;
    cursor: pointer;
}

.slideMenuBox .hd ul li {
    width: 100%;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.slideMenuBox .hd ul li.on::after {
    content: "";
    width: 6.03rem;
    height: 2px;
    background: #22ACAD;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%, 0)
}

.slideMenuBox .hd ul li.on {
    color: #22ACAD;
}


.slideMenuBox .bd {
    width: 100%;
    background: #F5F5F5;
}

.slideMenuBox .bd ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 2.93rem 1.71rem 0.64rem 1.5rem;
}

.slideMenuBox .menuitem {
    width: 31.9%;
    padding: 1.29rem 0.93rem 1.43rem 1.18rem;
    background: #fff;
    margin-bottom: 1.57rem;
}

.slideMenuBox .menuitem:nth-child(2) {
    margin: 0 1rem 1.57rem 1rem;
}

.slideMenuBox .menuitem:nth-child(5) {
    margin: 0 1rem 1.57rem 1rem;
}

.slideMenuBox .menuitem:nth-child(8) {
    margin: 0 1rem 1.57rem 1rem;
}

.slideMenuBox h2, .slideMenuBox .h2 {
    font-size: 1.14rem;
    margin: 0.6rem 0 0.64rem 0;
    font-weight: 600;
}

.slideMenuBox p {
    font-size: 0.93rem;
    text-align: left;
    line-height: 1.43rem;
    padding-bottom: 0.71rem;
}

.slideMenuBox .menuitem:hover {
    background: linear-gradient(180deg, #E3F6F6 0%, #FCFFFF 100%);
    cursor: pointer;
}

.slideMenuBox .menuitem:hover h2, .slideMenuBox .menuitem:hover .h2, .slideMenuBox .menuitem:hover p {
    color: #22ACAD;
}

.slideMenuBox .menuitem.model {
    padding: 2.29rem 2.43rem 3.43rem 2.43rem;
    margin-bottom: 2rem;
}

.slideMenuBox .menuitem.model h2, .slideMenuBox .menuitem.model .h2 {
    margin-top: 1.43rem;
}

.slideMenuBox .menuitem.model p {
    padding-top: 1.29rem;
}

.slideMenuBox .menuitem.model img {
    height: 42px;
}

/*客户案例导航*/
.subMenu-case {
    width: 902px;
    display: none;
    flex-wrap: wrap;
    background: #fff;
    padding: 2rem 1.21rem 1.14rem 3.14rem;
}

.nav-item[data-name="客户案例"]:hover .subMenu-case {
    display: flex;
}

.nav-item[data-name="客户案例"]:hover .subMenu {
    display: none !important;
}

.caseTop {
    width: 31%;
    margin: 20px 0;
}

.caseTop:hover {
    background: rgba(19, 194, 194, 0.05);
    cursor: pointer;
}

.caseTop h2, .caseTop .h2 {
    font-size: 1.14rem;
    margin: 0rem 0 0.64rem 0;
    font-weight: 600;
    border-bottom: 0.07rem solid rgba(151, 151, 151, .21);
    padding-bottom: 1rem;
}

.caseTop:hover h2, .caseTop:hover .h2 {
    color: #111;
}

.caseTop ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.caseTop ul li {
    width: 48%;
    margin-bottom: 10px;
}

.caseTop ul li img {
    width: 100%;
}

/*.indexbox{position:relative;}*/
.position-absolute {
    margin: 0 auto;
    z-index: 9;
}

.position-absolute h1 {
    margin: 0;
    font-weight: 600;
}

.position-absolute h3 {
    width: 100%;
    font-weight: 600;
    margin: 30px auto 20px auto;
}

.position-absolute h4 {
    line-height: 30px;
    margin: 0 auto;
}

.position-absolute h5 {
    line-height: 30px;
    margin: 0 auto;
    margin-top: 23px;
    margin-bottom: 15%;
    font-weight: 400;
}

.position-absolute h6 {
    font-weight: 100;
    width: 100%;
    margin-top: 8%;
    margin-bottom: 0;
}

.position-absolute h6 b {
    font-size: 20px;
    font-weight: 600;
    margin-left: 40px;
}

.position-cus {
    width: 100%;
    position: absolute !important;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.position-cus h1 {
    width: 100%;
}

.position-cus h5 {
    margin-top: 1%;
}

.applyBtn {
    background: linear-gradient(90deg, #507EFA 0%, #303ECF 100%);
    border-radius: 8px;
    position: absolute !important;
    left: 50%;
    bottom: 13%;
    transform: translate(-50%, -13%);
    color: #fff;
}

.applyBtn:hover, .applyBtn2:hover {
    color: #fff;
    cursor: pointer;
}

.applyBtn2 {
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    color: #fff;
    position: absolute !important;
    left: 14.5%;
    top: 65%;
    transform: translate(-10%, -65%);
}


/*首页轮播按钮*/
/*.indexbox .position-absolute{  width:100%;}*/
.indexbox .position-absolute h1 {
    width: 100%;
}

.appointment.indexbutton {
    border-radius: 4px;
    background: #13C2C2;
    border: 1px solid #13C2C2;
    padding: 0.7rem 3.3rem;
    color: #fff;
    outline: none;
    position: fixed;
    bottom: 25%;
    white-space: nowrap;
    z-index: 10;
}

.appointment {
    color: #fff;
    background: #13C2C2;
    padding: 0.7rem 3.3rem;
}

.appointment:hover {
    color: #fff;
    background: #22ACAD;
}

.appointment.productbutton {
    position: absolute;
    bottom: 25%;
    white-space: nowrap;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
    outline: 0;
    box-shadow: none;
}

.slick-dots {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
}

.slick-dots li {
    width: 26px;
    height: 2px;
    background: #5B606B;
    border-radius: 1px;
    margin-right: 8px;
}

.slick-dots li.slick-active {
    width: 26px;
    height: 2px;
    background: rgba(255, 255, 255, 1);
    border-radius: 1px;
}

.slick-dots li button {
    border: none;
    color: transparent;
    background: none;
}


/*左右箭头*/
.swiper-button-prev-new,
.swiper-button-next-new {
    width: 52px;
    height: 112px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    opacity: 0.6;
}

.swiper-button-prev-new {
    left: 30px;
}

.swiper-button-next-new {
    right: 100px;
}

/*banner*/
.main-banner .productbutton {
    display: inline-block;
    margin-top: 70px
}

.main-banner .productbutton {
    position: static;
    padding: 16px 68px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.main-banner .position-absolute h1 {
    font-size: 38px;
    font-weight: 800;
}

.main-banner .position-absolute h5 {
    font-size: 20px;
    line-height: 32px;
    margin: 25px 0 65px 0;
    width: 500px;
}

.main-banner .image-wrapper {
    width: 390px;
    height: 46px;
    margin: 59px 0 0 39px;
}

.main-banner .image-wrapper .image_1 {
    width: 43px;
    height: 38px;
    margin-top: 3px;
}

.main-banner .image-wrapper .image_2 {
    width: 52px;
    height: 46px;
    margin-left: 132px;
}

.main-banner .image-wrapper .image_3 {
    width: 48px;
    height: 42px;
    margin: 3px 0 0 108px;
}

.main-banner .text-wrapper .text_3 {
    width: 424px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    letter-spacing: 1.186023235321045px;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 35px;
}

/*解决方案示例*/
.content-one {
    min-height: 250px;
    display: flex;
    align-items: center;
    text-align: center;
}

.content-one .solution-example-title {
    font-size: 28px;
    color: #676B73;
    margin-bottom: 48px;
}

.content-one .solution-example-item {
    width: 160px;
    height: 40px;
    object-fit: contain;
}

.content-one #solution-example-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*一站式服务运营平台*/
.content-two {
    min-height: 760px;
    display: flex;
    color: #fff;
    background: #042D42;
    align-items: center;
}

.content-two .service-platform-left {
    width: 42%
}

.content-two .container {
    display: flex;
    justify-content: space-between;
}

.content-two .service-platform-left .title .name {
    color: #fff;
}

.content-two .desc {
    margin: 25px 0 35px 0;
    font-size: 18px;
    line-height: 32px;
}

.content-two .learn-more {
    padding: 16px 68px;
    display: inline-block;
    border: 2px solid #13C2C2;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
}

.content-two .learn-more:hover {
    background: #13C2C2;
    cursor: pointer
}

.content-two .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-two #service-platform-content {
    width: 552px;
    height: 646px;
    top: 88px;
    right: 30px;
    position: relative;
}

.content-two #service-platform-content .service-slide-content {
    overflow: hidden;
}

.content-two #service-platform-content .service-platform-btn {
    position: absolute;
    width: 738px;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
}

.content-two #service-platform-content .service-platform-btn .left,
.content-two #service-platform-content .service-platform-btn .right {
    width: 22px;
    height: 56px;
    opacity: 0.38;
    cursor: pointer;
    position: relative;
}

.content-two #service-platform-content .service-platform-btn .right {
    transform: rotate(180deg);
}

.service-platform-btn .left,
.service-platform-btn .right,
.service-platform-btn .left:before,
.service-platform-btn .right:before,
.service-platform-btn .left:after,
.service-platform-btn .right:after {
    outline-style: none;
}

.service-platform-btn .left:before,
.service-platform-btn .right:before {

    content: "";
    display: block;
    position: absolute;
    right: 2px; /*位置偏移，决定箭头的粗细*/
    width: 0;
    height: 0;
    border: 29px solid;
    border-color: transparent #fff transparent transparent /* 与模块底色相同*/
}

.service-platform-btn .left:after,
.service-platform-btn .right:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border: 29px solid;
    border-color: transparent #042D42 transparent transparent /* 与模块底色相同*/
}

.service-platform-btn .left:hover:before,
.service-platform-btn .right:hover:before {
    border-color: transparent #13C2C2 transparent transparent /* 与模块底色相同*/
}

.content-two #service-platform-content .page {
    width: 552px;
}

.content-two #service-platform-content .page .top {
    width: 100%;
    height: 88px;
    margin-bottom: 8px;
    position: relative;
}

.content-two #service-platform-content .page .top .title {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 88px;
    text-align: center;
    position: relative;
}

.content-two #service-platform-content .page .top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.content-two #service-platform-content .page .list {

}

.content-two .service-platform-item {
    position: relative;
    width: 178px;
    height: 121px;
    cursor: pointer;
    background: #fff;
    margin: 0 9px 8px 0;
    display: inline-block;
    overflow: hidden;
}

.content-two .service-platform-item:nth-child(3n) {
    margin-right: 0;
}

.content-two .service-platform-item:hover img {
    transform: scale(.7) translateY(-20px);
}

.content-two .service-platform-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    transition: all 0.2s linear;
}

.content-two .service-platform-item .name {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: rgba(15, 33, 43, 0.65);
    color: #fff;
}

.content-two .service-platform-item .name:hover {
    background: none;
    align-items: flex-end;
    color: #042D42;
    font-weight: bold;
    align-items: flex-end;
    bottom: 8px;
}

/*新一代智能客户服务解决方案*/
.content-three {
    min-height: 1043px;
    display: flex;
    align-items: center;
    text-align: center;
}

.content-three .smart-solution-content {
    display: flex;
    margin-top: 76px;
    height: 647px;
}

.content-three .smart-solution-content #smart-solution-content-left {
    width: 30%;
    background: #F9F9F9;
    cursor: pointer;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 130px;
    padding: 0 29px;
    border-bottom: 1px solid #E4E4E4;
    transition: all 0.2s linear;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item:last-child {
    border: 0;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item .parent-bg {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: all 0.2s linear;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item .parent-name {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item .parent-desc {
    font-size: 16px;
    font-weight: 500;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item .parent-top {
    z-index: 10;
    text-align: left;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item.on {
    height: 256px;
    justify-content: flex-start;
    padding-top: 40px;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item.on .parent-bg {
    display: block;
}

.content-three .smart-solution-content #smart-solution-content-left .solution-parent-item.on .parent-top {
    color: #fff;
}

.content-three .smart-solution-content #smart-solution-content-right {
    width: 70%;
}

.content-three .smart-solution-content #smart-solution-content-right .smart-solution-children {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 647px !important;
    background-position: center;
    background-size: cover;
}

.content-three .smart-solution-content #smart-solution-content-right .solution-children-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 48px 0 53px;
    text-align: left;
    border-bottom: 1px solid #E4E4E4;
}

.content-three .smart-solution-content #smart-solution-content-right .solution-children-item:last-child {
    border: 0;
}

.content-three .smart-solution-content #smart-solution-content-right .solution-child-left {
    width: 70%;
}

.content-three .smart-solution-content #smart-solution-content-right .solution-child-left .child-name {
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 6px;
}

.content-three .smart-solution-content #smart-solution-content-right .solution-child-left .child-desc {
    color: #676B73;
    line-height: 26px;
}

.content-three .smart-solution-content #smart-solution-content-right .solution-child-right .get-solution {
    padding: 12px 36px;
    color: #13C2C2;
    border: 1px solid #13C2C2;
    cursor: pointer;
}

.content-three .smart-solution-content #smart-solution-content-right .solution-child-right .get-solution:hover {
    background-color: #13C2C2;
    color: #fff;
}

@keyframes moveCenter-top-bottom {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    25% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    75% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.content-three .smart-solution-content-top {
    display: flex;
    margin-top: 90px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 27px;
}

.content-three .smart-solution-content-item {
    position: relative;
    width: 282px;
}

.content-three .smart-solution-content-item:nth-child(2),
.content-three .smart-solution-content-item:nth-child(3) {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-animation: moveCenter-top-bottom 5s linear infinite;
    animation: moveCenter-top-bottom 5s linear infinite;
    width: 313px;
}

.content-three .smart-solution-content-item img {
    width: 100%;
}

.content-three .smart-solution-content-item-button {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    margin: auto;
    width: 125px;
    height: 38px;
    line-height: 38px;
    background: #13C2C2;
    border-radius: 9px;
    color: #FFFFFF;
}

.content-three .smart-solution-content-item-button:hover {
    color: #fff;
    background: #22ACAD;
}

.content-three .smart-solution-content-bottom img {
    width: 100%;
    margin-top: 4px;
}

/*即刻接入，满足您的多样化场景服务*/
.content-four {
    padding: 83px 0;
    display: flex;
    background: #F9F9F9;
    align-items: center;
    text-align: center;
}

.content-four #service-scene-content {
    display: flex;
    flex-wrap: wrap;
    background: #F9F9F9;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    margin-top: 80px;
}

.content-four .service-scene-item {
    width: 420px;
    background: #fff;
    margin-bottom: 32px;
    cursor: pointer;
}

.content-four .service-scene-item:hover .scene-item-top img {
    transform: scale(1.1);
}

.content-four .service-scene-item .scene-item-top {
    height: 210px;
    overflow: hidden;
}

.content-four .service-scene-item .scene-item-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s linear;
}

.content-four .service-scene-item .scene-item-bottom {
    height: 200px;
    padding: 21px 27px 41px 27px;
}

.content-four .service-scene-item .scene-item-bottom .scene-name {
    text-align: left;
    font-size: 22px;
    font-weight: 800;
    color: #1D1D1F;
}

.content-four .service-scene-item .scene-item-bottom .scene-name img {
    width: 32px;
    height: 32px;
    margin-right: 12px;
}

.content-four .service-scene-item .scene-item-bottom .scene-desc {
    color: #676B73;
    text-align: left;
    font-weight: 500;
    line-height: 20px;
    height: 40px;
    margin-top: 20px;
}

.content-four .service-scene-item .scene-item-bottom .scene-child-box {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}

.content-four .service-scene-item .scene-item-bottom .scene-child-item {
    transition: all 0.2s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 112px;
    height: 28px;
    border-radius: 14px;
    border: 1px solid #DEDEDE;
    color: #676B73;
    font-weight: 500;
}

.content-four .service-scene-item .scene-item-bottom .scene-child-item img {
    margin-left: 4px;
}

.content-four .service-scene-item .scene-item-bottom .scene-child-item img {
    display: block;
    transition: all 0.2s linear;
}

.content-four .service-scene-item .scene-item-bottom .scene-child-item:hover {
    border: 1px solid #13C2C2;
}

.content-four .service-scene-item .scene-item-bottom .scene-child-item:hover img {
    transform: translateX(3px);
}

.content-four .try-me {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 16px 68px;
    margin-top: 70px;
    background: #13C2C2;
    border-radius: 4px;
}

.content-five .container .title .name {
    color: #fff;
    margin-bottom: 80px;
}

.content-five #service-industry-content {
    position: absolute;
    width: 1280px;
    top: 256px;
    overflow: hidden;
}

.content-five .service-industry-swiper-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 285px;
    min-height: 412px;
    padding: 10px 10px 38px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgba(212, 212, 212, 0.5);
}

.content-five .service-industry-item-top img {
    width: 100%;
    object-fit: cover;
}

.content-five .service-industry-item-title {
    font-size: 22px;
    font-weight: 800;
    margin: 25px 0 20px 0;
}

.content-five .service-industry-item-desc {
    height: 90px;
    line-height: 30px;
    margin-bottom: 36px;
    font-size: 16px;
    color: #676B73;
    overflow: hidden;
    transition: all 0.2s linear;
    cursor: default;
    text-align: left;
}

.content-five .service-industry-swiper-item:hover .service-industry-item-desc {
    height: unset;
    overflow: visible;
}

.content-five .service-industry-item-button a {
    cursor: pointer;
    color: #13C2C2;
    font-weight: 500;
}

.content-five .service-industry-swiper-pagination {
    transform: none;
    margin-top: 50px;
}

/*50000+中大型企业的信赖*/
.content-six {
    min-height: 1000px;
    display: flex;
    align-items: center;
    text-align: center;
}

.content-six .container .title {
    margin-top: 332px;
}

.content-six #company-partner-content {
    padding-bottom: 80px;
}

.content-six #company-partner-content-tabs {
    display: flex;
    align-items: center;
    margin: 60px 0;
    border-bottom: 1px solid #F0F0F0;
}

.content-six #company-partner-content-tabs li {
    padding-bottom: 34px;
    margin-right: 68px;
    font-size: 20px;
    color: #676B73;
    cursor: pointer;
    font-weight: 800;
}

.content-six #company-partner-content-tabs li.active {
    padding-bottom: 28px;
    border-bottom: 6px solid #13C2C2;
    color: #1D1D1F;
}

.content-six .company-partner-content-boxs {
    display: flex;
    min-height: 400px;
}

.content-six .partner-type {
    margin-right: 24px;
    cursor: pointer;
}

.content-six .partner-type li {
    padding: 13px 36px;
    border: 1px solid #F0F0F0;
    border-bottom: 0;
    font-size: 16px;
}

.content-six .partner-type li.active {
    background: #13C2C2;
    color: #fff;
}

.content-six .partner-type li:last-child {
    border-bottom: 1px solid #F0F0F0;
}

.content-six .company-partner-container {
    display: flex;
    align-content: flex-start;
    flex: 1;
    flex-wrap: wrap;
}

.content-six .company-partner-container div {
    margin: 0 11px 36px 0;
    transition: all 0.3s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.content-six .company-partner-container div:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    overflow: hidden;
}

.content-six .company-partner-container span {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
}

.content-six .company-partner-container img {
    width: 203px;
}

/*从理论到实践，为客户服务提供优质内容干货*/
.content-seven {
    min-height: 700px;
    display: flex;
    align-items: center;
    text-align: center;
}

.content-seven .container .title {
    margin: 120px 0 39px 0;
}

.content-seven #company-news-content-top {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #F0F0F0;
    color: #676B73;
    font-size: 20px;
}

.content-seven #company-news-content-top .news-parent-item {
    margin: 0 60px;
    padding-bottom: 14px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}

.content-seven #company-news-content-top .news-parent-item.on {
    border-bottom: 2px solid #13C2C2;
    padding-bottom: 12px;
}

.content-seven #company-news-child-wrap .company-news-children {
    display: flex;
    justify-content: space-between;
    padding: 40px 12px 160px 12px;
    box-sizing: content-box;
}

.content-seven #company-news-child-wrap .company-news-children li {
    padding: 0 14px;
    position: relative;
    width: 306px;
    height: 398px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: -1px 2px 10px 6px rgba(236, 236, 236, 0.5);
    text-align: left;
    cursor: pointer;
}

.content-seven #company-news-child-wrap .company-news-children li .con {
    display: block;
    height: 100%;
}

/*.content-seven #company-news-child-wrap .company-news-children li:hover{box-shadow: 5px 5px 8px 0px #F5F5F5;}*/
.content-seven #company-news-child-wrap .company-news-children li img {
    margin-bottom: 28px;
    width: 100%;
    height: 175px;
    object-fit: cover;
}

.content-seven #company-news-child-wrap .company-news-children li .news-content .news-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.content-seven #company-news-child-wrap .company-news-children li .news-content .news-desc {
    font-size: 16px;
    line-height: 25px;
    margin-top: 6px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.content-seven #company-news-child-wrap .company-news-children li .news-content {
    height: 116px;
}

.content-seven #company-news-child-wrap .company-news-children li .check-detail {
    margin-top: 10px;
    display: inline-block;
    border: 1px solid #DCDCDC;
    padding: 6px 20px;
    color: #676B73;
    cursor: pointer;
    font-weight: 500;
}

.content-seven #company-news-child-wrap .company-news-children li .check-detail:hover {
    border: 1px solid #13C2C2;
    padding: 6px 20px;
    color: #13C2C2;
}

.content-seven #company-news-child-wrap .company-news-children li:hover div {
    color: #111;
}

/*助力企业打造数字化服务体系*/
.content-eight {
    min-height: 333px;
    display: flex;
    background: #5B7B8B;
    align-items: center;
    text-align: center;
    position: relative;
}

.content-eight > img {
    height: 440px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    transform: translate(450px, 0px);
}

.content-eight.try-me {
    cursor: pointer;
}

.content-eight .container .title, .content-eight .container .content {
    transform: translate(-40px);
}

.content-eight .container .title .name {
    color: #fff;
    margin-bottom: 44px;
}

.content-eight .container .content .free-try {
    padding: 11px 48px;
    font-size: 24px;
    background: #13C2C2;
    border-radius: 4px;
    color: #fff;
}

/**/
.contenttwo {
    background: #fff;
    text-align: center;
}

.contenttwo .TiTle .name, .advantages .TiTle .name {
    font-weight: 500;
    color: #111;
    text-align: center;
    line-height: 50px;
    font-size: 2.571rem;
}

.contenttwo .TiTle .infor, .advantages .TiTle .infor {
    font-size: 16px;
    font-weight: 400;
    color: #777;
    margin-top: 1rem;
    text-align: center;
}

.contentthree {
    width: 100%;
    margin: 0 auto;
    background: #f5f7f9 url(../../../static/images/Bitmap@2x.png);
    background-size: cover;
}

.rightblock {
    padding: 0 0 0 9px;
}

.zero-padding {
    padding-left: 0;
    padding-right: 10px;
}

.contentthree .titlename {
    width: 100%;
    font-weight: 500;
    color: #111;
    line-height: 4.5rem;
    height: 50px;
}

.contentthree .subtitlename {
    width: 100%;
    font-size: 1.142rem;
    line-height: 24px;
    color: #666 !important;
    font-weight: 400;
    margin: 20px auto;
}

/*客户案例*/
.customer .TiTle .name {
    padding: 67px 0 2.7rem 0;
}

.customer h2, .customer .h2 {
    margin: 1.0rem 0 0rem 0;
    color: #0D1924;
    font-size: 1.142rem;
}

.customer .row {
    margin: 1.63rem auto;
    justify-content: space-between;
    position: relative;
}

.customer .row::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    position: absolute;
    top: 50px;
}

/*.customer .col-sm-2{ flex: 0 0 20%;    -ms-flex: 0 0 20%;*/
/*    max-width: 20%;}*/
.customer ul {
    margin-top: 2.5rem;
}

.customer ul li {
    margin-bottom: 1.88rem;
    border: 1px solid #eee;
}

.customer ul li img {
    height: 67px;
    overflow: hidden;
}

.customer ul li:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    overflow: hidden;
}

/*数据安全保障和个人隐私保护的可靠服务*/
.contentdata {
    background: #F6F8F9;
}

.contentdata .titlename {
    color: #111;
}

.datalist ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.datalist {
    padding: 0 0 5.5rem 0;
}

.datalist ul li span {
    min-height: 80px;
    display: block;
}

.datalist ul li img {
    width: 100%;
}

.datalist ul li p {
    font-size: 0.857rem;
    font-weight: 400;
    color: #111;
    text-align: center;
    margin: 16px 0 2rem 0;
}


/*媒体报道*/
.newsBigbox {
    position: relative;
    padding-bottom: 6.57rem;
}

.newsBigbox:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    position: absolute;
    top: 4.29rem;
}

.contentfive .titlename {
    color: #333 !important;
    text-align: left !important;
    font-weight: 600;
    margin: 0 0 4% 0;
}

.slideTxtBox {
    width: 100%;
    text-align: left;
}

.slideTxtBox .hd {
}

.slideTxtBox .hd ul {
    display: flex;
    justify-content: center;
}

.slideTxtBox .hd ul li {
    width: 14.29rem;
    height: 4.29rem;
    line-height: 4.29rem;
    cursor: pointer;
    font-size: 1.14rem;
    text-align: center;
}

.slideTxtBox .hd ul li:first-child {
    margin: 0;
}

.slideTxtBox .hd ul li:hover, .slideTxtBox .hd ul li:active {
    color: #13C2C2;
    cursor: pointer;
}

/*新闻列表页*/
.slideTxtBox .hd ul li .btn-info {
    background: #fff !important;
    color: #13C2C2;
    font-weight: 400;
    display: block;
    border-bottom: 2px solid #13C2C2;
}

.slideTxtBox .hd.sonsort ul li {
    padding: 0;
    margin: 0;
}

.slideTxtBox .hd.sonsort ul li .btn-light {
    background: none;
    border: none;
    color: #111;
    display: block;
    outline: none;
}

.slideTxtBox .hd.sonsort ul li .btn-light:hover, .slideTxtBox .hd.sonsort ul li :active {
    color: #13C2C2;
    cursor: pointer;
    background: none;
    border: none;
}

.slideTxtBox .hd.sonsort ul li .btn-light.focus, .slideTxtBox .hd.sonsort ul li .btn-light:focus {
    box-shadow: none;
}

.slideTxtBox .bd {
    display: flex;
}

.slideTxtBox .bd ul {
    min-width: 937px;
    max-width: 937px;
    zoom: 1;
    margin-top: 2.07rem;
}

.slideTxtBox .bd li {
    line-height: 24px;
    padding: 2.79rem 0rem 2.93rem 0;
    margin-right: 3.36rem;
    border-bottom: 1px solid #E6E8F0;
    display: flex;
}

.slideTxtBox .bd li a {
}

.slideTxtBox .bd li img {
    width: 26.93rem;
    height: 10.93rem;
    margin-right: 2.71rem;
}

.slideTxtBox .bd li .contentnews {
    line-height: 24px;
    display: flex;
    max-width: 33.93rem;
}

.slideTxtBox .bd li .contentnews h5 {
}

.slideTxtBox .bd li h5 q {
    display: block;
    font-style: normal;
}

.slideTxtBox .bd li h5 q.title {
    font-size: 1.14rem;
    color: #111;
    font-weight: bold;
}

.slideTxtBox .bd li h5 q.title:hover {
    color: #13C2C2 !important;
}

.slideTxtBox .bd li h5 q.subtitle {
    font-size: 1rem;
    color: #595959;
    font-weight: 400;
    margin-top: 0.71rem;
    line-height: 1.86rem;
}

.slideTxtBox .bd li p {
    display: flex;
    justify-content: space-between;
    padding-top: 1.36rem;
}

.slideTxtBox .bd li p span {
    color: #999;
    display: block;
    font-size: 1rem;
    font-weight: 400;
}

.slideTxtBox .bd li p a {
    font-size: 1rem;
    font-weight: 400;
    color: #13C2C2;
}

.slideTxtBox .bd li p span.source {
    margin-top: 1rem;
}

.slideTxtBox .rightTopic {
    width: 18.79rem;
    padding: 4.5rem 0 0 0px;
}

.slideTxtBox .rightTopic .right-border {
    border: 0.07rem solid #DCDCDC;
    padding: 1.57rem 1.36rem 0.57rem 1.29rem;
}

.slideTxtBox .rightTopic h2, .slideTxtBox .rightTopic .h2 {
    font-weight: 600;
    padding-bottom: 0.5rem;
    margin: 0;
}

.slideTxtBox .rightTopic dd {
    padding: 12px 13px 1.29rem 0;
    font-size: 1rem;
    line-height: 1.43rem;
    border-bottom: 0.07rem solid #DCDCDC;
}

.slideTxtBox .rightTopic dd:last-child {
    border-bottom: none;
}

.slideTxtBox .rightTopic dd a {
    color: #595959;
}

.slideTxtBox .rightTopic dd a:hover {
    color: #13C2C2;
}

.morebtn {
    margin: 5rem auto 0 auto;
}

.morebtn a {
    color: #FF9D43 !important;
    font-size: 22px;
    font-weight: 600;
    line-height: 52px;
    width: 180px;
    height: 56px;
    border: 1px solid #FF9D43;
    display: block;
    margin: 0 auto;
}

.morebtn a:hover, .morebtn a:visited {
    color: #FFAE63 !important;
    border: 1px solid #FFAE63 !important;
}

.morebtn a:active {
    color: #FF8413 !important;
    border: 1px solid #FF8413 !important;
}


.bottomgray {
    background: #fff;
    padding: 50px 0;
    font-size: 1rem;
}

.bottomgray .app-msg {
    text-align: center;
    color: #60646B !important;
}

.bottomgray .app-msg a {
    color: #60646B !important;
}

.bottomgray .app-msg a:hover {
    text-decoration: underline;
}

.copyright {
    line-height: 2rem;
    color: #60646B;
    font-size: .86rem;
}

.copyright img {
    vertical-align: text-bottom;
    margin: 0 3px 0 10px;
}

.copyright a {
    color: #60646B !important;
}

.copyright a:hover, .copyright a:active {
    text-decoration: underline;
    margin-bottom: 15px;
}

.bottomlogo {
    margin-top: 40px;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    50% {
        opacity: 0; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}

/*定制服务*/
.customized {
    padding: 5.71rem 0 8.14rem 0;
}

.systemBox {
    padding: 5.93rem 0 4.86rem 0;
}

.customized .TiTle, .systemBox .TiTle, .selectBox .TiTle {
    text-align: center;
}

.customized .TiTle .subname {
    color: #595959;
    margin-top: 1.36rem;
}

.customizeditem {
    margin-top: 4rem;
}

.customizeditem img {
    width: 300px;
}

.customizeditem p {
    text-align: center;
    font-size: 1.29rem;
    color: #111111;
}

.structure {
    text-align: center;
    padding: 4.29rem 0 4.43rem 0;
}

.structure img {
    width: 1280px;
    margin-top: 4.14rem;
}

.supplyBox {
    padding: 5rem 0 3.21rem 0;
}

.supplyBox .TiTle {
    text-align: center;
}

.supplyList {
    margin-top: 3.86rem;
}

.supplyList .supplyitem {
    background: #fff;
    padding: 2.07rem 0 3.07rem 2.86rem;
}

.supplyList .supplyitem {
    margin-bottom: 0.71rem;
    max-width: 27.99rem;
    border-radius: 0.14rem;
}

.supplyList .supplyitem:nth-child(2) {
    margin: 0 0.86rem 0.71rem 0.86rem;
}

.supplyList .supplyitem:nth-child(5) {
    margin: 0 0.86rem 0.71rem 0.86rem;
}

.supplyList .supplyitem h5 {
    font-size: 1.14rem;
    font-weight: 600;
    margin-bottom: 1.43rem;
}

.supplyList .supplyitem h5 img {
    width: 113px;
    margin-left: 0.5rem;
}

.supplyList .supplyitem ul li {
    font-size: 0.86rem;
    color: #595959;
    font-weight: 400;
    line-height: 1.7rem;
}

.supplyList .supplyitem ul li i {
    color: #13C2C2;
    font-size: 0.86rem;
    margin-right: 0.86rem;
}

.systemBox .row {
    margin-top: 7rem;
}

.systemBox .systemItem {
    text-align: center;
    margin-bottom: 5rem;
}

.systemBox .systemItem h2 img, .systemBox .systemItem .h2 img {
    width: 103px;
}

.systemBox .systemItem h5 {
    color: #595959;
    font-size: 1.71rem;
    font-weight: 600;
    margin-top: 1.57rem;
}

.systemBox .systemItem p {
    width: 60%;
    color: #999;
    font-size: 1rem;
    font-weight: 400;
    margin: 1.79rem auto 0 auto;
    line-height: 1.71rem;
}

.slideSelectBox {
    width: 100%;
    text-align: left;
    margin-top: 2.29rem;
}

.slideSelectBox .hd {
    height: 3.14rem;
    line-height: 3.14rem;
    position: relative;
    text-align: center;
}

.slideSelectBox .hd ul {
    display: -webkit-inline-box;
    height: 3.14rem;
    border-radius: 0.29rem;
    border: 0.07rem solid #C1C3CA;
}

.slideSelectBox .hd ul li {
    width: 7.5rem;
    cursor: pointer;
    text-align: center;
}

.slideSelectBox .hd ul li.on {
    background: #EFFFFF;
    border: 0.07rem solid #22ACAD;
    border-radius: 0.29rem;
}

.slideSelectBox .bd .display-flex {
    width: 100%;
    display: flex;
}

.slideSelectBox .bd {
    margin-top: 3.86rem;
}

.slideSelectBox .bd .display-flex .rightword {
    width: 48.86rem;
    padding: 2.86rem 2rem 2.86rem 4rem;
    background: #fff;
    border-radius: 0rem 0.14rem 0.14rem 0rem;
}

.slideSelectBox .bd ul {
    zoom: 1;
    display: flex;
}

.slideSelectBox .bd .display-flex .rightword h2, .slideSelectBox .bd .display-flex .rightword .h2 {
    font-size: 1.29rem;
    font-weight: 400;
    color: #111;
    border-bottom: 4px solid #22ACAD;
    display: inline;
    padding-bottom: 1.07rem;
}

.slideSelectBox .bd .display-flex .rightword h3 {
    font-size: 2.71rem;
    font-weight: 400;
    margin-top: 3.33rem;
}

.slideSelectBox .bd .display-flex .rightword h4 {
    font-size: 1.14rem;
    color: #595959;
    font-weight: 400;
}

.slideSelectBox .bd .display-flex .rightword ol {
    padding-left: 0;
    margin-top: 2.8rem;
}

.slideSelectBox .bd .display-flex .rightword ol li {
    font-size: 0.86rem;
    color: #666;
    font-weight: 400;
    line-height: 1.6rem;
    margin-top: 0.14rem;
    position: relative;
    padding-left: 10px;
}

.slideSelectBox .bd .display-flex .rightword ol li:before {
    content: "· ";
    position: absolute;
    left: 0;
}

.slideSelectBox .bd .display-flex .rightword dl {
    display: flex;
    margin-top: 3.64rem;
}

.slideSelectBox .bd .display-flex .rightword dl dd {
    text-align: center;
}

.slideSelectBox .bd .display-flex .rightword dl dd:nth-child(2) {
    padding: 0 7.71rem;
}

.slideSelectBox .bd .display-flex .rightword dl dd b {
    color: #22ACAD;
    font-size: 2.57rem;
}

.slideSelectBox .bd .display-flex .rightword dl dd b span {
    color: #22ACAD;
    font-size: 1.71rem;
}

.slideSelectBox .bd .display-flex .rightword dl dd p {
    margin-top: 0.3rem;
}

.selectBox {
    background: #f5f7f7;
    padding: 4.93rem 0 6.14rem;
}

.quickApply {
    background: url(../../../static/images/quick@2x.png);
    background-size: cover;
    padding: 5.07rem 0 5.21rem 0;
    height: 14.29rem;
}

.quickApply .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quickApply h2, .quickApply .h2 {
    font-size: 2.86rem;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.quickApply a {
    width: 12.86rem;
    height: 4rem;
    line-height: 4rem;
    background: #FFFFFF;
    border-radius: 0.29rem;
    display: block;
    font-size: 1.43rem;
    font-weight: 400;
    color: #14B3B3;
    text-align: center;
    margin-left: 7.71rem;
}

.quickApply a:hover {
    cursor: pointer;
    color: #14B3B3;
}

/*产品服务*/

.productDot {
    position: relative;
}

.productsBox {
    margin: 4.57rem 0 5.14rem;
    background: #fff;
    border-radius: 0.29rem 0rem 0rem 0.29rem;
}

/*.productsBox.swiper-container{overflow:inherit;}*/
.slideproducts .swiper-slide {
    border-right: 1px solid #f6f8f9;
    padding: 4.36rem 0 2.86rem 0;
}

.slideproducts .swiper-slide p {
    font-size: 1.43rem;
    padding-top: 3.43rem;
    color: #111111;
    font-weight: 400;
}

.slideproducts .swiper-slide img {
    width: 124px;
    height: 151px;
}


.swiper-pagination-bullets {
    bottom: 2.86rem !important;
    left: 50% !important;
    transform: translate(-50%, 0%);
}

.swiper-pagination-bullet {
    width: 2.05rem;
    height: 0.14rem;
    background: #5B606B;
    border-radius: 0.05rem;
    opacity: 1;
    margin-right: 0.57rem;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}

.productDot .swiper-pagination-bullets {
    bottom: -3.21rem !important;
    left: 50%;
    transform: translate(-50%, 0%);
}

.productDot .swiper-pagination-bullet {
    width: 2.05rem;
    height: 0.14rem;
    background: #D9D9D9;
    border-radius: 0.05rem;
    opacity: 1;
    margin-right: 0.57rem;
}

.productDot .swiper-pagination-bullet-active {
    background: #13c2c2 !important;
}


.aboutcontent {
    background: #f5f8fa;
}

.aboutcontent .container {
    text-align: center;
    padding: 60px 0;
}

.aboutcontent p {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    color: #333;
}

.display-ad {
    width: 100%;
    background: #F5F8FA;
}

.display-ad .marketing .TiTle {
    margin: 60px;
}

.display-ad .marketing .list li {
    height: 600px;
    position: relative;
    min-width: 200px;
}

.display-ad .marketing .list li:nth-child(odd) {
    background: url("./template/default/images/service01.png") no-repeat;
    background-size: cover;
    -webkit-background-size: cover; /* 兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover; /* 兼容Opera */
    zoom: 1;
    background-size: 100% 800px;
}

.display-ad .marketing .list li:nth-child(even) {
    background: url("./template/default/images/service02.png") no-repeat;
    background-size: cover;
    -webkit-background-size: cover; /* 兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover; /* 兼容Opera */
    zoom: 1;
    background-size: 100% 800px;
}

/*.display-ad .marketing .list li:nth-child-type(1n)*/
.wrapper_1200 {
    margin: 0 auto;
}

.display-ad .marketing .list li.bgColor {
    background-color: #f5f9ff;
}

.display-ad .marketing .list li.grayColor {
    background-color: #FBFBFB;
}

.display-ad .marketing .list li .textleft {
    width: 50%;
    height: 600px;
    display: table;
}


.display-ad .marketing .list li .textleft .tableCell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.display-ad .marketing .list li .textleft .num {
    width: 68px;
    height: 46px;
}

.display-ad .marketing .list li .textleft .num img {
    width: 100%;
    height: 100%;
}

.display-ad .marketing .list li .textleft .name {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}

.display-ad .marketing .list li .textleft .infor {
    width: 87%;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
}

.display-ad .marketing .list li .textleft .infor2 {
    width: 76%;
}

.display-ad .marketing .list li .pictrueright {
    width: 50%;
    padding: 13% 0% 0 0%;
    overflow: hidden;
}

.display-ad .marketing .list li:nth-child(even) .pictrueright {
    padding: 13% 0% 0 0%;
}

.display-ad .marketing .list li:nth-child(even) .pictrueright .imgbox {
    float: left;
}

.display-ad .marketing .list li:nth-child(even) .textleft .tableCell {
    padding-left: 23%;
}

.display-ad .marketing .list li .pictrueright .imgbox {
    display: table-cell;
    vertical-align: middle;
    width: 541px;
    height: 297px;
    position: relative;
    overflow: hidden;
}

.display-ad .marketing .list li .pictrueright .imgbox03 {
    width: 541px;
    height: 283px;
}

.display-ad .marketing .list li .pictrueright .imgbox02 {
    width: 542px;
    height: 353px;
}

.display-ad .marketing .list li .pictrueright .imgbox img {
    width: 100%;
    height: 100%;
    transition: all 1s ease 0s;
}

.display-ad .marketing .list li .textleft02 .subname {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: 60px 0 20px 0;
}

.display-ad .marketing .list li .textleft02 .infor span {
    line-height: 50px;
}


.display-ad .service02 .list li {
    height: 800px;
}

.display-ad .service02 .list li .textleft02 {
    height: 800px;
}

.display-ad .service02 .list li .pictrueright02 {
    height: 800px;
}

/*.display-ad .service02 .list li .textleft02 .name02{ margin-top:60px;}*/
.display-ad .service02 .list li .pictrueright02 .imgbox {
    width: 375px;
    height: 667px;
}

.display-ad .service02 .list li .pictrueright02 {
    padding: 5% 7% 0 0%;
}

.display-ad .service02 .list li:nth-child(even) .pictrueright02 {
    padding: 5% 4% 0 8%;
}


.hovertreeshowcover {
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    transition: all 1s;
}

.hovertreeshowlayer {
    position: fixed;
    z-index: 1112;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s;
}

.hovertreeshowclose {
    width: 25px;
    height: 25px;
    background: url(./template/default/images/icon_close_pre.png) no-repeat;
    position: fixed;
    z-index: 1113;
    transition: all 1s;
    color: #fff;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.hovertreeshowclose:hover, .hovertreeshowclose:active {
    opacity: 1;
    filter: alpha(Opacity=100);
    -moz-opacity: 1;
}

/*@media (max-width:750px) {*/
/*    .hovertreeshowclose{left:0px;right:auto;}*/
/*}*/
.hovertreeshow img {
    cursor: pointer;
}


.pictrueright .show {
    background: rgba(0, 0, 0, 0.4);
    width: 541px;
    height: 297px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.3s ease-in 0s;
}

.pictrueright .show03 {
    width: 541px;
    height: 283px;
}

.pictrueright .show02 {
    width: 542px;
    height: 353px;
}

.pictrueright02 .show {
    background: rgba(0, 0, 0, 0.4);
    width: 375px;
    height: 667px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.3s ease-in 0s;
}

.pictrueright .show span {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pictrueright02 .show span {
    top: 50%;
}

.pictrueright .show span {
    background: url("./template/default/images/icon_plus_n.png") no-repeat;
}

.pictrueright .show span:hover {
    background: url("./template/default/images/icon_plus_pre.png") no-repeat;
    cursor: pointer;
}

.pictrueright .imgbox:hover .show {
    opacity: 1;
    filter: alpha(opacity=100);
}

.can-click {
    cursor: pointer !important;
}

.bigimg {
    width: auto;
    height: auto !important;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 9999;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: Alpha(opacity=50);
    z-index: 1032;
    transition: all 1s;
    display: none
}

.mask span {
    width: 34px;
    height: 34px;
    background: url("./template/default/images/pro-icon.png") no-repeat;
    text-align: center;
    line-height: 34px;
    position: absolute;
    z-index: 999;
    right: 180px;
    top: 80px;
}

.mask span:hover, .mask > span:active {
    background: url("./template/default/images/pro-icon-p.png") no-repeat;
    cursor: pointer;
}


.pictrueright > .imgbox {
    width: 400px;
    height: 250px;
    float: right;
    border-radius: 5px;
    overflow: hidden;
}

.imgbox:hover {
    cursor: pointer
}


.slideBox2 {
    width: 554px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-left: 10%;
}

.slideBox2 .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 50%;
    bottom: 10px;
    z-index: 1;
    transform: translate(50%, 50%);
}

.slideBox2 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox2 .hd ul li {
    float: left;
    margin-right: 10px;
    width: 36px !important;
    min-width: 36px !important;
    height: 3px !important;
    text-align: center;
    background: #ccc !important;
    cursor: pointer;
}

.slideBox2 .hd ul li.on {
    background: #FF9D43 !important;
}

.slideBox2 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox2 .bd img {
    width: 540px;
    height: 244px;
}

.slideBox2 .bd ul li {
    background: none !important;
}

.slideBox2 .bd ul li img {
    cursor: pointer;
}


.applicationcontent {
    background: #fff;
    padding: 100px 0;
}

.application {
    display: flex;
    align-items: center;
}

.application h2, .application .h2 {
    font-size: 40px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.application02 h2, .application02 .h2 {
    width: 51%;
    font-size: 40px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.application ul {
    margin: 0 0 0 20%;
    text-align: left;
}

.application02 ul {
    margin: 0;
}

.application ul li {
    margin: 40px 0px 40px 0;
}

.application02 ul li {
    display: inline-block;
    width: 48%;
}

.application ul li span {
    width: 165px;
    height: 41px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    background: url("./template/default/images/bg_gradient.png") no-repeat;
    display: inline-block;
    text-align: center;
}

.application ul li b {
    font-weight: 600;
    color: #333;
}



/*解决方案*/
.solution {
    padding: 4.14rem 0;
}

.solution .row {
    padding-top: 3.86rem;
    margin-left: -10px;
    margin-right: -10px;
}

.solution .Title .name {
    color: #111;
    text-align: center;
    font-weight: 600;
}

.solution .item {
    width: 100%;
    margin-bottom: 1.43rem;
    overflow: hidden;
    padding: 2.57rem 0 2.29rem 1.43rem;
}

.solution .solveitem {
    padding: 0 10px;
}

.solution .solveitem:hover {
    transform: translateY(-2%);
    transition: all .1s;
}

.solution .solveitem .list01 {
    background: url(../../../static/images/solution01.png);
    background-size: 590px 193px;
}

.solution .solveitem .list02, .solution .solveitem .list04 {
    background: linear-gradient(46deg, #6CD0CC 0%, #2085D6 100%);
}

.solution .solveitem .list03, .solution .solveitem .list05 {
    background: linear-gradient(299deg, #5F9FF8 0%, #0D70FE 100%);
}

.solution .solveitem .list06 {
    background: url(../../../static/images/solution02.png);
    background-size: 590px 193px;
}

.solution .item h2, .solution .item .h2 {
    font-size: 1.71rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}

.solution .item p.card-text {
    font-weight: 600;
    color: #fff;
    font-size: 1rem;
    padding-top: 1.5rem;
    line-height: 1.64rem;
}

.solution .item a {
    font-size: 1rem;
    color: #fff;
    display: block;
}

.solution .item a:hover {
    cursor: pointer;
}

.solution .item span {
    margin: 1rem 0 0 0;
    display: block;
}

.madeBox {
    padding: 6.36rem 0 7.39rem 0;
}

.madeBox .made h2, .madeBox .made .h2 {
    color: #111;
    font-weight: 500;
    margin-bottom: 2.93rem;
}

.madeBox .made a {
    width: 12.86rem;
    height: 3.57rem;
    line-height: 3.57rem;
    color: #FFFFFF;
    font-size: 1.29rem;
    text-align: center;
    display: block;
    background: #13C2C2;
    border-radius: 0.29rem;
    margin: 0 auto;
}

.madeBox .made a:hover {
    cursor: pointer;
    background: #22ACAD;
}

.describe {
    font-size: 1.38rem;
    color: #4C4948;
}

.scanBox {
    padding: 5.14rem 0 5.79rem 0;
}

.scanBox .row {
    justify-content: space-between;
}

.scan {
    background: #fff;
    border: 1px solid #EEEEEE;
    padding: 1.93rem 1.71rem 2rem 1.93rem;
    max-width: 26.86rem;
}

/*.scan:nth-child(2){margin:0 2.57rem;}*/
.scan h2, .scan .h2 {
    font-size: 1.71rem;
    color: #111111;
    font-weight: 500;
    margin-bottom: 1rem;
}

.scan p {
    font-size: 1rem;
    height: 6.43rem;
    color: #70747D;
    font-weight: 500;
    line-height: 1.64rem;
}

.scan a {
    width: 8.07rem;
    height: 2.71rem;
    text-align: center;
    line-height: 2.71rem;
    border-radius: 0.29rem;
    border: 0.07rem solid #13C2C2;
    font-size: 1rem;
    font-weight: 500;
    color: #13C2C2;
    display: block;
}

.scan h2 img, .scan .h2 img {
    margin-right: 1.14rem;
}

.scan a:hover {
    background: #13C2C2;
    color: #fff;
    cursor: pointer;
}

.cus-solution {
    display: flex;
    background: #1d2437;
}

.leftimg-solution img {
    width: 57.29rem;
}

.rightscroll-solution {
    width: 100%;
    background: url(../../../static/images/cus-bg@2x.png);
    background-size: cover;
}


.picScroll-left {
    overflow: hidden;
    position: relative;
    margin-left: -17.21rem;
    height: 216px;
}

.picScroll-left .swiper-wrapper .swiper-slide {
    width: 36.29rem;
    margin-right: 1.71rem;
    overflow: hidden;
    background: #fff;
}

.picScroll-left .swiper-wrapper .swiper-slide .list {
    display: flex;
    padding: 1.57rem 2.07rem .5rem 0.43rem;
    min-height: 216px;
}

.picScroll-left .swiper-wrapper .swiper-slide .pic {
    width: 14.8rem;
    text-align: center;
    margin-right: 1rem;
}

.picScroll-left .swiper-wrapper .swiper-slide .pic img {
    width: 95px;
    display: block;
}

.picScroll-left .swiper-wrapper .swiper-slide .pic a:hover img {
    border-color: #999;
}

.picScroll-left .swiper-wrapper .swiper-slide .worddescrip h2, .picScroll-left .swiper-wrapper .swiper-slide .worddescrip .h2 {
    font-size: 1.14rem;
    color: #111111;
    margin-bottom: 0.57rem;
}

.picScroll-left .swiper-wrapper .swiper-slide .worddescrip h4 {
    font-size: .8rem;
    color: #70747D;
    margin: 0;
}

.picScroll-left .swiper-wrapper .swiper-slide .worddescrip p {
    font-size: 1rem;
    color: #70747D;
    margin-top: 1.21rem;
    line-height: 1.64rem;
}

.picScroll-left .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.picScroll-left .swiper-wrapper .swiper-slide:nth-child(2n) {
    width: 40%;
}

.picScroll-left .swiper-wrapper .swiper-slide:nth-child(3n) {
    width: 40%;
}

.picScroll-left .swiper-button-next, .picScroll-left .swiper-button-prev {
    background-image: none;
    outline: none;
    box-shadow: none;
}

.picScroll-left .swiper-button-next span, .picScroll-left .swiper-button-prev span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    box-shadow: 0rem 0.14rem 1rem 0rem rgba(209, 209, 209, 0.5);
    display: block;
}

.picScroll-left .swiper-button-next {
    right: 40px;
}

.picScroll-left .swiper-button-next i, .picScroll-left .swiper-button-prev i {
    font-size: 26px;
    color: #13C2C2;
}


.solution-case {
    color: #fff;
    padding: 4.07rem 0 4.21rem 4.21rem;
}

.solution-case h2, .solution-case .h2 {
    margin-bottom: 1rem;
}

.solution-case h4 {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.solution-case a {
    font-size: 1rem;
    font-weight: 400;
    color: #13C2C2;
}

/*远程寄送模式*/
.position-solution {
    width: 34.29rem;
    background: #fff;
    padding: 3.07rem 3rem 0.5rem 3rem;
    top: 49%;
}

.position-solution h1 {
    color: #22ACAD;
    text-align: center;
    margin-bottom: 2.07rem;
}

.position-solution ul li {
    color: #383838;
    font-size: 1rem;
    padding-left: 1.28rem;
    position: relative;
    line-height: 1.79rem;
    margin-bottom: 1.86rem;
}

.position-solution ul li::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #13C2C2;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11%;
    transform: translate(0, 35%);
}

.industry {
    background: #22ACAD;
    padding: 6.36rem 0 5.29rem 0;
    color: #fff;
}

.industry .industryList {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 5rem;
}

.industry .industryList li {
    font-size: 1.14rem;
    font-weight: 500;
    margin-right: 2.71rem;
}

.industry .industryList li:last-child {
    margin-right: 0;
}

.industry .industryList li p {
    padding: 1rem 3rem;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, .5);
    text-align: center;
}

.industry .industryList-img {
    display: flex;
    justify-content: center;
    margin: 4.29rem auto 0 auto;
}

.industry .industryList-img li {
    margin-right: 2.71rem;
}

.industry .industryList-img li:last-child {
    margin-right: 0;
}

.industry .industryList-img li span {
    width: 13.64rem;
    height: 5.07rem;
    line-height: 5.07rem;
    display: block;
    background: #fff;
    text-align: center;
}

.industry .industryList-img li span img {
    vertical-align: middle;
}

.solutionbox {
    background: #fbfbfb;
    padding: 4.86rem 0 3.71rem;
}

.solutionbox .itembox {
    margin: 5.86rem 2.36rem 0 2.36rem;
    justify-content: space-between;
}

.solution01 .solveitem {
    padding: 2.93rem 2.57rem 0.71rem 2rem;
    margin-bottom: 2.86rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.21rem 1.43rem 0rem rgba(234, 234, 234, 0.5);;
    border-radius: 0.29rem;
    display: flex;
    max-width: 39.21rem;
}

.itembox .solveitem img {
    margin-right: 2.57rem;
}

.solution01 .solveitem:hover {
    transform: translateY(-2%);
    transition: .1s;
    cursor: pointer;
}

.solution01 .solveitem .item h5 {
    color: #111;
    font-weight: 500;
    margin-bottom: 1.36rem;
    font-size: 1.57rem;
    letter-spacing: -1.2px;
}

.solution01 .solveitem .item p {
    color: #595959;
    font-weight: 400;
    margin-bottom: 1.36rem;
    font-size: 1rem;
    line-height: 1.71rem;
    letter-spacing: 1px;
}

.structurebox {
    background: #fff;
    padding-top: 5.71rem;
}

.structurebox .subname {
    color: #595959;
    font-weight: 400;
    margin: 0.64rem 0 0 0;
}

.introduce {
    padding: 5.5rem 0;
}

.marketing .list li .text .infor.infor-solution {
    font-size: 1rem;
    color: #595959;
    margin-top: 2rem;
    line-height: 1.71rem;
}

.planbox {
    margin-top: 3.86rem;
}

.planbox img {
    width: 100%;
}


/*装备制造*/
.position-solution p {
    color: #383838;
    font-size: 1rem;
    line-height: 1.93rem;
    margin-bottom: 5px;
    min-height: 8rem;
}

.position-solution a {
    width: 13.14rem;
    height: 3.86rem;
    line-height: 3.86rem;
    background: #13C2C2;
    border-radius: 0.14rem;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 1.29rem;
    margin: 2rem auto 3rem auto;
}

.position-solution a:hover {
    background: #22ACAD;
}

.solution-inside.row {
    margin-bottom: 0.78rem;
}

.solution-inside .inside-so {
    margin-top: 5.21rem;
    padding: 0;
    max-width: 23.86rem;
}

.solution-inside.js .inside-so {
    max-width: 16.21rem;
}

.solution-inside .inside-so:nth-child(2) {
    margin: 5.21rem 8.5rem 0 6.86rem;
}

.solution-inside.js .inside-so:nth-child(3) {
    margin: 5.21rem 7.5rem 0 0rem;
}

.solution-inside .inside-so:nth-child(5) {
    margin: 5.21rem 9rem 0 6.86rem;
}

.solution-inside span {
    margin-bottom: 1.21rem;
    height: 77px;
    line-height: 77px;
    display: block;
    max-width: 54px;
}

.solution-inside img {
    width: 100%;
}

.solution-inside h2, .solution-inside .h2 {
    font-size: 1.29rem;
    font-weight: 600;
    margin-bottom: 1.29rem;
}

.solution-inside p {
    font-size: 1rem;
    color: rgba(255, 255, 255, .8);
    line-height: 1.71rem;
}

.introduce-inside {
    background: #fbfbfb;
    padding: 5.07rem 0 2.85rem;
}

.introduce-inside .list ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 4.5rem;
    flex-wrap: wrap;
    margin-right: -3.64rem;
}

.introduce-inside .list ul li {
    width: 12.4%;
    background: #FFFFFF;
    box-shadow: 0rem 0.21rem 1.43rem 0rem rgba(234, 234, 234, 0.5);
    border-radius: 0.29rem;
    text-align: center;
    padding: 2.57rem 0 2.64rem 0;
    margin: 0 3.64rem 1.29rem 0;
    position: relative;
}

.introduce-inside .list ul li p {
    font-size: 1.29rem;
    margin-top: 1.86rem;
}

.introduce-inside .list ul li:hover {
    transform: translateY(-2%);
    transition: .1s;
}

.introduce-inside .list ul li span {
    width: 3.94rem;
    height: 1.71rem;
    line-height: 1.71rem;
    background: #FFA349;
    border-radius: 0rem 0.29rem 0rem 1.29rem;
    color: #fff;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: 0;
}

.marketing .list li .text .insidesolution .name {
    font-size: 2.14rem;
    font-weight: bold;
}

.marketing .list li .text .insidesolution .infor {
    font-size: 1rem;
    color: #595959;
    margin-top: 2rem;
}

.marketing .list li .text .tableCell.insidesolution {
    padding-left: 10%;
    padding-right: 0;
}

.marketing .list li:nth-child(2n) .text .tableCell.insidesolution {
    padding-left: 0;
    padding-right: 10%;
}

.marketing .list li.inside .wrapper_1200 {
    border-bottom: 0.07rem solid #ECECEC;
    padding: 4.29rem 0 4.57rem 0;
}

.marketing .list li.inside {
    padding: 0;
}

.insidesolution dl {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.14rem;
}

.insidesolution dl dd {
    width: 40%;
    font-size: 1rem;
    color: #595959;
    margin-bottom: 1.36rem;
}

.insidesolution dl.wrap dd {
    width: 33.3%;
}

.insidesolution dl dd span {
    position: relative;
    margin-right: 0.43rem;
}

.insidesolution dl dd span:before {
    content: "";
    width: 1.07rem;
    height: 1.07rem;
    border-radius: 50%;
    background: rgba(128, 227, 227, .25);
    position: absolute;
    left: 2px;
    top: 2px;
}

.insidesolution dl dd i {
    color: #22ACAD;
    font-size: 20px;
    font-weight: bold;
}

.marketing .list li .text .tableCell.insidesolution a {
    background: none;
    color: #22ACAD;
    font-size: 1rem;
    text-align: left;
    margin-top: 0.78rem;
    line-height: 1;
}

.marketing .list li .text .tableCell.insidesolution a:hover {
    background: none;
    color: #22ACAD;
}

.swipecase {
    padding: 5.14rem 0 6.21rem 0;
}

.picMarquee-left {
    overflow: hidden;
    position: relative;
    margin: 4rem 0 0rem 0;
}

.picMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
    text-align: center;
}

.picMarquee-left .bd ul li {
    margin: 0 1.3rem;
    display: inline-block;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.picMarquee-left .bd ul li .pic {
    text-align: center;
    width: 11.12rem;
    border: 0.04rem solid #eee;
}

.picMarquee-left .bd ul li .pic img {
    width: 100%;
}

/*关于我们*/

.modal-open {
    padding: 0 !important;
}

.modal-content {
    background: transparent;
    border: none;
}

.modal-content video {
    width: 1280px;
    height: 578px;
}

.modal-content video:hover .jsmodern-video-panel {
    display: block !important;
}

.modal-backdrop.show {
    opacity: 0;
}

.pause {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    cursor: pointer;
    z-index: 99;
}

.pause img {
    margin-left: 10px;
}


.modal-header {
    position: absolute;
    right: 10px;
    border: none;
    z-index: 99;
}

.modal-header .close {
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    background: url("./template/default/images/pro-icon.png") no-repeat;
}

.modal-header .close:hover, .modal-header .close:active {
    background: url("./template/default/images/pro-icon-p.png") no-repeat;
    cursor: pointer;
}

.swiper-slide .endimg {
    display: none;
    position: absolute;
}


.yourDiv {
    cursor: pointer;
}

.aboutbox {
    background: url("./template/default/images/about_bg.png") center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover; /* 兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover; /* 兼容Opera */
    zoom: 1;
}

/* position:relative; top:-64px;*/
.aboutitem {
    height: auto;
    padding: 12% 0;
}

.aboutitem h2, .aboutitem .h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 2rem;
}

.aboutitem .content {
    width: 66%;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.aboutitem .content p {
    font-family: "苹方";
}


.historybox {
    background: url("./template/default/images/honor_bg.png") center center;
    padding: 42px 0 0 0;
    background-size: cover;
    -webkit-background-size: cover; /* 兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover; /* 兼容Opera */
    zoom: 1;
    height: 400px;
}

.historyitem h2, .historyitem .h2 {
    height: 50px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 35px;
}

.historyitem .listitem li {
    display: flex;
    color: #333;
    margin: 4rem 0;
}

.historyitem .listitem p {
    width: 30%;
}

.historyitem .listitem p b {
    font-size: 24px;
}

/*.historyitem .listitem p span{ font-size:16px; font-weight:300; display:block;}*/
.historyitem .listitem dl dd {
    line-height: 34px;
    font-size: 16px;
    font-weight: 600;
}

.historyitem .listitem dl dd::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    background: #FF9D43;
    display: inline-block;
}


/*发展历程*/
.history-timeline {
    width: 100%;
    padding-top: 6rem;
}

.leftmessage {
    position: relative;
    padding: 0;
}

.honorbox {
    padding: 96px 0 50px 0;
    background-size: cover;
    -webkit-background-size: cover; /* 兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover; /* 兼容Opera */
    zoom: 1;
    background: #F6F8F9;
}

.honorbox h2, .honorbox .h2 {
    color: #111;
    font-weight: 600;
    margin-bottom: 44px;
}

/*.honorlist h4{  color:#333; text-align:center;}*/
.honorlist ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.honorlist ul li {
    width: 33%;
    font-weight: 600;
    color: #333;
    margin: 0px auto 30px auto;
}

.honorlist ul li img {
    width: 380px;
    height: 192px;
}

.stepPage {
    display: none;
    width: 86%;
    height: 100%;
    margin: 1rem auto 0 auto;
    padding: 1.93rem 0.93rem;
    background: #fff;
    box-shadow: 0rem 0.43rem 0.93rem 0rem rgba(223, 223, 223, 0.5);
    border-radius: 0.71rem;
}

.stepPage b {
    font-size: 10.71rem;
    color: #F7F7F7;
    margin-top: -38px;
    height: 160px;
}

.stepPage ul {
    margin-left: -5%;
}

.stepPage ul li {
    font-size: 1rem;
    color: #111;
    text-align: left;
    font-weight: 400;
    line-height: 28px;
}

.stepPage ul li span {
    width: 80px;
    display: inline-block;
}

.stepCont {
    position: relative;
    width: 100%;
}

.ystep-container {
    color: #fff;
    display: inline-block;
    position: relative;
    font-size: 1.43rem;

    margin: 20px 0;
}

.ystep-container ul {
    list-style: none;
}

.ystep-container ul, .ystep-container li, .ystep-container p {
    margin: 0;
    padding: 0;
}

/*size css*/
.ystep-lg {
    /*width: 700px;*/
    width: 100%;
    height: 60px;

    /*left: 15%;*/
    line-height: .3;
}

/*large size css*/
.ystep-lg .ystep-container-steps {
    position: absolute;
    top: 2px;
    left: 13px;
    cursor: pointer;
    z-index: 10;
}

.ystep-lg li {
    float: left;
    width: 100px;
    line-height: 0;
    height: 85px;
    margin-right: 100px;
}

.ystep-lg .ystep-step-done {
    background-position: -200px -131px;
}

.ystep-lg .ystep-step-undone {
    background-position: 10px -131px;
}

.ystep-lg .ystep-step-active {
    background-position: -395px -131px;
}

.ystep-lg .ystep-progress {

    height: 1px;
    position: absolute;
    top: 35px;
    left: 25px;
    float: left;
    margin-right: 10px;
    /*overflow: hidden;*/
}

.ystep-lg .ystep-progress-bar {
    background: rgba(214, 248, 254, 0.55);
    height: 1px;

    display: inline-block;
    float: left;
}

.ystep-lg .ystep-progress-highlight {
    height: 2px;
    display: block;
}

/*blue css*/
.ystep-blue .ystep-step-done {
    background-image: url("../../../static/images/pointes_blue.png");
    background-repeat: no-repeat;
}

.ystep-container-steps li {
    position: relative;
}

.ystep-container-steps li:first-child:before {
    content: '';
    width: 38px;
    height: 2px;
    background: #D6FEFC;
    position: absolute;
    left: -26px;
    top: 33px;
}

.ystep-container-steps li:last-child:after {
    content: '';
    width: 39px;
    height: 1px;
    background: rgba(214, 248, 254, 0.55);
    position: absolute;
    right: -25px;
    top: 33px;
}

.ystep-blue .ystep-step-undone {
    background-image: url("../../../static/images/pointes_blue.png");
    background-repeat: no-repeat;
    color: #fff;
    font-size: 1.43rem;
}

.ystep-blue .ystep-step-active {
    background-image: url("../../../static/images/pointes_blue.png");
    background-repeat: no-repeat;
    color: #fff;
    font-size: 1.43rem;
}

.ystep-blue .ystep-progress-highlight {
    background: #D6FEFC;
}

/*按钮样式*/
.ystep {
    padding: 20px;
    /*min-width: 1114px;*/
}

.step-button {
    width: 100%;
    position: absolute;
    top: 5%;
    display: flex;
    justify-content: space-between;
}

.step-button i {
    color: #fff;
    font-size: 3.8rem;
}

.step-button i:hover {
    cursor: pointer;
}

.step-button span.right {
    z-index: 10;
}

.step-button button {
    padding: 0px;
}

.step-button button:focus {
    outline: none;
    box-shadow: none;
}

.btn.disabled, .btn:disabled {
    opacity: 0.45;
}

.menunone {
    display: none !important;
}

.show-fixed {
    display: block;
}


/*新闻页面*/

.position-tab {
    position: fixed;
    width: 1300px;
    background: #fff;
    z-index: 9;
    padding-top: 3%;
    top: 5%;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

/* .case-container{ width: 1280px; } */
.case-container-main {
    display: flex;
    width: 1280px;
    margin: 0 auto 108px;
}

.case-container .case-container-banner {
    width: 100%;
    height: 520px;
    margin-bottom: 60px;
    position: relative;
}

.case-container .case-container-banner > img {
    width: 100%;
}

.case-container .case-container-banner > p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    font-weight: 800;
    color: #FFFFFF;
    white-space: nowrap;
}

.case-container .content-left {
    flex: 2;
}

.case-container .content-right {
    width: 300px;
    height: 300px;
    margin-left: 120px;
    padding-right: 20px;
    background-image: url(../../../static/images/case_detail_right_bg.png);
    background-size: 100% 100%;
}

.case-container .content-right-main {
    /* background: #fff; */
    /* border: 1px solid #E6E5E5; */
    height: 100%;
    padding: 40px 30px;
}

.case-container .content-right h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #13C2C2;
    line-height: 42px;
    margin-bottom: 1.5rem;
}

.case-container .content-right p {
    color: #333;
}

.case-container .content-right img {
    margin: 1rem 0 0.5rem 0;
    max-width: 100%;
}

.newsinfor {
    margin-left: 10%;
    margin-left: 5%;
    color: #333;
    position: relative;
}

.newsinfor-page {
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 420px;
}

.newsinfor h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #13C2C2;
    line-height: 42px;
    margin-bottom: 1.5rem;
}

.newsinfor .content p {
    color: #333;
}

.newsinfor .content img {
    margin: 1rem 0 0.5rem 0;
}

.viewnews {
    display: flex;
    margin: 2rem 0;
    align-items: baseline;
}

.newsinfor .next-pre {
    width: 85%;
}

.newsinfor .next-pre p {
    color: #333;
}

.newsinfor .next-pre a, .more-a a {
    color: #333;
}

/*.newsinfor .next-pre a{}*/

.newsinfor .next-pre a:hover, .more-a a:hover {
    color: #13C2C2;
    font-weight: 600;
    cursor: pointer;
}

.pagination {
    align-items: center;
    justify-content: center;
}

.navigationnews {
    margin-bottom: 4.5rem !important;
}

.navigationnews .pagination {
    justify-content: flex-end;
    margin-right: 3.36rem;
}

/*分页样式*/
.page-num, .page-link {
    color: #111;
    font-size: 1.14rem;
    font-weight: 400;
    border: none;
    padding: 0 10px;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.page-link {
    width: 2rem;
    height: 2rem;
    line-height: 1.9rem;
    padding: 0;
    text-align: center;
    border: 0.07rem solid #D8DCE1;
    border-radius: 0.14rem;
    background: #F0F2F5;
}

.page-link i {
    font-size: 1rem;
    color: #787979;
}

.page-link:hover {
    background: none;
    color: #FF9D43;
}

.centernum {
    font-size: 1.14rem;
    font-weight: 400;
    margin: 0 0.71rem;
    color: #111111;
}

.centernum .current {
    color: #22ACAD;
}

.page-num-current {
    color: #22ACAD;
    background: none;
}

.page-num-current:hover {
    color: #22ACAD;
}

.pagination .page-link a:focus {
    outline: none;
    box-shadow: none;
}

.pagination img {
    width: 10px;
}

.pagination .total {
    margin-right: 8%;
    color: #111;
}


/*客户案例*/
.backstage {
    padding-top: 6.36rem;
    padding-bottom: 2.86rem;
}

.casebox.row {
    margin-top: 4.79rem;
}

/*.caseitem.hide{display:none;}*/
.caseitem .item {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 0.43rem;
    box-shadow: 0rem 0.14rem 1rem 0rem rgba(222, 222, 222, 0.5);
    margin: 0 0rem 3.64rem 0rem;
    max-width: 328px;
}

.caseitem .item h5 {
    overflow: hidden;
    margin: 0;
}

/*.caseitem .item:nth-child-type(2n+2){ margin: 0 2rem 3.75rem 2rem;}*/
.caseitem .item h5 img {
    width: 100%;
    border-radius: 0.43rem 0.43rem 0 0;
    height: 10rem;
    object-fit: cover;
}

/*.textarea{ padding:0 2.06rem;}*/
.caseitem .item .card-title {
    color: #111;
    margin: 0;
    padding: 28px 0 21px 0rem;
}

.caseitem .item span {
    padding: 0.2rem 0.8rem;
    display: inline-block;
    border-radius: 0.94rem;
    border: 0.13rem solid #13C2C2;
    margin-left: 1rem;
}

.caseitem .item .infor {
    color: #70747D;
    font-size: 1rem;
    line-height: 24px;
    text-align: left;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 16px;
    min-height: 87px;
}

.caseitem .item samp.more {
    color: #70747D;
    font-size: 1rem;
    display: block;
    height: 36px;
    line-height: 34px;
    font-family: inherit;
    text-align: left;
    padding-left: 16px;
}

.caseitem .item samp.more:hover {
    background: #F3FCFE;
    color: #13C2C2;
}

.caseitem .item samp.more i {
    font-size: 0.5rem;
    margin-left: 6px;
}

.caseitem .item:hover {
    transform: translateY(-2%);
    transition: .3s;
}

.caseitem .item .card-title .card-text {
    text-align: left;
    margin-left: 16px;
}

.caseitem .item .card-title .card-text .cart-tag {
    margin-left: 0.5rem;
    background: #F3FCFE;
    color: #13C2C2;
    border: none;
    font-weight: 700;
}

/*新的开始*/
.videobox {
    width: 100%;
    padding: 3rem 0 5rem 0;
}

.videobox video {
    width: 100%;
}


/**/
.tabswitchlist {
    position: relative;
    height: 554px;
}

.solutionIndex {
    position: relative;
    padding-top: 70px;
}

.slideswitchBox {
    position: absolute;
    z-index: 10;
}

.solutionIndex::after {
    content: "";
    width: 100%;
    height: 66%;
    background: linear-gradient(360deg, #F6F7F8 0%, #E5E5E5 100%);
    position: absolute;
    top: 785px;
    left: 0;
    z-index: 0;
    opacity: 0.47;
    box-shadow: inset 0 6px 5px #d6d6d6;
}

.slideswitchBox {
    width: 100%;
    padding-top: 5px;
}

.slideswitchBox .hd {
    height: 80px;
    line-height: 80px;
    position: relative;
}

.slideswitchBox .hd ul {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
    display: flex;
    justify-content: center;
}

.slideswitchBox .hd ul li {
    text-align: center;
    cursor: pointer;
    font-size: 1.142rem;
    color: #595959;
    margin: 0 1%;
    padding: 0 4%;
}

.slideswitchBox .hd ul li img {
    margin-right: 1rem;
}

.slideswitchBox .hd ul li.on {
    color: #22ACAD;
    border-bottom: 3px solid #13C2C2;
}

.slideswitchBox .bd {
    padding-top: 59px !important;
    text-align: left;
    padding-bottom: 20px !important;
}

.slideswitchBox .bd ul {
    zoom: 1;
    display: block !important;
}

.slideswitchBox .bd .row {
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

.slideswitchBox .bd ul .listItem {
    padding: 0;
    box-shadow: 0px 6px 7px 0px rgba(225, 225, 225, 0.5);
    flex: 0 0 32.2%;
    max-width: 32.2%;
    background: #fff;
}

.slideswitchBox .bd ul .listItem:nth-child(2) {
    margin: 0 20px;
}

.slideswitchBox .bd ul .listItem .tabtitle {
    height: 82px;
    padding: 17px 0 0 23px;
}

.slideswitchBox .bd ul .listItem .tabtitle.one {
    background: url(../../../static/images/lianke.png);
    background-size: 387px 82px;
}

.slideswitchBox .bd ul .listItem .tabtitle.two {
    background: url(../../../static/images/liucheng.png);
    background-size: 387px 82px;
}

.slideswitchBox .bd ul .listItem .tabtitle.three {
    background: url(../../../static/images/ziyuan.png);
    background-size: 387px 82px;
}

.slideswitchBox .bd ul .listItem .tabtitle h2, .slideswitchBox .bd ul .listItem .tabtitle .h2 {
    font-size: 1.285rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.slideswitchBox .bd ul .listItem .tabtitle p {
    font-size: 1rem;
    font-weight: 600;
    color: #90d5d5;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    position: relative;
}

.slideswitchBox .bd ul .listItem .tabtitle p::after {
    content: "";
    width: 29px;
    height: 1px;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    bottom: -7px;
    left: 0;
}

.slideswitchBox .bd ul .listItem dl {
    margin-top: 9px;
}

.slideswitchBox .bd ul .listItem dl dd {
    padding: 20px 23px 21px 41px;
    position: relative;
    min-height: 110px;
    max-height: 110px;
}

.slideswitchBox .bd ul .listItem dl dd::after {
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 26px;
    left: 26px;
    z-index: 1;
}

.slideswitchBox .bd ul .listItem dl dd::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #22ACAD;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px;
}

.slideswitchBox .bd ul .listItem dl dd span {
    color: #595959;
    opacity: 0.8;
    font-size: 1.142rem;
    font-weight: 600;
    display: block;
    height: 22px;
}

.slideswitchBox .bd ul .listItem dl dd p {
    color: #979BA5;
    font-size: .857rem;
    line-height: 20px;
    margin-top: 9px;
}

.slideswitchBox .bd ul .listItem dl dd a.free-btn {
    width: 80px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    display: block;
    background: #fff;
    color: #22ACAD;
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    right: 12px;
    top: 14px;
    border-radius: 2px;
    display: none;
    box-shadow: 0px 4px 5px 0px rgba(231, 231, 231, 0.5);
    border-radius: 2px;
}

.slideswitchBox .bd ul .listItem dl dd a.free-btn:hover {
    cursor: pointer;
    background: #13c2c2;
    color: #fff;
}

.slideswitchBox .bd ul .listItem dl dd:hover {
    background: url(../../../static/images/lianke-bg.png);
    background-size: 387px 110px;
}

.slideswitchBox .bd ul .listItem dl dd:hover a, .slideswitchBox .bd ul .listItem dl dd.current a {
    display: block;
}

.slideswitchBox .bd ul .listItem dl dd:hover span {
    color: #4C4B4B;
    opacity: 1;
}

.slideswitchBox .bd ul .listItem dl dd:hover p {
    color: #707174;
}

.slideswitchBox .bd ul .listItem dl dd.current {
    background: url(../../../static/images/lianke-bg.png);
    background-size: 387px 110px;
}

.slideswitchBox .bd ul .listItem h4 {
    padding: 0px 23px 0px 23px;
    height: 41px;
    line-height: 36px;
    margin-bottom: 0;
}

.slideswitchBox .bd ul .listItem h4 a {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #F2F3F5;
}

.slideswitchBox .bd ul .listItem h4:hover {
    background: linear-gradient(270deg, #FFFFFF 0%, #F9F9F9 100%);
}

.slideswitchBox .bd ul .listItem h4 a:hover span, .slideswitchBox .bd ul .listItem h4 a:hover i {
    cursor: pointer;
    color: #13C2C2;
}

.slideswitchBox .bd ul .listItem h4 a span {
    font-size: 0.857rem;
    color: #979BA5;
}

.slideswitchBox .bd ul .listItem h4 a i {
    color: #D8DAE1;
    font-size: 1rem;
}

.picBtnTop .bd {
    width: 46%;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.picBtnTop .bd img {
    width: 100%;
    height: auto;
}

.picBtnTop .bd li {
    position: relative;
    zoom: 1;
}

.picBtnTop .bd li .pic {
    position: relative;
    z-index: 0;
    line-height: 0px;
}

.picBtnTop .bd li .bg {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 60%;
    z-index: 1;
    background: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.picBtnTop .bd li .title a {
    color: #fff;
    font-size: 0.65rem;
}

.picBtnTop .bd li .title h4 {
    width: 80%;
    display: inline-block;
    font-size: 0.65rem;
    color: #fff;
}


.contentthree .chooseReason {
    padding: 71px 0;
}

.contentthree .textdes.choose.row {
    justify-content: space-between;
    margin: 0 auto;
}

.contentthree .textdes.choose.row .choosebox {
    padding: 0;
    margin: 0;
    flex: 0 0 27.6%;
    max-width: 27.6%;
}

.contentthree .textdes.choose.row .choosebox.padding {
    margin: 0 20px;
}

.contentthree .textdes.choose .titlename {
    color: #111;
    margin-bottom: 70px;
}

.contentthree .textdes.choose .choosetext {
    max-width: 23.54rem;
}

.contentthree .textdes.choose .choosetext h5 {
    height: 5.93rem;
    color: #fff;
    padding: 1.64rem 0 0 1.43rem;
    text-align: left;
    position: relative;
    margin-bottom: 0;
}

.contentthree .textdes.choose .choosetext h5::after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 1.43rem;
    width: 2.13rem;
    height: 1px;
    background: #fff;
}

.contentthree .textdes.choose .choosetext .bg01 {
    background: url(../../../static/images/choose01@2x.png) no-repeat center;
    background-size: 330px
}

.contentthree .textdes.choose .choosetext .bg02 {
    background: url(../../../static/images/choose02@2x.png) no-repeat center;
    background-size: 330px;
}

.contentthree .textdes.choose .choosetext .bg03 {
    background: url(../../../static/images/choose03@2x.png) no-repeat center;
    background-size: 330px;
}

.contentthree .textdes.choose .choosetext ul {
    padding: 2.5rem 1.93rem 1rem 2.8rem;
}

.contentthree .textdes.choose .choosetext ul li {
    color: #70747D;
    font-size: 1rem;
    text-align: left;
    padding-bottom: 1.79rem;
    letter-spacing: -1px;
}

.contentthree .textdes.choose .choosetext ul li i {
    color: #14B3B3;
    margin-right: 1.29rem;
    font-size: 12px;
}

.contentthree .textdes .choosetext {
    background: #fff;
    border-radius: 0px 0px 4px 4px;
    text-align: center;
    box-shadow: 0px 2px 14px 0px rgba(209, 209, 209, 0.5);
    transition: all .1s;
    padding: 0;
}

.contentthree .textdes .choosetext:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}


.backStageCase {
    background: url(../../../static/images/bg_ds@2x.png);
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 107px;
    padding-top: 95px;
}

.backStageCase .TiTle .name {
    color: #fff;
}

.backStageCase .TiTle p {
    font-size: 1.285rem;
    font-weight: 400;
    color: #fff;
    margin-top: 13px;
}

.picBtnTopCase {
    position: relative;
    height: 344px;
    overflow: hidden;
    zoom: 1;
    margin-top: 81px;
}

.picBtnTopCase .producttitle {
    width: 157px;
    height: auto;
    position: absolute;
    left: 0px;
    z-index: 2;
    border-right: 4px solid rgba(151, 151, 151, .55);
}

.picBtnTopCase .producttitle ul {
}

.picBtnTopCase .producttitle ul li {
    width: 127px;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 1.142rem;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    margin-bottom: 21px;
}

.picBtnTopCase .producttitle ul li:last-child {
    margin-bottom: 0;
}

.picBtnTopCase .producttitle ul li.on {
    background: #13C2C2;
}


.picBtnTopCase .productContent {
    margin-left: 189px;
    position: relative;
}

.picBtnTopCase .productContent .tempWrap {
    height: 344px;
}

.picBtnTopCase .productContent li {
    zoom: 1;
    height: auto;
    display: flex;
    height: 344px !important;
}

.picBtnTopCase .productContent li .pic img {
    max-width: 477px;
    min-width: 477px;
    min-height: 344px;
    max-height: 344px;
    overflow: hidden;
}

.picBtnTopCase .productContent li .rightdescription {
    width: 507px;
    color: #fff;
    text-align: left;
    margin-left: 27px;
    position: relative;
    max-height: 344px;
}

.picBtnTopCase .productContent li .rightdescription hr {
    width: 100%;
    border-top: 1px dashed #979797;
    height: 1px;
    margin: 1.57rem 0;
    opacity: 0.49;
}

.picBtnTopCase .productContent li .rightdescription h2 img, .picBtnTopCase .productContent li .rightdescription .h2 img {
    max-width: 168px;
}

.picBtnTopCase .productContent li .rightdescription h4 {
    font-size: 1.142rem;
    font-weight: 400;
    line-height: 22px;
    margin-top: 24px;
}

.picBtnTopCase .productContent li .rightdescription h6 {
    min-height: 123px;
    max-height: 123px;
    line-height: 24px;
    font-size: .857rem;
    font-weight: 400;
}

.picBtnTopCase .productContent li .rightdescription a.more {
    width: 86px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    display: block;
    font-weight: 400;
    color: #13C2C2;
    font-size: 1rem;
    border: 1px solid #13C2C2;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.picBtnTopCase .productContent li .rightdescription a.more:hover {
    cursor: pointer;
}

.picBtnTopCase .productContent li .rightdescription h6 p {
    position: relative;
    padding-left: 12px;
}

.picBtnTopCase .productContent li .rightdescription h6 p:before {
    content: "· ";
    position: absolute;
    left: 0;
}

/*关于我们*/
.publicNav {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    background: #13C2C2;
}

.publicNav .item {
    width: 600px;
    text-align: center;
    color: #282828;
    position: relative;
}

.publicNav .item .iconfont {
    margin-right: 10px;
    font-size: 22px;
    vertical-align: middle;
}

.publicNav .item a {
    color: #fff;
}

.publicNav .item.on:after {
    content: '';
    display: block;
    width: 50%;
    height: 6px;
    background: #26ffff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.publicNav .item:hover {
    color: #00a78e;
}

.publicList .item {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.publicList .item .dis {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.publicList .item .pictrue {
    width: 249px;
    height: 140px;
    margin-right: 13px;
}

.publicList .item .pictrue img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.publicList .item .text {
    width: 520px;
    font-size: 14px;
    color: #666666;
}

.publicList .item .text .name {
    font-size: 20px;
    color: #282828;
}

.publicList .item .text .name:hover {
    color: #2a7efb;
}

.publicList .item .text .icons {
    margin: 13px 0 16px 0;
    font-size: 13px;
    color: #999999;
}

.publicList .item .text .icons .iconfont {
    vertical-align: middle;
    font-size: 14px;
    margin-right: 7px;
}

.publicList .item .text .icons .iconfont.iconliulan {
    font-size: 16px;
    margin-left: 14px;
}

.publicList .item .text .infor {
    line-height: 1.7;
    max-height: 47px;
    overflow: hidden;
    height: auto !important;
    height: 47px;
}


.bg-gray {
    background: #F6F8F9;
}

.bg-color {
    background: #f0f2f5;
}

.bg-fb {
    background: #fbfbfb;
}

.aboutpadding .infor {
    display: flex;
    justify-content: space-between;
    padding-bottom: 90px;
}

.aboutpadding .infor .text {
    font-size: 14px;
    color: #595959;
    font-weight: 400;
    line-height: 26px;
    width: 48%;
    padding-top: 34px;
}

.aboutpadding .infor .video {
    width: 48%;
}

.aboutpadding .title {
    padding-top: 133px;
}

.aboutpadding .titlename {
    font-weight: 600;
    color: #111;
}

.about-company {
    position: relative;
}

.about-company .position-about {
    z-index: 3;
    width: 100%;
}

.about-company .row {
    justify-content: space-between;
}

.about-company .about-one {
    display: flex;
    background: #fff;
    box-shadow: 0px 6px 13px 0px rgba(235, 235, 235, 0.5);
    padding: 32px 0 33px 47px;
    max-width: 32.333333%;
}

.about-company .about-one img {
    width: 45px;
    height: 45px;
    margin-right: 23px;
}

.about-company .about-one p {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
}

.about-company .about-one span {
    font-size: 14px;
    color: #999;
    font-weight: 400;
}


.leftmessage .logo-message {
    position: absolute;
    left: 7%;
    top: 3%;
}

.leftmessage.col-6 {
    -ms-flex: 0 0 41%;
    flex: 0 0 41%;
    max-width: 41%;
}

.leftmessage.col-6 img.bgpic {
    width: 100%;
}

.leftmessage.col-6 p {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    font-size: 9px;
}


/*下载中心*/
.download {
    padding: 6rem 0 6rem 0;
    text-align: center;
    background: #0cc7cc url(../../../static/images/experience-bg.png);
}

.downloadbox h4 {
    font-size: 2.571rem;
    color: #fff;
    padding-bottom: 77px;
    font-weight: 500;
    margin: 0;
}

.downloadbtn .row {
    justify-content: space-between;
}

.downloadbtn .row .item {
    background: #fff;
    border-radius: 11px;
    padding: 40px 69px 73px 69px;
    margin-right: 25px;
    max-width: 23.3%;
}

.downloadbtn .row .item:last-child {
    margin-right: 0;
}

.downloadbtn .row .item p {
    font-size: 1.285rem;
    color: #111;
    margin-top: 24px;
}

.downloadbtn .row .item:hover {
    background: #14B3B3;
}

.downloadbtn .row .item:hover p {
    color: #fff;
}

.downloadbtn .row .item span {
    width: 136px;
    height: 136px;
    display: block;
    margin: 0 auto
}

.downloadbtn .row .item span.img01 {
    background: url(../../../static/images/ios-icon01.png) no-repeat center;
    background-size: 80px 80px;
}

.downloadbtn .row .item:hover span.img01 {
    background: url(../../../static/images/ios.jpg);
}

.downloadbtn .row .item span.img02 {
    background: url(../../../static/images/anzhuo-icon02.png) no-repeat center;
    background-size: 80px 80px;
}

.downloadbtn .row .item:hover span.img02 {
    background: url(../../../static/images/anzhuo.jpg);
}

.downloadbtn .row .item span.img03 {
    background: url(../../../static/images/apply-icon03.png) no-repeat center;
    background-size: 80px 80px;
}

.downloadbtn .row .item span.img04 {
    background: url(../../../static/images/free-icon04.png) no-repeat center;
    background-size: 80px 80px;
}


/*产品*/
.secondmenu {
    width: 100%;
    height: 7.14rem;
    line-height: 7.14rem;
    background: #fff;
    box-shadow: 0rem 0.43rem 0.57rem 0rem rgba(228, 228, 228, 0.5);
}

.secondmenu ul {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: middle;
}

.secondmenu ul li {
    width: 33.3%;
    position: relative;
    margin: 0 20px;
}

.secondmenu ul li.on {
    border-bottom: 2px solid #13C2C2;
}

.secondmenu ul li.on:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #13C2C2;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translate(-50%, -0%);
}


.secondmenu ul li a {
    color: #666;
    font-size: 1.29rem;
    font-weight: 400;
}

.secondmenu ul li a:hover {
    color: #22ACAD;
}

.pc .secondmenu ul li a {
    font-weight: 400;
}

.secondmenu ul li.on a {
    color: #22ACAD;
    font-weight: 600;
}

.marketing .list > li {
    padding: 7.36rem 0 6.5rem 0;
}

.marketing .list li .wrapper_1200 {
    width: 1280px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.marketing .list li.bgColor {
    background-color: #fff;
}

.marketing .list li.grayColor {
    background-color: #fbfbfb;
}

.marketing .list li .text {
    width: 50%;
}

.marketing .list li .text .tableCell {
    vertical-align: middle;
    width: 100%;
    padding-right: 10%;
    text-align: left;
}

.marketing .list li:nth-child(2n) .text .tableCell {
    padding-left: 10%;
    padding-right: 0;
}

.marketing .list li .text .tableCell a {
    width: 10rem;
    height: 3.57rem;
    line-height: 3.57rem;
    display: block;
    background: #13C2C2;
    border-radius: 0.29rem;
    margin-top: 3.5rem;
    color: #fff;
    text-align: center;
    font-size: 1.29rem;
    font-weight: 600;
}

.marketing .list li .text .tableCell a:hover {
    cursor: pointer;
    background: #22acad;
}

.marketing .list li .text .num {
    width: 68px;
    height: 46px;
}

.marketing .list li .text .num img {
    width: 100%;
    height: 100%;
}

.marketing .list li .text .name {
    font-size: 2.57rem;
    color: #000;
    font-weight: bold;
}

.marketing .list li .text .subname {
    font-size: 1.71rem;
    color: #000;
    font-weight: bold;
    margin-top: 12px;
}

.marketing .list li .text .infor {
    color: #666;
    font-size: 1.14rem;
    margin-top: 1.57rem;
    line-height: 2.29rem;
}

.marketing .list li .text .description {
    display: flex;
    flex-wrap: wrap;
}

.marketing .list li .text .description div {
    margin: 1.25rem 5.4rem 0 0;
}

.marketing .list li .text .description img {
    width: 14px;
    height: 12px;
    margin-right: 0.7rem;
}

.marketing .list li .text .description span {
    font-size: 14px;
    color: #595959;
}

.marketing .list li .pictrue {
    display: table;
    position: relative;
}

.marketing .list li .pictrue .img {
    display: table-cell;
    vertical-align: middle;
    width: 42%;
}

.marketing .list li .pictrue.littleimg .img {
    width: 14vw;
}

.marketing .list li .pictrue .img img {
    width: 100%;
}

.pull-left {
    text-align: left;
}

.pull-right {
    text-align: right;
}

.pull-right .tableCell {
    float: right;
}


/*联系我们*/
.contactUs {
    background: #fff;
    padding-bottom: 73px;
}

.contactUs .contacttitle {
    padding-top: 59px;
}

/*.contactUs .contact .title{color:#282828;text-align:center;height:60px;line-height:60px;}*/
.slideContactBox {
    width: 100%;
}

.slideContactBox .hd {
    height: 57px;
    line-height: 55px;
    background: #fff;
    position: relative;
    border-radius: 6px;
    border: 1px solid #DCDCDC;
}

.slideContactBox .hd ul {
    width: 100%;
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    justify-content: space-between;
}

.slideContactBox .hd ul li {
    width: 33%;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #595959;
}

.slideContactBox .hd ul li.on {
    background: #13C2C2;
    color: #fff;
}

.slideContactBox .bd ul {
    padding: 11px 14px;
    border-radius: 6px;
    border: 1px solid #DCDCDC;
    margin-top: 24px;
    align-items: center;
}

.maplist {
    display: flex;
}

.map {
    width: 54%;
}

.rightadress {
    padding-left: 113px;
}

.rightadress h4 {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 40px;
}

.rightadress i {
    color: #13C2C2;
    font-size: 28px;
    margin-right: 13px;
}

.rightadress dd {
    color: #595959;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 33px;
}

.main-map {
    position: relative;
}

.main-map {
    position: relative;
}

.main-map .info {

}

div.info-top {
    position: relative;
    background: #13C2C2;
    border-radius: 2px;
}

div.info-top div {
    display: inline-block;
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 31px;
    padding: 0 10px;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

div.info-middle {
    display: none;
    font-size: 12px;
    padding: 6px;
    color: #333;
    padding-left: 20px;
    line-height: 20px;
    text-align: left;
}

div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}

.main-map span {
    margin-left: 5px;
    font-size: 11px;
}

.info-middle img {
    margin-bottom: 6px;
}

.amap-info > div {
    width: 100%;

}

/*企业微信首页*/


.wxhead-mid h1, .wxhead-mid h5 {
    font-weight: 600;
}

.wxhead-mid h5 {
    padding: 2.36rem 0 4.36rem 0;
    margin: 0
}

.marketing.wxlist ul li.bgColor {
    background-color: #f0f2f5;
}

.marketing.wxlist ul li.grayColor {
    background-color: #fbfbfb;
}

.marketing.wxlist .list li .text .name {
    font-size: 2.14rem;
    line-height: 4.5rem;
    font-weight: bold;
    color: #000;
}

.marketing.wxlist .list li .text .infor {
    font-size: 1rem;
    color: #595959;
    line-height: 2.29rem;
}


.wx-ecology-type {
    padding: 4.21rem 5.14rem 8.71rem 5.14rem;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
}

.wx-ecology-type div {
    text-align: center;
}

.wx-ecology-type a {
    display: inline-block;
    width: 200px;

}

.wx-ecology-type a img {
    width: 100%;
    height: 100%;
}

.wx-ecology-type div p {
    margin-top: 23px;
    font-size: 1rem;
}

.wx-nav .bg-white {
    background: #fff;
    display: inline-block;
    border-radius: 6px;
}

.wx-nav a:nth-child(2) {
    margin: 0 1.79rem;
}

.rightPop {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 999;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transform: scale(0.9);
}

.rightPop .right-fixed-btn-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    /* background: #13C2C2; */
    border-radius: 8px;
    /* padding: 5px 0 10px; */
}

.rightPop .right-fixed-btn:not(.service) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    transition: all 0.2s linear;
    position: relative;
}

.rightPop .right-fixed-btn-main {
    min-width: 94px;
    text-align: center;
    background: #13C2C2;
}

.rightPop .right-fixed-btn:first-child .right-fixed-btn-main {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rightPop .right-fixed-btn:last-child .right-fixed-btn-main {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.rightPop .right-fixed-btn:hover .hidden-box {
    display: flex;
    position: absolute;
    right: 106px;
    white-space: nowrap;
    background: #fff;
    color: #111;
    font-weight: bold;
    height: 100%;
    height: auto;
    min-height: 54px;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    box-shadow: 0px 2px 4px 0px #EAE3E3;
    border-radius: 5px;
}

.rightPop .right-fixed-btn:hover .hidden-box > img {
    height: 30px;
    margin-left: 16px;
}

.rightPop .right-fixed-btn span {
    font-weight: 600;
    font-size: 16px;
}

.rightPop .right-fixed-btn .right-fixed-btn-main img {
    width: 54px;
    margin-top: 4px;
}

.rightPop .right-fixed-btn:first-child > img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 8px;
}

.rightPop .right-fixed-btn .right-fixed-btn-text {
    margin: 0 auto;
    display: block;
    width: 70px;
    padding-bottom: 8px;
    border-bottom: 0.5px solid rgba(250, 250, 250, 0.59);
}

.rightPop .right-fixed-btn:last-child .right-fixed-btn-text {
    padding-bottom: 18px;
    border: 0;
}

.rightPop .right-fixed-btn:hover {
    width: 110px;
}

/* .rightPop .right-fixed-btn.call:hover{width: 110px;border-radius: 5px;}
.rightPop .right-fixed-btn.demo:hover{width: 140px;border-radius: 5px;} */
/* .rightPop .right-fixed-btn.service:hover{width: 140px;border-radius: 5px;} */
.rightPop .right-fixed-btn.service {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    position: relative;
    width: 98px;
    height: 98px;
    margin-bottom: 32px;
    border-radius: 50%;
    padding: 0;
    background: none;
    /* border: 2px solid #13C2C2; */
}

.rightPop .right-fixed-btn.service img {
    width: 98px;
    /* border-radius: 50%; */
    /* border: 2px solid #13C2C2; */
}

.rightPop .right-fixed-btn.service .service-text {
    font-size: 14px;
    font-weight: bold;
    width: 94px;
    height: 33px;
    line-height: 33px;
    background: #13C2C2;
    border-radius: 17px;
    text-align: center;
    position: absolute;
    bottom: -21px;
}

.rightPop .right-fixed-btn.download-app {
    text-align: center;
}

.rightPop .right-fixed-btn.download-app:hover .download-app-image {
    width: 85px;
    height: auto;
    margin-left: 0;
    margin-top: 11px;
}

.rightPop .right-fixed-btn.download-app span {
    font-size: 12px;
    margin-bottom: 14px;
}

.rightPop .right-fixed-btn.download-app:hover .hidden-box {
    flex-direction: column;
}

.rightPop .right-fixed-btn .hidden-box {
    display: none
}

.online dl.scroll-top {
    display: none;
    line-height: 26px;
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 3s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
}

.scroll-top img {
    width: 25px;
}

.online dl.scroll-top:hover {
    cursor: pointer;
}

.online dl.scroll-top i {
    font-size: 14px;
    color: #13C2C2;
}

.online {
    width: 5.71rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.14rem 1.86rem 0.14rem rgba(215, 215, 215, 0.5);
    position: initial;
}

.online dl {
    background: transparent;
    border-bottom: 1px solid #EDEDEC;
    padding: 0.86rem 5px;
}

.online dl:last-child {
    border-bottom: none;
}

.online dl:hover {
    background: #13C2C2;
}

.online dl dd i {
    color: #13C2C2;
    font-size: 26px;
}

.online dl dd i.icon-ai33 {
    font-size: 30px;
}

.online dl dd span {
    text-align: center;
    display: block;
}

/*.online dl dd:hover span{background:#f9f9f9;}*/
.online dl dd {
    position: relative;
    color: #13C2C2;
}

.online dl:hover dd i, .online dl:hover dd {
    color: #fff;
}

.online dl dt {
    background: #FFFFFF;
    border: none;
    box-shadow: 0px 2px 12px 0px #DCDCDC;
    right: 6.71rem;
    padding: 13px 12px 12px 16px;
    display: none;
}

.online dl:hover dt {
    display: block;
}

.online dl dt p {
    font-size: 1rem;
    color: #111;
    white-space: nowrap;
}

.online dl dt p.tel {
    color: #13C2C2;
    font-weight: 500;
    padding-top: 3px;
}

.online dl dt::after {
    content: "";
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -8px;
    top: 18%;
    transform: translate(0rem, -18%);
}

.online dl dt p a {
    color: #111;
    font-size: 1rem;
}

.online dl dt img {
    max-width: 101px;
}

.online dl dt b {
    font-weight: normal;
    text-align: center;
    display: block;
    color: #111;
    font-size: 1rem;
}

.scroll-top {
    text-align: center;
    background: #FFFFFF;
}

.scroll-top:hover {
    cursor: pointer;
}

.scroll-top i {
    color: #13C2C2;
    font-size: 1rem;
}

.scroll-top:hover i {
    color: #fff;
}



/* 落地页 */
.landing-btn {
    border: 1px solid #13c2c2;
    color: #FFFFFF;
    background: #13c2c2;
    padding: 0.7rem 3.3rem;
    border-radius: 4px;
}

.landing-btn:link {
    color: #FFFFFF;
}

.landing-btn:visited {
    color: #FFFFFF;
}

.landing-btn:hover {
    color: #FFFFFF;
}

.landing-btn:active {
    color: #FFFFFF;
}

.landing-header-btn {
    position: absolute;
    bottom: 25%;
    white-space: nowrap;
    z-index: 10;
}

.landing-btn-center {
    margin: 0 auto;
}

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

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

.container .title .name {
    font-weight: 600;
    color: #111;
    line-height: 50px;
    font-size: 38px;
}

.container .title .sub-title {
    font-weight: 500;
    color: #1D1D1F;
    margin-top: 23px;
    font-size: 18px;
}

.lh-2.certified li {
    display: flex;
    align-items: center;
}

.lh-2.certified li img {
    margin-right: 14px;
    width: 43px;
}

.lh-2.certified li span {
    line-height: 18px;
    font-weight: 500;
}

.cookie-warning {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background: #13C2C2;
    z-index: 9999;
}

.cookie-warning .warning-wrapper {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.cookie-warning .warning-wrapper a {
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
}

.swiper-pagination-active {
    background: #13C2C2;
}

#close-cookie {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.new-register-btn {
    border: 1px solid #13C2C2;
    background: #13C2C2;
    color: #fff;
    width: 154px;
    height: 48px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    line-height: 48px;
}

.new-register-btn:hover {
    background: #22ACAD;
    border: 1px solid #22ACAD;
    color: #fff;
}

.more.Consultation.new-register {
    border: 1px solid #13C2C2 !important;
    background: #13C2C2 !important;
    color: #fff !important;
    width: 154px !important;
    height: 48px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    display: inline-block !important;
    text-align: center !important;
    line-height: 48px !important;
}

.more.Consultation.new-register:hover {
    background: #22ACAD !important;
    border: 1px solid #22ACAD !important;
    color: #fff !important;
}

/* 新页面首页样式 */
.mianfeishiyong {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 16px 68px;
    margin-top: 70px;
    background: #1fb26a;
    border-radius: 4px;
}

.mianfeishiyong:hover {
    background-color: #22ACAD;
    color: #fff;
}

/* 新页面style 样式 */
.nav-bottom {
    display: flex;
    height: 175px;
    background-color: #f7fcfe;
}

.kf-nav-item {
    display: flex;
    align-items: center;
    padding: 47px 0 42px 0px;
    position: relative;
    padding-left: 41px;
    padding-right: 20px;
}

.kf-nav-item-1 .kf-nav-item-text {
    width: 176px;
}

.kf-nav-item-2 .kf-nav-item-text {
    width: 204px;
}

.kf-nav-item-3 .kf-nav-item-text {
    width: 179px;
}

.kf-nav-item-4 .kf-nav-item-text {
    width: 141px;
}

.kf-nav-item:first-child {
    padding-left: 0;
}

.kf-nav-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    width: 1px;
    height: 50%;
    background-color: #DFDFDF;
}

.kf-nav-item:last-child::after {
    display: none;
}

.kf-nav-item-icon {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 54px;
    margin: 11px;
}

.kf-nav-item-icon img {
    width: 100%;
}

.kf-nav-item-text .title-kf-nav {
    font-size: 20px;
    font-weight: 800;
    line-height: 33px;
    padding-bottom: 11px;
    color: #252629;
    text-align: left;
}

.kf-nav-item-text .desc {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: #71757E;
    text-align: left;
}

/* 新一代智能客户服务解决方案 */
.newzhineng-service {
    min-height: 884px;
    width: 100%;
    background-color: #f4fafd;
    overflow: hidden;
}

.zhineng .title-kf-zhineng {
    font-size: 38px;
    font-weight: bold;
    color: #1D1D1F;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}

.zhineng .content {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.zhineng .content-item {
    flex-basis: 412px;
    width: 412px;
    /* height: 534px; */
    border-radius: 22px;
    background-color: #fff;
    padding: 2px 3px 0px;
    position: relative;
}

.zhineng .header {
    width: 100%;
    height: 188px;
    border-radius: inherit;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-sizing: border-box;
    padding: 34px 32px 28px;
}


.zhineng .header-img {
    width: 128px;
    height: 40px;
    margin-bottom: 21px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.zhineng .header .header-content {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.zhineng .content-text {
    width: 345px;
    margin: 32px auto 0px;
}

.zhineng .content-text-item {
    margin-bottom: 24px;
}

.zhineng .content-text-item p {
    font-size: 18px;
    font-weight: bold;
    color: #252629;
    margin-bottom: 9px;
}

.zhineng .content-text-item span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}

.zhineng .content-item:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    scale: 1.01;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.mianfei-btn {
    opacity: 0;
    display: flex;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .8), #fff);
    position: absolute;
    left: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    height: 130px;
    width: 100%;
}

.mianfei-btn .mianfeishiyong {
    margin: 0;
}

.zhineng .content-item:hover .mianfei-btn {
    opacity: 1;
}

/* fuwuyun */
.fuwuyun .header {
    background: linear-gradient(to right bottom, #EBF0FF, #F9FBFF);
}

.fuwuyun .header-img {
    background-image: url('../../../static/images/index/index2/fuwuyun-def.png');
}

/* fuwuyun hover */
.zhineng .fuwuyun:hover .header-img {
    background-image: url('../../../static/images/index/index2/fuwuyun-act.png');
}

.zhineng .fuwuyun:hover .header-content {
    color: #fff;
}

.zhineng .fuwuyun:hover .header {
    background: linear-gradient(142deg, #0f62fe -2.41%, #518dff 92.01%);
}

/* kefuyun */
.kefuyun .header {
    background: linear-gradient(to right bottom, #FDECE1, #F9FBFF);
}

.kefuyun .header-img {
    background-image: url('../../../static/images/index/index2/kefuyun-def.png');
}

/* fuwuyun hover */
.kefuyun:hover .header-img {
    background-image: url('../../../static/images/index/index2/kefuyun-act.png');
}

.kefuyun:hover .header-content {
    color: #fff;
}

.kefuyun:hover .header {
    background: linear-gradient(145deg, #fe7200 -9.47%, #ffae6c 99.57%);
}

/* chuhai */
.chuhai .header {
    background: linear-gradient(to right bottom, #DEFCF9, #F9FBFF);
}

.chuhai .header-img {
    background-image: url('../../../static/images/index/index2/chuhai-def.png');
}

/* chuhai hover */
.chuhai:hover .header-img {
    background-image: url('../../../static/images/index/index2/chuhai-act.png');
}

.chuhai:hover .header-content {
    color: #fff;
}

.chuhai:hover .header {
    background: linear-gradient(120deg, #00c0ae 11.94%, #00d2be 81.92%);
}

/* 流程服务运营 */
.liucheng-yunyin {
    margin-top: 70px;
    margin-bottom: 70px;
}

.liu-title {
    font-size: 38px;
    font-weight: bold;
    line-height: 53px;
    text-align: center;
    color: #1D1D1F;
}

.liu-title2 {
    color: rgba(29, 29, 31, 0.6);
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.liu-content {
    display: flex;
    height: 444px;
    margin-top: 60px;
}

ul {
    list-style: none;
}

.liu-content-left-ul {
    display: flex;
    flex-direction: column;
    margin-right: 22px;
}

.liu-content-left-ul li {
    width: 238px;
    height: 60px;
    border-radius: 8px;
    padding: 21px 0 21px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.liu-content-left-ul li.active {
    background-color: #DDF7F3;
    color: #13c2c2;
}

.liu-content-left .li-icon {
    width: 18px;
    height: 18px;
    margin-right: 21px;
}

.liu-content-left-ul .li-icon-desc {
    font-size: 16px;
}

.li-icon img {
    width: 100%;
}

.liu-content-right {
    width: 100%;
    min-height: 444px;
    border-radius: 10px;
    background-color: #F4FAFD;
    position: relative;
}

.liu-content-right-item {
    width: 100%;
    display: none;
    padding: 64px 60px 0 40px;
    box-sizing: border-box;
    opacity: 0;
    /* transition: opacity 0.5s ease-in-out; */
    position: absolute;
    top: 0;
    left: 0;
}

.liu-content-right-item.active {
    display: flex;
    opacity: 1;
}

.liu-content-right-text {
    flex: 1;
    position: relative;
    animation: homeLeft .5s ease-out;
}

.liu-content-right-text .mianfeishiyong {
    position: absolute;
    bottom: 62px;
}

.liu-content-right-text > h1 {
    color: #000;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 26px;
}

.liu-content-right-text .desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000000;
    opacity: 62%;
}

.liu-content-right-img {
    flex: 1;
    animation: homeRight .5s ease-out;
}

.liu-content-right-img img {
    width: 100%;
}

@keyframes homeLeft {
    0% {
        opacity: 0;
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes homeRight {
    0% {
        opacity: 0;
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

/* ai服务 */
.ai-content {
    --left-height: 450px;
    --left-item-height: 66px;
    overflow: hidden;
}

.ai-content .title-kf-ai {
    margin-top: 70px;
    margin-bottom: 65px;
    color: #1D1D1F;
    font-size: 38px;
    line-height: 53px;
    font-weight: bold;
    text-align: center;
}

.ai-card {
    display: flex;
    gap: 16px;
    max-height: var(--left-height);
}

.ai-card-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 10px;
    padding: 4px;
    box-sizing: border-box;
    background-color: #fff;
}

.ai-card-right {
    flex: 1;
}

.ai-card-item {
    display: flex;
    flex-direction: column;
    padding-left: 35px;
    height: var(--left-item-height);
    justify-content: center;
    background-color: #f4fafd;
    cursor: pointer;
}

.ai-card-item-title {
    display: flex;
    align-items: center;
}

.ai-card-item-title-img {
    width: 23px;
    height: 24px;
    margin-right: 12px;
}

.ai-card-item-title-desc {
    color: #71757E;
    font-size: 20px;
    line-height: 33px;
    font-weight: bold;
}

.ai-card-item:hover {
    background-color: #e1edf3;
}

.ai-card-item:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ai-card-item-title-img img {
    width: 100%;
}

.ai-card-content {
    padding: 31px 72px 34px 0;
    display: none;
    position: relative;
    min-height: 310px;
    box-sizing: border-box;
}

.ai-card-content-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.ai-card-content-title-desc {
    color: #0F0F0F;
    font-size: 20px;
    line-height: 37px;
    font-weight: 500;
}

.ai-card-content-title-img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.ai-card-content-title-img img {
    width: 100%;
    height: 100%;
}

.ai-card-content-desc {
    font-size: 16px;
    line-height: 28px;
    color: #71757E;
    font-weight: 500;
    margin-bottom: 50px;
}

.ai-card-content-button {
    position: absolute;
    bottom: 34px;
}

.ai-card-right-img {
    width: 100%;
}

.ai-card-right-img img {
    width: 100%;
}

/* 服务企业5000+ */
.service-qiye {
    margin-top: 70px;
    overflow: hidden;
}

.title-service-kf {
    font-size: 38px;
    line-height: 53px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.service-swiper-banner {
    width: 100%;
    padding: 20px 0;
}

.service-banner-item-kf {
    cursor: pointer;
}

.service-swiper-banner > .swiper-wrapper {
    display: flex;
}

.service-swiper-banner .swiper-slide {
    min-height: 436px;
    border-radius: 16px;
    background-color: #feffff;
    position: relative;
}

.service-container-item-header {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 4px;
    box-sizing: border-box;
}

.service-container-item-header img {
    width: 100%;
}

.service-cotainer-item-content {
    padding: 0 16px;
}

.logo-father {
    height: 80px;
    display: flex;
    align-items: center;
}

.service-cotainer-item-content .logo {
    padding: 12px 0;
    display: flex;
    align-items: center;
}

.service-cotainer-item-content .logo img {
    width: 100%;
}

.service-cotainer-item-content .desc {
    color: #111111;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.info {
    color: #7E7E7E;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    /* position: absolute;
  bottom: 36px;
  left: 16px; */
    margin-top: 36px;
}

.arrow-container {
    display: flex;
    justify-content: center;
    margin-top: 56px;
    gap: 12px;
}

.arrow-left,
.arrow-right {
    width: 58px;
    height: 58px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.arrow-disabled svg {
    fill: #C3C5CA;
}

/* logo */
.logo-wall {
    width: 100%;
    min-height: 450px;
    padding-top: 48px;
    padding-bottom: 70px;
}

.logo-wall-tabs {
    display: flex;
    width: 100%;
    height: 50px;
    font-size: 20px;
    border-bottom: 1px solid #E7E7E7;
    line-height: 28px;
    font-weight: 400;
    justify-content: space-around;
    align-items: center;
}

.logo-wall-tabs .tab {
    color: #676B73;
    cursor: pointer;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.logo-wall-tabs .tab:hover {
    border-bottom: 2px solid #13c2c2;
}

.logo-wall-tabs .tab.active {
    color: #fff;
    border-bottom: 2px solid #13c2c2;
    background: #13c2c2;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.logo-wall-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 47px;
}

.logo-wall-content .logo-wall-item {
    display: flex;
    box-sizing: border-box;
    padding: 30px;
    width: calc(100% / 6);
    height: calc(350px / 3);
    align-items: center;
    justify-content: center;
    border-right: 1px dashed #D8D8D8;
    border-bottom: 1px dashed #D8D8D8;
    cursor: pointer;
}

.logo-wall-content .logo-wall-item.no-bottom-border {
    border-bottom: none;
}

.logo-wall-item img {
    width: 100%;
    /* scale: .6; */
}