@charset "utf-8";

/* 新闻栏目 */
#xyhasm {
	height: 550px;
	background-image: url(../images/xwbanner.jpg);
}

#xyhasm:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 268px;
	bottom: -170px;
	background: url(../images/xwzs1.png) bottom center no-repeat;
}


#xyhasm .xymait h1 {
	padding-top: 30px;
}


@media screen and (max-width: 800px) {

	#xyhasm {
		height: 260px;
	}

	#xyhasm:after {
		height: 110px;
		bottom: -70px;
		background-size: cover;
	}

	#xyhasm:before {
		width: 128px;
		height: 83px;
		bottom: -22px;
		left: calc(50% - 72px);
		right: auto;
	}

	#xyhasm .xymait h1 {
		padding-top: 14px;
	}
}

#xycont {
	width: 100%;
	position: relative;
	padding: 200px 0 180px;
	background-color: #f6f5f5;
}


#xycont .xyilla {
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	height: 775px;
	z-index: 99;
}

#xycont .xyilla img {
	display: block;
	position: absolute;
	z-index: 150;
}

#xycont .xyilla .xylcao {
	width: 265px;
	top: 0;
	right: calc(50% + 430px);
	z-index: 151;
}

#xycont .xyilla .rgrn {
	width: 181px;
	top: 0;
	left: calc(50% + 510px);
}

#xycont .xyilla .xylyun {
	width: 348px;
	top: 246px;
	right: calc(50% + 410px);
}

#xycont .xyilla .xyryun {
	width: 265px;
	top: 110px;
	right: calc(50% + 243px);
}

#xycont .xyilla .xysbk {
	width: 478px;
	top: 120px;
	left: calc(50% + 328px);
	z-index: 1;
}

#xycont .xyilla .xylyun {
	width: 145px;
	top: 520px;
	right: calc(50% + 435px);
}

#xycont .xyilla .xyrshu {
	width: 248px;
	top: 600px;
	left: calc(50% + 365px);
}

@media screen and (max-width: 1200px) {
	#xycont .xyilla .xylcao {
		width: 265px;
		top: 0;
		right: auto;
		left: -100px;
	}

	#xycont .xyilla .rgrn {
		width: 181px;
		top: 0;
		left: auto;
		right: -100px;
	}
}


#xycont .xyimga {
	position: relative;
	width: calc(100% - 30px);
	max-width: 1080px;
	z-index: 100;
	position: relative;
	margin: 40px auto 0;
}

#xycont .xyimgb {
	float: left;
	width: 24.07%;
	margin-left: calc(3.72% / 3);
	position: relative;

}


#xycont .xyimga:after {
	content: "";
	display: block;
	clear: both;
}

#xycont .xyimga img {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
}

#xycont .xyimga .xyimg01 {
	margin-left: 0;
}

#xycont .xyimga .xyimg02,
#xycont .xyimga .xyimg03 {
	margin-top: 60px;
}

#xycont .xyimga .fukidashi01 {
	display: block;
	width: 190px;
	position: absolute;
	right: -30px;
	bottom: -42px;
	z-index: 110;
}

#xycont .xyimga .fukidashi02 {
	display: block;
	width: 190px;
	position: absolute;
	left: -33px;
	top: -30px;
	z-index: 110;
}

#xycont .xyimga .fukidashi03 {
	display: block;
	width: 190px;
	position: absolute;
	left: -53px;
	bottom: -42px;
	z-index: 110;
}

@media screen and (max-width: 800px) {
	#xycont {
		padding: 90px 0 115px;
	}

	#xycont .xyilla {
		top: 0px;
		height: 500px;
	}

	#xycont .xyilla .xylcao {
		width: 101px;
		top: 0;
		left: -30px;
	}

	#xycont .xyilla .rgrn {
		width: 71px;
		top: 0;
		right: -30px;
	}

	#xycont .xyilla .xylyun {
		width: 196px;
		right: auto;
		top: 45px;
		left: calc(50% - 61px);
	}

	#xycont .xyilla .xyryun {
		width: 144px;
		left: auto;
		top: 122px;
		right: calc(50% + 50px);
	}

	#xycont .xyilla .xysbk {
		width: 270px;
		top: 60px;
		left: calc(50% + 85px);
		z-index: 1;
	}

	#xycont .xybinr {
		padding-top: 0;
	}

	#xycont .con_img {
		position: relative;
		width: 100%;
	}

	#xycont .xyimga {
		position: relative;
		width: calc(100% - 50px);
		max-width: 1080px;
		z-index: 100;
		position: relative;
		margin: 26px auto 0;
	}

	#xycont .xyimgb {
		float: left;
		width: 47.27%;
		margin-left: 2.73%;
		position: relative;

	}


	#xycont .xyimga .xyimg01,
	#xycont .xyimga .xyimg03 {
		margin-left: 0;
	}

	#xycont .xyimga .xyimg02 {
		margin-top: 4.8vw;
		margin-bottom: 3.1vw;
	}

	#xycont .xyimga .xyimg03 {
		margin-top: 4.8vw;
	}

	#xycont .xyimga .fukidashi01 {
		width: 29vw;
		right: -4.6vw;
		bottom: -6.5vw;
		z-index: 110;
	}

	#xycont .xyimga .fukidashi02 {
		width: 29vw;
		position: absolute;
		left: -5.3vw;
		top: -4.6vw;
		z-index: 110;
	}

	#xycont .xyimga .fukidashi03 {
		width: 29vw;
		position: absolute;
		left: -7vw;
		bottom: -8.4vw;
		z-index: 110;
	}


}


