@charset "utf-8";
/* CSS Document */
div, ul, li { box-sizing: border-box;}

/*banner*/
.main-img { width: 100%; padding: 50px 0 0; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-img.jpg) no-repeat; background-size: 100% 100%;}
.main-img-inner{ width: 80%; margin: 0 auto;}
.main-img-inner h2{ font-size: 1rem; font-weight: 300; padding-top: 1rem;}
.main-img-inner .desc{ font-size: .6rem; margin: .5rem 0 1rem 0;}
.main-img-inner .btn { padding: .4rem 1.3rem; font-size: .6rem; color: #fff; background-color: #3dbaf7; border-radius: 2px;}
.main-img-inner .tel{ font-size: .6rem; margin: .75rem 0;}

.container .content { padding: 0 .5rem; overflow: hidden;}
.container .content h3 { font-weight: 300; color: #333;}

/*什么是新零售*/
.module1 .content li{ width: 33.33%; padding: 0;}
.module1 .content li.up{ padding-bottom: 1rem;}
.module1 .content li.down{ margin-left: 16.66%;}
.module1 .content li img{ width: 60%;}
.module1 .content li h3{ padding: .5rem 0 0; font-size: .75rem; font-weight: 300; color: #333;}
.module1 .content li p{ padding: .5rem; color: #969696;}

/*线上线下数据互通*/
.module2 { background: #f7f7f7;}
.module2 li { width: 33.33%; padding-bottom: .5rem; text-align: center;}
.module2 li .iconfont { display: inline-block; width: 2.5rem; height: 2.5rem; font-size: 1.4rem; line-height: 2.5rem; color: #fff; text-align: center; overflow: hidden; border-radius: 50%;}
.module2 .content li h3 { padding: .5rem 0 0; font-size: .6rem;}

/*线上线下融合，数字化营销，精细化管控，重新定义消费场景*/
.module3 .content{ width: 100%;}
.module3 li { width: 33.33%; padding: 0 .5rem .5rem; text-align: center;}
.module3 li .iconfont { display: inline-block; width: 2.5rem; height: 2.5rem; font-size: 1.4rem; line-height: 2.5rem; color: #fff; text-align: center; overflow: hidden; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.4);}
.module3 .content li h3 { padding: .5rem 0 0; font-size: .65rem;}
.module3 .content li p{ font-size: .6rem; color: #666; line-height: .8rem;}

/*新零售热门应用场景*/
.module4 li { width: 25%; padding-bottom: .5rem; text-align: center;}
.module4 li .iconfont { display: inline-block; width: 2.5rem; height: 2.5rem; font-size: 1.4rem; line-height: 2.5rem; color: #fff; text-align: center; overflow: hidden; border-radius: 50%;}
.module4 .content li h3 { padding: .5rem 0 0; font-size: .65rem;}

/*新零售是精细化运营的零售*/
.process-tab { padding: 0 .4rem; margin: 0 auto .6rem; overflow: hidden;}
.process-tab li { float: left; width: 24.2%; padding-top: 0 !important; margin: 1% 0 0 1%; font-size: .6rem; line-height: 1.8rem; color: #fff; text-align: center; overflow: hidden; background: #999;}
.process-tab-spe li{ width: 32.6%;}
.process-tab li.first { margin-left: 0;}
.process-tab li a { color: #fff;}
.process-tab .active { background: #58b9fd;}
.process-img li { padding-top: 0 !important;}

/*客户案例*/
.case-list { padding: 1rem 1rem 2rem;}
.case-list .swiper-slide { width:  100%; padding:  .5rem 1rem; text-align: center; background: #fff; border: 1px solid #f0f0f0; box-sizing: border-box;}
.case-list .swiper-slide img { width: 70%; margin-bottom: .5rem;}
.case-list .swiper-slide h3 { font-size: .7rem; font-weight: 700; color: #333;}
.case-list .swiper-slide .desc { height: 6rem; padding: .5rem 0; font-size: .6rem; line-height: 2; color: #666; text-align: left;}
.case-list .swiper-slide .product{ font-size: .6rem; color: #333;}

/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: url(/images/case/register-tip.jpg) no-repeat center top; background-size: auto 100%;}
.register-tip .container{ padding: .5rem 0;}
.register-tip .container .title{ padding: 0;}
.register-tip .container .desc{ padding-bottom: .5rem;}
.register-tip .btn-wrap{ width: 100%; margin: 0 auto; text-align: center;}
.register-tip .btn-wrap .btn { display: inline-block; width: 5rem; height: .8rem; margin: 0 .25rem; font-size: .7rem; line-height: .8rem; text-align: center; border: 1px #fff solid; color: #fff; border-radius: 3px;}
.register-tip .btn-wrap .btn-white{ background: #fff; color: #3ebaf8;}