.header-banner {
  height: 8.67rem;
  margin-top: 0.7rem;
}
.swiper-wrapper .banner-slide {
  height: 8.67rem;
  position: relative;
}
.banner1{
  background: #1f2533;
  /* background: url(../image/1111.gif) #1f2533 no-repeat; */
  /* background-size:cover; */
  /* color:#fff; */
}
.cavbox{
    width: 100%;
    height: 100%;
    background-color: #1f2533;
}
.pic{
    width: 800px;
    height: 600px;
    background: url("../image/banner.png") no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    position: absolute;
    top: 0px;
    right: 12%;

}
#canvas{
    position: absolute;
    top:0;
    right: 12%;
}
.banner1 .text-box{
  color:#fff;
  position: absolute;
  left: 20%;
  top: 1.2rem;
}
.banner1 .text-box h1{
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
}
.banner1 .text-box p{
    font-size: 0.16rem;
}
.banner-rowh{
  position: absolute;
  bottom:0px;
  left: 0px;
  z-index: 6;
  height: 2.2rem;
  text-align: center;
  width: 100%;
  background:rgba(42,47,58,0.5);
}
.banner-rowh li{
  float: left;
  height:100%;
  width: 3.2rem;
  cursor: pointer;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
.banner-rowh li a{
  color:#fff;
  display: inline-block;
  width: 100%;
  height: 100%
}
.banner-rowh li:hover{
  background: #008cd6;
}
.banner-rowh li.active{
  background: #008cd6;
}
.banner-rowh li.active a{
  color:#fff;
}
.border-b{
  margin-top: 0.45rem;
  border-left: 1px solid #333;
}
.border-b:last-child{
  border-right:1px solid #333;
}
.banner-rowh li:hover .border-b{
  border:none;
}
.banner-rowh li.active .border-b{
  border:none;
}
.rowh-box{
  display: inline-block;
  margin: 0 auto;
  color:#fff;
  text-align: center;
}
.rowh-box h2{
  font-size: 0.22rem;
  margin-bottom: 0.1rem;
}
.rowh-box p{
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
/*新闻动态*/
.newsList{
  padding-top: 0.6rem;
  background: #e2e9f5;
}
.newsList #tabContent{
  margin-bottom: 0.3rem;
}
.newsList #tabContent li{
  margin-bottom: 0.3rem;
  cursor: pointer;
  color:#333;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.newsList #tabContent li:hover{
  transform: scale(1.1);
  -ms-transform:scale(1.1);     /* IE 9 */
  -moz-transform:scale(1.1);     /* Firefox */
  -webkit-transform:scale(1.1); /* Safari 和 Chrome */
  -o-transform:scale(1.1);
}
.news-item{
  border-radius: 0.03rem;
  overflow: hidden;
  -moz-box-shadow: 0px 8px 25px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 8px 25px rgba(0,0,0,0.1);
  box-shadow: 0px 8px 25px rgba(0,0,0,0.1);
}
.news-item h5>span{
  width: inherit;
  max-width: calc(100% - 0.35rem);
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 0.2rem;
}
.news-item—txt h5{
  padding: 0 0.2rem;
  line-height: 0.2rem;
  font-size: 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-item—txt h5 p{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 0.2rem;
  display: inline-block;
}
.more{
  text-align: center;
  padding-right:15px;
  font-size: 0.16rem;
  cursor: pointer;
  color:#191e24;
}
.newsList .tab li a{
  color:#fe8950;
  display: block;
}
.newsList .tab li.active{
  color:#fff;
  background: #fe8950;
}
.newsList .tab li.active a{
  color:#fff;
}
.newsImg{
  width: 100%;
  height: 2.6rem;
}
.news_content{
  font-size: 0.16rem;
  color:#23252f;
  background: #fff;
  padding: 0.2rem 0.1rem;
}
.news_content h5{
  line-height: 0.2rem;
  font-size: 0.16rem;
  font-weight: 600;
  text-align: left;
}
.news_content h5 p{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: left !important;
}
/*大数据应用*/
.bigdata{
  width: 100%;
  height: 9rem;
  background:url(../image/databg0.png) #00081c no-repeat;
  background-size: 100% 100%;
  background-position: center;
  color:#fff;
  font-family: SourceHanSansSC-Medium,Arial,Helvetica,sans-serif;
}
.bigdata .tab{
  padding-left: 0.15rem;
  margin-top: 0.7rem;
  border-bottom:1px solid #333;
  width: 85%;
}
.bigdata .tab li{
  float:left;
  width:0.75rem;
  text-align: center;
  margin-right: 0.8rem;
  font-size: 0.18rem;
  line-height: 0.36rem;
}
.bigdata .tab li a{
  color:#30dbf6;
  width: 100%;
  display: inline-block;
}
.bigdata .tab li.active{
  border-bottom:1px solid #fff;
}
.bigdata_main{
  padding-top: 0.01rem;
}
.bigdata_text{
  padding-top: 0.6rem;
}
.h2_title{
  font-size: 0.3rem;
  margin-bottom: 0.05rem;
  font-family: PingFang-SC-Medium,Arial,Helvetica,sans-serif;
}
 .h2_subtitle{
  font-size: 0.2rem;
  margin-bottom: 0.3rem;
}
.h2_p{
  font-size: 0.18rem;
}
.bigdata #tabContent {
  padding-top: 0.5rem;
  width: 5.8rem;
}
.bigdata #tabContent  ul{
  padding-top: 0.4rem;
}
.bigdata #tabContent  .tab-pane li{
  float: left;
  margin-right: 0.25rem;
  background: rgba(255,255,255,0.25);
  border-radius: 0.06rem;
  cursor: pointer;
  text-align: center;
  line-height: 0.7rem;
  height: 0.7rem;
  overflow: hidden;
  color:#fff;
  font-size: 0.16rem;
  width: 1.68rem;
  margin-bottom: 0.2rem;
  position: relative;
}
.bigdata #tabContent .tab-pane li:nth-child(3n){
  margin-right: 0rem;
}
.bigdata #tabContent  .tab-pane li:hover{
  color:#30dbf6;
}
.bigdata #tabContent .tab-pane h2{
  font-size: 0.24rem;
}
.bigdata #tabContent .tab-pane .tabContent_subtitle{
  font-size: 0.16rem;
  margin-top: 0.1rem;
  font-family: SourceHanSansSC-Light,Arial,Helvetica,sans-serif;
}
.bigdata #tabContent .tab-pane li img{
  position: absolute;
  right: 0.2rem;
  top: calc(50% - 0.05rem );
}
#tabContent  .ljmore{
  font-size: 0.14rem;
  color:#30dbf6;
  margin-top: 0.05rem;
  cursor: pointer;
}

