@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;font-style: normal;line-height: normal;font-variant: normal;}
img{ border:none}
h1,h2,h3,h4,h5,h6{ font-family:Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif}
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;}
#header,#toolbar{width:1004px; margin:0 auto}
.link01,.link01:hover,#highlight,.chat-but a,.chat-but a:hover,.banner li a,.banner li a:hover,.panel-left dd a,.panel-left dd a:hover,.returntop a,.returntop a:hover,.panel .more,.panel .more:hover{ background: url(../imgs/four-icon.gif) no-repeat}

/*头部导航*/
#header{height:413px; position:relative; overflow:hidden;}
.nav-box{ width:208px; height:390px; padding:10px;position:absolute; top:0; left:30px;}
.nav{ border-top:1px solid #dce1e4;}
.nav li{ height:29px; line-height:30px; border-bottom:1px solid #dce1e4;}
.link01{ color:#777; background-position:-210px 2px;padding-left:30px;}
.link01:hover{ background-position:-210px -38px; font-weight:bold;color:#fa5382; text-decoration:none}
#highlight{ height:210px; background-position:left -273px; color:#191919; padding-left:30px; position:relative;color:#fa5382}
.menu{ position:absolute; left:18px; top:32px; width:170px;}
.menu li{ width:85px; height:20px; line-height:20px; float:left; border:0; overflow:hidden}
.menu li a{ color:#777}
.menu li a:hover{color:#fa5382;}
.menu li span{ color:#c1c1c1; font-family:宋体}

/*工具条*/
#toolbar{height:38px; background:url(../imgs/toolbar-bg.gif) no-repeat;}
.news-box{float:left; height:38px; line-height:38px; width:438px; display:block;  color:#fff; padding-left:62px;}
.news-box a{color:#FFF; text-decoration:none;}
.news-box a:hover{text-decoration:underline;}
#shangfan{font-family: 新宋体, 宋体, 仿宋_GB2312;font-size: 12px; line-height:38px; height:38px; width:400px; overflow:hidden;}
#shangfan ul{margin: 0px 10px;padding: 0px;list-style-type: none;}
#shangfan ul li{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin:0;padding: 0px;}
.onlineservices{ width:282px; height:38px; float:left; 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:1px; 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;}
.popup,.popup2{ position:absolute; background:#a4afc3; padding:10px; margin:-194px 0 0 -100px; display:none; width:444px;height:274px;}
.popup-content,.popup-content2{ padding:9px; border:1px solid #99a6bd; background:#fff; width:424px; height:254px;}
.popup-content h3,.popup-content2 h3{ color:#336699; font-size:18px; border-bottom:1px dotted #aab5c7; padding-left:5px}
.popup-content2 h3{border-bottom:1px solid #aab5c7;}
.chat-but{ width:160px; 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{color:#9a9a9a;padding:17px 0 0 5px; height:13px; width:55px; float:left}
.qq{ margin:0 10px; height:75px;}
.qq li{ width:90px; text-align:center; margin:12px 10px 0 0}
.qq li a{ color:#777}
.popup-txt{ padding:15px; padding-bottom:0px; border-top:1px dotted #aab5c7; line-height:160%; color:#9a9a9a}
.popup-txt span{color:#b15f92}
.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}
.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}
.search{ width:220px; height:38px; float:left;}
.search form{padding:8px 0 0 0; *padding:5px 0 0 0; _padding:5px 0 0 0; margin-left:20px}
.inp01{ width:152px; height:16px; background:none; border:none; color:#9a9a9a}
.but01{ width:40px; height:24px; background:none; border:none; cursor:pointer;}

/*项目内容简介*/
.content{ width:940px; margin:0 auto}
/*中心banner*/
.banner,.navigation,.returntop{background:url(../imgs/sink-banner-bg01.jpg) no-repeat;}
.banner{ width:940px; height:116px; background-position: left top; }
.banner ul{ float:right; width:193px;}
.banner li a{ width:143px; height:23px; padding-top:15px; display:block; padding-left:50px; font-size:14px; font-weight:bold; color:#999;}
.banner li a:hover{ color:#494949}
#highlight02{ background-position:-436px -20px; color:#494949}
#safe{ background-position:-397px -57px;}
#safe:hover{ background-position:-360px -93px;}
#experts{ background-position:-318px -130px;}
#experts:hover{ background-position:-281px -166px;}
.banner li a span{ font-size:10px; padding:5px; color:#a5a5a5}

/*项目选项卡*/
.item{ width:938px; height:auto; border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;}
.navigation{width:908px; height:37px; padding-left:30px; background-position:-2px -116px}
.navigation li{ float:left; padding:0 2px 0 0;}
.navigation li a{ color:#444; float:left; height:37px; line-height:37px; display:block; font-weight:bold}
.navigation a:hover, .navigation a.selected { background:fff; text-decoration:none}
.navigation a span{ padding:0 15px; height:37px; display:block;float:left}
.navigation a:hover span, .navigation a.selected span {color:#fa5382; background:#fff; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; cursor:pointer; padding:0 15px; }
.scroll{ width:938px; height:auto; margin:0 auto; overflow:auto; position:relative; clear:left} 
.panel{ width:838px; padding:25px 50px 0 50px; background:url(../imgs/case-bg.jpg) no-repeat scroll left bottom; height:auto; overflow:hidden;}
.panel h1{ color:#494949; font-size:24px; margin-bottom:10px;}
.panel .more{ color:#369; width:125px; height:30px; display:block; text-indent:-9999px; margin-top:10px; background-position:-375px -300px}
.panel .more:hover{background-position:-375px -330px}
.panel-left{ float:left; width:240px;}
.panel-left p{ color:#777; line-height:160%; text-indent:2em;}
.panel-left dl{ width:160px; margin-top:20px;}
.panel-left dt{ height:22px; line-height:22px;color:#191919;border-bottom:1px dashed #ccc; }
.panel-left dd{ border-bottom:1px dashed #ccc}
.panel-left dd a{ color:#336699; background-position:1px -83px; width:147px; height:20px; display:block; height:18px; *height:16px; _height:16px; padding-top:4px; *padding-top:6px; _padding-top:6px; padding-left:13px; overflow:hidden}
.panel-left dd a:hover{background-position:3px -122px;color:#fa5382; text-decoration:none}
.panel-right{ float:right; width:550px; height:auto}
.photo-txt{ height:235px; margin-bottom:20px;}
.panel-right img{ float:left; margin-right:10px;}
.panel-right p{ float:right; width:200px; height:auto; padding-top:12px; line-height:150%; color:#9a9a9a}
.case{ width:838px; height:88px; padding-top:10px;}
.case ul{ margin-left:120px;}
.case li{ float:left; margin-right:12px;}

/*返回顶部*/
.returntop{ width:940px; height:41px; background-position: left -153px; margin-bottom:30px;}
.returntop a{ width:53px; height:35px; display:block; float:right; background-position:-216px -131px; text-indent:-9999px;}
.returntop a:hover{ background-position:-216px -174px; }

/*底部版权*/
#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;}