.page-index .features .feature h4{
  margin-bottom: 0px;
}
.anli_tel{
    display:none;
}
.online_edu_pc,.feature_pc{
    line-height: 1.6;
    margin: .67em 0;
    font-size: 30px;
    font-family: inherit;
    font-weight: 500;
    color: inherit;
    margin-top: 0px;
    margin-bottom: 60px;
  }
.zixun:hover{
  background:#0ab1fc!important;
  border-color: #0ab1fc!important;
  color: #fff;
}

.goodness{
  margin-bottom: 20px;
}
.cloud_learing{
  height:220px;
}

.product_function_text{
   text-align:left;padding:0 25px;font-size: 14px;color:#666;
}
.banner{
  width:100%;min-height:550px;text-align:center;background-repeat:no-repeat;
}
.banner .online_zixun_pc{
  margin:15px;background:transparent;border-color:#fff;
}
.banner .online_zixun_tel{
  margin:15px;background:transparent;border-color:#fff;display:none;
}
.banner .index_title2{
  font-size:50px;color:#fff;
}
.banner .index_title3{
   color:#fff;font-size:21px;line-height:30px;
}
.margin-15{
  margin:15px;
}
.p-t-200{
  padding-top:200px;
}
.why-justalk-cloud{
  width:100%;background:#fff;padding-bottom:100px;
}
.why-justalk-cloud .PaaS{
  color:#333;padding-top:80px;padding-bottom:50px;
}
.why-justalk-cloud .PaaS .PaaS-detail{
  padding-left:6%;padding-right:6%;color:#666;
}
.why-justalk-cloud .PaaS-detail .PaaS-detail1{
  max-width:90%;margin-left:5%;text-align:left
}
.why-justalk-cloud .PaaS-detail .PaaS-detail1 .PaaS-detail-text{
  line-height:32px;font-size:15px;text-align:left;padding-left:5%;padding-right:5%
}
.why-justalk-cloud .PaaS-detail .PaaS-detail1 .PaaS-main-text{
  line-height:32px;font-size:16px;
}
.architecture{
  width:100%;background:#f9f9f9;padding-bottom:80px;padding-top:50px
}
.architecture .architecture-main{
  padding-bottom:0px;padding-left:5%;padding-right:5%;
}
.architecture .architecture-main-text{
  padding-top:10%;color:#666;text-align:left;border:none;
}
.architecture .architecture-main-text .architecture-main-text-title{
  color:#333;margin-bottom:20px;
}

.architecture .architecture-main-text .architecture-main-text1{
  line-height:32px;font-size:16px;border:none;color:#666
}
.scene{
  padding-top: 80px;padding-bottom: 50px;
}
.scene .online_edu_pc{
  margin-bottom:80px;color:#333;
}
.scene .online_edu{
  margin-bottom:50px;color:#333;display:none
}
.online-scene{
  width:100%;background:#fff;
}
.online-scene .online-scene-main{
  padding-bottom:80px;padding-left:6%;padding-right:6%;
}
.online-scene .online-scene-main .product_function .product_function-m{
  border:1px solid #dfdfdf;color:#666;background:#fff;
}
.online-scene .online-scene-main .product_function .product_function-m img{
  width: 100%
}
.online-scene .online-scene-main .product_function .product_function-m .product_function-m-title{
  height:45px;line-height:45px;color:#333;font-size: 0.65rem;
}
.who-use{
  width:100%;background:#fff;
}
.who-use .who-use-title{
  height:70px;color:#333;padding-left:6%;padding-right:6%;margin-bottom:50px;
}
.who-use .who-use-main{
  color:#666;padding-left:6%;padding-right:6%;margin-bottom:50px
}
.who-use .who-use-main .logo_img{
    width: 90px;
    margin-right: 20px;
    margin-top: 5px;
}
.who-use .who-use-main .who-use-main-title{
 color:#333;font-size:21px;
}
.who-use .who-use-main .who-use-main-text{
  line-height:25px;font-size:14px;color:#666;
}
.no-my-case{
  width:100%;background:#f9f9f9;
}
.no-my-case .suggest-box{
  padding-bottom:80px;padding-left:6%;padding-right:6%;
}
.no-my-case .thanks{
  display:none;padding-bottom:100px;padding-left:6%;padding-right:6%;padding-top:100px
}
.no-my-case .thanks .thanks-text{
  font-size:28px;color:#333
}
.no-my-case .suggest-box #suggestion{
  width:100%;resize:none;border:1px solid #dfdfdf;background:#fff;height:180px;
}
.no-my-case .suggest-box #sub_suggest{
  float:right;height:42px;margin-top:20px;border-radius:2px;font-size:14px;line-height:41px;color:#fff;cursor:pointer;
}
.no-my-case .suggest-box .sub-btn-text{
  color:#fff;font-size:18px
}
.no-my-case .other-need{
  color:#333;padding-top:60px;
}

