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

/*banner*/
.main-img { width: 100%; padding: 60px 0 0; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-bg.jpg) no-repeat; background-size: 100% 100%;}
.main-img-inner{ width: 85%; margin: 0 auto;}
.main-img-inner h2{ font-size: .8rem; color: #fff; font-weight: normal;}
.main-img-inner h2 span { color: #fccb1f;}
.main-img-inner .desc{ margin: .3rem 0; font-size: .55rem; color: #fff;}
.main-img-inner .desc span { color: #4593ff;}
.main-img-inner .desc a { color: #fff;}
.main-img-inner .btn { display: block; width: 5rem; margin: 0 auto; font-size: .6rem; line-height: 1.2rem; text-align: center; color: #fff; background: linear-gradient(to bottom, #fccc1f, #faa926 80%); border-radius: 2px;}
.main-img-inner img { width: 100%;}
.container .content { padding: 0 .5rem; overflow: hidden;}
.container .content h3 { font-weight: 300; color: #333;}

.module4 { background: url(../images/module4-bg.jpg) no-repeat; background-size: 100% 100%;}

/*将信息有效精准地触达给采购商*/
.module5 { padding: 1.3rem 0;}
.module5 .title { padding: 0 1rem .5rem; font-size: .9rem; line-height: 1.4rem; text-align: center;}
.module5 .container h2 { font-size: .85rem;}
.module5 .container p { font-size: .6rem; line-height: 1rem;}
.module5 .process-tab { padding: 0 .4rem; margin: 0 auto 1rem; overflow: hidden;}
.module5 .process-tab li { float: left; width: 24%; padding-top: 0 !important; margin: 1.2% 0 0 1.2%; font-size: .55rem; line-height: 1.4rem; color: #aaa; text-align: center; white-space: nowrap; overflow: hidden; border-radius: 3px; border: 1px solid #aaa;}
.module5 .process-tab-spe li{ width: 32.5%;}
.module5 .process-tab li.first { margin-left: 0;}
.module5 .process-tab .active { color: #fff; background: #fdcf31; border: 1px solid #fdcf31;}
.module5 .process-img li { padding-top: 0 !important;}

/*同业&异业商家联盟*/
.module6 .content li{ width: 50%; padding: 0 .2rem;}
.module6 .content li.up{ padding-bottom: 1rem;}
.module6 .content li.down{ margin-left: 25.66%;}
.module6 .content li img{ width: 60%;}
.module6 .content li h3{ padding: 1rem 0 0; font-size: .75rem;}
.module6 .content li p{ font-size: .6rem; color: #969696;}

/*丰富的营销手段 增加用户黏性*/
.module9 { background: url(../images/module9-bg.jpg) no-repeat; background-size: 100% 100%;}
.module9 .module9-tab { width: 85%; margin: 0 auto;}
.module9 .module9-tab li { width: 23%; margin-left: 2%; padding-top: 0; font-size: .55rem; line-height: 1rem; color: #685311; background: #fdcf31; border: 1px solid #fdcf31;}
.module9 .module9-tab li.active { color: #fff; background-color: #27aa3f; border: 1px solid #27aa3f;}
.module9 .module9-item .desc { width: 80%; margin: 0 auto; padding: .5rem; line-height: 1rem; color: #fff; font-size: .6rem;}

/*基于TKF框架开发的商城系统*/
.module11 { background: url(../images/yii-bg2.jpg) no-repeat; background-size: 100% 100%;}
.module11 .title span { color: #ffd84f;}
.module11 .content { width: 85%; margin: 0 auto; padding: 0;}
.module11 li { float: none !important;}
.module11 li .adv-title { float: left; width: 2.5rem; height: 4rem; margin: 0 auto; color: #ffd84f; border: 1px solid #ffd84f; border-radius: 4px;}
.module11 li .adv-title span { display: block; width: 2rem; margin: 0 auto; font-size: .65rem; line-height: 1.5rem; border-bottom: 1px solid #ffd84f;}
.module11 li .adv-title .num { font-size: 2rem; color: #ffd84f; text-align: center;}
.module11 li p { padding-left: 3rem; color: #fff; text-align: left;}

/*客户案例*/
.module13 li { width: 33.33%; padding: 0 .25rem 1rem !important; text-align: left !important;}
.module13 li img { max-width: 100%;}
.module13 li h3 { padding-top: 1rem; font-size: .7rem; font-weight: normal !important;}
.module13 li p { padding: .2rem 0 0; font-size: .6rem;}

/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: url(../images/register-tip.jpg) no-repeat center top; background-size: 100% 100%;}
.register-tip .container{ padding: 0;}
.register-tip .container .title{ padding: 0;}
.register-tip .container .desc{ padding-bottom: 0;}
.register-tip .btn-wrap{ width: 100%; padding-top: .2rem; 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: .6rem; font-size: .75rem; color: #fff !important;}
.register-tip .container p a { color: #fff !important;}
.register-tip .container .btn-special { color: #fba628; background: #fff; border: 1px solid #fff;}