﻿body {
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.ui-title {
    color: #000000;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}
.ui-title-w {
    margin-top: -30px;
}
.ui-title_span {
    color: #494949;
    font-size: 12px;
    margin: 12px auto 28px;
}
.ui-title_bg_line {
    position: relative;
    top: 25px;
}
.ui-list-step_header_index .i {
    height: 102px;
    margin: 0 auto;
    background: #fff;
    border-top: 1px solid #777;
    position: relative;
}
.ui-list-step_header_index .i.bor_b {
    border-bottom: 1px solid #777;
}

.ui-list-step_header_index .i div {
    text-align: left;
    color: #000;
    font-size: 16px;
    margin-left: 100px;
    margin-top: -28px;
}
.ui-list-step_header_index .i p {
    text-align: left;
    line-height: 24px;
    color: #939393;
    font-size: 14px;
    margin-left: 100px;
    margin-top: 6px;
}
.ui-list-step_header_index .i i {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    top: 30px;
    left: 32px;
    background-size: contain
}
.ui-list-step_header_index .i .i1 {
    background-image: url(../img/index/icon_sev1b.png);
}
.ui-list-step_header_index .i .i2 {
    background-image: url(../img/index/icon_sev2b.png);
}
.ui-list-step_header_index .i .i3 {
    background-image: url(../img/index/icon_sev3b.png);
}
.ui-list-step_header_index .i .i4 {
    background-image: url(../img/index/icon_sev4b.png)
}
.ui-list-step_header_index .i .i5 {
    background-image: url(../img/index/icon_sev5b.png)
}
.ui-list-step_header_index .i .i6 {
    background-image: url(../img/index/icon_sev6b.png)
}
.ui-list-step_header_index .i .i7 {
    background-image: url(../img/index/icon_sev7b.png)
}
.ui-list-step_header_index .i .i8 {
    background-image: url(../img/index/icon_sev8b.png)
}
.ui-list-step_header_index .i .i9 {
    background-image: url(../img/index/icon_sev9b.png)
}
.ui-list-step_header_index .i .i10 {
    background-image: url(../img/index/icon_case1.png)
}
.ui-list-step_header_index .i img {
    position: absolute;
    top: 16px;
    right: 26px;
}
/*智能语音 二级导航*/
.ui-path{
    margin-bottom:10px
}
.ui-path ul li{
  float: left;
}
.ui-path .i >a{
  display: inline-block;
  padding-right: 18px;
  background: url(../img/img/ico_aw-1.png) no-repeat 100% 50%;
  background-size: 8px 13px;
  color: #cecece;
  font-size: 19px;
}
.ui-path .i.on >a{
  background-image: url(../img/img/ico_aw-2.png);
  color: #444444;
}
.ui-path .i >p a{
  color: #dbdbdb;
  font-size: 16px;
  margin: 0 3px;
}
.ui-path .i >p a.on{
  color: #444444;
}
.ui-path .i.on{
  display: block;
}
.ui-path .i >a{
  font-size: 16px;
  margin-right: 10px;
}
.ui-path .i.on >p{
  display: inline-block;
}
.ui-path .i.on >p{
  padding-left: 0;
}
.ui-path .i >p a{
  font-size: 14px;
}
.ui-path .i >p a:first-child{
  margin-left: 0;
}
.mui-list-goods {
    width: 100%;
    background: #222;
    padding: 0 16px;
}
.mui-list-goods .i {
    height: 140px;
    margin: 0 auto;
    border-top: 1px solid #606060;
    position: relative;
    margin: 0 10px
}
/*智能语音导航-系统功能*/
.mui-list-goods.intelligent_goods .i{
    height: 140px;
}
.mui-list-goods .i_height {
    height: 118px;
}
.mui-list-goods .i i {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    top: 18px;
    left: 6px;
    background-size: contain
}
.mui-list-goods .txt h3 {
    color: #fff;
    text-align: left;
    font-size: 16px;
    margin: -28px 10px 0 60px;
    margin-left: 66px;
    margin-top: -28px;
}
.mui-list-goods .txt .txt-left {
    color: #939393;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    margin: 6px 0px 0 66px;
}
.mui-list-goods .i .i11 {
    background-image: url(../img/index/icon_case1.png)
}
.mui-list-goods .i .i12 {
    background-image: url(../img/index/icon_case2.png)
}
.mui-list-goods .i .i13 {
    background-image: url(../img/index/icon_case3.png)
}
.mui-list-goods .i .i14 {
    background-image: url(../img/index/icon_case4.png)
}
.mui-list-goods .i .i15 {
    background-image: url(../img/img/icon_goods_sol5.png)
}
.mui-list-goods .i .i16 {
    background-image: url(../img/img/icon_goods_sol6.png)
}
.mui-list-goods .i .i17 {
    background-image: url(../img/img/icon_goods_sol7.png)
}
.mui-list-goods .i .i18 {
    background-image: url(../img/img/icon_goods_sol8.png)
}
.mui-list-advantage ul li {
    position: relative;
    height: 140px;
    margin: 20px auto 0;
    max-width: 450px;
}
.mui-list-advantage .advantage_fuimg {
    padding-left: 26px;
    width: 54%;
    position: absolute;
    z-index: 2;
}
.mui-list-advantage .advantage_faimg {
    padding-left: 26px;
    width: 54%;
    position: absolute;
    right: 30px;
    z-index: 2;
}
.mui-list-advantage .fw {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 28px;
    background: url(../img/index/img_bgl.png) no-repeat;
    background-size: contain;
    text-align: right;
    padding-right: 20px;
    font-size: 15px;
}
.mui-list-advantage .fw.fw3{
    padding-right: 6px;
}
.mui-list-advantage .fa {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 28px;
    background: url(../img/index/img_bgr.png) no-repeat;
    background-size: contain;
    text-align: left;
    padding-left: 24px;
    font-size: 15px;
}
.advantage_txt {
    width: 148px;
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: 1;
}
.advantage_txt_fa {
    width: 148px;
    position: absolute;
    top: 0px;
    left: 26px;
    z-index: 1;
}
.fw_p {
    width: 130px;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 40px;
    color: #939393
}
.fw_p2 {
    width: 150px;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 20px;
    color: #939393
}
.fa_p {
    width: 124px;
    font-size: 12px;
    margin-top: 10px;
    color: #939393
}
.mui-list-evaluate{
    text-align:center
}
.mui-list-evaluate ul{
    margin-left: -6px
}
.mui-list-evaluate ul li {
    width: 31%;
    display: inline-block;
    vertical-align: top;
}
.mui-list-evaluate ul li {
    padding: 0 0px;
}
.mui-list-evaluate .i img {
    margin: 0 auto;
    text-align: center;
    position: relative;
    left: -16px
}
.mui-list-evaluate .con-p {
    color: #939393;
    line-height: 24px;
    width: 102px;
}
.mui-list-evaluate .fold {
    width: 20px;
    height: 20px;
    margin: 10px auto 30px;
    text-align: center;
}
.mui-list-evaluate .evaluate_ad li {
    width: 30%;
    padding: 0 10px;
    margin-left: 0
}
#fold_up {
    background: url(../img/index/btn_up.png) no-repeat;
    background-size: contain;
    display: none
}
#fold_down {
    background: url(../img/index/btn_down.png) no-repeat;
    background-size: contain;
}
.ui-btn-getstart {
    width: 90%;
    height: 45px;
    line-height: 45px;
    border-radius: 22.5px;
    font-size: 20px;
}
.ui-btn-getstart.inverse {
    background-color: #222;
    color: #fff;
    display: block;
    margin: 20px auto
}
.ui-btn-getstart.inverse:first-child {
    background: #ffd50f;
    color: #000
}
.mui-headview {
    height: 200px;
    background: none no-repeat center;
    background-size: cover;
    position: relative;
}
.mui-headview .ct h3{
    color:#fff;
    font-size:28px;
    text-align:center;
    margin-top:50px
}
.mui-headview .ct p{
    color:#fff;
    font-size:18px;
    text-align:center;
    width:100px;
    width: 260px;
    margin: 20px auto;
}
.mui-fullpart {
    background: none no-repeat center;
    position: relative;
}
.mui-fullpart .mcontainer {
    width: 100%
}
.mui-fullpart .ui-title_span {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    margin: 8px auto 16px;
    text-align: center;
}
.mui-fullpart .ui-text.style3 p{
    text-align: left;
    padding: 0 24px;
    font-size: 14px;
    line-height: 24px;
    color:#878787;
}
.mui-list-scenario ul {
    text-align:center
}
.mui-list-scenario.mbpo ul li {
    width: 20%;
    display: inline-block
}
.mui-list-scenario.mNumber ul li {
    width: 16%;
    display: inline-block
}
.mui-list-scenario .m .i {
    height: 50px;
    width: 50px;
    margin: 0 auto
}
.mui-list-scenario .i.i1 {
    background: url(../img/img/icon_sce1.png);
    background-size:contain
}
.mui-list-scenario .i.i2 {
    background: url(../img/img/icon_sce2.png);
    background-size: contain
}
.mui-list-scenario .i.i3 {
    background: url(../img/img/icon_sce3.png);
    background-size: contain
}
.mui-list-scenario .i.i4 {
    background: url(../img/img/icon_sce4.png);
    background-size: contain
}
.mui-list-scenario .i.i5 {
    background: url(../img/img/icon_sce5.png);
    background-size: contain
}
.mui-list-scenario .m p {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}
/*号码服务--解决方案*/
.mui-list-solutions {
    
}
.mui-list-solutions ul li{
    float:left;
    width:50%;
    box-sizing:border-box;
    background: #000;
    height:100px
}
.mui-list-solutions ul li.li1{
    border-right:1px solid #484848;
    border-bottom:1px solid #484848;
}
.mui-list-solutions ul li.li2{
    border-bottom:1px solid #484848;
}
.mui-list-solutions ul li.li3{
    border-right:1px solid #484848;
}
/*.mui-list-solutions ul li.rBline{
    border-right:1px solid red;
    border-bottom:1px solid red
}
.mui-list-solutions ul li.Ltline{
    border-left:1px solid red;
    border-top:1px solid red;
}*/
.mui-list-solutions .i {
    width: 50px;
    height: 50px;
    display:inline-block;
    margin:24px 0  0 20px;
}
.mui-list-solutions .i1{
    background: url(../img/img/icon_sol1.png) no-repeat;
    background-size:100% 100%;
}
.mui-list-solutions .i2 {
    background: url(../img/img/icon_sol2.png) no-repeat;
    background-size:100% 100%;
}
.mui-list-solutions .i3 {
    background: url(../img/img/icon_sol3.png) no-repeat;
    background-size:100% 100%;
}
.mui-list-solutions .i4 {
    background: url(../img/img/icon_sol4.png) no-repeat;
    background-size:100% 100%;
}
.mui-list-solutions .txt{
    display:inline-block;
    vertical-align: top;
}
.mui-list-solutions .txt .fw{
    color:#fff;
    font-size:15px;
    margin-top:40px;
    margin-left:10px
}
/* 智能语音导航 */
.mui-iconography{
}
.mui-iconography ul{
    width: 90%;
    height: 340px;
    border: 1px solid #fff;
    margin: 24px auto 10px;
    padding: 27px 0;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2)
}
.mui-iconography .user{
    width: 186px;
    height: 50px;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 30px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}
