body{ font-size:.22rem; }
*{
    
    list-style:none;
    padding: 0;
    margin: 0;
}
a{ color: #000; text-decoration: none;}
a:hover{ color: #000; text-decoration: none;}
.mheader{ height: .82rem;position: relative; background: #131a2c;}
.mlogo{ width: 2.31rem; line-height: 0; height: 0.38rem; margin:0.22rem 0 0 0.2rem; position: absolute;}
.mlogo img{ width: 100%; }
.mdh{ width: .32rem; height: .32rem; position: absolute; right: .24rem;top: .21rem;}
.mdh img{ width: 100%}

.menubox{ position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.mbg{ background: rgba(0,0,0,.5); position:fixed; left: 0; top: 0; z-index: 2;width: 100%;height: 100%; }
.mnav{ background:#2e2e2e;height: 100%; position: relative; overflow: auto; left: 100%; top:0;width: 100%;  z-index: 3;margin-left: 1.6rem;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.menubox .mnav *{-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s;}
.channel-item{box-sizing: border-box;overflow: hidden;position: relative;border-bottom: 1px solid #444;}
.channel-item .channel-item-title {height: 0.75rem;line-height: 0.75rem;width: 100%;position: relative;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel-item .channel-item-title a{ color:#fff; display: block;padding: 0 .18rem;}
.channel-item .channel-item-title span{ position: absolute;right: 1.7rem;top: 0.23rem;width: .3rem;height: .3rem; background: url(../images/iconr.png) no-repeat; background-size: 100% auto;}
.channel-item .channel-item-title a.on span{background: url(../images/icond.png) no-repeat; background-size: 100% auto;}

.sub-channel-box{background-color: #3B3B3B;  display: none; overflow: hidden;}
.sub-channel-box .sub-channel-item{width: 100%;position: relative;border-bottom: 1px solid #444;}
.sub-channel-box .sub-channel-item ul{ margin: 0; }
.sub-channel-box .sub-channel-title{height: 0.7rem;line-height: 0.7rem;color:#9B9EA0; display: block;padding: 0 .32rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub-channel-box .sub-channel-title span{position: absolute;right: 1.7rem;top: 0.23rem;width: .3rem;height: .3rem; background: url(../images/iconr.png) no-repeat; background-size: 100% auto;}
.sub-channel-box .sub-channel-title.on span{position: absolute;right: 1.7rem;top: 0.23rem;width: .3rem;height: .3rem; background: url(../images/icond.png) no-repeat; background-size: 100% auto;}
.sub-channel-box ul{ display: none; margin: 0;}
.sub-channel-box ul li{ overflow: hidden;border-top: 1px solid #444}
.sub-channel-box ul li a{height: 0.7rem;line-height: 0.7rem;color:#9B9EA0; display: block;padding:0 1.68rem 0 .48rem; font-size: .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.mbanner{ width: 100%; line-height: 0;}
.mbanner img{ width: 100%}
.mbanner>.pagination>.swiper-pagination-bullet{ width: 30px; height: 2px; border-radius: 0; background: #fff;}
.mbanner>.pagination>.swiper-pagination-bullet-active{ background: #00C1DE}
.mblist{ width: 100%; line-height: 0;}
.mblist img{ width: 100%}

.news-wrapper{padding: .44rem 0 0 0; text-align: center;}
.news-top{ padding-bottom: .23rem;}
.news-top a{ font-size: .32rem; line-height: .87rem; color: #565555}
.news-top a span{ padding-left: .1rem;}
.news-top a span svg{width: .32rem;display: inline-block;vertical-align: middle; position: relative; top: -.025rem;}
.news-top p{color: #999;line-height: .44rem;}
.news-list img{ width: 100%}

.pt-summary{ background: #f7f7f7}
.pt-summary-top{padding:.44rem 0; text-align: center;}
.pt-title{ font-size: .32rem; line-height: .87rem; color: #565555}
.pt-desc{color: #999;line-height: .44rem;}
.pt-summary-list{ padding: 0 .22rem .22rem .22rem;}

.pt-summary-list .pt-summary-item {
    margin-bottom: 0.16rem;
    background-color: #fff;
    line-height: .92rem;
    font-size: .26rem;
}
.item-wrapper{position: relative;}
.item-wrapper .left{ position: absolute; left: .2rem; top: 0.1rem; width: .4rem; height: .4rem}
.item-wrapper .left img{ width: .4rem;height: .4rem;}
.item-wrapper .main{ padding:0 .8rem;}
.item-wrapper .right{ position: absolute; right: 0.2rem; top: .25rem; width: .4rem; height: .4rem}
.item-wrapper .right span{ display: block; height: .4rem; width: .4rem; background: url(../images/hicond.png) no-repeat; background-size: 100% auto;}
.item-wrapper .right span.on{ display: block; height: .4rem; width: .4rem; background: url(../images/hicont.png) no-repeat; background-size: 100% auto;}
.item-expander{ display: none;border-top: 1px #EBECEC solid; padding: .2rem .2rem}
.expander-item{ padding-bottom: .2rem;}
.expander-item .expander-item-name {font-size: .24rem;line-height: .4rem;color: #373D41;}
.expander-item .expander-item-desc {font-size: .24rem;line-height: .36rem;color: #9B9EA0;}

.mfooter{ background: #131a2c; padding: 0 .2rem .2rem .1rem; color: #fff;}
.mfooter a{ color: #fff;}
.hot-product {padding: .2rem 0 .1rem 0; overflow: hidden;}
.hot-product h2 {font-size: .26rem;margin-bottom: .1rem;color: #999;letter-spacing: 0;font-weight: normal;}
.hot-product ul { margin:0; font-size: .2rem;}
.hot-product ul li {float: left;margin-right: .2rem;}
.hot-product ul li a {font-size: .2rem;line-height: .36rem;color: #D7D8D9;}
.conpyright{ line-height: .44rem; border-top: 1px solid #5B5B5B; padding: .15rem 0;}
.conpyright p{ font-size: .22rem;line-height: .44rem; margin-bottom: 0;color: #f6f7f8;}
.mflogo{ margin-left: -.08rem;}
.logoname{ margin-top: -.15rem; padding-bottom: .1rem;color: #f6f7f8;}

img{ max-width: 100%}