.wrapbg{ width: 100%; height: 100%; max-width: 1920px; overflow: hidden; position: relative; margin: 0 auto; font-size: 0.16rem; background:url(../images/bg.jpg) no-repeat center 0; background-size: cover;  }
.wrap{ position:absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.shangxian{ position: relative; left: 50%; top: 45%;width: 4.5rem; height: 0.97rem; -webkit-transition-duration: 2s; transition-duration: 2s; opacity: 0; -webkit-transform: scale(0) translateY(-100px); transform: scale(0) translateY(-100px); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 0; visibility: hidden; }
.shangxian::after{ content: ''; display: block; width: 100%; height: 100%; transform: translate(-50%,-50%); background:url(../images/shangxian.png) no-repeat; background-size: 100% auto; }
.shangxian{ visibility: visible; transform: translateY(0); opacity: 1; }
.wrap-pag{ display: none; }
.wrap-swiper {  width: 100%;  height: 100%;  margin-left: auto;  margin-right: auto; }
.wrap-swiper .swiper-slide{ height: 100%; overflow: hidden; }
.wrap-swiper .swiper-slide.page01{   }
 /* 视频背景容器 */
        .video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
        }
        
        /* 视频元素 */
        .video-background video {
            position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
        }
.wrap-swiper .swiper-slide.page02{ background-image:url(../images/bg1.jpg); background-position: center 0; background-size: cover; }
.wrap-swiper .swiper-slide.page03{ background-image:url(../images/bg2.jpg); background-position: center 0; background-size: cover; }
.wrap-swiper .swiper-slide.page04{ background-image:url(../images/bg3.jpg); background-position: center 0; background-size: cover; }
.wrap-swiper .swiper-slide.page05{ background-image:url(../images/bg4.jpg); background-position: center 0; background-size: cover; }
.wrap-swiper .swiper-slide.page06{ background-image:url(../images/bg5.jpg); background-position: center 0; background-size: cover; }

/*调试*/


.left{
	position: fixed; right: 3vw; top: 50%; display: flex; align-items: center; width: 2.4rem; height: 4.9rem; margin-top: -2.2rem; z-index: 2; visibility: hidden; opacity: 0; transform: translateX(100%); transition-duration: 0.6s;
}
.left.vt0{ visibility: visible; opacity: 1; transform: translateX(0); }

.left .asbtn{
  width: 100%; display: flex; justify-content: center; flex-wrap: wrap;
}
.asbtn a{
  display: block;  overflow: hidden;  margin: 0.1rem 0;
}



.wrap-swiper .swiper-slide .swiper-slide { background: none; }
.title{ width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 100%; } 
.title1-top{ background-image: url(../images/01_top.png);height: 0.64rem; }
.title1{ background-image: url(../images/01.png);height: 0.91rem; }
.title2{ background-image: url(../images/02.png);height: 0.91rem; }
.title2-top{ background-image: url(../images/02_top.png);height: 0.64rem; }
.title3{ background-image: url(../images/03.png);height: 0.91rem; }
.title3-top{ background-image: url(../images/03_top.png);height: 0.64rem; }
.title4{ background-image: url(../images/04.png);height: 0.91rem; }
.title4-top{ background-image: url(../images/04_top.png);height: 0.64rem; }
.title5{ background-image: url(../images/05.png);height: 0.91rem; }
.title5-top{ background-image: url(../images/05_top.png);height: 0.64rem; }

.s1,.s2,.s3,.s4,.s5{  display: flex; justify-content: center; flex-wrap: wrap;width: 17.2rem; height: 10rem; margin: 0 auto; color:#afa39c;font-size: 0.18rem;}

.map {width: 100%; height: 10rem; margin: 0 auto;}
.map div {
  position: absolute;
  
}
.mapbg{
  width: 61px;
  height: 83px;
  background: url(../images/mapicon.png) no-repeat;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 31px;
  font-style: normal;
  cursor: pointer;
  z-index:2;
  }
/* .mapbg{ */
	/* -webkit-animation: mapbg 1s linear infinite alternate; */
	/* animation: mapbg 1s linear infinite alternate; */
/* } */
/* @keyframes mapbg{ */
    /* 0%{ transform:translateY(0.1rem); } */
    /* 100%{ transform:translateY(-0.1rem); } */
/* } */
.map_1_1{
  top: 30vh; 
  left: 64vw;
}
.map_1_2{
  top: 8vh; 
  left: 30vw;
}

.map_2_1{
  top: 62vh; 
  left: 80vw;
}
.map_2_2{
  top: 13vh; 
  left: 30vw;
}
.map_2_3{
  top: 11vh; 
  left: 55vw;
}
.map_3_1{
  top: 33vh; 
  left: 63vw;
}
.map_4_1{
  top: 18vh; 
  left: 70vw;
}
.map_4_2{
  top: 45vh; 
  left: 50vw;
}
.map_4_3{
  top: 52vh; 
  left: 28vw;
}

.flash_link {
	width: 61px;
    height: 83px;
	position: absolute;
	top:0px;
	left:0px;
}
.show_dragon {
	width: 7.33rem;
	height: 7.33rem;
	display: none;
}


.swiper-pagination-clickable .swiper-pagination-bullet{	width: 0.24rem; height: 0.24rem; background:url(../images/pagination.png) no-repeat; background-size: 0.48rem 0.24rem; opacity: 1; margin: 0 0.05rem; }
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-position: right 0; }

