/*==============
零售系统
===============*/
h2{
	font-size: 24px;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ml-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
p{
	margin: 0;
}
.resaleBanner {
    width: 100%;
    height: 500px;
    background: url("/static/img/site/index/banner_02.jpg") no-repeat center center;
}

.resaleBanner .container {
    position: relative;
}
.resaleBanner .container .banner-box{
	color: #FFFFFF;
	margin-top: 100px;
	font-size: 24px;
}
.resaleBanner .container .banner-box h1{
	font-size: 46px;
}
.resaleBanner a.index_adBtn {
    position: absolute;
    top: 320px;
    width: 230px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background-color: #0070c5;
}

.resaleBanner a.index_adBtn .fa {
    color: #0070c5;
}

/*一体化*/
.resaleMulti_ul {
    margin-top: 35px;
}

.resaleMulti_item {
    float: left;
    width: 25%;
    padding: 0 15px;
    text-align: center;
}

.resaleMulti_img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #417bd1;
    border-radius: 50%;
}

.resaleMulti_item:hover .resaleMulti_img {
    background-color: #ff8c3e;
}

.resaleMulti_img img {
    margin: 30px auto;
}

.resaleMulti_item h4 {
    margin-top: 30px;
    font-size: 16px;
}

.resaleMulti_line {
    width: 160px;
    height: 1px;
    margin: 0 auto 25px;
    background-color: #cccccc;
}

.resaleMulti_item p {
    margin-bottom: 0;
    font-size: 13px;
    color: #777;
}

/*优势*/
.resaleAdvan {
    width: 100%;
    padding-top: 100px;
    background: url("/static/img/site/product/lingshou/title03.jpg") no-repeat top center;
}

.resaleAdvan_icon {
    display: block;
    width: 108px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.resaleModel .resaleAdvan_icon {
    margin-top: 40px;
}

.resaleAdvan h4 {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.resaleSchemel {
    margin-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    background-color: #f4f4f4;
}

.resaleSchemel_item {
    width: 12.5%;
    float: left;
    text-align: center;
}

.resaleSchemel_item img {
    display: block;
    margin: 0 auto;
}

.resaleSchemel_item h5 {
    font-size: 18px;
}

.resaleSchemel .resaleAdvan_icon {
    margin-top: -60px;
}

.resalePay-item {
    width: 20%;
    float: left;
    text-align: center;
}

.resalePay-item img {
    display: block;
    margin: 0 auto;
}

/*功能架构*/
.resaleFrame {
    padding-top: 130px;
    width: 100%;
    height: 858px;
    background: url("/static/img/site/product/lingshou/titlr04.jpg") no-repeat top center;
}

.resaleRole {
    position: relative;
    float: left;
    width: 150px;
    padding: 0 15px;
    height: 624px;
    color: #417bd1;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
}

.resaleRole h2 {
    font-size: 24px;
    font-weight: bold;
}

.resaleRole h3 {
    font-size: 18px;
}

.resaleRole h4 {
    margin-bottom: 15px;
    color: #fff;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #417bd1;
    border-radius: 5px;
}

.resaleRole_bot {
    position: absolute;
    bottom: 30px;
    left: 27px;
}

.resale_frame {
    width: 1035px;
    float: right;
}

.resale_frame_up {
    color: #fff;
    background-color: #417bd1;
    border-radius: 8px;
}

.resale_frame_up h2 {
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.resale_frame_big,
.resale_frame_small {
    margin-left: 15px;
    float: left;
    background-color: #fff;
    border-radius: 5px;
}

.resale_frame_one h3 {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: #417bd1;
    font-weight: bold;
}

.resale_frame_big {
    width: 392px;
}

.resale_frame_small {
    width: 191px;
}

.resale_frame_one ul {
    padding: 0 15px 10px;
    margin-bottom: 0;
}

.resale_frame_one ul li {
    padding-left: 10px;
    padding-right: 0;
}

.resale_frame_one ul li:first-child {
    padding-left: 0;
}

.resale_frame_one ul li span {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    background-color: #ff8c3e;
    border-radius: 5px;
}

.resale_frame_two {
    margin-top: 13px;
}

.rft_block {
    float: left;
    margin-left: 15px;
}

.rft_item:first-child {
    margin-left: 0;
}

.rft_item {
    margin-left: 10px;
    float: left;
    width: 191px;
    height: 192px;
    padding: 0 15px;
    background-color: #fff;
    border-radius: 5px;
}

.rft_item h4 {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #417bd1;
}

.rft_item span {
    display: block;
    margin-bottom: 5px;
    color: #777;
}

.resale_frame_three {
    margin-top: 13px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}

.resale_frame_three h4 {
    font-weight: bold;
    color: #417bd1;
}

.resale_frame_three p {
    color: #ff8c3e;
    font-size: 16px;
    margin-bottom: 25px;
}

.resale_frame_down {
    margin-top: 15px;
    background-color: #417bd1;
    border-radius: 8px;
}

.resale_frame_down h2 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.resale_frame_down ul {
    margin-bottom: 5px;
}

.resale_frame_down ul li {
    width: 158.75px;
    float: left;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 15px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background-color: #ff8c3e;
    border-radius: 5px;
}

a.resale_frameBtn {
    display: block;
    margin: 30px auto;
    width: 180px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    background-color: #02affd;
}

a.resale_frameBtn:hover,
a.resale_frameBtn:focus {
    text-decoration: none;
}

a.resale_frameBtn .fa {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #02affd;
    background-color: #fff;
    border-radius: 50%;
}

/*业务模式*/
.resaleMatch_ul {
    margin-top: 20px;
    margin-left: -20px;
}

.resaleMatch_item {
    position: relative;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    width: 285px;
    height: 219px;
    overflow: hidden;
}

.resaleMatch_item span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 40px;
    width: 100%;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.8);
}

.resaleMatch a.index_adBtn {
    margin: 40px auto;
}

.index_fuwu03 {
    width: 100%;
    height: 300px;
    background: url("/static/img/site/product/lingshou/zixun.jpg") no-repeat center center;
}

.index_fuwu03 .container {
    position: relative;
}

.index_fuwu03 a.index_adBtn {
    position: absolute;
    left: 44px;
    top: 120px;
}

/*====================
ERP
=====================*/
.erpBanner {
    width: 100%;
    height: 500px;
    text-align: center;
    color: #fff;
    background: url("/static/img/site/product/erp/banner.jpg") no-repeat center center;
}

.erpBanner p {
    font-size: 24px;
    margin-top: 260px;
    margin-bottom: 0;
}

.erpCore_ul {
    margin-left: -20px;
    margin-top: 20px;
}

.erpCore_item {
    width: 285px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.erpCore_title {
    width: 285px;
    height: 114px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    background: url("/static/img/site/product/erp/core_bg.jpg") no-repeat top center;
}

.erpCore_icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border: 3px solid #fff;
    border-radius: 50%;
    text-align: center;
}

.erpCore_icon img {
    margin: 15px auto;
}

.erpCore_title h5 {
    margin-bottom: 0;
    font-size: 16px;
}

.erpCore_text {
    width: 285px;
    height: 152px;
    padding: 20px;
    font-size: 13px;
    border-radius: 0 0 5px 5px;
    background-color: #f4f4f4;
    overflow: hidden;
}

/*对接平台*/
.erpDocking {
    width: 100%;
    height: 406px;
    background: url("/static/img/site/product/erp/jiagou_bg.jpg") no-repeat top;
}

.erpDocking_ul {
    margin-top: 100px;
}

.erpDocking_item {
    float: left;
    width: 190px;
    height: 71.25px;
    margin: 20px 5px 0 5px;
    overflow: hidden;
}
.mt80 {
    margin-top: 80px;
}

.mt40 {
    margin-top: 40px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}
/*操作流程*/
.erpFlow_ul {
    width: 100%;
    height: 308px;
    background: url("/static/img/site/product/erp/flow_bg.jpg") no-repeat center center;
}

.erpFlow_li {
    width: 134px;
    height: 134px;
    float: left;
    margin-left: 79px;
    margin-bottom: 40px;
    text-align: center;
    background-color: #fff;
    border: 10px solid #c6d7f1;
    border-radius: 50%;
}

.erpFlow_li img {
    display: block;
    margin: 20px auto 13px;
}

.erpFlow_li h5 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    color: #777;
}

/*=============
BBC
================*/
.bbcBanner {
    width: 100%;
    height: 500px;
    background: url("/static/img/site/index/banner_01.jpg") no-repeat center center;
}
.bbcBanner .banner-box{
	color: #FFFFFF;
	text-align: center;
	margin-top: 115px;
}
.bbcBanner .banner-box h1{
	font-size: 45px;
}
.bbcBanner .banner-box p{
	font-size: 18px;
    margin-bottom: 10px;
}
.bbcModel_ul {
    margin-top: 40px;
    margin-left: -20px;
}

.bbcModel_item {
    width: 285px;
    margin-left: 20px;
    float: left;
    text-align: center;
}

.bbcCore_tit {
    position: relative;
    margin: 0 auto;
    width: 164px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #ff8c3e;
    font-size: 18px;
}

.bbcCore_tit:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid dashed dashed;
    border-color: #ff8c3e transparent transparent;
}

.bbcModel_item .bbcCore_bg {
    width: 100%;
    height: 340px;
    margin-top: 25px;
    text-align: center;
    background-color: #f4f4f4;
}

.bbcModel_item .bbcCore_bg img {
    display: block;
    margin: 0 auto;
}

/**/
.bbcCore {
    width: 100%;
    height: 622px;
    padding-top: 120px;
    background: url("/static/img/site/product/bbc/core_bg.jpg") no-repeat center top;
}

.bbcCore_li {
    width: 33.333333%;
    float: left;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
}

.bbcCore_li.odd, .disPoint_item.odd {
    background: #dcdcdc;
    background: -moz-linear-gradient(top, #dcdcdc 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #dcdcdc 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #dcdcdc 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #dcdcdc 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff', GradientType=0);
}

.bbcCore_li.even, .disPoint_item.even {
    background: #dcdcdc;
    background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0);
}

.bbcCore_li:hover, .disPoint_item:hover {
    background: rgba(0, 0, 0, .8);
}

.bbcCore_li h4 {
    margin-top: 15px;
    font-size: 18px;
}

.bbcCore_li .bbcCore_liIcon {
    margin: 35px auto;
}

.bbcCore_li p {
    font-size: 13px;
    margin: 0 20px 20px;
}

.bbcCore_li:hover h4,
.bbcCore_li:hover p {
    color: #fff;
}

/**/
.bbcMulti {
    margin-bottom: 60px;
}

/*====================
app
=======================*/
.appBanner {
    width: 100%;
    height: 580px;
    text-align: center;
    background: url("/static/img/site/product/app/banner.jpg") no-repeat center center;
}

.appBanner .container h1 {
    margin-top: 50px;
    color: #fff;
    font-size: 48px;
    letter-spacing: 3px;
}

.appBanner .container h1 span {
    color: #ffbf37;
    font-weight: bold;
    font-size: 60px;
}

.appTitle {
    margin: 40px auto;
}

.appZipei {
    position: relative;
    width: 100%;
    height: 540px;
    background: url("/static/img/site/product/app/tese.jpg") no-repeat top center;
}

.appZipei .appZipei-item {
    position: absolute;
    bottom: 0;
    width: 200px;
    padding: 0 10px;
}

.appZipei .appZipei-item.item01 {
    left: 0;
}

.appZipei .appZipei-item.item02 {
    left: 233px;
}

.appZipei .appZipei-item.item03 {
    left: 528px;
}

.appZipei .appZipei-item.item04 {
    right: 132px;
}

.appZipei .appZipei-item h4 {
    text-align: center;
    color: #417bd1;
}

.appZipei .appZipei-item p {
    font-size: 13px;
}

.appLogin_img {
    float: left;
}

.appLogin_text {
    float: right;
    width: 400px;
    margin-right: 30px;
}

.appLogin_text h2 {
    margin-top: 80px;
    margin-bottom: 40px;
    color: #417bd1;
    font-size: 30px;
    text-align: center;
}

.appLogin_text ul li {
    float: left;
    width: 33.33333%;
    text-align: center;
}

.appLogin_text ul li h4 {
    margin-top: 20px;
}

.appLogin_text p {
    font-size: 16px;
    margin-top: 40px;
    line-height: 2;
}



.appModels_img img {
    margin: 0 auto;
    display: block;
}

.appModels h5 {
    font-size: 18px;
    text-align: center;
}

.appModels_wuliu {
    width: 100%;
    height: 600px;
    background: url("/static/img/site/product/app/mukuai04.jpg") no-repeat top right;
}

.appModels_mid {
    width: 450px;
    float: left;
    margin-left: 50px;
}

.appModels_wuliu h1 {
    font-size: 52px;
    margin-bottom: 30px;
}

.appModels_wuliu h3 {
    font-size: 22px;
    line-height: 1.5;
}

.appModels_mid img {
    display: block;
    margin-top: 80px;
}

/*lunbo*/
.appCustom {
    margin-top: 35px;
}

.appCont {
    position: relative;
    margin: 0px 8px;
    width: 1140px !important;
    height: 750px;
    float: left;
    display: inline;
    overflow: hidden;
}

.appCont_ul .appCont_item {
    width: 380px;
    height: 750px;
    background: url("/static/img/site/product/app/phone.png") no-repeat center center;
}

.appCont_ul .appCont_item img {
    display: block;
    margin: 103px 46px 148px 45px;
}

.appMake {
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
    background: -o-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dddddd', GradientType=0);
}

.appMake_con#focus_Box {
    position: relative;
    width: 1200px;
    height: 570px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.appMake_con#focus_Box .prev,
.appMake_con#focus_Box .next {
    position: absolute;
    display: block;
    width: 27px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    background-image: url("/static/img/site/index/zhongxin.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.appMake_con#focus_Box .prev {
    left: 0;
    background-position: -60px -120px;
}

.appMake_con#focus_Box .next {
    right: 0;
    background-position: -87px -120px;
}

.appMake_con#focus_Box ul {
    position: relative;
    width: 1100px;
    height: 570px;
    margin: 0 50px;
    float: left;
    overflow: hidden;
}

.appMake_con#focus_Box ul li {
    position: absolute;
    width: 0px;
    height: 0px;
    background-color: #787878;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 1px 1px 12px rgba(200, 200, 200, 1);
    z-index: 0;
}

#focus_Box li img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

/*==================
CRM
=====================*/
.crmBanner {
    width: 100%;
    height: 500px;
    color: #fff;
    background: url("/static/img/site/product/crm/banner.jpg") no-repeat center top;
}

.crmBanner .container h3 {
    float: right;
    margin-right: 30px;
    margin-top: 200px;
    font-size: 24px;
    line-height: 1.6;
    text-shadow: 1px 1px 5px #000;
}

.crmCore .erpCore_text {
    height: 165px;
}

