﻿@charset "utf-8";
/* CSS Document */
div, ul, li { box-sizing: border-box; }

/*banner*/
.main-img { width: 100%; padding: 50px 0 30px; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-img.jpg) no-repeat; background-size: cover; }
.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; border: 1px solid #fff; border-radius: 2px; }

.container .content { padding: 0 .5rem; overflow: hidden; }
.container .content h3 { font-weight: 300; color: #333; }

/*什么是新零售*/
.module1 .content li { width: 48%; height: 250px; padding: 0; }
.module1 .content .m-l-4 { margin-left: 4%; }
.module1 .content .m-b-8 { margin-bottom: 8%; }
.module1 .content li .iconfont { display: inline-block; width: 3.5rem; height: 3.5rem; font-size: 1.6rem; line-height: 3.5rem; color: #fff; overflow: hidden; border-radius: 50%; }
.module1 .content li h3 { padding: .5rem 0 0; font-size: .75rem; font-weight: 300; color: #333; }
.module1 .content li p { padding: .5rem 0 0; font-size: 0.6rem; color: #666; }

/*生鲜电商应用架构*/
.module2 { background: url(../images/module2-1.jpg) no-repeat; background-size: cover; }

/*银果科技生鲜电商解决方案*/
.module3 .title { padding-bottom: 1rem; }
.module3 .content li { width: 50%; padding: 0 .3rem; height: 277px; }
.module3 .content li .iconfont { display: inline-block; width: 3.5rem; height: 3.5rem; font-size: 2.6rem; line-height: 3.5rem; color: #4bb344; overflow: hidden; border-radius: 50%; }
.module3 .content li h3 { padding: .5rem 0 0; font-size: .75rem; font-weight: 300; color: #333; }
.module3 .content li p { padding: .5rem 0 0; font-size: 0.6rem; color: #666; }

.module4 .fu-title { padding: .5rem 0; font-size: .8rem; font-weight: 300; line-height: 1.4rem; color: #666; text-align: center; }
.module4 li { width: 22.7%; padding: .4rem 0 !important; margin-left: 3%; margin-bottom: 3%; background: #fff; }
.module4 .m-l-0 { margin-left: 0; }
.module4 .w31 li { width: 31.3%; }
.module4 .w31 li .iconfont { color: #4bb344; }
.module4 li .iconfont { font-size: 1.8rem; color: #ff4f4c; }
.module4 .fc-yellow li .iconfont { color: #ffc13e; }
.module4 .fc-green li .iconfont { color: #1bbc9b; }
.module4 .fc-blue li .iconfont { color: #4a85e6; }
.module4 .fc-red li .iconfont { color: #ea603b; }
.module4 li .desc { padding: 0; font-size: .6rem; font-weight: 300; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*银果科技品牌保证*/
.module5 .content { display: flex; padding: .2rem .5rem 0; }
.module5 li { width: 50%; padding: 1rem .5rem; margin: .25rem; overflow: hidden; background: #f5faff; border: 1px solid #a0a0a0; border-radius: 8px; }
.module5 li h3 { float: left; width: 68%; font-size: .6rem; text-align: left; }
.module5 li .iconfont { float: right; width: 1.6rem; height: 1.6rem; font-size: 1.4rem; line-height: 1.6rem; color: #e0e4e8; overflow: hidden; border: 2px solid #e8ecf1; border-radius: 50%; }

/*客户案例*/
.module6 li { width: 31.3%; margin-left: 3%; }
.module6 li h3 { padding: .5rem 0 0; font-size: .75rem; }
.module6 li p { padding: 0; font-size: .6rem; }
.module6 li img { max-width: 100%; }
.module6 .m-l-0 { margin-left: 0; }

/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: url(../images/module7-1.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: 0; }
.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 .container p { margin-top: 1rem; font-size: .75rem; }
.register-tip .container .btn-special { color: #4bb344; }

@media (min-width:768px) and (max-width: 1024px) {
	.module5 li { width: 47.8%; margin: 0 .3rem .6rem; }
}


.module8 { background-color: #f1f9ff; }
.module8-tab { padding: 0 .5rem 1rem !important; }
.module8-tab li { width: 32.33%; padding-top: 0 !important; margin: 1% 0 0 1%; font-size: .6rem; height: 45px; line-height: 45px; border-radius: 0px; overflow: hidden; background: #999; }
.module8-tab li.active { background: #58b9fd; }
.module8-tab li, .module8-tab li a { color: #fff; text-align: center; }
.module8-tab li .iconfont { font-size: 1.5rem; }
.module8-item a { width: 70%; max-width: 320px; }
.module8-item a img { width: 100%; max-width: 320px; }


