* {
  padding: 0;
  margin: 0;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: "微软雅黑";
  font-size: 14px;
  color: #333;
  background: #f3f3f3;
}

body {
  overflow: hidden;
}

html {
  font-size: 100px;
}

a {
  text-decoration: none;
  color: #333;
}

img {
  display: block;
}

li {
  list-style: none;
}

.hide {
  display: none !important;
}

.row-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.row-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.row-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.wrap, .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.page1 {
  background: url(../img/bg1.jpg) #000 no-repeat;
  background-size: 100%;
}

.page2 {
  background: url(../img/bg2.jpg) #000 no-repeat;
  background-size: 100%;
}

.page3 {
  background: url(../img/bg6.jpg) #000 no-repeat;
  background-size: 100%;
}

.page4 {
  background: url(../img/bg3.jpg) #000 no-repeat;
  background-size: 100%;
}
.wrap{
  width: 7.5rem;
  margin: 0 auto;
  overflow: hidden;
}
.top-wrap {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  width: 7.5rem;
  height: 0.78rem;
  background: #171713;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 15;
}
.navbtn{
  width: 0.53rem;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
}

.logo {
  width: 3.2rem;
  height: 0.95rem;
  margin-left: 0.15rem;
  margin-top: 0.2rem;
  background: url(../img/icon.png) no-repeat;
  background-size: 100% auto !important;
}
.zh_lang .logo, .en_lang .logo, .th_lang .logo, .id_lang .logo{
  width: 3.7rem;
  background: url(../img/zh_icon.png) no-repeat;
}

.pop2{
  width: 100%;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4rem;
  z-index: 20;
}
.nav{
  border-top: 0.01rem solid #3c3c34;
}
.nav span, .nav a {
  display: block;
  width: 100%;
  height: 0.96rem;
  font-size: 0.3rem;
  color: #d2d6b9;
  position: relative;
  line-height: 0.96rem;
  border-bottom: 0.01rem solid #3c3c34;
  text-align: center;
}

.nav a.act, .nav span.act {
  color: #dfac49;
  background: url(../img/menu_act.png) no-repeat;
  background-size: 3rem auto;
  background-position: center;
}
.zh_lang .nav a, .en_lang .nav a, .th_lang .nav a, .id_lang .nav a{
  display: none;
}
.btns {
  width: 2.1rem;
  height: 0.91rem;
  background: url(../img/btn1.png) no-repeat;
  background-size: 3.23rem auto;
  background-position: -1.17rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.2rem auto;
}
.zh_lang .btns, .en_lang .btns, .th_lang .btns, .id_lang .btns{
  background: url(../img/btn4.png) no-repeat;
  background-size: 3.23rem auto;
  background-position: -1.17rem 0;
}
.btns a {
  width: 0.9rem;
  height: 0.9rem;
}
.zh_lang .btns a:nth-child(2), .en_lang .btns a:nth-child(2), .th_lang .btns a:nth-child(2), .id_lang .btns a:nth-child(2){
  display: none;
}
.zh-tw_lang .btns a:nth-child(3){
  display: none;
}
.downbtn, .jijie {
  width: 3rem;
  cursor: pointer;
  margin-left: auto;
}
.jijie{
  width: 3.03rem;
  height: 0.78rem;
  background: url(../img/jijie.png) no-repeat;
  background-size: 100% auto !important;
}
.zh_lang .jijie{
  background: url(../img/zh_jijie.png) no-repeat;
}
.en_lang .jijie{
  background: url(../img/en_jijie.png) no-repeat;
}
.th_lang .jijie{
  background: url(../img/th_jijie.png) no-repeat;
}
.id_lang .jijie{
  background: url(../img/id_jijie.png) no-repeat;
}
.zh-tw_lang .jijie{
  background: url(../img/tiaozhan.png) no-repeat;
}
.global {
  width: 3.1rem;
  height: 0.74rem;
  background: url(../img/global.png) no-repeat;
  background-size: 100% auto;
  position: relative;
  margin: 0 auto;
}

.global p {
  width: 2rem;
  font-size: 0.24rem;
  color: #d2d6b9;
  margin-left: 0.6rem;
  line-height: 0.74rem;
  text-align: center;
}

