*{margin:0px;padding:0px;font-family:"微软雅黑";}
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a{border:none;text-decoration:none;}
body{font-size:13px; margin:0px; padding:0px; margin:0 auto; background:#fff;}
input{margin:0px; padding:0px; outline:none;}
input:focus{outline:none;}
a:hover,a:active,a:visited{ text-decoration:none;}
.fontsize12{ font-size:12px;}
.fontsize13{ font-size:13px;}
.fontsize14{ font-size:14px;}
.fontsize15{ font-size:15px;}
.fontnumblod{ font-weight:bold; font-family:Arial; color:#000 !important;}
.wap-container{ width:100%; height:auto; overflow:hidden; position:relative; max-width:640px; margin:0 auto;}


.nodata{ width:128px;height:128px;background:url(../images/nodata.png) no-repeat 0 0; margin:0 auto;}
.topDiv{ width:100%; height:50px; overflow:hidden; position:relative; text-align:center; background:#792828;}
.topDiv .logo{ position:absolute; left:10px; top:12px;}
.topDiv .menu{ position:absolute; right:10px; top:16px;}
.topDiv .searchF{width:200px;height:30px;background:#fff;overflow:hidden;position:absolute;top:10px;left:50%;margin-left:-62px;border-radius:12px;}
.topDiv .searchF .key{ float:left; height:30px; line-height:30px; border:none; width:150px; overflow:hidden; padding-right:10px; box-sizing:border-box; margin-left:10px; font-size:13px;}
.topDiv .searchF .btn{ background:none; text-align:center;cursor:pointer; border:none; float:left; height:30px; width:40px; line-height:30px !important;}
.topDiv .searchF .btn img{ position:relative; top:-1px; display:block;}
/*导航*/
.mainNav{width:95px;height:auto; background: rgba(0,0,0,.6);padding:0 10px 0px 10px; box-sizing:border-box; position: absolute; top:49px; right:5px; z-index:101; display:none; border-radius:5px;}
.mainNav .arrow{width:0; height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #666;position: absolute;left:70px; top:-6px;}
.mainNav ul{width:100%; height:auto; overflow:hidden; margin-top:0px;}
.mainNav ul li{ display:block; width:100%; height:32px; line-height:32px;overflow:hidden; text-align:center;}
.mainNav li a{  display:block; width:100%; height:32px;color:#D3D3D3; font-size:15px;overflow:hidden;}
.mainNav li a.hover{color:#d34c4c;}


/* common */
.headdiv {width:100%; height:50px;overflow:hidden;}
.headdiv .logo_pic{ display:block;float:left; margin:10px 0 0 10px;}
.headdiv .locationdiv{font-size: 14px; width:200px; line-height:50px;float:left; margin-left:15px; background:url(../images/icon-map.png) no-repeat left center;background-size:8px auto; padding-left:15px;box-sizing: border-box;}
.headdiv .locationdiv .change{display: inline-block;margin-left:5px;position: relative;top:-2px;}
.headdiv .search{ display:block; float:right;margin:0px 10px 0 0;height: 50px;line-height: 50px;color: #000;font-size: 14px;}
.headdiv .search i{color: #ff0000;font-family: 'Arial';}

/*wap_notice*/
.wap_notice{ width:100%; height:36px;padding:0px 10px; box-sizing:border-box;background:#fff; margin:5px auto; overflow:hidden;}
.wap_notice_icon{ width:8%; height:18px; float:left; margin-top:9px;_display:inline;}
.wap_notice_info{ width:92%; float:left; height:36px; overflow:hidden;}
.wap_notice_info ul li{ width:100%; height:36px; line-height:36px; overflow:hidden;}
.wap_notice_info ul li a{ font-family:"微软雅黑"; font-size:14px; color:#666; float:left; height:36px; overflow:hidden; line-height:36px;white-space:nowrap;text-overflow:ellipsis; width:70%;}
.wap_notice_info ul li span{ float:right; color:#bbb; font-family:"微软雅黑"; font-size:14px;height:36px; overflow:hidden; line-height:36px;white-space:nowrap;text-overflow:ellipsis; width:30%; text-align:right;}
#FontScroll .line{width:100%;}


/*栏目*/
.stepDiv{width:100%; height:auto; overflow:hidden; clear:both; padding:0 5px 10px 5px;box-sizing:border-box;}
.stepDiv .step{display:block; width:25%; height:100px; padding:0 5px; text-align:center; box-sizing:border-box; overflow:hidden; float:left; margin-top:10px;}
.stepDiv .step .pic{ height:50px; margin-top:10px; overflow:hidden; width:100%;}
.stepDiv .step .txt{ width:100%; height:30px; line-height:30px;margin-top:5px; color:#666; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 5px; box-sizing:border-box;}

.hotTitle{ width:100%; text-align:center; height:auto; overflow:hidden; margin:10px auto;} 
.bannerBox{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.bannerBox .list{ display:block; float:left; width:100%; height:auto; overflow:hidden;}

.index_product_box{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.typeBox{ width:100%; height:35px; line-height:35px; overflow:hidden; padding:0 10px; box-sizing:border-box;}
.typeBox .left{ float:left; color:#010101; font-size:14px;}
.typeBox .more{ float:right; color:#666; font-size:12px;}
.productDiv{ width:100%; height:auto; overflow:hidden;}
.productDiv .plist{ display: block; float:left; width:33.3%; height:auto; overflow:hidden; padding:10px 10px; box-sizing:border-box;position:relative;}
.productDiv .plist .pic{ display:block; width:100%; height:100px; overflow:hidden;}
.productDiv .plist .topic{ display:block; width:100%; height:40px; line-height:20px; color:#333;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; margin:5px auto;}
.productDiv .plist .price{ width:100%; height:26px; line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#f00; font-weight:bold;}



.news_div{ width:100%; height:auto; margin:0px auto 20px auto; overflow:hidden; clear:both;}
.news_div .news{ width:100%; height:100px; margin-top:20px; overflow:hidden;}
.news_div .first{ width:100%; height:100px; overflow:hidden;padding: 0 10px;box-sizing:border-box;}
.news_div .first li{ display:block; float:left;}
.news_div .first .pic{ width:34%; height:100%; float:left; overflow:hidden; margin-right:3%;}
.news_div .first .pic a{ display:block; width:100%; height:100px;}
.news_div .first .title{ width:63%; height:25px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_div .first .title a{ color:#333;}
.news_div .first .intro{ width:63%; height:44px; color:#999; font-size:12px; line-height:22px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:0px;}
.news_div .first .date{width:63%; height:18px; color:#bbb; font-size:10px; line-height:18px; float:left;}
.news_div .first:hover a{ color:#f00;}

.copyright{ width:100%; height:85px; text-align:center; background:#eee;overflow:hidden; clear:both;}
.copyright .footnav{ width:96%; height:20px; margin:15px auto 10px auto;overflow:hidden;}
.copyright .footnav a{ color:#333;display:inline-block; width:80px; border-left:1px solid #ccc;}
.copyright .footnav a:nth-child(1){border-left:none;}
.copyright .cont{ color:#999; font-size:13px;}

.m_tel{ width:98%; height:40px; line-height:40px; margin:0px auto;overflow:hidden; text-align:center; color:#000; clear:both; font-size:14px;}
.m_tel span{ margin-left:5px; /*background:url(../images/img-tel.png) no-repeat left center;background-size:auto 16px;*/ font-weight: bold; /*padding-left:24px;*/ color:#fa0000; font-size:15px; font-family:Arial;}

/*列表*/
.news_type{width:100%; height:auto;overflow:hidden; padding:0px 5px; box-sizing:border-box; margin-bottom:5px;}
.news_type span{ width:25%; float:left; padding:0px 5px; box-sizing:border-box; height:auto; overflow:hidden;margin-top:10px; }
.news_type a{ height:30px; width:100%; padding:0px 6px; box-sizing:border-box; display:block; text-align:center;line-height:30px; background:#f4f4f4; border-radius:2px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_type a.hover{ color:#fff; background:#e80000;}

.news_list{ width:100%; height:auto;overflow:hidden; box-sizing:border-box; padding-bottom:10px;}
.news_list dl{ width:100%; height:100px; overflow:hidden; padding:10px 10px; box-sizing:border-box;}
.news_list dl dt{ width:90px; height:80px; overflow:hidden; float:left; margin-right:10px; border-radius:10px; /*border:1px solid #dedede;*/ box-sizing:border-box;}
.news_list dl dd{overflow:hidden; height:auto;}
.news_list dl dd a{width:100%; height:22px; line-height:22px; display:block; font-size:14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333;}
.news_list dl dd p{ width:100%; overflow:hidden; height:36px; line-height:18px; display:block; margin-top:4px; color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_list dl dd span{ color:#999;}

/*详情*/
.detailbox{ width:100%; height:auto; overflow:hidden; padding:10px; box-sizing:border-box;}
.detailbox p.title{ width:100%; height:auto; line-height:24px; text-align:center; font-size:14px; overflow:hidden; font-weight:bold; color:#666;}
.detailbox span.de-date{ width:100%; height:auto; text-align:center; color:#999; display:block;}
.detailbox div.de-cont{ width:100%; height:auto; overflow:hidden; line-height:22px; overflow:hidden; margin-top:5px;}
.detailbox div.de-cont img,.detailbox div.de-cont table{ max-width:100%;}



.right_menu{ width:50%; height:100%; overflow:hidden; background:#232a30; position:fixed; right:-50%; top:0; z-index:101;}
.l_companyname{ width:100%; height:32px; color:#fff; text-align:center; line-height:32px; margin-top:10px;}
.left_nav_ul{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.left_nav_ul li{ width:100%; padding:0px 10px; box-sizing:border-box; height:40px; position:relative;}
.left_nav_ul li a{ width:100%; display:block; color:#fff; font-size:14px; line-height:40px;position:relative;}
.left_nav_ul li.hover{ background:#1b2329;}
.left_nav_ul li::after{ content:"  "; width:9px; height:18px;background:url(../images/wap_right.png) no-repeat center center; background-size:100%; position:absolute; right:10px; top:9px;}
.left_nav_ul li.hover::after{ content:"  "; width:9px; height:18px;background:url(../images/wap_right_hover.png) no-repeat center center; background-size:100%; position:absolute; right:10px; top:11px;}

.empty_data{ width:100%; height:90px; line-height:90px; text-align:center; color:#999;}






