abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-style:normal}
li{list-style:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
:focus{outline:1}
abbr[title],dfn[title]{border-bottom:1px dotted #ddd;cursor:help}
input,select{vertical-align:middle}
input,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;outline:0;border:none;background:0 0;font-family:"Microsoft Yahei",-apple-system,Helvetica,Arial,sans-serif}
input::-ms-clear,input::-ms-reveal{display:none}
input::-o-clear{display:none}
textarea{resize:none}
button{margin:0;padding:0;outline:0;border:none;background-color:transparent}
button:hover{cursor:pointer}
select{padding-right:14px;outline:0;appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
option{-moz-appearance:none;-webkit-appearance:none;appearance:none}
option::-ms-expand{display:none}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar:horizontal{height:4px}
::-webkit-scrollbar-track{display:none}
::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,.1)}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666;font-size:.28rem}
textarea::-webkit-scrollbar{width:3px;height:33px;border-radius:2px}
textarea::-webkit-scrollbar-thumb{background-color:#3a3a3a}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
body{line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
a{margin:0;padding:0;border:0;background:0 0;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-tap-highlight-color:transparent}
a,a:visited{outline:0;color:#333;text-decoration:none}
a:active,a:hover{outline:0;text-decoration:none}
img{border:none;vertical-align:top}
img:not([src]),img[src=""]{opacity:0}
.clearfix::after{clear:both;display:table;content:"";zoom:1}
.fl{float:left}
.fr{float:right}
.hide{display:none}
html{font-size:13.33333333vw}
@media screen and (min-width:750px){html{font-size:4rem}}
body{background:#f5f5f5;font-family:"Microsoft Yahei",-apple-system,Helvetica,Arial,sans-serif;font-size:.28rem;line-height:1.2}
#app{background-color:#fff}
@media screen and (min-width:769px){#app{overflow:hidden;margin:0 auto;min-height:100vh;max-width:768px}}
.wrap{margin:0 .2rem .46rem .2rem}
.wrap2{margin:0 .2rem}
.header{background-color:#0af;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.06rem}
.header .logo{height:.71rem;margin-left:.2rem;overflow:hidden}
.header .logo img{display:block;height:100%}
.header .meun{
    color: white;
    font-size: 30px;
}
.search{margin-right:.2rem}
.search .search-cont{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:.02rem solid #ccc;border-radius:.04rem}
.search .search-cont .s-txt{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-indent:.24rem;height:.7rem;width:3.6rem;overflow:hidden;color:#333;font-size:.28rem;line-height:.7rem}
@media screen and (min-width:769px){.search .search-cont .s-txt{width:500px}}
.search .search-cont .s-btn{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.06rem;width:.54rem;height:.54rem;background:url(../images/icon-search.png) no-repeat .1rem center;background-size:.4rem;cursor:pointer}
.nav{padding:0 .1rem;height:.9rem;background-color:#fff;-webkit-box-shadow:0 .12rem .2rem -.12rem rgba(0,0,0,.12);box-shadow:0 .12rem .2rem -.12rem rgba(0,0,0,.12)}
.nav .swiper-slide{width:auto}
.nav .swiper-slide a{display:block;padding:0 .2rem;color:#333;text-align:center;font-weight:400;font-size:.3rem;line-height:.9rem}
.nav .swiper-slide.active a{color:#0af;position:relative;font-size:.32rem;font-weight:700}
#footer{overflow:hidden;margin:.3rem .2rem 0 .2rem}

#footer footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .02rem solid #eee;
    padding-top: 10px;
}

#footer .logo{overflow:hidden;margin-top:.44rem;margin-bottom:.34rem;height:.71rem}
#footer .logo img{display:block;height:100%}
#footer .info{padding:0 .2rem;margin-bottom:.4rem;color:#666;text-align:center;font-size:.24rem;line-height:1.5}
.breadcrumbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 .2rem;padding-left:.36rem;border-bottom:.02rem solid #f0f2f5;background:url(../images/icon-home.png) no-repeat left center;background-size:.28rem}
.breadcrumbs li+li:before{content:">";padding:0 .08rem;-webkit-transform:scaleX(.7);transform:scaleX(.7);margin-top:-.02rem;color:#999;text-align:center;font-size:.28rem}
.breadcrumbs li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;height:.66rem;color:#999;font-size:.24rem;line-height:.66rem}
.breadcrumbs li a{display:inline-block;white-space:nowrap;height:.66rem;color:#666}
.breadcrumbs li a:hover{color:#000}
.breadcrumbs li:last-child{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.com-tit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:.9rem}
.com-tit .tit-name{color:#333;font-weight:700;font-size:.4rem;line-height:.9rem}
.com-tit .tit-more{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#666;font-size:.26rem;line-height:.9rem}
.com-tit .tit-more .tit-icon{width:.22rem;height:.3rem;background:url(../images/icon-arr.png) no-repeat right top;background-size:auto .6rem}
.com-tit .tit-more:hover{color:#0af}
.com-tit .tit-more:hover .tit-icon{background-position:right bottom}
.comm-page{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.2rem .2rem}
.comm-page .page-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 .1rem}
.comm-page a{min-width:.4rem;margin-left:.08rem;padding:0 .15rem;border:.02rem solid #ddd;border-radius:.06rem;color:#333;text-align:center;font-size:.28rem;line-height:.64rem}
.comm-page span{min-width:.4rem;margin-left:.08rem;padding:0 .15rem;border:.02rem solid #ddd;border-radius:.06rem;color:#333;text-align:center;font-size:.28rem;line-height:.64rem}
.comm-page .pagination{
    display: flex;
    flex-wrap: wrap;
}
.comm-page .pagination li{
    margin: 0 5px;
}
.comm-page a:first-child{margin-left:0}
.comm-page a:active,.comm-page .page-item:hover{color:#0af}
.comm-page .active span {
    background: #0af;
    border-color: #00a0f0;
    color: #fff;
}
.comm-page .page-btn{-webkit-box-flex:0;-webkit-flex:0 0 1rem;-ms-flex:0 0 1rem;flex:0 0 1rem;color:#333;text-align:center;font-size:.24rem;line-height:.64rem}
.comm-page .page-btn:active,.comm-page .page-btn:hover{color:#0af}


.menus{display:block;width:25px;height:25px;top:15px;right:12.5px;background-size:25px 25px;margin:  0 6px 0 0}
.menuwraps{width:calc(100%);background:#fff;top:1.06rem;z-index:99999;padding-bottom:10px;height: 95vh;    max-width: 768px;
}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain>a{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:fixed;left: 0;right: 0;margin: 0 auto}
.header{
    position: fixed;
    width: 100%;
    z-index: 999;
    max-width: 768px;
}
.tops{
    height: 1.06rem;
}