@charset "utf-8";

/* CSS Document */



body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}

body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#181818; background:#e7f2ff;}

.clear{ padding:0; margin:0; font-size:0; line-height:0; width:0; height:0; clear:both;}

a{ color:#181818; text-decoration:none;}

a:hover{ color:#fe0000;}

a:focus{outline: none;}

a,area{blr:expression(this.onFocus=this.blur())}

button:focus{outline: none;}

button,area{blr:expression(this.onFocus=this.blur())}

img{ border:none;}

ul,li{ list-style:none;}



.f_l{ float:left}

.f_r{ float:right}

.fb{ font-weight:bold;}

.fb_blue{ font-weight:bold; color:#035ca0}

.align_center { text-align:center}

.margin_10 { margin:10px;}

.margin_8 { margin:8px 8px 0; display:inline;}

.marginleft12{margin-left:12px; display:inline;}

.marginright22{margin-right:22px; display:inline;}

.margintop4{margin-top:4px;}

.margintop10{margin-top:10px;}

.margintop12{margin-top:12px;}

.margintop16{margin-top:16px;}

.margintop20{margin-top:20px;}

.paddingtop12auto{padding-top:12px; width:220px; margin:0 auto;}

.paddingtop20auto{padding-top:20px; width:220px; margin:0 auto;}

.margintop6{margin-top:6px;}

.margin6{margin:6px;}

.padding4{padding:4px;}

.padding6{padding:6px;}

.padding8{padding:8px;}

.padding10{padding:10px;}

.paddingtop4{padding-top:4px;}

.paddingtop6{padding-top:6px;}

.paddingtop8{padding-top:8px;}

.paddingtop10{ padding-top:10px;}

.paddingtop12{ padding-top:12px;}

.paddingtop14{ padding-top:14px;}

.paddingtop16{ padding-top:16px;}

.paddingtop20{ padding-top:20px;}

.paddingtop30{ padding-top:30px;}

.paddingleft2{ padding-left:2px;}

.paddingleft3{ padding-left:3px;}

.paddingleft11{ padding-left:11px;}

.paddingleft14{ padding-left:14px;}

.paddingleft15{ padding-left:15px;}

.paddingleft24{ padding-left:24px;}

.paddingright5{ padding-right:5px;}

.paddingright10{ padding-right:10px;}

.paddingright15{ padding-right:15px;}

.paddingright20{ padding-right:20px;}

.paddingright25{ padding-right:25px;}

.paddingright30{ padding-right:30px;}

.paddingbottom5{ padding-bottom:5px;}

.paddingbottom10{ padding-bottom:10px;}

.paddingbottom20{ padding-bottom:20px;}

.paddingbottom30{ padding-bottom:30px;}

.paddingtopbot4{ padding:4px 0;}

.paddingtopbot10{ padding:10px 0;}

.paddingtopbot15{ padding:15px 0;}

.line_20 { height:20px; width:975px; clear:both; margin:20px auto; overflow:hidden; text-align:center; }

.line_10 { height:10px; width:975px; clear:both; overflow:hidden; margin:0 auto; }

h2 { color:#fff; line-height:28px; font-weight:bold; font-size:18px;}



.text_01 { color:#1f7ed3; font-weight:bold;}

.text_01 a{color:#1f7ed3; text-decoration:none;}

.text_01 a:hover{color:#fe0000; text-decoration:underline;}

.text_02 { color:#ca0000; font-family:Arial, Helvetica, sans-serif;}

.text_02 a{color:#ca0000; text-decoration:none;}

.text_02 a:hover{color:#fe0000;}

.text_03 { font-size: 12px; line-height: 23px; color: #999; text-decoration: none;}

.input1 { FONT-SIZE: 14px; line-height:38px; FONT-FAMILY: "微软雅黑"; BACKGROUND-COLOR:transparent; padding:0 7px; border:0; color:#b2b2b2; width:300px; height:38px; overflow:hidden;}

.input2 { FONT-SIZE: 14px; line-height:38px; FONT-FAMILY: "微软雅黑"; BACKGROUND-COLOR:transparent; padding:0 7px; border:0; color:#b2b2b2; width:300px; height:98px; overflow:hidden;}



/* --------------------------------------------------------------------------------------------------------- */





/* 头部开始 */

.header { width:100%; height:97px; background:url(../images/top.jpg) no-repeat center #fff;}

/*.menu { width:100%; height:38px; background:url(../images/menu_bg.jpg) repeat-x; border-bottom:#fff solid 1px;}

.menu ul { width:980px; height:38px; margin:0 auto;}

.menu li { width:104px; height:38px; float:left; line-height:38px; font: bold 13px "微软雅黑"; color:#fff; text-align:center;}

.menu li a { color:#fff; display:block; line-height:38px;}

.menu li a:hover { color:#fff; text-decoration:none; background:url(../images/menu_hor.jpg) no-repeat;}

.menu .menu_line { width:3px; height:38px; background:url(../images/menu_line.jpg) no-repeat;}*/



/* 头部结束 */

.sub_br { width:100%; height:220px; background:url(../images/sub_bg.jpg) repeat-x; text-align:center;}

.container {width:980px; padding:0 9px 5px; margin:0 auto; border-left:#e0e0e0 solid 1px; border-right:#e0e0e0 solid 1px; background:#fff;}

.pagebody { width:980px; height:auto; margin:0 auto; padding:13px 10px; background:#fff;}

.sidebar_left { width:231px; height:auto; float:left;}

.sidebar_right { width:736px; height:auto; float:right;}



.ind_gg { width:858px; height:33px; border:#d4d4d4 solid 1px; background: url(../images/ind_t1.jpg) no-repeat 2px 2px #eee; padding:2px 2px 2px 120px; font-size:14px; line-height:33px;}

.ind_class { width:229px; /*height:660px;*/ border:#e7e7e7 solid 1px; float:left;}

.ind_class_title { width:200px; height:32px; font:bold 13px "微软雅黑"; border-bottom:#e7e7e7 solid 1px; padding-left:29px; background:url(../images/icon1.jpg) no-repeat 11px 50%; line-height:32px; }

.ind_class ul { width:199px; padding:10px 16px;}

.ind_class li { width:199px; height:27px; line-height:27px; background: url(../images/icon3.gif) no-repeat 7% #e8e8e8; color:#000; border-bottom: #fff solid 4px;}

.ind_class li a { color:#000; display:block; padding-left:34px;}

.ind_class li a:hover { color:#fff; text-decoration:none; background:url(../images/icon2.gif) no-repeat 7% #da0d00;}

.ind_pro { width:734px; height:636px; border:#e7e7e7 solid 1px; float:right;}

.ind_pro_title { width:705px; height:32px; font:bold 13px "微软雅黑"; border-bottom:#e7e7e7 solid 1px; padding-left:29px; background:url(../images/icon1.jpg) no-repeat 11px 50%; line-height:32px; }

.ind_about { width:367px; height:214px; border-right:#e7e7e7 solid 1px; float:left;}

.ind_about_title { width:338px; height:32px; font: bold 13px "微软雅黑"; border-bottom:#e7e7e7 solid 1px; padding-left:29px; background:url(../images/icon1.jpg) no-repeat 11px 50%; line-height:32px; }

.ind_about_txt { padding:10px; line-height:26px;}

.ind_about_txt span a{ color:#e50000;}

.ind_about_txt span a:hover{ color:#e50000;}

.ind_news { width:366px; height:214px; float:left;}

.ind_news_title { width:337px; height:32px; font: bold 13px "微软雅黑"; border-bottom:#e7e7e7 solid 1px; padding-left:29px; background:url(../images/icon1.jpg) no-repeat 11px 50%; line-height:32px; }

.ind_news ul { width:342px; padding:12px 12px 0;}

.ind_news li { width:325px; height:31px; border-bottom:#e7e7e7 dashed 1px; background:url(../images/icon4.jpg) no-repeat 0%; padding-left:17px; line-height:31px;}

.ind_hezuo { width:978px; height:114px; border:#e7e7e7 solid 1px; float:left; clear:both;}

.ind_hezuo_title { width:949px; height:32px; font:bold 13px "微软雅黑"; border-bottom:#e7e7e7 solid 1px; padding-left:29px; background:url(../images/icon1.jpg) no-repeat 11px 50%; line-height:32px; }

.ind_hezuo ul { padding:14px 10px 0;}

.ind_hezuo li { width:133px; height:48px; float:left; padding:0 13px;}

.ind_main { width:734px; border:#e7e7e7 solid 1px; float:right;}

.ind_main_title { width:705px; height:32px; font:bold 13px "微软雅黑"; border-bottom:#e7e7e7 solid 1px; padding-left:29px; background:url(../images/icon1.jpg) no-repeat 11px 50%; line-height:32px; }

.ind_main_txt { padding:15px; line-height:24px;}



.fooder { width:100%; height:223px; background:#e8e8e8; clear:both; line-height:22px; border-top:#ea0019 solid 1px; border-bottom:#494949 solid 32px;}

.fooder_nei { width:980px; margin:0 auto; color:#525252;}

.fooder_nei a { color:#525252}

.fooder_nei a:hover { color:#e50000}

.fooder_left { width:756px; float:left; padding-top:28px;}

.fooder_icon { width:220px; height:24px; margin-top:24px; background:url(../images/tel.jpg) no-repeat 0%; padding-left:183px;}

.fooder_icon li { width:23px; height:22px; float:left; padding-right:10px;}

.fooder_link { width:580px; margin-top:30px; line-height:22px; background:url(../images/link.jpg) no-repeat 4px; padding-left:70px;}

.fooder_link li { width:auto; height:22px; line-height:22px; float:left; padding:5px 10px; border-right:#525252 solid 1px;}



/*banner*/

.top_yban { height:335px;}

#banner {height: 335px;	position:relative; }

#banner_list {height: 335px;}

#silder {width:100%;height:335px;overflow: hidden;position: absolute;margin:0;padding:0;}

#silder div { position:absolute; overflow:hidden; }

#silder a { position:absolute; left:0px; top:0px; z-index: 2; display: none; }

#silder div.fs_btn { position:absolute; right:10px; bottom:10px; z-index: 10; text-align:right; color:#000000; width:70px; overflow:hidden; }

#silder div.fs_btn span { display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; margin-left:5px; text-align:center; cursor:pointer; background:#d5a963; color:#FFFFFF; }

#silder div.fs_btn span.on { background:#d0285c; }

#silder div.fs_preNext { width:45px; height:100px; position:absolute; z-index: 10; top:140px; background:url(../ye-img/sprite.png) no-repeat 0px 0px; cursor:pointer; }

#silder div.fs_pre { left:0px; }

#silder div.fs_next { right:0px; background-position:right top; }

#banner .sameStyle {

	cursor: pointer;

	height: 100px;

	position: absolute;

	top: 110px;

	width: 45px;

	z-index: 107;

	background-image: url(../images/sprite.png);

}

#banner .pre {background: url("../images/sprite.png") no-repeat scroll 0 0 transparent;left:0px;}

#banner .next {	background: url("../images/sprite.png") no-repeat scroll right top transparent; right:0px;}

#banner div.fs_btn { top: 310px; color: #fff; position: absolute; left: 50%; text-align: right; z-index: 10;}

#banner div.fs_btn span { background: none repeat scroll 0 0 #fff; cursor: pointer; display: inline-block; font-size: 0; height: 10px; margin-left: 5px; text-align: center; width: 30px;}

#banner div.fs_btn span.on { background: none repeat scroll 0 0 #ff3e0a;}

/*banner*/



/* 图片滚动开始 */

.exppic_pro { width:722px; height:369px; border-bottom:#e7e7e7 solid 1px; padding:20px 0 0 12px;}

.leftRun{ width:12px; height:47px; background:url(../images/left.jpg) no-repeat; float:left; display:inline; margin:45px 5px 0 0; cursor:pointer }

.rightRun{ width:12px; height:47px; background:url(../images/right.jpg) no-repeat; float:left; display:inline; margin:45px 0 0 5px; cursor:pointer; }

.expPicC{ width:734px; height:369px; float:left; overflow:hidden;}

.expPicC li{ width:182px; height:182px; float:left; display:inline;}

.expPicC img{ width:156px; height:130px; padding:3px; border:#e7e7e7 solid 1px;}

.expPicC p { color:#000; margin-top:3px; line-height:24px; height:24px; text-align:center;}

.expPicC a{ color:#000;}

.expPicC a:hover{ color:#e50000;}

.hidePic{width:12px;height:170px;position:absolute;top:3px;left:0px;z-index:1000;}

.expTxtD{ margin-top:10px;}

.expTxtD li{ height:25px; width:100px; display:inline; float:left; margin-left:15px; line-height:25px; padding-left:30px; white-space:nowrap}

/* 图片滚动结束 */



/* 图片滚动开始 */

.exppic_pro2 { width:938px; padding-top:30px;}

.leftRun2 { width:27px; height:151px; background:url(../images/left.jpg) no-repeat; float:left; display:inline; margin:0 5px 0 0; cursor:pointer }

.rightRun2 { width:27px; height:151px; background:url(../images/right.jpg) no-repeat; float:left; display:inline; margin:0 0 0 5px; cursor:pointer; }

.expPicC2 { width:874px; height:180px; float:left; overflow:hidden;}

.expPicC2 li{ width:176px; height:180px; float:left; display:inline; margin:0 21px 0;}

.expPicC2 img{ width:174px; height:149px; border:#0a5800 solid 1px;}

.expPicC2 p { font-weight:bold; color:#0a5800; padding-top:8px; text-align:center;}

.expPicC2 a{ color:#0a5800;}

.expPicC2 a:hover{ color:#000}

.hidePic2 {width:12px;height:170px;position:absolute;top:3px;left:0px;z-index:1000;}

.expTxtD2 { margin-top:10px;}

.expTxtD2 li{ height:25px; width:100px; display:inline; float:left; margin-left:15px; line-height:25px; padding-left:30px; white-space:nowrap}

/* 图片滚动结束 */







/* banner2开始 */

#focus {width:980px; height:360px; overflow:hidden; margin:0 auto; position:relative;}

#focus ul {height:325px; position:absolute;}

#focus ul li {float:left; width:980px; height:360px; overflow:hidden; position:relative; background:#fff;}

#focus ul li div {position:absolute; overflow:hidden;}

#focus .btnBg {position:absolute; width:980px; height:20px; left:0; bottom:0; background:#000;}

#focus .btn {position:absolute; width:780px; 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:35px; height:100px; position:absolute; top:110px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}

#focus .pre {left:0;}

#focus .next {right:0; background-position:right top;}



#focus_hd {width:292px; height:231px; overflow:hidden; position:relative;}

#focus_hd ul {height:500px; position:absolute;}

#focus_hd ul li {float:left; width:292px; height:231px; overflow:hidden; position:relative; background:#000;}

#focus_hd ul li div {position:absolute; overflow:hidden;}

#focus_hd .btnBg {position:absolute; width:292px; height:20px; left:0; bottom:0; background:#000;}

#focus_hd .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}

#focus_hd .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}

#focus_hd .btn span.on {background:#fff;}

#focus_hd .pre {left:0;}

#focus_hd .next {right:0; background-position:right top;}



#focus_left {width:231px; height:403px; overflow:hidden; position:relative;}

#focus_left ul {height:500px; position:absolute;}

#focus_left ul li {float:left; width:231px; height:403px; overflow:hidden; position:relative; background:#000;}

#focus_left ul li div {position:absolute; overflow:hidden;}

#focus_left .btnBg {position:absolute; width:231px; height:20px; left:0; bottom:0; background:#000;}

#focus_left .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}

#focus_left .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}

#focus_left .btn span.on {background:#fff;}

#focus_left .pre {left:0;}

#focus_left .next {right:0; background-position:right top;}

/* banner2结束 */

 



/* 标签样式一开始*/

/*.normal{list-style:none; float:left; width:87px; height:30px; text-align:center ; vertical-align:middle ; cursor:pointer  ;border-collapse:separate; color:#000; line-height:30px;}

.selected{list-style:none; float:left; width:87px; height:30px; text-align:center; vertical-align:middle; cursor:pointer; color:#fff; line-height:30px; background:url(../images/tab_1.jpg) no-repeat;}

#divMainTab{float:center; margin:0px; padding:0 0 0 12px; width:343px; height:30px; background:url(../images/tab_bg.jpg) no-repeat; font-size:13px; font-family:"微软雅黑";}

.divContent{width:355px; height:220px; clear:both;}

.divContent .content_img { width:95px; height:63px; padding:1px; border:#c9ced1 solid 1px; float:left;}

.divContent .content_txt { width:300px; height:67px; line-height:24px; padding-left:12px; float:left;}

.divContent ul { width:346px; padding:5px;}

.divContent li { width:330px; height:23px; line-height:23px; background:url(../images/icon1.jpg) no-repeat 1%; padding-left:16px;}





/* 标签样式二开始 */

h2{ margin:0;}

ul{ padding:0; margin:0;}



.tab{ width:438px; height:210px; padding-left:32px; float:left;}

.tab h2{ width:434px; height:26px; padding:2px; overflow:hidden; font-size:12px; font-weight:bold; color:#fff; background:url(../images/tab_bg.jpg) no-repeat;}

.tab h2 span,

.tab h2 a{ float:left; width:83px; height:26px; line-height:26px; text-align:center; cursor:pointer; font-size:12px; background:url(../images/tab_2.jpg) repeat-x; margin-right:2px;}

.tab h2 .current{ color:#fff; background:url(../images/tab_1.jpg) repeat-x;}

.tab ul { width:428px; padding:5px 0 0 10px;}

.tab li { width:405px; height:27px; border-bottom:#c2c2c2 dashed 1px; padding-left:15px; line-height:27px; background:url(../images/icon1.jpg) no-repeat 1%; color:#4a4a4a;}

.tab li a {color:#4a4a4a;}

.tab li a:hover {color:#e50000; text-decoration:none;}



/* 标签样式三开始 */

h2{ margin:0;}

ul{ padding:0; margin:0;}



.tab2{ width:356px; height:259px; margin:0; font-size:12px; color:#717271; float:left; padding-left:14px;}

.tab2 h2{ width:356px; height:33px; overflow:hidden; font-size:12px; font-weight:bold; padding-left:10px; color:#246d00; background:url(../images/tab_bg1.jpg) no-repeat;}

.tab2 h2 span,

.tab2 h2 a{ float:left; width:67px; line-height:28px; padding:5px 0 0; text-align:center; cursor:pointer;}

.tab2 h2 .current{ color:#fff; background:url(../images/tab_111.jpg) no-repeat;}

.tab2 ul{ padding:10px 10px 0; border:#d9e9ce solid 1px; border-bottom:0;}

.tab2 li{ width:326px; height:26px; line-height:26px; background:url(../images/icon1.jpg) no-repeat 0%; padding-left:10px;}

.tab2 li a {color:#717271;}





/* 标签样式四开始 */

h2{ margin:0;}

ul{ padding:0; margin:0;}



.tab3{ width:356px; height:259px; margin:0; font-size:12px; color:#717271; float:right;}

.tab3 h2{ width:356px; height:33px; overflow:hidden; font-size:12px; font-weight:bold; padding-left:10px; color:#246d00; background:url(../images/tab_bg1.jpg) no-repeat;}

.tab3 h2 span,

.tab3 h2 a{ float:left; width:74px; line-height:28px; padding:5px 0 0; text-align:center; cursor:pointer;}

.tab3 h2 .current{ color:#fff; background:url(../images/tab_1.jpg) no-repeat;}

.tab3 ul{ padding:10px 10px 0; border:#d9e9ce solid 1px; border-bottom:0;}

.tab3 li{ width:326px; height:26px; line-height:26px; background:url(../images/icon1.jpg) no-repeat 0%; padding-left:10px;}

.tab3 li a {color:#717271;}

.ind_lx {background:url(../images/img1.jpg) no-repeat right}



/* 缩略图banner */

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}

.clearfix{*zoom:1}

.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0}

*+html img{-ms-interpolation-mode:bicubic}

.clearboth{ clear:both;}

ul,ol{list-style:none}

fieldset,img{border:0}

address,cite,dfn,em,var{font-style:normal}

strong,.fcu{font-weight:bold}

table{border-collapse:collapse;border-spacing:0}

button,.fhand{cursor:pointer}

button,input,select,textarea{font-size:100%;}

html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*通用*/

.navbox_{width:940px;margin:0 auto; overflow:hidden;zoom:1}

.navbox{width:940px;margin:0 auto; overflow:hidden;zoom:1; margin-top:8px;}

.margintop{margin-top:8px;}

.paddingtop{padding-top:8px;}

a{color:#383838; text-decoration: none;}

a:hover{color:#c00; text-decoration:underline;}



/*slider*/

#slider{width:100%;background-color:#000; padding-top:8px;}

.slider_box{width:940px; margin:0 auto;height: 400px;overflow: hidden;position: relative;}

.silder_tip{width: 92px;height: 92px;overflow: hidden;position: absolute;top: 0;right: 0;z-index:1; text-indent:-999px;background:url(../images/tip-tt.gif) no-repeat;}

#movie_tip{background-position: -93px 0;}

.silder_con{height:400px;overflow: hidden;position: absolute;}

.silder_panel{width:940px;height:400px;overflow: hidden;float: left;position: relative;background: #111;}

.silder_panel img{width: 940px;height: 400px;display: block;overflow: hidden;}

.silder_intro{width: 210px;height: 400px;line-height: 20px;overflow: hidden;color: #999;padding: 0 40px 0 0;}

.silder_intro h3{padding:10px 0;height:50px;color:#b13200;line-height: 30px;overflow: hidden;}

.silder_intro h3 strong{font-family: "宋体";font-size: 24px;height:30px;overflow: hidden;font-weight: normal;display: block;}

.silder_intro h3 strong a{ color: #fff; font-weight:bold;}

.silder_intro ul{height: 60px;overflow: hidden;}	

.silder_intro li{height: 20px;overflow: hidden;color:#787878;}

.silder_intro li a{color:#787878; margin:0 6px;}

.silder_intro span{ margin: 0 10px 0 0;}

.silder_intro p{height:72px;overflow: hidden;color:#787878; margin-top:10px; line-height:18px;}

.silder_play{display: block;width:136px;height:30px;overflow: hidden;text-indent: -999px;position: absolute;bottom: 13px;right: 45px;background: url(../images/silder-play.png) 0 -30px no-repeat;}	

.silder_play:hover{ background-position: 0 0;}

.silder_nav{width:940px;height:80px;margin: 0 auto;bottom: 0;position: absolute;overflow: hidden;}

.silder_nav li{float: left;padding:0px;border:3px solid #fff; margin:2px 12px; display:inline;}

.silder_nav li.current{border:3px solid #b13200; margin:2px 12px;}

.silder_nav li,.silder_nav img{display: block;width:125px;height:66px;overflow: hidden;}

.slider_box a.prev,.slider_box a.next{display: block;width:45px;height:100px;overflow:hidden;text-indent: -999px;position: absolute;cursor: pointer;margin: 100px 0 0 0;background: url(../images/silder_btn.gif) no-repeat;}	

.slider_box a.prev{left:0;background-position: left 0;}

.slider_box a.next{right:0;background-position: right 0;}

.silderBox{height:8px; line-height:8px;}







.me{ width:100%; height:38px; background:url(../images/menu_bg.jpg) repeat-x; border-bottom:#fff solid 1px;}

.menu {background:url(../images/menu_bg.jpg) repeat-x;

font-family: arial, sans-serif; 

width:976px; 

margin:0; margin:0 auto;}

/* remove the bullets and set the margin and padding to zero for the unordered list */

.menu ul {

padding:0; 

margin:0;

list-style-type: none; 

}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */

.menu ul li {

float:left; 

position:relative;

z-index:1000;



}

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */

.menu ul li a, .menu ul li a:visited {

display:block; 

text-align:center; 

text-decoration:none; 

width:105px; 

height:40px; 

color:#fff;

font-family:微软雅黑;

border-width:0 1px 0 0;

background:url(../images/menu_bg.jpg) repeat-x; 

line-height:40px; 

font-size:14px;

}

/* make the dropdown ul invisible */

.menu ul li ul {

display: none;

}

/* specific to non IE browsers */

/* set the background and foreground color of the main menu li on hover */

.menu ul li:hover a {

color:#fff; 

background:#A22217;

}

/* make the sub menu ul visible and position it beneath the main menu list item */

.menu ul li:hover ul {

display:block; 

position:absolute; 

top:40px; 

left:0; 

width:110px;

}

/* style the background and foreground color of the submenu links */

.menu ul li:hover ul li a {

display:block; 

background:#666666; 

color:#FFF;

font-size:12px;

}

/* style the background and forground colors of the links on hover */

.menu ul li:hover ul li a:hover {

background:#A22217; 

color:#FFF;

}

