#headvd {
  position: relative;
  width: 100%;
  height: 100vh;
  /* padding-bottom: 53%; */
  background-color: #000;
}
#headvd .vk {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: 0% 0%;
  background-image: url(../images/vk.png);
}
#headvd .vbx {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#headvd video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100vw;
  min-height: 100vh;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  background-repeat: no-repeat;
  background-size: cover;
}
.weball {
  position: relative;
  overflow: hidden;
}
.head {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url(../images/inindex.jpg);
  /* background-repeat: no-repeat; */
  /* background-size: 100% auto; */
  background-position: 50% 0%, 50% 0%, 50% 0%;
  overflow: hidden;
  background-attachment: scroll;
}
.head3 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url(../images/inindex.jpg);
  /* background-repeat: no-repeat; */
  /* background-size: 100% auto; */
  background-position: 50% 0%, 50% 0%, 50% 0%;
  overflow: hidden;
  background-attachment: scroll;
}

.head2 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url(../images/inindex.jpg);
  /* background-repeat: no-repeat; */
  /* background-size: 100% auto; */
  background-position: 50% 0%, 50% 0%, 50% 0%;
  overflow: hidden;
  background-attachment: scroll;
}

.lbtbox {
  position: absolute;
  width: 250px;
  height: 100%;
  background-image: url(../images/mbtbg.png);
  background-size: 100% auto;
  z-index: 1;
}
.lbtx {
  position: absolute;
  width: 100%;
  margin-top: 5%;
}
.lbt1 {
  width: 110%;
  background: url(../images/mbt1.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  cursor: pointer;
  margin: 7% 0 0 0;
}
.lbt2 {
  width: 110%;
  background: url(../images/mbt2.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt3 {
  width: 110%;
  background: url(../images/mbt3.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt4 {
  width: 110%;
  background: url(../images/mbt4.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt5 {
  width: 110%;
  background: url(../images/mbt5.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt6 {
  width: 110%;
  background: url(../images/mbt6.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt7 {
  width: 110%;
  background: url(../images/mbt7.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt8 {
  width: 110%;
  background: url(../images/mbt8.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt9 {
  width: 110%;
  background: url(../images/mbt9.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt10 {
  width: 110%;
  background: url(../images/mbt10.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
}
.lbt1:hover {
  width: 110%;
  background: url(../images/mbt1a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  cursor: pointer;

  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  cursor: pointer;
  margin: 7% 0 0 0;
}
.lbt2:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt2a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt3:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt3a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt4:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt4a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt5:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt5a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt6:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt6a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt7:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt7a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt8:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt8a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt9:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt9a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt10:hover {
  cursor: pointer;
  width: 110%;
  background: url(../images/mbt10a.png) no-repeat;
  background-size: 100% auto;
  background-position: -17px 0;
  margin: 7% 0 0 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.lbt1 img,
.lbt2 img,
.lbt3 img,
.lbt4 img,
.lbt5 img,
.lbt6 img,
.lbt7 img,
.lbt8 img,
.lbt9 img,
.lbt10 img {
  width: 100%;
}
.mxbox {
  margin-top: 2%;
  width: 95%;
  #color: rgb(193, 221, 238);
  height: 650px;
  overflow: hidden;
  overflow-y: auto;
  padding: 15px;

  letter-spacing: 5px;
}
.mxxbox {
  width: 100%;
  #color: rgb(193, 221, 238);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.mxxxxbox {
  width: 100%;
  #color: rgb(193, 221, 238);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  overflow: hidden;
}
.mxxxbox {
  position: relative;
  width: 1250px;
  height: 720px;
}
.mxl {
  width: 40%;
}
.mxr {
  width: 60%;
  position: relative;
}
.mxr img {
  width: 100%;
}
.mxl img {
  width: 100%;
}
.mp {
  width: 100%;
  z-index: 2;
  position: absolute;
  top: -300px;
}
.mp img {
  width: 100%;
}
.mpb {
  width: 80%;
  background: url(../images/circle.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -210px;
  left: -60px;
  z-index: 1;
  -webkit-animation: rotate 20s both linear infinite;
  animation: rotate 20s both linear infinite;
}
.mpb img {
  width: 100%;
  display: block;
}
.mxbox::-webkit-scrollbar-track {
  border-radius: 1em;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background-color: #3b313f;
}
.mtlo {
  display: none;
  position: relative;
  width: 250px;
}
.mtlo img {
  width: 100%;
}

.tab_container::-webkit-scrollbar,
.mxbox::-webkit-scrollbar {
  width: 6px;

  background-color: black;
}

.tab_container::-webkit-scrollbar-thumb,
.mxbox::-webkit-scrollbar-thumb {
  background-color: #7e3da5;
  border-radius: 1em;
}

.jllist {
  width: 100%;
  margin: 24px auto 0;
 # color: #ddeaf7;
  line-height: 30px;  
}

.jllistTitle {
	text-align:center;
	font-size:48px;
	color:#862604;
	font-weight:bold;
}

.jllistEnd {
	text-align:center;
	font-size:24px;
	color:#862604;
	font-weight:bold
}

.jllist li {
  position: relative;
 # width: 100%;
  padding-top: 15px;
}
.jllist span {
  color:#862604;
  font-size:24px;
  font-weight:bold;
}
.jllist li.txtem {
  text-indent: 2em;
}
.fbtip {
  color: #f6df98;
  font-size: 16px;
  text-align: center;
  padding: 7px 0 16px;
}
.tztip {
  text-align: center;
  font-size: 16px;
  line-height: 29px;
  padding: 17px 0 22px;
  color: #c8dcf1;
}
.tit {
  width: 414px;
  height: 46px;
  background: url(../images/tit.png) no-repeat;
  text-indent: -9999em;
  margin: 24px 0 9px 0;
}
.t0 {
  margin-top: 0;
}
.t1 {
  background-position: 0 -50px;
}
.t2 {
  background-position: 0 -100px;
}
.t3 {
  background-position: 0 -150px;
}
.t4 {
  background-position: 0 -200px;
}
.t5 {
  background-position: 0 -250px;
}
.t6 {
  background-position: 0 -300px;
}
.t7 {
  background-position: 0 -350px;
}
.t8 {
  background-position: 0 -400px;
}
.pr {
  position: relative;
}
.mapbox {
  width: 90%;
  margin-top: 5%;
}

.name {
  font-size: 1.5em;
  color: rgb(193, 2, 2);
  border: 1px solid rgba(193, 25, 2, 0.9);
  padding: 2px 5px;
  margin: 0.2em;
}
.gsbox img {
  position: absolute;
  left: 550px;
}
.gs0img {
  top: -9px;
}
.gs3img {
  top: 450px;
}
.gs4img {
  top: 170px;
}
.gs5img {
  top: 0px;
}
.gs6img {
  top: 0px;
}
.gs7img {
  top: 0px;
}
.mbimg1 {
  width: 100%;
  display: none;
}
.mbimg1 img,
.mtlbox2 img {
  width: 100%;
}
.mxbox p.shot {
  width: 580px;
}
.mxbox p {
  padding: 5px 0 0 5px;
  width: 902px;
  text-indent: 2em;
  line-height: 28px;
}
.mtlbox {
  width: 60%;
  margin: 0 0 0 15%;
}
.mtlbox2 {
  width: 55%;
  margin: 0 0 0 15%;
}


.jn {
  position: absolute;
  width: 65%;
  left: 50%;
  margin-left: -35%;
  z-index: 5;
}
.jn img {
  width: 100%;
}
.mtlbox img {
  width: 100%;
}
.minbox {
  width: 95%;
  margin: 0 auto;
}
.minbox2 {
  width: 95%;
  margin: 0 auto;
}
.mconent {
  position: absolute;
  width: 80%;
  left: 50%;
  margin-left: -30%;
  top: 5%;
}
.m6conent {
  position: absolute;
  width: 80%;
  left: 18%;
  margin-left: 0%;
  top: 5%;
}
.m3conent {
  position: absolute;
  width: 70%;
  left: 50%;
  margin-left: -30%;
  top: 5%;
}
.alconent {
  position: absolute;
  width: 80%;
  right: 0;
  top: 8%;
}
.alconent3 {
  position: absolute;
  width: 80%;
  right: 0;
  top: 8%;
}
.alconent4 {
  position: absolute;
  width: 100%;
  right: 0;
  top: 2%;
}
.alconent5 {
  position: absolute;
  width: 100%;
  right: 0;
  top: 7%;
}
.jnbgbox {
  position: absolute;
  width: 100%;
  height: 150%;
  margin: -19.2% 0 0 -2.5%;
}
.jnbg1,
.jnbg2,
.jnbg3,
.jnbg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.jnbg1 {
  background: url(../images/jnbg1.png) no-repeat;
  -webkit-animation: pulsate 3s linear infinite;
  animation: pulsate 3s linear infinite;
  background-size: 100% auto;
}

.jnbg2 {
  background: url(../images/jnbg2.png) no-repeat;
  background-size: 100% auto;
}
.jnbg3 {
  background: url(../images/jnbg3.png) no-repeat;
  background-size: 100% auto;
}

.jnbg4 {
  background: url(../images/jnbg4.png) no-repeat;
  -webkit-animation: shananim 1.7s ease-in-out both infinite;
  animation: shananim 1.7s ease-in-out both infinite;
  background-size: 100% auto;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.05);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.05);
    opacity: 0;
  }
}
@-webkit-keyframes shananim {
  0% {
    opacity: 0.3;
    -webkit-filter: brightness(1);
  }
  50% {
    opacity: 1;
    -webkit-filter: brightness(1.1);
  }
  100% {
    opacity: 0.3;
    -webkit-filter: brightness(1);
  }
}
@keyframes shananim {
  0% {
    opacity: 0.3;
    filter: brightness(1);
  }
  50% {
    opacity: 1;
    filter: brightness(1.1);
  }
  100% {
    opacity: 0.3;
    filter: brightness(1);
  }
}
.smllobox {
  width: 158px;
  height: 158px;
  z-index: 9;
  top: 275px;
  left: 517px;
  position: absolute;
}
.smllobox::after,
.smllobox::before {
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
}
.smllobox::after {
  background: url(../images/icon.png) no-repeat;
  z-index: 2;
}
.smllobox::before {
  background: url(../images/scircle.png) no-repeat;
  z-index: 1;
  -webkit-animation: rotate 10s linear both infinite;
  animation: rotate 10s linear both infinite;
}
.jnlist {
  position: absolute;
  z-index: 9;
  top: 5%;
  left: 153px;
}
.jnlist a {
  width: 127px;
  height: 117px;
  position: absolute;
  background: url(../images/jncom.png) no-repeat;
  cursor: pointer;
  transition: all 0.2s;
}

.jnlist a.li0 {
  background-position: 0 0;
  top: 0;
  left: 0;
}
.jnlist a.li1 {
  background-position: -137px 0;
  top: 152px;
  left: -72px;
}
.jnlist a.li2 {
  background-position: -274px 0;
  top: 314px;
  left: -74px;
}
.jnlist a.li3 {
  background-position: -411px 0;
  top: 464px;
  left: -2px;
}
.jnlist a.li4 {
  background-position: -548px 0;
  top: 0;
  left: 766px;
}
.jnlist a.li5 {
  background-position: -685px 0;
  top: 152px;
  left: 837px;
}
.jnlist a.li6 {
  background-position: -822px 0;
  top: 314px;
  left: 840px;
}
.jnlist a.li7 {
  background-position: -959px 0;
  top: 464px;
  left: 767px;
}
.mtcon {
  width: 100%;
}
.mtcon img {
  width: 100%;
  display: block;
}
.mmcon {
  /* background-image: url(../images/mconent_02.png); */
  background-size: 100% auto;
  /* height: 75vh; */
}
.mfcon {
  width: 100%;
}
.mfcon img {
  width: 100%;
  display: block;
}
.topbox {
  width: 100%;
  position: absolute;
  z-index: 2;
}
.mlo {
  width: 90%;
  margin: 1em auto;
}
.mlo img {
  width: 100%;
}
.logo {
  width: 253px;
  margin: 1%;
}
.logo img {
  width: 100%;
}
.fbox {
  position: absolute;
  top: 10px;
  right: 10px;
}
.fbt {
  width: 50px;
  display: inline-block;
}
.fbt img {
  width: 100%;
}
.ap1 {
  width: 200px;
  margin-top: -30px;
  display: inline-block;
}
.ap1:hover {
  transform: scale(0.98);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  filter: brightness(1.1);
  cursor: pointer;
}
.ap1 img {
  width: 100%;
}

.slobox {
  position: absolute;
  width: 40%;
  left: 50%;
  top: 2%;
  margin-left: -23%;
}
.slobox img {
  width: 100%;
}
.bbox {
  width: 90%;
  position: absolute;
  left: 50%;
  margin-left: -45%;
  bottom: 0%;
}

.bboxa {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}
.bboxb {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}
.bta {
  width: 15%;
  margin: 1rem 0.5%;
}
.bta img {
  width: 100%;
}
.bta:hover {
  transform: scale(0.98);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  filter: brightness(1.5);
  cursor: pointer;
}
.btb {
  width: 16%;
  margin: 1rem 0.5%;
}
.btb img {
  width: 100%;
}
.btb:hover {
  transform: scale(0.98);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  filter: brightness(1.5);
  cursor: pointer;
}
.mbt {
  display: none;
  width: 48%;
  margin: 1rem 0.5%;
}
.mbt img {
  width: 100%;
}
.mgobk {
  cursor: pointer;
  position: absolute;
  width: 41px;
  /* top: 10%; */
  margin-top: 5%;
  right: 10px;
  z-index: 5;
}
.mgobk:hover {
  transform: scale(0.98);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  filter: brightness(1.1);
  cursor: pointer;
}
.mgobk2 {
  cursor: pointer;
  position: absolute;
  width: 41px;
  /* top: 10%; */
  margin-top: 5%;
  right: 10px;
  z-index: 5;
}
.mgobk2:hover,
.mgotop :hover,
.mgotop2 :hover {
  transform: scale(0.98);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  filter: brightness(1.1);
  cursor: pointer;
}
.mgotop {
  position: absolute;
  width: 70px;
  right: 5px;
  bottom: 7px;
  cursor: pointer;
}
.mgotop2 {
  position: absolute;
  width: 70px;
  right: 5px;
  bottom: 7px;
  cursor: pointer;
  z-index: 9;
}
.mgobk img,
.mgotop img,
.mgotop2 img {
  width: 100%;
}
/* ........rightbox */

.tbutbox {
  display: none;
  position: fixed;
  width: 235px;
  height: 100%;
  right: -235px;
  text-align: right;
  z-index: 7;
  padding-right: 15px;
  background-attachment: scroll;
  background-repeat: repeat-y;
  background-position: 50% 0%;
  background-size: 100% auto;
  background-image: url(../images/mbtbg.png);
  /* background-color: #20354e; */
  z-index: 11;
}
.tbtbox {
  width: 100%;
  margin-left: 5px;
  position: relative;
}
.mtbt1 {
  cursor: pointer;
  width: 92%;
  font-size: 1.2em;
  padding: 0.5em;
  color: #fff;
  text-align: center;
  background-color: #2a2a2a;
  margin: 0.1em auto;
  display: block;
  border-radius: 0em;
  line-height: 1.3em;
}
.mtbt2 {
  position: relative;
  width: 95%;
  margin: 0 auto;
}
.mtbt3 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0 auto;
}
.mico {
  width: 100%;
  margin: 0.1em auto;
  cursor: pointer;
}
.mico img {
  width: 100%;
}
.mico2 {
  width: 200px;
  margin: 0 auto;
}
.mico2 img {
  width: 100%;
}
.cop1 {
  background-image: url(../images/cop1.png);
}
.cop2 {
  background-image: url(../images/cop2.png);
}
.cop1,
.cop2 {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  cursor: pointer;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 100% auto;
}
.cop_0 {
  position: absolute;
  width: 40px;
  height: 40px;
  display: none;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 100% auto;
  overflow: hidden;
  top: 0;
  background-image: url(../images/cop.png);
  left: auto;
  z-index: 11;
}
.tabtx {
  position: absolute;
}

.bufflybox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.snowRoll {
  position: absolute;
  opacity: 0;
  -webkit-animation-name: mysnow;
  -webkit-animation-duration: 20s;
  animation-name: mysnow;
  animation-duration: 20s;
  height: 80px;
}
@-webkit-keyframes mysnow {
  0% {
    bottom: 100%;
  }
  50% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg) translate3d(50px, 50px, 50px);
  }
}
@keyframes mysnow {
  0% {
    bottom: 100%;
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg) translate3d(50px, 50px, 50px);
  }
}
.wrap {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sg43box {
  width: 100%;
  padding-bottom: 20%;
}
.sgpbox {
  width: 100%;
  margin: 0 auto;
}
.sgp {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
.sgp img {
  width: 100%;
}
.sgp2 {
  display: none;
}
.sgp3 {
  display: none;
}
.sgp4 {
  display: none;
}
.sgpbtbox {
  width: 100%;
  z-index: 5;
  position: absolute;
  top: 25%;
  left: 70%;
}
.sgbt {
  width: 10%;
  position: absolute;
  background: url(../images/szhd.png) no-repeat;
  background-size: 370% auto;
  text-indent: -9999em;
  cursor: pointer;
}

.cur::after {
  width: 10%;
  position: absolute;
  background: url(../images/szhd.png) no-repeat;
  background-size: 322% auto;
  text-indent: -9999em;
  cursor: pointer;
}
.sgbt img {
  width: 100%;
}
.cur {
  background-position: -2% -3%;
}
.cur img {
  width: 100%;
}
.cur::after {
  width: 111%;
  height: 105%;
  content: "";
  position: absolute;
  background-position: 2% 50%;
  top: -12px;
  left: -24px;
  -webkit-animation: shananim 3s ease-in-out both infinite;
  animation: shananim 3s ease-in-out both infinite;
}
.cur::after {
  content: "";
  position: absolute;
  /* background-position: left bottom; */
  top: 3%;
  left: -6%;
  -webkit-animation: shananim 3s ease-in-out both infinite;
  animation: shananim 3s ease-in-out both infinite;
}
.sgbt1 {
  margin-top: -9%;
  left: -5%;
  background-position: -3% -4%;
}

.sgbt2 {
  margin-top: 0%;
  left: 2%;
  background-position: 32% -4%;
}
.sgbt3 {
  margin-top: 10%;
  left: 6%;
  background-position: 67% -4%;
}
.sgbt4 {
  margin-top: 22%;
  left: 5%;
  background-position: 102% -4%;
}
.sg1 {
  background-position: -3% 102.5%;
}
.sg2 {
  background-position: 32% 102.5%;
}
.sg3 {
  background-position: 67% 102%;
}
.sg4 {
  background-position: 102% 102%;
}
.sztip {
  position: absolute;
  width: 80%;
  left: 50%;
  margin-left: -40%;
  text-align: center;
  color: #a9bcd1;
  font-size: 16px;
  line-height: 28px;
  top: 85%;
}
@-webkit-keyframes shananim {
  0% {
    opacity: 0.3;
    -webkit-filter: brightness(1);
  }
  50% {
    opacity: 1;
    -webkit-filter: brightness(1.1);
  }
  100% {
    opacity: 0.3;
    -webkit-filter: brightness(1);
  }
}
@keyframes shananim {
  0% {
    opacity: 0.3;
    filter: brightness(1);
  }
  50% {
    opacity: 1;
    filter: brightness(1.1);
  }
  100% {
    opacity: 0.3;
    filter: brightness(1);
  }
}
/* .............lightbox......... */
.mdtxbox {
  width: 90%;
  margin: 0 auto;
  color: rgb(244, 247, 222);
  font-size: 1.2em;
}

.mdmbox {
  width: 100%;
  display: block;
  background: url(../images/mdimg_02.png);
  height: auto;
  background-size: 100% auto;
}
.mdtbox {
  width: 100%;
  display: block;
}
.ligbox img,
.ligbox2 img,
.ligbox3 img,
.ligbox4 img,
.ligbox5 img,
.ligbox6 img,
.ligbox7 img,
.ligbox8 img {
  width: 100%;
  display: block;
}
.jntit {
  width: 90%;
  margin: 0 auto;
  color: rgb(220, 211, 173);
  text-align: center;
  font-weight: 600;
  font-size: 2em;
}
.jninf {
  padding: 8px 38px 19px;
  line-height: 27px;
  text-align: center;
  position: relative;
}
.jninf::before {
  width: 66%;
  height: 9px;
  content: "";
  background: url(../images/line.png) no-repeat;
  background-size: 100%;
  bottom: 0;
  left: 50%;
  margin-left: -33%;
  position: absolute;
}
.inflist {
  width: 65%;
  margin: 0 auto;
  padding: 7px 26px 0;
  overflow: hidden;
}
.inflist li {
  padding-top: 11px;
  overflow: hidden;
}
.inflist span {
  float: left;
  width: 39px;
  height: 39px;
  background: url(../images/jnicon.png) no-repeat;
}
.inflist span.jnicon1 {
  background-position: -49px 0;
}
.inflist span.jnicon2 {
  background-position: -98px 0;
}
.inflist span.jnicon3 {
  background-position: -146px 0;
}
.inflist span.jnicon4 {
  background-position: -146px -51px;
}
.inflist span.jnicon5 {
  background-position: -146px -104px;
}
.inflist span.jnicon6 {
  background-position: -146px -173px;
}
.inflist span.jnicon7 {
  background-position: 0 -53px;
}
.inflist span.jnicon8 {
  background-position: 0 -105px;
}
.inflist span.jnicon9 {
  background-position: 0 -173px;
}
.inflist span.jnicon10 {
  background-position: -74px -53px;
}
.inflist span.jnicon11 {
  background-position: -74px -106px;
}
.inflist span.jnicon12 {
  background-position: -74px -173px;
}
.inflist span.jnicon13 {
  background-position: -74px -277px;
}
.inflist span.jnicon14 {
  background-position: 0 -226px;
}
.inflist span.jnicon15 {
  background-position: 0 -279px;
}
.inflist span.jnicon16 {
  background-position: 0 -399px;
}
.inflist span.jnicon17 {
  background-position: 0 -484px;
}
.inflist span.jnicon18 {
  background-position: -147px -226px;
}
.inflist span.jnicon19 {
  background-position: -147px -279px;
}
.inflist span.jnicon20 {
  background-position: -147px -332px;
}
.inflist span.jnicon21 {
  background-position: -50px -371px;
}
.inflist span.jnicon22 {
  background-position: -50px -427px;
}
.inflist span.jnicon23 {
  background-position: -50px -484px;
}
.inflist span.jnicon24 {
  background-position: -113px -403px;
}
.inflist span.jnicon25 {
  background-position: -113px -472px;
}
.inflist div {
  float: right;
  width: 480px;
}
.inflist strong {
  font-weight: bold;
  color: #dac585;
  font-size: 22px;
  padding-bottom: 5px;
}
.pclo {
  width: 3.5%;
  top: -40px;
  right: 0;
  position: absolute;
}
.pclo:hover {
  transform: scale(0.98);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  filter: brightness(1.1);
  cursor: pointer;
}

#inline_content {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: block;
}
.ligbox,
.ligbox2,
.ligbox3,
.ligbox4,
.ligbox5,
.ligbox6,
.ligbox7,
.ligbox8 {
  display: none;
  position: absolute;
  width: 1000px;
  height: 650px;
  margin: 5% 10% 10% 10%;
  left: 50%;
  margin-left: -500px;
  position: absolute;
  border-radius: 0px;
  z-index: 999;
}
.acaf {
  -webkit-animation: bounceIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: bounceIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
/* ............... */
.swiper-container2 .swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  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;
  transition: 300ms;
  transform: scale(0.8);
  filter: grayscale(0);
}
.sgptl {
  position: absolute;
  width: 25%;
  left: -10%;
  top: 2%;
}
.sgptl img {
  width: 100%;
}
.zqtip {
  color: #d0e7ff;
  font-size: 1em;
  text-align: center;
  line-height: 1.5em;
  position: absolute;
  bottom: 4%;
  text-shadow: 2px 1px 3px rgba(7, 0, 14, 0.9);
}
.zqtip span {
  color: #dac585;
}
.tab_container img {
  display: block;
  margin: 0 auto;
}
/*  */
@media only screen and (max-width: 1500px) {
  .alconent {
    top: 20%;
  }
}/*
@media only screen and (max-width: 1300px) {
  .sgbt1 {
    margin-top: -9%;
    left: 9%;
  }

  .sgbt2 {
    margin-top: 2%;
    left: 19%;
  }
  .sgbt3 {
    margin-top: 14%;
    left: 24%;
  }
  .sgbt4 {
    margin-top: 29%;
    left: 23%;
  }
  .minbox {
    width: 120%;
  }
    .minbox2 {
    width: 120%;
  }
  .mxxxbox {
    margin-left: -10%;
    width: 1250px;
    height: 720px;
  }
}
@media only screen and (max-width: 1200px) {
  .mconent {
    width: 80%;
  }
}
*/
@media only screen and (max-width: 1300px) {
  .ligbox,
  .ligbox2,
  .ligbox3,
  .ligbox4,
  .ligbox5,
  .ligbox6,
  .ligbox7,
  .ligbox8 {
    width: 98%;
    margin-left: -49%;
    margin-top: 15%;
  }
  .inflist div {
    width: 87%;
  }
  .gs0img {
    display: none;
  }
  .mbimg1 {
    display: block;
  }
  .alconent {
    position: absolute;
    width: 80%;
    right: 0;
    top: 40%;
  }
  /*
}
@media only screen and (max-width: 800px) {
	*/
  #particles-js{
	  display: none;
  }	
	
.txcc {
	font-size: 0.8em;
}

.jllistTitle {
	font-size: 1.3em;
}	
.jllistEnd {
	font-size: 1.3em;
	margin-bottom: 10%;
}	

.jllist span {
	font-size: 1.2em;
}
  .mapbox img {
    width: 100%;
  }
  .sgptl {
    width: 25%;
    left: 50%;
    top: 2%;
    margin-left: -12%;
  }
  .minbox {
    width: 100%;
  }
    .minbox2 {
    width: 100%;
	margin-left: -17%;
    margin-top: 10%;
  }

  .sgpbtbox {
    width: 125%;
  }
  .sgpbox {
    width: 150%;
    margin-left: -25%;
  }
  .sgbt1 {
    margin-top: -2%;
    left: 6%;
  }

  .sgbt2 {
    margin-top: 6%;
    left: 13%;
  }
  .sgbt3 {
    margin-top: 16%;
    left: 17%;
  }
  .sgbt4 {
    margin-top: 29%;
    left: 17%;
  }
  .swiper-container2 .swiper-slide {
    filter: grayscale(0);
  }
  .jnlist {
    width: 100%;
    position: absolute;
    z-index: 5;
    top: -7%;
    left: 50%;
    margin-left: -50%;
  }
  .jnlist a img {
    width: 100%;
  }
  .jnlist a {
    width: 15%;
    height: 121px;
    position: absolute;
    background: url(../images/jncom2.png) no-repeat;
    text-indent: -99999em;
    background-size: 800% auto;
  }
  .jnlist a.li0 {
    background-position: 0 0;
    margin-top: 8%;
    left: 10%;
    display: block;
  }

  .jnlist a.li1 {
    background-position: 14% 0;
    top: 0;
    left: 30%;
  }
  .jnlist a.li2 {
    background-position: 28% 0;
    top: 0;
    left: 55%;
  }
  .jnlist a.li3 {
    background-position: 43% 0;
    margin-top: 8%;
    top: 0;
    left: 75%;
  }
  .jnlist a.li4 {
    background-position: 57% 0;
    margin-top: 75%;
    top: 0;
    left: 10%;
  }
  .jnlist a.li5 {
    background-position: 71% 0;
    margin-top: 90%;
    top: 0;
    left: 30%;
  }
  .jnlist a.li6 {
    background-position: 86% 0;
    margin-top: 90%;
    top: 0;
    left: 55%;
  }
  .jnlist a.li7 {
    background-position: 100% 0;
    margin-top: 75%;
    top: 0;
    left: 75%;
  }
  .jn {
    width: 100%;
    margin-left: -50%;
  }
  .jnbgbox {
    position: absolute;
    width: 160%;
    height: 150%;
    margin: -32.2% 0 0 -30.5%;
  }
  .smllobox {
    display: none;
    width: 149px;
    height: 149px;
    z-index: 9;
    top: 36px;
    left: 28px;
    position: absolute;
  }
  .smllobox::after,
  .smllobox::before {
    display: none;
  }
  .mtlbox2 {
    width: 100%;
    margin: 0 auto;
  }
  .mxxxbox {
    width: 100%;

    margin: 10% auto 0 auto;
  }
  .head {
   # height: auto;
    background-size: auto 100%;
  }
  .head3 {
    height: auto;
    background-size: auto 100%;
  }  
  .head2 {
    height: 100vh;
    background-size: auto 100%;
  }
  .m6conent {
    position: absolute;
    width: 98%;
  # left: 18%;
  margin-left: 0%;
  top: 5%;
  }
  .mmcon {
    height: auto;
  }
  .mp {
    top: 0;
  }
  .mpb {
    width: 80%;
    top: 77px;
    left: -50px;
    margin: 0 auto;
  }
  .mxxbox {
    position: relative;
    display: block;
  }
  .alconent {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 98%;
    padding-bottom: 80%;
  }
  .alconent3 {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 98%;
    padding-bottom: 10%;
  }
  .alconent4 {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 150%;
  }
  .alconent5 {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 100%;
  }
  .m3conent {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    top: 0%;
  }
  .mxl {
    position: relative;
    width: 80%;
    margin: 0 auto;
  }
  .mxr {
    width: 100%;
    margin: 0 auto;
  }
  .mgobk {
    width: 7%;
    right: 0.5%;
    top: 0.5%;
    z-index: 10;
  }
  .mgobk2 {
    width: 7%;
    right: 0.5%;
    top: 0.5%;
    z-index: 10;
  }
  .mgotop {
    width: 7%;
    bottom: 0px;
    z-index: 5;
  }
  .mgotop2 {
    width: 7%;
    bottom: 0px;
  }
  .mtlbox {
    width: 95%;
    margin: 0 auto 1em auto;
  }
  .mtlo {
    display: block;
    width: 30%;
	
  }
  .mconent {
    position: relative;
    width: 98%;
    top: 0%;
    margin-left: -49%;
  }
  .lbtbox {
    display: none;
  }
  .fbox {
    display: none;
  }
  .cop_0 {
    display: block;
    background-image: url(../images/cop.png);
    left: auto;
    right: 235px;
  }
  .tbutbox {
    display: block;
  }
  .slobox {
    width: 80%;
    margin-left: -40%;
  }
  .bta,
  .btb {
    width: 32%;
  }
  .bbox {
    width: 98%;
    margin-left: -49%;
  }
  .logo {
    width: 200px;
    margin: 1%;
  }
}
@media only screen and (max-width: 560px) {
  .head2 {
    height: 100vh;
    background: url(../images/bg.jpg) no-repeat;
    background-size: 100% auto;
    background-color: #181713;
  }
  .mconent {
    height: auto;
  }
  .m6conent {
    position: absolute;
    width: 98%;
  left: 18%;
  margin-left: 0%;
  top: 5%;
  }
  .alconent5 {
    padding-bottom: 115%;
  }
  .sgpbtbox {
    width: 200%;
    left: 68%;
  }
  .sgp {
    margin-top: 10%;
    width: 100%;
  }
  .sgbt1 {
    margin-top: -3%;
    left: 1%;
  }

  .sgbt2 {
    margin-top: 6%;
    left: 6%;
  }
  .sgbt3 {
    margin-top: 16%;
    left: 6%;
  }
  .sgbt4 {
    margin-top: 29%;
    left: 4%;
  }
  .m3conent {
    width: 100%;
    margin-left: -50%;
  }
  .sztip {
    width: 60%;
    margin-left: -30%;
  }

  .alconent4 {
    padding-bottom: 200%;
  }
  .mxr {
    width: 125%;
    margin: 0 auto;
  }
  .alconent {
    padding-bottom: 100%;
  }
  .ligbox,
  .ligbox2,
  .ligbox3,
  .ligbox4,
  .ligbox5,
  .ligbox6,
  .ligbox7,
  .ligbox8 {
    margin-top: 1%;
    overflow: auto;
  }
  .jninf::before {
    width: 100%;
    margin-left: -50%;
  }
  .pclo {
    width: 5%;
    top: 5px;
    right: 5px;
  }
  .inflist {
    width: 100%;
  }
  .inflist div {
    width: 85%;
  }
  .alconent3 {
    padding-bottom: 0%;
  }
  .mxxxbox {
    width: 120%;
    height: 600px;
    margin-left: -10%;
  }
  .mtlbox {
    width: 100%;
  }
  .mxbox p.shot {
    width: 100%;
  }
  .mxbox p {
    width: 100%;
  }
  .mpb {
    width: 80%;
    top: 57px;
    left: -37px;
    margin: 0 auto;
  }
  .mxl {
    width: 90%;
  }
  .bboxa {
    display: none;
  }
  .head {
	font-size: 0.8em;
  }
  .head3 {
	font-size: 0.8em;
  }  

  .mmcon {
    height: auto;
  }
  .mxbox {
    height: auto;
    padding: 5px;
    margin: -10% auto;
  }
  .mgobk {
    width: 6%;
    right: 1.5%;
    top: -50px;
  }
  .mgobk2 {
    width: 6%;
    right: 2%;
    top: 20px;
  }

  .mgotop {
    position: fixed;
    width: 15%;
    bottom: 5%;
    z-index: 5;
  }
  .mgotop2 {
    position: fixed;
    width: 15%;
    bottom: 5%;
    z-index: 5;
  }
  .bta {
    display: none;
  }
  .mbt {
    display: block;
  }
  .slobox {
    top: 2%;
    width: 98%;
    margin-left: -49%;
  }
  .logo {
    width: 300px;
    margin: 1%;
    margin: 110% auto 0 auto;
  }
}
@media only screen and (max-width: 450px) {
  .alconent5 .swiper-slide img {
    width: 100%;
  }
  .swiper-slide img {
    width: 120%;
  }
  .mpb {
    width: 80%;
    top: 50px;
    left: -31px;
    margin: 0 auto;
  }
  .bbox {
    bottom: 8%;
  }
}