.daohang{

    line-height: 5rem;

    background: #04080b;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 999;

    border-bottom: 1px solid #4f5355;

}

.daohang_fr a{

    color: #fff;

    font-size: .875rem;

    display: inline-block;

    border-radius: 3px;

    background-image: -moz-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -webkit-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -ms-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    width: 100px;

    line-height: 34px;

    text-align: center;

}

.daohang_fr span{

    color: #08a8ff;

    font-size: .875rem;

    display: inline-block;

    margin-right: 1.5625rem;

}

.daohang_ul>li{

    display: inline-block;

    position: relative;

    margin-left: 1rem;

}

.daohang_ul>li:nth-of-type(1){

    margin-left: 0;

}

.daohang_ul>li>a{

    color: #fff;

    font-size: .9375rem;

}

.daohang_ul>li.active>a{

    color: #0594fb;

}

.daohang_ul{

    margin-right: 1rem;

}

.banner_size{

    color: #fff;

}

.banner_size p:nth-of-type(1){

    font-weight: 200;

}

.banner_size p:nth-of-type(2),

.banner_size p:nth-of-type(1){

    font-size: 1.9375rem;

}

.banner_size p:nth-of-type(2){

    font-weight: bold;

    margin: .9375rem 0;

}

.banner_size p:nth-of-type(3){

    color: #a4a4a4;

    font-size: 1.0625rem;

    margin-bottom: 2.8125rem;

}

.more{

    color: #fff;

    font-size: .875rem;

    display: inline-block;

    border-radius: 3px;

    background-image: -moz-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -webkit-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -ms-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    width: 100px;

    line-height: 34px;

    text-align: center;

}

.banner_div{

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

}



.solve{

    padding: 4.6875rem 0;

}

.tit1{

    color: #000000;

    font-size: 2.125rem;

}

.tit2{

    color: #797979;

    font-size: .875rem;

    margin-top: 1.125rem;

}

.solve .tit2{

    margin-top: 0;

}

.solve_ul li{

    display: inline-block;

    vertical-align: top;

    width: 8.75rem;

    background-color: #fff;

    border: 1px solid #ddd;

    line-height: 2.5rem;

    font-size: 1.125rem;

    color: #333;

    text-align: center;

}

.product-panorama .solve_ul li.active {

    background-color: #0594fb;

    border-color: #0594fb;

}

.product-panorama .solve_ul li.active a {

    color: #fff;

}

.nav>li>a:focus, .nav>li>a:hover{

    background: #0594fb;

    color: #fff;

}

.solve_ul li a{

    color: #333;

    padding: 0;

}

.solve_ul{

    margin: 1.875rem 0 1.625rem 0;

}

.nav-tabs {

    width: 1070px;

    height: 54px;

    padding: 5px 6px;

    border-radius: 27px;

    background: #f2f4f7;

    position: relative;

    margin: 2.1875rem auto 3.125rem auto;

}

.nav-tabs li {

    display: block;

    float: left;

    width: 20%;

    height: 44px;

    position: relative;

    z-index: 2;

    margin: 0;

    text-align: center;

}





.nav-tabs li a {

    margin: 0;

    height: 44px;

    line-height: 42px;

    -moz-transition: all .2s;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}

.nav-tabs li a {

    display: block;

    padding: 0;

    border: 0;

    line-height: 40px;

    font-size: 1rem;

    color: #14182d;

    background: none;

    position: relative;

    /* margin: 0 49px; */

}

.nav-tabs>li>a:hover{

    background: none;

    border: none;

}

.nav-tabs>li.active>a:hover,

.nav-tabs li.active a {

    color: #fff;

    background: none;

    border: none;

}

.solve_div>div{

    display: none;

}

.solve_div>.active {

    display: block;

}

