@charset "utf-8";
/*广告图*/
.ny-banner img{
    width: 100%;
}


/*通用*/
.ntit{
    text-align: center;
    margin-bottom: 3rem;
}
.ntit .t1{
    font-size: 4rem;
}
.ntit .t1-fff,.ntit.ntit-fff .t1,.ntit.ntit-fff .t2{
    color: #fff;
}
.ntit .t2{
    font-size: 1.6rem;
    color: #797979;
}


/*网站服务*/
.nwzfw{
    margin-top: 7rem;
}
.nwzfwlist{
    margin-left: -1rem;
    margin-right: -1rem;
}
.nwzfwlist ul li{
    padding: 0 1rem;
}
.nwzfwlist ul li .bj{
    background: #f6f7f9;
    border: 2px solid #fff;
    padding: 2rem;
    text-align: center;
    box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 10%);
}
.nwzfwlist ul li span{
    display: table;
    margin: auto;
    background: #fff;
    padding: 2rem;
    border-radius: 50%;
}
.nwzfwlist ul li p{
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-top: 2rem;
}
.nwzfwlist ul li p i{
    display:block;
    color: #98a3b7;
    font-size: 1.6rem;
    font-style: inherit;
}


/*企业网站解决方案*/
.nwzfa{
    background: url(../images/nzsx-bj01.jpg) center center no-repeat;
    margin-top: 7rem;
    padding: 7rem 0;
}
.nwzfa-list ul li{
    background: #fff;
    display: table;
    width: 100%;
    padding: 3rem 6rem;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    margin-top: 2rem;
    border-radius: 5px;
}
.nwzfa-list ul li:first-child{
    margin-top: 0;
}
.nwzfa-list ul li i{
    display: block;
    width: 9rem;
    height: 9rem;
    float: left;
    border-radius: 50%;
}
.nwzfa-list ul li i.tb01{    
    background: url(../images/nyxx-tb11on.png) center center no-repeat #1249b7;
}
.nwzfa-list ul li i.tb02{
    background: url(../images/nyxx-tb12on.png) center center no-repeat #1249b7;
}
.nwzfa-list ul li i.tb03{
    background: url(../images/nyxx-tb13on.png) center center no-repeat #1249b7;
}
.nwzfa-list ul li i.tb04{
    background: url(../images/nyxx-tb14on.png) center center no-repeat #1249b7;
}
.nwzfa-list ul li dl{
    float: left;
    width: 950px;
    margin-left: 4rem;
}
.nwzfa-list ul li dl dt{
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 3rem;
}
.nwzfa-list ul li dl dd{
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: #797979;
}
.nwzfa-list ul li:hover{
    background: #1249b7;
}
.nwzfa-list ul li:hover dl dt,.nwzfa-list ul li:hover dl dd{
    color: #fff;
}
.nwzfa-list ul li:hover i.tb01{    
    background: url(../images/nyxx-tb11.png) center center no-repeat #fff;
}
.nwzfa-list ul li:hover i.tb02{
    background: url(../images/nyxx-tb12.png) center center no-repeat #fff;
}
.nwzfa-list ul li:hover i.tb03{
    background: url(../images/nyxx-tb13.png) center center no-repeat #fff;
}
.nwzfa-list ul li:hover i.tb04{
    background: url(../images/nyxx-tb14.png) center center no-repeat #fff;
}


/*行业方案*/
.nhyfa{
    margin-top: 7rem;
}
.nhyfa-list{
   /* margin-left:-1rem;
    margin-right:-1rem;*/
}
.nhyfa-list ul li{
    position: relative;
    padding: 0 1rem 2rem;
}
.nhyfa-list ul li .pra{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.nhyfa-list ul li .pra:before{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}
.nhyfa-list ul li .img img{
    width: 100%;
}
.nhyfa-list ul li dl{
    position: absolute;
    z-index: 99;
    top: 50%;
    text-align: center;
    width: 100%;
    margin-top: -3.5rem;
}
.nhyfa-list ul li dl dt img{
    width: 4.8rem;
}
.nhyfa-list ul li dl dd{
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.5rem;
}


/*网站案例展示*/
.nalzs{
    margin-top: 7rem;
    background: url(../images/nyxx-bj01.jpg) center center no-repeat;
    padding: 7rem 0;
}
.nalzs-list ul li{
    padding: 0 1rem 3rem;
}
.nalzs-list ul li .pra{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 280px;
}
.nalzs-list ul li .pra .img{
    position: relative;
    height: 100%;
}
.nalzs-list ul li .pra:before{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    display: none;
    z-index:9;
}
.nalzs-list ul li .img img{
    width: 100%;
    min-height: 100%;
}
.nalzs-list ul li dl{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    padding: 3rem 0;
    margin-top: -5rem;
    display: none;
    z-index:99;
}
.nalzs-list ul li dl:before{
    top: 0;
}
.nalzs-list ul li dl:after{
    bottom: 0;
}
.nalzs-list ul li dl:before,.nalzs-list ul li dl:after{
    content:"";
    background: #a8a8a7;
    width: 10px;
    height: 2px;
    position: absolute;
}
.nalzs-list ul li dl dt{
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
    line-height: 4rem;
}
.nalzs-list ul li dl dd{
    font-size: 1.6rem;
    color: #fff;
    margin: 0;
    line-height: 3rem;
}
.nalzs-list ul li a:hover dl,.nalzs-list ul li a:hover .pra:before{
    display: block;
}


/*企业官网版本介绍*/
.qygwa{
    background: #fafafa;
    padding: 7rem 0;
    margin-top: 7rem;
}
.qygwa-list .bt{
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    height: 9rem;
    position: relative;
}
.qygwa-list .bt01{    
    background: url(../images/ngw-bj01.png) center center no-repeat;
}
.qygwa-list .bt01:before{
    content:"01";
    position:absolute;
    right: 1rem;
    opacity: .2;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 4rem;
    height: 4rem;
    top: 50%;
    margin-top: -2rem;
}
.qygwa-list .bt02{    
    background: url(../images/ngw-bj02.png) center center no-repeat;
}
.qygwa-list .bt02:before{
    content:"02";
    position:absolute;
    right: 1rem;
    opacity: .2;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 4rem;
    height: 4rem;
    top: 50%;
    margin-top: -2rem;
}
.qygwa-list .bt03{    
    background: url(../images/ngw-bj03.png) center center no-repeat;
}
.qygwa-list .bt03:before{
    content:"03";
    position:absolute;
    right: 1rem;
    opacity: .2;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 4rem;
    height: 4rem;
    top: 50%;
    margin-top: -2rem;
}
.qygwa-list .bt .t1{
    font-size: 3rem;
    font-weight: bold;
    line-height: 4rem;
}
.qygwa-list .bt .t2{
    font-size: 1.6rem;
    line-height: 3rem;
}
.qygwa-list .qygwa-fff{
    background: #fff;
    padding: 2rem 2rem 4rem;
}
.qygwa-list .qygwa-lan ul li{
    float: left;
    width: 50%;
    background: url(../images/ngw-tb05.png) left center no-repeat;
    padding-left: 2rem;
    line-height: 4rem;
    color: #5a5a5a;
}
.qygwa-list .qygwa-red {
    border-top: 1px solid #ebebeb;
    padding-top: 1rem;
    margin-top: 1rem;
}
.qygwa-list .qygwa-red ul li{
    float: left;
    width: 33.33%;
    background: url(../images/ngw-tb06.png) left center no-repeat;
    padding-left: 2rem;
    line-height: 4rem;
    color: #5a5a5a;
}
.qygwa-list .qygwa-red ul li.w6{
    width: 66.33%;
}


/*功能亮点*/
.qygwb{
    margin-top: 7rem;
}
.qygwb-list ul li{
    text-align: center;
    margin-bottom: 5rem;
}
.qygwb-list ul li .img img{
    width: 11rem;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
    border-radius: 50%;
}
.qygwb-list ul li dl{
    margin-top: 2rem;
}
.qygwb-list ul li dl dt{
    font-size: 2rem;
    font-weight: 500;
}
.qygwb-list ul li dl dd{
    color: #797979;
    font-size: 1.6rem;
    line-height: 2.5rem;
}


/*精品案例*/
.qygwc{
    background: #fafafa;
    padding: 7rem 0;
    margin-top: 7rem;
}
.qygwc-list ul li{
    margin-top: 3rem;
    display: table;
    width: 100%;
}
.qygwc-list ul li:first-child{
    margin-top: 0;
}
.qygwc-list ul li .img{
    background: url(../images/ngw-img01.png) center center no-repeat;
    width: 738px;
    height: 448px;
    position: relative;
    float: left;
}
.qygwc-list ul li .img img{
    position: absolute;
    left: 8.6rem;
    top: 2rem;
}
.qygwc-list ul li dl{
    float: right;
    width: 450px;
    margin-top: 9rem;
}
.qygwc-list ul li dl dt{
    font-size: 1.8rem;
    color: #333;
}
.qygwc-list ul li dl dd{
    color: #797979;
    line-height: 2.8rem;
    margin-top: 3rem;
}
.qygwc-list ul li dl a{
    display: block;
    background: #1249b7;
    color: #fff;
    width: 13rem;
    text-align: center;
    line-height: 4rem;
    border-radius: 2rem;
    margin-top: 2rem;
}
.qygwc-list ul li dl a:hover{
    opacity:.9;
}
.dyyal .qygwc-list ul li:nth-child(2n) .img{float: right;}


/*品牌网站我们的服务*/
.ppwza{
    background: url(../images/nyxx-bj01.jpg) center center no-repeat;
    padding: 7rem 0;
}
.ppwza-list ul li{
    padding: 1.5rem;
}
.ppwza-list .ppwza-fff{
    background: #fff;
    border-radius: 5px;
    padding: 4rem 3rem;
    transition: all .3s;
    -moz-transition:all .3s;    /* Firefox 4 */
    -webkit-transition:all .3s; /* Safari 和 Chrome */
    -o-transition:all .3s;  /* Opera */
}
.ppwza-list .ppwza-fff:hover{
    transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);    /* IE 9 */
    -webkit-transform: scale(1.05,1.05);    /* Safari 和 Chrome */
    -o-transform: scale(1.05,1.05); /* Opera */
    -moz-transform: scale(1.05,1.05);   /* Firefox */
}
.ppwza-list img{
    display: block;
    margin: auto;
}
.ppwza-list dl{
    text-align: center;
    margin-top: 2rem;
}
.ppwza-list dl dt{
    font-size: 2.4rem;
    font-weight: 500;
}
.ppwza-list dl dd{
    font-size: 1.5rem;
    color: #797979;
    line-height: 2.5rem;
    height: 10rem;
}


