@media screen and (min-width:1700px) {
	.serRight {
		padding: 25px 0px 25px 0;
	}
}

@media screen and (min-width:1600px) {
	.serRight {
		padding: 25px 0px 25px 0;
	}

}

@media screen and (max-width:1800px) {
	.inner {
		padding-left: 130px;
		padding-right: 130px;
	}
}

@media screen and (max-width:1800px) {
	.Reply a {
		display: inline-block;
		width: 12vw;
		height: 3.4vw;
		text-align: center;
		line-height: 3.4vw;
		font-size: 1.4vw;
		color: #fff;
		letter-spacing: 1px;
		border-radius: 5px;
		margin-right: 25px;
	}
}


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


@media screen and (max-width:1400px) {
	.recoParh {
		padding: 20px 15px;
		background: #fff;
		text-align: center;
		font-size: 18px;
		letter-spacing: 1px;
		color: #000;
		border-radius: 0 0 10px 10px;
	}

	.Case .recoParh {
		padding: 25px 15px;
	}

	.recoHide {
		position: absolute;
		
		text-align: center;
		font-size: 18px;
		color: #fff;
		letter-spacing: 1px;
		z-index: 999;
		opacity: 0;
		transition: all 0.5s;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.inner {
		padding-left: 100px;
		padding-right: 100px;
	}

	.b4 {
		font-size: 18px;
		letter-spacing: 1px;
		color: rgb(255, 103, 30);
		margin-bottom: 2vw;
		font-family: 'DIN';
	}

	.publicTitle>p:nth-child(1) {
		font-size: 35px;
		color: #000;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 20px;
		text-align: center;
	}

	.serWord {
		font-size: 21px;
		text-align: center;
		color: #000;
		letter-spacing: 1px;
		font-family: 'DIN';
		margin-bottom: 15px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		transition: all 0.6s;
		position: relative;
		z-index: 9;
	}

	.give1 {
		font-size: 37px;
		color: #fff;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 35px;
		text-align: center;
	}

	.give2 {
		width: 87%;
		margin: auto;
		font-size: 20px;
		color: #fff;
		letter-spacing: 1px;
		line-height: 46px;
		margin-bottom: 65px;
		text-align: center;
	}

	.lookMore {
		width: 240px;
		background: #fff;
		margin: auto;
		display: flex;
		align-items: center;
		height: 64px;
		border-radius: 50px;
	}

	.Give {
		background: url(../images/hand.jpg) center;
		background-repeat: no-repeat;
		background-size: cover;
		height: auto;
		background-attachment: fixed;
		height: 470px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ress1 span {
		font-family: 'DIN';
		color: #fff;
		margin-left: 5px;
		font-size: 38px;
		font-weight: 600;
	}
}

@media screen and (max-width:1200px) {
	.payBox{
		width: 70vw;
		position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -35vw;
	}
	.serWord {
		font-size: 19px;
	}

	.index-logo img {
		width: 100%;
		margin-top: 22px;
	}

	.a3 {
		font-size: 15px;
		color: rgb(85, 85, 85);
		line-height: 38px;
	}

	.a1 {
		font-size: 28px;
		color: rgb(51, 51, 51);
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 16px;
	}

	.a2 {
		width: 35px;
		height: 3px;
		border-radius: 2px;
		background: rgb(255, 103, 30);
		margin-bottom: 18px;
	}

	.inner {
		padding-left: 50px;
		padding-right: 50px;
	}

	.serRight {
		padding: 25px 0 25px 0;
	}

	.Light {
		position: relative;
		padding: 0 30px;
	}

	.Light .swiper-button-next {
		right: -38px;
	}

	.Light .swiper-button-prev {
		left: -38px;
	}
}

@media screen and (max-width:1000px) {
	.payTable p {
	    display: inline-block;
	}
	.a3 {
		font-size: 15px;
		color: rgb(85, 85, 85);
		line-height: 32px;
	}

	.footLink {
		width: 75%;
		display: flex;
	}

	.contactUs_map iframe {
		height: 520px;
	}

	.vParh {
		padding: 20px 10px;
		font-size: 16px;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		text-align: center;
	}

	.Light .swiper-slide {
		width: 32% !important;
		margin-right: 2%;
	}


	.vSame {
		width: 48.5%;
		display: inline-block;
		margin-right: 3%;
		box-shadow: 1px 1px 10px 1px rgb(230 230 230);
		margin-bottom: 3%;
	}

	.videoBox>div:nth-child(3n+3) {
		margin-right: 3%;
	}

	.videoBox>div:nth-child(2n+2) {
		margin-right: 0;
	}

	.videoBox>div:nth-child(6n+6) {
		margin-right: 0;
	}

	.Case .recoParh {
		padding: 22px 15px;
	}

	.artBox .News {
		margin-bottom: 25px;
	}

	.sideBanner {
		padding-top: 0px;
	}

	.ress1 {
		width: 100%;
		font-size: 15px;
		color: rgba(255, 255, 255, 0.9);
		margin-bottom: 15px;
	}

	.ress1 span {
		font-family: 'DIN';
		color: #fff;
		margin-left: 5px;
		font-size: 22px;
		font-weight: 600;
	}

	.footRess {
		margin-right: 0;
	}

	.footBottom {
		display: inherit;
		align-items: center;
		justify-content: space-between;
		padding: 22px 0;
	}

	.footEwm {
		display: none;
	}

	.ress2 a {
		display: inline-block;
		font-size: 14px;
		letter-spacing: 1px;
		color: rgba(255, 255, 255, 0.9);
		line-height: 13px;
		border-right: 1px solid rgba(255, 255, 255, 0.9);
		padding: 0 8px;
	}

	.ress2 {
		margin-bottom: 20px;
	}

	.ress3 {
		margin-bottom: 0;
		color: rgba(255, 255, 255, 0.9);
		letter-spacing: 0;
		font-size: 15px;
		font-family: 'DIN';
		line-height: 22px;
	}

	.ress4 {
		color: rgba(255, 255, 255, 0.9);
		letter-spacing: 1px;
		font-size: 15px;
	}

	.Light {
		position: relative;
		padding: 0 45px;
	}

	.recoParh {
		padding: 18px 15px;
		background: #fff;
		text-align: center;
		font-size: 17px;
		letter-spacing: 1px;
		color: #000;
		border-radius: 0 0 10px 10px;
	}

	.recoHide {
		position: absolute;
		
		text-align: center;
		font-size: 17px;
		color: #fff;
		letter-spacing: 1px;
		z-index: 999;
		opacity: 0;
		transition: all 0.5s;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.inner {
		padding-left: 30px;
		padding-right: 30px;
	}

	.Reply {
		display: none;
	}

	.b1 {
		font-size: 2.2vw;
		font-family: 'DIN';
		color: rgb(255, 103, 30);
		letter-spacing: 1px;
		margin-bottom: 1vw;
	}

	.b2 {
		font-size: 2.2vw;
		color: rgb(86, 86, 86);
		letter-spacing: 1px;
		margin-bottom: 0.6vw;
		font-weight: 600;
	}

	.b3 {
		font-size: 2.4vw;
		letter-spacing: 1px;
		color: rgb(255, 103, 30);
		margin-bottom: 0;
		margin-top: 2vw;
	}

	.b4 {
		font-size: 2vw;
		letter-spacing: 1px;
		color: rgb(255, 103, 30);
		margin-bottom: 0;
		font-family: 'DIN';
		margin-top: 1vw;
		width: 80%;
		line-height: 20px;
	}

	.bannerWord {
		position: absolute;
		top: 10%;
	}

	.banner .swiper-pagination {
		display: none;
	}

	.serSame {
		display: flex;
		justify-content: space-between;
		width: 48.5%;
		margin-right: 3%;
		border-radius: 20px;
		box-shadow: 1px 1px 10px 1px rgb(255 103 30 / 20%);
		background: #fff;
		position: relative;
		padding: 0 35px;
		margin-bottom: 3%;
		transition: all 0.8s;
		position: relative;
	}

	.Service>a:nth-child(2n+2) {
		margin-right: 0;
	}

	.Service>a:nth-child(3n+3) {
		margin-right: 3%;
	}

	.Service>a:nth-child(6n+6) {
		margin-right: 0;
	}

	.serWord {
		font-size: 20px;
		text-align: center;
		color: #000;
		letter-spacing: 1px;
		font-family: 'DIN';
		margin-bottom: 15px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		transition: all 0.6s;
		position: relative;
		z-index: 9;
	}

	.publicTitle>p:nth-child(1) {
		font-size: 30px;
		color: #000;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 16px;
		text-align: center;
	}

	.publicTitle {
		padding-bottom: 45px;
	}

	.serNum {
		background-image: url(../images/xu.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 53px;
		height: 57px;
		display: flex;
		line-height: 48px;
		justify-content: center;
		font-size: 25px;
		letter-spacing: 1px;
		color: #fff;
		font-family: 'DIN';
		transition: all 0.6s;
		z-index: 99;
		position: relative;
	}

	.recoParh {
		padding: 18px 5px;
		background: #fff;
		text-align: center;
		font-size: 18px;
		letter-spacing: 1px;
		color: #000;
		border-radius: 0 0 10px 10px;
	}

	.newsCommon {
		width: 48.5%;
		display: inline-block;
		margin-right: 3%;
		box-shadow: 1px 1px 10px 1px rgb(230 230 230);
		margin-bottom: 3%;
	}

	.News>a:nth-child(3n+3) {
		margin-right: 3%;
	}

	.News>a:nth-child(2n+2) {
		margin-right: 0;
	}

	.News>a:nth-child(6n+6) {
		margin-right: 0;
	}

	.News {
		display: flex;
		margin-bottom: 30px;
		flex-wrap: wrap;
	}

	.give1 {
		font-size: 32px;
		color: #fff;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 45px;
		text-align: center;
	}

	.give2 {
		width: 87%;
		margin: auto;
		font-size: 18px;
		color: #fff;
		letter-spacing: 1px;
		line-height: 38px;
		margin-bottom: 50px;
		text-align: center;
	}

	.lookMore {
		width: 230px;
		background: #fff;
		margin: auto;
		display: flex;
		align-items: center;
		height: 60px;
		border-radius: 50px;
	}

	.Give {
		background: url(../images/hand.jpg) center;
		background-repeat: no-repeat;
		background-size: cover;
		height: auto;
		background-attachment: inherit;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 35px 0;
	}

	.nParh1 {
		font-size: 18px;
		color: rgb(51, 51, 51);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 18px;
	}

	.nParh2 {
		font-size: 14px;
		color: rgb(136, 136, 136);
		line-height: 26px;
		margin-bottom: 22px;
	}

	.recoParh {
		padding: 15px 5px;
		background: #fff;
		text-align: center;
		font-size: 16px;
		letter-spacing: 1px;
		color: #000;
		border-radius: 0 0 10px 10px;
	}

	.Light .swiper-button-next,
	.Light .swiper-button-prev {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: transparent;
		transition: all 0.8s;
		cursor: inherit;
		border: 1px solid rgba(255, 103, 30, 0.5);
	}

	.Light .swiper-button-next {
		right: -9px;
	}

	.Light .swiper-button-prev {
		left: -9px;
	}

	.About {
		display: inherit;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.aboutLeft {
		width: 100%;
		margin-right: 0;
	}

	.a1 {
		font-size: 27px;
		color: rgb(51, 51, 51);
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 25px;
	}

	.a2 {
		width: 35px;
		height: 3px;
		border-radius: 2px;
		background: rgb(255, 103, 30);
		margin-bottom: 25px;
	}

	.aboutRight {
		width: 100%;
		overflow: hidden;
		margin-top: 25px;
	}

	.aboutRight img {
		width: 100%;
	}

	.hopeWord>p:nth-child(2) {
		font-size: 22px;
		letter-spacing: 1px;
		color: #fff;
	}

	.hopeWord>p:nth-child(1) {
		font-size: 17px;
		letter-spacing: 1px;
		color: #fff;
		line-height: 25px;
		margin-bottom: 12px;
	}

	.Contact {
		width: 610px;
		padding: 45px 50px;
		background: #fff;
		margin-top: -413px;
		position: relative;
		z-index: 9;
		top: -55px;
	}

	.Contact>p:nth-child(1) {
		font-size: 32px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		letter-spacing: 1px;
		margin-bottom: 45px;
	}

	.conRess>li:nth-child(2) p {
		font-size: 16px;
		font-family: 'DIN';
		letter-spacing: 1px;
		color: rgb(102, 102, 102);
	}

	.localAt a span {
		color: rgb(51, 51, 51);
		letter-spacing: 1px;
		font-size: 18px;
		padding: 20px 0;
		display: inline-block;
		border-bottom: 3px solid transparent;
		transition: all 0.6s;
	}

	.Case {
		margin-top: 35px;
	}

	.changePage {
		padding-top: 0;
		padding-bottom: 20px;
		display: inherit;
		align-items: center;
		justify-content: center;
	}

	.changePage a {
		padding: 9px 12px;
		border: 1px solid rgb(208, 208, 208);
		font-size: 14px;
		letter-spacing: 1px;
		text-align: center;
		color: rgb(51, 51, 51);
		margin-right: 7px;
		transition: all 0.5s;
		background: #fff;
		font-family: 'DIN';
		display: inline-block;
		margin-bottom: 15px;
	}

	.changePage p {
		margin-right: 4px;
		font-size: 15px;
		color: rgb(51, 51, 51);
		letter-spacing: 1px;
		font-family: 'DIN';
		display: inline;
	}

	.Art {
		margin-top: 30px;
	}

	.Center {
		display: inherit;
		margin-top: 30px;
		margin-bottom: 35px;
	}

	.Detail {
		width: 100%;
		margin-right: 0;
		padding: 0 15px;
		border: 1px solid rgb(235, 235, 235);
	}

	.deTitle {
		padding-top: 25px;
		padding-bottom: 18px;
		border-bottom: 1px solid rgb(235, 235, 235);
	}

	.title1 {
		text-align: center;
		font-size: 18px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		letter-spacing: 1px;
		font-family: 'DIN';
	}

	.deMore {
		display: inherit;
		align-items: center;
		justify-content: space-between;
		margin-top: 18px;
	}

	.title2 span {
		font-family: 'DIN';
		font-size: 14px;
		color: rgb(136, 136, 136);
		letter-spacing: 0px;
		margin-right: 0;
	}

	.detailBox {
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.newsDevide {
		padding-top: 25px;
		display: inherit;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 25px;
	}

	.newsLink {
		width: 100%;
	}

	.newsLink a {
		font-size: 15px;
		color: rgb(51, 51, 51);
		font-family: 'DIN';
		margin-bottom: 18px;
		display: inline-block;
		transition: all 0.8s;
		line-height: 24px;
	}

	.backTo {
		display: none;
	}

	.Brand {
		width: 100%;
	}

	.Type {
		display: none;
	}

	.newsTitle {
		padding: 16px 0;
		margin: 0 15px;
		letter-spacing: 1px;
		color: #000;
		font-size: 18px;
	}

	.moreNews {
		border: 1px solid rgb(235, 235, 235);
		margin-top: 20px;
	}

	.wy {
		letter-spacing: 1px;
		color: rgb(102, 102, 102);
		font-size: 15px;
		margin-bottom: 7px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}

	.boxA {
		display: inherit;
		padding: 13px 0;
		margin: 0 15px;
		border-top: 1px solid rgb(230, 230, 230);
	}

	.boxA>p:nth-child(2) {
		color: rgb(102, 102, 102);
		font-size: 14px;
		font-family: 'DIN';
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}

	.title2 {
		width: 85%;
		margin: auto;
		display: flex;
		justify-content: space-between;
	}

	.deRight {
		display: none;
	}

	.detailBox p {
		font-size: 14px;
		color: rgb(51, 51, 51);
		line-height: 32px;
		margin-bottom: 10px;
	}

	.Edit {
		display: inherit;
		align-items: center;
		padding-bottom: 15px;
		border-bottom: 1px solid rgb(235, 235, 235);
		justify-content: space-between;
	}

	.Editor {
		font-size: 14px;
		letter-spacing: 1px;
		color: rgb(136, 136, 136);
		word-spacing: 10px;
		display: flex;
		align-items: center;
		margin-bottom: 12px;
	}
}

@media screen and (max-width:768px) {
	.wapPrice{
		display: block;
	}
	.payBox {
	    width: 86vw;
	    position: fixed;
	    left: 50%;
	    top: 50%;
	    margin-left: -43vw;}
	.patTop p {
	    color: #FFF;
	    letter-spacing: 1px;
	    font-size: 16px;
	}
	.float-bar{
		display: none!important;
	}
	.patTop {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 14px;
	    background: rgb(255,103,30);
	}
	.payCent {
	    padding: 20px;
	    background: #fff;
	    display: inherit;
	    align-items: center;
	}
	.payTable {
	    width: 100%;
	    border: 1px solid rgb(229,229,229);
	}
	.payTable td{
		height: 45px;
		line-height: 50px;
		font-size: 14px;
		color: rgb(51,51,51);
		letter-spacing: 1px;
		text-align: center;
		line-height: 18px;
		padding: 0 5px;
	}
	.priceAsk {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 15px;
	}
	.priceAsk p{
		font-size: 18px;
		color: #000;
		letter-spacing: 1px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 15px;
	}
	.priceAsk input{
		width: 100%;
		height: 45px;
		line-height: 45px;
		padding: 0 20px;
		font-size: 14px;
		color: rgb(85,85,85);
		letter-spacing: 1px;
		background: rgb(245,247,249);
		margin-bottom: 13px;
		border-radius: 5px;
	}
	footer{
		padding-bottom: 50px;
	}
	.payBox{
			width: 86vw;
			position: fixed;
			left: 50%;
			top: 50%;
			margin-left: -43vw;
			height: 80vh;
			margin-top: -40vh;
			overflow-y: auto;
		}
	.priceAsk button{
		width: 100%;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
		color:#fff;
		letter-spacing: 1px;
		background: rgb(255,103,30);
		border-radius: 5px;
		text-align: center;
	}
	.b4 {
		width: 60%;
		line-height: 16px;
	}

	.Light .swiper-slide {
		width: 100% !important;
		margin-right: 0%;
	}

	.vParh {
		padding: 9px 10px;
		font-size: 15px;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		text-align: center;
	}

	.videoBox {
		display: flex;
		margin-top: 25px;
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
	}

	.video-popwrap video {
		width: 80vw;
		height: 46vw;
	}

	.popclose {
		position: absolute;
		top: -60px;
		right: -20px;
		border-radius: 100%;
		color: #fff;
		cursor: pointer;
		height: 60px;
		width: 60px;
		text-align: center;
		line-height: 43px;
		font-size: 45px;
		z-index: 33333;
	}

	.Center {
		margin-top: 25px;
		margin-bottom: 35px;
	}

	.Art {
		margin-top: 25px;
	}

	.localAt a span {
		color: rgb(51, 51, 51);
		letter-spacing: 1px;
		font-size: 16px;
		padding: 14px 0;
		display: inline-block;
		border-bottom: 3px solid transparent;
		transition: all 0.6s;
	}

	.Case>a:nth-child(2n+2) {
		margin-right: 0;
	}

	.Case>a:nth-child(3n+3) {
		margin-right: 3%;
	}

	.Case>a:nth-child(6n+6) {
		margin-right: 0;
	}

	.Case .recoParh {
		padding: 15px 5px;
	}

	.Case {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 25px;
	}

	.recoParh {
		padding: 15px 5px;
		background: #fff;
		text-align: center;
		font-size: 15px;
		letter-spacing: 1px;
		color: #000;
		border-radius: 0 0 10px 10px;
	}

	.caseSame {
		display: inline-block;
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 3%;
		border-radius: 10px;
		cursor: pointer;
	}

	.Case {
		margin-top: 25px;
	}

	.contactUs_map iframe {
		height: 300px;
	}

	.Contact>p:nth-child(1) {
		font-size: 22px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		letter-spacing: 1px;
		margin-bottom: 0;
	}

	.conRess {
		margin-top: 30px;
	}

	.conRess>li:nth-child(1) {
		margin-right: 18px;
	}

	.hope1 {
		background: url(../images/bg.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		width: 100%;
		margin-right: 0;
		height: 115px;
		padding: 0 20px;
		margin-bottom: 10px;
	}

	.hope2 {
		background: url(../images/bg.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		width: 100%;
		margin-right: 0;
		height: 115px;
		padding: 0 20px;
	}

	.a1 {
		font-size: 22px;
		color: rgb(51, 51, 51);
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 20px;
	}

	.a2 {
		width: 30px;
		height: 3px;
		border-radius: 2px;
		background: rgb(255, 103, 30);
		margin-bottom: 20px;
	}

	.a3 {
		font-size: 14px;
		color: rgb(85, 85, 85);
		line-height: 32px;
	}

	.aboutRight {
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
	}

	.Hope {
		display: inherit;
		margin-bottom: 30px;
	}

	.hopeWord>p:nth-child(1) {
		font-size: 20px;
		letter-spacing: 1px;
		color: #fff;
		margin-bottom: 10px;
	}

	.hopeWord>p:nth-child(2) {
		font-size: 16px;
		letter-spacing: 1px;
		color: #fff;
		line-height: 23px;
	}

	.hopePic {
		margin-right: 18px;
	}

	.Contact {
		width: auto;
		padding: 25px 5px;
		background: #fff;
		margin-top: 0;
		position: relative;
		z-index: 9;
		top: 0;
	}

	.inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	.publicTitle>p:nth-child(1) {
		font-size: 22px;
		color: #000;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 10px;
		text-align: center;
	}

	.publicTitle>p:nth-child(2) {
		text-align: center;
		color: rgb(102, 102, 102);
		font-size: 14px;
		letter-spacing: 1px;
		width: 90%;
		margin: auto;
		line-height: 23px;
	}

	.publicTitle {
		padding-bottom: 25px;
	}

	.Service {
		display: inherit;
		flex-wrap: wrap;
	}

	.serSame {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-right: 0;
		border-radius: 15px;
		box-shadow: 1px 1px 10px 1px rgb(255 103 30 / 20%);
		background: #fff;
		position: relative;
		padding: 0 20px;
		margin-bottom: 5%;
		transition: all 0.8s;
		position: relative;
	}

	.serNum {
		background-image: url(../images/xu.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 53px;
		height: 52px;
		display: flex;
		line-height: 44px;
		justify-content: center;
		font-size: 20px;
		letter-spacing: 1px;
		color: #fff;
		font-family: 'DIN';
		transition: all 0.6s;
		z-index: 99;
		position: relative;
	}

	.serRight {
		padding: 18px 0 18px 0;
	}
.serLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 25px;
    width: 20%;
}
	.serWord {
		font-size: 16px;
		text-align: center;
		color: #000;
		letter-spacing: 1px;
		font-family: 'DIN';
		margin-bottom: 9px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		transition: all 0.6s;
		position: relative;
		z-index: 9;
	}

	.serDesc {
		font-size: 14px;
		color: rgb(85, 85, 85);
		text-align: right;
		line-height: 23px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
		transition: all 0.6s;
		position: relative;
		z-index: 9;
		display: none;
	}

	.serIcon {
		display: none;
	}

	.News {
		display: inherit;
		margin-bottom: 15px;
		flex-wrap: wrap;
	}

	.newsCommon {
		width: 100%;
		display: inline-block;
		margin-right: 0;
		box-shadow: 1px 1px 10px 1px rgb(230 230 230);
		margin-bottom: 5%;
	}

	.nParh1 {
		font-size: 16px;
		color: rgb(51, 51, 51);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.newsDesc {
		padding: 20px;
		background: #fff;
	}

	.nParh2 {
		font-size: 14px;
		color: rgb(136, 136, 136);
		line-height: 24px;
		margin-bottom: 15px;
	}

	.give1 {
		font-size: 22px;
		color: #fff;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 25px;
		text-align: center;
	}

	.give2 {
		width: 90%;
		margin: auto;
		font-size: 15px;
		color: #fff;
		letter-spacing: 1px;
		line-height: 32px;
		margin-bottom: 35px;
		text-align: center;
	}

	.im1 {
		font-size: 15px;
		color: rgb(51, 51, 51);
		letter-spacing: 2px;
	}

	.lookMore {
		width: 195px;
		background: #fff;
		margin: auto;
		display: flex;
		align-items: center;
		height: 50px;
		border-radius: 50px;
	}

	.Give {
		background: url(../images/hand.jpg) center;
		background-repeat: no-repeat;
		background-size: cover;
		height: auto;
		background-attachment: inherit;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 35px 0;
	}

	.footer {
		display: none;
	}

	.Light .swiper-slide {
		position: relative;
		cursor: pointer;
		transition: all 0.8s;
		border-radius: 10px;
		box-shadow: none;
	}

}


@media screen and (max-width:322px) {
	.boardNum {
		display: inherit;
		align-items: center;
	}

	.boardNum>p:nth-child(1) {
		margin-bottom: 8px;
	}
}