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

/* ---- banner焦点图样式 ---- */
.banner_wrap{ width:100%; height:480px; overflow:hidden; position:relative;}
.banner_wrap img{ margin-left:-960px; position:absolute; left:50%; top:0;}
.bor_filter_t,.bor_filter_b{ width:100%; height:6px; background:url(/images/bor_filter.png) repeat-x; position:absolute; left:0;}
.bor_filter_t{ top:0;}
.bor_filter_b{ bottom:0; background-position:0 -12px;}


/* ---- fund_box探路者公益基金会介绍版块样式 ---- */
.fund_box{ width:984px; margin:24px auto 28px; padding:24px 34px 14px 0; border:1px solid #f5f8fa; position:relative;}
.fund_box h2{ width:212px; margin:-67px 0 -1px -1px; *margin-bottom:-14px; padding:64px 19px 92px 12px; background:url(/images/all_icon.png) 0px -67px no-repeat; font-size:42px; color:#fff; line-height:50px; text-indent:2em; float:left; position:relative; z-index:100;}
.fund_detail{ padding-left:26px; overflow:hidden;}
.fund_box h3{ margin-bottom:6px; font-size:16px; line-height:28px; color:#333; position:relative;}
.fund_box h3 i,.str_til h2 i,.news_list h3 i{ display:inline-block; width:13px; height:2px; background:#00b6ea; position:absolute; top:0; left:1px;}
.fund_box blockquote{ height:140px; overflow:auto; line-height:20px;text-indent:2em;color:#333;}
.fund_box .green_t,.fund_box .green_r{ display:inline-block; background:#00b6ea; position:absolute; top:-1px; right:-1px;}
.fund_box .green_t{ width:42px; height:1px;}
.fund_box .green_r{ width:1px; height:42px;}

/* ---- con_main重点公益 ---- */
.stress_wrap{ width:100%; padding-bottom:40px; overflow:hidden; border-bottom:1px solid #f5f5f5; background:url(/images/stress/stress_bg.jpg) center bottom no-repeat fixed; color:#333;}

.str_til ul{ padding-top:5px; float:right;}
.str_til li{ width:148px; margin-left:-1px; background:#f3f3f3; border:1px solid #fff; font-size:14px; text-align:center; font-weight:bold; color:#333; line-height:35px; float:left; cursor:pointer; transition:all .6s;}
.str_til li.active,.str_til li:hover{ background:#29a242; border-color:#29a242; color:#fff; position:relative;}
.str_til li.active i,.str_til li:hover i{ display:inline-block; width:10px; height:10px; background:url(/images/all_icon.png) -73px -14px no-repeat; position:absolute; bottom:0; left:0;}
.str_text_w{ width:100%; height:280px; margin-top:10px; border:1px solid #f0f0f0; position:relative;}
.con_wrap{ display:none; padding:10px; overflow:hidden; position:absolute; top:0; left:1px; z-index:10;}
.con_wrap .img_wrap{ float:left;}
.con_wrap .img_wrap img{ border:1px solid #fff;}
.stress_text{ padding:36px 0 0 30px; overflow:hidden;}
.stress_text h3{ padding-bottom:18px; font-size:14px; font-weight:bold; color:#333; line-height:24px; position:relative;}
.con_wrap blockquote{ height:183px; overflow:auto; line-height:20px; text-indent:2em;color:#333;}
.copy_back{ width:100%; height:280px; background:#fff; opacity:.5; filter:alpha(opacity=50); position:absolute; top:0; left:0;}


/* ---- news_box新闻板块 ---- */
.news_box{ padding-bottom:0px; width:1250px; left:50%; margin-left:-625px; position:relative}
.str_til{ padding:32px 0 0; overflow:hidden; width:120px; left:50%; margin-left:-60px; position:relative}
.str_til h2{ font-size:30px; color:#333; font-weight:bold; padding-top:1px; line-height:44px; position:relative;}
.str_til h2 i{ width:24px; height:4px;}
.news_box .str_til .more_link{ width:96px; border:4px solid #ececec; line-height:26px; color:#999; font-size:14px; font-weight:bold; text-indent:12px; position:relative; transition:all .8s;}
.news_box .str_til .more_link:hover{ color:#26873a; border-color:#26873a;}
.news_box .str_til .more_link i{ display:inline-block; width:7px; height:9px; background:url(/images/all_icon.png) -73px -0px no-repeat; position:absolute; right:10px; top:8px;}
.news_box .str_til .more_link:hover i{ background-position:-73px -34px;}

.news_box2{ padding-bottom:0px; width:1250px; left:50%; margin-left:-625px; position:relative}
.str_til{ padding:32px 0 0; overflow:hidden; width:120px; left:50%; margin-left:-60px; position:relative}
.str_til h2{ font-size:30px; color:#333; font-weight:bold; padding-top:1px; line-height:44px; position:relative;}
.str_til h2 i{ width:24px; height:4px;}
.news_box2 .str_til .more_link{ width:96px; border:4px solid #ececec; line-height:26px; color:#999; font-size:14px; font-weight:bold; text-indent:12px; position:relative; transition:all .8s;}
.news_box2 .str_til .more_link:hover{ color:#26873a; border-color:#26873a;}
.news_box2 .str_til .more_link i{ display:inline-block; width:7px; height:9px; background:url(/images/all_icon.png) -73px -0px no-repeat; position:absolute; right:10px; top:8px;}
.news_box2 .str_til .more_link:hover i{ background-position:-73px -34px;}








.news_list{ width:1250px; padding:34px 0; height:260px; overflow:hidden; position:relative;}
.news_list ul{ float:left;}
.news_list li{ margin-right:25px; float:left;width:230px;}
.news_list .ts_li{ width:231px; margin-right:0;}
.news_list li .img_wrap img{ transition:all .8s;}
.news_list li .img_wrap img:hover{ transform:scale(1.06,1.06);}
.new_detail{ padding-top:20px;}
.news_timer{ width:48px; height:65px; border:1px solid #ccc; position:relative;}
.news_timer i{ display:inline-block; background:#000; position:absolute; top:-1px; }
.bor_l{ width:1px; height:8px; left:-1px;}
.bor_ltop{ width:8px; height:1px; left:-1px;}
.bor_r{ width:1px; height:8px; right:-1px;}
.bor_rtop{ width:8px; height:1px; right:-1px;}
.news_timer b{ display:inline-block; width:100%; padding-bottom:2px; font-weight:bold; border-bottom:1px solid #ccc; font-size:28px; color:#000; text-align:center; line-height:40px;}
.news_timer span{ display:block; font-size:14px; font-weight:bold; text-align:center; line-height:22px;}
.news_text{ padding-left:10px; overflow:hidden; line-height:20px;}
.news_text h3{ font-size:14px; font-weight:bold; line-height:20px; padding:3px 0 6px 0; position:relative;}
.news_text h3 a{ transition:all .4s;}
.news_text h3 a:hover{ color:#00b6ea;}
.news_text p{ text-align:justify; font-size:12px; line-height:19px; text-justify:inter-ideograph;}

.btn_wrap{ width:102px; margin:0 auto;}
.btn_wrap span{ display:inline-block; width:26px; height:26px; margin:0 3px 0 13px; border:3px solid #ececec; background:#fff; cursor:pointer; transition:all .8s;}
.btn_wrap span i{ display:block; width:10px; height:20px; margin:3px auto 0; }
.btn_wrap .btn_l i{ background:url(/images/all_icon_r.png)}
.btn_wrap .btn_r i{ background:url(/images/all_icon_l.png)}

.btn_wrap span:hover{ border-color:#00b6ea; background:#00b6ea;}
.btn_wrap .btn_l:hover i{ background:url(/images/all_icon_2r.png)}
.btn_wrap .btn_r:hover i{background:url(/images/all_icon_2l.png)}