.center{width: 1200px; margin: 0 auto;}
.swiper-container {width: 100%; height: 100%; }
.swiper-slide {text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.wrapper{width:1200px; margin:auto;}
.wrap-title{margin-bottom:40px;text-align:center;line-height:1.5;}
.wrap-title h2{position:relative;font-size:30px;color:#464646;}
.wrap-title h2 strong{color:#464646;}
.wrap-title h2 a{color:#333;}
.wrap-title p{font-size:18px;color:#333;}
.wrap-title i{display:block;margin-top:15px;height:5px;background:url(../images/wrap_tit.png) no-repeat center;}
.wrap-title.white *{color:#fff;}

.cause{padding:50px 0;overflow:hidden;background:#f0f0f0;}
.cause-list{width:1225px;}
.cause-list .item{float:left;margin-right:24px;width:282px;height:396px;color:#333;background:url(../images/cause.png) no-repeat 0 -396px;}
.cause-list .item .hd{margin:47px auto;width:160px;height:108px;line-height:108px;font-size:30px;color:#fff;text-align:center;}
.cause-list .item:hover{color:#fff;background-position:0 0;box-shadow:0 0 10px #aaa}
.cause-list .item:hover .hd{color:#333;}
.cause-list .item .bd{padding:0 20px;}
.cause-list .item .bd h3{font-size:18px;padding-bottom:12px;}
.cause-list .item .bd p{height:90px;line-height:30px;overflow:hidden;}


.index-al .swiper-button-prev{width: 20px; height:38px;  background:url(../images/img24.png) no-repeat; background-position: -20px 0;}
.index-al  .swiper-button-next{width: 20px;height:38px;  background:url(../images/img24.png) no-repeat;}
.index-al .swiper-button-prev:hover{ background-position:-20px -38px;}
.index-al  .swiper-button-next:hover{ background-position:0px -38px;}

.index-al div.al-box{width:100%;height:397px;position:relative;float:left;overflow:hidden;}
.index-al div.al-box .pic{width:100%; overflow:hidden;}
.index-al div.al-box .pic img{width:100%;}
.index-al div.al-box .yh-word{background:#fff;width:100%;height:150px;padding-top:10px; padding-bottom:10px;position:absolute;bottom:0px;left:0px;box-sizing: content-box;}
.index-al div.al-box .yh-word .name{font-size:16px;color:#333; margin-bottom:10px; text-align:center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.index-al div.al-box .yh-word .name span{color:#F19600; font-size:14px; margin-left:10px;}
.index-al div.al-box .ycang{font-size:12px; color:#666; height:70px;overflow:hidden;text-overflow: ellipsis;line-height:25px;margin-left:18px;margin-right:10px;}
/*.index-al div.al-box:hover .yh-word{background:url(../images/ty2.png) no-repeat;height:283px;}
.index-al div.al-box:hover .yh-word .name{color:#FFF; padding-top: 82px;}
.index-al div.al-box:hover .yh-word .name span{color:#ededed; font-size:14px; margin-left:10px;}
.index-al div.al-box:hover .ycang{display:block; padding-right:10px;}*/
.khal{display: flex;flex-wrap: wrap;}
.khal div.al-box{width:23.5%;position:relative;overflow:hidden;margin-right: 2%;margin-bottom: 2%;}
.khal div.al-box:nth-child(4n){margin-right: 0;}
.khal div.al-box .pic{width:100%; overflow:hidden;}
.khal div.al-box .pic img{width:100%;}
.khal div.al-box .yh-word{background:#fff;width:100%;height:150px;padding-top:10px; padding-bottom:10px;bottom:0px;left:0px;box-sizing: content-box;}
.khal div.al-box .yh-word .name{font-size:16px;color:#333; margin-bottom:10px; text-align:center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.khal div.al-box .yh-word .name span{color:#F19600; font-size:14px; margin-left:10px;}
.khal div.al-box .ycang{font-size:12px; color:#666; height:70px;overflow:hidden;text-overflow: ellipsis;line-height:25px;margin-left:18px;margin-right:10px;}


.section1{
	padding: 80px 0;
}

.zjtx-title {
	text-align: center;
}
.zjtx-title h2{
	line-height: 40px;
	font-size: 24px;
	background-image: url(../images/tmp1464322928_1228961_s.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.zjtx-title p{
	margin-top: 15px;
	font-size: 18px;
	line-height: 1;
	color: #888888;
}
.zjtx-list{
	margin-top: 45px;
}
.zjtx-list>ul{
	display: flex;
	flex-wrap: wrap;
}
.zjtx-item{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 1px solid #eeedeb;
	padding: 4px 4px 12px;
}
.zjtx-item:nth-child(3n){
	margin-right: 0;
}
.zjtx-item-img{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 200px;
}
.zjtx-item-tit{
	margin-top: 40px;
	height: 44px;
	line-height: 22px;
	padding: 0 4px;
}
.zjtx-item-tit p{
	font-size: 14px;
	color: #555555;
}
.zjtx-item:hover{
	background-color: #2b78d9
}
.zjtx-item:hover .zjtx-item-tit p{
	color: #ffffff;
}
.section2{
	padding-bottom: 80px;
}
.pyfa-title{
	text-align: center;
}
.pyfa-title h2{
	font-weight: 600;
	font-size: 40px;
	color: #333333;
	margin-bottom: 10px;
}
.pyfa-title h2 span{
	color: #2b78d9;
}
.pyfa-title p{
	font-size: 22px;
	color: #555555;
}
.pyfa-list{
	margin-top: 40px;
}
.pyfa-list > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.pyfa-list > ul li.pyfa-item{
	width: 25%;
	background-color: #2b78d9;
	font-size: 30px;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	border-radius: 10px;
	position: relative;
}
.pyfa-list > ul li.pyfa-item:nth-child(1){
	padding: 20px 0;
}
.pyfa-list > ul li.pyfa-item:nth-child(1):after{
	content: "";
	position: absolute;
	right: -85px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/pyfa.png);
	width: 9px;
	height: 16px;
	background-size: 9px 16px;
	opacity: 0.5;
}
.pyfa-list > ul li.pyfa-item:nth-child(2){
	padding: 30px 0;
}
.pyfa-list > ul li.pyfa-item:nth-child(2):after{
	content: "";
	position: absolute;
	right: -80px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/pyfa.png);
	width: 9px;
	height: 16px;
	background-size: 9px 16px;
}
.pyfa-list > ul li.pyfa-item:nth-child(3){
	padding: 40px 0;
}
.section3{
	padding-top: 40px;
	padding-bottom: 30px;
	background-color: #f2f6ff;
}
.zjys-title{
	text-align: center;
}
.zjys-title h2{
	font-weight: 600;
	font-size: 40px;
	color: #333333;
	margin-bottom: 10px;
}
.zjys-title h2 span{
	color: #2b78d9;
}

.zjys-content{
	background-color: #ffffff;
	border-radius: 10px;
}
.zjys-list{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.zjys-list:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #ffffff url(../images/zjys_5.png) no-repeat center center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 9;
}
.zjys-item{
	width: 50%;
	padding: 40px 60px 40px;
	border-top: 1px solid #e4edfe;
}
.zjys-item:nth-child(1),.zjys-item:nth-child(2){
	border-top: 0;
}
.zjys-item:nth-child(2n+1){
	text-align: right;
	border-right: 1px solid #e4edfe;
}
.zjys-item-header{
	display: flex;
	align-items: center;
	height: 45px;
}
.zjys-item:nth-child(2n+1) .zjys-item-header{
	justify-content: flex-end;
}
.zjys-item-header span{
	font-size: 22px;
	font-weight: 600;
	color: #2b78d9;
	margin: 0 10px;
	letter-spacing: 1px;
}
.zjys-item-desc{
	margin-top: 10px;
}
.zjys-item-desc p{
	font-size: 20px;
	color: #444444;
	font-weight: 600;
	letter-spacing: 1px;
}

.zjys-link a{
	display: block;
	width: 230px;
	height: 50px;
	margin: 20px auto;
	border: 1px solid #2b78d9;
	background-color: #2b78d9;
	border-radius: 5px;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
}
.zjys-link a:hover{
	background-color: #0d5fc7;
}
.section5{
	padding-top: 40px;
	padding-bottom: 20px;
}
.sbnd-title{
	text-align: center;
}
.sbnd-title h2{
	font-weight: 600;
	font-size: 40px;
	color: #333333;
	margin-bottom: 10px;
}
.sbnd-title h2 span{
	color: #2b78d9;
}

.sbnd-list{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.sbnd-item{
	width: 50%;
	line-height: 80px;
	margin-bottom: 30px;
}
.sbnd-item .sbnd-text{
	padding: 0 30px;
}
.sbnd-item-bg .sbnd-text{
	display: inline-block;
	padding: 0 70px;
	background-color: #a3ccff;
	border: 1px solid #e4edfe;
	border-radius: 41px;
	position: relative;
}
.sbnd-item-bg .sbnd-text:before{
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/close.png);
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
}
.sbnd-item:nth-child(2n+1){
	text-align: right;
}
.sbnd-item p{
	font-size: 22px;
	color: #444444;
	font-weight: 600;
}
.sbnd-item-bg p{
	color: #2b78d9;
}

.section7{
	padding-top: 50px;
	padding-bottom: 50px;
}
.sbys{
	margin-top: 40px;
	background-image: url(../images/sbys_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 590px;
}
.sbys-content{
	display: flex;
}
.sbys-left{
	width: 45%;
}
.sbys-title{
	margin-top: 140px;
	text-align: center;
}
.sbys-title h2{
	font-size: 46px;
	color: #2b78d9;
	line-height: 1.5;
	font-weight: 600;
}
.sbys-label {
	display: inline-block;
	text-align: center;
	margin-top: 150px;
	margin-left: 60px;
}
.sbys-label p{
	font-size: 18px;
	line-height: 1.3;
	color: #ffffff;
	font-weight: 600;
}

.sbys-right{
	width: 55%;
	padding-top: 100px;
}
.sbys-r-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 70px;
}
.sbys-r-item-img{
	width: 85px;
	margin-right: 30px;
}
.sbys-r-item-text{
	width: calc(100% - 115px);
}
.sbys-r-item-text h3{
	font-size: 20px;
	color: #2b78d9;
	margin-bottom: 10px;
}
.sbys-r-item-text p{
	font-size: 16px;
	color: #ffffff;
}

.section9{
	padding-top: 80px;
	padding-bottom: 80px;
}
.sbqy-list{
	margin-top: 50px;
}
.sbqy-list ul {
	display: flex;
	flex-wrap: wrap;
}
.sbqy-list ul li.sbqy-item{
	width: 25%;
	text-align: center;
}
.sbqy-item-img{
	height: 61px;
	line-height: 61px;
}
.sbqy-item-text{
	margin-top: 10px;
}
.sbqy-item-text p{
	font-size: 22px;
	color: #555555;
	line-height: 1.5;
	font-weight: 600;
}

.section11{
	padding: 80px 0;
}
.zjtd-content{
	margin-top: 40px;
}

.banner .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background-color: #ffffff;
}

@media screen and (max-width: 1200px){
	.center,.wrapper{
		width: 100%;
		margin: 0 auto;
		padding: 0 2%;
	}
	.cause-list{
		width: 100%;
	}
	.index-al div.al-box{
		height: auto;
	}
	.index-al div.al-box .yh-word{
		position: relative;
	}
	.zjtx-list>ul{
		justify-content: space-between;
	}
	.zjtx-item{
		width: 49%;
		margin-right: 0;
	}
	.section1,.section11{
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.pyfa-title h2,
	.zjys-title h2,
	.sbnd-title h2{
		font-size: 26px;
	}
	.pyfa-title p,
	.zjys-title p,
	.sbnd-title p{
		font-size: 16px;
	}
	.sbnd-item p{
		font-size: 16px;
	}
}
@media screen and (max-width: 768px){
	.cause-list{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.cause-list .item{
		width: 49%;
		max-width: 282px;
		margin-right: 2%;
		margin-bottom: 2%;
		/*background: url(../images/cause.png) no-repeat 0 -396px;
		background-size: 100%;*/
	}
	.cause-list .item:nth-child(2n){
		margin-right: 0;
	}
	.wrap-title h2{
		font-size: 22px;
	}
	.wrap-title p{
		font-size: 16px;
	}
	.zjtx-item{
		width: 100%;
	}
	.pyfa-list > ul{
		flex-wrap: wrap;
	}
	.pyfa-list > ul li.pyfa-item{
		width: 100%;
		margin-bottom: 2%;
	}
	.pyfa-list > ul li.pyfa-item:nth-child(1):after{
		display: none;
	}
	.pyfa-list > ul li.pyfa-item:nth-child(2):after{
		display: none;
	}
	.zjys-item{
		width: 100%;
		border-right: 0;
		padding: 30px;
	}
	.zjys-item-header{
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	.zjys-item:nth-child(2n+1){
		text-align: left;
		border-right: 0;
	}
	.zjys-item:nth-child(2n+1) .zjys-item-header{
		flex-direction: row-reverse;
	}
	.zjys-list:after{
		display: none;
	}
	.zjys-item:nth-child(2){
		border-top: 1px solid #e4edfe;
	}
	.sbnd-item{
		width: 100%;
	}
	.sbnd-item{
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.sbnd-item:nth-child(2n+1){
		text-align: left;
	}
	.sbnd-item p{
		font-size: 16px;
	}
	.sbnd-item .sbnd-text{
		width: 100%;
		display: inline-block;
		padding: 10px 40px;
		background-color: #a3ccff;
		border: 1px solid #e4edfe;
		border-radius: 41px;
		position: relative;
	}
	.sbnd-item .sbnd-text:before{
		content: "";
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		background-image: url(../images/close.png);
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}
	.sbnd-item p{
		color: #2b78d9;
	}
	.sbys{
		background-position: right;
	}
	.sbys .center{
		height: 100%;
	}
	.sbys-content{
		height: 100%;
		align-items: center;
	}
	.sbys-left{
		display: none;
	}
	.sbys-right{
		padding-top: 0;
		width: 100%;
	}
	.sbys-r-item:last-child{
		margin-bottom: 0;
	}
	.sbqy-list ul li.sbqy-item{
		width: 50%;
		margin-bottom: 5%;
	}
	.khal{
		justify-content: space-between;
	}
	.khal div.al-box{
		width: 49%;
		margin-right: 0;
	}
}
@media screen and (max-width: 550px){
	.cause-list .item{
		width: 100%;
		margin-right: 0;
	}
	.khal div.al-box{
		width: 100%;
		margin-right: 0;
	}
}