/*==========@@HTML默认 开始@@==========*/
/*基本*/
.kan{display:block;}
.nokan{display:none !important;}
*{box-sizing:border-box}
/*文章页*/
.con_main_all{line-height:2.8em;}
.con_main_all img {display:block;	max-width:100%;	height:auto;margin:10px auto;}
.con_main_all video{display:block;	max-width:100%;	height:auto;}

.nextwz{font-size:14px;line-height:2em}
.index{background: #fff;overflow: hidden;}
.reimg img{max-width:100%;height:auto !important;}
/*首页标题*/
.in_title2{    position: relative;
    margin: 0 auto;
    text-align: center;
    line-height: 2em;
    margin-top: 20px;}
.in_title2:before{display: inline-block;content: "";width: 2rem;height: 1px;position: absolute;background-color: #d7d8d8;top: 48%;left: 0;z-index: 1;}
.in_title2:after{display: inline-block;content: "";width: 2rem;height: 1px;position: absolute;background-color: #d7d8d8;top: 48%;right: 0;z-index: 1;}
.in_title2 h3{font-size: 1.3em;font-weight: bold;text-align: center;color: #CC0F16;}
.in_title2 p{font-size: 13px;color: #333;}
.more{display:block;width: 2.5rem;margin:0 auto;font-size: .24rem;line-height: .7rem;text-align:center;color: #fff;background: #CC0F16;border-radius: .5rem;}
/*产品中心*/
.tab{text-align: center;margin-top: .3rem;}
.tabul3 li{width: 30%;
    line-height: 0.6rem;
    margin: 0 .05rem;
    display: inline-block;
    padding: 0 .1rem;
    color: #666;
    background: #f8f8f8;
    border: .01rem solid #BFBFBF;
    border-radius: .1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.tab li:hover{color: #fff;background: #333333;border-color: #333333;}
.proCenter2{width:100%;padding: .3rem 0;}
.proCenter2 .list{margin-left: .2rem;margin-top: .2rem;}
.proCenter2 .list li{position:relative;float:left;display:block;width:48%;margin-right: 4%;margin-bottom: 15px;background: #454545;}
.proCenter2 .list li:nth-child(2n){margin-right:0;}
.proCenter2 .list li .img{width: 100%;height: 120px;box-sizing:border-box;border: 1px solid #454545;background: #fff;}
.proCenter2 .list li .img img{display:block;width:100%;height:100%;}
.proCenter2 .list li h3{    font-size: 1em;
    line-height: 1.8em;
    margin: 0;
    text-align: center;
    font-weight: 400;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
/*关于我们*/
.about_bg2{width: 100%;padding: .2rem;}
.about{}
.about .cont{font-size: 1em;line-height:2.2em;color: #666;text-align: justify;margin: .3rem 0;}
/*新闻中心*/
.inews2{width:100%;padding-bottom: .3rem;}
.inews2 .hd {margin-top: .2rem;}
.inews2 .hd ul{width:98%;margin:0 auto;}
.inews2 .hd ul li {width:33.33%;float:left;line-height: 1rem;color: #333;font-size: .3rem;font-weight:normal;text-align:center;background:#ecf0f2;transition: all .5s;}
.inews2 .hd ul li.on{color:#fff;background: #CC0F16;}
.inews2 .list{margin: 10px 0;}
.inews2 .list li{display: block;
padding:5px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px dashed #ddd;
    line-height: 2.8em;
    overflow: hidden;}
.inews2 .list li .tit {
    float: left;
    width: 74%;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.inews2 .list li .time{float: right;width: 24%;font-size: 12px;color: #666;text-align: right;}
.inews2 .more{margin-top: 20px;}
/*在线留言*/
.message_bg2{width: 100%;padding: .3rem 0;}
.message{width: 95%;margin: 0 auto;}
.message .contact{width: 100%;}
.message .contact .contact_con2{width:100%;background: #CC0F16; filter: alpha(opacity=70);opacity: 0.7;padding: .4rem;border-radius: .05rem;margin-top: .2rem;box-sizing:border-box;margin-bottom: 80px;}
.message .contact .contact_con2 div{position: relative;}
.message .contact .contact_con2 .name ,.message .contact .contact_con2 .phone{display: block;width:100%;background-color: rgba(255,255,255,0.3);margin-bottom: 20px;border-radius: .05rem;}
.message .contact .contact_con2 div input{width:100%;height: 38px;line-height: 38px;text-indent: .2rem;color: #FFF;font-size: .24rem;border: 0;outline: none;background-color: transparent;}
.message .contact .contact_con2 .liuyan{display: block;width:100%;float: left;padding-top: .15rem;margin-bottom: .3rem;background-color: rgba(255,255,255,0.3);border-radius: .05rem;}
.message .contact .contact_con2 div textarea{width:100%;height:200px;line-height: 2em;text-indent: .2rem;color: #FFF;font-size: .24rem;border: 0;outline: none;background-color: transparent;}
.message .contact .contact_con2 div input::-webkit-input-placeholder{color: #FFF;font-size: 14px;font-family: '微软雅黑';}
.message .contact .contact_con2 div textarea::-webkit-input-placeholder{color: #FFF;font-size: 14px;font-family: '微软雅黑';}
.message .contact .contact_con2 .submit{display: block;width:100%;height:36px;line-height: 2em;text-align: center;color: #FFF;font-size: .24rem;border: 0;outline: none;background-color: rgba(255,255,255,0.3);border-radius: .05rem;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;cursor:pointer;}
.message .contact .contact_con2 .submit:hover{background-color: #333;}
/*联系我们*/
.contact_map_bg{width: 100%;background: url(http://moban.wpmbg.com/demo/defaultwap/static/images/contact_bg.jpg) no-repeat center top;background-size: 100% 100%;padding: .3rem 0;}
.contact_map{width:95%;margin: 0 auto;}
.contact_map .contact{width:100%;}
.contact_map .contact .in_title2:before,.contact_map .contact .in_title2:after{background-color: #fff;}
.contact_map .contact .in_title2 h3,.contact_map .contact .in_title2 p{color: #fff;}
.contact_map .contact .contact_con2{padding: 20px 0 10px 20px;}
.contact_map .contact .contact_con2 .title{line-height: 100%;font-size: 1.4em;color: #FFF;height: .6rem;position: relative;margin-bottom: .3rem;}
.contact_map .contact .contact_con2 .title:before{content: '';position: absolute;bottom: 0;left: 0;width: .8rem;background-color: #fff;height: .05rem;}
.contact_map .contact .contact_con2 .xinxi{line-height: .5rem;font-size: .24rem;color: #fff;}
/*******************content*************/
/*内页样式*/
.content{width:100%; padding-bottom: .2rem;padding-top: 0.2rem;background: #fff;}
.iconn{background: url(http://moban.wpmbg.com/demo/defaultwap/static/images/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}
.newslist{padding: 0 3%;}
.newslist .item{width: 100%; border-bottom: 1px solid #eeeeee;}
.newslist .item *{transition: all .3s linear;}
.newslist .item a{padding: .3rem 0; width: 100%; display: block;}
.newslist .item img{width: 1.44rem; height: .96rem;display: block; margin-top: .06rem;float: right; margin-right: .1rem;}
.newslist .item h3{font-size: .3rem; line-height: .36rem; max-height: .72rem; overflow: hidden; color: #000000;}
.newslist .item .dec{color: #999999; font-size: .2rem; margin-top: .08rem;}
.newslist .item .dec span{margin-right: .2rem;}
.newslist .item.pic4 h3{height: .36rem; margin-bottom: .08rem;}
.newslist .item.pic4 img{float: left; margin-right: .06rem;}
.newslist .item.pic4 img:last-child{margin-right: 0;}
.g-top{width: 0.68rem; height: .68rem;position: fixed; bottom: 15%; z-index: 998; right: 2%; cursor: pointer; background: url(http://moban.wpmbg.com/demo/defaultwap/static/images/ico-top.png) no-repeat; background-size: 100% auto;}
/*cateList*/
.iconbef:before{background: url(http://moban.wpmbg.com/demo/defaultwap/static/images/iconn.png) no-repeat;background-size: 1.4rem auto;vertical-align: middle;}
.cateList{width: 100%;line-height: 0.8rem;text-align: center;background: #f6f6f6;color: #CC0F16;position: relative;}
.cateList .goBack{width: .8rem;height: .8rem;padding-top: .23rem;position: absolute;left: .1rem;top: 0;z-index:12;}
.cateList .goBack:before{width: .4rem;height: .4rem;display: block;margin: 0 auto;background-position: -1.0rem -0.64rem;}
.cateList h3{position:relative;font-size: .3rem;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.cateList h3 s{position:absolute;top:0.34rem;right:.4rem;width: .25rem;height: .2rem;margin-left: .1rem;background-position: -1.16rem 0;display: none;}
.cateList .box{width: 100%;padding: .2rem 3% .0;z-index: 11;background: #fff;display: none;border-bottom:1px solid #ddd;}
.cateList .box a{width: 31.3%;margin-right: 3%;margin-bottom: .15rem;line-height: .6rem;border: 1px solid #BFBFBF;font-size: .22rem;text-align: center;display: block;float: left;background: #F8F8F8;border-radius: .1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateList .box a:nth-child(3n){margin-right: 0;}
.cateList .box a.on{background: #CC0F16;border-color: #CC0F16;color: #fff;}
.wzbiti{line-height:2.5em;
    text-align: center;
    font: 1.2em "microsoft yahei";
    font-weight: bold;
    margin-bottom: 3%;}
.infowz{padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:10px}
.singlecon .in_title2:before,.singlecon .in_title2:after{background-color:#fff !important}
/*pager*/
.pager{width: 100%; text-align: center; background: #f6f6f6; padding: .2rem 0;font-size: .2rem;}
.pager a, .pager span{width: 1.6rem; height: .4rem;line-height: .4rem;display: inline-block; background: #e59f19; color: #fff; border-radius: 5px;}
.pager .yem{height: .4rem; display: inline-block; margin: 0px .1rem;line-height: .4rem;}
/*reLink*/
.reLink{margin: .2rem 4% .1rem; width: 92%;}
.reLink .prevLink, .reLink .nextLink{display: block;height: .6rem;line-height: .6rem;font-size: .24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e8e8e8;}
.reLink a{color: #333333;}

.listwz li {
    border-bottom: 1px dotted #eee;
    overflow: hidden;
    position: relative;
    height: 109px;
    padding: 15px 15px 15px 190px;
}
.listwz li img {
    width: 160px;
    height: 109px;
    position: absolute;
    left: 15px;
    top: 15px;
}
.listwz li p strong {
    font-weight: normal;
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 24px;
    min-height: 24px;
    max-height: 72px;
    overflow: hidden;
}
.listwz li p b {
    font-weight: normal;
    font-size: 13px;
    color: #999;
    padding-top: 8px;
    display: block;
    font-family: "微软雅黑", "Microsoft YaHei";
}


/*news.html*/
.newsList .list{width: 100%; margin-bottom: .3rem;}
.newsList .item{padding: 0.2rem;overflow: hidden;position: relative;border-bottom: 1px solid #f3f3f3;}
.newsList .item:nth-child(2n){background: #f9f9f9;}
.newsList .item:nth-child(2n){background: #fff;}
.newsList .item:nth-child(2n) span:after{background: #f9f9f9;}
.newsList .item:last-child{border:0px;}
.newsList .item a{width:100%;display: block;}
.newsList .item h3{font-size: .26rem;line-height: .38rem;font-weight: normal;color: #434343;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsList .item .time{color: #999;font-size: .2rem;}
.newsList .item .txt{color: #666;font-size: .23rem;line-height: .35rem;}
.newsList .item:hover h3{color:#333333;}
/*catelist*/
.catelist .item span{display: block; width: 9px; height: 16px; position: absolute; top: 28%; margin-top: -8px; right: 2%;}
.catelist .item span:before{content: ""; position: absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.catelist .item span:after{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.caselist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.caselist li a{display: block;}
.caselist li figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;border: 1px solid #ddd;}
.caselist li figure img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
.caselist li h3{height: .65rem;line-height: .65rem;text-align: center;font-size: 0.26rem;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}