/* 
Name:上海市金山区健康安全环境学会
Time:2011-8-2

*/

/* main */
html,body {height:100%;}
body { font:12px Arial,sans-serif; color:#333; background:url(../images/bg.jpg) repeat-x  left top;}
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }
ul,ol,dl,li { list-style:none; }
a {color: #000;text-decoration: none;}
a:hover {color:#157000;text-decoration: none;}
a img {border: none;}
.clear {clear: both;line-height: 0;font-size:0;}
.content {width:980px; margin: 0 auto;  }

.left {float:left;}
.right {float:right;}
img, div { behavior: url(iepngfix.htc); }


.top{ height:125px;}
.logo{ background:url(../images/logo.jpg) no-repeat left top; height:125px; width:550px;}


.notice{ height:50px; padding:0px 10px; line-height:50px; }
.notice_l{ font-weight:100; background:url(../images/notice_bg.jpg) no-repeat left center; font-family:"宋体"; font-size:13px; font-weight:700; color:#060; padding-left:25px;}
.notice_r{ width:860px; }
.notice_r li{ background:url(../images/icon.jpg) no-repeat left center; padding:0px 10px; float:left;}



/*左边*/
.main{ height:100%; overflow:hidden;}
.main_l{ width:740px;}


/*学会动态*/
.xhdt{ padding-bottom:15px; height:100%; overflow:hidden;}
.xhdt_l p{ text-align:center; line-height:25px; background:#ebeaea; margin-top:1px;}
.xhdt_r{ width:410px; border:1px #cfd8df solid; background:url(../images/xhdt_r_bg.jpg) repeat-x left top; height:265px;}

.news_top {width:400px;height:28px; padding-left:10px;background:url(../images/news_top_bg.jpg) repeat-x left bottom; padding-top:8px;}
.news_top li {float:left; margin-right:2px;width:95px;height:28px;line-height:28px; background:url(../images/news_bg2.jpg) no-repeat; font-family:"宋体"; font-size:13px; font-weight:bold; color: #469300;text-align:center;cursor:pointer;border-bottom:none;}
.news_top li.cn { background:url(../images/news_bg1.jpg) no-repeat;color: #fff;}
.news_top li span{ float:right; padding-right:15px;}
.news_con { padding:15px 10px 10px 10px; width:390px; border-top:none; }
.news_con li{background:url(../images/icon.jpg) no-repeat 10px center; border-bottom:1px #d8e4d7 dotted; padding-left:25px; margin-right:10px;  line-height:28px;}
.news_con li a{ color:#000; text-decoration:none;} 
.news_con li a:hover{ color:#108100; text-decoration:none;} 
.news_con li span{ float:right; color:#999;}

.tit{ border-bottom:1px solid #ccc;margin-bottom:10px; padding:0px 10px 5px 10px; }
.tit h4{ text-align:center; line-height:20px; font-weight:100; font-size:13px; font-weight:700; color:#c00;margin-bottom:5px;}
.tit_box{ line-height:20px;text-indent:2em;}


/*新闻动态*/
.xwdt{ margin-bottom:15px;border:1px #cfd8df solid; height:235px;}
.xwdt h4{ margin:1px; background:url(../images/xwdt_h4.jpg) no-repeat left top; height:36px;}
.xwdt_box{ padding:15px 10px; }
.xwdt_box_l li{ margin-bottom:10px;}
.xwdt_box_r{ width:500px;}
.news{ width:245px;}
.news h5{ background:url(../images/gn_news.jpg) no-repeat left top;height:19px; width:215px; padding:8px 5px 0px 25px; font-weight:100; font-size:12px; font-weight:700; color:#fff;}
.news h5 span { float:right; font-size:12px; font-weight:100;}
.news h5 span a{color:#fff;}
.news_box{ padding:10px; background:url(../images/news_bg.jpg) repeat-x left top;}
.news_box li{ background:url(../images/icon2.jpg) no-repeat 5px 10px; padding-left:15px; line-height:25px; border-bottom:1px #ccc dotted;}


.dt_box{ padding:10px; }
.dt_box_l{ width:205px;}
.dt_box_r{ width:500px;}

.m_banner{ border:1px #cfd8df solid; height:74px; padding:2px; margin-bottom:15px;}

/*其他栏目*/
.box{ margin-bottom:15px; height:100%; overflow:hidden;}
.qt{border:1px #fdeac4 solid; height:190px; width:350px;background:url(../images/qt_bg.jpg) repeat-x left top; padding:0px 5px 10px 5px;}
.qt h4{ background:url(../images/icon3.jpg) no-repeat 10px  center; border-bottom:1px #F90 dotted; font-weight:100; height:30px; line-height:30px; color:#469300; padding-left:25px; font:"宋体"; font-weight:700; font-size:13px;}
.qt h4 span{ float:right; font-family:"宋体"; font-weight:100; font-size:12px; color:#C00;}
.qt h4 span a, .qt h4 span a:hover{color:#C00;}

.qt_box{ padding:15px 10px 0px 10px;}
.qt_box1{height:60px;margin-bottom:10px; line-height:20px; }
.qt_box1 span{text-indent:2em;display:block;}
.qt_box2 li{ background:url(../images/icon2.jpg) no-repeat 8px center; padding:0px 10px 0px 15px ; line-height:25px; border-bottom:1px #ccc dotted;}
.qt_box2 li span{ float:right; color:#ccc;}


/*右边*/
.main_r{ width:228px;}
.hzzc{ margin-bottom:15px;}
.hzzc h4{ background:url(../images/hzzc.jpg) no-repeat left top; height:38px; padding-right:10px; line-height:38px;}
.hzzc h4 span{ float:right; font-weight:100; color:#fff; font-family:"宋体"; font-size:12px;}
.hzzc h4 span a,.hzzc h4 span a:hover{ color:#fff;}
.hzzc_box{ border:1px #cfd8df solid; margin-top:1px; background:#f2f6fa; padding-bottom:5px;}
.hzzc_box div{line-height:24px;margin:0 auto;width:220px;}
.hzzc_box div img{margin:15px 16px 13px 12px;border:1px solid #CCC;padding:2px;}



.pic{ margin-bottom:5px;}
.ryzs{ padding:12px 11px 25px 11px; height:138px; background:url(../images/zs_bg.jpg) no-repeat left top; margin-bottom:10px;}
.hyqy{margin-bottom:15px;}
.hyqy h4{ background:url(../images/hyqy.jpg) no-repeat left top; height:38px;}
.hyqy h4 span{ float:right; padding-right:15px; color:#fff; font-weight:100; line-height:38px; font-family:"宋体"; font-size:12px;}
.hyqy h4 span a,.hyqy h4 span a:hover{ color:#fff;}
.hyqy_box{ border:1px #cfd8df solid; margin-top:1px; background:#f2f6fa; padding:15px 23px 5px 23px;text-align:center;}
.hyqy_box li{ margin-bottom:10px;}
.hyqy_box img{width:180px; height:43px;border:1px #ccc solid;padding:1px;}
.hyqy_box p{ margin-top:15px;}

/*会员风采*/
.hyfc{position: relative; border:1px solid #cfd8df; background:url(../images/hyfc_bg.jpg) repeat-x left top; margin-top:5px; height:100%; margin-bottom:15px;}
.hyfc h4{  display:block; height:36px;}
.hyfc h4 img{position:absolute;top:-6px;left:8px;}
.hyfc h4 span{ float:right; padding-right:15px; font-family:"宋体"; font-size:12px; font-weight:100; line-height:35px; color:#c00;}
.hyfc h4 span a,.hyfc h4 span a:hover{ color:#c00;}

.hyfc_box{ padding:15px 15px 15px 30px; height:135px; }
.hyfc_box li{float:left; display:block;   margin-right:15px;}
.hyfc_box li img{ border:1px #ccc solid; padding:2px;}
.hyfc_box li p{ background:#F0F0F0;  line-height:25px; text-align:center; }

/*友情链接*/





/*内页*/

.ny_main{ margin-top:5px; height:100%; overflow:hidden; }
.ny_main_l{ width:228px; }

/*导航*/
.ny_dh{ margin-bottom:15px;}
.ny_dh h4{ background:url(../images/ny_dh.jpg) no-repeat left top; height:30px; font-weight:100; line-height:30px; font-size:13px; font-weight:700; color:#fff; padding-left:10px; padding-top:8px;}
.ny_dh_box{ border:1px #cfd8df solid; margin-top:1px; background:#f2f6fa; padding:15px 12px 15px 11px; }
.ny_dh_box li{ background:url(../images/ny_dh_li.jpg) no-repeat left bottom; line-height:25px; text-align:center;padding-bottom:5px; font-size:13px; color:#117001; font-weight:700;}
.ny_dh_box li a,.ny_dh_box li a:hover{color:#117001;}

/*推荐文章*/
.tj{ margin-bottom:15px;}
.tj h4{ background:url(../images/ny_dh.jpg) no-repeat left top; height:30px; font-weight:100; line-height:30px; font-size:13px; font-weight:700; color:#fff; padding-left:10px; padding-top:8px;}
.tj h4 span{ float:right; padding-right:10px; font-weight:100; color:#fff;}
.tj h4 span a,.tj h4 span a:hover{ color:#fff;}
.tj_box{ border:1px #cfd8df solid; margin-top:1px; padding:15px 12px 15px 11px; }
.tj_box li{ background:url(../images/icon.jpg) no-repeat left center; border-bottom:1px #ccc dotted; line-height:30px; padding-left:10px;}
.ny_dh_box li a,.ny_dh_box li a:hover{color:#117001;}




.ny_main_r{ width:740px; border:1px #cfd8df solid; background:url(../images/ny_main_r.jpg) repeat-x left top; margin-bottom:15px; }
.ny_main_r h4{ height:38px; line-height:38px; padding-left:15px; font-weight:100; font-size:13px;color:#117001; font-weight:700;}
.ny_main_r h4 span{ float:right; font-weight:100; padding-right:15px; color:#000; font-family:"宋体"; font-size:12px;}
.ny_main_r h4 span a{ color:#000;}
.ny_main_r h4 span a:hover{color:#117001;}



/*新闻列表*/
.list{ margin:50px 30px;}
.list li{ line-height:35px; background:url(../images/icon.jpg) no-repeat 5px center; border-bottom:1px #d8e4d7 dotted; padding-left:15px;}
.list li em{font-style:normal; float:right; font-family:"宋体"; font-size:12px; color:#5B9432; padding-right:5px;}


/*图片列表*/
.listpic{ margin:50px 30px;}
.listpic li{ margin-bottom:10px; float:left;width:155px; height:140px;padding-right:15px;}
.listpic li img { padding:2px; border:1px solid #cfd8df;width:155px; height:110px;}
.listpic li p{margin-top:5px;text-align:center;}

.ny_ztbd{height:725px;  padding:60px 0px 40px 40px;}
.ny_ztbd li{ display:block; float:left; width:220px; height:190px;}
.ny_ztbd li img{ border:1px #ccc solid; padding:2px;width:180px;height:138px;}
.ny_ztbd li p a{ display:block; width:186px; line-height:30px; text-align:center; font-weight:700;color:#0f3701;}
.ny_ztbd li p a:hover{color:#0036af;}


/*新闻页*/
.ny_news{margin:50px 40px;}
.ny_news h5{ display:block;  font-weight:100;line-height:35px; font-size:14px; text-align:center; font-weight:700;}
.ny_news h5 p{ display:block; font-weight:100;  font-size:12px; color:#060; line-height:35px; border-bottom:1px dotted #999; margin-bottom:35px;}
.ny_news li{ display:block; line-height:30px;}

/*图片新闻*/
.ny_pic h4{background:url(../images/ny_pic_h4.jpg) no-repeat; height:30px; line-height:30px; padding:8px 10px 0px 38px;  font-weight:100; font-size:14px; font-weight:bold; color:#0463c4; margin-bottom:1px;}
.ny_pic_box{border:1px solid #e4edf6; padding:15px 13px; }
.ny_pic_box li{ margin-bottom:10px;}
.ny_pic_box li img { padding:2px; border:1px solid #cfd8df;}
.ny_pic_box li p{ display:block; text-align:center; margin-top:5px;}


/*教育*/
.jy{ margin-bottom:15px;}
.jy h4{ background:url(../images/ny_dh.jpg) no-repeat left top; height:30px; font-weight:100; line-height:30px; font-size:13px; font-weight:700; color:#fff; padding-left:10px; padding-top:8px;}
.jy h4 span{ float:right; padding-right:10px; font-weight:100; color:#fff;}
.jy h4 span a,.tj h4 span a:hover{ color:#fff;}
.jy_box{ border:1px #cfd8df solid; margin-top:1px; padding:15px 12px 15px 11px; }
.jy_box img { margin:0px 26px 10px 26px;}
.jy_box div{line-height:20px;}

.jy_r{width:740px;}
.jypx{ height:260px; border:1px #cfd8df solid; background:url(../images/ny_main_r.jpg) repeat-x left top; margin-bottom:15px; }
.jypx h4{ height:38px; line-height:38px; padding-left:15px; font-weight:100; font-size:13px;color:#117001; font-weight:700;}
.jypx h4 span{ float:right; font-weight:100; padding-right:15px; color:#c00; font-family:"宋体"; font-size:12px;}
.jypx h4 span a{ color:#c00;}
.jypx h4 span a:hover{color:#c00;}
.jypx_box{ padding:20px 15px ;}
.jypx_box_l{ width:225px ; height:170px; border:1px #ccc solid; padding:2px;}
.jypx_box_r{}
.jypx_box_r li{ display:block; background:url(../images/icon2.jpg) no-repeat 5px center; padding:0px 10px 0px 20px; border-bottom:1px #ccc dotted; line-height:30px; width:435px;}
.jypx_box_r li span{ float:right; color:#090;}

.zjkq{ height:210px; border:1px #fdeac4 solid; background:url(../images/qt_bg.jpg) repeat-x left top;  margin-bottom:15px; padding:0px 10px; }
.zjkq h4{ background:url(../images/icon3.jpg) no-repeat 5px 12px; border-bottom:1px #F90 dotted; font-weight:100; height:30px; line-height:35px; color:#469300; padding-left:15px; font:"宋体"; font-weight:700; font-size:13px;}
.zjkq h4 span{ float:right; font-family:"宋体"; font-weight:100; font-size:12px; color:#C00; padding-right:10px;}
.zjkq h4 span a, .qt h4 span a:hover{color:#C00;}
.zjkq_box{ padding:15px;}
.zjkq_box li{float:left; display:block;   margin-right:15px;}
.zjkq_box li img{ border:1px #ccc solid; padding:2px;}
.zjkq_box li p{ background:#F0F0F0;  line-height:25px; text-align:center; }


/*科技交流*/
.cgtg{ margin-bottom:15px; border:1px #cfd8df solid; padding:2px;}


/*关于HSE*/
.about_ny{ margin:50px 30px 15px 30px; line-height:35px; padding-bottom:50px;}




/*会员呼吁*/
.ny_mail{margin:50px 120px; }
input.mail{border:1px #d8e4d7 solid; width:90%; height:18px; text-align:center;}
textarea.mail{border:1px #d8e4d7 solid;width:90%; height:150px;}
.ny_hyhy{margin:50px 40px 0px 40px; padding-bottom:50px; }
.ny_hyhy h5{ font-weight:100; line-height:25px;  font-size:14px; border-bottom:1px #ccc solid; font-weight:700; color:#060; padding-left:10px; margin-bottom:15px;}
.ny_hyhy h5 span{ float:right; padding-right:15px; font-weight:100; font-size:12px;}
.ny_hyhy h5 span a{ text-decoration:none; color:#F60;}
.ny_hyhy h5 span a{ text-decoration:none; color:#F60;}
.ny_hyhy li{ margin:0px 20px;line-height:35px; background:url(../images/icon.jpg) no-repeat 5px center; border-bottom:1px #d8e4d7 dotted; padding-left:15px;}
.ny_hyhy li em{font-style:normal;float:right; font-family:"宋体"; font-size:12px; color:#5B9432; padding-right:5px;}










#demo {
overflow:hidden;
width:920px;
padding-top:0px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {width: auto;
float: left;
}

#demo2 {
float: left;margin-left:0px;
}


/**/
#demo_zj {
overflow:hidden;
width:690px;
padding-top:0px;
}
#indemo_zj {
float: left;
width: 800%;
}
#demo1_zj {width: auto;
float: left;
}

#demo2_zj {
float: left;margin-left:0px;
}


#wrap {
	MARGIN: 0px auto; WIDTH: 960px
}
#header {
	POSITION: relative; HEIGHT: 127px
}
#logo {
	POSITION: absolute; WIDTH: 448px; HEIGHT: 52px; TOP: 40px; LEFT: 30px
}
.tweet {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 60px; WIDTH: 268px; PADDING-RIGHT: 10px; BACKGROUND: url(../images/twitter.png) no-repeat; HEIGHT: 38px; TOP: 50px; RIGHT: 30px; PADDING-TOP: 10px
}
.tweet LI {
	LIST-STYLE-TYPE: none
}
.tweet LI A {
	COLOR: #666
}
UL#nav {
	BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: url(../images/nav-bg.jpg) repeat-x; HEIGHT: 40px; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid; PADDING-TOP: 0px
}
#nav LI {
	DISPLAY: inline
}
#nav LI A {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 40px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; FLOAT: left; COLOR: #fff; FONT-SIZE: 1.1em; TEXT-DECORATION: none; PADDING-TOP: 0px
}
#nav LI A.news {
	FLOAT: right
}
#nav LI A:hover {
	COLOR: #8acb3e
}
#callto {
	POSITION: relative; HEIGHT: 305px
}
#comp {
	POSITION: absolute;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 14px;
	WIDTH: 389px;
	BOTTOM: 15px;
	_BOTTOM: 14px;
	PADDING-RIGHT: 0px;
	BACKGROUND: url(../images/computer.png) no-repeat;
	HEIGHT: 252px;
	PADDING-TOP: 15px;
	LEFT: 59px
}
#slider {
	WIDTH: 232px; HEIGHT: 145px; OVERFLOW: hidden
}
#slider LI {
	WIDTH: 232px; HEIGHT: 145px; OVERFLOW: hidden
}
#slider {
	POSITION: relative
}
.glare {
	POSITION: absolute; WIDTH: 61px; BACKGROUND: url(../images/glare.png) no-repeat; HEIGHT: 145px; TOP: 0px; RIGHT: 0px
}
#sliderquote {
	POSITION: absolute;
	WIDTH: 300px;
	HEIGHT: 170px;
	OVERFLOW: hidden;
	TOP: 36px;
	RIGHT: 197px
}
#sliderquote LI {
	TEXT-ALIGN: left; LIST-STYLE-TYPE: none; WIDTH: 300px; font-family:"微软雅黑"; font-size:12px; line-height:20px; BACKGROUND: url(../images/quotes.png) no-repeat; HEIGHT: 170px; OVERFLOW: hidden}
#sliderquote P {
	MARGIN: 0px auto; WIDTH: 200px; DISPLAY: block; PADDING-TOP: 30px
}
.organic {
	Z-INDEX: 10; POSITION: absolute; WIDTH: 339px; BOTTOM: -29px; HEIGHT: 177px; RIGHT: 39px
}


/*!-----------------edited by kingice--------------------*/
.search_input_28{vertical-align:middle;border:1px solid #ccc;width:170px;height:15px;padding:5px 0 0 5px;}
.search_butt_28{vertical-align:middle;}
.vercode{border:1px #d8e4d7 solid;}
.kingnews{line-height:25px;}


.wd_list {padding:0;}
.wd_list ul{padding-left:10px;margin:0;}
.wd_list li {border-bottom:1px dashed #DEDEDE;padding:10px 0;background:none;}
.wd_list h4 {font-size: 13px;height:auto;line-height:23px;font-weight:100;color: #000;background:url(../images/61.jpg) no-repeat 0 6px;padding:0px 0 0px 20px;}
.wd_list div {font-size: 12px;color: #999;line-height:23px;padding-left:28px;overflow: hidden;height:23px;}
.wd_list h4 span {margin-left:10px;font-size: 12px;}
.wd_list h4 span a {color: #197CC1;text-decoration: underline;}

.kingicetable td{height:22px; padding-left:10px;}




/*版权*/
.bq{ width:100%; background:url(../images/bq_bg.jpg) repeat-x left top; height:119px;}
.bq_box{ padding-top:30px; text-align:center; line-height:30px;}
.bq_box span a {color:#0040f8;}
.bq_box span a:hover {color:#FF0000;}