/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */
.color-2{color: #cc3335!important}

.mui-plus header.mui-bar{
	display: none;
}
.mui-plus .mui-bar-nav~.mui-content{
	padding: 0;
}

/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description{
	margin: .5em 0;
}

.hm-description>li {
	font-size: 14px;
	color: #8f8f94;
}

.mui-content{background: #fff;}

.adv{width: 96%; margin: 0px auto; padding: 10px 0px}
.adv img{width: 100%}


.itab .mui-table-view .mui-media-object {
	line-height: 120px;
	max-width: 120px;
	height: 90px
}

.mui-search .mui-placeholder{font-size: 14px}

.mui-bar-nav a{color: #000;}
.mui-bar-nav a h6{font-size: 14px; color: #8f8f95; margin-left: 2px; display: inline-block}
.mui-bar-nav .mui-title img{width: 100px; margin-top: 10px}

.mui-content>.mui-table-view:first-child{margin-top: 0px}

.gg{width: 100%; display: flex; padding: 5px 5px; border: 1px solid #eee;}
.gg .tel{flex: 1; font-size: 13px; line-height: 20px}
.gg .tel span{color: #004097;}
.gg .kefu{width: 50px; display: inline-block; font-size: 13px;}
.gg .kefu img{width:18px}

.toutiao{width: 100%; display: flex; padding: 5px 5px; height: 30px;}
.toutiao .t{width: 50px;}
.toutiao .t img{width: 40px;}
.toutiao .c{flex: 1; font-size: 12px; color: #999; line-height: 20px;}
.toutiao .c span{border: 1px solid #d14644; font-size:12px; padding: 1px 3px; border-radius: 3px; color:#d14644; margin-right: 10px}

.dhnav .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{width: 30px; height: 3px; background: #004097; content: ""; display: block; margin-top: 5px; margin: 0px auto; border-radius: 5px}


.title{width:100%; text-align:center; position: relative; padding: 5px 0px}
.title H3{font-size:20px; color:#555; line-height: 30px; font-weight: normal}
.title H3:after{width: 30px; height: 3px; background: #004097; content: ""; display: block; margin-top: 7px; margin: 0px auto; border-radius: 5px}
.title:after{width: 15px; height: 27px; background:url(../images/icon-arrow.png) no-repeat; background-size: 15px 27px; content: ""; display: block; margin: 0px auto; border-radius: 5px; position: absolute; right: 10px; top: 15px;}

.screen{width: 100%; display: flex; height: 40px; background: #fff; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5;}
.screen div{flex: 1; height: 20px; line-height: 20px; margin-top: 10px; border-right: 1px solid #f5f5f5; text-align: center; font-size: 14px}
.screen div:last-child{border-right: 0;}

.tit2{width:100%; text-align:left; position: relative; padding: 5px 0px 0px}
.tit2 H5{font-size:14px; color:#004097; line-height: 35px; font-weight: normal; padding: 0px 0px; margin: 0px 0px}
.tit2:after{width: 10px; height: 18px; background:url(../images/icon-arrow.png) no-repeat; background-size: 10px 18px; content: ""; display: block; margin: 0px auto; border-radius: 5px; position: absolute; right: 10px; top: 13px;}

.tit3{width:100%; text-align:left; position: relative; padding: 5px 0px 0px}
.tit3 H5{font-size:14px; color:#004097; line-height: 35px; font-weight: normal; padding: 0px 0px; margin: 0px 0px}

.tit3 .btn1{background: #004097; width: 60px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #fff; display: inline-block; border-radius: 3px; margin-right: 10px; margin-top: 5px}

.b0 .mui-table-view:before{height: 0px}
.b0 .mui-table-view:after{height: 0px}

.mui-content>.mui-card:first-child{margin-top: 0px }
.thlm .mui-card {
	font-size: 14px;
	position: relative;
	overflow: hidden;
	margin: 0px 10px;
	border-radius: 2px;
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: 0px 0px 0px;
	padding-top: 5px;
	border-bottom: 1px solid #f5f5f5
}
.thlm .mui-card-footer:before{height: 0;}

.thlm .mui-card-header.mui-card-media{padding: 10px 0px}
.thlm .mui-card-header.mui-card-media .mui-media-body{margin-left: 0px;}

.zhanhui .mui-table-view .mui-media-object {
    line-height: 80px;
    max-width: 80px;
    height: 80px !important;
    border: 1px solid #f2f2f2;
    border-radius: 0px;
}
.zhanhui .mui-tit {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:28px;
	font-size: 16px;
	color: #000;
}
    .zhanhui .mui-tit .tel {
        font-size: 10px;
        background: #f5f5f5;
        padding: 0px 6px;
        float: right;
        margin-right: 5px;
        border-radius: 15px;
    }
    .zhanhui .mui-tit .tel a {
        width: 50px;
        height: 30px;
    }
    .zhanhui .mui-tit .tel img {
        width: 15px;
        height: auto;
    }
.zhanhui .mui-ellipsis {
	/*display: -webkit-box;
	overflow: hidden;*/
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:26px;
}
.zhanhui .mui-time, .zhanhui .mui-add {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:26px;
	font-size: 12px;
}

.zhanhui .mui-add:before{content: ""; width: 10px; height: 12px; display: inline-block; background:url(../images/changjia-icon-02.jpg) no-repeat; background-size: 100%; margin-right: 5px}

.thlm .mui-card-footer{padding:10px 0px!important}

.changjia{margin-bottom:10px; background:#fff;}

.changjia-box{width: 96%; margin: 0px auto; margin-bottom: 10px; position: relative; z-index: 9999}
.changjia-box .logo{width: 80px; margin: 0px auto; margin-top: -40px; position: relative}
.changjia-box .logo img{width: 100%; border-radius: 5px;}
.changjia-box .logo .tag{position: absolute; right: -5px; top: -5px; background: url(../images/changjia-icon-tag.png) no-repeat; width: 15px; height: 15px; background-size: 100% 100%; text-align: center; color: #fff; line-height: 15px; font-size: 12px}
.changjia-box .tit{text-align: center; font-size: 18px; color: #000; line-height: 36px;}
.changjia-box .caozuo{display: flex; padding-top: 10px;}
.changjia-box .caozuo p{flex:1; font-size: 14px; color: #999; text-align: center}
.changjia-contact{border-top: 1px solid #f5f5f5; width: 100%}
.changjia-contact-box{width: 100%; margin: 0px auto}
.changjia-contact-box ul{padding: 0px; margin: 0px;}
.changjia-contact-box li{border-bottom: 1px solid #f5f5f5; padding: 0px 15px; display: block; line-height: 36px; font-size: 14px; color: #666;}
.changjia-contact-box li span{border-left: 1px solid #f5f5f5; width: 30px; text-align: center; float: right; line-height: 18px; height: 18px; margin-top:9px}
.changjia-contact-box li span img{width: 18px;}

.changjia-con{width: 100%;}
.changjia-con .about{width: 94%; margin: 0px auto; padding: 20px 0px}
.changjia-con .about H4{font-size: 18px; color: #000; font-weight: normal!important; line-height: 30px; width:100%; display:block; padding: 0px; margin: 0px}
.changjia-con .about H5{font-size: 14px; color: #666; line-height: 24px; width:100%; display:block; padding: 0px; margin: 0px}
.changjia-con .product{width: 94%; margin: 0px auto; padding: 20px 0px}
.changjia-con .product .tlist{width: 100%; background: #fff;}
.changjia-con .product .tlist ul{margin: 0px; padding: 0px;}
.changjia-con .product .tlist li{width: 23%; margin-right: 2.5%; margin-bottom: 2.5%; text-align: center; list-style: none; float: left}
.changjia-con .product .tlist li a{background: #f0f0f0; border: 1px solid #ddd; color: #717171; border-radius: 5px; padding: 5px 0px; width: 100%; display: inline-block}
.changjia-con .product .tlist li a.active{background: #fff; border: 1px solid #ddd; color: #004097;}
.changjia-con .product .tlist li:last-child{margin-right: 0px;}

.changjia-con .sqbox{width: 96%; margin: 10px auto}
.changjia-con .sqbox ul{margin: 0px; padding: 0px;}
.changjia-con .sqbox li{list-style: none; background: #fff; border-radius: 5px;}
.changjia-con .sqbox .box{padding: 10px 10px 0px 10px;}
.changjia-con .sqbox .box p{font-size: 12px; line-height: 24px; color: #666;}
.changjia-con .sqbox .box .img{width: 100%}
.changjia-con .sqbox .box .img dl{margin: 0px!important; padding: 0px!important;}
.changjia-con .sqbox .box .img dd{width: 31%; margin-left: 0px; margin-right: 2.3%; margin-bottom: 2%; display: inline-block; padding: 0px;}
.changjia-con .sqbox .box .img dd:nth-child(3n+3){margin-right: 0;}
.changjia-con .sqbox .box .img img{width: 100%;}


.shichang-box{width: 96%; margin: 0px auto; margin-bottom: 10px;}
.shichang-box .tit{font-size: 16px; color: #000; font-weight: normal!important; line-height: 30px; width:100%; display:block; padding: 10px 0; margin: 0px}
.shichang-box .tit span{float: right; font-size: 16px; color: #029851;}
.shichang-box .list{display: block;  color: #999; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; margin-bottom: 10px;}
.shichang-box .list p{line-height: 30px;font-size: 14px; padding: 0px; margin: 0px; vertical-align: middle; position: relative}
.shichang-box .list img{width: 20px; line-height: 30px; position: absolute; top: 50%; margin-top: -10px; display: inline-block; margin-right: 20px}
.shichang-box .list span{padding-left: 30px;}
.shichang-box .list e{color: #029851; margin-right: 5px;margin-left: 5px}
.shichang-box .caozuo{display: flex}
.shichang-box .caozuo p{flex:1; font-size: 14px; color: #999; text-align: center}

.shiku-box{width: 96%; margin: 0px auto; margin-bottom: 10px;}
.shiku-box .caozuo{display: flex; padding-top: 10px;}
.shiku-box .caozuo p{flex:1; font-size: 14px; color: #999; text-align: center}


.shichang-view{ background:#fff;}
.shichang-view .box{border-bottom: 1px solid #f5f5f5; margin-bottom: 5px;}

.shichang-view .mui-table-view-cell:after{height: 0px;}
.shichang-view .mui-table-view-cell:before{height: 0px;}

.shichang-view .mui-table-view-cell{padding: 10px 10px}

.tejia-box .mui-table-view-cell{padding: 10px 10px}

.tejia-box .mui-table-view-cell:after{left: 0px;}

.tejia .mui-grid-view{background:#f5f5f5;}
.tejia .mui-grid-view .mui-media-object{border-radius: 5px 5px 0px 0px; overflow: hidden}
.tejia .mui-grid-view .mui-table-view-cell .mui-media-body{background:#fff; margin-top:-5px!important; padding:10px 0px; height: auto!important; border-radius: 0px 0px 5px 5px;}
.tejia .mui-grid-view .mui-table-view-cell .mui-media-body p{padding: 6px 10px; margin: 0px; display: block; clear: both; text-align: left;}
.tejia .mui-grid-view .mui-table-view-cell .mui-media-body .tit{font-size:16px; color:#333333; overflow: hidden; width:100%; white-space: nowrap; text-overflow: ellipsis;}
.tejia .mui-grid-view .mui-table-view-cell .mui-media-body .yprice{font-size:14px; color:#727272;}
.tejia .mui-grid-view .mui-table-view-cell .mui-media-body .price{font-size:16px; color:#e55b37;}
.tejia .mui-grid-view .mui-table-view-cell .mui-media-body .zhekou{background:#e55b37; width:50px; height:26px; line-height:26px; color:#fff; text-align:center;}

.tejia-box{width: 96%; margin: 0px auto; margin-bottom: 0px;}
.tejia-box .tit{font-size: 16px; color: #000; font-weight: normal!important; line-height: 30px; width:100%; display:block; padding: 10px 0; margin: 0px}
.tejia-box .tit span{float: right; font-size: 16px; color: #029851;}
.tejia-box .list{display: block;  color: #999;}
.tejia-box .list ul{margin: 0px; padding: 0px;}
.tejia-box .list li{line-height: 24px;font-size: 14px; padding: 0px; margin: 0px; vertical-align: middle; display: block; list-style: none}
.tejia-box .list .yj{margin-left: 20px;}
.tejia-box .list .yj del{text-decoration: line-through;}
.tejia-box .list e{color:#FD3A03;}
.tejia-box .t{width: 100%; margin: 10px auto 20px auto; display: inline-block; border-top: 1px solid #f5f5f5; font-size: 14px; line-height: 30px; border-radius: 5px; padding-top: 10px}
.tejia-box .zhekou{background:#e55b37; width:50px; height:22px; line-height:22px; color:#fff; text-align:center; border-radius: 5px}

.tejia-box .dianpu{ background:#fff;}
.tejia-box .dianpu .tit{width: 100%; margin: 0px auto 0px auto; display: inline-block; border-bottom: 1px solid #f5f5f5; font-size: 16px; line-height: 30px; border-radius: 5px; padding-top: 10px; color: #333}
.tejia-box .dianpu .tit span{font-size: 16px; color: #999; float: right}
.tejia-box .dianpu .box{margin-bottom: 5px;}

.tejia-box-list .mui-table-view .mui-media-object {
	line-height: 110px;
	max-width: 110px;
	height: 110px
}
.tejia-box-list .mui-tit {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:28px;
	font-size: 16px;
	color: #000;
}
.tejia-box-list .mui-tit span{
	margin-left: 5px;
	width: 16px
}
.tejia-box-list .mui-tit img{width: 100%}
.tejia-box-list .mui-ellipsis {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:20px;
	font-size: 13px
}
.tejia-box-list .mui-time, .zhanhui .mui-add {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:26px;
	font-size: 12px;
}

.tejia-box-list .mui-add:before{content: ""; width: 10px; height: 12px; display: inline-block; background:url(../images/changjia-icon-02.jpg) no-repeat; background-size: 100%; margin-right: 5px}





.shangquan .mui-grid-view{background:#f5f5f5;}
.shangquan .mui-grid-view .mui-media-object{border-radius: 5px 5px 0px 0px; overflow: hidden}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body{background:#fff; margin-top:-5px!important; padding:10px 0px; height: auto!important; border-radius: 0px 0px 5px 5px;}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body p{padding: 0px 10px; margin: 0px; display: block; clear: both; text-align: left;}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body .tit22{width:100%; line-height: 24px; height: 48px; font-size:14px; color:#333333;   text-overflow: -o-ellipsis-lastline; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body .cname{width: 100%; font-size: 14px; padding: 6px 10px 0px 6px; display: flex}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body .img{position: relative; width: 45px; height: 45px; display: inline; padding: 0px; margin: 0px;}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body .img img{border-radius: 100%; width: 100%; height: 100%; border:1px solid #eee;}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body .rz{position: absolute; right: -5px; bottom: 0px; width: 18px; height: 18px;}
.shangquan .mui-grid-view .mui-table-view-cell .mui-media-body .txt{flex: 1; line-height: 45px; color: #004097}


.news .mui-table-view .mui-media-object{max-width: 120px; height: 80px;}
.news .mui-table-view .tit{width:100%; line-height: 24px; height: 48px; font-size:14px; color:#333333;   text-overflow: -o-ellipsis-lastline; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.news .mui-table-view .mui-ellipsis{margin-top: 5px}

.news-view{width: 100%;}
.news-view .tit{ padding: 10px; display: block; border-top: 1px solid #f5f5f6; border-bottom: 1px solid #f5f5f5}
.news-view .tit H3{font-size: 18px; color: #000; font-weight: 600; line-height: 30px; width:100%; display:block;}
.news-view .tit .tbox{width:100%; display:block}
.news-view .tit .tbox span{display:inline-block; margin-right:8px; font-size: 12px; color: #999}
.news-view .cbox{width: 100%; padding: 10px;}
.news-view .cbox p{display: block; font-size: 16px; color: #333; line-height: 28px;}
.news-view .cbox img{width:100%;}

.gongqiu{width: 100%;}
.gongqiu .view{ padding: 10px; display: block; border-bottom: 1px solid #f5f5f5}
.gongqiu .view p{display: block; font-size: 14px; color: #333; line-height: 26px; margin-bottom: 0px}
.gongqiu .view img{width:100%;}
.gongqiu .view span{font-size: 12px; color: #666; line-height: 24px}

.gongqiu .laiyuan{width: 100%; display: block; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 10px 15px}
.gongqiu .laiyuan H3{font-size: 18px; color: #333; font-weight: normal}
.gongqiu .laiyuan .box{width: 100%; display: block; line-height: 50px; font-size: 16px; height: 60px; margin-top: 20px}
.gongqiu .laiyuan .box .logo{width: 50px; height: 50px; overflow: hidden; border-radius: 100%; margin-right: 10px;}
.gongqiu .laiyuan .box .logo img{width: 100%}
.gongqiu .laiyuan .box .txt{line-height: 50px;}
.gongqiu .laiyuan .box .jr-btn{background: #fff; border:1px solid #004097; height: 30px; border-radius: 20px; margin-top: 10px; line-height: 30px; text-align: center; width: 80px; font-size: 14px; color: #004097}
.gongqiu .laiyuan .bbtn{width: 100%; text-align: center}
.gongqiu .laiyuan .bbtn .btn1{background: #004097; width: 48%; text-align: center; display: inline-block; color: #fff; line-height: 40px; font-size: 14px; border-radius: 20px;}
.gongqiu .laiyuan .bbtn .btn2{background: #fff; border: 1px solid #004097; width: 45%; text-align: center; display: inline-block; color: #004097; line-height: 40px; font-size: 14px; border-radius: 20px;}


.gongqiu .pinglun{width: 100%; display: block; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 10px 15px}
.gongqiu .pinglun H3{font-size: 18px; color: #333; font-weight: normal}
.gongqiu .pinglun .box{width: 100%; display: block; line-height: 50px; font-size: 14px; height: 60px; margin-top: 20px}
.gongqiu .pinglun .box span{text-align: center;}

.gongqiu .caozuo{display: flex; padding-top: 10px; border-top: 1px solid #f5f5f5}
.gongqiu .caozuo p{flex:1; font-size: 14px; color: #999; text-align: center}
.gongqiu .caozuo img{position: relative; top: 5px;}

.gongqiu .yxqy ul{margin: 0px; padding: 0px;}
.gongqiu .yxqy li{width: 100%; display: block; font-size: 16px; margin-top: 10px; padding-bottom: 10px; list-style: none; border-bottom: 1px solid #f5f5f5}
.gongqiu .yxqy .box{padding: 10px 15px;}
.gongqiu .yxqy .box .logo{width: 30px; height: 30px; overflow: hidden; border-radius: 100%; margin-right: 10px;}
.gongqiu .yxqy .box .logo img{width: 100%; border-radius: 100%}
.gongqiu .yxqy .box .txt{line-height: 30px;}

.jingzhuang-box{width: 96%; margin: 0px auto; margin-bottom: 0px;}
.jingzhuang-box .tit{font-size: 16px; color: #000; font-weight: normal!important; line-height: 30px; width:100%; display:block; padding: 10px 0; margin: 0px}
.jingzhuang-box .tit span{float: right; font-size: 16px; color: #029851;}
.jingzhuang-box .list{display: block;  color: #999; padding-bottom: 10px; margin-bottom: 10px;}
.jingzhuang-box .list ul{margin: 0px; padding: 0px;}
.jingzhuang-box .list li{line-height: 30px;font-size: 14px; padding: 0px; margin: 0px; vertical-align: middle; position: relative; float: left; list-style: none}
.jingzhuang-box .list img{width: 20px; line-height: 30px; position: absolute; top: 50%; margin-top: -10px; display: inline-block; margin-right: 20px}
.jingzhuang-box .list span{padding-left: 30px;}
.jingzhuang-box .list e{color: #029851; margin-right: 5px;margin-left: 5px}
.jingzhuang-box .t{width: 100%; margin: 10px auto; display: inline-block; background: #f5f5f5; border: 1px solid #dcdcdc; font-size: 14px; line-height: 30px; border-radius: 5px; padding-left: 10px}
.jingzhuang-box .laiyuan{width: 100%; display: block; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 10px 0px}
.jingzhuang-box .laiyuan H3{font-size: 18px; color: #333; font-weight: normal}
.jingzhuang-box .laiyuan .box{width: 100%; display: block; line-height: 50px; font-size: 16px; height: 60px; margin-top: 20px}
.jingzhuang-box .laiyuan .box .logo{width: 50px; height: 50px; overflow: hidden; border-radius: 100%; margin-right: 10px;}
.jingzhuang-box .laiyuan .box .logo img{width: 100%}
.jingzhuang-box .laiyuan .box .txt{line-height: 50px;}
.jingzhuang-box .laiyuan .box .jr-btn{background: #fff; border:1px solid #004097; height: 30px; border-radius: 20px; margin-top: 10px; line-height: 30px; text-align: center; width: 80px; font-size: 14px; color: #004097}
.jingzhuang-box .xuanliao{width: 100%; display: block}
.jingzhuang-box .xuanliao H3{font-size: 18px; color: #333; padding: 10px 0px; font-weight: normal}
.jingzhuang-box .xuanliao p{line-height: 30px; font-size: 14px; color: #666; display: block; padding: 0px; margin: 0px; padding-bottom: 10px;}
.jingzhuang-box .xuanliao span{padding: 0px; margin: 0px; display: block;}
.jingzhuang-box .xuanliao img{width: 100%; margin-bottom: 0px}



.zhanhui-view{border-top: 1px solid #f5f5f6;}
.zhanhui-view .con{ display: block; width: 96%; margin: 0px auto; margin-bottom: 10px }
.zhanhui-view .con2{ display: block; width: 96%; margin: 0px auto; margin-bottom: 0px }
.zhanhui-view .tit{ display: block; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; padding-top: 10px}
.zhanhui-view .tit H4{font-size: 18px; color: #000; font-weight: normal!important; line-height: 30px; width:100%; display:block; padding: 0px; margin: 0px}
.zhanhui-view .tit H5{font-size: 14px; color: #666; line-height: 24px; width:100%; display:block; padding: 0px; margin: 0px}

.zhanhui .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-top:1px solid #f5f5f5; border-bottom:0px;}

.company {
    margin-bottom: 10px;
    background: #fff;
}

.company-box {
    width: 99%;
    margin: 0px auto;
    margin-bottom: 10px;
    position: relative;
    z-index: 9999
}

    .company-box .logo {
        width: 50px;
        height:50px;
        margin: 0px auto;
        position: relative
    }

        .company-box .logo img {
            width: 50px;
            height: 50px;
            border-radius: 5px;
        }

        .company-box .logo .tag {
            position: absolute;
            right: -5px;
            top: -5px;
            background: url(../images/company-icon-tag.png) no-repeat;
            width: 15px;
            height: 15px;
            background-size: 100% 100%;
            text-align: center;
            color: #fff;
            line-height: 15px;
            font-size: 12px
        }

    .company-box .tit {
        text-align: center;
        font-size: 18px;
        color: #000;
        line-height: 36px;
    }

    .company-box .caozuo {
        display: flex;
        padding-top: 10px;
    }

        .company-box .caozuo p {
            flex: 1;
            font-size: 14px;
            color: #999;
            text-align: center
        }

.company-contact {
    border-top: 1px solid #f5f5f5;
    width: 100%
}

.company-contact-box {
    width: 100%;
    margin: 0px auto
}

    .company-contact-box ul {
        padding: 0px;
        margin: 0px;
    }

    .company-contact-box li {
        border-bottom: 1px solid #f5f5f5;
        padding: 0px 15px;
        display: block;
        line-height: 36px;
        font-size: 14px;
        color: #666;
    }

        .company-contact-box li span {
            border-left: 1px solid #f5f5f5;
            width: 30px;
            text-align: center;
            float: right;
            line-height: 18px;
            height: 18px;
            margin-top: 9px
        }

            .company-contact-box li span img {
                width: 18px;
            }

.company-con {
    width: 100%;
}

    .company-con .about {
        width: 94%;
        margin: 0px auto;
        padding: 20px 0px
    }

        .company-con .about H4 {
            font-size: 18px;
            color: #000;
            font-weight: normal !important;
            line-height: 30px;
            width: 100%;
            display: block;
            padding: 0px;
            margin: 0px
        }

        .company-con .about H5 {
            font-size: 14px;
            color: #666;
            line-height: 24px;
            width: 100%;
            display: block;
            padding: 0px;
            margin: 0px
        }

    .company-con .product {
        width: 94%;
        margin: 0px auto;
        padding: 20px 0px
    }

        .company-con .product .tlist {
            width: 100%;
            background: #fff;
        }

            .company-con .product .tlist ul {
                margin: 0px;
                padding: 0px;
            }

            .company-con .product .tlist li {
                width: 23%;
                margin-right: 2.5%;
                margin-bottom: 2.5%;
                text-align: center;
                list-style: none;
                float: left
            }

                .company-con .product .tlist li a {
                    background: #f0f0f0;
                    border: 1px solid #ddd;
                    color: #717171;
                    border-radius: 5px;
                    padding: 5px 0px;
                    width: 100%;
                    display: inline-block
                }

                    .company-con .product .tlist li a.active {
                        background: #fff;
                        border: 1px solid #ddd;
                        color: #004097;
                    }

                .company-con .product .tlist li:last-child {
                    margin-right: 0px;
                }

    .company-con .sqbox {
        width: 96%;
        margin: 10px auto
    }

        .company-con .sqbox ul {
            margin: 0px;
            padding: 0px;
        }

        .company-con .sqbox li {
            list-style: none;
            background: #fff;
            border-radius: 5px;
        }

        .company-con .sqbox .box {
            padding: 10px 10px 0px 10px;
        }

            .company-con .sqbox .box p {
                font-size: 12px;
                line-height: 24px;
                color: #666;
            }

            .company-con .sqbox .box .img {
                width: 100%
            }

                .company-con .sqbox .box .img dl {
                    margin: 0px !important;
                    padding: 0px !important;
                }

                .company-con .sqbox .box .img dd {
                    width: 31%;
                    margin-left: 0px;
                    margin-right: 2.3%;
                    margin-bottom: 2%;
                    display: inline-block;
                    padding: 0px;
                }

                    .company-con .sqbox .box .img dd:nth-child(3n+3) {
                        margin-right: 0;
                    }

                .company-con .sqbox .box .img img {
                    width: 100%;
                }


.supply-box {
    width: 96%;
    margin: 0px auto;
    margin-bottom: 10px;
}

    .supply-box .tit {
        font-size: 16px;
        color: #000;
        font-weight: normal !important;
        line-height: 30px;
        width: 100%;
        display: block;
        padding: 10px 0;
        margin: 0px
    }

        .supply-box .tit span {
            float: right;
            font-size: 16px;
            color: #029851;
        }

    .supply-box .list {
        display: block;
        color: #999;
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .supply-box .list p {
            line-height: 30px;
            font-size: 14px;
            padding: 0px;
            margin: 0px;
            vertical-align: middle;
            position: relative
        }

        .supply-box .list img {
            width: 20px;
            line-height: 30px;
            position: absolute;
            top: 50%;
            margin-top: -10px;
            display: inline-block;
            margin-right: 20px
        }

        .supply-box .list span {
            padding-left: 30px;
        }

        .supply-box .list e {
            color: #029851;
            margin-right: 5px;
            margin-left: 5px
        }

    .supply-box .caozuo {
        display: flex
    }

        .supply-box .caozuo p {
            flex: 1;
            font-size: 14px;
            color: #999;
            text-align: center
        }
.gongqiu {
    margin-bottom: 0px;
    background: #fff;
    border-top: 1px solid #eee;
}

    .gongqiu .tx {
        width: 70px;
        float: left;
        margin-right: 10px
    }

        .gongqiu .tx .img img {
            width: 70px;
            height: 70px !important;
            border-radius: 20px;
            text-align: center
        }

        .gongqiu .tx .name {
            font-size: 12px;
            display: block;
            margin-top: 0px;
            text-align: center
        }

            .gongqiu .tx .name span {
                color: #019853
            }

.gongqiu-foot {
    display: flex;
    height: 44px;
}

    .gongqiu-foot .left {
        flex: 1;
        float: left
    }

        .gongqiu-foot .left .add {
            font-size: 12px;
            line-height: 24px;
            display: block
        }

            .gongqiu-foot .left .add span {
                margin-left: 5px
            }

        .gongqiu-foot .left .time {
            font-size: 12px;
            line-height: 24px;
        }

    .gongqiu-foot .right {
        width: 100px;
        text-align: right;
        margin-right: 10px;
        margin-top: 24px
    }

        .gongqiu-foot .right img {
            width: 26px
        }

.gongqiu-tit {
    width: 100%;
    text-align: center
}

    .gongqiu-tit a {
        color: #000;
        font-size: 17px;
        margin-right: 20px;
        padding-bottom: 3px
    }

        .gongqiu-tit a.active {
            border-bottom: 2px solid #019853;
            color: #019853;
        }