html,body{
  height: 100% !important;
  font-family: Microsoft YaHei;
}.header-box{
  height: 9.724rem;
  width: 100%;
  background: url("/image/ourpalmcn/2022portal/bg-aboutus-1.jpg") no-repeat;
  background-size: 100% auto;
  
}.nav-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1200px;
  height:1.5em;
  
  
  z-index: 3;
}.nav-wrap .nav-content {
  width: 15rem;
  margin: 0 auto;
  background: url(//content.gamebean.com/image/ourpalmcn/2022portal/bg-20221118-02.png)  no-repeat;
  background-size: 100% auto;
  height: 1.5rem;
}.nav-wrap .nav-content .logo {
  width: 1.15rem;
  padding-top: .3rem;
  margin-left: 1rem;
}.nav-wrap .nav-content .nav-list{
  margin-right: 1rem;
}.nav-wrap .nav-content .nav-list li {
  
  text-align: left;
  height: 1rem;
  line-height: 1rem;
  position: relative;
   margin-right: .4rem;
  padding-left: .2rem;
  cursor: pointer;
  
}.nav-wrap .nav-content .nav-list li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: .17rem;
  font-weight: bold;
}.nav-wrap .nav-content .nav-list li:nth-child(1) a {
  color: #8cb0fe;
}.nav-wrap .nav-content .nav-list li:nth-child(2) a {
  color: #7db8fa;
}.nav-wrap .nav-content .nav-list li:nth-child(3) a {
  color: #6cc1fa;
}.nav-wrap .nav-content .nav-list li:nth-child(4) a {
  color: #5fcaf8;
}.nav-wrap .nav-content .nav-list li:nth-child(5) a {
  color: #50d2f6;
}.nav-wrap .nav-content .nav-list li:nth-child(6) a {
  color: #47d6f6;
}.nav-wrap .nav-content .nav-list li:nth-child(7) a {
  color: #47d6f6;
}.nav-wrap .nav-content .nav-list li.active a,
.nav-wrap .nav-content .nav-list li:hover a {
  
  color: #fff;
  
}.nav-wrap .language {
  width: 1rem;
  height: .3rem;
  position: absolute;
  right: .5rem;
  top: .35rem;
  font-size: 0.17rem;
  padding: 0 .3rem 0 .1rem;
  
  text-align: right;
  
}.nav-wrap .language span {
  display: block;
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  color: #fff;
  cursor: pointer;
}.nav-wrap .language i {
  position: absolute;
  top: .07rem;
  right: .1rem;
  width: .11rem;
  height: .15rem;
  background: url(//content.gamebean.com/image/ourpalmcn/2022portal/nav_lang_arrow_icon-black.png) center no-repeat;
  background-size: 100% auto;
  
}.nav-wrap .language .lang-list {
  width: 100%;
  position: absolute;
  top: .4rem;
  text-align: center;
  left: -0.12rem;
  background: rgba(0,0,0,.4);
  border: 1px solid #999;
  border-radius:.04rem;
  padding: 0px .2rem 0px .1rem;
  display: none;
  
}.nav-wrap .language .lang-list li {
  width: 0.8rem;
  height: .3rem;
  border-bottom: 1px solid #666;
  line-height: .3rem;
  cursor: pointer;
  
}.nav-wrap .language .lang-list li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}.nav-wrap .language .lang-list li a:hover,
.nav-wrap .language .lang-list li.current a {
  color: #6cc1fa;
}.nav-wrap .language .lang-list li:nth-last-child(1) {
  border-bottom: none;
}.nav-wrap .language.is-show i {
  -ms-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}.nav-wrap .language.is-show .lang-list {
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 10;
}.nav-wrap .nav-content .nav-list li.active::before,
.nav-wrap .nav-content .nav-list li:hover::before {
  content: "";
  position: absolute;
  width: .07rem;
  height: .07rem;
  background: url(//content.gamebean.com/image/ourpalmcn/2022portal/nav_arrow_icon.png) center no-repeat;
  background-size: 100% 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;

}.part {
  width: 100%;
  min-width: 1200px;
  padding:0 2.274rem !important;
}.bgBox{
  background: url("/image/ourpalmcn/2022portal/bg-aboutus-2.jpg") no-repeat;
  background-size: auto 100%;
  background-position: right;
  min-width: 1200px;
}.introduce{
 width: 100%;
 box-sizing: border-box;

 
 
}.introduce .title img{
  margin-top: 1.2rem;
height: 0.8rem;
  width: auto;
}.introduce .content{
  
  display: flex;
  justify-content:space-between;
  align-items: center;
margin-bottom: 0.1rem;
}.introduce .content{
 margin-left:0.05rem;
}.introduce .content:nth-child(1){
  margin-top: 0.66750rem;
}.introduce .content div:nth-child(1){
  width: 65%;
}.introduce .content div:nth-child(2){
 flex: 1;
}.text{
  width: 100% !important;
  
  font-size: 0.187rem;
  line-height: 0.5rem;
  text-align: justify;
  letter-spacing: 1px;
 

  
}.right-content{

 padding-left: 1rem;
 text-align: left;
 width: 100% !important;
 height: 100%;
 
}.right-content div{
  width: 100%;
}.right-content div:nth-child(1)>img{
  height: 0.3rem;
  width: auto;
  
}.right-content div:nth-child(2){
   padding-top: 0.1rem;
   font-size: 0.23rem;
   padding-bottom: 0.3rem;
   background-image: linear-gradient(-135deg, #418ae0, #56a0d8, #dc8bc3, #56a0d8, #418ae0, #56a0d8, #dc8bc3, #56a0d8, #418ae0);
   background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% 100%;
  
  animation: KTV 3s infinite linear;
}@keyframes KTV {
     0% {
      background-position: 10% 0;
  }
  100% {
      background-position: -190% 0;
  }
    }.swiper-slide{
  opacity: 0;
}.swiper-slide-prev{
   opacity: 1 !important;
   
}.swiper-slide-prev .swiper-slide-imgBox .swiper-slide-text{
  opacity: 0;
}.swiper-slide-active{
  opacity: 1 !important;
 transform: scale(0.8) !important;
}.swiper-slide-next{
  opacity: 1 !important;
  
}.swiper-slide-next .swiper-slide-imgBox .swiper-slide-text{
  opacity: 0;
}.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: .4rem;}.develop{
 
  width: 100%;
  margin-top: 1.2rem;
  padding: 0 0.5rem;
  position: relative;
  padding-left: 1rem;
}.develop .title{
 
}.develop .title img{
 height: 0.8rem;
  width: auto;
 padding-left: 1.274rem;
 margin-bottom: -0.2rem;
}.swiper-container{
  height: 8rem;
}.develop .mySwiper{
  overflow: hidden;
  height: 100%;
}.swiper-slide-imgBox{
 
  position: relative;
  width: 100%;
  height: 100%;
}.swiper-slide-imgBox img:nth-child(1){
  display: block;
  width: 100%;
 
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}.swiper-slide-imgBox .swiper-slide-text{
 text-align: center;
  position: absolute;
  width: 100%;
  color: #fff;
  z-index: 9;
  top: 32%;

}.swiper-slide-imgBox .swiper-slide-text div:nth-child(1){
  width: 100%;
  font-size: 0.8rem;
  font-weight: bold;
}.swiper-slide-imgBox .swiper-slide-text div:nth-child(2){
  width: 100%;
  font-size: .3rem;
}.swiper-slide-imgBox .swiper-slide-text div:nth-child(3){
  width: 100%;
  font-size: .3rem;
}.swiper-slide-imgBox .swiper-slide-text div:nth-child(4){
  width: 100%;
  font-size: .3rem;
}.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
  display: none;
}.swiper-button-next{
  right: 1.7rem;
}.swiper-button-prev{
  left: 1.7rem;
}.swiper-button-next,.swiper-button-prev{
  width: 0.5rem;
}.bgBox1{
  background: url("/image/ourpalmcn/2022portal/bg-aboutus-3.jpg") no-repeat;
  background-size:auto 100%;
  background-position: left top;
  min-width: 1200px;
}.honor{
 width: 100%;
 padding: 0 1rem;
}.honor .title img{
  margin-top: 1.2rem;
 height: 0.8rem;
  width: auto;
 margin-bottom: 0.881rem;
}.content{
 
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
width: 14.256926rem;
}.content-item{
width: 33.33333%;
  
  font-family: "Microsoft YaHei";
  margin: auto;
  text-align: center;
  font-size: .25rem;
 margin-bottom: 0.9375rem;
 
}.content-item:nth-child(2n-1){


  background-image: linear-gradient(-135deg, #418ae0, #56a0d8, #dc8bc3, #56a0d8, #418ae0, #56a0d8, #dc8bc3, #56a0d8, #418ae0);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% 100%;
  
  animation: KTV 3s infinite linear;
}@keyframes KTV {
     0% {
      background-position: 10% 0;
  }
  100% {
      background-position: -190% 0;
  }
    }.globalDevelopment{
  width: 100%;
  box-sizing: border-box;
  margin: 0.3rem 0;
  padding: 0 1rem;

 display: flex;
 justify-content: center;
}.globalDevelopment .title img{
  margin-top: 0.15rem;
  height: 0.65rem;
  width: auto;
  
 
}.globalDevelopment .content{
 
  font-size: 0.187rem;
  margin-top: 0.06rem;
  margin-left:1.171rem;
  padding-right: 1.1rem;
  letter-spacing: 1px;
  line-height: 0.5rem;
}.footerImg{
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 1rem;
  height: 5.38rem;
  
}.footerImg img{
  display: block;
  object-fit: cover;
  position: absolute;
  width: 12rem;
  left: 50%;
  transform: translate(-50%);
  top: .14rem;
}.footerImg img:nth-child(1){

}.showImg{
  position: absolute;
  width: 2rem;
  top: 1rem;
  display: none;
}footer {
  width: 100%;
  min-width:1200px;
  height: 5rem;
  background: url(//content.gamebean.com/image/ourpalmcn/2022portal/footer_bg.png) center top no-repeat;
  background-size: cover;
  background-color: #fff;
  text-align: left;
}footer .footer-content {
  width: 14.7rem;
  margin: 0 auto;
  position: relative;
}.showImg{
  position: absolute;
  width: 2rem;
  top: 1rem;
  display: none;
}footer .footer-content .links-wrap {
  height: 1.1rem;
}footer .footer-content .links-wrap a {
  width: .5rem;
  height: .5rem;
  margin-right: .25rem;
  background: url(//content.gamebean.com/image/ourpalmcn/2022portal/footer_icons.png?v=1) no-repeat;
  background-size: 1.6rem auto;
 
}footer .footer-content .links-wrap a.wechat {
  background-position: 0 center;
}footer .footer-content .links-wrap a.sina {
  background-position: -.65rem center;
}footer .footer-content .links-wrap a.tiktok {
  background-position: -1.35rem center;
}footer .footer-content .trems-wrap {
  height: 1rem;
  font-size: .17rem;
  color: #fff;
  margin-top: 0.1rem;
  margin-left: -0.1rem;
}footer .footer-content .trems-wrap a {
  padding: 0 .1rem;
  border-right: 1px solid #fff;
  line-height: 1;
}footer .footer-content .trems-wrap a:hover {
  text-decoration: underline;
}footer .footer-content .trems-wrap a:nth-last-child(1) {
  border-right: none;
}footer .footer-content .text,
footer .footer-content .text a {
  font-size: .17rem;
  color: rgba(255,255,255,.5);
  line-height: 1.8;
}footer .footer-content .text a:hover {
  color: rgba(255,255,255,1);
}footer .footer-content .footer-logo {
  position: absolute;
  top: 2.3rem;
  width: 1.92rem;
  right: 0;
}.text-game{
  display: flex;
}