/*品牌网站品牌保证*/
.ppwzb{
    margin-top: 5rem;
    background: url(../images/nppwz-bj02.jpg) center top no-repeat;
    padding-top: 7rem;
}
.ppwzb-list{
    position: relative;
    overflow: hidden;
    padding-bottom: 5rem;
}
.ppwzb-list .swiper-pagination{
    width: 100%;
    bottom: 0;
}
.ppwzb-list .swiper-pagination span{
    margin: 0 .5rem;
}
.swiper-ppwzb .ppwza-fff{
    background: #fff;
    border-radius: 5px;
    padding: 4rem 2rem;
    box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 10%);
}
.swiper-ppwzb .swiper-slide{
    padding: 5px;
}
.swiper-ppwzb .ppwza-fff img{
    display: block;
    margin: auto;
}
.swiper-ppwzb .ppwza-fff dl{
    text-align: center;
}
.swiper-ppwzb .ppwza-fff dl dt{
    font-size: 1.8rem;
    font-weight: 500;
}
.swiper-ppwzb .ppwza-fff dl dd{
    color: #797979;
    line-height: 2.5rem;
    height: 10rem;
    overflow: hidden;
}


/*品牌*/
.ppwzc{
    margin-top: 7rem;
}

.ppwzc-list ul{
    padding-left: -1rem;
    padding-right: -1rem;
}
.ppwzc-list ul li{
    padding: 0 1rem 2rem;
}
.ppwzc-list ul li .bigimg{
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    border-radius: 5px;
}
.ppwzc-list ul li img{
    width: 100%;
}
.ppwzc-list ul li a:hover img{
    transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);    /* IE 9 */
    -webkit-transform: scale(1.05,1.05);    /* Safari 和 Chrome */
    -o-transform: scale(1.05,1.05); /* Opera */
    -moz-transform: scale(1.05,1.05);   /* Firefox */
}


