@charset "utf-8";
.fr {
    float: right !important;
}

.fl {
    float: left !important;
}

.m-auto {
    margin: 0 auto;
    display: block;
}
.m-r-50 {
    margin-right: 50px !important;
}
.p-b-60 {
    padding-bottom: 60px !important;
}
.p-t-40 {
    padding-top: 40px !important;
}
.w1210 {
    width: 1210px;
    margin: 0 auto;
}
.p-t-0 {
    padding-top: 0 !important;
}
.container {
    padding-top: 60px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.text-c {
    text-align: center !important;
}
.btn {
    display: inline-block;
    height: 30px;
    min-width: 80px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    color: #666;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    border-radius: 2px;
}
.f14 {
    font-size: 14px !important;
}
.bg-pink8 {
    background: #ff8c8c;
}
.bg-yellow4 {
    background: #ffcc00;
}
.bg-blue8 {
    background: #66a3ff !important;
}
.bg-purple13 {
    background: #c770ff;
}
.bg-orange4 {
    background: #ff9543;
}.bg-green7 {
     background: #0cc469 !important;
 }
.c-white {
    color: #fff !important;
}
/* CSS Document */
/*banner*/
.main-img { width: 100%; height: 445px; padding-top: 55px; color: #fff; overflow: hidden; background: url(../b2b2c/main-bg.jpg) no-repeat center top;}
.main-img .main-text { height: 182px;padding-top: 120px}
.main-img .title { color: #ffffff; margin-bottom: 5px; font-size: 38px;}
.main-img p { color: #ffffff; font-size: 18px; line-height: 1.8;}
.main-img p span { color: #4593ff;}
.main-img .btn { display: inline-block; height: 38px; padding: 0 32px; margin: 30px auto 2px; font-size: 16px; line-height: 38px; color: #fff; background: #3388ff; background: -webkit-linear-gradient(left, #4f98ff, #3388ff 80%); background: -o-linear-gradient(bottom, #4f98ff, #3388ff 80%); background: -moz-linear-gradient(bottom, #4f98ff, #3388ff 80%); background: linear-gradient(to bottom, #4f98ff, #3388ff 80%);}
.main-img .btn:hover { opacity: .9; filter: alpha(opacity=90); transition: all .3s;}
.main-img img { height: 380px; margin: 15px auto 0;}

/*内容模块*/
.container { min-width: 1210px; padding: 75px 0 80px; margin: 0 auto;}
.container .content { padding-top: 65px;}
.container .title { position: relative; margin-bottom: 15px; font-size: 30px; line-height: 40px; color: #333; text-align: center;}
.container .title span { padding-left: 15px; color: #ff5339;}
.container .desc { width: 900px; padding-bottom: 50px; margin: 0 auto; font-size: 15px; line-height: 1.8; color: #666; text-align: center;}
.container ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container li { float: left; line-height: 24px; text-align: center;}
.container li h3 { font-size: 16px; color: #333;}
.container li p { padding-top: 10px; font-size: 14px; color: #72767a;}
.container .btn {height: 40px; display: inline-block; padding: 12px 50px; font-size: 16px; color: #666; border: 1px solid #bbc0ce; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.container .btn:hover { color: #fff; background: #2ea7e0; border-color: #2ea7e0;}

/*多渠道展现*/
.module1 .content { width: 1035px; margin: 0 auto;}
.module1 li { margin: 0 36px;}
.module1 li p { padding-top: 32px;}
.module1 li .ibonfont { display: block; width: 100px; line-height: 100px; font-size: 50px; color: #fff; border-radius: 50%;}

/*安菲云商B2B2C多商户商城系统应用模式*/
.module2 { padding: 40px; overflow: hidden; background: #3dbaf7;}
.module2 .hd { float: left; width: 260px; overflow: hidden;}
.module2 .hd img { width: 228px; margin: 10px 0 0;}
.module2 .hd li { float: none; height: 65px; margin-top: 40px; font-size: 24px; line-height: 65px; color: #fff; cursor: pointer; border: 1px solid #fff; border-right: 0;}
.module2 .hd li.active { color: #69d7f0; background: #fff;}
.module2 .hd li .ibonfont { font-size: 40px; vertical-align: top;}
.module2 .hd li span { display: inline-block; width: 160px; vertical-align: top;}
.module2 .bd { float: left; width: 870px; height: 481px; overflow: hidden; background: #fff;}
.module2 .bd li { display: none;width: 870px;}
.module2 .bd li.on { display: block;}
.module2 .bd h3 { padding: 20px 0; font-size: 16px; color: #333;}
.module2 .bd img { height: 370px; margin: 20px auto 0;}

/*同业&异业商家联盟*/
.module3 li { width: 160px; margin-left: 102px;}
.module3 li .icon { display: block; width: 140px; height: 140px; margin: 0 auto; background-image: url(../b2b2c/module3.png); background-repeat: no-repeat;}
.module3 li .icon1 { background-position: 0 0;}
.module3 li .icon2 { background-position: -140px 0;}
.module3 li .icon3 { background-position: -280px 0;}
.module3 li .icon4 { background-position: -420px 0;}
.module3 li .icon5 { background-position: -560px 0;}
.module3 li img { width: 121px; margin: 0 auto;}
.module3 li h3 { padding-top: 27px; font-size: 18px;}
.module3 li p { padding-top: 14px;}

/*新零售是精细化运营的零售*/
.module4-1 .module4-img { width: 600px;}
.module4-1 .module4-img img { width: 600px;}
.module4-2 .module4-img img { width: 600px;}
.module4-1 .module4-img .img { position: relative; z-index: 1;}
.module4-1 .module4-img .img dl { position: absolute; right: 0; bottom: 25px; left: 0; color: #aaa; text-align: center;}
.module4-1 .module4-img .img dl dt { float: left; width: 160px;}
.module4-1 .module4-img .img dl dd { float: right; width: 320px;}
.module4 .module4-text { width: 480px; padding-top: 5px;}
.module4 .module4-text h3 { padding-bottom: 15px; font-size: 18px; color: #333;}
.module4 .module4-text p { margin-bottom: 25px; line-height: 22px; font-size: 14px;}
.module4 .module4-tab span {font-size: 12px; float: left; width: 98px; height: 30px; margin: 24px 0 0 24px; line-height: 30px; color: #aaa; text-align: center; cursor: pointer; border: 1px solid #aaa; border-radius: 2px;}
.module4 .module4-tab span.active { color: #fff; background: #3dbaf7; border-color: #3dbaf7;}

/*丰富的营销手段 增加用户粘性*/
.module5 { padding: 60px 0; background: #46a7df linear-gradient(to right, #408edd, #56dbe4);}
.module5-tab { width: 700px; display: block; margin: 0 auto;}
.module5-tab li { display: block; width: 143px; height: 40px; margin-left: 40px; line-height: 40px; font-size: 18px; color: #fff; cursor: pointer; border: 1px solid #fff;}
.module5-tab li.active { color: #0095ff; background: #fff; border: 1px solid #fff;}
.module5-item { padding-top: 40px;}
.module5-item .desc { width: 696px; padding-bottom: 40px; font-size: 14px; color: #fff;}
.module5-item img { margin: 0 auto; display: block}

/*PC端、微商城、APP智能装修，灵活排版*/
.module7 { background: #34d4f1 linear-gradient(to right, #35d7f3, #2dc5e1);}

/*拥有完整的覆盖线上线下的电商平台*/
.module9 { background: #333;}

/*基于Yii2.0框架开发的商城系统*/
.module11 { background: url(../b2b2c/module11.jpg) no-repeat center center;}
.module11 .container { padding-top: 55px;}
.module11 ul { width: 1050px; padding: 20px 0 80px; margin: 0 auto; overflow: hidden;}
.module11 ul li { float: left; width: 240px; margin: 0 55px; text-align: center;}
.module11 ul li h3 { width: 55px; height: 102px; margin: 0 auto; border: 1px solid #10ebff; border-radius: 4px;}
.module11 ul li h3 span { display: block; width: 42px; padding: 10px 0 8px; margin: 0 auto; font-size: 16px; line-height: 1.2; color: #fff; border-bottom: 1px solid #10ebff;}
.module11 ul li h3 em { display: block; padding-top: 22px; font-size: 40px; color: #10ebff; text-align: center;}
.module11 ul li p { padding-top: 15px; font-size: 14px; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,.23);}

/*客户案例*/
.case-list { position: relative; z-index: 1;}
.case-list .bd { width: 1110px; margin: 0 0 0 -15px;}
.case-list ul li { width: 340px; overflow: hidden; padding: 15px 15px 20px; text-align: left; background: #fff;}
.case-list ul li div { width: 340px; height: 298px; overflow: hidden;}
.case-list ul li img { display: block; width: 340px; margin: 0 auto; transition: all .5s;}
.case-list ul li img:hover { transform: scale(1.05);}
.case-list ul li h3 { padding-top: 37px; font-size: 20px;}
.case-list ul li p { font-size: 15px; line-height: 2; text-align: left;}
.case-list .flip { position: absolute; top: 29%; left: 0; display: block; width: 48px; height: 87px; font-size: 36px; line-height: 87px; color: #fff; text-align: center; background: #e0e0e0; cursor: pointer; border-radius: 6px; transition: all .5s;}
.case-list .right { right: 0; left: auto;}
.case-list a:hover { background: #9c9c9c;}
.case-list .case-inner { width: 1080px; margin: 0 auto; overflow: hidden;}

.register-tip { width: 100%; padding: 64px 0 56px; color: #1186eb; text-align: center; background: url(../b2b2c/register-bg.jpg) no-repeat center top;}
.register-tip .btn { padding: 6px 36px; color: #1186eb; margin: 0 13.5px; border: 1px solid #1186eb;}
.register-tip .btn:hover { background: #1186eb; border: 1px solid #1186eb;}
.register-tip p { font-size: 24px; margin-top: 22px; color: #1186eb;}

@media only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .module3 li .icon { background-image: url(../b2b2c/module3.png); background-size: auto 100%;}
}