/* 轮播图片上的方案 */

.banner-text{

  position: absolute;

  left:50%;

  top:0;

  transform: translate(-50%,0);

  text-align: center;

  color: #fff;

  width: 100%;

}

.banner-text span{

  display: block;

  font-weight: bold;

  font-size: .7rem;

  padding: 0 1rem;

  padding-top: 1rem;

}

.banner-text p{

  line-height: .55rem;

  width: 70%;

  margin: 0 auto;

  padding-top: .25rem;

  font-size: .33rem;

}

/* 首页服务 */

.index-fuwu{

  margin-top: .6rem;

  padding: 0 .1rem;

}

.index-fuwu ul{

  display: flex;

  margin-top: .7rem;

  flex-wrap: wrap;

  text-align: center;

  justify-content: space-between;

}

.index-fuwu li{

  width: 48.5%;

  overflow: hidden;

  margin-bottom: 3%;

  background: #fff;

  border-radius: .2rem;

  padding: .5rem 0;

}

.index-fuwu li i{

  color: #0084F0;

  font-size: 1.2rem;

}

.index-fuwu li span{

  display: block;

  font-size: .42rem;

  font-weight: bold;

  color: #333;

  padding-top: .25rem;

}

.index-fuwu li dl{

  display: block;

  margin-top: .25rem;

}

.index-fuwu li dl dd{

  padding-bottom: .15rem;

  font-size: .33rem;

}

.index-fuwu li a{

  background: #0084F0;

  color: #fff;

  display: inline-block;

  border-radius: 1.25rem;

  line-height: .65rem;

  height: .65rem;

  padding: 0 .35rem;

  font-size: .3rem;

  margin-top: .35rem;

}

/* 首页案例 */

.case-list{

  margin-top: .5rem;

}

.case-list .anli-list{

  margin-top: .55rem;

}

.case-more{

  text-align: center;

  margin-top: .5rem;

}

.case-more a{

  display: inline-block;

  background: #0084F0;

  color: #fff;

  height: .8rem;

  line-height: .85rem;

  padding: 0 .6rem;

  border-radius: 1.25rem;

  font-size: .33rem;

}

/* 方案 */