/*营销型网站转化*/
.yxxwza{
    background: url(../images/nppwz-bj01.jpg) center center no-repeat;
    padding: 7rem 0;
    margin-top: 7rem;
}
.yxxwza-list{}
.yxxwza-list ul li{
    padding: 1.5rem;
}
.yxxwza-list ul li .yxxwza-fff{
    background: #fff;
    border-radius: 5px;
    padding: 5rem 3rem;
}
.yxxwza-list ul li img{
    display: block;
    margin: auto;
}
.yxxwza-list ul li dl{
    text-align: center;
    margin-top: 3rem;
}
.yxxwza-list ul li dl dt{
    font-size: 2.4rem;
    font-weight: 500;
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.yxxwza-list ul li dl dt:before{
    content:"";
    background: #1249b7;
    width: 2rem;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1rem;
}
.yxxwza-list ul li dl dd{
    color: #797979;
    font-size: 1.6rem;
}


/* 营销型解决方案 */
.yxxwzb{
    background: url(../images/nyxx-bj02.jpg) top center no-repeat;
    margin: 0;
    padding-bottom: 0;
}


/*小程序页面介绍*/
.xiaocxa{
    background: url(../images/nxcx-bj01.jpg) center bottom no-repeat;
    padding: 7rem 0;
}
.xiaocxa-list li{
    padding: 0 1.5rem 3rem;
}
.xiaocxa-list li .xiaocxa-fff{
    background: #fff;
    box-shadow: 0 0 8px 1px rgb(0 0 0 / 10%);
    padding: 3rem;
    display: table;
    width: 100%;
}
.xiaocxa-list li img{
    float: left;
    display: block;
    width: 85px;
}
.xiaocxa-list li dl{
    float: left;
    width: 20rem;
    margin-left: 3rem;
}
.xiaocxa-list li dl dt{
    font-size: 2rem;
    color: #5a5a5a;
}
.xiaocxa-list li dl dd{
    line-height: 2.5rem;
    color: #5a5a5a;
    font-size: 1.6rem;
}


/*小程序流量*/
.xiaocxb{
    margin-top: 7rem;
}
.xiaocxb-img{
    margin:4rem 0;
}
.xiaocxb-img img{
    display: block;
    margin:auto;
}
.xiaocxb-list{
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    padding: 2rem;
    margin-bottom: 3rem;
}
.xiaocxb-list dl dt{
    font-size: 2rem;
    font-weight: 500;
}
.xiaocxb-list dl dd{
    color: #797979;
}
.xiaocxb-list ul{
    border-top: 1px dashed #e3e3e3;
    padding-top: 2rem;
    margin-top: 2rem;
}
.xiaocxb-list ul li{
    text-align: center;
}
.xiaocxb-list ul li p{
    color: #797979;
}


/*小程序行业*/
.xiaocxc{
    background: url(../images/nxcx-bj02.jpg) center center no-repeat;
    padding: 7rem 0;
    margin-top: 5rem;
}
.xiaocxc-list ul li{
    padding: 0 1.5rem 2rem;
}
.xiaocxc-list ul li span{
    display: block;
    border: 3px solid #fff;
    border-radius: 5px;
    overflow: hidden;
}
.xiaocxc-list ul li span img{
    width: 100%;
}
.xiaocxc-list ul li p{
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    margin-top: 1rem;
}


/*小程序案例*/
.xiaocxd{
    background: url(../images/nxcx-bj03.jpg) center center no-repeat;
    padding: 7rem 0;
    background-size: cover;
}
.xiaocxd-list ul li{
    padding: 0 1.5rem;
}
.xiaocxd-list ul li .prr{
    position: relative;
}
.xiaocxd-list ul li .tupian{
    position: relative;
    overflow: hidden;
}
.xiaocxd-list ul li .tupian .anli img{
    width: 100%;
}
.xiaocxd-list ul li .tupian .ewm{
    position: absolute;
    bottom: -20rem;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 2rem 0;
    transition: all .3s;
    -moz-transition:all .3s;    /* Firefox 4 */
    -webkit-transition:all .3s; /* Safari 和 Chrome */
    -o-transition:all .3s;  /* Opera */
}
.xiaocxd-list ul li .tupian .ewm img{
    height: 12rem;
}
.xiaocxd-list ul li .prr:hover .tupian .ewm{
    bottom: 0;
}
.xiaocxd-list ul li .tupian .ewm p{
    color: #5a5a5a;
    font-size: 1.4rem;
    margin-top: 2rem;
}
.xiaocxd-list ul li .prr .bt{
    color: #5a5a5a;
    font-size: 1.6rem;
    text-align: center;
    margin-top: 2rem;
}
.xiaocxd-list ul li .prr:hover .bt{
    color: #1249b7;
}


/*电商平台*/
.dspta{
    margin-top: 7rem;
}
.dspta-list .bj{
    background: #f3f5f8;
    border: 1px solid #fff;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    padding: 5rem 4rem;
    display: table;
    width: 100%;
}
.dspta-list .tb{
    float: left;
    width: 95px;
}
.dspta-list .tb img{
    width: 95px;
}
.dspta-list dl{
    float: left;
    width: 380px;
    margin-left: 25px;
}
.dspta-list dl dt{
    font-size: 2rem;
    font-weight: 500;
}
.dspta-list dl dd{
    color: #797979;
    line-height: 2.5rem;
}


/*平台定位*/
.dsptb{
    margin-top: 7rem;
    background: #f6f7fa;
    padding: 7rem 0;
}
.dsptb-img{
    text-align: center;
}
.dsptb-list{
    margin-top: 5rem;
}
.dsptb-list ul li{
    padding: 0 1.5rem 3rem;
}
.dsptb-list ul li dl{
    background: #fff;
    padding: 3rem 6rem 3rem 3rem;
    position: relative;
}
.dsptb-list ul li dl dt{
    font-size: 1.8rem;
    font-weight: 500;
}
.dsptb-list ul li dl dd{
    color: #797979;
    line-height: 2.5rem;
    height: 5rem;
}
.dsptb-list ul li dl i{
    position: absolute;
    display: block;
    bottom: 2rem;
    right: 2rem;
}


/*盈利模式*/
.dsptc{    
    background: url(../images/nds-ylbj.jpg) center bottom no-repeat;
    padding: 7rem 0;
}
.dsptc-img img{
    width: 100%;
}


/*平台模块*/
.dsptd{
    background: #242933;
    padding: 7rem 0;
}
.dsptd-list ul li{
    padding: 0 1rem 3rem;
}
.dsptd-list .prr{
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 50%);
    padding: 5rem 2rem 3rem;
    position: relative;
    margin-top: 2.5rem;
    height: 22rem;
}
.dsptd-list .img{
    position: absolute;
    top: -2.4rem;
    left: 50%;
    z-index: 9;
    margin-left: -2.4rem;
}
.dsptd-list dl{
    display: table;
    width: 100%;
}
.dsptd-list dl dt{
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.dsptd-list dl dd{
    color: #999;
    line-height: 2.5rem;
    float: left;
    width: 50%;
    margin: 0;
}
.dsptd-list dl.w1 dd{
    width: 100%;
}


/*后台模块*/
.dspte{
    padding: 7rem 0;
    background: url(../images/nds-ylbj.jpg) center center no-repeat;
}
.dspte-list ul li{
    padding: 0 1rem 3rem;
}
.dspte-list .prr{
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    padding: 5rem 2rem 3rem;
    position: relative;
    margin-top: 2.5rem;
    height: 22rem;
    background: #fff;
}
.dspte-list .img{
    position: absolute;
    top: -2.4rem;
    left: 50%;
    z-index: 9;
    margin-left: -2.4rem;
}
.dspte-list dl{
    display: table;
    width: 100%;
}
.dspte-list dl dt{
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.dspte-list dl dd{
    color: #797979;
    line-height: 2.5rem;
    margin: 0;
}


/*SEO优化*/
.tuiga{
    padding: 7rem 0;
}
.tuiga ul li{
    height: 24rem;
    background: url(../images/ntg-img01.png) center center no-repeat;
    border-radius: 50%;
}
.tuiga ul li:nth-child(2n){
    background: url(../images/ntg-img02.png) center center no-repeat;
}
.tuiga ul li dl{
    text-align: center;
    margin-top: 3rem;
}
.tuiga ul li dl dt{
    font-size: 3.2rem;
    position: relative;
    line-height: 4rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}
.tuiga ul li dl dt:before{
    content:"";
    background: #1249b7;
    width: 3rem;
    height: 4px;
    position: absolute;
    bottom: 0;
    border-radius: 5px;
    left: 50%;
    margin-left: -1.5rem;
}
.tuiga ul li dl dd{
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: #5a5a5a;
}


/*SEO四大介绍*/
.tuigb{
    background: url(../images/ntg-bj02.jpg) center center no-repeat;
    padding: 7rem 0;
}
.tuigb-bj{
    background: #fff;
    border-radius: 10px;
    padding: 4rem 3rem;
    position: relative;
}
.tuigb-bj dl i{
    display: block;
    font-style: inherit;
    font-size: 3.2rem;
    color: #1249b7;
    font-weight: bold;
}
.tuigb-bj dl dt{
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 4rem;
    margin: 2rem 0;
}
.tuigb-bj dl dd{
    color: #5a5a5a;
    font-size: 1.6rem;
}
.tuigb-bj.pra{
    margin-top: 3rem;
}
.tuigb-bj.pra dl dd{
    position: absolute;
    width: 500px;
    right: 10rem;
    top: 7rem;
    margin: 0;
}


/*底图标*/
.tuigc{
    background: url(../images/nxcx-bj03.jpg) center center no-repeat;
    padding: 7rem 0;
}
.tuigc ul li{
    text-align: center;
    border-right: 1px solid #d2d2d2;
    padding: 5rem 0;
}
.tuigc ul li:first-child{
    border-left: 1px solid #d2d2d2;    
}
.tuigc ul li p{
    font-size: 1.8rem;
    margin-top: 2rem;
}


/*运营外包*/
.yunyinga{
    background: url(../images/nxcx-bj01.jpg) center center no-repeat;
    padding: 7rem 0;
}
.yunyinga-p p{
    color: #797979;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem;
}


/*运营问题*/
.yunyingb{
    margin-top: 7rem;
}
.yunyingb-img{
    text-align: center;
}
.yunyingb ul{
    margin-top: 3rem;
}
.yunyingb ul li{
    padding: 0 1.5rem 2rem;
}
.yunyingb ul li .bj{
    background: #fff;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    padding: 2rem 3rem;
    display: table;
    width: 100%;
    border-left: 2px solid #fff;
}
.yunyingb ul li span{
    display: block;
    float: left;
    width: 48px;
}
.yunyingb ul li span img{
    width: 4.8rem;
}
.yunyingb ul li dl{
    float: left;
    width: 26rem;
    margin-left: 1rem;
}
.yunyingb ul li dl dt{
    font-size: 2.2rem;
    font-weight: 500;
}
.yunyingb ul li dl dd{
    font-size: 1.6rem;
    color: #797979;
    line-height: 2.5rem;
    height: 7.5rem;
}


/*运营服务项目*/
.yunyingc{
    background: url(../images/nyywb-bj01.png) top center no-repeat;
    padding: 16rem 0 16rem;
    margin-top: 7rem;
}
.yunyingc-list{
    background: #fff;
    border-radius: 5px;
    padding: 3rem;
    margin-bottom: 3rem;
}
.yunyingc-list .tb{
    font-size: 2.8rem;
    padding-left: 5rem;
}
.yunyingc-list .tb.tb01{
    background: url(../images/nyywb-tb07.png) left center no-repeat;
}
.yunyingc-list .tb.tb02{
    background: url(../images/nyywb-tb08.png) left center no-repeat;
}
.yunyingc-list .tb.tb03{
    background: url(../images/nyywb-tb09.png) left center no-repeat;
}
.yunyingc-list .tb.tb04{
    background: url(../images/nyywb-tb10.png) left center no-repeat;
}
.yunyingc-list .tb.tb05{
    background: url(../images/nyywb-tb11.png) left center no-repeat;
}
.yunyingc-list .tb.tb06{
    background: url(../images/nyywb-tb12.png) left center no-repeat;
}
.yunyingc-list .tb.tb07{
    background: url(../images/nyywb-tb13.png) left center no-repeat;
}
.yunyingc-list .wz{
    font-size: 1.6rem;
    color: #5a5a5a;
    margin-top: 2rem;
    line-height: 2.5rem;
    height: 7.5rem;
}


/*项目卖点*/
.yunyingd{
    margin-top: 7rem;
}
.yunyingd-img{
    text-align: center;
}


/*联系人*/
.yunyinge{
    background: url(../images/nyywb-bj04.jpg) center center no-repeat;
    padding: 7rem 0;
    margin-top: 7rem;
}
.yunyinge dl{
    background: #fff;
    padding: 3rem;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
}
.yunyinge dl dt{
    font-size: 3.2rem;
    font-weight: 500;
}
.yunyinge dl dd{
    font-size: 2rem;
    color: #5a5a5a;
}



/*新闻列表*/
.nnews{
    padding: 7rem 0;
}
.nnews .am-container{
    width: 1000px;
}
.nnews-nav{
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}
.nnews-nav span{
    display: block;
    float: left;
    font-size: 3.2rem;
}
.nnews-nav ul{
    float: right;
}
.nnews-nav ul li{
    float: left;
    width: 20rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    margin-left: 1rem;
}
.nnews-nav ul li a{
    font-size: 2rem;
    display: block;
    background: #f5f5f5;
}
.nnews-nav ul li:hover a,.nnews-nav ul li.on a{
    background: #1249b7;
    color: #fff;
}
.nnews-list ul li{
    display: table;
    margin: auto;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
}
.nnews-list ul li .bigimg{
    float: left;
    width: 250px;
    border: 1px solid #f2f2f2;
}
.nnews-list ul li .bigimg img{
    width: 100%;
    height: 180px;
}
.nnews-list ul li .bigimg:hover img{
    transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);    /* IE 9 */
    -webkit-transform: scale(1.05,1.05);    /* Safari 和 Chrome */
    -o-transform: scale(1.05,1.05); /* Opera */
    -moz-transform: scale(1.05,1.05);   /* Firefox */
}
.nnews-list ul li dl{
    float: right;
    width: 690px;
    position: relative;
    height: 180px;
}
.nnews-list ul li dl dt{
    font-size: 2rem;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    font-weight: 500;
}
.nnews-list ul li dl dd{
    color: #5a5a5a;
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-top: 1.5rem;
    height: 10rem;
    overflow: hidden;
}
.nnews-list ul li dl .tb{
    position: absolute;
    bottom: 0;
}
.nnews-list ul li dl .tb span{
    color: #b5b5b5;
    margin-right: 2rem;
}
.nnews-list ul li dl .tb span i{
    margin-right: 0.5rem;
}

/*新闻详情*/
.newsxq .bt{
    font-size: 2rem;
    text-align: center;
}
.newsxq .date{
    text-align: center;
    color: #999;
    margin-top: 5px;
}
.newsxq .con{
    border-top: 1px solid #e3e3e3;
    padding-top: 1rem;
    margin-top: 1rem;
    line-height: 2.5rem;
}



/*案例展示导航*/
.case-nav{
    padding: 2rem 0;
    position:relative;
    background: #fff;
}
.case-nav:before{
    content:"";
    background:url(../images/ngy-navbj.jpg) center center no-repeat;
    position:absolute;
    width:100%;
    height:50rem;
    top: -25px;
    z-index: -1;
}
.case-nav ul li{
    float: left;
    margin-left: 5rem;
    text-align: center;
}
.case-nav ul li:first-child{
    margin-left: 0;
}
.case-nav ul li p{
    color: #797979;
}

.case-list{
    padding-top: 3rem;
}
.case-list ul li{
    padding: 0 1.5rem 3rem;
}
.case-list ul li .pra{
    position: relative;
    overflow: hidden;
    height: 230px;
}
.case-list ul li .pra .img{
    position: relative;
    height: 100%;
}
.case-list ul li .pra:before{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    display: none;
    z-index:9;
}
.case-list ul li .img img{
    width: 100%;
    min-height: 100%;
}
.case-list ul li dl{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    padding: 3rem 0;
    margin-top: -6.5rem;
    display: none;
    z-index:99;
}
.case-list ul li dl:before{
    top: 0;
}
.case-list ul li dl:after{
    bottom: 0;
}
.case-list ul li dl:before,.case-list ul li dl:after{
    content:"";
    background: #a8a8a7;
    width: 10px;
    height: 2px;
    position: absolute;
}
.case-list ul li dl dt{
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
    line-height: 4rem;
}
.case-list ul li dl dd{
    font-size: 1.6rem;
    color: #fff;
    margin: 0;
    line-height: 3rem;
}
.case-list ul li a:hover dl,.case-list ul li a:hover .pra:before{
    display: block;
}
.case-list ul li .wz{
    padding: 2rem;
}
.case-list ul li .wz .bt{
    font-size: 2rem;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.case-list ul li .wz .brief{
    color: #797979;
    margin-top: 5px;
    line-height: 2.5rem;
    height: 5rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.case-list ul li a{
    display: block;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
    border-radius: 10px;
    overflow: hidden;
}
.case-list ul li a:hover .wz{
    background: #1249b7;
}
.case-list ul li a:hover .wz .bt{
    color: #fff;
}
.case-list ul li a:hover .wz .brief{
    color: #cfcfcf;
}
.case-pp{
    background: #f2f7fc;
    padding: 7rem 0;
}



/*案例详情*/
.casexqa{
    background: #efefef;
}
.casexqa .gsm{
    text-align: center;
    font-size: 3.6rem;
    padding: 4rem 0;
    color: #1249b7;
    font-weight: bold;
}
.casexqa .sjbj{
    width: 710px;
    height: 560px;
    background: url(../images/mac.png) center center no-repeat;
    margin: auto;
    padding: 37px 32px 159px 30px;
}
.casexqa .sjbj span{
    display: block;
    width: 100%;
    overflow: hidden;
    height: 363px;
}
.casexqa .sjbj span img{
    width: 100%;
}
.casexqb{
    padding: 5rem 0;
}
.casexq-jj dt{
    font-size: 2rem;
}
.casexq-jj dd{
    text-indent: 2em;
    line-height: 2.8rem;
    font-size: 1.6rem;
}
.casexq-li li{
    font-size: 1.6rem;
    display: table;
    width: 100%;
    margin-bottom: 1rem;
}
.casexq-li li span{
    display: block;
    float: left;
    width: 65px;
    text-align: right;
}
.casexq-li li a{
    text-decoration: underline;
}
.casexq-li li i{
    font-style: inherit;
}
.casexq-li li img{
    width: 120px;
    float: left;
}
.casexq-xgt{
    margin-top: 3rem;
}
.casexq-xgt .bt{
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.casexq-xgt .ckwz{
    margin-top: 2rem;
}
.casexq-xgt .ckwz a{
    width: 13rem;
    margin: 0 auto;
    text-align: center;
    background: #E8312E;
    color: #fff;
    clear: both;
    padding: 10px 0px;
    border-radius: 5px;
    font-size: 1.6rem;
    display: block;
}
/*上下页*/
 .Previous{border-top:1px dashed #ccc;margin-top: 2rem;padding-top: 1rem;}
 .Previous ul li{ height: 35px; line-height: 35px; color: #333; font-size: 14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 .Previous ul li a{ font-size: 14px; color: #333; }
 .Previous ul li a:hover{color: #1249b7;}
 .Previous ul li span{color: #1249b7;}


/*公众号代运营*/
.gzh-do-wrap{ width: 100%; padding-top: 60px; }
.gzh-do-box{ margin-top: 30px; }
.gzh-do-list{ width: 280px; box-shadow: 0 0 3px #dcdcdc; padding: 15px; overflow: hidden; float: left; height: 230px; margin-right: 26px; }
.gzh-do-lef{ width: 50%; float: left; margin-top: 50px; text-align: center; }
.gzh-do-lef .gzh-do-img{ width: 50px; height: 50px;  overflow: hidden; margin: 0 auto;}
.gzh-do-lef .gzh-do-img img{ width: 100%; display: block; }
.gzh-do-lef span{ font-size: 18px;margin-top: 13px;display: block; }
.gzh-do-rig{ width: 50%; float: left; margin-top: 15px; }
.gzh-do-rig p{ font-size: 14px; color: #595959; line-height: 3;}
.gzh-do-list:last-child{ margin-right: 0; }

.gzh-nt-wrap{ width: 100%; padding: 60px 0; overflow: hidden; height: 600px; background: url(../images/bg.jpg);}
.gzh-nt-box{ margin-top: 58px; }
.gzh-nt-list{ width: 20%; float: left; text-align: center; padding: 0 35px; }
.gzh-nt-list div{width: 120px; height: 120px; display: block; border-radius: 50%; text-align: center; font-size: 75px; margin: 0 auto; margin-bottom: 20px; margin-top: 55px;}
.gzh-nt-list div img{ width:100%;}
.gzh-nt-list span{ font-size: 18px; color: #fff; display: block; margin: 15px 0; }
.gzh-nt-list p{ font-size: 14px; color: #fff; line-height: 1.8; }

.gzh-ys-wrap{ width: 100%; padding: 60px 0; overflow: hidden;}
.gzh-ys-box{ margin-top: 30px; }
.gzh-ys-list{ width: 230px; height: 230px; border: 1px solid #cecece; float: left; margin-right: 12px; text-align: center; }
.gzh-ys-list:last-child{ margin-right: 0; }
.gzh-ys-list img{ display: block; width: 90px; margin: 0 auto; margin-top: 15px; }
.gzh-ys-list span{ font-size: 16px; color: #333; display: block; margin: 12px 0; }
.gzh-ys-list p{ font-size: 14px; color: #595959; padding: 0 25px; }

.gzh-tc-wrap{ width: 100%; padding: 60px 0; overflow: hidden; background: #f7f7f7;}
.gzh-tc-box{ margin-top: 30px; }
.gzh-tc-list{ width: 370px; float: left; background: #fff; height: 780px; margin-right: 45px; }
.gzh-tc-list .gzh-tc-top{ width: 366px; margin-left: 2px; background: #f7f7f7; margin-top: 2px; height: 170px; padding-top: 42px; padding-left: 20px; }
.gzh-tc-list .gzh-tc-top h1{ font-size: 32px; color: #333; font-weight: normal; }
.gzh-tc-list .gzh-tc-top p{ font-size: 14px; color: #595959; margin-top: 12px; }
.gzh-tc-list .gzh-tc-text{ height: 360px; }
.gzh-tc-list .gzh-tc-text p{ padding: 25px; font-size: 14px; color: #595959; line-height: 2; height: 470px; }
.gzh-tc-list .gzh-tc-text .jg{text-align: center;margin-bottom: 20px;font-size: 16px;}
.gzh-tc-list .gzh-tc-text .jg span{font-weight: bold;color: #f00;font-size: 34px;}
.gzh-tc-list .gzh-tc-text a{ display: block; width: 90%; height: 45px; text-align: center; line-height: 45px; border: 1px solid #e75921; margin:0 auto; color: #595959; font-size: 14px; }
.gzh-tc-list:last-child{ margin-right: 0; }

.gzh-al-wrap{padding-top: 60px;}
.gzh-list{display: table;margin: auto;}
.gzh-lb{margin-bottom: 50px;}
.gzh-lb .img{float: left;width: 330px;}
.gzh-lb .img img{width: 330px;}
.gzh-lb dl{float: left;margin-left: 50px;margin-top: 160px;width: 490px;}
.gzh-lb dl dt{font-size: 24px;margin-bottom: 20px;}
.gzh-lb dl dd{font-size: 16px;color: #666;line-height: 30px;}
.gzh-lb dl dd span{color: #333;}
.gzh-lb:nth-child(2n) .img{float: right;}
.gzh-lb:nth-child(2n) dl{margin-left: 0;margin-right: 50px;}

.gzh-tit{text-align: center;margin-bottom: 40px;}
.gzh-tit p{ font-size: 14px; color: #595959; position: relative; left: 0; margin-bottom: 10px; }
.gzh-tit p:before{ content: ""; width: 40px; height: 1px; background: #595959; display: block; float: left; margin-top: 10px; margin-right: 15px;display: none;}
.gzh-tit h1{ font-size: 32px; font-weight: normal; }
.gzh-fff p,.gzh-fff h1{color: #fff;}
.gzh-fff p:before{background: #fff;}

.gzh-fwlc{padding-top: 60px;}
.gzh-fwlc ul{margin-top: 30px;margin-left: -1rem;margin-right: -1rem;}
.gzh-fwlc ul li{padding: 0 1rem;}
.gzh-fwlc ul li .bj{background: #f9f9f9;border-radius: 10px;padding: 8rem 0;}
.gzh-fwlc ul li .bj img{display: table;margin: auto;width: 60px;}
.gzh-fwlc ul li .bj dl{text-align: center;margin-top: 2rem;}
.gzh-fwlc ul li .bj dl dt{color: #1249b7;font-size: 2rem;font-weight: 500;}
.gzh-fwlc ul li .bj dl dd{font-size: 2rem;margin: 0;color: #666;}


/*微商城代运营*/
.ecshop-fw-wrap{ width: 100%; padding: 60px 0; overflow: hidden;}
.ecshop-ser-box{ margin-top:40px;}
.ecshop-ser-l{ width:30%; height: 105px; float:left; margin-right:5%; display:flex; background:#fff; box-shadow:0 0 10px #dcdcdc; margin-bottom:25px; padding:10px;}
.ecshop-ser-l:nth-child(3n+0){ margin-right:0;}
.ecshop-ser-img{ width:30%; text-align:center;}
.ecshop-ser-text{ width:70%;}
.ecshop-ser-text span{ display:block; font-size:18px; color:#000; margin-top:12px; margin-bottom:10px;}
.ecshop-ser-text p{ font-size:14px; color:#595959;}

.ecshop-do-wrap{ width: 100%; padding: 60px 0; overflow: hidden; background: #f7f7f7;}
.ecshop-sx-span{ width: 100%; overflow: hidden; margin-top: 40px;}
.ecshop-sx-span span{ display: block; float: left; width: 25%; text-align: center; height: 80px; line-height: 80px; font-size: 18px; color: #595959; cursor: pointer; }
.ecshop-sx-span span.ecshop-sx-spancur{ border-bottom: 2px solid #db5724; color: #db5724; }
.ecshop-sx-box{ width: 100%; height: 500px; background: #fff; overflow: hidden; display: none; }
.ecshop-sx-img{ width: 40%; float: left; margin-top: 30px; margin-left:30px; }
.ecshop-sx-img img{ display: block; width: 100%; }
.ecshop-sx-con{ width: 55%; float: right; margin-top: 100px; }
.ecshop-sx-con h4{ font-size: 20px; color: #595959; font-weight: normal; }
.ecshop-sx-con p{ font-size: 16px; color: #a4a6b3; text-align:left; }
.ecshop-sx-icon{ padding: 30px 0; width: 80%; overflow: hidden; border-top: 1px dashed #dcdcdc;border-bottom: 1px dashed #dcdcdc; margin-top: 50px;}
.sx-icon{ width: 105px; float: left; text-align: center; }
.sx-icon-img{ width: 48px; height: 48px; overflow: hidden; margin:0 auto; }
.sx-icon-img img{ width: 100%; display: block; }
.sx-icon p{ text-align: center; margin-top: 8px; }

.ecshop-case-wrap{ width: 100%; padding: 60px 0; overflow: hidden; background: url(../images/ecshop-bg.png) no-repeat center;}
.ecshop-case-span{ display: flex; width: 100%; overflow: hidden; margin-top: 30px; }
.ecshop-case-span span{ width: 20%; text-align: center; font-size: 16px; color: #fff; line-height: 80px; }
.ecshop-case-span span.ecshop-case-spancur{ border-bottom:2px solid #fff; }
.ecshop-case-xq{ width: 100%; overflow: hidden; display: none; }
.ecshop-case-img{ width: 30%; float:left; margin-top: 55px; margin-left: 5%; }
.ecshop-case-img img{ display: block; width: 100%; }
.ecshop-case-rig{ width: 55%; margin-right: 5%; float: right; margin-top: 85px; }
.ecshop-case-logo{ width: auto; height: 55px; }
.ecshop-case-logo img{ display: block; height: 55px; }
.ecshop-case-fl{ margin-top: 30px; overflow: hidden; }
.ecshop-case-fl span{ display: block; float: left; padding: 2px 15px; margin-right: 8px; border:1px solid #9a9a9a; border-radius: 15px; color: #9a9a9a; font-size: 12px; }
.ecshop-case-rig p{ font-size: 18px; color: #dcdcdc; text-align: left; margin-top: 30px; line-height: 200%; }
.ecshop-case-bom{ width: 65%; display: flex; margin-top: 50px; }
.ecshop-case-bombox{ text-align: center; border-right:1px solid #9a9a9a; padding:0 50px }
.ecshop-case-bombox span{ color: #dcdcdc; font-size: 32px; }
.ecshop-case-bombox p{ text-align: center; font-size: 14px; color: #9a9a9a; margin-top: 0; margin-top: 8px; }

.xhs-yt-wrap,.ecshop-lb-wrap{ width:100%; background:#f8f9fd; padding:75px 0; overflow:hidden;}
.xhs-zb-l{ width:40%; float:left; margin-top:155px;}
.xhs-zb-l h2{ font-weight:normal; margin-bottom:10px;}
.xhs-zb-l p{ color:#595959; line-height:180%;}
.xhs-zb-r{ width:60%; float:right; max-width:632px;}
.xhs-zb-r img{ width:100%;}
.xhs-zb-wrap{ width:100%; padding:75px 0; overflow:hidden;}
.xhs-zb-wrap .xhs-zb-l{ float:right;}
.xhs-zb-wrap .xhs-zb-r{ float:left; max-width:533px;}
.ecshop-lb-wrap{ width:100%; padding:75px 0; overflow:hidden;}
.ecshop-lb-wrap .xhs-zb-l{ float:left;}
.ecshop-lb-wrap .xhs-zb-r{ float:right; max-width:600px;}


/*网络托管*/
.wltg1{
    padding: 5% 0px;
    text-align: center;
}
.wltg1-title dd{
    color: #2f3140;
    font-size: 36px;
    font-weight: bold;
}
.wltg1-title p{
    color: #2f3140;
    font-size: 18px;
    margin: 10px 0;
}
.wltg1-title span{
    color: #ff7800;
    font-size: 25px;
    font-weight: bold;
    display: block;
    margin-bottom: 5%;
}
.wltg1-con li{
    color: #2f3140;
    float: left;
    font-size: 18px;
    line-height: 35px;
}
.wltg1-con .jiantou{
    vertical-align: middle;
    height: 176px;
    line-height: 176px;
    margin: 0 40px;
}
.wltg2{
    background-color: #f7f7f7;
    background-image: url(../images/wltg2-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom 70px;
    min-height: 600px;
}
.wltg2-con{
    color: #ff7800;
    font-size: 18px;
    position: relative;
}
.wltg2-con li{
    float: left;
    position: absolute;
    line-height: 50px;
list-style: none;} 
.wltg2-con li:nth-child(1) span,.wltg2-con li:nth-child(2) span{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ff7800;
    border-radius: 10px;
    margin-left: 30px;
    float: right;
}
.wltg2-con li:nth-child(3) span,.wltg2-con li:nth-child(4) span{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ff7800;
    border-radius: 10px;
    margin-right: 30px;
    float: left;
}
.wltg2-con li:nth-child(1){
    left: 195px;
    top: 45px;
} 
.wltg2-con li:nth-child(2){
    left: 123px;
    top: 160px;
}
.wltg2-con li:nth-child(3){
    right: 177px;
    top: 45px;
} 
.wltg2-con li:nth-child(4){
    right: 195px;
    top: 160px;
} 
.xcx1-title{
    padding:55px 0;
}
.xcx1-title img{display: block;margin:0 auto;}


.wltg3{
    padding-bottom: 5%;
}
.wltg3-con{
    color: #5e5e5e;
    
}
.wltg3-con thead{
    background: #00a5e4;
}
.wltg3-con thead th{
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 100px;
    height: 100px;
    vertical-align:middle !important;
    border-right-color: #fff !important;
}
.wltg3-con tbody>tr>td{
    height: 86px;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    min-width: 150px;
border: 1px solid #ddd;}
.wltg3-con-right{
    background: #fff;
    vertical-align: middle;
    color: #00a5e4;
}
.wltg3-con-right font{
    font-size: 41px;
}
.wltg3-con-bootom{
    background: #00a5e4;
    color: #fff;
    height: 100px;
    vertical-align: middle !important;
    font-size: 16px;
    font-weight: normal;
}
.tuijian{
    background-image: url(http://dginfo128.test.dginfo.com/t/d/dginfo128/pc/images/xcx8-top.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.wltg4{
    background: #f7f7f7;
    padding-bottom: 5%;
}
.wltg4 dd{
    text-align: center;
    height: 110px;
    font-size: 18px;
    font-weight: bold;
    line-height: 110px;
}
.wltg4 dd:nth-child(2){
    background: url(../images/wltg4-1.png) center no-repeat;
}
.wltg4 dd:nth-child(3){
    background: url(../images/wltg4-2.png) center no-repeat;
}
.wltg4 dd:nth-child(4){
    background: url(../images/wltg4-3.png) center no-repeat;
}
.wltg4 dd:nth-child(5){
    background: url(../images/wltg4-4.png) center no-repeat;
}
.wltg4 dd:nth-child(6){
    background: url(../images/wltg4-5.png) center no-repeat;
}





/*超级二维码*/
.cjewma{
    padding: 15rem 0;
    background: url(../images/cjewm-bj01.png) center center no-repeat;
}
.cjewma-img img{
    width: 100%;
}
.cjewma-list ul li{
    display: flex;
    margin-top: 2rem;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 2rem;
}
.cjewma-list ul li:first-child{
    margin-top:0;
}
.cjewma-list ul li span{
    min-width: 7rem;
}
.cjewma-list ul li span img{
    width: 90%;
}
.cjewma-list ul li dl{
    margin-left: 2rem;
}
.cjewma-list ul li dl dt{
    font-size: 2rem;
}
.cjewma-list ul li dl dd{
    font-size: 1.6rem;
}
.cjewmb{
    background: #0d1b38;
    padding: 15rem 0;
}
.cjewmb-list .bj{
    border: 1px solid #1077fd;
    padding: 5rem 3rem;
    display: flex;
}
.cjewmb-list .bj span{
    min-width: 4.4rem;
    display: block;
    width: 4.4rem;
}
.cjewmb-list .bj span img{
    width: 100%;
}
.cjewmb-list .bj dl{
    color: #fff;
    margin-left: 2rem;
}
.cjewmb-list .bj dl dt{
    font-size: 2rem;
}
.cjewmb-list .bj dl dd{
    line-height: 2.5rem;
    height: 5rem;
}
.cjewmb-list .bj span.tb01{
    background: url(../images/cjewm-tb05.png) top center no-repeat;
}
.cjewmb-list .bj span.tb02{
    background: url(../images/cjewm-tb06.png) top center no-repeat;
}
.cjewmb-list .bj span.tb03{
    background: url(../images/cjewm-tb07.png) top center no-repeat;
}
.cjewmb-list .bj span.tb04{
    background: url(../images/cjewm-tb08.png) top center no-repeat;
}
.cjewmb-list .bj span.tb05{
    background: url(../images/cjewm-tb05.png) top center no-repeat;
}
.cjewmb-list .bj span.tb06{
    background: url(../images/cjewm-tb05.png) top center no-repeat;
}
.cjewmb-list .bj span.tb07{
    background: url(../images/cjewm-tb09.png) top center no-repeat;
}
.cjewmb-list .bj span.tb08{
    background: url(../images/cjewm-tb10.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb01{
    background: url(../images/cjewm-tb05on.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb02{
    background: url(../images/cjewm-tb06on.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb03{
    background: url(../images/cjewm-tb07on.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb04{
    background: url(../images/cjewm-tb08on.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb05{
    background: url(../images/cjewm-tb05on.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb06{
    background: url(../images/cjewm-tb05on.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb07{
    background: url(../images/cjewm-tb09on.png) top center no-repeat;
}
.cjewmb-list .bj:hover span.tb08{
    background: url(../images/cjewm-tb10on.png) top center no-repeat;
}
.cjewmb-list .bj:hover{
    background: url(../images/cjewm-bj02.png) right bottom no-repeat #1077fd;
}

.cjewmc{
    padding: 15rem 0;
}
.cjewmc-list{
    background: #f7faff;
}
.cjewmc-list ul li{
    height: 257px;
}
.cjewmc-list ul li:nth-of-type(4n+1){
    clear:none;
}
.cjewmc-list ul li .bj{
    padding: 7.3rem 3rem;
}
.cjewmc-list ul li:hover{
    background: #1077fd;
}
.cjewmc-list ul li span{
    display: block;
    width: 6rem;
    height: 6rem;
    margin: auto;
    background-size: contain;
}
.cjewmc-list ul li span.tb01{
    background: url(../images/cjewm-tb11.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb02{
    background: url(../images/cjewm-tb12.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb03{
    background: url(../images/cjewm-tb13.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb04{
    background: url(../images/cjewm-tb14.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb05{
    background: url(../images/cjewm-tb15.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb06{
    background: url(../images/cjewm-tb16.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb07{
    background: url(../images/cjewm-tb17.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb08{
    background: url(../images/cjewm-tb18.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb09{
    background: url(../images/cjewm-tb19.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li span.tb10{
    background: url(../images/cjewm-tb20.png) center center no-repeat;
    background-size: contain;
}
.cjewmc-list ul li:hover span.tb01{
    background: url(../images/cjewm-tb11on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb02{
    background: url(../images/cjewm-tb12on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb03{
    background: url(../images/cjewm-tb13on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb04{
    background: url(../images/cjewm-tb14on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb05{
    background: url(../images/cjewm-tb15on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb06{
    background: url(../images/cjewm-tb16on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb07{
    background: url(../images/cjewm-tb17on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb08{
    background: url(../images/cjewm-tb18on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb09{
    background: url(../images/cjewm-tb19on.png) center center no-repeat;
}
.cjewmc-list ul li:hover span.tb10{
    background: url(../images/cjewm-tb20on.png) center center no-repeat;
}
.cjewmc-list ul li p{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 2rem;
    line-height: 3rem;
}
.cjewmc-list ul li:hover p{
    color: #fff;
}
.cjewmc-list ul li.w50{
    width: 50%;
}
.cjewmc-list ul li.w50 img{
    height:257px;
    display:
    block;
    width: 100%;
}

.cjewmd{
    background: #0d1b38;
    padding: 15rem 0;
}
.cjewmd-list ul li{
    position: relative;
}
.cjewmd-list ul li .wz{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cjewmd-list ul li:hover img{
    transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);    /* IE 9 */
    -webkit-transform: scale(1.05,1.05);    /* Safari 和 Chrome */
    -o-transform: scale(1.05,1.05); /* Opera */
    -moz-transform: scale(1.05,1.05);   /* Firefox */
}
.cjewmd-list ul li .wz p{
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    padding: 0 7rem;
    text-align: center;
}

.cjewme{
    padding: 15rem 0;
}
.cjewme-bg .wzbt{
    background: #1077fd;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 3rem;
    padding: 2rem;
    line-height: 4rem;
}
.cjewme-bg .wzbt.hs{
    background: #4f4f4f;
}
.cjewme-bg .wzdl{
    border: 1px solid #e5e5e5;
    border-top: 0;
}
.cjewme-bg .wzdl dl{
    border-top: 1px solid #e5e5e5;
    padding: 2rem;
}
.cjewme-bg .wzdl dl:first-child{
    border-top:0;
}
.cjewme-bg .wzdl dl dt{
    font-size: 1.6rem;
}
.cjewme-bg .wzdl dl dd{
    margin: 0;
    color: #666;
}
.cjewme-vs{
    font-size: 5rem;
    font-weight: bold;
    text-align: center;
    color: #000;
}




 @media (max-width:1024px){
    /*通用*/
    .ntit .t1{
        font-size: 2.8rem;
    }
    .dsptb,.nhyfa,.nwzfa,.nwzfw,.nalzs,.xiaocxb,.dspta,.yunyingb,.yunyingd,.yunyinge{
        margin-top: 5rem;
    }

    /*网站服务*/
    .nwzfwlist{
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .nwzfwlist ul li{
        padding: 0 1rem;
    }
    .nwzfwlist ul li .bj{
        padding: 1rem;
        margin-bottom: 2rem;
    }
    .nwzfwlist ul li p i{
        font-size: 1.4rem;
        line-height: 2.5rem;
        height: 5rem;
    }

     /*企业官网版本介绍*/
    .qygwa{
        padding: 5rem 0;
        margin-top: 5rem;
    }
    .qygwa-list{
        margin-bottom:2rem;
    }
    .qygwa-list .bt01{
        background: url(../images/ngw-bj01.png) center center no-repeat;
        background-size: cover;
    }
    .qygwa-list .bt01:before{
        content:"01";
        position:absolute;
        right: 1rem;
        opacity: .2;
        font-size: 3.2rem;
        font-weight: bold;
        line-height: 4rem;
        height: 4rem;
        top: 50%;
        margin-top: -2rem;
    }
    .qygwa-list .bt02{
        background: url(../images/ngw-bj02.png) center center no-repeat;
        background-size: cover;
    }
    .qygwa-list .bt02:before{
        content:"02";
        position:absolute;
        right: 1rem;
        opacity: .2;
        font-size: 3.2rem;
        font-weight: bold;
        line-height: 4rem;
        height: 4rem;
        top: 50%;
        margin-top: -2rem;
    }
    .qygwa-list .bt03{
        background: url(../images/ngw-bj03.png) center center no-repeat;
        background-size: cover;
    }
    .qygwa-list .bt03:before{
        content:"03";
        position:absolute;
        right: 1rem;
        opacity: .2;
        font-size: 3.2rem;
        font-weight: bold;
        line-height: 4rem;
        height: 4rem;
        top: 50%;
        margin-top: -2rem;
    }
    .qygwa-list .qygwa-lan ul li{
        float: left;
        width: 50%;
        background: url(../images/ngw-tb05.png) left center no-repeat;
        padding-left: 2rem;
        line-height: 4rem;
        color: #5a5a5a;
    }
    .qygwa-list .qygwa-red {
        border-top: 1px solid #ebebeb;
        padding-top: 1rem;
        margin-top: 1rem;
    }
    .qygwa-list .qygwa-red ul li{
        float: left;
        width: 33.33%;
        background: url(../images/ngw-tb06.png) left center no-repeat;
        padding-left: 2rem;
        line-height: 4rem;
        color: #5a5a5a;
    }
    .qygwa-list .qygwa-red ul li.w6{
        width: 66.33%;
    }


    /*精品案例*/
    .qygwc{
        background: #fafafa;
        padding: 7rem 0;
        margin-top: 7rem;
    }
    .qygwc-list ul li{
        margin-top: 3rem;
        display: table;
        width: 100%;
    }
    .qygwc-list ul li .img{
        background: url(../images/ngw-img01.png) center center no-repeat;
        width: 100%;
        height: auto;
        background-size: contain;
        display: block;
        padding: 1rem 6rem 10rem;
    }
    .qygwc-list ul li .img img{
        position: relative;
        left: 0;
        top: 2rem;
    }
    .qygwc-list ul li dl{
        float: right;
        width: 100%;
        margin-top: 3rem;
    }
    .qygwc-list ul li dl dd{
        margin-top: 1rem;
    }
    .qygwc-list ul li dl a{
        width: 40%;
    }


    /*企业网站解决方案*/
    .nwzfa{
        background: url(../images/nzsx-bj01.jpg) center center no-repeat;
        background-size: cover;
    }
    .nwzfa-list ul li{
        width: 100%;
        padding: 3rem;
    }
    .nwzfa-list ul li:first-child{
        margin-top: 0;
    }
    .nwzfa-list ul li i{
        float: inherit;
        margin: auto;
    }
    .nwzfa-list ul li dl{
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
    .nwzfa-list ul li dl dt{
        text-align: center;
    }

    /*网站案例展示*/
    .nalzs{
        background: url(../images/nyxx-bj01.jpg) center center no-repeat;
        padding: 7rem 0;
        background-size: cover;
    }
    .nalzs-list ul li{
        padding: 0 1rem 3rem;
    }
    .nalzs-list ul li .pra{
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: auto;
    }
    .nalzs-list ul li .pra .img{
        height: 25rem;
        overflow: hidden;
    }
    .nalzs-list ul li .pra:before{
        display: none;
    }
    .nalzs-list ul li dl{
        position: relative;
        top: 0;
        width: 100%;
        padding: 0;
        margin-top: 0;
        display: block;
        background: #fff;
    }
    .nalzs-list ul li dl:before{
        top: 0;
    }
    .nalzs-list ul li dl:after{
        bottom: 0;
    }
    .nalzs-list ul li dl:before,.nalzs-list ul li dl:after{
        display: none;
    }
    .nalzs-list ul li dl dt{
        font-size: 1.6rem;
        color: #333;
        line-height: 2.5rem;
        padding: 1rem;
        height: 7rem;
        overflow: hidden;
    }
    .nalzs-list ul li dl dd{
        font-size: 1.6rem;
        color: #fff;
        margin: 0;
        line-height: 3rem;
    }
    .nalzs-list ul li a:hover dl,.nalzs-list ul li a:hover .pra:before{
        display: block;
    }

     /*功能亮点*/
    .qygwb{
        margin-top: 5rem;
    }
    .qygwb-list ul li{
        margin-bottom: 3rem;
    }

     /*网站服务*/
    .nwzfwlist ul li{
        padding: 0 1rem;
    }
    .nwzfwlist ul li .bj{
        padding: 1rem;
    }
    .nwzfwlist ul li span{
        display: table;
        margin: auto;
        background: #fff;
        padding: 2rem;
        border-radius: 50%;
    }
    .nwzfwlist ul li p{
        font-size: 1.6rem;
        height: 7.6rem;
    }
    .nwzfwlist ul li p i{
        display:block;
        color: #98a3b7;
        font-size: 1.6rem;
        font-style: inherit;
    }

     /*品牌网站我们的服务*/
    .ppwza{
        background: url(../images/nyxx-bj01.jpg) center center no-repeat;
        padding: 5rem 0;
        background-size: cover;
    }
    .ppwza-list ul li{
        padding: 1.5rem;
    }
    .ppwza-list .ppwza-fff{
        padding: 2rem;
    }
    .ppwza-list dl dd{
        height: auto;
    }

     /*小程序页面介绍*/
    .xiaocxa{
        background: url(../images/nxcx-bj01.jpg) center bottom no-repeat;
        padding: 5rem 0;
        background-size: cover;
    }
    .xiaocxa-list li{
        padding: 0 1.5rem 3rem;
    }
    .xiaocxa-list li .xiaocxa-fff{
        padding: 2rem 1rem;
    }
    .xiaocxa-list li img{
        float: inherit;
        width: 8rem;
        margin: auto;
    }
    .xiaocxa-list li dl{
        margin-left: 0;
        width: 100%;
        margin-top: 1rem;
    }
    .xiaocxa-list li dl dt{
        font-size: 1.8rem;
        text-align: center;
    }
    .xiaocxa-list li dl dd{
        height: 7.5rem;
    }
     .tuigd  li dl dt{
        line-height: 3rem;
        height: 9rem;
    }

     /*小程序行业*/
    .xiaocxc{
        background: url(../images/nxcx-bj02.jpg) center center no-repeat;
        padding: 5rem 0;
        margin-top: 3rem;
        background-size: cover;
    }

     /*小程序案例*/
    .xiaocxd{
        background: url(../images/nxcx-bj03.jpg) center center no-repeat;
        padding: 5rem 0;
        background-size: cover;
    }
    .xiaocxd-list ul li .prr{
        margin-bottom: 2rem;
    }

     /*电商平台*/
    .dspta-list .bj{
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .dspta-list .tb{
        float: inherit;
        width: 95px;
        margin: auto;
    }
    .dspta-list .tb img{
        width: 9rem;
    }
    .dspta-list dl{
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
    .dspta-list dl dt{
        text-align: center;
    }

     /*平台定位*/
    .dsptb{
        padding: 5rem 0;
    }
    .dsptb-img{
        text-align: center;
    }
    .dsptb-list{
        margin-top: 3rem;
    }
    .dsptb-list ul li{
        padding: 0 1rem 2rem;
    }
    .dsptb-list ul li dl{
        padding: 1rem 2rem 3.5rem 1rem;
    }
    .dsptb-list ul li dl dd{
        color: #797979;
        line-height: 2.5rem;
        height: 7.5rem;
    }
    .dsptb-list ul li dl i{
        position: absolute;
        display: block;
        bottom: 2rem;
        right: 2rem;
    }


     /*平台模块*/
    .dsptd{
        padding: 5rem 0 3rem;
    }    
    .dspte{
        padding: 5rem 0;
        background: url(../images/nds-ylbj.jpg) center center no-repeat;
        background-size: cover;
    }


    /*SEO优化*/
    .tuiga{
        padding: 5rem 0;
    }
    .tuiga ul li{
        height: auto;
        background: none;
        border-radius: 0;
        padding: 1rem;
    }
    .tuiga ul li:nth-child(2n){
        background: none;
    }
    .tuiga ul li dl{
        text-align: center;
        margin-top: 0;
        border: 1px solid #1249b7;
        height: 21rem;
        padding: 2rem;
    }


    /*SEO四大介绍*/
    .tuigb{
        background: url(../images/ntg-bj02.jpg) center center no-repeat;
        padding: 5rem 0;
        background-size: cover;
    }
    .tuigb-bj{
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .tuigb-bj.pra{
        margin-top: 0;
    }
    .tuigb-bj.pra dl dd{
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        margin: 0;
    }

    /*底图标*/
    .tuigc{
        background: url(../images/nxcx-bj03.jpg) center center no-repeat;
        padding: 5rem 0;
        background-size: cover;
    }
    .tuigc ul li{
        text-align: center;
        border-right: 0;
        padding: 5rem 0;
    }
    .tuigc ul li:first-child{
        border-left: 0    
    }
    .tuigc ul li:nth-child(3),.tuigc ul li:nth-child(4){
        border-top: 1px solid #d2d2d2;    
    }
     .tuigc ul li:nth-child(2n){
        border-left: 1px solid #d2d2d2;    
    }


     /*运营外包*/
    .yunyinga{
        background: url(../images/nxcx-bj01.jpg) center center no-repeat;
        padding: 5rem 0;
        background-size: cover;
    }
    .yunyinga-p p{
        color: #797979;
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 1rem;
    }


     /*运营问题*/
    .yunyingb-img{
        text-align: center;
    }
    .yunyingb ul{
        margin-top: 3rem;
    }
    .yunyingb ul li{
        padding: 0 1rem 2rem;
    }
    .yunyingb ul li .bj{
        padding: 2rem 1rem;
    }
    .yunyingb ul li span{
        display: block;
        float: inherit;
        width: 5rem;
        height: 5rem;
        margin: auto;
    }
    .yunyingb ul li dl{
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
    .yunyingb ul li dl dt{
        font-size: 1.8rem;
        text-align: center;
    }
    .yunyingb ul li dl dd {
        height: 12.5rem;
    }


    /*运营服务项目*/
    .yunyingc{
        background: #1249b7;
        padding: 5rem 0;
        margin-top: 0;
        background-size: cover;
    }
    .yunyingc-list{
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .yunyingc-list .wz{
        height: auto;
    }

     /*联系人*/
    .yunyinge{
        background: url(../images/nyywb-bj04.jpg) center center no-repeat;
        padding: 4rem 0;
        background-size: cover;
    }
    .yunyinge dl{
        padding: 2rem;
        margin: 1rem 0;
    }


     /*新闻列表*/
    .nnews{
        padding: 5rem 0;
    }
    .nnews .am-container{
        width: 100%;
    }
    .nnews-nav span{
        display: block;
        float: left;
        font-size: 3.2rem;
        width: 100%;
    }
    .nnews-nav ul{
        float: right;
        width: 100%;
        margin-top: 2rem;
    }
    .nnews-nav ul li{
        float: left;
        width: 32%;
        height: 6rem;
        line-height: 6rem;
        text-align: center;
        margin-left: 2%;
    }
    .nnews-nav ul li:first-child{
    margin-left: 0;
}
    .nnews-nav ul li a{
        font-size: 1.8rem;
        display: block;
        background: #f5f5f5;
    }
    .nnews-nav ul li:hover a,.nnews-nav ul li.on a{
        background: #1249b7;
        color: #fff;
    }
    .nnews-list ul li{
        margin: auto;
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        float: left;
        display: block;
    }
    .nnews-list ul li .bigimg{
        width: 100%;
    }
    .nnews-list ul li .bigimg img{
        height: auto;
    }
    .nnews-list ul li dl{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .nnews-list ul li dl dt{
        font-size: 1.8rem;
        text-overflow: clip;
        white-space: inherit;
        line-height: 3rem;
        height: 6rem;
    }
    .nnews-list ul li dl dd{
        max-height: 10rem;
        height: auto;
    }
    .nnews-list ul li dl .tb{
        position: relative;
        margin-top: 1rem;
    }
    
    /*新闻详情*/
    .newsxq .date{
        margin-top: 1rem;
    }

     /*上下页*/
    .Previous ul li{height: 3.5rem;line-height: 3.5rem;font-size: 1.4rem;}
    .Previous ul li a{font-size: 1.4rem;}


     /*案例展示导航*/
    .case-nav{
        padding: 2rem 0 0;
    }
    .case-nav:before{
        content:"";
        background:url(../images/ngy-navbj.jpg) center center no-repeat;
        position:absolute;
        width:100%;
        height:50rem;
        top: -25px;
        z-index: -1;
    }
    .case-nav ul li{
        margin-left: 0;
        width: 25%;
        margin-bottom: 2rem;
    }
    .case-nav ul li img{
    width: 5rem;
}
    .case-nav ul li p{
        margin-top: 1rem;
    }
    
    .case-list{
        padding-top: 3rem;
    }
    .case-list ul li{
        padding: 0 1.5rem 3rem;
    }
    .case-list ul li .pra{
        height: 20rem;
    }
    .case-list ul li .pra .img{
        position: relative;
        height: 100%;
    }
    .case-list ul li .pra:before{
        content:"";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgb(0 0 0 / 50%);
        display: none;
        z-index:9;
    }
    .case-list ul li .img img{
        width: 100%;
        min-height: 100%;
    }
    .case-list ul li dl{
        display: none;
    }
    .case-list ul li dl:before{
        top: 0;
    }
    .case-list ul li dl:after{
        bottom: 0;
    }
    .case-list ul li dl:before,.case-list ul li dl:after{
        content:"";
        background: #a8a8a7;
        width: 10px;
        height: 2px;
        position: absolute;
    }
    .case-list ul li dl dt{
        font-size: 2rem;
        color: #fff;
        font-weight: 500;
        line-height: 4rem;
    }
    .case-list ul li dl dd{
        font-size: 1.6rem;
        color: #fff;
        margin: 0;
        line-height: 3rem;
    }
    .case-list ul li a:hover dl,.case-list ul li a:hover .pra:before{
        display: none;
    }
    .case-list ul li .wz{
        padding: 1rem;
    }
    .case-list ul li .wz .bt{
        font-size: 1.8rem;
        text-overflow: inherit;
        white-space: inherit;
        line-height: 3rem;
        height: 6rem;
    }
    .case-list ul li .wz .brief{
        height: auto;
        -webkit-line-clamp: 3;
    }
    .case-pp{
        padding: 5rem 0;
        margin-top: 5rem;
    }

     /*案例详情*/
    .casexqa .gsm{
        font-size: 2.6rem;
    }
    .casexqa .sjbj{
        width: 100%;
        height: auto;
        background: none;
        padding: 0;
    }
    .casexqa .sjbj span{
        height: 20rem;
    }
    .casexqb{
        padding: 5rem 0;
    }
    .casexq-li{
        margin-top:2rem;
    }
    .casexq-li li{
        font-size: 1.6rem;
        display: table;
        width: 100%;
        margin-bottom: 1rem;
    }
    .casexq-li li span{
        width: 20%;
    }
    .casexq-li li a{
        text-decoration: underline;
    }
    .casexq-li li img{
        width: 12rem;
    }
    .casexq-xgt{
        margin-top: 2rem;
    }
    .casexq-xgt .ckwz a{
        width: 40%;
    }



    /*公众号代运营*/
    .gzh-do-wrap{  padding-top: 5rem; }
    .gzh-do-box{ margin-top: 3rem; }
    .gzh-do-list{ width: 100%;  padding: 2rem;   height: auto; margin-right: 0; margin-bottom: 3rem;}    
    .gzh-do-lef{ width: 100%;  margin-top: 0;  }
    .gzh-do-lef .gzh-do-img{ width: 6rem; height: 6rem;   }    
    .gzh-do-lef span{ font-size: 2rem;margin-top: 1rem; }
    .gzh-do-rig{   margin-top: 1rem; width: 100%;}
    .gzh-do-rig p{ font-size: 1.6rem;  line-height: 3rem;float: left;width: 50%;}
    .gzh-do-list:last-child{ margin-bottom: 0; }

    .gzh-nt-wrap{  padding: 5rem 0; height: auto;background: url(../images/bg.jpg);background-size: cover;}
    .gzh-nt-box{ margin-top: 3rem; }
    .gzh-nt-list{ width: 50%;padding: 0 1rem; }
    .gzh-nt-list div{width: 12rem;height: 12rem;font-size: 7rem;margin-bottom: 2rem; margin-top: 0;}
    .gzh-nt-list div img{ width:100%;}
    .gzh-nt-list span{ font-size: 1.8rem;margin: 1.5rem 0 0rem; }
    .gzh-nt-list p{ font-size: 1.4rem;line-height: 2.5rem; }

    .gzh-ys-wrap{  padding: 5rem 0 3rem; }
    .gzh-ys-box{ margin-top: 30px; }
    .gzh-ys-list{ width: 48%; height: auto;   margin-right: 4%;  margin-bottom: 2rem;padding-bottom: 2rem;}
    .gzh-ys-list:nth-child(2n){margin-right: 0;}
    .gzh-ys-list:last-child{ margin-right: 0; }
    .gzh-ys-list img{  width: 6rem;  margin-top: 2rem; }
    .gzh-ys-list span{ font-size: 1.6rem;   margin: 1rem 0; }
    .gzh-ys-list p{ font-size: 1.4rem;  padding: 0 1rem; line-height: 2rem;height: 6rem;overflow: hidden;}

    .gzh-tc-wrap{ width: 100%; padding: 60px 0; overflow: hidden; background: #f7f7f7;}
    .gzh-tc-box{ margin-top: 30px; }
    .gzh-tc-list{ width: 100%;   height: auto; margin-right: 0; border: 2px solid #fff;margin-top: 2rem;}
    .gzh-tc-list:first-child{margin-top:0;}
    .gzh-tc-list .gzh-tc-top{ width: 100%; margin-left: 0;  margin-top: 0; height: auto; padding: 2rem;  }
    .gzh-tc-list .gzh-tc-top h1{ font-size: 36px; color: #333; font-weight: normal; }
    .gzh-tc-list .gzh-tc-top p{ font-size: 14px; color: #595959; margin-top: 12px; }
    .gzh-tc-list .gzh-tc-text{ height: auto; padding-bottom: 2rem;}
    .gzh-tc-list .gzh-tc-text p{ padding: 2rem; font-size: 1.4rem;   height: auto; }
    .gzh-tc-list .gzh-tc-text .jg{margin-bottom: 2rem;font-size: 1.6rem;}
    .gzh-tc-list .gzh-tc-text .jg span{font-size: 3.4rem;}
    .gzh-tc-list .gzh-tc-text a{  width: 90%; height: 5rem;  line-height: 5rem;    font-size: 1.6rem; }    

    .gzh-al-wrap{padding-top: 5rem;}
    .gzh-list{display: table;margin: auto;}
    .gzh-lb{margin-bottom: 50px;}
    .gzh-lb .img{width: 100%;text-align: center;}
    .gzh-lb .img img{width: 80%;}
    .gzh-lb dl{margin-left: 0;margin-top: 3rem;width: 100%;}
    .gzh-lb dl dt{font-size: 2.4rem;margin-bottom: 2rem;}
    .gzh-lb dl dd{font-size: 1.6rem;line-height: 3rem;}
    .gzh-lb:nth-child(2n) dl{margin-right: 0px;}

    .gzh-tit{margin-bottom: 3rem;}
    .gzh-tit p{ font-size: 1.6rem;   left: 0; margin-bottom: 1rem; }
    .gzh-tit p:before{ content: ""; width: 40px; height: 1px; background: #595959; display: block; float: left; margin-top: 10px; margin-right: 15px;display: none;}
    .gzh-tit h1{ font-size: 2.4rem;  }
    .gzh-fff p,.gzh-fff h1{color: #fff;}
    .gzh-fff p:before{background: #fff;}

    .gzh-fwlc{padding-top: 5rem;}
    .gzh-fwlc ul{margin-top: 0;}
    .gzh-fwlc ul li{margin-top: 2rem;}
    .gzh-fwlc ul li .bj{padding: 5rem 0;}    
    .gzh-fwlc ul li .bj img{width: 6rem;}



    /*网络托管*/
    .wltg1{
        padding: 5% 0px;
        text-align: center;
    }
    .wltg1-title dd{
        font-size: 3rem;
    }
    .wltg1-title p{
        font-size: 1.6rem;
        margin: 1rem 0;
    }
    .wltg1-title span{
        font-size: 2rem;
    }
    .wltg1-con li{
        font-size: 1.4rem;
        line-height: 3.5rem;
        width: 33.33%;
        margin-bottom: 2rem;
    }
     .wltg1-con li img{width:80%;}
    .wltg1-con .jiantou{
        display:none;
    }
    .wltg2{
        background-image: url(../images/wltg2-bg2.png);
        background-repeat: no-repeat;
        background-position: bottom;
        min-height: 75rem;
    }
    .wltg2-con{
        color: #ff7800;
        font-size: 18px;
        position: relative;
    }
    .wltg2-con li{
        float: left;
        position: relative;
        line-height: 50px;
        list-style: none;
        width: 100%;
    } 
    .wltg2-con li:nth-child(1) span,.wltg2-con li:nth-child(2) span,.wltg2-con li:nth-child(3) span,.wltg2-con li:nth-child(4) span{
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        margin-left: 0;
        float: left;
        margin-right: 2rem;
        margin-bottom: 2rem;
    }
    .wltg2-con li:nth-child(1){
        left: inherit;
        top: inherit;
    } 
    .wltg2-con li:nth-child(2){
        left: inherit;
        top: inherit;
    }
    .wltg2-con li:nth-child(3){
        right: inherit;
        top: inherit;
    } 
    .wltg2-con li:nth-child(4){
        right: inherit;
        top: inherit;
    } 
    .xcx1-title{
        padding: 5rem 0 3rem;
        width: 100%;
    }
    .xcx1-title img{
        display: block;
        margin:0 auto;
    }

    .wltg3{
        padding-bottom: 5rem;
    }
     .wltg3 .bg{
        white-space: nowrap;
        overflow-x: auto;
     }
    .wltg3-con thead th{
        font-size: 1.8rem;
        line-height: 8rem;
        height: 8rem;
    }
    .wltg3-con tbody>tr>td{
        height: 8rem;
        font-size: 1.6rem;
        min-width: 15rem;
    }
    .wltg3-con-right font{
        font-size: 4rem;
    }
    .wltg3-con-bootom{
        height: 10rem;        
        font-size: 1.6rem;
    }
    .tuijian{
        background-image: url(http://dginfo128.test.dginfo.com/t/d/dginfo128/pc/images/xcx8-top.png);
        background-repeat: no-repeat;
        background-position: right top;
    }
    .wltg4{
        padding-bottom: 0;
    }
    .wltg4 dd{
        height: 7rem;
        font-size: 1.6rem;
        line-height: 7rem;
    }
    .wltg4 dd:nth-child(2){
        background: url(../images/wltg4-1.png) center no-repeat;
        background-size: contain;
    }
    .wltg4 dd:nth-child(3){
        background: url(../images/wltg4-2.png) center no-repeat;
        background-size: contain;
    }
    .wltg4 dd:nth-child(4){
        background: url(../images/wltg4-3.png) center no-repeat;
        background-size: contain;
    }
    .wltg4 dd:nth-child(5){
        background: url(../images/wltg4-4.png) center no-repeat;
        background-size: contain;
    }
    .wltg4 dd:nth-child(6){
        background: url(../images/wltg4-5.png) center no-repeat;
        background-size: contain;
    }


    /*微商城代运营*/
    .ecshop-fw-wrap{padding: 5rem 0; }
    .ecshop-ser-box{margin-top: 3rem;}
    .ecshop-ser-l{width: 48%; height: auto;margin-right: 4%; display: block;margin-bottom: 2rem;padding: 1rem;}
    .ecshop-ser-l:nth-child(2n){margin-right: 0;}
    .ecshop-ser-l:nth-child(3){margin-right: 4%;}
    .ecshop-ser-img{width: 100%;}
    .ecshop-ser-text{width: 100%;text-align: center;}
    .ecshop-ser-text span{font-size: 1.8rem;margin-top: 1rem; margin-bottom: 0;}
    .ecshop-ser-text p{font-size: 1.4rem; line-height: 2.5rem;height: 5rem;}

    .ecshop-do-wrap{padding: 5rem 0;}
    .ecshop-sx-span{margin-top: 3rem;}
    .ecshop-sx-span span{height: 8rem; line-height: 8rem; font-size: 1.6rem;   }
    .ecshop-sx-span span.ecshop-sx-spancur{ border-bottom: 2px solid #db5724; color: #db5724; }
    .ecshop-sx-box{width: 100%;height: auto; background: #fff; overflow: hidden; display: none; }
    .ecshop-sx-img{width: 100%;margin-top: 3rem; margin-left: 0; text-align: center;}    
    .ecshop-sx-con{width: 100%;margin-top: 3rem; }
    .ecshop-sx-con h4{ font-size: 2rem;}
    .ecshop-sx-con p{ font-size: 1.5rem;}
    .ecshop-sx-icon{padding: 2rem 0; width: 100%;margin-top: 2rem;}
    .sx-icon{width: 20%;}
    .sx-icon-img{width: 5rem; height: 5rem;}    
    .sx-icon p{margin-top: 1rem; }

    .xhs-yt-wrap,.ecshop-lb-wrap{padding:5rem 0;}
    .xhs-zb-l{width: 100%;margin-top: 3rem;}
    .xhs-zb-l h2{font-weight:normal; margin-bottom:10px;font-size: 1.8rem;}
    .xhs-zb-l p{line-height: 2.5rem;}
    .xhs-zb-r{width: 100%;max-width: initial;}    
    .xhs-zb-wrap{width:100%;padding:75px 0; overflow:hidden;}
    .xhs-zb-wrap .xhs-zb-r{float:left; max-width:533px;}
    .ecshop-lb-wrap{padding: 5rem 0;}
    .ecshop-lb-wrap .xhs-zb-r{max-width: initial;}



    /*超级二维码*/
    .cjewma{
        padding: 5rem 0;
    }
    .cjewma-list{
    margin-top: 5rem;
}
    .cjewma-list ul li{
        display: flex;
        margin-top: 2rem;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 2rem;
    }
    .cjewma-list ul li:first-child{
        margin-top:0;
    }
    .cjewma-list ul li span{
        min-width: 5rem;
        width: 5rem;
        display: block;
    }
    .cjewma-list ul li span img{
        width: 100%;
    }
    .cjewmb{
        padding: 5rem 0;
    }
    .cjewmb-list .bj{
        padding: 4rem 3rem;
    }
    .cjewmb-list .bj span{
        min-width: 4.4rem;
        display: block;
        width: 4.4rem;
    }
    .cjewmb-list .bj dl{
        margin-left: 2rem;
    }
    .cjewmb-list .bj dl dd{
        height: auto;
    }
    .cjewmb-list .bj span.tb01{
        background: url(../images/cjewm-tb05.png) top center no-repeat;
    }
    .cjewmb-list .bj span.tb02{
        background: url(../images/cjewm-tb06.png) top center no-repeat;
    }
    .cjewmb-list .bj span.tb03{
        background: url(../images/cjewm-tb07.png) top center no-repeat;
    }
    .cjewmb-list .bj span.tb04{
        background: url(../images/cjewm-tb08.png) top center no-repeat;
    }
    .cjewmb-list .bj span.tb05{
        background: url(../images/cjewm-tb05.png) top center no-repeat;
    }
    .cjewmb-list .bj span.tb06{
        background: url(../images/cjewm-tb05.png) top center no-repeat;
    }
    .cjewmb-list .bj span.tb07{
        background: url(../images/cjewm-tb09.png) top center no-repeat;
    }
    .cjewmb-list .bj span.tb08{
        background: url(../images/cjewm-tb10.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb01{
        background: url(../images/cjewm-tb05on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb02{
        background: url(../images/cjewm-tb06on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb03{
        background: url(../images/cjewm-tb07on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb04{
        background: url(../images/cjewm-tb08on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb05{
        background: url(../images/cjewm-tb05on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb06{
        background: url(../images/cjewm-tb05on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb07{
        background: url(../images/cjewm-tb09on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover span.tb08{
        background: url(../images/cjewm-tb10on.png) top center no-repeat;
    }
    .cjewmb-list .bj:hover{
        background: url(../images/cjewm-bj02.png) right bottom no-repeat #1077fd;
    }

    .cjewmc{
        padding: 5rem 0;
    }
    .cjewmc-list ul li{
        height: auto;
    }
    .cjewmc-list ul li p{
        font-size: 1.6rem;
    }
    .cjewmc-list ul li span{
    width: 5rem;
    height: 5rem;
}
    .cjewmc-list ul li:nth-of-type(4n+1),.cjewmc-list ul li:nth-of-type(2n+1){
        clear:none;
    }
    .cjewmc-list ul li .bj{
        padding: 5rem 0rem;
    }
    .cjewmc-list ul li.w50{
        display: none;
    }
    .cjewmc-list ul li.w50 img{
        height:257px;
        display:
        block;
        width: 100%;
    }

    .cjewmd{
        padding: 5rem 0;
    }
    .cjewmd-list ul li{
        position: relative;
    }
    .cjewmd-list ul li .wz p{
        font-size: 1.8rem;
        padding: 0 2rem;
    }

    .cjewme{
        padding: 5rem 0;
    }
    .cjewme-bg .wzbt{
        font-size: 2.6rem;
    }


}