.experience{
  overflow: hidden;
}
.banner{
  float: left;
}
._button{
  text-align: center;
  letter-spacing: 9px;
  position: absolute;
  margin-top:-46px;
}
._button span{
  width: 15px;
  height: 15px;
  opacity: 1;
  display: inline-block;
  cursor: pointer;
  border-radius: 25px;
  background: #cccccc;
}
._button ._select{
  background: #11a7ff;
}
#demoFunction ._select2{
  color:rgb(80,191,255);
}
.products-list{
  width:1200px;
  padding-top: 83px;
  margin:auto;
  text-align: center;
}
.method{
  font-size:20px;
  padding-top:42px;
  text-align: center;
  color:rgb(107,107,107);
}
.products-list li{
  display:inline-block;
}
.demoFunction{
  overflow:hidden;
  padding-top:49px;
}
.demoFunction h1{
  font-size:24px;
  color:#333333;
}
.demoFunction h3{
  font-size:16px;
  color:#333333;
  margin-top:10px;
  font-weight: 500;
}
.demoLeft{
  float:left;
  text-align:right;
  margin-top:15px;
}
.demoLeft li,.demoRight li{
  overflow:hidden;
}
.test{
  float:left;
  width:250px;
  height:62px;
}
.picture{
  float:left;
  margin-left:43px;
}
.testRight{
  float:left;
  width:208px;
  height:62px;
  margin-left:43px;
}
.pictureRight{
  float:left;
  margin-top:2px;
}
.demoMid{
  width:247px;
  height:514px;
  float:left;
  margin-left:126px;
}
.demoRight{
  float:left;
  margin-top:15px;
  margin-left:131px;
}
.demoShow{
  width:210px;
  height:375px;
  overflow: hidden;
  position: relative;
  top:-419px;
  left:-227px;
}
.demoFunction li:hover{
  cursor: pointer;
}
.code-step{
  width:195px;
  height:340px;
  overflow: hidden;
  position: relative;
  top:-402px;
  left:78px;
}
.code-step .rollPicture{
  width:780px;
  height: 339px;
  overflow: hidden;
  position: relative;
}
.rollPicture{
  width:1680px;
  height: 375px;
  overflow: hidden;
  position: relative;
}
.code-step .clone{
  float: left;
  width:195px;
}
.clone{
  float: left;
  width:210px;
}
.code-step img{
  width: 100%;
  height:100%;
}
.demoShow img{
  width: 100%;
  height:100%;
}
.enterprise-users{
  height:141px;
  margin-top:50px;
}
.government,.training-institutions{
  height: 141px;
  margin-top:34px;
}
._user{
  float:left;
  text-align: center;
}
._user p,._government-user p{
  font-size:22px;
  color:rgb(102,102,102);
  margin-top:20px;
}
._line{
  float:left;
  margin-top:40px;
  margin-left:45px;
}
._explain{
  float:left;
  font-size:18px;
  color:rgb(102,102,102);
  margin-top:3px;
  margin-left:65px;
  line-height:45px;
}
._command{
  float:left;
  font-size:18px;
  color:rgb(102,102,102);
  margin-left: 289px;
  line-height:45px;
}
._government-user{
  float:right;
  text-align:center;
}
._reverse-line{
  float:right;
  margin-top:43px;
  margin-right:45px;
}
.code{
  overflow:hidden;
  width:1200px;
  margin:auto;
}
.code-phone{
  float:left;
  margin-left:64px;
  padding-top:70px;
}
.attention{
  float:left;
  margin-left:185px;
  font-size:20px;
  color:rgb(102,102,102);
  margin-top:107px;
  line-height:40px;
}
.attention-scan{
  margin-left:160px;
  margin-top:38px;
}