.swiper {

  padding-bottom: 0;

}



.warp {

  padding-bottom: .30rem;

}



/* 标签 */

.tabs-box {

  width: 7.50rem;

  height: 1.22rem;

  background-color: #fff;

}



.tabs-box ul {

  display: flex;

  width: 100%;

  height: 100%;

  border-bottom: .02rem solid #f1f1f1;

}



.tabs-box ul li {

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 1.22rem;

  font-size: .24rem;

}



.tabs-box ul li.active {

  font-weight: bold;

  font-size: .28rem;

}



/* 品牌介绍 */

.quick-introduce {

  padding-top: .50rem;

}



.quick-introduce h4 {

  text-align: center;

  margin-bottom: .30rem;

  font-size: .32rem;

}



.quick-introduce p {

  line-height: .50rem;

  font-size: .24rem;

  text-indent: .02em;

  padding: 0 .30rem;

}



.quick-introduce .quick-introduce-img {

  width: 5.62rem;

  height: 4.89rem;

  margin: .50rem auto;

  display: block;

}



/* title */

.quick-do {

  margin-bottom: .30rem;

}



.quick-do p {

  color: #999999;

  text-align: center;

  text-indent: 0;

}



.quick-do .project {

  display: flex;

  margin-top: .50rem;

}



.quick-do .project li {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  font-size: .24rem;

}



.quick-do .project img {

  width: .86rem;

  height: .86rem;

  margin-bottom: .20rem;

}



/* 覆盖 */

.quick-cover p {

  color: #999999;

  text-align: center;

  text-indent: 0;

}



.quick-cover ul {

  display: flex;

  flex-wrap: wrap;

  width: 6.90rem;

  margin: .50rem auto .10rem;

}



.quick-cover ul li {

  width: calc(50% - .20rem);

  margin-right: .40rem;

  margin-bottom: .40rem;

  height: 1.90rem;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  font-size: .26rem;

  box-shadow: 0 10rem 10rem #f5f5f5;

}



.quick-cover ul li img {

  width: .76rem;

  height: .76rem;

  margin-bottom: .20rem;

}



.quick-cover ul li:nth-child(2n) {

  margin-right: 0;

}



/* 网站 */

.quick-website p {

  color: #999999;

  text-align: center;

  text-indent: 0;

}



.quick-website ul {

  display: flex;

  flex-wrap: wrap;

  width: 6.90rem;

  margin: .50rem auto .10rem;

}



.quick-website ul li {

  width: calc(50% - .20rem);

  margin-right: .40rem;

  margin-bottom: .40rem;

  height: 1.90rem;

  display: flex;

  align-items: center;

  font-size: .26rem;

  box-shadow: 0 .10rem .10rem #f5f5f5;

  padding: 0 .20rem;

  box-sizing: border-box;

}



.quick-website ul li:nth-child(2n) {

  margin-right: 0;

}



.quick-website ul li img {

  width: .81rem;

  height: .81rem;

  margin-right: .20rem;

}



.quick-website ul li p {

  color: #333;

  font-size: .28rem;

  text-align: left;

  padding: 0;

}



.quick-website ul li span {

  font-size: .22rem;

  text-align: left;

  padding: 0;

  color: #999;

}



.quick-website ul li.one-item {

  width: 100%;

  margin-right: 0;

}



/* 小程序开发 */

.quick-weapp p {

  color: #999999;

  text-align: center;

  text-indent: 0;

}



/* v6 */

.quick-v6 p {

  color: #999999;

  text-align: center;

  text-indent: 0;

}



.quick-v6 .progess {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 .30rem;

  margin-bottom: .30rem;

  margin-top: .30rem;

}



.quick-v6 .progess li {

  width: 1.60rem;

  height: .56rem;

  text-align: center;

  line-height: .56rem;

  color: #0064F4;

  background-color: #E4EEFD;

}



.quick-v6 img {

  width: .51rem;

  height: .45rem;

}



.quick-v6 .list {

  display: flex;

  flex-wrap: wrap;

  padding: 0 .30rem;

}



.quick-v6 .list li {

  width: calc(33% - .20rem);

  height: 1.90rem;

  box-shadow: 0 .10rem .10rem #f5f5f5;

  margin-right: .30rem;

  margin-bottom: .30rem;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}



.quick-v6 .list li:nth-child(3n) {

  margin-right: 0;

}



.quick-v6 .list li img {

  width: .76rem;

  height: .76rem;

  margin-bottom: .20rem;

}



/* 开发流程 */

.process p {

  color: #999999;

  text-align: center;

  text-indent: 0;

}



.process-list {

  width: 6.90rem;

  margin: .30rem auto;

  box-shadow: 0 .06rem .16rem #f5f5f5;

  padding: .50rem .30rem .20rem;

  box-sizing: border-box;

}



.process .process-title {

  display: flex;

  align-items: center;

  margin-bottom: .30rem;

}



.process .process-title img {

  width: .48rem;

  height: .48rem;

  object-fit: fill;

  margin-right: .30rem;

}



.process .process-center {

  display: flex;

  align-items: stretch;

  margin-bottom: .30rem;

}



.process .process-center .line-box {

  width: .48rem;

  position: relative;

  margin-right: .30rem;

}



.process .process-center .line-box::after {

  content: '';

  position: absolute;

  width: .02rem;

  height: 100%;

  background-color: #EEEEEE;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

}



.process .process-center .process-center-text {

  flex: 1;

  background-color: #F5F5F5;

  color: #666666;

  padding: .30rem;

  box-sizing: border-box;

  border-radius: .10rem;

  line-height: .44rem;

  font-size: .24rem;

}



/* 案例轮播图 */

.case-swiper {

  width: 7.50rem;

  box-sizing: border-box;

  background-color: #fff;

}



#banner-case {

  width: 100%;

  height: 5.00rem;

  position: relative;

  overflow: hidden;

}



#banner-case #img-area {

  font-size: .28rem;

  color: #000;

  flex-direction: column;

  font-weight: 500;

}



#banner-case #img-area .image-box {

  width: 100%;

  height: 100%;

  transform: scale(.8);

  text-align: center;

  transition: all .5s;

}



#banner-case #img-area .image-box img {

  height: 4.50rem;

}



.slider {

  width: 100%;

  height: .10rem;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: .30rem;

}



.slider-item {

  width: .48rem;

  height: .10rem;

  background-color: #EEEEEE;

  margin: 0 .10rem;

}





.slider-item.active{

  background-color: #0064F4;

}