@charset "UTF-8";
*{ margin: 0; padding: 0; border: 0;}
a{
    color: #333;
    text-decoration: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     outline:none;
}
ul li{ list-style: none;}
@media screen and (max-width: 320px) {
  html {
    font-size: 42.667px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 55.2px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 85.33px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 721px) and (max-width: 768px) {
  html {
    font-size: 102.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: 102.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}

@media screen and (min-width: 769px) {
  html {
    font-size: 102.4px;
  }
  html .wap-wrap,html .wap-header,html .wap-wrap-nav,html .wap-wrap-tab-bottom {
    width: 768px;
    margin: 0 auto;
  }
}
body {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #333;
    font-size: 0.28rem;
    font-family: "Microsoft YaHei";
}
i{
	font-style:normal;
}
.cn{ width: 90%; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}

.wap-wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.wap-header{
	width: 100%;
    height: 1.5rem;
    background: #fff;
    z-index: 1001;
	padding: 0rem 0.4rem;
    position: fixed;
}
.wap-header img{
    width: 4rem;
    height: 0.85rem;
	display: block;
	margin: 0.33rem auto;
	margin-right: 2.2rem;
}
.wap-header .deng{ float: left; display: inline-block;  margin-top: 0.5rem;}
.wap-header .deng a{ font-size: 0.5rem; color: #050505;}
.wap-header .deng a:active{ color: #004493;}
.wap-header-nav-icon{
    width: 0.5rem;
    height: 0.5rem;
    float: right;
    cursor: pointer;
    text-align:center;
	position: relative;
	top:-0.9rem;
	left: -0.9rem;
}
.wap-header-nav-icon span {
    display: block;
    background: #050505;
    width: 0.5rem;
    height: 0.04rem;
    transition: all ease 0.35s;
    border-radius: 0.02rem;
	position: absolute;
}
.wap-header-nav-icon span:nth-of-type(1) {
    top: 0rem
}
.wap-header-nav-icon span:nth-of-type(2) {
    top: 0.15rem
}
.wap-header-nav-icon span:nth-of-type(3) {
    top: 0.3rem
}
.wap-header-nav-icon-active span:nth-of-type(1) {
    top: 0.1rem;
    transform: rotate(45deg)
}

.wap-header-nav-icon-active span:nth-of-type(2) {
    width: 0
}
.wap-header-nav-icon-active span:nth-of-type(3) {
    top: 0.1rem;
    transform: rotate(-45deg)
}
/*导航*/
.wap-wrap-nav{
    position: fixed;
    z-index: 1000;
    bottom: 100%;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    background: rgba(255,255,255, 1);
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
    -webkit-transition: top ease 0.35s; /* Safari 和 Chrome */
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /*弹性缓冲*/
}
.wap-wrap-nav-active .wap-wrap-nav{
    top: 1.5rem;
}
.wap-wrap-nav .nav-box{ 
    padding:0.3rem;
}
.wap-wrap-nav .nav-box .nav-tit{ 
    font-size: 0.36rem;
    font-weight: 900;
    margin-bottom: 0.3rem;
    display: block;
}
    .wap-wrap-nav .nav-box .nav-item-tit {
        font-size: 0.36rem;
        font-weight: 900;
    }
.wap-wrap-nav .nav-box .nav-item .nav-item-list{
    padding:0.2rem 0rem;
    display: flex;
    display: -webkit-flex; /* Safari */
   /*flex-direction: row;*/
   flex-flow:row wrap;
   align-items: center;
   justify-content:flex-start;
}

.wap-wrap-nav .nav-box .nav-item .nav-item-list a{
    font-size: 0.27rem;
    border-radius: 0.3rem;
    border:0.02rem solid #004493;
    box-sizing: border-box;
    width: 1.62rem;
    height: 0.65rem;
    text-align: center;
    line-height: 0.60rem;
    margin: 0.1rem 0.08rem;
	color: #004493;
}
.wap-wrap-nav .nav-box .nav-item:last-child{
	margin-bottom: 2rem;
}
.wap-wrap-nav .nav-box .nav-item .nav-item-list a:active{ color: #004493; border: 0.01rem #004493 solid;}
.wap-wrap-nav .nav-box .nav-item .nav-item-list a:nth-child(1),.wap-wrap-nav .nav-box .nav-item .nav-item-list a:nth-child(5),.wap-wrap-nav .nav-box .nav-item .nav-item-list a:nth-child(9){
    margin-left: -0.04rem;
}
.wap-wrap-nav .nav-box .nav-item .nav-item-list a:nth-child(4),.wap-wrap-nav .nav-box .nav-item .nav-item-list a:nth-child(8),.wap-wrap-nav .nav-box .nav-item .nav-item-list a:nth-child(12){
   margin-right: -0.04rem;
}
.wap-header ~ .wap-content-wrap{
    padding-top: 1.23rem
}
.wap-wrap-tab-bottom ~ .wap-content-wrap{
    padding-bottom: 1.1rem
}
.wap-wrap-nav-active .wap-wrap-tab-bottom ~ .wap-wrap-nav .nav-box{
     padding-bottom: 2.4rem
}
.text-nowrap-ellipsis,.text-nowrap-ellipsis-2,.text-nowrap-ellipsis-3,.text-nowrap-ellipsis-5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-nowrap-ellipsis{
    -webkit-line-clamp: 1;
}
.text-nowrap-ellipsis-2{
    -webkit-line-clamp: 2;
}
.text-nowrap-ellipsis-3{
    -webkit-line-clamp: 3;
}
.text-nowrap-ellipsis-5{
    -webkit-line-clamp: 5;
}
.inline{
	display: inline-block;
}
/* .five{ height: 6rem;}
.five-conter{ margin-top: 0.5rem;}
.fie-conter{ background-image: url(../img/bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}
.fie-conter>div{ width: 3rem; height: 1.2rem; margin: 0.5rem auto; color: #FFFFFF; text-align: center;}
.fie-conter>div p{ font-size: 0.6rem;}
.fie-conter>div span{ display: block; padding-top: 0.1rem;}
.fie-conter>div:nth-child(2){ width: 80%;}

.foot{ width: 50%; height: 1rem; margin: 0.5rem auto; text-align: center; color: #999;}
 */