/* Demo Styles */
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  font-family:SourceHanSansCN-Heavy;
}
.padd0{
	padding: 0;
}
.swiper-container {
  width: 100%;
  height: 670px;
  color: #fff;
  text-align: center;
}
.swiper-container img{
	width: 100%;
	height: 100%;
}
.red-slide {
  background: #ca4040;
}
.blue-slide {
  background: #4390ee;
}
.orange-slide {
  background: #ff8604;
}
.green-slide {
  background: #49a430;
}
.pink-slide {
  background: #973e76;
}
.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.swiper-slide p {
  font-style: italic;
  font-size: 25px;
}
.pagination {
	height: 100%;
	
  position: absolute;
  z-index: 20;
  right: 17%;
  top: -20px;
  padding-top: 200px;
  opacity: 0.5;
  border-right:solid white 1px ;
  border-radius:0 ;
  font-size: 17px;
}
.swiper-pagination-switch {
  display: block;
  width: 40px;
  height: 30px;
  /*border-radius: 8px;
  background: #555;*/
  margin: 20px -1px 5px 2px;
  opacity: 0.5;
  /*border: 1px solid #fff;*/
  cursor: pointer;
  color: white;
}
.swiper-active-switch {
	opacity: 1;
	color: #FFFFFF;
	font-weight:700 ;
	border-right:solid red 1px ;
  /*background: #fff;*/
}
#navul{
	height: 100px;
	display: flex;
	display:-webkit-flex;
	align-items: center;
}
.navulyy{
	box-shadow: 5px 3px 10px rgba(0,0,0,0.1);
}
#navul a{
	font-size:18px;
	font-family:SourceHanSansCN-Heavy;
	color:white;
	font-weight: bold;
	background-color: transparent;
}
#navul .navcss{
	color: black;
}
#navul .navactive {
	color: #ff6a4d;
  }
   #navul li{
   	padding: 0;
   	margin-left: 11px;
   	margin-right: 11px;
   	width: 104px;
   	
   }
#navul a:hover{
    /*border-bottom: solid white 2px;*/
   color: #ff6a4d;
   }

.navul li{
   	text-align: center;

   }
 
#logo{
	width: 184px;
	margin-top: -20px;
}

.bottomtitle{
	margin-top: 80px;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size:42px;
	font-family:PingFang-SC-Bold;
	font-weight:500;
	color:rgba(20,21,42,1);
}
.yewulist{
	/*border: solid red 1px;*/
	text-align: center;
	padding-top: 20px;
}
.yewuimg {
	display: flex;
	display: -webkit-flex;
    justify-content: center;
    align-items: center;
    }
.yewuimg img{
	width: 100px;
	height: 100px;
	border-radius:50% ;
	
}
.yewufont{
	height:40px;
	font-size:30px;
	font-family:PingFang-SC-Bold;
	color:rgba(20,21,42,1);
	margin-left: 15px;
}
.yewurem{
	margin-top: 35px;
	/*width:400px;*/
	/*margin-left: 135px;*/
	/*text-align: left;*/
	/*height:47px;*/
	font-size:18px;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(20,21,42,1);
	line-height:30px;
	opacity:0.7;
	/*border: solid red 1px;*/
}
.yewumain{
	margin-top: 58px;
}
.bottommore{
	width: 100%;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
}

.bottommore span{
	background:rgba(239,76,44,1);
	padding:17px 65px 17px 65px;
	font-size:24px;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
	color:rgba(255,255,255,1);
}
.egmain{
	padding: 0;
	width: 100%;
	height:auto;
	background-color: #edf0f0;
}

.kehueg{
	width: 100%;
	height: 200px;
	line-height: 200px;
	/*border: solid red 1px;*/
	text-align: center;
	font-size:42px;
	font-family:PingFang-SC-Bold;
	font-weight:500;
	color:rgba(20,21,42,1);
}
.egtitlem{
	height: 75px;
	margin-top: 50px;
}
.egtitle{
	height:29px;
	font-size:30px;
	font-family:PingFang-SC-Heavy;
	font-weight:500;
	color:rgba(20,21,42,1);
	line-height:30px;
}
.applist{
	margin-top: 47px;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}