/*云计算服务*/
.cloud ul{
  margin-bottom: 1.5rem;
}
.cloud_text{
  margin-top: 1rem;
}
.cloud ul{
  margin-top: 1.2rem;
}
.cloud ul li{
  float: left;
  height: 4.8rem;
  text-align: center;
  padding-top: 0.9rem;
  width: calc((100% - 0.9rem)/4);
  margin-right: 0.3rem;
  position: relative;
	border: 1px solid transparent;
	background-color: #fff;
	border-radius: 0.2rem;
	background-clip: padding-box;
}
.cloud ul li:hover ::after{
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 0.2rem;
  background: linear-gradient(155deg,#49abf2,#4d31fe);
  z-index: -1;
  -moz-box-shadow: 0px 2px 0.15rem rgba(102,102,102,0.35);
  -webkit-box-shadow: 2px 0px 0.15rem rgba(102,102,102,0.35);
  box-shadow: 0px 2px 0.15rem rgba(102,102,102,0.35);
}
.cloud ul li:last-child{
  margin-right: 0px;
}
.cloud ul li .img-box{
  height: 1.48rem;
  margin-bottom: 0.6rem;
}
.cloud ul li img{
  width: 1.48rem;
}
.cloud ul li .li_title{
  font-size: 0.26rem;
  color:#333;
}
.cloud ul li .li_p{
  font-size: 0.16rem;
  margin-top: 0.2rem;
  color:#666;
}
.cloud ul li img.yaq{
  width: 0.84rem;
}

/*智慧物联网*/
.Internet{
  background: #1f2533;
  color:#fff;
  padding-top: 1rem;
  height: 8.7rem;
}
.internet_mbile{
  display: none;
}
.Internet .container{
  height: 100%;
  position: relative;
}
.Internet_box{
  z-index: 9;
  overflow: hidden;
}
.pro{
  margin-top: 0.45rem;
  margin-bottom: 0.35rem;
}
.pro span{
  display: inline-block;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 0.08rem;
  border:1px solid #666;
  text-align: center;
  line-height: 0.34rem;
  font-size: 0.18rem;
  color:#666;
}
.pro .imgline{
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  vertical-align: super;
}
.changimg{
  margin-top: -0.03rem;
}
.pro span.chang{
  height: 0.38rem;
  text-align: center;
  width: 0.38rem;
  line-height:0.38rem;
  position: relative;
  border-radius: 0.08rem;
  background: url(../image/border-bg.png) no-repeat;
  background-size: cover;
}
.pro .pro_tab{
  display: inline-block;
}
.pro .pro_tab img{
  display: none;
  width: 0.38rem;
  height: 0.38rem;
  margin-top: -0.055rem;
}
.pro .pro_tab.active span{
  display: none;
}
.pro .pro_tab.active img{
  display: inline-block;
}
.Internet .container{
  background: url(../image/rengif.gif) no-repeat;
  background-size: 12rem !important;
  background-position: bottom !important;
}
.Internet_box li{
  color:#fff;
  margin-bottom: 0.2rem;
  font-size: 0.18rem;
}
.Internet_box li::before{
content:"■";
color:#fff;
font-size:0.1rem;
margin-right: 0.15rem;
vertical-align: middle;
}
.Internet_box .tab-pane{
  height: 5.25rem;
}
/*全星级服务*/
.Service{
  background: #1b274d;
  color:#fff;
  padding-top: 1rem;
}
.Service .container{
  position: relative;
}
.serverbigbg{
  position: absolute;
  top:-0.5rem;
  right: 0px;
  height: 3.6rem;
}
.Service ul{
  margin-top: 1.7rem;
  margin-bottom: 1rem;
}
.Service ul li{
  float: left;
  width: calc((100% - 0.2rem)/3);
  margin-right: 0.1rem;
  background:url(../image/serverboxbg1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  height: 4.2rem;
  border-radius: 0.1rem;
}
.Service ul li ._img{
  height: 1.8rem;
}
.Service ul li img{
  margin-top: 0.7rem;
  margin-bottom: 0.4rem;
}
.Service ul li.active{
  background:url(../image/serverboxbg2.png) no-repeat;
  background-size: 100% 100%;
}
.Service ul li:last-child{
  margin-right: 0px;
}
.libox{
  text-align: left;
  padding: 0 0.54rem;
}
.libox h3{
  margin-bottom:0.3rem;
  font-size: 0.24rem;
  color:#fff;
  margin-bottom: 0.4rem;
}
.libox p{
  font-size: 0.18rem;
  color:#999;
  line-height: 0.35rem;
}
.Service ul li.active .libox p{
  color:#fff;
}
/*精选案例*/
.case{
  background: #ffff;
  padding-top: 0.6rem;
  padding-bottom: 0.7rem;
}
.case ul{
  padding: 0 1rem;
}
.case li{
  float: left;
  width: calc(100% / 6);
  text-align: center;
  margin-bottom: 0.2rem;
  height: 0.75rem;
  border:none;
}
.com_case li{
  border:none !important;
  margin-bottom: 0.2rem;
}
.com_case li:nth-child(1){
  border-top:none !important;
}
.com_case li:nth-child(2){
  border-top:none !important;
}
.com_case li:nth-child(3){
  border-top:none !important;
}
.com_case li:nth-child(3n) {
  border-right: none !important;
}
.case li img{
  width: 80%;
}
.case-more{
  color:#008cd6;
  font-size: 0.16rem;
}

@media (max-width: 1800px){
  .header-banner .text-box{
    left: 12%;
  }
}
@media (max-width: 1400px){
  .header-banner{
    height:6rem;
  }
  .swiper-wrapper .banner-slide {
    height:6rem;
  }
  .header-banner .text-box{
    left: 8%;
    top:1rem;
  }
  .banner-rowh{
    height: 1.6rem;
  }
  .border-b{
    margin-top: 0.3rem;
  }
  .h2_p{
    font-size: 0.16rem;
  }
  .rowh-box h2{
    font-size: 0.2rem;
    margin-bottom: 0.08rem;
  }
  .rowh-box p{
    font-size: 0.14rem;
    margin-bottom: 0.15rem;
  }
  .banner-rowh li{
    width: 2.8rem;
  }
  .cp{
    width: 0.35rem;
  }
  .yd{
    width: 0.51rem;
  }
  .hl{
    width: 0.3rem;
  }
  .fw{
    width: 0.3rem;
  }

  .bigdata .tab{
    padding-left: 0.1rem;
    margin-top: 0.6rem;
  }
  .bigdata_main{
    padding-top: 0.01rem;
  }
  .bigdata_text{
    padding-top: 0.6rem;
  }
  .case ul{
    padding: 0 0.6rem;
  }
  .case li img{
    width: 80%
  }
  .cloud_text{
    margin-top: 0.4rem;
  }
  .cloud ul{
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
  .cloud ul li{
    padding-top: 0.6rem;
    height: 3.6rem;
  }
  .cloud ul li .img-box{
    height: 1.28rem;
    margin-bottom: 0.4rem;
  }
  .cloud ul li img{
    width: 1.2rem;
  }
  .cloud ul li img.yjs{
    margin-top: 0.16rem;
  }
  .cloud ul li .li_title {
    font-size: 0.2rem;
  }
  .cloud ul li .li_p {
    font-size: 0.16rem;
  }
  .cloud ul li img.yaq{
    width: 0.7rem;
  }
  .Internet{
    padding-top: 0.4rem;
    height: inherit !important;
  }
  .Internet .container{
    background-position: initial !important;
    height: inherit;
  }
  .Service{
    padding-top: 0.4rem ;
  }
  .serverbigbg{
    top:0.1rem;
  }
  .case li{
    height: 0.55rem;
  }
}
@media (max-width: 1200px){
  .h2_title{
    font-size: 0.28rem;
  }
   .h2_subtitle{
    font-size: 0.18rem;
  }
  .h2_p{
    font-size: 0.16rem;
  }
  .banner-rowh li{
    width: 2.4rem;
  }
  .bigdata{
    height: 8rem;
  }
  .bigdata .tab{
    width: 95%;
  }
  .bigdata .tab li{
    margin-right: 0.5rem;
    font-size: 0.16rem;
    width: 0.65rem;
  }
  .bigdata #tabContent  h2{
    font-size: 0.24rem;
  }
  .bigdata #tabContent  .tabContent_subtitle{
    font-size: 0.16rem;
  }
  .bigdata #tabContent  li{
    line-height: 0.5rem;
    height: 0.5rem;
    overflow: hidden;
    color: #fff;
    font-size: 0.16rem;
    width: 1.48rem;
    margin-bottom: 0.25rem;
  }
  .Internet .container{
    background-size: 10rem !important;
  }
  .cloud ul li{
    padding-top: 0.6rem;
    height: 4.2rem;
  }
  .cloud ul li .li_title{
    font-size: 0.22rem;
  }
  .cloud ul li .li_p{
    font-size: 0.14rem;
  }
  .Internet{
    height: 6rem !important;
  }
  .Internet_bg{
    width: 12rem;
    margin-top: -3rem;
  }
  .Service{
    height:8.5rem;
  }
  .serverbigbg{
    height: 3rem;
  }
  .Service ul{
    margin-top: 1.2rem;
  }
  .Service ul li{
    width: calc((100% - 0.1rem)/3);
    margin-right: 0.05rem;
  }
  .Service ul li ._img{
    display: inline-block;
    height: 0.7rem;
    margin-top: 0.7rem;
    margin-bottom: 0.4rem;
  }
  .Service ul li img{
    margin-top: 0px;
    margin-bottom: 0.4rem;
  }
  .libox h3{
    font-size: 0.2rem;
  }
  .libox p{
    font-size: 0.16rem;
  }
  .zixun_title{
    font-size: 0.3rem;
  }
  .case li{
    height: 0.44rem;
  }
}
@media (max-width: 1024px){
  .box_title{
    font-size: 0.36rem;
    margin-bottom: 0.24rem;
  }
  .box_subtitle{
    font-size: 0.24rem;
    margin-bottom: 0.6rem;
  }
  .h2_title{
    font-size: 0.36rem;
  }
  .h2_subtitle{
    font-size: 0.24rem;
  }
  .h2_p{
    font-size: 0.24rem;
  }
  .header-banner{
    height: 8.5rem;
  }
  .swiper-wrapper .banner-slide{
    height: 8.5rem;
  }
  .pic{
    right:inherit;
    left: calc(50% - 4rem);
  }
  #canvas{
    right:inherit;
    left: calc(50% - 4rem);
  }
  .banner1 .text-box{
    left: 0%;
    margin-left: 0.4rem;
    margin-top: 0.8rem;
  }
  .banner1 .text-box h1{
    font-size: 0.3rem;
  }
  .rowh-box{
    width: 100%;
  }
  .banner-rowh{
    height: auto;
  }
  .banner-rowh li {
    width: calc( 100% / 2 );
    height: 1.8rem;
  }
  .rowh-box h2{
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
  }
  .cp {
    width: 0.4rem;
  }
  .container{
    padding: 0.4rem;
  }
  .bigdata{
    height: 10.5rem;
  }
  .bigdata .tab li{
    font-size: 0.26rem;
    width: 1.2rem;
    margin-right: 0.35rem;
  }
  .bigdata #tabContent  h2{
    font-size: 0.3rem;
  }
  .bigdata #tabContent  .tabContent_subtitle{
    font-size: 0.24rem;
  }
  .bigdata .tab{
    margin-top: 1rem;
  }
  .bigdata #tabContent{
    width: 8rem;
  }
  .bigdata #tabContent .tab-pane li img{
    width: 0.1rem;
    top: calc(50% - 0.08rem );
  }
  .bigdata #tabContent .tab-pane li{
    font-size: 0.24rem;
    line-height: 0.7rem;
    height: 0.7rem;
    width: 2rem;
  }
  .bigdata #tabContent .tab-pane a:nth-child(3n) li{
    margin-right: 0px;
  }
  #tabContent .ljmore{
    font-size: 0.24rem;
    margin-top: 0.15rem;
  }
  .cloud ul li{
    width: calc((100% - 0.4rem)/2);
    margin-right: 0.4rem;
  }
  .cloud ul li:nth-child(2n){
    margin-right: 0px;
  }
  .Internet {
    height: 10rem !important;
  }
  .Internet .container{
    background-size:12rem !important;
    background-position: center 3rem !important;
  }
  .Internet_bg{
    margin-top: 0px;
    margin: 0 auto;
    float: inherit;
    width: 100%;
    height: auto;
  }
  .pro span{
    font-size: 0.24rem;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
  }
  .pro .pro_tab img{
    width: 0.53rem;
    height: 0.53rem;
    margin-top: -0.09rem;
  }
  .map_bg_max{
    display: none;
  }
  .map_bg_min{
    display: block;
    width: 100%;
  }
  .Service{
    height: inherit;
  }
  .Service ul{
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
  }
  .Service ul li{
    width: 112%;
    margin-right: 0.05rem;
    margin-left: -0.5rem;
  }
  .Service ul li img{
    height: 100%
  }
  .Service ul li:last-child img{
    /* width: 1rem; */
  }
  .Service ul li ._img{
    height:inherit;
    margin-bottom: 0.6rem;
  }
  .serverbigbg{
    display: none;
  }
  .libox{
    text-align: center;
  }
  .libox h3{
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .libox p{
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .Service ul li ._img{
    display: inline-block;
    height: 0.7rem;
    margin-top: 0.7rem;
    margin-bottom: 0.4rem;
  }
  .newsList .container{
    width: 80%;
  }
  #news li{
    width: 100%;
  }
  .news_content{
    padding: 0.2rem 0.15rem;
    font-size: 0.24rem;
  }
  .news_content h5{
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
  .news-item h5 span{
    height: 0.3rem;
  }
  .news-item—txt h5{
    font-size: 0.24rem;
    line-height: 0.3rem;
    padding: 0.22rem;
  }
  .news-item—txt h5 p{
    height: 0.3rem;
  }
  .news-item h5>span {
    width: inherit;
    max-width: calc(100% - 0.5rem);
  }
  .more{
    font-size: 0.22rem;
  }
  .case li{
    width: calc(100% / 3);
    margin-bottom: 0.3rem;
  }
  .case .more{
    margin-top: 0.25rem;
  }
  .case-more{
    font-size: 0.22rem;
  }

  .case li{
    height: 0.8rem;
  }
}
@media (max-width: 1000px){
  .Internet_box {
    background-size: 7rem !important;
    background-position: top right !important;
  }
 .Internet_box{
    display: none;
  }
  .Internet{
    padding-bottom: 0.4rem;
    height: max-content !important;
  }
  .Internet .container{
    background: none !important;
  }
  .internet_mbile{
    display: block;
    margin-top: 0.4rem;
  }
  .tablist{
    margin-bottom: 0.3rem;
  }
  .tablist:last-child{
    margin-bottom: 0rem;
  }
  .tablist h3{
    width: 80%;
    font-size: 0.32rem;
    line-height: 0.6rem;
    border-bottom:1px solid #ddd;
    margin-bottom: 0.1rem;
  }
  .tablist li{
    font-size: 0.26rem;
    line-height: 0.45rem;
  }
  .newsList #tabContent .newtxt{
    margin-bottom: 0px;
  }
  .cloud ul li .li_title{
    font-size: 0.26rem;
  }
  .cloud ul li .li_p{
    font-size: 0.2rem;
  }
  .c-media-cell-con{
    background: #1f2533;
  }
  .c-media-cell-tit h2{
    color:#fff;
  }
  .serverTeam_txt_p_min p {
    color: rgba(255,255,255,0.8);
  }

  /*.Internet{*/
    /*display: none;*/
  /*}*/
}
@media (max-width: 990px){
  .newsList .container{
    width: 100%;
  }
  .bigdata #tabContent{
    width: 100%;
  }
  .bigdata{
    background-size: cover;
    background-position: -8rem center;
  }
}
@media (max-width: 800px){
  .Internet {
    height: 10rem;
  }
  .Internet_box {
    background-size: 8rem !important;
    background-position: bottom !important;
  }
  .Internet_box li{
    font-size: 0.24rem;
  }
  .bigdata #tabContent .tab-pane li{
    font-size: 0.22rem;
  }
  .pro .pro_tab img{
    margin-top: -0.015rem;
  }
  .Internet_box{
    display: none;
  }
  .Internet .container{
    background: none !important;
  }
  .case li{
    height: 0.4rem;
  }
  .cavbox{
    display: none;
  }
  .banner1{
    background: url(../image/banner_m.png) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .Service ul li{
    background:url(../image/serverboxbg2.png) no-repeat;
    background-size: 100% 100%;
  }
  .libox p{
    color: #fff;
  }
}