@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;background:#cccccc url(../imgs/body-bg.jpg) no-repeat fixed center top; color:#777}
img{ border:none}
h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd{ margin:0; padding:0}
ul,li,ol{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
#page{ width:1004px;margin:0 auto; height:100%; overflow:hidden}
.link01,.link01:hover,.link02,.link02:hover,#highlight,.menu li h1,.page-options h3,.sub-item dd a,.sub-item dd a:hover,.sub-item dt,.quick-nav a,.quick-nav a:hover,.chat-but a,.chat-but a:hover{background: url(../imgs/four-icon.gif) no-repeat}

/*导航*/
.navigation{ width:260px; float:left;}
.nav{ border-top:1px solid #dce1e4;}
.nav ol{ height:29px; line-height:30px; border-bottom:1px solid #dce1e4;}
.link01{ color:#191919; background-position:-475px -244px;padding-left:30px;}
.link01:hover{ background-position:-210px -38px; font-weight:bold;color:#fa5382; text-decoration:none}
#highlight{height:240px; padding-top:8px; line-height:normal; background-position:left -273px; color:#191919; padding-left:30px; position:relative; overflow:hidden}
#highlight strong a{color:#fa5382}
.menu{position:absolute; left:0; top:27px;  width:260px; height:auto;}
.menu li{border-bottom:1px solid #dce1e4; height:auto}
.menu li h1,.link02{ width:220px; font-weight:lighter; height:24px; line-height:24px; font-size:12px; color:#777; padding-left:40px; cursor:pointer;background-position:-200px 8px;}
.link02{background-position:-200px 2px;}
.link02:hover{background-position:-200px -38px; color:#fa5382;}
.sub-box{padding:5px 0 0 30px; height:36px; font-family:宋体;}
.sub-box a{ width:103px; height:18px; line-height:18px; display:block;float:left; overflow:hidden; color:#8897b4}
.sub-box a:hover{ text-decoration:none; color:#fb83a4}

/* 导航文字链 */
.textlink{padding:20px 0 0;}
.textlink h2{font-size:12px; color:#333; padding:0 0 4px; width:200px; margin:0 auto;}
.textlink h2 span.more{float:right; font-weight:normal; color:#666;}
.textlink h2 span.more a{color:#666; text-decoration:none;}
.textlink h2 span.more a:hover{text-decoration:underline; color:#369;}
.textlink ul{width:200px; margin:0 auto;}
.textlink ul li{line-height:180%; padding-left:10px; border-bottom:1px dashed #efefef; font-family:"宋体"; color:#8897B4;}
.textlink ul li a{color:#8897B4; text-decoration:none;}
.textlink ul li a:hover{color:#FA5382;}

/*右侧*/
.content{ width:744px; float:right;}
.banner{ position:relative; height:299px; overflow:hidden;}
/*快速导航*/
.quick-nav{ position:absolute; bottom:25px; right:85px;}
.quick-nav a{width:100px; height:30px; display:block;text-indent:-9999px; background-position:-100px top; }
.quick-nav a:hover{background-position:-100px -30px; }

/*工具条*/
.toolbar{ height:43px; background:#000 url(../imgs/toolbar-bg2.gif) no-repeat; padding-right:30px;}
.onlineservices{ width:282px; height:38px; float:right; position:relative}
.onlineservices li{ float:left;}
#advisory a, #advisory a:hover, #reservations a, #reservations a:hover, #message a, #message a:hover{ width:94px; height:36px; margin-top:2px; display:block; background: url(../imgs/onlineservices-bg.gif) no-repeat; position:relative; text-indent:-9999px;}
#advisory a{ background-position:0 0;}
#advisory a:hover{ background-position:0 -36px;}
#reservations a{ background-position: -94px 0;}
#reservations a:hover{ background-position: -94px -36px;}
#message a{ background-position:-188px 0;}
#message a:hover{ background-position:-188px -36px;}
.search{ width:222px; height:38px; float:right; padding:8px 0 0 0; *padding:5px 0 0; }
.search form{margin-left:25px}
.inp01{ width:152px; height:16px; background:none; border:none; color:#9a9a9a}
.but01{ width:40px; height:24px; background:none; border:none; cursor:pointer;}

/*产品概念*/
.itemshow{ width:674px; height:100%; overflow:hidden; _margin-top:-4px; padding:20px 35px 150px 35px; background:url(../imgs/itemshow-bg.gif) repeat-y left 0}
.concept{ width:430px; float:left;}
.page-options {width:200px; min-height:110px; _height:110px; margin-bottom:20px; text-decoration: none; display: block; background-position:0 -168px; float:left}	
.page-options:hover p{ color:#555; border-bottom:3px solid #fb83a4; border-top:1px solid #fb83a4;}
.page-options:hover,.page-options:focus { color:#555; text-decoration:none}
.page-options h3{ font-size:12px; color:#7b8698; background-position:0 -167px;padding-left:10px;}
.page-options h3 span,.sub-item dt span{ font-size:10px; color:#9a9a9a; padding-left:3px;}
.sub-item dt span.more{font-size:12px; float:right; padding:0; font-size:normal;}
.sub-item dt span.more a{color:#9a9a9a; text-decoration:none;}
.sub-item dt span.more a:hover{color:#369; text-decoration:underline;}
.page-options p{ padding:3px 0; height:85px; overflow:hidden; margin-left:10px; line-height:140%; color:#9a9a9a; border-bottom:3px solid #f7f7f7; border-top:1px solid #f1f1f1; cursor:pointer}
.page-options p img{ float:left; margin-right:5px;}

/*项目详细页*/
.details,.details01{min-height:830px; _height:830px; margin-top:0; background:url(../imgs/itemshow-bg.gif) repeat-y left 0;}
.details01{ width:600px; padding:0 72px;}
.details .top{height:105px; overflow:hidden; background:url(../imgs/content-bn.gif) 43px 19px no-repeat; padding:24px 0 0 48px;}
.details .location{border-top:1px solid #DCE1E4; border-bottom:1px solid #DCE1E4; background:url(../imgs/content-location.gif) left 0 no-repeat; height:29px; line-height:29px; overflow:hidden; padding-left:60px;}
.details .location a{color:#777;}
.details .location a:hover{color:#fa5382;}
.details h1{color:#369; font-size:26px; width:624px; margin:0 auto; padding:20px 0 10px; text-align:center;}
.details p.info{text-align:center; font-size:12px; color:#999999; border-bottom:1px solid #EEF1F2; padding:0 0 10px; margin-bottom:20px;}
.details p{line-height:200%; margin:0 60px 10px; font-size:14px;}
.details p img{margin:6px 10px;}
.details h2{width:624px; margin:30px auto 0; font-size:12px; border-bottom:1px solid #EEF1F2; color:#666; padding:6px 0 4px;}
.details h2 span{font-weight:normal; font-size:10px;}
.details ul.rel{width:624px; margin:0 auto; padding:6px 0 60px;}
.details ul li{width:100%; border-bottom:1px solid #EEF1F2; line-height:200%;}
.details ul li a{color:#369;}
.pic01{border:5px solid #f0f0f0}

/*<!--项目分类-->*/
.sub-item{ width:210px; float:right;}
.sub-item dl{ margin-bottom:30px;}
.sub-item dt{ color:#191919; background-position:0 -216px;}
.sub-item dt strong{ margin-left:10px; border-bottom:1px dashed #ccc; height:18px; display:block}
.sub-item dd{ border-bottom:1px dashed #ccc; margin-left:10px;}
.sub-item dd a{ color:#336699; background-position:1px -83px; height:20px; display:block; height:18px; *height:16px; _height:16px; padding-top:4px; *padding-top:6px; _padding-top:6px; padding-left:13px; overflow:hidden}
.sub-item dd a:hover{background-position:3px -122px;color:#fa5382; text-decoration:none}

/*弹出层*/
.popbox{width:599px; height:auto; padding-left:1px;}
.popbox h3,.popbox h4,.popbox h5,.popbox h2,.popbox h1{ margin:15px 0 10px 0; color:#369}
.a1{text-align:justify;text-justify:inter-ideograph;}


/*快速导航树形菜单*/
.tree {margin-left:-15px;position: relative;}
.tree ul,.tree ul ul{background: url(../imgs/ul.gif) repeat-y -9px 15px;}
.tree ul{ margin: 4px 0px -2px; }
.tree li {padding:4px 0px 4px 20px; margin: 0px; font-weight:bold;}
.tree li a {text-decoration:none;color:#191919;}
.tree ul li {background:url(../imgs/li.gif) no-repeat 0 8px; font-weight:normal; color:#333}
.tree li a {text-decoration:underline;}
.tree li a:hover {text-decoration:none; color:#fa5382;}
.tree ul li a {background-position: 0px 7px; background-repeat: no-repeat;color:#777;}
.category-list-root{float: left;width:150px;list-style-type: none;}

/*在线咨询*/
.chat-but{ width:170px; height:30px; margin:20px auto 20px auto}
.chat-but a{width:100px; height:30px; display:block;text-indent:-9999px; background-position:left top; float:left}
.chat-but a:hover{ background-position:left -30px;}
.chat-but p{padding:17px 0 0 5px; height:13px; float:left}
.popup-txt{ padding:15px;  line-height:160%; text-align:center;}
.popup-txt span{color:#b15f92}

/*网上预约页*/
.details01 h3{ border-bottom:1px solid #aab5c7;padding-top:78px; color:#369; font-size:18px;}
.form-content{ margin-bottom:20px;}
.form-title,.form-input,.form-remarks{ height:33px; *height:32px; border-right:1px solid #aab5c7; border-bottom:1px solid #aab5c7 }
.form-title{ width:80px; background:#c8d2e0; border-left:1px solid #aab5c7; color:#191919;}
.form-input{ width:165px;background:#e3e8f0; padding-left:15px}
.form-input input,.form-input select{color:#fa5382; border:1px solid #7b8698; background:#fff}
.form-input input{ height:15px; padding:3px 0 0 5px;}
.form-remarks{ width:160px; background:#f1f3f7; color:#9a9a9a; padding-left:4px}
.form-remarks img,.form-remarks p{ float:left}
.form-remarks p{ padding-left:5px;}
.but02{ background:url(../imgs/paging.gif) no-repeat -184px 0; width:82px; height:24px; border: none; cursor:pointer}
.but02:hover{ background-position:-184px -24px}
.success-info{ background: url(../imgs/success.jpg) no-repeat 10px 50px; height:auto;}
.success-info h4{ padding:60px 0 5px 140px; color:#fa5382}
.success-info p{ padding:0 0 0 140px; padding-bottom:50px;}
.success-info p span,.success-info p a{ color:#fb83a4}


/*底部版权*/
#footer{ width:1004px; 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:100px;}
.add span{color:#b15f92}
.add a{ color:#9a9a9a; margin-left:30px;}

.sidebar{ width:240px; margin:55px auto 0 auto}
.sidebar .TabbedPanelsTabGroup { height:23px}
.sidebar .TabbedPanelsContentGroup {clear: both; border-top: solid 2px #fb83a4; padding:5px 0; background-color: #fff}
.sidebar .TabbedPanelsTabGroup li{ float:right; margin:0 0 0 2px; padding:3px 0 0 0; width:60px; height:19px;border:1px solid #dadada; border-bottom:none; color:#3e3e3e; text-align:center; font:12px Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; cursor:pointer;}
.sidebar .TabbedPanelsTabGroup li.tabtitle{ color:#3e3e3e; font-weight:bold; padding:4px 0 0 10px; float:left; margin:0 0 0 2px; width:auto; height:auto; border:none; text-align:left; cursor:default;}
.sidebar .TabbedPanelsTabSelected{background:#fb83a4; border:1px solid #fb83a4; border-bottom:none; color:#fff!important;} 
.sidebar .TabbedPanelsContentGroup li{border-bottom:1px dashed #ccc} 
.sidebar .TabbedPanelsContentGroup li a,.sidebar .TabbedPanelsContentGroup li a:hover{ background:url(../images/arrow.gif) no-repeat}
.sidebar .TabbedPanelsContentGroup li a{ color:#369; background-position:1px -27px; display:block; height:20px; *height:18px; _height:18px; padding-top:6px; *padding-top:8px; _padding-top:8px; padding-left:13px; overflow:hidden}
.sidebar .TabbedPanelsContentGroup li a:hover{ background-position:3px -64px; color:#fa5382; text-decoration:none;}