@charset "utf-8";
/* CSS Document */
body {font-family:"Verdana"; margin:0 auto; padding:0px; font-size:12px; height:100%; overflow-x:hidden; width:100%;}
div{behavior: url(images/css/iepngfix.htc)}
ul,ul li{ list-style-type:none; margin:0; padding:0;}
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none;color: #636263;}
a:link {color: #636263;font-size: 12px;text-decoration: none;}
a:hover{ text-decoration:none;color:#C3291F;}
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
html{ overflow-x:hidden;} 
img{border:none;}

.w1000 { width: 1000px; margin: 0 auto;}
.left { float: left;}
.right { float: right;}

.head { height: 79px;}

.nav { background: #0F1013; }
.nav ul li { display:inline-block; height: 40px;line-height: 40px; position: relative;}
.nav ul li a { color: #ffffff; padding: 0 20px; display: block;}
.nav ul li a:hover,.nav ul li.on { background: #C9201C;}
.nav .submenu { position: absolute; top: 0; left:0; background: #0F1013; border-top: 5px solid #C9201C; overflow: hidden; top: 40px; padding-bottom: 20px; display: none; z-index: 999;}
.nav .submenu dl { float: left; width: 150px; margin: 0;}
.nav .submenu dl a:hover { background: none; text-decoration: underline;}
.nav .submenu dl dt a { color: #E25D5A;}
.nav .submenu dl dd { padding: 0; margin: 0; height: 24px; line-height: 24px;}

.slideBox { height: 357px; overflow: hidden; position: relative;}
.slideBox .hd { position: absolute; bottom: 10px; right: 5px;}
.slideBox .hd li { display: inline-block; width: 20px; height: 20px; background: #f0f0f0; text-align: center; line-height: 20px; border: 1px solid #47494F; cursor: pointer; margin: 0 5px;}
.slideBox .hd li.on { background: #C9201C; color: #FFFFFF; border-color: #C9201C;}

.hotnews,.hotgoods{ position:relative;  border:1px solid #ccc; margin-top: 20px;  }
.hotnews .hd,.hotgoods .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; line-height: 30px;  }
.hotnews .hd .prev,.hotnews .hd .next,.hotgoods .hd .prev,.hotgoods .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png") no-repeat;}
.hotnews .hd .pageTitle,.hotgoods .hd .pageTitle { border-left: 3px solid #C9201C; padding-left: 5px; }
.hotnews .hd .next,.hotgoods .hd .next{ background-position:0 -50px;  }
.hotnews .hd .prevStop,.hotgoods .hd .prevStop{ background-position:-60px 0; }
.hotnews .hd .nextStop,.hotgoods .hd .nextStop{ background-position:-60px -50px; }
.hotnews .hd ul,.hotgoods .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.hotnews .hd ul li,.hotgoods .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.hotnews .hd ul li.on,.hotgoods .hd ul li.on{ background-position:0 0; }

.hotnews .bd ,.hotgoods .bd{ padding:10px; width:980px; overflow:hidden;    }
.hotnews .bd ul,.hotgoods .bd ul{ overflow:hidden; zoom:1; }
.hotnews .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width: 310px;}
.hotnews .bd ul li a { width: 255px; overflow: hidden; display: inline-flex; text-overflow:ellipsis; white-space: nowrap; margin-left: 5px;}
.hotnews .bd ul li span{ color:#999; float: left; }

.hotgoods .bd ul li {width: 230px; margin-right: 20px; float: left;}
.hotgoods .bd ul li:hover .prducts_pic { border-color: #C9201C;}
.hotgoods .bd ul li .prducts_pic { display: table-cell; padding: 10px; border: 1px solid #ebebeb; height: 210px; line-height: 210px;vertical-align: middle; background: #f9f9f9;}
.hotgoods .bd ul li img {width: 100%;}
.hotgoods .bd ul li .newproduct_title a { color: #333333; height: 30px; display: inline-block; margin-top: 10px; overflow: hidden; word-break: break-all;}
.hotgoods .bd ul li .newproduct_nr1 { color: #999999; margin-top: 5px; word-break: break-all; }




/*产品页*/
.products-content { padding: 10px 0 40px;}
.products-content ul li { display: inline-block; width: 300px; margin: 4px; border: 1px solid #ccc;padding: 10px; position: relative;}
.products-content ul li:hover { border-color: #FF0000;}
.products-content ul li .cp1 { float: left;}
.products-content ul li .cp2 { float: left; margin-left: 10px;}
.products-content ul li .cp2 .p001 { font-size: 14px;}
.products-content ul li .cp2 .p002 { line-height: 20px;}
.products-content ul li .cp2 .p002 img { margin-right: 5px;}
.products-content ul li .cp2 .p003 { position: absolute;bottom: 10px;}



.currently { border: 1px solid #f0f0f0; height: 40px; line-height: 40px; padding-left: 10px; background: #f9f9f9; margin-top: 10px; width: 988px;}
.currently a { margin: 10px;}
/*单页CSS*/
.content { min-height: 400px;}
.content h3 { border-bottom: 1px solid #919191; padding:0 0 10px 0;}
.content .content_text { padding: 20px;}

.topCateNav { padding: 20px 0;}
.topCateNav li { display: inline-block; width: 47%; height: 100px; text-align: center;line-height: 100px; background: #f9f9f9; margin: 1%;}
.topCateNav li a { display: block; font-size: 24px;}
.topCateNav li a:hover { background: #f0f0f0;}

.pageNav .left { width: 180px;}
.pageNav .left dl { border: 1px solid #CCCCCC;padding-bottom: 20px;}
.pageNav .left dl dt { height: 30px;line-height: 30px;padding-left: 10px;border-bottom: 1px solid #CCCCCC; background: #F9F9F9; margin-bottom: 5px;}
.pageNav .left dl dd { text-align: left;margin: 0;}
.pageNav .left dl dd.cur { border-left: 3px solid #C9201C; background: #EBEBEB;color: #C9201C;}
.pageNav .left dl dd.cur a { color: #FF0000;}
.pageNav .left dl dd a { display: block;padding-left: 20px; height: 30px; line-height: 30px;}

.pageNav .right { width: 800px;}
.pageNav .left dl dd ul { margin-left: 20px;}
.pageNav .left dl dd ul li a { line-height: 20px; height: 20px;}
.pageNav .left dl dd.hover>a { border-left: 3px solid #C9201C; background: #EBEBEB;color: #C9201C;}
.pageNav .left dl dd.hover ul li.hover a {color: #C9201C;}

.list ul { overflow: hidden;}
.list ul li { overflow: hidden; width: 400px; float: left; position: relative;}
.list ul li:hover dt {border-color: #C9201C;}
.list ul li:hover a { color: #C9201C;}
.area { overflow: hidden;}
.area dt { float: left; width: 180px; display: table-cell;vertical-align: middle; border: 1px solid #cccccc; padding: 10px; background: #f9f9f9;}
.area dt img { width: 100%;}
.area dd { margin-left: 0px; padding-right: 10px; float: right; width: 170px;}
.area .title a { font-weight: bold; font-size: 14px; color: #000000;}
.area .desc { color: #999; margin-top: 10px; height: 120px; overflow: hidden; word-break: break-all; }

.ppage { text-align: center;}
.ppage a,.ppage span { display: inline-block; padding: 5px 10px; border: 1px solid #CCCCCC;}
.ppage a.a1:first-child { border: none; background: #f9f9f9;}
.ppage span { color: #C9201C; background: #CCCCCC; font-weight: bold;}
.ppage a:hover {color: #C9201C; background: #f9f9f9;}


.content .description { padding: 10px; background: #f0f0f0; color: #666;}
.pictureurls { margin-top: 10px; border: 1px solid #f0f0f0; background: #f9f9f9; padding: 10px 5px;}
.pictureurls li { display: inline-block; height: 100px; overflow: hidden; margin: 5px;}
.pictureurls li img { height: 100%;}

.tab { margin-top: 10px;}
.tab-header ul { margin-left: 20px;}
.tab-header ul li { display: inline-block; padding: 10px 20px; cursor: pointer;}
.tab-header ul li.hover { border: 1px solid #EBEBEB;background: #EBEBEB;}
.tab-content { border: 1px solid #EBEBEB; padding: 10px;}

.footer { background: #919191; padding: 20px 0;text-align: center; margin-top: 20px;}
.footer .footer-nav { line-height: 40px;}
.footer .footer-nav a { color: #333; margin: 0 10px;}
.footer .footer-nav a:hover { color: #C9201C;}