.nav-tabs .s-slip-btn {

    position: absolute;

    top: 5px;

    -moz-transition: all .2s;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

    /* width: 264px; */

    width: 20%;

    height: 44px;

    border-radius: 22px;

    border: 1px solid transparent;

    background-clip: padding-box,border-box;

    background-origin: padding-box,border-box;

    background-image: linear-gradient(90deg,#3790f7,#3f62fb),linear-gradient(90deg,#61c9ff,#61c9ff);

    background-color: #596efb;

    box-shadow: 0 4px 13px rgba(85,130,255,.49);

}

.solve_wid>div{

    width: 48%;

}

.solve_box>div{

    display: none;

}

.solve_box>.active {

    display: block;

}

.solve_wid .fl{

    padding: 1.5625rem;

    border: 1px solid #e8f3fd;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 25px 0px rgba(5, 148, 251, 0.15);

    border-radius: 5px;

}

.solve_size a:nth-of-type(1){

    color: #000000;

    font-size: 1rem;

    font-weight: bold;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.solve_size p{

    color: #6d6d6d;

    font-size: .875rem;

    line-height: 1.75rem;

    margin: .9375rem 0 2.8125rem 0;

}

.solve_size a:nth-of-type(2){

    color: #0594fb;

    font-size: .875rem;

    font-weight: bold;

}

.solve_size{

    margin-top: 2.5rem;

}



.product{

    background: #eef5ff;

    padding: 4.0625rem 0;

}

.product_div>div{

    width: 48%;

}

.product_div{

    margin-top: 2.8125rem;

}

.prolist_div .fl{

    width: 40%;

    /* height: 170px; */

}

.product_size p{

    margin: .625rem 0 .9375rem 0;

}

.product_size{

    width: 55%;

    margin-top: 1.5625rem;

}

.product_fins>ul{

    display: none;

}

.prolist_div:nth-of-type(1){

    margin-bottom: 2.1875rem;

}



.cycle_box{

    width: 585px;

    height: 585px;

    margin: 0 auto;

    /* margin-top: 55px; */

    padding-top: 66px;

}

.cycle_img{

    position: absolute;

    bottom: 70px;

    left: 10.5%;

    z-index: 5;

}



.cycle_box_img{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    z-index: 5;

}

.cycle_box_img2{

  animation: turn 20s linear infinite;

}

@keyframes turn {

  0% {

      -webkit-transform: rotate(0deg);

  }



  25% {

      -webkit-transform: rotate(90deg);

  }



  50% {

      -webkit-transform: rotate(180deg);

  }



  75% {

      -webkit-transform: rotate(270deg);

  }



  100% {

      -webkit-transform: rotate(360deg);

  }

}

.cycle_box_ul p{

  font-size : .9375rem;

  color : #848484;

  margin: .625rem 0;



}

.cycle_box_ul li{

  position: absolute;



}

.cycle_box_ul li:nth-of-type(1){

    left: 20%;

    /* transform: translateX(-50%); */

    top: 5%;

}

.cycle_box_ul li:nth-of-type(2){

    right: 15%;

    top: 4%;

}

.cycle_box_ul li:nth-of-type(3){

    right: 2%;

    bottom: 33%;

}

.cycle_box_ul li:nth-of-type(4){

    right: 16%;

    bottom: 4%;

}

.cycle_box_ul li:nth-of-type(5){

    left: 15%;

    bottom: 4%;

}

.cycle_box_ul li:nth-of-type(6){

    left: 0%;

    top: 40%;

}

.section-plan{

    padding: 4.0625rem 0;

    overflow: hidden;

    position: relative;

    background: url(../img/4.jpg) center/cover no-repeat;

    background-attachment: fixed;

}

.case .tit1,

.case .tit2{

    color: #fff;

}





.section-plan {

    position: relative;

    z-index: 0;

    box-sizing: border-box

}



.section-plan-all {

    position: relative;

    width: 100%;

}



.section-plan .dabit h2,

.boConD .dabit h2 {

    color: #fff

}



.section-plan .dabit p {

    color: rgba(255, 255, 255, .5)

}



.section-wrapper {

    width: 100%;

    margin: 41px auto 0

}



.plan-content {

    position: relative;

    height: 420px;

    margin-top: 1.875rem;

}



.plan-content:before,

.plan-content:after {

    content: " ";

    display: table

}



.plan-container {

    float: left;

    height: 100%;

    width: 87.08%;

    overflow: hidden

}



.plan-wrapper {

    position: relative;

    left: 0;

    height: 100%;

    font-size: 0;

    white-space: nowrap

}



.plan-slide {

    display: inline-block;

    position: relative;

    height: 100%;

    width: 14.83%;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    font-size: 1rem;

    overflow: hidden;

    vertical-align: top;

    white-space: normal;

    transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s

}



.plan-slide.open {

    width: 55.51%

}



.plan-card-bg {

    position: relative;

    width: 100%;

    height: 100%;

    transition: .2s

}



.plan-card-bg img {

    display: block;

    position: absolute;

    top: -10000px;

    right: -10000px;

    bottom: -10000px;

    left: -10000px;

    height: 100%;

    margin: auto;

    max-width: none;

}



.plan-slide.open .plan-card-bg img {

    height: 101%;

    width: 100%;

}



.plan-card-bg:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: #060606;

    opacity: .7;

    transition: .2s

}



.plan-wrapper .plan-slide:nth-child(4) .plan-card-bg:after {

    opacity: .5

}



.plan-wrapper .plan-slide:last-child .plan-card-bg:after {

    opacity: .6

}



.plan-slide:not(.open):hover .plan-card-bg:after {

    opacity: .2

}



.plan-slide.open .plan-card-collapse {

    opacity: 0

}



.plan-card-collapse {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    cursor: pointer;

    transition: .5s

}



.plan-card-collapse-inner {

    position: absolute;

    top: 50%;

    width: 100%;

    margin-top: -63px;

    font-size: 0;

    text-align: center;

    letter-spacing: 1px

}



.plan-card-collapse-inner.gengdg {

    height: 100% !important;

    margin: 0;

    top: 0

}



.plan-card-collapse-inner.gengdg .dian {

    position: absolute;

    top: 117px;

    left: 50%;

    margin-left: -24px;

    width: 48px;

    height: 8px

}



.plan-card-collapse-inner.gengdg .dian span {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    border: 2px solid #fff;

    margin: 0 4px;

    float: left;

    display: block

}



.plan-card-collapse-inner.gengdg .dian {

    position: absolute;

    top: 117px;

    left: 50%;

    margin-left: -24px;

    width: 48px;

    height: 8px

}



.plan-card-collapse-inner.gengdg .wena {

    position: absolute;

    top: 137px;

    left: 0;

    width: 100%;

    height: 34px;

    text-align: center;

    line-height: 34px;

    font-size: 20px;

    color: #fff;

    letter-spacing: 1px

}





.plan-card-collapse-inner i {

    width: 20px;

    height: 2px;

    display: block;

    background: #0594fb;

    margin: 13px auto 19px

}



.plan-card-collapse-inner .h2 {

    font-size: 1rem;

    color: #fff;

    line-height: 30px

}



.plan-slide.open .plan-card-open {

    opacity: 1;

    visibility: visible

}



.plan-card-open {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    cursor: pointer;

    opacity: 0;

    visibility: hidden

}



.plan-card-open-inner {

    position: absolute;

    top: 50%;

    left: 13%;

    right: 13%;

    width: 74%;

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

    margin: auto;

    color: #fff;

    text-align: center;

    letter-spacing: 1px

}



.plan-card-open-inner .h1 {

    position: relative;

    margin-bottom: 50px;

    font-size: 1rem;

    color: #fff;

    line-height: 38px

}

.plan-card-open-inner .h1 a{

    color: #fff;

}

.plan-card-open-inner  div{

    font-size: 1.75rem;

    margin-bottom: .9375rem;

}

.plan-card-open-inner  div a{

    color: #fff;

}

.plan-card-open-inner .h1:after {

    content: "";

    display: block;

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    width: 74px;

    height: 2px;

    margin: 13px auto 0;

    background-color: #0594fb

}



.plan-card-open-inner .h4 a {

    color: #fff

}



.plan-card-open-inner p {

    margin-bottom: 49px;

    font-size: 14px;

    color: #fff;

    font-weight: 300;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.plan-recommend {

    display: inline-block;

    font-size: 14px;

    line-height: 24px

}



.plan-recommend h2 {

    color: rgba(255, 255, 255, .7);

    font-size: 14px;

    line-height: 24px

}



.plan-recommend ul {

    margin-top: 8px;

    height: auto;

    overflow: hidden;

    text-align: center

}



.plan-recommend ul>li {

    display: inline-block

}



.plan-recommend ul>li a {

    transition: .2s;

    color: #fff;

    font-size: 14px;

    line-height: 24px

}



.plan-recommend ul>li a:hover {

    text-decoration: underline

}



.plan-recommend ul>li+li:before {

    content: "\2002|\2002";

    opacity: .5

}



.plan-ctrl {

    float: left;

    position: relative;

    width: 12.92%;

    height: 100%;

    overflow: hidden;

    color: #fff;

    cursor: pointer

}



.plan-ctrl-bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: url(../img/planBxbj.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    transition: .2s

}



.plan-ctrl-bg:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #060606;

    opacity: .9;

    transition: .2s

}



.plan-ctrl .plan-ctrl-arrow {

    -webkit-transform: rotateY(0) scale(.88);

    -moz-transform: rotateY(0) scale(.88);

    -ms-transform: rotateY(0) scale(.88);

    -o-transform: rotateY(0) scale(.88);

    transform: rotateY(0) scale(.88)

}



.plan-ctrl.active .plan-ctrl-arrow {

    -webkit-transform: rotateY(180deg) scale(.88);

    -moz-transform: rotateY(180deg) scale(.88);

    -ms-transform: rotateY(180deg) scale(.88);

    -o-transform: rotateY(180deg) scale(.88);

    transform: rotateY(180deg) scale(.88)

}



.plan-ctrl-arrow {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 20px;

    height: 28px;

    margin-left: -10px;

    margin-top: -14px;

    -moz-transition: all .2s;

    -ms-transform: all .2s;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s

}



.plan-ctrl-arrow span {

    display: block;

    width: 28px;

    height: 28px;

    margin-left: -12px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg)

}



.plan-ctrl-arrow span:before {

    content: "";

    display: block;

    width: 100%;

    border-top: solid 4px;

    border-radius: 2px

}



