div{ margin:0 auto}
img{ border:0;  }

*{ font: normal 0.22rem/100% Helvetica, Arial, sans-serif;}
*{ padding:0; margin:0;font-family:Helvetica; font-family:'黑体';   -webkit-tap-highlight-color: transparent;	font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}
label,span{ font-family: Helvetica;}

    .swiper-container {
      width: 100%;
      height: 100%;

    }
	.swiper-slide{background-size:auto 100% !important}
	.mys .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
    
    }
.qhboxRli .swiper-slide {
    width:100%; 


      /* Center slide text vertically */
    
    }
    .my1 .swiper-slide {
    width:100%; 


      /* Center slide text vertically */
    
    }
	
	    .my3 .swiper-slide {
    width:100%; height:100%; position:relative

      /* Center slide text vertically */
    
    }

	


p{font-family:Helvetica;}
a{ text-decoration:none;}

 .notice {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 
	 
	.boxdem{ width:100%; max-width:640px; margin:0 auto; }
   .huanghuan{ width:100%; position:relative; }
	#ios{ position: fixed; width:100%; bottom:0%; left:0; height:30px; z-index:999; display:none }
.oscc{ position:absolute; width:100%; background:#fff; opacity:0.5; left:0%; height:100%; top:0; z-index:2}
.ostxt{ position:absolute; width:96%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  left:2%; height:30px; font-size:12px; color:#000; text-align:left; top:0; z-index:11; }


.tt1{ position:absolute; width:58.5%; height:auto; top:0; left:21%;}
.dscx{ position:absolute; width:92%; height:89%; background:#209c99; left:4%; top:0px; border-radius:0.3rem; color:#fff; padding:0.2rem; box-sizing:border-box; 
}
.dscx p{font-size:0.2rem;line-height:0.32rem; text-align:justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}

 .demtabw{  position:relative; width:88%; margin:0 auto; height:100%}

.my5 .swiper-slide a{ display:block; height:100%; width:100%;}
.my2 .swiper-slide-prev{ opacity:0  !important;}
.my2 .swiper-slide-next{ opacity:0  !important;}
.my2 .swiper-slide-active{ opacity:1  !important;}

.swiper-pagination0{ z-index:9999; width:90%}

	
	.qhboxR .swiper-pagination{ padding-left:2%; box-sizing:border-box}
	.qhboxR .swiper-pagination-bullet{ margin-left:1% !important; z-index:9999;   border-radius:3rem; float:left; }
	.qhboxR  .swiper-pagination-bullet{ width:8px !important; height:8px !important; background:#ffe89b;  opacity:0.4!important;  margin-bottom:5%; }
	.qhboxR .swiper-pagination-bullet-active{  opacity:1!important;width:8px !important; height:8px !important;}
	.my0 .swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem; float:right; }
	.my0 .swiper-pagination-bullet{ width:6px !important; height:6px !important; background:#ffe89b;  opacity:0.4!important;  margin-bottom:5%; }
	.my0 .swiper-pagination-bullet-active{  opacity:1!important;width:28px !important; height:6px !important;}

.mys .swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem;  }
.mys .swiper-pagination-bullet{ width:6px !important; height:6px !important;  background:#7883a2;   margin-bottom:5%; }
	.mys .swiper-pagination-bullet-active{  opacity:1!important;width:28px !important;background:#f29400;  height:6px !important;}

	.swiper-button-next1{ background:url(../img/tab3/rt.png) no-repeat center; background-size:100% 100%;  right:-5.5%;   width: 5%; height: 5%;}
  .swiper-button-prev1{background:url(../img/tab3/lt.png) no-repeat center; background-size:100% 100%; left:-5.5%;   width: 5%; height: 5%;}
	
		
.mysa1{ width:86%; height:8.58%; }
.mysa2{ width:86%; height:47%;}
.mysa3{ width:79%; }
.mysb1{ width:92%;  height:10%; margin-left:7%}
.mysb2{ width:92%; height:25%; margin-left:7%}
.mysb3{ width:91%; margin-left:7.3% }


.bags{ position:absolute; bottom:0%; left:0; height:4%; width:100%; background:#566465; z-index:9998}
.chezi{ position:absolute; bottom:4%; left:0; width:32%;   z-index:9999}


.xianlu2{ position:absolute; top:21.4%; width:93%; left:0.2%; z-index:8;}
.xianlu1{ position:absolute; top:2%; width:100%; left:-5%; z-index:3; }
.hvxl{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:5}
.hvxld{ position:absolute; width:40%; left:54%; top:57%; display:none}
.hvx2{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:555}
.hvxld2{ position:absolute; top:70%; left:55%; height:7%; width:44%; cursor:pointer;
transform:rotate(26deg);
-ms-transform:rotate(26deg); 	/* IE 9 */
-moz-transform:rotate(26deg); 	/* Firefox */
-webkit-transform:rotate(26deg); /* Safari 和 Chrome */

}
.gff2{
	top:56%; left:0%; height:8%; width:100%; 
transform:rotate(-23deg);
-ms-transform:rotate(-23deg); 	/* IE 9 */
-moz-transform:rotate(-23deg); 	/* Firefox */
-webkit-transform:rotate(-23deg); /* Safari 和 Chrome */
	
	
	}
	
.gff3{
	top:24%; left:24%; height:8%; width:47%; 
transform:rotate(-88deg);
-ms-transform:rotate(-88deg); 	/* IE 9 */
-moz-transform:rotate(-88deg); 	/* Firefox */
-webkit-transform:rotate(-88deg); /* Safari 和 Chrome */
	
	
	}	

.gff4{
	top:35%; left:-3%; height:8%; width:47%; 
transform:rotate(-148deg);
-ms-transform:rotate(-148deg); 	/* IE 9 */
-moz-transform:rotate(-148deg); 	/* Firefox */
-webkit-transform:rotate(-148deg); /* Safari 和 Chrome */
	
	
	}	
	
.close{position:absolute; top:25%; right:3%; font-size:0.2rem; color:#fff; cursor:pointer}	
.fhc{ position:absolute; width:56%;  left:26%; top:67%;}
.hcff{position:absolute; bottom:0%; width:94%; left:-5%; z-index:222}
.tt0{ position:absolute; top:0%; width:80%; left:10%; }
.xianlu{ position:absolute; width:98.5%; height:70%; left:5%; top:16%;}
.tanc{position:absolute; top:14%; width:70%; height:76%; left:15%; }
.tancli{position:absolute; top:0%; width:100%; height:100%; left:0%; z-index:9999; background:#566465; display:none}
.tancbt{ width:100%; height:13%; position:relative}
.tancbt img{ width:39%; margin:0 auto; position:relative; top:26%; display:block}
.tanhc{ position:absolute; bottom:-7%; width:102%; right:-5%; }
.tancont p{ font-size:0.18rem; text-align:justify; text-indent:0.36rem;line-height:0.29rem}
.tancont{ width:94%; margin:0 auto; height:85%; padding:0.20rem; box-sizing:border-box; background:#fff;}

.tt1{ position:absolute; top:0%; width:84%; left:8%; }

.navbox1{ width:86%; position:absolute; top:0; left:9%; height:100%;}
.navboxli{ float:left; width:26%; margin-right:2%; cursor:pointer; position:relative; height:44%; }
.navboxli:nth-child(6){ margin-right:0;}
.ca1,.ca2{ width:100%; position:absolute; left:0; top:0}
.ca2{ display:none;}
.curr1 .ca2{ display:block }
.curr1 .ca1{ display:none }
.zuida,.demli{ width:100%; height:100%; position:absolute; left:0; top:0}.demli{ display:none}
.navboxL{ width:18%; float:left; height:100%; position:relative}
.qhboxR{ width:81%; float:right; height:100%; position:relative; background:#fff;}
.navbox2li{ width:100%; height:9.5%; margin-bottom:8%; background:#566465; color:#fff; font-size:0.2rem;display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;}
.avurr{ background:#f0b57e; color:#000}
.navbox2li:nth-child(9){ margin-bottom:0px;}
.qhboxRli{ position:absolute; left:0; right:0; width:100%; height:100%; display:none}
.bgbb{ height:9%; width:100%; position:absolute; background:#000; bottom:0; z-index:1; opacity:0.4}
.tipianbt{ width:96%; height:9%; font-size:0.2rem; color:#fff; position:absolute; bottom:0; left:0;display: flex;align-items:center; justify-content:center; z-index:22;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical; text-align:right !important}
.a2{ height:15%; line-height:0.28rem}

.lxnav{width:90%; position:absolute; top:0; left:5%; height:100%; }
.lxnav2{position:absolute; top:0%; width:100%; height:100%; z-index:1; left:0%; }
.lxnav2li{ float:left; width:20.1%; height:100%; cursor:pointer; background: url(../img/f3/navof.png) no-repeat center; background-size:100% 100%;  margin-right:6.5%;}
.lxnav2li:nth-child(4){ margin-right:0px;}
.lxcurr{background: url(../img/f3/navon.png) no-repeat center; background-size:100% 100%; }
.lxnav3{position:absolute; top:28%; width:88%; height:100%; z-index:2; left:6%; }
.lxnav4{position:absolute; top:0%; width:100%; height:100%; z-index:4; left:0%; }
.lxnav3li{ float:left; width:20.1%; height:100%; cursor:pointer; margin-right:6.5%;}
.lxnav3li:nth-child(4){ margin-right:0px;}
.more{position:absolute; right:2%; bottom: -12%; padding:0.1rem 0.26rem; border-radius:2rem; color:#fff; font-size:0.2rem; text-align:center; background:#daba6e; display:block;   z-index:88}





.htabbox{position:absolute; width: 90%; height:97%; top:2%;left: 5%;}
.htabboxli{position:absolute; width: 100%; height:100%; top: 0%;left: 0%; display:none}
.htabboxlis{ width:100%; height:63.5%; }
.htabboxlix{ width:100%; height:31%; position:relative; top:0.5%;}
.gtybox{position:absolute; width: 90%; height:89%; top:0%;left: 5%;  }
.gtyboxli{width:100%; height:100%; padding:1%; box-sizing:border-box;  background:#fff; float:left;  position:relative;  overflow:hidden;}
.gtyboxli:nth-child(4n){ margin-right:0px;}

.gtyboxli2{width:49%;  padding:0%; height:41%; box-sizing:border-box;  background:#fff; float:left; margin-right:0.3%;  position:relative;  overflow:hidden;}

.gtyboxli2:nth-child(1){ width:100%;  margin-bottom:3%}
.gtyboxli2:nth-child(3){ float:right}


.boxmkli2{ width:100%; height:100%; padding:1.5%; box-sizing:border-box;  background:#fff; float:left;  position:relative;  overflow:hidden; }
.boxmkli2:nth-child(2){ float:right}
.boxmkli{ width:49%; height:49%; padding:0%; box-sizing:border-box; margin-bottom:2%;  background:#fff; float:left; position:relative;  overflow:hidden; }
.boxmkli:nth-child(2n){ float:right}
.boximg{width:100%; height:55%; overflow:hidden; position:relative; text-align:center }
.boxmkli2 .boximg{width:100%; height:65%; overflow:hidden }
.boximg img{ display:block;  }


.boxdsk{ width:90%;  position:absolute;top:58.8%; left:5%}
.boxdsk p{ font-size:0.2rem; color:#000; width:100%; height:100%; left:2%; z-index: 8; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;line-height:0.28rem;}
.jiage{ position:absolute;font-size:0.22rem; width:80%; height:9%;  left:10%; bottom:12%; display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;color:#f29400; }
.gtyboxli2 a,.gtyboxli a,.boxmkli2 a,.boxmkli a,.my3fool .boxmkli span{ position:absolute;font-size:0.2rem; width:94%; height:12%;  left:3%; bottom:3%; display:block;  background:#f29400; display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;color:#fff;}
.jiage label {font-size:0.3rem;}
.boxmkli2 .boxdsk{ top:66.8%}
.mytabgg{ width:100%; height:100%; position:absolute; left:0; top:0; display:none}
.gtyboxli a{ bottom:2%; height:9%}
.gtyboxli .boxdsk{ top:59.8%}
.gtyboxli .boximg{ height:57%}
.gtyboxli .boximg span{ width:100%; height:100%; display:block; background-position:top center; background-size:100% auto}
.fmbg{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:88}
.gtyboxli2 a{ bottom:2%; height:9%; background:none; z-index:99}
.gtyboxli2 .boxdsk{ top:59.8%}
.gtyboxli2 .boximg{ height:57%}
.gtyboxli2 .boximg span{ width:100%; height:100%; display:block; background-position:top center; background-size:auto 100% }
.demli a{position:absolute; right:1%; bottom: -11%; padding:0.1rem 0.4rem; border-radius:2rem; color:#fff; font-size:1vw; text-align:center; background:#daba6e; display:block;   z-index:88}











.clock {
   -webkit-animation: go 1s ease-in-out alternate infinite;
   -moz-animation: go 1s ease-in-out alternate infinite;
   animation: go 1s ease-in-out alternate infinite;
}
@keyframes go {
   0% {
       -webkit-transform: rotate(5deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(5deg);
       -moz-transform-origin: top center;
       transform: rotate(5deg);
       transform-origin: top center;
    }
    100% {
       -webkit-transform: rotate(-5deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(-5deg);
       -moz-transform-origin: top center;
       transform: rotate(-5deg);
       transform-origin: top center;
    }
}