/*.banner img {*/
    /*display: block;*/
    /*width: 100%;*/
/*}*/
.banner{
    min-height:160px;
}

/*5大痛点*/
.pain-points {
    background-color: #EBEBEB;
}

.pain-points .pain-bot .img-fl {
    width: 54%;
}

.pain-points .pain-bot .img-fl img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.pain-points .pain-bot .d-fr {
    width: 42%;
    margin: 5% 0 0;
}

.pain-points .pain-bot .d-fr li {
    margin: 18px 0 0;
}

.pain-points .pain-bot .d-fr li:hover span {
    color: #36b3d3;
}

.pain-points .pain-bot .d-fr li span {
    color: #2d2d2d;
    font-size: 24px;
    transition: .4s;
}

.pain-points .pain-bot .d-fr li img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

/*6大诉求*/
.appeal {
    background: url("../images/kefu_04.jpg") no-repeat center;
    background-size: cover;
    padding: 0 0 4%;
}

.appeal .com-title p {
    color: #ffffff;
}

.appeal-zhong {
    text-align: center;
}

.appeal-zhong .im-top {
    display: block;
    margin: 0 auto;
    max-width: 94%;
}

.appeal-zhong h2 {
    color: #ffffff;
    font-size: 24px;
    height: 54px;
    line-height: 54px;
    width: 382px;
    text-align: center;
    background-color: #23DCE8;
    margin: 3% auto 0;
    border-radius: 8px;
}

.appeal-bot {
    position: relative;
}

.appeal-bot-box p {
    position: absolute;
    border-radius: 8px;
    top: 0;
    height: 56px;
    line-height: 56px;
    width: 382px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;

}

.appeal-bot-box p span {
    color: #3CCFA1;
    font-weight: bold;

    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 50%;

}

.appeal-bot-box .p1, .appeal-bot-box .p2, .appeal-bot-box .p3 {
    background-color: #3CCFA1;

}

.appeal-bot-box .p1 span, .appeal-bot-box .p2 span, .appeal-bot-box .p3 span {
    margin: 11px -18px 0 0;
    float: right;
}

.appeal-bot-box .p1 {
    left: 90px;

}

.appeal-bot-box .p2 {
    left: 44px;
    top: 102px;
}

.appeal-bot-box .p3 {
    left: 6px;
    top: 200px;
}

.appeal-bot-box .p4, .appeal-bot-box .p5, .appeal-bot-box .p6 {
    background-color: #39B3D3;

}

.appeal-bot-box .p4 span, .appeal-bot-box .p5 span, .appeal-bot-box .p6 span {
    margin: 11px 0 0 -18px;
    float: left;
}

.appeal-bot-box .p4 {
    right: 90px;

}

.appeal-bot-box .p5 {
    right: 44px;
    top: 102px;
}

.appeal-bot-box .p6 {
    right: 6px;
    top: 200px;
}

/*7大理由*/
.reason {
    background: url("../images/kefu_05_05.jpg") no-repeat center;
    background-size: cover;
    padding: 0 0 5%;
}

.reason-bot {
    position: relative;

}

.ul-reason li {
    position: absolute;
    overflow: hidden;
    width: 400px;
    top: 0;
}

.ul-reason .li1, .ul-reason .li2, .ul-reason .li3 {
    left: 0;
}

.ul-reason .li2, .ul-reason .li5 {
    top: 164px;
}

.ul-reason .li3, .ul-reason .li6 {
    top: 322px;
}

.ul-reason .li4, .ul-reason .li5, .ul-reason .li6 {
    right: 0;
}

.ul-reason li .dfl {
    width: 124px;
    height: 124px;
    float: left;
}

.ul-reason li .dfr {
    float: right;

}

.ul-reason li .dfr h2 {
    color: #2d2d2d;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
    transition: .4s;
}

.ul-reason li:hover .dfr h2 {
    color: #36b3d3;
}

.ul-reason li .dfr p {
    color: #303030;
    line-height: 24px;
    text-align: justify;
    font-size: 14px;
}