.plan-ctrl-arrow span:after {

    content: "";

    display: block;

    width: 4px;

    height: 100%;

    border-right: solid 4px;

    border-radius: 2px;

    margin-top: -4px

}



.section-plan .moreGh {

    display: inline-block;

    text-align: center;

    letter-spacing: 1px;

    font-size: 14px;

    color: #fff;

    line-height: 24px;

    margin: 36px auto 0;

   border-bottom: 1px solid #fff;

}



.section-plan .moreGh:hover {

    color: #0594fb;

    border-bottom: 1px solid #0594fb;

}

.about_size{

    width: 55%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    background: #fff;

    color: #6d6d6d;

    font-size: .875rem;

    line-height: 1.75rem;

    padding: 3.125rem;

    box-shadow: 0px 0px 25px 0px rgba(5, 148, 251, 0.15);

    border-radius: 5px;

}

.about_size p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

.about_size div{

    margin-top: 2.8125rem;

}

.about{

    background: #eef5ff;

    padding: 4.375rem 0;

}

.about_div{

    margin-top: 2.8125rem;

}

.about_box{

    

    overflow: hidden;

}

.hig{

    height: 220px;

    position: relative;

}

.about_box::after{

    content: '';

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../img/fuwubj1.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.boConD {

    height: 220px;

    overflow: hidden;

    position: relative;

}

.yuan1 {

    width: 222px;

    height: 222px;

}

.yuang {

    width: 438px;

    height: 438px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -219px 0 0 -219px;

    z-index: 1

}



.yuan {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 55

}



.yuan:before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-repeat: no-repeat;

    z-index: 55;

}



.yuan1 {

    width: 222px;

    height: 222px

}



.yuan1:before {

    background-image: url(../img/yuanhuan1.png);

    -webkit-animation: circleRoate 1.5s infinite linear;

    -moz-animation: circleRoate 1.5s infinite linear;

    -ms-animation: circleRoate 1.5s infinite linear;

    -o-animation: circleRoate 1.5s infinite linear;

    animation: circleRoate 1.5s infinite linear

}



.yuan2 {

    width: 438px;

    height: 438px

}



.yuan2:before {

    background-image: url(../img/yuanhuan2.png);

    -webkit-animation: circleRoate 3s infinite linear;

    -moz-animation: circleRoate 3s infinite linear;

    -ms-animation: circleRoate 3s infinite linear;

    -o-animation: circleRoate 3s infinite linear;

    animation: circleRoate 3s infinite linear

}



.yuan3 {

    width: 674px;

    height: 674px

}



.yuan3:before {

    background-image: url(../img/yuanhuan3.png);

    -webkit-animation: circleRoate1 5s infinite linear;

    -moz-animation: circleRoate1 5s infinite linear;

    -ms-animation: circleRoate1 5s infinite linear;

    -o-animation: circleRoate1 5s infinite linear;

    animation: circleRoate1 5s infinite linear

}



.yuan4 {

    width: 975px;

    height: 975px

}



.yuan4:before {

    background-image: url(../img/yuanhuan4.png);

    -webkit-animation: circleRoate 7.5s infinite linear;

    -moz-animation: circleRoate 7.5s infinite linear;

    -ms-animation: circleRoate 7.5s infinite linear;

    -o-animation: circleRoate 7.5s infinite linear;

    animation: circleRoate 7.5s infinite linear

}



@-webkit-keyframes circleRoate {

    from {

        -webkit-transform: rotate(0)

    }



    to {

        -webkit-transform: rotate(-360deg)

    }

}



@-moz-keyframes circleRoate {

    from {

        -moz-transform: rotate(0)

    }



    to {

        -moz-transform: rotate(-360deg)

    }

}



@-ms-keyframes circleRoate {

    from {

        -ms-transform: rotate(0)

    }



    to {

        -ms-transform: rotate(-360deg)

    }

}



@-o-keyframes circleRoate {

    from {

        -o-transform: rotate(0)

    }



    to {

        -o-transform: rotate(-360deg)

    }

}



@keyframes circleRoate {

    from {

        transform: rotate(0)

    }



    to {

        transform: rotate(-360deg)

    }

}



@-webkit-keyframes circleRoate1 {

    from {

        -webkit-transform: rotate(0)

    }



    to {

        -webkit-transform: rotate(360deg)

    }

}



@-moz-keyframes circleRoate1 {

    from {

        -moz-transform: rotate(0)

    }



    to {

        -moz-transform: rotate(360deg)

    }

}



@-ms-keyframes circleRoate1 {

    from {

        -ms-transform: rotate(0)

    }



    to {

        -ms-transform: rotate(360deg)

    }

}



@-o-keyframes circleRoate1 {

    from {

        -o-transform: rotate(0)

    }



    to {

        -o-transform: rotate(360deg)

    }

}



@keyframes circleRoate1 {

    from {

        transform: rotate(0)

    }



    to {

        transform: rotate(360deg)

    }

}



.about_box_ul li{

    /* width: 33.3%; */

    float: left;

    /* margin-left: 26%; */

}

.about_box_ul li:nth-of-type(1){

    margin-left: 0;

}

.about_box_ul li:nth-of-type(2){

    margin-left: 26%;

}

.about_box_ul li:nth-of-type(3){

    float: right;

}

.about_box_size{

    color: #fff;

    margin-left: 1.75rem;

}

.about_box_ul{

    /* padding-top: 2.8125rem; */

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 100%;

    z-index: 55;

}

.about_box_size p:nth-of-type(1){

    font-size: 3.5rem;

    font-weight: bold;

    line-height: 4.375rem;

}

.about_box_size p:nth-of-type(2){

    font-size: .9375rem;

}



.news{

    padding: 4.0625rem 0;

    background: #eef5ff;

}

.news_div{

    margin-top: 2.8125rem;

}

.news_box>a{

    border-radius: 5px;

}

.news_box>a img{

    border-radius: 5px;

}

.news_find div a,

.news_box_size div a{

    color: #000000;

    font-size: 1rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

    height: 22px;

}

.news_box_size div,

.newslist .news_find div{

    height: 22px;

    overflow: hidden;

}

