@charset "utf-8";
/* CSS Document */
body { background: #fff;}
/*banner*/
.main-img { width: 100%; padding: 2.45rem 0 0; color: #fff; text-align: center; overflow: hidden;}
.main-img img { width: 100%;}
.main-img-inner { width: 75%; margin: 0 auto;}
.main-img-inner h2 { font-size: 1.1rem; color: #323a45; font-weight: normal;}
.main-img-inner .desc { margin: .8rem 0 1.3rem; font-size: .8rem; color: #fff;}
.main-img-inner .btn { display: block; width: 5.5rem; margin: 0 auto; font-size: .7rem; line-height: 1.4rem; text-align: center; color: #fff; background: #ff2323; border-radius: .2rem;}

/*内容*/
.container .title { font-weight: normal; color: #333;}
.container .sub-title { padding: .5rem 0; font-size: .8rem; font-weight: normal; color: #333;}
.container .content { padding: 0 .5rem;}
.container .content h3 { font-weight: 300; color: #333;}

/*核心优势*/
.module2 { background: #f6f8fb;}
.module2 .module2-tab { padding: 0 .2rem;}
.module2 .module2-tab li { width: 33.33%; padding: .2rem; font-size: .65rem; line-height: 1.8rem; cursor: pointer; box-sizing: border-box;}
.module2 .module2-tab li:nth-child(4) { margin-left: 16.66%;}
.module2 .module2-tab .inner { background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.04);}
.module2 .module2-tab .iconfont { margin-right: .1rem; font-size: 1.1rem; vertical-align: middle; color: #299cf8; background-image: linear-gradient(to right, #299cf8 100%,#40bae7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.module2 .module2-tab span { vertical-align: middle;}
.module2 .module2-tab .active .inner { background: #299cf8; background: linear-gradient(to right, #299cf8,#40bae7);}
.module2 .module2-tab .active .iconfont { color: #fff; background-image: linear-gradient(to right, #fff 100%,#fff 100%);}
.module2 .module2-tab .active span { color: #fff;}
.module2-content { padding: 1rem 0 0;}
/*多流量入口*/
.module2-content2 ul li { width: 33.33%;}
.module2-content2 ul li .icon { position: relative; z-index: 1; width: 70%; padding-bottom: 70%;  margin: 0 auto; background: #fff; border-radius: 50%; box-shadow: 0 9px 14px rgba(0,0,0,.06);}
.module2-content2 ul li .icon i { position: absolute; top: 10%; left: 10%; display: block; width: 80%; padding-bottom: 80%; background-image: url(../images/module2-2.png); background-repeat: no-repeat; background-size: 100% auto;}
.module2-content2 ul li .icon1 { background-position: 0 0;}
.module2-content2 ul li .icon2 { background-position: 0 20%;}
.module2-content2 ul li .icon3 { background-position: 0 40%;}
.module2-content2 ul li .icon4 { background-position: 0 60%;}
.module2-content2 ul li .icon5 { background-position: 0 80%;}
.module2-content2 ul li .icon6 { background-position: 0 100%;}
.module2-content2 ul li h3 { padding-top: .6rem; font-size: .65rem; font-weight: normal; color: #666;}
/*行业模版*/
.module2-content5 .img li { float: none;}
.module2-content5 img { width: 40%;}
.module2-content5 .tab { padding: 1rem .15rem 0;}
.module2-content5 .tab li { width: 25%; padding: .15rem; box-sizing: border-box;}
.module2-content5 .tab li .inner { font-size: .6rem; line-height: 1.6rem; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.module2-content5 .tab li .iconfont { display: none; margin-right: .1rem; font-size: 1rem; color: #299df7; vertical-align: middle; opacity: .6;}
.module2-content5 .tab li span { color: #aaa; vertical-align: middle;}
.module2-content5 .tab li.active .iconfont { opacity: 1;}
.module2-content5 .tab li.active span { color: #299df7;}

/*近百种营销玩法，助力店铺提升成交率*/
.module3 { background: #299cf8; background: linear-gradient(to right, #299cf8,#40bae7);}
.module3 .module3-content li { padding-top: 0;}
.module3 .module3-content img { width: 45%;}
.module3 .module3-tab { overflow: hidden;}
.module3 .module3-tab li { width: 25%; padding: .5rem .5rem 0; box-sizing: border-box;}
.module3 .module3-tab li .inner { position: relative; z-index: 1; width: 100%; padding-bottom: 100%; transition: all .2s;}
.module3 .module3-tab li .icon { position: absolute; top: .1rem; left: 22.5%; display: block; width: 55%; padding-bottom: 55%; background-image: url(../images/module3-tab-default.png); background-repeat: no-repeat; background-size: 800% 100%;}
.module3 .module3-tab li .icon1 { background-position: 0 0;}
.module3 .module3-tab li .icon2 { background-position: 14.3% 0;}
.module3 .module3-tab li .icon3 { background-position: 28.6% 0;}
.module3 .module3-tab li .icon4 { background-position: 42.9% 0;}
.module3 .module3-tab li .icon5 { background-position: 57.2% 0;}
.module3 .module3-tab li .icon6 { background-position: 71.5% 0;}
.module3 .module3-tab li .icon7 { background-position: 85.8% 0;}
.module3 .module3-tab li .icon8 { background-position: 100% 0;}
.module3 .module3-tab li h3 { position: absolute; bottom: .4rem; left: 0; width: 100%; font-size: .6rem; font-weight: normal; color: #fff;}
.module3 .module3-tab .active .inner { background: #fff; border-radius: .4rem;}
.module3 .module3-tab .active .icon { background-image: url(../images/module3-tab-active.png);}
.module3 .module3-tab .active h3 { color: #299cf8;}

/*SCRM客户管理*/
.module4 .module4-tab { width: 85%; margin: 0 auto; overflow: hidden; border: 1px solid #c5c5c5; border-radius: .3rem;}
.module4 .module4-tab li { float: none; padding: .2rem .2rem .2rem 0; text-align: left; cursor: pointer;}
.module4 .module4-tab li h3 { position: relative; z-index: 1; height: 1.6rem; padding-left: 2.1rem; font-size: .8rem; font-weight: normal; line-height: 1.6rem; color: #333;}
.module4 .module4-tab li .iconfont { position: absolute; top: 0; left: .5rem; font-size: 1.4rem; color: #299cf8; background-image: linear-gradient(to right, #299cf8 100%,#40bae7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.module4 .module4-tab li p { padding: 0 .1rem 0 2.1rem; font-size: .6rem;}
.module4 .module4-tab .active { background: #299cf8; background: linear-gradient(to right, #299cf8,#40bae7);}
.module4 .module4-tab .active h3, .module4 .module4-tab .active .iconfont, .module4 .module4-tab .active p { color: #fff;}
.module4 .module4-tab .active .iconfont { background-image: linear-gradient(to right, #fff 100%,#fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.module4 .module4-content li:first-child img { margin-top: 1.5rem;}

/*超市自由购 为大型商超而生&&餐饮行业——堂内点餐*/
.module5 { background: #f6f8fb;}
.module5 .title span { padding-left: 0; color: #299cf8;}
.module5 .btn, .module6 .btn { display: block; width: 7rem; height: 1.8rem; padding: 0; margin: 0 auto; font-size: .7rem; line-height: 1.8rem; color: #fff; text-align: center; overflow: hidden; background: #299cf8; background: linear-gradient(to right, #299cf8,#40bae7); border: none; border-radius: .1rem;}
.module5 .tel, .module6 .tel { padding: .5rem 0 1rem; font-size: .65rem; color: #666; text-align: center;}
.module5 .tel a, .module6 .tel a { color: #666; cursor: pointer;}

/*各产品默认对接*/
.module7 { background: url(../images/module7-bg.jpg) center top repeat-x; background-size: 100% 33%;}
.module7 .module7-tab { margin: 0 .5rem; overflow: hidden; background: #fff; border-radius: .2rem; box-shadow: 0 6px 20px rgba(124,124,124,.1);}
.module7 .module7-tab li { position: relative; width: 50%; padding: 0 0 0 2.3rem; text-align: left; cursor: pointer; box-sizing: border-box;}
.module7 .module7-tab li:first-child:after { content: ''; position: absolute; top: .5rem; right: 0; width: 1px; height: 2rem; overflow: hidden; background: #ececec;}
.module7 .module7-tab li .icon { position: absolute; top: .5rem; left: .3rem; width: 2rem; height: 2rem; background: url(../images/module7-tab.png) no-repeat; background-size: 200% 200%; transition: all .2s;}
.module7 .module7-tab li .icon1 { background-position: 0 0;}
.module7 .module7-tab li .icon2 { background-position: 100% 0;}
.module7 .module7-tab li:hover > .icon1, .module7 .module7-tab li.active > .icon1 { background-position: 0 100%;}
.module7 .module7-tab li:hover > .icon2, .module7 .module7-tab li.active > .icon2 { background-position: 100% 100%;}
.module7 .module7-tab li h3 { font-size: .7rem; font-weight: normal; line-height: 3rem; text-align: left;}
.module7 .module7-tab .tab1.active > h3, .module7 .module7-tab .tab:hover > h3 { color: #4ec562;}
.module7 .module7-tab .tab2.active > h3, .module7 .module7-tab .tab2:hover > h3 { color: #ff5a4a;}
.module7 .module7-tab li p { display: none; padding-top: 5px; font-size: 12px; line-height: 1.4; color: #666; text-align: left;}
.module7 .module7-content-wrap { padding: 0 .5rem;}
.module7 .module7-content .btn { display: block; width: 7rem; height: 1.8rem; padding: 0; margin: 0 auto 1rem; font-size: .7rem; line-height: 1.8rem; color: #fff; text-align: center; overflow: hidden; border: none; border-radius: .1rem;}
.module7 .module7-content1 .btn { background: #30d848; background: linear-gradient(to right, #30d848,#a6f275);}
.module7 .module7-content2 .btn { background: #ff412f; background: linear-gradient(to right, #ff412f,#f09819);}

/*量身打造的解决方案*/
.solution-list { background: #f6f8fb;}
.solution-list ul li { float: none;}
.solution-list ul li .iconfont { font-size: 3rem; color: #299cf8; background-image: linear-gradient(to right, #299cf8 100%,#40bae7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.solution-list ul li .title { padding: .5rem .8rem; font-size: .8rem;}

/*客户案例*/
.case-list ul { padding: 0 .5rem 2rem;}
.case-list li { width: 33.33%;}
.case-list li .icon { position: relative; width: 80%; height: 0; padding-bottom: 80%; margin: 0 auto; overflow: hidden; background: #fff; border-radius: 50%; box-shadow: 0 10px 12px rgba(0,0,0,.08);}
.case-list li .icon span { position: absolute; top: 25%; left: 0; display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(../images/case-icon.png) no-repeat; background-size: 1200% auto;}
.case-list li .icon .icon1 { background-position: 0 0;}
.case-list li .icon .icon2 { background-position: 9% 0;}
.case-list li .icon .icon3 { background-position: 18.1% 0;}
.case-list li .icon .icon4 { background-position: 27.2% 0;}
.case-list li .icon .icon5 { background-position: 36.2% 0;}
.case-list li .icon .icon6 { background-position: 45.2% 0;}
.case-list li .icon .icon7 { background-position: 54.3% 0;}
.case-list li .icon .icon8 { background-position: 63.4% 0;}
.case-list li .icon .icon9 { background-position: 72.5% 0;}
.case-list li .icon .icon10 { background-position: 81.8% 0;}
.case-list li .icon .icon11 { background-position: 91% 0;}
.case-list li .icon .icon12 { background-position: 100% 0;}
.case-list .btn { display: block; width: 7rem; height: .8rem; padding: .5rem 0; margin: 0 auto; font-size: .7rem; line-height: .8rem; color: #fff; background: #299cf8; background: linear-gradient(to right, #299cf8,#40bae7); border: none;}
.case-list .btn:hover { background: #299cf8; background: linear-gradient(to right, #299cf8,#40bae7);}

/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: #299cf8 url(../images/register-bg.png) no-repeat center top; background-size: linear-gradient(to right, #299cf8,#40bae7) url(../images/register-bg.png) no-repeat center top; background-size: auto 100%;}
.register-tip .title { padding: 0;}
.register-tip .desc { padding-bottom: .5rem;}
.register-tip .btn { display: block; width: 7rem; height: .8rem; padding: .5rem 0; margin: 0 auto; font-size: 14px; line-height: .8rem; color: #299cf8; text-align: center; background: #fff; border: none; border-radius: 3px;}
.register-tip .link { font-size: 14px; line-height: 2; color: #fff; text-decoration: underline;}

/*销售推*/
.sale-img { padding: 2.5rem 0 .5rem; background: #292e52;}
.sale-img .title { padding: 1rem 0 .5rem; font-size: 1.2rem; font-weight: normal;}
.sale-img .desc { font-size: .7rem;}
.sale-img img { width: 60%; margin: 1rem auto 0;}
/*智能的销售推*/
.sale-module2-1, .sale-module2-3 { background: #f6f6f6;}
.sale-module2 .title { color: #566ed8;}
.sale-module2 ul { padding: 0 .5rem; overflow: hidden; box-sizing: border-box; display: flex;}
.sale-module2 ul li { float: none; width: 100%; padding-top: 0; padding-bottom: 1rem;}
.sale-module2 ul li .iconfont { display: block; width: 2.5rem; height: 2.5rem; margin: 0 auto .3rem; font-size: 1.5rem; line-height: 2.5rem; color: #3653db; background-image: linear-gradient(to bottom, #54baf4 0%,#3653db 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 1px solid #dfe0e6; border-radius: 50%;}
.sale-module2 ul li span { font-size: .6rem; color: #666;}


@media only screen and (max-width: 320px) and (min-width: 300px) {
    .module2 .module2-tab li { padding: .2rem;}
}
/*Note3 iPhone6*/
@media only screen and (min-width: 360px) {
    .module2 .module2-tab li { padding: .3rem;}
    .module2-content5 .tab li .iconfont { display: inline;}
    .module7 { background-size: 100% 29.2%;}
}
/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
    .module2 .module2-tab li { padding: .3rem;}
    .module7 { background-size: 100% 29.4%;}
}
/*big Resolution*/
@media only screen and (min-width: 641px) {
    .module2 .module2-tab li { padding: .3rem;}
    .module7 { background-size: 100% 22.4%;}
}