* {
  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) no-repeat;
  background-size: cover;
  background-position: center;
}

.page2 {
  background: url(../img/bg2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.page3 {
  background: url(../img/bg6.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.page4 {
  background: url(../img/bg3.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.top-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1200px;
  height: 0.78rem;
  background: #171713;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 15;
}

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

.nav{
  width: 8rem;
}
.nav span, .nav a {
  font-size: 0.2rem;
  color: #d2d6b9;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.en_lang .nav span, .en_lang .nav a{
  font-size: 0.16rem;
}
.id_lang .nav span, .id_lang .nav a{
  font-size: 0.16rem;
}
.zh_lang .nav a, .en_lang .nav a, .th_lang .nav a, .id_lang .nav a{
  display: none;
}
.nav span.act {
  color: #dfac49;
}

.nav span.act::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.4rem;
  border-bottom: 0.03rem solid #dfac49;
}

.nav em {
  font-size: 0.18rem;
  margin: 0 0.2rem;
  font-style: normal;
}

.btns {
  width: 1.12rem;
  height: 0.49rem;
  background: url(../img/btn1.png) no-repeat;
  background-size: 1.73rem auto;
  background-position: -0.61rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 0.2rem;
}
.zh_lang .btns, .en_lang .btns, .th_lang .btns, .id_lang .btns{
  background: url(../img/btn4.png) no-repeat;
  background-size: 1.73rem auto;
  background-position: -0.61rem 0;
}
.btns a {
  width: 0.5rem;
  height: 0.5rem;
}
.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 {
  display: block;
  width: 3rem;
  cursor: pointer;
}
.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;
  background-position: center center;
}
.global {
  width: 1.98rem;
  height: 0.45rem;
  background: url(../img/global.png) no-repeat;
  background-size: 100% auto;
  position: relative;
  margin-right: 0.2rem;
  cursor: pointer;
}

.global p {
  width: 1.2rem;
  height: 0.45rem;
  font-size: 0.16rem;
  color: #d2d6b9;
  margin-left: 0.5rem;
  line-height: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.global ul {
  position: absolute;
  top: 0.45rem;
  left: 0;
  width: 1.54rem;
  margin-left: 0.4rem;
  z-index: 20;
  display: none;
}

.global ul li {
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.45rem;
  border: 0.01rem solid #3c3c34;
  background: #171713;
  text-align: center;
  margin-bottom: 0.01rem;
}

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

.global:hover ul {
  display: block;
}

.slogan {
  width: 12.33rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6.165rem;
  margin-top: -0.3rem;
  background: url(../img/slogan.png) no-repeat;
  background-size: 100% auto !important;
}
.zh_lang .slogan{
  height: 1.5rem;
  margin-top: 0.9rem;
  background: url(../img/zh_slogan.png) no-repeat;
}
.en_lang .slogan{
  margin-top: 0.5rem;
  background: url(../img/en_slogan.png) no-repeat;
}
.th_lang .slogan{
  margin-top: 0rem;
  background: url(../img/th_slogan.png) no-repeat;
}
.id_lang .slogan{
  margin-top: 0rem;
  background: url(../img/id_slogan.png) no-repeat;
}

.download {
  width: 5.24rem;
  height: 0.81rem;
  background: url(../img/btn2.png) no-repeat;
  background-size: 100% auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2.62rem;
  margin-top: 2.5rem;
}
.zh_lang .download{
  background: url(../img/zh_down.png) no-repeat;
}
.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{
  background: url(../img/id_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: 3.5rem;
  position: absolute;
  top: 50%;
  left: 0.2rem;
  margin-top: -3.5rem;
}

.p2 {
  width: 2rem;
  position: absolute;
  bottom: 1.5rem;
  right: 0;
}

.world-box, .news-box, .feature {
  width: 12.5rem;
  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: 14.6rem;
}
.feature{
  width: 18.5rem;
}

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

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

.world-l {
  width: 5.8rem;
  float: left;
}

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

.world-desc {
  font-size: 0.16rem;
  color: #f2eaca;
  text-indent: 0.32rem;
  line-height: 0.32rem;
  margin-top: 0.1rem;
}
.id_lang .world-desc, .en_lang .world-desc{
  font-size: 0.15rem;
  line-height: 0.24rem;
}

.world-r {
  width: 6.45rem;
  height: 4.08rem;
  float: right;
  position: relative;
}

.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;
}

.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: 7.16rem;
  height: 4.6rem;
  background: url(../img/bannerbg.png) no-repeat;
  background-size: 100% auto;
  float: left;
}

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

.banner img {
  display: block;
  width: 6.79rem;
  height: 3.82rem;
}

.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-box {
  overflow: unset;
}

.news {
  float: right;
}

.news-title {
  width: 7.03rem;
  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: 1.15rem;
  font-size: 0.18rem;
  color: #f2eaca;
  background: url(../img/arrow_r.png) no-repeat;
  background-size: 0.17rem auto;
  background-position: right center;
}
.en_lang .more{
  width: 1.3rem;
}

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

.type-item {
  width: 1.74rem;
  height: 0.54rem;
  font-size: 0.18rem;
  color: #f2eaca;
  line-height: 0.54rem;
  text-align: center;
  cursor: pointer;
}

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

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

.news-list li {
  height: 0.5rem;
  border-bottom: 0.01rem dashed #2e2c20;
  font-size: 0.16rem;
  color: #f2eaca;
  line-height: 0.5rem;
}

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

.news-list li a::before {
  content: '';
  width: 0.06rem;
  height: 0.06rem;
  background: #fff;
  position: absolute;
  left: 0.04rem;
  top: 0.23rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.news-list li a:hover {
  color: #d2a245;
}

.news-list li a:hover::before {
  content: '';
  width: 0.17rem;
  height: 0.24rem;
  background: url(../img/arrow_r.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0rem;
  top: 0.13rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

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

.wutu {
  width: 18.5rem;
  height: 5rem;
  overflow: hidden;
  position: relative;
}

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

.wutu img {
  display: block;
  width: 70%;
  margin: 15%;
  transition: all 0.5s;
  opacity: 0.6;
}

.wutu .swiper-slide-active img {
  width: 100%;
  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;
}

.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.56rem;
  height: 3.86rem;
  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.5rem;
  height: 0.5rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
  z-index: 10;
  cursor: pointer;
}
.close1{
  background: url(../img/close.png) no-repeat;
  background-size: 100% auto;
  right: -0.6rem;
}

.downbtns {
  width: 4rem;
  height: 0.6rem;
  margin: 1.9rem 0 0 1.9rem;
}

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

.footer{
  width: 100%;
  height: 2rem;
  font-size: 0.14rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 15;
  background: #000;
  position: absolute;
  bottom: 0;
}
.bot-logo{
  width: 3.6rem;
  font-size: 0.14rem;
  margin-right: 0.25rem;
}
.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{
  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;
}
.desc p:nth-child(1){
  margin-bottom: 0.3rem;
  font-size: 0.18rem;
}
.en_lang .desc p:nth-child(1), .zh_lang .desc p:nth-child(1), .id_lang .desc p:nth-child(1), .th_lang .desc p:nth-child(1){
  margin-bottom: 0;
  margin-top: 0.6rem;
}
.desc em{
  font-style: normal;
  margin: 0 0.15rem;
}
.desc p a{
  color: #fff;
}
.content{
  min-width: 1200px;
  min-height: 1000px;
  background: url(../img/bg4.jpg) #080808 no-repeat;
  background-position: center 0.6rem;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}
.news-type-box{
  background: #13130f;
  border-bottom: 1px solid #2e2c20;
  overflow: hidden;
}
.cont-type{
  font-size: 0.48rem;
  font-weight: bold;
  color: #d2a245;
  text-align: center;
  margin-top: 2rem;
}
.cont-box{
  width: 12.5rem;
  min-height: 10rem;
  margin: 0.2rem auto 3rem;
  position: relative;
  overflow: hidden;
  background: #171713;
  border: 1px solid #504b32;
}
.cont-box .news-type{
  margin: 0.3rem auto;
}
.cont-box .news-list{
  height: 10rem;
  margin: 0.5rem 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.14rem;
  color: #6b6756;
  line-height: 0.4rem;
}
.cont{
  margin: 0.2rem 1.2rem;
  font-size: 0.16rem;
  color: #f2eaca;
  line-height: 0.4rem;
}
.cont img{
  max-width: 100% !important;
}
.job-l, .job-r{
  width: 4.56rem;
  height: 8.5rem;
  background: url(../img/jobbg.png) no-repeat;
  background-size: 4.1rem auto;
  background-position: top center;
  position: absolute;
  left: 1rem;
  top: 50%;
  margin-top: -4.3rem;
  font-size: 0.16rem;
  color: #c9cdb1;
  z-index: 10;
}
.job-r{
  width: 4.41rem;
  height: 5.2rem;
  left: 12rem;
  top: 50%;
  margin-top: -2.6rem;
  background: none;
}
.jobzs{
  display: block;
  width: 1.24rem;
  margin: 1.1rem auto 0;
}
.jonname{
  font-size: 0.48rem;
  color: #d2a245;
  text-align: center;
  margin-top: 0.2rem;
  line-height: 0.6rem;
  font-weight: bold;
}
.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: 4.56rem;
  height: 0.61rem;
  margin: 0.2rem auto 0;
  background: url(../img/btnbg1.png) no-repeat;
  background-size: 100% auto;
  font-size: 0.20rem;
  text-align: center;
  line-height: 0.61rem;
}
.en_lang .job-title, .id_lang .job-title{
  background: url(../img/btnbg2.png) no-repeat;
  background-size: 100% auto;
}
.job-desc{
  font-size: 0.16rem;
  line-height: 0.26rem;
  margin-top: 0.2rem;
}
.en_lang .job-desc, .id_lang .job-desc{
  font-size: 0.14rem;
  line-height: 0.22rem;
}
.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;
}
.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: 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%);
  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/mv.png) no-repeat;
  background-size: 100%;
}
.person4 .jobv{
  background: url(../img/fv.png) no-repeat;
  background-size: 100%;
}
.job-type{
  width: 4rem;
  height: 0.58rem;
  background: url(../img/btnbg.png) no-repeat;
  background-size: 11.45rem auto;
  background-position: -4.55rem -0.35rem;
  margin: 0.2rem auto 0;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.58rem;
}
.job-type div{
  width: 2rem;
  height: 100%;
  cursor: pointer;
}
.job-type div.act{
  background: url(../img/btnbg.png) no-repeat;
  background-size: 11.45rem auto;
  background-position: -9.02rem -0.33rem;
}
.jn-box{
  width: 3.81rem;
  height: 1.52rem;
  background: url(../img/jnbg.png) no-repeat;
  background-size: 100%;
  margin: 0.2rem auto 0;
  position: relative;
}
.jn-list{
  width: 2rem;
  height: 100%;
  background: url(../img/jnicon.png) no-repeat;
  background-size: 4.05rem auto;
  
  flex-wrap: wrap;
  margin-left: 0.1rem;
}
.person1 .jn1{
  background-position: 0 0;
}
.person2 .jn1{
  background-position: 0 -2.1rem;
}
.person3 .jn1{
  background-position: 0 -4.05rem;
}
.person4 .jn2{
  background-position: 0 -6.28rem;
}
.person1 .jn2{
  background-position: -2.2rem -0.02rem;
}
.person2 .jn2{
  background-position: -2.2rem -2.1rem;
}
.person3 .jn2{
  background-position: -2.2rem -4.12rem;
}
.person4 .jn1{
  background-position: -2.2rem -6.32rem;
}
.jn-item{
  width: 0.6rem;
  height: 0.5rem;
  position: relative;
  cursor: pointer;
}
.jn-item-name{
  width: 1.2rem;
  height: 100%;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.51rem;
}
.job-nav{
  width: 1.52rem;
  height: 5.2rem;
  position: absolute;
  right: 0.6rem;
  top: 50%;
  margin-top: -2.6rem;
  z-index: 15;
}
.job-nav-prev, .job-nav-next{
  height: 0.8rem;
  background: url(../img/btnbg.png) no-repeat;
  background-size: 11.45rem auto;
  background-position: -4.56rem -2.68rem;
  cursor: pointer;
}
.job-nav-next{
  background-position: -4.56rem -3.8rem;
}
.job-nav-prev:hover{
  background-position: -5.64rem -2.68rem;
}
.job-nav-next:hover{
  background-position: -5.64rem -3.8rem;
}
.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;
  margin-top: 0.2rem;
  transition: all 0.5s;
}
.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{
  display: none;
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s
}
.person-box.act{
  opacity: 1;
  display: block;
}
.skillText{
  width: 3rem;
  position: absolute;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 0.16rem;
  right: 0.1rem;
  top: 0.5rem;
  padding: 0.1rem;
  display: none;
}
.jn-item:hover .skillText{
  display: block;
}
.pop-video{
  width: 10rem;
  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: 6rem;
  margin-top: 0.3rem;
  background: url(../img/vbtn1.png) no-repeat;
  background-size: 1.3rem;
  background-position: 0rem center;
  cursor: pointer;
}
.zh_lang .videobtn2, .en_lang .videobtn2, .th_lang .videobtn2, .id_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: 10rem;
  height: 6rem;
  position: absolute;
  left: 50%;
  margin-left: -5rem;
  top: 50%;
  margin-top: -3rem;
}
.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;
}