@media (min-width:950px){
#el_3{
    text-align:center;height:400px;
}

#el_3_1{
    text-align:left;
}
#el_3_2{
    text-align:left;padding-right:5%;
}
#el_3_3{
    display:block;
}
#el_3_4{
    display:none;
}

#el_4{
    text-align:center;height:216px;background:url('./el_4@2x.png') center no-repeat;
}
#el_5{
    text-align:center;height:216px;background:url('./el_5@2x.png') center no-repeat;
}
#el_6{
    text-align:center;height:216px;background:url('./el_6@2x.png') center no-repeat;
}
}
@media (min-width:1200px){

#el_3{
    text-align:center;height:500px
}
}

@media (max-width:950px){
#el_3{
    margin-top: 40px;
    text-align:center;height:400px;
}
#el_3_1{
    text-align:center;
}
#el_3_2{
    text-align:center;padding-right:0%;
}
#el_3_3{
    display:none;
}
#el_3_4{
    display:block;
}
#el_4{
    text-align:center;height:108px;background:url('./el_4@1x.png') center no-repeat;
}
#el_5{
    text-align:center;height:108px;background:url('./el_5@1x.png') center no-repeat;
}
#el_6{
    text-align:center;height:108px;background:url('./el_6@1x.png') center no-repeat;
}
}
@media screen and (min-width:992px){
    .product_logo{
      padding-left: 70px
    }
}

@media (max-width:700px){
    #el_3{
      text-align:center;height:300px;
    }
}
@media (max-width:600px){
    #el_3{
      text-align:center;height:250px;
    }
}

@media (max-width:480px){
  .anli_tel{
    display:inline-block;
  }
  .anli_pc{
    display:none;
  }
  .online_zixun_pc{
    display: none!important;
  }
  .online_zixun_tel{
    display: inline-block!important;
  }
  .online_edu_pc,.feature_pc{
    display:none!important;
    line-height: 1.6;
    margin: .67em 0;
    font-size: 30px;
    font-family: inherit;
    font-weight: 500;
    color: inherit;
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .online_edu,.feature_tel{
    display:block!important;
    line-height: 1.6;
    margin: .67em 0;
    font-size: 30px;
    font-family: inherit;
    font-weight: 500;
    color: inherit;
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .tiyan,.zixun{
    width: 80%;
  }
  .index_title2{
    font-size: 1.4rem!important;
    line-height: 1.9rem!important;
  }
  .index_title3{
    font-size: 0.77rem!important;
    line-height: 1.2rem!important;
  }

.index_title0{
  padding-bottom: 95px;
}
#index_title1{
  margin-top: -100px;
}
.product_function{
    margin-left:0!important;
    width:100%!important;
    padding-bottom: 35px!important;
}

#el_3{
  text-align:center;height:200px;

}
#el_3_1{
    text-align:center;
}
#el_3_2{
    text-align:center;padding-right:0%;
}
#el_3_3{
    display:none;
}
#el_3_4{
    display:block;
}
#el_4{
    text-align:center;height:108px;background:url('./el_4@1x.png') center no-repeat;
}
#el_5{
    text-align:center;height:108px;background:url('./el_5@1x.png') center no-repeat;
}
#el_6{
    text-align:center;height:108px;background:url('./el_6@1x.png') center no-repeat;
}
}
@media screen and (max-width:380px){
  #el_3{
    text-align:center;height:150px;
  }
  .tiyan,.zixun{
    padding: 13px 15px!important;
    font-size: 16px!important;
  }
  .index_title0{
    padding-bottom: 40px;
  }
}
@media (max-width:320px){
  .index_title0{
    padding-bottom: 15px;
  }
}
canvas {
    display: block;
    vertical-align: bottom;
}


/* ---- stats.js ---- */