#xyguid {
	width: 100%;
	position: relative;
	background: url(../images/xwbj4.png) top center no-repeat #f6f6f6;
	padding: 50px 0 190px;
}

#xyguid:before {
	content: "";
	display: block;
	width: 100%;
	height: 94px;
	z-index: 600;
	background: url(../images/xwbj2.png) repeat-x bottom center;
	position: absolute;
	top: -60px;
}

#xyguid:after {
	content: "";
	display: block;
	position: absolute;
	width: 168px;
	height: 160px;
	left: calc(50% - 50px);
	top: -140px;
	z-index: 700;
	background: url(../images/xwct1.png);
	background-size: cover;
}

#xyguid .xystit {
	margin-bottom: 50px;
}




#xyguid .link_btn #xyguid .xyclb {
	position: relative;
	z-index: 150;
}

#xyguid .sjtzs {
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	margin: 30px auto 10px;
	padding: 20px 20px 18px;
	box-sizing: border-box;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#xyguid .sjtzs .xyimga {
	width: 12%;
	overflow: hidden;
}

#xyguid .sjtzs .xyimga img {
	border-radius: 10px;
	transition: transform 0.5s ease;
}

#xyguid .sjtzs .xyimga :hover img {
	transform: scale3d(1.1, 1.1, 1.1);
}

@media screen and (max-width: 800px) {
	#xyguid {
		background: #f6f6f6;
		padding: 37px 0 85px;
	}

	#xyguid:before {
		content: "";
		display: block;
		width: 100%;
		height: 68px;
		z-index: 600;
		background-size: 440px 68px;
		position: absolute;
		top: -40px;
	}

	#xyguid:after {
		width: 95px;
		height: 90px;
		left: calc(50% - 40px);
		top: -60px;
	}

	#xyguid .xystit {
		margin-bottom: 30px;
	}

}


#qa {
	position: relative;
	padding: 0px 0 95px;
}

#qa:before {
	content: "";
	display: block;
	width: 100%;
	height: 94px;
	z-index: 100;
	background: url(../images/xwbj3.png) repeat-x bottom center;
	position: absolute;
	top: -10px;
}

#qa:after {
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	height: 110px;
	top: -110px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 700;
	background: url(../images/xwct2.png);
	background-size: cover;
}

#qa h1 {
	position: relative;
	z-index: 1500;
}

#qa .xystit {
	margin-bottom: 50px;
	position: relative;
	z-index: 1500;
}

#qa .xyqab {
	margin: 0 auto 50px;
	width: calc(100% - 30px);
	max-width: 1080px;
}

#qa .xyqab h2 {
	position: relative;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	padding: 21px 20px 14px 98px;
	box-sizing: border-box;
	background: #92b8a3;
	color: #fff;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 700;
	border-bottom: 1px solid #92b8a3;
}

#qa .xyqab h2:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 22px;
	top: -28px;
	background: url(../images/q_icon.png);
	background-size: cover;
}

#qa .xyqab .xytare {
	position: relative;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	padding: 25px 20px 20px 98px;
	box-sizing: border-box;
	border: 3px solid #92b8a3;
	background: #fff;
}

#qa .xyqab .xytare:before {
	content: "";
	display: block;
	width: 59px;
	height: 59px;
	position: absolute;
	left: 26px;
	top: 10px;
	background: url(../images/a_icon.png);
	background-size: cover;

}

#qa .xyqab .xytare p {
	font-size: 15px;
	line-height: 30px;
	box-sizing: border-box;
	color: #1e1e1e;
}

#qa .xyqab.xybox02 h2 {
	background: #c3e0ce;
	border-bottom: 1px solid #c3e0ce;
}

#qa .xyqab.xybox02 .xytare {
	border: 3px solid #c3e0ce;
}

@media screen and (max-width: 800px) {
	#qa {
		padding-bottom: 60px;
	}

	#qa:before {
		content: "";
		display: block;
		width: 100%;
		height: 68px;
		z-index: 600;
		background-size: 440px 68px;
		position: absolute;
		top: 0;
	}

	#qa:after {
		width: 34px;
		height: 40px;
		top: -50px;
	}

	#qa .xystit {
		margin-bottom: 30px;
	}

	#qa .xyqab {
		margin: 0 auto 28px;
	}

	#qa .xyqab h2 {
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		padding: 10px 12px 8px 56px;
		font-size: 13px;
	}

	#qa .xyqab h2:before {
		width: 38px;
		height: 38px;
		left: 13px;
		top: -13px;
	}

	#qa .xyqab .xytare {
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		padding: 12px 12px 12px 56px;
	}

	#qa .xyqab .xytare:before {
		width: 34px;
		height: 34px;
		left: 12px;
		top: 11px;
	}

	#qa .xyqab .xytare p {
		font-size: 11px;
		line-height: 20px;
	}


	#xyguid .sjtzs {
		padding: 20px 20px 6px;
	}

	#xyguid .sjtzs .xyimga {
		width: 48%;
		margin-bottom: 12px;
	}

}