body{font-size:12px; font-family: "ËÎÌå"; color:#333; background:#fff url(../images/bg.gif) repeat-x 0 72px;}
*{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:100%; background:url(../images/topbg.gif) no-repeat 50% 0; overflow:hidden}
#header .top{ width:1002px; height:72px; margin:0 auto; overflow:hidden}
#header .logo{ float:left; width:295px; padding:10px 0 0 0; overflow:hidden}
#header .yuyan{ float:right; height:20px; line-height:20px; padding:9px 0 5px 500px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; overflow:hidden}
#header .yuyan a{ float:left; display:block; padding:0 12px 0 37px;background:url(../images/y1.gif) no-repeat 0 0; }
#header .yuyan a.y1{ background:url(../images/y2.gif) no-repeat 0 0;}

.menu{ float:left; width:707px; height:36px; margin:0 auto; overflow:hidden}
.menu a{ float:left; display:block; margin:0 -15px; width:117px; text-align:center; height:32px; line-height:32px; padding:4px 0 0 0; color:#fff; overflow:hidden}
.menu a:hover{background:url(../images/item.gif) no-repeat 50% 0;}

.flash{ width:1002px; height:335px; margin:8px auto 0 auto; overflow:hidden}
.wrapper {
	POSITION: relative; WIDTH: 100%; MARGIN: 3px auto; HEIGHT: 335px
}
.focus {
	POSITION: relative; WIDTH: 1002px; HEIGHT: 335px;margin:auto; FONT-SIZE: 14px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.focus .focus-box {
	POSITION: relative; WIDTH: 1002px; HEIGHT: 335px; 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: 1002px; DISPLAY: block; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
.focus .controls {
	POSITION: absolute; WIDTH: 1002px; 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: 1002px; 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:70%; 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:1002px; margin:0 auto; padding:8px 0; overflow:hidden}
.content .leftside{ float:left; width:230px; margin:0 8px 0 0; overflow:hidden}
.content .rightside{ float:left; width:764px; overflow:hidden}



.tit1{ width:218px; padding:0 0 0 12px; height:34px; line-height:34px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/tit1.gif) no-repeat 0 0; overflow:hidden}
.tit2{ width:290px; padding:0 0 8px 15px; height:34px; line-height:34px; font-size:18px; font-family:"΢ÈíÑźÚ"; color:#fff; background:url(../images/tit2.gif) no-repeat 0 0; overflow:hidden}
.tit3{ width:265px; padding:0 0 8px 40px; height:34px; line-height:34px; font-size:18px; font-family:"΢ÈíÑźÚ"; color:#fff; background:url(../images/tit3.gif) no-repeat 0 0; overflow:hidden}
.tit4{ width:350px; padding:0 0 8px 40px; height:34px; line-height:34px; font-size:18px; font-family:"΢ÈíÑźÚ"; color:#fff; background:url(../images/tit4.gif) no-repeat 0 0; overflow:hidden}
.tit2 span,.tit3 span,.tit4 span{ font-size:12px; font-style: italic; padding:0 0 0 5px; font-family:Arial, Helvetica, sans-serif;}
.tit5{ width:970px; padding:0 0 0 32px; height:33px; line-height:33px; font-size:14px; font-weight:bold; background:url(../images/tit5.gif) no-repeat 0 0; overflow:hidden}
.tit6{ width:720px; padding:0 0 0 44px; height:38px; line-height:38px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/tit7.gif) no-repeat 0 0; overflow:hidden}


.t_l{ float:left;}
.t_r{ float:right; padding:10px 8px 0 0;}
.t_r1{ float:right; padding:5px 8px 0 0; font-size:14px; font-weight:normal;}
.content .t_r1 a{ color:#307941;}
.content .t_r1 a:hover{ color:#ff6600;}


.prolist{ width:208px; padding:10px 10px 2px 10px; background-color:#f3f3f3; border:1px solid #ccc; border-top:none; margin-bottom:6px; overflow:hidden}
.prolist a{ display:block; width:188px; padding:0 0 0 20px; height:33px; line-height:33px; margin-bottom:6px; background:url(../images/item1.gif) no-repeat 0 0; font-size:14px; overflow:hidden}
.content .prolist a:hover{ background:url(../images/item2.gif) no-repeat 0 0; color:#fff;}
.prolist a.curr{ background:url(../images/item2.gif) no-repeat 0 0; color:#fff;}

.prolist2{ width:208px; padding:10px 10px 2px 10px; background-color:#f3f3f3; border:1px solid #ccc; border-top:none; margin-bottom:6px; overflow:hidden}
.prolist2 dl dt{ display:block; width:208px; padding:0 0 0 20px; margin:4px 0; height:33px; line-height:33px; font-size:14px; background:url(../images/item1.gif) no-repeat 0 0; overflow:hidden}
.content .prolist2 dl dt a:hover{ display:block; background:url(../images/item2.gif) no-repeat 0 0; color:#fff;}
.prolist2 dl dd{ width:208px; padding:0 0 0 40px; height:25px; line-height:25px; overflow:hidden}


.tel{ width:212px; padding:5px 8px 80px 8px; line-height:25px;border-left:1px solid #ccc; border-right:1px solid #ccc;  background:#fff url(../images/telbg.gif) no-repeat left bottom; overflow:hidden}
.telbot{ width:230px; height:10px; background:url(../images/bot.gif) no-repeat 0 0; overflow:hidden}

.shili{ float:left; width:306px; padding-bottom:8px; overflow:hidden}
.shili .shimg{ width:306px; height:220px; overflow:hidden}
.jj{ float:left; width:390px; overflow:hidden}
.jj .jjcont{ width:350px; height:220px; padding:0 20px; line-height:24px; overflow:hidden}
.jj .jjcont a{ color:#ff0000;}
.jj .jjcont a:hover{ color:#ff6600;}

.new{ float:left; width:306px; overflow:hidden}
.new ul{ width:306px; height:220px; overflow:hidden}
.new ul li{ width:290px; padding:0 0 0 16px; height:30px; line-height:30px; border-bottom:1px dotted #aaa; background:url(../images/icon3.gif) no-repeat 6px 12px; overflow:hidden}

.indextel{ float:left; width:306px; overflow:hidden}
.indextel .telcont{ width:290px; line-height:25px; padding:0 8px; height:220px; overflow:hidden}

.pro{ width:762px; padding:10px 0 0 0; background-color:#fff; border:1px solid #ccc; border-top:none; overflow:hidden}
.pro .show{ float:left; width:164px; padding:0 13px; overflow:hidden}
.pro .show .img{ width:160px; height:140px; padding:1px; border:1px solid #aaa; overflow:hidden}
.pro .show p{ width:164px; height:35px; line-height:35px; text-align:center; overflow:hidden}

.case{ width:1000px; border:1px solid #ccc; border-top:none; margin:0 auto; padding:10px 0 0 0; overflow:hidden}
.case .show{ float:left; width:164px; padding:0 18px; overflow:hidden}
.case .show .img{ width:160px; height:130px; padding:1px; border:1px solid #aaa; overflow:hidden}
.case .show p{ width:164px; height:35px; line-height:35px; text-align:center; overflow:hidden}

.case1{ width:970px; border:1px solid #ccc; border-top:none; margin:0 auto; padding:22px 15px 0 15px; background:url(../images/tit6.gif) no-repeat 0 0; overflow:hidden}
.case1 .proico{ float:left; width:27px; height:50px; padding:70px 0 0 0; overflow:hidden}
.case1 .procont{ float:left; width:876px; padding:0 15px 0 25px; overflow:hidden}
.case1 .show{ float:left; width:216px; padding:0 15px 0 0; overflow:hidden}
.case1 .show .img{ width:210px; height:168px; padding:2px; border:1px solid #ccc; overflow:hidden}
.case1 .show p{ width:216px; height:35px; line-height:35px; text-align:center; overflow:hidden}


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

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

h2{ width:750px; font-size:14px; text-align:center; height:40px; line-height:40px; overflow:hidden}
.img{ width:650px; text-align:center; padding:0 50px; overflow:hidden}
.xx{ width:750px; 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:988px; padding:5px 6px; border:1px solid #ccc; border-top:none; line-height:25px; overflow:hidden}
.link .linkcont a{ padding:0 8px 0 0;}

#footer{ width:100%; margin:0 auto; background:#047bd5; padding:10px 0 0 0; color:#fff; overflow:hidden}
#footer .foot{ width:1002px; margin:0 auto; height:25px; line-height:25px; text-align:center; overflow:hidden}
#footer .foot a{ padding:0 10px; color:#fff;}
#footer .foot a:hover{ color:#ffcc00;}
#footer .text{ width:1002px; margin:0 auto; text-align:center; padding:5px 0; line-height:25px; overflow:hidden}