.js-count-particles {
    font-size: 1.1em;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */
#particles-js {
    width: 100%;
    height: 100%;
    background-color: black;
    /*background-image: url('');*/
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.why-justalk-cloud .year-11 h5 {
    line-height: 20px;
}

.intelligent-times {
    background: #f9f9f9;
    padding: 70px 0;
}

.intelligent-times .intelligent-times-3 {
    width: 50px;
}

.intelligent-times .exclusive-col img {
    margin-top: 4px;
}

.intelligent-times .intelligent-times-text {
    margin-top: 10px;
    width: 80%;
    color: #666;
}

.intelligent-need:first-child {
    margin-top: 30px!important;
}

.intelligent-need>div {
    margin-right: 15px;
    padding: 0;
    border: 1px solid #9E9E9E;
    border-radius: 3px;
    color: #9E9E9E;
    width: 160px;
    margin-bottom: 15px;
    padding-left: 10px;
}

@media screen and (max-width:480px) {
    .private-main-title {
        text-align: center;
    }
    .intelligent-need>div {
        /*width: 100%;*/
        float: none;
        margin-right: auto!important;
        margin: 20px auto;
    }
}

.why-justalk-cloud {
    width: 100%;
    background: #fff;
    padding-bottom: 10px;
}

.why-justalk-cloud .PaaS .PaaS-detail .PaaS-detail1 .row {
    padding: 0 7%;
}

.why-justalk-cloud .PaaS {
    color: #333;
    padding-top: 60px;
    padding-bottom: 60px;
}

.know-more {
    padding-left: 2px;
    padding-right: 2px;
    /*background-image: linear-gradient(0deg, #52DAD6 0%, #1BCCAF 100%)!important;*/
    background: #2ED8B1!important;
    box-shadow: 0px 4px 4px 1px rgba(22, 86, 163, 0.35);
    text-align: center;
    border: 2px solid transparent!important;
    border-radius: 50px!important;
}

#particles-js .main-row {
    color: #fff;
    /*width: 100%;*/
    position: absolute;
    top: 23%;
}

#particles-js .main-title img {
    width: 80%;
}

.exclusive .exclusive-col {
    height: 100px;
    padding-right: 3%;
}

.exclusive .exclusive-row {
    padding: 0 8%;
}

.exclusive .exclusive-col .exclusive-main-img {
    height: 100%;
    width: 20%
}

.exclusive .exclusive-col .exclusive-main-img img {
    width: 40px;
    margin-top: -8px;
}

.exclusive .exclusive-col .exclusive-main-t {
    height: 100%;
    width: 80%
}

.exclusive .exclusive-col .exclusive-main-t .exclusive-main-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.know-more:hover {
    border: 2px solid #2ED8B1!important;
    background: transparent!important;
    color: #fff!important;
}

@media screen and (max-width:1100px) {
    #particles-js .main-row {
        top: 100px;
        position: static;
    }
}

@media screen and (max-width:800px) {
    #particles-js .main-row {
        top: 25%;
        position: absolute;
    }
    #particles-js .main-title img {
        width: 350px;
        margin-top: 30px;
    }
    #particles-js {
        min-height: 760px!important;
    }
    #particles-js .main-title {
        text-align: center;
        margin-top: 30px;
    }
    #particles-js {
        position: static!important;
        /*background-image: url('../images/banner.png')!important;*/
        min-height: 760px!important;
    }
    #banner_video {
        display: none;
    }
}

