@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;background:#cccccc url(/images/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(/images/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:#1088ff; text-decoration:none}
#highlight{height:240px; padding-top:8px; line-height:normal; background-position:left -273px; color:#191919; padding-left:30px; position:relative}
#highlight strong a{color:#00A8EC}
.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:#1088ff;}
.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:#1088ff}

/* 导航文字链 */
.textlink{padding:20px 0 0;}
.textlink h2{font-size:12px; color:#333; padding:0 0 4px; width:200px; margin:0 auto;}
.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:#1088ff;}

/*右侧*/
.content{ width:744px; float:right;}
.content p{overflow:hidden; margin:15px; line-height:200%; color:#605E5E;}
.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(/images/toolbar-bg2.gif) no-repeat; padding-right:30px;}
.onlineservices{ width:405px; 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,#tel a,#tel a:hover{ width:94px; height:36px; margin-top:2px; display:block; background: url(/images/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;}
#tel a{background-position:-282px 0;width:123px;}
#tel a:hover{background-position:-282px -36px;width:123px;}
.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:#605E5E}
.but01{ width:40px; height:24px; background:none; border:none; cursor:pointer;}

/*产品概念*/
.itemshow{ width:674px; height:100%; overflow:hidden; _margin-top:-4px; padding:10px 35px 0px 35px; background:url(/images/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 #00C6F4; border-top:1px solid #00C6F4;}
.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:#605E5E; padding-left:3px;}	
.page-options p{ padding:3px 0; height:85px; overflow:hidden; margin-left:10px; line-height:140%; color:#605E5E; 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(/images/itemshow-bg.gif) repeat-y left 0;}
.details01{ width:600px; padding:0 72px;}
.details .top{height:105px; overflow:hidden; background:url(/images/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(/images/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:#1088ff;}
.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:#1088ff; 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(/images/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(/images/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:#1088ff;}
.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:#1088ff; border:1px solid #7b8698; background:#fff}
.form-input input{ height:15px; padding:3px 0 0 5px;}
.form-remarks{ width:160px; background:#f1f3f7; color:#605E5E; padding-left:4px}
.form-remarks img,.form-remarks p{ float:left}
.form-remarks p{ padding-left:5px;}
.but02{ background:url(/images/paging.gif) no-repeat -184px 0; width:82px; height:24px; border: none; cursor:pointer}
.but02:hover{ background-position:-184px -24px}
.success-info{ background: url(/images/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:#605E5E; margin-left:30px;}

.sidebar{ width:240px; margin:55px auto 0 auto}
.sidebar .TabbedPanelsTabGroup { height:23px}
.sidebar .TabbedPanelsContentGroup {clear: both; border-top: solid 2px #1695ef; 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:#1695ef; border:1px solid #1695ef; 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:#1088ff; text-decoration:none;}

#block_marquee{margin:0 auto; background:url(/image/marquee.jpg) no-repeat; width:1004px;list-style-type:none; border-top:1px dotted #8c8c8c;  display:block;}
#block_marquee #T{font-size:16px; font-weight:bold; color:#766540;padding:8px 0 7px 38px;}
.scroll_three { height:auto;}
.scroll_three li{padding:2px 0 2px 40px;}