﻿@charset "utf-8";
/* CSS Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { padding: 0; margin: 0; font-family:Microsoft YaHei;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a{ text-decoration:none;}
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
banner
/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* global */

#top{ background:url(../img/topbg.jpg); height:136px;}
#top .topcont{ width:1003px; margin:0 auto; background:url(../img/topbg2.jpg) no-repeat center top; height:inherit; overflow:hidden;zoom:1;height:136px; position:relative;}
#top .language{ position:absolute; right:0;top:0; background:url(../img/icon1.gif) left no-repeat; font-size:12px; line-height:33px; padding-left:15px; color:#FFFFFF;}
#top .language a{ padding:0px 10px; color:#FFFFFF;}
#top .language a:hover{ color:#FF0004;}
#top .logo{ position:absolute; left:0;top:33px; clear:both; padding-top:35px; }
#top .Select{ position:absolute; left:320px;top:63px; background:url(../img/selectbg.png); width:330px; height:31px;}
#top .Select .selectinput{ border:0px; background:none; outline:none;  width:280px; height:20px; margin-top:0px; margin-left:10px; color:#FFFFFF;}
#top .Select .selectBtn{ background:url(../img/searchbtn.png); border:none; height:17px; width:17px; outline:none; cursor:pointer; margin-top:5px;}
#top .emailBox{position:absolute; right:0;top:48px;  background:url(../img/emailbg.png) left; width:282px; height:83px; color:#eeff5d; font-size:12px; }
#top .emailBox .emailTxt{ padding-left:135px; padding-top:50px;}
#menu{ background:url(../img/menubg.jpg) repeat-x; height:67px;}
#menu .menuUl{ width:1003px; margin:0 auto; overflow:hidden;zoom:1; padding-top:25px;}
#menu .menuUl li{ float:left; color:#FFFFFF; padding:0px 40px; background:url(../img/menuline.png) right no-repeat;}
#menu .menuUl li a{ color:#FFFFFF;}
#banner{ height:380px; background:#232232; padding-top:20px;}
#banner .picbox{ width:1003px; margin:0 auto;height:277px;position:relative;overflow:hidden;z-index:0}
#banner .picbox .container{ position:absolute; top:0; left:0; height:277px; width:100%; z-index:1}
#banner .picbox .container li{ float:left; display:inline; overflow:hidden; width:1003px; height:277px;margin:0;padding:0;list-style:none;}
#banner .picbox .btn{ position:absolute; bottom:5px; right:5px; z-index:2; padding:0 !important; margin:0 !important}
#banner .picbox .btn a{ float:left; display:inline; overflow:hidden;height:20px; line-height:20px; background:#fffffe; color:#000; margin-left:3px; text-align:center; width:24px;}
#banner .picbox .btn a.this{ font-weight:bold; color:#fff; background:#000}
#banner ul { position:absolute; left:50%; top:270px; z-index:10;}
#banner li { float:left; width:20px; height:20px; background-color:#565656; margin:10px 5px;}
#banner li.onthis{background-color:#d50000;}

