.s-spr{ background:url(../images/service/s-spr.png) no-repeat;}
.s-spr.s-spr-arrow{ width:40px; height:22px; background-position:-794px -2px;}
.s-spr.s-spr-icon1{ width:74px; height:74px; background-position:-718px -2px;}
.s-spr.s-spr-icon2{ width:74px; height:74px; background-position:-637px -2px;}
.s-spr.s-spr-icon3{ width:74px; height:74px; background-position:-566px -2px;}
.s-spr.s-spr-icon4{ width:74px; height:74px; background-position:-490px -2px;}
.s-spr.s-spr-icon5{ width:74px; height:74px; background-position:-414px -2px;}
.s-spr.s-spr-icon6{ width:74px; height:74px; background-position:-338px -2px;}
.s-spr.s-spr-tb1{ width:82px; height:82px; background-position:-254px -2px;}
.s-spr.s-spr-tb2{ width:82px; height:82px; background-position:-170px -2px;}
.s-spr.s-spr-tb3{ width:82px; height:82px; background-position:-86px -2px;}
.s-spr.s-spr-tb4{ width:82px; height:82px; background-position:-2px -2px;}

.service .footer .contact,.service .footer .about{opacity: 1;}

.content{ background: #fff;}
.service-box{width: 1200px; margin: 0 auto; padding-top: 87px; font-family:"Arial","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.service-box .service-list{width: 120%;}
.service-list li{width: 285px; margin-right: 20px; float: left; display: inline; padding-top: 80px;}
.service-list li i{display: block; margin: 0 auto;}
.service-list .branding{background: #1587c9;}
.service-list .packaging{background: #e63546;}
.service-list .interaction{background: #e8801a;}
.service-list .animation{background: #60ab24;}
.service-list li h3{font-size: 20px; padding-left: 22px; color: #131313; line-height: 26px; padding-top: 58px; height: 36px;}
.service-list .text-box{padding-left: 22px; background: #2a2a2a; padding-top: 15px; height: 145px;}
.service-list .text-box h4 {
	font-weight:bold;
	font-size:14px;
	color:#fcfcfc;
	margin-bottom:13px;
}
.service-list .text-box p {
	font-size:12px;
	color:#acacac;
	line-height:24px;
}

.service-box .step-list{width: 120%; margin-left: -10%; font-size: 0;text-align: center; padding-top: 84px;}
.step-list li{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 180px; position: relative;}
.step-list li em{position: absolute; top: 22px; left: 50%; margin-left: 75px;}
.step-list li i{display:block; margin: 0 auto;}
.step-list li p{ color: #131313; font-size: 18px; line-height: 24px; padding-top: 3px; font-weight: bold;}
.service-box .tips{text-align: justify; line-height: 31px; color: #131313; font-size: 18px; width: 1200px; margin: 34px auto 0; padding-bottom: 100px;}
.partner-box p{display: none;}
.partner-box{position: relative;}
.partner-box ul{padding: 4% 10%; background: #151515;}
.partner-box li{width: 20%; float: left; display: inline; padding: 0.75% 0;}
.partner-box li img{width: 68%; margin: 0 auto; display: block;}


@media screen and (max-width:1280px){.service-box{width: 1000px;}.service-list li{width: 240px;}.service-box .tips{width: 1000px;}}



.mobile .s-spr{ background-image:url(../images/service/ms-spr.png); background-repeat:no-repeat; background-size:9.02rem 1.08rem;}
.mobile .s-spr.s-spr-arrow.on{ width:0.36rem; height:0.18rem; background-position:53.57968% 86.66667%;}
.mobile .s-spr.s-spr-arrow{ width:0.36rem; height:0.18rem; background-position:49.19169% 86.66667%;}
.mobile .s-spr.s-spr-icon1{ width:0.74rem; height:0.74rem; background-position:97.343% 5.88235%;}
.mobile .s-spr.s-spr-icon2{ width:0.74rem; height:0.74rem; background-position:88.16425% 5.88235%;}
.mobile .s-spr.s-spr-icon3{ width:0.74rem; height:0.74rem; background-position:78.98551% 5.88235%;}
.mobile .s-spr.s-spr-icon4{ width:0.74rem; height:0.74rem; background-position:69.80676% 5.88235%;}
.mobile .s-spr.s-spr-icon5{ width:0.74rem; height:0.74rem; background-position:60.62802% 5.88235%;}
.mobile .s-spr.s-spr-icon6{ width:0.74rem; height:0.74rem; background-position:51.44928% 5.88235%;}
.mobile .s-spr.s-spr-tb1{ width:1.04rem; height:1.04rem; background-position:40.10025% 50%;}
.mobile .s-spr.s-spr-tb2{ width:1.04rem; height:1.04rem; background-position:26.81704% 50%;}
.mobile .s-spr.s-spr-tb3{ width:1.04rem; height:1.04rem; background-position:13.53383% 50%;}
.mobile .s-spr.s-spr-tb4{ width:1.04rem; height:1.04rem; background-position:0.25063% 50%;}
.mobile .s-spr.s-spr-top{ width:0.18rem; height:0.36rem; background-position:99.77376% 2.77778%;}

.mobile .service-box{width: 100%; padding-top: 0;}
.mobile .service-list li{width: 50%; margin-right: 0; padding-top: .76rem;}
.mobile .service-box {background: #fff;}
.mobile .service-box .service-list{width: 100%; background: #181818;}
.mobile .service-list li h3{font-size: .19rem; line-height: .36rem; height: .36rem; padding-top: .74rem; padding-left: .36rem;}
.mobile .service-list .text-box{ padding-left: .36rem; padding-top: .13rem; height: 2.04rem;}
.mobile .service-list .text-box h4{font-size: .18rem; line-height: .32rem; margin-bottom: .12rem;}
.mobile .service-list .text-box p{font-size: .18rem; line-height: .32rem;}

.mobile .service-box .step-list{padding: .6rem .4rem 0; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 4.2rem;}
.mobile .step-list li{width: 1.8rem; height: 1.9rem;}
.mobile .step-list li p{font-size: .18rem; line-height: .24rem; padding-top: .03rem;}
.mobile .step-list li:nth-of-type(3) em,.mobile .step-list li:nth-of-type(6) em{display: none;}
.mobile .service-box .tips{width: 6rem; margin-top: 0; font-size: .22rem; line-height: .36rem; padding-bottom: .8rem;}
.mobile .partner-box{ background:#151515; padding: .18rem 0 .28rem;}
.mobile .partner-box ul{padding: 4% 2%;}
.mobile .partner-box li{width: 33.33%; padding: 2% 0;}
.mobile .partner-box p{height: .6rem; padding: .3rem 0; line-height: .6rem; color: #e7e7e7; font-size: .26rem; text-align: center; display: block;font-family:"AkzidenzGrotesk-Bold","Arial","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.mobile .content{background: #181818;}
.mobile .step-list li em{margin-left: .75rem; top: .23rem;}
.mobile .step-list li b{position: absolute; left: 50%; margin-left: -.09rem; top: 1.24rem;}

.mobile .step-list li:nth-of-type(n+4) em{background-position:53.57968% 86.66667%;}

.step-list li.show-mob{display: none;}
.mobile .step-list li.show-pc{display: none;}
.mobile .step-list li.show-mob{display: inline-block;}