﻿.ab{width: 86%; float: left; background: #fff; padding:5%; margin:5% 2%; margin-top: 65%}
.ab .tit{width: 100%; float: left; border-bottom: solid 1px #ccc; line-height: 55px; padding: 0 0 5% 0}
.ab .tit span{float: left; font-size: 26px; color: #333}
.ab .tit em{width: 100px; float: left; color: #999; margin-left: 15px;font-size: 24px}
.ab .box{width: 100%; float: left; margin-top: 5%}
.ab .box p{  margin: 10px 0; color:#7a7a7a; font-size: 14px;letter-spacing: 1px; line-height: 26px}

.xq{width: 86%; float: left; background: #fff; padding:5%; margin:5% 2%; margin-top: 65%}
.xq .tit{width: 100%; float: left; border-bottom: solid 1px #ccc; line-height: 55px; padding: 0 0 5% 0}
.xq .tit span{float: left; font-size: 26px; color: #333}
.xq .box{width: 100%; float: left; margin-top: 5%}
.xq .box h3{ border-left: 5px solid #00AEF3; padding-left: 10px; margin: 20px 0; font-size: 16px; font-weight: bold}
.xq .box p{  margin: 15px 0; color:#7a7a7a; font-size: 14px;letter-spacing: 1px; line-height: 26px}

/* 应用场景 */

#cj ul{
  margin:0 10px;
  padding-bottom:22px;
  background: #fff;
  width: auto;
}
#cj ul li{

  margin:0 10px 0 0;
  padding-top:22px;
  border-radius: 3px;
  display: flex;
  float: none;
}
#cj ul li i{
  min-width:22px;
  height: 18px;
  margin-top:15px;
  margin-right: 10px;
}
#cj ul li:nth-child(1) i{
  background: url(../img/icon_verificationcode.png) no-repeat;
  background-size: cover;
}
#cj ul li:nth-child(2) i{
  background: url(../img/icon_message.png) no-repeat;
  background-size: cover;
}
#cj ul li:nth-child(3) i{
  background: url(../img/icon_extension.png) no-repeat;
  background-size: cover;
}
#cj ul li .line{
  display:block;
  width: 20px;
  height: 2px;
  background: #00AEF3;
}
#cj ul li div p:nth-child(1){
  font-size: 17px;
  color: #333;
  height: 17px;
  line-height: 17px;
  text-align: left;
  margin-bottom:10px;
}
#cj ul li div p:nth-child(3){
  font-size: 14px;
  line-height: 17px;
  margin-top: 10px;
  color: #9d9ca1;
}
/* 我们的优势 */
#ys ul{
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
#ys ul li{
  overflow: hidden;
  display:flex;
  /* justify-content:left; */
}
#ys ul li i{
  min-width:66px;
  height: 66px;

}
#ys ul li:nth-child(1) i{
  background-image: url('../img/icon_advantage_1.png');
  background-size: cover;
}
#ys ul li:nth-child(2) i{
  background-image: url('../img/icon_advantage_2.png');
  background-size: cover;
}
#ys ul li:nth-child(3) i{
  background-image: url('../img/icon_advantage_3.png');
  background-size: cover;
}
#ys ul li:nth-child(4) i{
  background-image: url('../img/icon_advantage_4.png');
  background-size: cover;
}
#ys ul li .left{
  float: left;
  width: 118px;
  margin-right: 16px;
  margin-left: 40px;
}
#ys ul li .right{
  float: left;
  margin-bottom: 20px;
}
#ys ul li .right .rightTitle{
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 2px;
  color: #333333;
  margin-bottom: 10px;
  font-weight: 600;
}
#ys ul li .right .text{
font-size: 14px;
line-height: 26px;
letter-spacing: 1px;
color: #666666;
margin-right: 20px;
}

