/* 公共样式表 ---- public */

/***************** reset *****************/
body,ul,ol,p,h1,h2,h3,h4,h5 { margin:0; padding:0; }
li { list-style: none; }
a { text-decoration: none; }
img { border:none; vertical-align: top; }








/***************** layout *****************/
body { font-size: 12px; font-family: "微软雅黑"; }
.wrap { width:100%; }
.topWrap { height:119px; }
.navWrap { height:54px; background: #0c7a5f; }
.ftLink { height:30px; background: #e5e5e5; }
.ftCR { height:37px; background: #3a424d; }








/****************** 主页模块包裹 ******************/
.adWrap { height:450px; }
.bnWrap { height:372px; }
.nwWrap { height:398px; background: #f5f6f1; }
.atWrap { height:344px; }
.pnWrap { height:212px; background: #f5f6f1; }
.ohWrap { height:468px; }

.xg_top, .xg_nav, .xg_business, .xg_news, .xg_action, .xg_partners, .xg_other, .xg_foot1, .xg_foot2, .xg_opt, .xg_culture{ width:1200px; margin:0 auto; }








/****************** public ******************/
.clear { zoom:1; }
.clear:after { content:""; display: block; visibility: hidden; clear: both; }
.fl { float:left; }
.fr { float:right; }
/* 主页h2标题 */
.h2 { height:53px; font:23px/53px "微软雅黑"; border-bottom: 1px solid #e7e8e3; color: #565656; position: relative; }
.h2 span { font-size: 16px; color:#50bd9e; }
.h2 a { position: absolute; right:0; bottom:0; text-align: right; line-height: 40px; font-size: 12px; color:#82837e; }
.h2 a i, .zyh2 i { position: absolute; right:0; bottom:-2px; width:25px; height:3px; background: #c0c0c0; overflow: hidden; }
.h2 a:hover { color:#35806b; }
.h2 a:hover i { background: #35806b; }


/********** 事件遮罩层 **********/
.xg_barrier {
	opacity: 0.9999;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}


/********** 查看更多 按钮 **********/
.xg_pubMore, .xg_mbMore { height: 40px; text-align: center; padding-top: 50px; }
.xg_pubMore a, .xg_mbMore a { display: inline-block; width:200px; height: 40px; font: 14px/40px "微软雅黑"; background: #21856c; color:#ffffff; }





/***************** 在线客服 *****************/
.xg_kefu_index { position:fixed; top:180px; right:10px; }
.xg_kefu { width: 118px; padding:4px; border:1px solid #d5d5d5; z-index: 20; background: #ffffff; }
.xg_kefu_top p { padding:5px 0 5px 8px; height:40px; background: #0b7a5f; color:#ffffff; }
.xg_kefu_top strong { display: block; font:14px/22px "微软雅黑"; }
.xg_kefu_top span { font:12px/18px "微软雅黑"; }
.xg_kefu_top a { display: block; width:100%; height:30px; line-height: 30px; margin-top: 1px; background:#e5e5e5 url(../Images/xg_kefu_weixin.png) no-repeat 15px 2px; text-indent: 45px; color: #000000; }

.xg_kefu_weixin { margin-top: 7px; color: #000000; }
.xg_kefu_weixin strong { display: block; font:14px/34px "微软雅黑"; background: #0b7a5f; color: #ffffff; text-indent: 8px; }
.xg_kefu_weixin img { display: block; border:1px solid #e5e5e5; }
.xg_kefu_weixin span { line-height: 24px; display: block; text-indent: 4px; }
.xg_kefu_weixin b { display: block; line-height: 26px; background: #0b7a5f; color:#ffffff; text-indent: 8px; }



/***************** 在线客服 - 小 *****************/
.kefu_wrap { position: fixed; right:0; top:40%; z-index: 20; }

.xg_kefu2 { display: none; }

.xg_kefu_samll { display: block; width:42px; height:106px; border:2px solid #c9c9c9; padding:6px; color:#ffffff; background: #0b7a5f url(../Images/xg_kefu_online.gif) no-repeat 10px 4px; }
.xg_kefu_samll strong { float:right; width:20px; font-size:14px; height:100%; text-align: center; font-weight: normal; }









/****************** 顶部 ******************/
.xg_top { position: relative; }
.xg_top p { margin-top: 18px; color: #000000; position: relative; }
.xg_top span { display: block; line-height: 32px; text-align: right;}
.xg_t_weixin { padding-right: 36px; }
.xg_t_weixin a { position: absolute; width:36px; height:20px; top:6px; background: url(../Images/weixin.gif) no-repeat right center; cursor:pointer; }
.xg_t_phone { padding-left: 32px; background: url(../Images/phone.gif) no-repeat left center; }
.xg_t_phone i { font-size: 19px; color:#0b7a5f; font-weight: bold; }
.eweima { position: absolute; right:0; top:50px; display: none; z-index: 100; }









/****************** 导航 ******************/
.xg_nav { position: relative; }
.xg_nav li { float:left; height: 54px; color: #57a492; position: relative; cursor: pointer; }
.xg_nav li:hover { background: #edb300; color: #edb300; }
.xg_nav li a { float:left; font-size: 16px; line-height: 54px; color: #ffffff; padding: 0 30px; }
.xg_nav li b { position: absolute; right:0; top:0; line-height: 54px; }

.xg_nav .xg_twoMenu { width:100%; position: absolute; left:0; top:54px; z-index: 10; display: none; }
#zhuying a { font-size: 14px; }

.xg_nav .xg_twoMenu a { width:100%; padding:0; font:15px/43px "微软雅黑"; text-align:center; color:#ffffff; border-top:1px dashed #807b7b; background: #000000; opacity: 0.9; filter:alpha(opacity=90); }
.xg_nav .xg_twoMenu a:hover { background: #edb300; opacity: 1; filter:alpha(opacity=100); }

.xg_nav .xg_navright { width:174px; height:30px; float:right; margin-top: 12px; background: #379680; }
.xg_nav .xg_navright:hover { background: none; }
.xg_nav .xg_n_search { float:left; width:132px; height:30px; font:12px/30px "微软雅黑"; padding:0 8px; border:none; background: #379680; color:#cfd0d2; outline: none; }
.xg_nav .xg_n_btn { float: left; border:none; width:26px; height:30px; background: #379680 url(../Images/search.gif) no-repeat left center; cursor: pointer; }






/****************** 主体部分导航包裹 ******************/
.itWrap { height:150px; background:#f3f3f3 url(../Images/into_xg.jpg) no-repeat center top; } 	/* 鑫广文化 */
.recWrap { height:150px; background:#f3f3f3 url(../Images/mb_bg.jpg) no-repeat center top; } /* 主营业务 */
.piaWrap { height:150px; background:#f3f3f3 url(../Images/pia_bg.jpg) no-repeat center top;  } /* 公益行动 */
.sogWrap { height:150px; background:#f3f3f3 url(../Images/sog_bg.jpg) no-repeat center top; } /* 商品供应 */
.ndWrap { height:150px; background:#f3f3f3 url(../Images/nd_bg.jpg) no-repeat center top; } /* 新闻动态 */
.cuWrap { height:150px; background:#f3f3f3 url(../Images/cu_bg.jpg) no-repeat center top; } /* 联系我们 */
.esWrap { height:150px; background:#f3f3f3 url(../Images/es_bg.jpg) no-repeat center top; } /* 环保科普 */

.pubWrap { background: #f3f3f3; } /* 所有页面的公共包裹 */
.xg_pubMain { width:1200px; margin:0 auto; padding:75px 0 44px 0; } /* 所有页面的正文居中部分 */





/****************** 主体部分导航 ******************/
.xg_opt { position: relative; height:150px; }
.xg_optMenu { position: absolute; left:0; bottom:-16px; width:100%; height:32px; }
.xg_optMenu li { float:right; margin-right: 6px; }
.xg_optMenu a { display: block; padding:0 46px; height: 32px; font:13px/32px "微软雅黑"; background: #ffffff; color: #454545; }
.xg_optMenu a:hover, .xg_opt .xg_opt_active { background: #0b7a5f; color: #ffffff; }
.xg_opt .xg_rec a { padding:0 20px; }  /* 主营业务 */

/* 主体导航下的h3公共标题 */
.h3 { font:12px/26px "微软雅黑"; border-bottom:1px solid #d6d6d6; color: #676767; }
.h_title { color:#0b7a5f; font-size: 15px; font-weight: bold; }
.h_title strong { font-weight: normal; font-size: 12px; color:#676767; }
.h3_rt { padding-left:20px; background: url(../Images/h3_bg.gif) no-repeat left center; }
.h3 a { color:#676767; }
.h3 a:hover { color:#0b7a5f; }









/****************** 底部 ******************/
.xg_foot1 { font:12px/30px "微软雅黑"; color: #626262; }
.xg_foot1 span { color:#686868; margin-right: 14px; }
.xg_foot1 a { color: #818181; margin-right: 36px; }
.xg_foot1 a:hover, .xg_foot2 a:hover { text-decoration: underline; } 

.xg_foot2 { line-height: 37px; color: #ffffff; }
.xg_foot2 a { color:#ffffff; padding: 0 10px; }