body{font-size:12px;  font-family:"΢ÈíÑźÚ", 'Microsoft Yahei', STXihei,"ºÚÌå", arial, sans-serif; color:#333; background:#fff url(../images/bg.gif) repeat-y 50% 0;}
*{margin:0px;padding:0px;}
form{margin:0px;padding:0px;}
img{border:none;}
a:link,a:visited,a:active{text-decoration:none; color:#333;}
a:hover{color:#ff6600;}
ul li{ list-style:none;}

#header{ width:980px; height:90px; margin:0 auto; overflow:hidden}
#header .logo{ float:left; padding:20px 200px 0 0;}
#header .home{ float:right; display:block; height:40px; line-height:40px; overflow:hidden}
#header .home a{ padding:0 5px;}
#header .contact{ float:right; display:block; width:235px; height:40px; overflow:hidden}

.menu{ width:980px; margin:0 auto; height:35px; line-height:35px; color:#fff; background:url(../images/menubg.gif) repeat-x 0 0; }
.menu li{ float:left;width: 110px;padding:0 6px; text-align:center; font-size:14px; height:35px;background:url(../images/lia.gif) no-repeat right top;}
.menu li a{width: 110px; display:block;color:#fff; }
.menu li a:hover{ color:#fff; background-color:#aaa;}
.menu .menu1 li.bian{ background-image:none;}
.menu li a.curr{ color:#fff; background-color:#aaa;}
.menu1 #jsddm
{	margin: 0;
	padding: 0; z-index:9999; position:absolute;}

.menu .menu1 #jsddm li ul{
	margin: 0;
	padding: 0;
	visibility: hidden;
	display:none;
	background:none;	
}
.menu .menu1 #jsddm li ul li{
	float:none;
	background:none;
	line-height:40px;
	display:block;
	text-align:left;
	}
.menu .menu1 #jsddm li ul li a{
	width: 180px;
	float:left;
	margin-left:-6px;
	padding-left:20px;
	font-weight:bold;
	font-size:12px;
	background-color:#aaa;
	border-bottom:1px solid #ffffff;
}
.menu .menu1 #jsddm li ul li a:hover{ background-color:#0e3286;color:#fff;}


.flash{ width:980px; margin:6px auto; overflow:hidden}
.wrapper {
	POSITION: relative; WIDTH: 980px; MARGIN: 3px auto; HEIGHT: 345px
}
.focus {
	POSITION: relative; WIDTH: 980px; HEIGHT: 345px;margin:auto; FONT-SIZE: 14px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.focus .focus-box {
	POSITION: relative; WIDTH: 980px; HEIGHT: 345px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.focus .focus-pics {
	POSITION: absolute; WIDTH: 100000px; DISPLAY: block; HEIGHT: 200px; TOP: 0px; LEFT: 0px
}
.focus .focus-box A {
	ZOOM: 1; DISPLAY: block
}
.focus .focus-box A IMG {
	BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px auto; WIDTH: 980px; DISPLAY: block; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
.focus .controls {
	POSITION: absolute; WIDTH: 980px; BOTTOM: 0px; LEFT: 0px
}
.focus .controls UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.focus .controls LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.focus .controls .bg {
	FILTER: alpha(opacity=30); BACKGROUND-COLOR: #000000; WIDTH: 980px; HEIGHT: 45px; opacity: 0.3; -moz-opacity: 0.3
}
.focus .controls .info {
	Z-INDEX: 1; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; COLOR: #fff; TOP: 0px; PADDING-TOP: 3px; LEFT: 0px
}
.focus .controls .info B {
	DISPLAY: block; FONT-SIZE: 14px
}
.focus .controls .l-btn {
	Z-INDEX: 2; POSITION: absolute;MARGIN: 0px auto; BOTTOM: 10px; HEIGHT: 20px; COLOR: #fff; left:74%; FONT-SIZE: 0px; OVERFLOW: hidden;
}
.focus .controls .l-btn LI {
	TEXT-ALIGN: center; LINE-HEIGHT: 14px; MARGIN: 0px 5px 0px 0px; WIDTH: 48px; BACKGROUND: url(../images/radius1.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 20px; FONT-SIZE: 0px; CURSOR: pointer
}
.focus .controls .l-btn LI.selected {
	WIDTH: 48px; BACKGROUND: url(../images/radius2.png) no-repeat 0px 0px; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 0px; FONT-WEIGHT: bold
}

.content{ width:980px; margin:8px auto; overflow:hidden}
.content .leftside{ float:left; width:200px; overflow:hidden}
.content .rightside{ float:right; width:760px; overflow:hidden}



.tit1{ width:250px; height:32px; line-height:32px; font-size:18px;font-family:"΢ÈíÑźÚ"; padding:5px 0 0 0; overflow:hidden}
.tit2{ width:440px; height:32px; line-height:32px; font-size:18px;font-family:"΢ÈíÑźÚ"; background:url(../images/tit2.gif) no-repeat left bottom; padding:5px 0 0 0; overflow:hidden}
.tit3{ width:170px; height:35px; line-height:35px; font-size:16px; font-weight:bold; font-family:"΢ÈíÑźÚ"; border-bottom:1px solid #ddd; overflow:hidden}
.tit4{ background-color:#027ab6; width:190px; padding:0 0 0 10px; height:35px; line-height:35px; font-size:16px; font-weight:bold; font-family:"΢ÈíÑźÚ"; color:#fff; overflow:hidden}
.tit5{ width:760px; height:32px; line-height:32px; font-size:18px;font-family:"΢ÈíÑźÚ"; background:url(../images/tit2.gif) no-repeat left bottom; padding:5px 0 0 0; overflow:hidden}

.t_l{ float:left; font-size:18px; font-family:"΢ÈíÑźÚ";}
.t_l span{background:url(../images/titbg.gif) no-repeat 0 5px; width:24px; text-align:center; display:inline-block; font-weight:bold; color:#fff; font-size:22px; margin-right:10px;}
.t_r{ float:right; padding:4px 6px 0 0;}
.t_r1{ float:right; padding:15px 0 0 0;}

.profl{ float:left; width:170px; margin:0 25px 25px 0; overflow:hidden}
.profl ul li{ width:158px; padding:0 0 0 12px; height:24px; line-height:24px; border-bottom:1px solid #eee; background:url(../images/icon2.gif) no-repeat 2px 8px; overflow:hidden}

.prolist{ width:200px; margin-bottom:8px; overflow:hidden}
.prolist a{ display:block; width:170px; padding:0 0 0 30px; height:32px; margin-bottom:1px; line-height:32px; background:#f5f5f5 url(../images/icon3.gif) no-repeat 20px 12px; overflow:hidden}


.jj{ float:left; width:250px; margin-bottom:10px; overflow:hidden}
.jj .jjcont{ width:250px; padding:8px 0 0 0; line-height:20px; color:#666; overflow:hidden}
.jj img{ float:left; width:250px; height:126px; padding:0 0 8px 0;}

.tel{ float:left; width:250px; margin-bottom:10px; overflow:hidden}
.tel .telcont{ width:250px; padding:8px 0 0 0; line-height:25px; overflow:hidden}
.tel img{ float:left; width:250px; height:126px; padding:0 0 8px 0;}
.tel1{ float:left; width:178px; border:1px solid #ccc; line-height:25px;background:url(../images/img4.gif) no-repeat 0 0; padding:108px 10px 10px 10px; overflow:hidden}
.tel2{ width:180px; line-height:25px; padding:8px 10px; background-color:#f5f5f5; overflow:hidden}

.indexpro{ float:left; width:440px; padding:0 20px 10px 20px; overflow:hidden}
.indexpro .list{ width:440px; height:25px; line-height:25px; margin:5px 0; overflow:hidden}
.indexpro .list a{ margin:0 5px; padding:3px; color:#027ab6;}
.indexpro .list a:hover{ color:#333; background-color:#ebebeb; padding:3px;}
.indexpro .procont{ width:440px; overflow:hidden}
.indexpro .show{ float:left; width:137px; padding:0 10px 0 0; overflow:hidden}
.indexpro .show img{ width:135px; height:100px; border:1px solid #ccc; overflow:hidden}
.indexpro .show p{ width:137px; height:28px; line-height:28px; text-align:center; background-color:#ededed; overflow:hidden}
.indexpro .proimg{ width:440px; margin-top:8px;}

.pro{ width:760px; padding:10px 0 0 0; overflow:hidden}
.pro .show{ float:left; width:164px; padding:0 13px; overflow:hidden}
.pro .show img{ width:160px; height:125px; padding:1px; border:1px solid #aaa; overflow:hidden}
.pro .show p{ width:164px; height:35px; line-height:35px; text-align:center; overflow:hidden}
.pro dl dt{ float:left; width:440px; padding-bottom:10px; text-align:center; overflow:hidden}
.pro dl dd{ float:left; width:300px; padding:0 0 0 20px; line-height:25px; overflow:hidden}
.pro dl dd h3{ widows:300px; height:35px; line-height:35px; font-size:14px; border-bottom:1px solid #ddd; text-align:center; margin-bottom:8px; overflow:hidden}
.pro .protit{ width:760px; height:35px; line-height:35px; padding-left:6px; font-size:14px; font-weight:bold; background-color:#e4e4e4; overflow:hidden}
.pro .protit a{ width:75px; text-align:center; cursor:pointer; display:inline-block;}
.pro .protit a:hover{ color:#fff; background-color:#027ab6;}
.pro .protit .curr{ color:#fff; background-color:#027ab6;}
.pro .cont{ width:760px; line-height:25px; padding:20px 0; overflow:hidden}
.pro .pcont{ width:760px; padding:15px 0; overflow:hidden}
.pro .pcont .show{ float:left; width:137px; padding:0 15px 0 0; overflow:hidden}
.pro .pcont .show img{ width:135px; height:100px; border:1px solid #ccc; overflow:hidden}
.pro .pcont .show p{ width:137px; height:28px; line-height:28px; text-align:center; background-color:#ededed; overflow:hidden}

#CSSBox{float:left;width:370px; margin:0 auto;overflow:hidden;background-color:#ffffff;}
#CSSBox ul li{ float:left;list-style:none;margin:6px 5px; border-top:1px solid #ccc; border:1px solid #ccc; overflow:hidden;}
#CSSBox ul li:hover{ border:1px solid #ff6600;}
#CSSBox ul li:active{ border:1px solid #ff6600;}
#LeftButton{cursor:hand;margin:4px;height:80px;width:20px;float:left;background:url('/images/left.gif') center center no-repeat;}
#RightButton{cursor:hand;margin:4px;height:80px;width:20px;float:left;background:url('/images/right.gif') center center no-repeat;}
#wrapper{width:430px;}
#ProductShow{width:430px;text-align:center;border:1px solid #c0c0c0;margin:5px auto;display: table-cell;vertical-align:middle;text-align:center;}
#ProductShow img{ margin:0 auto; max-width:400px;}

.infro{ width:750px; padding:6px 5px ;overflow:hidden}
.infro ul li{ float:left; width:730px; padding:0 5px 0 15px; height:30px; line-height:30px; border-bottom:1px dotted #ccc; background:url(../images/icon1.gif) no-repeat 5px 11px; overflow:hidden}
.infro ul li a{ float:left;}
.infro ul li span{ float:right;}

.page{ width:760px; padding:15px 0; text-align:center; font-size:14px; overflow:hidden}
.page a{ padding:0 5px;}

h2{ width:760px; font-size:14px; text-align:center; height:40px; line-height:40px; overflow:hidden}
.img{ width:660px; text-align:center; padding:0 50px; overflow:hidden}
.xx{ width:760px; padding:5px; line-height:25px; overflow:hidden}

.link{ width:1002px; margin:0 auto 6px auto; background-color:#fff; overflow:hidden}
.link .linktit{ width:1002px; height:30px; overflow:hidden}
.link .linkcont{ width:966px; padding:5px 6px; line-height:25px; overflow:hidden}
.link .linkcont a{ padding:0 8px 0 0;}

#footer{ width:980px; margin:0 auto; background-color:#e7e7e7; padding:8px 0; margin-bottom:20px; overflow:hidden}
#footer .f_l{ float:left; line-height:60px; color:#999; font-size:24px; font-family:"΢ÈíÑźÚ"; font-style:italic; padding:0 10px; overflow:hidden}
#footer .f_r{ float:right; padding:0 10px 0 0; text-align:right; line-height:20px;}
#footer .f_r a{ padding:0 5px;}
#footer .text{ width:1002px; margin:0 auto; text-align:center; padding:8px 0; line-height:25px; overflow:hidden}