header .cont .registerbtn .register{
  background: linear-gradient(90deg, #5A7EFF 0%, #545BFF 100%);
}
.banner1{
  width: 100%;
  height: 740px;
  padding-top: 80px;
  background: url("../img/product/callrobot/banner1_bg.png") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.banner1 .center {
  height: 564px;
}
.banner1 .left{
  float: left;
  width: 458px;
  height: auto;
  margin-top: 84px;
}
.banner1 .right{
  float: right;
  /* margin-top: 70px; */
}
.banner1 .right img{
  width: 694px;
  height: 496px;
}
.salesman{
  font-size: 36px;
  font-weight: 600;
  color: #0F0E2B;
  line-height: 60px;
  letter-spacing: 1px;
}
.banner1 .left .list {
  margin-top: 48px;
}
.banner1 .left .list li {
  width: 100% ;
  margin-bottom: 20px;
  overflow: hidden;
}
.banner1 .left .list li:last-child{
  margin-bottom: 0px;
}
.banner1 .left .list li i{
  width: 12px;
  height: 12px;
  background:  #5182FF;;
  opacity: 0.7;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 12px;
}
.banner1 .left .list li span{
  width: 432px;
  font-size: 14px;
  vertical-align: top;
  
  color: #000000;
  line-height: 19px;
  letter-spacing: 1px;
  display: inline-block;
}
.banner1  .left .mfty a{
  width: 163px;
  height: 52px;
  display: block;
  text-align: center;
  line-height: 52px;
  color: #fff;
  margin-top: 44px;
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  box-shadow: 0px 6px 14px 0px rgba(116,142,255,0.72);
  border-radius: 26px;
}
.banner1  .left .phone{
  width: 394px;
  height: 54px;
  margin-top: 96px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  background: #F6FAFF;
  box-shadow: 0px 10px 20px 0px rgba(73, 160, 255, 0.11), 0px 1px 5px 0px rgba(116, 172, 255, 0.16);
  border-radius: 34px;
  border: 1px solid rgba(110, 158, 255, 0.14);
}
.banner1  .left .phone input{
  width: 340px;
  float: left;
  height: 100%;
  background: #F6FAFF;
  margin-left: 20px;
}
.banner1  .left .phone .btn{
  width: 144px;
  height: 52px;
  border-radius: 30px;
  display: inline-block;
  text-align: center;
  line-height: 52px;
  color: white;
  position: absolute;
  right: 7px;
  top: 50%;
  
  transform: translateY(-50%);
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  box-shadow: 0px 10px 20px 0px rgba(73, 160, 255, 0.11);
}
.banner1 .bottom {
  width: 100%;
  display: flex;
  justify-content: center;
}
.banner1 .bottom .content{
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.banner1 .bottom .content .line {
  width: 1px;
  height: 42px;
  opacity: 0.5;
  background: #BCC0C6;
  /* border: 1px solid #BCC0C6; */
}
.banner1 .bottom .content .item{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.banner1 .bottom .content .item img{
  width: 38px;
}
.banner1 .bottom .content .item .des{
  margin-left: 27px;
}
.banner1 .bottom .content .item .des p{
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 20px;
}
.banner1 .bottom .content .item .des span{
  font-size: 12px;
  font-weight: 500;
  color: #91969b;
  line-height: 17px;
  margin-top: 8px;
  display: inline-block;
}
.banner2{
  width: 100%;
  padding-top: 110px;
}

.banner2 h2{
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #0F0E2B;
  line-height: 50px;
  letter-spacing: 1px;
}
.banner2 .center {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}
.banner2 .center .left{
  width: 642px;
  cursor: pointer;
}

.banner2 .center .left .video{
  width: 642px;
  height: 442px; 
  position: relative;
}
.banner2 .center .left .video .cover{
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.banner2 .center .left .video .startBtn{
  width: 54px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left:-27px; 
  margin-top:-27px; 
}
.videos{ 
  display:none; 
  border: 1px solid #080808; 
  position:fixed; 
  left:50%; 
  top:50%; 
  margin-left:-320px; 
  margin-top:-210px; 
  z-index:100; 
  width:640px; 
  height:360px; 
}
.vclose { 
  position:absolute;
  right:1%; top:1%; 
  border-radius:100%; 
  cursor: pointer; 
}
.banner2 .center .left img{
  width: 642px;
}
.banner2 .center .right{
  width: 600px;
  margin-left: 10px;
}
.banner2 .center .right h3{
  font-size: 20px;
  font-weight: 600;
  color: #1E2C72;
  line-height: 28px;
  margin-top: 50px;
}
.banner2 .center .right .list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-left: -8px;
  width: 590px;
}
.banner2 .center .right .list li{
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 134px;
  height: 50px;
  background: #EEF3FF;
  border-radius: 4px;
  padding: 0px 20px;
  margin-left: 8px;
  margin-top: 8px;
}
.banner2 .center .right .list .padd10{
  padding: 0px 10px;
}
.banner2 .center .right .list li span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #558DFF;
  border-radius: 50%;
  position: relative;
}
.banner2 .center .right .list li span i{
  display: inline-block;
  width: 8px;
  height: 11px;
  border: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 5px;
  border-left: transparent;
  border-top: transparent;
  top: 2px;
}

.banner2 .center .right .list li p{
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #172342;
  line-height: 20px;
}

.banner3{
  width: 100%;
  height: 420px;
  background: #F9FCFF;
  margin-top: 53px;
}

.banner3 h2{
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #0F0E2B;
  line-height: 50px;
  letter-spacing: 1px;
  padding-top: 67px;
}
.banner3 .center {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}
.banner3 .center ul {
  margin-top: 73px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.banner3 .center ul li{
  width: 240px;
  height: 308px;
  background: #FFFFFF;
  box-shadow: 0px 6px 21px 0px rgba(62,143,255,0.22);
  border-radius: 20px;
  padding: 16px 24px;
}
.banner3 .center ul li img{
  width: 51px;
}
.banner3 .center ul li h5{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  margin-top: 17px;
}
.banner3 .center ul li div {
  margin-top: 30px;
}
.banner3 .center ul li div p{
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  letter-spacing: 1px;
  margin-top: 10px;
}
.banner3 .center ul li div p i{
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #5082FF;
  opacity: 0.7;
  border-radius: 50%;
  margin-right: 10px;
}
.banner3 .center ul li div p span{
  color: #3669FF;
}

.banner4{
  width: 100%;
  /* padding-bottom: 120px; */
  background-color: #fff;
}
.banner4 h2{
  font-size: 36px;
  font-weight: 600;
  color: #04252E;
  line-height: 60px;
  letter-spacing: 1px;
  padding-top: 204px;
  padding-bottom: 15px;
  text-align: center;
}
.banner4 h4{
  font-size: 14px;
  
  color: #000000;
  line-height: 19px;
  font-weight: 400;
  text-align: center;
}
.banner4 .list{
  width: 1200px;
  /* height: 80px; */
  /* background: #F6FBFF; */
  border-radius: 8px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 49px;
}
.banner4 .list li img{
  width: 42px;
}
.banner4 .list li {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  /* line-height: 80px; */
  letter-spacing: 1px;
  /* height: 80px; */
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner4 .list li span{
  margin-top: 20px;
}
.banner4 .list li.current{
  color:#5E7AFF ;
  position: relative;
}
.banner4 .list li img{
  display: none;
}

.banner4 .list li .noshow{
  display: block;
}

.banner4 .list li.current .noshow{
  display: none;
}
.banner4 .list li.current .show{
  display: block;
}
.banner4 .list>li::before{
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  border-radius: 5px;
  width: 0px;
  height: 8px;
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  border-radius: 8px;
}
.banner4 .list>li.current::before {
  width: 60px;
  transition: all  0.5s;
}
.banner4 .cul  {
  margin-top: 40px;
}
.banner4 .cul li{
  width: 1200px;
  background: #A3BFFF;
  box-shadow: 0px 6px 21px 0px rgba(62,143,255,0.22);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.banner4 .cul > li{
  height: 0;
  display: none;
}
.banner4 .cul > li.cur{
  height: 600px;
  display: inline-flex;
  transition: all 0.5s;
}
.banner4 .cul li img {
  width: 960px;

}
.banner5{
  width: 100%;
  /* padding-bottom: 120px; */
  background: #F9FCFF;
  margin-top: 70px;
  padding-bottom: 65px;
}
.banner5 h2{
  font-size: 36px;
  font-weight: 600;
  color: #04252E;
  line-height: 60px;
  letter-spacing: 1px;
  padding-top: 60px;
  text-align: center;
}
.banner5 h4{
  font-size: 14px;
  
  color: #000000;
  line-height: 19px;
  font-weight: 400;
  text-align: center;
}
.banner5 .list{
  width: 1200px;
  /* height: 80px; */
  /* background: #F6FBFF; */
  border-radius: 8px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 54px;
}
.banner5 .list li img{
  width: 42px;
}
.banner5 .list li {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  /* line-height: 80px; */
  letter-spacing: 1px;
  /* height: 80px; */
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner5 .list li span{
  margin-top: 20px;
}
.banner5 .list li.current{
  color:#5E7AFF ;
  position: relative;
}
.banner5 .list li img{
  display: none;
}

.banner5 .list li .noshow{
  display: block;
}

.banner5 .list li.current .noshow{
  display: none;
}
.banner5 .list li.current .show{
  display: block;
}
.banner5 .list>li::before{
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  border-radius: 5px;
  width: 0px;
  height: 8px;
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  border-radius: 8px;
}
.banner5 .list>li.current::before {
  width: 60px;
  transition: all  0.5s;
}

.banner5 .cul  {
  margin-top: 40px;
}

.banner5 .cul li{
  width: 1200px;
  /* background: #A3BFFF;
  box-shadow: 0px 6px 21px 0px rgba(62,143,255,0.22); */
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;

  width: 1200px;
  height: 350px;
  background: #FFFFFF;
  box-shadow: 0px 6px 21px 0px rgba(62,143,255,0.22);
  border-radius: 20px;
}
.banner5 .cul > li{
  height: 0;
  display: none;
}
.banner5 .cul > li.cur{
  height: 350px;
  display: inline-flex;
  justify-content: space-between;
  transition: all 0.5s;
  text-align: left;
  padding-left: 62px;
}
.banner5 .cul li .left h4 {
  font-size: 30px;
  font-weight: 600;
  color: #172342;
  line-height: 46px;
  text-align: left;
}
.banner5 .cul li .left .des {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  margin-top: 12px;
}
.banner5 .cul li .left .number {
  margin-top: 20px;
}
.banner5 .cul li .left .number p{
  width: 200px;
  display: flex;
  justify-content: space-between;
}
.banner5 .cul li .left .number .p250 {
  width: 250px;
}
.banner5 .cul li .left .number .p1 {
  font-size: 30px;
  font-weight: 600;
  color: #FF2D2D;
  line-height: 46px;

}
.banner5 .cul li .left .number .p2 {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  margin-top: 4px;
}
.banner5 .cul li .left .consult {
  display: inline-block;
  width: 141px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: linear-gradient(90deg, #617CFF 0%, #6A7CFE 100%);
  border-radius: 26px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 2px;
  margin-top: 35px;
}
.banner5 .cul li .left h4 {

}

.banner5 .cul li .right img {
  width: 470px;
  padding-right: 35px;

}
.mfsy{
  position: relative;
  width: 100%;
  height: 150px;
}
.mfsy .onTrial{
  width: 1000px;
  height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 0px rgba(135, 225, 255, 0.16);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50px;
  margin-left: -500px;
  text-align: center;
}
.mfsy .onTrial .title{
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
  text-align: center;
  margin-top: 35px;
}
.mfsy .onTrial .title span{
  color: #7368FE;
}
.mfsy .onTrial .phone{
  width: 519px;
  height: 68px;
  margin-top: 26px;
  overflow: hidden;
  position: relative;
  background: #F6F6FF;
  display: inline-block;
  background: #F6FCFF;
  box-shadow: 0px 10px 20px 0px rgba(73, 160, 255, 0.11), 0px 1px 5px 0px rgba(116, 172, 255, 0.16);
  border-radius: 34px;
  border: 1px solid rgba(110, 217, 255, 0.14);

}
.mfsy .onTrial .phone input{
  width: 340px;
  float: left;
  height: 100%;
  margin-left: 20px;
  background: #F6FCFF;
}
.mfsy .onTrial .phone .btn{
  width: 144px;
  height: 52px;
  border-radius: 30px;
  display: inline-block;
  text-align: center;
  line-height: 52px;
  color: white;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
  box-shadow: 0px 10px 20px 0px rgba(73, 160, 255, 0.11);
}