@charset "gb2312";
/* CSS Document */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
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;font-family:Microsoft YaHei}
ol,ul,li {list-style:none;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.clear{ clear:both;}
img{ border:none; font-size:0;}
h1{ font-size:0}

.top1{ height:100px; width:100%; background:url(images/top1.jpg) center top no-repeat;}
.top2{ height:100px; width:100%; background:url(images/top2.jpg) center top no-repeat;}
.top3{ height:100px; width:100%; background:url(images/top3.jpg) center top no-repeat;}
.top4{ height:94px; width:100%; background:url(images/top4.jpg) center top no-repeat;}
.content{width:1000px; margin:25px auto 0px auto}
.title_b { text-align:center; border-top:2px solid #333333}
.title_b strong{ background:url(images/title_bg.jpg) no-repeat; width:409px; height:49px; display:inline-block;margin-top: -12px; }
.part1 .title{ background:url(images/title.gif) no-repeat;width:136px; height:49px; display:inline-block; margin-top:10px;}
.slider {clear: both;width: 337px;height: 274px;position: relative; float:left; margin-left:10px}
#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:0px; width:90px; right:5px;overflow:hidden;}
#simg ul { margin-right:-2px; width:214px; list-style-type:none; padding:0; margin:0}
#simg li{ filter:alpha(opacity=90); background:#fff; width: 25px; color: #333; line-height: 20px; font-family: arial; padding:0px; cursor: pointer; float:left; margin:0px; text-align:center; margin-right:1px; font-weight:bold}
#simg .s{ background:#FF8F00; color:#fff;border-right:none;}
#simg .s img{ filter:#ff952b;}
#bimg{ border:solid 1px #ccc; padding:4px; width:327px; height:275px; filter: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );}
#bimg img{ width:327px; height:275px;}
#infos{ width:327px; margin:0px; left:2px; top:2px;}
.dis{ display:block;}
.undis{ display:none; line-height:0; height:0;}
.page{ width:410px; height:272px; margin-left:12px}
.page h2{ font:700 normal 18px/26px "microsoft yahei",simhei; text-align:center; border-bottom:1px dashed #ccc; padding:15px 0 10px 0 }
.page p{ font-size:12px; line-height:23px; text-indent:25px;font-family:\5b8b\4f53; color:#333}
.page p a{ color:#0059a5;}
.page p a:hover{ color:#cd8320}
.page h3{ font-size:16px; line-height:35px; border-top:1px dashed #ccc; margin-top:5px;}
.page ul li{ line-height:24px; font-size:12px; color:#666; background:url(images/dot.jpg) no-repeat 10px; padding-left:20px;}
.active{ width:208px; height:283px; border:1px solid #ccc; background:#f9f9f9; margin-right:10px; overflow:hidden}
.active .title{ background:#333333; font-size:14px; color:#fff; padding:0; width:100%; margin:0; height:30px; padding-left:15px; line-height:30px;}
.active p{ line-height:24px; margin:7px 8px 0 8px;font-family:\5b8b\4f53; color:#333; font-size:12px; }

.part1,.part3,.part5,.part4,.part_n{ display:inline-block; width:100%; padding-bottom:50px;}
.part2{ height:640px;}
.part2 .change_b ul{ display:inline-block; margin:5px auto}
.part2 .change_b ul li{ float:left;width:250px; text-align:center; background:#cfcfcf; line-height:35px; font-size:20px; cursor:pointer }
.part2 .change_c{ margin:5px  auto 0px auto}
.part2 .title{background:url(images/title.gif) no-repeat left -80px;width:136px; height:49px; display:inline-block; margin-top:10px;}
.part2 .change_c ul{ position:relative}
.part2 .change_c ul li{width:100%; text-align:center; position:absolute; left:0px; top:0px;}
.part2 .change_b ul li:hover,.part2 .change_b ul li.on{ background:#ff4e08; color:#fff; font-weight:bold}

.part3 .title{background:url(images/title.gif) no-repeat left -158px;width:220px; height:49px; display:inline-block; margin-top:10px;}
.part3 ul li{ display: inline; width:auto; margin-right:5px;float:left; line-height:0; margin-bottom:5px; font-size:0 }
.part3 .part3_c{ margin:7px }

.part4 .title{background:url(images/title.gif) no-repeat -610px 0px;width:136px; height:49px; display:inline-block; margin-top:10px;}

.scene{ width:980px; padding:0 10px;}
.scene li{ width:304px; height:219px; padding:8px; border:1px solid #ccc; margin:0 7px 7px 0; float:left}
.pic1a{width:294px; height:412px; padding:4px; border:1px solid #ccc; }
.pic1a p{ background:#fff; height:25px; line-height:25px; text-align:center;font-size:12px;}
.pic2a{width:240px; height:420px; }
.pic2a img{ float:left; padding:4px; border:1px solid #ccc; margin-bottom:8px}
.page3{ width:416px; height:420px; border:1px solid #ddd; background:#f7f7f7; margin-right:8px}
.page3 p.bt{font-family:microsoft yahei; line-height:35px; font-weight:bold; margin-top:10px; margin-bottom:5px; margin-left:20px; text-align:center; color:#0059a5; font-size:15px}
.page3 p.wz{ text-indent:25px; line-height:25px; margin:5px 20px 0 20px; font-size:12px}
.page3 p a{ color:#0059a5}
.page3 p a:hover{ color:#cd8320}


.part5 .title{background:url(images/title.gif) no-repeat -610px -80px;width:136px; height:49px; display:inline-block; margin-top:10px;}

.part5 .ten,.part_n .ten{ width:980px; padding:0 10px}
.part5 .ten ul li,.part_n .ten ul li{ width:227px; height:161px; padding:4px; border:1px solid #ccc; margin-right:10px; float:left; margin-bottom:10px}

.part_n .title{background:url(images/title.gif) no-repeat -610px -158px;width:136px; height:49px; display:inline-block; margin-top:10px;}
