html,body{
    height: 100% !important;
    font-family: Microsoft YaHei;
    background: rgb(245, 245, 245);
}.header-box{
   
    width: 100%;
    height: 8.8rem;
    background: url("/image/ourpalmcn/2022portal/banner_responsibility.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: 1.5rem;
    height: .3rem;
    position: absolute;
    right: .5rem;
    font-size: 0.17rem;
    top: .35rem;
    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.png) center no-repeat;
    background-size: 100% auto;
    
}.nav-wrap .language .lang-list {
    width: 100%;
    position: absolute;
    top: .3rem;
    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 {
    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.758186rem !important;
}.box-content{
    width: 100%;
    min-width: 1200px;
}.part1{
     width: 15rem;
      margin: 0 auto;
   
}.dangjian{
  height: 6rem;
}.title{
    margin-top: 1.5rem;
    width:100%;
    text-align: center;
}.title img{
   height: 0.8rem;
    width: auto;
}.dangjian .content{
    margin-top: 0.8rem;
    width: 100%;
   display: flex;
   justify-content:space-around;
}.mySwiper1{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }.swiper-item{
  
   position: relative;
}.bg1{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}.bg2{
    position: absolute;
    width:100%;
    height: 1.4rem;
   
    background-size: 100% auto;
    left: 50%;
    transform: translateX(-50%);
    top: 3.8rem;
    
}.bg2 .text{
    text-align: center;
    width: 100%;
    font-size: 0.16rem;
   
    margin-top: 0.4rem;
    
   
}.gongyi{
    margin-bottom: 1.5rem;
}.title4{
    margin-top: 2.2rem;
    width:100%;
    text-align: center;
}.title4 img{
   height: 0.8rem;
    width: auto;
}.gongyi .swiper {
    margin-top: 1rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }.swiper-slide {

    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 a{
    display: block;
    width: 100%;
    height: 100%;
  }.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
  }.swiper-slide-text {
    position: absolute;
    z-index: 99;
    width: 100%;
    bottom: 0.1rem;
    font-size: 0.16rem;
    color: #ffffff;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}.swiper-button-next:after,
  .swiper-button-prev:after {
      content: "";
      display: none;
  }.showImg{
    position: absolute;
    width: 2rem;
    top: 0.8rem;
    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;
}