.swiper {
		        width: 100%;
		        height: 100%;
		      }
		
		      .swiper-slide {
		        text-align: center;
		        font-size: 18px;
		        background: #fff;
				width: 100%;
				height: 100%;
				display: block;
		        /* Center slide text vertically */
		        display: -webkit-box;
		        display: -ms-flexbox;
		        display: -webkit-flex;
		        display: flex;
		        -webkit-box-pack: center;
		        -ms-flex-pack: center;
		        -webkit-justify-content: center;
		        justify-content: center;
		        -webkit-box-align: center;
		        -ms-flex-align: center;
		        -webkit-align-items: center;
		        align-items: center;
		      }
		
		      .swiper-slide img {
		        display: block;
		        width: 100%;
		        height: 100%;
		        object-fit: cover;
		      }
		
		      .swiper-pagination-bullet {
		        width: 20px;
		        height: 20px;
		        text-align: center;
		        line-height: 20px;
		        font-size: 12px;
		        color: #000;
		        opacity: 1;
		        background: rgba(0, 0, 0, 0.2);
		      }
		
		      .swiper-pagination-bullet-active {
		        color: #fff;
		        background: #007aff;
		      }
			  .swiper-slide{
				  
			  }
			  .swiper-slide img{
				  width: 100%;
				  height: 100%;
				  display: block;
			  }
			  .blackb{
				  position: absolute;
				      bottom: 0;
				      background: #E8E8E8;
				      width: 100%;
				      height: 40px;
				      line-height: 40px;
			  }
			  .serverbox{
				  padding-top: 60px;
				  box-sizing: border-box;
				 width: 100%;
				 height: 557px;
				 background: url('../img/indexbg.jpg');
				 background-size: 100% 100%;
				 padding: ;
			  }
			  .serverbox .titlebox{
				  text-align: center;
				 width: 100%;
			  }
			  .serverbox h3,.serverbox h4{
				  color: #fff;
			  }
			  .serverbox h4{
				  margin: 0 auto;
				  width: 300px;
			  }
			  .serverbox h4 hr{
				  width: 60px;
				  display: inline-block;
				  background: #fff;
				  
			  }
			  .serverbox h4 hr p{
				  display: inline-block;
				 
			  }
			  .enbox{
				  font-size: 16px;
				  font-weight: normal;
				  text-align: center;
				  padding-top: 10px;
				  position: relative;
			  }
			  .eng{
				  top: 16px;
				      position: absolute;
				      left: 50%;
				      transform: translate(-50%);
				  position: absolute;
				 text-transform: uppercase;
			  }
			  .titlebox h3{
				  font-size: 26px;
				  font-family: Microsoft YaHei;
				  font-weight: bold;
				  color: #FFFFFF;
			  }
			  .groupbox{
				  width: 1199px;
				  height: 304px;
				  margin: 0 auto;
				  background: #FFFFFF;
				  margin-top: 20px;
				  border: 1px solid #D4D4D4;
				  display: flex;
			  }
			  .item-server{
				  cursor: pointer;
				  box-sizing: border-box;
				  padding: 20px;
				  margin-top: 50px;
				  flex: 1;
				  text-align: center;
			  }
			  .oneimg{
				   margin: 0 auto;
				  display: block;
			  }
			  .twoimg{
				   margin: 0 auto;
				  display: none;
			  }
			  .item-server:hover .oneimg{
				  display: none;
			  }
			  .item-server:hover .twoimg{
			  	display: block;
			  }
			  .item-server h5{
				  color: #000;
				  line-height: 77px;
				  font-size: 20px;
				  font-family: Microsoft YaHei;
				  font-weight: 400;
				  color: #121212;
				
			  }
			  .indexTop{
				  width: 100%;
				      height: 750px;
					  max-height: 750px;
				      background: url(/img/ribblehead-viaduct-2443085.png);
				      background-size: cover;
				      /* padding: 30%; */
				      box-sizing: border-box;
					    overflow: hidden;
						position: relative;
						
			  }
			  .imgBox{
				  height: 100%;
				      padding:300px 10% 0 0%;
				      margin: 0 auto;
				      width: 1200px;
			  }