*{margin:0px; padding:0px;}

body{ background:#eef3fa; margin:0px; padding:0px;  margin:0px auto; font-family:"Microsoft Yahei"; scrollbar-arrow-color: #f4ae21; text-decoration:none;  font: normal 100% helvetica, arial, sans-serif; overflow-x: hidden; }
a{ text-decoration:none;}
div, span, p, form, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td, dl, dt, dd, caption, a, legend, hr, b,blockquote,textarea {margin:0; padding:0; border:0; }
ul,li,ol { list-style-type:none;  }
table, input, textarea, select, button { font-size:14px;vertical-align:middle; }
.nei{ width:1200px; margin:0px auto;} 
img{border:none; display: block;}
a{ color:#333;}

.hr10{ height:10px;}
.hr20{ height:20px;}
.hr30{ height:30px;}
.hr40{ height:40px;}
.hr50{ height:50px;}

/***********焦点图***********/

.qzdd { width:1219px; height:200px}
.qzdd img{ float:left; }

.lbt{ width:835px; height:477px; float:left; margin:10px 0;}
.box{width:835px;height:477px; overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width:835px;height:477px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width:835px; height: 477px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
				top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}
/***********焦点图结束***********/



.xf{ position:fixed; left:0px ; top:450px;}

.top{ background:#efefef;}
.top_xn{ height:30px; padding-top:10px;}
.top_a,.top_b{ float:left; font-size:14px;  } 
.top_b{ width:560px; float:left}
.top_b img{ float:left; margin-top:5px; margin-right:2px;}
.top_b p{ float:left; margin:0 10px;  } 

.top_c{ width:360px; float:left; margin-left:10px;}
.top_ctx{  float:left; height:20px; margin-left:10px; background:#fff; border:0px; color:#333;} 


.daohan{ background:url(../images/jxzy_02.jpg) no-repeat; width:100%; height:261px; clear:both; margin:0px auto;}
.daohan_a{float:left}
.daohan_a { margin:0 46px 0 0; color:#333333;}
.daohan_a a{ color:#333333; margin:0 13px; }

.daohan_b{ width:358px; float:left}
.daohan_b { color:#333333;}
.daohan_b a{ color:#333333; margin:0 11px;}

.nva { margin-top:215px; margin-left:30px;}
.nva ul li{ float:left; color:#fff;  }
.nva ul li b{ margin:0 10px 0 10px;}
.nva ul li a{ color:#fff;}


 
.zr{ background:url(../images/zy_09.jpg) no-repeat; width:1200px; height:134px;}
.zysj_a{  width:265px; height:99px; float:left; margin:20px 0 0 25px;}
.zysj_a h3{ font-size:16px; color:#000; font-weight:500; padding:22px 0 0 68px;}
.zysj_a p{ font-size:16px; color:#8b7a57; margin:0 0 0 0px;}
.zysj_a b{ font-size:28px; color:#8b7a57; margin:0 0 0 68px;}


.zysj_b{ width:265px; height:99px; float:left; margin-right:53px;}
.zysj_b h3{ font-size:24px; color:#ff0000; font-weight:500; padding:22px 0 0 74px;}
.zysj_b p{ font-size:18px; color:#8b7a57; margin:0 0 0 74px;}

.zysj_c{  width:265px; height:99px; float:left; margin-right:53px;}
.zysj_c h3{ font-size:24px; color:#ff0000; font-weight:500; padding:22px 0 0 68px;}
.zysj_c p{ font-size:18px; color:#ff0000; margin:0 0 0 68px;}

.zysj_d{  width:265px; height:99px; float:left}
.zysj_d h3{ font-size:24px; color:#ff0000; font-weight:500; padding:22px 0 0 68px;}
.zysj_d p{ font-size:18px; color:#ff0000; margin:0 0 0 68px;}



.news{ float:left; margin-left:18px;} 
.news ul{ margin-top:35px;}
.news ul li{ line-height:48px;}
.news ul li a{ color:#111}
.news ul li img{ float:left; margin-top:16px; margin-right:7px;}
.news ul li span{ text-align:right; float:right; color:#575757}







/*我们的志愿者*/
.zyz{ background:url(../images/px3.jpg) no-repeat; width:1200px; height:50px; }
.zyz_s{ padding:60px 0 0 620px;}
.zyz_a{ background:url(../images/sousuo2.jpg) no-repeat; width:131px; height:29px; float:left;}
.zyz_b{ width:93px; height:20px; border:0px; margin:4px 0 0 2px; float:left;}

/*志愿团队*/
.zyd{ background:url(../images/px4.jpg) no-repeat; width:1200px; height:50px; }
.zyd_s{ padding:60px 0 0 620px;}
.zyd_a{ background:url(../images/sousuo2.jpg) no-repeat; width:131px; height:29px; float:left;}
.zyd_b{ width:93px; height:20px; border:0px; margin:4px 0 0 2px; float:left;}


.fwd{ width:1200px; float:left;}
.fwd_a{ background:url(../images/zy_19.jpg) no-repeat; width:240px; height:312px; float:left; margin:20px 10px;}
.fwd_a h3{ font-size:17px; color:#F00; line-height:24px; width:170px; margin:27px 0 0 63px;}
.fwd_a h3 a{ color:#d70d0d;}
.fwd_b{ width:120px; text-align:right; margin:16px 0 0 100px; }
.fwd_a img{ margin:15px 0 0 0;}
.fwd_t{ width:850px;}
.fwd_t a{ width:84px;  margin:0 11px; text-align:center; font-size:13px; float:left}
.fwd_t img{ }

.fwd_pm{ float:left; width:360px; margin-top:14px;}
.fwd_yq{ background:url(../images/yd.jpg) no-repeat; width:18px; height:18px; float:left; text-align:center; color:#fff; line-height:20px; margin-top:7px; margin-right:5px;}
.fwd_pm ul li{ clear:both; line-height:36px;}
.fwd_pm ul li span{ text-align:right; float:right; color:#575757}


.qy { width:810px; padding:8px; float:left; margin-right:15px;} 
.qy p{ width:63px; text-align:center; line-height:30px; float:left; margin:8px;}


/*我们的项目会*/
.xmh{ background:url(../images/jxzy_60.jpg) no-repeat; width:1221px; height:97px; } 

.xmh_a{ width:830px; height:510px; float:left}
.xmh_b{ background:url(../images/xfsa5.jpg) no-repeat; width:390px; height:146px; float:left; margin:13px 12px;}
.xmh_b h2{ font-size:16px; font-weight:600; color:#333333; margin-left:30px; margin-top:17px;}
.xmh_c{ width:270px;margin-left:30px; margin-top:12px; float:left;}
.xmh_c p{ font-size:14px; line-height:20px; color:#999999;} 
.xmh_d{ width:66px; float:left; margin-top:12px; text-align:center; line-height:22px; color:#999999; font-size:13px;}

.xyq { float:left; width:358px; margin-left:20px;}
.xyq_a{ width:356px; border-bottom:solid 1px #cfc5b6; padding-bottom:20px; padding-top:15px;}
.xyq_a h2 { font-size:17px; font-weight:600; }
.xyq_a h2 img{ float:left;}
.xyq_a p{ margin:5px 0 0 22px; color:#a4a3a3; font-size:14px; line-height:25px;}



.ztz{ background:url(../images/jxzy_77.jpg) no-repeat; width:1221px; height:97px;}

 
.jiwei{ border-top: solid #C00 4px; margin-top:30px;}  
.na_wmdt {overflow:hidden; }
.bottom_link{ background-color:#0e61a5; color:#FFFFFF;}
.bottom_link dd{ float:left; width:130px;}
.bottom_link dt{ float:right; width:850px; padding-top:20px;}
.bottom_link dt a{ color:#FFF;}
.bottom_linkp{ background-color:#dae7f1; padding:20px 0px;}
.bottom_linkp li{ width:163px; float:left; text-align:center;}
.bottom_linkp li img{ width:140px; height:60px;}
.bottom_w{ overflow:hidden; width:1200px; margin:40px auto;}
.bottom_w dl{ width:700px; float:left;}
.bottom_w dt{ width:130px; float:left; text-align:right;}
.bottom_w dd{ width:520px; float:left; margin-left:30px; line-height:26px; font-size:12px;}
.bottom_w div{ float:right;}
.bottom_w div li{ float:left; width:90px; text-align:center; font-size:14px; color:#f75449;}
.bottom_w div li img{ padding:10px 5px 0px 5px;}
 


/******最新活动******/
.zxhd_a{ float:left; margin-right:26px;}
.zxhd_b{ float:left;}
.zxhd{ background:url(../images/px2.jpg) no-repeat; width:280px; height:159px;}
.zxhd h3{ font-size:18px; margin:0px 0 4px 16px; padding-top:8px;}
.zxhd p{ font-size:16px; line-height:36px; margin-left:35px;}



.zyfc{ width:286px; float:left; margin-right:18px;}
.zyfd{ float:left;}
.zyfc_a{ background:url(../images/zyfc_28.jpg) no-repeat; width:286px; height:154px;}
.zyfc_a h3{ font-size:16px; color:#F00; line-height:35px; margin-left:10px;}
.zyfc_a p{ font-size:15px; color:#464646; width:259px; line-height:22px; margin-left:10px;text-align:left}
.zyfc_sj{font-size:13px; color:#aba7a7; margin-top:22px; margin-left:35px; margin-bottom:15px;}


/******志愿者******/
.grzy { float:left; margin-right:37px; margin-top:15px} 
.grzy h2{ font-size:28px; color:#000; margin:20px 0;} 
.grzy h2 img{ float:left; margin-right:15px; margin-top:9px;}
.rydb{ background:#fff; width:375px; height:470px; display:block:}
.rydb div{ float:left; margin-top:6px;}
.rydb_a th{  line-height:41px; }

.grzyb { float:left; margin-top:15px }
.grzyb h2{ font-size:28px; color:#000; margin:20px 0;} 
.grzyb h2 img{ float:left; margin-right:15px; margin-top:9px;}



/*志愿团队*/
.bodyCon08{background:none}   
#four_flash .flashBg{width:998px;height:300px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:300px;  }



<!-------个人志愿排行--------->
.mt-tabpage-at {
	width:370px; margin-left:15px; 
	box-shadow: 0 0 5px #999; 
}
.mt-tabpage-at-title {
	height: 44px;
	font-size: 0; position:relative; left:178px; top:-16px;
	width:150px;
    float: left;
	margin: auto; 
}
.mt-tabpage-at-title .mt-tabpage-at-item {
	display: inline-block;
	width:43px;
	height:33px;
	line-height: 44px;
	text-align: center;
	color: #666;
	font-size: 12px;
}
.mt-tabpage-at-title .mt-tabpage-at-item:hover{
	color: #eb4537;
}
.mt-tabpage-at-title .mt-tabpage-at-item-cur {
	color: #eb4537;
	font-size: 14px;
	border-bottom: 1px solid #F85B5E;
}
.mt-tabpage-at-count {
	position:relative; left:0px; top:-35px;
	width: 370px;
	height: 397px;
	overflow: hidden;
}
.mt-tabpage-at-cont__wrap {
	position: absolute;
}
.mt-tabpage-at-count .mt-tabpage-at-item {
	width:370px;
	text-align: center;
}
.fwd_pm{ float:left; width:360px; margin-top:14px;}
.fwd_yq{ background:url(../images/yd.jpg) no-repeat; width:18px; height:18px; float:left; text-align:center; color:#fff; line-height:20px; margin-top:7px; margin-right:5px;}
.fwd_pm ul li{ clear:both; line-height:36px;}
.fwd_pm ul li span{ text-align:right; float:right; color:#575757}

<!-------我们的志愿--------->
.mt-tabpage { width:370px; margin-left:15px;  box-shadow: 0 0 5px #999; }
.mt-tabpage h2 img{ float:left;}
.mt-tabpage-title {
	height: 44px;
	font-size: 0; 
	position:relative; left: 228px;
    top: -33px;
	width:150px;
    float: left;
	margin: auto; 
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width:43px;
	height:33px;
	line-height: 44px;
	text-align: center;
	color: #666;
	font-size: 12px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #eb4537;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #eb4537;
	font-size: 14px;
	border-bottom: 1px solid #F85B5E;
}
.mt-tabpage-count {
	position:absolute;
	left:0px;
    top:50px;
	width: 370px;
	height: 439px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width:370px;
	height:397px; 
	text-align: center;
}