.wrapBg{background:#232232; position:relative; z-index:2;}
.wrap{position:relative; width:1003px; margin:0 auto; padding-bottom:20px; }
#ProductClass{ background:url(../img/productCenter.png) no-repeat; width:1011px; height:158px; position:absolute; top:-80px;}
#ProductClass ul{ overflow:hidden;zoom:1; padding-left:30px; padding-top:20px; margin-right:-60px;}
#ProductClass ul li{ float:left; width:90px; background:url(../img/proudctline.png) no-repeat 120px 0px; height:131px; text-align:center; padding-right:80px; font-weight:bold; font-size:14px; line-height:33px; color:#3D3D3D;}
#indexNewUl{ overflow:hidden;zoom:1; padding-top:90px; padding-left:5PX; margin-right:-30px;}
#indexNewUl li{ background:url(../img/newbg.png); width:327px; height:317px; float:left; margin-right:10px;}
#indexNewUl .newspic{ padding:2px 0px 5px 3px;}
#indexNewUl .newsdata{ font-size:11px; color:#7F7F7F; padding:3px 20px 5px 20px;}
#indexNewUl .newsTitle{ font-weight:bold; color:#424242; padding:3px 20px 5px 20px; font-size:14px;}
#foot{ border-top:3px #ca0011 solid; background:#232232; padding-top:30px; overflow:hidden;zoom:1;font-size:12px; color:#a9a9ac; padding-bottom:30px;}
#foot .footCont{ width:1003px; margin:0 auto;}
#foot .footimg{ border-bottom:1px #403F4D solid; padding-bottom:20px; margin-bottom:20px;}
#foot .footlogo{ float:left;}
#foot .footNav{ float:left; padding-left:20px;width:760px;}
#foot .footIcon{ float:right;}
.footUl{ overflow:hidden; padding-bottom:10px;width:100%;}
.footUl li{ float:left;  padding:0px 10px 0px 0px; border-right:1px #403f4d solid; margin-right:10px;}
.footUl li a{ color:#a9a9ac;}


#TempBanner{background-position:center top; background-repeat:no-repeat; height:260px; }
#TempBody{ background:url(../img/tempbg.jpg) center top no-repeat #F4F4F4;}
#TempBody .tempBodyCont{zoom:1; width:1003px; margin:0 auto; position:relative}
.tempLeftClass{ width:261px; position:  absolute; float:left; top:-80px;}
.tempLeftClass .leftClassDiv{ height:15px;}
.tempLeftClass .leftClassDiv2{ height:17px;}
.tempLeftClass .leftClassCont{ background:url(../img/leftClass2.png);}
.leftclassUl{ padding:5px;}
.leftclassUl a:hover{ color:#FF0004;}
.leftclassUl li{ background:url(../img/libg.jpg)  no-repeat; }
.leftclassUl .litxt1{ background:url(../img/dot1.jpg) no-repeat 20px 20px; line-height:54px; padding-left:45px;}
.leftclassUl .litxt1 a{ color:#c90011;}
.leftclassUl .litxt2{ background:url(../img/dot2.jpg) no-repeat 20px 20px; line-height:54px; padding-left:45px;}
.leftclassUl .litxt2 a{ color:#565656;}

#temprightBox{ padding-top:20px; float:right; width:700px;}
.temprTitle{ border-bottom:1px #B9B9B9 solid; overflow:hidden;zoom:1; background:url(../img/dot3.jpg) 0px 6px no-repeat; padding-left:20px; font-size:26px; padding-bottom:10px;}
#temprightBox .temprCont{ font-size:16px; color:#565656; padding-top:10px; padding-bottom:10px;}
.txtlineheight{ line-height:30px;}

/*面包屑样式*/
.temp-r-nav { overflow: hidden; line-height:28px; float:right;}
.temp-r-nav ul {line-height: 33px; margin:0 auto; overflow: hidden; zoom:1; }
.temp-r-nav ul li { float:left; font-size:12px; color:#333; margin-right: 5px;}
.temp-r-nav ul li a{ color:#333;}
.temp-r-nav ul li a:hover{ color:#093;}

.picul{ overflow:hidden;zoom:1; margin-right:-8px;}
.picul li{ width:215px; height:296px; background:#FFFFFF; border:6px #ffffff solid; text-align:center; line-height:24px; 
font-size:14px; float:left; margin-right:8px; margin-bottom:18px; display:inline;}
.picul li a{display:block;width:215px; height:296px; position:relative; text-align:center; vertical-align:middle;}
.picul li img{width:215px; height:296px;}
.picul li.newli{height:168px;}
.picul li.newli a{height:144px;}
.picul li.newli img{width:215px; height:144px;}
.leftSmallClassDl{ border-left:4px #C5C5C5 solid; margin-left:25px;}
.leftSmallClassDl dt{ background: url(../img/dot4.jpg) 0px 15px  no-repeat #e7e7e7; padding-left:18px; line-height:33px; font-size:12px; font-weight:bold;}
.leftSmallClassDl dd{ font-size:11px; padding-left:30px; line-height:30px;background:#e7e7e7;}

.leftSmallClassDl dt a{ color:#494949;}
.leftSmallClassDl dd a{ color:#494949;}

.producBox{ margin-bottom:10px; width:699px; line-height:none;}
.producBox .pdiv1{line-height:0px; }
.producBox .pdiv3{line-height:0px;}
.producBox .pdiv2{ background:url(../img/productBox2.png) center top repeat-y;}
.producBox .pdiv2 .pdiv2Cont{ padding:10px; overflow:hidden;zoom:1;}
.producBox .pdiv2 .proImg{ float:left; text-align:center; width:120px; line-height:33px;}
.producBox .pdiv2 .proUl{ float:left; border-left:1px #D0D0D0 solid; margin-left:10px; overflow:hidden;zoom:1; width:530px;}
.producBox .pdiv2 .proUl li{ min-height:60px;  width:245px; float:left; margin-left:20px; margin-bottom:20px;}
.proDl a{ color:#575757;}
.proDl dt{ font-size:14px; font-weight:bold; padding-bottom:5px;}
.proDl dd{ font-size:14px;line-height:20px;}

.productListUl{ overflow:hidden;zoom:1; margin-right:-20px;}
.productListUl li{ width:165px; float:left; margin-bottom:10px; margin-right:12px;}
.productListUl .pt1{ line-height:0px; height:auto;}
.productListUl .pt2{ background:url(../img/ptitle2.png) center repeat-y;}
.productListUl .pimg{ text-align:center; padding:10px; height:150px; padding-top:10px;}
.productListUl .pimg img{ width:140px; padding-bottom:10px;}
.productListUl .pTxt{color:#4A4A4A; text-align:center; padding-bottom:10px; font-weight:bold; font-size:14px;}
.productListUl .pTxt a{ color:#4A4A4A;}
 

.productDetail{ background:#f4f4f4;}
.productDetail .pdCont{ width:1003px; overflow:hidden;zoom:1; background:#ffffff; margin:0 auto; padding-top:10px;	}
.productDetail .pleft{ width:270px; float:left;}
.productDetail .pright{ width:710px; float:left; padding:10px;}
.pdimg{ font-size:18px; text-align:center; line-height:40px; line-height:33px; padding:10px; font-weight:bold;}
.pdimg img{ width:240px;}
.pdTag{ padding-top:10px; font-size:12px;}
.pdTag li{ width:233px; height:36px; cursor:pointer; line-height:36px; padding-left:20px; margin-bottom:10px;}
.pdTag  .pdtagStyle1{ background:url(../img/pdl1.jpg); color:#FFFFFF;}
.pdTag  .pdtagStyle2{ background:url(../img/pdl2.jpg); color:#515151;}


.csTable{ width:100%;}
.newul li{ border-bottom:1px #CCCCCC solid; margin-bottom:10px; padding-bottom:10px;}
.newtitle{ font-size:13px; font-weight:bold;}
.newtitle a{ color:#333;}
.newdate{ font-size:12px;line-height:26px; color:#999;}
.newcont{font-size:12px; line-height:18px; color:#666;}
.newtitle2{ font-size:15px; font-weight:bold; line-height:33px;}
.newtitle2 a{ color:#333;}
.newdate2{ font-size:12px;line-height:26px; color:#999;}
.newcont2{font-size:12px; line-height:18px; color:#666; padding-bottom:20px;}


DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center;
}
DIV.black2 A {
 background:#aeaeae;	PADDING-RIGHT: 5px;PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;COLOR: #000000; PADDING-TOP: 2px;TEXT-DECORATION: none
}
DIV.black2 A:hover {
	 BACKGROUND-COLOR: #a5101a; color:#FFF;
}
DIV.black2 A:active {
 BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	 PADDING-RIGHT: 5px;PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;  COLOR: #fff; PADDING-TOP: 2px;  BACKGROUND-COLOR: #a5101a
}
DIV.black2 SPAN.disabled {
	 background:#aeaeae;BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



.container {
	WIDTH: 1003px;
	HEIGHT: 277px
}
.container A IMG {
	WIDTH: 1003px;
	HEIGHT: 277px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	WIDTH: 90px;
	FLOAT: right;
	TOP: 250px;
	LEFT: 902px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 15px;
	LIST-STYLE-TYPE: none;
	MARGIN: 1px;
	WIDTH: 15px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat -15px 0px;
	FLOAT: left;
	HEIGHT: 15px;
	COLOR: #86a2b8;
	FONT-SIZE: 12px;
	CURSOR: pointer
}
.num LI.on {
	LINE-HEIGHT: 15px;
	WIDTH: 15px;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat;
	HEIGHT: 15px;
	COLOR: #ffffff
}
