html{
  overflow-x: hidden;
}

.focus{
  width: 100%;
    margin: 0 auto;
    height: 530px;
    position: relative;
    z-index:1;
}.focus>ul{
  left: 50%;
    margin-left: -960px;
    width: 1920px;
    position: relative;
    z-index:1;
}.focus>ul>li{
  position: absolute;
    left: 0px;
    top: 0px;
    height: 640px;
    display: none;
    z-index: 1;
} .focus>ul>li:first-child{
    display: block;    
}

.carousel-indicators {
  position: absolute;
  bottom: 20px;
  right: 40%;
  z-index: 15;
  width: 20%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}.carousel-indicators li {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 15px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
}.carousel-indicators .active {
  width: 16px;
  height: 16px;
  margin: 0 15px;
  background-color: #fff;
}

.me-section-grey{background:#f8fafc}
.me-section-white{background:#fff}

.m-section{width:100%;padding:70px 0}
.m-section .m-section-title{font-size:40px;font-weight:700;color:#151a22;text-align:center}
.m-section .service-ability{*zoom:1;width:1200px;margin:70px auto 0;overflow:hidden}
.m-section .service-ability:before,.m-section .service-ability:after{display:table;content:""}
.m-section .service-ability:after{clear:both}

.m-section .app-ability{border-top:1px solid #eee;margin-top:60px;text-align:center;height:330px;position:relative;*zoom:1}
.m-section .app-ability:before,.m-section .app-ability:after{display:table;content:""}
.m-section .app-ability:after{clear:both}
.m-section .app-ability .mid-line{height:400px;width:1px;background:#eee;position:absolute;top:0;left:50%;z-index:999}
.m-section .app-ability .aa-item{float:left;border-bottom:1px solid #eee;height:200px;width:50%;width:49.99%\9;}
.m-section .app-ability .aa-item-box{display:-webkit-box;display:-webkit-flex;display:flex;width:599px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;float:right}
.m-section .app-ability .aa-item-box .aa-item-icon{width:120px;width:130px\9;height:200px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:120px 120px;background-size:120px 120px;margin-right:59px;margin-left:0px;float:left;}
.m-section .app-ability .aa-item-box .aa-item-txt{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:left;margin-top: 10px;margin-top: 30px\9;}
.m-section .app-ability .aa-item-box .aa-item-txt ul li{list-style:circle;}

.m-section .app-ability .aa-item-box .aa-item-title{font-size:22px;color:#333; font-family:Microsoft YaHei;margin-bottom: 12px;}
.m-section .app-ability .aa-item-box .aa-item-sub{font-size:14px;color:#666;margin-top:5px;font-family:Microsoft YaHei;}
.m-section .app-ability .aa-item-box .aa-item-btn{margin-top: 8px;}
.m-section .app-ability .aa-item-box .aa-item-btn a{color:#305eb5;display:inline-block;padding: 3px 10px;border: 1px solid #305eb5;border-radius: 4px;font-family:Microsoft YaHei;}


.m-section .app-ability .aa-item-box .aa-item-icon-multi{background-image:url(/img/idx/jl-icon-01.png)}
.m-section .app-ability .aa-item-box .aa-item-icon-chat{background-image:url(/img/idx/jl-icon-02.png)}
.m-section .app-ability .aa-item-box .aa-item-icon-index{background-image:url(/img/idx/jl-icon-03.png)}
.m-section .app-ability .aa-item-box .aa-item-icon-bus{background-image:url(/img/idx/jl-icon-04.png)}

.m-section .app-ability .aa-item-box-odd{width:520px;margin-right:3%}
.m-section .app-ability .aa-item-box-even{width:520px;margin-left:3%;float:left}



.m-section .solution{width:1200px;margin:60px auto 0;*zoom:1}
.m-section .solution:before,.m-section .solution:after{display:table;content:""}
.m-section .solution:after{clear:both}
.m-section .solution .sl-item{float:left;width:280px;height:400px;margin-left:20px;text-align:center}
.m-section .solution .sl-item:first-child{margin-left:0}

.sl-effect{position:relative;z-index:1;width:100%;height:400px;background-color:#181b21;text-align:center;cursor:pointer;overflow:hidden}

.sl-effect:hover .sl-effect-bg{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}
.sl-effect:hover h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.sl-effect:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}
.sl-effect .sl-effect-bg{position:relative;min-height:100%;background-position:center center;background-repeat:no-repeat;opacity:.7;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:scale(1.15);transform:scale(1.15)}

.sl-effect .sl-effect-con{padding:2em 0;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.sl-effect .sl-effect-con:before,.sl-effect .sl-effect-con:after{pointer-events:none}
.sl-effect .sl-effect-con,.sl-effect a{position:absolute;top:0;left:0;width:100%;height:100%}
.sl-effect a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}

.sl-effect h2{font-size:26px;margin-top:13px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s;-webkit-transform:translate3d(0, 127px, 0);transform:translate3d(0, 127px, 0);font-family:Microsoft YaHei;}

.sl-effect p{letter-spacing:1px;font-size:12px;text-align:left;line-height:20px;margin-top:20px;margin-left:20px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0, 20px, 0) scale(1.1);transform:translate3d(0, 20px, 0) scale(1.1);font-family:Microsoft YaHei;}

.sl-effect .more{border:1px solid #fff;border-radius:5px;text-align:center;padding:1em 0;position:absolute;bottom:100px;left:10px;width:212px}

.sl-effect .sl-effect-bg-1{background-image:url(/img/idx/jl-solv-01.jpg)}
.sl-effect .sl-effect-bg-2{background-image:url(/img/idx/jl-solv-02.jpg)}
.sl-effect .sl-effect-bg-3{background-image:url(/img/idx/jl-solv-03.jpg)}
.sl-effect .sl-effect-bg-4{background-image:url(/img/idx/jl-solv-04.jpg)}