@charset "utf-8";
/* CSS Document */
/* KISSY CSS Reset */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, span, i, ul, a, em, img, textarea, select {margin:0; padding:0;}
* {padding:0; margin:0; list-style:none;}
body, button, input, select, textarea, font {font-size:12px;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea {font-size:100%;}
label, input, select {vertical-align:middle;}
address, cite, em {font-style:normal;}
fieldset {cursor:pointer;}
img {border:none;}
ul, ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative; top:-1px; left:2px; font:11px/normal tahoma; vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
/* color */

/* default color */
a {text-decoration:none;}
ul, li {padding:0; margin:0;}
/*-------------------------------
  end:reset */

body {background:#f3f3f3;}
/*清除浮动*/
.clearfix:before, .clearfix:after {content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.clearfix div a{cursor: pointer;}
.clear {clear:both; height:0; overflow:hidden;}
/*container start*/
.container {width:1200px; display:block; margin:0 auto;}
/*container end*/

/*ad start*/
.ad {float:left; width:100%; height:80px; overflow:hidden; position:relative; z-index:1;}
.ad a {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.ad .container {position:relative; z-index:5;}
.ad .container span {position:absolute; right:0; top:14px; z-index:8; width:19px; height:19px; display:block; background:url(../../images/cngc/newPage/ad_close.png) no-repeat; cursor:progress;}
/*ad end*/

/*header start*/
.header {float:left; width:100%; height:175px;}
.head_top {float:left; width:100%; height:33px; line-height:33px; background:#ececec; border-bottom:1px solid #d9d9d9;}
.head_word {color:#666;}
.head_topnav {/*width:455px;*/ height:33px;}
.head_topnav a {float:left;}
.head_topnav a:hover {text-decoration:underline;}
.head_id {padding-right:15px; height:33px; overflow:hidden;}
.head_id a {color:#999; padding:0 5px; line-height:33px;}
.head_id a span {color:#0596c6}
.head_cart {color:#666; padding-left:22px; line-height:33px; background:url(../../images/cngc/newPage/bg.png) no-repeat -78px -1px;}
.head_a {float:left; height:33px; position:relative; z-index:1200; display:inline; padding-left:5px;}
.head_a a {color:#666;}
.head_a .nLi {float:left; position:relative; display:inline; z-index:1200;}
.head_a .nLi h3 {float:left; padding:0 5px;}
.head_a .nLi h3 a {display:block;}
.head_a .nLi h3 a.nLia {padding-right:13px; background:url(../../images/cngc/newPage/bg.png) no-repeat 53px 0px;}
.head_a .sub {display:none; width:100px; left:-6px; top:33px; position:absolute; background:#ececec; border:1px solid #d9d9d9; border-top:0; line-height:24px; padding:5px 0; z-index:1500;}
.head_a .sub li {float:left; width:100%; display:block; zoom:1;}
.head_a .sub a {display:block; width:80px; padding:0 10px;text-align:center;}
.head_a .sub a:hover {background:#6d6d6d; color:#fff;text-decoration:none;}
.head_a .head_favorites {padding-left:18px; background:url(../../images/cngc/newPage/bg.png) no-repeat -86px -34px; *background:url(../../images/cngc/newPage/bg.png) no-repeat -86px -35px;}
.toppic1 {margin-right:10px; background:url(../../images/cngc/newPage/toppic1.jpg) no-repeat left center;}
.toppic5 {margin-right:10px; background:url(../../images/cngc/newPage/toppic5.png) no-repeat left center;}
.toppic6 {background:url(../../images/cngc/newPage/shopping.png) no-repeat left center;}
.head_a .nLi .toppic2 {background:url(../../images/cngc/newPage/toppic2.jpg) no-repeat left center; padding-left:20px;}
.head_a .nLi .toppic3 {background:url(../../images/cngc/newPage/toppic3.jpg) no-repeat left center; padding-left:20px;}
.head_a .nLi .toppic4 {background:url(../../images/cngc/newPage/toppic4.jpg) no-repeat left center; padding-left:20px;}
.head_a .nLi .toppic7 {background:url(../../images/cngc/newPage/favorite.png) no-repeat left center; padding-left:20px;}

.head_cen {float:left; width:100%; height:86px; background:#fff; padding-top:15px;}
.head_logo {width:192px;margin-top:5px;}
.head_sear {width:480px;}
.head_cen img.fr {width:205px; height:74px;}
.head_sear form {float:left; width:100%;}
.head_sear input {float:left; width:425px; height:19px; color:#ddd; line-height:19px; padding:5px 10px; border:1px solid #ccc; border-right:0;}
.head_sear input.head_puta {color:#333;}
.head_sear .head_put {width:34px; height:31px; padding:0; border:0; cursor:pointer; background:#0596c6 url(../../images/cngc/newPage/searchicon.png) no-repeat -44px 0;}
.head_sear p {float:left; width:100%; line-height:18px; margin-top:7px;}
.head_sear p span, .head_sear p a {float:left; color:#888; font-family:"Microsoft YaHei";}
.head_sear p a {margin-right:6px;}
.head_sear p a:hover {text-decoration:underline;}
.head_trait {margin:8px 0 0 31px;}
.head_trait a {float:left; width:80px; padding-top:40px; text-align:center; display:block; line-height:18px; font-family:"Microsoft YaHei"; color:#555; background:url(../../images/cngc/newPage/head_trait.png) no-repeat 23px 0;}
.head_trait a.head_trait1 {background-position:-57px 0;}
.head_trait a.head_trait2 {background-position:-137px 0;}
.head_bot {float:left; width:100%; height:40px; line-height:40px; background:#333;}

.head_nav li {float:left; width:107px; height:40px; text-align:center; position:relative; z-index:1000;}
.head_nav li .head_nava {display:block; width:106px; height:40px; border-right:1px solid #404040; font-size:14px; color:#fff; font-family:"Microsoft YaHei";}
.head_nav li.head_navli {width:238px;}
.head_nav li.head_navli a {width:100%; border-right:0; background:url(../../images/cngc/newPage/head_navlibg.jpg) no-repeat 132px 20px;}
.head_nav li.head_navl a {background:0;}
.head_nav li:hover .head_nava {background:#0596c6; border-right:0; padding-right:1;}
.head_nav li.head_navli:hover a {background:#333 url(../../images/cngc/newPage/head_navlibg.jpg) no-repeat 162px 20px; padding:0; color:#fff;}
.head_nav li.head_navl:hover a {background:#333; padding:0; color:#fff;}
.head_nav li dl {display:none; width:107px; border-bottom:1px solid #c9c9c9; position:absolute; left:0; top:40px; z-index:1100;}
.head_nav li dl dd {float:left; width:105px; height:40px; border:1px solid #c9c9c9; border-width:0 1px;}
.head_nav li dl dd h3 {padding:0 24px 0 20px; height:39px; display:block; font:13px/39px "Microsoft YaHei"; color:#333; text-align:left; border-bottom:1px solid #eee; background:#f7f7f7; cursor:pointer;}
.head_nav li dl dd h3 a {color:#333;}
.head_nav li dl dd:hover h3 {background-color:#e3e3e3;}

.head_hide {width:384px; min-height:240px; background: #fff; display:none; position:absolute; left:119px; top:0; z-index:1200;}
.head_ul {float:left; width:344px; padding:4px 0 0 20px;}
.head_li {float:left; width:100%; margin-top:8px;}
.head_dt {float:left; width:100%; height:33px; border-bottom:1px solid #333; overflow:hidden; position:relative;}
.head_dt p {position:absolute; left:8px; top:0; height:33px;}
.head_dt img {float:left; height:33px; margin:0 10px 0 0; display:inline;}
.head_dt b {float:left; font-size:13px; line-height:42px; font-family:"Microsoft YaHei"; color:#444;}
.head_dt a {float:right; padding-right:13px; font:11px/28px "Microsoft YaHei"; color:#444; background:none no-repeat 26px -68px; margin-top:0px;}
.head_dt a:hover {text-decoration:underline;}
.head_dd {float:left; width:100%; margin-top:13px;}
.head_dd a {float:left; line-height:26px; color:#777;}
.head_dd a.head_ddtt {padding:0 8px 0 10px; font-family:Arial;}
.head_dd a:hover {text-decoration:underline;}
.head_dd a.head_ddtt:hover {text-decoration:none;}

.head_nav li,.head_nav li dl dd h3 {position:relative;}
.head_bot .icon_ji {position:absolute; right:15px; top:50%; margin-top:-12px; width:25px; height:25px; background:url(../../images/cngc/newPage/icon_ji.png);}
.head_nav li dl dd h3 .icon_ji {right:40px;}
.head_dt .icon_ji {left:290px; right:auto;}
/*header end*/

/*mainbody start*/
.mainbody {float:left; width:100%;}
/*mainbody start*/

/*footer start*/
.footer {float:left; width:100%; height:275px; background:#5e5e5e;}
.foot_bot {float:left; width:100%; line-height:22px; padding:13px 0; color:#bdbdbd; text-align:center; background:#444; text-transform:uppercase;}
.foot_bot span {margin:0 20px 0 22px; font-family:Arial;}
.foot_bot a {color:#bdbdbd;}
.foot_bot a:hover {text-decoration:underline;}
.foot_trait {float:left; width:100%; text-align:center; padding:20px 0; border-top:1px dashed #7d7d7d;}
.foot_trait a {height:34px; height:34px; font:bold 18px/34px "黑体", "Microsoft YaHei"; color:#fff; display:inline-block; padding-right:75px;}
.foot_trait .foot_traita {padding:0;}
.foot_trait a span {display:inline-block; height:34px; font:bold 18px/34px "黑体", "Microsoft YaHei"; color:#fff;}
.foot_trait a img {display:inline; vertical-align:top; margin-right:9px;}
.foot_nav {float:left; padding:43px 0 25px;}
.foot_nav dl {float:left; height:62px; border-right:1px dashed #7d7d7d;}
.foot_nava {width:222px;}
.foot_nav dl.foot_nava dd {padding-left:18px;}
.foot_navb {width:224px; padding-left:21px;}
.foot_nav dl.foot_navb dd {padding-left:30px;}
.foot_navc {width:230px; padding-left:27px;}
.foot_nav dl.foot_navc dd {padding-left:26px;}
.foot_nav .foot_navd {width:215px; padding-left:27px; border:0;}
.foot_nav dl.foot_navd dd {padding-left:25px;}
.foot_nav dl dt {float:left; width:100%; font:bold 13px/15px SimSun; color:#fff;}
.foot_nav dl dt img {float:left; vertical-align:middle; margin-right:6px;}
.foot_nav dl dd {float:left; margin-top:8px; overflow:hidden;}
.foot_nav dl dd ul {width:115%;}
.foot_nav dl dd li {float:left; line-height:22px; padding-right:60px;}
.foot_nav dl dd li a {color:#cfcfcf;}
.foot_nav dl dd li a:hover {color:#ffba00;}
.footer img.fl {width:207px; height:77px; margin-top:30px;}
/*footer end*/

/* 翻页 start */
.page{text-align:center; width:100%;}
.page span{line-height:28px; color:#595757; margin:0 10px; font-family:"Microsoft YaHei";}
.page a{cursor:pointer; width:28px; height:28px; overflow:hidden; line-height:28px; text-align:center; color:#888; border:1px solid #dfdfdf; display:inline-block; vertical-align:top; background:#fff; font-family:"Microsoft YaHei"; margin-left:-1px;}
.contract_m table td .page a {line-height:28px;}
.page .page_tt{width:58px;}
.page .page_prev{margin:0 15px 0 0;}
.page .page_next{margin:0 5px 0 15px;}
.page a:hover{color:#ffffff; border:1px solid #e4393c; background:#e4393c;}
.page .current{overflow:hidden; color:#ffffff; border:1px solid #e4393c; background:#e4393c;}
.input_v{width:28px; height:28px; line-height:28px; margin-right:5px; border:1px solid #dfdfdf; text-align:center;}
.page .page_sure{margin-left:10px;}

.pageoth a:hover{color:#ffffff; border:1px solid #545454; background:#545454;}
.pageoth .current{overflow:hidden; color:#ffffff; border:1px solid #545454; background:#545454;}
/* 翻页 end */

/*浮动*/
.fl {float:left;}
.fr {float:right;}
/*外边距*/
.mrgA5 {margin:5px;}
.mrgT5 {margin-top:5px;}
.mrgR5 {margin-right:5px;}
.mrgB5 {margin-bottom:5px;}
.mrgL5 {margin-left:5px;}
.mrgA10 {margin:10px;}
.mrgT10 {margin-top:10px;}
.mrgR10 {margin-right:10px;}
.mrgB10 {margin-bottom:10px;}
.mrgL10 {margin-left:10px;}
.mrgA15 {margin:15px;}
.mrgT15 {margin-top:15px;}
.mrgR15 {margin-right:15px;}
.mrgB15 {margin-bottom:15px;}
.mrgL15 {margin-left:15px;}
.mrgA20 {margin:20px;}
.mrgT20 {margin-top:20px;}
.mrgR20 {margin-right:20px;}
.mrgB20 {margin-bottom:20px;}
.mrgL20 {margin-left:20px;}
.mrgA25 {margin:25px;}
.mrgT25 {margin-top:25px;}
.mrgR25 {margin-right:25px;}
.mrgB25 {margin-bottom:25px;}
.mrgL25 {margin-left:25px;}
.mrgA30 {margin:30px;}
.mrgT30 {margin-top:30px;}
.mrgR30 {margin-right:30px;}
.mrgB30 {margin-bottom:30px;}
.mrgL30 {margin-left:30px;}
.mrgA35 {margin:35px;}
.mrgT35 {margin-top:35px;}
.mrgR35 {margin-right:35px;}
.mrgB35 {margin-bottom:35px;}
.mrgL35 {margin-left:35px;}
.mrgA40 {margin:40px;}
.mrgT40 {margin-top:40px;}
.mrgR40 {margin-right:40px;}
.mrgB40 {margin-bottom:40px;}
.mrgL40 {margin-left:40px;}
.mrgA45 {margin:45px;}
.mrgT45 {margin-top:45px;}
.mrgR45 {margin-right:45px;}
.mrgB45 {margin-bottom:45px;}
.mrgL45 {margin-left:45px;}
.mrgA50 {margin:50px;}
.mrgT50 {margin-top:50px;}
.mrgR50 {margin-right:50px;}
.mrgB50 {margin-bottom:50px;}
.mrgL50 {margin-left:50px;}
.mrgT60 {margin-top:60px;}
/*内边距*/
.pdm5 {padding-bottom:5px;}
.pdm10 {padding-bottom:10px;}
.pdm15 {padding-bottom:15px;}
.pdm20 {padding-bottom:20px;}
.pdl20 {padding-left:20px;}
.pdm25 {padding-bottom:25px;}
.pdm30 {padding-bottom:30px;}
.pdm40 {padding-bottom:40px;}
.pdm50 {padding-bottom:50px;}
.pdm60 {padding-bottom:60px;}
.footer_icon1{background:url(../../images/footer/foot_icon1.png) no-repeat; width:40px;height:40px;position:relative;left:1px;top:-1px;}
.footer_icon2{background:url(../../images/footer/foot_icon2.png) no-repeat; width:40px;height:40px;position:relative;left:1px;top:-1px;}

.footer_icon3{background:url(../../images/footer/foot_icon3.png) no-repeat; width:40px;height:40px;position:relative;left:1px;top:-1px;}
.footer_icon4{background:url(../../images/footer/foot_icon4.png) no-repeat; width:40px;height:40px;position:relative;left:0px;top:-2px;}

/*start 20190828 xq modify-焦煤网超首页类目*/
.wc_index .head_nav li dl.allsort {display:block !important;}

.head_nav li.sortbox dl {position:relative; top:0; width:220px; height:443px; background:rgba(51,51,51,.9); border:none;}
.head_nav li.sortbox dl dd {width:190px; height:62px; padding-left:30px; border:none;}
.head_nav li.sortbox dl dd h3 {position:relative; height:auto; padding:10px 0 5px; font-size:14px; line-height:normal; color:#fff; background:none; border:none;}
.head_nav li.sortbox dl dd h3 i {position:absolute; left:-20px; top:12px; font-size:16px; color:#b9b5bc;}
.head_nav li.sortbox .head_item {line-height:normal; text-align:left; overflow:hidden;}
.head_nav li.sortbox .head_item .lt {display:inline-block; margin-right:8px; font-size:12px; color:#bdbdbd; line-height:20px; white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.head_nav li.sortbox dl dd.btn {position:absolute; bottom:0; left:0; z-index:99; width:100%; height:60px; line-height:55px; padding:0; border-width:1px 0 0 0; border-color:#5d5a5d; border-style:dashed;}
.head_nav li.sortbox dl dd.btn a {display:block; height:60px; font-size:14px; color:#fff;}
.head_nav li.sortbox dl dd.btn a:hover {background:#0596c6; color:#fff;}
.head_nav li.sortbox dl dd.btn a i {display:inline-block; width:36px; height:36px; margin:0px 5px 0 0; font-size:18px; line-height:36px; background:#0596c6; border-radius:50px;}
.head_nav li.sortbox dl dd.btn a:hover i {background:#fff; color:#0596c6;}
.head_nav li.sortbox dl dd:hover {background:-webkit-linear-gradient(to right, #00aedc 30%, #005be3);
background:-moz-linear-gradient(to right, #00aedc 30%, #005be3);
background:-o-linear-gradient(to right, #00aedc 30%, #005be3);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#00aedc), to(#005be3));
background:linear-gradient(to right, #00aedc 30%, #005be3);    
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00aedc, endColorstr=#005be3);}
.head_nav li.sortbox dl dd:hover h3 {background:none;}
.head_nav li.sortbox dl dd:hover h3 i,.head_nav li dl dd:hover .head_item .lt {color:#fff;}
.head_nav li.sortbox .head_hide {left:220px; overflow-y:auto; background:#fff;}
.head_nav li.sortbox .head_hide h4 {position:relative; padding:10px 0 5px 20px; font-size:14px; line-height:normal; color:#0a9cc3; text-align:left;}
.head_nav li.sortbox .head_hide h4 i {margin-right:5px;}
.head_nav li.sortbox .head_dt {border:none;}
.head_nav li.sortbox .head_dt b {font-size:14px; line-height:30px;}
.head_nav li.sortbox .head_dd {margin:0;}
.head_nav li.sortbox .head_dd a {color:#787878; line-height:22px;}
.head_nav li.sortbox .head_dd a.head_ddtt {padding:0 8px; color:#ddd;}
.head_nav li.sortbox .head_li {padding-bottom:10px; margin:0 0 5px; border-bottom:1px #eee solid;}
.head_nav li.sortbox .head_dt p {position:relative; left:0;}
.head_nav li.sortbox .head_ul .head_li:last-child {border-bottom:none;}
/*end*/


.head_top {background:#f3f3f3; border-bottom:0;}
.head_id a span {color:#ad2c25;}
.head_bot {background:#fff; border-bottom:1px solid #e3e3e3;}
.head_nav li {width:auto; margin:0 55px;}
.head_nav li.sortbox {margin:0;}
.head_nav li .head_nava {width:auto; height:39px; padding:0 10px; color:#333; border:0;}
.head_nav li.sortbox .head_nava.hover {color:#fff; padding:0; background:#ad2c25!important;}
.head_nav li.sortbox .head_nava:hover {color:#fff; background:#ad2c25!important;}
.head_nav li.sortbox dl {height:445px; background:#fff;}
.head_nav li.sortbox dl dd h3,.head_nav li.sortbox .head_item .lt,.head_nav li.sortbox dl dd:hover h3 i,.head_nav li.sortbox dd:hover .head_item .lt {color:#666;}
.head_nav li.sortbox dl dd h3 i {color:#76808c;}
.head_nav li:hover .head_nava {color:#ad2c25; background:transparent;}
.head_nav li.on .head_nava {font-weight:bold; color:#ad2c25; border-bottom:2px solid #ad2c25;}
.index_ban {width:972px; height:435px; margin:8px 0 0 228px;}
.index_ban .hd {top:410px;}
.head_nav li.sortbox .head_hide {height:445px; background:#f8f8f8;}
.head_nav li.sortbox dl dd:hover {background:#f8f8f8;}
.head_nav li.sortbox dl dd.btn {border-top:1px solid #ebebeb;}
.head_nav li.sortbox dl dd.btn a {color:#ad2c25;}
.head_nav li.sortbox dl dd.btn a i {color:#fff; background:#ad2c25;}
.head_nav li.sortbox dl dd.btn a:hover {background:#ad2c25;}
.head_nav li.sortbox dl dd.btn:hover a i {color:#ad2c25; background:#fff;}
.head_nav li.sortbox .head_hide h4 {color:#ad2c25;}
.head_sear .head_put {background:#ad2c25 url(../../images/cngc/newPage/searchicon.png) no-repeat center;}