@charset "utf-8";
/* 公共部分 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.col-2 {
    width: 50%;
    float: left;
}
.col-3 {
    width: 25%;
    float: left;
}
.col-4 {
    width: 33.33%;
    float: left;
}
body {
    margin: 0; 
    padding: 0;
    color: #8E8E8E;
    font-size: .24rem;
    background: #F3F3F3;
    font-family: "Microsoft YaHei", '宋体', Arial, Helvetica, sans-serif;

}
ul,ol,li,p{
    list-style: none;
    padding: 0;
    margin: 0;
}
a:link, a:hover {
    text-decoration: none;
}
.clear {
    clear: both;
}
.wrap{
    max-width: 750px;
    overflow: hidden;
    margin: 0 auto;
}
.page-title{
    color: #030303;
    font-size: .3rem;
    line-height: .15rem;
}
.page-title::before{
    display: inline-block;
    content: '';
    width: .04rem;
    height: .3rem;
    margin: 0 .1rem 0 0;
    background: #F0962B;
    vertical-align: middle;
}

/* 头部 */
.header{
    background: #F08300;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 0 .2rem;
    height: .88rem;
}
.header .main{
    padding: .2rem;
    overflow: hidden;
}
.header .logo{
    float: left;
    width: 2.02rem;
}
.header .logo img{
    width: 100%;
}
.header .nav-icon{
    width: .4rem;
    height: .28rem;
    float: right;
    cursor: pointer;
    margin: .12rem 0 0;
    background: url(../nav-icon.png) center center no-repeat;
    background-size: 100% 100%;
}
.header .navbar .nav{
    position: fixed;
    top: 0;
    right: -100%;
    width: 5rem;
    z-index: 999;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: .5s all;
    transition: .5s all;
}
.header .navbar .nav a{
    width: 100%;
    display: block;
    color: #262626;
    padding: 0 0 0 .3rem;
}
.header .navbar .nav .active{
    background: rgba(247, 221, 190, .6);
}
.header .navbar .nav-index{
    height: .85rem;
    font-size: .32rem;
    line-height: .85rem;
}
.header .navbar .maks{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, .5);
}
.header .navbar .list{
    overflow: hidden;
}
.header .navbar .box{
    height: .65rem;
    cursor: pointer;
    overflow: hidden;
    background: #F08300;
    padding: 0 .2rem 0 .3rem;
}
.header .navbar .box .title{
    float: left;
    color: #F0F0F0;
    font-size: .32rem;
    line-height: .65rem;
}
.header .navbar .box .icon{
    float: right;
    width: .37rem;
    height: .2rem;
    margin: .2rem 0 0;
    background: url(../nav-down.png) center center no-repeat;
    background-size: cover !important;
}
.header .navbar .list a{
    height: .7rem;
    font-size: .26rem;
    line-height: .7rem;
    border-bottom: .01rem solid rgba(205,205,205,.6);
}

