/*=========================================全局共用属性CSS ===============================================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin:0px; padding:0;}  
body{ font-family:"微软雅黑","宋体"; font-size:16px; color:#666;}
img{ border:none; vertical-align:top;}/*清除图片间距*/
ul,li{ list-style:none;}
*{margin:0; padding:0;}
a {text-decoration: none; }
a:hover{ text-decoration: none;}
.clear{ content:""; display:block; clear:both;}
html{ overflow-x:hidden;}



.row {margin-right:0px;margin-left:0px;}
col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right:0px;
  padding-left:0px;
}




/*清除浮动*/
.header::After,.footer_b::after,.footer_nav::After,.donation::After,.donation_main::before,.list::after,.con_zonge::after,.donor::after,.donor_main::After,.donor_more::after,.feedback::After,.link_main::after,.information::after,.informa_title::After,.reco_text li::After,.open::After,.recommend::after,.inside_banner::after,.inside_main::After,.inside_contain::after,.bill_title::after,.page_number::after,.phone_footer::After,.inside_link::after,.donor_story::after,.want_donate::After,.welfare::After,.welfare_main::After,.cooperation::After,.inside_title::after,.cooper_main::After,.release::after,.infor_open::After,.infor_open_pic::After,.infor_text ul::after,.infor_text::After,.service_story::after,.service_sto::After,.foundations::After,.foundations_text::After,.contact::After,.online ul::after,.online::after,.phone_bk::after,.phone_piaoju::After,.cooper_pic::after,.ser_details::After,.return::after,.publicity::After,.finance::after,.finance ul::after,.ind_open::After,.ind_xixin::after,.ind_ckou::after,.pla_pic::after,.go_action::after,.index_viv_title::After,.footer_nav1::after{ clear:both; content:""; display:block;}


