@media screen and (min-width:750px){
	.banner {
	width: 100%;
	height: 604px;
	overflow: hidden;
	text-align: center;
	position: relative;
	background: url(../img/XCbg1.jpg) no-repeat center;
}

.banner h3 {
	width: 100%;
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 50%;
	margin-bottom: 70px;
}
.banner p {
	font-size: 36px;
	color: #fff;
	width: 100%;
	bottom: 50%;
	position: absolute;
}
.banner a {
	width: 230px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	font-size: 30px;
	color: #040404;
	top: 50%;
	position: absolute;
	margin-top: 82px;
	background: #00eaff;
	left: 50%;
	margin-left: -115px;
}
.light {
	width: 1226px;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.light h3 {
	width: 100%;
	height: auto;
	font-size: 36px;
	color: #333333;
	text-align: center;
	padding-top: 95px;
}
.light ul {
	width: 100%;
	height: auto;
	padding-top: 80px;
	padding-bottom: 75px;
	display: flex;
	flex-wrap: flex;
	justify-content: space-around;
}
.light ul li {
	width: 220px;
	height: auto;
	text-align: center;
}
.light ul li img {
	padding-bottom: 30px;
}
.light ul li h4 {
	color: #333;
	font-size: 20px;
	line-height: 50px;
}
.light ul li p {
	font-size: 14px;
	line-height: 24px;
	color: #888888;
}

.img1 {
	width: 100%;
	height: auto;
	position: relative;
	background: #fafafa;
}
.img1 .img1s , .img2 .img2s{
	width: 1226px;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.img1s dl {
	width: 50%;
	right: 50%;
	position: absolute;
	text-indent: 30px;
	top: 28%;
}
.img1s dl dt , .img2s dl dt{
	font-weight: normal;
	font-size: 30px;
	color: #333333;
	line-height: 50px;
}

.img1s dl dt:nth-child(2) , .img2s dl dt:nth-child(2) {
	padding-bottom: 32px;
	position: relative;
	margin-bottom: 40px;
}
.img1s dl dt:nth-child(2):after ,.img2s dl dt:nth-child(2):after {
	content: '';
	width: 146px;
	height: 3px ;
	background: #d2d2d2;
	position: absolute;
	bottom: 0;
	left: 30px;
}
.img1s dl dd , .img2s dl dd{
	line-height: 28px;
	font-size: 16px;
	color: #888888;
}

.img1s img {
	position: relative;
    padding: 75px 0;
    margin: 0;
    left: 50%;
    margin-left: -70px;
}
.img2 {
	width: 100%;
	height: auto;
	position: relative;
}
.img2s img {
	position: relative;
    padding: 75px 0;
    margin: 0;
    left: 0;
}
.img2s dl {
	width: 365px;
	position: absolute;
	right: 30px;
	top: 28%;
}
.img2s dl dt:nth-child(2):after {
	content: '';
	width: 146px;
	height: 3px ;
	background: #d2d2d2;
	position: absolute;
	bottom: 0;
	left: 0;
}
.experience {
	width: 100%;
	height: 580px;
	background: url(../img/XCbg5.jpg) no-repeat center;
}
.experience h3 , .experience h4 {
	width: 100%;
	font-size: 36px;
	color: #fff;
	text-align: center;
	font-size: 36px;
}
.experience h3 {
	padding-top: 110px;
}
.experience h4 {
	padding-top: 24px;
	padding-bottom: 58px;
	position: relative;
}
.experience h4:after {
	width: 150px;
	height: 3px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 75px;
}
.experience ul {
	width: 1226px;
	margin: 0 auto;
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.experience ul li {
	width: 230px;
	text-align: center;
}
.experience ul li img {
	padding-bottom: 35px;
}
.experience ul li span {
	display: inline-block;
	font-size: 20px;
	color: #fff;
}
.img3 {
	width: 1226px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.img3 img {
	position: relative;
	left: 0;
	padding: 128px 0;
	margin: 0;
}
.img3 dl {
	width: 422px;
	right: 0;
	position: absolute;
	top: 39%;
	right: 0;

}
.img3 dl dd {
	font-size: 36px;
	line-height: 64px;
	color: #666666;
}
}



@media screen and (max-width:1226px) and (min-width:750px) {
	.light {width:100%;}
	.img1 .img1s, .img2 .img2s {
		width: 100%;
	}
	.img1s img , .img2s img{width:50%;}
	.experience ul {width:100%;}
	.img3 {width:100%;}
	.img3 img {width:50%; left:30px;}
}

@media screen and (max-width: 750px){
	.mbanner {background:url('../img/xcmbg.jpg') no-repeat center; background-size:cover; color:#fff;}
	.mbanner h3 {font-size:.52rem; padding-top:.76rem;}
	.mbanner p {font-size: .26rem;padding-top:.25rem;color:#fff;}
	.mbanner a {color:#040404; background:#00eaff; margin-top:.36rem;}
    
    .light , .img1 , .img2, .img3 {width:100%;height:auto;overflow: hidden;position: relative;box-sizing: border-box;padding:0 .24rem;background:#fff;text-align: center;}
    .light h3 {font-size:.34rem;padding-top:.48rem;padding-top:.46rem;font-weight: bold;}
    .light ul {width:100%; height: auto; overflow: hidden; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; padding-top:.48rem;}
    .light ul li {width: 2.8rem;margin-bottom:.48rem;}
    .light ul li img {height:1.2rem; margin:0 auto; padding-bottom: .24rem;}
    .light ul li h4 {text-align: center;font-size: .3rem;color:#333333;padding-bottom: .15rem;}
    .light ul li p {text-align: left;line-height: .36rem;font-size: .24rem;color:#888888;}

	.img1 , .img3{background:#fafafa !important; }
	.img1 img ,.img2 img{width:100%; padding-top:.48rem;}
	.img1 dl ,.img2 dl{width:100%; text-align: left; margin-bottom:.4rem;}
	.img1 dl dt ,.img2 dl dt{padding-top:.3rem;padding-bottom: .26rem;font-size:.32rem;color:#333333;position:relative;margin-bottom: .18rem;display: inline-block;}
	.img1 dl dt:nth-child(2)::after {display: none;}
	.img1 dl dt::after ,.img2 dl dt::after {content:''; width:1.48rem; height:.03rem; background:#d2d2d2; position: absolute; bottom:0; left:0;}
	.img1 dl dd ,.img2 dl dd{font-size:.26rem; line-height: .42rem; color:#888888; }

	.experience {width:100%; height:4.04rem; background:url(../img/XCbg5.jpg) no-repeat center; background-size: cover; text-align: center;}
	.experience h3,.experience h4 { font-size: .34rem; color:#fff;}
	.experience h3 {padding-top:.48rem;}
	.experience h4 {padding-top:.16rem;}
	.experience ul {width:100%; display: flex; justify-content: space-around; padding-top:.65rem; padding-bottom: .4rem;}
	.experience ul li {width:1.48rem;}
	.experience ul li img {margin-bottom: .26rem; width:.86rem;}
	.experience ul li span {display: inline-block;line-height: .36rem;font-size:.24rem;color:#fff;}
	.img3 h3 {padding-top:.4rem;font-size:.34rem;text-align: center;color:#333333;font-weight: bold;}
	.img3 img {width:100%; margin:.46rem auto;}



}