/* 主体 */
.container{
    background: #F3F3F3;
    margin: .88rem 0 0;
}
.banner{
    position: relative;
}
.banner img{
    width: 100%;
}
.banner a{
    display: block;
    width: 2rem;
    top: 1.84rem;
    left: 2.76rem;
    height: .45rem;
    position: absolute;
}
.notice{
    width: 7.1rem;
    height: .7rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    padding: 0 .3rem;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: .06rem;
    -webkit-transform: translateY(-.34rem);
    transform: translateY(-.34rem);
    -webkit-box-shadow: 0 .02rem .07rem .01rem rgba(143, 143, 143, 0.5);
    box-shadow: 0 .02rem .07rem .01rem rgba(143, 143, 143, 0.5);
}
.notice img{
    width: .32rem;
}
.notice .main{
    width: 100%;
    height: .4rem;
    overflow: hidden;
    position: relative;
    line-height: .4rem;
}
.notice ul{
    position: absolute;
    top: 0;
}
.notice li a{
    width: 6rem;
    color: #222;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 0 .3rem;
    text-overflow: ellipsis;
}
.notice li a:hover{
    color: #F08300;
}
.what-retail{
    margin: 0 0 .53rem;
}
.what-retail .page-title{
    padding: 0 .2rem;
}
.what-retail .swiper-container {
    margin: .16rem 0 0;
}
.what-retail .picture{
    text-align: center;
    background: #fff;
    border-radius: .06rem;
    padding: .18rem .15rem;
}
.what-retail .picture p{
    height: .8rem;
    color: #030303;
    font-size: .28rem;
    line-height: .4rem;
}
.what-retail .picture img{
    width: 100%;
}
.what-retail .content{
    padding: .1rem .2rem;
    background: #E7E7E7;
    border-bottom-left-radius: .06rem;
    border-bottom-right-radius: .06rem;
}
.what-retail .content .icon{
    display: table-cell;
    vertical-align: middle;
}
.what-retail .content .icon img{
    width: 100%;
}
.what-retail .content .desc{
    padding: 0 0 0 .12rem;
    display: table-cell;
    vertical-align: middle;
}
.what-retail .content .desc p{
    color: #F3992E;
    line-height: .33rem;
}
.what-retail .content .desc span{
    font-size: .2rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    line-height: .28rem;
    text-overflow: ellipsis;
}
.retail-con{
    margin: 0 0 .45rem;
    padding: .24rem 0 .1rem;
    background: #fff;
}
.retail-con .page-title{
    padding: 0 0 .15rem .2rem;
    border-bottom: .01rem solid #F3F3F3;
}
.retail-con .list{
    overflow: hidden;
    padding: 0 .2rem;
}
.retail-con .list li{
    padding: .2rem 0;
    border-bottom: .01rem solid #F3F3F3;
}
.retail-con .list li:last-child{
    border: none;
}
.retail-con .list li .icon{
    display: table-cell;
    vertical-align: middle;
}
.retail-con .list li .content{
    display: table-cell;
    padding: 0 0 0 .25rem;
    vertical-align: middle;
}
.retail-con .list .content p{
    color: #030303;
    line-height: .33rem;
    margin: 0 0 .11rem;
}
.retail-con .list .content span{
    font-size: .2rem;
    line-height: .28rem;
}
.use-product{
    text-align: center;
}
.use-product .list{
    width: 4.76rem;
    overflow: hidden;
    padding: 0 0 .56rem;
    margin: .47rem auto 0;
}
.use-product .list li{
    float: left;
    width: 2.28rem;
    margin: 0 .2rem .2rem 0;
}
.use-product .list li:nth-of-type(2n){
    margin: 0 0 .2rem 0;
}
.use-product .list li img{
    width: 100%;
}

