@charset "utf-8";
/*reset  css*/
body{margin: 0 auto; font: 12px/1.5em "Microsoft YaHei", tahoma, Arial, Helvetica, sans-serif; background: #f8f8f8; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%;}
a{text-decoration: none; color:#656565;}
a:hover{text-decoration: underline; color:#ff4b00;}

/*common  css*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}

/*index  css*/
.header{width: 1002px; height: 100px; margin: 0 auto; position: relative;}
.header h1{width: 500px; height: 100px; position: absolute; top: 0; left: 0;}
.header .headerTop{position: absolute; top: 10px; right: 0;}
.header .headerTop a{margin:0 5px;}
.header .tel{height: 40px; line-height: 40px; position: absolute; bottom: 0; right: 0; font-size: 20px; font-weight: bold; color: #cc0000;}
.nav{height: 40px; background: url(../images/nav_bg.jpg) repeat-x;}
.nav ul{width: 1002px; height: 40px; margin: 0 auto;}
.nav li{width: 123px; height: 40px; line-height: 40px; float: left; text-align: center; font-weight: bold;}
.nav li a{display: block; width: 123px; height: 40px; font-size: 14px; color: #fff;}
.nav li a:hover{color:#fff; font-weight: bold; text-decoration: none;}
.banner{width: 1002px; height: 300px;  margin: 10px auto; overflow: hidden; visibility: hidden;}
#focus {width:1002px; height:350px; margin: 10px auto; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:1002px; height:350px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1002px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:982px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:125px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
.content{width: 1002px; margin: 0 auto;}
.list{width: 258px; margin-right: 15px; margin-bottom: 10px; border: 1px solid #e3e3e3;}
.title01{width: 100%; height: 35px; line-height: 35px; /* background: url(../images/title01_bg.gif) repeat-x; */ background: #d50000; overflow: hidden;}
.title01 h3{font-size: 14px; margin-left: 15px; font-weight: bold; /* color: #e70001; */ color: #fff; float: left; display: inline;}
.title01 span{margin-left: 12px; line-height: 37px; /* color: #e70001; */ color: #fff; font-weight: bold; float: left; display: inline;}
.more{display: block; width: 16px; height: 16px; background: url(../images/more.gif) no-repeat; margin: 9px 15px 0 0; float: right; display: inline; text-indent: -9999px;}
.listContent, .news ul, .contactContent{ background: #f9f9f9;}
.listContent h3{font-size: 14px; padding-left: 25px; line-height: 30px; /* background: #c90303; color: #fff; */ background: #999; color: #333;}
.listContent li{width: 100%; height: 26px; line-height: 26px; border-bottom: 1px solid #e3e3e3;}
.listContent li a{margin-left: 20px; background: url(../images/icon01.gif) left center no-repeat; padding-left: 24px;}
.news{width: 420px; float: left; margin-right: 15px; display: inline; margin-bottom: 10px; border: 1px solid #e3e3e3;}
.news li{height: 26px; line-height: 26px; background: url(../images/icon02.gif) no-repeat left center; border-bottom: 1px dashed #ccc; vertical-align: middle; overflow: hidden; margin: 0 10px;}
.news li a{float: left; margin-left: 10px;}
.news li span{float: right; font-weight: normal; color: #333;}
.contact{width: 288px; float: right; margin-bottom: 10px; border: 1px solid #e3e3e3;}
.contactContent{height: 196px; padding: 10px 20px; line-height: 2em; overflow: hidden;}
.product{width: 1002px; border: 1px solid #e3e3e3; background: #f9f9f9;}
.productContent{width: 985px;}
.productContent li{width: 182px; float: left; margin: 13px 0 0 15px; display: inline;}
.productContent li img{width: 166px; height: 136px; padding: 7px; border: 1px solid #e3e3e3;}
.productContent li h4{line-height: 30px; text-align: center;}
.flink{width: 1002px; margin: 0 auto; margin-top: 10px; min-height: 24px; _height:24px; line-height: 24px; word-break: keep-all; text-align: left;}
.flink a, .flink span{margin: 0 5px;}
.footer{background: #b30a11; padding: 10px 0; margin-top: 10px; text-align: center; color: #fff;}
.footer p{line-height: 30px;}
.footer a{color: #fff;}


/*sidebar  css*/
.sidebar{width: 260px; float: left; overflow: hidden; margin-right: 15px;}
.sideContact{width: 258px; float: left; border: 1px solid #e3e3e3;}
.sideContactCon{padding: 10px 20px; line-height: 2em;}

/*main  css*/
.main{width: 727px; float: right; overflow: hidden;}
.mainTop{width: 100%; height: 35px; line-height: 35px; /* background: url(../images/title01_bg.gif) repeat-x; */ background: #ccc; overflow: hidden;}
.mainTop h3{float: left; padding-left: 20px; font-size: 14px; color: #cc0000;}
.mainTop p{float: right; padding-right: 10px;}
.mainCon{padding: 20px 10px; line-height: 2em;}
.mainCon02{padding: 20px 0; line-height: 2em;}
.mainNews li{height: 30px; line-height: 30px; background: url(../images/icon02.gif) no-repeat left center; padding-left: 18px; border-bottom: 1px dotted #dfdfdf; vertical-align: middle;}
.mainNews li a, .related_article li a{float: left;}
.mainNews li a:hover{text-decoration: none;}
.mainNews li span, .related_article li span{float: right;}
.mainPro div{width: 166px; float: left; margin: 0 0 10px 12px; display: inline;}
.mainPro div img{width: 166px; height: 126px;}
.mainPro div h4{font-size: 14px; line-height: 26px; text-align: center;}
.page{ height: 20px; text-align:center; margin-top:10px;}
.page li{ display:inline; margin:0px 3px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}

.article_title{font-size:16px; line-height:26px; color:#000; text-align:center;}
.article_author{text-align:center; border-bottom:1px dotted #ccc; padding-top:10px;}
.article_author span{margin-right:15px; line-height:2em;}
.article_content{padding:20px 0;}
.page_next{text-align:center; border-bottom:1px dotted #ccc;}
.page_next span{margin-right:40px; line-height:45px;}
.pro_intr{margin-bottom: 20px;}
.pro_intr h2{font-size: 16px; line-height: 30px; color: #cc0000; float: left;}
.pro_intr p{float:left; width:350px; margin-bottom: 10px; font-size: 14px;}
.pro_intr p span {color: #cc0000; font-weight: bold;}
.article_img{display:block; width:350px; height:260px; float: left; margin-right: 25px;}
.article_img img{width:340px; height:250px; padding: 4px; border: 1px solid #ccc;}
.article_smalltitle,.pro_info{height:30px;line-height:30px; font-size:14px; }
.related_article li, .related_pro li{width:45%; margin-left:15px; float:left; background:url(../images/ico01.gif) left center no-repeat; padding-left:15px; display: inline;}
.related_pro li{background:url(../images/icon03.jpg) left center no-repeat; padding-left: 20px; }
.pro_info{background: url(../images/column.gif) no-repeat left center; padding-left: 26px; border-bottom: 1px dotted #ccc;}