@charset "gb2312";
/* CSS Document */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; font-size:12px;color:#000;font-family:Microsoft YaHei,simhei; background:#f7f7f7}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body{ background:url(images/bodybg.jpg) repeat}
a{ color:#333; text-decoration:none}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5 { font-family:microsoft yahei,simhei; font-weight:bold;}
img{ border:none;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.mt05{ margin-top:5px}
.mt10{ margin-top:20px}
.w220{ width:220px}
.w740{ width:740px;}


.top01{ background:url(images/top01.jpg) no-repeat top center; height:100px}
.top02{ background:url(images/top02.jpg) no-repeat top center; height:100px}
.top03{ background:url(images/top03.jpg) no-repeat top center; height:100px}
.top04{ background:url(images/top04.jpg) no-repeat top center; height:100px}
.top05{ background:url(images/top05.jpg) no-repeat top center; height:100px}
.top06{ background:url(images/top06.jpg) no-repeat top center; height:100px}
.top07{ background:url(images/top07.jpg) no-repeat top center; height:150px}

.mainbox{ width:1000px;margin:0 auto; height:auto; background:#fff; }
.box_head{padding:15px 10px 20px 10px; width:980px}
.box_head h2{ height:60px; width:980px; background:url(images/title.jpg) no-repeat; text-align: center; color:#fff; line-height:50px; font-weight:bold; font-size:30px;}
.box_body{ background:#fff; padding:0 10px; overflow:hidden; position:relative}


.slider {clear: both;width: 518px;height: 330px;position: relative; }
#simgdiv{ width:212px; height:24px; position:absolute; top:2px; left:2px; background:#000; filter:alpha(opacity=60); moz-opacity:0.5; opacity:0.5;}
#simg{ position:absolute; font-size:12px; bottom:5px; width:50px; right:10px;overflow:hidden;}
#simg ul {height:20px; list-style-type:none; padding:0; margin:0}
#simg li{ filter:alpha(opacity=90); background:#fff; width:14px; height:14px; cursor: pointer; float:left; border-radius:100%; margin-right:2px}
#simg .s{ background:#5c0306; color:#fff;border-right:none;}
#simg .s img{ filter:#201e4d;}
#bimg{ border:solid 1px #ccc; padding:1px; width:514px; height:326px; filter: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );}
#bimg img{ width:514px; height:326px;}
#infos{ width:327px; margin:0px; left:2px; top:2px;}
.dis{ display:block;}
.undis{ display:none; line-height:0; height:0;}


.page{ width:450px; height:272px;}
.page h2{ font:700 22px/32px "microsoft yahei",simhei; text-align:center; padding:15px 0}
.page h3{ text-align: center; font-size:14px; line-height:24px; color:#333; font-family:microsoft yahei,simhei}
.page p.wz{ font-size:12px; line-height:28px; text-indent:25px;font-family:\5b8b\4f53; color:#333; border-bottom:1px dotted #ccc; padding:0 10px 15px 10px}
.page p.wz a{ color:#b40606}
.page ul{ padding:15px 0}
.page ul li{ float:left; width:100%; background:url(images/libg.jpg) no-repeat 30px 10px; text-indent:50px; font-size:12px; line-height:24px; color:#333; *float:none}
.page ul li a:hover{ text-decoration:underline}


.guest ul{ width:990px; margin-right:-10px;}
.guest ul li{ width:237px; height:215px; margin:0 10px 10px 0; float:left;}
.guest ul li img{ width:233px; height:176px; vertical-align:top;border:1px solid #dcdcdc; padding:1px}
.guest ul li p{ width:100%; height:35px; line-height:35px; background:#ececec; font-size:14px; text-align:center}

.new li{ float:left; margin-right:4px; width:242px; height:424px}
.new li img{ float:left}
.new li img.img_t{ width:232px; height:256px; padding:4px; border:1px solid #ccc;}
.new li img.img_b{ width:232px; height:140px; padding:4px; border:1px solid #ccc}

.interaction{ padding-bottom:20px}
.interaction ul{ width:988px;}
.interaction li{ width:237px; height:171px; margin-right:10px; float:left}
.interaction li img{ width:227px; height:161px; padding:4px; border:1px solid #ccc;}
.interaction li p{ text-align:center; line-height:25px; font-family:\5b8b\4f53; color:#333}


.end{ width:100%; padding:20px 0; background:#e6e6e6; margin-top:10px}
.end_con{ width:980px; padding:0 10px; margin:10px auto 0 auto}
.end_con .fl img{ width:220px; height:166px;border:1px solid #fff;}
.end_con .fr h2{ background:url(images/bg002.jpg) repeat-x center center; text-align: center; line-height:50px; font-size:25px}
.end_con .fr h2 em{ background:#e6e6e6; display:inline-block; padding:0 10px; font-style:normal}
.end_con .fr p{ font-size:12px; line-height:24px; text-indent:25px; text-align:left; word-break:break-all}