.reason-zhong {
    margin: 0 auto;
    width: 328px;
    height: 477px;
    background: url("../images/kefu_31.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.reason-zhong .im-top {
    margin: 35% auto 8%;
}

.reason-zhong h3 {
    color: #22dce8;
    font-size: 18px;
    margin: 0 0 6%;
}

.reason-zhong .dwen {
    line-height: 24px;
    color: #ffffff;
    text-align: justify;
    width: 80%;
    margin: 0 auto;
}

/*小帆客服能干啥*/
.doing {
    background: url("../images/kefu_06.jpg") no-repeat center;
    background-size: cover;
    padding: 0 0 5%;
}
.doing2{
	 background:#f5f5f5;
}
.doing .com-title h2 {
    color: #000000;

}

.swiper-doing {
    width: 1200px;
    padding: 20px 0 0;
    height: 630px;
}

.swiper-doing .div-block {
    width: 276px;
    height: 276px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    margin: 0 auto 46px;
    border-radius: 17px;
    transition: .4s;
}

.swiper-doing .div-block:hover {
    background-color: #3CCFA1;
    border: 1px solid #36BC92;
    color: #ffffff;
    transform: translate(0, -10px);
}

.swiper-doing .div-block:hover h2 {
    background-color: transparent;
    border: 2px solid #ffffff;
}

.swiper-doing .div-block h2 {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    border: 2px solid #39B3D3;
    width: 198px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    background-color: #39B3D3;
    border-radius: 10px;
    margin: 46px auto 18px;
	overflow:hidden;
}

.swiper-doing .div-block .dp {
    width: 198px;
    margin: 0 auto;
    line-height: 24px;
    text-align: justify;
    color: #303030;
}

.swiper-doing .div-block:hover .dp {
    color: #ffffff;
}

/*目前哪些行业在用*/
.in-use {
    background: url("../images/kefu_51.jpg") no-repeat center;
    background-size: cover;
}

.in-use .com-title p {
    color: #ffffff;

}

.in-use .d-p {
    line-height: 24px;
    text-align: justify;
    color: #ffffff;
    margin: 2% 0 4%;
}

.in-use .ul-in-use {
    width: 106%;
    margin: 0 0 12% -3%;
}

.in-use .ul-in-use li {
    float: left;
    width: 10%;
    margin: 0 3.333%;
}

.in-use .ul-in-use li img {
    width: 100%;
    transition: .8s;
}

.in-use .ul-in-use li:hover img {
    transform: rotateY(360deg);
}

/*应用案例*/

.cases .com-title h2 {
    color: #000000;

    font-size: 30px;
}

.com-introduction .dp-top {
    line-height: 24px;
    color: #303030;
    text-align: justify;
}
.com-introduction .dpimg{
    margin:0 0 3%;
}
.com-introduction .dpimg img{
    width:100%;
    display: block;
}
.com-introduction .dp-bot {
    line-height: 16px;
    font-size: 10px;
    color: #2d2d2d;
    text-align: justify;
    margin: 2% 0 3%;
}

.ul-case {
    font-size: 0;
    /*width: 106%;*/
    /*margin: 0 0 0 -3%;*/
}

.ul-case li {
    width: 48%;
    /*float: left;*/
    margin: 0 1% 2%;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.ul-case li .dtop-img {
    width: 100%;
    overflow: hidden;
}

.ul-case li .dtop-img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .4s;
}

.ul-case li:hover .dtop-img img {
    transform: scale(1.1);
}

.ul-case li h1 {
    font-size: 24px;
    color: #272700;
    margin: 4px 0 10px;
    transition: .4s;
}

.ul-case li h1:hover {

    color: #36b3d3;
}

.ul-case li .d-label {
    padding: 4px 0 4px 30px;
    background: url("../images/xunzahng.png") no-repeat left center;

}

.ul-case li .d-label span {
    display: inline-block;
    border: 1px solid #E8E8E8;
    padding: 1px 10px;
    border-radius: 6px;
    color: #666666;
    background-color: #E8E8E8;
    margin: 0 10px 6px 0;
    transition: .4s;
}

.ul-case li .d-label span:hover {
    background-color: transparent;

}

.ul-case li .d-introduce {
    color: #696969;
    line-height: 20px;
    text-align: justify;
    margin: 2% 0 2%;
}

.ul-case li .d-time {
    color: #999999;
    overflow: hidden;

}

.ul-case li .d-time .s-zan {
    padding: 0 0 0 20px;
    background: url("../images/aixin.png") no-repeat left center;
}

.ul-case li .d-time .s-time {
    float: right;
    padding: 0 0 0 20px;
    background: url("../images/clock.png") no-repeat left center;
}

.d-know-more a {
    display: block;
    margin: 3% auto 6%;
    color: #2d2d2d;
    border: 1px solid #2d2d2d;
    font-size: 16px;
    width: 124px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 25px;
    transition: .4s;
}

.d-know-more a:hover {

    color: #39cfa1;
    border: 1px solid #39cfa1;
}

/*关于我们*/
.about-us {
    background-color: #F5F5F5;
}

.about-us .dp-bot {
    margin: 2% 0 10%;
}

/*详情*/

.case-xq .conta {
    padding: 0 3.5%;
    background: url("../images/case_2_05.png") no-repeat left top;
    min-height: 450px;
    margin: 3% auto 8%;
}

.case-xq .casexq-top h1 {
    overflow: hidden;
    margin: 4% 0 1.5%;
}

.case-xq .casexq-top h1 .s1 {
    float: left;
    color: #272700;
    font-size: 24px;

}

.case-xq .casexq-top h1 .s2 {
    float: right;
    color: #999999;
    padding: 0 0 0 20px;
    background: url(../images/clock.png) no-repeat left center;
    margin: 4px 0 0;
}

.case-xq .casexq-top .d2 {
    background: url(../images/xunzahng.png) no-repeat left top;
    padding: 0 0 0 26px;
}

.case-xq .casexq-top .d2 span {
    display: inline-block;

    padding: 2px 12px;
    cursor: pointer;
    background-color: #EEEEEE;
    color: #666666;
    border: 1px solid #EEEEEE;
    border-radius: 7px;
    margin: 0 4px 12px;
    transition: .4s;
}

.case-xq .casexq-top .d2 span:hover {
    background-color: transparent;
}

.case-xq .bianjiqi {
    margin: 3% 0 0;
    color: #393939;
    font-size: 16px;
    line-height: 24px;
}

.case-xq .bianjiqi * {
    max-width: 100%;
}

.shangxiapian {
    overflow: hidden;

    border: 1px solid #EAEAEA;
    background-color: #FEFEFE;
    padding: 16px 19px;
    margin: 4% auto 0;
}

.shangxiapian .d-zuo {
    float: left;
    line-height: 24px;
    font-size: 16px;
}

.shangxiapian a:hover {
    color: #38d5b6;
    text-decoration: underline;
}

.shangxiapian .d-you {
    float: right;
    overflow: hidden;
}

.shangxiapian .d-you h2 {
    color: #999999;
    text-align: right;
}

.shangxiapian .d-you h2 b {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(../images/aixin.png) no-repeat center;
    vertical-align: middle;
    margin: -2px 6px 0 0;
}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    width: 22px !important;
    padding-left: 0 !important;
    height: 22px !important;
}