.swiper-button-prev{
  animation: prev 0.6s linear infinite alternate;background: url(../images/jt_left.png) no-repeat; width: 95px; height: 91px; color: transparent; top: 40%;z-index:2;
}
@keyframes prev{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-30px); }
}
.swiper-button-next{
  animation: next 0.6s linear infinite alternate;background: url(../images/jt_right.png) no-repeat; width: 95px; height: 91px; color: transparent; top: 40%;z-index:2;
}
@keyframes next{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(30px); }
}
.swiper-button-disabled{ display: none; }

.s1 .banner {
	width: 16rem;
	position: relative;
	margin: 0 auto;
	height:10.5rem; 
}

.s1Swiper{ width: 16rem; height: 10.5rem; margin: 0 auto; overflow: hidden; }
.s1Swiper .swiper-slide{ display: flex;justify-content: center; align-items: center; }
.s1Swiper .swiper-pagination {
  position: absolute;
  bottom: 30px; /* 调整圆点距离底部的距离 */
  width: 100%;
  text-align: center;
  z-index: 10;
}
.s1 .s21{  display: flex; justify-content: space-between; align-items: center; width: 100%; height: 9.2rem; font-size: 0.2rem;flex-wrap: wrap;  }
.s1 .s211{ width: 14rem; height: 5rem; margin: 0 auto;}
.s1 .s212{ display: flex; width: 14rem; height: 1rem; margin: 0 auto;justify-content: center; align-items: center; }
.s1 .s213{ width: 14rem; height: 3rem; margin: 0 auto;line-height: 2;font-size: 0.25rem; }
.s2 .s21{
  /*width: 16rem; height:0.94rem; display: flex; justify-content: center; flex-wrap: wrap;*/
}
.s2 .s21 a{
  /*display: block;  overflow: hidden;  margin: 0.1rem 0;*/
}
.s2 .s22{
  width: 100%;height:8.5rem; 
}
.s2 .banner {
	width: 16rem;
	position: relative;
	margin: 0 auto;
}
.s2Swiper{ width: 16rem; height: 8.5rem; margin: 0 auto; overflow: hidden; }
.s2Swiper .swiper-slide{ display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.s2 .s23 a{
     overflow: hidden;  margin:0 0.2rem;
}
.s2 .s231 a{
     overflow: hidden;  margin:0 0.2rem;
}
.s2 .s24{  display: flex; justify-content: space-between; align-items: center; width: 100%; height: 7.2rem; font-size: 0.2rem; }
.s2 .s241{ width: 7rem; height: 7rem; margin: 0.3rem auto; }
.s2 .s242{ width: 7rem; height: 7rem; margin: 0.3rem auto; }
.s2 .s2421{ display: block; width: 490px; height: 499px; background: url(../images/tztable.png) no-repeat; background-size: contain; }
.s2 .s2-scroll{width: 6.8rem; height: 6.8rem; overflow-y: auto; line-height: 2; }
.s2 .s25{ display: flex; justify-content: space-between; align-items: flex-start; width: 100%; height: 7.2rem; font-size: 0.2rem;flex-wrap: wrap; }
.s2 .shuxing_show{margin: 0 auto;}
.s2 .s251{ width: 14rem; height: 1.5rem; margin: 0.1rem auto; line-height: 1.5;font-size: 0.25rem;}
.s2 .s252{ width: 14rem; height: 2rem; margin: 0 auto;line-height: 2;font-size: 0.25rem;}
.s2 .s253{ width: 14rem; height: 3.3rem; margin: 0 auto;overflow-y: auto;line-height: 1.5;font-size: 0.25rem;}
.s2 .s26{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; height: 5.8rem; font-size: 0.2rem;}
.s2 .s261{ width: 7rem; height: 5.7rem; margin: 0 auto; }
.s2 .s262{ width: 7rem; height: 5.7rem; margin: 0 auto; }
.s2 .s27{display: flex; justify-content: space-between; align-items: flex-start; width: 13rem; margin: 0 auto; height: 2rem; font-size: 0.2rem;}

.s3 .banner {
	width: 16rem;
	position: relative;
	margin: 0 auto;
	height:10.5rem; 
}

.s3Swiper{ width: 16rem; height: 10.5rem; margin: 0 auto; overflow: hidden; }
.s3Swiper .swiper-slide{ display: flex;justify-content: center; align-items: center; }
.s3Swiper .swiper-pagination {
  position: absolute;
  bottom: 30px; /* 调整圆点距离底部的距离 */
  width: 100%;
  text-align: center;
  z-index: 10;
}
.s3 .s31{  display: flex; justify-content: space-between; align-items: center; width: 100%; height: 9.2rem; font-size: 0.2rem;flex-wrap: wrap;  }
.s3 .s311{ display: flex;justify-content: center; align-items: center;width: 100%; height: 5.96rem; margin: 0 auto;}

.gw_01_animation{ width: 3rem; height: 3rem; background:url(../images/gw1/1.png) no-repeat;
  animation: gw_01_animation 1s steps(1) infinite;
 }
@keyframes gw_01_animation {
  0% { background:url(../images/gw1/1.png) no-repeat;}
  16% { background:url(../images/gw1/2.png) no-repeat; }
  32% { background:url(../images/gw1/3.png) no-repeat; }
  48% { background:url(../images/gw1/4.png) no-repeat; }
  64% { background:url(../images/gw1/5.png) no-repeat;}
  80% { background:url(../images/gw1/6.png) no-repeat;}
  100% { background:url(../images/gw1/1.png) no-repeat; } /* 可选：回到第一帧形成循环 */
}
.gw_02_animation{ width: 2.3rem; height: 2rem; background:url(../images/gw2/1.png) no-repeat;
  animation: gw_02_animation 1s steps(1) infinite;
 }
@keyframes gw_02_animation {
  0% { background:url(../images/gw2/1.png) no-repeat;}
  16% { background:url(../images/gw2/2.png) no-repeat; }
  32% { background:url(../images/gw2/3.png) no-repeat; }
  48% { background:url(../images/gw2/4.png) no-repeat; }
  64% { background:url(../images/gw2/5.png) no-repeat;}
  80% { background:url(../images/gw2/6.png) no-repeat;}
  100% { background:url(../images/gw2/1.png) no-repeat; } /* 可选：回到第一帧形成循环 */
}
.gw_03_animation{ width: 3rem; height: 2.5rem; background:url(../images/gw3/1.png) no-repeat;
  animation: gw_03_animation 1s steps(1) infinite;
 }
@keyframes gw_03_animation {
  0% { background:url(../images/gw3/1.png) no-repeat;}
  16% { background:url(../images/gw3/2.png) no-repeat; }
  32% { background:url(../images/gw3/3.png) no-repeat; }
  48% { background:url(../images/gw3/4.png) no-repeat; }
  64% { background:url(../images/gw3/5.png) no-repeat;}
  80% { background:url(../images/gw3/6.png) no-repeat;}
  100% { background:url(../images/gw3/1.png) no-repeat; } /* 可选：回到第一帧形成循环 */
}
.gw_04_animation{ width: 4.6rem; height: 5.9rem; background:url(../images/gw4/1.png) no-repeat;
  animation: gw_04_animation 1s steps(1) infinite;
 }
@keyframes gw_04_animation {
  0% { background:url(../images/gw4/1.png) no-repeat;}
  16% { background:url(../images/gw4/2.png) no-repeat; }
  32% { background:url(../images/gw4/3.png) no-repeat; }
  48% { background:url(../images/gw4/4.png) no-repeat; }
  64% { background:url(../images/gw4/5.png) no-repeat;}
  80% { background:url(../images/gw4/6.png) no-repeat;}
  100% { background:url(../images/gw4/1.png) no-repeat; } /* 可选：回到第一帧形成循环 */
}
.gw_05_animation{ width: 7rem; height: 6.5rem; background:url(../images/gw5/1.png) no-repeat;
  animation: gw_05_animation 1s steps(1) infinite;
 }
@keyframes gw_05_animation {
  0% { background:url(../images/gw5/1.png) no-repeat;}
  16% { background:url(../images/gw5/2.png) no-repeat; }
  32% { background:url(../images/gw5/3.png) no-repeat; }
  48% { background:url(../images/gw5/4.png) no-repeat; }
  64% { background:url(../images/gw5/5.png) no-repeat;}
  80% { background:url(../images/gw5/6.png) no-repeat;}
  100% { background:url(../images/gw5/1.png) no-repeat; } /* 可选：回到第一帧形成循环 */
}
.gw_06_animation{ width: 9rem; height: 8.2rem; background:url(../images/gw6/1.png) no-repeat;
  animation: gw_06_animation 1s steps(1) infinite;
 }
@keyframes gw_06_animation {
  0% { background:url(../images/gw6/1.png) no-repeat;}
  16% { background:url(../images/gw6/2.png) no-repeat; }
  32% { background:url(../images/gw6/3.png) no-repeat; }
  48% { background:url(../images/gw6/4.png) no-repeat; }
  64% { background:url(../images/gw6/5.png) no-repeat;}
  80% { background:url(../images/gw6/6.png) no-repeat;}
  100% { background:url(../images/gw6/1.png) no-repeat; } /* 可选：回到第一帧形成循环 */
}
.gw_07_animation{ width: 8.7rem; height: 8.2rem; background:url(../images/gw7/1.png) no-repeat;
  animation: gw_07_animation 1s steps(1) infinite;
 }
@keyframes gw_07_animation {
  0% { background:url(../images/gw7/1.png) no-repeat;}
  12% { background:url(../images/gw7/2.png) no-repeat; }
  24% { background:url(../images/gw7/3.png) no-repeat; }
  36% { background:url(../images/gw7/4.png) no-repeat; }
  48% { background:url(../images/gw7/5.png) no-repeat;}
  60% { background:url(../images/gw7/6.png) no-repeat;}
  72% { background:url(../images/gw7/7.png) no-repeat;}
  84% { background:url(../images/gw7/8.png) no-repeat;}
  100% { background:url(../images/gw7/1.png) no-repeat; } /* 可选：回到第一帧形成循环 */
}
.s3 .s312{ display: flex; width: 14rem; height: 1rem; margin: 0 auto;justify-content: center; align-items: center; }
.s3 .s313{ width: 14rem; height: 3rem; margin: 0 auto;line-height: 2;font-size: 0.2rem;color:#FFFFFF }

.s4 .s41{
  /*width: 16rem; height:0.94rem; display: flex; justify-content: center; flex-wrap: wrap;*/
  font-size: 0.3rem; color:#00FF00;
}
.s4 .s41 a{
  /*display: block;  overflow: hidden;  margin: 0.1rem 0;*/
  color:#00FF00;
}

.s4 .s42{
  width: 100%;height:8.5rem; 
}
.s4 .banner {
	width: 16rem;
	position: relative;
	margin: 0 auto;
}
.s4Swiper{ width: 16rem; height: 8.5rem; margin: 0 auto; overflow: hidden; }
.s4Swiper .swiper-slide{ display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}

.s4 .s43{display: flex; justify-content: space-between; width: 100%; height: 8.5rem; font-size: 0.2rem;  flex-wrap: wrap;}
.s4 .s431{ width: 16rem; height: 8.4rem; margin: 0 auto;overflow-y: auto;line-height: 1.5;font-size: 0.25rem;}
.s4 .s431 .langimg{ width:12rem;height:auto;}

.s5 .s51{
  /*width: 16rem; height:0.94rem; display: flex; justify-content: center; flex-wrap: wrap;*/
  height:0.64rem;
}
.s5 .s52{  display: flex; justify-content: space-between; width: 100%; height: 9.5rem; font-size: 0.2rem;  flex-wrap: wrap;}
.s5 .s521{ width: 16rem; height: 8.9rem; margin: 0.3rem auto;overflow-y: auto;line-height: 1.5;font-size: 0.25rem;}

.acces_show {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	
}

.acces_show li {
	width: 125px;
	height: auto;
	margin-left: 0px;
	margin-right: 15px;
	float: left;
	text-align: center;
	list-style: none;
	display: inline-block;
}

.acces {
	width: 125px;
	height: auto;
	position: relative;
}

.acces_show p {
	#margin-bottom: 14px;
}

.prop {
	font-size: 0.16rem;
	color: #fff;
	border:3px solid #535252;
	background-color: rgba(0,0,0,0.85);
	background: #000\9;/*IE*/
    filter: alpha(opacity=85);/*IE*/
	display: none;
	
}

.prop p {
	padding: 10px 10px;
}
.prop p .blue {
	color: #0ac7de;
}
.prop p .green {
	color: #1eb407;
}
.prop p .red{
	color:#DC143C;
}
.prop p .yellow{
	color:yellow;
}
.prop p .daoqilan{
	color:#0099FF;
}
.prop p .yanghong{
	color:#FF00FF;
}
.prop p .yanghuang{
	color:#FFA500;
}

.pic_name {
    font-size: 0.25rem;
	text-align:center;
	font-size: 0.2rem;
	font-weight:bold
}

.center{ text-align: center; color: #7c953f; margin: 0.3rem auto; }