@charset "utf-8";

/* reset */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button,article,aside,details,footer,header,menu,nav,section { margin:0; padding:0;}
body,button,input,select,textarea { font:.6rem/1rem tahoma, \5FAE\8F6F\96C5\9ED1; } 
input,select,textarea { font-size:100%; }
address, cite, dfn, em, var, i { font-style:normal; font-weight:400; }
input, textarea, select, button { outline:none; border:none; background:none; -webkit-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
table { border-collapse:collapse; border-spacing:0;}
th { text-align:inherit; }
fieldset,img { border:0;}
iframe { display:block; }
ol,ul,li { list-style:none; }
del { text-decoration:line-through; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:400;}
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
ins,a { text-decoration:none; }
audio,canvas,video { display:inline-block; *display:inline; *zoom:1; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:400; }
body { color: #262626; }
a { color: #262626; }
a:active {
	background-color: #eee!important;
	color: #666;
}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for IE6 IE7 */}

/* media */
/* 分辨率：>320 (4s、5S) */
@media only screen and (min-device-width: 320px) { 
    html { font-size: 17px!important; }
}

/* 分辨率：>375 (6、6S) */
@media only screen and (min-device-width: 375px) {  
    html { font-size: 20px!important; }
}

/* 分辨率：>414 (6 plus、6S plus) */
@media only screen and (min-device-width: 414px) {
    html { font-size: 22px!important; }
}

body { background-color: #f7f7f7; }
.bg-fff { background-color: #fff; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.fl { float: left; }
.fr { float: right; }

.f10 { font-size: .5rem; }
.f12 { font-size: .6rem; }
.f13 { font-size: .65rem; border-bottom: .05rem solid #eee; padding-bottom: .2rem;}
.f14 { font-size: .7rem; }
.f15 { font-size: .75rem; }
.f16 { font-size: .8rem; }
.f17 { font-size: .85rem; }
.f18 { font-size: .9rem; }
.f20 { font-size: 1rem; }
.f22 { font-size: 1.1rem; }
.f24 { font-size: 1.2rem; }

.fw6 { font-weight: 600; }

.mt5 { margin-top: .25rem; }
.mt10 { margin-top: .5rem; }
.mt15 { margin-top: .75rem; }
.mt20 { margin-top: 1rem; }
.mt25 { margin-top: 1.25rem; }
.mt30 { margin-top: 1.5rem; }
.mb5 { margin-bottom: .25rem; }
.mb10 { margin-bottom: .5rem; }
.mr5 { margin-right: .25rem; }
.mr10 { margin-right: .5rem; }
.ml5 { margin-left: .25rem; }
.mlr20 { margin-left: 1rem; margin-right: 1rem; }
.mlr15 { margin-left: .75rem; margin-right: .75rem; }
.mlr30 { margin-left: 1rem; margin-right: 1rem; height: 2.2rem;}

.ptb20 { padding-top: 1rem; padding-bottom: 1rem; }
.ptb25 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.ptb30 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.plr10 { padding-left: .5rem; padding-right: .5rem; }
.plr15 { padding-left: .75rem; padding-right: .75rem; }
.plr30 { padding-left: 1.5rem; padding-right: 1.5rem; }
.p15 { padding: .75rem; }
.p20 { padding: 1rem; }
.pt20 { padding-top: 1rem; }
.pt30 { padding-top: 1.5rem; }
.pb5 { padding-bottom: .25rem; }
.pb20 { padding-bottom: 1rem; }
.pb0 { padding-bottom: 0 !important; }
.p0 { padding: 0 !important; }

.lh24 { line-height: 1.2rem; }
.lh30 { line-height: 1.5rem; }

.s-oe { color: #ff552e; }
.s-oe a{ color: #ff552e; }
.s-cbbb { color: #bbb; }
.s-ccc { color: #ccc; }
.s-gn { color: #2a8779; }  
.s-c999 { color: #999; }
.s-c666 { color: #666; }
.s-c333 { color: #333; }
.s-c8c8 { color: #8c8c8c; }
.s-c595 { color: #595959; }
.s-cb3b { color: #b3b3b3; }
.s-cacb { color: #cacbcc; }

.ovh { overflow: hidden; height: 100%; }
.bg-fff { background-color: #fff; }
.borb1 { border-bottom: .05rem solid #e8e8e8; }
.borb0 { border-bottom: 0 !important; }

.f-din { font-family:"DINCond-Bold"; }

/* header */
.header { position: relative; height:3.0rem; background-color: #fff; border-bottom: .05rem solid #e8e8e8; overflow: hidden; padding: 0 3.4rem; }
.pl110 { padding-left: 5.5rem; }
.header .logo { position: absolute; top: 0; left: 0; float: left; padding: .4rem; width:10.8rem; height:2.2rem; overflow: hidden; }
.header .logo img { width:10.8rem; height:2.2rem; }
.header .right { position: absolute; top: 0; right: 0; padding: 0 .75rem; float: left; line-height:3.0rem; }
.header .right .icon-chanpin { font-size:1.5rem; }
.header .ptb9 { padding-top: .45rem; padding-bottom: .45rem; }
.header .serch-link { display: block; padding: 0 .5rem; height: 1.6rem; line-height: 1.6rem; background-color: #ededed; border-radius: .8rem; color: #b3b3b3; }
.header .serch-link .icon-sousuo { margin-right: .25rem; font-size: .6rem; }
.header .left { position: absolute; top: 0; left: 0; float: left; padding: .75rem; font-size: .8rem; height: 1rem; line-height: 1rem; margin-right: .5rem; }
.header .icon-fanhui { font-size: 1.1rem; color: #595959; }
.header .tit { text-align: center; font-size: .9rem; line-height: 2.5rem; height: 2.5rem; overflow: hidden; }
.header .tit2 { text-align: center; font-size: .75rem; line-height: 2.5rem; height: 2.5rem; overflow: hidden; }
.header .back { font-size: .75rem; }
/* */

/* top-tit */
.top-tit { position: relative; padding: 0 3.2rem; background-color: #fff; border-bottom: .05rem solid #e8e8e8; text-align: center; height: 2.2rem; line-height: 2.2rem; }
.top-tit .left { position: absolute; top: 0; left: 0; padding-left: .5rem; font-size: .7rem; color: #8c8c8c; }
.top-tit .left .icon-fanhui { font-size: .9rem; color: #595959; margin-right: .15rem; position: relative; top: .1rem; }
.top-tit h1 { font-size: .9rem; }

/* ban-box */
.ban-box { position: relative; overflow: hidden; }
.ban-box .mip-carousel-indicator-wrapper { position: absolute; right: 0; bottom: .6rem; left: 0; line-height: .3rem; }
.ban-box .mip-carousel-indicator-wrapper .mip-carousel-indecator-item { display: inline-block; margin: 0 .15rem; width: .3rem; height: .3rem; line-height: 0; border-radius: .15rem; background-color: rgba(255,255,255,.5); -webkit-transition: all linear .2s; transition: all linear .2s; }
.ban-box .mip-carousel-indicator-wrapper .mip-carousel-activeitem { background-color: #ff552e; width: .6rem; }
.ban-box .mip-carousle-subtitle { text-align: center; padding-top: 1.2rem; height: 2.3rem;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0)), color-stop(100%,rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); }
.ban-box .mip-carousle-subtitle p { padding: 0 .75rem; height: 1rem; line-height: 1rem; overflow: hidden; font-size: .8rem; color: #fff; }

.ban-box mip-img { _width:750px; _height:375px}
/* pro-box */
.pro-box { position: relative; overflow: hidden; }
.pro-box .mip-carousel-indicator-wrapper { position: absolute; right: 0; bottom: .6rem; left: 0; line-height: .3rem; }
.pro-box .mip-carousel-indicator-wrapper .mip-carousel-indecator-item { display: inline-block; margin: 0 .15rem; width: .5rem; height: .5rem; line-height: 0; border-radius: .15rem; background-color: rgba(255,255,255,.5); -webkit-transition: all linear .2s; transition: all linear .2s; }
.pro-box .mip-carousel-indicator-wrapper .mip-carousel-activeitem { background-color: #ff552e; width: .8rem; }
.pro-box .mip-carousle-subtitle { text-align: center; padding-top: 1.2rem; height: 2.3rem;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0)), color-stop(100%,rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); }
.pro-box .mip-carousle-subtitle p { padding: 0 .75rem; height: 1rem; line-height: 1rem; overflow: hidden; font-size: .8rem; color: #fff; }

.pro-box mip-img { width:750px; height:auto}
/* fenlei-list */
.fenlei-list { padding: .75rem 0; background-color: #fff; overflow: hidden; }
.fenlei-list a { float: left; padding: .5rem 0; width: 25%; text-align: center; }
.fenlei-list a img { display: block; margin: auto; width: auto; height: 2.55rem; min-width: auto; min-height: auto; }
.fenlei-list a p { margin-top: .35rem; font-size: .7rem; color: #595959; }

/* ujia-bg */
.ujia-bg { background: url("../images/ujia-dot.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/ujia-dot.png*/ center center repeat-x; background-size: .4rem .5rem; text-align: center; }
.ujia-tit { display: inline-block; margin-left: .75rem; padding-right: .75rem; width: 8rem; height: 1.65rem; line-height: 1.65rem; background: url("../images/ujia.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/ujia.png*/ center center #f7f7f7 no-repeat; background-size: 8.525rem 1.65rem; font-size: .85rem; font-weight: 600; }

/* xm-list */
.xm-list { overflow: hidden; }
.xm-list li { float: left; margin-top: .75rem; width: 50%; text-align: center; }
.xm-list li a { display: block; padding: 0.5rem 0.2rem; background-color: #fff; margin-right: .375rem; box-shadow: 0 .2rem .75rem rgba(0,0,0,.05); }
.xm-list li:nth-child(2n) a { margin-right: 0; margin-left: .375rem; }
.xm-list li a img { _width: auto; _height:9rem; min-width: auto; min-height: auto; }
.xm-list li a p { font-size: .65rem; margin-top: .5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xm-list li a span { display: inline-block; padding: 0 .5rem; min-width: 4rem; height: 1.3rem; line-height: 1.3rem; border-radius: .65rem; background-color: #ff552e; color: #fff; font-size: .65rem; margin-top: .2rem;}

/* line-bg */
.line-bg { position: relative; text-align: center; }
.line-bg:before { position: absolute; top: 50%; right: 0; left: 0; width: 100%; border-top: .05rem solid #d9d9d9; content: ''; }
.line-tit { position: relative; display: inline-block; padding: 0 1rem; background-color: #f7f7f7; color: #595959; font-size: .8rem; }

/* fee-list */
.fee-list { padding: 0 .375rem; overflow: hidden; }
.fee-list li { float: left; width: 33.33%; text-align: center; margin-top: .5rem; }
.fee-list li a.hover{ display: block; margin: 0 .375rem; height: 2rem; line-height: 2rem; border-radius: 1rem; background-color:#f7b733; font-size: .8rem;color: #fff;}

.fee-list li a { display: block; margin: 0 .375rem; height: 2rem; line-height: 2rem; border-radius: 1rem; background-color: #fff; font-size: .7rem; }
.fee-list-gy li a { background-color: #f7f7f7; }

/* xm-pic */
.xm-pic { overflow: hidden; padding: 0 .075rem; }
.xm-pic li { float: left; width: 50%; }
.xm-pic li a { display: block; margin: 0 .075rem; padding: 1rem 0; text-align: center; }
.xm-pic li a span { color: #fff; font-size: .7rem; }
.xm-pic li a p { color: #fff; opacity: .7; }
.xm-pic .rank { background: url("../images/bg-oe.jpg")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/bg-oe.jpg*/ no-repeat; background-size: 100% 100%; }
.xm-pic .them { background: url("../images/bg-be.jpg")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/bg-be.jpg*/ no-repeat; background-size: 100% 100%; }

/* tab-box */
.tab-box mip-vd-tabs .mip-vd-tabs-row-tile, .tab-box mip-vd-tabs .mip-vd-tabs-nav, .tab-box mip-vd-tabs .mip-vd-tabs-nav-li { height: 2.9rem; line-height: 2.9rem; }
.tab-box mip-vd-tabs .mip-vd-tabs-nav { padding: 0 1rem; }
.tab-box mip-vd-tabs .mip-vd-tabs-nav-li { position: relative; font-size: .8rem; color: #292929; }
.tab-box mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected { color: #ff552e; border-bottom: 0; }
.tab-box mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected:before { position: absolute; left: 50%; bottom: 0; margin-left: -.75rem; content: ''; width: 1.5rem; height: .15rem; background-color: #ff4419; }
.tab-nav { overflow: hidden; text-align: center; padding: 0 1rem; }
.tab-nav span { position: relative; float: left; width: 50%; font-size: .8rem; height: 2.9rem; line-height: 2.9rem; }
.tab-nav span.cur { color: #ff552e; }
.tab-nav span.cur:before { position: absolute; left: 50%; bottom: 0; margin-left: -.75rem; content: ''; width: 1.5rem; height: .15rem; background-color: #ff4419; }

/* zhis-list */
.zhis-list { padding: 0 .75rem; }
.zhis-list li { border-bottom: .05rem solid #e8e8e8; overflow: hidden; }
.zhis-list li:last-child { border-bottom: 0; }
.zhis-list li a { display: block; padding: 1rem 0; overflow: hidden; }
.zhis-list li a mip-img { margin-left: 1.2rem; float: right; width: 5.5rem; height: 3.65rem; }
.zhis-list li a .tit { font-size: .75rem; max-height: 2.4rem; line-height: 1.2rem; overflow: hidden; }
.zhis-list li a .info { margin-top: .25rem; color: #b8b8b8; }

.zhis-list li a mip-img:after { 
	content:''; display:block; position:absolute; top:50%; left:50%; 
	margin-top: -15px;
    margin-left: -15px;
    width: 31px;
    height: 31px;
    background:url("../images/bofang.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/bofang.png*/;
}

/* case-list */
.case-list { padding: 0 .75rem; }
.case-list li { border-bottom: .05rem solid #e8e8e8; overflow: hidden; }
.case-list li:last-child { border-bottom: 0; }
.case-list li a { display: block; padding: 1rem 0; overflow: hidden; }
.case-list li a mip-img { margin-left: 1.2rem; float: right; width: 5.5rem; height: 3.65rem; }
.case-list li a .tit { font-size: .75rem; max-height: 2.4rem; line-height: 1.2rem; overflow: hidden; }
.case-list li a .info { margin-top: .25rem; color: #b8b8b8; }

/* f-type-list */
.f-type-list { overflow: hidden; }
.f-type-list li { float: left; width: 33%; text-align: center; }
.f-type-list a { display: block; padding: 1rem 0; }
.f-type-list a .iconfont { font-size: 1.3rem; line-height: 1.3rem; color: #ff552e; }
.f-type-list a p { font-size: .7rem; color: #595959; margin-top: .5rem; }
.f-type-list-w2 li { width: 50%; }

/* ys-list */
.ys-list { overflow: hidden; }
.ys-list li { float: left; padding: 1.25rem 0; width: 33.33%; text-align: center; }
.ys-list li img { width: auto; height: 2rem; min-width: auto; min-height: auto; }
.ys-list li p { font-size: .65rem; color: #595959; margin-top: .5rem; }

/* cont-all */
.cont-box { font-size: 14px; line-height: 24px; color: #595959; overflow: hidden; }
.cont-nr { height: auto; }
.cont-nr img { max-width: 100%; }
.cont-btn { width: 100%; padding: .5rem 0 0; border: 0; text-align: center; font-size: .65rem; cursor: pointer; color: #595959; background: 0; }
.cont-btn .iconfont { color: #8c8c8c; font-size: .65rem; }

/* footer */
.footer { padding: 1.5rem .75rem 3.5rem; background-color: #fff; text-align: center; }
.footer .logo mip-img { width: 10.75rem; margin: auto; }
.foot-ul { overflow: hidden; }
.foot-ul li { float: left; width: 25%; text-align: center; }
.foot-ul li a { font-size: .7rem; color: #595959; }

/* gotop */
.gotop { position: fixed; bottom: 6rem !important; right: .5rem !important; }
.gotop mip-gototop { font-family: "iconfont" !important; color: #ff552e; font-size: .95rem; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; border-radius: 50%; background: none; border: 0; background-color: rgba(255,255,255,.9); box-shadow: 0 0 .4rem rgba(0,0,0,.07); text-align: center; }
.gotop mip-gototop:before{ content: "\e64c"; }

/* fixed-bottom-zx */
.fixed-bottom-zx { position: fixed; right: 0; bottom: 0; left: 0; overflow: hidden; padding: .4rem .375rem; background-color: rgba(255,255,255,0); z-index: 10; }
.fixed-bottom-zx li { float: left; width: 50%; text-align: center; }
.fixed-bottom-zx li a { display: block; margin: 0 .375rem; height: 2.2rem; line-height: 2.2rem; font-size: .9rem; color: #fff; border-radius: 1.1rem; }
.fixed-bottom-zx li .iconfont { font-size: 1.2rem; margin-right: .25rem; top: .125rem; position: relative; }
.fixed-bottom-zx .btn-bg1 { background-color: #f7b733; box-shadow: 0 .075rem .25rem rgba(247,183,51,.5); }
.fixed-bottom-zx .btn-bg2 { background-color: #ff552e; box-shadow: 0 .075rem .25rem rgba(255,85,46,.5); }

/* all-item */
.all-item { padding: 1rem .5rem; overflow: hidden; }
.all-item a { float: left; margin: 0 .25rem .5rem; white-space: nowrap; padding: 0 1rem; height: 2.2rem; line-height: 2.2rem; border-radius: 1.1rem; background-color: #f5f5f5; font-size: .7rem; }
.all-item a.cur { color: #fff; background-color: #ff552e; }

/* hot-serch */
.hot-serch { overflow: hidden; }
.hot-serch a { float: left; white-space: nowrap; margin: .5rem .5rem 0 0; padding: 0 .85rem; height: 1.4rem; line-height: 1.4rem; border: .05rem solid #e8e8e8; border-radius: .75rem; font-size: .7rem; color: #595959; }

/* histroy-list */
.histroy-list { overflow: hidden; border-top: .05rem solid #e8e8e8; }
.histroy-list a { display: block; padding: .5rem 0; line-height: 1.2rem; font-size: .7rem; color: #595959; border-bottom: .05rem solid #e8e8e8; }

/* result-box */
.result-box .tab-nav span { width: 25%; height: 2.2rem; line-height: 2.2rem; font-size: .75rem; }

/* serch-txt */
.serch-txt { padding: .5rem .75rem; background-color: #f7f7f7; font-size: .65rem; color: #8c8c8c; }



/* more-btn */
.more-btn { display: block; height: 1.9rem; line-height: 1.9rem; font-size: .7rem; text-align: center; border: .05rem solid #e8e8e8; border-radius: 1rem; }

/**/
.icon-mt { position: relative; top: .1rem; }

/* bg-black */
.bg-black { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: rgba(0,0,0,.5); }

/* pull-pt */
.pull-pt { padding-top: 4.75rem; }
.pull-pt .header { position: fixed; top: 0; right: 0; left: 0; z-index: 102; }
.pull-pt .pull-down-bar { position: fixed; top: 2.55rem; right: 0; left: 0; z-index: 102; }

/* pull-pop */
.pull-pop { display: none; position: fixed; top: 4.75rem; right: 0; left: 0; z-index: 102; max-height: 18.75rem; overflow-y: auto; border-top: .05rem solid #e8e8e8; }
.pull-item { display: none; background-color: #fff; }


/* pro-xm-list */
.pro-xm-list li { margin-bottom: .5rem; background-color: #fff; box-shadow: 0 .05rem .1rem rgba(0,0,0,.05); }
.pro-xm-list li:last-child { margin-bottom: 0; }
.pro-xm-list .t { display: block; padding: .75rem; overflow: hidden; }
.pro-xm-list .t mip-img { float: left; margin-right: .75rem; width: 7.5rem; height: 5rem; }
.pro-xm-list .b { border-top: .05rem solid #f2f2f2; overflow: hidden; }
.pro-xm-list .b a { position: relative; float: left; width: 50%; text-align: center; height: 2.2rem; line-height: 2.2rem; overflow: hidden; font-size: .7rem; color: #595959; }
.pro-xm-list .b a:first-child:before { position: absolute; top: .5rem; right: 0; width: .05rem; height: 1.2rem; background-color: #e8e8e8; content: ''; }
.pro-xm-list .b .iconfont { font-size: .8rem; margin-right: .5rem; color: #595959; }


/* detail-ban */
.detail-ban .ban-dot i.cur { background-color: #fff; }

/* toz-list */
.toz-list { padding: .75rem 0; overflow: hidden; border-bottom: .05rem solid #e8e8e8;border-top: .05rem solid #e8e8e8;}
.toz-list li { position: relative; float: left; width: 33.33%; text-align: center; line-height: 1.2rem; }
.toz-list li:before { position: absolute; top: 0; right: 0; bottom: 0; border-right: .05rem solid #e8e8e8; content: ''; } 
.toz-list li:last-child:before { border-right: 0; }
.toz-list li p { color: #595959; }
.toz-list li strong { font-size: .8rem; color: #ff552e; font-family: Arial; }

/* tel-box */
.tel-box { padding: .65rem .75rem; line-height: 1.7rem; font-size: .8rem; }
.tel-box .tel { float: right; padding: 0 .8rem; height: 1.7rem; line-height: 1.7rem; border-radius: .85rem; background-color: #ff552e; color: #fff; font-size: .75rem; }
.tel-box .icon-bohao { font-size: .8rem; color: #ff552e; margin-right: .5rem; display: inline-block; vertical-align: middle; }

/* pin-tag */
.pin-tag { display: inline-block; margin-right: .25rem; padding: 0 .2rem; height: .7rem; line-height: .7rem; border: .05rem solid #ff552e; font-size: .5rem; color: #ff552e; border-radius: .1rem; }

/* xm-fz-list */
.xm-fz-list { padding: .75rem 0; overflow: hidden; border-top: .05rem solid #e8e8e8; border-bottom: .05rem solid #e8e8e8; }
.xm-fz-list li { float: left; width: 27%; padding-left: .75rem; border-left: .05rem solid #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; }
.xm-fz-list li:first-child { padding-left: 0; border-left: 0; }
.xm-fz-list li:first-child, .xm-fz-list li:last-child { width: 46%; }
.xm-fz-list span { color: #8c8c8c; }
.xm-fz-list p { font-size: .7rem; }

/* product-list */
.product-list li { position: relative; padding-left: 4rem; margin-top: .5rem; line-height: 1.2rem; font-size: .7rem; min-height: 1.2rem; }
.product-list li label { position: absolute; top: 0; left: 0; color: #8c8c8c; }

/* prod-tag */
.prod-tag { overflow: hidden; }
.prod-tag span { float: left; margin-right: .4rem; margin-bottom: .25rem; padding: 0 .4rem; height: 1.2rem; line-height: 1.2rem; border-radius: .6rem; background-color: #ccc; color: #fff; }


/* pinpai-no */
.pinpai-no { padding: 1rem .5rem 1.25rem; background-color: #fff; text-align: center; }
.pinpai-no mip-img { width: 4.5rem; height: 4.5rem; margin: 1rem auto; }
.pinpai-no .ope { overflow: hidden; }
.pinpai-no .ope li { float: left; width: 45%; margin-left: 0.5rem;}
.pinpai-no .ope button { display: block; width: 100%; margin: auto; height: 1.7rem; line-height: 1.7rem; color: #ffffff; border: .05rem solid #e8e8e8; border-radius: .9rem; font-size: .8rem; background-color: #f7b733;}
.pinpai-no .ope .iconfont { font-size: .8rem; margin-right: .5rem; }

/* from-list */
.from-list .bor1 { border: .05rem solid #e8e8e8; box-shadow: 0 .05rem .15rem rgba(0,0,0,.05); border-radius: .4rem; }
.from-list li { margin-bottom: .5rem; }
.from-list .text { display: block; width: 100%; padding: .55rem .75rem; height: 2.1rem; line-height: 1rem; font-size: .75rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.from-list .area { display: block; width: 100%; padding: .55rem .75rem; height: 5rem; line-height: 1rem; font-size: .75rem; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.from-list .submit-btn { display: block; height: 2.2rem; font-size: .8rem; color: #fff; background-color: #ff552e; border-radius: .4rem; text-align: center; width:100%}
.select-btn { position: relative; width: 100%; padding: .55rem 4rem .55rem .75rem; height: 2.1rem; line-height: 1rem; font-size: .75rem; color: #999; -webkit-box-sizing: border-box; box-sizing: border-box; }
.select-btn .icon-xiala { position: absolute; top: .55rem; right: .6rem; color: #8c8c8c; }
.select-btn.cur { color: #292929; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8c8c8c; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #8c8c8c; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #8c8c8c; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8c8c8c; }

/* pinp-pop */
.pinp-pop { margin: 1rem; background-color: #fff; border-radius: .25rem; padding: 1rem; }
.pinp-closed { text-align: center; display: block; margin-top: .5rem; }
.pinp-closed .icon-guanbi { font-size: 1.6rem; color: #fff; }
.rl-cailiao { padding: .5rem 1.5rem; }
.rl-cailiao li { margin-bottom: .5rem; color: #595959; }
.rl-cailiao label { float: left; margin: .1rem .45rem .1rem 0; width: .8rem; height: .8rem; line-height: .8rem; border-radius: 50%; text-align: center; background-color: #bfbfbf; color: #fff; }
.sc-tips { padding-top: .75rem; border-top: .05rem solid #e8e8e8; color: #8c8c8c; }
.sc-tips dt { font-weight: 600; }

/* det-pt */
.det-pt { padding-top: 2.25rem; }
.det-pt .scroll-bar { position: fixed; top: 2.55rem; right: 0; left: 0; z-index: 10; }

/* scroll-bar */
.scroll-bar { line-height: 44px;/* overflow-y: hidden; overflow-x: auto;*/ border-bottom: .05rem solid #e8e8e8; background-color: #fff;/* -webkit-overflow-scrolling: touch;*/ }

/* detail-con-k */
.detail-con-k { background-color: #fff; }
.detail-js { padding: 0 .75rem 1rem; }
.detail-js img { display: block; max-width: 100%;     height: auto !important; position:static !important;}
.detail-js mip-img {display: block;max-width: 100%; height:auto !important;width:auto !important;}
.detail-js p { _margin-top: .75rem; font-size: .7rem; line-height: 1.2rem; _text-indent:2em;}

/* detail-bottom */
.detail-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 11; overflow: hidden; border-top: .05rem solid #e8e8e8; background-color: #fff; }
.detail-bottom a { position: relative; float: left; width: 24%; text-align: center; padding: .25rem 0; height: 2rem; font-size: .65rem; color: #8c8c8c; }
.detail-bottom a .iconfont { font-size: .9rem; color: #ff552e; }
.detail-bottom a:first-child:before { position: absolute; content: ''; top: .35rem; right: 0; bottom: .35rem; border-right: .05rem solid #e8e8e8; }
.detail-bottom a:last-child { width: 52%; line-height: 2rem; font-size: .8rem; color: #fff; background-color: #ff552e; }

/* tit-f21 */
.tit-f21 { font-size: 0.85rem; line-height: 1.5rem; font-weight: 600; }

/* detail-nr */
.detail-nr { padding: 1rem 0; font-size: .75rem; line-height: 1.2rem;}
.detail-nr img { max-width: 100%;display:block; }
.detail-nr mip-img {display: block;max-width: 100%;}
.detail-nr p { margin-bottom: .75rem;_text-indent:2em;  }

/* jm-btn-oe */
.jm-btn-oe { display: block; height: 2.2rem; line-height: 2.2rem; font-size: .8rem; text-align: center; border-radius: 1.1rem; background-color: #ff552e; color: #fff; margin:0 0.2rem; width:45%; float:left }

/* xg-list */
.xg-list li { margin-top: 1rem; overflow: hidden; }
.xg-list li .pic { float: left; width: 5rem; height: 5rem; margin-right: .8rem; }
.xg-list li .pic img { display: block; width: 100%; height: 100%; }
.xg-list li .h36 { height: 1.6rem; line-height: .8rem; overflow: hidden; }
.xg-list li .btn { display: inline-block; margin-top: .25rem; padding: 0 1.15rem; height: 1.3rem; line-height: 1.3rem; background-color: #ff552e; font-size: .7rem; color: #fff; border-radius: .15rem; }

/* more-zx */
.more-zx { display: block; border-top: .05rem solid #e8e8e8; height: 2.7rem; line-height: 2.7rem; text-align: center; font-size: .6rem; color: #aaa; }

/* jm-tab-box */
.jm-tab-box {}
.jm-tab-nav { overflow: hidden; border-bottom: .05rem solid #eee; height: 3.7rem; line-height: 3.7rem; }
.jm-tab-nav span { float: left; width: 33.33%; text-align: center; font-size: .8rem; }
.jm-tab-nav .cur { font-weight: 600; color: #ff552e; }
.jm-tab-box mip-vd-tabs .mip-vd-tabs-row-tile, .jm-tab-box mip-vd-tabs .mip-vd-tabs-nav, .jm-tab-box mip-vd-tabs .mip-vd-tabs-nav-li { height: 3.7rem; line-height: 3.7rem; }
.jm-tab-box mip-vd-tabs .mip-vd-tabs-nav { position: relative; padding: 0 1rem; }
.jm-tab-box mip-vd-tabs .mip-vd-tabs-nav-li { position: relative; font-size: .8rem; color: #292929; }
.jm-tab-box mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected { color: #ff552e; border-bottom: 0; font-weight: 600; }
.jm-tab-box mip-vd-tabs .mip-vd-tabs-nav:before { position: absolute; right: 0; bottom: 0; left: 0; content: ''; border-bottom: .05rem solid #eee; }

/* jm-rank-list */
.jm-rank-list a { position: relative; display: block; padding: .8rem .75rem .8rem 3rem; overflow: hidden; }
.jm-rank-list a:before { position: absolute; right: .75rem; bottom: 0; left: .75rem; border-bottom: .05rem solid #eee; content: ''; }
.jm-rank-list li:last-child a:before { border-bottom: 0; }
.jm-rank-list .num { position: absolute; top: .8rem; left: .75rem; width: 1.45rem; line-height: 1rem; font-weight: 500; text-align: center; font-size: .8rem; color: #aaa; }
.jm-rank-list .tit { _font-size: .75rem; height: 1rem; overflow: hidden; }
.jm-rank-list .que { margin-left: 0.5rem; float: right; font-size: .55rem; color: #aaa; }
.jm-rank-list .que span { margin-right: .25rem; font-size: .5rem; }
.jm-rank-list .tu a { padding: 1rem .75rem 1rem 3rem; }
.jm-rank-list .tu mip-img { float: right; margin-left: 1rem; width: 6rem; height: 4rem; }
.jm-rank-list .tu .num { top: 1rem; height: 1.775rem; background-repeat: no-repeat; background-size: 100% 100%; line-height: 1.4rem; color: #fff; }
.jm-rank-list .tu .shu { font-size: .5rem; color: #aaa; margin-top: .35rem;    height: 2rem; overflow: hidden; }
.jm-rank-list .tu .shuranklist { font-size: .5rem; color: #aaa; margin-top: .35rem;height: 2rem;overflow: hidden; }
.jm-rank-list .tu .que { float: none; margin-left: 0; }
.jm-rank-list .tu .que span { margin-right: 0; }
.jm-rank-list .tu:nth-child(1) .num { background-image: url("../images/rank-bg1.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/rank-bg1.png*/; }
.jm-rank-list .tu:nth-child(2) .num { background-image: url("../images/rank-bg2.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/rank-bg2.png*/; }
.jm-rank-list .tu:nth-child(3) .num { background-image: url("../images/rank-bg3.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/rank-bg3.png*/; }

/* c-zm */
.c-zm { overflow: hidden; padding: 0 .525rem; }
.c-zm span { float: left; margin: 0 .375rem .75rem; text-align: center; width: 2.1rem; height: 2.1rem; line-height: 2.1rem; font-size: .8rem; border: .05rem solid #eee; border-radius: .15rem; background-color: #f8f8f8; }
.c-zm span.cur { background-color: #ff552e; border-color: #ff552e; color: #fff; }

/* rank-arc */
.rank-arc { padding: 1rem .375rem; overflow: hidden; }
.rank-arc li { float: left; width: 50%; }
.rank-arc li a { display: block; margin: .5rem .625rem; text-align: center; }
.rank-arc li a mip-img { display: block; margin: auto; _width: 10.75rem; _height: 7.75rem; }
.rank-arc li a p { margin-top: .5rem; height: 1rem; overflow: hidden; font-size: .75rem; }

.rank-arc li a mip-img:after { 
	content:''; display:block; position:absolute; top:50%; left:50%; 
	margin-top: -20px;
    margin-left: -20px;
    width: 41px;
    height: 41px;
    background:url("../images/play_small.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/play_small.png*/;
}



/* detail-all */
.detail-all { padding: 1rem .75rem; }
.detail-all .cont-box { height: auto; }
.detail-all .cont-box p { margin-bottom: 10px; }
.detail-all .cont-btn:before { bottom: 2rem; }

/* hot-rank */
.hot-rank { overflow: hidden; padding: .75rem .375rem; }
.hot-rank a { float: left; white-space: nowrap; padding: 0 .25rem; margin: .375rem; min-width: 7.75rem; max-width: 16.5rem; height: 1.75rem; line-height: 1.75rem; border-radius: .9rem; background-color: #fff; font-size: .7rem; overflow: hidden; text-align: center; }

/* type-list */
.type-list { padding: .5rem .375rem .25rem; border-top: .05rem solid #e8e8e8; overflow: hidden; }
.type-list a { float: left; white-space: nowrap; margin: .5rem .375rem 0; padding: 0 .75rem; height: 2rem; line-height: 2rem; border-radius: 1rem; background-color: #f7f7f7; font-size: .7rem; }


/* tj-box */
.tj-box {}
.tj-item { display: none; }
.tj-dot { text-align: center; line-height: .3rem; }
.tj-dot i { display: inline-block; margin: 0 .15rem; width: .3rem; height: .3rem; line-height: 0; border-radius: .15rem; background-color: #eee; -webkit-transition: all linear .2s; transition: all linear .2s; }
.tj-dot i.cur { background-color: #ff552e; width: .5rem; }
.tj-list {height: 10rem;}
.tj-list li { position: relative; padding: .55rem 0; overflow: hidden; width:30%;  float: left;}
.tj-list li:before { position: absolute; right: .75rem; bottom: 0; left: .75rem; _border-bottom: .05rem solid #e8e8e8; _content: ''; }
.tj-list li:last-child:before { border-bottom: 0; }
.tj-list li .btn { float: right; padding: 0 .9rem; height: 1.2rem; line-height: 1.2rem; border: .05rem solid #ff552e; color: #ff552e; border-radius: .65rem; }
.tj-list .pic { float: left; width: 4.5rem; height: 4.5rem; margin-right: .75rem; }
.tj-list .pic img { display: block; width: 4.5rem; height: 4.5rem; }
/* v-box */
.v-box {}
.v-item { display: none; }
.v-dot { text-align: center; line-height: .3rem; }
.v-dot i { display: inline-block; margin: 0 .15rem; width: .3rem; height: .3rem; line-height: 0; border-radius: .15rem; background-color: #eee; -webkit-transition: all linear .2s; transition: all linear .2s; }
.v-dot i.cur { background-color: #ff552e; width: .5rem; }
.v-list li { position: relative; padding: 1rem .2rem; overflow: hidden; }
.v-list li:before { position: absolute; right: .75rem; bottom: 0; left: .75rem; border-bottom: .05rem solid #e8e8e8; content: ''; }
.v-list li:last-child:before { border-bottom: 0; }
.v-list li .btn { float: right; padding: 0.2rem; height: 1rem; line-height: 1rem; border: .05rem solid #ff552e; color: #ff552e; border-radius: .65rem; margin-top:1.5rem }
.v-list .pic { float: left; width: 6rem; height: 4rem; margin-right: .3rem; }
.v-list .pic img { display: block; width: 6rem; height: 4rem; }

.v-list .pic mip-img:after { 
	content:''; display:block; position:absolute; top:50%; left:50%; 
	margin-top: -15px;
    margin-left: -15px;
    width: 31px;
    height: 31px;
    background:url("../images/bofang.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/bofang.png*/;
}

/* lx-info */
.lx-info .cont-box { height: auto; }
.lx-info .cont-nr li { position: relative; padding: .35rem .75rem .35rem 4rem; line-height: 1.2rem; border-bottom: .05rem solid #e8e8e8; font-size: .6rem; color: #292929; }
.lx-info .cont-nr li label { position: absolute; top: .35rem; left: 0; color: #aaa; text-align: right; width: 3.75rem; }
.lx-info .cont-btn { display: block; padding-top: 0; height: 2.2rem; line-height: 2.2rem; color: #999; font-size: .6rem; text-align: center; }
.lx-info .cont-btn:before { height: 0; bottom: 2.2rem; border-bottom: 1px solid #e8e8e8; }

/* company */
.company { padding: .75rem; }

/* details-img */
.details-img img { display: block; width: 100%; }

/* details-text */
.details-text { border-top: .05rem solid #e8e8e8; padding: 1.25rem .75rem; }
.details-text .tit { font-size: .8rem; font-weight: 600; margin-bottom: .5rem; }
.details-text .time { color: #aaa; }
.details-text .det { color: #666; margin-top: .5rem; }

/**/
.zhis-list li a .pos { color: #666; margin-top: .25rem; }

/* map */
.map img { display: block; width: 100%; }

/* mulu-list */
.mulu-list { position: relative; top: 0; right: 0; z-index: 105; background-color: #fff; width: 100%; padding: .5rem 0; }
.mulu-list li { font-size: .8rem; height: 1.8rem; line-height: 1.8rem; }
.mulu-list li a { display: block; padding-left: .8rem; color: #262626; }
.mulu-list li a .iconfont { font-size: .8rem; color: #595959; margin-right: 1rem; }

/* 2018-07-31 */
.pin-time { display: block; color: #bbb; font-size: .6rem; }
.pin-time .icon-shijiantu { font-size: .6rem; margin-right: .4rem; }
.pin-time .icon-biaotitu { font-size: .6rem; margin-right: .4rem; }

/* pic-add-time */
.pic-add-time { position: relative; }
.pic-add-time img { display: block; }
.pic-add-time .pin-time { position: absolute; right: 0; bottom: 0; left: 0; padding: .5rem; color: #fff;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0)), color-stop(100%,rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); }


#newBridge { _display:none !important;}
#nb_icon_wrap { width:85px !important; height:85px !important}


/*分页相关*/
.pagelist { padding:5px}
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:2px 10px;}
.pagelist li a:hover{border-color:#F37B1D;background:#F37B1D;color:#fff;}
.pagelist li.active a{border-color:#F37B1D;background:#F37B1D;color:#fff;}
/*产品栏目相关*/
.cnal-news-img-list {height:auto;overflow:hidden;width:100%;padding:10px 0;}
.cnal-news-img-list .cnal-ico-nav {width:45%;float:left;margin:0 1.5% 1.5% 3%;position:relative;}
.cnal-news-img-list .cnal-ico-nav img {border-radius:5px;}
.cnal-news-img-list .caption {position:absolute;left:0;bottom:0px;text-align:center;width:100%;color:#fff;background:linear-gradient(rgba(0,0,0,0),#000000) repeat-x scroll 0 bottom rgba(0,0,0,0);font-size:13px;height:28px;line-height:28px;overflow:hidden;}

/*视频栏目相关*/
.cnal-video-img-list {height:auto;overflow:hidden;width:100%;padding:10px 0;}
.cnal-video-img-list .cnal-ico-nav {width:45%;float:left;margin:0 1.5% 1.5% 3%;position:relative;}
.cnal-video-img-list .cnal-ico-nav img {}
.cnal-video-img-list .caption {position:absolute;left:0;bottom:0px;text-align:center;width:100%;color:#fff;background:linear-gradient(rgba(0,0,0,0),#000000) repeat-x scroll 0 bottom rgba(0,0,0,0);font-size:13px;height:28px;line-height:28px;overflow:hidden;}
.cnal-video-img-list .cnal-ico-nav .play_ {position:absolute;width:41px;height:41px;left:50%;top:50%;margin:-20px 0 0 -20px;background:url("../images/play_small.png")/*tpa=https://cdn.hblmqc.com/theme/style/mobile/images/play_small.png*/ no-repeat;}
/* 表格 */
.datalist{ border:1px solid #ccc; border-collapse:collapse; background:#fff;color: #555; width:100%}
.datalist caption{ padding-bottom:5px; text-align:left;} 
.datalist th{ border:1px solid #ccc; background-color:#eee; font-weight:700;  padding:5px 15px; }
.datalist td{ border:1px solid #ccc; padding:5px 15px;}
.datalist .td1{background:#ededed; color:#424d54}

.detail-js .table {background-color:#f8f8f8; font-size: .6rem;width: 100%;max-width: 100%;margin-bottom: 20px;}
.detail-js .table p{font-size: .6rem;}
.detail-js .table .firstRow {background-color:#f7931d;color: #ffffff;}
.detail-js .table .towRow {background-color:#f0f0f0;}
.detail-js .table .threetowRow {background-color:#ffffff; font-size: .7rem}
.detail-js .table .towRowtxt { text-align:center !important; font-weight:bold;}
.detail-js .table >thead >tr >th, .table >tbody >tr >th, .table >tfoot >tr >th, .table >thead >tr >td, .table >tbody >tr >td, .table >tfoot >tr >td {padding: .2rem;border: 1px solid #dddddd;}