@charset "utf-8";
@media only screen {html { font-size: 20px;}}
@media only screen and (min-width: 320px) and (max-width: 399px) { html { font-size: 14px;} }
@media only screen and (min-width: 400px) and (max-width: 479px) { html { font-size: 16px;} }
@media only screen and (min-width: 480px) and (max-width: 767px) { html { font-size: 18px;} }
body{font:1rem/1.6 "Microsoft Yahei", sans-serif; color:#333;}
@media (min-width: 1050px) {
body{width:800px;margin:0 auto;box-sizing:border-box;}
}
@media (max-width: 1050px) {
body{margin: 0;padding: 0;}
}
h1,h2,h3,h4,h5,h6,ul,ol,p,figure,dl,dd,dt,li{margin: 0; padding: 0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol {list-style: outside none none;}
a{text-decoration:none; color:#333;}
div{box-sizing:border-box;}
img{display:block; border:0;}
.clear{clear:both;}
.hidden{overflow:hidden;}
em{font-style:normal}
.hide{display:none;}
/*顶部*/
.header{height:3rem; width:100%; background-color:#fff; overflow:hidden; position:relative;}
.header .logo{width:5.65rem; height:2.25rem; background:url(../../../logo.png) no-repeat; background-size:contain; margin:.375rem auto 0;}
.header .logo a{ text-indent:-9999px; display:inline-block; width:100%; line-height:2.25rem;}
.header .searchBtn{width:2rem; height:3rem; position:absolute; left:.75rem; top:0; cursor:pointer;}
.header .searchBtn img{
    max-height: 3rem;
}

.header .searchBtn i{width:.8rem; height:.8rem; display:inline-block; border:2px solid #000; border-radius:50%; position:relative; top:.85rem;}
.header .searchBtn i:before{content:""; width:2px; height:.5rem; background-color:#000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position:absolute; left:.8rem; top:.7rem;}
.header .navBtn{width:1.5rem; height:3rem; position:absolute; right:.75rem; top:0; cursor:pointer;}
.header .navBtn i,.header .navBtn i:before,.header .navBtn i:after{width:.25rem; height:2px; display:inline-block; background-color:#000; border-radius:2px;}
.header .navBtn i{position:relative;}
.header .navBtn i:before,.header .navBtn i:after,.header .navBtn b:before,.header .navBtn b:after{content:""; position:absolute;}
.header .navBtn i:before,.header .navBtn b:before{top:.5rem;}
.header .navBtn i:after,.header .navBtn b:after{top:1rem;}
.header .navBtn b,.header .navBtn b:before,.header .navBtn b:after{width:1rem; height:2px; display:inline-block; background-color:#000; border-radius:2px;}
.header .navBtn b{position:relative; left:.25rem;}
/*其他顶部*/
.s-header{border-bottom:1px solid #e0e0e0;}
.s-header .searchBtn{left:inherit; right:2.25rem;}
.s-header .logo{float:left; margin:.375rem .5rem 0; position:relative;}
.s-header .logo i{width:2.2rem; height:2.2rem; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display:inline-block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); 
position:absolute; right:-1rem;}
.s-header .crumb{float:left; line-height:3rem; font-size:1.1rem;}
.s-header .crumb a{color:#999; position:relative; display:inline-block;padding-left:1.25rem;}
.s-header .crumb a i{width:2.2rem; height:2.2rem; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display:inline-block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); 
position:absolute; right:-.6rem; top:.4rem;}
/*弹出导航*/
.navigation{background-color:#f0f0f0; position:fixed; overflow:scroll; top:0; left:0; right:0; bottom:0; z-index:9999; padding:0 .1rem;}
.navigation h2{text-align:center; height:4rem; line-height:4rem;}
.navigation .nav-1{ overflow:hidden;}
.navigation .nav-1 li{border-width:0 .1rem; border-color:#f0f0f0; border-style:solid; width:20%; float:left; text-align:center; background-color:#999; height:3rem; line-height:3rem; font-size:1.25rem;}
.navigation .nav-1 li a{width:100%; line-height:3rem; display:inline-block; color:#fff;}
.navigation .nav-2{margin-top:.2rem; overflow:hidden;}
.navigation .nav-2 .tit{border-style:solid; border-width:0 .1rem; border-color:#f0f0f0; width:20%; float:left; text-align:center; background-color:#999; font-size:1.25rem; height:5rem; line-height:2rem; padding:.5rem 0;}
.navigation .nav-2 .tit a{color:#fff;}
.navigation .nav-2 .n2-list{width:80%; border-style:solid; border-width:0 .1rem; border-color:#f0f0f0; float:left; padding:.5rem 1rem; line-height:2rem; background-color:#ccc; height:5rem;}
.navigation .nav-2 .n2-list ul{overflow:hidden;}
.navigation .nav-2 .n2-list ul li{float:left; margin-right:1rem;}
.navigation .close{width:3rem; height:3rem; border:1px solid #333; margin:1.5rem auto; border-radius:50%; cursor:pointer;}
.navigation .close i,.navigation .close i:before{width:2px; height:1.8rem; display:inline-block; background-color:#333;}
.navigation .close i{position:relative; top:.6rem; left:1.4rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.navigation .close i:before{content:""; position:absolute; left:0; top:0;transform:rotate(45deg); -webkit-transform:rotate(90deg)}
/*底部*/
.footer{background-color:#000; color:#fff; text-align:center; padding:.5rem 0; margin-top:.5rem;}
.footer a{color:#fff;display:inline-block;margin-left:.5rem}

.page_titles li{float:left}

.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:45px;z-index:99999;padding-bottom:10px;height: 95vh;
}
.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;border-left:3px solid #a00707;padding-left:15px;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}

.hm_floor{
    display: flex;
    justify-content: start;
}
.hm_floor .lis_cla{
    margin:5px 0px 0px;
    background: white;
    padding: 10px 5px;
    border-bottom:1px solid #e7e7e7;
    font-size: 16px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.hm_floor  .lis_cla .sel{
    padding: 5px 9px;
    font-size: 16px;
}
.hm_floor .active{
    background: #000 ;
    color: white;
}
.hm_floor .hover{
    color:#fff;

}
.hm_floor .all{
    display: block;
    width: 50px;
    font-size: 16px;
    height: 30px;
    text-align: center;
    margin-top: 17px;
    line-height: 30px;
    margin-left: 15px;
    flex-shrink: 0;
}
.now_pos{
    padding: 10px 10px 2px;
}
.now_pos > a + a:before {
    content: ">";
    padding: 0 5px;
    color: #333;
}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background:#000;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #000;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*margin-bottom: 0.2rem;*/
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}
.runk {display: flex;flex-wrap: wrap}
.runk a{padding:10px 24px;display: block}