.applist img{
	width: 100%;
	margin-top: 10px;
}
.applist div{
	/*border: solid red 1px;*/
	padding: 10px;
	
}
.apptitle{
	width:100%;
	height:70px;
	font-size:22px;
	font-family:PingFang-SC-Heavy;
	font-weight:500;
	color:rgba(20,21,42,1);
	line-height:30px;
	text-align: left;
	overflow: hidden;
}
.apptitle2{
	text-align: left;
	font-size:18px;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(20,21,42,1);
	line-height:30px;
	opacity:0.7;
	
}
.gameleft{
	padding: 0;
}
.gameleft img{
	width: 100%;
	
}
.gametop{
	padding: 10px;
	padding-top: 35px;
}
.gametop img{
	width: 100%;
	display: block;

}
.gametopfont{
	width:71px;
	height:40px;
	font-size:18px;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(20,21,42,1);
	line-height:40px;
	opacity:0.7;
}
.apptitleleft{
	width:132px;
height:22px;
font-size:22px;
font-family:PingFang-SC-Heavy;
font-weight:500;
color:rgba(20,21,42,1);
line-height:30px;
}
.apptitleleft2{
	width:107px;
height:17px;
font-size:18px;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(20,21,42,1);
line-height:30px;
opacity:0.7;

}
.webeg{
	width:218px;
height:29px;
font-size:30px;
font-family:PingFang-SC-Heavy;
font-weight:800;
color:rgba(20,21,42,1);
line-height:30px;
}

.webegtitle{
	width:208px;
	height:29px;
	font-size:30px;
	font-family:PingFang-SC-Heavy;
	font-weight:500;
	color:rgba(20,21,42,1);
	line-height:30px;
	margin-top: 85px;
}
.weblist{
	padding: 0px;
	margin-top: 47px;
	padding-bottom: 160px;
}.webson{
	padding: 0;
}
.webson img{
	width: 100%;
}
.webmarke{
	text-align: left;
	height:30px;
	font-size:22px;
	font-family:PingFang-SC-Heavy;
	font-weight:500;
	color:rgba(20,21,42,1);
	margin-top: 8px;
	overflow: hidden;
}
.myservermain{
	text-align: center;
	height: 180px;
	line-height: 180px;
}
.myserver{
	width:207px;
	height:40px;
	font-size:42px;
	font-family:PingFang-SC-Bold;
	color:rgba(20,21,42,1);
	
}

.serverson{
	text-align: center;
	padding: 0;
	overflow: hidden;

}
.serverimg{
	display: flex;
	display: -webkit-flex;
	justify-content: center;

	padding: 0;
}

.serverimg img{
	width: 60px;
	height: 60px;
}

.serverimgfont span{
	width:16px;
	height:37px;
	font-size:50px;
	font-family:PingFang-SC-Heavy;
	font-weight:bold;
	color:rgba(20,21,42,1);
	opacity:0.1;
}
.serverrighttop{
	padding: 0;
	text-align: left;
	height:48px;
	font-size:30px;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
	color:rgba(20,21,42,1);
	margin-top: -8px;
}
.serverright{
	padding: 0;
}
.serverrightbottom{
	width:215px;
	height:120px;
	font-size:17px;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(20,21,42,1);
	line-height:30px;
	opacity:0.7;
	text-align: left;
	padding: 0;
}
.serverlist{
	padding: 0;
	
}
.backhui{
   	/*border: solid red 1px;*/
	  background-color: #edf0f0;
	  margin-top: 70px;
 }

.zsright_list{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	
} 
.zsright_lists{
	width: 550px;
	margin-top: 30px;
	text-align: left;
	font-size:16px;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(20,21,42,0.7);
	line-height:26px;
}
 .zsright_title{
	width:93px;
	height:26px;
	font-size:20px;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
	color:rgba(20,21,42,1);
} 
 .blankspan{
 	width: 100%;
 	height: 10px;
 }
 .zsmain{
  padding-bottom: 80px;
 }
.contactmain{
	background-image: url(../img/backblack.png);
	background-repeat:no-repeat;
	height:555px;
}
.contactlist{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}

.contactborder:nth-of-type(1){
	width: 170px;
}
.contactborder:nth-of-type(2){
	width: 370px;
}
.contactborder:nth-of-type(3){
	width: 570px;
}
.contactson{
	outline: none;
	width: 100%;
	height:72px;
	color: white;
	border-radius:8px;
  background-color:transparent;
	border:2px solid rgba(255,255,255,1);
	font-size: 30px;
	padding-left: 20px;
}
.contactborder{
	margin-left: 30px;
}
.contactbutton{
	margin-top: 110px;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	padding: 0;
}
.contactbutton input{
	font-size: 26px;
	outline:none;
	text-align: center;
	width:315px;
	height:72px;
	background:rgba(152,159,174,1);
	border:2px solid rgba(184,191,206,1);
	border-radius:8px;
}
.contactbottomson{
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
text-align: center;
}
.contactbottomsonfont{
	padding: 0;
	font-size:18px;
	font-family:PingFang-SC-Bold;
	color:rgba(20,21,42,1);
}
.bottom{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height:110px;
  color: #888;
  font-size:14px ;
  background:rgba(47,47,71,1);
  a {
	color: #888;
  }
}
 #ljmore:hover{
  	cursor: pointer;
  }