/* 语音验证码*/
.numguard{width:100%; float: left}
.numguard .num_t1 {width: 100%;border-bottom: #e5e5e5 dotted 2px;}
.numguard .num_t1 .num_t1_icon {width: 10px;height: 10px;background: #00AEF3;border-radius: 5px;float: left;margin: 19px 16px 0 0;}
.numguard .num_t1 .num_t1_font {float: left;font-size: 24px;height: 48px;line-height: 48px;color: #132f41;}
.numguard .num_t1 .img {width: 100%;margin: 0 auto;float: left;}
.numguard .num_t1 {width: 83%;overflow: hidden;margin: 28px auto 10px;border-bottom: #e5e5e5 dotted 2px;}
.numguard .num_t1 .num_t1_icon {width: 10px;height: 10px;background: #00AEF3;border-radius: 5px;float: left;margin: 19px 16px 0 0;}

.imgbtn {width: 56.8%;margin: 0 auto;margin-bottom: 40px;}
.imgbtn img {width: 100%;}
.numguard .num_t1 .num_t1_font {float: left;font-size: 24px;height: 48px;line-height: 48px;color: #132f41;}
.numguard .num_t1 .img {width: 100%;margin: 0 auto;float: left;}
.numguard .num_t1 .num_t1_font {float: left;font-size: 24px;height: 48px;line-height: 48px;color: #132f41;}
.numguard .num_t1 .img {width: 100%;margin: 0 auto;float: left;}

.numguard .nump {width: 83%;margin: 0 auto;font-size: 14px;color: #aaaaaa;line-height: 21px;padding-bottom: 38px;}
.numguard .numlist {width: 86%;margin: 0 0 0 8.5%;overflow: hidden;padding: 16px 0;}
.numguard .numlist li {width: 45%;margin-bottom: 22px;}
.numguard .numlist .numlist_li_left {float: left;}

.numguard .numlist .numlist_li_right {float: right;}
.numguard .numlist .numlist_li_left .icon,
.numguard .numlist .numlist_li_right .icon {float: left;width: 44px;height: 44px;}
.numguard .numlist .numlist_li_left .icon img,.numguard .numlist .numlist_li_right .icon img {width: 100%;float: left;}
.numguard .numlist .numlist_li_left .numlist_tit,
.numguard .numlist .numlist_li_right .numlist_tit {width: 100%;float: left;font-size: 18px;line-height: 38px;padding-top: 7px;color: #333333;}
.numguard .numlist .numlist_li_right .numlist_tit {font-size: 17px;}
.numguard .numlist .numlist_li_left .numlist_font,
.numguard .numlist .numlist_li_right .numlist_font {width: 100%;float: left;line-height: 21px;font-size: 14px;color: #aaaaaa;}
/*****注册******/
.zck{width: 86%; float: left; background: #fff; padding:5%; margin:5% 2%; text-align: center}
.zck p{font-size: 16px}
.zck span a{ width: 200px; line-height: 45px; margin: 25px auto 0 auto; color: #fff; background: #00AEF3; display: block; font-size: 16px;border-radius: 15px}

.zc{width: 86%; float: left; background: #fff; padding:5%; margin:5% 2%; margin-top: 60%}
.zc .lei{width: 100%; float: left; margin: 5% 0}
.zc .lei a{width: 145px; float: left; text-align: center; background:#00AEF3; line-height: 45px; color: #fff; display: block; font-size: 14px;border-radius: 10px; color: #fff; margin-right: 15px}
.zc .lei a:hover{ background:#ec6d49; color:#fff; border-radius: 10px;font-weight: bold;font-size: 16px;}
.zc .lei a.focus{ background:#ec6d49; color:#fff; border-radius: 10px;font-weight: bold;font-size: 16px;}
.zc .tit{width: 100%; float: left; border-bottom: solid 1px #ccc; line-height: 55px; padding: 0 0 5% 0; margin-bottom: 10%}
.zc .tit span{float: left; font-size: 26px; color: #333}
.zc .tit em{ float: left; color: #999; margin-left: 15px;font-size: 24px}
.form-horizontal{ margin-top:10px}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {display: table;content: "";line-height: 0}
.form-horizontal .control-group:after {clear: both}
.form-horizontal .control-group {border-bottom:1px solid #E6E6E6;background:#fff;padding:6px 10px}
.form-horizontal .control-label {float: left;width: 80px;padding-top: 3px;font-size: 14px; color: #333}
.form-horizontal .controls {margin-left: 75px;line-height: 36px}
.form-horizontal .controls input{border:0;margin:0;padding:0;width:100%}
.help-block{ color:#999; font-size:0.8em; line-height:1.6em; padding:10px}

.btn{ padding:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.btn a{width:100%; display:block;border-radius: 3px;text-align:center; color:#fff;height:45px; line-height:45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size: 14px}
.btn1{ background:#00AEF3}
.btn2{ background:#00AEF3}
.btn3{ background:#f5f5f5; border:1px solid #ccc; color:#999 !important}
.dxyzm{position:absolute; right:0px; top:4px; font-size:1em; border:1px solid #ff7800; color:#ff7800; line-height:20px; padding:4px 5px;border-radius: 3px}
.teltips{display: -webkit-box;-webkit-box-pack: center;background:#ff7800;width:100%; margin-bottom: 50px; color: #fff; line-height: 50px;font-size: 18px}

/***************联系我们****************/
.conL{width:98%; float: left; padding: 3% 1%; background: #fff; margin-top: 65%}
.conL h2{font-size: 18px;color: #08aebe;margin:42px 0}
.conL .box{width: 100%; float: left; margin: 5% 0}
.conL .box dl dt{width: 100%; float: left; font-size: 20px; margin-bottom: 10px; font-weight: bold; color: #FF7800}
.conL .box dl dd{width: 100%; float: left; line-height: 30px; margin: 3% 0}
.conL .box dl dd span{float: left;color: #999; background: left center no-repeat; padding-left: 30px}
.conL .box dl dd span.s1{background-image: url(../img/ic13.png)}
.conL .box dl dd span.s2{background-image: url(../img/ic14.png)}
.conL .box dl dd span.s3{background-image: url(../img/ic15.png)}
.conL .box dl dd span.s4{background-image: url(../img/ic16.png)}
.conL .box dl dd p{float: left; margin-left: 20px; color: #333}