/* 新零售 */
#certify {
	position: relative;
	margin: .6rem auto 0;
}
#certify  .swiper-slide {
	width: 3.6rem;
    text-align: center;
}
@media (max-width: 320px) {
  #certify  .swiper-slide {
    width: 4.3rem;
  }
}
#certify  .swiper-slide img{
  width: 100%;
}
#certify .swiper-pagination{
    width: 100%;
    text-align: center;
    margin: 0 0 .4rem;
    position: relative;
}
#certify .swiper-pagination span{
    margin: 0 .05rem;
    background: #F08300;
}
.handy{
    margin: 0 .2rem;
}
.handy .list{
    overflow: hidden;
    padding: .17rem 0 0;
}
.handy .list li{
    float: left;
    height: 4.3rem;
    width: 3.45rem;
    background: #fff;
    text-align: center;
    border-radius: .12rem;
    margin: 0 .18rem .2rem 0;
}
.handy .list li:nth-of-type(2n){
    margin: 0 0 .2rem;
}
.handy .list li .icon{
    height: 1.3rem;
    margin: .27rem 0 .3rem;
}
.handy .list .style1 img{
    width: 1.3rem;
}
.handy .list .style2 img{
    width: 1.1rem;
}
.handy .list .desc{
    padding: 0 .1rem .36rem;
}
.handy .list .desc p{
    color: #030303;
    font-size: .28rem;
    line-height: .4rem;
    margin: 0 0 .12rem;
}
.handy .list .desc span{
    font-size: .2rem;
    line-height: .28rem;
}
.handy .list .bg{
    color: #fff;
    font-size: .26rem;
    line-height: .45rem;
    padding: 1.5rem .28rem 0;
    background: url('../retail/retail-icon11.png') center center no-repeat;
    background-size: cover;
}
.start{
    padding: .2rem .2rem 0;
    overflow: hidden;
}
.start .content{
    width: 5.25rem;
    margin: .25rem auto .3rem;
}
.start .content img{
    width: 100%;
}
.mall{
    padding: .2rem;
    background: #fff;
}
.mall .list{
    overflow: hidden;
    margin: .25rem 0 0;
}
.mall .list li{
    margin: 0 0 .25rem;
    padding: 0 0 0 .3rem;
}
.mall .list li .icon{
    width: .4rem;
    height: .4rem;
    margin: 0 0 .07rem;
}
.mall .list li .icon:first-child{
    width: .45rem;
}
.mall .list li .icon img{
    width: 100%;
}
.mall .list .desc{
    height: 1.6rem;
}
.mall .list .desc p{
    color: #222;
    font-size: .26rem;
    line-height: .37rem;
    margin: 0 0 .08rem;
}
.mall .list .desc span{
    font-size: .2rem;
    line-height: .28rem;
}
.promote{
    padding: .34rem .2rem;
    text-align: center;
}
.promote .swiper-container{
    padding: 0 0 .2rem;
}
.promote .title p{
    color: #222;
    font-size: .28rem;
    margin: 0 0 .15rem;
}
.promote .title span{
    font-size: .2rem;
}
.promote .box img{
    width: 100%;
}
.promote .box a{
    color: #8E8E8E;
    display: block;
    font-size: .2rem;
    margin: .17rem 0 0;
}

/* 移动支付 */
.payment .box{
    overflow: hidden;
    padding: .25rem .2rem .3rem;
}
.payment .box img{
    width: 100%;
    margin: .22rem 0 0;
}
.payment .list{
    overflow: hidden;
    background: #fff;
    padding: .28rem .38rem 0;
}
.payment .list li{
    padding: 0 0 .5rem;
    text-align: center;
}
.payment .list li p{
    color: #222;
    font-size: .28rem;
    margin: 0 0 .27rem;
}
.payment .list li img{
    max-width: 4rem;
    margin: 0 auto;
    display: block;
}

/* 全渠道商城 */
.mall-list{
    width: 7.12rem;
    height: 1.94rem;
    overflow: hidden;
    background: #fff;
    border-radius: .08rem;
    margin: .1rem auto .34rem;
}
.mall-list li{
    text-align: center;
}
.mall-list .picture{
    height: .8rem;
    margin: .35rem 0 .1rem;
}
.mall-list .picture img{
    max-height: 100%;
}
.mall-list p{
    color: #222;
    font-size: .2rem;
}
.demand{
    padding: 0 .2rem;
    text-align: center;
    overflow: hidden;
}
.demand .title p{
    color: #222;
    font-size: .28rem;
    margin: 0 0 .07rem;
}
.demand .title span{
    font-size: .2rem;
}
.play{
    padding: 0 .75rem;
    background: #fff;
    text-align: center;
    overflow: hidden;
}
.play .first p{
    font-size: .28rem;
    padding: .28rem 0;
    margin: 0;
}
.play p{
    color: #222;
    margin: 0 0 .5rem;
}
.play img{
    width: 100%;
    margin: 0 0 .38rem;
}

