/*top*/
body{position: relative;background: #f5f5f5;}
.overflow{ overflow: hidden;}
img:hover{ opacity: 0.8;}
.szh-warp { width: 1260px; margin: auto; overflow: hidden;}

/*头部*/
.szh-top-wrap {height: 46px;background: #fff;}
.szh-top-wrap .wrap {width: 1260px;height: 46px;margin: 0 auto;line-height: 46px;font-size: 16px;color: #333;padding: 0 30px;}
.szh-top-wrap .wrap .fll {float: left;}
.szh-top-wrap .wrap .flr {float: right;}
.szh-top-wrap .wrap a {color: #333;margin-left: 30px;}
.szh-top-wrap .wrap a:hover {color: #d50015;}
.szh-top-wrap .wrap a img {margin: 0 2px 4px 0;vertical-align: middle;}
.szh-banner {background: url(../images/bxhsz_06.jpg) center top no-repeat #fbf9ec;}
.szh-logo{ float: left; width: 700px; height: 120px; margin: 45px 0 0 30px;background: url(../images/logo.png) left center no-repeat;}
.szh-search{ float: right; color: #003399; font-size: 16px; width: 400px; height: 50px; background: #fff; padding: 5px; margin-top: 135px;border-radius: 5px;}
.szh-search .left{ float: left; background: #fff; width: 265px; height: 40px; }
.szh-search .left i{ margin-top: 10px; margin-left: 5px; margin-right: 6px; display:block; float: left;}
.szh-search .left input{ height: 40px; line-height: 40px; border: 0; width: 220px; display:block;padding-left: 5px; float: left; color: #999; }
.szh-search .right{ font-size: 16px ; font-weight: bolder; color: #fff; text-align: center; line-height: 40px;background: #d90015;}

/*导航*/
.nav{background: #d90015; height: 42px; line-height: 42px;  width: 100%;}

.nav li{ float: left; font-size: 18px; position: relative;}
.nav li::before{ content: ""; position: absolute; display: block; width: 1px; height: 12px; background: #fff; right: 0; top:16px}
.nav li > a{ display: inline-block; color: #fff; padding: 0 64px;font-weight: bolder;}
.nav li > a:hover{background: #c10312;}

/*广告*/
.szh-ad{ margin: 0; padding: 0; margin-bottom: 20px;font-size: 0; clear: both;width: 100%;}
.szh-ad img {width: 100%;height: auto;}

/*工作动态tab切换*/
	
.info > div {display: none;}
.szh-tab{ float: right; width: 435px; margin-bottom: 20px;height: 500px;}

.szh-tab .title{font-size: 22px; color: #fff; font-weight: bolder; height: 55px; line-height: 34px;background: url(../images/bxhsz_10.jpg);padding: 19px 23px 0 60px;position: relative;}
.szh-tab .title div{position: relative; float: left;}
.szh-tab .title div:hover{cursor:pointer;}
.szh-tab .title:before {content: '';width: 59px;height: 55px;display: block;position: absolute;top: 0;left: 0;background: url(../images/bxhsz_09.jpg);}
.szh-tab .title:after {content: '';width: 20px;height: 55px;display: block;position: absolute;top: 0;right: 0;background: url(../images/bxhsz_12.jpg);}

.info-list{padding: 5px 0;}
.info-list ul{ position: relative;}
.info-list ul .more{ position: absolute; color: #fff; top:-35px; right: 20px; font-size: 16px;}
.info-list ul .more:hover{  font-weight: bold;}
.info-list li {line-height: 42px; height: 42px; font-size: 16px;}
.info-list li:before {content: '';width: 5px;height: 5px;display: block;background: #e60517;border-radius: 3px; margin-right: 10px; margin-top: 20px;float: left;}
.info-list li span{display: block; float: right;}
.info-list li a{transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s; width:calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 40px; display:block; float: left; }
.info-list li a:hover{ color: #d50015; padding-left: 2px; transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}

.info-list.wid50 {font-size: 0;}
.info-list.wid50 li {line-height: 42px; height: 42px; font-size: 16px;width: 50%;display: inline-block;padding-right: 15px;}
.info-list.wid50 li:nth-child(2n-1) {padding-right: 0;padding-left: 15px;}


/*捐赠爱心榜*/
.szh-ax{ margin-top: 40px; overflow: hidden;}


.ts-title{ font-size: 30px; font-weight: bold; color: #333; text-align:center; margin-bottom: 10px; }
.ts-title a{ position: relative;}
.ts-title a::before{ content: ""; display: block; position: absolute; background: url(../images/title-left-bg.png) no-repeat; width: 170px; height: 17px; left: -190px; top:13px;}
.ts-title a::after{ content: ""; display: block; position: absolute; background: url(../images/title-right-bg.png) no-repeat; width: 170px; height: 17px; right: -190px; top:13px;}



.szh-ax .tab-title{ border-bottom: #dcdcdc solid 1px; height: 50px; line-height: 50px;}
.szh-ax .tab-title div{ float: left; padding: 0 28px; font-size: 18px;}
.szh-ax .tab-title div:hover{cursor:pointer;}
.szh-ax .tab-title .cur{color: #c80404; position: relative;}
.szh-ax .tab-title .cur::before{ content: ""; display: block; position: absolute; width: 100px; height: 4px; background:#c80404 ; left: 50%; margin-left: -50px; top:47px;}


.szh-ax .info-left{ margin-top: 20px; float: left; width: 890px; height: 340px;}
.szh-ax .info-left table{ table-layout: fixed; }
.szh-ax .info-left table tr{}
.szh-ax .info-left table tr th{ height: 40px; background: #eeeeee; }
.szh-ax .info-left table tr th i{ color: #e60012; margin-right: 3px; font-style: normal;}
.szh-ax .info-left table tr td{ height: 50px;line-height: 24px; text-align: center; font-size: 16px;}
.szh-ax .info-left table tr td:first-child{}
.szh-ax .info-left table tr:nth-child(2n+1) td{ background: #f8f8f8}
.szh-ax .info-left table tr:hover td{ background: #f2f2ff;}


.szh-ax .info-right{ margin-top: 20px; float: right; width: 260px; background: #d90015; height: 340px; padding: 10px; padding-bottom: 0;}
.szh-ax .info-right .right-title{ font-weight: bolder; color: #fff; font-size: 18px; height: 60px; line-height: 60px; text-align: center;}
.szh-ax .info-right .right-info{ background: #fff; width: 240px; height: 125px; margin-bottom: 10px; padding: 20px;}


.szh-ax .info-right .right-info .ban-title{ font-size: 20px; color: #d90015; font-weight: bolder;}
.szh-ax .info-right .right-info .ban-title:hover{font-weight: normal;}
.szh-ax .info-right .right-info .ban-jinr{background: #C80404; border-radius: 30px; width: 34px; height: 24px; text-align: center; margin-top: 10px; padding-top: 3px;}


/*tubiao*/
.szh-tub{ float: left; width: 336px; height: 367px;}
.szh-tub li{ float: left; margin-right: 10px; margin-bottom: 6px; width: 102px; height: 117px; border: #dcdcdc solid 1px; border-radius: 4px; background: #fff; text-align: center; padding:0 10px;}
.szh-tub li i{ display: block; padding-top: 12px;}
.szh-tub li p{ text-align: center; display: block; font-size: 16px; line-height: 48px; height: 48px;  color: #d90015; font-weight: normal; margin: 0; vertical-align: middle;}
.szh-tub li p span{line-height: 18px; display: inline-block; margin-bottom: 5px;vertical-align: middle;}
.szh-tub .cur{background: #d90015;}
.szh-tub .cur p{ text-align: center; display: block; font-size: 16px; line-height: 48px; height: 48px;  color: #fff; font-weight: normal; margin: 0; vertical-align: middle;}
.szh-tub .cur p span{line-height: 18px; display: inline-block; margin-bottom: 5px;vertical-align: middle;}




/*通知公告*/
.szh-new{ float: left; border: #dcdcdc solid 1px; width: 554px; height: 362px; border-radius: 3px; background: #fff;}
.szh-new .title{ background: #C80404; height: 48px; line-height: 48px; color: #fff; font-size: 20px; font-weight: bolder;}
.szh-new .title i{ float: left; display: block; margin-top: 5px; margin-left: 15px; margin-right: 10px;}
.szh-new .title a{ display: block; float: left;}
.szh-new .title .more{ float: right; font-weight: normal; margin-right: 15px; display: block; font-size: 16px;}
.szh-new .title .more:hover{ font-weight: bold;}


/*右侧banner*/

.szh-pic-r{ float: left; margin-left: 10px; background: #eeeeee; padding: 10px 13px; height: 362px;}
.szh-pic-r a{ display: block; margin-top: 10px; font-size: 0;}
.szh-pic-r a:first-child{ margin-top: 0px; }



/*志愿者采风*/
.szh-cf{ margin-top: 40px;}

.szh-cf .lunb{ margin-top: 40px;}


.marqueeleft{height:230px;width:1440px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:275px;height:230px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:275px;height:178px;overflow:hidden;}
.marqueeleft li .pic img{ width: 100%; height: 100%;}
.marqueeleft li .txt{text-align:center;height:42px;line-height:42px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px;}
/* marqueetop */

.but-more{ width: 140px; height: 54px; font-size: 16px; margin: auto; background: #D50015; border-radius: 30px; line-height: 54px; color: #fff; clear: both; text-align: center; margin-top: 20px;}
.but-more a{display: block;}
.but-more:hover{ background:#ec3043;}


/*公益项目*/
.szh-gy{margin-top: 40px;}
.szh-gy .pic-inf{margin-top: 20px; overflow: hidden; padding-bottom: 10px;}
.szh-gy .pic-inf ul{margin-right: -24px;}
.szh-gy .pic-inf li{ background: #f8f8f8; margin-right: 24px; float: left; width: 272px; position: relative;}
.szh-gy .pic-inf li i{ width: 272px; height: 177px; display: block;}
.szh-gy .pic-inf li i img{ width: 100%; height: 100%;}
.szh-gy .pic-inf li .text{padding: 20px;}
.szh-gy .pic-inf li .text p{  font-size: 18px; font-weight: bolder; margin: 0; padding: 0;}
.szh-gy .pic-inf li .text span{ font-size: 16px; display: block;height: 50px; line-height: 50px;  width: 232px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.szh-gy .pic-inf li .text a{ display: block; border: #d90015 solid 1px; height: 32px; line-height: 32px; text-align: center; color: #d90015; width: 90px; margin-top: 20px;}
.szh-gy .pic-inf li .text a:hover{ background: #d90015; color: #fff;}
.szh-gy .pic-inf li .time{ position: absolute; display: block; width: 80px; height: 80px; border-radius: 720px; border: #fff 3px solid; background: #d90015; top:110px; right: 10px; text-align: center; color: #fff; padding-top: 15px;}
.szh-gy .pic-inf li .time span{ font-size: 16px; font-weight: bolder;}


/*链接*/
.szh-youqing {height: 62px;min-width: 1260px;background: #e60517;}
.szh-youqing .wrap {width: 1260px;height: 62px;margin: 0 auto;}
.szh-youqing .wrap .tit {width: 180px;height: 62px;float: left;text-align: center;color: #fff;font-size: 22px;font-weight: bold;line-height: 62px;}
.szh-youqing .wrap .xia {width: 230px;height: 35px;float: left;margin: 15px 35px 0 0;background: #fff;border-radius: 5px;line-height: 35px;padding: 0 10px;border: 0;font-size: 16px;}


/*底部*/
.foot-wrap {height: 186px; min-width: 1200px;}
.foot-wrap .wrap {width: 1260px; margin: 0 auto; color: #333; font-size: 16px;padding: 0 30px;} 
.foot-wrap .wrap .fl {width: calc(100% - 300px);}
.foot-wrap .wrap .fr {margin-left: 10px;text-align: center;margin-top: 35px;}
.foot-wrap .wrap .fr span {line-height: 26px;font-size: 12px;display: block;}
.foot-wrap .wrap .foot {color: #333; font-size: 18px; font-weight: bold; height: 64px; line-height: 64px;}
.foot-wrap .wrap .foot a { margin-right: 30px;}
.foot-wrap .wrap .foot a:hover {color: #d90015;}
.foot-wrap .wrap .foot-inf { line-height: 30px; overflow: hidden;}


/*二级页*/
.szh-warp2{ position: relative;overflow: hidden;width: 1260px;margin: 0 auto;}
.szh-warp2 .weizhi {height: 55px;border-bottom: 1px solid #eee;line-height: 54px;width: 100%;font-size: 18px;margin-bottom: 20px;}
.szh-warp2 .weizhi a {color: #333;}
.szh-warp2 .weizhi a:hover {color: #d90015;}
.hexin-left {width: 280px;float: left;}
.hexin-left .title {line-height: 40px;text-align: center;background: #c10312;font-size: 30px;color: #fff;padding: 10px;margin-bottom: 20px;}
.hexin-left .nav-wrap {border: 1px solid #d5d5d5;padding: 0 15px;}
.hexin-left .nav-wrap a {border-top: 1px solid #d5d5d5;text-align: center;font-size: 18px;padding: 20px;line-height: 30px;display: block;text-align: center;}
.hexin-left .nav-wrap a:first-child {border-top: 0;}
.hexin-left .nav-wrap a:hover {font-weight: bold;color: #d90015;}
.hexin-right {width: calc(100% - 320px);float: right;}

.info-list.list li:nth-child(5n) {margin-bottom: 30px;}

.fanpage-wrap{ text-align: center; line-height: 40px; font-size: 16px; padding: 20px;border-top: 1px solid #d5d5d5;margin-top: 20px;}

.szh-inf-title {padding: 30px 30px 20px;line-height: 50px;text-align: center;font-size: 36px;font-weight: bold;}
.szh-inf-time {height: 50px;background: #eee;text-align: center;line-height: 50px;font-size: 16px;color: #333;}
.szh-inf-info {padding: 50px 0 70px;border-bottom: 1px solid #d5d5d5;font-size: 18px;line-height: 40px;min-height: 500px;}
.szh-inf-info img,.szh-inf-info table {max-width: 100%;}
.info-list .guanfan {position: absolute;right: 0;top: 10px;font-size: 18px;background-color: #eee; height: 40px; width: 80px; line-height: 40px; border-radius: 5px; text-align: center;}
.info-list .guanfan a {color: #333;}
.info-list .guanfan a:hover {color: #d90015;}

#owl-demo {
	position: relative;
	width: 750px;
	height: 500px;
	float: left;
	margin-bottom: 20px;
}

#owl-demo .item {
	position: relative;
	display: block;
}

#owl-demo img {
	display: block;
	width: 750px;
	height: 500px;
}

#owl-demo b {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 52px;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}

#owl-demo span {
	position: absolute;
	left: 15px;
	bottom: 0px;
	width: 70%;
	font: 16px/32px "微软雅黑", "黑体";
	color: #fff;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.owl-pagination {
	position: absolute;
	bottom: 12px;
	height: 22px;
	text-align: center;
	right: 15px;
}

.owl-page {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	background-image: url(../images/bg15.png);
	*display: inline;
	*zoom: 1;
}

.owl-pagination .active {
	width: 25px;
	background-image: url(../images/bg16.png);
}

.owl-buttons {
	display: none;
}

.owl-buttons div {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 80px;
	margin-top: -40px;
	text-indent: -9999px;
}

.owl-prev {
	left: 0;
	background-image: url(../images/bg17.png);
}

.owl-next {
	right: 0;
	background-image: url(../images/bg18.png);
}

.owl-prev:hover {
	background-image: url(../images/bg19.png);
}

.owl-next:hover {
	background-image: url(../images/bg20.png);
}





.in-lm-wrap > div {width: calc(33.33% - 14px);height: 270px;margin-bottom: 20px;margin-left: 21px;float: left;}
.in-lm-wrap > div:nth-child(3n-2) {margin-left: 0;}
.in-lm-wrap.fen2 > div {width: calc(101% - 15px);height: auto;margin-bottom: 0;margin-left: 30px;float: left;}
.in-lm-wrap.fen2 > div:first-child {margin-left: 0;}

.in-lm-title{font-size: 22px; color: #fff; font-weight: bolder; height: 55px; line-height: 34px;background: url(../images/bxhsz_10.jpg);padding: 19px 23px 0 60px;position: relative;}
.in-lm-title div{position: relative; float: left;}
.in-lm-title div:hover{cursor:pointer;}
.in-lm-title:before {content: '';width: 59px;height: 55px;display: block;position: absolute;top: 0;left: 0;background: url(../images/bxhsz_09.jpg);}
.in-lm-title:after {content: '';width: 20px;height: 55px;display: block;position: absolute;top: 0;right: 0;background: url(../images/bxhsz_12.jpg);}

.gundong-wrap {border-radius: 5px;overflow: hidden;margin-top: 20px;}
.gundong-wrap .zhanghao {height: 120px;border-radius: 5px;background: #e60517;color: #fff;margin-bottom: 10px;}
.gundong-wrap .zhanghao .tit {width: 100px;background: url(../images/bxhsz_22.jpg) right center no-repeat;height: 120px;float: left;padding-top: 25px;text-align: center;font-size: 24px;line-height: 30px;font-weight: bold;}
.gundong-wrap .zhanghao .txt {width: 90%;height: 150px;float: left;line-height: 30px;font-size: 16px;padding-top: 17px;}
.gundong-wrap .zhanghao .txt span {line-height: 50px;font-size: 34px;font-weight: bold;display: block;}
.gundong-wrap .chaxun {height: 58px;border-top: 2px solid #eee;padding-top: 10px;line-height: 36px;text-align: center;font-size: 16px;}
.gundong-wrap .chaxun a {height: 36px;line-height: 20px;width: 250px;border-radius: 18px;background: #e60517;color: #fff;margin: 0 auto;display: block;}
.gundong-wrap .chaxun a:hover {background: #ff0519;}

.juanxian-wrap {font-size: 14px;color: #333;}
.juanxian-wrap .title {height: 40px;line-height: 38px;font-weight: bold;border-bottom: 2px solid #eee;}
.juanxian-wrap .list {line-height: 40px;}
.juanxian-wrap ul li {float: left;text-align: center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width: 35%;} 
.juanxian-wrap ul li:first-child {width: 30%;text-align: left;padding-left: 15px;}
.juanxian-wrap .title li {height: 40px;}
.juanxian-wrap .list ul,.juanxian-wrap .list li {height: 40px;}
.juanxian-wrap .list ul.odd {background: #f8f8f8;}
.juanxian-wrap.gun2 ul li {width: 100px;}
.juanxian-wrap.gun2 ul li:first-child {width: calc(100% - 200px);}