@charset "utf-8";
/* CSS Document */

body{background:#bbd762; margin:0 auto; padding:0; font:normal 12px/18px Arial, "宋体"; color:#555; width:956px;} 
dl,dt,dd,ul,li{ list-style-type:none; margin:0; padding:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
img{border:0;}

/*首页*/
/*顶部容器*/
#afafa{ width:956px; height:557px; background:#e6f0c8;}
#afafa_1{ width:956px; height:83px; margin-bottom:32px;}
#afafa_1 dt{ height:26px; padding:20px 0 0 34px;}
#afafa_1 dt a{width:922px;  color:#90bd26; text-decoration:none;}
#afafa_1 dt a:hover{ width:922px; height:24px; color:#90bd26; text-decoration:underline;}
#afafa_1 dd{width:117px; height:25px; background:url(../images/top.gif); padding:12px 0 0 839px; color:#fff; }
#afafa_1 dd a{color:#fff; }
#afafa_1 dd a:hover{color:#fff; text-decoration:underline }
#afafa_2{ width:956px; height:93px;  margin-bottom:26px;}
#afafa_21{ width:230px; height:93px; float:left; text-align:right; margin-right:110px;}
#afafa_22{ width:550px; height:93px; float:right;overflow:hidden;  display:inline;}
#afafa_22 li{float:left; margin:0 5px 0 5px; margin-top:63px; font-size:13px; display:inline;}
#afafa_22 li a{ margin-right:3px;}
#afafa_3{ width:891px; height:309px;margin-left:33px;}

/*页面层容器*/
#main{width:923px; height:1320px; background:#eef4da; padding:19px 0 0 33px;}
#ad{ width:891px; border-top: 1px dashed #d9e9ae; border-bottom: 1px dashed #d9e9ae;}
#ad dl{ float:left; width:256px; margin:0 61px 15px 0;}
#ad dd a{color:#90bd26; font-size:13px; margin-bottom:14px; margin-top:14px;}
#ad dt img{margin-bottom:14px;}
#ad dt{font:Arial, Helvetica, sans-serif;}

#ad span dl{ float:left; width:256px; margin-right:0;}


#main_1{padding-top:29px; width:891px; clear:both;}
#main_left { width:572px; margin-right:62px; float:left;}
#main_left ul{margin-top:30px; font:Arial, Helvetica, sans-serif;}
#main_left span li{margin:0; padding:0;}
#main_left li{ margin:5px 0 0 0; margin-bottom:20px;}
#main_left li img{ margin: 0 14px 3px 5px;}
#main_left span li img{border-bottom: 1px dashed #d9e9ae; margin:0; padding:0;}
#main_left dl{width:572px; margin-top:21px;}
#main_left dd{width:314px; margin-right:17px; float:left;}
#main_left dt{width:241px; float:left;}
#main_left dd h3 a{margin:0; padding:0; color:#90bd26; font:"宋体"; font-size:11px; margin-top:5px; margin-bottom:10px;}

/*#main_right { width:257px; float:left; background:url(../images/bg.gif) repeat-x; height:671px}
#main_right img{margin:34px 0 46px 102px;}
#main_right li{ margin-bottom:24px;}
#main_right li img{ margin:0 9px 0 6px; padding:0;}
#main_right dt{ margin:0 25px;} */


#main_right { width:257px; float:left; background:#bbd662; height:671px}
#main_right dl dd{ text-align:center;background: url(../images/right_1.gif) repeat-x; height:82px;}
#main_right dl dd img{margin-top:34px;}
#main_right dl dt{margin-top:15px; color:#FFFFFF;}
#main_right dl dt{ margin:10px 0 20px 10px; padding:0 6px 0 6px; color:#FFFFFF;}
#main_right dl dt  a{ color:#ffffff; font-family:Arial; font-size:12px;}
#main_right dl dt img{ margin:0 9px 0 6px; padding:0;}
#main_right span dl{background:#bbd662;}
#main_right span dl dd{width:210px; background:#bbd662;margin:20px 0 0 25px; color:#FFFFFF;}
#main_right span dl dt{width:150px;background:#bbd662; margin:0 0 0 50px;}
#main_right span dl dt select{width:150px;}
#main_right span dl dt input{margin-left:50px;}

/*底部容器*/
#footer{ border-top:1px dashed #d9e9ae; width:891px; height:300px; clear:both;}
#footer p{padding-top:18px; padding-bottom:5px; margin:0;}
#footer p a{color:#658401;}
#footer dt{float:left;}
#footer dd{float:right; padding-top:18px; margin:0;}


/*子页*/
/*顶部*/
#container_1{ width:956px; height:388px; background:#e6f0c8;}
#pic_1{ width:891px; height:148px; margin-left:33px;}


#main_g{ width:924px; background:#eef4da; padding-left:32px;}
#site{height:54px;}
#site dl{height:27px; width:891px;}
#site dl dd{ color:b6b6b6; text-align:right; padding-right:3px; padding-top:8px; padding-bottom:5px; border-bottom:1px dashed #d9e9ae;}
#site dl dd a{color:b6b6b6; text-decoration:none;}
#site dl dt{ margin-top:1px; background:url(../images/line_1.gif) no-repeat;}
#site dl dt img{margin-top:7px;}


#main_g1{  height:600px; background:url(../images/logo_1.jpg) left bottom no-repeat;}

#main_gf{ width:230px; margin:0 11px 0 11px; float:left }
#main_gf ul{ margin-top:26px; width:231px;}
#main_gf ul li{height:28px;; border-bottom: 1px dashed #d9e9ae; margin-top:6px;}
#main_gf ul li a{ padding-left:20px; text-decoration:none;}
#main_gf ul li a:visited{ color:#949494;text-decoration:none;}
#main_gf ul li a:hover{ background:url(../images/dot2.gif) no-repeat; text-decoration:none;}

/*内容
#main_gr{ width:438px; float:left; background:url(images/line_2.jpg) no-repeat;}
#main_gr dl dd{ padding-top:10px; margin-left:20px;height:35px; border-bottom: 1px dashed #d9e9ae;}
#main_gr dl dd h3{padding:0; margin:0;}
#main_gr dl dt{width:558px; padding: 20px 0 0 40px; line-height:30px;}*/

/*加入我们
#main_grj{ width:634px; float:left; margin-top:50px;}
#main_grj ul span li{width:220px; border-right:1px dashed #d9e9ae; float:left; line-height:40px;}
#main_grj ul li { padding-left:20px; background:url(images/dot.gif) no-repeat left center; margin-left:75px;width:220px ;float:left; line-height:40px;}*/

/*会馆介绍
#main_grh{ width:634px; float:left; background:url(images/line_2.jpg) no-repeat;}
#main_grh dl dd{ padding-top:10px; margin-left:20px;height:35px; border-bottom: 1px dashed #d9e9ae;}
#main_grh dl dd h3{padding:0; margin:0;}

#main_grh dl dt{ padding-top:20px; padding-left:40px;float:left; width:270px; height:150px; border-bottom:1px dashed #d9e9ae; line-height:30px;}
#main_grh dl span dt{ padding-left:40px float:left; width:270px; height:150px; border-bottom:1px dashed #d9e9ae; line-height:30px; border-right:1px dashed #d9e9ae;}
#main_grh dl dt p{margin:0; padding:0}
#main_grh dl dt a,a:visited{color:#7d9b1e; font:"宋体"; text-align:right}*/

/*会员权益
#main_grqy{ width:634px; height:550px; float:left; background:url(../images/line_2.jpg) no-repeat;}
#main_grqy dl dd{ width:438px; padding-top:10px; margin-left:20px;height:35px; border-bottom: 1px dashed #d9e9ae;}
#main_grqy dl dd h3{padding:0; margin:0;}

#main_grqy dl dt{ width:159px; height:122px; margin: 33px 10px 0 33px; background: url(../images/xuxian.jpg) no-repeat center 96px ; float:left;}
#main_grqy dl dt img { border:3px solid #bbd762; text-align:center;}
#main_grqy dl dt p{text-align:center; font-size:14px; font:"宋体";}
#page{ clear:both; width:634px; float:right; margin-right:33px; text-align:center;}*/


/*导航*/

/* style the outer div to give it width */
.menu {font-size:13px; width:600px; float:right; display:inline;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:18px; background:transparent;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon width大小由其他元素的长度来自动生成，不需要自己设，否则会冲突，会出现重叠*/
.menu ul li {float:left;height:18px;line-height:18px; display:block;}

/* style the sub-level lists  width大小由其他元素的长度来自动生成 */
.menu ul ul {width:81px;}

/* style the sub level list items width大小由其他元素的长度来自动生成 */
.menu ul ul li {display:block;height:auto; line-height:12px;}

/* style the links for the top level 这里决定了一级导航width大小132px*/
.menu a, .menu a:visited {display:block; float:left; height:18px; width:80px; font-size:12px; text-decoration:none; color:#90bd26; text-align:center; border-left:1px solid #90bd26; }

/* hack IE5.x to get the correct the faulty box model and get the width right */
.menu a, .menu a:visited {width:11em; w\idth:7em;}

/* style the sub level links 这里决定了二级导航width大小为144px*/
.menu ul ul a, .menu ul ul a:visited {background:#bbd762; color:#fff; width:60px; height:auto; line-height:12px; padding:6px 12px; border-bottom:1px solid #fff;}
.menu ul ul a, .menu ul ul a:visited  {width:8em; w\idth:8em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:12px; z-index:1;}

/*半透明*/
.wr	{ filter: alpha(opacity=60);  -moz-opacity:0.6; opacity:0.6;}


/* style the level hovers */
/* first */
.menu a:hover { display:block; height:28px; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {height:28px; position:relative; z-index:100;}
/* second */
.menu ul ul a:hover{ display:inline; height:auto; color:#a0c756; background:#f5f9e9; position:relative; z-index:110;}
.menu ul ul li:hover {display:inline; position:relative; background:#f5f9e9; color:#a0c756;}
.menu ul ul :hover > a {display:inline; height:auto;  color:#a0c756;background:#f5f9e9; position:relative; z-index:110;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px; left:0; width:144px;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 36px 0 36px; background:transparent url(images/trans.gif); left:-36px;}
.btn1{background-image:url(images/tijiao.gif); width:84px; height:21px}
.btn2{background-image:url(images/qingkong.gif);width:84px; height:21px}

.conttt{width:100%;height:473px;width:90%!important;padding-right:30px!important;overflow:hidden;overflow-y:scroll;color:#666;font:normal normal normal 12px/24px Arial, Helvetica, sans-serif;
scrollbar-face-color: #f0f5df;/*滚动条凸出部分的颜色*/
scrollbar-highlight-color:#fafeef;/*滚动条空白部分的颜色*/
scrollbar-shadow-color: #ccc;/*立体滚动条阴影的颜色*/
scrollbar-3dlight-color: #fff;/*滚动条亮边的颜色*/
scrollbar-arrow-color: #95c61b;/*上下按钮上三角箭头的颜色*/
scrollbar-track-color: #fafeef;/*滚动条的背景颜色*/
scrollbar-dark-shadow-color: #95c51a;}/*滚动条强阴影的颜色*/