/* 商城综合体 */
.analysis{
    padding: .3rem .2rem;
}
.analysis .list{
    overflow: hidden;
    margin: .16rem 0 0;
}
.analysis .list li{
    width: 100%;
    margin: 0 0 .1rem;
    background: #fff;
    border-radius: .06rem;
    padding: .25rem .15rem;
}
.analysis .list li .icon{
    display: table-cell;
    vertical-align: middle;
}
.analysis .list li .desc{
    display: table-cell;
    padding: 0 0 0 .16rem;
    vertical-align: middle;
}
.analysis .list .desc p{
    color: #030303;
    font-size: .26rem;
    margin: 0 0 .1rem;
}
.analysis .list .desc p span{
    color: #F0962B;
    font-size: .2rem;
    margin: 0 0 0 .2rem;
}
.analysis .list .desc span{
    font-size: .2rem;
}
.trend{
    padding: 0 .2rem;
}
.trend .list{
    overflow: hidden;
    padding: 0 .2rem;
    margin: .25rem 0 .42rem;
}
.trend .list li{
    padding: 0 .12rem;
}
.trend .list li img{
    width: 100%;
}

/* 智慧旅游 */
.present{
    padding: .24rem .2rem 0;
}
.present .box{
    overflow: hidden;
    margin: .15rem 0 .38rem;
}
.present .box img{
    width: 100%;
}
.cases{
    padding: 0 .2rem;
    overflow: hidden;
}
.cases .title{
    color: #030303;
    font-size: .3rem;
    margin: 0 0 .24rem;
    text-align: center;
}
.cases .picture p{
    color: #222;
    line-height: .33rem;
    margin: .5rem 0;
}
.cases .picture img{
    display: block;
    width: 6.12rem;
    margin: 0 auto .4rem;
}

/* 智慧餐饮 */
.cashier .page-title{
    margin: 0 .2rem .1rem;
}
.cashier .list{
    overflow: hidden;
    background: #fff;
    padding: .24rem .2rem .1rem;
}
.cashier .list li{
    padding: 0 .1rem;
    margin: 0 0 .28rem;
    text-align: center;
}
.cashier .list li img{
    width: 100%;
    margin: 0 0 .12rem;
}
.cashier .list li p{
    color: #030303;
    font-size: .3rem;
}
.order{
    background: #fff;
    text-align: center;
    margin: .2rem 0 0;
    overflow: hidden;
    padding: .15rem .33rem .37rem;
}
.order .title{
    margin: 0 0 .08rem;
}
.order .title p{
    color: #030303;
    font-size: .3rem;
    margin: 0 0 .04rem;
}
.order .title span{
    font-size: .2rem;
}
.order .box img{
    width: 100%;
}
.order .box p{
    font-size: .2rem;
    margin: .05rem 0 0;
}

/* 服饰箱包 */
.clothing-list{
    padding: .2rem;
    overflow: hidden;
}
.clothing-list img{
    width: 100%;
}
.solve .page-title{
    margin: 0 .2rem .24rem;
}
.solve .list li{
    padding: .2rem .16rem;
    background: #fff;
    margin: 0 0 .2rem;
}
.solve .list li .picture{
    width: 2.4rem;
    display: table-cell;
    vertical-align: middle;
}
.solve .list li .picture img{
    width: 100%;
}
.solve .list li .desc{
    display: table-cell;
    padding: 0 0 0 .2rem;
    vertical-align: middle;
}
.solve .list .desc p{
    color: #030303;
    font-size: .26rem;
    margin: 0 0 .1rem;
}
.solve .list .desc span{
    font-size: .2rem;
}
.case-study{
    padding: .12rem .2rem .4rem;
}
.case-study .list{
    overflow: hidden;
    margin: .15rem 0 0;
}
.case-study .list li{
    padding: 0 .1rem;
    overflow: hidden;
}
.case-study .list li img{
    width: 100%;
}