/*顶部*/
.header{ background:#fff; padding:15px 0; width:100%; width:100%;}
.header_main{ width:1200px; margin:0 auto;}
.header_main .logo{ width:37%; float:left; margin-right:33%;}
.header_main .logo img{ width:100%;}
/*手机*/
.header_main .phone{ width:6%; float:left; padding-top:0.8%;}
.header_main .phone li{ float:left;}
.header_main .phone li i{ color:#ccc; font-size:30px; font-weight:500;}
.header_main .phone li i:hover{ color:#e11b1c;}
.header_main .phone .jl{ margin-left:6px; padding-top:40px;}
/*搜索*/
.search{ width:22%; float:right; margin-left:1%; padding-top:0.8%;}
.search input{ padding-left:10px; line-height:30px; background:#fff; border:1px solid #ededed; width:70%; float:left;}
.search button{ background:#0f4b9e !important; width:20%;color:#fff; line-height:28px; border:1px solid #0f4b9e; margin-top:1px;}
/*phone顶部*/
/*手机logo*/
.phone_logo{ width:44%; float:left; padding:4% 0;}
.phone_logo img{ width:100%;}
.phone_nav{ float:right; width:20%; text-align:right; margin-top:2%;}
.phone_nav i{ font-size:30px; color:#666;}

#hide{ width:30%; background:#008cd6; right:0; font-size:14px; text-align:center;top:5%; display:none; z-index:1000;}
#hide li{ border-bottom:1px solid #fff; width:100%; line-height:36px;}
#hide li a{ color:#fff;}



/*导航*/
.nav{ background:#008cd6; height:80px; width:100%;}
.nav1{ width:1200px; margin:0 auto;}
.nav1 a {color:#fff; line-height:80px; display:block; text-align:center;}
.nav1 a:hover,.nav1 a:active{color:#fed67b; text-decoration:none; line-height:80px;}
.nav_menu-item {display:inline-block;position:relative; z-index:1000; font-size:18px; line-height:80px; float:left; width:11%;}
.nav_menu-item:hover,.nav_menu-item:hover .actier {color:#fff !important; line-height:80px;background:#002d6f;}
.nav_menu-item:hover{ transition:1s;}
.nav_menu-item:hover .nav_submenu {visibility:visible; opacity:1;transition:1s;}
.nav_submenu {visibility:hidden; position:absolute;width:100%;background:rgba(16,74,158,0.8); text-align:center; left:0px; right:0; opacity:0; z-index:1001;}
.nav_submenu-item{ line-height:40px !important; font-size:14px;}
.nav_submenu-item a{ color:#fff;line-height:40px !important; border-bottom:1px solid #fff;}
.nav_submenu-item:hover { color:#fed67b;}

/*banner*/
#solid{width:100%;clear:both;}
#solid ul{margin:0px;padding:0px;list-style:none;	}
#solid ul li{left:0;top:0px;width:100%;display:none;cursor:pointer;}
#solid ul li img{ width:100%}
#solid #btt{width:100%; position:relative;}
#solid #btt span{position:absolute;left:45%; bottom:20px; display:block;width:20px;height:20px; border-radius:50%;text-align:center;background:#000;z-index:1000;cursor:pointer;filter:alpha(opacity=60); /*IE滤镜，透明度50%*/
-moz-opacity:0.6; /*Firefox私有，透明度50%*/opacity:0.6;/*其他，透明度50%*/}

/*手机端banner*/
.banner .swiper-container {width:100%;} 
.banner img{ width:100%;}
.banner .swiper-pagination-bullet { width:12px; height:12px;display: inline-block; border-radius: 100%; background: #000;opacity: 0.6;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0;left: 0;width: 100%;}
.banner .swiper-pagination-bullet-active {opacity: 1; background:#fff;}


/*百叶窗*/
#box{ position:relative; height:319px; margin:0 3% 0 0;}
#box .bigUl{}
#box .prev{ position:absolute; width:40px; height:60px; background:url(../images/icon-focusimg-btn-png24-20131225.png) -44px -63px no-repeat; z-index:500; top:67px; left:0px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
#box .next{ position:absolute; width:40px; height:60px; background:url(../images/icon-focusimg-btn-png24-20131225.png) -74px -63px no-repeat; z-index:500; top:67px; right:0px; opacity:0; filter:alpha(opacity=0);cursor:pointer;}
.bigUl li { position:absolute;width:100%;}
.bigUl li img{ width:100%;height:100%;}
.numberUl { position:absolute; right:2%; bottom:4%; z-index:400}
.numberUl li{width:24px; height:24px;  float:left; background:#000; opacity:1; margin-left:5px;}
.numberUl li a{ display:block ;width:24px; height:24px; color:#fff; font-size:12px; text-align:center; line-height:24px;}
#box .textUl li{ position:absolute; left:20px; bottom:10px; display:none;}
#box .textUl li a{ font-size:18px; font-family:"Microsoft Yahei"; color:#fff; font-weight:bold;}
.numberUl li.night a{ background:#e11b1c; color:#fff; }



/*首页——友情链接*/
.go_action{ width:100%; background:url(../img/line01.jpg) no-repeat bottom left; padding:0 0 10px 10px; box-sizing:border-box; font-size:24px; color:#333;}
.information{ width:65%; margin:4% auto 3% auto;}
.link_main{ width:65%; margin:2% auto 3% auto;}
.link_main h1,.informa_title{ width:100%; background:url(../img/line.jpg) no-repeat bottom left; padding:0 0 10px 10px; box-sizing:border-box; font-size:24px; color:#333;}
.link_line1{border:1px solid #eaeaea; border-top:0; padding:1%; width:100%; box-sizing:border-box;}
.link_line { position:relative; height:125px; margin:0 auto; }
.link_line ul {position:absolute; left:0; top:0;}
.link_line ul li {float:left; text-align:center; margin-right:12px;}
.link_line ul li img{border:1px solid #f1f1f1; background:#fff;}
.link_img img{border:1px solid #f1f1f1; width: 100%;}
.link_img li{ margin:2% 4%;}


/*捐赠窗口*/
.donate{ width:490px; float:right;}



/*我要捐赠*/
.donation{ width:65%; margin:4% auto 0 auto;}
.donation h1,.list h1,.donor h1,.bill h1{ width:227px; height:80px; line-height:80px; margin:0 auto 40px auto; font-size:32px; text-align:center; color:#008cd6; background:url(../img/title.png) no-repeat; font-weight:normal;}
.donation_main{ width:100%;}
.donation_main ul{ padding:0 1%;text-align:center; margin-bottom:4%;}
.donation_main ul li{ width:100px; height:100px; line-height:100px; margin:0 auto; background:#fff; border:2px solid #bdd8ff; border-radius:50%; transition:1s;}
.donation_main ul li i{ color:#bdd8ff; font-size:46px;}
.donation_main ul h3{ color:#333; font-size:20px; font-weight:normal; padding-top:10px;}
.donation_main ul p{ font-size:16px; color:#666; padding:2% 0 4% 0;}
.donation_main ul span{ border:1px solid #ddd; width:90px; display:block; height:30px; line-height:30px; border-radius:30px; font-size:14px; color:#999; margin:0 auto; transition:1s;}
.donation_main ul:hover li{ border:2px solid #008cd6; background:#008cd6;}
.donation_main ul:hover li i{ color:#fff;}
.donation_main ul:hover h3{ color:#008cd6;}
.donation_main ul:hover span{ background:#008cd6; border:1px solid #008cd6; color:#fff;}

/*捐款榜单*/
.list{ background:url(../img/list_bg.jpg) no-repeat; background-size:cover; width:100%; padding:3% 0;}
.list_contain{ width:65%; margin:0 auto;}
.list_pic{ width:360px; float:left; margin-right:70px;}
.contribution{ width:770px; float:left;}
.con_zonge{ width:100%; font-size:20px; color:#008cd6;}
.con_zonge span{ font-size:26px; font-weight:bold; margin:0 6px; display:inline-block; height:46px; line-height:46px;}
.total{ float:left; width:49%;}
.total span{ color:#d12148; background:url(../img/total.png) no-repeat; background-size:cover; width:260px; padding-left:45px; box-sizing:border-box;}
.people{ float:right;width:48%;}
.people span{ color:#008cd6; background:url(../img/people.png) no-repeat; background-size:cover; width:220px; padding-left:55px; box-sizing:border-box;}
.tab_form{ margin-top:20px; width:100%;}
.tab_form th{ background:#008cd6; height:60px; line-height:60px; font-size:18px; color:#fff; font-weight:normal; text-align:left;}
.tab_form tr td{ line-height:60px; font-size:16px;}
.tab_form tr:nth-child(2n){ background:#fff; color:#333;}
.tab_form tr:nth-child(2n+1){ background:#deebff; color:#008cd6;}
.tab_form tr td:nth-child(1),.tab_form th:nth-child(1){ width:40%; text-align:left; padding:0 5%;}
.tab_form tr td:nth-child(2),.tab_form th:nth-child(2){ width:18%; text-align:center;}
.tab_form tr td:nth-child(3),.tab_form th:nth-child(3){ width:32%; text-align:center;}

/*捐赠人故事*/
.donor{width:65%; margin:4% auto 4% auto;}
.donor_main{ margin-top:0.5%;}
.donor_main1{ margin-top:0.5%; margin-right:3%; margin-bottom:4%; background:#f6f6f6;}
.donor_main2{ margin-top:0.5%; margin-left:3%; margin-bottom:4%; background:#f6f6f6;}
.donor_main,.donor_main img,.donor_main1 img,.donor_main2 img{ width:100%; }
.donor_main li h3,.donor_main1 li h3,.donor_main2 li h3{ color:#008cd6; text-align:center; font-size:20px; font-weight:normal; padding-top:8%;}
.donor_main li p,.donor_main1 li p,.donor_main2 li p{ margin:6.4% 12%; font-size:14px; color:#666; text-align:justify; line-height:24px; height:72px; overflow:hidden;}
.donor_main li span,.donor_main1 li span,.donor_main2 li span{ display:block; border:1px solid #d9d9d9; width:32%; height:30px; line-height:30px; border-radius:20px; margin:0 auto; font-size:14px; color:#999; text-align:center; transition:1s;}
.donor_jt{ background:url(../img/donor_bg.jpg) no-repeat; background-size:cover; padding:3.2% 0;}
.donor_main:hover span,.donor_main1:hover span,.donor_main2:hover span{ background:#008cd6; color:#fff; border:1px solid #008cd6;}
.donor_jt1{ background:url(../img/donor_bg1.jpg) no-repeat; padding:3.2% 0;}
.donor_more1{width:15%; margin:2% auto 0 auto; line-height:50px; height:50px; border-radius:25px; font-size:16px; text-align:center; background:#008cd6; border-radius:25px;}
.donor_more{width:10%; margin:2% auto 0 auto; line-height:50px; height:50px; border-radius:25px; font-size:16px; text-align:center; background:#008cd6; border-radius:25px;}
.donor_more2{width:20%; margin:2% auto 0 auto; line-height:46px; height:46px; border-radius:25px; font-size:16px; text-align:center; background:#fff !important; border-radius:25px;}
.donor_more2 a{}
.donor_more a,.donor_more1 a{ color:#fff;}
.donor_more:hover,.donor_more1:hover{ background:#d31802; display:block;border-radius:25px;}
/*捐赠票据*/
.bill{ background:url(../img/bill_bg.jpg) no-repeat; width:100%; padding:60px 0 50px 0; margin-top:50px;}
.bil_mt h2{ margin-top:2.5% !important;}

/*滚动*/
#Roll { position:relative; overflow:hidden; height:279px; width:1200px; margin:0 auto;}
#Roll ul {position:absolute; left:0; top:0;}
#Roll ul li {float:left; text-align:center; margin-right:40px;}
#Roll ul li img{padding:4px; border:1px solid #e7e7e7; background:#fff;}
#Roll ul li figure figcaption{ font-size:16px; color:#666; padding-top:20px;}
#Roll ul li:hover figure figcaption{color:#008cd6;}


/*捐赠回馈*/
.feedback{ background:#fff; border-radius:10px; box-shadow:0px 0px 20px rgba(195,195,195,0.2); padding:3%; width:100%; box-sizing:border-box;}
.feed_pic{position:relative; margin-right:0%; width:100%;}
.feed_pic_img,.feed_pic_img img{ width:100%;}
.feed_pic li{margin:0% 10%; padding:4% 10%; box-sizing:border-box; background:rgba(0,0,0,0.3); border-radius:10px; bottom:18%; position:absolute;}
.feed_pic li h2{ font-size:28px; color:#fff; padding:10px 0 20px 0; font-weight:normal;}
.feed_pic li p{ font-size:14px; line-height:28px; color:#8cbcef; text-align:justify; padding-bottom:15px;}
.feed_pic li span{ font-size:14px; color:#fefefe; background:#d31802; width:30%; padding:2% 0; border-radius:5px; display:block; text-align:center;}
.feed_main{ width:100%;}
.feed_main li{ margin:5% 4% 0 5%;}
.feed_main li figure img{ border-radius:10px; width:100%;}
.feed_main li figure figcaption{ font-size:16px; color:#666; padding-top:10px; text-align:center;}

.feed_main li a:hover figure figcaption{ color:#008cd6;}


/*PC底部*/
.footer_b{background:#008cd6; width:100%; padding-bottom:80px;}
.footer_main{ width:1200px; margin:0 auto;}
.footer_nav{ width:100%; border-bottom:1px solid #05a9ff; text-align:center; margin:0 auto; padding:0 5%; box-sizing:border-box;}
.footer_nav li{ float:left; text-align:center; font-size:18px; line-height:70px; padding:0 24px;}
.footer_nav li a{ color:#fff;}
.footer_nav li a:hover{ color:#fed67b;}
.footer_contain{ width:100%; margin-top:36px; color:#c0e9ff;}
.footer_logo{ float:left; width:13%; padding-right:30px; margin-right: 3%; margin-top:1.5%;}
.footer_add{ width:67%; border:1px solid #05a9ff; border-top:0; border-bottom:0; float:left;}
.footer_add li{ padding-left:18%; line-height:32px;}
.footer_ewm{ width:14%; float:right;  box-sizing:border-box; text-align:center;}
.footer_ewm img{ padding-bottom:5px;}
.footer_ewm li{ float:left; }
.footer_add li a{color:#c0e9ff;}
.footer_add li a:hover{color:#ffff00;}



/***************************************************************************************爱心捐赠********************************************************************/
.inside_banner,.inside_banner img{ width:100%;}
.inside_main{ background:#f6f6f6; padding:2% 0%; margin:0 auto; width:100%; box-sizing:border-box;}
.inside_contain{ background:#fff; padding:2% 0; width:65%; margin:0 auto;}
.inside_title{ border-bottom:1px solid #e7e7e7; padding-bottom:2%; width:100%; margin-bottom:4%;}
.inside_title h2{ text-align:left; font-size:24px; color:#008cd6; padding-left:8%; font-weight:bold;}
.inside_title h6,.welfare_title h6{ text-align:right; font-size:16px; color:#444; padding-right:4%;}
.inside_title h6 a,.welfare_title h6 a{ color:#444;}
.inside_title h6 a:hover,.welfare_title h6 a:hover{color:#008cd6;}
.bill_title{ background:url(../img/bill_title.png) no-repeat top left; background-size:contain; font-size:32px;color:#008cd6; padding:1.5% 0; margin:4% auto; text-align:center; width:17.5%;}
.bill_in_pic{ margin:0 10% 6% 10%;}
.bill_in_pic img{ width:100%;border:1px solid #e7e7e7; padding:1%;}
.bill_in_pic p{ margin:4% 0 0 0; font-size:16px; color:#666; text-align:center; height:30px; line-height:30px; overflow:hidden;}
/*页码*/
.page_number{ margin:0 0 0% 4%;}
.page_number li{ float:left; border:1px solid #e7e7e7; border-right:0; padding:0.5% 1%; display:inline-block;}
.page_number li a{ color:#666;}
.page_number li:hover{ border:1px solid #008cd6;}
.page_number li:hover a,.inside_link li a:hover{ color:#008cd6;}
.page_number li:last-child{ border-right:1px solid #e7e7e7;}
.page_mtl{ margin:4% 0 0% 6%;}
.page_mtl0{ margin:2% 0 0% 0%;}
/*友情链接*/
.inside_pt{ padding:0 0 2% 0;}
.inside_link{background:#fff; padding:1%; width:65%; box-sizing:border-box; margin:0 auto; border:1px solid #e7e7e7;}
.inside_link h2{ font-size:18px; font-weight:bold; color:#2553a1; display:inline;}
.inside_link li{ display:inline; font-size:14px; line-height:30px;}
.inside_link li a{color:#666; padding:0 1%;}
/*捐赠人故事*/
.donor_story{ width:92%; margin:0 auto 4% auto; border:1px solid #e7e7e7; background:#fff; padding:1%; box-sizing:border-box; border-radius:5px; transition:all 1s;}
.donor_story_pic{ padding-right:18%;}
.donor_story_pic img{ width:100%; border-radius:5px;}
.donor_story_text{ padding-top:1%;}
.donor_story_text h3{ font-size:18px; color:#333; font-weight:bold; line-height:30px; transition:all 1s;}
.donor_story_text p{ font-size:16px; line-height:30px; text-align:justify; height:60px; overflow:hidden; margin:1% 2% 1.5% 0; color:#666;}
.donor_story_text span{ background:#f6f6f6; padding:1% 2%; display:inline-block; font-size:14px; color:#999; border-radius:5px; transition:all 1s;}
.donor_story:hover{background:#f6f6f6; border:1px solid #f6f6f6;}
.donor_story:hover h3{ font-size:20px; color:#008cd6;}
.donor_story:hover span{background:#008cd6; color:#fff;}
/*我要捐赠*/
.want_donate{ width:100%; padding:0 2%; text-align:center;}
.want_donate_pic{width:100%; margin-top:2.6%;}
.want_donate_pic img{ width:100%;}
.month_dona{ margin-right:6%; margin-top:5%; background:url(../img/mouth_bg.jpg) no-repeat center top; background-size:cover; padding:5% 8%;}
.want_donate h4{ font-size:20px; font-weight:bold; color:#fff;padding-top:3%;}
.want_donate p{ font-size:14px; color:#fff; padding:3% 0 12% 0;}
.circle{ background:#3974c8; border:2px solid #fff; width:160px; height:160px; border-radius:50%; margin:20% auto 6% auto;}
.in_circle{ border:2px solid #5b96e9; background:#3974c8; width:140px; height:140px; line-height:140px; border-radius:50%; margin:6% auto; transition:all 1s;}
.in_circle i,.lv_in_circle i{ font-size:60px; color:#fff;transition:all 1s;}
.month_dona:hover .in_circle,.project_dona:hover .lv_in_circle{ background:#fff; border:2px solid #fff;}
.month_dona:hover .in_circle i{color:#3974c8;}
.project_dona{ margin-top:5%; background:url(../img/project_bg.jpg) no-repeat center top; background-size:cover;}
.project_mr{ margin-right:6%; padding:5% 8%;}
.lv_circle{ background:#009944; border:2px solid #fff; width:160px; height:160px; border-radius:50%; margin:20% auto 6% auto;}
.lv_in_circle{ border:2px solid #12ad57; background:#009944; width:140px; height:140px; line-height:140px; border-radius:50%; margin:6% auto; transition:all 1s;}
.project_dona:hover .lv_in_circle i{ color:#009944;}
.pro_pt{ padding:3% 8% 4.5% 8%;}
/*捐赠回馈*/
.return{ width:100%; padding:2% 4% 2% 4%; box-sizing:border-box;}
.return_title{ background:url(../img/return.png) no-repeat top center; background-size:cover; padding:1.4% 0; text-align:center; font-size:20px; color:#fff;}
.return_text{ padding:4% 0 2% 0;}
.return_text p{ padding-bottom:2%; line-height:40px; color:#666; font-size:16px; text-align:justify; text-indent:30px;}
.ret_mt{ margin-top:2%;}



/*公益项目*/
.welfare{ width:100%; padding:2% 0;}
.welfare_title{ border-bottom:1px solid #e7e7e7; width:100%; padding-bottom:1%;}
.welf_tit,.welfare_main{ width:65%; margin:0 auto;}
.welfare_con{ margin-top:5%; width:100%;}
.welfare_title h2{ text-align:left; font-size:24px; color:#008cd6; font-weight:bold;}
.welfare_pic{ width:100%;}
.welfare_pic img{ width:100%;}
.welfare_text{ background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1); margin-right:18%; text-align:center; padding:20% 0 24% 0; transition:all 1s;}
.welfare_text h1{ font-size:36px; font-weight:bold; color:#818181;}
.welfare_text hr{ background:#008cd6; height:3px; width:30px; margin:7% auto; border:0;}
.welfare_text p{ font-size:30px; color:#818181; padding-bottom:16%;}
.welfare_text span{ border:2px solid #818181; padding:2% 8%; border-radius:20px; font-size:16px; color:#818181;}
.welfare_text:hover{ background:#008cd6;}
.welfare_text:hover h1{ color:#fff;}
.welfare_text:hover hr{ background:#008cd6;}
.welfare_text:hover p{ color:#fff;}
.welfare_text:hover span{border:2px solid #fff; color:#fff;}
/*公益项目详情*/
.wel_deta_pic,.wel_deta_pic img{ width:100%;}
.wel_deta_text{ padding-left:8%;}
.wel_deta_text h3{ font-size:30px; color:#121212; font-weight:bold; padding:2% 0 4% 0;}
.wel_deta_text p{ font-size:18px; color:#999; line-height:30px; text-align:justify;}
.wel_deta_text ul{ margin-top:4%;}
.wel_deta_text ul li{ float:left; width:42%; margin-right:2%; line-height:50px; background:#008cd6; color:#fff; margin-bottom:2%; text-align:center; font-weight:bold;}
.wel_deta_text ul li i{ font-weight:normal; font-size:24px; vertical-align: middle; padding-right:3%; color:#fff;}
.wel_deta_text ul li a{ color:#fff;}
.wel_deta_text ul li:hover{ background:#e11b1c; color:#fff;}
.wel_deta_text ul li:hover i{ color:#fff;}
.welfare_det{ border-bottom:1px solid #e7e7e7; padding:2% 0 1% 2%; font-size:24px; color:#2553a1;}
.selfare_details{ padding:2%;line-height:36px;}
.selfare_details p{ padding-bottom:2%; font-size:16px; color:#666;  text-align:justify;}
.selfare_details img{max-width:100%;height:auto !important}
.self_page{ padding:0 2%; width:100%; box-sizing:border-box;}
.self_page li{ border:1px solid #e7e7e7; width:48%; float:left; line-height:40px; padding:0 1%; margin-bottom:2%; font-size:18px;}
.self_page_mr{ margin-right:4%;}
.self_page li a{ display:block; color:#666;}
.self_page li:hover a{ color:#008cd6;}
.self_page li:hover{ border:1px solid #008cd6;}
/*公益合作*/
.cooperation{ width:100%; text-align:center;}
.cooperation a{ display:inline-block; text-align:center; background:#f6f6f6; font-size:20px;color:#5b5b5b; border-radius:5px;padding:1% 3%; margin:0 0.5% 2% 0.5%; transition:all 1s;}
.cooperation a:hover{ background:#008cd6; color:#fff;}
.cooperation a.act1{background:#008cd6; color:#fff;}
.cooper_main{ width:96%; margin:2% auto;}
.cooper_pic{ text-align:center;}
.cooper_pic figure{ width:100%;}
.cooper_pic figure img{ max-width:100%;}
.cooper_pic figure figcaption{ font-size:20px; padding:2% 0; font-weight:bold;}
.enter_cooper{ margin:2% 12%; width:76%;}
.enter_cooper figure{ width:100%; margin-bottom:12%;}
.enter_cooper figure img{width:100%; border:1px solid #e7e7e7; border-radius:5px;}
.enter_cooper figure figcaption{ font-size:16px; color:#666; text-align:center; line-height:24px; height:48px; overflow:hidden; margin-top:4%;}
/*公益案例*/
.coop_case{ margin:0 5% 8% 5%; border:1px solid #e7e7e7; border-radius:5px; padding:1%;}
.coop_case li{ width:100%;}
.coop_case li img{ width:100%; border-radius:5px;}
.coop_case h2{ font-size:18px; color:#333; text-align:center; font-weight:bold; height:24px; line-height:24px; overflow:hidden; margin:4% 0; transition:all 1s;}
.coop_case p{ font-size:14px; color:#666; line-height:24px; text-align:justify; padding:0 2%; height:72px; overflow:hidden;}
.coop_case span{ font-size:14px; color:#666; background:#f6f6f6; border-radius:5px; width:30%; line-height:40px; margin:2% auto; display:block; text-align:center; transition:all 1s;}
.coop_case:hover h2{ color:#008cd6;}
.coop_case:hover span{ background:#008cd6; color:#fff;}
/*生命长江——生态图片*/
.ecology{margin:2% 5% 8% 5%; width:90%;}
.ecology img{ width:100%;border-radius:5px 5px 0 0;}
.ecology li{ border-radius:5px;background:#f6f6f6; width:100%; margin-top:1px; font-size:18px; text-align:center; color:#333; padding-bottom:3%; transition:all 1s;}
.ecology li p{line-height:50px; height:50px; overflow:hidden;}
.ecology:hover li{ background:#008cd6; color:#fff;}
.ecology li span{font-size:14px; color:#666; border:1px solid #d3d3d3; border-radius:5px; width:30%; line-height:40px; margin:2% auto; display:block; text-align:center; transition:all 1s;}
.ecology:hover span{ background:#fff; color:#008cd6;}
/*长江要闻*/
.new_river{ border:1px solid #e7e7e7; padding:2%; width:96%; box-sizing:border-box; margin:0 2% 4% 2%; transition:all 1s;}
.dark{ background:#fff; transition:all 1s;}
.new_riv_pic,.new_riv_pic img{ width:100%;}
.new_riv_text{ padding-left:4%;}
.new_river_neirong{ float:left; width:92%; margin-right:5%;}
.new_river_neirong h2{ font-size:18px; color:#333; line-height:24px; height:24px; overflow:hidden; margin-top:1%;}
.new_river_neirong p{ font-size:14px; line-height:26px; text-align:justify; height:52px; overflow:hidden; color:#666; margin:1% 0;}
.new_river_neirong li{ font-size:12px; color:#999;}
.new_river_neirong li time{ padding-right:4%; line-height:18px;}
.new_river_neirong li i{ color:#ccc; font-size:18px; vertical-align:top; padding-right:0.5%;}
.new_river_neirong li font{line-height:18px;}
.new_river:hover{border:1px solid #008cd6;}
.new_river:hover .dark{ background:#f6f6f6;}
.new_river:hover .new_river_more{ background:#008cd6; color:#fff;}
.new_river_more{ float:right; text-align:center; width:3%; text-align:center; vertical-align:middle; background:#f2f2f2; height:120px; line-height:120px;}
/*新闻详情*/
.new_details{ border-bottom:1px solid #e7e7e7; padding:0 0 2% 0; text-align:center; width:100%;}
.new_details h1{ font-size:24px; font-weight:bold; color:#121212; line-height:36px;}
.new_details p{ font-size:16px; color:#aaa; padding:2% 0 0% 0;}
.new_details p font{ padding:0 6%;}
/*志愿服务  任务发布*/
.release{ margin:0 2% 4% 2%; width:96%; background:#fff; border:1px solid #f6f6f6; border-radius:5px; padding:2%;}
.release_pic{ padding-right:8%; width:92%;}
.release_pic img{ width:100%;}
.release_text{}
.release_text h3{ font-size:18px; color:#008cd6; font-weight:bold; line-height:24px; height:24px; overflow:hidden; margin:1% 0 0.5% 0;}
.release_text time{ font-size:14px; color:#666; display:block;}
.release_text span{ font-size:14px; color:#666; margin:1.5% 0 1.5% 0;display:block;}
.release_text span em{ font-style:normal; color:#008cd6;}
.release_text p{ font-size:16px; color:#666; line-height:30px; text-align:justify; height:60px; overflow:hidden;}
.release:hover{ background:#f6f6f6;}
/*任务发布详情*/
.ser_details{ border-bottom:1px solid #e7e7e7; padding:0 0 2% 0; text-align:center; width:100%;}
.ser_details h1{ font-size:24px; font-weight:bold; color:#121212; line-height:36px; padding-bottom:2%;}
.ser_details li{ font-size:16px; color:#aaa; text-align:left; line-height:30px;}
.ser_details li p{ margin-left:16%;}
/*捐赠公示*/
.publicity{ width:100%; padding:2% 4%; box-sizing:border-box;}
/*捐赠人故事*/
.pub_stroy{ width:46%; float:left;}
.pub_text{width:46%; float:right;}




/*成为志愿者*/
.volunteer{ background:url(../img/volunteer_bg.jpg) no-repeat top left; background-size:cover; padding:2% 9% 4% 9%; width:100%; box-sizing:border-box; font-size:18px; color:#999; line-height:30px;}
.volunteer font{ color:#e11b1c;}
.volunteer_table{margin:5% 0 0 10%; width:90%;}
.volunteer_table ul{ font-size:18px; color:#666; margin-bottom:5%;}
.volunteer_table ul input{ width:30%; line-height:40px; border:1px solid #e7e7e7; border-radius:5px; margin-left:2%; padding-left:2%;}
.volunteer_table ul textarea{margin-left:2%; width:50%; line-height:40px; border:1px solid #e7e7e7; border-radius:5px;padding:0 2%;}
.volunteer_table ul font{ float:left; width:15%; text-align:right;}
.volun_btn { padding-left:17.5%;}
.volun_btn .red{ background:#008cd6; border-radius:5px; line-height:40px; color:#fff; font-size:18px; padding:0 8%; border:0;}
.volun_btn .gary{ background:#f1f1f1; border-radius:5px; line-height:40px; color:#666; font-size:18px; padding:0 8%; border:0; margin-left:4%;}
/*志愿者服务故事*/
.service_story{ margin-right:6%; margin-bottom:6%; background:#fff; box-shadow:0px 0px 15px rgba(0,0,0,0.1); padding:3%; width:94%; box-sizing:border-box;}
.ser_story_pic{ border:1px solid #e7e7e7; padding:2px; float:left; width:30%;}
.ser_story_pic img{ width:100%;}
.ser_story_text{ width:65%; float:right;}
.ser_story_text h3{ font-size:20px; color:#666; font-weight:bold; padding:4% 0 6% 0; transition:all 1s;}
.ser_story_text p{ font-size:16px; color:#666; line-height:28px; text-align:justify; height:84px; overflow:hidden; margin-bottom:4%;}
.ser_story_text span{ font-size:16px; color:#999; background:#f6f6f6; display:block; line-height:40px; width:30%; text-align:center; transition:all 1s;}
.service_story:hover .ser_story_text h3,.service_sto:hover .ser_story_text h3{ color:#008cd6;}
.service_story:hover .ser_story_text span,.service_sto:hover .ser_story_text span{background:#008cd6; color:#fff;}
.service_sto{ margin-left:6%; margin-bottom:6%; background:#fff; box-shadow:0px 0px 15px rgba(0,0,0,0.1); padding:3%; width:94%; box-sizing:border-box;}

/*信息公开*/
.infor_open{ margin:4% 3% 4% 3%; width:94%;}
.infor_open_pic{ padding-right:3%; width:36%; box-sizing:border-box; margin:0 auto;}
.infor_open_pic img{ max-width:80%;border-radius:5px;}
.finance{width:100%; padding:2% 4%; box-sizing:border-box;}
.infor_text{ margin-left:10%; width:90%;}
.infor_text ul,.finance ul{ line-height:40px; border-bottom:1px solid #e7e7e7; padding:2%; width:100%; box-sizing:border-box; transition:all 1s;}
.infor_text ul .lj,.finance ul .lj{ margin-right:1%; font-size:18px; color:#666; float:left; width:80%; line-height:40px; height:40px; overflow:hidden;}
.infor_text ul .lj i,.finance ul .lj i{ color:#ddd; padding-right:2%; transition:all 1s;}
.infor_more{ background:#f6f6f6; line-height:40px; border-radius:5px; font-size:14px; color:#aaa; float:right; text-align:center; width:13%; transition:all 1s;}
.policy_more{font-size:14px; color:#aaa; float:right; text-align:center; width:13%; }
.infor_more i,.policy_more i{ color:#ccc; padding-right:3%; font-size:18px; vertical-align:middle;}
.infor_text ul:hover,.finance ul:hover{border-bottom:1px solid #008cd6;}
.infor_text ul:hover .lj i,.infor_text ul:hover .lj,.finance ul:hover .lj{ color:#008cd6;}
.infor_text ul:hover .infor_more,.finance ul:hover .infor_more{ background:#008cd6; color:#fff;}
.infor_text ul:hover .infor_more i,.finance ul:hover .infor_more i{color:#fff;}

/*关于我们*/
.foundations{ margin-right:4%; width:96%;}
.foundations img{ width:100%; border-radius:5px;}
.foundations_text{ margin-left:6%; width:90%;}
.foundations_text h3{font-size:20px; line-height:30px; color:#333;  font-weight:bold;}
.foundations_text font{font-size:14px; line-height:30px; color:#666;}
.foundations_text p{ font-size:16px; line-height:30px; color:#666; text-align:justify; padding:1% 0 0 0;}
.foundations_text p font{ color:#e11b1c;}
.foundations_text img{ width:100%;}
.founda{ padding:2% 2% 0 2%; width:100%; box-sizing:border-box;}
.founda p,.zhangcheng p{font-size:16px; line-height:40px; color:#666; text-align:justify; text-indent:30px; padding:1% 0 0 0;}
.zhangcheng{margin:2% 3% 4% 3%; width:94%; padding:0 2%;}
.zhangcheng img{ width:100%;}
/*联系我们*/
.contact{ padding:0 4%; width:92%;}
.contact img{ width:100%; border-radius:5px;}
.contact_up{ padding:7% 2% 0 2%;}
.contact_up li{ font-size:16px; color:#666; padding:2% 0;}
.contact_up li i{ color:#dcdcdc; font-size:24px; vertical-align:middle; padding-right:3%;}
/*在线招聘*/
.online{ width:90%; margin:0 auto; padding:3% 0; text-align:center;}
.online ul{ width:40%; margin:2% auto; font-size:18px; color:#666;}
.online ul font{ float:left; width:20%; text-align:right; line-height:40px;}
.online ul li{ float:left; width:77%; text-align:left; margin-left:3%;}
.online ul .inp{ border:1px solid #e7e7e7; border-radius:5px; line-height:40px; width:60%; padding:0 1%;}
.online ul li span{ display:inline; margin-right:6%; line-height:40px;}
.online ul li textarea{border:1px solid #e7e7e7; border-radius:5px; line-height:40px; width:90%; padding:0 2%;}
.online_btn{ float:right;}
.online_tj{ background:#e11b1c; width:36%; line-height:40px; border-radius:5px; border:0; color:#fff; float:left; margin-right:10%;}
.online_cz{ background:#f1f1f1; width:36%; line-height:40px; border-radius:5px; border:0; color:#666; float:left;}

/*首页  信息公开*/
.ind_open{ width:65%; margin:0% auto 0 auto; overflow: hidden;}
.ind_xixin{ width:100%; padding:0 2.5% 0 0; box-sizing:border-box; margin-top:4%;}
.ind_ckou{ width:100%; padding:0 0% 0 2.5%; box-sizing:border-box; margin-top:6%;}
.informa_title h1,.go_action h1{ color:#008cd6; font-size:24px; float:left; font-weight:bold;}
.go_action span{ float:right; background:#f6f6f6; line-height:30px; padding:0 1.2%; margin-right:1%; border-radius:5px;}
.informa_title span{ float:right; background:#f6f6f6; line-height:30px; padding:0 3%; margin-right:2%; border-radius:5px;}
.informa_title span a,.go_action span a{ font-size:14px; color:#888; display:block;}
.informa_title span:hover,.go_action span:hover{ background:#008cd6;}
.informa_title span:hover a,.go_action span:hover a{ color:#fff;}

.recommend{ padding:4% 1% 4% 0; width:100%; box-sizing:border-box;}
.reco_pic{ float:left; width:35%; margin-right:3%;}
.reco_pic img{ width:100%; border-radius:5px;}
.reco_text{ width:62%; float:left; margin-top:0.5%;}
.reco_text h3{ font-size:20px; color:#333; height:30px; line-height:30px; overflow:hidden; font-weight:bold;}
.reco_text p{ font-size:16px; color:#666; line-height:28px; height:56px; overflow:hidden; text-align:justify; margin-top:2%;}
.reco_text li{ font-size:12px; color:#ccc; width:100%; margin-top:1%;}
.reco_text li time{ float:left; padding-right:40px;}
.reco_text li i{ font-size:20px; color:#ddd; vertical-align:middle; padding-right:5px;}
.reco_text li font{ float:left;}
.reco_text span{ background:#f1f1f1; line-height:30px; text-align:center; display:inline-block; padding:0 15px; font-size:14px; color:#aaa; margin-top:10px;}
.reco_text:hover h3{ color:#008cd6;}
.reco_text:hover span{ background:#008cd6; color:#fff;}
.open,.open1{ width:100%;}
.open1{ width:100%; margin-bottom:4%; margin-top:2%;}
.open1 li{ background:url(../img/new_line.png) no-repeat left bottom; line-height:46px; height:46px; overflow:hidden; text-align:left; padding:0 4% 0 8%;}
.open li{ background:url(../img/new_line.png) no-repeat left bottom; line-height:50px; height:50px; overflow:hidden; text-align:left; padding:0 4% 0 5%;}
.open li a,.open1 li a{ float:left; font-size:16px; color:#666;}
.open li:hover a,.open1 li:hover a{color:#008cd6;}
.open li time{ float:right; font-size:14px; color:#aaa;}
.platfo{ margin:4% 2% 2% 2%;}
.platfo_dingwei{ width:100%;position: relative;}
.platfo_dingwei img{width:100%;}
.platfo_dingwei li{ position:absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.4); height: 40px; text-align: center; color: #fff; font-size: 16px; line-height: 40px;}
.platfo_red{ background:#e11b1c; color:#fff; line-height:40px; font-weight:bold; text-align:center; font-size:14px;}
.platfo_red i,.platfo_blue i{ color:#fff; font-size:22px; vertical-align:middle; padding-right:6%; font-weight:normal;}
.platfo_blue{ background:#008cd6; color:#fff; line-height:40px; font-weight:bold; text-align:center; font-size:14px;}
.pla_pic{ margin-right:4%; width:96%;}
.pla_pic img{ width:100%;}
.pla_text{ margin-left:8%; width:92%;}
.pla_text h2{ font-size:20px; color:#333; font-weight:bold; line-height:30px; height:30px; overflow:hidden; margin-top:7%;}
.pla_text p{ font-size:16px; color:#666; line-height:24px; height:72px; overflow:hidden; text-align:justify; margin:4% 0 10% 0;}
.pla_text span{ background:#008cd6; display:block; line-height:40px; text-align:center; font-size:20px; color:#fff;}
/*我们在行动*/
.get_some{ margin-top:1%;}
.get_bg{ background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:1%; border-radius:5px; margin:4% 4%;}
.get_bg li{ width:100%;}
.get_bg li img{ width:100%; border-radius:5px;}
.get_bg h2{ font-size:20px; font-weight:bold; color:#333; text-align:center; margin:4% 0 2% 0;}
.get_bg p{ font-size:16px; color:#666; line-height:28px; text-align:justify; height:56px; overflow:hidden; margin:0 4%;}
.get_bg span{ font-size:14px; color:#888; line-height:40px; background:#f1f1f1; display:block; width:30%; margin:3% auto; text-align:center; border-radius:5px; transition:all 1s;}
.get_bg:hover h2{ color:#008cd6;}
.get_bg:hover span{ background:#008cd6; color:#fff;}
/*新闻中心  公益视频*/
.index_new{ margin:4% auto 0 auto;}
.index_viv_title{ margin-left:7%; margin-bottom:8%; width:93%;}
.index_viv_title ul{ margin:0% 0 0 2%; width:98%;}
.index_viv_title ul img{ width:100%; border-radius:5px;}
/*爱心捐款*/
.love_jk{ width:100%; margin:0% auto 0 auto; background:#d31802; padding:0.5% 0; position:fixed; bottom: 0;}
.love_jk ul{ font-size:22px; line-height:36px; color:#fff; width:80%; margin: 0 auto; text-align: center;}





@media screen and (max-width: 1400px){
.foundations_text p { font-size: 14px; line-height: 24px; padding: 1% 0 0 0;}


}


@media (max-width: 768px) {
.inside_contain{width:100%;}	
.inside_title h6,.welfare_title h6{ text-align:left; font-size:12px; padding-left:2%;}
.bill_title{width:32%;font-size:20px;}
.bill_in_pic p{ font-size:14px;}
.inside_main{ padding:2% 0% 5% 0%;}
/*phone底部*/
.phone_footer{background:#008cd6; width:100%; padding:3% 0; text-align:center; margin-bottom:19%;}	
.phone_footer li{ line-height:30px; color:#658bc1; font-size:14px; color: #fff;}
/*捐赠人故事*/
.donor_story{ width:98%;}
.donor_story_text{ padding-top:0%;}	
.donor_story_text h3{ font-size:16px; line-height:24px;}
.donor_story_text p{ font-size:14px; line-height:20px; height:40px; overflow:hidden;}
/*我要捐赠*/	
.circle,.lv_circle{ width:90px; height:90px;}
.in_circle,.lv_in_circle{width:75px; height:75px; line-height:75px; }
.in_circle i,.lv_in_circle i{ font-size:30px;}
.want_donate h4{ font-size:16px;}
.want_donate p{ font-size:12px;}	
.pro_pt{ padding:3% 8% 6% 8%; margin-right:6%;}
.welf_tit,.welfare_main{ width:96%;}
.welfare_text{ margin-right:0%; padding:8% 0 4% 0; width:100%;box-shadow:0px 0px 20px rgba(0,0,0,0); background:#f6f6f6;}
.welfare_text h1{ font-size:16px; color:#333;}
.welfare_text hr{ background:#008cd6; height:3px; width:30px; margin:3% auto; border:0;}
.welfare_text p{ font-size:14px; padding:0 4% 6% 4%;}
.welfare_text span{border:1px solid #ddd; padding:2% 8%; border-radius:20px; font-size:12px; margin-bottom:20% !important; color:#aaa;}
/*公益项目详情*/
.wel_deta_text{ padding-left:0%;}
.wel_deta_text h3{ font-size:20px; text-align:center;}
.wel_deta_text p{ font-size:14px; line-height:24px;}
.wel_deta_text ul li{ width:48%; margin-right:2%;}
.self_page li{ width:100%; float:none; padding:0 1%;font-size:14px; line-height:30px;}
.enter_cooper{ margin:2% 4%; width:92%;}
.enter_cooper figure figcaption{ font-size:14px; line-height:20px; height:40px; margin-bottom:3% !important;}
.coop_case{ margin:0 2% 8% 2%;}
.coop_case h2{ font-size:14px; height:20px; line-height:20px; margin:4% 0 2% 0;}
.coop_case p{ font-size:12px; line-height:20px;height:40px;}
.coop_case span{ font-size:12px; width:45%; line-height:26px; margin:6% auto; color:#999; background:none; border:1px solid #e7e7e7;}
.cooperation a{ font-size:12px;padding:2% 2%; margin:0 0.5% 2% 0.5%;}


.ecology li p{line-height:30px; height:30px;}
.ecology li{font-size:14px; }
.ecology li span{font-size:12px;width:50%; line-height:26px; color:#999;}
.new_river_neirong h2{ font-size:14px; font-weight:bold;}
.new_river_neirong p{ font-size:12px; line-height:16px; height:48px;}
.new_river_neirong{ float:none; width:100%;}
.new_details h1{ font-size:20px; line-height:30px;}
.new_details p{ font-size:12px; text-align:left;}
.new_details p font{ padding:0 2%;}
.release_text h3{ font-size:14px;margin:0% 0 0.5% 0;}
.release_text p{ font-size:12px; line-height:18px; height:36px;}
.infor_open{ margin:4% 0% 4% 0%; width:100%;}
.infor_text{width:100%; margin-left:0%;}
.infor_text ul .lj,.finance ul .lj{ font-size:16px; float:none; width:100%;}
.infor_more{ float: none; text-align:center; width:26%; line-height:30px; margin-top:2%; }
.volunteer{ background:#f5f9fe; background-size: none; padding:2% 4% 2% 4%; font-size:14px; line-height:24px; margin:0 2%; width:96%;}
.volunteer_table{margin:10% 0% 0 0%; width:100%; padding:0 2%; box-sizing:border-box;}
.volunteer_table ul{ font-size:12px; width:100%;}
.volunteer_table ul input{ width:60%; line-height:24px;}
.volunteer_table ul font{ width:30%;}
.volunteer_table ul textarea{ width:60%; line-height:24px;}
.volun_btn { padding-left:32%;}
.ser_story_text h3{ font-size:14px;padding:2% 0 2% 0;}
.ser_story_text p{ font-size:12px; line-height:18px; height:36px; color:#888; margin-bottom:4%;}
.ser_story_text span{font-size:12px; line-height:28px; width:40%; border-radius:5px;}
.service_story{  margin-left:2%; margin-right:2%;}
.service_sto{ margin-left:2%; margin-right:2%;}
.page_mtl0{ margin:2% 0 0% 2%;}
.foundations_text{ margin-left:2%; margin-right:2%; width:96%;}
/*联系我们*/
.contact{ padding:0 1%; width:98%; margin:0 auto;}
.contact_up{ padding:5% 2% 0 2%;}
.contact_up li{ font-size:14px; color:#666; padding:2% 0;}
/*在线招聘*/
.online ul{ width:90%; font-size:16px; margin-top:8%;}
.online ul font{line-height:30px;}
.online ul .inp{line-height:30px;}
.online ul li span{ line-height:30px;}
.online ul li textarea{line-height:30px;}
/*专题*/
.feed_pic li{margin:0% 4%; padding:4% 2%; bottom:8%;}
.feed_pic li h2{ font-size:20px;}
.feed_pic li p{ font-size:14px; line-height:20px; padding-bottom:15px;}
.feed_pic li span{ font-size:12px;}
.donor{width:100%;}
.feed_pic{margin-right:0%; width:100%;}
/*手机端捐赠票据*/
.phone_piaoju{ background:url(../img/bill_bg.jpg) no-repeat; background-size:cover; width:100%; padding:3% 0 4% 0; margin-top:4%;}
.phone_bk{ margin:2% 3.5%; width:93%;}
.phone_bk figure{ width:100%;}
.phone_bk figure img{ width:100%; border:1px solid #e7e7e7; background:#fff; padding:1%; box-sizing:border-box;}
.phone_bk figure figcaption{ font-size:14px; color:#666; margin:2%; height:20px; overflow:hidden; line-height:20px; text-align:center;}
.donor_more,.donor_more1{ width:36%; margin:2% auto 0 auto; line-height:36px; height:36px; border-radius:25px; font-size:14px;}
.donor_main li h3{font-size:16px; padding-top:4%;}
.donor_main li p{font-size:14px; line-height:20px; height:40px;margin:6.2% 12%;}
.donor_main li span{ border:1px solid #d9d9d9;  height:30px; line-height:30px;font-size:14px; width:46%;}
/*我要捐款*/
.donation{ width:100%;}
.donation_main ul li{ width:70px; height:70px; line-height:70px;}
.donation_main ul li i{font-size:30px;}
.donation_main ul h3{font-size:18px; padding-top:4%;}
.donation_main ul p{ font-size:14px;}
.donation_main ul span{width:50%; height:30px; line-height:30px;font-size:14px;}
/*手机端捐款榜单*/
.list_bangdan{ width:100%;}
.con_zonge{font-size:16px; color:#008cd6;}
.con_zonge span{ font-size:20px;}
.total{ float:none; width:94%; margin:0 4% 4% 4%;}
.total span{ width:70%; padding-left:15%;}
.people{ float:none; width:94%; margin:0 4% 4% 4%;}
.people span{ width:70%; padding-left:15%;}
.tab_form th{ height:40px; line-height:40px; font-size:16px;}
.tab_form tr td{ font-size:12px; padding:6% 0; line-height:18px; text-align:left;}

.tab_form{ margin:4% 3% 0 3%; width:94%;}
.ser_details{text-align:left; padding-left:2%;} 
.ser_details li p{ margin-left:0%;}
.return_title{font-size:14px;}
.publicity{ padding:2% 0%;}

.donor_main1 li h3,.donor_main2 li h3{ font-size:16px;padding-top:4%;}
.donor_main li p,.donor_main1 li p,.donor_main2 li p{font-size:14px; line-height:24px; height:48px;margin:5% 12%;}
.donor_main li span,.donor_main1 li span,.donor_main2 li span{width:50%;}
.donor_main1{margin-right:0%;}
.donor_main2{ margin-left:0%; }
.dono{ margin:0 2%;}
/*底部菜单*/
.footer_nav1{ background:#f9f9f9; border-top:2px solid #ddd; padding:2% 0; width:100%;box-sizing: border-box; position:fixed; bottom:0; left:0; right:0; z-index:100;}
.footer_nav1 ul{ display:flex; justify-content:space-around;}
.footer_nav1 ul li{ text-align:center; font-size:14px;}
.footer_nav1 ul li i{ color:#aaa; font-size:24px;}
.footer_nav1 ul li p{ color:#666;}
.footer_nav1 .activer a i,.footer_nav1 .activer a p{ color:#008cd6;}
	

/*首页*/
.ind_open{ width:100%;}
.open li{ padding:0 3% 0 10%;}
.open li a,.open1 li a{ font-size:14px;}
.reco_text h3{ font-size:14px; height:26px; line-height:26px; margin-top:2%;}
.reco_text p{ font-size:14px;line-height:24px; height:72px; margin-top:2%;}
.recommend{ padding:4% 2% 4% 2%;}
.info_mr{ margin:0 2%; width:96%;}
.informa_title h1{ font-size:16px;}
.link_main h1,.informa_title{background: url(../img/phone_nav.jpg) no-repeat bottom left; padding:0 0 10px 2px;}
.pla_text h2{ font-size:14px;margin-top:0%;}
.pla_text p{ font-size:14px; line-height:22px; height:66px; margin:4% 0 13% 0;}
.pla_text span{line-height:28px; font-size:14px;}
.go_action h1{font-size:16px;}
.get_bg h2{ font-size:14px;margin:4% 0 2% 0;line-height:24px; height:24px; overflow:hidden;}
.get_bg p{ font-size:12px; line-height:18px; height:36px; margin:0 4%;}
.get_bg span{ font-size:12px;width:60%; line-height:30px; margin:6% auto;}
.link_main h1{ font-size:16px; color:#008cd6; font-weight: bold;}
/*公益视频*/
.index_viv_title{ margin-left:2%; margin-right:2%; width:96%;}
.index_viv_title ul{ margin:6% 0 0 0%; width:100%;}
.ind_xixin{ width:98%; margin-left:2%;}
.ind_ckou{ width:98%; margin-right:2%;}
.ind_mt{ margin-top:4%;}
.link_main{ width:92%;}


.informa_title span{ float:right; background:none; line-height:20px; padding:0 0%; margin-right:1%; border-radius:0;}
.informa_title span a{ font-size:12px; color:#aaa;}
.go_action{background:url(../img/phone_nav.jpg) no-repeat bottom left; padding:0 0 10px 2px;}
.go_action span{ background:none; line-height:20px; padding:0 0; margin-right:1%; border-radius:0px;}
.go_action span a{ font-size:12px;}
.platfo_dingwei li{ height:30px;font-size:14px; line-height:30px;}
.foundations_text p{font-size:14px; line-height:26px; padding:1% 0 0 0;}
.founda p,.zhangcheng p{font-size:14px; line-height:26px; padding:1% 0 0 0;}

/*页码*/

.page_number li{ font-size:12px;}
.volun_btn .red{line-height:30px; font-size:14px;}
.volun_btn .gary{line-height:30px; font-size:14px;}



	
}


@media (min-width: 768px)and (max-width: 990px){
	
.phone_footer{background:#008cd6; width:100%; padding:3% 0; text-align:center; margin-bottom:19%;}	
.phone_footer li{ line-height:30px; color:#658bc1; font-size:14px; color: #fff;}
	/*底部菜单*/
.footer_nav1{ background:#f8f8f8; border-top:2px solid #ddd; padding:2% 0; width:100%;box-sizing: border-box; position:fixed; bottom:0; left:0; right:0; z-index:100;}
.footer_nav1 ul{ display:flex; justify-content:space-around;}
.footer_nav1 ul li{ text-align:center; font-size:14px;}
.footer_nav1 ul li i{ color:#aaa; font-size:24px;}
.footer_nav1 ul li p{ color:#666;}
.footer_nav1 .activer a i,.footer_nav1 .activer a p{ color:#008cd6;}
	}


.project_dyn{ margin:0% auto 4% auto; width:15%; background:#f1f1f1; font-size:24px; color:#fff; text-align:center;}
.project_dyn a{ color:#666; display:block; padding:5% 0;}
.project_dyn a:hover{color:#fff; background:#008cd6; padding:5% 0;}