#app_ani{
   opacity: 0;
}
#egtitle{
	opacity: 0;
}
#gema_ani{
	opacity: 0;
}
#web_ani{
	opacity: 0;
}
#server_ani{
	opacity: 0;
}
#wei_ani{
	opacity: 0;
}
@media (max-width: 768px) {
    /*超小屏幕设备 手机*************************************/
   html{
   	padding: 0;
   }
   #navul{
		height: 100px;
		padding-top: 25px;
		display: block;
   }
   .navli{
   	border-bottom: solid transparent 2px;
   }
   #navul li:hover{
    border-bottom: solid transparent 2px;
   }
   .swiper-container {
     height: 425px;
  
   }
   .bnnersize img{
   		width: 100%;
   		height: 100%;
   		/*margin-left: -350px;*/
   }
   .apptitle{
   	font-size:18px;
   }
   .gametop img{
	 width:100%;
   }
   .gametop{
	 padding: 0;
   }
   .gametop div{
	 padding: 3px;
	 /*padding-top: 35px;*/
   }
   .rightgame{
   	margin-top: 50px;
   }
   .webson{
   	margin-top: 30px;
   }
   .webson2{
   	/*padding-bottom: 80px;*/
   }
   .webmarke{
   	font-size: 18px;
   }
   .serverson:nth-of-type(1){
	 margin-top: 0;
   }
   .serverson{
	 margin-top: 30px;
   }
   .serverlist{
   	/*padding: 0;*/
   	margin-left: -20px;
   }
   .serverright{
   	margin-left: -10px;
   }
   .zsleftimg{
   	width: 100%;
   }
   .contactlist{
   	display: flex;
   	display: -webkit-flex;
   	flex-wrap: wrap;
   }
   .contactlist div{
   	padding: 0;
   	margin-top: 20px;
   	margin-left: 0px;
   	width: 100%;
   }
   .contactlist div:nth-child(1){
   	margin-top: -10px;
   	width: 100%;
   }
   .contactlist div:nth-child(2){
   	width: 100%;
   }
   .contactlist div:nth-child(3){
   	width: 100%;
   }
   .contactbutton{
   	padding: 10px;
   	width: 100%;
   	margin-top: 0px;
   }
   .contactbutton input{
   	width: 100%;
   }
   .contactlist{
   	padding: 10px;
   }
   .webson2{
   	padding-bottom: 20px;
   }
   #ulul{
	background-color: rgba(0,0,0,0.2);
	margin-top: 24px;
  }  
  #navul{
	background-color: rgba(0,0,0,0.2);
  }
  

  .contactbottomson{
  	display: flex;
  	justify-content: flex-start;
  	align-items: center;
  	flex-wrap: nowrap;
  	padding-left: 0;
  	overflow: hidden;
  }
  .contactbottomson div:nth-child(1){
  	padding-right: 5px;
  	padding-left: 0;
  }
  .contactbottomson div:nth-child(2){
  	/*padding-left: 10px;*/
  	overflow: hidden;
  	height: 20px;
  }
  .contactbottomsonfont{
  	font-size: 16px;
  }
  .contactbottom{
  	padding-left: 0;
  	padding-right: 0;
  }
  .contactborder input{
  	height: 45px;
  	font-size: 18px;
  	border: solid white 1px;
  	padding-left: 10px;
  	margin-top: 25px;
  }
  #tijiao{
  	height: 45px;
  	font-size: 18px;
  	width: 100px;
  	border: solid  1px;
  	margin-top: 30px;
  }
  .contactmain{
  	padding-bottom: 25px;
  	font-weight: 600;
  }
  .myserver{
  	font-size: 31px;
  	font-weight: 600;
  }
  .myservermain{
  	height: 150px;
  	line-height: 150px;
  }
  .wxtitle{
  	font-size: 26px;
  	font-weight: 400;
  }
  .wztitle{
  	font-size: 26px;
  	font-weight: 400;
  }
  .egtitle{
  	font-size: 26px;
  	font-weight: 400;
  }
  .kehueg{
  	font-size: 31px;
  	height: 160px;
  	line-height: 160px;
  }
  .applist{
  	margin-top: 30px;
  } 
  .bottomtitle{
  	font-size: 31px;
  	font-weight: 600;
  }
  .yewufont{
  	font-size: 26px;
  }
  .serverrighttop{
  	font-size: 26px;
  }
 .applist div{
	padding: 5px;
  }
  .applist{
	padding-left: 10px;
	padding-right: 10px;
}
}


