html{
    font-size:62.5%;
}
html,body{
    background: #fff;
    min-width:320px;
    max-width:720px;
    margin:0 auto;
    overflow-x: hidden;
}
body,textarea,input,button,select,keygen,legend,a{font:2.8rem 'Microsoft Yahei';color: #3d464d;outline:0;}
.icon {
    /* 通过设置 font-size 来改变图标大小 */
    width: 1em; height: 1em;
    /* 图标和文字相邻时，垂直对齐 */
    vertical-align: -0.15em;
    /* 通过设置 color 来改变 SVG 的颜色/fill */
    fill: currentColor;
    /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
       normalize.css 中也包含这行 */
    overflow: hidden;
}

.g-doc{
    margin:0 auto;
    position: relative;
}
.g-hd{
    padding: 1rem 10px;
}
.g-bd{
    background: #fff;
}
.g-padded{
    padding: 1rem 1.4rem 2rem;
}
.g-ge{
    height: 10px;
    background: #f6f4f5;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.u-hdbg{
    background: #CC0000;
}
.u-bdbg{
    background: #fff;
}
.u-bread{
    padding: .8rem 1.5rem;
}
.u-bread,.u-bread a{
    color: #7b7b7b;
    background: #f7f7f7;
    font-size: 2.8rem;
}
.u-bread span{
    color: #3c3c3c;
}
.u-title{
    font-size: 26px;
    line-height:1.3em;
    padding-top: 20px;
    font-weight: 400;
    margin-bottom: 28px;
}
.u-ltinfo{
    padding-bottom: 20px;
}
.u-ltinfo span{
    padding-right: 10px;
    font-size: 14px;
}
.u-ltinfo,.u-ltinfo a{
    color: #cc0000;
}
.u-til1{
    display: flex;
    padding: .6em 0;
}
.u-til1 a{
    flex: 1;
    font-size: 3.2rem;
}
.u-til1 .name{
    font-weight: bold;
}
.u-til1 .name *{
    vertical-align: middle;
}
.u-til1 .name .ico{
    display: inline-block;
    width: 1.8em;
    margin-top: -.2em;
}
.u-til1 .link{
    text-align: right;
    font-size: 1em;
    color: #8e8e8e;
    height: 1rem;
    padding-top: .3rem;
}
.u-list1{
    margin: 0.6rem 1.6rem;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: .6rem;
}
.u-list1 a:visited,.u-list1 .time:visited{
    color: #cccccc;
}
.wrap li.u-list1:last-child{
    border-bottom: none;
}
.u-list1 .box{
    line-height: 2;
    font-size: 3rem;
}
.u-list1 .title{
    word-wrap:normal;white-space:nowrap;overflow: hidden;  text-overflow:ellipsis;
}
.u-list1 .hot{
    color: #cc0000;
}
.u-list1 .time{
    font-size: 2rem;
}
.u-list1 .zhiding{
    display: inline-block;
    color: #cc0000;
    border: 1px solid #cc0000;
    padding: 0 .3em;
    margin-right: 1em;
    border-radius: 3px;
    line-height: 1.2em;
}
.u-tab-bar{
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 1.4rem;
}
.u-tab-bar a{
    flex: 1;
    text-align: center;
    font-size:3rem;
    padding: .6em 0;
    font-weight: bold;
    line-height: 1em;
}
.u-tab-bar a>div{
    border-right: 1px solid #e0e0e0;
}
.u-tab-bar a:last-child>div{
    border: none;
}
.u-tab-bar a.active{
    border-bottom: 2px solid #ee0000;
    color: #ee0000;
}
.u-select,.u-input{
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    height: 2.2em;
    padding: 0 6px;
    box-sizing: border-box;
    width: 30%;
    margin-right: 1em;
    display: inline-block;
}
.u-backToTop {
    display: none;
    width: 2.6em;
    line-height: 1.2;
    padding: 5px 0;
    background-color: #000;
    color: #fff;
    font-size: 3.4rem;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 100px;
    _bottom: auto;
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
    z-index:9999;
}
.u-cate-filter{
    /*padding: 1rem 0;*/
    padding-bottom: 1rem;
}
.u-cate-filter a{
    display: inline-block;
    line-height: 2rem;
    padding-right: .6rem;
    font-size: 3.2rem;
}
.u-cate-filter .filter-tt{
    display: block;
    line-height: 3.4rem;
    font-size: 3.2rem;
    color: red;
}
.u-prev-next{
    padding: 2rem 0;
    line-height: 2.6rem;
}
.u-prev-next dt,.u-prev-next a{
    line-height: 2rem;
}
.m-zwss .ft{
    margin: 1rem auto 0;
    font-size: 3.4rem;
}
.m-hd{
    display: flex;
}
.m-hd *{
    vertical-align: middle;
}
.m-hd a{
    display: block;
    font-size: 3.4rem;
    color: #fff;
}
.m-hd img{
    width: 1.4em;
}
.m-hd .logo{
    flex-grow: 1;
    text-align: center;
    font-size: 3.8rem;
    /*margin-top: .1em;*/
}
.m-hd .lanmu{
    text-align: right;
    flex: 0 1 5em;
}
.m-hd .lanmu img{
    margin-top: .2em;
}
.m-hd .fenzhan{
    text-align: left;
    flex: 0 1 5em;
}


.m-nav-wrap{
    display: none;
}
.m-substation{
    width: 80%;
    margin: 0 auto;
    max-height: 100%;
}
.m-substation>div{
    width: 100%;
    float: left;
}
.m-substation a{
    width: 24%;
    display:block;
    padding: 12px 0;
    float: left;
    border-bottom: 1px solid #f5f5f5;
}
.m-substation:after{
    display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";
}
.m-slide{
    padding: .8rem 0 .8rem .8rem;
    background-size: cover;
    position: relative;
}
.m-slide .swiper-pagination-bullet{
    margin:0 5px;
}
.m-slide .swiper-pagination-bullet-active{
    background: #cc0000;
}
.m-slide .swiper-slide{
    width: 50%;
}
.m-slide .goods{
    display: block;
    text-align: center;
    margin-right: .8rem;
}
.m-slide .goods img{
    width: 100%;
    max-height: 22rem;
    margin:0 auto;
    display:block;
    float: left;
}
.m-slide h3{
    line-height: 6rem;
    height: 6rem;
    word-wrap:normal;white-space:nowrap;overflow: hidden;  text-overflow:ellipsis;
    margin: 0 auto;
    font-size: 3rem;
}
.m-hot{
    /*background: #fff;*/
    padding: .2rem 0;
}
.m-hot .line{
    display: flex;
}
.m-hot .line1{
    padding-bottom: .3rem;
}
.m-hot .line a{
    flex: 1;
    text-align: center;
    color: #CC0000;
}
.m-hot h3{
    color: #333;
    padding: 3px 0;
}
.m-hot .icon{
    font-size: 8rem;
}
.m-hot img{
    display: block;
    margin: 0 auto;
    width: 3em;
}
.m-block-list{
    background: #fff;
}
.m-block-list .hd,.m-block-tab .hd,.m-zwss .hd{
    padding: 0 1.4rem 0;
    position: relative;
    border-bottom: 1px solid #9c9c9c;
}
.m-block-list .hd .biao{
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3em;
}
.m-block-list .wrap,.m-block-tab .wrap{
    position: relative;
}

.m-block-tab .more{
    text-align: center;
    display: block;
    width: 100%;
    background: #f9f9f9;
    margin-top: -1px;
    padding: 1px 0;
    color: #cc0000;
}
.m-kssj .bd{
    background: #fff;
    min-height: 100px;
}
.m-kssj .box{
    padding: 1.4em;
    line-height: 1.8em;
}
.m-kssj .box *{
    font-size: 3.2rem;
}
.m-zwss{

}
.m-zwss .line *{
    vertical-align: middle;
}
.m-zwss .bd{
    padding: 1.4em;
    background: #ebebeb;
    position: relative;
    font-size: 3.2rem;
}
.m-zwss .line{
    display: flex;
    padding: 10px 0;
    height: 1.6em;
    vertical-align: middle;
    font-size: 3.4rem;
    line-height: 2em;
}
.m-zwss .line span{
    font-size: 3rem;
    color: #a8a8a8;
    display: inline-block;
    vertical-align: bottom;
}
.m-zwss .ico-bg{
    position: absolute;
    width: 6em;
    right: 1em;
    top: 2em;
}

.m-zwss .ft button{
    width: 80%;background: #e8322f;padding: .5em 0;border: none;border-radius: 5px;color:#fff;
    font-size: 3.4rem;
}
.m-block-tab{
    background: #fff;
    padding-bottom: 1rem;
}

.m-bkzd{
    padding: 0 10px;
    background: #fff;
}
.m-content img{
    max-width: 100%;
}
.m-content *{
    font-size: 16px;
    line-height: 2.4em;
    color: #333;
    word-wrap: break-word;
}
.m-content table{
    margin:auto;
}
.m-content a{
    color: #CC0000;
}
.m-content .arc-tag a{
    display: inline-block;
    background: #eee;
    padding: 0 14px;
    border-radius: 1em;
    margin-right: 16px;
    font-size: 14px;
    color: #666;
}
.m-foot{
    padding:20px 10px 5px;
    /*background: rgba(0,0,0,.7);*/
}
.m-foot p,.m-foot a{
    line-height: 28px;
    font-size: 14px;
    color: #bbbbbb;
    text-align: center;
}
.m-pagination{
    padding: 2.4rem 0;
    font-size: 2.8rem;
    text-align: center;
}
.m-pagination li{
    display: inline-block;
    margin:0 3px;
    padding: 1.2rem 1.8rem;
    background: #fff;
}
.m-pagination li.disabled{
    background: none;
}
.m-pagination li.active{
    background: #CC0000;
    color: #fff;
}
.m-pagination li.active a{
    color: #fff;
}


.layui-m-layerbtn>span[yes]*{
    color: #ee0000;
}
@media screen and (max-width:320px) {
    html {
        font-size:28%;
    }
}
@media screen and (min-width:360px) and (max-width:410px) {
    html {
        font-size:32%;
    }
}
@media screen and (min-width:410px) and (max-width:559px) {
    html {
        font-size:36%;
    }
}
@media screen and (min-width:560px) and (max-width:700px) {
    html {
        font-size:48%;
    }
}