.fangan-box{

  background:linear-gradient(to top,#0084F0,#210751);

  margin-top: 40px;

  padding-bottom: 1rem;

  border-radius: .25rem;

}

.fangan-box .title{

  text-align: center;

  padding-top: .5rem;

  color: #fff;

}

.fangan-box .title span{

  font-size: .55rem;

  font-weight: bold;

  padding: 0 .25rem;

}

.fangan-box .title p{

  font-size: .3rem;

  width: 80%;

  margin: 0 auto;

  padding-top: .25rem;

}

.fang-tab{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 0 .25rem;

  margin-top: .7rem;

}

.fang-tab span{

  width: 49%;

  display: block;

  background: hsla(0,0%,100%,.2);

  padding: .35rem 0;

  color: #fff;

  text-align: center;

  margin-bottom: .2rem;

  font-size: .33rem;

}

.fang-tab .active{

  background: #0084F0;

}

.fang-content{

  margin-top: .35rem;

  color: #fff;

}

.fang-content span{

  display: block;

  font-size: .45rem;

  font-weight: bold;

  text-align: center;

}

.fang-content p{

  font-size: .33rem;

  line-height: .5rem;

  padding: 0 .4rem;

  padding-top: .45rem;

}

.fang-content ul{

  padding: 0 .25rem;

  display: flex;

  flex-wrap: wrap;

  text-align: center;

  margin-top: .75rem;

}

.fang-content li{

  width: 33%;

  margin-bottom: .5rem;

}

.fang-content li i{

  font-size: 1.1rem;

}

.fang-content li em{

  display: block;

  font-size: .33rem;

  padding-top: 2px;

}

.fang-content .box{

  display: none;

}



/* 资讯 */

.index-news{

  margin-top: .35rem;

  background: #fff;

  border-radius: .2rem;

  padding: .5rem 0;

}

.news-content{

  margin-top: .5rem;

}

.news-content .news-tab{

  margin: 0 .25rem;

  border: 1px #0084F0 solid;

  height: .85rem;

  line-height: .85rem;

  border-radius: .15rem;

  display: flex;

  font-size: .38rem;

}

.news-content .news-tab a{

  text-align: center;

  flex: 1;

  border-right: 1px #0084F0 solid;

}

.news-content .news-tab a:last-child{

  border-right: none;

}

.news-content .ck{

  background: #0084F0;

  color: #fff;

}

.news-items{

  display: none;

  padding: 0 10px;

  margin-top: .2rem;

}

.news-items li{

  padding: .4rem 0;

  border-bottom: 1px #eee solid;

}

.news-items li a{

  display: flex;

  align-content:center;

}

.news-items li .time{

  text-align: center;

  padding-right: .25rem;

  border-right: 1px #eee solid;

}

.news-items li .time span{

  display: block;

  font-size: .55rem;

  font-weight: bold;

  font-family: Arial;

}

.news-items li .time p{

  font-size: .3rem;

  padding-top: .07rem;

  color: #999;

}

.news-items li .nr{

  flex: 1;

  padding-left: .38rem;

  overflow: hidden;

}

.news-items li .nr h1, .news-items li .nr p{

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap

}

.news-items li .nr h1{

  display: block;

  font-size: .4rem;

}

.news-items li .nr p{

  font-size: .3rem;

  padding-top: .15rem;

  color: #999;

}

.view-more{

  margin-top: .5rem;

  text-align: center;

}

.view-more a{

  display: inline-block;

  background: #0084F0;

  color: #fff;

  height: .8rem;

  line-height: .85rem;

  padding: 0 .6rem;

  border-radius: 1.25rem;

  font-size: .33rem;

}

/* 首页流程 */

.liucheng{

  margin-top: .35rem;

  background: #fff;

  padding: .5rem .25rem .25rem .25rem;

  border-radius: .2rem;

}

.liucheng ul{

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  margin-top: .75rem;

  text-align: center;

}

.liucheng ul li{

  width: 33%;

  margin-bottom: .65rem;

}

.liucheng li span{

  display: inline-block;

  width: 1.5rem;

  height: 1.5rem;

  background: #0084F0;

  border-radius: 100%;

  position: relative;

}

.liucheng li:nth-child(2) span{

  background: #FF6600;

}

.liucheng li:nth-child(3) span{

  background: #9299F1;

}

.liucheng li:nth-child(4) span{

  background: #89D042;

}

.liucheng li:nth-child(5) span{

  background: #FDA275;

}

.liucheng li p{

  font-weight: bold;

  padding-top: .2rem;

  font-size: .38rem;

  color: #333;

}

.liucheng li span i{

  position: absolute;

  left:50%;

  top:50%;

  transform: translate(-50%,-50%);

  color: #fff;

  font-size: .88rem;

}

/* 首页联系 */

.index-contact{

  background: #0084F0;

  border-radius: .2rem;

  margin-top: .35rem;

  color: #fff;

  padding: .65rem .2rem .65rem .45rem;

}

.index-contact .text{

  font-size: .55rem;

  font-weight: bold;

  padding-bottom: .2rem;

  display: block;

}

.index-contact .text em{

  padding-left: .13rem;

  font-size: .33rem;

}

.index-contact .us{

  padding-top: .33rem;

}

.index-contact .us li{

  display: flex;

  padding-bottom: .25rem;

  line-height: .5rem;

}

.index-contact .us li span{

  width: 1.2rem;

}

/* 建站列表 */

.website-nav{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: .2rem;

}

.website-nav a{

  background: #fff;

  border-radius: .15rem;

  height: .95rem;

  line-height: .95rem;

  width: 31.5%;

  text-align: center;

  margin-top: .25rem;

  color: #666;

}

.website-nav .class{

  background: #0084F0;

  color: #fff;

}

.website-list{

  margin-top: .5rem;

}

.website-list .desc{

  background: #fff;

  border-radius: .2rem;

  padding: .4rem;

  margin-bottom: 12px;

}

.website-list .desc span{

  font-size: .55rem;

  font-weight: bold;

  color: #FF6600;

}

.website-list .desc h1{

  font-size: .45rem;

  font-weight: normal;

  padding-top: .13rem;

  color: #FF6600;

}

.website-list .desc h1 em{

  font-size: .35rem;

  padding-left: 2px;

}

.website-list .desc p{

  color: #777;

  padding-top: 10px;

  line-height: .63rem;



}

.website-list .items{

  background: #fff;

  border-radius: .2rem;

  padding: .3rem;

}

.website-list .items .title{

  display: flex;

  align-items: center;

  color: #0084F0;

}

.website-list .items .title span{

  font-size: .5rem;

  font-weight: bold;

  padding-left: .25rem;

  color: #333;

  }

.website-list .items .title i{

  font-size: .7rem;

}

.website-list .items .ms{

  padding-left: .15rem;

}

.website-list .items .ms li{

  border-bottom: 1px #eee solid;

  padding: .35rem 0;

}

.website-list .items .ms li:last-child{

  border-bottom: none;

}

.website-list .items .ms li span{

  font-size: .4rem;

  color: #0084F0;

}

.website-list .items .ms li p{

  padding-top: .15rem;

  font-size: .33rem;

  line-height: .55rem;

}

/* 新闻列表 */

.news-list{

  margin-top: .38rem;

}

.news-list li{

  background: #fff;

  padding: .25rem .35rem;

  border-radius: .2rem;

  margin-bottom: .25rem;

}

.news-list li .title{

  font-size: .42rem;

  font-weight: bold;

  line-height: .65rem;

}

.news-list li .desc{

  margin-top: .15rem;

  overflow: hidden;

}

.news-list li .desc span{

  color: #888;

  font-size: .33rem;

  line-height: .5rem;

  display: block;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2; 

  overflow: hidden;

}

.news-list li .desc img{

  display: block;

  margin-top: .25rem;

  height: 4.5rem;

  object-fit: cover;

}

.news-list li .desc p{

  font-size: .33rem;

  padding-top: .25rem;

  color: #999;

  

}

/* 案例 */

.anli-nav a{

  width: 48.2%;

  border: 1px #ddd solid;

  color: #333;

}

.anli-nav .class{

  border: 1px #0084F0 solid;

}

.anli-list{

  margin-top: .38rem;

}

.anli-list ul{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.anli-list li{

  width: 48.5%;

  overflow: hidden;

  margin-bottom: 3%;

}

.anli-list li .textbox{

  background: #fff;

  overflow: hidden;

}

.anli-list .img{

 overflow: hidden;

}

.anli-list .img img{

  object-fit: cover;

  max-height: 310px;

  width: calc((100vw - 30px) / 2);

  height: calc((100vw - 120px) / 2);

}

.anli-list li .textbox span{

  padding: .25rem .15rem;

  font-size: .35rem;

  text-overflow: ellipsis;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  border-bottom: 1px #eee solid;

  font-weight: bold;

}

.anli-list li .view{

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: .25rem .2rem;

  font-size: .33rem;

  color: #999;

}

.anli-list li .view i{

  color: #999;

  position: relative;

  top:1px;

}

/* 服务项目 */

.fuwu-big{

  margin-top: .55rem;

}

.fuwu-big h2{

  font-weight: bold;

  color: #333;

  padding: 0 .2rem;

  text-align: center;

  font-size: .55rem;

}

.fuwu-big h2 em{

  color: red;

  font-weight: bold;

}

.fuwu-big span{

  text-align: center;

  padding: .25rem;

  display: block;

  font-size: .33rem;

  color: #777375;

  line-height: 20px;



}

.fuwu-list{

  margin-top: .38rem;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.fuwu-list li{

  width: 48.5%;

  margin-bottom: 3%;

  background: #fff;

  border-radius: 8px;

  text-align: center;

  position: relative;

}

.fuwu-list li a{

  padding: .45rem .25rem .25rem .25rem;

  overflow: hidden;

  display: block;

}

.fuwu-list li h1{

  font-size: .45rem;

  font-weight: bold;

  padding: .25rem 0;

}

.fuwu-list li i{

  color: #0084F0;

  font-size: 1.2rem;

}

.fuwu-list li span{

  font-size: .33rem;

  line-height: .5rem;

  color: #777;

  text-align: left;

  display: block;

}

.fuwu-list li p{

  background: #0084F0;

  font-size: .3rem;

  color: #fff;

  display: inline-block;

  height: .75rem;

  line-height: .75rem;

  padding: 0 .38rem;

  border-radius: 1.25rem;

  margin: .5rem 0 .2rem 0;

}

/* 关于我们 */

.about-us{

  background: #fff;

  border-radius: .2rem;

  padding: .2rem;

  margin-top: .38rem;

}

.about-us .us span{

  text-align: center;

  display: block;

  font-size: .7rem;

  color: #0084F0;

  font-weight: bold;

  padding-top: .4rem;

}

.about-us .us span em{

  font-size: .38rem;

  padding-left: 8px;

  font-weight: bold;

}

.about-us .us p{

  line-height: .65rem;

  margin-top: 15px;

  color: #333;

  padding: 0 .25rem;

}

.about-us .user{

  margin-top: .5rem;

  background: #0084F0;

  border-radius: .2rem;

  color: #fff;

  padding-bottom: 1.25rem;



}

.about-us .user h1{

  font-size: .75rem;

  display: block;

  text-align: center;

  font-weight: bold;

  padding-top: .75rem;

}

.about-us .user .desc{

  padding-top: .35rem;

  text-align: center;

}

.about-us .user ul{

  margin-top: .6rem;

  display: flex;

  text-align: center;

}

.about-us .user li{

  flex: 1;

}

.about-us .user li span{

  font-size: .75rem;

  font-weight: bold;

}

.about-us .user li p{

  font-size: .33rem;

  padding-top: 8px;



}

.about-us .user li em{

  font-size: .25rem;

  color: #ccc;

  display: block;

  padding-top: 3px;

}

/* 详情页 */

.detail-box{

  padding:0 .35rem;

}

.detail-text{

  padding-top: .5rem;

  font-size: .45rem;

  font-weight: bold;

  color: #333;

  text-align: center;

}

.detail-time{

  padding-top: .25rem;

  text-align: center;

  color: #888;

  font-size: .33rem;

}

.detail-time em{

  padding-left: 20px;

}

.detail-content{

  margin-top: .35rem;

  border-top: 1px #eee solid;

  padding-top: .38rem;

  font-size: .38rem;

  line-height: .55rem;

}

.detail-content img{

  display: block;

  margin-top: .2rem;

}

.detail-next{

  margin-top: .55rem;

}

.detail-next a{

  display: block;

  padding-bottom: .2rem;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

/* 联系我们 */

.contact-box{

  background: #fff;

}

.contact-box ul{

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}

.contact-box li{

  width: 49.8%;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  height: 5.5rem;

  border-right: 1px #eee solid;

  border-bottom: 1px #eee solid;

}

.contact-box li:nth-child(2n){

  border-right: none;

}

.contact-box li:nth-child(2) .list p{

  font-size: .5rem;

  font-weight: bold;

}

.contact-box .desc{

  padding: 1rem .25rem;

}

.contact-box li:nth-child(4) .list p{

  font-size: .3rem;

  font-family: Arial;

}

.contact-box .desc h1{

  font-family: Arial;

  font-size: .65rem;

  font-weight: bold;

  color: #333;

}

.contact-box .desc em{

  display: block;

  font-size: .4rem;

  padding-top: .2rem;

}

.contact-box .desc span{

  font-size: .42rem;

  font-weight: bold;

  padding-top: .2rem;

  display: block;

  color: #333;

}

.contact-box .desc p{

  color: #888;

  font-size: .3rem;

  padding-top: .35rem;

}

.contact-box .list{

  padding: 0 .25rem;

}

.contact-box .list .img{

  padding-top: .13rem;

  width: 2.5rem;

  margin: 0 auto;

}

.contact-box .list i{

  color:red;

  font-size: 1rem;

}

.contact-box .list h2{

  font-size: .3rem;

  color: #777;

  padding-top: .15rem;

}

.contact-box .list p{

  font-size: .33rem;

  color: #333;

  padding-top: .25rem;

}

.contact-map{

  margin: 10px;

}