/*******************************捐赠票据***************************/
.bread{ width:100%; border-bottom:1px solid #e7e7e7;}
.bread_title{ width:1200px; margin:0 auto; padding:1% 0 2.5% 0;}
.bread_title h1{ font-size:24px; font-weight:bold; color:#333; float:left;}
.bread_title h6{ float:right; text-align:right; font-size:14px; color:#999; padding-top:0.5%;}
.bread_title a{color:#999;}
.bread_title a:hover{ color:#008cd6;}
/*二级栏目*/
.level_width{ width:1200px; margin:2% auto;}
.level_width ul{ width:58%; margin:0 auto;}
.level_width ul li{width:160px; height:60px; line-height:60px; float:left; text-align:center; margin:0 1%; font-size:20px;}
.level_width ul li a{ color:#5b5b5b;background:#f6f6f6; display:block; border-radius:5px;}
.level_width ul li a:hover{ background:#008cd6; color:#fff; border-radius:5px;}
.level_width .act{background:#008cd6; color:#fff; border-radius:5px;}
/*主要内容*/
.level_main,.level_proje{ width:1200px; padding:2% 1% 5% 1%; margin:0 auto;}
.level_main h4{ font-size:24px; color:#008cd6; padding-bottom:2%;}
.level_main h4 i{ font-size:28px; padding-right:0.8%;}
.level_cont{ font-size:16px; color:#333;}
.level_cont p{ line-height:30px; padding-bottom:1%;}
.level_cont p font{color:#008cd6;}
/*项目支持*/
.level_proje h2{ font-size:20px; color:#008cd6; font-weight:bold; margin-bottom:4%;}
.projmain{ width:100%;}
.projmain li{ float:left; width:21%; margin-bottom:4%;} 
.pro_mr5{margin-right:5.2%;}
.projmain li img{max-width:100%;}
.projmain li p{font-size:16px; color:#666; padding:8% 1% 4% 1%; text-align:center;}

/*************捐赠人活动****************/
.level_activity{ width:1200px; margin:2% auto;}
.level_border{ border:1px solid #e7e7e7; padding:4px; width:31.6%; float:left; margin-bottom:4%;}
.level_border li{ width:100%;}
.level_border li img{ max-width:100%;}
.level_border h3{font-size:18px; color:#333; line-height:30px; height:30px; overflow:hidden; margin:4% 4% 2% 4%;}
.level_border p{ font-size:14px; color:#5b5b5b; line-height:24px; margin:4% 4%; text-align:justify; height:72px; overflow:hidden;}
.level_border span{ font-size:12px; color:#999; width:125px; height:40px; line-height:40px; border-radius:5px; border:1px solid #e7e7e7; display:block; text-align:center; margin:8% auto 6% auto;}
.level_border:hover,.level_border:hover span{ border:1px solid #008cd6;}
.level_border:hover h3,.level_border:hover span{color:#008cd6;}
.lever_mr{ margin-right:2.5%;}
/*页码*/
.level_page{ margin:0 auto 5.5% auto; text-align:center;}
.level_page ul{ margin:0 auto;display:flex;justify-content:center;}
.level_page li{ color:#999; font-size:14px; margin:0 0.1%; padding:0.5% 1%; border:1px solid #ddd;}
.level_page li a{color:#999;}
.level_page li:hover a{ color:#008cd6;}
.level_page li:hover{border:1px solid #008cd6;}
.level_page li.lact{ border:1px solid #008cd6 !important;}
.level_page li.lact a{color:#008cd6 !important;}

/**************************公益详情*************************************/
.public_welfare{ width:1200px; margin:0 auto;}
.public_wemt{ margin-top:2%;}
.public_pic{width:590px; float:left; margin-right:40px;}
.public_pic img{max-width:100%;}
.public_text{ width:570px; float:left;}
.public_text h3{padding:3% 3% 3% 3%; color:#008cd6; font-size:22px; font-weight:bold;}
.public_text p{ font-size:16px; color:#9f9898; line-height:32px; height:160px; overflow:hidden; margin:3%;}
.pub_title{ border-bottom:1px solid #f3f3f3; margin:2% auto; padding:0 3% 3% 3%;}
.pub_title font{float:left; width:5px; height:24px; background:#002d6f; margin-right:10px;}
.pub_title h2{float:left; font-size:24px; font-weight:bold;}
/*二维码*/
.pub_ewm{ width:100%; margin:3% 3%;}
.pub_but{ font-size:16px; color:#fff; font-weight:bold; text-align:center; width:130px; height:46px; line-height:46px; background:#008cd6; border-radius:5px; float:left;}
.pub_erweima{ background:#f5f5f5; width:140px; height:160px; padding-top:2%; border-radius:5px; float:left; margin-left:4%; text-align:center;}
.pub_erweima p{font-size:14px; color:#645e60;}
/*项目进展*/
.pub_pro_title{ background:url(../img/jz_title.png) no-repeat left bottom; height:52px; line-height:52px; font-size:18px; color:#282828; font-weight:bold; padding-left:5%; margin-bottom:3%;}
.pub_progess{ margin:1% 2%; font-size:16px; color:#666; line-height:30px; width:96%;}
.pub_progess p{ margin-bottom:2%;}
.pub_progess img{max-width:100% !important; height:auto !important;}
.pub_page{ margin:3% 3% 6% 3%;}
.pub_page li{ width:48%; float:left; border:1px solid #e7e7e7; padding:1% 2%; box-sizing:border-box;}
.pub_mr{ margin-right:4%;}
.pub_page li a{ font-size:16px; color:#999;}
.pub_page li:hover{border:1px solid #008cd6;}
.pub_page li:hover a{color:#008cd6;}

/*********************我要月捐*****************************/
.want_yuejuan{ width:1200px; margin:1% auto 2% auto;}
.want_text{ background:url(../img/one_bg.png) no-repeat left top;}
.want_text h1,.three_text h1{ font-size:28px; color:#343434; font-weight:bold; margin:26% 0 3% 0;}
.want_text p,.two_text p,.three_text p{ font-size:16px; color:#999; line-height:24px;}
.want_text span,.three_text span{ margin-top:12%; width:130px; height:46px; line-height:46px; text-align:center; background:#f1f1f1; display:block; border-radius:5px;}
.want_text span a,.two_text span a,.three_text span a{ color:#666;}
.want_text span:hover,.two_text span:hover,.three_text span:hover{background:#008cd6;}
.want_text span:hover a,.two_text span:hover a,.three_text span:hover a{color:#fff;}
.want_pic{ width:600px;}
.want_pic img{ width:100%;}
.wa_fr{ float:right;}
.wa_fl{ float:left;}
.wa_pr{ text-align:right;}
.two_mt{ margin-top:8%;}
.two_text{ background:url(../img/two_bg.png) no-repeat right top;}
.two_text h1{ font-size:28px; color:#343434; font-weight:bold; margin:18% 0 3% 0;}
.two_text span{ float:right; margin-top:12%; width:130px; height:46px; line-height:46px; text-align:center; background:#f1f1f1; display:block; border-radius:5px;}
.three_text{background:url(../img/three_bg.png) no-repeat left top}
.want_main{ width:100%; margin-top:12%;}
.want_anniu{float:left;}
.want_anniu a{background:#f1f1f1; width:130px; height:46px; line-height:46px; display:block; text-align:center; color:#666; font-size:16px; border-radius:5px;}
.want_ewm{ float:left; margin-left:4%; margin-top:-10%; background:#ececec; border-radius:5px; width:140px; padding:2% 3% 1% 3%; text-align:center; display:none;}
.want_ewm img{ width:100%;}
.want_ewm p{ font-size:14px; font-weight:bold; color:#645e60; padding-top:2%;}
.want_main:hover a{ background:#008cd6; color:#fff;}
.want_main:hover .want_ewm{ display:block;}





/***************************************************************合作伙伴*************************************************************/
.hezuo_partner{ width:1200px; margin:2% auto;}
.hezuo_partner ul{ width:58%; margin:0 auto;}
.hezuo_partner ul li{height:60px; line-height:60px; float:left; text-align:center; margin:0 1%; font-size:20px; width:210px;}
.hezuo_partner ul li a{ color:#5b5b5b;background:#f6f6f6; display:block; border-radius:5px;}
.hezuo_partner ul li a:hover{ background:#008cd6; color:#fff; border-radius:5px;}
.hezuo_partner .act{background:#008cd6; color:#fff; border-radius:5px;}
/*主要内容*/
.hezuo_main{ width:1200px; margin:0 auto 4% auto;}
.hezuo_main ul{ width:100%;}
.hezuo_main ul li{ float:left; width:31%; padding:0 2%; box-sizing:border-box; font-size:16px; line-height:40px; color:#333;}
/*team*/
.hzhb_partent{ width:1200px; margin:0 auto;}
.hzhb_partent ul{ border-bottom:2px solid #eee; padding:2% 0 2% 0; margin-bottom:4%; width:100%;}
.hzhb_partent ul h2{ font-size:24px !important; color:#008cd6; margin-bottom:1%;}
.hzhb_partent ul h2 i{font-size:29px; font-weight:550; vertical-align:middle; padding-right:0.5%;}
.hzhb_partent ul li{float:left; width:31%; padding:0 2%; box-sizing:border-box; font-size:16px;  line-height:40px; color:#333;}
.hzhb_partent ul:last-child{border-bottom:0px solid #eee;}





@media (min-width: 768px)and (max-width: 990px){
	

}

@media (max-width: 768px) {

.bread_title{ width:100%;}
.bread_title h1{ font-size:16px;float:none; padding:2% 2% 1% 2%;}
.bread_title h6{ display:none;}
/*二级栏目*/
.level_width{width:95%; margin:8% 2% 0 3%;}
.level_width ul{ width:100%; }
.level_width ul li{width:86px; height:36px; line-height:36px; margin:0 1%; font-size:14px;}

/*主要内容*/
.level_main,.level_proje{ width:100%; padding:4% 2% 5% 2%; box-sizing:border-box;}
.level_main h4{ font-size:16px;}
.level_main h4 i{ font-size:20px;}
.level_cont{ font-size:14px;}
.level_cont p{line-height:26px; word-break:break-all;}
/*项目支持*/
.level_proje h2{ font-size:16px; line-height:26px;}
.projmain li{width:46%; margin:0 2% 4% 2%;} 
.pro_mr5{margin-right:0;}
.projmain li p{font-size:14px; padding:8% 1% 4% 1%;}

/*************捐赠人活动****************/
.level_activity{ width:100%; margin:2% auto;}
.level_border{ padding:4px; width:46%;margin:0 2% 4% 2%;}
.level_border h3{font-size:14px; line-height:26px; height:26px; font-weight:bold;}
.level_border p{ font-size:12px; line-height:20px; margin:4% 2%; height:60px;}
.level_border span{ font-size:12px; width:90px; height:30px; line-height:30px;}
/*页码*/
.level_page li{font-size:12px; margin:0 0.5%; padding:0.5% 2%;}

/**************************公益详情*************************************/
.public_welfare{ width:100%;}
.public_pic{width:100%; float:none; margin-right:0; padding:2% 2%; box-sizing:border-box;}
.public_text{ width:100%; float:none;}
.public_text h3{font-size:18px;}
.public_text p{ font-size:14px; color:#9f9898; line-height:26px;}
.pub_title h2{font-size:20px;}
/*二维码*/
.pub_but{ font-size:14px;width:110px; height:36px; line-height:36px;}
/*项目进展*/
.pub_pro_title{ background:url(../img/jz_phone.png) no-repeat left bottom; height:44px; line-height:44px; font-size:16px; padding-left:6%; }
.pub_progess{font-size:14px;line-height:26px;}
.pub_page li{ width:100%; float:none; padding:1% 2%; box-sizing:border-box; margin-bottom:2%;}
.pub_mr{ margin-right:0;}
.pub_page li a{ font-size:14px;}


/*********************我要月捐*****************************/
.want_yuejuan{ width:100%;}
.want_text{background:none; padding-left:3%;}
.want_text h1,.three_text h1{ font-size:16px; margin:4% 0 2% 0;}
.want_text p,.two_text p,.three_text p{ font-size:14px; line-height:24px;}
.want_text span,.three_text span{ margin-top:6%; margin-bottom:6%; width:80px; height:30px; line-height:30px; font-size:14px;}
.want_pic{ width:100%;}
.two_mt{ margin-top:8%;}
.two_text{background-size:cover;}
.two_text h1{ font-size:16px; margin:18% 0 3% 0;}
.two_text span{margin-top:6%; margin-bottom:6%; width:80px; height:30px; line-height:30px; font-size:14px;}
.three_text{background-size:cover;}
.want_main{ width:100%; margin-top:6%; margin-bottom:6%;}
.want_anniu a{width:80px; height:30px; line-height:30px;font-size:12px;}
.want_ewm{ float:left; margin-left:4%; margin-top:0%; background:#ececec; border-radius:5px; width:100px; padding:2% 3% 1% 3%; text-align:center; display:block;}
.want_ewm p{ font-size:14px;padding-top:2%;}



/***************************************************************合作伙伴*************************************************************/
.hezuo_partner{ width:100%;}
.hezuo_partner ul{ width:99%; margin-left:1%;}
.hezuo_partner ul li{height:36px; line-height:36px; font-size:14px; width:115px;}
/*主要内容*/
.hezuo_main{ width:100%; margin:0 auto 4% auto;}
.hezuo_main ul{ width:100%;}
.hezuo_main ul li{ float:left; width:50%; font-size:12px; line-height:30px; height:30px; overflow:hidden;}

/*team*/
.hzhb_partent{ width:100%;}
.hzhb_partent ul{ border-bottom:2px solid #eee; padding:2% 0 2% 0; margin-bottom:4%; width:100%;}
.hzhb_partent ul h2{ font-size:16px !important;}
.hzhb_partent ul h2 i{font-size:22px;}
.hzhb_partent ul li{float:left; width:50%; font-size:12px; line-height:30px; height:30px; overflow:hidden;}
	
}





