*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#f0f8f6;

	 
	
}
html{font-size:625%}
.hide{display: none}
table{border-collapse:collapse;border-spacing:0px;}
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
.clearfix{clear:both}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}

textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.l{float: left}
.r{float: right;}


.clear{clear: both; height: 0;}

  @media only screen and (min-width: 320px){
    html {
    font-size: 625% !important;
   }
 }
  @media only screen and (min-width: 375px){
    html {
    font-size: 721% !important;
   }
 }
   @media only screen and (min-width: 414px){
    html {
    /*font-size: 796% !important;*/
	font-size: 776% !important;
   }
 }
/*  @media only screen and (min-width: 481px){
    html {
    font-size: 925% !important;
   }
 }
  @media only screen and (min-width: 561px){
   html {
    font-size: 1079% !important;
  }
 }
 
 @media only screen and (min-width: 640px){
   html {
    font-size: 1230% !important;
  }
 }
 */
 
 
 @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ck0ltr');
  src:  url('fonts/icomoon.eot?ck0ltr#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ck0ltr') format('truetype'),
    url('fonts/icomoon.woff?ck0ltr') format('woff'),
    url('fonts/icomoon.svg?ck0ltr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-3:before {
  content: "\e900";
  color: #fff;
}
.icon-2:before {
  content: "\e901";
  color: #fff;
}
.icon-1:before {
  content: "\e902";
  color: #fff;
}
.icon-uniE903:before {
  content: "\e903";
  color: #fff;
}



 
.noscroll{ height:100vh; overflow:hidden}
.max-box{ max-width:640px; margin:0 auto; position: relative; overflow:hidden}

.head-bj{width:100%; height:0.52rem;  background-color: #00968b; z-index:999; position:fixed; left:0; top:0; background-size:cover;}
.head_b{ width:100%;height:0.52rem;max-width:640px; position:relative }
.head_box{ width:94%;height:0.52rem; margin:0 auto; max-width:640px;}
.head_box .fh{ width:0.12rem; height:0.24rem; float: left; margin-top:0.14rem;}
.head_box span{ font-size:0.18rem; color:#fff; position:relative; top:-0.06rem; left:0.02rem}
.head_box .menu{width:0.25rem; height:0.22rem; float:right; margin-top:0.15rem;}
.ct_box{ width:calc(100% - 0.4rem);height:0.52rem;  float: left; text-align:center;}
.input-bj{ width: 78%; height: 0.38rem; background-color: #f1f1f1; border-radius: 0.19rem; margin: 0 auto; margin-top: 0.07rem; position: relative;}
.btt{ width: calc(80% - 0.04rem); height: 0.38rem; line-height: 0.38rem; font-size: 0.16rem; color: #999; position: absolute; left: 0; top: 0; border-radius: 0.19rem; font-family: "微软雅黑" ; text-indent: 0.13rem; background: none; border: none;}
#btn{ width: 0.38rem ; height: 0.38rem; background: url(../images/bt.png) no-repeat; background-size: 0.2rem; background-position:0.03rem center; position: absolute; right: 0; top: 0 ; border-radius: 0.19rem;  border: none; cursor: pointer; }
.ct_box h1{ width: 100%; text-align: center;height:0.52rem; line-height: 0.52rem;}
.ct_box h1 a{ font-size: 0.22rem; color: #fff}




/*menu*/
.hidde{width:50%; height:calc(100vh - 0.52rem);position:fixed;left:0; top:0.52rem; z-index:9999999 }
.b_box{ width:100%; height:calc(100vh - 0.52rem);  background:url(../images/nav_bj.png) repeat;position:fixed;right:0; top:0.52rem; display:none; z-index:99999 } 
.me_b{ width:50%; height:calc(100vh - 0.52rem); background:url(../images/nav-right.jpg) repeat;   z-index:9999999;overflow:auto; position:absolute;right:0; top:0rem; z-index:999999; background-size:cover } 
.data_box .list{width: 100%; height:100%; overflow:auto}
.list ul li{ width:100%;border-bottom:1px solid #066e66; margin:0 auto;}
.list ul li h3{width:100%; height:0.42rem; line-height:0.42rem;color: #fff; font-size:0.16rem; display: block;position: relative; text-indent:0.2rem; }
.list ul li .inactive .ti{ background:url(../images/no.png) no-repeat !important; background-position:90% center !important; background-size:0.084rem 0.15rem !important ;}
.list ul li .inactives .ti{ background:url(../images/off.png) no-repeat;background-position:90% center !important; background-size:0.15rem 0.084rem !important ; font-weight:bold} 
.list ul li .tt{ width:100%; height:100%; background:url(../images/menu-h.png) repeat}
.list ul li .tt h4{ width:100%; height:0.36rem; text-align:left; font-size:0.14rem; color:#fff; text-indent:0.3rem;}
.list ul li .tt h4 a{ color:#fff; font-size:0.14rem;height:0.36rem; line-height:0.36rem; display:block}
.list ul li .inactives { background:url(../images/menu-h.png) repeat; color:#fff;border-bottom:1px solid #358d86; }


/*弹出菜单ed*/


.bottom-box{ width:100%; position:fixed; left:0; bottom:0; background-color:#fff;  box-shadow: 0 0 13px #ddd ; }
.bottom-box ul{ width:100%; max-width:640px; margin:0 auto;}
.bottom-box ul li{ width:25%; height:0.44rem; float: left; position: relative; text-align:center; padding-top:0.06rem;}
.bottom-box ul li h4{ width:100%; height:0.14rem; line-height:0.14rem; font-size:0.12rem; color:#999;  overflow:hidden; position: absolute; left: 0; bottom: 0.04rem}
.bottom-box ul li .icon{ width:0.26rem; height:0.26rem; font-size:0.22rem; margin:0 auto; color:#999}

.bottom-box ul .lp h4{color:#00968b;}
.bottom-box ul .lp .icon{ color:#00968b;}
.bottom-box ul li a{-webkit-tap-highlight-color:rgba(0,0,0,0); }
.bottom-box ul li:nth-child(1) .icon{ font-size: 0.28rem; position: relative; top: -0.02rem}
.bottom-box ul li:nth-child(4) .icon{ font-size: 0.26rem;}




/* 加载动画 */
.spinner-bj{margin: 0.18rem 0 0 0;}
.spinner {width: 30px;height: 20px;text-align: center;font-size: 8px; margin: 0 auto; }
.spinner > div {background-color: #999;height: 100%;width: 2px;display: inline-block;
 -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@media screen and (min-width: 360px) {

	
}
@media screen and (min-width: 375px) {

}

@media screen and (min-width: 375px) {

}




/* 2019.4.11 */
.piao-bj{ width: 100% ; height: 100%; position: fixed; left: 0 ; top: 0 ; background: url(../images/nav_bj.png) repeat; z-index: 99999;}
.tabb{ width: 100% ; height: 100%;}
.pct{ width: 68% ; margin: 0 auto; background-color: #ecf5f1; padding: 0.04rem; position: relative;}
.pct .t-p{ width: 100%; height: 43.3vw;}
.ggb-box{ width: 0.3rem; height: 0.3rem; position: absolute; right: 0.04rem ; top: 0.04rem ; background-color: #ecf5f1}
.ggb{ width: 0.2rem; height: 0.2rem; margin: 0.05rem 0 0 0.05rem; }