@charset "utf-8";
.fr {
    float: right !important;
}

.fl {
    float: left !important;
}

.m-auto {
    margin: 0 auto;
    display: block;
}

.p-b-60 {
    padding-bottom: 60px !important;
}
.p-t-40 {
    padding-top: 40px !important;
}
/* CSS Document */
.bg-gray { background: #f8fbff;}
/*banner*/
.focus-img { width: 100%; height: 388px; color: #fff; overflow: hidden; background: #144ecf; background: linear-gradient(to right, #144ecf,#2b8dfb);}
.focus-img .title { padding: 105px 0 0; font-size: 44px;color: #fff;}
.focus-img p { padding: 10px 0 35px; font-size: 16px; line-height: 30px;color: #fff;}
.focus-img .btn { display: block; width: 138px; height: 38px; padding: 0; font-size: 16px; line-height: 38px; color: #fff; background: transparent; border: 1px solid #fff; border-radius: 2px; transition: all .2s;}
.focus-img .btn:hover { color: #144ecf; background: #fff;}
.focus-img img { margin-top: 35px;}

/*内容模块*/
.container { min-width: 1100px; padding: 75px 0 80px; margin: 0 auto;}
.container .title { position: relative; margin-bottom: 15px; font-size: 30px; line-height: 40px; color: #333; text-align: center;}
.container .title span { padding-left: 15px; color: #ff5339;}
.container .desc { width: 900px; padding-bottom: 50px; margin: 0 auto; font-size: 15px; line-height: 1.8; color: #666; text-align: center;}
.container ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container li { float: left; line-height: 24px; text-align: center;}
.container li h3 { font-size: 16px; color: #333;}
.container li p { padding-top: 10px; font-size: 14px; color: #72767a;}
.container .btn { display: inline-block; padding: 12px 50px; font-size: 16px; color: #666; border: 1px solid #bbc0ce; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.container .btn:hover { color: #fff; background: #2ea7e0; border-color: #2ea7e0;}
.container .float-text { width: 400px; padding-top: 110px;}
.container .float-text .title { text-align: left;}
.container .float-text .sub-title { padding-bottom: 13px; font-size: 20px; color: #148aef;}
.container .float-text .desc { width: 100%; padding-bottom: 25px; font-size: 16px; text-align: left;}

/*全渠道多终端覆盖，统一数据独立展现*/
.module2 ul li { width: 183px;}
.module2 ul li .ibonfont { display: block; width: 90px; height: 90px; margin: 0 auto 15px; font-size: 40px; line-height: 90px; color: #fff; text-align: center; border-radius: 50%;}
.module2 ul li p { font-size: 16px; color: #333;}

/*多种业务场景模式*/
.module3 ul li { width: 310px; padding: 30px 0 40px; margin-left: 82px; border: 1px solid #eee; border-radius: 23px; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.module3 ul li h3 { padding-bottom: 15px; font-size: 26px; color: #333;}
.module3 ul li p { height: 115px; padding: 0 30px; font-size: 16px; color: #666;}
.module3 ul li img { margin: 0 auto;}

/*适用场景*/
.module13 li { width: 340px; margin-left: 40px;}
.module13 li h3 { font-size: 24px; line-height: 85px; color: #148aef;}

/*客户案例*/
.case-list .title { margin-bottom: 30px;}
.case-list .btn { display: block; width: 166px; height: 40px; padding: 0; margin: 30px auto 60px; font-size: 18px; line-height: 40px; color: #fff; background: #148aef; border: none; border-radius: 6px;}
.case-list .btn:hover { background: #1963ef;}
.case-list li { width: 180px; height: 70px; margin: 0 0 35px 33px; overflow: hidden; background: url(../b2b2c_mendian/case.jpg) no-repeat;}
.case-list .icon1 { background-position: 0 0;}
.case-list .icon2 { background-position: -180px 0;}
.case-list .icon3 { background-position: -360px 0;}
.case-list .icon4 { background-position: -540px 0;}
.case-list .icon5 { background-position: -720px 0;}
.case-list .icon6 { background-position: 0 -70px;}
.case-list .icon7 { background-position: -180px -70px;}
.case-list .icon8 { background-position: -360px -70px;}
.case-list .icon9 { background-position: -540px -70px;}
.case-list .icon10 { background-position: -720px -70px;}
.case-list .icon11 { background-position: 0 -140px;}
.case-list .icon12 { background-position: -180px -140px;}
.case-list .icon13 { background-position: -360px -140px;}
.case-list .icon14 { background-position: -540px -140px;}
.case-list .icon15 { background-position: -720px -140px;}
.case-list .icon16 { background-position: 0 -210px;}
.case-list .icon17 { background-position: -180px -210px;}
.case-list .icon18 { background-position: -360px -210px;}
.case-list .icon19 { background-position: -540px -210px;}
.case-list .icon20 { background-position: -720px -210px;}