/* 微商城 */
.micromall{
    background: #fff;
}
.special-banner a{
    top: 1.58rem;
    left: 2.74rem;
}
.edit{
    overflow: hidden;
    text-align: center;
    padding: .5rem .2rem .45rem;
}
.edit .title p{
    color: #030303;
    font-size: .3rem;
    margin: 0 0 .1rem;
}
.edit .title span{
    font-size: .2rem;
}
.edit .main{
    width: 5.67rem;
    margin: .2rem auto 0;
}
.edit .main img{
    width: 100%;
}
.edit .main a{
    width: 2rem;
    color: #fff;
    height: .45rem;
    display: block;
    line-height: .45rem;
    text-align: center;
    margin: .3rem auto 0;
    background: #A0466E;
    border-radius: .06rem;
}
.product img{
    width: 100%;
}
.product p{
    color: #222;
    margin: .3rem .2rem;
}
.pages {
    overflow: hidden;
    padding: .4rem .2rem;
    text-align: center;
}
.pages .title{
    font-size: .3rem;
    color: #030303;
}

/* 商家助手 */
.pay-solve{
    padding: .2rem .2rem .16rem;
}
.pay-solve .list{
    overflow: hidden;
    margin: .24rem 0 0;
}
.pay-solve .list li{
    float: left;
    width: 3.45rem;
    margin: 0 0 .2rem;
    background: #fff;
    border-radius: .12rem;
    padding: .3rem .25rem .25rem;
}
.pay-solve .list li:nth-of-type(2n){
    margin: 0 0 .2rem .2rem;
}
.pay-solve .list .icon{
    height: .49rem;
    margin: 0 0 .12rem;
    text-align: center;
}
.pay-solve .list .icon img{
    max-height: .49rem;
}
.pay-solve .list .desc p{
    font-size: .3rem;
    color: #F0962B;
    margin: 0 0 .24rem;
    text-align: center;
}
.pay-solve .list .desc span{
    display: block;
    height: 1.3rem;
    font-size: .2rem;
    line-height: .28rem;
}
.partner{
    overflow: hidden;
}
.partner .title{
    padding: 0 .2rem .2rem;
    text-align: center;
}
.partner .title p{
    color: #030303;
    font-size: .3rem;
    margin: 0 0 .18rem;
}
.partner .title span{
    font-size: .2rem;
}
.partner .main{
    background: #fff;
    text-align: center;
}
.partner .main img{
    width: 100%;
}
.partner .main img:nth-of-type(2){
    width: 6.58rem;
    margin: .48rem 0 .2rem;
}

/* 会员CRM */
.data{
    padding: .33rem 0 0;
}
.data .title{
    text-align: center;
    color: #030303;
    font-size: .3rem;
}
.data #certify{
    margin: .18rem auto 0;
}
.rfm{
    overflow: hidden;
    text-align: center;
}
.rfm .title{
    color: #030303;
    font-size: .3rem;
    margin: 0 0 .13rem;
}
.rfm .main img{
    width: 100%;
}
.rfm .main a{
    display: block;
    color: #8E8E8E;
    font-size: .2rem;
    cursor: pointer;
    margin: 0 0 .25rem;
}

/* 多渠道分销 */
.channel{
    padding: .33rem .2rem 0;
    text-align: center;
    background: #fff;
}
.channel .item{
    margin: 0 0 .15rem;
    overflow: hidden;
}
.channel .item p{
    color: #030303;
    font-size: .3rem;
    margin: 0 0 .34rem;
}
.channel .item img{
    width: 2.9rem;
}
.channel .item:last-child img{
    width: 4.5rem;
}
.channel .item span{
    color: #000;
    font-size: .2rem;
    height: .85rem;
    display: block;
    margin: .3rem 0 0;
}