.crmFunction {
    background: #bfbfbf;
    background: -moz-linear-gradient(top, #bfbfbf 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfbfbf), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #bfbfbf 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #bfbfbf 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #bfbfbf 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #bfbfbf 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#ffffff', GradientType=0);
}

.crmFunction_ul {
    margin-left: -40px;
    margin-bottom: 50px;
}

.crmFun_item {
    float: left;
    margin-left: 40px;
    width: 208px;
    height: 208px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.crmFun_item.item01 {
    background-color: #417bd1;
}

.crmFun_item.item02 {
    background-color: #42d1be;
}

.crmFun_item.item03 {
    background-color: #ff8c3e;
}

.crmFun_item.item04 {
    background-color: #739edd;
}

.crmFun_item:hover {
    background-color: rgba(0, 0, 0, .8);
}

.crmFun_item h2 {
    height: 50px;
    margin-top: 30px;
    font-size: 20px;
}

.crmFun_item p {
    margin-top: 30px;
    line-height: 1.8;
}

.crmImg {
    width: 100%;
    height: 360px;
    color: #fff;
    background: url("/static/img/site/product/crm/anli_bg.jpg") no-repeat center top;
}

.crmImg h1 {
    margin-top: 60px;
    font-weight: bold;
    font-size: 42px;
}

.crmImg h4 {
    margin-top: 30px;
    line-height: 1.6;
}

.crmImg a.index_adBtn {
    margin-top: 40px;
    width: 176px;
}

/*======================
o2o
=========================*/
.o2oBanner {
    width: 100%;
    height: 500px;
    background: url("/static/img/site/solution/o2o/banner.jpg") no-repeat center center;
}

.o2oSwot_item {
    width: 550px;
}

.o2oSwot_item.o2oSwot_left {
    float: left;
}

.o2oSwot_item.o2oSwot_right {
    float: right;
}

.o2oSwot_item.o2oSwot_right .bbcCore_tit {
    background-color: #417bd1;
}

.o2oSwot_item.o2oSwot_right .bbcCore_tit:after {
    border-color: #417bd1 transparent transparent;
}

.o2oSwot_ul {
    margin-top: 40px;
    width: 550px;
    height: 340px;
    background: url("/static/img/site/solution/o2o/offline_bg.jpg") no-repeat left top;
    overflow: hidden;
}

.o2oSwot_ulLeft {
    margin-top: 85px;
    margin-left: 35px;
    float: left;
}

.o2oSwot_ulRight {
    float: right;
    margin-top: 85px;
    margin-right: 35px;
}

.o2oSwot_li {
    width: 200px;
    height: 38px;
    margin-bottom: 47px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    border-radius: 5px
}

.o2oSwot_ulLeft .o2oSwot_li {
    background-color: #417bd1;
}

.o2oSwot_ulRight .o2oSwot_li {
    background-color: #ff8c3e;
}

.o2oCore {
    background-color: #f4f4f4;
}

.o2oCore_main {
    margin-left: -21.333333px;
    margin-bottom: 40px;
}

.o2oCore_li {
    float: left;
    width: 284px;
    height: 200px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    margin-left: 21.33333px;
}

.o2oCore_li.item01 {
    background: url("/static/img/site/solution/o2o/core01.png") no-repeat center center;
}

.o2oCore_li.item02 {
    background: url("/static/img/site/solution/o2o/core02.png") no-repeat center center;
}

.o2oCore_li.item03 {
    background: url("/static/img/site/solution/o2o/core03.png") no-repeat center center;
}

.o2oCore_li.item04 {
    background: url("/static/img/site/solution/o2o/core04.png") no-repeat center center;
}

.o2oCore_li .o2oCore_txt {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.o2oCore_li.item01 .o2oCore_txt {
    background-color: rgba(44, 104, 189, .8);
}

.o2oCore_li.item02 .o2oCore_txt {
    background-color: rgba(227, 118, 65, .8);
}

.o2oCore_li.item03 .o2oCore_txt {
    background-color: rgba(127, 71, 169, 0.8);
}

.o2oCore_li.item04 .o2oCore_txt {
    background-color: rgba(69, 189, 134, 0.8);
}

.o2oCore_li:hover .o2oCore_txt {
    background-color: rgba(0, 0, 0, .8);
}

.o2oCore_txt img {
    display: block;
    margin: 40px auto 50px;
}

.o2oCore_txt h3 {
    font-size: 18px;
}

.o2oGetMain_left {
    float: left;
    width: 285px;
    height: 285px;
    margin-top: 31px;
}

.o2oGetMain_mid {
    float: left;
    width: 630px;
    height: 347px;
    background: url("/static/img/site/solution/o2o/onoff.jpg") no-repeat center center;
}

.o2oGetMain_mid h5 {
    font-size: 16px;
    color: #777777;
}

.o2oGetMain_rigth {
    float: right;
    width: 285px;
    height: 285px;
    margin-top: 31px;
}

.o2oGetMain_li {
    width: 20%;
    margin-top: 120px;
    float: inherit;
    text-align: center;
}

.o2oArea {
    background-color: #f4f4f4;
}

.fl {
    float: left;
}

.o2oArea_main {
    margin-left: -5px;
    margin-bottom: 40px;
}

.o2oArea_item {
    position: relative;
    margin-left: 5px;
    margin-bottom: 5px;
    color: #fff;
    background-color: #9ec5f1;
}

.o2oArea_item:hover {
    background-color: #1977d4;
}

.o2oArea_item h5 {
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.o2oArea_item.style1 {
    width: 150px;
    height: 102px;
}

.o2oArea_item.style2 {
    width: 270px;
    height: 209px;
}

.o2oArea_item.style3 {
    width: 150px;
    height: 209px;
}

.o2oArea_item.style4 {
    width: 305px;
    height: 209px;
}

.o2oArea_item img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.o2oArea_item.style1 img {
    margin-top: 31px;
}

.o2oArea_item.style2 img,
.o2oArea_item.style4 img {
    margin-top: 62px;
}

.o2oArea_item.style3 img {
    margin-top: 79.5px;
}

.o2oReso {
    margin-bottom: 60px;
}

.o2oReso_main {
    background-color: #f4f4f4;
}

.o2oReso_icon {
    display: block;
    margin: 30px 0;
}

.o2oReso_icon li {
    width: 150px;
    float: left;
    margin: 0 auto;
}

.o2oReso_icon li span {
    display: block;
    margin: 0 auto;
    width: 68px;
    height: 68px;
    background-color: #417bd1;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 68px;
    border-radius: 50%;
}


.o2oReso_first, .o2oReso_item {
    float: left;
    text-align: center;
    width: 150px;
}

.o2oReso_first {
    color: #ff8c3e;
}

.o2oReso_item {
    font-size: 16px;
    min-height: 165px;
    padding-top: 20px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.o2oReso_item:last-child {
    border-right: none;
}

.o2oReso_item:hover {
    background: #417bd1;
    color: #fff;
}

/*==================
跨境电商
======================*/
.crossBanner {
    width: 100%;
    height: 500px;
    color: #fff;
    background: url("/static/img/site/solution/kuajing/banner.jpg") no-repeat center center;
}

.crossBanner .banner-box{
    float: right;
	text-align: right;
	margin-top: 140px;
	font-size: 16px;
}
.crossBanner .banner-box h1{
	font-size: 42px;
}
.crossModel {
    margin-bottom: 40px;
    margin-left: -20px;
}

.crossModel-item {
    width: 224px;
    float: left;
    margin-left: 20px;
}

.crossModel-bg {
    width: 224px;
    height: 224px;
    overflow: hidden;
}

.crossModel-bg.item01 {
    background: url("/static/img/site/solution/kuajing/moshi01.png") no-repeat center center;
}

.crossModel-bg.item02 {
    background: url("/static/img/site/solution/kuajing/moshi02.png") no-repeat center center;
}

.crossModel-bg.item03 {
    background: url("/static/img/site/solution/kuajing/moshi03.png") no-repeat center center;
}

.crossModel-bg.item04 {
    background: url("/static/img/site/solution/kuajing/moshi04.png") no-repeat center center;
}

.crossModel-bg.item05 {
    background: url("/static/img/site/solution/kuajing/moshi05.png") no-repeat center center;
}

.crossModel-bg .crossModel_img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.crossModel-bg.item01 .crossModel_img {
    background-color: rgba(105, 210, 231, .8);
}

.crossModel-bg.item02 .crossModel_img {
    background-color: rgba(255, 140, 62, .8);
}

.crossModel-bg.item03 .crossModel_img {
    background-color: rgba(113, 170, 220, .8);
}

.crossModel-bg.item04 .crossModel_img {
    background-color: rgba(255, 183, 38, .8);
}

.crossModel-bg.item05 .crossModel_img {
    background-color: rgba(58, 196, 168, .8);
}

.crossModel-bg .crossModel_img:hover {
    background-color: rgba(0, 0, 0, .8);
}

.crossModel_img img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 67px auto;
}

.crossModel-item h4 {
    margin-top: 20px;
    text-align: center;
}

.crossTodo {
    width: 100%;
    height: 508px;
    background: url("/static/img/site/solution/kuajing/todo_bg.jpg") no-repeat center center;
}

.crossTodo_main {
    margin-left: -150px;
}

.crossTodo_item {
    width: 300px;
    height: 336px;
    float: left;
    margin-left: 150px;
    color: #ff8c3e;
    text-align: center;
}

.crossTodo_item.item01 {
    background: url("/static/img/site/solution/kuajing/todo01.png") no-repeat center center;
}

.crossTodo_item.item02 {
    background: url("/static/img/site/solution/kuajing/todo02.png") no-repeat center center;
}

.crossTodo_item.item03 {
    background: url("/static/img/site/solution/kuajing/todo03.png") no-repeat center center;
}

.crossTodo_item:hover.item01 {
    background: url("/static/img/site/solution/kuajing/todo04.png") no-repeat center center;
}

.crossTodo_item:hover.item02 {
    background: url("/static/img/site/solution/kuajing/todo05.png") no-repeat center center;
}

.crossTodo_item:hover.item03 {
    background: url("/static/img/site/solution/kuajing/todo06.png") no-repeat center center;
}

.crossTodo_item h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 336px;
}

.crossQues_main {
    margin-left: -40px;
}

.crossQues_item {
    float: left;
    margin-left: 40px;
    width: 208px;
    text-align: center;
}

.crossQues_item h4 {
    margin-top: 20px;
}
.crossQues_item .img-wrap{
    width:208px;
    height:208px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}
.crossQues_item img {
    width:100%;
    height:100%;
}
.crossQues_item .cover {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(43, 43, 43, 0.6);
}
.crossQues_item .cover .icons{
    display: block;
    width:80px;
    height:77px;
    background:url("/static/img/site/index/new/floor/cross_question_icons.png") no-repeat;
    margin: 66px auto;
}
.crossQues_item .cover .icon2 {
    background-position: -95px 0;
}
.crossQues_item .cover .icon3 {
    background-position: -194px 0;
}
.crossQues_item .cover .icon4 {
    background-position: -283px 0;
}
.crossQues_item .cover .icon5 {
    background-position: -377px 0;
}
.crossQues_item:hover img {
    opacity: 0.7;
}

/*=============
移动解决方案
==================*/
.wapBanner {
    width: 100%;
    height: 500px;
    color: #fff;
    background: url("/static/img/site/solution/wap/banner.jpg") no-repeat center center;
}

.wapBanner h1 {
    font-size: 48px;
    font-weight: bold;
    margin-top: 90px;
    margin-left: 660px;
    letter-spacing: 10px;
}

.wapBanner h4 {
    margin-left: 660px;
    letter-spacing: 1.9px;
}

.wapBanner .index_adBtn {
    margin-left: 660px;
    margin-top: 40px;
}

/*轮播*/
.wapMarket_main {
    margin-top: 40px;
    padding-top: 40px;
}

.wapMarket_main .carousel-inner {
    width: 844px;
    margin: 0 auto;
}

.wapMarket_main .carousel-control.left {
    border-radius: 5px 0 0 5px;
}

.wapMarket_main .carousel-control.right {
    border-radius: 0 5px 5px 0;
}

.wapMarket_main .carousel-indicators {
    width: 598px;
    margin-left: -299px;
    top: 0;
    display: inline-block;
}

.wapMarket_main .carousel-indicators > div {
    position: relative;
    float: left;
    margin-left: -1px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #1875d1;
    font-size: 16px;
    cursor: pointer;
    color: #1875d1;
}

.wapMarket_main .carousel-indicators > div:first-child {
    margin-left: 0;
}

.wapMarket_main .carousel-indicators > div.active {
    background-color: #1875d1;
    color: #fff;
}

.wapMarket_main .carousel-indicators > div:after {
    content: '';
    position: absolute;
    top: 39px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid dashed dashed;
    border-color: #1875d1 transparent transparent;
    display: none;
}

.wapMarket_main .carousel-indicators > div.active:after {
    display: block;
}

.wapMobile {
    width: 100%;
    height: 596px;
    background: url("/static/img/site/solution/wap/bg.jpg") no-repeat center center;
}

.wapMobile_main {
    margin-left: -36px;
}

.wapMobile_item {
    float: left;
    width: 170px;
    height: 170px;
    margin-left: 36px;
    margin-bottom: 20px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
}

.wapMobile_item:hover {
    background-color: #333;
}

.wapMobile_item h4 {
    font-size: 16px;
}

.wapMobile_item:hover h4 {
    color: #fff;
}

.wapMobile_item .wapMobile_img {
    margin: 30px auto 20px;
    width: 75px;
    height: 75px;
}

.wapMobile_item.item01 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon1-1.png") no-repeat center center;
}

.wapMobile_item:hover.item01 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon1-2.png") no-repeat center center;
}

.wapMobile_item.item02 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon2-1.png") no-repeat center center;
}

.wapMobile_item:hover.item02 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon2-2.png") no-repeat center center;
}

.wapMobile_item.item03 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon3-1.png") no-repeat center center;
}

.wapMobile_item:hover.item03 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon3-2.png") no-repeat center center;
}

.wapMobile_item.item04 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon4-1.png") no-repeat center center;
}

.wapMobile_item:hover.item04 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon4-2.png") no-repeat center center;
}

.wapMobile_item.item05 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon5-1.png") no-repeat center center;
}

.wapMobile_item:hover.item05 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon5-2.png") no-repeat center center;
}

.wapMobile_item.item06 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon6-1.png") no-repeat center center;
}

.wapMobile_item:hover.item06 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon6-2.png") no-repeat center center;
}

.wapMobile_item.item07 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon7-1.png") no-repeat center center;
}

.wapMobile_item:hover.item07 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon7-2.png") no-repeat center center;
}

.wapMobile_item.item08 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon8-1.png") no-repeat center center;
}

.wapMobile_item:hover.item08 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon8-2.png") no-repeat center center;
}

.wapMobile_item.item09 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon9-1.png") no-repeat center center;
}

.wapMobile_item:hover.item09 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon9-2.png") no-repeat center center;
}

.wapMobile_item.item10 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon10-1.png") no-repeat center center;
}

.wapMobile_item:hover.item10 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon10-2.png") no-repeat center center;
}

.wapMobile_item.item11 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon11-1.png") no-repeat center center;
}

.wapMobile_item:hover.item11 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon11-2.png") no-repeat center center;
}

.wapMobile_item.item12 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon12-1.png") no-repeat center center;
}

.wapMobile_item:hover.item12 .wapMobile_img {
    background: url("/static/img/site/solution/wap/icon12-2.png") no-repeat center center;
}

.wapMobile a.index_adBtn {
    margin: 10px auto 0;
}

.wapBusiness {
    width: 100%;
    height: 447px;
    background: url("/static/img/site/solution/wap/pifa_bg.jpg") no-repeat center center;
}

/*==============
分销解决方案
============*/
.disBanner {
    width: 100%;
    height: 500px;
    text-align: center;
    background: url("/static/img/site/solution/distribution/banner.jpg") no-repeat center center;
    overflow: hidden;
}

.disBanner h1 {
    margin-top: 100px;
    font-weight: bold;
    font-size: 60px;
    color: #fff;
    text-shadow: 0 4px 5px rgba(0, 0, 0, .3);
    letter-spacing: 10px;
}

.disBanner h4 {
    letter-spacing: 2px;
    padding: 15px 20px;
    background-color: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, 8);
    display: inline-block;
    color: #333;
    line-height: 1.4;
}

.disProblem_main {
    margin-left: -40px;
}

.disProblem_item h4 {
    margin-top: 20px;
}

.disProblem_item {
    float: left;
    margin-left: 80px;
    text-align: center;
}

.disProblem_img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
}

.disProblem_item.item01 .disProblem_img {
    background-color: #417ad1;
}

.disProblem_item.item02 .disProblem_img {
    background-color: #42d1bf;
}

.disProblem_item.item03 .disProblem_img {
    background-color: #ff8b3e;
}

.disProblem_item.item04 .disProblem_img {
    background-color: #729edd;
}

.disProblem_item.item05 .disProblem_img {
    background-color: #0099ff;
}

.disProblem_item .disProblem_img:hover {
    background-color: #333;
}

.disProblem_img img {
    display: block;
    margin: 37px auto;
}

.disProblem .index_adBtn {
    margin-top: 40px;
}

.disPoint .index_adBtn {
    margin-top: 30px;
}

.disProblem .index_adBtn, .disPoint .index_adBtn {
    margin-left: auto;
    margin-right: auto;
}

.disPoint {
    width: 100%;
    height: 700px;
    text-align: center;
    background: url("/static/img/site/solution/distribution/core_bg.jpg") no-repeat center center;
}

.disPoint_item {
    width: 20%;
    height: 230px;
    float: left;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
}

.disPoint_item h4 {
    margin-top: 50px;
}

.disPoint_item:hover h4 {
    color: #fff;
}

