/* 主页 ---- index ---- 样式表 */

/********************* 轮播广告 *********************/
.banner { position: relative; overflow: hidden; width:100%; height:450px; margin: 0 auto; }
.banner ul li { width:100%; height:450px; }
.banner ul li img { width:100%; min-width: 1920px; min-height: 100%;_height:100%; }

.banner .dots { position: absolute; left:0; right:0; bottom:20px; text-align: center; }
.banner .dots li { display:inline-block;*display:inline; *zoom:1; width:13px; height:13px; background: #ffffff; margin:0 4px; color:#ffffff; cursor:pointer; }
.banner .dots li.active { background: #f1b807; color:#f1b807;  }




/********************* 主营业务 *********************/
.xg_business { padding-top: 24px; }
.xg_business .xg_menus { width:1200px; height:198px; padding: 32px 0; position: relative; overflow: hidden; }

.xg_menus ul { position: absolute; left:0; top:32px;  height:190px; }
.xg_menus ul li { float:left; height:190px; }
.xg_menus ul a { float:left; width:386px; height:188px; border:1px solid #e6e6e6; margin-right: 18px; position: relative; overflow: hidden; }
.xg_menus ul img { width:100%; }
.xg_menus ul p { position: absolute; left:0; bottom:0; width:100%; line-height:43px; padding:0 10px; color:#ffffff; z-index:2; }
.xg_menus .li_bg { position:absolute; left:0; bottom:0; width:100%; height:43px; background: #5dab9b; opacity: 0.8; filter:alpha(opacity=80); }

.xg_menus .zhezhao { position: absolute; left:0; top:0; width:100%; height:100%; background: #0b7a5f url(../Images/xg_index_hover.png) no-repeat; opacity: 0.8; filter:alpha(opacity=80);  display: none;  }


.xg_point, .xg_point2 { position: absolute; left:0; bottom:6px; width:100%; text-align: center; }
.xg_point a, .xg_point2 a  { display:inline-block;*display:inline; *zoom:1; width:9px; height:9px; border:1px solid #767676; margin-right: 8px; border-radius: 50%; overflow: hidden; }
.xg_b_active { background: #767676; }





/********************* 新闻 *********************/
.xg_news { height:392px; padding-top:6px; }
.xg_newslist { width: 711px; height:392px; overflow: hidden; }
.xg_n_optlist, .xg_n_optlist2 { width: 711px; padding:10px 0; border-bottom: 1px dashed #d0d1cc; margin-top: 10px; }
.xg_n_optlist2 { border:none; margin-top: 0; }
.xg_opt_video { width: 220px; height:120px; border:1px solid #dbdcd7; padding:5px; margin-right: 12px; }
.xg_opt_opations { width:467px; height:132px; }
.xg_opt_opations a { display: block; width:447px; line-height: 33px; padding-left: 20px; color:#6d6d6d; text-align: right; background: url(../Images/list_bg.gif) no-repeat 12px 13px;}
.xg_opt_opations a:hover { background-position: 12px -20px; color:#338b73; }
.xg_opt_opations span { float:left; cursor: pointer; }








/********************* 公告 *********************/
.xg_notice { width: 440px; height:392px; overflow: hidden; }
.xg_n_menu { padding-top: 6px;  }
.xg_n_menu a { display:block; height:48px; line-height: 48px; border-bottom: 1px dashed #d0d1cc; color:#757573; text-align: right; }
.xg_n_menu a:hover { color:#338b73; }
.xg_n_menu span { position: relative; float:left; cursor: pointer; }
.xg_n_menu i { position: absolute; width:30px; height:20px; top:0; background:url(../Images/hot.gif) no-repeat; }








/********************* 公益行动 *********************/
.xg_action { height:334px; padding-top: 10px; }
.xg_ac_link { padding:15px 0;  }
.xg_ac_link a { float: left; width:393px; padding-top: 17px; margin-right: 7px; overflow: hidden; }
.xg_action .xg_ac_lastA { margin-right: 0; }
.xg_ac_link p { line-height: 49px; color:#2d2d2d; }
.xg_ac_link p:hover { color:#167758; }

.xg_ac_Imgs { display: block; width:393px; height:183px; position: relative;  }
.xg_ac_Imgs .zhezhao2 { position: absolute; left:0; top:0; width:100%; height:100%; background: #000000 url(../Images/xg_ac_link.png) no-repeat; opacity: 0.6; filter:alpha(opacity=60); display: none; }








/********************* 合作伙伴 *********************/
.xg_partners { height:212px; margin-top:8px; overflow: hidden; }
.xg_p_wrap { width:1200px; height:104px; overflow: hidden; margin-top: 30px; position: relative; }
.xg_p_wrap ul { position: absolute; left:0; top:0; height:76px; }
.xg_p_wrap li { float:left; }
.xg_p_wrap li img { float:left; width:184px; margin-right: 14px; border:1px solid #e4e4e2; }






/********************* 其它（环保科普、供应商品） *********************/
.xg_other { height:450px; padding-top: 18px; }
.xg_o_eps, .xg_o_sg { height:450px; overflow: hidden; }







/********************* 科普 *********************/
.xg_o_eps { width:567px; position:relative; }
.xg_o_eps img { display: block; margin: 30px 0 6px 0; } 
.xg_o_eps p { line-height: 20px; color:#707070; }
.xg_o_eps h3 { color: #343434; font:14px/28px "微软雅黑"; }
.xg_o_eps .xg_ops_more { position: absolute; left:0; bottom:90px; width:143px; height:33px; border-bottom: 2px solid #0d785c; border-right: 2px solid #0d785c; color:#ffffff; font:14px/33px "微软雅黑"; background: #429380; text-align: center; margin-top: 4px; }






/********************* 商品 *********************/
.xg_o_sg { width:552px; }
.xg_sg_opation { margin-top: 30px; }
.xg_sg_opation li { margin-bottom:4px; height:38px; overflow: hidden; }
.xg_sg_opation .active_1 { background: url(../Images/auto_parts.jpg) no-repeat; }
.xg_sg_opation .active_2 { background: url(../Images/waste_plastics.jpg) no-repeat; }
.xg_sg_opation .active_3 { background: url(../Images/waste_paper.jpg) no-repeat; }
.xg_sg_opation .active_4 { background: url(../Images/scrap_metal.jpg) no-repeat; }
.xg_sg_opation .active_5 { background: url(../Images/other.jpg) no-repeat; }
.xg_sg_opation li a { display: block; width:100%; height:100%;  }
.xg_sg_opation .xg_sg_active { height:103px; background-position:0 -38px; }