@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#232323; background:#f8f8f8;}
img{ border:none 0; vertical-align:middle;}
ul ,ul li{ padding:0; margin:0;}

a{ color:#232323; text-decoration:none;}
a:hover{ color:#b10e05;}
a.hover{ color:#b10e05;}

.color{ color:#da251d;}

.left{ float:left;}
.right{ float:right;} 

.main{ width:940px; padding:0 34px; margin:0 auto; background:url(../images/bodybg.gif) top center repeat-y;}
.top{ width:940px; height:66px;}
.logo{ width:200px;}
.topri{ width:194px; text-align:right; padding-right:3px;}
.topri1{ height:34px; line-height:30px;}
.topri2{ height:20px; line-height:20px;}
.txt1{ width:130px; padding:0 4px; height:18px; line-height:18px; float:left; border:solid 1px #e9e9e9; color:#b4b4b4; font-size:11px;}
.btn1{ width:46px; height:20px; text-align:center; line-height:20px; background:url(../images/btn.jpg) center center no-repeat; border:0; color:#fff; font-size:11px;} 



/*nav*/

#mainnav {z-index: 10; position: relative; padding-bottom: 0px; padding-right: 0px; background:url(../images/top2bg.jpg) left center no-repeat;  padding-top: 0px}
#mainnav A {color: #fff}
#mainnav A:hover {text-decoration: none; color:#fff;}
#mainnav A.active {text-decoration: none}
#mainnav TD {VERTICAL-AliGN: top}
#mainnav TD span.level0 {display: block; line-height:28px;}
#mainnav TD span.level0 A {z-index: 20; line-height:28px; position: relative; TEXT-AliGN: center; display: block;  font-weight: bold;}
#mainnav TD.single.hover span.level0 {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.single.active span.level0 {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.active span.level0 {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.single.hover span.level0 A {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.single.active span.level0 A {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.active span.level0 A {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.hover span.level0 A {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.hover span.level0 {background:url(../images/tophover.gif) left top repeat-x;}
#mainnav TD.single ul {display: none !important; list-style:none;}
#mainnav ul.sub { background:#f2e2de; filter:alpha(opacity=95); -moz-opacity:0.95;opacity: 0.95; z-index: 10; position: absolute; padding:5px 0; width: 940px;  display: none; font-size: 12px; top: 28px; left: 1px}
#mainnav ul li.sub { FLOAT: left ; display:block; background:#f2e2de; filter:alpha(opacity=95); -moz-opacity:0.95;opacity: 0.95;}
#mainnav TD.vertical DIV {position: relative}
#mainnav TD.vertical DIV ul.sub {width: 100%; left: 0px}
#mainnav TD.vertical DIV ul li.sub {FLOAT: none}
#mainnav ul li ul { padding:4px 0; list-style:none;}  
#mainnav ul li A { display: block; color: #000; background:url(../images/bg555.gif) left bottom no-repeat; height:23px; line-height:23px; padding:0; padding-left:18px; display:block;
}
#mainnav ul li A:hover {
	color: #fa8700; background:url(../images/bg555.gif) left top no-repeat; color:#FFF;
}
#mainnav ul li li A {
	color: #5f5f5f; background:none; padding-left:28px;
}
#mainnav ul li li a:hover{ background:none; color:#b10e05;}
#mainnav TD.single ul.sub {
	right: 0px
}
#mainnav TD.single ul li.sub {
	FLOAT: right
}
#mainnav .navimage {
	display: none
}
#mainnavtooltip {
	z-index: 3000; position: absolute
}
#mainnavtooltip A {
	display: none
}
#content_left_top H1 {
	position: absolute; padding-bottom: 5px; margin: 0px; padding-left: 15px; width: 190px; bottom: 0px; padding-right: 15px; color: #c1cdd1; font-weight: bold; padding-top: 0px
}
#slogan {
	position: absolute; margin: 10px; width: 200px; bottom: 0px; background: url(../images/slogan.png) no-repeat left bottom; height: 40px
}
#subnav {
	padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 13px
}
#subnav li {
	padding-top: 2px
}
#subnav li li {
	padding-top: 0px
}
#subnav A {
	text-decoration: none
}
#subnav A.level0 {
	border-bottom: #fa8700 1px solid; font-size: 14px
}
#subnav A.active.level0 {
	border-bottom: #fa8700 1px solid; color: #fa8700; font-size: 14px
}
#subnav A.level1 {
	display: block; color: #777; width:153px;
}
#subnav ul.sub li A:hover {
	color: #fa8700
}
#subnav ul.sub {
	padding-bottom: 10px; margin: 0px; padding-left: 12px; padding-right: 0px; padding-top: 0px
}
#subnav ul.sub li {
	position: relative
}