.disPoint_item img {
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.disFrame {
    width: 100%;
    height: 828px;
    margin-bottom: 40px;
    background: url("/static/img/site/solution/distribution/point_bg.jpg") no-repeat center center;
}

/*==========
全渠道电商
===============*/
.channelBanner {
    width: 100%;
    height: 500px;
    color: #fff;
    text-align: center;
    background: url("/static/img/site/solution/channel/banner.jpg") no-repeat center center;
}

.channelBanner .container h1 {
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 10px;
    margin-top: 165px;
    text-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

.channelBanner .container h4 {
    margin-top: 20px;
    line-height: 1.8;
    letter-spacing: 2px;
    text-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

.channelCore_main {
    margin-left: -60px;
}

.channelCore_item {
    float: left;
    margin-left: 60px;
    margin-bottom: 30px;
    background-color: #f4f4f4;
    border-radius: 8px;
    width: 360px;
    height: 150px;
    padding: 20px;
}

.channelCore_item img {
    float: left;
}

.channelCore_item h4,
.channelCore_item h5 {
    margin-left: 125px;
}


.channelCore_item h5 {
    margin-top: 20px;
    line-height: 1.5;
}

.channelPoint_main {
    margin-left: -150px;
}

.channelCore .index_adBtn,
.channelPoint .index_adBtn {
    margin-left: auto;
    margin-right: auto;
}

.channelPoint {
    width: 100%;
    height: 585px;
    background: url("/static/img/site/solution/channel/bg.jpg") no-repeat center center;
    overflow: hidden;
}

.channelPoint_item {
    width: 300px;
    height: 336px;
    float: left;
    margin-left: 150px;
    text-align: center;
    background: url("/static/img/site/solution/channel/before.png") no-repeat center center;
}

.channelPoint_item:hover {
    background: url("/static/img/site/solution/channel/after.png") no-repeat center center;
}

.channelPoint_item h1 {
    margin-top: 60px;
    color: #ff8c3e;
    font-size: 48px;
}

.channelPoint_item h4 {
    margin-top: 55px;
    font-size: 16px;
    line-height: 1.4;
}

.channelPoint_item:hover h4 {
    color: #fff;
}

.channelPoint .index_adBtn {
    margin-top: 40px;
}

.channelSystem {
    margin-bottom: 60px;
}

.channelSystem_left,
.channelSystem_right {
    background-color: #ff8c3e;
    color: #fff;
    width: 120px;
    min-height: 648px;
}

.channelSystem_left {
    float: left;
    border-radius: 8px 0 0 8px;
}

.channelSystem_right {
    float: right;
    border-radius: 0 8px 8px 0;
}

.channelSystem_left span,
.channelSystem_right span {
    font-size: 16px;
    display: block;
    height: 92.5px;
    line-height: 92.5px;
    margin: 0 auto;
    text-align: center;
    clear: both;
}

.channelSystem_left span > b,
.channelSystem_right span > b {
    font-size: 18px;
}

.channelSystem_mid {
    float: left;
    width: 960px;
    background-color: #417bd1;
}



.channelSystem_one {
    margin-top: 14px;
}

.channelSystem_two, .channelSystem_three {
    margin-top: 12px;
}

.channelSystem_one h4,
.channelSystem_two h4,
.channelSystem_three h4 {
    float: left;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    width: 70px;
    line-height: 1.5;
    text-align: center;
}

.channelSystem_two h4 {
    margin-top: 22px;
}

.channelSystem_three h4 {
    margin-top: 35px;
}

.channelSystem_one_main,
.channelSystem_two_mian,
.channelSystem_three_main,
.channelSystem_four_mian {
    float: right;
    width: 880px;
    margin-right: 10px;
    font-size: 16px;
}

.channelSystem_one_main,
.channelSystem_two_mian,
.channelSystem_four_mian {
    background-color: #eeeeee;
}

.channelSystem_four_mian {
    margin-bottom: 14px;
}

.channelSystem_one_main {
    height: 64px;
}

.channelSystem_one_main span,
.channelSystem_two_mian span,
.channelSystem_four_mian span {
    display: block;
    float: left;
    width: 152px;
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
    background-color: #fff;
}

.channelSystem_one_main span,
.channelSystem_two_mian span {
    margin-left: 20px;
}

.channelSystem_one_main span {
    height: 50px;
    line-height: 50px;
}

.channelSystem_two_mian span,
.channelSystem_four_mian span {
    height: 32px;
    line-height: 32px;
}

.channelSystem_four_mian span {
    margin-left: 34px;
    margin-right: 34px;
}

.channelSystem_three_main {
    overflow: hidden;
}

.channelSystem_three_item {
    background-color: #fff;
    float: left;
    width: 280px;
    margin-left: 20px;
    text-align: center;
}

.channelSystem_three_item:first-child {
    margin-left: 0;
}

.channelSystem_three_item span {
    display: block;
    margin: 10px auto;
}

.channelSystem_three_item p {
    font-size: 14px;
}

/*============
家电解决方案
===============*/
.appliBanner,
.digitalBanner,
.foodBanner,
.freshBanner,
.clothBanner,
.cosmeticBanner,
.fitmentBanner,
.infantBanner,
.medicineBanner,
.carBanner,
.retailBanner,
.virtualBanner {
    width: 100%;
    color: #fff;
    text-align: center;
}

.appliBanner,
.digitalBanner,
.foodBanner,
.freshBanner,
.clothBanner,
.medicineBanner,
.carBanner,
.retailBanner,
.virtualBanner {
    height: 499px;
}

.cosmeticBanner,
.fitmentBanner,
.infantBanner {
    height: 500px;
}

.appliBanner {
    background: url("/static/img/site/vacation/banner01.jpg") no-repeat center center;
}

.digitalBanner {
    background: url("/static/img/site/vacation/banner02.jpg") no-repeat center center;
}

.foodBanner {
    background: url("/static/img/site/vacation/banner03.jpg") no-repeat center center;
}

.freshBanner {
    background: url("/static/img/site/vacation/banner05.jpg") no-repeat center center;
}

.clothBanner {
    background: url("/static/img/site/vacation/banner04.jpg") no-repeat center center;
}

.cosmeticBanner {
    background: url("/static/img/site/vacation/banner06.jpg") no-repeat center center;
}

.fitmentBanner {
    background: url("/static/img/site/vacation/banner07.jpg") no-repeat center center;
}

.infantBanner {
    background: url("/static/img/site/vacation/banner08.jpg") no-repeat center center;
}

.medicineBanner {
    background: url("/static/img/site/vacation/banner09.jpg") no-repeat center center;
}

.carBanner {
    background: url("/static/img/site/vacation/banner10.jpg") no-repeat center center;
}

.retailBanner {
    background: url("/static/img/site/vacation/banner11.jpg") no-repeat center center;
}

.virtualBanner {
    background: url("/static/img/site/vacation/banner12.jpg") no-repeat center center;
}

.appliBanner h1,
.digitalBanner h1,
.foodBanner h1,
.freshBanner h1,
.clothBanner h1,
.cosmeticBanner h1,
.fitmentBanner h1,
.infantBanner h1,
.medicineBanner h1,
.carBanner h1,
.retailBanner h1,
.virtualBanner h1 {
    font-weight: bold;
    font-size: 48px;
    letter-spacing: 3px;
}

.appliBanner h1,
.foodBanner h1,
.freshBanner h1,
.cosmeticBanner h1,
.fitmentBanner h1,
.infantBanner h1 {
    margin-top: 120px;
}

.digitalBanner h1 {
    margin-top: 100px;
}

.clothBanner h1 {
    margin-top: 60px;
}

.medicineBanner h1 {
    margin-top: 160px;
}

.carBanner h1 {
    margin-top: 70px;
}

.retailBanner h1, .virtualBanner h1 {
    margin-top: 80px;
}

.foodBanner h1, .foodBanner h4 {
    color: #69310e;
}

.clothBanner h1, .clothBanner h4 {
    color: #434343;
}

.fitmentBanner h1, .fitmentBanner h4 {
    color: #f4e7d3;
}

.cosmeticBanner h1, .cosmeticBanner h4 {
    float: right;
    text-align: left;
    width: 465px;
    margin-right: 20px;
    color: #005798;
}

.infantBanner h1, .infantBanner h4 {
    color: #fffd4e;
    text-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

.cosmeticBanner h4 {
    line-height: 1.3;
}

.medicineBanner h1, .medicineBanner h4 {
    text-align: left;
    margin-left: 25px;
}

.carBanner h1, .carBanner h4 {
    color: #2d2f6e;
    text-shadow: 0 4px 5px rgba(255, 255, 255, 0.5);
}

.appliBanner h4,
.digitalBanner h4,
.foodBanner h4,
.freshBanner h4,
.clothBanner h4,
.cosmeticBanner h4,
.fitmentBanner h4,
.infantBanner h4,
.medicineBanner h4,
.carBanner h4 {
    margin-top: 20px;
}

.appliBanner h4,
.digitalBanner h4,
.foodBanner h4,
.freshBanner h4,
.clothBanner h4,
.cosmeticBanner h4,
.fitmentBanner h4 {
    letter-spacing: 1.5px;
}

.infantBanner h4, .medicineBanner h4, .carBanner h4 {
    letter-spacing: 10px;
}

.appliZixun {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}

.appliZixun .index_adBtn {
    margin: 0 auto;
}

.appliCarousel .carousel-control {
    display: block;
    width: 27px;
    height: 60px;
    float: left;
    margin-top: 200px;
    background-image: url(/static/img/site/index/zhongxin.png);
    background-repeat: no-repeat;
}

.appliCarousel .carousel-control.left {
    left: -50px;
    background-position: -60px -120px;
}

.appliCarousel .carousel-control.right {
    right: -50px;
    background-position: -87px -120px;
}

.appliButton {
    display: block;
    margin: 40px auto;
    text-align: center;
}

.appliButton a.moreBtn {
    margin: 0;
    display: inline-block;
    margin-right: 120px;
}

.appliButton a.index_adBtn {
    display: inline-block;
}

.appliCarousel .carousel-inner .item_text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: rgba(0, 0, 0, .6);
}

/*================
关于我们
==================*/
.aboutBanner {
    width: 100%;
    height: 500px;
    background: url("/static/img/site/about/banner1.jpg") no-repeat center center;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}
.aboutBanner h2{
	margin: 0;
	padding-top: 150px;
	font-size: 36px;
	margin-bottom: 25px;
}
.aboutInfor{
    margin-top:100px;
}
.aboutTitle.indexTitle{
    text-align: left;
    margin-bottom: 40px;
}
.aboutTitle.indexTitle h2 label{
    margin:0;
    position: relative;
    font-style: italic;
}
.aboutTitle.indexTitle h2 label::after{
    content: '';
    position: absolute;
    width: 0px;
    height: 3px;
    background: #1875d1;
    border-radius: 50px;
    bottom: -10px;
    left: 0;
    transition: 0.3s all ease;
}

.aboutTitle.indexTitle h2 p{
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
    font-style: italic;
}
.aboutInfor:hover .aboutTitle h2 label::after{
    width: 100%;
}
.aboutInfor .jieshao {
    float: left;
    width:567px;
    /* margin-bottom: 30px; */
    font-size: 16px;
    line-height: 1.8;
    margin:0;
    color: #999;
}
.aboutInfor .img-responsive{
    float: right;
    width: 577px;
    height: 193px;
    object-fit: cover;
}

.channelPoint_item h3 {
    font-size: 18px;
}

.channelPoint_item h6 {
    margin-top: 35px;
    font-size: 13px;
    line-height: 1.8;
    font-family: "宋体";
}

.channelPoint_item:hover h3,
.channelPoint_item:hover h6 {
    color: #fff;
}

.aboutVan_img {
    width: 70px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.aboutVan_img.item01 {
    background: url("/static/img/site/about/icon1.png") no-repeat;
}

.aboutVan_img.item02 {
    background: url("/static/img/site/about/icon2.png") no-repeat;
}

.aboutVan_img.item03 {
    background: url("/static/img/site/about/icon3.png") no-repeat;
}

.channelPoint_item:hover .aboutVan_img.item01 {
    background: url("/static/img/site/about/icon7.png") no-repeat;
}

.channelPoint_item:hover .aboutVan_img.item02 {
    background: url("/static/img/site/about/icon8.png") no-repeat;
}

.channelPoint_item:hover .aboutVan_img.item03 {
    background: url("/static/img/site/about/icon9.png") no-repeat;
}

.aboutKnow{
    margin-top:100px;
    padding:100px 0;
    background: url("/static/img/site/index/new/floor/about_bg.png") no-repeat center / cover;
}
.aboutKnow:hover .aboutTitle h2 label::after{
    width: 100%;
}

.aboutKnow_item {
    width: 378px;
    float: left;
    margin-left: 33px;
    padding: 44px 20px;
    background-color: transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
}
.aboutKnow_item h4{
    font-size: 21px;
}
.aboutKnow_item p{
    font-size: 14px;
}
.aboutKnow_item:hover {
    background-color: #1875d1;
    /* border-top-color: #ff8c3e; */
    /* border-bottom-color: #ff8c3e; */
}

.aboutKnow_item .product_icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.aboutKnow_item .product_icon.icon01 {
    background: url("/static/img/site/about/icon4.png") no-repeat center center;
}

.aboutKnow_item .product_icon.icon02 {
    background: url("/static/img/site/about/icon5.png") no-repeat center center;
}

.aboutKnow_item .product_icon.icon03 {
    background: url("/static/img/site/about/icon6.png") no-repeat center center;
}

.aboutMap{
    background:#323232;
    padding-bottom: 40px;
    padding-top: 50px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.7);
}
.aboutMap .indexTitle{
    text-align: left;
    color: #fff;
    font-size: 26px;
    margin-bottom: 30px;
}
.aboutMap .indexTitle p{
    color: #525252;
}
.aboutMap .indexTitle h2 label{
    margin:0;
}
.aboutMap_image {
    float: right;
}

.aboutMap_content {
    float: left;
    width: 884px;
    padding: 20px 40px;
    background-color: #444444;
}

.aboutMap_formLeft {
    width: 320px;
    float: left;
}

.aboutMap_formLeft .form-control {
    height: 40px;
    padding: 5px 7px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #777;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: none;
}

.aboutMap_formQQ .form-control {
    width: 155px;
}

.aboutMap_formQQ .form-control:first-child {
    float: left;
}

.aboutMap_formQQ .form-control:last-child {
    float: right;
}

.aboutMap_formWant {
    position: relative;
    width: 320px;
}

.aboutMap_formWant .select-arrow {
    position: absolute;
    right: 7px;
    top: 10px;
    font-size: 20px;
}

.aboutMap_formWant select {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    line-height: 20px;
    width: 320px;
    height: 40px;
    padding: 5px 7px;
    color: #777;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.aboutMap_formRight {
    float: right;
    width: 475px;
}

.aboutMap_formRight .form-control {
    width: 100%;
    height: 140px;
    padding: 5px 7px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #777;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    outline: none;
}

.aboutMap_btn {
    display: block;
    float: right;
    width: 240px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    background-color: #1875d1;
    color: #fff;
    border: none;
    text-align: center;
}


/*============
客户列表
==============*/
.caselistBanner {
    width: 100%;
    height: 550px;
    background: url("/static/img/site/icon/index05.jpg") no-repeat center center;
}
.caselistBanner .case-text{
    color: #ffffff;
    width: 600px;
    margin: 0 auto;
    padding-top: 120px;
    transform: translateX(300px);
	line-height: 24px;
	font-size: 16px;
}
.caselistBanner .case-text h2{
	font-size: 38px;
	font-weight: 700;
	margin: 0 0 20px 0;
	line-height: 50px;
}
.caselistMain, .caselist_hidden {
    margin-left: -20px;
}

.caselist_item {
    margin-left: 20px;
    margin-bottom: 20px;
    width: 590px;
    float: left;
}

.case_itemTxt {
    position: relative;
    border-width: 0 1px 1px 1px;
    border-color: #e2e2e2;
    border-style: solid;
    width: 100%;
    padding: 10px;
}

.case_itemInfor {
    float: left;
    font-size: 13px;
    color: #777777;
    line-height: 1.8;
    height: 70px;
    width: 350px;
    overflow: hidden;
}

.case_itemName {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 70px;
    width: 210px;
    background-color: #f4f4f4;
    text-align: center;
    line-height: 70px;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 5px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    overflow: hidden;
}

.case_itemImg {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 210px;
    height: 70px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.caselist_item:hover .case_itemName {
    opacity: 0;
    filter: alpha(opacity=0);
}

.caselist_item:hover .case_itemImg {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*===============
服务流程
===================*/
.serviceBanner {
    width: 100%;
    height: 499px;
    background: url("/static/img/site/service/banner2.jpg") no-repeat center center;
}

.serviceTion {
    width: 100%;
    height: 800px;
    background: url("/static/img/site/service/service_bg.jpg") no-repeat center center;
    margin-top:100px;
    background-size: auto 100%;
}
.serviceTion .indexTitle{
    margin-top:70px;
}


.serviceTion_item {
    float: left;
    margin-left: 20px;
    margin-bottom: 30px;
    width: 280px;
    text-align: center;
}

.serviceTion_item .clearfix {
    position: relative;
}

.serviceTion_item .serviceTion_img {
    display: block;
    /* border: 2px solid #fff; */
    border-radius: 50%;
    margin: 0 auto;
    width:176px;
    height:176px;
}

.serviceTion_item .serviceTion_txt {
    position: absolute;
    left: 50%;
    margin-left:-88px;
    top: 0;
    width: 176px;
    height: 100%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    cursor: pointer;
    transition: 0.3s all ease;
}

.serviceTion_item .serviceTion_txt img {
    display: block;
    margin: 60px auto 20px;
    opacity: 0.9;
}

.serviceTion_item:hover .serviceTion_txt {
    opacity: 1;
}

.serviceTion_item h5 {
    margin-top: 20px;
    font-size: 18px;
    color:#fff;
}

.serviceShop_bg {
    font-size: 24px;
    line-height: 98px;
    color: #fff;
    text-align: center;
    width: 1200px;
    height: 98px;
    background: url("/static/img/site/service/bg.jpg") no-repeat center top;
    text-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

.serviceShop_ul {
    margin-top: 20px;
    margin-left: -40px;
}

.serviceShop_li {
    float: left;
    margin-left: 40px;
    width: 270px;
    text-align: center;
}



.serviceShop_li p {
    font-size: 13px;
}

.serviceShop_liImg img {
    display: block;
    margin: 0 auto;
}

.serviceShop_li:hover .serviceShop_liImg img {
    display: none;
}

.serviceShop_liImg span {
    display: none;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: url("/static/img/site/service/service05.jpg") no-repeat center center;
}

.serviceShop_li:hover .serviceShop_liImg span {
    display: block;
}

.serviceShop {
    margin-top:100px;
}

/*===================
新闻列表
=======================*/
.newsBanner {
    width: 100%;
    height: 499px;
    background: url("/static/img/site/news/banner.jpg") no-repeat center center;
}

.newsList_hidden, .newsList_list {
    margin-left: -30px;
}

.newsList_item {
    float: left;
    width: 380px;
    margin-bottom: 30px;
    margin-left: 30px;
    border: 1px solid #e2e2e2;
}

.newsList_item:hover {
    border-color: #ff8c3e;
}

.newsList_href {
    display: block;
}

.newsList_href h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: 360px;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
}

a.newsList_href:hover, a.newsList_href:visited {
    text-decoration: none;
}

.newsList_item .newsList_txt {
    margin: 20px 10px;
    font-size: 13px;
    line-height: 2;
    height: 78px;
    overflow: hidden;
}

.newsList_item .newsList_time {
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

.newsList_more {
    text-align: center;
}

.newsList_more .fa {
    font-size: 3em;
    color: #868686;
}

/*================
新闻详情
================*/


.sub_title i {
    font-style: normal;
}

.sub_title .title-text em {
    font-size: 18px;
    line-height: 2.5;
    font-style: normal;
}

.sub_title_line {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #e5e3df;
}

.sub_title_line em {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
    display: inline-block;
    width: 100px;
    height: 3px;
    background-color: #e5e3df;
}

.sub_news_content {
    margin-top: 20px;
    font-size: 13px;
}

.pageview {
    margin: 50px auto;
    width: 100%;
}

.pageview div {
    width: auto;
    display: inline-block;
}

.pageview .flip {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    margin: 0 7px;
    color: #333;
    line-height: 38px !important;
    background-color: #fff;
}

.pageview .flip.active, .pageview .flip:hover {
    background-color: #417bd1;
    color: #fff;
}

.gw-floor{
    margin-top:80px;
}
.gw-floor .floor-title{
    text-align: center;
    margin-bottom: 50px;
}
.gw-floor .floor-title h2{
    margin-top:0;
    margin-bottom: 15px;
}
.gw-floor .floor-title h2 em{
	color: #ff0303;
}
.gw-floor .floor-title .subtitle{
    color:#999;
}
.floor-retail-shop-system{
    padding: 40px;
    background:url(/static/img/site/index/new/floor/floor_img_road.png) no-repeat -346px -222px;
    border: 1px solid #f6eff6;
}
.floor-retail-shop-system .left-img {
    float: left;
    width: 44%;
    transition: 0.3s all ease;
}
.floor-retail-shop-system .left-img:hover {
    transform: scale(1.02,1.02);
}
.floor-retail-shop-system .right-text{
    float: right;
    width:50%;
}
.floor-retail-shop-system .right-text h4{
    font-size: 21px;
    margin-bottom: 16px;
    color: #386eb5;
}
.floor-retail-shop-system .right-text p{
    font-size: 16px;
    margin-bottom: 45px;
    color:#666;
}
.floor-marketing-strategy .list{
    margin:0;
}
.floor-marketing-strategy .item{
    width: 16.6%;
    text-align: center;
    float:left;
    padding:10px;
    border-radius: 35px 0;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}
.floor-marketing-strategy .item:nth-child(4n){
    margin-right:0;
}
.floor-marketing-strategy .item .icon{
    height:60px;
    margin-bottom:15px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;

}
.floor-marketing-strategy .item:hover{
	-webkit-filter: hue-rotate(40deg);
	filter: hue-rotate(40deg);
    background: #f4faff;
}
.floor-marketing-strategy .item:hover .icon {
    -webkit-animation: icon-bounce .5s alternate;
    -moz-animation: icon-bounce .5s alternate;
    -ms-animation: icon-bounce .5s alternate;
    -o-animation: icon-bounce .5s alternate;
    animation: icon-bounce .5s alternate;
}
.floor-marketing-strategy .item .name{
    color:#417bd1;
    font-size:20px;
}
.floor-marketing-strategy .item .detail{
    color:#999;
    font-size:13px;
}
.floor-multi-business-scenario .scenario-item{
    width: 22.3%;
    background: #f7f7f7;
    float: left;
    margin: 0 42px 40px 0;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    overflow: hidden;
    position: relative;
    border-radius:14px;
}
.floor-multi-business-scenario .scenario-item:nth-child(4n) {
    margin-right: 0;
}
.floor-multi-business-scenario .item-mask{
    position: absolute;
    width:100%;
    height:100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));
    top:0;
    left:0;
}
.floor-multi-business-scenario .bg{
    width:100%;
}
.floor-multi-business-scenario .text{
    position: absolute;
    width:100%;
    bottom:-5px;
    left:0;
    color:#fff;
    padding: 13px 27px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}
.floor-multi-business-scenario .text .name{
    font-size:27px;
}
.floor-multi-business-scenario .scenario-item .bar {
    width: 0px;
    height:2px;
    background:#fff;
    transition: .6s all ease;
    -webkit-transition:.6s all ease;

}
.floor-multi-business-scenario .scenario-item:hover .text{
    bottom: 0px;
}
.floor-multi-business-scenario .scenario-item:hover .bar{
    width:100%; margin-bottom: 10px;
}

.floor-wechat-function{
    transform: translateY(65px);
    -webkit-transform: translateY(65px);
    -ms-transform: translateY(65px);
    -moz-transform: translateY(65px);
}
.floor-wechat-function .func-item{
    float: left;
    width:20%;
    text-align: center;
    margin-bottom: 30px;
}
.floor-wechat-function .func-item.y60 {
    transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
}
.floor-wechat-function .func-item .icon-div{
    position: relative;
    width:109px;
    height:127px;
    background: url("/static/img/site/index/new/floor/wechat_shape.png") no-repeat center center;
    text-align: center;
    line-height:127px;
    margin: 0 auto 15px;
}
.floor-wechat-function .func-item .icon-div .gwicon{
    font-size: 58px;
    color: #fff;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}
.floor-wechat-function .func-item .text{
    font-size: 16px;
}
.floor-wechat-function .func-item:hover .icon-div{
    -webkit-animation: icon-bounce .5s alternate;
    -moz-animation: icon-bounce .5s alternate;
    -ms-animation: icon-bounce .5s alternate;
    -o-animation: icon-bounce .5s alternate;
    animation: icon-bounce .5s alternate;
}
.floor-distribution-layout .circular-list{
    width: 960px;
    margin:60px auto 40px;
}
.floor-distribution-layout .circular-list .item{
    float: left;
    border-radius: 50%;
    background:#f04b18;
    background-image:linear-gradient(-63deg, #f04b18, #ff932a);
    color:#fff;
    width: 120px;
    height: 120px;
    margin: 0 20px;
    text-align: center;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}
.floor-distribution-layout .circular-list .item:hover{
    box-shadow: 0px 7px 14px 0px rgba(86, 86, 86, 0.3);
    transform:translateY(-8px);
}
.floor-distribution-layout .circular-list .item .gwicon{
    display: block;
    font-size: 43px;
    margin-top:6px;
}
.floor-distribution-layout .circular-list .item .text{
    margin-top:-5px;
}
.marketing-demo .item .demo-img{
    display: inline-block;
    margin: 40px 20px;
}
.marketing-demo .item .demo-img:first-child{
    margin-left: 82px;
}
.floor-marketing-strategy2 .item{
    width:20%;
    margin-right:0;
    filter: none;
}
.floor-marketing-strategy2 .item:hover{
    background:#fff;
}
.floor-marketing-strategy2 .item .icon{
    height: 50px;
}
.floor-marketing-strategy2 .item .name{
    color:#444;
}
.floor-shopadmin-function{
    background:#fff;
    position: relative;
}
.floor-shopadmin-function .absolute-img{
    position: absolute;
    left: -358px;
    top: -90px;
}
.floor-shopadmin-function:hover .left-img{
    transform: scale(1.02, 1.02);
}
.floor-shopadmin-function .right-text{
    margin-top: 52px;
}
.floor-shopadmin-function .right-text .item{
    float: left;
    background: #e9f0ff;
    color: #505cb5;
    width: 230px;
    text-align: center;
    height: 50px;
    margin: 10px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 10px;
}
.floor-shopadmin-function .right-text .item .gwicon{
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    margin-right: 12px;
    font-size: 18px;
}
.floor-shopadmin-function .right-text .item:hover .gwicon{
    transform: rotate(-30deg);
}
.floor-business-scene .scene-item{
    float: left;
    width:50%;
    text-align: center;
}
.floor-business-scene .scene-item img{
    width: 80%;
}
.floor-business-scene .scene-item h3{
    margin-top:30px;
}
.floor-project-case{
    background: #eff4f9;
    padding: 50px 0 50px;
}
.floor-project-case .switch-case{

}
.floor-project-case .switch-case .switch-l{
    float: left;
    width: 200px;
    text-align: center;
}
.floor-project-case .switch-case .switch-l .tab-item{
    line-height:60px;
    font-size: 16px;
}
.floor-project-case .switch-case .switch-l .tab-item:hover{
    opacity: 0.8;
}
.floor-project-case .switch-case .switch-l .tab-item.active{
    background:#fff;
}
.floor-project-case .switch-case .switch-r{
    float: right;
    width:1000px;
    background: #fff;
    padding: 35px;
    display: none;
    box-shadow: 17px 20px 15px 0px #dee7f1;
}
.floor-project-case .switch-case .switch-r.active{
    display: block;
}
.floor-project-case .switch-case .switch-r .img-wrap{
    float: left;
    width: 600px;
    margin-right:30px;
}
.floor-project-case .switch-case .switch-r .img-wrap img{
    width:100%;
}
.floor-project-case .switch-case .switch-r .introduce{
    float: left;
    width: 300px;
}
.floor-project-case .switch-case .switch-r .introduce .logo{
    margin: 13px auto 20px;
    display: block;
}
.floor-project-case .switch-case .switch-r .introduce .btn-default{
    background:#1977d4;
    color:#fff;
    border-color:#1977d4;
    margin: 35px auto 0;
    display: block;
    border-radius: 0;
    padding: 7px 50px;
}
.floor-b2b2c-operate-model{
    background:#1875d1;
    overflow: hidden;
}
.floor-b2b2c-operate-model .container{
    position: relative;
    padding:50px 0;
}
.floor-b2b2c-operate-model .absolute-img{
    position: absolute;
    top: -67px;
    left: -365px;
}
.floor-b2b2c-operate-model .model-left {
    position: relative;
    width:340px;
    float: left;
    border-right:1px solid #398cde;
    text-align: center;
    margin-right: 68px;
}
.floor-b2b2c-operate-model .model-left .model-item{
    color: #fff;
    border-radius: 50px;
    line-height: 50px;
    width: 200px;
    font-size: 19px;
    margin: 60px auto;
    transition: 0.3s all ease;
}
.floor-b2b2c-operate-model .model-left .model-item:hover {
    background: #fff;
    color: #227cd5;
}
.floor-b2b2c-operate-model .model-left .model-item.active{
    background: #fff;
    color:#227cd5;
    position: relative;
}
.floor-b2b2c-operate-model .model-left .model-item.active:after{
    content: '';
    position: absolute;
    width:11px;
    height:20px;
    right:-9px;
    top:15px;
    background: url("/static/img/site/index/new/floor/b2b2c_operate_act_arrow.png") no-repeat center center;
}
.floor-b2b2c-operate-model .model-right {
    position: relative;
    float: left;
    color:#fff;
    display: none;
}
.floor-b2b2c-operate-model .model-right.active {
    display: block;
}
.floor-b2b2c-operate-model .model-right .title{
    margin-bottom: 20px;
}
.floor-b2b2c-operate-model .model-right .dl{
    margin-bottom:35px;
    color: #dfeaf5;
}
.wapMarket_main .floor-b2b2c-system-function{
    width: 1000px;
}
.floor-b2b2c-system-function .item{
    padding: 60px 0;
    min-height: 400px;
}
.floor-b2b2c-system-function .img-left{
    float: left;
    width:500px;
    margin-top: 22px;
}
.floor-b2b2c-system-function .detail-right{
    float: left;
    width:500px;
    padding:0px 40px;
}
.floor-b2b2c-system-function .detail-right .head_play{
    background: #1977d4;
    color: #fff;
    border-color: #1977d4;
    margin: 15px auto 0;
    display: block;
    border-radius: 0;
    padding: 10px 50px;
    font-size: 16px;
}
.floor-b2b2c-system-function .detail-right h5{
    margin-bottom:30px;
}
.floor-b2b2c-system-function .detail-right .tag-item{
    margin: 0 15px 15px 0;
    float: left;
    border: 1px solid #1977d4;
    padding: 3px 0;
    color: #1977d4;
    border-radius: 20px;
    width: 120px;
    text-align: center;
    background: #eff7ff;
}
.floor-oms-technology-superiority{
    background: #3b37e6;
    background:linear-gradient(to right, #3b37e6,#1875d1);
    min-height: 680px;
    overflow: hidden;
}
.floor-oms-technology-superiority:hover .focus-img{
    transform: scale(1.02);
}
.floor-oms-technology-superiority .container{
    position: relative;
    padding-top: 60px;
    width: 1200px;
}
.floor-oms-technology-superiority .floor-title, .floor-oms-technology-superiority .floor-title .subtitle{
    color:#fff;
}
.floor-oms-technology-superiority .absolute-img{
    position: absolute;
    left: -280px;
    top: 25px;
}
.floor-oms-technology-superiority .floor-content{
    position: relative;
    margin-top: 80px;
    color: #fff;
}
.floor-oms-technology-superiority .teck-advantage-center {
    position: absolute;
    top: 52px;
    left: 50%;
    width: 424px;
    height: 275px;
    margin-left: -212px;
}
.floor-oms-technology-superiority .teck-advantage-center .focus-img{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    background: url(/static/img/site/index/new/floor/oms_technology_superiority_fucus.png) center center no-repeat;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
}
@keyframes circle-icon {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.floor-oms-technology-superiority .teck-advantage-center .icons {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-140px;
    margin-left:-140px;
    height: 280px;
    width: 280px;
    transition: all 1s ease-out;
    animation: circle-icon 5s linear infinite;
    background: url(data:image/png;base64,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) center center / 100% no-repeat
}
.floor-oms-technology-superiority .main-item-content{
    margin-top: 44px;
}
.floor-oms-technology-superiority .main-item-content li{
    float: left;
    width: 370px;
    margin-left: 20px;
}
.floor-oms-technology-superiority .main-item-content > li:nth-child(2n+0) {
    margin-left: 440px;
}
.floor-oms-technology-superiority .main-item-content > li:nth-child(n+3) {
    margin-top: 153px;
}
.floor-oms-technology-superiority .main-item-content li .gwicon{
    float: left;
    font-size: 43px;
    color: #cceeff;
    margin-top: -5px;
}
.floor-oms-technology-superiority .main-item-content li:hover .gwicon {
    -webkit-animation: icon-bounce .5s alternate;
    -moz-animation: icon-bounce .5s alternate;
    -ms-animation: icon-bounce .5s alternate;
    -o-animation: icon-bounce .5s alternate;
    animation: icon-bounce .5s alternate;
}
.floor-oms-technology-superiority .main-item-content .advantage-detail{
    float: left;
    margin-left: 13px;
}
.floor-oms-technology-superiority .advantage-detail .title{
    font-size: 24px;
}
.floor-oms-core-superiority .tab-head{
    border-radius: 50px;
    background: #fff;
    line-height:80px;
    width: 1010px;
    padding: 0 60px;
    margin: 0 auto;
    box-shadow: 3px 6px 20px 4px rgba(0, 0, 0, 0.08);
    position: relative;
}
.floor-oms-core-superiority .tab-head .tab-item{
    float: left;
    text-align: center;
    color: #333;
    width:20%;
    font-size: 19px;
    transition: 0.3s all ease;
}
.floor-oms-core-superiority .tab-head .tab-item:hover{
    color:#1875d1;
}
.floor-oms-core-superiority .tab-head .tab-item.active{
    color: #1875d1;
    position: relative;
}
.floor-oms-core-superiority .tab-head .tab-item.active:after{
    content:'';
    position: absolute;
    bottom: 0px;
    left:50%;
    width: 80px;
    margin-left:-40px;
    height: 4px;
    background: #1875d1;
    background: linear-gradient(to right, #1875d1, #fff);
    border-radius: 20px;
}
.floor-oms-core-superiority .tab-content{
    background: #f7f7f7;
    margin-top: -40px;
    padding: 90px 90px;
    border-radius: 50px;
}
.floor-oms-core-superiority .tab-content .tab-content-item{
    display: none;
}
.floor-oms-core-superiority .tab-content .tab-content-item.active{
    display: block;
}
.floor-oms-core-superiority .tab-content .channel-table{
    width: 100%;
    border: 1px solid #ddebf7;
    background:#fff;
    text-align: center;
    color:#1875d1;
    font-family: Microsoft Yahei;
}
.floor-oms-core-superiority .tab-content .channel-table thead {
    background: #1875d1;
    color:#fff;
    line-height: 45px;
}
.floor-oms-core-superiority .tab-content .channel-table th{
    text-align: center;
}
.floor-oms-core-superiority .tab-content .channel-table tbody {
    font-size: 13px;
}
.floor-oms-core-superiority .tab-content .channel-table tbody tr{
    height: 30px;
}
.floor-oms-core-superiority .tab-content .channel-table tbody tr:hover{
    opacity: 0.8;
}
.floor-oms-core-superiority .tab-content .channel-table:not(.storage-table) tbody tr td:nth-child(1),
.floor-oms-core-superiority .tab-content .channel-table:not(.storage-table) tbody tr td:nth-child(2)
{
    background: #2a87e2;
    color: #ffffff;
}
.floor-oms-core-superiority .tab-content .channel-table:not(.storage-table) tbody tr:nth-child(2n) td:nth-child(1),
.floor-oms-core-superiority .tab-content .channel-table:not(.storage-table) tbody tr:nth-child(2n) td:nth-child(2)
{
    background: #1875d1;
}
.floor-oms-core-superiority .tab-content .channel-table:not(.storage-table) tbody tr td:nth-child(2){
    text-align: left;
    padding-left: 26px;
    width: 168px;
}

.floor-oms-core-superiority .tab-content .channel-table tbody tr:nth-child(2n){
    background:#ddebf7;
}
.floor-oms-core-superiority .tab-content .storage-table{
    width: 500px;
    margin: 0 auto;
}
.floor-oms-core-superiority .superiority-list .item{
    float: left;
    color:#fff;
    border-radius: 4px;
    width:160px;
    line-height:50px;
    text-align: center;
    margin: 15px;
    background: #736da5;
    font-size: 16px;
}
.floor-oms-core-superiority .superiority-wms-list1 .item{
    background: #1875d1;
}
.floor-oms-core-superiority .superiority-wms-list .item{
    background: #e69752;
}
.floor-oms-core-superiority .superiority-wms-list2 .item{
    background: #5ebb72;
}
.floor-oms-core-superiority .superiority-wms-list3 .item{
    background: #c37cdf;
}
.floor-three-step .step-item{
    float: left;
    width:31%;
    height:330px;
    border-radius: 20px;
    box-shadow: 1px 1px 24px rgba(195,211,224,0.45);
    margin-right:40px;
    position: relative;
}
.floor-three-step .step-item:last-child {
    margin-right:0;
}
.floor-three-step .step-item .num{
    position: absolute;
    width:100px;
    height:200px;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-50px;
    background: url("/static/img/site/index/new/floor/scheme_step_num.png") no-repeat;
}
.floor-three-step .step-item .num.num2{
    background-position: -112px 0;
}
.floor-three-step .step-item .num.num3{
    background-position: -255px 0;
}
.floor-three-step .step-item .item-main{
    position: relative;
    padding: 35px;
}
.floor-three-step .step-item .item-main .name{
    font-size: 25px;
}
.floor-three-step .step-item .item-main .subname{
    font-size: 18px;
    color:#666;
    width:160px;
    margin: 25px 0;
}
.floor-three-step .step-item .item-main .introduce{
    font-size: 15px;
    color:#999;
    margin-left: 15px;
}
.floor-three-step .step-item .item-main .icons{
    position: absolute;
    right: 60px;
    top: 90px;
    transition: 0.3s all ease;
}
.floor-three-step .step-item:hover .icons{
    -webkit-animation: icon-bounce .5s alternate;
    -moz-animation: icon-bounce .5s alternate;
    -ms-animation: icon-bounce .5s alternate;
    -o-animation: icon-bounce .5s alternate;
    animation: icon-bounce .5s alternate;
}
.floor-new-retail-features li{
    float: left;
    padding: 0 11px;
    width: 224px;
    text-align: center;
    margin-right:20px;
}
.floor-new-retail-features li:last-child {
    margin-right: 0;
}
.floor-new-retail-features li .icons-service {
    margin-top: 30px;
    margin-bottom: 20px;
}
.floor-new-retail-features li .icons-service .icons{
    background-image: url(/static/img/site/index/new/floor/scheme_service_group.png);
    width: 99px;
    height: 99px;
    display: inline-block;
    background-size: 313px 206px;
}
.icons-service-1 {
    background-position: 0px 0px;
}
.icons-service-2 {
    background-position: -107px 0px;
}
.icons-service-3 {
    background-position: 0px -107px;
}
.icons-service-4 {
    background-position: -107px -107px;
}
.icons-service-5 {
    background-position: -214px 0px;
}
.floor-new-retail-features li .title {
    font-size: 14px;
    font-family: "Microsoft Yahei";
    line-height: 24px;
}
.floor-new-retail-features li .desc {
    margin-top: 10px;
    font-size: 14px;
    color: #96A1AE;
    line-height: 24px;
    text-align: left;
    letter-spacing: 1px;
}
.floor-new-retail-features li:hover .icons{
    -webkit-animation: rubberBand .5s alternate;
    -moz-animation: rubberBand .5s alternate;
    -ms-animation: rubberBand .5s alternate;
    -o-animation: rubberBand .5s alternate;
    animation: rubberBand 1s alternate;
}
.floor-newretail-data-interflow {
    background: #323232;
    overflow: hidden;
    padding: 80px 0 100px;
}
.floor-newretail-data-interflow .floor-title, .floor-newretail-data-interflow .floor-title .subtitle {
    color: #fff;
}
.floor-newretail-data-interflow .main-item-content{
    margin-top:30px;
}
.floor-newretail-data-interflow .main-item-content .item{
    width:294px;
    height:345px;
    background-image:url(/static/img/site/index/new/floor/newretail_data_interflow_img.png);
    background-repeat: no-repeat;
    background-size: 450%;
    float: left;
    margin-right:8px;
    position: relative;
    text-align: center;
}
.floor-newretail-data-interflow .main-item-content .item:nth-child(2){
    background-position: -350px 0;
}
.floor-newretail-data-interflow .main-item-content .item:nth-child(3){
    background-position: -826px -61px;
    background-size: 530%;
}
.floor-newretail-data-interflow .main-item-content .item:last-child{
    margin-right: 0px;
    background-position: -1027px 0;
}
.floor-newretail-data-interflow .main-item-content .item .cover{
    position: absolute;
    width:100%;
    height:100%;
    background-color: rgba(22, 27, 40, 0.84);
    color:#fff;
    padding: 40px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
}
.floor-newretail-data-interflow .main-item-content .item .icons {
    display: block;
    margin: 42px auto 30px;
    width:90px;
    height:90px;
    background-image: url(/static/img/site/index/new/floor/newretail_data_interflow_icons.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.floor-newretail-data-interflow .main-item-content .item .icon2 {
    background-position: -106px 0;
    background-size: auto 97%;
}
.floor-newretail-data-interflow .main-item-content .item .icon3 {
    background-position: -215px 0;
}
.floor-newretail-data-interflow .main-item-content .item .icon4 {
    background-position: -300px 0;
    background-size: auto 93%;
}
.floor-newretail-data-interflow .main-item-content .item .title {
    font-size: 25px;
    margin-bottom:30px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
}
.floor-newretail-data-interflow .main-item-content .item .desc{
    opacity: 0;
    text-align: left;
    font-size: 15px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
}
.floor-newretail-data-interflow .main-item-content .item:hover .cover{
    background-color: rgba(16, 56, 165, 0.8);
}
.floor-newretail-data-interflow .main-item-content .item:hover .icons{
    -webkit-animation: bounceOutUp 0.5s 1 forwards;
    -moz-animation: bounceOutUp 0.5s 1 forwards;
    -ms-animation: bounceOutUp 0.5s 1 forwards;
    -o-animation: bounceOutUp 0.5s 1 forwards;
    animation: bounceOutUp 0.5s 1 forwards;
}
.floor-newretail-data-interflow .main-item-content .item:hover .title {
    margin-top:-100px;
}
.floor-newretail-data-interflow .main-item-content .item:hover .desc {
    opacity: 1;
}
.floor-tradition-wholesale{
    width:1200px;
}
.floor-tradition-wholesale .step-item{
    width: 48%;
    height: 520px;
}
.floor-tradition-wholesale .step-item .item-main{
    padding: 40px 108px 35px 67px;
}
.floor-tradition-wholesale .step-item .item-main .name{
    color:#1875d1;
}
.floor-tradition-wholesale .step-item .item-main .dl{
    margin-top:30px;
}
.floor-tradition-wholesale .step-item .item-main .dl .o{
    float: left;
    color:#666;
    font-size: 21px;
    font-style: inherit;
    margin-right: 10px;
}
.floor-tradition-wholesale .step-item .item-main .dl .float{
    float: left;
    width: 380px;
    margin: 0;
}
.floor-tradition-wholesale .step-item .item-main .subname{
    margin: 25px 0 10px;
}
.floor-tradition-wholesale .step-item .item-main .icons{
    width:100px;
    height:103px;
    right: 20px;
    top: 12px;
    background:url(/static/img/site/index/new/floor/tradition_wholesale_icons.png) no-repeat 0 0;
}
.floor-tradition-wholesale .step-item .item-main .icon2 {
    background-position: -100px 0;
}
.floor-tradition-wholesale .spread-list{
    height:500px;
    background: url(/static/img/site/index/new/floor/tradition_wholesale_spread.gif) no-repeat center / 40%;
    margin-top: 100px;
    padding: 20px 40px;
}
.floor-tradition-wholesale .spread-list .item{
    float: left;
    position: relative;
    width: 275px;
    text-align: right;
    margin-bottom: 60px;
    margin-left: 70px;
}
.floor-tradition-wholesale .spread-list .item.right {
    margin-left: 410px;
    text-align: left;
}
.floor-tradition-wholesale .spread-list .item .o{
    position: absolute;
    background:#aad8f7;
    width:15px;
    height:15px;
    border-radius: 50%;
    right: -36px;
    top: 40px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
}
.floor-tradition-wholesale .spread-list .item.right .o{
    left:-36px;
    right:auto;
}
.floor-tradition-wholesale .spread-list .item .o:after{
    content: '';
    position: absolute;
    background: #1875d1;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 50%;
    top:50%;
    margin-left: -3.5px;
    margin-top: -3.5px;
}
.floor-tradition-wholesale .spread-list .item dt{
    margin-bottom: 16px;
    font-size: 18px;
    color: #666;
}
.floor-tradition-wholesale .spread-list .item dd {
    font-size: 15px;
    color:#999;
}
.floor-tradition-wholesale .spread-list .item:hover .o{
    transform: scale(1.5);
}
.floor-cross-puzzled .item{
    float:left;
    margin-right:10px;
    width: 232px;
    height: 395px;
    padding:40px 20px;

    transition: 0.3s all ease;
}
.floor-cross-puzzled .item:hover{
    transform: scale(1.1);
    box-shadow: 1px 8px 20px 10px rgba(0, 0, 0, 0.05);
}
.floor-cross-puzzled .item:last-child {
    margin-right:0;
}
.floor-cross-puzzled .item .icons{
    display: block;
    width:95px;
    height:90px;
    background: url(/static/img/site/index/new/floor/cross_puzzled_icons.png) no-repeat;
    margin: 0 auto;
}
.floor-cross-puzzled .item .icon2 {
    background-position: -91px 0;
}
.floor-cross-puzzled .item .icon3 {
    background-position: -194px 0;
}
.floor-cross-puzzled .item .icon4{
    background-position: -303px 0;
}
.floor-cross-puzzled .item .icon5 {
    background-position: -400px 0;
}
.floor-cross-puzzled .item .title{
    font-size: 20px;
    color:#666;
    text-align: center;
    margin-top: 34px;
    margin-bottom:20px;
}
.floor-cross-puzzled .item .info {
    color:#999;
    font-size: 15px;
}

.floor-cross-more-business {
    padding: 70px 0;
}
.floor-cross-more-business .container {
    position: relative;
    width: 1200px;
}
.floor-cross-more-business .absolute-img {
    position: absolute;
    left: -280px;
    top: -168px;
}
.floor-cross-more-business .item {
    float: left;
    width: 382px;
    height:311px;
    background:#fff;
    margin-right:20px;
    border-radius: 15px;
    color:#666;
    padding: 36px;
    position: relative;
}
.floor-cross-more-business .item:last-child {
    margin-right:0px;
}
.floor-cross-more-business .item .title{
    color:#666;
    background: #fff;
    padding: 10px 0;
    position: relative;
    margin-top: 39px;
    display: inline-block;
}
.floor-cross-more-business .item .title:after{
    content: '';
    width: 65px;
    height: 4px;
    border-radius: 30px;
    background:#1875d1;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    box-shadow: 6px 11px 7px 0px rgba(24, 117, 209, 0.19);
    transition: 0.3s all ease;
}
.floor-cross-more-business .item:hover .title:after{
    width: 100%;
}
.floor-cross-more-business .item .bg{
    position: absolute;
    top:0;
    right:0;
}
.floor-cross-more-business .item .detail{
    font-size: 16px;
}

.case-filter{
    margin: 26px 0 50px;
}
.case-filter-bar{
    font-size: 15px;
    margin-bottom: 10px;
}
.case-filter-bar .label{
    float: left;
    color: #333;
    font-size: 15px;
    font-weight: 400;
}
.case-filter-bar .value-div{
    float: left;
}
.case-filter-bar .value-div .item{
    margin-left: 6px;
    color: #666;
    border: 1px solid #f8f8f8;
    padding: 1px 6px;
}
.case-filter-bar .value-div .item:hover{
    color: #1875d1;
}
.case-filter-bar .value-div .item.active{
    color: #1875d1;
    border-color:#1875d1;
}

.caselistCon .customCenter .ScrCont_item{
    border: 1px solid #eaeaea;
    width:375px;
}
.caselistCon .customCenter .ScrCont_img img{
    height: 200px;
}
em{
	font-style: normal;
}
.floor_3{overflow: hidden;height: auto;padding: 10px;background: #f8f8f8;}
.floor_3 ul{background:url(/static/img/site/index/new/floor/floor_img_3.png) center center no-repeat;height: 467px;margin-bottom: 20px;}
.floor_3 ul li{float: left;width: 368px;margin-right: 38px;}
.floor_3 ul li:last-child{margin-right: 0;}
.floor_3 ul li span{display: block;text-align: center;color: #fff;font-size: 16px;padding: 18px 0 50px;}
.floor_3 ul li span em{display: block;text-align: center;font-size: 30px;margin-bottom:8px;}
.floor_3 ul li .fl{padding-top: 12px;}
.floor_3 ul li:nth-child(2) .fl,.floor_3 ul li:nth-child(3) .fl{padding-top: 16px;}
.floor_3 ul li .fl p{font-size: 16px;color: #0e96f6;font-weight: bold;padding-left: 64px;height: 44px;line-height: 44px;margin-bottom: 9px;}
.floor_3 ul li:nth-child(2) .fl p{color: #9955ec;}
.floor_3 ul li:nth-child(3) .fl p{color: #00c09a;}
.floor_3 ul li .fr{font-size: 18px;color: #fb0101;padding: 0 42px 0 200px;margin-top: -25px;}
.floor-industry{
	margin-left: 50px;
}
.floor-industry .item{
	float: left;
	width: 100px;
	height: 130px;
	margin-bottom: 48px;
	margin-right: 100px;
}
.floor-industry .item:nth-child(6n){
	margin-right: 0;
}
.floor-industry .item .name{
	margin-top: 17px;
	text-align: center;
	color: #222;
}
.floor-scene .item{
    display: inline-block;
    margin-right: 17px;
    margin-bottom: 20px;
    width: 386px;
    height: 260px;
    background: #fff;
    vertical-align: top;
    text-align: center;	
}
.floor-scene .item .item-img{
	background: #03ABFF;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align: center;
	margin: 20px auto 15px;
}
.floor-scene .item .item-img img{
	margin-top: 17px;
}
.floor-scene .item .item-title{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
}  
.floor-scene .item .item-info{
	display: inline-block;
	width: 248px;
	font-size: 14px;
	color: #9D9D9D;
	text-align: left;
	margin: 0;
}
.floor-scene .item a{
	display: inline-block;
    margin-top: 15px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #03ABFF;
    font-size: 16px;
    color: #03ABFF;
    box-sizing: border-box;
	text-decoration: none;
}
.floor-scene .item:nth-child(3n){
	margin-right: 0;
}
.floor-scene .item:nth-child(2) .item-img{
	background: #7ED321;
}
.floor-scene .item:nth-child(3) .item-img{
	background: #4A90E2;
}
.floor-scene .item:nth-child(4) .item-img{
	background: #42C6F2;
}
.floor-scene .item:nth-child(5) .item-img{
	background: #F8B51C;
}
.floor-scene .item:nth-child(6) .item-img{
	background: #FF5656;
}
.floor-function{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 40px;
}
.floor-function li{
	width: 25%;
    text-align: center;
    padding-bottom: 60px;
}
.floor-function li img{
    height: 35px;
    margin: 0 auto 5px;
}
.floor-function li h4{
	font-size: 18px;
    color: #333333;
}
.floor-function li p{
	width: 230px;
    font-size: 14px;
    color: #999999;
    margin: 0 auto;
    margin-top: 15px;
    text-align: left;
    line-height: 20px;
}
.floor3_cen{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	padding-bottom: 70px;
	position: relative;
}
.floor3_cen .fcli,.floor3_cen .ecli{
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background:#3F9BFF;
	opacity:0.42;
	position: absolute;
	top: 25%;
	left:36%;
	z-index: 500;
}
.floor3_cen .fcli span{
	display: block;
	width: 345px;
	height: 2px;
	position: absolute;
	background:#3F9BFF;
	top: 54%;
	left: 95%;
	z-index: 500;
}
.floor3_cen .ecli{
	top: 65%;
	left:51%;
	z-index: 500;
}
.floor3_cen .ecli span{
	display: block;
	width: 180px;
	height: 2px;
	position: absolute;
	background:#3F9BFF;
	transform:rotate(10deg);
	-ms-transform:rotate(10deg); 	/* IE 9 */
	-moz-transform:rotat(10deg); 	/* Firefox */
	-webkit-transform:rotate(10deg); /* Safari 和 Chrome */
	-o-transform:rotate(10deg);
	top: 83%;
	left: 78%;
	z-index: 500;
}
.floor3_cen .floor3_l{
	width: 712px;
	height: 414px;
	background: url(/static/img/site/index/new/floor/member_border.png) center center no-repeat;
	position: relative;
}
.floor3_cen .floor3_l img{
	position:absolute;
	top:28px;
	left:84px;
}
.floor3_cen .floor3_r{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-left: 48px;
}
.floor3_cen .floor3_r .floor3_r_t{
	width: 246px;
	height: 365px;
	border: 4px solid #3F9BFF;
	border-radius: 24px;
}			
.floor3_cen .floor3_r .floor3_r_btm p{
	color: #555656;
	font-size: 24px;
}
.floor3_cen .floor3_r .floor3_r_t li,.floor3_cen .floor3_r .floor3_r_btm {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 10px 35px;
}
.floor3_cen .floor3_r .floor3_r_btm{
	margin-top: 20px;
	border: 4px solid #3F9BFF;
	border-radius: 14px;
	padding:22px 35px;
}
.floor3_cen .floor3_r .floor3_r_t li p{
	color: #7D7D7D;
	font-size: 16px;
}
.floor3_cen .floor3_r .floor3_r_t li span{
	display: block;
	color: #FF5454;
	font-size: 16px;
}
.subTab {
    padding: 0;
    width: 1020px;
    margin: 30px auto 0;
}
.subTab ul{
	display: inline-block;
	height: 300px;
	border: 1px solid #eee;
}
.subTab ul li{
	float: left;
	width: 33%;
	height: 80px;
	background: #fff;
	margin: 10px 0;
	transition: all 1s ease;
}
.subTab ul li .icon{
	background: #f6f6f6;
	width: 78px;
	height: 78px;
	float: left;
	margin-left: 10px;
}
.subTab ul li .desc{
	overflow: hidden;
    display: table;
    height: 80px;
    padding-left: 20px;
}
.subTab ul li .desc .row0{
	display: table-cell;
	vertical-align: middle;
	color: #3d3d3d;
}
.subTab ul li .desc .row0 h3{
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}
.subTab ul li .desc .row0 p{
	font-size: 12px;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 34px;
    white-space: nowrap;
    width: 220px;
    color: #888;
	margin: 0;
}
.subTab ul li .icon i{
	display: block;
    margin: 0 auto;
    background: url(/static/img/site/index/new/floor/spirit_icons.png) no-repeat;
    width: 78px;
    height: 78px;
}
.subTab ul li.i21 .icon i {
    background-position: -160px -0px;
}
.subTab ul li.i22 .icon i {
    background-position: -160px -562px;
}
.subTab ul li.i23 .icon i {
    background-position: -160px -160px;
}
.subTab ul li.i24 .icon i {
    background-position: -160px -240px;
}
.subTab ul li.i25 .icon i {
    background-position: -160px -320px;
}
.subTab ul li.i26 .icon i {
    background-position: -160px -400px;
}
.subTab ul li.i27 .icon i {
    background-position: -160px -480px;
}
.subTab ul li.i28 .icon i {
    background-position: 0px -1603px;
}
.subTab ul li.i29 .icon i {
    background-position: 0px -245px;
}
.subTab ul li.i21:hover .icon i{
    background-position: -240px -0px;
}
.subTab ul li.i22:hover .icon i{
    background-position: -240px -562px;
}
.subTab ul li.i23:hover .icon i{
    background-position: -240px -160px;
}
.subTab ul li.i24:hover .icon i{
    background-position: -240px -240px;
}
.subTab ul li.i25:hover .icon i{
    background-position: -240px -320px;
}
.subTab ul li.i26:hover .icon i{
    background-position: -240px -400px;
}
.subTab ul li.i27:hover .icon i{
    background-position: -240px -480px;
}
.subTab ul li.i28:hover .icon i{
    background-position: -80px -1603px;
}
.subTab ul li.i29:hover .icon i{
    background-position: -80px -245px;
}
.wholesaleBanner{
	width: 100%;
	height: 500px;
	background: url("/static/img/site/product/b2b/banner.jpg") no-repeat center center;
}
.wholesaleBanner .container{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	color: #FFFFFF;
}
.wholesaleBanner .container h1{	
	font-size: 48px;
	font-weight: bold;
}
.wholesaleBanner .container p{
	margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
}
.wholesaleBanner .container .banner-box{
	position: absolute;
	right: 0;
	top: 130px;
}
.retailBanner{
	width: 100%;
	height: 500px;
	background: url("/static/img/site/product/b2b/o2o_banner.jpg") no-repeat center center;
}
.retailBanner .container{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	color: #FFFFFF;
}
.retailBanner .container h1{	
	font-size: 48px;
	font-weight: bold;
}
.retailBanner .container p{
	margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
}
.retailBanner .container .banner-box{
	position: absolute;
	left: 0;
	top: 80px;
	text-align: left;
}
.module3 ul {
    overflow: hidden;
}
.module3 li {
    opacity: .8;
    margin-bottom: 20px;
    padding-top: 42px!important;
    border-radius: 10px;
    text-align: center;
}
.module3 li:hover {
    opacity: 1;
}
.module3 li .icon-bg {
    top: 0;
    z-index: -1;
    width: 84px;
    height: 84px;
    opacity: .8;
}
.module3 li .icon-bg, .module3 li .zerocons {
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%,0);
    left: 50%;
    display: block;
}
.module3 li .zerocons {
    top: 6px;
    width: 72px;
    height: 72px;
    font-size: 40px;
    line-height: 72px;
    color: #fff;
    text-align: center;
	padding: 17px;
}
.module3 li .zerocons img{
	margin-bottom: 40px;
}
.module3 li .text {
    height: 229px;
    border-radius: 10px;
}
.module3 li .text h3 {
    position: relative;
    z-index: 1;
    padding: 50px 0 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}
.module3 li .text h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 22px;
    height: 1px;
    margin-left: -11px;
    background: #fff;
}
.module3 li .text p {
    margin: 0 3px;
    font-size: 12px;
    color: #fff;
}
.bg-orange6 {
    background: #faa05a;
}
.bg-orange7 {
    background: #f58732;
}
.bg-blue10 {
    background: #40bfee;
}
.bg-blue9 {
    background: #69cbef;
}
.bg-pink3 {
    background: #ed6cb9;
}
.bg-pink2 {
    background: #f883c8;
}
.bg-purple5 {
    background: #8881ee;
}
.bg-purple4 {
    background: #9691f5;
}
.bg-red10 {
    background: #e54c4c;
}
.bg-red9 {
    background: #f36b6b;
}
.bg-purple7 {
    background: #b661ed;
}
.bg-purple6 {
    background: #c477f6;
}
.bg-yellow6 {
    background: #efb957;
}
.bg-yellow5 {
    background: #fec96a;
}
.bg-red12 {
    background: #ec6666;
}
.bg-red11 {
    background: #fa7070;
}
.bg-green9 {
    background: #47e4c1;
}
.bg-green8 {
    background: #64eecf;
}
.bg-blue12 {
    background: #69a7ef;
}
.bg-blue11 {
    background: #6eb0fc;
}
.essence{
	text-align: center;
}
.essence h2{
	font-size: 18px;
	margin-top: 5px;
	line-height: 50px;
	font-weight: 700;
}
.wxsaleBanner{
	width: 100%;
	height: 500px;
	background: url("/static/img/site/product/b2b/wyx_banner.jpg") no-repeat center center;
}
.wxsaleBanner .container{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	color: #FFFFFF;
}
.wxsaleBanner .container h1{	
	font-size: 48px;
	font-weight: bold;
}
.wxsaleBanner .container p{
	margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.5;
}
.wxsaleBanner .container .banner-box{
	position: absolute;
	right: 0;
	top: 120px;
	width: 600px;
	text-align: left;
}
.features-block {
    margin-top: 70px;
}
.features-text h2 {
    font-size: 18px;
    margin-top: 70px;
	font-weight: bold;
}
.features-text p{
	color: #999;
    font-size: 14px;
	line-height: 27px;
}
.youshi {
	margin-top: 0!important;
	padding-top: 72px;
	padding-bottom: 128px;
    background-image: url(/static/img/site/index/new/floor/floor_wfx_6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.youshi h2{
	color: #fff;
}
.youshi .jia{
	margin-top: 35px;
	margin-bottom: 45px;
}
.youshi ul .fr{
	margin-left: 35px;
}
.wrp .list {
    margin-bottom: 40px;
}
.wrp .list .item {
    float: left;
    width: 33.3333344%;
}
.wrp .list .item .box {
    margin: 20px;
    text-align: center;
}
.wrp .list .item .box .img {
    border-radius: 4px;
    border: 1px solid #ccc;
    text-align: center;
    height: 250px;
    line-height: 250px;
}
.wrp .list .item .box .h3 {
    font-size: 20px;
    color: #555;
    margin: 20px 0 10px;
    font-weight: 800;
}
.wrp .list .item .box .p {
    font-size: 16px;
}
.process{
	padding: 72px 0;
	background-image: url(/static/img/site/index/new/floor/floor_wfx_7.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.process h2{
	color: #fff;
}
.process .content{
	text-align: center;
}
.process .btnUrl{
    display: inline-block;
    width: 220px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    margin-top: 70px;
    line-height: 50px;
    border-radius: 4px;
    color: #fff;
    background: linear-gradient(141deg,#f9313f,#ff5325 100%);
}
.ys{
	margin-bottom: 50px;
}
.ys .ys-l {
    float: left;
}
.ys ul li {
    transition: .3s;
    padding: 10px 20px;
    margin: 20px 0;
    cursor: pointer;
    border: 1px solid #eee;
}
.ys ul li .h3 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
	line-height: 1;
	color: #373a41;
}
.ys ul li .text {
    line-height: 1.4;
    color: #666;
    height: 38px;
}
.ys .ys-img {
    float: left;
    width: 470px;
    text-align: center;
}
.ys ul.ys-r {
    float: right;
}
.ys ul {
    width: 340px;
}
.app-Banner{
	width: 100%;
	height: 500px;
	background: url("/static/img/site/product/app/app_banner.jpg") no-repeat center center;
}
.app-Banner .container{
	position: relative;
}
.app-Banner img{
	width: 500px;
	position: absolute;
	top: 50px;
	right: 0;
}
.app-Banner .container{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	color: #FFFFFF;
}
.app-Banner .container h1{	
	font-size: 48px;
	font-weight: bold;
}
.app-Banner .container p{
	margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.5;
}
.app-Banner .container .banner-box{
	position: absolute;
	left: 0;
	top: 120px;
	width: 600px;
	text-align: left;
}
.app-main ul li {
    height: 160px;
    display: inline-block;
	margin-bottom: 20px;
}
.app-main span {
    display: block;
    width: 88px;
    height: 88px;
    margin: 25px auto 15px;
    border-radius: 5px;
	text-align: center;
	padding: 21px 0;
}
.app-main dl {
    color: #636363;
    margin: 0 auto 20px;
    position: relative;
    width: 150px;
    z-index: 2;
    text-align: center;
}
.app-main dl dt {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: center;
    color: #3a3a3a;
}
.c-g2 {
    position: relative;
    padding-left: 17px;
}
.g-list {
    font-size: 18px;
    float: left;
    width: 236px;
    height: 77px;
    position: relative;
    top: 0;
    color: #5197fd;
    margin: 0 29px;
    margin-bottom: 25px;
    vertical-align: top;
	text-align: center;
    display: inline-block;
    transition: top 500ms;
    background: url(/static/img/site/product/app/app-bg.png) no-repeat center;
}
.g-list:hover{
	transform: translateY(-5px);
	transition: all .4s ease-in-out;
}
.g-list img {
    margin-top: -5px;
    margin-right: 6px;
}
.g-list span {
    margin-top: 13px;
    height: 77px;
    line-height: 77px;
}
.app-title{
    position: relative;
	transform: translateY(-434px);
}
.app-title div {
    position: absolute;
    font-size: 18px;
}
.znc {
    top: 93px;
    left: 314px;
}
.zdh {
    top: 162px;
    left: 178px;
}
.lhd {
    top: 299px;
    left: 296px;
}
.zdh1 {
    top: 382px;
    left: 447px;
}
.aza {
    left: 724px;
    top: 36px;
}
.pga {
    left: 881px;
    top: 161px;
}
.sjd {
    left: 949px;
    top: 292px;
}
.brief .floor-title{
	display: flex;
	align-items: center;
	color: #8c8c8c;
	font-weight: 700;
	border-bottom: 1px solid #cccccc;
	height: 30px;
	margin-bottom: 30px;
}
.brief .title{
    font-size: 18px;
    color: #388DFB;
	margin-right: 5px;
	font-weight: 700;
	margin-bottom: 0!important;
}
.brief .img-responsive{
    float: left;
    width: 480px;
    height: 240px;
    object-fit: cover;
}
.brief .jieshao{
    line-height: 24px;
}
.brief .yewu{
	width: 1200px;
	height: auto;
}
.brief .jie-right{
	float: left;
	width: 690px;
	margin-left: 30px;
}
.brief .jie-title{
	font-size: 22px;
	font-weight: 700;
	color: #388DFB;
	margin: 10px 0;
}
.brief .jie-btn{
	color: #388DFB;
	padding: 8px 10px;
	border: 1px solid #388DFB;
	background-color: #ffffff;
	margin-top: 15px;
}
.opening{
	margin: auto;
	padding: 30px 0;
    overflow: hidden;
    position: relative;
	color: #FFFFFF;
    background: #0a6dee;
    height: 180px;
}
.opening span{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 120px;
	background-color: #FFFFFF;
}
.opening .open-l img{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
    right: 0;
}
.opening .open-l p{
	margin-top: 9px;
	font-size: 16px;
}
.opening .open-l{
	position: relative;
	float: right;
}
.opening .open-r{
	position: relative;
	float: left;
	margin-left: 100px;
}
.opening .open-r .now{
	position: absolute;
	color: #3856ea;
	padding: 6px 20px;
	border-radius: 5px;
    background: #ffffff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 18px;
	margin-top: 20px;
	margin-left: 100px;
	text-decoration: none;
}
.wrp1150 {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
.wrp1150 .list {
    width: 430px;
    margin: 8px 0;
}
.fl {
    float: left;
}
.wrp1150 .list .item {
    overflow: hidden;
    width: 50%;
    float: left;
}
.wrp1150 .list .item .box {
    margin: 10px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}
.wrp1150 .list .item .box .i {
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    margin: 0px auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrp1150 .list .item .box .icon {
    display: inline-block;
}
.wrp1150 .list .item .box .h3 {
    margin: 10px 0;
    color: inherit;
	font-size: 18px;
}
.gongneng{
	background: #f5f5f5;
}
.bg-sj_gn_01 {
    width: 52px;
    height: 48px;
    background: url(/static/img/site/index/new/floor/sprites.png) -858px -10px;
}
.bg-sj_gn_02 {
    width: 35px;
    height: 36px;
    background: url(/static/img/site/index/new/floor/sprites.png) -157px -10px;
}
.bg-sj_gn_03 {
    width: 35px;
    height: 35px;
    background: url(/static/img/site/index/new/floor/sprites.png) -212px -10px;
}
.bg-sj_gn_04 {
    width: 42px;
    height: 38px;
    background: url(/static/img/site/index/new/floor/sprites.png) -796px -10px;
}
.bg-sj_gn_05 {
    width: 38px;
    height: 38px;
    background: url(/static/img/site/index/new/floor/sprites.png) -324px -10px;
}
.bg-sj_gn_06 {
    width: 41px;
    height: 37px;
    background: url(/static/img/site/index/new/floor/sprites.png) -735px -10px;
}
.bg-sj_gn_07 {
    width: 38px;
    height: 38px;
    background: url(/static/img/site/index/new/floor/sprites.png) -382px -10px;
}
.bg-sj_gn_08 {
    width: 41px;
    height: 33px;
    background: url(/static/img/site/index/new/floor/sprites.png) -675px -10px;
}
.bg-sj_gn_09 {
    width: 39px;
    height: 32px;
    background: url(/static/img/site/index/new/floor/sprites.png) -498px -10px;
}
.bg-sj_gn_10 {
    width: 34px;
    height: 39px;
    background: url(/static/img/site/index/new/floor/sprites.png) -52px -10px;
}
.bg-sj_gn_11 {
    width: 41px;
    height: 42px;
    background: url(/static/img/site/index/new/floor/sprites.png) -440px -10px;
}
.bg-sj_gn_12 {
    width: 34px;
    height: 42px;
    background: url(/static/img/site/index/new/floor/sprites.png) -103px -10px;
}
.bg-sj_gn_13 {
    width: 39px;
    height: 32px;
    background: url(/static/img/site/index/new/floor/sprites.png) -557px -10px;
}
.bg-sj_gn_14 {
    width: 39px;
    height: 37px;
    background: url(/static/img/site/index/new/floor/sprites.png) -616px -10px;
}
.bg-sj_gn_15 {
    width: 37px;
    height: 37px;
    background: url(/static/img/site/index/new/floor/sprites.png) -267px -10px;
}
.bg-sj_gn_16 {
    width: 22px;
    height: 37px;
    background:url(/static/img/site/index/new/floor/sprites.png) -10px -10px;
}
.wrp1150 .list .box:hover{
	background: linear-gradient(141deg,#001fdd,#0f7bfc 100%);
	color: #FFFFFF;
}
.wrp1150 .list .box:hover .icon{
    background-position-y: -78px;
}
.wrp1150 .bg {
    width: 260px;
    height: 531px;
    background: url(/static/img/site/index/new/floor/wfx_bg.png) center center;
    float: left;
    margin: 0 15px;
}
.wrp1150 .bg img {
    padding: 13px 13px;
	width: 260px;
	height: 531px;
	border-radius: 50px;
}
.fr {
    float: right;
}
.use-scene{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.use-scene .scene-item{
	width: 380px;
	padding: 22px 18px;
	border: 1px solid #dfdfdf;
	text-align: center;
	margin-bottom: 20px;
}
.use-scene .scene-item:hover{
	border: 1px solid #55a7ff;
}
.use-scene .scene-item img{
	height: 35px;
	margin-bottom: 12px;
}
.use-scene .scene-item .title{
	font-size: 18px;
	margin-bottom: 15px;
	color: #333333;
}
.use-scene .scene-item .desc{
	font-size: 14px;
	color: #818181;
	text-align: left;
}
.data-census{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.data-census .data-item{
	width: 16.6%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0;
}
.data-census .data-item img{
	width: 40px;
	height: 40px;
	margin-right: 15px;
}
.data-census .data-item p{
	font-size: 18px;
	color: #333333;
	width: 110px;
}
/* 经典案例 */
.case-swiper{
	background-color: #FFFFFF;
	display: flex;
	overflow: hidden;
	width: 1050px;
    margin: 0 auto;
	padding: 20px;
	border: 1px solid #eaeaea;
}
.case-swiper .left-case img{
	width: 450px;
	height: 250px;
}
.case-swiper .left-case .big-img{
    border-radius: 12px;
	width: 450px;
	height: 300px;
}
.case-swiper .right-case{
	padding-left: 30px;
}
.case-swiper .top-info{
	display: flex;
	align-items: center;
}
.case-swiper .top-info img{
	height: 40px;
	margin-right: 10px;
}
.case-swiper .top-info .name{
	font-size: 16px;
	font-weight: bold;
}
.case-swiper .top-info .tags-group{
	flex: 1;
	text-align: right;
}
.case-swiper .top-info .logo-name{
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	margin-right: 10px;
}
.case-swiper .top-info .tags{
    background-color: #eeeeee;
    color: #666666;
    padding: 1px 8px;
    margin-left: 10px;
    font-size: 13px;
}
.case-swiper .big-name{
	font-size: 18px;
	font-weight: 600;
	margin: 10px 0;
}
.case-swiper .case-info{
	font-size: 13px;
	margin: 15px 0;
}
.case-swiper .right-case ul,.case-swiper .right-case li{
	display: flex;
	align-items: center;
	font-size: 13px;
}
.case-swiper .right-case li{
	margin-right: 15px;
}
.case-swiper .right-case ul img{
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
.case-swiper .case-items{
	display: flex;
	flex-wrap: wrap;
}
.case-swiper .case-items .items{
	display: flex;
	align-items: center;
	width: 25%;
    margin-bottom: 8px;
    font-size: 13px;
}
.case-swiper .case-items img{
	width: 16px;
	margin-right: 8px;
}
.swiper-button-next, .swiper-button-prev{
	transform: scale(0.8);
}
.case-nav{
	display: flex;
	width: 1050px;
	margin: 0 auto;
	color: #ffffff;
	background-color: #0e82ff;
    border: 1px solid #eaeaea;
    border-bottom: none;
}
.case-nav .nav-item{
	width: 25%;
	text-align: center;
	padding: 15px 0;
	line-height: 25px;
	border-right: 1px solid #ffffff;
}
.case-nav .nav-item.active{
	color: #0e82ff;
	background-color: #ffffff;
}
/* 客户管理 */
.custom-manage{
	display: flex;
	justify-content: space-between;
}
.custom-manage .custom-item{
	width: 390px;
	border-radius: 8px;
	border: 1px solid #5492ee;
	padding: 10px;
}
.custom-manage .custom-item:nth-child(2){
	border: 1px solid #8881ee;
}
.custom-manage .custom-item:nth-child(2) .custom-list p{
	background: linear-gradient(to right,#9691f5,#8881ee);
}
.custom-manage .custom-item:nth-child(3){
	border: 1px solid #f58732;
}
.custom-manage .custom-item:nth-child(3) .custom-list p{
	background: linear-gradient(to right,#faa05a,#f58732);
}
.custom-manage .custom-item .title{
	font-size: 18px;
	text-align: center;
}
.custom-manage .custom-item .custom-list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.custom-manage .custom-item .custom-list p{
	width: 110px;
	color: #ffffff;
	border-radius: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 15px;
	margin-right: 19px;
	background: linear-gradient(to right,#52a3ff,#5492ee);
}
.custom-manage .custom-item .custom-list p:nth-child(3n){
	margin-right: 0;
}
/* s2b */
.s2bBanner{
    width: 100%;
    height: 500px;
    background: url("/static/img/site/product/s2b/banner.jpg") no-repeat center center;
	color: #ffffff;
}
.s2bBanner .banner-box{
	margin-top: 140px;
	font-size: 20px;
}
.s2bBanner .banner-box h1{
	font-size: 46px;
}
.use-scene.s2b .scene-item{
	width: 290px;
}
.manage-system{
	display: flex;
	justify-content: space-between;
}
.manage-system .manage-item{
	width: 290px;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	box-shadow: 2px 2px 11px 0px rgba(103, 122, 117, 0.29);
}
.manage-system .manage-item:hover{
	border: 1px solid #42BDF2;
}
.manage-system .manage-item .t-manage{
	padding: 20px;
	background-color: #42BDF2;
	color: #FFFFFF;
	height: 160px;
}
.manage-system .manage-item .b-manage{
	padding: 30px 20px;
}
.manage-system .manage-item h3{
	text-align: center;
	margin-top: 0;
	font-size: 22px;
}
.manage-system .manage-item .lists{
	color: #666666;
	font-size: 16px;
	margin: 24px 0;
}

/* s2b2c */
.s2b2cBanner{
    width: 100%;
    height: 500px;
    background: url("/static/img/site/product/s2b2c/banner.jpg") no-repeat center center;
	color: #ffffff;
}
.s2b2cBanner .banner-box{
	text-align: center;
	margin-top: 140px;
}
.s2b2cBanner .banner-box h1{
	font-size: 46px;
}
.s2b2cBanner .banner-box p{
	font-size: 16px;
	margin: 10px 0;
}
.service-scene{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service-scene .service-list{
	position: relative;
	width: 285px;
	height: 160px;
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
}
.service-scene .service-list img{
	width: 100%;
	height: 100%;
}
.service-scene .service-list .bg-mask{
    position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}
.service-scene .service-list .bg-mask:hover{
	background-color: rgba(46, 139, 221, 0.8);
}
.service-scene .service-list p{
	position: absolute;
	top: 65px;
	left: 92px;
	color: #FFFFFF;
	font-size: 20px;
	width: 100px;
}
.core-func{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.core-func .core-list{
	width: 280px;
	margin-bottom: 30px;
	padding: 30px 20px;
	text-align: center;
	color: #666666;
	border: 1px solid #eee;
}
.core-func .core-list:hover{
	box-shadow: 0px 1px 20px 5px rgba(103, 122, 117, 0.2);
    transform: scale(1.05);	
}
.core-func .core-list h1{
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 18px;
	color: #1875d1;
}
.service-model{
	display: flex;
	justify-content: space-between;
}
.service-model .model-item{
	width: 280px;
	padding: 40px;
	text-align: center;
	border-radius: 20px;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
}
.service-model .model-item:hover{
	box-shadow: 0px 0px 12px 0px rgba(54, 107, 191, 0.6);
}
.service-model .model-item img{
	width: 50px;
	height: 50px;
	margin-bottom: 15px;
}
.service-model .model-item p{
	font-size: 18px;
    color: #666666;
}
/* 跨境出口 */
.exportBanner {
    width: 100%;
    height: 500px;
    color: #fff;
    background: url("/static/img/site/solution/kuajing/banner1.jpg") no-repeat center center;
}

.exportBanner .banner-box{
    float: right;
	text-align: right;
	margin-top: 140px;
	font-size: 16px;
}
.exportBanner .banner-box h1{
	font-size: 42px;
}
.floor-export{
	display: flex;
	justify-content: space-between;
}
.floor-export .export-item{
	width: 185px;
	padding: 40px 30px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
}
.floor-export .export-item h3{
	position: relative;
	font-size: 18px;
	margin-top: 0;
    margin-bottom: 40px;
	text-align: center;
	color: #1c8ef9;
}
.floor-export .export-item h3::after{
	content: '';
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 3px;
	border-radius: 2px;
	display: block;
	background-color: #1c8ef9;
}
.floor-export .export-item p{
	text-align: justify;
	color: #818181;
}
.system-item{
	display: flex;
	justify-content: space-between;
}
.system-item .system-open{
	width: 580px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	box-shadow: 12px 0 43px rgba(76,76,76,.14);
}
.system-item .system-open .top-title{
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	height: 80px;
	line-height: 50px;
    background: linear-gradient(to right, #fcbf15, #fdb20c);
}
.system-item .system-open img{
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.system-item .system-open .system-info{
	margin-top: 20px;
	padding: 20px;
}
.system-item .system-open .system-info p{
	color: #666666;
	margin-bottom: 15px;
	display: flex;
    align-items: center;
}
.system-item .system-open .system-info p::before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fdb20c;
	margin-right: 15px;
	flex: none;
}
.system-item .system-open:nth-child(2) .system-info p::before{
	background-color: #4b96f9;
}
.header .menu-box{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	display: flex;
}
.header .menu-box .menu-item{
	width: 50%;
}
.header .menu-box .top-title{
	font-size: 20px;
	font-weight: 600;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #111111;
}
.header .menu-box .right-menu{
	margin-left: 20px;
	flex: 1
}
.header .menu-box .right-box{
	display: flex;
	flex-wrap: wrap;
}
.header .menu-box .right-items{
	width: 50%;
	padding: 0 20px;
	margin-bottom: 30px;
}
.header .menu-box .top-nav{
	display: flex;
	align-items: center;
}
.header .menu-box .top-nav img{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 10px;
}
.header .menu-box .top-nav .name{
	line-height: 20px;
	height: 20px;
	font-weight: 600;
	color: #111111;
}
.header .menu-box .top-nav .name:hover{
	color: #0e82ff;
}
.header .menu-box .right-items .bot{
	margin-top: 12px;
	color: #666666;
	height: 32px;
	line-height: 16px;
	font-size: 12px;
}
.navbar-left{
	float: right!important;
}
.business-function{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.business-function .business-item{
	width: 19%;
	text-align: center;
	margin-bottom: 15px;
	border: 1px solid #faa05a;
}
.business-function .business-item:nth-child(2){
	border-color: #69cbef;
}
.business-function .business-item:nth-child(3){
	border-color: #9691f5;
}
.business-function .business-item:nth-child(4){
	border-color: #fec96a;
}
.business-function .business-item:nth-child(5){
	border-color: #fa7070;
}
.business-function .business-item:nth-child(6){
	border-color: #c477f6;
}
.business-function .business-item:nth-child(7){
	border-color: #69a7ef;
}
.business-function .business-item:nth-child(8){
	border-color: #efb957;
}
.business-function .business-item:nth-child(9){
	border-color: #c477f6;
}
.business-function .business-item:nth-child(10){
	border-color: #69cbef;
}
.business-function .business-item h3{
	font-size: 18px;
	height:50px;
	line-height: 50px;
	position: relative;
	margin: 0;
	color: #ffffff;
	background-color: #faa05a;
}
.business-function .business-item:nth-child(2) h3{
	background-color: #69cbef;
}
.business-function .business-item:nth-child(3) h3{
	background-color: #9691f5;
}
.business-function .business-item:nth-child(4) h3{
	background-color: #fec96a;
}
.business-function .business-item:nth-child(5) h3{
	background-color: #fa7070;
}
.business-function .business-item:nth-child(6) h3{
	background-color: #c477f6;
}
.business-function .business-item:nth-child(7) h3{
	background-color: #69a7ef;
}
.business-function .business-item:nth-child(8) h3{
	background-color: #efb957;
}
.business-function .business-item:nth-child(9) h3{
	background-color: #c477f6;
}
.business-function .business-item:nth-child(10) h3{
	background-color: #69cbef;
}
.business-function .business-item .bus-main{
	display: flex;
	flex-wrap: wrap;
}
.business-function .business-item p{
	font-size: 14px;
	line-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}
.business-function .business-item p::before{
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #c9c9c9;
	display: block;
	margin-right: 5px;
}
.page-product .product-top{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}
.page-product .product-top .product-title{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	font-size: 16px;
	padding-bottom: 20px;
	border-bottom: 3px solid #fff;
	width: 200px;
}
.page-product .product-top .product-title.active{
	border-bottom: 3px solid #1875d1;
}
.page-product .product-top .product-title img{
	width: 25px;
	height: 25px;
	margin-right: 20px;
}
.page-product .pro-part{
	justify-content: center;
	align-items: center;
	display: none;
}
.page-product .pro-part.pro-show{
	display: flex;
}
.page-product .product-block{
	width: 200px;
	margin: 0 10px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 1px 2px 11px 0px rgba(103, 122, 117, 0.2);
}
.page-product .product-block:hover{
    transform-origin: center;
    transition: all 0.5s ease;
    transform: scale(1.12);
}
.page-product .product-block .pro-title{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	background-color: #1875d1;
	color: #FFFFFF;
	font-size: 16px;
}
.page-product .product-block .pro-title img{
	width: auto;
	height: 25px;
	margin-right: 10px;
}
.page-product .product-block .pro-main{
	position: relative;
    color: #666666;
    margin: 15px 16px;
    height: 210px;
}
.page-product .product-block .pro-main p{
	position: relative;
	padding-left: 14px;
	margin-bottom: 10px;
}
.page-product .product-block .pro-main p::before{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #c9c9c9;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}
.page-product .product-block .pro-main a{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
	display: block;
	text-align: center;
	background-color: #1875d1;
	color: #ffffff;
	border-radius: 4px;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	display: none;
}
/* crm */
.crmBanner {
    width: 100%;
    height: 500px;
    background: url("/static/img/site/manage/crm_banner.jpg") no-repeat center center;
	background-size: 100%;
}
.crmBanner h1{
	font-size: 42px;
	text-align: center;
	line-height: 500px;
	margin: 0;
}
.product_warp {
    width: 1200px;
    height: auto;
    zoom: 1;
    overflow-y: hidden;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 50px;
    text-align: left;
}
.product_warp-pic {
    float: left;
    width: 45%;
    margin-right: 5%;
}
.product_warp-pic img {
    width: 100%;
    max-width: 430px;
}
.product_warp-title {
    float: right;
    width: 40%;
    max-height: 337px;
}
.product_warp-title h2 {
    color: #106ab1;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px;
}
.product_warp-title p {
    font-size: 16px;
    color: #666;
    text-indent: 2em;
    line-height: 30px;
}
.product_warp-title_button {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #1977d4;
    margin-top: 30px;
    font-size: 16px;
	color: #fff;
}
.product_warp-maincontent {
    width: 100%;
    height: auto;
    overflow-y: hidden;
    background: url('/static/img/site/manage/product_bg.jpg') no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 20px;
    margin-top: 50px;
}
.product_warp-maincontent ul {
    width: 1200px;
    margin: auto;
    height: auto;
}
.product_warp-maincontent ul li {
    width: 23%;
    min-height: 250px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    float: left;
    margin-left: 2.5%;
}
.maincontent-function {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: solid #fff 3px;
    margin: auto;
    margin-bottom: 15px;
}
.maincontent-function img {
    margin-top: 6px;
}
.product_warp-maincontent ul li h3 {
    margin-bottom: 10px;
}
.product_warp-maincontent ul li p {
    font-size: 14px;
    color: #fff;
}
.product_warp-main {
    width: 1200px;
    margin: 0 auto;
}
.product_warp-main ul {
    width: 100%;
    height: auto;
    display: inline-block;
}
.product_warp-main ul li {
    float: left;
    width: 14%;
    height: auto;
    text-align: center;
}
.product_warp-mainpic {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: url('/static/img/site/manage/product_icon1.png') no-repeat;
}
.pic2 {
    background: url('/static/img/site/manage/product_icon2.png') no-repeat;
}
.pic3 {
    background: url('/static/img/site/manage/product_icon3.png') no-repeat;
}
.pic4 {
    background: url('/static/img/site/manage/product_icon4.png') no-repeat;
}
.pic5 {
    background: url('/static/img/site/manage/product_icon5.png') no-repeat;
}
.pic6 {
    background: url('/static/img/site/manage/product_icon6.png') no-repeat;
}
.pic7{
    background: url('/static/img/site/manage/product_icon7.png') no-repeat;
}
.product_warp-main ul li h5 {
    color: #666;
    font-size: 16px;
    font-weight: normal;
    pointer-events:none;
}
.product_warp-main-text {
    width: 100%;
    height: auto;
    border: solid 1px #3ed3ad;
    padding-bottom: 10px;
    text-align: center;
    display: none;
}
.product_warp-main-text h4 {
    background-color: #3ed3ad;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 0;
}
.product_warp-main-text p {
    font-size: 14px !important;
    line-height: 20px;
    color: #666;
    text-align: left;
    margin-left: 3px;
}
.product_warp-main-text i {
    color: #3ed3ad;
	margin-right: 5px;
}
.text3 {
    border-color: #6bb5f0;
}
.text3 h4 {
    background-color: #6bb5f0;
}
.text3 i {
    color: #6bb5f0;
}
.text2 h4 {
    background-color: #ffb341;
}
.text2 {
    border-color: #ffb341;
}
.text2 i {
    color: #ffb341;
}
.text4 {
    border-color: #ffb341;
}
.text4 h4 {
    background-color: #ffb341;
}
.text4 i {
    color: #ffb341;
}
.good-service{
	display: flex;
	justify-content: space-between;
}
.good-service .good-item{
	width: 220px;
	border: 1px solid #07a3cc;
	padding: 30px 25px;
	color: #666666;
}
.good-service .good-item h3{
	font-size: 18px;
	margin-top: 0;
	color: #07a3cc;
	text-align: center;
}
.service-themesimg {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.service-themesimg img {
    width: 100%;
    max-width: 409px;
}
.agent-system{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.agent-system .agent-item{
	width: 330px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);	
	padding: 30px;
}
.agent-system .agent-item img{
	width: 270px;
}
.agent-system .agent-item p{
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.buyer-floor{
	background-color: #F4F4F4;
	padding: 40px 0;
	margin-top: 60px;
}
.buyer-floor .floor-title{
	text-align: center;
	margin-bottom: 50px;
}
.buyer-floor .floor-content{
	width: 1200px;
	margin: 0 auto;
}
.buyer-service{
	display: flex;
	justify-content: space-around;
}
.buyer-service .buyer-item{
	position: relative;
    margin-bottom: 30px;
}
.buyer-service .buyer-item::after{
	content: '';
	display: block;
    width: 30px;
    height: 2px;
    background-color: #C9C9C9;
    position: absolute;
    top: 29px;
    left: 116px;
}
.buyer-service .buyer-item:last-child::after{
	display: none;
}
.buyer-service .buyer-item .buyer-box{
	position: relative;
}
.buyer-item .img-bg{
	width: 60px;
	height: 60px;
	background-color: #75aeff;
	border-radius: 50%;
	margin: 0 28px;
}
.buyer-item:nth-child(2) .img-bg,
.buyer-item:nth-child(2) .service-item .title,
.buyer-item:nth-child(2) .service-item .info::before{
	background-color: #fbc162;
}
.buyer-item:nth-child(3) .img-bg,
.buyer-item:nth-child(3) .service-item .title,
.buyer-item:nth-child(3) .service-item .info::before{
	background-color: #8b8bff;
}
.buyer-item:nth-child(4) .img-bg,
.buyer-item:nth-child(4) .service-item .title,
.buyer-item:nth-child(4) .service-item .info::before{
	background-color: #44d3c6;
}
.buyer-item:nth-child(5) .img-bg,
.buyer-item:nth-child(5) .service-item .title,
.buyer-item:nth-child(5) .service-item .info::before{
	background-color: #f69a70;
}
.buyer-item:nth-child(6) .img-bg,
.buyer-item:nth-child(6) .service-item .title,
.buyer-item:nth-child(6) .service-item .info::before{
	background-color: #8b8bff;
}
.buyer-item:nth-child(7) .img-bg,
.buyer-item:nth-child(7) .service-item .title,
.buyer-item:nth-child(7) .service-item .info::before{
	background-color: #75aeff;
}
.buyer-item:nth-child(8) .img-bg,
.buyer-item:nth-child(8) .service-item .title,
.buyer-item:nth-child(8) .service-item .info::before{
	background-color: #fbc162;
}
.buyer-service .service-item{
	background-color: #FFFFFF;
	width: 116px;
	height: 170px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    overflow: hidden;
    margin-top: 15px;
}
.buyer-item .service-item .title{
	background-color: #75aeff;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
    height: 36px;
    line-height: 36px;
}
.buyer-service .service-item .info{
	margin: 10px;
}
.buyer-item .service-item .info::before{
	content: '';
	width: 5px;
	height: 5px;
	background-color: #75aeff;
	display: block;
	border-radius: 50%;
	float: left;
	margin: 8px 5px 8px 0;
}
.buyer-service .buyer-item:nth-child(2n) .buyer-box{
	float: left;
}
.buyer-service .buyer-item:nth-child(2n) .img-bg{
    right: -80px;
    left: inherit !important;
}
.buyer-service .buyer-item:nth-child(2n) .service-item{
	flex-direction: row-reverse;
}
.buyer-service .img-bg img{
	width: 30px;
	height: 30px;
	margin: 15px 0 0 15px;
}
.product_warp-maincontent-2 {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    overflow-y: hidden;
    padding-top: 150px;
    margin-top: -80px;
}
.maincontent-glxt-pic img{
	width: 600px;
}
.product_warp-maincontent-2 ul {
    width: 100%;
    height: auto;
}
.product_warp-maincontent-2 ul li {
    width: 50%;
    height: 218px;
    float: left;
    position: relative;
}
.maincontent-list {
    padding-left: 3%;
    width: 50% !important;
}
.product_warp-maincontent-2 ul li h3 {
    font-weight: normal;
    font-size: 24px;
    line-height: 50px;
    color: #333;
    margin-top: 20px;
    text-align: center;
}
.product_warp-maincontent-2 ul li p {
    text-indent: 0em !important;
    font-size: 16px;
    line-height: 24px;
}
.list2 {
    padding-left: 0px;
    padding-right: 3%;
}
/* b2bNew */
.b2bNewBanner{
    width: 100%;
    height: 500px;
    background: url("/static/img/site/product/b2b/banner1.jpg") no-repeat center center;
	color: #ffffff;
}
.b2bNewBanner .banner-box{
	margin-top: 140px;
}
.b2bNewBanner .banner-box h1{
	font-size: 46px;
}
.b2bNewBanner .banner-box p{
	font-size: 20px;
	margin: 10px 0;
}
.b2b-text{
	font-size: 14px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.b2b-text::before{
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background-color: #1875d1;
	border-radius: 50%;
	margin-right: 5px;
}
.custom-manage-index{
	display: flex;
}
.custom-manage-index .left-img{
	width: 260px;
	height: 478px;
}
.custom-manage-index .arrow-img{
	width: 40px;
	height: 40px;
    align-self: center;	
	margin: 0 20px;
}
.custom-manage-index .bg-center{
	position: relative;
	width: 260px;
	margin-right: 30px;
}
.custom-manage-index .bg-center:last-child{
	margin-right: 0;
}
.custom-manage-index .bg-center .bg-img{
	width: 100%;
	height: 478px;
}
.custom-manage-index .bg-center .center-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px;
}
.custom-manage-index .bg-center h2{
	font-size: 16px;
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}
.custom-manage-index .bg-center .c-title{
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 8px;
}
.custom-manage-index .bg-center .c-title img{
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.custom-manage-index .bg-center .c-item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.custom-manage-index .bg-center .c-item p{
	width: 80px;
	height: 30px;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	color: #44a2fe;
	border: 1px solid #44a2fe;
	margin-bottom: 8px;
}
.custom-manage-index .bg-center .c-item.yellow p{
	color: #ffaf37;
	border: 1px solid #ffaf37;
}
.custom-manage-index .bg-center .c-item.red p{
	color: #ff565a;
	border: 1px solid #ff565a;
}
.custom-manage-index .bg-center .c-name{
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	font-weight: bold;
}
.custom-manage-index .bg-center .c-desc{
	font-size: 12px;
	color: #999999;
	line-height: 18px;
}
.custom-manage-index .bg-center .c-name::before{
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #818181;
	border-radius: 50%;
	margin-right: 5px;
}
.index-switch{
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #eeeeee;
}
.index-switch .s-nav{
	text-align: center;
	font-size: 16px;
}
.index-switch .s-nav.active::after{
	content: '';
	display: block;
	width: 200px;
	height: 3px;
	background-color: #82d0ae;
	margin: 15px auto 0;
}
.right-switch{
	display: none;
}
.left-switch{
	padding-bottom: 40px;
}
.s2b2c-model{
	display: flex;
}
.s2b2c-model .left-model{
	width: 700px;
	margin-right: 50px;
}
.s2b2c-model .right-model{
	width: 400px;
}
.s2b2c-model .right-model img{
	margin-top: 20px;
}
.s2b2c-model h2{
	font-size: 18px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}
.s2b2c-model .left-model .desc-list{
	margin-top: 30px;
}
.s2b2c-model .left-model .l-title{
	font-size: 16px;
	margin: 15px 0;
    color: #f69a70;
    font-weight: bold;
}
.s2b2c-model .left-model .l-desc{
	color: #777777;
	line-height: 24px;
}
.s2b2c-model .left-model .l-desc::before{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #f69a70;
	border-radius: 50%;
	float: left;
	margin: 9px 8px 9px 0;
}
.s2b2c-model-a{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.s2b2c-model-a .top-system{
	width: 45%;
}
.s2b2c-model-a .top-system h2{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
.s2b2c-model-a .system-box{
	border: 1px solid #8b8bff;
	padding: 15px 20px;
	margin-top: 20px;
	border-radius: 10px;
	height: 280px;
}
.s2b2c-model-a .s-title{
	font-size: 16px;
	margin-bottom: 10px;
}
.s2b2c-model-a .s-desc{
	color: #777777;
	line-height: 24px;
}
.s2b2c-model-a .s-desc::before{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #8b8bff;
	border-radius: 50%;
	float: left;
	margin: 9px 8px 9px 0;
}
.s2b2c-model-a .s-desc.orange::before{
	background-color: #f69a70;
}
.s2b2c-model-a .system-box img{
	width: 100%;
	margin-top: 15px;
}
.s2b2c-model-a .bot-system{
	padding: 15px 20px;
	margin-top: 30px;
	border-radius: 10px;
	width: 30%;
	border: 1px solid #f69a70;;
}

.s2b2c-model-b {
	display: flex;
}
.s2b2c-model-b .half-b{
	width: 50%;
	padding: 0 40px;
}
.s2b2c-model-b .half-b h2{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.s2b2c-model-b .half-b .top-title{
	font-size: 14px;
	color: #777777;
	text-align: center;
}
.s2b2c-model-b .top-img{
	border-radius: 10px;
	margin-top: 20px;
	padding: 10px 40px 15px;
	border: 1px solid #44d3c6;
	height: 178px;
}
.s2b2c-model-b .top-img.blue{
	border-color: #7bb0fe;
	height: 150px;
}
.s2b2c-model-b .top-img .b-title{
	font-size: 14px;
	margin-bottom: 15px;
	margin-left: -20px;
}
.s2b2c-model-b .top-img img{
	width: 100%;
    margin: auto;
    display: block
}
.s2b2c-model-c{
	display: flex;
	flex-wrap: wrap;
}
.s2b2c-model-c .top-scene{
	width: 50%;
}
.s2b2c-model-c .top-scene .top-img{
	width: 64%;
	display: block;
	margin: auto;
}
.s2b2c-model-c .top-scene .s-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s2b2c-model-c .top-scene li{
	display: flex;
	width: 35%;
	margin: 30px 20px 0 20px;
}
.s2b2c-model-c .top-scene li .texts{
	flex: 1;
}
.s2b2c-model-c .top-scene li img{
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.s2b2c-model-c .top-scene li h2{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.s2b2c-model-c .top-scene li .s-desc{
	color: #777777;
	margin-top: 6px;
}
.s2b2c-model-c .top-process{
	width: 50%;
	flex: 1;
}
.s2b2c-model-c .p-title{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}
.s2b2c-model-c .p-title img{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.s2b2c-model-c .process-block{
	display: flex;
	align-items: center;
	height: 60px;
	background-color: #81b6ff;
	border-radius: 10px;
	margin-bottom: 25px;
}
.s2b2c-model-c .process-block .p-block{
	height: 32px;
	line-height: 32px;
	width: 80px;
	text-align: center;
	border-radius: 6px;
	background-color: #ffffff;
	margin: 0 10px;
}
.s2b2c-model-c .process-block img{
	width: 15px;
	height: 15px;
}
.s2b2c-model-c .process-text{
	line-height: 30px;
}
.s2b2c-model-c .process-text::before{
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #81b6ff;
	border-radius: 50%;
	margin-right: 5px;
}
.s2b2c-model-c .bot-purchase{
	margin-top: 20px;
	border: 1px solid #44d3c6;
	border-radius: 10px;
	padding: 15px 30px;
	width: 94%;
	margin-left: 6%;
	display: flex;
}
.s2b2c-model-c .bot-purchase h2{
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.s2b2c-model-c .bot-purchase .process-block{
	width: 50%;
	margin-top: 40px;
	flex-wrap: wrap;
	height: 150px;
	padding: 15px 0;
	background-color: #44d3c6;
}
.s2b2c-model-c .bot-purchase .process-block .p-block{
	width: 54px;
}
.s2b2c-model-c .bot-purchase .process-block .p-block.all{
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.s2b2c-model-c .left-purchase{
	width: 45%;
	margin-right: 5%;
}