@media (min-width: 768px) and (max-width: 992px) {
    /*小屏幕设备 平板*/
   #navul{
   	padding: 0px;
		height: 100px;
		display: flex;
		display:-webkit-flex;
		align-items: center;
  }
  #navul li{
   	margin-left: 0px;
   	margin-right: 0px;
   }
   .navimg{
   	border-bottom: solid transparent 2px;
   }
   #navul li:nth-child(2):hover{
    border-bottom: solid transparent 2px;
   }
   .navactive{
   	border-bottom: solid transparent 2px;
   }
  #navul img{
  	margin-top: -6px;
  }
   .swiper-container img{
	 width: 1200px;
	 height: 100%;
	 margin-left:-30%;
   }
  #logo{
  	display: none;
  	
  }
  .navbar-header{
  	display: none;
  }
  .navul {
   margin-left: -15px;
   }
   .navul li{
   	width: 105px;
   }
   .serverright{
   	padding-left: 45px;
   }
   .serverimgfont{
	text-align: right;
  }
  .serverimg{
	justify-content: flex-end;
  }
   .contactlist{
   	padding:0px 40px 0 40px;
   }
   .contactbutton{
   	padding:20px 40px 0 40px;
   }
   
   
   
   
   .contactbottomson{
  	display: block;
  }
  #ulul{
	background-color: transparent;
	margin-top: 7px;
  }  
  #navul{
	background-color: transparent;
  }
  .contactlist{
  	padding-left: 110px;
  	padding-right: 110px;
  }
  .contactborder input{
  	height: 55px;
  	font-size: 20px;
  	border: solid white 1px;
  	padding-left: 10px;
  	margin-top: 25px;
  }
  #tijiao{
  	height: 55px;
  	font-size: 18px;
  	width: 140px;
  	border: solid  1px;
  	margin-top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
    /*中等屏幕设备 桌面*/
   .navul{
   	padding-left: 0px;
   }
   #navul li{
   	margin-left: 0px;
   	margin-right: 0px;
   }
   .swiper-container img{
	 width: 1600px;
	 height: 100%;
	 margin-left:-30%;
   }
   .swiper-container {
     height: 560px;
  
   }
   .navul li{
   	text-align: center;
   	width: 105px;
   }
   .yewurem{
	font-size:17px;
  }
  .rightgame{
   	margin-top: 20px;
   }
  
  .blank{
  height: 250px;
  }
  .serverson{
  	margin-top: 50px;
  }
  .serverright{
   	padding-left: 45px;
   }
   .serverimgfont{
	text-align: right;
  }
  .serverimg{
	justify-content: flex-end;
  }
  .webson{
  	margin-top: 30px;
  }
  .webson:nth-of-type(1){
  	margin-top: 0px;
  }
  .wxtitle{
  	height: 100px;
  	line-height: 100px;
  }
  .wztitle{
  	margin-top: 0;
  	
  	padding:0;
  	height: 130px;
  	line-height: 130px;
  }
}
@media (min-width: 1200px) {
    /*大屏幕设备 桌面*/
   body{
   	/*background-color: black;*/
   }
   .navul li{
   	width: 130px;
   	text-align: center;
   }
   .serverimg{
   	margin-left: 0px;
   }
   .serverimgfont{
   	margin-left: 0px;
   }
   .serverson{
	 margin-top: 0px;
   }
   .zsright_list{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
  }
  .zsleftimgp{
  	padding-right: 50px;
  }
  .zsleftimgp img{
  	width: 100%;
  }
  .webson2,.webson{
  	padding: 15px;
  	padding-top: 0;
  }
  .webson2{
  	margin-top: 0;
  }
  .webegtitleem{
  	margin-top: 50px;
  	height: 90px;
  }
  .weblist{
  	padding-bottom: 30px;
  } 
  .wxtitle{
  	height: 70px;
  }
}