.pageBox_1 { position: relative; z-index: 0; padding: 10em 0 0; background-color: #f4f4f4;}
.pageBox_1 .con { position: relative; z-index: 1; 
display: flex; justify-content: center; align-items: center; }
.pageBox_1 li:nth-child(2n+1) .con {flex-direction:  row;}
.pageBox_1 li:nth-child(2n) .con {flex-direction:row-reverse;}
.pageBox_1  .picb { width: 60%; }
.pageBox_1  .picb img { display: block; width: 100%; height: auto;}
.pageBox_1 .txtb {width: 40%; color: #000; text-align: center;}
.pageBox_1 .txtc { padding: 20px;}
.pageBox_1  .title { }
.pageBox_1  .title img { display: block; margin: 0 auto 0; width: auto; height: 2em;}
.pageBox_1  .title2 { margin-top: 0.6em; font-weight: bold; }
.pageBox_1  .intro { margin-top: 0.7em;}
.pageBox_1 .line img { display: block; width: 100%; height: auto;}
	 
@media only screen and (max-width:828px) {
	.pageBox_1 { padding: 10em 0 0;}
	.pageBox_1 .con { display: block;}
	.pageBox_1  .picb { width: auto}
	.pageBox_1  .txtb { width: auto;}
}



.yjBox { position: relative; z-index: 0; padding: 1em 0 3em; background-color: #f4f4f4;}
.yjBox .con {  }
.yjBox .titb {width: 100%; max-width: 1140px; margin: 0 auto;}
.yjBox .title2 { margin-top: 0.6em; font-weight: bold; }
.yjBox .intro { margin-top: 0.7em;}

.yjBox .list { width: 100%; max-width: 1140px; margin: 0 auto;}
.yjBox .list ul { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.yjBox .list li { width: 23%; margin: 2em 1% 0; text-align: center;}
.yjBox .list li .pic { width: 5em; margin: 0 auto; }
.yjBox .list li .pic img, 
.yjBox .list li .pic svg{margin: 0 auto; display: block; width: 5em; height:5em; object-fit: contain;}
.yjBox .list li .name { margin-top: 0.2em; color: #000; text-align: center;}

@media only screen and (max-width:828px) {
	.yjBox .list li { width: 48%;}
}

.swiper-banner { position: relative; z-index: 0; }
.swiper-banner .pic { position: relative; z-index: 0; width: 100%;
padding-top: 40%;}
.swiper-banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.swiper-banner .btnPrev,
.swiper-banner .btnNext { z-index: 10; cursor: pointer;
	position: absolute; top: 50%; margin-top: -1.4em;
	width: 2.8em; height: 2.8em;
	background: center center  no-repeat;
	background-size:contain;
}
.swiper-banner .btnPrev { left: 1.3%;
	background-image:url(../images/arr_left.png) ;
}
.swiper-banner .btnNext { right: 1.3%;
	background-image:url(../images/arr_right.png) ;
}
.swiper-banner .swiper-pagination-bullet { background-color: #000;
filter:alpha(opacity=60);-moz-opacity:.6; opacity:0.6;}
.swiper-banner  .swiper-pagination-bullet-active { background-color: #fff;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
@media only screen and (max-width:828px) {
	.swiper-banner { margin-top: 66px;}
}

.introBox { background: #000; padding: 4em 0; position: relative; z-index: 0;
 color: #fff;}
 .introBox::after { content: ""; display: block; 
 position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%;
 background: url(../images/intro_bg.webp) center center no-repeat;
 background-size:cover; 
 filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;
 }
.introBox .txtb { position: relative; z-index: 1; max-width: 840px; width: 80%; margin: 0 auto;}
.introBox .txtb .title { font-weight: bold; line-height: 1.1;}
.introBox .txtb .intro { width: 97%; margin: 1.2em auto 0; padding-top: 1.2em; border-top:1px solid #fff ;}


.gameList { background-color: #d0d0d0; padding-bottom: 3em;}
.gameList ul { width: 95%; max-width: 1170px; margin: 0 auto;
display: flex; flex-wrap:wrap ; justify-content: flex-start; align-items: stretch; }
.gameList ul li { width: 31.6%; margin: 2.6% 2.6% 0 0; background-color: #fff;
-moz-border-radius:3em; -webkit-border-radius:3em; border-radius:3em; overflow: hidden;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);}
.gameList ul li:nth-child(3n) { margin-right: 0;}
.gameList ul li .pic { position: relative; z-index: 0;
padding-top: 60%;}
.gameList ul li .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.gameList ul li .pics { position: relative; z-index: 0;
width: 6.5em; height: 6.5em; cursor: pointer;}
.gameList ul li .pics img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.gameList ul li .txt { display: flex; justify-content: space-between; align-items: center;
padding: 4.6% 10% 9%; font-size: 15px;}

.gameList ul li .txts { flex: 1; margin-left: 1em; text-align: left;}
.gameList ul li .txts .name { height: 1.5em; overflow: hidden; color: #000; font-weight: bold;}
.gameList ul li .txts .intro { line-height: 1.5em; height: 3em; overflow: hidden; color: #333;}

@media only screen and (max-width:828px) {
	.gameList ul { width: 90%;}
	.gameList ul li { width: 48.7%; margin: 2.6% 2.6% 0 0;}
	.gameList ul li:nth-child(3n) { margin-right: 2.6%;}
	.gameList ul li:nth-child(2n) { margin-right: 0;}
	.gameList ul li .pics {width: 4em; height: 4em;}
}
@media only screen and (max-width:480px) {
	.gameList ul li { width: 100%; margin: 8% 0 0 0;}
}

.partnerVBox { position: relative; z-index: 0; padding-top: 32.7%;}
.partnerVBox .videoBox { position: absolute; z-index: 0; left: 0; top: 0;
 width: 100%; height: 100%; }
.partnerVBox .videoBox .video {position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
.partnerVBox .videoBox::after { z-index: 1; display: block; content: ""; position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
  @media only screen and (max-width:828px) {
	 .partnerVBox { margin-top: 66px;} 
  }
 
 .partnerIntroBox { background: #e3e3e3; padding: 4.4em 0 3em; position: relative; z-index: 0;}

 .partnerIntroBox .txtb { position: relative; z-index: 1; max-width: 840px; 
 width: 80%; margin: 0 auto;}
 .partnerIntroBox .txtb .title { font-weight: bold; line-height: 1.1;}
 .partnerIntroBox .txtb .intro { text-align: left; width: 97%; margin: 1.2em auto 0;}
 .partnerIntroBox .txtb .intro p { margin-bottom: 0.7em;}
 
 
 .partnerList { background-color: #e5e5e5; padding-bottom: 3em;}
 .partnerList ul { width: 95%; max-width: 1170px; margin: 0 auto;
 display: flex; flex-wrap:wrap ; justify-content: flex-start; align-items: stretch; }
 .partnerList ul li { width: 31.6%; margin: 2.6% 2.6% 0 0; background-color: #fff;
 -moz-border-radius:3em; -webkit-border-radius:3em; border-radius:3em; overflow: hidden;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);}
  .partnerList ul li .lib { padding: 12% 11%;}
 .partnerList ul li:nth-child(3n) { margin-right: 0;}
 .partnerList ul li .pic { position: relative; z-index: 0;
 padding-top: 18.7%; width: 60%; margin: 0 auto 0 0;}
 .partnerList ul li .pic img { position: absolute; left: 0; top: 0;
  width: 100%; height: 100%; object-fit: contain;}

 .partnerList ul li .txt { font-size: 15px; text-align: left; font-weight: bold;}
 .partnerList ul li .txt .add_1 { margin-top: 1.1em; padding-top: 0.3em;
	 padding-left: 2.4em; min-height: 2em;
	 background: url(../images/add_1.png) 0 0 no-repeat ; 
	 background-size:auto 2em ;
 }
  .partnerList ul li .txt .add_2 { margin-top: 0.5em; padding-top: 0.3em;
	  padding-left: 2.4em; min-height: 2em;
	  background: url(../images/add_2.png) 0 0 no-repeat ;
	  background-size:auto 2em ;
  }
 
 @media only screen and (max-width:828px) {
 	.partnerList ul { width: 90%;}
 	.partnerList ul li { width: 48.7%; margin: 2.6% 2.6% 0 0;}
 	.partnerList ul li:nth-child(3n) { margin-right: 2.6%;}
 	.partnerList ul li:nth-child(2n) { margin-right: 0;}
 }
 @media only screen and (max-width:480px) {
 	.partnerList ul li { width: 100%; margin: 8% 0 0 0;}
 }