.global ul {
  position: absolute;
  left: 0;
  width: 2rem;
  margin-left: 0.6rem;
  z-index: 20;
  bottom: 0.74rem;
  display: none;
}

.global ul li {
  height: 0.7rem;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.26rem;
  border: 0.01rem solid #3c3c34;
  background: #171713;
  text-align: center;
  margin-bottom: 0.01rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.global ul li:hover {
  background: #d2a245;
}

.global:hover ul {
  display: block;
}

.slogan {
  width: 7.16rem;
  height: 3.8rem;
  position: absolute;
  left: 50%;
  margin-left: -3.58rem;
  bottom: 3.2rem;
  background: url(../img/slogan.png) no-repeat;
  background-size: 100% auto !important;
}
.zh_lang .slogan{
  height: 3rem;
  bottom: 2.5rem;
  background: url(../img/zh_slogan.png) no-repeat;
}
.en_lang .slogan{
  bottom: 1.8rem;
  background: url(../img/en_slogan.png) no-repeat;
}
.th_lang .slogan{
  height: 3rem;
  bottom: 3rem;
  background: url(../img/th_slogan.png) no-repeat;
}
.id_lang .slogan{
  bottom: 1.2rem;
  background: url(../img/id_slogan.png) no-repeat;
}
.downapk{
  width: 5.19rem;
  height: 0.78rem;
  background: url(../img/tw_android.png) no-repeat;
  background-size: 100% auto !important;
  position: absolute;
  left: 50%;
  margin-left: -2.59rem;
  bottom: 1.5rem;
  z-index: 5;
}
.en_lang .downapk{
  background: url(../img/en_android.png) no-repeat;
}
.th_lang .downapk{
  background: url(../img/th_android.png) no-repeat;
}
.id_lang .downapk{
  bottom: 1.7rem;
  background: url(../img/id_android.png) no-repeat;
}
.zh_lang .downapk{
  background: url(../img/zh_android.png) no-repeat;
}

.download {
  width: 5.24rem;
  height: 0.81rem;
  background: url(../img/btn2.png) no-repeat;
  background-size: 100% auto !important;
  position: absolute;
  left: 50%;
  margin-left: -2.62rem;
  bottom: 2.4rem;
  z-index: 5;
}
.en_lang .download{
  background: url(../img/en_down.png) no-repeat;
}
.th_lang .download{
  background: url(../img/th_down.png) no-repeat;
}
.id_lang .download{
  bottom: 2.6rem;
  background: url(../img/id_down.png) no-repeat;
}
.zh_lang .download{
  background: url(../img/zh_down.png) no-repeat;
}

.download a {
  width: 50%;
  height: 100%;
  float: left;
}

.arrow-down {
  width: 0.62rem;
  position: absolute;
  left: 50%;
  margin-left: -0.31rem;
  bottom: 1rem;
}

.arrow-down-img {
  width: 100%;
  animation: 1.5s arrow_down infinite;
  -webkit-animation: 1.5s arrow_down infinite;
}

@keyframes arrow_down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}

@-webkit-keyframes arrow_down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}

.p1 {
  width: 2.43rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5.5rem;
}

.p2 {
  width: 2rem;
  position: absolute;
  bottom: -0.5rem;
  right: -0.42rem;
}

.world-box, .news-box, .feature {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  overflow: hidden;
}

.news-box {
  width: 6.6rem;
}
.feature{
  height: 9rem;
}

.feature-box {
  width: 100%;
  height: 100vh;
  background: url(../img/bg5.jpg) #000 no-repeat;
  background-size: 100%;
  overflow: hidden;
  position: relative;
}

.world-desc-box {
  overflow: hidden;
}

.world-l {
  width: 5.8rem;
  margin: 0 auto;
}

.t {
  width: 5.8rem;
  height: 1rem;
  font-size: 0.5rem;
  color: #d2a245;
  font-weight: bold;
  text-align: center;
  background: url(../img/line.png) no-repeat;
  background-size: 100%;
  background-position: bottom;
}