.bdsharebuttonbox a, .bdsharebuttonbox .bds_more {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: center;
    padding: 0 !important;
    background-color: #C4C4C4;
    border-radius: 50%;
    display: inline-block;
    margin: 10px 0 2px 10px !important;
}

.bdsharebuttonbox a:hover, .bdsharebuttonbox .bds_more:hover {
    background-color: #EECF40;
}

#bdshare .popup_sqq {
    background-image: url('../images/QQ.png') !important;
    background-size: 18px auto;
    background-position: center;
}

#bdshare .bds_qzone {
    background-image: url('../images/QQkj.png') !important;
    background-size: 18px auto;
    background-position: center;
}

#bdshare .bds_tsina {
    background-image: url('../images/weibo.png') !important;
    background-size: 18px auto;
    background-position: center;
}

#bdshare .bds_weixin {
    background-image: url('../images/weixinpe.png') !important;
    background-size: 18px auto;
    background-position: center;
}

.bdshare-slide-button-box {
    display: none !important;
}

.BMap_stdMpCtrl, .anchorBL {
    display: none;
}

/*登录*/
.login {
    background: url("../images/login.jpg") no-repeat center;
    height: 100%;
}

.login .main {
    height: 100%;
    position: relative;
    text-align: center;
}

.login .main .htitle1 {
    font-size: 30px;
    color: #1fffff;
    position: absolute;
    width: 100%;
    top: 24%;
}

.login .main .htitle2 {
    position: absolute;
    width: 100%;
    color: #1fffff;
    top: 28.5%;
}

.login .main .htitle6 {

    color: #4e4e4e;
    position: absolute;
    width: 100%;
    bottom: 7%;
}

.login .login-box {
    top: 42%;
    position: absolute;
    width: 100%;
}

.login .login-box a {
    display: inline-block;
    width: 206px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #3e3e3e;
    font-size: 20px;
    background-color: #D1D2D4;
    border-radius: 10px;
    margin: 0 10px 15px;
    transition: .6s;
}