/* 申请 */
.apply{
    background: #fff;
    padding: .34rem .5rem .8rem;
}
.apply .title{
    color: #222;
    margin: .7rem;
    font-size: .36rem;
}
.apply li{
    margin: 0 0 .48rem;
}
.apply li input, .apply li textarea{
    width: 100%;
    color: #666;
    -webkit-outline: none;
    outline: none;
    height: .76rem;
    padding: 0 .2rem;
    font-size: .3rem;
    -webkit-transition: .2s all;
    transition: .2s all;
    border-radius: .11rem;
    border: .02rem solid #F3F3F3;
}
.apply li input:focus, .apply li textarea:focus{
    border-color: rgba(102,175,233,.6);
    -webkit-box-shadow: inset 0 .04rem .04rem rgba(0,0,0,.075), 0 0 .16rem rgba(102,175,233,.6);
    box-shadow: inset 0 .04rem .04rem rgba(0,0,0,.075), 0 0 .16rem rgba(102,175,233,.6);
}
.apply li textarea{
    padding: .2rem;
    height: 1.45rem;
}
.apply input::-webkit-input-placeholder, .apply textarea::-webkit-input-placeholder{ 
    color:#999;
}
.apply input::-input-placeholder, .apply textarea::-input-placeholder{ 
    color:#999;
}
.apply li button{
    width: 100%;
    height: .76rem;
    color: #fff;
    outline: none;
    border: none;
    -webkit-outline: none;
    font-size: .32rem;
    text-align: center;
    line-height: .55rem;
    background: #F0962B;
    border-radius: .06rem;
}