.top3{ height:11px; background:#c2c1c1; line-height:0; font-size:0; width:940px;}

.main1{ height:267px; width:940px;}
.main1left{ float:left; width:214px; height:263px;}
.main1left1{ height:24px; background:#c2c1c1; line-height:24px; font-size:16px; font-weight:bold; color:#FFF; padding-left:22px; border-bottom:solid 1px #cecdcd;}
.main1left2{ height:238px;}
.main1left2 ul, .main1left2 ul li{ list-style:none;}
.main1left2 ul li{ background:url(../images/bg1.gif) left top no-repeat; height:34px; line-height:34px;}
.main1left2 ul li a{ display:block; color:#000; padding-left:27px;}
.main1left2 ul li a:hover{ color:#b70f06; background:url(../images/bg1.gif) left bottom no-repeat;}
.main1ri{ width:726px; float:right; height:263px;}
.main1ri1{ height:25px; background:url(../images/bg2.gif) left top no-repeat;}
.main1ri2{ height:238px; padding:0 2px 0 20px;}
.img_switch {margin:0 auto;}
#__01{margin:0 auto; height:238px; overflow:hidden;}
.img_switch_content {width: 100%; height: 238px; position:relative;}
.img_switch_text {width:115px; position:absolute; z-index:10; top: 223px; right:0px; height: 15px;}
.number_nav {display: inline; FLOAT: left; z-index:0;}
.number_nav ul {font:0px Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; LIST-STYLE-TYPE: none;}
.number_nav ul LI {float: left;font-weight: bold; background:url(../images/bg4.gif) left bottom no-repeat; float: left; width: 23px; cursor: pointer; height: 12px; padding-top:3px; line-height:12px; color:#FFF; font-size:11px; text-align: center; filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75; display:inline;}
#pic {overflow: hidden}


.main2{ height:477px; width:940px;}
.main2left{ width:215px; float:left;}
.main2left1{ height:25px; line-height:25px; padding-left:14px; color:#FFF; font-size:14px; backround:url(../Public/images/bga.jpg) left center repeat-x;}
.bg1{ background:url(../images/top2bg.gif) center center repeat-x;}
.bg2{ background:url(../images/bg3.gif) left center repeat-x;}
.main2left2{ height:172px; border:solid 1px #dbdbdb; padding:4px 7px;}
.main2left2 ul, .main2left2 ul li{ list-style:none;}
.main2left2 ul li{ height:36px; border-bottom:solid 1px #ededed; background:url(../images/tb2.gif) 3px 7px no-repeat; line-height:18px; padding:2px; font-size:11px; color:#000; padding-left:15px;}
.main2left3{ height:177px; border:solid 1px #dbdbdb; padding:10px 20px;}
.main2left3 ul, .main2left3 ul li{ list-style:none;}
.main2left3 ul li{ height:55px; line-height:55px;}

.main2ri{ width:702px; float:right; padding-right:2px;}
.main2ri1{ height:40px; background:url(../images/line.gif) left bottom repeat-x; line-height:40px; font-size:15px; color:#890705;} 
.main2ri2{ height:143px; background:url(../images/line.gif) left bottom repeat-x; padding:3px 0 14px 0; line-height:17px; color:#252525;}
.mainab{ width:460px; height:143px;}
.mainabtu{ width:213px; float:left; height:143px;}
.mainabnr{ width:220px; float:right; height:143px; overflow:hidden;}
.mainabri{ width:230px; float:right; height:143px; padding-right:6px; overflow:hidden;}
.main2ri2 h3{ line-height:20px; color:#000;}
.main2ri2 h3 a{ color:#000;}
.main2ri2 h3 a:hover{ color:#b10e05;}

.main2ri3{ height:44px; line-height:44px; background:url(../images/line.gif) left bottom repeat-x; line-height:40px; font-size:15px; color:#890705;}
.main2ri4{ height:216px; padding-top:6px;}
.mainpro{ width:483px; float:left; height:216px;}
.mainpro table tr{ background:#FFF; display:block;}
.mainpro table .tr1{ background:#f7f7f7}
.mainpro table tr:hover{ background:#e6e6e6;}
.mainpro2{ padding:6px; line-height:20px; overflow:hidden;}
.mainco{ width:192px; float:right; height:216px; overflow:hidden;}
.mainco1{ height:45px; line-height:45px; color:#890705; font-size:15px;}
.mainco2{ height:170px; overflow:hidden;}

.foot{ width:940px; height:40px; border-top: solid 2px #cf0103; line-height:35px;}
.footle{ color:#000;}
.footri{ color:#6a6a6a; padding-right:3px;}
.footri a{ color:#6a6a6a;}
.footri a:hover{ color:#b10e05;} 

/**/
.nymain{ width:940px; padding:10px 0 50px 0; height:auto; overflow:hidden;}
.nyleft{ width:192px; float:left;}
.nyleft1{ background:url(../images/bg.jpg) no-repeat; height:35px; line-height:35px; font-size:14px; color:#FFF; padding-left:14px; font-weight:bold;}
.nyleft2{ height:610px; border:solid 1px #ececec; background:#f9f9f9; width:190px; border-bottom:none;}
.nyleft2 ul, .nyleft2 ul li{ list-style:none;}
.nyleft2 ul li{ height:26px; line-height:26px; border-bottom:solid 1px #ececec; background:url(../images/bg6.gif) left bottom no-repeat; margin-top:4px;}
.nyleft2 ul li a{ display:block; padding-left:20px;}
.nyleft2 ul li a:hover{ background:url(../images/bg6.gif) left top no-repeat; color:#FFF;}
.nyleft2 ul li a.hover{ background:url(../images/bg6.gif) left top no-repeat; color:#FFF;}
.nyleft3{ background:url(../images/bg2.jpg) left bottom no-repeat; height:5px; width:192px; line-height:0; font-size:0;}
.nyri{ width:740px; float:right;}
.nybn{ height:150px; width:740px;}
.nyri1{ height:26px; line-height:26px; background:url(../images/lin2.gif) left bottom repeat-x; width:740px; padding:4px 0; padding-top:9px;} 
.nyri11{ color:#000000; font-size:15px;}
.nyri12{ color:#4e4e4e; padding-right:8px;}
.nyri2{ line-height:20px; color:#333; padding:10px; padding-right:30px; height:auto; overflow:hidden;}
.new{ padding:10px 7px; padding-left:0;}
.new1{ padding:5px; height:100px; color:#303030; padding-right:15px; margin:3px 0;}
.newbg1{background:#f7f7f7;}
.newbg2{ background:#FFF;}
.new1:hover{ background:#ececec; color:#b81006;}
.newtu{ width:132px; height:100px; float:left;}
.newri{ width:568px; float:right; height:100px;}
.newri1{ color:#000; height:30px; line-height:30px;} 
.newri2{ height:70px; line-height:23px; overflow:hidden;}

.page{ height:25px; line-height:25px; text-align:center;}

.newtitle{ padding-bottom:5px; height:30px; line-height:25px; text-align:center; color:#000; border-bottom:dotted 1px #c6c6c6;}
.newnr{ line-height:20px; padding:5px;}

.table1 tr td{ padding:0 5px; color:#000;}
.btn2{ background:url(../images/btn2.jpg) no-repeat; width:68px; height:25px; border:none; color:#FFF;}

.dl{ width:720px;}
.dl ul, .dl ul li{ list-style:none;}
.dl ul li{ height:30px; line-height:35px; padding-top:5px; border-bottom:dashed 1px #999; width:100%; float:left;}
.contact{ background:url(../images/contact.jpg) right bottom no-repeat; min-height:200px;} 

.txt2{ height:20px; line-height:20px; border:solid 1px #ccc;}
.btn3{ width:78px; height:26px; border:solid 1px #b0b0b0; background:#f3f3f3; cursor:pointer;}
.text1{ height:122px; border:solid 1px #ccc;} 
 
.menu_list {position: relative}
.left_list1{ height:26px; line-height:26px; margin-top:4px; border-bottom:solid 1px #ececec; }
.left_list2{ background:url(../images/bg6.gif) left bottom no-repeat; color:#FFF; border-bottom:solid 1px #ececec; height:26px; line-height:26px; margin-top:4px;}
.left_list2 a{padding-left:20px; display:block;}
.left_list2 a:hover{ background:url(../images/bg6.gif) left top no-repeat; color:#FFF;}
.menu_cat { position: absolute; width: 216px; display: none; height: auto;  TOP: 0px; CURSOR: auto; left: 191px; border:solid 1px #ececec; border-bottom:none; background:#f9f9f9;}
.menu_cat ul, .menu_cat ul li{ list-style:none;}
.menu_cat ul li{ height:26px; line-height:26px; background:#FFF; border-bottom:solid 1px #d4d4d4; background:url(../images/bg_2.jpg) repeat-x; }
.menu_cat ul li a{ color:#232323; padding-left:10px;}
.menu_cat ul li a:hover{ color:#232323; background:none; color:#b10e05;}
.active_cat {Z-INDEX: 99; CURSOR: pointer; color:#FFF;}
.active_cat DIV {display: block} 


.product{ padding:10px 0; height:auto; overflow:hidden;}
.prori{ height:130px; width:578px; padding:5px 12px; padding-left:0px; overflow:hidden;}
.prori1{ height:100px; line-height:25px; overflow:hidden; color:#2f2f2f;}
.prori2{ height:30px; line-height:30px; text-align:right;}
.prori2 a{ color:#b10e05;}
.proleft{ width:465px;}
.provri{ width:222px; height:auto; overflow:hidden;}
.provri dl{ width:100%; padding-bottom:10px;}
.provri dl dt{ height:150px; text-align:center;}
.provri dl dd{ height:auto; line-height:20px; padding:3px 0; text-align:left;}

.case1{ padding:0 12px; padding-bottom:15px; line-height:22px;}
.case2{ padding:0 20px;}
.case2 dl{ width:142px; height:130px; float:left; padding:5px 15px;}
.case2 dl dt{ width:142px; height:86px;}
.case2 dl dd{ height:36px; line-height:18px; padding:4px 0; text-align:center;}

.caseleft{ width:505px; line-height:22px; color:#2d2d2d;}
.caseri{ width:180px;}  
.caseri dl{ width:100%; padding-bottom:10px;}
.caseri dl dt{ height:108px; text-align:center;}
.caseri dl dd{ height:auto; line-height:20px; padding:3px 0; text-align:center; padding-top:25px;}

.site1{ height:35px; line-height:35px; background:#F8F8F8; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; padding:0 12px; font-size:14px; font-weight:bold; color:#888;}
.site2{ padding:8px; line-height:25px; border-bottom:solid 1px #eee;}
.site2 span{ padding:0 12px;}
.site2 span a{ color:#888;} 

.par,.par li{list-style:none;}
.par li{ float:left; width:170px; height:45px; padding:10px 15px;}