.login .login-box a:hover {
    background-color: #1DD1D3;
    color: #ffffff;
}

/*流量分发*/
.flow-distribution {
    background-color: #F5F5F5;
}

/*.flow-distribution .dp-bot {*/
/*margin: 2% 0 10%;*/
/*}*/
.ul-flow-distribution {
    font-size: 0;
    margin: 5% auto 10%;
}

.ul-flow-distribution li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.16% 4px;
    background-color: #FCFCFC;
    width: 33%;
    font-size: 14px;
    transition: .4s;
    text-align: center;
    height: 272px;
    overflow: hidden;
    position: relative;
}

.ul-flow-distribution li .dnei {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3790E1;
    /*display: block;*/
    color: #ffffff;
    line-height:24px;
    padding:0 25%;
    text-align: left;
    transition: .6s;
    /*transform: scale(0);*/
    opacity:0;
}
.ul-flow-distribution li:hover .dnei{
    /*transform: scale(1);*/
    opacity:1;
}


.ul-flow-distribution li .dnei h2{
    font-size:18px;
    font-weight:bold;
    text-align: center;
    margin:46% 0 4%;
    transition: .6s;
    transform: translate(0,-30px);
}
.ul-flow-distribution li:hover .dnei h2,
.ul-flow-distribution li:hover .dnei p
{
    transform: translate(0);
}
.ul-flow-distribution li .dnei p{
    transition: .6s;
    transform: translate(0,30px);
}

.ul-flow-distribution li .li-wai .im1 {
    margin: 23% 0 4%;
    transition: .4s;
}

.ul-flow-distribution li .li-wai h2{
    font-size:16px;
    color: #3d3d3d;
}



/*首页*/

.index-sw-ban {
    min-height: 200px;
}

.index-sw-ban .swiper-wrapper,
.index-sw-ban .swiper-wrapper .swiper-slide {
    height: 100% !important;
}

.index-sw-ban .swiper-wrapper .swiper-slide {
    position: relative;
    background-size: cover !important;
    overflow: hidden;
}




.index-sw-ban .pages1 {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
    left: 0;
}

.index-sw-ban .swiper-pagination-switch {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    background-color: #FFFFFF;
    transition: .4s;
}

.index-sw-ban .swiper-active-switch {
    width: 40px;
    background-color: #39B3D3;
    border-radius: 20px;
}
/*小凡智能客服*/
.customer-service{
    background: url("../images/index5_04.jpg") no-repeat center;
    background-size: cover;
}

.customer-service .com-title h2{
    color: #000000;

    font-size:30px;
}
.customer-service-bot .hti1{
    margin:0 0 8%;
}
.customer-service-bot .dfl{
    width:42%;
    position: relative;
    padding:0 0 0 2%;
}
.customer-service-bot .dfl:after{
    content: '';
    position: absolute;
    right:0;
    bottom:0;
    height:220px;
    border-left:1px solid #DCDCDC;
}
.customer-service-bot .dfr{
    width:58%;
    padding:0 0 0 10%;
}

.customer-service-bot .ul-application li{
    height:62px;
    line-height:62px;

    background-color: #FFFFFF;
    color: #2d2d2d;
    font-size:16px;
    text-align: center;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    width:23%;
    margin:0 0 2% 2%;
    float: left;
    cursor: pointer;
    transition: .4s;
}
.customer-service-bot .ul-application li:hover{
    color: #FFFFFF;
    background-color: #4EC9A9;

}



.customer-service-bot .ul-fl-pain li{
    font-size:18px;
    margin:0 0 15px;
}
.customer-service-bot .ul-fl-pain li .s1{

    font-family: "Impact";
    color: #FFFFFF;
    display: inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    text-align: center;
    border-radius:50%;
    margin:0 10px 0 0;
}

.customer-service-bot .ul-fl-pain li .s2{
    color: #2d2d2d;
}
.customer-service-bot .ul-fl-pain .li1 .s1{
    background-color: #EF4646;
}

