/* 3大功能 开始 */
.features-container {
	width: 100%;
	padding: 30px 0 90px 0;
}
.features-container .features-top {
	width: 100%;
	margin-bottom: 60px;
}
.features-container .features-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
.features-container .features-top .small {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #999;
}
.features-container .features-box {
	width: 100%;
}
.features-container .features-box .imgbox {
	width: 90%;
	margin-bottom: 20px;
	overflow: hidden;
}
.features-container .features-box .imgbox img {
	width: 100%;
	height: auto;
	transform:scale(1,1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.features-container .features-box .imgbox:hover img {
	transform:scale(1.1, 1.1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.features-container .features-box .info {
	width: 100%;
}
.features-container .features-box .info .group {
	width: 100%;
	margin-bottom: 30px;
}
.features-container .features-box .info .group .iconbox {
	width: 39px;
	margin-right: 30px;
}
.features-container .features-box .info .group .iconbox .icon {
	font-size: 32px;
}
.features-container .features-box .info .group .iconbox .icon.icon-vipcard {
	font-size: 40px;
	position: relative;
	top: -10px;
}
.features-container .features-box .info .group .context .tit {
	width: 100%;
	font-size: 36px;
	line-height: 36px;
	font-weight: 400;
	color: #202020;
    margin-bottom: 10px;
}
.features-container .features-box .info .group .context .small {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #999;
}
/* 3大功能 结束 */

/* 功能模块 开始 */
.module-container {
	width: 100%;
	padding: 90px 0;
	background-color: #fafafa;
}
.module-container .module-top {
	width: 100%;
	margin-bottom: 50px;
}
.module-container .module-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
.module-container .module-top .small {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #999;
}
.module-container .module-box {
	width: 100%;
}
.module-container .module-box .group {
	width: 100%;
	margin-bottom: 30px;
}
.module-container .module-box .group .imgbox {
	width: 74px;
	height: 74px;
	border-radius: 10px;
	margin-right: 20px;
}
.module-container .module-box .group .imgbox.i1 {
	background-color: #FEB11D;
}
.module-container .module-box .group .imgbox.i2 {
	background-color: #4CB471;
}
.module-container .module-box .group .imgbox.i3 {
	background-color: #00B7EE;
}
.module-container .module-box .group .imgbox.i4 {
	background-color: #FF5D5E;
}
.module-container .module-box .group .imgbox .icon {
	font-size: 48px;
	color: #fff;
}
.module-container .module-box .group .tit {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #333;
}
.module-container .module-box .group .small {
	width: 102%;
	font-size: 14px;
	font-weight: 400;
	color: #999;
}
/* 功能模块 结束 */

/* 会员营销、场景营销 开始 */
.marketing-container {
	width: 100%;
	padding: 90px 0;
}
.marketing-container .marketing-top {
	width: 100%;
	margin-bottom: 50px;
}
.marketing-container .marketing-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
.marketing-container .marketing-top .small {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #999;
}
.marketing-container .marketing-box {
	width: 100%;
}
.marketing-container .marketing-box .group {
	width: 100%;
	margin-bottom: 80px;
}
.marketing-container .marketing-box .group .imgbox {
	width: 106px;
	height: 106px;
	overflow: hidden;
	margin-right: 30px;
}
.marketing-container .marketing-box .group .imgbox img {
	width: 100%;
	height: 100%;
	transition: 300ms;
}
.marketing-container .marketing-box .group:hover .imgbox img {
	animation: iRotate  0.7s linear alternate;
}
.marketing-container .marketing-box .group .info .tit {
	width: 100%;
	font-size: 30px;
	font-weight: 400;
	color: #202020;
}
.marketing-container .marketing-box .group .info .small {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #999;
}
/* 会员营销、场景营销 结束 */

/* CRM 开始 */
.CRM-container {
	width: 100%;
	padding: 90px 0;
}
.CRM-container .CRM-top {
	width: 100%;
	margin-bottom: 60px;
}
.CRM-container .CRM-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
.CRM-container .CRM-box {
	width: 100%;
}
.CRM-container .CRM-box .group {
	width: 100%;
	margin-bottom: 80px;
}
.CRM-container .CRM-box .group .tit {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
}
.CRM-container .CRM-box .group .small {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #999999;
}
.CRM-container .CRM-box .imgbox {
	width: 100%;
}
.CRM-container .CRM-box .imgbox img {
	width: 100%;
	height: auto;
}
/* CRM 结束 */

/* 技术 开始 */
.technology-container {
	width: 100%;
	padding: 90px 0;
}
.technology-container .technology-top {
	width: 100%;
	margin-bottom: 70px;
}
.technology-container .technology-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
	margin-bottom: 20px;
}
.technology-container .technology-top .small {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #666;
}
.technology-container .technology-box {
	width: 100%;
}
.technology-container .technology-box .group {
	width: 100%;
	margin-bottom: 20px;
}
.technology-container .technology-box .group .imgbox {
	width: 70%;
	margin: 0 auto 10px;
	
}
.technology-container .technology-box .group .imgbox img {
	width: 100%;
	height: auto;
}
.technology-container .technology-box .group .text {
	width: 100%;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
/* 技术 结束 */

/* 服务 开始 */
.service-container {
	width: 100%;
	padding: 90px 0;
}
.service-container .service-top {
	width: 100%;
	margin-bottom: 60px;
}
.service-container .service-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
.service-container .service-box {
	width: 100%;
}
.service-container .service-box .group {
	width: 100%;
	margin-bottom: 70px;
}
.service-container .service-box .group .imgbox {
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin-right: 30px;
}
.service-container .service-box .group .imgbox img {
	width: 100%;
	height: 100%;
	transition: 300ms;
}
.service-container .service-box .group:hover .imgbox img {
	animation: iRotate  0.7s linear alternate;
}
.service-container .service-box .group .info .tit {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #333;
}
.service-container .service-box .group .info .small {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #666;
}
.service-container .service-box .middlebox {
	width: 100%;
	margin-bottom: 70px;
}
.service-container .service-box .middlebox img {
	width: 100%;
	height: auto;
}
/* 服务 结束 */

/* 免费试用 开始 */
.btns-container {
	width: 100%;
	padding: 50px 0;
}
.btns-container .btns-top {
	width: 100%;
	margin-bottom: 50px;
}
.btns-container .btns-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
.btns-container .btns-box {
	width: 100%;
	text-align: center;
}
.btns-container .btns-box .btns {
	width: 218px;
	height: 63px;
	line-height: 63px;
	display: inline-block;
	background: linear-gradient(-90deg,#feb11d 0%, #fed21d 100%);
	border: 1px solid transparent;
	border-radius: 10px;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.btns-container .btns-box .btns:hover {
	background: linear-gradient(-90deg, #fff 0%, #fff 100%);
	border: 1px solid #feb11d;
	color: #feb11d;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
/* 免费试用 结束 */


/* 移动端兼容性样式 开始 */
.features-container.m-mobile {
	padding: .4rem 0 .8rem 0;
}
.features-container.m-mobile .features-top {
	margin-bottom: .4rem;
}
.features-container.m-mobile .features-top .tit {
	font-size: .72rem;
}
.features-container.m-mobile .features-top .small {
	font-size: .48rem;
}
.features-container.m-mobile .features-box .imgbox {
	width: 100%;
}
.features-container.m-mobile .features-box .info .group {
	margin-right: .4rem;
}
.features-container.m-mobile .features-box .info .group .iconbox {
	width: .8rem;
	margin-right: .4rem;
}
.features-container.m-mobile .features-box .info .group .iconbox .icon {
	font-size: .72rem;
}
.features-container.m-mobile .features-box .info .group .iconbox .icon.icon-vipcard {
	font-size: .8rem;
	top: 0;
}
.features-container.m-mobile .features-box .info .group .context .tit {
	font-size: .72rem;
}
.features-container.m-mobile .features-box .info .group .context .small {
	font-size: .48rem;
}
.module-container.m-mobile {
	padding: .8rem 0;
}
.module-container.m-mobile .module-top {
	margin-bottom: .4rem;
}
.module-container.m-mobile .module-top .tit {
	font-size: .72rem;
}
.module-container.m-mobile .module-top .small {
	font-size: .48rem;
}
.module-container.m-mobile .module-box .group {
	margin-bottom: .4rem;
}
.module-container.m-mobile .module-box .group .imgbox {
	width: 1rem;
	height: 1rem;
	border-radius: .133333rem;
	margin-right: .4rem;
}
.module-container.m-mobile .module-box .group .imgbox .icon {
	font-size: .64rem;
}
.module-container.m-mobile .module-box .group .tit {
	font-size: .48rem;
}
.module-container.m-mobile .module-box .group .small {
	font-size: .36rem;
}
.marketing-container.m-mobile {
	padding: .8rem 0;
}
.marketing-container.m-mobile .marketing-top {
	margin-bottom: .4rem;
}
.marketing-container.m-mobile .marketing-top .tit {
	font-size: .72rem;
}
.marketing-container.m-mobile .marketing-top .small {
	font-size: .48rem;
}
.marketing-container.m-mobile .marketing-box .group {
	margin-bottom: .8rem;
}
.marketing-container.m-mobile .marketing-box .group .imgbox {
	width: 1.4rem;
	height: 1.4rem;
	margin-right: .4rem;
}
.marketing-container.m-mobile .marketing-box .group .info .tit {
	font-size: .64rem;
}
.marketing-container.m-mobile .marketing-box .group .info .small {
	font-size: .36rem;
}
.CRM-container.m-mobile {
	padding: .8rem 0;
}
.CRM-container.m-mobile .CRM-top {
	margin-bottom: .4rem;
}
.CRM-container.m-mobile .CRM-top .tit {
	font-size: .72rem;
}
.CRM-container.m-mobile .CRM-box .group {
	margin-bottom: .4rem;
}
.CRM-container.m-mobile .CRM-box .group .tit {
	font-size: .48rem;
}
.CRM-container.m-mobile .CRM-box .group .small {
	font-size: .36rem;
}
.CRM-container.m-mobile .CRM-box .imgbox {
	margin-bottom: .4rem;
}
.technology-container.m-mobile {
	padding: .8rem 0;
}
.technology-container.m-mobile .technology-top {
	margin-bottom: .4rem;
}
.technology-container.m-mobile .technology-top .tit {
	font-size: .72rem;
}
.technology-container.m-mobile .technology-top .small {
	font-size: .48rem;
}
.technology-container.m-mobile .technology-box .col-lg-3.col-md-6.col-sm-6 {
	width: 50%;
}
.technology-container.m-mobile .technology-box .group .text {
	font-size: .36rem;
}
.service-container.m-mobile {
	padding: .8rem 0;
}
.service-container.m-mobile .service-top {
	margin-bottom: .4rem;
}
.service-container.m-mobile .service-top .tit {
	font-size: .72rem;
}
.service-container.m-mobile .service-box .group {
	margin-bottom: .4rem;
}
.service-container.m-mobile .service-box .group .imgbox {
	width: .96rem;
	height: .96rem;
	margin-right: .4rem;
}
.service-container.m-mobile .service-box .group .info .tit {
	font-size: .48rem;
}
.service-container.m-mobile .service-box .group .info .small {
	font-size: .36rem;
}
.btns-container.m-mobile {
	padding: .64rem 0;
}
.btns-container.m-mobile .btns-top {
	margin-bottom: .48rem;
}
.btns-container.m-mobile .btns-top .tit {
	font-size: .72rem;
}
.btns-container.m-mobile .btns-box .btns {
	width: 2.92rem;
	height: .84rem;
	line-height: .84rem;
	border-radius: .2rem;
	font-size: .36rem;
}
/* 移动端兼容性样式 结束 */