.news_box_size p:nth-of-type(1){

    margin-top: .625rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.news_box_size p:nth-of-type(2){

    margin-bottom: .625rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.news_find p,

.news_box_size p{

    color: #6d6d6d;

    font-size: .875rem;

   



}

.news_find p:nth-of-type(2),

.news_box_size p:nth-of-type(2){

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

    line-height: 1.75rem;

}

.news_ul li{

    width: 33.3%;

    float: left;

    border-left: 1px solid #c3d9f9;

}

.news_ul li:nth-of-type(1){

    padding-right: 1.25rem;

    border-left: none;

}

.news_ul li:nth-last-child(1){

    padding-right: 0;

}

.news_box_size>a{

    padding-top: .625rem;

    border-top: 1px solid #c3d9f9;

    position: relative;

    display: block;

    color: #0594fb;

    font-size: .9375rem;

}

.news_box_size>a::after{

    position: absolute;

    left: 0;

    top: -1px;

    height: 1px;

    width: 15%;

    content: "";

    background: #0594fb;

}

.news_box_size{

    margin-top: .9375rem;

}

.news_find p:nth-of-type(1){

    margin: .9375rem 0 1rem 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 2.5rem;

}

.news_find{

    padding: 1.5625rem 1.25rem 1.875rem 1.25rem;

}

.news_ul li:nth-of-type(2)>div:nth-of-type(1),

.news_ul li:nth-of-type(3)>div:nth-of-type(1){

    border-bottom: 1px solid #c3d9f9;

}

.mess{

    background: url(../img/7.jpg) no-repeat;

    background-size: cover;

    padding: 4.6875rem 0;

}

.mess_div div:nth-of-type(1){

    color: #fff;

    font-size: 1.75rem;

    line-height: 50px;

    margin-left: 0;

}

.mess_div input{

    width: 245px;

    background: #fff;

    border-radius: 5px;

    line-height: 50px;

    border: none;

    padding: 0 .5rem;

}

.mess_div div{

    display: inline-block;

    margin-left: 19px;

}

.mess_div button{

    background: #0594fb;

    width: 7.1875rem;

    line-height: 47px;

    color: #fff;

    font-size: .9375rem;

    border-radius: 5px;

    border: none;

}

.foot_div ul{

    float: left;

    margin-left: 70px;

}

.foot_div ul:nth-of-type(1){

    margin-left: 0;

}

.foot_div ul li:nth-of-type(1){

    color: #ffffff;

    font-size: .9375rem;

    margin-bottom: .9375rem;

}

.foot_div{

    color: #979797;

    font-size: .875rem;

    line-height: 1.75rem;

}

.foot_div li a{

    color: #979797;

}

.foot_div .fr p{

    text-align: center;

    margin-top: .9375rem;

}

.foot{

    background: #000000;

}

.foot_div{

    padding: 2.8125rem 0 3.75rem 0;

}

.foot_fing{

    color: #979797;

    font-size: .875rem;

    padding: .9375rem 0;

    border-top: 1px solid #414141;

    text-align: center;

}



/* 关于我们 */

.picture_div{

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 10%;

}

.picture_size p{

    color: #fff;

    font-size: 1.875rem;

    font-weight: bold;

}

.level{

    border-bottom: 1px solid #ececec;

    padding: 10px 0;

    text-align: center;

}

.level_ul li{

    display: inline-block;

    margin: 0 5px;

    

    line-height: 55px;

    text-align: center;

    

}

.level_ul li a {

    display: block;

    font-size: 1rem;

    color: #666;

    background: #f8f8f8;

    padding: 0 2rem;

}

.level_ul li.active a{

    color: #fff;

    background-image: -moz-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -webkit-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -ms-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

}

.company{

    padding: 6.25rem 0;

}

/* .company_wid>.fl{

    width: 50%;

} */

/* .company_size{

    width: 45%;

} */

.title1 div{

    font-size: 2.5rem;

    color: #333;

    font-weight: bold;

}

.title1 p{

    opacity: 0.4;

    font-size: 1rem;

    color: #333;

}

.title1 p b {

    display: inline-block;

    width: 60px;

    height: 1px;

    background: #08a8ff;

    opacity: 1;

    position: relative;

    top: -5px;

}

.company_size{

    font-size: .9375rem;

    line-height: 1.75rem;

}

.company_size .fl{

    margin-right: 1.85rem;

}

.company_wid{

    position: relative;

}

/* .company_wid::before{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 555px;

    width: 50%;

    background: url(../img/10.jpg) no-repeat;

    background-size: cover;

    content: '';

} */

/* .company .about_box_ul{

    position: static;

    transform: translateY(0%);

    width: 100%;

    margin-top: 2.8125rem;

}



.company_ul .about_box_size{

    color: #333;

}

.company_ul .about_box_size p:nth-of-type(1){

    color: #08a8ff;

} */ 

.shu-ul li {

    position: relative;

  }

  .shu-ul li {

    width: 20%;

    border-right: 1px solid rgba(255, 255, 255, 0.23);

    float: left;

    text-align: center;

    padding: 50px 0;

}



 .shu-ul li::after {

    position: absolute;

    content: '';

    height: 40px;

    background-color: #000000;

    opacity: .3;

    width: 1px;

    top: 50%;

    -ms-transform: translateY(-50%);

    /* IE 9 */

    -moz-transform: translateY(-50%);

    /* Firefox */

    -webkit-transform: translateY(-50%);

    /* Safari 和 Chrome */

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 0;

  }

 .shu-ul li:last-child::after {

    opacity: 0;

  }

  .shu-ul li:first-child {

    border-left: 1px solid rgba(255, 255, 255, 0.23);

  }

  .shu-ul li .div1 {

    font-size: 3.5625rem;

    color: #000;

    font-weight: bold;

    line-height: 1;

  }

  .shu-ul li .div1 sub {

    font-size: 1rem;

  }

  .shu-ul li .div2 {

    font-size: 1rem;

    color: #000;

    line-height: 40px;

  }

.company{

    background: #fff;

}

.vision{

    padding: 6.25rem 0;

    background: #f8f8f8;

}

.vision_ul li>div{

    width: 50%;

}

.vision_ul li:nth-of-type(odd)>div:nth-of-type(1){

    float: left;

}

.vision_ul li:nth-of-type(odd)>div:nth-of-type(2){

    right: 0;

}

.vision_ul li:nth-of-type(even)>div:nth-of-type(1){

    float: right;

}

.vision_ul li:nth-of-type(even)>div:nth-of-type(2){

    left: 0;

}

.vision_ul{

    margin-top: 3.4375rem;

}

.vision_size .tit{

    color: #333;

    font-weight: bold;

    font-size: 1.5rem;

    position: relative;

   padding-bottom: 1.875rem;

    margin-bottom: 1.25rem;

}

.vision_size .tit::after{

    content: '';

    display: block;

    width: 18px;

    height: 3px;

    background: #08a8ff;

    position: absolute;

    left: 0;

    bottom: 0px;

}

.vision_size .tit span{

    color: #cccccc;

    font-family: Arial;

    margin-left: 10px;

}

.vision_size p{

    color: #666666;

    font-size: 1.125rem;

    line-height: 30px;

}

.vision_size{

    padding: 0 3.4375rem;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.vision_ul li{

    position: relative;

}

.honor{

    padding: 6.25rem 0;

}

.honor_div{

    margin-top: 40px;

    background: url(../img/honorbg.png) no-repeat top center;

    padding-top: 100px;

}

.honor_lb .swiper-container{

    padding-bottom: 2.8125rem;

}

.honor_lb .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    background: #cccccc;

    opacity: 1;

}

.honor_lb .swiper-pagination-bullet-active{

    background: #08a8ff;

}

/* .Timeline003071 {

    overflow: hidden;

    width: 72%;

    margin: 0 auto;

} */

.Timeline003071 .left {

    width: 38%;

}

.Timeline003071 .right {

    width: 50%;

}

.Timeline003071 .tab {

    margin-bottom: 0;

}

.Timeline003071 .tab dd {

    background: rgb(234,234,234,0.72);

    margin-bottom: 1px;

    text-align: center;

    line-height: 2em;

    font-family: 'ArialMT';

    font-size: 28px;

    cursor: pointer;

}

.Timeline003071 .tab dd.on {

    color: #fff;

    background: #0594fb;

    font-weight: bold;

}

.Timeline003071 .tab dd.on:before, .Timeline003071 .tab dd.on:after {

    display: inline-block;

    content: '';

    width: 34px;

    vertical-align: middle;

    height: 1px;

    background: #ffffff;

    margin: 0 20px;

}

.Timeline003071 .tab-list {

    border-left: 2px solid #e4e4e4;

    padding-left: 5vw;

}

.Timeline003071 .tab-inner:not(:last-child) {

    margin-bottom: 20px;

}

.Timeline003071 .tab-inner {

    position: relative;

    background: #0594fb;

    background-size: 100% auto;

    padding: 1vw;

    color: #fff;

}

.Timeline003071 .tab-inner:before {

    right: 100%;

    width: 10px;

    height: 0px;

    border: 10px solid transparent;

    border-right-color: #0594fb;

}

.Timeline003071 .tab-inner:before, .Timeline003071 .tab-inner:after {

    position: absolute;

    content: '';

    top: 3vw;

}

.Timeline003071 .tab-inner time {

    font-family: Arial;

    font-weight: bold;

    display: block;

    font-size: 30px;

    margin-bottom: 10px;

    line-height: 1em;

}

.Timeline003071 .tab-inner time:after {

    width: 66px;

    height: 2px;

    content: '';

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px;

    background: #fff;

}

.Timeline003071 .tab-inner ul {

    position: relative;

    z-index: 4;

    overflow-y: auto;

    height: 88px;

    overflow-x: hidden;

}

.Timeline003071 .tab-inner .MsoNormal {

    font-size: 15px;

    line-height: 30px;

}

.Timeline003071 .tab-inner:after {

    margin-left: -5vw;

    width: 18px;

    height: 18px;

    background-color: #fff;

    border: solid 4px #0594fb;

    border-radius: 50%;

    left: -10px;

}

.course{

    padding: 6.25rem 0;

}

.Timeline003071{

    margin-top: 3.4375rem;

}

/* 联系我们 */

.contactus_wid{

    padding: 40px;

    background: #f8f8f8;

}

.contactus_fl{



}

.contactus{

    padding: 6.25rem 0;

}

.contactus_fl div:nth-of-type(2){

    line-height: 30px;

    font-size: .875rem;

    color: #666;

    margin-top: 2.1875rem;

}

.contactus_inp input{

    width: 100%;

    line-height: 60px;

    border: 1px solid #e5e5e5;

    background: #fff;

    padding: 0 .9375rem;

}

.contactus_text textarea{

    width: 100%;

    height: 195px;

    border: 1px solid #e5e5e5;

    background: #fff;

    padding: .9375rem;

}

.contactus_inp textarea::-webkit-input-placeholder,

.contactus_inp input::-webkit-input-placeholder{

    color: #a4a4a4;

}

.contactus_fr{

    width: 70%;

}

.contactus_inp{

    margin-bottom: 1.875rem;

}

.contactus_butt button{

    line-height: 60px;

    width: 100%;

    background: #0594fb;

    color: #fff;

    font-size: 1rem;

    margin-top: 1.875rem;

    border: 1px solid #0594fb;

}

.ditu{

    padding-bottom: 6.25rem;

}

/* .prolist_ul>li{

    height: 40px;

    

} */

.prolist_ul2>li.active a,

.prolist_ul>li.active>a{

    color: #0594fb;

}

/* 产品列表 */

.prolist_ul>li>a{

    border-top: 1px solid #e6eff7;

}

.prolist_ul li a{

    display: block;

    height: 40px;

    line-height: 40px;

    padding-left: 18px;

    font-size: .875rem;

    color: #333;

    cursor: pointer;

    letter-spacing: 1px;

    font-weight: 600;

    position: relative;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.prolist_tit{

    line-height: 36px;

    font-size: 1.5rem;

    color: #333;

    padding: 42px 18px;

    font-weight: bold;

}

.left{

    width: 25%;

    background: #f7fbfe;



}

.prolist_ul2{

    border-top: 1px solid #e6eff7;

}

.prolist_ul2{

    display: none;

}

/* .prolist_ul>li.active .prolist_ul2{

    display: block;

} */

.prolist{

    padding: 6.25rem 0;

}

.prolist_ul i {

    position: absolute;

    right: 13px;

    top: 6px;

    display: block;

    width: 28px;

    height: 28px;

    background: url(../img/planXiala1.png) no-repeat;

    background-position: right center;

}

.prolist_ul>li.active i{

    background-position: left center;

}

.right{

    width: 70%;

}

.prolist .prolist_div{

    border: 1px solid #c3d9f9;

    padding: .625rem;

}

.solve_size p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.prolist .solve_size p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.prolist .prolist_div .fl{

    height: 170px;

}

/* 产品详情 */

.proxq_lb .gallery-top{

    width: 78%;

    float: left;

  }

  .proxq_lb .gallery-thumbs{

    width: 20%;

    float: right;

    height: 270px;

    margin-top: 30px;

  }

  .proxq_lb .gallery-thumbs .swiper-slide{

    overflow: hidden;

    

  }

  .proxq_lb .swiper-slide{

    border: 1px solid #dadada;

  }

  .proxq_lb .swiper-button-next,

  .proxq_lb .swiper-button-prev{

    background: none;

    height: 25px;

    line-height: 25px;

    width: 103px;

    opacity: 1;

  }

  .proxq_lb .swiper-button-next .iconfont,

  .proxq_lb .swiper-button-prev .iconfont{

    font-size: 1.375rem;

    font-weight: bold;

    opacity: 1;

  }

  .proxq_lb .swiper-button-next span,

  .proxq_lb .swiper-button-prev span{

    width: 100%;

    background: #f5f5f5;

    display: inline-block;

    color: #000;

    text-align: center;

  }

  .proxq_lb .swiper-button-prev{

    top: 22px;

    right: 0;

    left: auto;

  }

  .proxq_lb .swiper-button-next{

    top: auto;

    bottom: 0;

    right: 0;

    left: auto;

  }

  .proxq_lb .swiper-slide-thumb-active{

    border: 1px solid #0594fb;

  }

  .proxq{

    padding: 48px 0 75px 0;

  }

  .proxq_ul li{

    width: 19%;

    border: 1px solid #ddd;

    font-size: 1rem;

    color: #313131;

    margin-left: 1.24%;

    float: left;

    text-align: left;

    line-height: 55px;

    text-align: center;

    cursor: pointer;

  }

  .proxq_ul li:nth-of-type(1){

    margin-left: 0;

  }

  .proxq_size {

    font-size : 1rem;

    line-height : 30px;

    color : #5B5A5A;

  }

  .proxq_dis2>div{

      display: none;

  }

  .proxq_size span{

    color: #0594fb;;

  }

  .proxq_ul{

    margin: 20px 0 35px 0;

  }

  .proxq_ul li.active{

    background-image: -moz-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -webkit-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    background-image: -ms-linear-gradient( 180deg, rgb(75,120,251) 1%, rgb(6,169,255) 100%);

    border: 1px solid #0594fb;

    color: #fff;

  }

  .proxq_div>div{

    display: none;

  }



  .tuijian_tit p{

    text-align: center;

    font-size: 2rem;

    color: #282832;

  }

  .tuijian {

    padding: 55px 0 100px 0;

    border-top: 1px solid #c9c9c9;

}



.tuijian_size a {

    color: #000;

    font-size: 1.25rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.tuijian_size p {

    color: #717171;

    font-size: 1.0625rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

    margin-top: 15px;

}

.tuijian_div{

    border: 1px solid #f3f3f3;

}

.tuijian_size {

    padding: 15px;

    background: #f3f3f3;

    text-align: center;

    max-height: 260px;

    overflow: hidden;

}

.tuijian_lb{

    padding-bottom: 3.4375rem;

}

.tuijian_lb .swiper-pagination{

    width: 100%;

    text-align: center;

    bottom: 0;

}

.tuijian_lb .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    background: #08a8ff;

    margin: 0 4px;

}





.proxq_box>p:nth-of-type(1) {

    color: #282832;

    font-size: 1.35rem;

}

.proxq_box div {

    color: #5B5A5A;

    font-size: .9375rem;

    margin: 10px 0 20px 0;

}

.proxq_fr_dh a {

    color: #08a8ff;

    font-size: 1.6875rem;

    display: block;

    font-weight: bold;

}

.proxq_fr_dh .iconfont {

    width: 47px;

    height: 47px;

    line-height: 47px;

    border-radius: 50%;

    background: #08a8ff;

    color: #fff;

    display: inline-block;

    text-align: center;

    margin-right: 12px;

    font-size: 1.5625rem;



}

.proxq_fr_dh a span {

    color: #302f2f;

    font-size: 1.0625rem;

}

.proxq_fr_qq {

    margin-top: 1.5625rem;

}

/* .proxq_fr .more11 a, .proxq_fr_qq a {

    display: inline-block;

    color: #fff;

    font-size: 1rem;

    font-weight: bold;

    width: 145px;

    height: 50px;

    line-height: 45px;

    border: 1px solid #08a8ff;

    background: #08a8ff;

    border-radius: 5px;

    text-align: center;

} */

.more11 {

    display: none !important;

}

.proxq_lb{

    width: 55%;

}

.proxq_box{

    width: 42%;

}

.caselist{

    padding: 6.25rem 0;

}

.caselist_div{

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

}

.caselist_size{

    padding: 1.5rem 1.25rem;

    border-top: 1px solid #ececec;

}

.caselist_size a{

    font-size: 1.25rem;

    color: #313131;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.caselist_box>div{

    margin-bottom: 30px;

}

.caselist_div:hover .caselist_size{

    background: #08a8ff;

}

.caselist_div:hover .caselist_size a{

    color: #fff;

}

.newslist{

    padding: 6.25rem 0;

}

.Journalism_div>div {

    margin-bottom: 30px;

}

.newslist_box .news_find{

    border: 1px solid #c3d9f9;

    margin-bottom: 30px;

}

.newslist_box .news_find p:nth-of-type(1){

    margin: 15px 0;

}

/* 新闻详情 */

.newsxq{

    padding: 90px 0;

  }

  .newsxq_ti>p{

    color: #010101;

    font-size: 1.5625rem;

    margin-bottom: 15px;

  }

  .newsxq_ti{

    padding: 0 0 15px 0;

    text-align: center;

    border-bottom: 1px solid #cecece;

  }

  .newsxq_ti_fx span{

    display: inline-block;

    color: #575757;

    font-size: 0.9375rem;

  }

  .newsxq_size{

    font-size: 1rem;

    color: #575757;

    line-height: 35px;

    margin-top: 35px;

  }

  .newsxq_size img{

    max-width: 100%;

  }

  .newsxq_size .more a{

    background: #0070C3;

    color: #fff;

  }

  .newsxq_jt{

    border-bottom: 1px solid #cecece;

    /* border-top: 1px solid #cecece; */

    padding: 20px 30px;

    margin-top: 110px;

  }

  .newsxq_jt>div{

    width: 50%;

    color: #575757;

    font-size: 1rem;

  }

  .newsxq_jt>div a{

    display: inline-block;

    color: #575757;

    font-size: 1rem;

  }

  .newsxq_jt>div .iconfont{

    color: #575757;

    font-size: 1.125rem;

    margin-right: 8px;

  }

  .newsxq_jt>div:nth-of-type(2){

    text-align: right;

  }

  /* 云平台详情 */

  .details{

    padding: 110px 0 50px 0px;

}

.details_fl{

    width: 78%;

}

.details_ti{

    text-align: center;

    color: #000;

    font-size: 2.0625rem;

    font-weight: bold;

    

    border-bottom: 1px solid #dadada;

}

.details_ti>p{

  position: relative;

  padding-bottom: 35px;

}

.details_ti>p::after{

  position: absolute;

  left:50%;

  bottom: -2px;

  width: 68px;

  height: 3px;

  background: #0594fb;

  content: "";

  display: block;

}

.details_fr{

  width: 18%;

}

.details_fr li{

  margin-bottom: 6px;

}

.details_fr_ul li a{

  border-radius: 5px;

  display: block;

  color: #5a5a5a;

  font-size: .9375rem;

  font-weight: bold;

  padding: 0 8px;

  line-height: 50px;

  border: 1px solid #bfbfbf;

  box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);

}

.details_fr_ul li.active a{

  color: #fff;

  background: #0594fb;

  border: 1px solid #0594fb;

}

/* 下载 */

.downlist{

    padding: 6.25rem 0;

}

.downlist_box tbody tr td{

    color: #333;

    font-size: 1rem;

    line-height: 55px !important;

}

.downlist_box tbody tr td a{

    color: #333;

}

.downlist_box tbody tr td a:hover{

    color: #0594fb;

}

  @media(max-width:1440px){

    .indexz {

        padding-top: 72px;

    }

    /* .company_wid::before {

        height: 430px;

    } */

  }

  @media(max-width:1366px){

    .about_box_ul li {

        /* margin-left: 24%; */

    }

    .proxq_lb .gallery-thumbs {

        height: 230px;

    }

    .proxq_lb .swiper-button-next, .proxq_lb .swiper-button-prev {

        height: 20px;

        line-height: 20px;

        width: 91px;

    }

    .proxq_ul li{

        line-height: 45px;

    }

    .proxq_fr_dh .iconfont {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }

  }

  @media(max-width:1280px){

    .about_box_ul li {

        /* margin-left: 24%; */

    }

  }

  @media(max-width:1024px){

    .cycle_box {

        width: 450px;

        height: 450px;

        padding-top: 0px;

    }

    .cycle_box_ul li img{

        width: 65px;

    }

    .nav-tabs{

        width: 100%;

    }

    .nav-tabs li{

        width: 20%;

    }

    .nav-tabs .s-slip-btn{

        width: 20%;

    }

    .cycle_box_ul li:nth-of-type(1) {

        top: -9%;

    }

    .cycle_box_ul li:nth-of-type(2) {

        top: -9%;

    }

    .cycle_box_ul li:nth-of-type(3) {

        right: -5%;

    }

    .cycle_box_ul li:nth-of-type(4) {

        bottom: -6%;

    }

    .cycle_box_ul li:nth-of-type(5) {

        bottom: -8%;

    }

    .cycle_box_ul li:nth-of-type(6) {

        left: -7%;

    }

    .product_div {

        margin-top: 5.8125rem;

    }

    .plan-card-open-inner div {

        font-size: 1.35rem;

    }

    .about_box_ul li {

        /* margin-left: 19%; */

    }

    .about_box_ul li:nth-of-type(2) {

        margin-left: 21%;

    }

    .mess_div input {

        width: 160px;

        line-height: 45px;

    }

    .mess_div div:nth-of-type(1) {

        font-size: 1.35rem;

        line-height: 45px;

    }

    .mess_div button{

        line-height: 45px;

    }

    .foot_div ul {

        margin-left: 58px;

    }

    .level_ul li a{

        font-size: 1rem;

        padding: 0 2.5rem;

    }

    .level_ul li{

        margin: 0 ;

        line-height: 40px;

    }

    .company_size {

        width: 47%;

    }

    /* .company_wid::before {

        height: 495px;

    } */

    .proxq_lb .gallery-thumbs {

        height: 180px;

    }

    .proxq_lb .swiper-button-next, .proxq_lb .swiper-button-prev {

        width: 75px;

    }

    .Timeline003071 .left {

        width: 70%;

        float: none;

        margin: 0 auto;

    }

    .Timeline003071 .right {

        width: 70%;

        float: none;

        margin: 0 auto;

        margin-top: 3.4375rem;

    }

  }

  @media(max-width:990px){

    .about_box_ul li:nth-of-type(2) {

        margin-left: 16%;

    }

    .banner_size p:nth-of-type(2),

    .banner_size p:nth-of-type(1) {

        font-size: 1.35rem;

    }

    .banner_size p:nth-of-type(3) {

        font-size: .9375rem;

        margin-bottom: 1.8125rem;

    }

    .nav-tabs li a {

        font-size: .9375rem;

    }

    .nav-tabs{

        height: 45px;

    }

    .nav-tabs li a{

        line-height: 35px;

    }

    .nav-tabs .s-slip-btn,

    .nav-tabs li a,

    .nav-tabs li{

        height: 35px;

    }

    .cycle_box {

        width: 310px;

        height: 310px;

    }

    .cycle_box_img{

        width: 200px;

    }

    .cycle_box_ul li img {

        width: 45px;

    }

    .cycle_box_ul li:nth-of-type(1) {

        top: -12%;

    }

    .cycle_box_ul li:nth-of-type(2) {

        top: -13%;

    }

    .cycle_box_ul li:nth-of-type(3) {

        right: -8%;

    }

    .cycle_box_ul li:nth-of-type(4) {

        bottom: -11%;

    }

    .cycle_box_ul li:nth-of-type(5) {

        bottom: -13%;

    }

    .cycle_box_ul li:nth-of-type(6) {

        left: -11%;

    }

    .solve_size p {

        -webkit-line-clamp: 2;

    }

    .none{

        display: block;

    }

    .block{

        display: none;

    }

    .section-plan-lb .swiper-slide{

        transition: 300ms;

        transform: scale(0.9);

    }

    .section-plan-lb .swiper-slide-active, 

    .section-plan-lb .swiper-slide-duplicate-active {

        transform: scale(1);

    }

    .section-plan-div>a{

        position: relative;

        display: block;

    }

    .section-plan-div>a::after{

        content: '';

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: #060606;

        opacity: .4;

        transition: .2s;

    }

    .section-plan-size{

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%,-50%);

        color: #fff;

        font-size: .9375rem;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

        -webkit-line-clamp: 3;

        overflow: hidden;

    }

    .section-plan-size a{

        font-size: 1.125rem;

        color: #fff;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

        -webkit-line-clamp: 1;

        overflow: hidden;

        margin-bottom: .625rem;

    }

    .section-plan-lb{

        margin-top: 2.8125rem;

    }

    .about_size{

        padding: .9375rem;

    }

    .about_size p{

        display: -webkit-box;

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

        -webkit-line-clamp: 4;

        overflow: hidden;

    }

    .about_div .fl{

        width: 50%;

    }

    .about_box_ul li {

        margin-left: 9%;

    }

    .about_box_size p:nth-of-type(1) {

        font-size: 2.5rem;

    }

    .about_box_ul li .fl img{

        width: 60px;

    }

    .news_find p:nth-of-type(1){

        margin: .625rem 0;

    }

    .mess_div input {

        width: 110px;

    }

    .banner_div{

        top: auto;

        transform: translateY(-0%);

        bottom: 10%;

        text-align: center;

    }

    .level{

        display: none;

    }

    .contactus_wid{

        padding: 15px;

    }

    .vision_size{

        padding: 0 15px;

    }

    .vision_size p{

        font-size: .9375rem;

        line-height: 24px;

    }

    .vision_size .tit {

        font-size: 1.35rem;

        padding-bottom: 1.12rem;

        margin-bottom: 1.125rem;

    }

    .vision_ul {

        margin-top: 1.5625rem;

    }

    .proxq_lb .gallery-top {

        width: 100%;

    }

    .proxq_lb .gallery-thumbs {

        height: 100%;

        width: 80%;

        margin: 25px 35px 0 8%;

    }

    .proxq_lb .swiper-button-next, .proxq_lb .swiper-button-prev {

        height: 58px;

        width: 20px;

    }

    .proxq_lb .swiper-button-next {

        top: auto;

        bottom: 0;

        transform: rotate(180deg);

    }

    .proxq_lb .swiper-button-prev {

        right: auto;

        left: 0;

        transform: rotate(180deg);

        top: auto;

        bottom: 0;

    }

    .proxq_lb .swiper-button-next span, .proxq_lb .swiper-button-prev span {

        height: 58px;

        width: 20px;

        line-height: 58px;

    }

    .proxq_lb .swiper-button-next .iconfont, .proxq_lb .swiper-button-prev .iconfont {

        display: inline-block;

        transform: rotate(90deg);

    }

  }

  @media(max-width:767px){

    .banner_div{

        display: none;

    }

    .nav-tabs{

        display: flex;

        overflow-x: auto;

        overflow-y: hidden;

        white-space: nowrap;

    }

    .nav-tabs li{

        width: auto;

        padding: 0 .9375rem;

    }

    .nav-tabs .s-slip-btn {

        width: 39%;

    }

    .newsxq,

    .mess,

    .news,

    .about,

    .section-plan,

    .product,

    .solve{

        padding: 2.1875rem .9375rem;

    }

    .nav-tabs{

        margin: 1.5625rem 0;

    }

    .solve_wid .fl{

        padding: .625rem;

    }

    .product_div>div,

    .solve_wid>div{

        width: 100%;

    }

    .solve_size p{

        margin: .625rem 0;

    }

    .solve_size{

        margin-top: .9375rem;

    }

    .solve_ul{

        margin: .9375rem 0;

    }

    .tit1 {

        font-size: 1.7rem;

    }

    .product_div {

        margin-top: 4.8125rem;

    }

    .cycle_box{

        width: 280px;

        height: 280px;



    }

    .cycle_box_img {

        width: 180px;

    }

    .product_list{

        margin-top: 4.4375rem;

    }

    .prolist_div:nth-of-type(1) {

        margin-bottom: .9375rem;

    }

    .section-wrapper{

        margin-top: 0;

    }

    .section-plan-lb{

        margin-top: 1.5625rem;

    }

    .section-plan .moreGh{

        margin-top: 1.5625rem;

    }

    .about_div .fl{

        width: 100%;

        float: none;

    }

    .about_size{

        position: static;

        transform: translateY(0%);

        width: 100%;

        margin-top: .9375rem;

    }

    .about_size div {

        margin-top: .9375rem;

    }

    /* .yuan4 {

        width: 350px;

        height: 350px;

    }

    .yuan3{

        width: 300px;

        height: 300px;

    } */

    .about_box_ul li{

        margin-left: 0;

        text-align: center;

        width: 33.33%;

    }

    .about_box_ul li div{

        float: none;

    }

    .about_box_ul li .fl img {

        width: 40px;

    }

    .about_box_size{

        margin-left: 0;

    }

    .news_ul li{

        width: 100%;

        float: none;

    }

    .news_ul li{

        border-left: 0;

    }

    .news_find{

        padding: .9375rem 0;

    }

    .mess_div input{

        width: 100%;

    }

    .mess_div div{

        display: block;

        margin-left: 0;

        margin-bottom: 15px;

    }

    .mess_div button{

        width: 100%;

    }

    .nav-tabs .s-slip-btn{

        display: none;

    }

    .nav-tabs>li.active, .nav-tabs li.active{

        border: 1px solid transparent;

        background-clip: padding-box,border-box;

        background-origin: padding-box,border-box;

        background-image: linear-gradient(90deg,#3790f7,#3f62fb),linear-gradient(90deg,#61c9ff,#61c9ff);

        background-color: #596efb;

        box-shadow: 0 4px 13px rgba(85,130,255,.49);

        border-radius: 22px;

    }

    .picture>div>img{

        height: 180px;

        object-fit: cover;

    }

    .picture_div{

        padding: 0 .9375rem;

    }

    .picture_box{

        display: none;

    }

    .newsxq_size{

        margin-top: .9375rem;

    }

    .newsxq_size{

        line-height: 28px;

    }

    .newsxq_jt {

        padding: 15px  0;

        margin-top: 15px;

    }

    .newsxq_jt>div{

        width: 100%;

        float: none;

    }

    .newsxq_jt>div:nth-of-type(2){

        text-align: left;

    }

    

    .vision,

    .company,

    .contactus,

    .newslist{

        padding: 35px .9375rem;

    }

    .newslist_box .news_find{

        padding: .9375rem;

        margin-bottom: .9375rem;

    }

    .newslist_box .news_find p:nth-of-type(1){

        margin: .625rem 0;

    }

    .contactus_fl{

        float: none;

    }

    .contactus_fl div:nth-of-type(2) {

        line-height: 26px;

        margin-top: 1.25rem;

    }

    .contactus_fr{

        width: 100%;

        float: none;

        margin-top: 1.5625rem;

    }

    .contactus_inp input{

        line-height: 45px;

    }

    .contactus_text textarea{

        height: 120px;

    }

    .contactus_inp{

        margin-bottom: 15px;

    }

    .contactus_butt button{

        margin-top: 15px;

        line-height: 45px;

    }

    .ditu{

        padding: 0 15px 35px 15px;

    }

    .company_size{

        width: 100%;

    }

    /* .company_wid::before{

        width: 100%;

        height: 255px;

    }

    .company_wid{

        padding-top: 270px;

    } */

    .vision_ul li>div{

        width: 100%;

        float: none !important;

    }

    .vision_ul li{

        margin-bottom: 15px;

    }

    .vision_size{

        position: static;

        transform: translateY(0%);

        padding-top: 15px;

    }

    .honor{

        padding: 2.1875rem 0;

    }

    .honor_div{

        padding: 75px 15px 0 15px;

        margin-top: 20px

    }

    .honor .title1{

        padding-left: 15px;

    }

    .title1 div {

        font-size: 1.7rem;

    }

    .right,

    .left{

        width: 100%;

    }

    .caselist,

    .prolist,

    .proxq{

        padding: 35px 15px;

    }

    .prolist_tit{

        padding: 15px 15px;

        position: relative;

    }

    .prolist_tit::after{

        display: block;

        content: '';

        border-right:6px solid transparent;

        border-left:6px solid transparent;

        border-top:10px solid #0070C3;

        top:50%;

        right: 10%;

        position: absolute;

        transform: translateY(-50%);

    }

    .left{

        margin-bottom: 1.5625rem;

    }

    .prolist_ul{

        display: none;

    }

    .proxq_box,

    .proxq_lb{

        width: 100%;

        float: none;

    }

    .proxq_lb .swiper-button-next, .proxq_lb .swiper-button-prev,

    .swiper-button-prev span {

        height: 90px;

        line-height: 90px;

    }

    .proxq_box{

        margin-top: 1.5625rem;

    }

    .proxq_fr_qq{

        display: none;

    }

    .more11{

        display: block !important;

        margin-top: 1.25rem;

    }

    .proxq_ul li{

        font-size: .875rem;

    }

    .tuijian{

        padding: 2.1875rem .9375rem;

    }

    .tuijian_lb {

        margin-top: 25px;

    }

    .phone_ul li {

        padding: 8px 0;

        height: auto;

    }

    .phone_ul li a:nth-of-type(1){

        line-height: 20px;

    }

    body {

        padding-bottom: 4.125rem;

    }

    .phone_logo{

        width: 26%;

    }

    .Timeline003071 .left {

        width: 100%;

    }

    .Timeline003071 .right {

        width: 100%;

        margin-top: 1.5625rem;

    }

    .Timeline003071 .tab dd{

        font-size: 1.125rem;

    }

    .Timeline003071 .tab-inner time{

        font-size: 1.25rem;

    }

    .Timeline003071 .tab-inner{

        padding: 3vw;

    }

    .course{

        padding: 35px 15px;

    }

    .about_box_ul li:nth-of-type(2) {

        margin-left: 0;

    }

    .prolist .prolist_div .fl{

        height: auto;

    }

    .shu-ul li{

        width: 50%;

        padding: 15px 0;

    }

    .shu-ul li .div1 {

        font-size: 2rem;

    }

  }

@media(min-width:2000px){

    .mess_div div:nth-of-type(1){

        font-size: 1.35rem;

    }

    .mess_div div {

        margin-left: 9px;

    }

    .mess_div input{

        font-size: 16px;

    }

}





#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px}

#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}

#page li:hover{border:1px solid #0594fb;}

#page li:hover a{color:#0594fb}

#page li a{ color:#666}

#page li.active{border:1px solid #0594fb; background-color:#0594fb; color:#FFFFFF}

#page li.active a{ color:#fff}

#page .thisclass{ background-color:#0594fb; color:#FFFFFF}