.customer-service-bot .ul-fl-pain .li2 .s1{
    background-color: #3092D1;
}
.customer-service-bot .ul-fl-pain .li3 .s1{
    background-color: #1EB896;
}
.customer-service-bot .ul-fl-pain .li4 .s1{
    background-color: #E2A132;
}
.customer-service-bot .ul-fl-pain .li5 .s1{
    background-color: #933BD9;
}
.customer-service-bot .ul-industry{
    font-size:0;
    margin:10px 0 0;
}
.customer-service-bot .ul-industry li{
    display: inline-block;
    text-align: center;
    color: #2d2d2d;
    font-size:14px;
    width:16.66%;
}
/*流量分发平台*/
.distribution-platform{
    background: url("../images/index5_05.jpg") no-repeat center;
    background-size: cover;
}

.distribution-platform .com-title p {
    color: #FFFFFF;

}
.distribution-platform .com-alink a{

    color: #FFFFFF;
    border: 1px solid #FFFFFF;

}

.distribution-platform .com-alink a:hover{
    border: 1px solid #4EC9A9;
}
.distribution-platform-bot .ul-flow-distribution{
    width:99%;
}

.distribution-platform-bot .dfr{
    width:32.5%;
}
.distribution-platform .ul-flow-distribution li {

    height: 205px;
background-color: #F5E9E1;
}
.distribution-platform .ul-flow-distribution li .dnei {

    padding: 0 8%;

}

.distribution-platform .ul-flow-distribution li .dnei h2 {

    margin: 24% 0 4%;
}
.distribution-platform .com-alink {
    margin: 0 0 6%;

}
/*融合通信平台*/
.communication-platform .com-title h2{
    color: #000000;
}
.callcenter .swiper-doing {

    height: 984px;
}

.ul-communication-platform{
    font-size:0;
}
.ul-communication-platform li{
    display: inline-block;
    vertical-align: top;
    width:23%;
    margin:0 1% 2%;
    background-color: #F6F6F6;
    border:1px solid #E7E7E7;
 border-radius: 18px;
    font-size:14px;
    padding:0 2.5%;
    height:380px;
transition: .4s;
}
.ul-communication-platform li:hover{
    transform: translate(0,-10px);
    background-color: #3CCFA1;

}
.ul-communication-platform li:hover .dwen{
    color: #FFFFFF;
}
.ul-communication-platform li h1{
    font-size:18px;
    font-weight:bold;
    border:1px solid #39B3D3;
    background-color: #39B3D3;
    color: #FFFFFF;
    border-radius: 10px;
    margin: 41% auto 10%;
    height:45px;
    line-height:43px;
    text-align: center;
    transition: .4s;
}
.ul-communication-platform li:hover h1{
    border:1px solid #FFFFFF;
    background-color: transparent;
}
.ul-communication-platform li .dwen{
    text-align: justify;
    color: #303030;
    transition: .4s;
    line-height:24px;
}
/*智能总机*/
.intelligent-switchboard{
    background: url("../images/index5_06.jpg") no-repeat center;
    background-size: cover; color: #FFFFFF;
}
.intelligent-switchboard .conta{
    padding:0 2%;
}
.intelligent-switchboard .com-title p{
    color: #FFFFFF;
}

.intelligent-switchboard .com-alink a{

    color: #FFFFFF;

    border: 1px solid #FFFFFF;

}
.intelligent-switchboard .com-alink a:hover{
    border: 1px solid #4EC9A9;
}
.intelligent-switchboard .divp{
    line-height:24px;
    text-align: justify;
    margin:0 0 4%;
}
.intelligent-switchboard .functional-introduction h1{
    color: #fff600;
    font-weight:bold;
    margin:2% 0 1.5%;
}

.intelligent-switchboard .ul-functional-introduction li{
    float: left;
    line-height:30px;
    margin:0 4% 4% 0;
}
.intelligent-switchboard .ul-functional-introduction li p{
    background: url("../images/baidian_07.png") no-repeat left center;
    padding:0 0 0 20px;
}
.com-background{
    background: #FCFCFC;
}
/*总计*/
.zongji-what{
    background: url("../images/zongji_04.jpg") no-repeat center;
    background-size: cover;
}

.zongji-what .com-title p {
    color: #FFFFFF;

}
.zongji-what-bot{
    margin: 4% 0 12%;
}

.zongji-what-bot .dfl img{
    /*width:30%;*/
    display: block;
    margin:0 auto 4%;
    max-width: 100%;
}

.zongji-what-bot .dfr{
    /*width:68%;*/
    color: #FFFFFF;
    text-align: justify;
}

.zongji-what-bot .dfr .wen-top{
    line-height:24px;
    margin:0 0 2%;
}

.zongji-what-bot .dfr .wen-bot{
    line-height:16px;
    font-size:12px;
}