@charset "utf-8";
/* CSS Document */
 

body,h1,h2,h3,span{
	border:0;
	padding:0;
	margin:0;
}

body{
	background-color:#5E504D;
	font-family:"微软雅黑","华康丽黑";
}

h1{
	color:#FFF;
	font-size:25px;
	font-weight:bold;
}

h2{
	color:#FFF;
	font-size:19px;
	font-weight:bold;
}

h3{
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}

h4{
	font-size:12px;
	line-height:18px;
	font-weight:normal;
}

span{
	font-size:12px;
	line-height:14px;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
 
a:active {
	text-decoration: none;
}

a{
    outline:none;                                /*移除超链的虚线框  IE8,FF有用*/
    hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/
}


/*@main border
*/

img{ border:none;}

.border{
	margin:20px auto;
	width:880px;
	height:815px;
	overflow:hidden;
	position:relative;
}

.border .top{
	position:absolute;
	left:0;
	top:0;
	background:url(../images/shadow_top.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow_top.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
	width:880px;
	height:20px;
}

.border .right{
	position:absolute;
	left:850px;
	top:20px;
	background:url(../images/shadow_right.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow_right.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
	width:30px;
	height:775px;
}

.border .bottom{
	position:absolute;
	left:0;
	top:795px;
	background:url(../images/shadow_bottom.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow_bottom.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
	width:880px;
	height:20px;
}

.border .left{
	position:absolute;
	left:0;
	top:20px;
	background:url(../images/shadow_left.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow_left.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
	width:30px;
	height:775px;
}

.border .dBorder{
	position:absolute;
	top:20px;
	left:30px;
	width:820px;
	height:775px;
	overflow:hidden;
}

/*@logo bar
*/

.logoBAR{
	width:820px;
	height:105px;
	overflow:hidden;
	background:#706C64 url(../images/title.png) no-repeat 110px 45px;
	clear:both;
}

.logoBAR .LOGO{
	background:url(../images/LOGO.png) no-repeat;
	width:105px;
	height:105px;
	float:left;
	cursor:pointer;
}

.logoBAR .contactus{
	float:right;
	margin-top:85px;
	margin-right:15px;
	font-size:12px;
	color:#FFF;
}

.logoBAR .contactus a{
	color:#FFF;
	cursor:pointer;
}

/*@copyright bar
*/

.copyrightBAR{
	background-color:#C3B682;
	width:100%;
	height:40px;
	clear:both;
}

.copyrightBAR .bottomMenu{
	color:#796B5C;
	width:820px;
	margin:0 auto;
	padding-top:15px;
}

.copyrightBAR .bottomMenu span{
	float:right;
}

.copyrightBAR .bottomMenu ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

.copyrightBAR .bottomMenu ul li{
	text-align:center;
	float:left;
	width:58px;
	margin-left:8px;
	margin-left:8px !important;
	border-left:1px solid #796B5C;
	cursor:pointer;
}

/*@main propaganda
*/

#propaganda{
	clear:both;
	width:820px;
	height:350px;
	overflow:hidden;
	position:relative;
}

#pgdImg{
	/*position:relative;*/
}

#arrow1{position:absolute; left:20px; top:180px; cursor:pointer; z-index:99;}
#arrow2{position:absolute; right:20px; top:180px;cursor:pointer; z-index:99;}

#pgdImgBar{
	width:150px;
	height:65px;
	top:285px; 
	left:650px; 
	position:absolute;
	 z-index:99;
}

#ads{ cursor:pointer;}


.opacityBG{
	z-index:2;
	left:0;
	width:820px;
	height:65px;
	background-color:#000;
	position:absolute;
	filter:alpha(opacity=60); /*IE*/
    -moz-opacity:0.6;         /*火狐*/
    opacity:0.6; 
	top:285px;              /*opera (CSS3标准)*/
}

 
#pagerBar .activeSlide{	background-color:#FFF; color:#A9A9A9; border-color:#A9A9A9;}
.NOTactiveSlide{
	float:left;
	margin:3px;
	color:#FFFFFF;
	text-align:center;
	line-height:17px;
	cursor:pointer;
	list-style:none;
	width:17px;
	height:17px;
	border:1px solid #FFFFFF;
	font-size:12px;
}

#pagerBar a:hover{ color:#A9A9A9;}
#pagerBar a:{ color:#FFF; }


#pagerBar{
	 
 position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}

.adsFont{ position:absolute;top:290px;left:20px;z-index:2;color:#FFF;min-width:600px;}
.adsFont .bTitle{font-size:36px;float:left;zoom: 1;line-height:36px;margin-top:12px;}
.adsFont .moreInfo{font-size:12px;line-height:12px;margin-left:10px;z-index:2;color:#FFF;float:left;margin-top:36px;}

#pgdImgBar .sel{

}


 
/*@main navigation bar
*/

.navBorder{
	overflow:hidden;
}

.navDetails{
	height:0;
	display:block;
	overflow:hidden;
}

.navDetails ul{
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center;
	height:35px;
	line-height:35px;
	font-weight:bold;
}

.navDetails ul li{
	cursor:pointer;
	width:135px;
	height:35px;
	display:block;
	float:left;
	overflow:hidden;
}

.navDetails ul li a{
	width:135px;
	height:35px;
	font-size:16px;
}

#sub_shadow{
	width:135px;
	position:absolute;
	display:none;
	top:1px;
	left:1px;
	z-index:9;
}

#details_1{
	background:url(../images/bg_story.png) no-repeat 0 35px;
}

