.header-banner {
  height: 3rem;
  margin-top: 0.7rem;
}
.swiper-wrapper .banner-slide {
  height: 3rem;
  position: relative;
}
.banner1{
  background: url(../image/banner/serviceIntroductionbg.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.banner1 .text-box h1{
  font-size: 0.44rem;
  color:#fefefe;
  text-align: center;
  line-height:3rem;
}

.h2_title{
  font-size: 0.36rem;
  text-align: center;
  letter-spacing: 12px;
}
.serverCenter .h2_title{
  color:#333;
}
.serverCenter{
  padding-top: 0.6rem;
  position: relative;
}
.serverCenter .list{
  padding: 0.4rem 0rem;
}
.serverCenter .list li{
  float: left;
  margin-right: 1rem;
  width: calc((100% - 2rem)/3);
  border-radius: 0.04rem;
  text-align: center;
  padding: 0.6rem 0.2rem 0.4rem 0.2rem;
}
.serverCenter .list li:last-child{
  margin-right: 0;
}
.serverCenter .list li img{
  width: 1.2rem;
  margin-bottom: 0.6rem;
}
.serverCenter .list li h2{
  font-size: 0.24rem;
  color:#333;
  margin-bottom: 0.24rem;
}
.serverCenter .list li p{
  color:#666;
  font-size: 0.18rem;
  line-height: 0.24rem;
  text-align: justify;
}
.pl{
  position: fixed;
  top: 2.5rem;
  right: 0.4rem;
  border-radius: 0.1rem;
  overflow: hidden;
  z-index: 999;
}
.pl li{
  padding: 0.16rem 0.2rem;
  font-size: 0.14rem;
  color:#FFF;
  background: #008cd6;
  text-align: center;
  cursor: pointer;
}
.pl li:nth-child(2){
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.pl li:hover{
  background: #49c0ff;
}
.pl li img{
margin-bottom: 0.1rem;
}
.serverTeam_txt{
  float: left;
  width: 3.5rem;
  margin-right: 1rem;
}
.serverTeam{
  background: #0e1938;
  color:#fff;
  padding-top: 0.4rem;
  text-align: center;
}
.serverTeam_main {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  margin-top: 0.4rem;
  padding-bottom: 0.6rem;
}
.add{
  float: right;
  margin-top: 0.03rem;
}
.serverTeam_txt_p{
  border-bottom:1px solid #fff;
  padding: 0.16rem 0px;
  height:0.48rem;
  overflow: hidden;
  line-height: 0.22rem;
  font-size: 0.14rem;
  -webkit-transition: all .26s linear;
  -moz-transition: all .26s linear;
  -o-transition: all .26s linear;
  -ms-transition: all .26s linear;
  transition: all .26s linear;
}
.serverTeam_txt_p.active{
  height:1.15rem;
}
.serverTeam_txt_p.active .add{
  display: none;
}
.serverTeam_txt_p.active h3{
  color:#94e7f4;
  font-size: 0.2rem;
}
.serverTeam_txt_p h3{
  font-size: 0.14rem;
  display: inline-block;
}
.serverTeam_txt_p p{
  margin-top: 0.12rem;
}
.serverTeam_txt_p:last-child{
  border-bottom:none;
}
.SIteam{
  float: left;
  padding-left: 1rem;
  border-left: 1px dashed #333;
}
.serverCar{
  background: #0e1938;
  color:#fff;
  padding-top: 0.6rem;
  text-align: center;
  overflow: hidden;
}
.serverCar{
  text-align: center;
}
.serverCar .h2_title{
  margin-bottom: 0.82rem;
}
.servercar_main{
  padding-bottom: 0.64rem;
  display: inline-block;
}
.servercar_main img{
  float: left;
  width: 3.3rem;
}
.servercar_main .serverCar_txt{
  float: left;
  width: 3.5rem;
  text-align: left;
  margin-left: 2rem;
  text-align: justify;
  margin-top:0.6rem;
}
.servercar_main .serverCar_txt p{
  font-size: 0.16rem;
  line-height: 2;
  text-align: left;
  margin-bottom: 0.45rem;
}
.servercar_main .serverCar_txt span {
  font-size: 0.16rem;
  margin-right: 0.2rem;
}
.servercar_main .serverCar_txt span:last-child{
  margin-right: 0rem;
}
.servercar_main .serverCar_txt span i{
  width: 0.1rem;
  margin-right: 0.1rem;
  display: inline-block;
  height: 0.1rem;
  background: url(../image/i_ro.png) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
#qghy .tab-pane—txt,#qglk .tab-pane—txt{
  margin-top: 1.5rem;
  width:5rem;
  float: left;
  text-align: left;
  color:#fff;
  font-size: 0.16rem;
}
#qghy .map_bg,#qglk .map_bg{
  float: right;
  width: 4.27rem;
  margin-right: 1rem;
}
.min-moble{display: none;}
@media (max-width: 1480px){
  .pl{
    right: 0.2rem;
  }
  .pl li {
    padding: 0.15rem 0.15rem;
    font-size: 0.14rem;
  }
  .serverCenter .list li{
    margin-right: 0.8rem;
    width: calc((100% - 1.6rem)/3);
  }
}
@media (max-width: 1400px){
  .servercar_main{
    margin-left: 1.25rem;
  }
  .servercar_main img{
    float: left;
    width: 3.5rem;
  }
  .serverCenter .list{
    padding: 0.4rem 0.4rem;
  }
  .serverCenter .list li{
    margin-right: 0.5rem;
    border-radius: 0.1rem;
    width: calc((100% - 1rem)/3);
  }
  .serverCenter .list li p{
    font-size: 0.14rem;
  }
}
@media (max-width: 1280px){
  .servercar_main{
    margin-left: 0.8rem;
  }
  #qghy .tab-pane—txt,#qglk .tab-pane—txt{
    width:5rem;
  }
  #qghy .map_bg,#qglk .map_bg{
    float: right;
    width: 3.8rem;
    margin-right: 0.5rem;
  }
  .h2_title{
    font-size: 0.32rem;
  }
  .serverCenter .list{
    padding: 0 0.4rem;
  }
  .serverCenter .list li{
    margin-right: 0.4rem;
    width: calc((100% - 0.8rem)/3);
  }
  .serverCenter .list li h2{
    font-size: 0.22rem;
  }
  .pl li {
    padding: 0.1rem 0.1rem;
  }
  .pl li img {
    width: 0.32rem;
  }
}
@media (max-width: 1204px){
  .serverCenter .list{
    padding: 0px;
  }
  .serverCenter .list li h2{
    font-size: 0.2rem;
  }
}
@media(max-width: 1204px){
  .servercar_main{
    margin-left: 0px;
  }
  .servercar_main img{
    width: 3rem;
  }
  .servercar_main .serverCar_txt{
    margin-left: 1rem;
  }
  .SIteam{
    width: 4rem;
  }
}
@media (max-width: 1024px){
  .pl{
    display: none;
  }
  .SIteam{
    padding-left: 0.5rem;
  }
  .serverTeam_txt{
    margin-right: 0.5rem;
  }
  .serverCenter{
    padding-bottom: 0.2rem;
  }
}
@media (max-width: 990px){
  .serverCenter  .container{
    width: 90%;
  }
  .serverCar .container{
    width: 90%;
  }
  .serverCenter .list li{
    padding: 0.6rem 0rem 0.4rem 0rem;
  }
  .servercar_main .serverCar_txt{
    margin-top: 0.25rem;
  }
  .servercar_main img{
    width: 2.5rem;
  }
  .SIteam{
    width: 3.2rem;
  }

}
@media (max-width: 900px){
  .serverCenter  .container{
    width:5rem;
  }
  .h2_title {
    letter-spacing: 0.2rem;
    font-size: 0.36rem;
  }
  .serverCenter .list{
    padding-top: 0.4rem;
  }
  .serverCenter .list li{
    width: 100%;
    margin-right: 0px;
    padding: 0.4rem 0 0.4rem 0;
  }
  .serverCenter .list li h2{
    font-size: 0.3rem;
  }
  .serverCenter .list li img{
    margin-bottom: 0.4rem;
    width: 1.4rem;
  }
  .serverCenter .list li p{
    font-size: 0.24rem;
    line-height: 1.5;
  }
  .max-pc{display: none;}
  .min-moble{
    display: block;
    border-top: 1px solid #ddd;
  }
  .serverTeam_txt_p_min h3{
    color:#333;
    font-size: 0.24rem;
    line-height: 2;
  }
  .serverTeam_txt_p_min p{
    color: #999;
    font-size: 0.24rem;
    line-height: 1.5;
  }
  .serverCar_txt{
    padding: 0.2rem 20px;
  }
  .serverTeam_txt_p_min{
    margin-bottom: 0.3rem;
  }
  .server_main{
   width: 80%;
    margin: 0 auto;
    height: fit-content;
  }
  .server_main  p{
    line-height:1.5;
    text-align: left;
    font-size: 0.24rem;
  }
  .server_main  span{
    margin-right: 0.2rem;
    font-size: 0.24rem;
  }
  .server_main  span i{
    width: 0.14rem;
    margin-right: 0.1rem;
    display: inline-block;
    height: 0.14rem;
    background: url(../image/i_ro.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    vertical-align: baseline;
  }
  .server_main  span a{
    color:#fff;
  }
  .serverTeam{
    padding-top: 1.2rem;
    padding-bottom: 0.6rem;
  }
  .serverCar .h2_title{
    margin-bottom: 0.4rem;
  }
  .serverTeam_txt_p_min h3{
    color: #fff;
  }
  .server_main p{
    color:rgba(255,255,255,0.75)
  }
  .serverCar .server_main p{
    color: #fff;
  }
}