/* 战略合作 */
.cooperate{
    padding: .28rem 0 .14rem;
}
.cooperate .list{
    overflow: hidden;
    margin: .2rem 0 0;
}
.cooperate .list li{
    margin: 0 0 .2rem;
    background: #fff;
    padding: .2rem;
}
.cooperate li .picture{
    width: 1.78rem;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.cooperate li .picture p{
    color: #030303;
    font-size: .24rem;
}
.cooperate li .desc{
    height: 2rem;
    display: table-cell;
    padding: 0 0 0 .7rem;
    vertical-align: middle;
}
.cooperate .now1 img{
    width: 1.38rem;
}
.cooperate .now2 img{
    width: .6rem;
}
.cooperate .now3 img{
    width: 1.55rem;
}
.cooperate .now5 img{
    width: 1.78rem;
}
.cooperate .now6 img{
    width: 1.39rem;
}
.cooperate .now7 img{
    width: 1.88rem;
}
.cooperate .now9 img{
    width: 1.25rem;
}
.support img{
    width: 100%;
}
.mode{
    text-align: center;
}
.mode p{
    color: #030303;
    font-size: .3rem;
    margin: .38rem 0;
}
.mode .list{
    padding: 0 .2rem .2rem;
    overflow: hidden;
}
.mode .list li{
    float: left;
    height: 4.2rem;
    width: 3.45rem;
    margin: 0 0 .2rem;
    background: #fff;
    border-radius: .12rem;
    padding: .24rem .12rem;
}
.mode .list li:nth-of-type(2n){
    margin: 0 0 .2rem .18rem;
}
.mode .list li img{
    width: .77rem;
}
.mode li .desc p{
    color: #222;
    font-size: .24rem;
    margin: .24rem 0 .05rem;
}
.mode li .desc span{
    color: #8E8E8E;
    font-size: .2rem;
    line-height: .28rem;
}

/* 文章详情 */
.artice .user{
    padding: .64rem 0 .32rem .35rem;
}
.artice .user .avatar{
    width: .68rem;
    display: table-cell;
    vertical-align: middle;
}
.artice .user .avatar img{
    width: 100%;
}
.artice .user .desc{
    display: table-cell;
    padding: 0 0 0 .2rem;
    vertical-align: middle;
}
.artice .user .desc p{
    color: #222;
    font-size: .28rem;
    margin: 0 0 .05rem;
}
.artice .desc .date{
    color: #8E8E8E;
    font-size: .22rem;
}
.artice .date span{
    margin: 0 .38rem 0 0;
}
.artice .main{
    overflow: hidden;
    padding: .33rem .4rem .7rem;
    border-bottom: .2rem solid #F6F6F6;
}
.artice .content p{
    color: #222;
    font-size: .26rem;
    margin: 0 0 .3rem;
    line-height: .37rem;
}
.artice .content strong{
    color: #222;
    display: block;
    margin: 0 0 .2rem;
}
.artice .content span{
    color: #f5b807;
    font-weight: bold;
}
.artice .content img{
    width: 100%;
    margin: 0 0 .3rem;
}
.artice .share-box{
    overflow: hidden;
    margin: .8rem 0 0 3.24rem; 
}
.artice .share-box>p{
    display: table-cell;
    vertical-align: bottom;
    color: #8E8E8E;
    font-size: .24rem;
    padding: 0 0 0 1.2rem;
}
.artice .share{
    position: relative;
    display: table-cell;
    width: .62rem;
    text-align: center;
}
.artice .share img{
    width: 100%;
    margin: 0 0 .05rem;
}
.artice .share p{
    color: #222;
    font-size: .28rem;
}
.artice .list{
    padding: .33rem .3rem .62rem;
    overflow: hidden;
}
.artice .list .title{
    color: #222;
    font-size: .3rem;
    margin: 0 0 .15rem;
}
.artice .list li{
    margin: 0 0 .3rem;
}
.artice .list li .picture{
    width: 2.4rem;
    display: table-cell;
    vertical-align: middle;
}
.artice .list .picture img{
    width: 100%;
}
.artice .list li .desc{
    display: table-cell;
    padding: 0 0 0 .2rem;
    vertical-align: middle;
}
.artice .list .desc p{
    color: #222;
    overflow: hidden;
    font-size: .28rem;
    max-height: 1.1rem;
    margin: 0 0 .15rem 0;
}
.share-box .bdshare-button-style0-16{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
}
.share-box .bdshare-button-style0-16 .bds_more{
    width: .62rem;
    height: 1.1rem !important;
}

/* 底部 */
.footer {
    color: #fff;
    text-align: center;
}
.footer .content{
    overflow: hidden;
    background: #3D3D3D;
    padding: .2rem 0 .12rem;
}
.footer .content>img{
    width: 1.2rem;
    margin: 0 0 .2rem;
}
.footer .content .desc>p{
    margin: 0 0 .12rem;
}
.footer .content .tel{
    width: 2.5rem;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.footer .content .tel a{
    color: #fff;
}
.footer .content .tel img{
    width: .26rem;
    margin: 0 .1rem 0 0;
}
.footer .content .tel p{
    font-size: .28rem;
    line-height: .4rem;
    margin: 0 0 0 .08rem;
}
.footer .company{
    height: .6rem;
    font-size: .2rem;
    line-height: .6rem;
    background: #2C2C2C;
}
.footer .list{
    overflow: hidden;
    background: #3D3D3D;
    padding: .32rem .6rem .5rem;
}
.footer .list .title{
    margin: 0 0 .38rem;
}
.footer .list li{
    width: 33.33%;
    float: left;
}
.footer .list li img{
    width: .6rem;
    margin: 0 0 .09rem;
}
.footer .list li p{
    color: #fff;
}
.footer .bottom{
    width: 100%;
    height: .98rem;
    overflow: hidden;
}
.footer .bottom .main{
    width: 100%;
    height: .98rem;
}
.footer .bottom .slider{
    position: fixed;
    display: none;
    width: .75rem;
    height: .75rem;
    right: .2rem;
    z-index: 998;
    bottom: 1.5rem;
    border-radius: 50%;
    background: rgba(240,131,0,.4) url('../index-icon10.png') center center no-repeat;
    background-size: .32rem .36rem;
}
.footer .bottom .item{
    background: #F08300;
}
.footer .bottom li{
    height: .98rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.footer .bottom li span{
    font-size: .28rem;
}
.footer .bottom li a{
    color: #fff;
}
.footer .bottom img{
    width: .32rem;
    vertical-align: middle;
}
.footer .bottom .item img{
    width: .29rem;
    margin: 0 .16rem 0 0;
}
.footer .bottom .item2{
    background: #A0466E;
}
.footer .bottom .item2 img{
    width: .32rem;
    margin: 0 .14rem 0 0;
}