@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#fff url(bg.jpg) no-repeat fixed center top; color:#666}
img{ border:none}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{ margin:0; padding:0}
ul,li{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#toolbar{ background:url(toolbar.png) no-repeat; width:100%; height:48px; position:relative; z-index:100}
.logo{ float:left; margin:-2px 0 0 20px}
.nav{ float:right}
.nav li{ float:left; background:url(line.gif) no-repeat top left}
.nav li a{ width:85px; text-align:center; height:37px; display:block; line-height:37px; font-family:Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; color:#9a9a9a}
.nav li a:hover{ color:#fb83a4}
/*.toolbar-left{ position:absolute; left:20px; width:505px; background:url(line.gif) no-repeat top right}
.logo{ position:absolute; top:-2px}
.piclink{ margin-left:205px}
.piclink li,.toolbar-right li{ float:left; background:url(line.gif) no-repeat top left}
.piclink li a,.toolbar-right li a{ height:37px; display:block; line-height:37px; font-family:Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; color:#9a9a9a}
.piclink li a:hover,.toolbar-right li a:hover{ color:#fb83a4}
.anli{ background:url(case.png) no-repeat 10px 7px; width:55px; padding-left:45px}
.panorama{ background:url(environment.png) no-repeat 10px 7px; width:55px; padding-left:45px}
.qq{ background:url(qq.png) no-repeat 17px 10px; width:60px; padding-left:40px}
.toolbar-right{ position:absolute; right:20px; width:352px}
.toolbar-right li a{ width:85px; text-align:center;}
.tel{float:left;background:url(line.gif) no-repeat left top; padding-left:2px}*/

#banner{ width:958px; margin:-9px auto 0 auto}
.menu01{ background:url(menubg01.gif) repeat-x; width:958px; height:45px; margin:0 auto}
.menu01 ul{ height:38px; line-height:38px; border-left:1px solid #ef4482; border-right:1px solid #ef4482}
.menu01 li{ float:left; border-right:1px solid #f54c89}
.menu01 li a{ color:#fff; padding:0 10px; font-weight:bold}
.menu02{ width:958px; height:38px; background: url(menubg.gif) repeat-x; margin:30px auto}
.menu02 ul{ height:38px; line-height:38px; border-left:1px solid #cdcdcd}
.menu02 li{ float:left;  border-right:1px solid #cdcdcd}
.menu02 li a{ color:#444; padding:0 10px; display:block; font-weight:bold}
.menu02 li a:hover,#highlight{ background:url(menubg01.gif) repeat-x; color:#fff; text-decoration:none}
.menu02 li.search{ float:right; padding-right:10px; border-right:0; padding-top:10px; *padding-top:0px; _padding-top:10px}
.menu02 li.search input{ background:url(search_bg.gif) no-repeat}
.menu02 li.search input.textbox{ width:155px; height:16px; border:none; padding-left:7px; padding-top:4px; color:#9a9a9a}
.menu02 li.search input.butbox{ width:38px; height:20px; background-position:-162px 0; cursor:pointer; border:none}
.menu02 li.top{ float:right; border-right:0}
.menu02 li.top a{ width:28px; height:38px; background:url(top.gif) no-repeat; text-indent:-9999px;}
.menu02 li.top a:hover{ background:url(top.gif) no-repeat 0 -39px}


#video_guide{ width:910px; height:396px; margin:0 auto; padding:2px; overflow:hidden; background:#21140b}
.video{ width:340px; height:396px; float:left; background:#fff}
.video_box{ height:276px}
.video_list{ padding:9px; height:99px; border-top:1px solid #21140b}
.video_list li{ position:relative; float:left}
.video_list li p a{ color:#369}
.video_list li a span{ display:none; position:absolute}
.video_list li a:hover{ background:#fff}
.video_list li a:hover span{ position:absolute; left:6px; top:6px; color:#777; width:91px; height:55px; line-height:140%; border:2px solid #fb83a4; padding-top:5px;  background:#fff; filter:alpha(opacity=75);opacity:0.75;display:block;text-decoration: none;cursor:pointer; margin:0px; color:#000; text-align:center}
.video_list li a:hover span strong{ color:#000}
.video_list p{ color:#9a9a9a;_margin-top:-5px}
.video_list p a{ padding:0 8px; color:#369}

.guide1{ width:569px; height:396px; float:right; background:#fff}
.guide_box{ height:251px; background:url(guide_box_bg.jpg) no-repeat; padding:25px 0 0 20px}
.guide_box h3{ color:#444; padding:100px 10px 0 0; text-align:right}
.guide_box h3 a{ color:#fff; text-decoration:underline}
.guide_box p{ width:210px; line-height:180%; font-size:14px; margin-top:5px}
.guide_picandtxt{ height:99px; padding:10px; border-top:1px solid #21140b}
.guide_picandtxt img{ float:left}
.guide_picandtxt dt,.guide_picandtxt dd a{ background:url(arrow.gif) no-repeat}
.guide_picandtxt dl{float:right; width:190px; height:99px}
.guide_picandtxt dt{ color:#191919; background-position:0 2px; border-bottom:1px dotted #ccc}
.guide_picandtxt dt span{ font-size:10px; color:#9a9a9a; }
.guide_picandtxt dt strong{ margin-left:10px; height:18px; display:block}
.guide_picandtxt dd{margin-left:10px; border-bottom:1px dotted #ccc}
.guide_picandtxt dd a{ color:#336699; background-position:0 -30px; height:20px; display:block; height:18px; *height:16px; _height:16px; padding-top:4px; *padding-top:6px; _padding-top:6px; padding-left:13px; overflow:hidden}
.guide_picandtxt dd a:hover{background-position:2px -67px;color:#fa5382; text-decoration:none}

.sqsj,.xxsg,.pane2{ width:910px; height:auto; margin:0 auto}
.sqsj p,.xxsg p{text-indent:25px; line-height:160%}
.sqsj p{ width:520px; float:right}
.xxsg p{ margin-top:20px; text-align:center; font-size:14px}
.pane2{ position:relative}
.pane2 a{ color:#369}
.pane2 h1{ font-size:24px; color:#555; line-height:160%; margin-bottom:10px}
.pane2 h3{ font-size:14px; color:#fa5382; margin-bottom:5px}
.pane2 p{ line-height:160%}
.pane2 h4{background: url(digital.png) no-repeat 10px 2px; padding-left:30px; font-size:12px; color:#369}
.box1{width:370px}
.box2{ width:560px}
.box2 ul{ height:300px}
.box2 ul li{ float:left}
.box2 ul li p{ width:160px; padding:0 10px}
.box3{ width:310px;}
.box3 p{ padding:10px; color:#555}
.box1 img,.box3{ position:absolute; top:0; right:0}
.box4{width:500px}
.pane2 label{ font-size:14px; font-weight:bold; padding-left:5px}
.butzx{ width:200px; height:40px; line-height:40px; display:block; text-align:center; font-size:14px; font-weight:bold;text-decoration:none; background:#fa5382; border:2px solid #ef427f; margin-top:20px}

/*热线电话*/
#services{ width:960px; height:170px; background:#eee url(services-bg.gif) no-repeat; margin:0 auto;}
.hotline{ width:250px; height:60px; padding:110px 0 0 25px; float:left;}
.hotline a{ width:100px; height:30px; display:block; margin-right:10px; float:left; text-indent:-9999px;}
.advisory,.advisory:hover,.reservations,.reservations:hover,.scrollMeLeft a,.scrollMeLeft a:hover,.scrollMeRight a,.scrollMeRight a:hover{background: url(all-icon.gif) no-repeat;}
.advisory{ background-position:left top}
.advisory:hover{background-position:left -30px}
.reservations{ background-position:-110px top}
.reservations:hover{ background-position:-110px -30px;}

/*专家、环境、设备*/
.guide{ width:625px; height:135px; float:left; padding-top:20px; margin-left:30px; position:relative}
.navigation{width:250px; padding-left:5px}
.navigation li{ float:left; padding-right:16px;}
.navigation li a{ color:#777}
.navigation a:hover, .navigation a.selected {color:#fa5382; text-decoration:none}
.navigation a:hover span, .navigation a.selected span {color:#fa5382;}
.scroll{ width:625px; height:120px; overflow:auto; position:relative; clear:left} 
.panel{ width:625px; height:103px; padding:7px 0;overflow:hidden;}
.panel ul{clear:left}
.panel ul li{ float:left}
.panel ul li a{ color:#373737}
.panel ul li a:hover{ color:#fa5382; text-decoration:underline}
.panel ul li p{ text-align:center}
.buttons-box{ width:60px; height:24px; position:absolute; top:12px; right:8px;}
.scrollButtons{float:left; cursor:pointer;}
.scrollButtons a{width:30px; height:24px; display:block}
.scrollButtons span{ display:none}
.scrollMeLeft a{ background-position:-240px 0;}
.scrollMeLeft a:hover{background-position:-240px -24px;}
.scrollMeRight a{background-position:-270px 0;}
.scrollMeRight a:hover{background-position:-270px -24px;}

#footer{ width:958px; height:19px; line-height:20px; margin:0 auto; border-top:1px solid #c8c8c8;}
.reserved{float:left; padding-left:10px;}
.reserved span{ font-size:10px; padding-right:10px;}
.reserved a{ padding:0 10px; color:#b15f92}
.add{float:right; padding-right:10px;}
.add span{color:#b15f92}
.add a{ color:#9a9a9a; margin-left:30px;}


/*#footer{width:960px; margin:0 auto; padding:0 12px 30px 0}
#footer p{ font-size:10px; font-weight:bold; color:#a2797d; text-align:right}
#footer p a{ color:#fa5382; font-size:12px; font-weight:lighter; padding-left:15px;}*/