@media screen and (max-width:480px) {
    #particles-js .row {
        margin-left: 0!important;
    }
    /*#particles-js .main-row{
      top:15%;
    }*/
    #particles-js {
        min-height: 600px!important;
    }
    #particles-js .main-title img {
        width: 100%;
        margin-top: 30px;
    }
    #particles-js {
        min-height: 660px;
    }
    #particles-js .main-title {
        text-align: center;
    }
}
.banner_pc{
    max-height: 550px;
    overflow: hidden;
    width:998px;
    padding-top: 66px;
}
.banner_pc #particles-js .header-title{
    font-size:1.01rem;
    margin-right: 30px;
}
.banner_pc #particles-js .header-title2{
    font-size:0.55rem;
    margin-top: 20px;
}
.banner_pc #particles-js .header-title3{
    font-size:0.35rem;
    margin-top: 15px;
    line-height: 18px;
    margin-left: 5px;
}
.main-text-title{
    font-size:0.97rem;
}
#particles-js{
    /*padding-top:60px;*/
    /*background-image:url('./images/banner.png');*/
    max-height:550px;
    height:100%;
    background:transparent;
    /*background:linear-gradient(45deg, #184E92, #2A63A8);*/
    position:absolute;
    top:0;

}
.p-b-50{
  padding-bottom: 50px;
}
.know-more{
  color:#fff;
}
.year-11 img{
  margin:0 auto;
}
.PaaS-detail1 img{
  margin:0 auto;
}
.btn-lg{
  width:200px;
}
h5{
    color:#666!important;
}
.private-main{
    padding:60px 0;
}
.private-main-title{
    font-size:0.90rem;
}
.private-main-title-go{
    font-size:14px;
    margin-top: 20px;
    display:inline-block;
}
.private-main-title-2{
    font-size:0.60rem;
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */



@-webkit-keyframes flipOutYtest {
  from {
    transform: perspective(1400px);
  }

  40% {
    transform: perspective(1400px) rotateY(60deg);
    opacity: 1;
  }

  50% {
    transform: perspective(1400px) rotateY90deg);
    opacity: 0;
  }

  to {
    transform: perspective(1400px) rotateY(180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    transform: perspective(1400px) rotateY(-180deg);
    opacity: 0;
  }

  50% {
    transform: perspective(1400px) rotateY(-90deg);
    opacity: 0;
  }

  60% {
    transform: perspective(1400px) rotateY(-60deg);
    opacity: 1;
  }

  to {
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.learning-sdk{
  background: #f9f9f9;
  padding-top: 50px;
  padding-bottom: 80px;
}
.learning-sdk-main{
  padding:0 10%;
  max-width: 1100px;
  display:inline-block;
}
.learning-sdk-main .well-item{
  /*width:22%;*/
  width: 200px;
  margin-left:16px;
  margin-top: 16px;
  position:relative;
  float:left;
}
.well-item img{
  height: 150px;
  width: 100%;
}
.correct{
  position: absolute;
  width: 100%;
}
.correct .correct-text{
  position:relative;
  top:-40px;
  color:#fff;
}
.opposite{
  height: 150px;
  width: 100%;
  visibility: hidden;
}
.opposite div{
  height: 150px;
  width: 100%;
}
.opposite-content{
  display: table;
  width: 100%;
  height: 150px;
  background-color: #34a2f0;
}
.opposite-content-text{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-size: 16px;
  padding:0 25px;
}
@media screen and (min-width:1400px){
  .learning-sdk-main .learning-row{
    display:inline-block;
  }
  .learning-sdk-main{
    max-width: 100%;
  }
}
@media screen and (max-width:1356px){
  .learning-sdk-main .well-item:nth-child(odd){
    /*width: 30%;*/
    margin-left: 16px;
    min-width: 200px;
  }
  .learning-sdk-main .well-item:nth-child(even){
    /*width: 30%;*/
    margin-right: 0%;
    min-width: 200px;
    float:left;
  }
}
@media screen and (max-width:1200px){
  .learning-sdk-main{
    padding:0 5%;
  }
  .learning-sdk-main .well-item:nth-child(odd){
    /*width: 40%;*/
    /*margin-left: 30%;*/
    /*min-width: 200px;*/
  }
  .learning-sdk-main .well-item:nth-child(even){
    /*width: 40%;*/
    /*margin-left: 30%;*/
    /*width: 200px;*/
    /*float:left;*/
  }
}
@media screen and (max-width:974px){
  .learning-sdk-main{
    max-width: 540px;
  }
}
@media screen and (max-width:675px){
  .learning-sdk-main .well-item:nth-child(odd){
    width: 40%;
    margin-left: 25%;
    min-width: 200px;
  }
  .learning-sdk-main .well-item:nth-child(even){
    width: 40%;
    margin-left: 25%;
    min-width: 200px;
    float:left;
  }
}
@media screen and (max-width:400px){
  .learning-sdk-main .well-item:nth-child(odd){
    width: 100%;
    margin-left:0;
    min-width: 200px;
  }
  .learning-sdk-main .well-item:nth-child(even){
    width: 100%;
    margin-left:0;
    min-width: 200px;
  }
  .correct{
    width: 80%;
    left:10%;
  }
  .opposite{
    width: 80%;
    margin-left:10%;
  }
}