﻿/*----------pages.css----------*/
@charset "utf-8";
.ui-banner-home .img{
  background: none no-repeat center;
  background-size: cover;
}
.ui-banner-home .carousel-inner{
  line-height: 0;
  overflow: inherit;
}
.ui-banner-home .carousel-control{
  width: 40px;
  background: none;
  filter: none;
  opacity: 1 !important;
}
.ui-banner-home .carousel-control .aw{
  display: inline-block;
  width: 40px;
  height: 40px;
  background: none no-repeat center rgba(255, 255, 255, .5);
  background-size: 11px 20px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.ui-banner-home .carousel-control .aw.l{
  background-image: url(../img/ico_li-prev.png);
  left: 80px;
}
.ui-banner-home .carousel-control .aw.r{
  background-image: url(../img/ico_li-next.png);
  right: 80px;
}
/*.ui-banner-home .carousel-indicators li{
  margin: 0 10px;
}*/
.carousel-indicators li {
    margin: 0 10px;
    border: none;
    background-color: rgba(245,189,31,0.4)
}
.carousel-indicators .active {
    background: #ffde04;
    border: none;
    width: 40px;
    height:10px;
}
.ui-banner-home .carousel-indicators p {
    font-family: 'PingFang SC'
}

.ui-fullpart .container_big {
    width: 1200px;
    margin: 0 auto
}
.ui-list-step_header_index ul li {
    float: left;
    margin-bottom: 24px;
    margin-right: 24px;
}
.ui-list-step_header_index ul li:nth-child(3) {
    margin-right: 0px;
}
.ui-list-step_header_index ul li:nth-child(6) {
    margin-right:0px;
}
.ui-list-step_header_index ul li:nth-child(9) {
    margin-right:0px;
}
.ui-list-step_header_index .link {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px;
}
.ui-list-step_header_index .i {
    width: 383px;
    height: 114px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}
.ui-list-step_header_index .i:hover{
    background: #000;
}
.ui-list-step_header_index .i:hover div{
    color: #ffde04;
}
.ui-list-step_header_index .i:hover p{
    color: #fff;
}
.ui-list-step_header_index .i:hover .link{
    display:block
}
.ui-list-step_header_index .i div {
    text-align: left;
    color: #000;
    font-size: 18px;
    margin-left: 114px;
    margin-top: -44px;
    font-weight: 600;
}
.ui-list-step_header_index .i p{
  text-align: left;
  line-height: 24px;
  color: #878787;
  font-size: 14px;
  margin-left:114px;
  margin-top: 12px;
}
.ui-list-step_header_index .i i{
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    top: 26px;
    left: 20px;
}
.ui-list-step_header_index .i .i1 {
    background: url(../img/index/icon_sev1.png) no-repeat center;
}
.ui-list-step_header_index .i .i2{
    background: url(../img/index/icon_sev2.png) no-repeat center;
}
.ui-list-step_header_index .i .i3 {
    background: url(../img/index/icon_sev3.png) no-repeat center;
}
.ui-list-step_header_index .i .i4 {
    background: url(../img/index/icon_sev4.png) no-repeat center;
}
.ui-list-step_header_index .i .i5 {
    background: url(../img/index/icon_sev5.png) no-repeat center;
}
.ui-list-step_header_index .i .i6 {
    background: url(../img/index/icon_sev6.png) no-repeat center;
}
.ui-list-step_header_index .i .i7 {
    background: url(../img/index/icon_sev7.png) no-repeat center;
}
.ui-list-step_header_index .i .i8 {
    background: url(../img/index/icon_sev8.png) no-repeat center;
}
.ui-list-step_header_index .i .i9 {
    background: url(../img/index/icon_sev9.png) no-repeat center;
}
/*注册，业务咨询按钮（页面最下方）*/
.ui-btn-getstart {
    display: inline-block;
    width: 328px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
    border-radius: 33px;
    color: #1a1a1a;
    font-size: 22px;
    margin:10px 25px;
}
.ui-btn-getstart.ui-btn-signIn{
    width:240px;
    height:60px
}
.ui-btn-getstart.inverse{
  background-color: #1f1f1f;
  color: #fff;
}
.ui-btn-getstart:hover{
  color: #000;
  background-color: #ffde04;
}
.ui-btn-getstart.inverse:hover{
  color: #000;
  background-color: #ffde04;
}
.ui-btn-daytrial {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #000;
    border-radius: 33px;
    color: #fff;
    font-size: 16px;
    margin-top: 36px;
    cursor: pointer
}
.ui-btn-daytrial:hover{
    background: #ffde04;
    color: #000
}
.index_btn_getstart {
    position: relative;
    top: -17px;
    margin-bottom: 25px;
}
.mar52 {
    margin: 52px 0;
}
/* 两个模块背景都是白色时 下面的模块用ui-fullpart-w */
.ui-fullpart-w {
    background: none no-repeat center;
    background-size: cover;
    padding: 72px 0 0px;
    position: relative;
}
.ui-fullpart {
    background: none no-repeat center;
    background-size: cover;
    padding: 72px 0 52px;
    position: relative;
    min-width: 1200px;
}
.ui-title {
    color: #000000;
    text-align: center;
}
.ui-title .ui-title_span{
  width: 800px;
  margin: 0 auto;
  font-size: 21px;
  margin: 30px auto 50px;
  text-align: center;
  color:#878787 
}
.ui-title.left{
  text-align: left;
}
.ui-title.inverse{
  color: #fff;
}
.ui-title h3{
  font-size: 36px;
  font-family: 'Microsoft YaHei';
  font-weight: 500;
}
.ui-title p .style{
  display: block;
  width: 320px;
  margin: 0 auto;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 24px;
  margin: 30px auto 52px;
  text-align: center;
}
.ui-title p .style1{
  display: block;
  width: 320px;
  margin: 0 auto;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 24px;
  margin: 30px auto 52px;
  text-align: center;
}
.ui-title p .style2 {
    display: block;
    width: 240px;
    margin: 0 auto;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 24px;
    margin: 24px auto 52px;
    text-align: center;
}
.ui-title p .style3{
  display: inline-block;
  font-size: 42px;
  color: #808080;
}
.ui-title p .style4{
  display: block;
  width: 400px;
  margin: 0 auto;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 24px;
  margin: 30px auto 52px;
  text-align: center;
}
.ui-title p i{
  display: inline-block;
  width: 9px;
  height: 24px;
  background: none no-repeat center;
  background-size: 9px 24px;
  vertical-align: middle;
}
.ui-title p i.l{
  background-image: url(../img/ico_redcommit-l.png);
  float: left;
}
.ui-title p .style3 i.l{
  margin-right: 35px;
  margin-top: 20px;
}
.ui-title p i.r{
  background-image: url(../img/ico_redcommit-r.png);
  float: right;
}
.ui-title p .style3 i.r{
  margin-left: 35px;
  margin-top: 20px;
}
.ui-title-new i.ui-title_bg_line {
    height: 30px;
    position: relative;
    top: 30px
}

.ui-title-new .colorYellow h3 {
    color: #ffde04
}

.ui-title-new .colorYellow P {
    color: #fff
}
.ui-text.style1 p{
  text-align: center;
  line-height: 25px;
  color: #000000;
  font-size: 16px;
}
.text-left.style-yell{
  text-align: left;
  line-height: 36px;
  color: #ffde04;
  font-size: 22px;
  font-weight:bold;
  border-bottom:1px dashed #bfbfbf;
}
.style-yell-line{
    width:87px;
    height:2px;
    background:#ffde04;
    position:relative;
    top:-2px;
    margin-bottom:26px
}
.ui-text-box {
    margin-bottom: 20px;
    text-align: center;
    margin: 10px 0;
}
.ui-text-box-div {
    width: 234px;
    height: 230px;
    border: 1px solid #dcdcdc;
    margin: 10px 10px 20px;
    text-align: center;
    position: relative;
    float: left;
}
.ui-text-box-div img{margin-top:40px}
.ui-text-box-div p{
    position:absolute;
    bottom:0px;
    width:100%;
    height:60px;
    background:#ffde04;
    color:#666666;
    font-size:16px;
    line-height:60px;
}
p.blod {
    font-weight: 600;
    font-size: 17px;
}
.ct .red {
    color: red;
}
.ui-flipcont span.blod{
    font-weight: 600;
    font-size: 16px;
}
.ui-text.style2 p{
  text-align: center;
  color: #000000;
  font-size: 20px;
}
.ui-text.style3 p{
  text-align: left;
  color: #878787;
  font-size: 14px;
  margin-bottom: 50px;
  line-height:26px;
}
.ui-text.style4 p{
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.ui-text.style5 p{
  text-align: center;
  color: #2c2c2c;
  font-size: 18px;
}
.ui-headview{
  height: 448px;
  background: none no-repeat center;
  background-size: cover;
  position: relative;
}
.ui-headview >i{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.ui-headview .ct{
  padding-top: 140px;
  text-align: center;
  color: #fff;
}
.ui-headview .ct h3{
  font-size: 60px;
  margin: 0 0 22px;
}
.ui-headview .ct h3 span{
  display: inline-block;
  position: relative;
}
.ui-headview .ct h3 span i{
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -15px;
  border-bottom: 1px solid #fff;
}
.ui-headview .ct h4{
  font-size: 40px;
  margin: 30px 0;
  text-transform: uppercase;
}
.ui-headview .ct p{
  font-size: 18px;
  line-height: 30px;
}
.ui-list-goods {
    margin-top: 66px;
}
.ui-list-goods.span3{
  margin: 0 50px;
}
.ui-list-goods.span5{
  margin: 0;
}
.ui-list-goods ul{
  text-align: center;
}
.ui-list-goods ul li{
  display: inline-block;
  margin: 0 31px;
  vertical-align: top;
}
.ui-list-goods ul li:nth-child(1){
    margin-left: 0
}
.ui-list-goods ul li:nth-child(4){
    margin-right: 0
}
.ui-list-goods .i{
  width: 250px;
  height: 394px;
  position: relative;
  /*top: 52px;*/
}
.ui-list-goods.span5 .i{
  width: 220px;
}
.ui-list-goods .i:hover {
    background-color: #ffffff;
    position: relative;
    top: -20px;
}
.ui-list-goods .i .img {
    height: 180px;
    position: relative;
    background: none no-repeat 50% 45px;
}
.ui-list-goods .i .img > i {
    position: absolute;
    bottom: 0;
    left: 90px;
    right: 90px;
    border-bottom: 2px solid #fff;
}
.ui-list-goods .i:hover .img >i{
  border-bottom-color: #ffde04;
}
.ui-list-goods .i .txt{
  text-align: center;
  color: #fff;
  margin: 0 15px;
}
.ui-list-goods .i:hover .txt{
  color: #888;
}
.ui-list-goods .i:hover .txt h3 {
  color:#000
}
.ui-list-goods .i .txt h3{
  margin: 20px 0;
  font-size: 18px;
}
.ui-list-goods .i .txt .txt-left{
    text-align: justify
}
.ui-list-goods .i .txt .txt-center {
    text-align: center;
    padding: 20px 40px;
}
.ui-list-goods .i .txt p {
    line-height: 24px;
    font-size: 14px;
}
/* 号码管理  */
.ui-list-goods.numberSever .i {
    height: 250px;
}
.ui-list-goods.numberSever .i .img{
    height:168px;
}
.ui-list-goods .i .img.ico_1 {
    background-image: url(../img/img_product/icon_goods_sol1.png);
}
.ui-list-goods .i:hover .img.ico_1 {
    background-image: url(../img/img_product/icon_goods_sol1b.png);
}
.ui-list-goods .i .img.ico_2 {
    background-image: url(../img/img_product/icon_goods_sol2.png);
}
.ui-list-goods .i:hover .img.ico_2 {
    background-image: url(../img/img_product/icon_goods_sol2b.png);
}
.ui-list-goods .i .img.ico_3 {
    background-image: url(../img/img_product/icon_goods_sol3.png);
}
.ui-list-goods .i:hover .img.ico_3 {
    background-image: url(../img/img_product/icon_goods_sol3b.png);
}
.ui-list-goods .i .img.ico_4 {
    background-image: url(../img/img_product/icon_goods_sol4.png);
}
.ui-list-goods .i:hover .img.ico_4 {
    background-image: url(../img/img_product/icon_goods_sol4b.png);
}
.ui-list-goods .i .img.ico_5 {
    background-image: url(../img/img_product/icon_goods_sol5.png);
}
.ui-list-goods .i:hover .img.ico_5 {
    background-image: url(../img/img_product/icon_goods_sol5b.png);
}
.ui-list-goods .i .img.ico_6 {
    background-image: url(../img/img_product/icon_goods_sol6.png);
}
.ui-list-goods .i:hover .img.ico_6 {
    background-image: url(../img/img_product/icon_goods_sol6b.png);
}
.ui-list-goods .i .img.ico_7 {
    background-image: url(../img/img_product/icon_goods_sol7.png);
}
.ui-list-goods .i:hover .img.ico_7 {
    background-image: url(../img/img_product/icon_goods_sol7b.png);
}
.ui-list-goods .i .img.ico_8 {
    background-image: url(../img/img_product/icon_goods_sol8.png);
}
.ui-list-goods .i:hover .img.ico_8 {
    background-image: url(../img/img_product/icon_goods_sol8b.png);
}
.ui-list-goods .i .img.ico_9 {
    background-image: url(../img/img_product/icon_goods_sol9.png);
}
.ui-list-goods .i:hover .img.ico_9 {
    background-image: url(../img/img_product/icon_goods_sol9b.png);
}
.ui-list-goods .i .img.ico_10 {
    background-image: url(../img/img_product/icon_goods_sol10.png);
}
.ui-list-goods .i:hover .img.ico_10 {
    background-image: url(../img/img_product/icon_goods_sol10b.png);
}
.ui-list-goods .i .img.ico_11 {
    background-image: url(../img/img_product/icon_goods_sol11.png);
}
.ui-list-goods .i:hover .img.ico_11 {
    background-image: url(../img/img_product/icon_goods_sol11b.png);
}
.ui-list-goods .i .img.ico_12 {
    background-image: url(../img/img_product/icon_goods_sol12.png);
}
.ui-list-goods .i:hover .img.ico_12 {
    background-image: url(../img/img_product/icon_goods_sol12b.png);
}
.ui-list-goods .i .img.ico_13 {
    background-image: url(../img/img_product/icon_goods_sol13.png);
}
.ui-list-goods .i:hover .img.ico_13 {
    background-image: url(../img/img_product/icon_goods_sol13b.png);
}
.ui-list-goods .i .img.ico_14 {
    background-image: url(../img/img_product/icon_goods_sol14.png);
}
.ui-list-goods .i:hover .img.ico_14 {
    background-image: url(../img/img_product/icon_goods_sol14b.png);
}
.ui-list-goods .i .img.ico_15 {
    background-image: url(../img/img_product/icon_goods_sol15.png);
}
.ui-list-goods .i:hover .img.ico_15 {
    background-image: url(../img/img_product/icon_goods_sol15b.png);
}
.ui-list-goods .i .img.ico_16 {
    background-image: url(../img/img_product/icon_goods_sol16.png);
}
.ui-list-goods .i:hover .img.ico_16 {
    background-image: url(../img/img_product/icon_goods_sol16b.png);
}
.ui-list-goods .i .img.ico_17 {
    background-image: url(../img/img_product/icon_goods_sol17.png);
}
.ui-list-goods .i:hover .img.ico_17 {
    background-image: url(../img/img_product/icon_goods_sol17b.png);
}
.ui-list-goods .i .img.ico_18 {
    background-image: url(../img/img_product/icon_goods_sol18.png);
}
.ui-list-goods .i:hover .img.ico_18 {
    background-image: url(../img/img_product/icon_goods_sol18b.png);
}
.ui-list-goods .i .img.ico_19 {
    background-image: url(../img/img_product/icon_goods_sol19.png);
}
.ui-list-goods .i:hover .img.ico_19 {
    background-image: url(../img/img_product/icon_goods_sol19b.png);
}
.ui-list-goods .i .img.ico_20 {
    background-image: url(../img/img_product/icon_goods_sol20.png);
}
.ui-list-goods .i:hover .img.ico_20 {
    background-image: url(../img/img_product/icon_goods_sol20b.png);
}



/*首页解决方案*/
.ui-list-goods .i .img.ico47 {
    background-image: url(../img/index/icon_case1.png);
}
.ui-list-goods .i:hover .img.ico47 {
    background-image: url(../img/index/icon_case1b.png);
}
.ui-list-goods .i .img.ico48 {
    background-image: url(../img/index/icon_case2.png);
}
.ui-list-goods .i:hover .img.ico48 {
    background-image: url(../img/index/icon_case2b.png);
}
.ui-list-goods .i .img.ico49 {
    background-image: url(../img/index/icon_case3.png);
}
.ui-list-goods .i:hover .img.ico49 {
    background-image: url(../img/index/icon_case3b.png);
}
.ui-list-goods .i .img.ico50 {
    background-image: url(../img/index/icon_case4.png);
}
.ui-list-goods .i:hover .img.ico50 {
    background-image: url(../img/index/icon_case4b.png);
}
.ui-banner-client{
    height:240px;
    margin: 0 auto;
    position:relative;
    top: -20px
}
.ui-banner-client .carousel-inner .item{
    text-align:center
}
.ui-banner-client .carousel-inner img{
    display:inline-block
}
.ui-banner-client .carousel-indicators{
    position: relative;
    top: 330px;
}
.ui-banner-client .text-center{
    margin-top:80px
}
.position_left {
    float: left;
    margin-left: -27px;
}

.position_lefts {
    float: left;
    margin-left: 18px;
}
/* 智能语音导航 */
.ui-list-goods.zhinengy .i{
    background: rgba(255,255,255,0.1)
}
.ui-list-goods.zhinengy .i:hover{
    background: rgba(255,255,255,1)
}
.ui-list-goods.height420 .i{
    height: 420px
}
.ui-list-goods.height284 .i{
    height: 284px
}
.ui-list-goods.height466 .i{
    height: 466px
}
.ui-list-goods.minheight .i .txt .txt-left{
    width: 140px;
    margin: 20px auto;
}
/* bpo 外包 */
.ui-list-bpoline ul li {
    float: left;
    width: 25%;
    margin-bottom: 0px;
    text-align: center;
}
.ui-list-bpoline ul li .title {
    font-size: 21px;
    color: #000;
    padding: 16px 0;
    font-weight: normal
}
.ui-list-bpoline .i > i {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #444444;
    border-radius: 50%;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-style: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 64%;
    margin: 0 auto 14px;
}
.ui-list-bpoline .img {
    width: 300px;
    height: 148px;
    border-bottom: 8px solid #ffde04;
    overflow: hidden;
}
.ui-list-bpoline .img img{
    margin: 0 auto;
    text-align:center;
    transition: transform 0.6s;
}
.ui-list-bpoline .img img:hover {
    transform: scale(1.2,1.2);
}
/*号码管理*/
.ui-list-bpoline5 ul li {
    float: left;
    width: 20%;
    margin-bottom: 0px;
    text-align: center;
}
.ui-list-bpoline5 ul li .title {
    font-size: 21px;
    color: #000;
    padding: 16px 0;
    font-weight: normal
}
.ui-list-bpoline5 .i > i {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #444444;
    border-radius: 50%;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-style: normal;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 64%;
    margin: 0 auto 14px;
}
.ui-list-bpoline5 .img {
    width: 240px;
    height: 140px;
    border-bottom: 8px solid #ffde04;
    overflow: hidden;
}
.ui-list-bpoline5 .img img {
    margin: 0 auto;
    text-align: center;
    transition: transform 0.6s;
}
.ui-list-bpoline5 .img img:hover {
    transform: scale(1.2,1.2);
}
.ui-list-advlist{
    width: 100%
}
.ui-list-advlist ul li .i {
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    margin: 30px 0px;
}
.ui-list-advlist .p{
    display: inline-block;
    background: #fff;
    height: 200px;
    width: 396px;
    vertical-align: top;
    padding: 42px;
}
.ui-list-advlist .img {
    display: inline-block;
    height: 200px;
    vertical-align: top;
}
.ui-list-advlist .p h3{
    font-weight: bold;
    margin-bottom:18px
}
.ui-list-advlist .p p{
    color: #878787;
    margin-top:5px;
    line-height: 22px;
    font-size:14px;
}
.ui-list-advlist .p.p3{
    padding: 42px 0 0 42px;
}
/*智能语音导航  传统VS智能*/
.ui-list-vs ul {
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    width: 100%;
    height: 500px
}
.ui-list-vs ul li {
    float: left;
    width: 50%;
    height: 528px;
}
.ui-list-vs .top_black {
    background: #000;
    color: #fff;
}
.ui-list-vs .top_yellow {
    background: #ffde04;
    color: black;
}
.ui-list-vs .top{
    position:relative;
    height:60px;
    text-align:center;
    line-height: 60px;
    font-size:18px
}
.ui-list-vs .r_v {
    position:absolute;
    right: 0;
    top:0px;
    font-size: 36px;
}
.ui-list-vs .l_s {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 36px;
}
.ui-list-vs p.content {
    font-size: 14px;
    line-height: 22px;
    margin-top:40px;
}
.ui-list-vs p.mg-l {
    margin-left: 22px
}
.ui-list-vs ul li img{
    margin: 30px 0 0 20px
}
/*智能语音导航-我们的优势 5列*/
.ui-list-advantage5 li {
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}
.ui-list-advantage5 li:nth-child(1) {
    margin-left: 0;
}
.ui-list-advantage5 li:nth-child(5) {
    margin-right: 0;
}
.ui-list-advantage5 .i {
    width: 220px;
    height: 466px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.ui-list-advantage5 .i .img {
    width: 220px;
    height: 200px;
    overflow: hidden;
}
.ui-list-advantage5 .img img {
    margin: 0 auto;
    text-align: center;
    transition: transform 0.6s;
}
.ui-list-advantage5 .img img:hover {
    transform: scale(1.2,1.2);
}
.ui-list-advantage5 .txt h3 {
    text-align: center;
    margin: 40px 0 20px;
}
.ui-list-advantage5 .txt p {
    padding: 0 22px;
    text-align: justify;
    line-height: 24px;
    color: #878787;
    font-size: 14px;
}
/*营销型呼叫中心-应用场景 4列*/
.ui-list-advantage4 li {
    display: inline-block;
    margin: 0 11px;
    vertical-align: top;
}
.ui-list-advantage4 li:nth-child(1) {
    margin-left: 0;
}
.ui-list-advantage4 li:nth-child(4) {
    margin-right: 0;
}
.ui-list-advantage4 .i {
    width: 280px;
    height: 320px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    background: #fff;
}
.ui-list-advantage4 .i .img {
    overflow: hidden;
}
.ui-list-advantage4 .img img {
    margin: 0 auto;
    text-align: center;
    transition: transform 0.6s;
}
.ui-list-advantage4 .img img:hover {
    transform: scale(1.2,1.2);
}
.ui-list-advantage4 .txt h3 {
    text-align: center;
    margin: 40px 0 20px;
}
.ui-list-advantage4 .txt p {
    padding: 0 24px;
    text-align: justify;
    line-height: 24px;
    color: #878787;
    font-size: 14px;
}

/*首页-我们的优势*/
.ui-list-Advantage3 li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}
.ui-list-Advantage3 li:nth-child(1){
    margin-left: 0;
}
.ui-list-Advantage3 li:nth-child(3){
    margin-right: 0;
}
.ui-list-Advantage3 .i{
   width: 390px;
   height: 386px;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.ui-list-Advantage3 .i.minwidth {
    width: 380px;
    height: 370px;
}
.ui-list-Advantage3 .i.maxheight{
    height: 440px
}

.ui-list-Advantage3 .i .img {
    height: 260px;
    overflow: hidden;
}
.ui-list-Advantage3 .i .img.minheight{
    height: 230px;
}
.ui-list-Advantage3 .img img {
    margin: 0 auto;
    text-align: center;
    transition: transform 0.6s;
}
.ui-list-Advantage3 .img img:hover {
    transform: scale(1.2,1.2);
}
.ui-list-Advantage3 .txt h3 {
    text-align: center;
    margin: 20px 0;
}
.ui-list-Advantage3 .txt p {
    padding: 0 36px;
    text-align: justify;
    line-height: 24px;
    color: #878787;
    font-size: 14px;
}
.ui-list-Advantage3 .txt p.noH3{
    padding: 36px 30px;
}

.ui-list-step {
}
.ui-list-step.span5{
  margin: 0;
}
.ui-list-step ul{

}
.ui-list-step.center ul{
  text-align: center;
}
.ui-list-step ul li{
  float: left;
  width: 30%;
}
.ui-list-step ul li.li2_padding{
    margin: 0 58px
}
.ui-list-step.center ul li{
  width: 33%;
  float: none;
  display: inline-block;
}
.ui-list-step.span2 ul li{
  width: 50%;
}
.ui-list-step.span5 ul li{
  width: 20%;
  padding: 0 15px;
}
/*营销型呼叫中心*/
/* css垂直居中可用display:table; */
.ui-list-step .i{
  background: #fff;
  border-radius: 28px;
  height: 56px;
  box-shadow: 0 0 8px #ccc;
  display:table;
}
.ui-list-step .i >i{
  display: inline-block;
  width: 80px;
  height: 80px;
  background-color: #444444;
  border: 6px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 8px #ccc;
  line-height: 68px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  float: left;
  position: relative;
  left: -10px;
}
.ui-list-step .i p {
  width: 360px;
  color: #878787;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 22px;
  line-height:22px;
}
.ui-list-step .i h5{
  color: #8492af;
  font-size: 17px;
  line-height: 20px;
  margin-left: 76px;
}
/*营销型呼叫中心-外呼功能*/
.ui-call-function{

}
.ui-call-function .top_title { 
    width: 504px;
    height: 66px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 66px;
    border: 2px solid #fff;
    text-align:center;
    margin: 0 auto;
    color:#fff
}
/*.ui-call-function .right_con ul{
    margin-left:100px
}*/
.ui-call-function .right_con ul li {
    float: left;
    position:relative
}
.ui-call-function .right_con{
    margin-left:150px
}
.ui-call-function .left_con{
    position: absolute;
    top: 368px;
}
.ui-call-function ul li .child_title {
    width: 252px;
    height: 68px;
    background: #ffde04;
    margin: 0 21px;
    color: #000;
    text-align: center;
    font-size: 18px;
    line-height: 68px;
    margin-top: 40px;
    font-family: 'Microsoft YaHei';
}
.ui-call-function .child_con1 {
    width: 252px;
    height: 140px;
    border: 2px solid #fff;
    margin: 0 21px;
    color: #fff;
    text-align: justify;
    font-size: 18px;
    padding: 20px 16px;
    letter-spacing: 3px;
    line-height: 32px;
    margin-top: 38px;
}
.ui-call-function .child_con2{
    width: 252px;
    height: 140px;
    border: 2px solid #fff;
    margin: 0 21px;
    color: #fff;
    text-align: justify;
    font-size: 18px;
    padding: 20px 16px;
    letter-spacing: 3px;
    line-height: 32px;
    margin-top: 38px;
}
.ui-call-function .child_con2 span{
    padding-left:28px
}
.ui-call-function .flot_p{
    width:70px;
    height:140px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 18px;
    margin-bottom: 38px;
}
.ui-call-function .img_arrows_w1{
    position: absolute;
    top: 54px;
    left: 96px;
}
.ui-call-function .img_arrows_w2{
    position: absolute;
    top: 236px;
    left: 96px;
}
.ui-call-function .img_arrows_y1{
    position: absolute;
    top: 112px;
    left: 134px;
}
.ui-call-function .img_arrows_y2{
    position: absolute;
    top: 290px;
    left: 134px;
}
.ui-call-function .img_arrows_y2_1{
    position: absolute;
    top: 112px;
    left: 142px;
}
.ui-call-function .img_arrows_y2_2{
    position: absolute;
    top: 290px;
    left: 142px;
}
.ui-call-function .img_arrows_y3_1{
    position: absolute;
    top: 112px;
    left: 142px;
}
.ui-call-function .img_arrows_y3_2{
    position: absolute;
    top: 290px;
    left: 142px;
}
/*智能语音外呼/营销型呼叫中心 -我们的优势*/
.ui-list-call{

}
.ui-list-call ul li{
  float: left;
  margin-right: 29px;
  margin-bottom: 25px;
}
.ui-list-call ul li:nth-child(3){
  margin-right: 0
}
.ui-list-call ul li:nth-child(6){
    margin-right: 0;
}
.ui-list-call ul li:nth-child(9){
    margin-right: 0
}
/*.ui-list-call ul li:nth-child(4){
    margin-bottom: 0px;
}
.ui-list-call ul li:nth-child(5){
    margin-bottom: 0px;
}*/
.ui-list-call .i{
  display: block;
  width: 380px;
  height: 228px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
/*.ui-list-call .i >img{
  width: 100%;
  height: 100%;
}*/
.ui-list-call .i >.ct{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
}
.ui-list-call .i:hover >.ct{
  display: block;
  padding: 38px 62px;
}
/*.ui-list-call .i >.ct p{
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  margin: 0 25px;
  margin-top: 20px;
}*/
/*.ui-list-call .i >.ct p:first-child{
  margin-top: 65px;
}*/
.ui-list-call .i >.ct .title{
  font-size: 16px;
  color: #ffde04;
  margin-bottom:12px
}
.ui-list-call .i >.ct .con{
  font-size: 14px;
  color: #fff;
  text-align:justify;
  line-height: 24px
}
.ui-list-call .tp {
  text-align: center;
  margin-top: 44px;
}
.ui-list-call .tp .p {
  font-size: 18px;
  color: #000;
  margin-top: 20px;
}
.ui-drawing {
  width: 100%;
  box-shadow: 0 0 8px #ccc;
  margin: 50px 0;
  height: 504px
}
.ui-list-call .tp_bg {
  text-align: center;
}
.ui-list-call .tp_bg .p{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0px;
}
.ui-list-call .i > .ct.rgba {
    background: rgba(0,0,0,0.8);
}
.ui-list-call .i:hover > .tp_bg .p {
    display:none
}
.ui-list-call .i:hover > .ct.rgba {
    padding: 38px 32px
}

/*智能网络客服 -我们的优势*/
.ui-list-transparent {
}
.ui-list-transparent ul li{
  float: left;
  margin-right: 29px;
  margin-bottom: 25px;
}
.ui-list-transparent ul li:nth-child(3){
  margin-right: 0
}
.ui-list-transparent ul li:nth-child(6){
    margin-right: 0;
}
.ui-list-transparent ul li:nth-child(9){
    margin-right: 0
}
.ui-list-transparent .i{
  display: block;
  width: 379px;
  height: 228px;
  overflow: hidden;
  position: relative;
  box-shadow: none;
}
.ui-list-transparent .i >.ct{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
}
.ui-list-transparent .i:hover >.ct{
  display: block;
  padding: 38px 62px;
}
.ui-list-transparent .i >.ct .title{
  font-size: 16px;
  color: #ffde04;
  margin-bottom:12px
}
.ui-list-transparent .i >.ct .con{
  font-size: 14px;
  color: #fff;
  text-align:justify;
  line-height: 24px
}
.ui-list-transparent .tp {
  text-align: center;
  margin-top: 44px;
}
.ui-list-transparent .tp .p {
  font-size: 18px;
  color: #000;
  margin-top: 20px;
}
.ui-list-transparent .tp_bg {
  text-align: center;
}
.ui-list-transparent .tp_bg .p{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0px;
}
.ui-list-transparent .i:hover > .tp_bg .p {
    background: rgba(0,0,0,0.8);
}
/*网页电话*/
.ui-phone {
    position: relative;
    height: 456px
}
.ui-phone.voicecall{
     height: 404px
}
.ui-phone .content{
    width: 100%;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    text-align: center;
    position: relative;
    top: 276px;
    background: #fff;
    z-index: 10;
}
.ui-phone .i{
    width: 224px;
    height: 180px;
    display:inline-block;
    position: relative;
    vertical-align: top;
}
.ui-phone.voicecall .i{
    height: 130px;
}

.ui-phone .i .title{
    text-align: center;
    font-size: 18px;
    margin: 40px 0 18px;
}
.ui-phone .i .p{
    text-align: justify;
    color: #878787;
    font-size: 14px;
    line-height: 22px;
}
.ui-phone.voicecall .i .p {
    text-align: center
}
.ui-phone .line{
    width: 2px;
    height: 106px;
    background:#ccc;
    display:inline-block;
    margin: 0 36px;
    position: relative;
    top: 38px;
}
.ui-phone.voicecall .line {
    top: 12px;
}
.ui-phone .phone {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -304px;
}
.ui-phone .phone_wangydh{
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -610px;
}
.ui-phone .phone .phone_img1_wangydh {
    margin-right: 20px;
    margin-left: 20px;
}
.ui-phone .phone .phone_img2_wangydh{
    margin-right:20px;
    margin-left:20px;
}
.ui-phone .phone_wangydh .phone_img1_yinhao{
    margin-right:20px;
    margin-left:20px;
}
.ui-phone .phone_wangydh .phone_img2_yinhao{
    margin-right:20px;
    margin-left:20px;
}
.ui-phone .phone_wangydh .phone_img3_yinhao{
    margin-right:20px;
    margin-left:20px;
}
.ui-phone .phone_wangydh .phone_img4_yinhao{
    margin-right:20px;
    margin-left:20px;
}
.phone_img1_duanxin, .phone_img2_duanxin, .phone_img3_duanxin, .phone_img4_duanxin {
    margin-right: 20px;
    margin-left: 20px;
}
/*智能语音质检-系统功能*/
.ui-list-system ul li {
    float: left;
}
.ui-list-system .i {
    width: 558px;
    height: 180px;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    position:relative
}
.ui-list-system ul li:nth-child(2n+1){
    margin-right: 83px;
    margin-bottom: 42px;
}
.ui-list-system .i .icon{
    position: absolute;
    top: 40px;
    left: 48px;
}
.ui-list-system .i .text{
    width: 490px;
    padding: 50px 0 0 198px;
}
.ui-list-system .i .text .title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}
.ui-list-system .i .text .p{
    font-size: 14px;
    color: #878787;
    line-height: 22px;
}
/*客户案例*/
.ui-list-customers ul li {
    margin-bottom: 30px
}
.ui-list-customers .i{
    width: 100%;
    height: 180px;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    position: relative
}
.ui-list-customers .i .icon{
    position:absolute
}
.ui-list-customers .i .text{
    padding:0 8px 0 240px
}
.ui-list-customers .i .text .title{
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 26px;
    margin-right: 20px;
    margin-top: 30px;
}
.ui-list-customers .i .text .tip{
    border: 1px solid #878787;
    padding: 0px 10px;
    font-size: 14px;
    border-radius: 6px;
    color: #878787
}
.ui-list-customers .i .text .span_title{
    color: #878787;
    margin-right: 20px;
    font-size: 14px;
}
.ui-list-customers .i .text .p{
    margin-bottom: 4px;
}
.ui-list-customers .i .text .span_text1 {
    color: #000;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 600
}
.ui-list-customers .i .text .span_text2 {
    color: #878787;
    font-size: 14px;
    line-height: 26px;
}
.ui-about-cir {
    overflow: hidden
}
.ui-about-cir .about {
    height: 530px;
    margin: 40px auto 0 auto;
}
.ui-about-cir .about_main {
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    z-index: 10;
}
.ui-about-cir .line {
    width: 1px;
    height: 100%;
    background-color: #ffd800;
    position: absolute;
    left: 26px;
    z-index: -1;
}
.ui-about-cir .line2{
    width: 1px;
    height: 100%;
    background-color: #ffd800;
    position: absolute;
    left: 26px;
    z-index: -1;
}
.about_main ul li {
    padding-left: 25px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 52px;
    background: url(../img/img_product/icon_aboutus_cir.png) left center no-repeat;
}
.ui-about-cir .about_main ul li:last-child {
    margin-bottom: 0px;
}
.ui-about-cir .about_main2 {
    left: 560px;
    top: -530px
}
.ui-about-cir .about {
    position: relative
}
.ui_aboutus_slide .div_square {
    position: absolute;
    right: 0px;
    top: -106px
}
.ui_aboutus_slide .div_square .square1 {
    width: 30px;
    height: 30px;
    background: #f4e57d;
}
.ui_aboutus_slide .div_square .square2 {
    width: 60px;
    height: 60px;
    background: #ffd800;
    position: absolute;
    top: -60px;
    left: 30px;
}
.ui_aboutus_slide .div_square .square3 {
    width: 204px;
    height: 76px;
    background: #ffde04;
    margin-left: 60px;
    text-align: center;
    font-size: 36px;
    line-height: 76px;
}
.ui_aboutus_slide .div_square .square4 {
    width: 204px;
    height: 26px;
    background: #f9ea82;
    margin-left: 60px;
}
/*关于我们*/
.ui-list-us {
    margin: 0 auto;
}
/*免费试用*/
.uswidth700 {
    width: 700px;
}
.ui-list-us ul li{
    display: inline-block;
    width: 158px;
    margin:0px 12px;
    vertical-align: top
}
.ui-list-us.rtc ul li {
    height: 204px;
}
.ui-list-us ul li:nth-child(1){
    margin-left:0px
}
.ui-list-us.rtc ul li:nth-child(5) {
    margin-right: 0px
}
.ui-list-us .i {
    text-align: center
}
.ui-list-us .i .txt {
    text-align: center;
    color: #000;
}
.ui-list-us .i .txt .title{
    border-bottom: 1px solid #777;
    padding-bottom: 18px;
    font-size: 18px;
}
.ui-list-us .i .txt .txt-left {
    padding-top: 20px;
    font-size: 14px;
    color: #878787;
    line-height: 22px;
    height: 60px;
}
.ui-list-us.voicecall .i .txt .txt-left {
    text-align:justify;
}
.ui-list-us .i .img {
    height: 100px;
    position: relative;
    margin-bottom: 38px;
    background: none no-repeat 50% 0;
}
.ui-list-us .i .img.ico_1 {
    background-image: url(../img/img_product/icon_list_us1.png);
}
.ui-list-us .i:hover .img.ico_1 {
    background-image: url(../img/img_product/icon_list_us1b.png);
}
.ui-list-us .i .img.ico_2 {
    background-image: url(../img/img_product/icon_list_us2.png);
}
.ui-list-us .i:hover .img.ico_2{
    background-image: url(../img/img_product/icon_list_us2b.png);
}
.ui-list-us .i .img.ico_3 {
    background-image: url(../img/img_product/icon_list_us3.png);
}
.ui-list-us .i:hover .img.ico_3 {
    background-image: url(../img/img_product/icon_list_us3b.png);
}
.ui-list-us .i .img.ico_4 {
    background-image: url(../img/img_product/icon_list_us4.png);
}
.ui-list-us .i:hover .img.ico_4 {
    background-image: url(../img/img_product/icon_list_us4b.png);
}
.ui-list-us .i .img.ico_5 {
    background-image: url(../img/img_product/icon_list_us5.png);
}
.ui-list-us .i:hover .img.ico_5 {
    background-image: url(../img/img_product/icon_list_us5b.png);
}
.ui-list-us .i .img.ico_6 {
    background-image: url(../img/img_product/icon_list_voice1.png);
}
.ui-list-us .i:hover .img.ico_6 {
    background-image: url(../img/img_product/icon_list_voice1b.png);
}
.ui-list-us .i .img.ico_7 {
    background-image: url(../img/img_product/icon_list_voice2.png);
}
.ui-list-us .i:hover .img.ico_7 {
    background-image: url(../img/img_product/icon_list_voice2b.png);
}
.ui-list-us .i .img.ico_8 {
    background-image: url(../img/img_product/icon_list_voice3.png);
}
.ui-list-us .i:hover .img.ico_8 {
    background-image: url(../img/img_product/icon_list_voice3b.png);
}
.ui-list-us .i .img.ico_9 {
    background-image: url(../img/img_product/icon_list_voice4.png);
}
.ui-list-us .i:hover .img.ico_9 {
    background-image: url(../img/img_product/icon_list_voice4b.png);
}
.ui-list-us .i .img.ico_10 {
    background-image: url(../img/img_product/icon_list_voice5.png);
}
.ui-list-us .i:hover .img.ico_10 {
    background-image: url(../img/img_product/icon_list_voice5b.png);
}
.ui-list-us .i .img.ico_11 {
    background-image: url(../img/img_product/icon_list_free1.png);
}
.ui-list-us .i:hover .img.ico_11 {
    background-image: url(../img/img_product/icon_list_free1b.png);
}
.ui-list-us .i .img.ico_12 {
    background-image: url(../img/img_product/icon_list_free2.png);
}
.ui-list-us .i:hover .img.ico_12 {
    background-image: url(../img/img_product/icon_list_free2b.png);
}
.ui-list-us .i .img.ico_13 {
    background-image: url(../img/img_product/icon_list_free3.png);
}
.ui-list-us .i:hover .img.ico_13 {
    background-image: url(../img/img_product/icon_list_free3b.png);
}
.ui-list-us .i .img.ico_14 {
    background-image: url(../img/img_product/icon_list_free4.png);
}
.ui-list-us .i:hover .img.ico_14 {
    background-image: url(../img/img_product/icon_list_free4b.png);
}
.ui-list-us .i .img.ico_15 {
    background-image: url(../img/img_product/icon_list_free5.png);
}
.ui-list-us .i:hover .img.ico_15 {
    background-image: url(../img/img_product/icon_list_free5b.png);
}
.ui-list-us .i .img.ico_21 {
    background-image: url(../img/img_product/icon_list_sol21.png);
}
.ui-list-us .i:hover .img.ico_21 {
    background-image: url(../img/img_product/icon_list_sol21b.png);
}
.ui-list-us .i .img.ico_22 {
    background-image: url(../img/img_product/icon_list_sol22.png);
}
.ui-list-us .i:hover .img.ico_22 {
    background-image: url(../img/img_product/icon_list_sol22b.png);
}
.ui-list-us .i .img.ico_23 {
    background-image: url(../img/img_product/icon_list_sol23.png);
}
.ui-list-us .i:hover .img.ico_23 {
    background-image: url(../img/img_product/icon_list_sol23b.png);
}
.ui-list-us .i .img.ico_24 {
    background-image: url(../img/img_product/icon_list_sol24.png);
}
.ui-list-us .i:hover .img.ico_24 {
    background-image: url(../img/img_product/icon_list_sol24b.png);
}
.ui-list-us .i .img.ico_25 {
    background-image: url(../img/img_product/icon_list_sol25.png);
}
.ui-list-us .i:hover .img.ico_25 {
    background-image: url(../img/img_product/icon_list_sol25b.png);
}
.ui-list-pay ul:nth-child(1) {
    margin-bottom: 36px
}
.ui-list-pay ul li {
    display: inline-block;
    margin: 0 26px;
    vertical-align: top
}
.ui-list-pay ul li:nth-child(1) {
    margin-left: 10px
}

.ui-list-pay ul li:nth-child(3) {
    margin-right: 10px
}
.ui-list-pay .i{
    border-bottom: 1px solid #878787;
    padding-bottom: 20px
}
.ui-list-pay .i .txt {
    display: inline-block;
    text-align: left;
    color: #878787;
    width: 294px;
    margin-left:16px
}
.ui-list-pay .i .txt .title{
    padding-bottom: 8px;
    font-size: 14px;
}
.ui-list-pay .i .txt .txt-left {
    font-size: 14px;
    color: #878787;
}
.ui-list-pay .i .img {
    height: 40px;
    width: 40px;
    display: inline-block;
    background: none no-repeat;
    vertical-align: top;
}
.ui-list-pay .i .img.ico_1 {
    background-image: url(../img/img_product/icon-list-pay1.png);
}
.ui-list-pay .i:hover .img.ico_1 {
    background-image: url(../img/img_product/icon-list-pay1b.png);
}
.ui-list-pay .i .img.ico_2 {
    background-image: url(../img/img_product/icon-list-pay2.png);
}
.ui-list-pay .i:hover .img.ico_2 {
    background-image: url(../img/img_product/icon-list-pay2b.png);
}
.ui-list-pay .i .img.ico_3 {
    background-image: url(../img/img_product/icon-list-pay3.png);
}
.ui-list-pay .i:hover .img.ico_3 {
    background-image: url(../img/img_product/icon-list-pay3b.png);
}
.ui-list-pay .i .img.ico_4 {
    background-image: url(../img/img_product/icon-list-pay4.png);
}
.ui-list-pay .i:hover .img.ico_4 {
    background-image: url(../img/img_product/icon-list-pay4b.png);
}
.ui-list-pay .i .img.ico_5 {
    background-image: url(../img/img_product/icon-list-pay5.png);
}
.ui-list-pay .i:hover .img.ico_5 {
    background-image: url(../img/img_product/icon-list-pay5b.png);
}
.ui-join {
    width: 100%;
    height: 280px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
.ui-join .txt{
    display: inline-block;
    vertical-align: top;
    margin:40px 0 0 40px; 
}
.ui-join .txt .title {
    line-height: 36px;
    margin-bottom: 36px;
    font-size: 22px;
}
.ui-join .txt .txt-left{
    font-size: 14px;
    color: #878787;
    margin-bottom: 20px
}
.ui-join .txt .txt-left .txt-left-img1 {
    margin-left: 28px;
}
.ui-join .txt .txt-left .txt-left-img1:hover {
    transform: scale(1.1);
}
.ui-join .txt .txt-left .txt-left-img2 {
    margin-left: 16px;
}
.ui-join .txt .txt-left .txt-left-img2:hover {
    transform: scale(1.1);
}
.ui-list-sol .i {
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
    position: relative;
    padding: 34px;
    margin-bottom: 32px
}
.ui-list-sol .i .title{
    margin-bottom: 34px;
    font-size: 16px;
}
.ui-list-sol .i .p{
    margin-bottom: 34px;
    font-size: 14px;
    display: table
}
.ui-list-sol .i .p.bottom0 {
    margin-bottom: 0px;
}
.ui-list-sol .i .span_title{
    margin-left: 6px;
    margin-right: 40px;
    display: inline-table;
}
.ui-list-sol .i .span_text {
    display: inline-table;
    color: #878787;
    line-height: 22px;
}
.ui-list-sol .i .p_details{
    font-size: 14px;
    color: #878787;
    margin-left: 103px;
    margin-bottom: 34px;
}
.ui-list-sol .i .span_title_span{
    margin-right:50px;
}
.ui-list-sol .i .span_title_span img{
    margin-right:12px
}
.content_Dialog {
    width: 700px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -300px;
    z-index: 9999;
}
.content_Dialog.content_Dialog4 {
    width: 900px;
    margin-left: -450px
}
.ui-dialog-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    color: #000;
    background: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 24px;
    border: none;
}
.content_Dialog .cd-fl {
    text-align: center
}
.content_Dialog .cd-fl .title {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin-top: 72px;
    margin-bottom: 20px;
}
.content_Dialog .cd-fl .title-tip {
    color: #878787;
    font-size: 14px;
    margin-bottom: 60px;
    margin-top: 60px;
}
.content_Dialog .cd-fl .title-tip-left {
    color: #878787;
    font-size: 14px;
    margin-bottom: 40px;
    text-align:left;
    margin-left: 30px;
}
.ui-table {
    border-collapse: collapse;
    text-align: center;
    margin: 0 auto;
}
.ui-table th, td {
    border: 1px solid #ccc;
}
.ui-table th, td {
    padding: 10px;
    text-align: center;
  }
  
.ui-table th{
    background-color: #764242;
}

.content_Dialog .group {
    position: relative;
    margin-bottom: 10px
}
.content_Dialog .group .phone-label {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    display: inline-table;
}
.content_Dialog .group .input {
    border: none;
    border-bottom: 1px solid #878787;
    font-size: 14px;
    display: inline-table;
    padding: 12px 32px;
    margin-left: 20px;
}
.content_Dialog .group .input-yzm {
    margin-left: 90px;
}
.content_Dialog .group .yzm-img {
    position: absolute;
    right: 52px;
    top: 6px;
}
.content_Dialog .group .icon_daytrial {
    position: absolute;
    top: 12px;
    left: 134px;
}
.content_Dialog .group-btn {
    width: 180px;
    height: 40px;
    background: #000;
    color: #fff;
    text-align: center;
    margin: 30px auto 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
/*智能机器人--语音播放*/
.ui-list-robot {
    margin: 40px 20px 0px;
    height: 210px;
}
.ui-list-robot ul li {
    float: left;
    margin: 0 20px;
}
.ui-list-robot .i{
    cursor:pointer
}
.ui-list-robot .i .p_title{
    text-align: center;
    font-size: 16px;
    color: #000;
    margin: 30px 0;
}
.ui-list-robot .i .img {
    height: 80px;
    width: 80px;
    position: relative;
    background: none no-repeat 50% 0;
}
.ui-list-robot .i .ico_1 {
    background-image: url(../img/img_product/icon_robot_zn1.png);
}
.ui-list-robot .i .ico_2 {
    background-image: url(../img/img_product/icon_robot_zn2.png);
}
.ui-list-robot .i .ico_3 {
    background-image: url(../img/img_product/icon_robot_zn3.png);
}
.ui-list-robot .i .ico_4 {
    background-image: url(../img/img_product/icon_robot_zn4.png);
}
.ui-list-robot .i .ico_5 {
    background-image: url(../img/img_product/icon_robot_zn5.png);
}
.ui-list-robot .i .ico_6 {
    background-image: url(../img/img_product/icon_robot_zn6.png);
}
/*智能语音 体验*/
.weixinAudio .db {display: block;}
.weixinAudio .audio_area {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    margin: 0px 1px 0px 0;
    font-size: 0;
    position: relative;
    font-weight: 400;
    text-decoration: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}
.weixinAudio .audio_wrp {
    border: 1px solid #ebebeb;
    overflow: hidden;
    padding: 12px 20px 12px 12px;
    background-position: 12px;
    background-repeat: no-repeat
}
.audio_play_area {
    float: left;
    font-size: 0;
    width: 80px;
    height: 80px;
}
.playing .audio_play_area .icon_audio_default {
    display: block;
}
.weixinAudio .audio_play_area .icon_audio_default {
    background: transparent url(../img/img_product/icon_robot_zn_on.png) no-repeat 0 0;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    display: inline-block;
    opacity: 0;
}
.weixinAudio .audio_play_area .icon_audio_default:hover {
    opacity: 1
}
.weixinAudio .audio_play_area .icon_audio_playing {
    background: transparent url(../img/img_product/icon_robot_zn_up.png) no-repeat 0 0;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    display: inline-block;
    display: none;
}
.weixinAudio .audio_area .pic_audio_default {
    display: none;
    width: 18px;
}
.weixinAudio .tips_global {
    color: #8c8c8c;
}
.weixinAudio .audio_info_area {
    overflow: hidden;
}
.audio_area .progress_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #0cbb08;
    height: 2px;
}
.playing .audio_play_area .icon_audio_default {
    display: none;
}
.playing .audio_play_area .icon_audio_playing {
    display: inline-block;
}
@-webkit-keyframes audio_playing {
    30% {
        background-position: 0px center;
    }

    31% {
        background-position: -18px center;
    }

    61% {
        background-position: -18px center;
    }

    61.5% {
        background-position: -36px center;
    }

    100% {
        background-position: -36px center;
    }
}
/*七天免费试用*/
.ui-form {
    padding: 20px 0 20px 200px;
}
.ui-form .item {
    margin-bottom: 22px;
}
.ui-form .item .label {
    display: inline-table;
    width: 200px;
    text-align: right;
    color: #000;
    font-size: 16px;
    font-weight:normal
}
.ui-form .item .int {
    display: inline-table;
    color: #878787;
    line-height: 22px;
}
.ui-form .item .input{
    border: 1px solid #c3c3c3;
    width: 400px;
    height: 50px;
    font-size: 16px;
    padding-left: 28px;
    color: #000;
}
.ui-form .item .input_yzm {
    width: 240px;
}
.ui-form .item .yzm-img {
    position: relative;
    top: -3px;
}
.ui-form .item .span_check {
    color: #000;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 60px;
    line-height: 40px;
}
.ui-form .item .button{
    margin: 0 auto;
    text-align: center;
    background: #000;
    color: #fff;
    width: 240px;
    height:60px;
    border-radius: 32px;
    font-size: 16px;
    margin-left: 300px;
    margin-top: 42px;
    border: 1px solid #000;
}
.ui-form .sub-read {
    margin-left: 276px;
    font-size: 18px;
    margin-top: 20px;
}
/*动态新闻*/
.ui-news {
    width: 1200px;
    margin: 0 auto
}
.ui-news .nav-tabs > li {
    width: 200px;
    text-align: center;
}
.ui-news .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #ffde04;
    color: #000;
    border: none;
}
.ui-news .nav-tabs > li > a {
    color: #000;
    font-size: 20px;
    padding: 18px 20px;
    border: none;
}
.myTabContent .new_data {
    float:left;  
    width: 106px;
    height: 140px;
    border-right: 3px solid #e4e4e4;
}
.myTabContent .new_data_years{
    font-size: 62px;
    color: #ffde04
}
.myTabContent .new_data_day{
    font-size: 20px;
    color: #8c8c8c;
}
.myTabContent .container {
    padding: 0;
    margin: 40px auto;
    border-bottom: 2px solid #f1f1f1;
    width: 100%;
    height: 160px;
}
.myTabContent .container .news-pic {
    width: 210px;
    height: 140px;
    position: absolute;
    right: 0px;
}
.myTabContent .news-con {
    padding-top: 15px;
    position: absolute;
    width: 800px;
    left: 140px;
}
.myTabContent .news-con .news-con-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}
.myTabContent .news-con .news-con-time {
    color: #878787;
    font-size: 14px;
    margin-bottom: 10px;
}
.myTabContent .news-con .news-con-text{
    color: #878787;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 22px;
}
.myTabContent .news-con .news-con-a {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#pagination_Enterprise, #pagination_Media, #pagination_Industry {
    margin: 70px auto;
    text-align: center;
}
/*动态资讯详情*/
.ui-crumbs{
  margin: 20px 0;
}
.ui-crumbs p{
  color: #4b4b4b;
  font-size: 18px;
}
.ui-crumbs p a{
  color: #4b4b4b;
}
.ui-crumbs p a.on{
  color: #ff2d2d;
}
.ui-cont-article{

}
.ui-cont-article >.hd{
  text-align: center;
}
.ui-cont-article >.hd h3{
  color: #4b4b4b;
  font-size: 32px;
}
.ui-cont-article >.hd h3 b{
  font-weight: normal;
}
.ui-cont-article >.hd h3 b.gt{
  font-size: 48px;
}
.ui-cont-article >.hd p span{
  line-height: 24px;
  font-size: 18px;
  color: #4b4b4b;
}
.ui-cont-article >.hd p i{
  display: inline-block;
  width: 9px;
  height: 24px;
  background: none no-repeat center;
  background-size: 9px 24px;
  vertical-align: middle;
}
.ui-cont-article >.hd p i.l{
  background-image: url(../img/ico_redcommit-l.png);
}
.ui-cont-article >.hd p i.r{
  background-image: url(../img/ico_redcommit-r.png);
}
.ui-cont-article >.ct{
  margin-top: 35px;
}
.ui-cont-article >.ct img{
    text-align: center;
    display: block;
    margin: 0 auto;
}
.ui-cont-article >.ct p{
  line-height: 30px;
  color: #4b4b4b;
  font-size: 16px;
}
.ui-cont-article >.ft{
  margin-top: 50px;
}
.ui-cont-article >.ft p{
  line-height: 30px;
  color: #4b4b4b;
  font-size: 18px;
}
.ui-cont-article >.ft p a{
  color: #4b4b4b;
  text-decoration: underline;
}
.ui-cont-article >.ft p a:hover{
  color: #ff2d2d;
}


/*客服电话*/
.ui-headview_custmer{height: 998px;background: none no-repeat center; background-size: cover; position: relative;}
.ui-headview_custmer .ban{position: relative;top: 190px;background: #f9e133}
.ui-headview_custmer .ban  .ban-content{margin:30px 0 0 40px;text-align: left;float: left}
.ui-headview_custmer .ban  .ban-content .int{position: relative}
.ui-headview_custmer .ban  .ban-content .people_ico{background: url("../img/people_ico.png") no-repeat;width: 32px;height: 36px;display: block;position: absolute;top: 36px;left: 2px}
.ui-headview_custmer .ban  .ban-content .p_title{font-size: 60px;border-bottom: 4px solid #fae75c;width: 530px}
.ui-headview_custmer .ban  .ban-content .p_cont{font-size: 18px;margin-left: 46px;color: #666666}
.ui-headview_custmer .ban  .ban-content form{margin-left: 34px}
.ui-headview_custmer .ban  .ban-content input{width: 456px;height: 66px;font-size: 22px;line-height: 66px;margin: 20px 0 8px;padding-left: 40px;border: 0}
.ui-headview_custmer .ban  .Textbox-3 .kapkey{width:250px;}
.ui-headview_custmer .ban  .Textbox-3 img{width: 187px;height: 66px;margin-top: -10px;margin-left: 14px}
.ui-headview_custmer .ban  .ban-content .sub{margin-top: 30px}
.ui-headview_custmer .ban  .ban-content .sub_span{width: 400px;display: block;font-size: 14px}
.ui-headview_custmer .ban  .ban-content .button{cursor: pointer;background-color: #ffd50f;font-size: 22px;color: #ffffff;width: 187px;padding: 0px;position: relative;top: -80px;left: 268px}
.ui-headview_custmer .ban  .ban-content2{border-left: 2px solid #ffffff;height: 350px;margin-top: 60px;padding-left: 60px;padding-top: 90px}
.ui-headview_custmer .ban  .ban-content .p_phon{font-size:20px;color: #666666;}
.ui-headview_custmer .ban  .ban-content .red{color: red}
.ui-headview_custmer .ban  .ban-content .button_onlie{width: 326px;height: 64px;background: #ffd50f;letter-spacing: 10px;margin-left: 30px;margin-top: 60px}
.ui-headview_custmer .ban  .ban-content .hidden_p1{font-size: 14px;color: red}



/*---------- 渠道合作 2019/10/23 liudd 新增----------*/
.ui-headview-qd {
    height: 700px;
    background: none no-repeat center;
    background-size: contain;
    position: relative;
    font-family: 'PingFang SC'
}
.ui-headview-qd .ct{
    padding-top: 190px;
    padding-left:108px;
}
.ui-headview-qd .ct h3 {
    width: 693px;
    height: 57px;
    font-size: 60px;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(51,51,51,1);
    letter-spacing: 4px;
    margin-bottom: 50px;
}

.ui-headview-qd .ct p {
    font-size: 24px;
    width: 470px;
    text-align: center;
    margin-left: 68px;
    letter-spacing: 1px;
    line-height: 40px;
}
.advantage {
    height: 446px;
    background: none no-repeat center;
    background-size: cover;
    position: relative;
}
.ui-fullpart-qd .container {
    width: 1090px;
}
.ui-fullpart-qd .ui-title {
    padding-top: 50px
}
.ui-fullpart-qd .col-ff {
    color: #fff;
}
.ui-fullpart-qd .ui-title h3 {
    font-size: 32px;
    font-family: 'PingFang SC';
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding:0 10px
}
.ui-fullpart-qd .ui-title .label2 {
    height: 21px;
    width: 4px;
    background: rgba(247,220,6,1);
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
}
.ui-fullpart-qd .ui-title .label1 {
    height: 13px;
    width: 4px;
    background: rgba(247,220,6,0.4);
    display: inline-block;
    vertical-align: middle;
}
.ui-fullpart-qd .style-qd {
    width: 950px;
    margin: 0 auto;
}
.ui-fullpart-qd .style-qd p {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    font-family: 'PingFang SC';
    color: #555;
}
/*项目介绍*/
.ui-fullpart-qd .ui-lis-introducet {
    display: flex;
    padding: 20px 0 110px;
}
.ui-fullpart-qd .ui-lis-introducet .left{
    flex:1;
    height:200px;
    background:red;
    margin-right:20px;
    padding:0 48px 0 40px;
    background:rgba(255,255,255,1);
    box-shadow: 0px 0px 27px 0px rgba(173,173,173,0.92);
    position:relative
}
.ui-fullpart-qd .ui-lis-introducet .right {
    flex: 1;
    height: 200px;
    background: red;
    margin-left: 20px;
    padding: 0 48px 0 40px;
    background:rgba(255,255,255,1);
    box-shadow: 0px 0px 27px 0px rgba(173,173,173,0.92);
}
.ui-fullpart-qd .ui-lis-introducet h3 {
    font-size: 22px;
    margin-top: 38px;
    font-family: 'PingFang SC';
    color: #333333;
}
.ui-fullpart-qd .ui-lis-introducet .left p {
    margin-top: 24px;
    font-family: 'PingFang SC';
    font-size: 18px;
    color: #333333;
}
.ui-fullpart-qd .ui-lis-introducet img.qudao_icon1 {
    position: absolute;
    bottom: 46px;
    right: 44px;
}
.ui-fullpart-qd .ui-lis-introducet .right ul li {
    float: left;
    margin: 28px 0px 0 54px;
    text-align: center;
}
.ui-fullpart-qd .ui-lis-introducet .right ul li:first-child{
    margin-left: 0;
}
.ui-fullpart-qd .ui-lis-introducet .right p {
    font-size: 17px;
    color: #333;
    font-family: 'PingFang SC';
    padding-top: 10px;
}
/*.ui-fullpart-qd .ui-banner-qd {
    height: 700px;
}*/
.ui-fullpart-qd .ui-banner-qd .item{
    height: 460px;
    margin-top:52px;
}
.ui-fullpart-qd .ui-banner-qd .item .img_slide_bg1{
    width: 560px;
    height: 320px;
    background: none no-repeat center;
    background-size: cover;
    position: relative;
    margin: 0 auto;
}
.ui-fullpart-qd .ui-banner-qd .item .img_slide_bg2 {
    width:345px;
    height: 171px;
    background: none no-repeat center;
    background-size: cover;
    position: relative;
    margin: 0 auto;
    margin-right: 22px;
    margin-left:22px;
    padding: 40px 20px 0 20px;
    font-family: PingFang SC;
    color: #fff;
}
.ui-fullpart-qd .ui-banner-qd .item .img_slide_bg3 {
    width: 750px;
    height: 226px;
    background: none no-repeat center;
    background-size: cover;
    position: relative;
    margin: 0 auto;
}
.advantage .carousel-indicators li {
    width: 180px;
    height: 46px;
    font-size: 20px;
    text-indent: 2px;
    color: #fff;
    background: #333333;
    border: none;
    line-height: 46px;
    border-radius: 0px;
    margin: 0 22px;
}
.advantage .carousel-indicators .active {
    color: #000;
    background: #ffde04;
    width: 180px;
}
.advantage .item_p {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(255,255,255,1);
    text-align: center;
    margin-bottom: 44px;
    line-height: 36px;
}
.ui-fullpart-qd .ui-banner-qd .slide_item2 {
    display: flex;
    width: 730px;
    margin: 0 auto;
    padding-top:80px
}
.ui-fullpart-qd .ui-banner-qd .slide_item2 .img_slide_bg2{flex:1}
.ui-fullpart-qd .ui-banner-qd .slide_item2_p1 {font-size: 20px;line-height: 40px;}
.slide_item2_p2 {font-size: 16px;}
/*渠道支持*/
.ui-fullpart-qd .ui-list-Support {
    position: relative;
    margin-top: 66px;
    height: 240px;
}
.ui-list-Support .ui-list1 {
    margin-left: 300px;
}
.ui-list-Support .ui-list2 {
    margin-left: 66px;
}
.ui-list-Support .ui-list-one {
    float: left;
    margin-right: 60px;
}

.ui-list-Support .span {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: normal;
    color: #333333;
    padding-left: 4px;
}
.ui-list-Support .p {
    width: 310px;
    height: 111px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(85,85,85,1);
    line-height: 30px;
    padding-top: 6px;
    padding-left:21px
}
.ui-list-Support .triangle1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 0 26px 26px;
    border-color: transparent transparent transparent #F7DC06;
    position: absolute;
    top: 68px;
    left: 150px;
}

.ui-list-Support .triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 26px 26px 0;
    border-color: transparent #F7DC06 transparent transparent;
    position: absolute;
    top: 74px;
    right: 360px;
}
.ui-list-cooperation {
    width: 1090px;
    height: 340px;
    margin: 24px auto 73px;
    background: url("../img/img_product/img_qudao_cooperation.png") center;
}
.ui-list-cooperation ul .cooperation-li{
    float:left;
    width: 265px;
    padding:30px;
    text-align:center;
    position: relative;
}
.cooperationli1 {
    color: #fff;
    top: 80px;
    left: 74px;
}
.cooperationli2 {
    top: 60px;
    left: 150px;
}
.cooperationli3 {
    color: #fff;
    top: 80px;
    left: 224px;
}
.ui-list-cooperation ul .cooperation-li p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 30px;
}
.choice {
    color: #fff;
    margin-top: 58px;
}
.ui-list-choice ul li {
    float: left;
    height: 110px;
    width: 84px;
    margin: 60px 50px;
    text-align: center
}
.ui-list-choice ul li p{
    color:#fff;
    margin-top:40px;
    font-size:20px;
    font-family:'PingFang SC';
}
.ui_apply {
    background: url(../img/img_product/img_apply_bg.png);
    height: 410px
}
.ui-btn-apply {
    width: 360px;
    height: 60px;
    background: #F7DC06;
    font-size: 24px;
    font-family: PingFang SC;
    color: #1F1F1F;
    text-align: center;
    display: inline-block;
    line-height: 60px;
    margin-top: 168px;
    margin-right: 28px;
    cursor: pointer;
}
.ui-btn-apply:hover {
    color: #1F1F1F;
}
.carousel .carousel-indicators {
    width: 100%;
    margin-left: -50%;
}
/*loginspeed 登录*/
.login-imgbg {
    position: absolute;
    top: 100px;
    width: 100px;
}
.login-group {
    position: absolute;
    left: 50%;
    margin-left: 90px;
    top: -60px;
}