#details_1 ul{
	color:#6C5D55;
	background:url(../images/navd_story.png) no-repeat;
	padding-left:0px;
}

#details_1 ul li{
	width:117px;
}

#details_1 a{
	color:#6C5D55;
}

#details_2{
	background:url(../images/bg_health.png) no-repeat 0 35px;
}

#details_2 ul{
	color:#FFFFFF;
	background:url(../images/navd_health.png) no-repeat;
	padding-left:135px;
}

#details_2 a{
	color:#FFFFFF;
}

#details_3{
	background:url(../images/bg_bone.png) no-repeat 0 35px;
}

#details_3 ul{
	color:#C3B682;
	background:url(../images/navd_bone.png) no-repeat;
	padding-left:67px;
}

#details_3 a{
	color:#C3B682;
}

#details_4{
	background:url(../images/bg_tea.png) no-repeat 0 35px;
}

#details_4 ul{
	color:#C3B682;
	background:url(../images/navd_tea.png) no-repeat;
	padding-left:135px;
}

#details_4 a{
	color:#C3B682;
}

.navItem{
	height:80px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
}

.navItem .shadow{
	background-image:url(../images/bg_shadow.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_shadow.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
	width:820px;
	height:23px;
	position:absolute;
}

.navItem .navTitle{
	position:absolute;
	width:180px;
	height:80px;
	background-repeat:no-repeat;
	background-position:bottom;
}

.navItem .navMore{
	font-size:10px;
	position:absolute;
	left:740px;
	top:50px;
}

#nav_1{
	background-image:url(../images/nav_1.png);
	color:#6C5D55;
}

#nav_1 .navTitle{
	background-image:url(../images/nav_f_story.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_f_story.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
}

#nav_2{
	background-image:url(../images/nav_2.png);
	color:#FFFFFF;
}

#nav_2 .navTitle{
	background-image:url(../images/nav_f_health.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_f_health.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
}

#nav_3{
	background-image:url(../images/nav_3.png);
	color:#C3B682;
}

#nav_3 .navTitle{
	background-image:url(../images/nav_f_bone.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_f_bone.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
}

#nav_4{
	background-image:url(../images/nav_4.png);
	color:#C3B682;
}

#nav_4 .navTitle{
	background-image:url(../images/nav_f_tea.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_f_tea.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
}

/*@main show out view
*/
	
#alertView{
	width:715px;
	height:480px;
	top:100px;
	left:50%;
	margin-left:-357px;
	position:fixed;
	display:none;
	z-index:999;
}

#alertView .alertBG{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#000;
	filter:alpha(opacity=70); /*IE*/
    -moz-opacity:0.7;         /*火狐*/
    opacity:0.7;
}

#alertView .alertBG .alertClose{
	background:url(../images/close.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/close.png',sizingMethod='crop'); /* IE6 */ 
	_background-image: none; /* IE6 */
	width:26px;
	height:27px;
	top:15px;
	right:22px;
	position:absolute;
	cursor:pointer;
}

#alertView .alertBody{
	width:660px;
	height:380px;
	margin:40px 25px;
	position:absolute;
	display:none;
	color:#FFF;
}

#alert_1 .telBorder{
	margin-top:40px;
	width:220px;
	overflow:visible;
	font-size:14px;
}

#alert_1 .telBorder ._head{
	margin-top:20px;
	margin-bottom:5px;
}

#alert_1 .img{
	background:url(../images/alert/a_1_1.png) no-repeat;
	position:absolute;
	left:240px;
	top:0;
	width:423px;
	height:339px;
}

#alert_2 .state{width:660px;height:315px;margin-top:30px;font-size:12px;}
#alert_3 .rule{ width:660px;height:315px;/*overflow:auto;*/margin-top:30px;}

#alert_4 .mapBlock{
	float:left;
	margin-right:5px;
	margin-top:50px;
	width:160px;
	height:330px;
}

#alert_4 .mapBlock .mapImg{
	height:90px;
	width:160px;
}

#alert_4 .mapBlock .mapName{
	width:150px;
	height:30px;
	padding-left:10px;
	line-height:30px;
	vertical-align:middle;
}

#alert_4 .mapBlock ul{
	padding:0;
	list-style:none;
	margin-left:13px;
	margin-top:10px;
	line-height:15px;
}

#alert_4 .mapBlock ul li{
	display:block;
	padding:0;
	margin:0;
}

#alert_4 .mapBlock ul li a{
	font-size:12px;
	color:#5C5350;
}

#alert_4 .mapBlock ul li a:hover{
	color:#000;
}


.detailsText2{ width:650px;}
.scrollbar5 { width:660px; height:300px; position:relative; float:left;  margin-top:10px; }
.scrollbar5 .viewport {width:660px; height:300px;   overflow: hidden; position: absolute;   }
.scrollbar5 .overview { list-style: none; position: absolute; left: 0; top: 0px;}
.scrollbar5 .thumb .end,
.scrollbar5 .thumb { background:url(../images/white-thumb.png) no-repeat top center; z-index: 99;}
.scrollbar5 .scrollbar { position: relative; float: right; width: 10px; }
.scrollbar5 .track { height: 100%; width:10px; position: relative; padding: 0px; background:url(../images/white-track.png) top center; z-index: 9; left:10px; }
.scrollbar5 .thumb { height: 10px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollbar5 .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollbar5 .disable{ display: none; }