@charset "utf-8";

/*公共样式初始化*/

html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {
    height:100%;
    /*background:#fff url(../img/background_image.jpg) 50% 0px no-repeat;*/
    background:#fff;
    color:#333;
    -webkit-text-size-adjust:none;
}
/*body{ font:normal 12px/24px 'Microsoft YaHei',tahoma;}*/
body{font:14px/1.5em "Microsoft YaHei";color:#333;}
div {text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#333;}
a:hover{color:#8ebd2e;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
*{ outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input{cursor: pointer; }
.clear{clear:both; line-height:0px; overflow:hidden;}
.f-left{float: left;}
.f-right{float: right;}
.one-line{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*公共对话框样式*/
.talk-text-box{width:100%; position: fixed; bottom: 40%; left: 0px; color: #fff; z-index: 99999999999;}
.talk-text-main{ background: #000;background:rgba(0,0,0,0.7);padding: 15px; border-radius: 6px; text-align: center; max-width: 240px; margin: 0px auto;}

/*公共头部样式*/
#pHeaderBox{padding-bottom: 90px;}
/*#pHeaderBox{display: none;}*/
#pHeader{position: fixed;top:0px; z-index: 100; width: 100%;background: #8ebd2e;}
#pHeader .p-head-con{position:relative;top:0px;left:0px;max-width: 1000px;margin: 0px auto;}

#pHeader .logo-box{cursor: pointer; position: absolute;top:0px;left: 0px; width: 100px; padding: 14px 0px 0px 12px;}
#pHeader .logo-box a{}
#pHeader .logo-box img{height: 22px; width: auto;}

#pHeader .search-box{ position: relative;top:0px;left: 0px; height: 50px; margin: 0px 45px 0px 120px;}
#pHeader .search-box .input-box{position: absolute;top:0px;right: 0px;background: #fff;border: 0px; border-radius: 4px; overflow: hidden; width: 100%; height:30px; max-width: 384px;margin-top: 10px;}
#pHeader .search-box .input-box img{position: absolute;top:8px;left: 8px;width: 14px;height: 14px;}
#pHeader .search-box .input-box input{background: #fff;border: 0px;height:28px;padding-left: 30px;display: block;width: 83%;}

#pHeader .menu-box{cursor: pointer;position: absolute;top:0px;right: 0px; width: 45px;height: 50px;background: url("../img/menu_icon.png") center no-repeat; background-size: 22px 22px;}
#pHeader .menu-page-box{display: none; position: fixed;top:50px;left:0px;bottom: 0px;width: 100%; background:rgba(0,0,0,0.4);z-index: 5;}
#pHeader .menu-page-main{background: #fff;min-height: 300px;max-height: 500px;overflow: auto;}
#pHeader .menu-page-main .tab-box{height: 40px;border-bottom: #f7f7f7 solid 1px;background: #fff;max-width: 1000px;margin: 0px auto;}
#pHeader .menu-page-main .tab-box ul{max-width: 1000px;margin: 0px auto;}
#pHeader .menu-page-main .tab-box ul li{cursor: pointer; float: left;width: 50%;color: #666;text-align: center;line-height: 38px;text-align: center;}
#pHeader .menu-page-main .tab-box ul li .t-style{border-bottom: transparent solid 2px;display: inline-block;}
#pHeader .menu-page-main .tab-box ul li.on{color: #8ebd2e;}
#pHeader .menu-page-main .tab-box ul li.on .t-style{border-bottom: #8ebd2e solid 2px;}
#pHeader .menu-page-main .product-list{padding: 15px 0px 10px;display: none;}
#pHeader .menu-page-main .product-list.on{display: block;}
#pHeader .menu-page-main .product-list ul{max-width: 1000px;margin: 0px auto;}
#pHeader .menu-page-main .product-list ul li{float:left;width:12.5%;margin-bottom: 15px;}
#pHeader .menu-page-main .product-list ul li .img-b{width: 60px;height: 60px;margin: 0px auto; background-color: #8ebd2e;border-radius: 18px;background-position:center;background-repeat:no-repeat;background-size:cover;}
#pHeader .menu-page-main .product-list ul li .text-b{text-align: center;line-height: 28px;}

#pHeader #tabBox{position: absolute;top:50px;right: 0px; width:100%;height: 40px;border-bottom: #f7f7f7 solid 1px;background: #fff;}
#pHeader #tabBox ul{max-width: 1000px;margin: 0px auto;}
#pHeader #tabBox ul li{cursor: pointer; float: left;width: 20%;color: #666;text-align: center;line-height: 38px;text-align: center;}
#pHeader #tabBox ul li .t-style{border-bottom: transparent solid 2px;display: inline-block;}
#pHeader #tabBox ul li.on{color: #8ebd2e;}
#pHeader #tabBox ul li.on .t-style{border-bottom: #8ebd2e solid 2px;}


/*TOP HEAD*/
.header{display: none;background: url("../img/body_bg.gif") repeat-x scroll 0 0 transparent;color: #999999;font: 12px/30px "微软雅黑";height: 30px;width: 100%;}
.header ul{margin: 0 auto;overflow: hidden;width: 970px;}
.header ul li{font-weight: normal;}
.header ul li a{color:#2b2b2b;}
.header ul li a:hover{color:#d70000;}
.l{float: left;}
.r{float: right;}

/*footer*/
#bottom{ background:#454545; overflow:hidden; zoom:1; height: 140px; border-top:1px #000 solid;position: relative; margin-top: 80px;}
.bottom1{ width:970px; height:75px; display:block; margin:0px auto; padding-top: 20px; color:#fff}
.bottom1 li{ width:970px; text-align:center; height: 28px; line-height: 28px; color:#bcbcbc;}
.bottom1 li a{ color:#fff;}
.bottom1 li a:hover{ color:#fb7b00;}
.bottom1 li font{ color:#666; margin:0px 7px;}
.s-s-line{display: none;}

/*广告位*/
#adSmallBox{ display: none; position: fixed;bottom: 0px;left: 0px;width: 100%; height: 140px; z-index: 500;background: url("http://static.qwxapp.com/159.png") center no-repeat;background-size: cover;}

/*board*/
.line-gray{height:10px;background: transparent;}
.board{background: #fff;max-width: 1000px;margin: 0px auto;}
.board-head{position: relative;top:0px;left: 0px;padding:15px 12px 15px;}
.board-head-title{line-height: 20px;font-size: 16px;font-weight: 600;border-left: #8ebd2e solid 3px;padding-left: 8px;}
.board-head-more{cursor: pointer;position: absolute;top:15px;right: 15px;line-height: 20px;color: #999;font-size: 12px;}
.board-head-more:hover{color: #8ebd2e;}

.board-body{padding: 0px 6px 5px;font-size: 12px;}
.board-body-recommend{padding: 0px 0px 5px;font-size: 12px;}
.board-body ul{max-width: 1000px;margin: 0px auto;}
.board-body ul li{cursor: pointer;}

.board1 .board-body ul li{float:left;width:12.5%;margin-bottom: 10px;}
.board1 .board-body ul li .img-b{width: 76px;height: 76px;margin: 0px auto; background-color: #8ebd2e;border-radius: 18px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.board1 .board-body ul li .text-b{text-align: center;line-height: 28px;}

.board2 .board-body ul li{float:left;width:25%;margin-bottom: 15px;}
.board2 .board-body ul li .img-b{width: 170px;height: 100px;margin: 0px auto; background-color: #8ebd2e;border-top-left-radius:6px;border-top-right-radius:6px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.board2 .board-body ul li .text-b{text-align: center;line-height: 28px;width: 170px;margin: 0px auto;background: #f5f5f5;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}

/*手机端*/
@media (max-width: 975px) {

    #pHeaderBox{display: block;}
    #pHeader .menu-page-main .product-list ul li{width: 25%;}

    /*TOP HEAD*/
    .header{display: none;}

    /*footer*/
    #bottom{height: auto;margin-top: 0px;}
    .bottom1{ width:inherit;height: 50px;}
    .bottom1 li{ width:inherit;}
    .h-s-line{display: none;}
    .s-s-line{display: block;}

    /*board*/
    .line-gray{background: #f7f7f7;}
    .board1 .board-body ul li{width: 25%;}
    .board2 .board-body ul li{width: 50%;}
}

.load-more-box{display: none;padding: 15px 0px 15px;text-align: center;background: #eee;}
@media (max-width: 975px) {
      .load-more-box{display: block;}
}
.no-content-box{padding: 30px 0px 30px;text-align: center;}
.no-content-box span{color: #c40000;}