.world-desc {
  width: 4.7rem;
  font-size: 0.24rem;
  color: #f2eaca;
  text-indent: 0.48rem;
  line-height: 0.36rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8; /* 限制显示的行数为3 */
  overflow: hidden;
}
.look, .look1{
  width: 1.71rem;
  height: 0.61rem;
  background: url(../img/lookbg.png) no-repeat;
  background-size: 100%;
  margin-left: 0.85rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  font-size: 0.24rem;
  color: #c4a64c;
  text-align: center;
  line-height: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.look1{
  margin-left: 5rem;
}

.world-r {
  width: 6.45rem;
  height: 4.08rem;
  position: relative;
  margin: 0.1rem auto 0;
}

.world-r img {
  display: block;
  width: 100%;
}

/* .world-btn {
  width: 9rem;
  height: 1.24rem;
  margin: 0.3rem auto 0;
}

.world-btn div {
  width: 1.98rem;
  height: 100%;
  cursor: pointer;
}

.world-btn div img {
  width: 100%;
  display: none;
}

.world-btn div.act img {
  display: block;
}

.world-btn1 {
  background: url(../img/picbtn1.png) no-repeat;
  background-size: 100% auto;
}

.world-btn2 {
  background: url(../img/picbtn2.png) no-repeat;
  background-size: 100% auto;
}

.world-btn3 {
  background: url(../img/picbtn3.png) no-repeat;
  background-size: 100% auto;
}

.world-btn4 {
  background: url(../img/picbtn4.png) no-repeat;
  background-size: 100% auto;
} */
.world-btn{
  width: 100%;
  position: relative;
}
.pic{
  width: 6rem;
  height: 1.24rem;
  margin: 0.2rem auto 0;
  overflow: hidden;
  position: relative;
}
.pic img{
  display: block;
  width: 100%;
}
.pic img.mask{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.pic .swiper-slide-active img.mask{
  display: block;
}

.vbtn {
  width: 1.45rem;
  height: 1.24rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.72rem;
  margin-top: -0.62rem;
  cursor: pointer;
}

.vbtn div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.vbtn1 {
  background: url(../img/v1.png) no-repeat;
  background-size: 100% auto;
  transform-origin: 0.722rem 0.62rem;
  -webkit-transform-origin: 0.72rem 0.6rem;
  animation: vbtn 3s infinite;
  -webkit-animation: vbtn 3s linear infinite;
}

.vbtn2 {
  background: url(../img/v2.png) no-repeat;
  background-size: 100% auto;
}

@keyframes vbtn {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes vbtn {
  to {
    transform: rotate(360deg);
  }
}

.banner-box {
  width: 6.6rem;
  height: 4.6rem;
  background: url(../img/bannerbg.png) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}

.banner {
  width: 6.24rem;
  height: 4.3rem;
  overflow: hidden;
  margin-left: 0.18rem;
  margin-top: 0.18rem;
  position: relative;
}

.banner img {
  display: block;
  width: 100%;
  height: 3.52rem;
}

.swiper-pagination-bullets {
  bottom: 0.2rem !important;
}

.swiper-pagination-bullet {
  width: 0.35rem;
  height: 0.35rem;
  background: url(../img/qh.png) no-repeat;
  background-size: auto 100%;
  background-position: -0.5rem 0;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-position: 0 0;
}
.news{
  margin-top: 0.4rem;
}
.news-box {
  overflow: unset;
}

.news-title {
  width: 6.6rem;
  font-size: 0.48rem;
  font-weight: bold;
  color: #d2a245;
  position: relative;
}
.news-title p{
  position: relative;
  z-index: 5;
}
.news-title .p {
  width: 2.18rem;
  position: absolute;
  left: 2.3rem;
  top: -0.53rem;
}
.en_lang .news-title .p, .id_lang .news-title .p{
  display: none;
}

.more {
  width: 1rem;
  font-size: 0.18rem;
  color: #f2eaca;
  background: url(../img/arrow_r.png) no-repeat;
  background-size: 0.17rem auto;
  background-position: right center;
}

.news-type {
  width: 6.6rem;
  height: 0.58rem;
  background: url(../img/news_title.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.2rem;
}

.type-item {
  width: 1.64rem;
  height: 0.54rem;
  font-size: 0.22rem;
  color: #f2eaca;
  line-height: 0.54rem;
  text-align: center;
  cursor: pointer;
}
.en_lang .type-item, .id_lang .type-item{
  font-size: 0.2rem;
}

.type-item.act {
  background: url(../img/news_act.png) no-repeat;
  background-size: 100% 100%;
}

.news-list {
  height: 3.5rem;
  overflow: hidden;
  margin-top: 0.2rem;
}

.news-list li {
  border-bottom: 0.01rem dashed #2e2c20;
  font-size: 0.24rem;
  color: #f2eaca;
  padding: 0.1rem 0;
}

.news-list li a {
  display: block;
  color: #f2eaca;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-indent: 0.2rem;
  position: relative;
}

.news-list li a::before {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
  position: absolute;
  left: 0.04rem;
  top: 0.15rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.news-list li span{
  font-size: 0.16rem;
  color: #877d63;
}

.t1 {
  text-align: center;
  margin: 0 auto;
}
.page5{
  height: calc(100vh + 2rem);
}

.wutu {
  width: 7.5rem;
  height: 4.5rem;
  overflow: hidden;
  position: relative;
}

.wutu .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wutu img {
  width: 100%;
  display: block;
  opacity: 0.6;
}

.wutu .swiper-slide-active img {
  opacity: 1;
}

.swiper-button-next::after, .swiper-button-prev::after {
  content: '';
}

.swiper-button-next, .swiper-button-prev {
  width: 0.5rem;
  height: 0.33rem;
  background: url(../img/arrow.png) no-repeat;
  background-size: auto 100%;
  left: 5.5rem;
}

.swiper-button-next {
  background-position: right center !important;
  left: auto;
  right: 5.5rem;
}

.world-btn .swiper-button-next, .world-btn .swiper-button-prev {
  width: 0.5rem;
  height: 0.33rem;
  background: url(../img/arrow1.png) no-repeat;
  background-size: auto 100%;
  left: 0.3rem;
  margin-top: -0.16rem;
}

.world-btn .swiper-button-next {
  background-position: right center !important;
  left: auto;
  right: 0.3rem;
}
.feature .swiper-pagination{
  left: 50%;
  bottom: auto !important;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.feature .swiper-button-next, .feature .swiper-button-prev {
  width: 0.5rem;
  height: 0.33rem;
  left: 1.5rem;
  margin-top: 1rem;
}

.feature .swiper-button-next {
  background-position: right center !important;
  left: auto;
  right: 1.5rem;
}

.pop {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  display: none;
}

.pop1 {
  width: 7.03rem;
  height: 3.68rem;
  background: url(../img/pop1.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.close {
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
  cursor: pointer;
}
.close1, .close2, .close3{
  background: url(../img/close1.png) no-repeat;
  background-size: 100%;
  top: -1rem;
  right: 0.5rem;
}
.close2{
  background: url(../img/close.png) no-repeat;
  background-size: 100%;
  right: 0rem;
}
.close3{
  background: url(../img/close.png) no-repeat;
  background-size: 100%;
  top: 50%;
  margin-top: -5.35rem;
  right: -0.3rem;
  z-index: 5;
}
.downbtns {
  width: 5.4rem;
  height: 0.8rem;
  margin: 1.7rem 0 0 0.9rem;
}

.downbtns a {
  width: 49%;
  height: 100%;
}

.footer{
  width: 100%;
  height: 2rem;
  font-size: 0.12rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 15;
  background: #000;
  position: absolute;
  bottom: 0;
}
.bot-logo{
  width: 2rem;
  font-size: 0.14rem;
  margin-right: 0.25rem;
}
.bot-logo img{
  display: block;
  width: 100%;
}
.botlogo{
  width: 2.3rem;
  height: 1.2rem;
  background: url(../img/logo.png) no-repeat;
  background-size: 100% auto;
}
.en_lang .botlogo, .zh_lang .botlogo, .id_lang .botlogo, .th_lang .botlogo{
  height: 1rem;
  background: url(../img/logo1.png) no-repeat;
  background-size: 100% auto;
}
.age{
  width: 0.6rem;
  margin-top: 0.7rem;
  margin-right: 0.25rem;
}
.zh_lang .age, .en_lang .age, .id_lang .age, .th_lang .age{
  display: none;
}
.desc{
  line-height: 0.24rem;
}
.en_lang .desc, .zh_lang .desc, .id_lang .desc, .th_lang .desc{
  margin-top: 1rem;
}
.desc p:nth-child(1){
  margin-bottom: 0.3rem;
  font-size: 0.18rem;
}
.desc em{
  font-style: normal;
  margin: 0 0.15rem;
}
.desc p a{
  color: #fff;
}
.content{
  width: 7.5rem;
  min-height: 1000px;
  margin: 0 auto;
  background: url(../img/bg4.jpg) #171713 no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}
.news-type-box{
  background: #13130f;
  overflow: hidden;
}
.cont-type{
  font-size: 0.48rem;
  font-weight: bold;
  color: #d2a245;
  text-align: center;
  margin-top: 1.7rem;
}
.cont-box{
  min-height: 10rem;
  margin: 0.6rem auto 3rem;
  position: relative;
  overflow: hidden;
}
.cont-box .news-type{
  margin: 0.3rem auto;
}
.cont-box .news-list{
  height: 10rem;
  margin: 0.3rem 0.5rem;
}
.morebtn{
  width: 1.92rem;
  height: 0.59rem;
  background: url(../img/more.png) no-repeat;
  background-size: 100% auto;
  margin: 0.2rem auto;
  cursor: pointer;
  font-size: 0.22rem;
  color: #f2eaca;
  text-align: center;
  line-height: 0.59rem;
}
.article-title{
  font-size: 0;
  background: url(../img/line1.png) no-repeat;
  background-size: 90% auto;
  background-position: center bottom;
  padding: 0.3rem 0;
  text-align: center;
}
.article-title p{
  font-size: 0.36rem;
  color: #f2eaca;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 0.6rem;
}
.article-title span{
  font-size: 0.16rem;
  color: #6b6756;
  line-height: 0.4rem;
}
.cont{
  margin: 0.2rem 0.5rem;
  font-size: 0.26rem;
  color: #f2eaca;
  line-height: 0.4rem;
}
.cont img{
  max-width: 100% !important;
}
.job-l{
  margin-top: -0.5rem;
  font-size: 0.16rem;
  color: #c9cdb1;
  z-index: 10;
}
.jobbg{
  width: 100%;
  height: 1.87rem;
  background: url(../img/jobbg.png) no-repeat;
  background-size: 2.32rem auto;
  overflow: hidden;
}

.jobzs{
  display: block;
  width: 1.24rem;
  margin-left: 0.55rem;
  margin-top: 0.07rem;
}
.jobname{
  font-size: 0.48rem;
  color: #d2a245;
  margin-top: 0.2rem;
  line-height: 0.6rem;
  font-weight: bold;
  margin-left: 0.6rem;
}
.vbtn3{
  width: 0.8rem;
  height: 0.8rem;
  background: url(../img/v3.png) no-repeat;
  background-size: 100% auto;
  margin-left: 1rem;
  margin-top: 0.2rem;
}
.difficult{
  font-size: 0.18rem;
  text-align: center;
  margin-top: 0.2rem;
  line-height: 0.24rem;
}
.stars span{
  width: 0.26rem;
  height: 0.3rem;
  background: url(../img/star.png) no-repeat;
  background-size: 1.63rem auto;
  background-position: 0 0.03rem;
  margin: 0 0.05rem;
}
.stars span.act{
  background-position: 0 -0.35rem;
}
.job-title{
  width: 5.88rem;
  height: 0.71rem;
  margin: 0.2rem auto 0;
  background: url(../img/btnbg1.png) no-repeat;
  background-size: 100% auto;
  font-size: 0.36rem;
  text-align: center;
  line-height: 0.71rem;
}
.en_lang .job-title, .id_lang .job-title{
  font-size: 0.3rem;
  background: url(../img/btnbg2.png) no-repeat;
  background-size: 100% auto;
}
.job-desc{
  width: 5.8rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin: 0.2rem auto 0;
}
.en_lang .job-desc, .id_lang .job-desc{
  font-size: 0.2rem;
  line-height: 0.26rem;
  margin-left: 0.6rem;
}
.th_lang .job-desc{
  line-height: 0.3rem;
}
.gj, .fs, .zy{
  width: 1.4rem;
  height: 0.63rem;
  background: url(../img/jn.png) no-repeat;
  background-size: auto 100%;
  line-height: 0.63rem;
  text-indent: 0.7rem;
  margin-left: 0.5rem;
}
.gj{
  margin-left: 0.4rem;
}
.fs{
  background-position: -1.5rem 0;
}
.zy{
  background-position: -3rem 0;
}
.person{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
.person img{
  opacity: 0;
  position: absolute;
  width: 19.2rem;
  left: 50%;
  top: 30%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.person img.act{
  opacity: 1;
}
.jobv{
  height: 2.57rem;
  background: url(../img/zv.png) no-repeat;
  background-size: 100%;
  position: relative;
}
.person2 .jobv{
  background: url(../img/gv.png) no-repeat;
  background-size: 100%;
}
.person3 .jobv{
  background: url(../img/fv.png) no-repeat;
  background-size: 100%;
}
.person4 .jobv{
  background: url(../img/mv.png) no-repeat;
  background-size: 100%;
}
.job-type{
  width: 5.96rem;
  height: 0.72rem;
  background: url(../img/btnbg.png) no-repeat;
  background-size: 11.45rem auto;
  background-position: -4.55rem -0.3rem;
  margin: 0.2rem auto 0;
  font-size: 0.33rem;
  text-align: center;
  line-height: 0.72rem;
}
.job-type div{
  width: 2.95rem;
  height: 100%;
  cursor: pointer;
}
.job-type div.act{
  background: url(../img/btnbg.png) no-repeat;
  background-size: 11.45rem auto;
  background-position: -5.23rem -1.23rem;
}
.jn-box{
  width: 5.24rem;
  height: 2.1rem;
  margin: 0.2rem auto 0;
  background: url(../img/jnbg.png) no-repeat;
  background-size: 100% auto;
  position: relative;
}
.jn-list{
  width: 2.5rem;
  height: 100%;
  background: url(../img/jnicon.png) no-repeat;
  background-size: 5.42rem auto;
  
  flex-wrap: wrap;
  margin-left: 0.1rem;
}
.job-look1 .jn1{
  background-position: 0 0;
}
.job-look2 .jn1{
  background-position: 0 -2.3rem;
}
.job-look3 .jn1{
  background-position: 0.1rem -4.6rem;
}
.job-look4 .jn2{
  background-position: 0 -6.9rem;
}
.job-look1 .jn2{
  background-position: -2.9rem 0rem;
}
.job-look2 .jn2{
  background-position: -2.9rem -2.3rem;
}
.job-look3 .jn2{
  background-position: -2.9rem -4.7rem;
}
.job-look4 .jn1{
  background-position: -2.9rem -6.95rem;
}
.jn-item{
  width: 0.8rem;
  height: 0.7rem;
  position: relative;
  cursor: pointer;
}
.jn-item-name{
  width: 1.6rem;
  height: 100%;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.7rem;
}
.job-nav{
  width: 100%;
  height: 1.3rem;
  margin-top: 0.2rem;
  z-index: 15;
  position: absolute;
  bottom: 1.7rem;
}
.job-nav-prev, .job-nav-next{
  width: 1.3rem;
  height: 0.6rem;
  background: url(../img/btnbg.png) no-repeat;
  background-size: 11.45rem auto;
  background-position: -4.7rem -2.57rem;
  cursor: pointer;
}
.job-nav-next{
  background-position: -5.8rem -2.57rem;
}
.job-nav li{
  width: 0.85rem;
  height: 0.85rem;
  background: url(../img/btnbg.png) no-repeat;
  background-size: 11.45rem auto;
  background-position: -3.35rem -0.75rem;
  cursor: pointer;
  margin: 0 auto;
}
.job-nav li:nth-child(1){
  margin-top: 0;
}
.job-nav li.item1{
  background-position: -3.35rem -0.75rem;
}
.job-nav li.item2{
  background-position: -3.35rem -1.72rem;
}
.job-nav li.item3{
  background-position: -3.35rem -2.67rem;
}
.job-nav li.item4{
  background-position: -3.35rem -3.6rem;
}
.job-nav li.act{
  width: 1.52rem;
  height: 1.3rem;
  background-position: 0rem 0rem;
}
.job-nav li.item1.act{
  background-position: 0rem 0rem;
}
.job-nav li.item2.act{
  background-position: 0rem -1.3rem;
}
.job-nav li.item3.act{
  background-position: 0rem -2.6rem;
}
.job-nav li.item4.act{
  background-position: 0rem -3.9rem;
}
.person-box{
  width: 100%;
  height: 100%;
  display: none;
}
.person-box.act{
  display: block;
}
.job-bot{
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  padding-bottom: 3.2rem;
}
.skillText{
  width: 3rem;
  position: absolute;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 0.22rem;
  right: 0.1rem;
  top: 0.7rem;
  padding: 0.1rem;
  display: none;
}
.jn-item:hover .skillText{
  display: block;
}
.pop3{
  width: 6.68rem;
  height: 9.26rem;
  position: absolute;
  left: 50%;
  margin-left: -3.34rem;
  top: 50%;
  margin-top: -4.63rem;
  font-size: 0.24rem;
  background: url(../img/detailbg.png) no-repeat;
  background-size: 100%;
}
.pop4{
  width: 100%;
  height: 100%;
}
.world-detail{
  width: 5.8rem;
  font-size: 0.26rem;
  margin: 0.3rem auto 0;
  color: #f2eaca;
  line-height: 0.4rem;
}
.id_lang .world-detail, .en_lang .world-detail{
  font-size: 0.2rem;
  line-height: 0.36rem;
}
.pop3 .t{
  margin: 0.5rem auto 0;
}
.feature .download{
  position: relative;
  margin: 0.8rem auto;
  bottom: auto;
  left: auto;
}
.job-line{
  width: 6.78rem;
  margin: 0 auto;
  font-size: 0.22rem;
  color: #d2d6b9;
  line-height: 0.36rem;
}
.job-line img{
  display: block;
  width: 100%;
}
.job-line p{
  margin-top: 0.15rem;
}
.job-look{
  width: 6.68rem;
  height: 10.2rem;
  position: absolute;
  left: 50%;
  margin-left: -3.34rem;
  top: 50%;
  margin-top: -5rem;
  color: #c9cdb1;
  background: url(../img/detailbg.png) no-repeat;
  background-size: 100% 100%;
}
.job-look .t{
  margin: 0.3rem auto 0;
}
.job-look .difficult{
  font-size: 0.28rem;
}
.id_lang .job-look .difficult{
  margin-top: 0;
}
.content .news-list li span{
  margin-left: 0.3rem;
}
.back{
  width: 0.64rem;
  position: absolute;
  left: 0.3rem;
  top: 1.7rem;
  cursor: pointer;
}
.pop-video{
  width: 100%;
  height: 6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}
.pop-video video{
  width: 100%;
  height: 100%;
}
.videobtn2{
  width: 1.18rem;
  height: 1.18rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 2.2rem;
  margin-top: 0.2rem;
  background: url(../img/vbtn1.png) no-repeat;
  background-size: 1.3rem;
  background-position: 0rem center;
  cursor: pointer;
}
.zh_lang .videobtn2, .en_lang .videobtn2, .id_lang .videobtn2, .th_lang .videobtn2{
  display: none !important;
}

.videobtn2 img{
  width: 1.18rem;
  animation: vbtn 3s linear infinite;
}
@keyframes vbtn{
  to{
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vbtn{
  to{
    transform: rotate(360deg);
  }
}
.pop14{
  width: 7.5rem;
  height: 5rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.5rem;
}
.close6{
  font-size: 0.4rem;
  color: #fff;
}
.pop14 p, .pop14 p iframe{
  width: 100%;
  height: 100%;
}
.zh_lang .videobtn, .en_lang .videobtn, .id_lang .videobtn, .th_lang .videobtn{
  display: none !important;
}