.mui-iconography .p{
    display: inline-block;
    line-height: 48px;
    font-size: 16px;
    margin-left: 10px;
}
.mui-iconography .user .p {
    color: #fff;
}
.mui-iconography .intel{
    width: 230px;
    height: 50px;
    background-color: #FFD50F;
    border: 1px solid #FFD50F;
    border-radius: 30px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}
.mui-iconography .intel .p{
    color: #000;
}
.mui-iconography .icon {
    display: inline-block;
    width: 26px;
    height: 28px;
    vertical-align: top;
    margin-left: 30px;
    margin-top: 12px;
}
.mui-iconography .icon.iphone{
    background: url(../img/img/icon_call.png) no-repeat;
    background-size: contain;
}
.mui-iconography .icon.intelligent{
    background: url(../img/img/icon_ivr.png) no-repeat;
    background-size: contain;
    margin-left: 20px;
}
.mui-iconography .img_arrows{
    text-align:center
}
.mui-iconography .ui-list{
    float: left;
    width: 25%;
    text-align: center;
}
.mui-iconography .ui-list-ico .i{
    width: 50px;
    height: 50px;
    background: #000;
    display: block;
    margin: 0 auto;
}
.mui-iconography .ui-list-ico .txt{
    display: inline-block;
    line-height: 56px;
    font-size: 16px;
}
.mui-iconography .ui-list-ico .i1{
    background: url(../img/img/icon_ppr1.png);
    background-size:100% 100%;
}
.mui-iconography .ui-list-ico .i2{
    background: url(../img/img/icon_ppr2.png);
    background-size:100% 100%;
}
.mui-iconography .ui-list-ico .i3{
    background: url(../img/img/icon_ppr3.png);
    background-size:100% 100%;
}
.mui-iconography .ui-list-ico .i4{
    background: url(../img/img/icon_ppr4.png);
    background-size:100% 100%;
}
/*智能语音导航-方案优势*/
.mui-list-system ul li {
    width: 90%;
    margin: 26px auto;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}
.mui-list-system .i {
    display: flex;
    width: 100%;
    height: 160px;
}
.mui-list-system .i .img {
    width: 200px;
    height: 160px;
    background: #000;
}
.mui-list-system .i .img1{
    background: url(../img/img/img_padv1.png) no-repeat;
    background-size:contain;
}
.mui-list-system .i .img2{
    background: url(../img/img/img_padv2.png) no-repeat;
    background-size:contain;
}
.mui-list-system .i .img3{
    background: url(../img/img/img_padv3.png) no-repeat;
    background-size:contain;
}
.mui-list-system .i .img4{
    background: url(../img/img/img_padv4.png) no-repeat;
    background-size: contain;
}
.mui-list-system .i .img5{
    background: url(../img/img/img_padv5.png) no-repeat;
    background-size: contain;
}
.mui-list-system .i .txt {
   width: 100%;
   padding: 16px;
}
.mui-list-system .i .txt h3{
   font-size: 14px;
   padding-bottom: 10px;
   font-weight: bold;
}
.mui-list-system .i .txt .txt-right{
    font-size: 14px;
    color: #878787;
    line-height: 24px;
    text-align: justify;
}