@charset "utf-8";
/* CSS Document */

/*banner*/
#swiperRoot {
	position: relative;
	z-index: 0;
}

#swiperRoot .swiper-slide {
	position: relative;
	z-index: 0;
}

#swiperRoot .pic {
	position: relative;
	z-index: 0;
	padding-top: 45.3%;
}

#swiperRoot .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#swiperRoot .txtb {
	position: absolute;
	left: 0;
	top: 3.7vw;
	bottom: 6.7vw;
	right: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#swiperRoot .txtb .txt {
	width: 50%;
	margin: 0 auto 0 0;
	text-align: left;
	color: #2c2c2c;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	transform: translate(0, 90px);
	-ms-transform: translate(0, 90px);
	-webkit-transform: translate(0, 90px);
}

#swiperRoot .txtb .txt .name {
	font-weight: 400;
	line-height: 2.2;
}

#swiperRoot .txtb .txt .intro {
	margin-top: 0.4em;
	line-height: 1.6;
	overflow: hidden;
	height: 5.2em;
}

#swiperRoot .txtb .txt .btn {
	margin-top: 17%;
}

#swiperRoot .txtb .txt .btn::after {
	content: "";
	display: inline-block;
	position: relative;
	z-index: 0;
	top: 0.15em;
	width: 1em;
	height: 1em;
	margin-left: 0.6em;
	background: url(../images/arrow_2.png) center center no-repeat;
	background-size: contain;
}

#swiperRoot .txtb .txt .btn:hover::after {
	background-image: url(../images/arrow_3.png);
}

#swiperRoot .txtb .txt_2 {
	margin: 0 0 0 auto;
	width: 50%;
	text-align: left;
}

#swiperRoot .txtb .txt_2 .name {
	color: #222
}

#swiperRoot .txtb .txt_2 .intro {
	color: #666;
	margin-top: 0.7em;
	line-height: 1.5;
	height: 3em;
}

#swiperRoot .txtb .txt_3 {
	margin: 0 0 0 auto;
	width: 55%;
}

#swiperRoot .txtb .txt_3 .name {
	color: #222
}

#swiperRoot .txtb .txt_3 .intro {
	color: #666;
	margin-top: 0.3em;
	line-height: 1.1;
	height: 2.2em;
}

#swiperRoot .txtb .txt_3 .btn {
	margin-top: 2.9em;
}

#swiperRoot .swiper-slide-active .txtb .txt {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

#swiperRoot .swiper-pagination {
	bottom: 1.5em;
}

#swiperRoot .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background-color: #fff;
	margin: 0 10px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#swiperRoot .swiper-pagination-bullet-active {
	position: relative;
	z-index: 0;
	background-color: #004ea2;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#swiperRoot .swiper-pagination-bullet-active::after {
	margin-left: -1px;
	margin-top: -1px;
	position: absolute;
	left: -40%;
	top: -40%;
	width: 180%;
	height: 180%;
	border: 1px solid #004ea2;
	content: "";
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

#swiperRoot .btnNPW {
	position: absolute;
	right: 7.8%;
	bottom: 1.9em;
	z-index: 1000;
	height: 2.8em;
	width: 7.9em;
	text-align: center;
}

#swiperRoot .btnNext,
#swiperRoot .btnPrev {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 3.1em;
	height: 3.1em;
	margin: 0 0.3em;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.48) url(../images/arrow_2.png) center center no-repeat;
	background-size: 36% auto;
}

#swiperRoot .btnPrev {
	left: 5.2%;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#swiperRoot .btnNext:hover,
#swiperRoot .btnPrev:hover {
	background-color: #008cd6;
}

#swiperRoot .swiper-button-disabled,
#swiperRoot .swiper-button-disabled:hover {
	background: transparent;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#swiperRoot .num {
	position: absolute;
	z-index: 1000;
	left: 9.3%;
	color: #fff;
	bottom: 2.6em;
}

#swiperRoot .num span.cur {
	font-size: 1.5em;
}

@media only screen and (max-width:828px) {
	#swiperRoot .content {
		width: 90vw;
		margin: 0 5vw;
	}

	#swiperRoot .pic {
		position: relative;
		z-index: 0;
		padding-top: 80%;
	}

	#swiperRoot .txtb {
		width: 100vw;
	}

	#swiperRoot .txtb .txt {
		width: 60%;
		right: auto;
		left: 0;
	}

	#swiperRoot .txtb .txt_2 {
		width: 80%;
	}

	#swiperRoot .txtb .txt_3 {
		width: 45%;
		right: 0;
		left: auto;
	}

	#swiperRoot .txtb .txt .name {
		font-size: 5.8vw;
	}

	#swiperRoot .txtb .txt .intro {
		font-size: 3.4vw;
	}

	#swiperRoot .txtb .txt .btn {
		font-size: 2vw;
		margin-top: 1.8em;
	}

	#swiperRoot .num {
		font-size: 2vw;
	}

	#swiperRoot .btnNPW {
		font-size: 2vw;
	}

	#swiperRoot .swiper-pagination {
		font-size: 2vw;
	}

	#swiperRoot .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}
}




/*关于 banner*/
#swiperRoot .pic02 {
	position: relative;
	z-index: 0;
	padding-top: 26%;
}

#swiperRoot .pic02 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#swiperRoot .txt02 .name02 {
	text-align: left;
	color: #FFF;
	font-weight: bold;
	line-height: 2.2;
	-moz-text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, .4);
	-webkit-text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, .4);
	text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, .4);
}

#swiperRoot .txt02 .name03 {
	text-align: left;
	color: #FFF;
	line-height: 1.6;
	-moz-text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, .4);
	-webkit-text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, .4);
	text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, .4);
}

#swiperRoot .txtc {
	position: absolute;
	left: 0;
	top: 35%;
	right: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#swiperRoot .txtc .txt02 {
	width: 50%;
	margin: 0 auto 0 0;
	text-align: left;
}

@media only screen and (max-width:828px) {
	#swiperRoot .pic02 {
		position: relative;
		z-index: 0;
		padding-top: 80%;
	}

	#swiperRoot .txt02 .name02 {
		line-height: 1.8;
	}

	#swiperRoot .txt02 .name03 {
		line-height: 1.2;
	}

	#swiperRoot .txtc .txt02 {
		width: 60%;
	}

	#swiperRoot .txtc {
		top: 30%;
	}

	#swiperRoot .txtc .txt02 .font36 {
		font-size: 22px;
	}

	#swiperRoot .txtc .txt02 .font24 {
		font-size: 16px;
	}
}

/*产品*/
.proBox {
	padding: 2.5em 0;
}

.proBox .tit {
	color: #333;
	background: url(../images/biaot-01.png) no-repeat center top;
}

.proBox .tit dt {
	line-height: 36px;
}

.proBox .tit dd {
	margin-top: 0.6em;
	color: #666;
}

.proBox .content {
	overflow: visible;
}

.proBox .list {
	margin: 0 -1%;
	overflow: hidden;
}

.proBox .list ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.proBox .list li {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 31.1%;
	margin: 1% 1%;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.proBox .list li:hover {
	-moz-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
}


.proBox .list li .pic {
	position: relative;
	z-index: 0;
	padding-top: 60%;
	height: 0;
margin-top:5px;
	overflow: hidden;
	background: #f6f6f6;
}

.proBox .list li .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.proBox .list li .name {
	text-align: left;
	height: 5em
}



.proBox .list li .name:hover {
	color: #004ea2;
	font-weight: bold;
}


@media only screen and (max-width:868px) {
	.proBox .list {
		margin: 0 0%;
		overflow: hidden;
	}

	.proBox .list li {
		width: 100%;
		margin-top: 4%;
		margin-right: 0%;
	}

	.proBox .tit dd {
		margin-top: 0em;
	}

	.proBox .list li:nth-child(3n) {
		margin-right: 0%;
	}

	.proBox .list li:nth-child(2n) {
		margin-right: 0;
	}

	.proBox .list li .txtb .intro {
		display: none;
	}

	.proBox .list li .txtb .btnW .arrow {
		margin-top: 0.6em;
		width: 1.6em;
		height: 1.6em;
	}
}

/*设计*/
.proBox3 {
	padding: 3.6em 0 12% 0;
	width: 100%;
	height: 100%;
	background: url(../images/banne-01.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.proBox3 .tit {
	color: #fff;
	background: url(../images/biaot-02.png) no-repeat center top;
}

.proBox3 .tit dt {
	line-height: 36px;
}

.proBox3 .tit dd {
	margin-top: 0.6em;
	color: #fff;
}

.proBox3 .content {
	overflow: visible;
}

.proBox3 .list {
	margin: 0 -1%;
	overflow: hidden;
}

.proBox3 .list ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.proBox3 .list li {
	position: relative;
	z-index: 0;
	width: 22.7%;
	margin: 1% 1%;
	border: 1px solid #fff;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	color: #FFF;
	line-height: 48px;
}

.proBox3 .list li a {
	color: #FFF;
	font-weight: bold;
}

.proBox3 .list li:hover {
	background: #004ea2;
	border: 1px solid #004ea2;
	-moz-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
}

@media only screen and (max-width:868px) {
	.proBox3 {
		padding: 2.6em 0 20% 0;
		background-size: 160% 100%;
	}

	.proBox3 .tit dd {
		margin-top: 0em;
	}

	.proBox3 .list li {
		width: 46.8%;
		line-height: 38px;
	}
}

/*解决方案*/

.proBox2 {
	padding: 3.6em 0;
}

.proBox2 .tit {
	color: #333;
	background: url(../images/biaot-01.png) no-repeat center top;
}

.proBox2 .tit dt {
	line-height: 36px;
}

.proBox2 .tit dd {
	margin-top: 0.6em;
	color: #666;
}

.proBox2 .content {
	overflow: visible;
}

.proBox2 .list ul {
	margin-top: 0.4em;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.proBox2 .list li {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 32.1%;
	margin: 1.8% 1.8% 0 0;
}

.proBox2 .list li:nth-child(3n) {
	margin-right: 0;
}

.proBox2 .list li .pic {
	position: relative;
	z-index: 0;
	padding-top: 63%;
	height: 0;
	overflow: hidden;
}

.proBox2 .list li .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	border-radius: 10px;
}

.proBox2 .list li .txtb {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	text-align: center;
	bottom: 0;
	right: 0;
	padding: 20%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	color: #fff;
	background-color: rgba(90, 184, 38, 0.7);
	display: block;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	border-radius: 10px;
}

.proBox2 .list li:hover .txtb {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.proBox2 .list li .txtb .name a {
	color: #fff;
	font-weight: bold;
}

.proBox2 .list li .txtb .name_2 {
	margin-top: 0.5em;
	line-height: 1.2;
}

.proBox2 .list li .txtb .intro {
	margin-top: 0.5em;
	font-weight: lighter;
	line-height: 1.2;
}

.proBox2 .list li .txtb .btnW {
	text-align: center;
}

.proBox2 .list li .txtb .btnW .arrow {
	margin-top: 1.6em;
	display: inline-block;
	width: 3.3em;
	height: 3.3em;
	background: rgba(255, 255, 255, 0.3) url(../images/arrow_2.png) center center no-repeat;
	background-size: 30% auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .24);
	-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .24);
	box-shadow: 0 0 1em rgba(0, 0, 0, .24);
}

@media only screen and (max-width:828px) {
	.proBox2 {
		padding: 2.6em 0;
	}

	.proBox2 .tit dd {
		margin-top: 0em;
	}

	.proBox2 .list li {
		width: 48.5%;
		margin-top: 2%;
		margin-right: 3%;
	}

	.proBox2 .list li:nth-child(3n) {
		margin-right: 3%;
	}

	.proBox2 .list li:nth-child(2n) {
		margin-right: 0;
	}

	.proBox2 .list li .txtb .intro {
		display: none;
	}

	.proBox2 .list li .txtb .btnW .arrow {
		margin-top: 0.6em;
		width: 1.6em;
		height: 1.6em;
	}
}



/*服务*/

.qmBox {
	padding: 3.6em 0 0.6em 0;

}

.qmBox .tit {
	color: #333;
	border-bottom: 0.05em solid #999;
	position: relative;
	line-height: 4.175rem;
	margin-bottom: 1.625rem;
}

.qmBox .tit .gd {
	text-align: right;
	color: #666;
	position: absolute;
	right: 0;
	top: .625rem;
}

.qmBox .tit .new {
	color: black;
	text-align: left;
	width: max-content;
	border-bottom: 2px solid rgb(15, 13, 134);
}

.qmBox .tit dt {
	line-height: 36px;
}

.qmBox .tit dd {
	margin-top: 0.6em;
	color: #666;
}

.qmBox .content {
	overflow: visible;
}

.swiper-qm {
	overflow: hidden;
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 4em 0;
}

.swiper-qm .swiper-container {
	overflow: visible;
}

.swiper-qm .swiper-wrapper {
	margin-top: 1.6%;
}

.swiper-qm .swiper-slide {
	position: relative;
	z-index: 0;
}

.swiper-qm .swiper-slide .picb {
	position: relative;
	z-index: 0;
	padding-top: 32.2%;
	width: 100%;
}

.swiper-qm .pic {
	position: absolute;
	width: 50%;
	left: 0;
	top: 0;
}

.swiper-qm .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	height: auto;
	object-fit: cover;
}

.swiper-qm .swiper-slide-prev .picb .pic {
	width: 46.6%;
	height: 46.6%;
	margin: 16.7% 3.8% 0 auto;
}

.swiper-qm .swiper-slide-next .picb .pic {
	width: 46.46%;
	height: 46.6%;
	margin: 16.7% auto 0 3.8%;
}

.swiper-qm .swiper-slide-prev .picb .pic img,
.swiper-qm .swiper-slide-next .picb .pic img {
	filter: alpha(opacity=22);
	-moz-opacity: 0;
	opacity: 0;
}

.swiper-qm .swiper-slide-prev .name {
	display: none;
}

.swiper-qm .swiper-slide-next .name {
	display: none;
}

.swiper-qm .name {
	position: absolute;
	width: 45%;
	right: 2em;
	top: 0;
	color: #101010;
	text-align: left;
	float: left;
}


.swiper-qm .name dd {
	line-height: 2.4em;
	margin: 0;

}

.swiper-qm .btnNPW {
	width: 9em;
	position: absolute;
	bottom: 3%;
	right: 48%;
	z-index: 100;
}

.swiper-qm .btnNext,
.swiper-qm .btnPrev {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 3em;
	height: 3em;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff url(../images/arrow_3.png) center center no-repeat;
	background-size: 36% auto;
	border: 1px solid #cccccc;
}

.swiper-qm .btnPrev {
	left: 5.2%;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.swiper-qm .btnNext {
	margin-left: 1em;
}

.swiper-qm .btnNext:hover,
.swiper-qm .btnPrev:hover {
	background-color: #004ea2;
	border: 1px solid #004ea2;
	background-image: url(../images/arrow_2.png);
}

.lyjqyw {
	width: 100%;
	height: 100%;
	position: relative;

}

.middleBox .content .lyjqyw .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.middleBox .content .lyjqyw .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.middleBox .content .lyjqyw .swiper-slide img {
	display: block;
	width: 45%;
	height: 100%;
	object-fit: cover;
}

.middleBox .content .lyjqyw .swiper-button-prev {
	cursor: pointer;
	width: 30px;
	height: 30px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff url(../images/arrow_3.png) center center no-repeat;
	background-size: 36% auto;
	border: 1px solid #cccccc;
	left: 10%;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.swiper-button-next {
	cursor: pointer;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff url(../images/arrow_3.png) center center no-repeat;
	background-size: 36% auto;
	border: 1px solid #cccccc;
	right: 10%;
}

@media only screen and (max-width:828px) {
	.qmBox {
		padding: 2.6em 0;
	}

	.qmBox .tit dd {
		margin-top: 0em;
	}

	.swiper-qm .swiper-slide .picb {
		padding-top: 60%;
	}

	.swiper-qm .pic,
	.swiper-qm .pic img {
		width: 100%;
		height: auto;
	}

	.swiper-qm .name {
		width: 100%;
	}

	.swiper-qm .name {
		position: relative;
		width: 100%;
		right: 0em;
		top: 0em;
		height: auto;
		color: #101010;
		text-align: center;
	}

	.swiper-qm .name dt {
		padding-top: 1em;
		text-align: left;
	}

	.swiper-qm .name dd {
		line-height: 1.6em;
		padding-bottom: 1rem;
		text-align: left;
	}

	.swiper-qm .btnNPW {
		width: 9em;
		position: absolute;
		bottom: 0em;
		left: 0em;
		z-index: 100;
	}
}


/*左边导航*/
.proLiBox {
	padding: 2.6% 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.proLiBox .sideP {
	width: 20%;
	display: block;
}

.proLiBox .mainP {
	width: 78%;
}

.proLiBox .sideP .topwenzi {
	background: #004ea2;
	color: #FFF;
	text-align: left;
	padding: 6% 0% 6% 14%;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
}

.proLiBox .sideP .bom {
	background: #efefef;
	height: 24px;
	border-radius: 0px 0px 10px 10px;
}

.proLiBox .sideP dl {
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #FFF;
}

.proLiBox .sideP dl dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #efefef;
	border-top: 0;
	padding: 4.2% 9% 4.2% 8%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	cursor: pointer;
}

.proLiBox .sideP dl.show dt {
	padding: 4.9% 9% 4.9% 8%;
	background-color: #999999;
	color: #fff;
}

.proLiBox .sideP dl dt .name {
	margin: 0 1em;
	flex: 1;
	padding: 0.3em 0 0.2em;
}

.proLiBox .sideP dl dt .arrow {
	width: 10px;
	height: 10px;
	background: url(../images/arrow_5.png) center center no-repeat;
	background-size: contain;
}

.proLiBox .sideP dl.show dt .arrow {
	background-image: url(../images/arrow_6.png);
}

.proLiBox .sideP dl dd {
	display: none;
}

.proLiBox .sideP dl dd a {
	color: #666;
	float: left;
	width: 88%;
	background: #f6f6f6;
	line-height: 2.8em;
	padding: 8px 0px 8px 12%;
	border-bottom: 1px solid #FFF;
}

.proLiBox .sideP dl dd a:hover {
	color: #004ea2;
	background: #fff;
	font-weight: bold;
}

.proLiBox .sideP .cur dt {
	background-color: #999999;
	color: #fff;
}

.proLiBox .sideP .cur dt .arrow {
	width: 10px;
	height: 10px;
	background: url(../images/arrow_7.png) center center no-repeat;
	background-size: contain;
}


@media only screen and (max-width:828px) {
	.proLiBox .sideP {
		display: none;
	}

	.proLiBox .mainP {
		width: 100%;
	}
}


/*内页产品列表*/
.mainP {
	padding: 0em 0 3.2em 0;
}

.mainP .tit {
	color: #333;
	background: url(../images/biaot-01.png) no-repeat center top;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 16px;
}

.mainP .tit dt {
	line-height: 36px;
	padding-bottom: 16px;
}

.mainP .tit dd {
	margin-bottom: 1em;
	color: #666;
}

.mainP .Plist {
	margin: 0 -1%;
	overflow: hidden;
}

.mainP .Plist ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.mainP .Plist li {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 31.1%;
	margin: 1% 1%;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.mainP .Plist li:hover {
	-moz-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
}

.mainP .Plist li .pic {
	position: relative;
	z-index: 0;
	padding-top: 62%;
	height: 0;
	overflow: hidden;
	background: #f6f6f6;
}

.mainP .Plist li .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mainP .Plist li .name {
	text-align: center;
	line-height: 3.2em;
	height: 3.2em
}

.mainP .Plist li .name:hover {
	color: #004ea2;
	font-weight: bold;
}

@media only screen and (max-width:1242px) {
	.mainP .Plist li {
		width: 48.2%;
		margin-top: 2%;
		margin-right: 0%;
	}
}

@media only screen and (max-width:868px) {
	.mainP .Plist li {
		width: 100%;
		margin-top: 2%;
		margin-right: 0%;
	}

	.mainP .tit {
		margin-bottom: 0px;
	}

	mainP .tit dt {
		padding-bottom: 0px;
	}

	.mainP .Plist {
		margin: 0 0%;
		overflow: hidden;
	}

	.mainP .Plist li:nth-child(3n) {
		margin-right: 0%;
	}

	.mainP .Plist li:nth-child(2n) {
		margin-right: 0;
	}

	.mainP .Plist li .txtb .intro {
		display: none;
	}

	.mainP .Plist li .txtb .btnW .arrow {
		margin-top: 0.6em;
		width: 1.6em;
		height: 1.6em;
	}
}


/*内页产品详情页*/

.mainP .tit2 {
	color: #333;
	margin-bottom: 16px;
	padding-top: 1em;
}

.mainP .Plist2,
.mainP .Plist3 {
	margin: 0 -1%;
	overflow: hidden;
}

.mainP .Plist2 ul,
.mainP .Plist3 ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.mainP .Plist2 li {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 47.6%;
	margin-top: 2%;
	margin: 1% 1%;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.mainP .Plist2 li .pic {
	position: relative;
	z-index: 0;
	padding-top: 62%;
	height: 0;
	overflow: hidden;
	background: #f6f6f6;
}

.mainP .Plist2 li .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mainP .Plist2 li .name {
	text-align: left;
	text-indent: 24px;
	line-height: 3.2em;
	height: 3.2em
}

.mainP .Plist3 li {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 100%;
	margin-top: 2%;
	margin: 1% 1%;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.mainP .Plist3 li .pic {
	position: relative;
	z-index: 0;
	padding-top: 32%;
	height: 0;
	overflow: hidden;
	background: #f6f6f6;
}

.mainP .Plist3 li .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mainP .Plist3 li .name {
	text-align: left;
	text-indent: 24px;
	line-height: 3.2em;
	height: 3.2em
}


.mainP .manint {
	background: #f6f6f6;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 1.2em;
	overflow: hidden;
	position: relative;
}

.mainP .manint .pic,
.mainP .manint .manintzi {
	float: left;
}

.mainP .manint .pic {
	width: 43%;
	position: relative;
	z-index: 0;
	padding-top: 25.2%;
	height: 0;
	overflow: hidden;
}

.mainP .manint .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mainP .manint .manintzi {
	width: 46%;
	text-align: left;
	position: absolute;
	top: 12%;
	left: 49%;
}

.mainP .manint .manintzi dt {
	padding: 0.8em 0em;
	font-weight: bold;
}

.mainP .manint .manintzi dd {
	padding: 0em 0em;
	line-height: 26px;
}

.mainP .manint .manintzi .naniud {
	margin-top: 2em;
}

.mainP .manint .manintzi .naniud a {
	padding: 0.8em 1.8em;
	background: #5ab725;
	color: #FFF;
	text-align: center;
	border-radius: 10px;
}

.mainP .manint .manintzi .naniud a:hover {
	background: #cccccc;
	color: #333;
}


.mainP .pictu {
	position: relative;
	z-index: 0;
	padding-top: 38%;
	height: auto;
	overflow: hidden;
}

.mainP .pictu img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	border-radius: 10px;
}

.mainP .wenzi01 {
	padding: 1.2em 0;
	text-align: left;
	line-height: 24px;
}

.mainP .Plist4 {
	margin: 1em -1%;
	overflow: hidden;
}

.mainP .Plist4 ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.mainP .Plist4 li {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 18%;
	margin: 1% 1%;
	border-radius: 10px;
}

.mainP .Plist4 li .pic {
	position: relative;
	z-index: 0;
	padding-top: 100%;
	height: 0;
	overflow: hidden;
	background: #f6f6f6;
}

.mainP .Plist4 li .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mainP .Plist4 li .name {
	text-align: left;
	background: #004ea2;
	color: #FFF;
	height: auto;
	padding: 1em;
	min-height: 12em;
}

.mainP .Plist4 li .name dt {
	padding: 0.6em 0;
}

.mainP .Plist5 {
	margin: 1em -1%;
	overflow: hidden;
}

.mainP .Plist5 ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.mainP .Plist5 li {
	position: relative;
	z-index: 0;
	background: #f6f6f6;
	width: 48%;
	margin: 1% 1%;
	border-radius: 10px;
}

.mainP .Plist5 li .pictu {
	width: 45%;
	float: left;
}

.mainP .Plist5 li .piczi {
	width: 50%;
	float: left;
	margin-left: 1%
}

.mainP .Plist5 li .pic {
	position: relative;
	z-index: 0;
	padding-top: 43.2%;
	height: 0;
	overflow: hidden;
}

.mainP .Plist5 li .pic img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mainP .Plist5 li .name {
	text-align: left;
	height: auto;
	padding: 2%;
	padding-top: 6%;
}

.mainP .Plist5 li .name dt {
	padding: 0.6em 0;
}

.mainP .Plist5 li .name dd {
	line-height: 24px;
}

@media only screen and (max-width:1200px) {
	.mainP .Plist4 li {
		width: 31%;
	}

	.mainP .Plist5 li {
		width: 100%;
	}
}

@media only screen and (max-width:868px) {
	.mainP .Plist2 li {
		width: 100%;
		margin: 2% 1%;
	}

	mainP .tit2 dt {
		padding-bottom: 0px;
	}

	.mainP .Plist3 li .pic {
		padding-top: 62%;
	}

	.mainP .manint {
		margin-top: 1em;
	}

	.mainP .manint .pic {
		width: 100%;
		padding-top: 58%;
	}

	.mainP .manint .manintzi {
		width: 90%;
		position: relative;
		top: 5%;
		left: 5%;
		padding-bottom: 2em;
	}

	.mainP .manint .manintzi dt {
		padding: 0.4em 0em;
	}

	.mainP .manint .manintzi dd {
		padding: 0.1em 0em;
	}

	.mainP .Plist4 li {
		width: 48%;
	}

	.mainP .Plist5 li .pic {
		padding-top: 33.2%;
		height: 0;
	}

	.name dt {
		padding: 0.2em 0;
	}

	.mainP .Plist5 li .name {
		text-align: left;
		height: auto;
		padding: 2%;
	}

	.mainP .Plist5 li .name dd {
		line-height: 18px;
		padding-bottom: 1em;
	}

	.mainP .Plist5 li .pictu {
		width: 35%;
		float: left;
	}

	.mainP .Plist5 li .piczi {
		width: 60%;
		float: left;
		margin-left: 1%
	}
}

/*服务内页*/
.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.be {
	font-weight: bold
}

.lvse {
	color: #004ea2;
}

.hongse {
	color: #F00;
}

.pt5 {
	padding-top: 0.5em;
}

.pt10 {
	padding-top: 1em;
}

.pt16 {
	padding-top: 1.6em;
}

.mainP .mb10 {
	margin-bottom: 1em;
	clear: both
}

.hefb10 {
	height: 1em;
	line-height: 1em;
	clear: both
}

.pictu2 img {
	width: 100%;
	height: auto;
	vertical-align: top;
	text-align: center;
}

.mainP .pictu2 .tu01 {
	display: block;
}

.mainP .pictu2 .tu02 {
	display: none;
}

@media only screen and (max-width:868px) {
	.mainP .pictu2 .tu01 {
		display: none;
	}

	.mainP .pictu2 .tu02 {
		display: block;
	}
}


/*关于内页*/
.mainP .abatwenzi {
	width: 100%;
}

.mainP .abatwenzi .leftwenzi {
	width: 68%;
	padding-right: 2%;
	text-align: left;
	float: left;
}

.mainP .abatwenzi .rihttu {
	width: 30%;
	float: right;
}

.mainP .abatwenzi .rihttu img {
	width: 100%;
	height: auto;
}

.mainP .abatwenzi .leftwenzi .wen02 {
	width: 100%;
	line-height: 1.8;
}

@media only screen and (max-width:1920px) {
	.mainP .abatwenzi .leftwenzi {
		width: 58%;
		padding-right: 2%;
	}

	.mainP .abatwenzi .rihttu {
		width: 40%;
	}
}

@media only screen and (max-width:868px) {
	.mainP .abatwenzi .leftwenzi {
		width: 100%;
		padding-right: 0%;
	}

	.mainP .abatwenzi .rihttu {
		width: 100%;
		padding-top: 1em;
	}
}

.footerTop {
	position: relative;
}

.jtdh {
	width: 230px;
	height: 45px;
	background-color: #6f6f6f;
	z-index: 100;
	color: #bbbbbb;
	position: absolute;
	bottom: -5%;
	/*right: 15%;*/
	line-height: 45px;
	padding-left: 20px;
	padding-right: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.jtdhList {
	display: none;
	width: 230px;
	position: absolute;
	bottom: 100%;
	right: 0;
	background-color: #6f6f6f;
	box-sizing: border-box;
}

.jtdhList>li {
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #d4d5d9;
	box-sizing: border-box;
}

.jtdh:hover .jtdhList {
	display: block;
	transition: 0.5s;
}

.jtdhList>li:hover {
	color: #004ea2;
}

.honorBox {
	position: relative;
	z-index: 0;
	padding: 1.5em 1em;
	background: #f7f7f7;
	margin-top: 0px;
}

.honorBox .tit {
	font-weight: bold;
}

.honorBox .content {
	overflow: visible;
}

.honorBox .swiper-honor {
	position: relative;
	z-index: 0;
	margin: 0 -1em;
}

.honorBox .swiper-container {
	padding-bottom: 1.8%;
}

.honorBox .swiper-container .swiper-slide {
	width: 25%;
}

.honorBox .item {
	width: 88%;
	margin: 1.2em auto;
	padding: 6% 0 0.6em;
	background: #FFF;
	border: 1px solid #d6d6d6;
}

.honorBox .item .pic {
	position: relative;
	z-index: 0;
	padding-top: 105.9%;
	width: 77.6%;
	margin: 0 auto;
}

.honorBox .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.honorBox .item .name {
	margin: 0.8em 1em 0;
	font-weight: normal;
	height: 1.5em;
	overflow: hidden;
}


.honorBox .swiper-pagination {
	bottom: 0;
}

.honorBox .swiper-pagination-bullet {
	background-color: #ccc;
	-moz-border-radius: 0.52vw;
	-webkit-border-radius: 0.52vw;
	border-radius: 0.52vw;
	width: 0.52vw;
	height: 0.52vw;
	background-color: #ccc;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	margin: 0 0.32vw !important;
}

.honorBox .swiper-pagination-bullet-active {
	width: 1.35vw;
	background-color: #5ab725;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.honorBox .btnNext,
.honorBox .btnPrev {
	position: absolute;
	left: auto;
	top: 50%;
	margin-top: -1.4vw;
	right: 0%;
	cursor: pointer;
	width: 2.8vw;
	height: 2.8vw;
	border: 1px solid #dfdfdf;
	background: rgba(255, 255, 255, 0.5) url(../images/arrow_6.png) center center no-repeat;
	background-size: 20% auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.honorBox .btnPrev {
	left: -5.2%;
	right: auto;
	z-index: 100;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.honorBox .btnNext:hover,
.honorBox .btnPrev:hover {
	background-color: #ee352a;
	background-image: url(../images/arrow_2.png);
}

.honorBox .swiper-button-disabled,
.honorBox .swiper-button-disabled:hover {
	cursor: default;
	background-color: rgba(255, 255, 255, 0.5);
	background-image: url(../images/arrow_3.png);
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: 0.6;

}


.partBox {
	padding: 1em 0em 1em 0em;
}

.partBox .item {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	padding-bottom: 3em;
}

.partBox .item .pic {
	width: 18.8%;
	margin: 1.5% 1.5% 0 0;
	background-color: #fff;
	padding: 1.2% 0;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-box-shadow: 0 0 0.2em rgba(0, 0, 0, .0.05);
	-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, .05);
	box-shadow: 0 0 0.2em rgba(0, 0, 0, .05);
	position: relative;
	z-index: 0;
}

.partBox .item .pic::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	border: 1px solid #e6e6e6;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

.partBox .item .pic:nth-child(5n) {
	margin-right: 0;
}

.partBox .item .pic img {
	display: block;
	max-width: 90%;
	max-height: 5.5em;
	object-fit: contain;
}




.partBox .swiper-part-w {
	position: relative;
	z-index: 0;
}


.partBox .swiper-part-w .btnNext,
.partBox .swiper-part-w .btnPrev {
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border: 1px solid #f2f3fa;
	background-color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.partBox .swiper-part-w .btnNext::before,
.partBox .swiper-part-w .btnPrev::before {
	background-image: url(../images/arrow_2.png);
}

.partBox .swiper-part-w .btnNext {
	right: 0em;
	left: auto;
}

.partBox .swiper-part-w .btnPrev {
	left: 0em;
	right: auto;
}

.partBox .swiper-part-w .btnNext:hover,
.partBox .swiper-part-w .btnPrev:hover {
	background-color: #fff;
	border: 1px solid #91d3ff;
}

.swiper-part-w .btnNext:hover::before,
.swiper-part-w .btnPrev:hover::before {
	background-image: url(../images/arrow_3.png);
}



.partBox .swiper-pagination {
	bottom: 0em;
	text-align: center;
}

.partBox .swiper-pagination-bullet {
	background-color: #ccc;
	-moz-border-radius: 0.52vw;
	-webkit-border-radius: 0.52vw;
	border-radius: 0.52vw;
	width: 0.52vw;
	height: 0.52vw;
	background-color: #ccc;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	margin: 0 0.32vw !important;
}

.partBox .swiper-pagination-bullet-active {
	width: 1.35vw;
	background-color: #5ab725;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

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

	.honorBox .btnNext,
	.honorBox .btnPrev {
		margin-top: -0.9em;
		width: 1.8em;
		height: 1.8em;
		right: -0.3em;
	}

	.honorBox .btnPrev {
		left: -0.3em;
	}

	.honorBox .swiper-pagination-bullet {
		background-color: #ccc;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		border-radius: 0.4em;
		width: 0.4em;
		height: 0.4em;
		margin-left: 0.18em !important;
		margin-right: 0.18em !important;
		;
	}

	.honorBox .swiper-pagination-bullet-active {
		width: 1em;
		background-color: #5ab725;
	}

	.partBox .item {
		margin: 0 -1.5%;
	}

	.partBox .item .pic {
		width: 30%;
		margin: 1.5%;
	}

	.partBox .item .pic:nth-child(5n) {
		margin-right: 1.5%;
	}

	.partBox .swiper-pagination-bullet {
		background-color: #ccc;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		border-radius: 0.4em;
		width: 0.4em;
		height: 0.4em;
		margin-left: 0.18em !important;
		margin-right: 0.18em !important;
		;
	}

	.partBox .swiper-pagination-bullet-active {
		width: 1em;
		background-color: #5ab725;
	}
}

/*人才招聘*/
.recruitlist {
	padding: 1em 0em 2em 0em;
	margin: 0 -1%;
	overflow: hidden;
}

.recruitlist ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.recruitlist li {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 31.1%;
	margin: 1% 1%;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.recruitlist li:hover {
	-moz-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
}

.recruitlist .bti01 {
	text-align: left;
	padding: 1em 2em;
	line-height: 1.8em;
	height: 1.8em
}

.recruitlist .bti01:hover {
	font-weight: bold;
}

.recruitlist .bti02 {
	text-align: left;
	padding: 1em 2em;
	background: #f6f6f6;
	color: #999;
}

.recruitlist .bti02:hover,
.recruitlist li:hover {
	color: #666;
}

.recruitlist .bti02 p {
	line-height: 2.4em;
}

.recruiDetail {
	margin: 1em 0em 2em 0em;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.recruiDetail .bti01 {
	text-align: left;
	padding: 1em 2em;
	line-height: 1.6em;
	height: 1.6em
}

.recruiDetail .bti02 {
	text-align: left;
	padding: 1em 2em;
	background: #f6f6f6;
	color: #999;
}

.recruiDetail .bti02 p {
	line-height: 2.4em;
}

.recruiDetail .bti03 {
	text-align: left;
	padding: 1em 2em;
	line-height: 1.6em;
	color: #666;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #e6e6e6;
	width: 100%;
	float: left;
	height: 2em;
}

.recruiDetail .bti03 span {
	width: 25%;
	float: left;
}

.recruiDetail .neirong {
	background: #f6f6f6;
	padding: 0em 0em 2em 0em;
}

.recruiDetail .bti04 {
	text-align: left;
	padding: 1em 2em;
	line-height: 1.6em;
	color: #666;
}

.recruiDetail .bti04 dt {
	padding: 1em 0;
}

.recruiDetail .bti04 p {
	padding: 0.2em 0;
}


@media only screen and (max-width:1242px) {
	.recruitlist li {
		width: 48.2%;
		margin-top: 2%;
		margin-right: 0%;
	}
}

@media only screen and (max-width:868px) {
	.recruitlist li {
		width: 100%;
		margin-top: 2%;
		margin-right: 0%;
	}

	.recruitlist {
		margin: 0 0%;
		overflow: hidden;
		padding: 1em 0em 0em 0em;
	}

	.recruiDetail .bti03 span {
		width: 50%;
	}

}

.mainP .Plist5 .naniud {
	margin-top: 2em;
}

.mainP .Plist5 .naniud a {
	padding: 0.8em 1.8em;
	background: #5ab725;
	color: #FFF;
	text-align: center;
	border-radius: 10px;
}

.mainP .Plist5 .naniud a:hover {
	background: #cccccc;
	color: #333;
}



/*联系*/
.maincen {
	padding: 2em 0 0em 0;
}

.maincen .tit {
	color: #333;
	background: url(../images/biaot-01.png) no-repeat center top;
}

.maincen .tit dt {
	line-height: 36px;
}

.proIBox .pictu2 img {
	width: 100%;
	height: auto;
	vertical-align: top;
	text-align: center;
}

.maincen .Contactlist {
	margin: 0 -1%;
	padding: 3em 0;
}

.maincen .Contactlist ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	justify-content: space-between;
}

.maincen .Contactlist li {
	width: 28%;
	margin: 1%;
	background: #f4f4f4;
	padding: 2%;
	min-height: 200px;
}

@media only screen and (max-width:868px) {
	.maincen .Contactlist li {
		width: 44%;
		margin: 1%;
		background: #FFF;
		padding: 2%;
		min-height: 200px;
	}


	.mainP .Plist5 .naniud {
		margin-top: 0em;
	}

	.mainP .Plist5 .naniud a {
		padding: 0.5em 0.8em;
	}
}


.compBox {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.compBox .tabcomp {
	overflow: visible;
}

.compBox .tab {
	border-bottom: 2px solid #5ab725;
	width: 100%;
}

.compBox .tab ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background-color: #fff;
	text-align: center;
}

.compBox .tab ul li {
	cursor: pointer;
	flex: 1;
	color: #333;
	background: #efefef;
	padding: 1.15em 0.5em 1.05em;
	margin-right: 2px;
	line-height: 1.2em;
	border-radius: 12px 12px 0px 0px;
}

.compBox .tab ul li.cur {
	font-weight: bold;
	background-color: #5ab725;
	color: #fff;
}

.compBox .conC {
	display: none;
}

.compBox .conC:nth-child(1) {
	display: block;
}

.compBox .tit_3 {
	margin-left: 2%;
}

/*环境*/
.maincen .CEnvilist {
	margin: 0 -1%;
	padding: 2em 0;
}

.maincen .CEnvilist ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.maincen .CEnvilist li {
	width: 48%;
	margin: 1%;
	background: #FFF;
	border-radius: 10px;
}

.maincen .CEnvilist li:hover {
	-moz-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
	box-shadow: 0 0 0.6em rgba(0, 0, 0, .15);
}

.maincen .CEnvilist .ptictu {
	width: 45%;
	text-align: left;
}

.maincen .CEnvilist .ptictu img {
	width: 100%;
	height: auto;
	vertical-align: top;
	text-align: left;
	border-radius: 10px 0px 0px 10px;
}

.maincen .CEnvilist dl {
	float: left;
}

.maincen .CEnvilist .pticzi {
	width: 50%;
	padding: 3% 1% 1% 3%;
}

@media only screen and (max-width:868px) {
	.maincen .CEnvilist {
		margin: 0 0%;
		padding: 2em 0;
	}

	.maincen .CEnvilist li {
		width: 100%;
	}

	.maincen .Contactlist ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.maincen .Contactlist li {
		width: 70%;
		margin: 1%;
		background: #f4f4f4;
		padding: 2%;
		min-height: 200px;
	}
}

@media only screen and (max-width:420px) {
	.maincen .CEnvilist .ptictu {
		width: 100%;
	}

	.maincen .CEnvilist .ptictu img {
		border-radius: 10px 10px 0px 0px;
	}

	.maincen .CEnvilist li {
		margin: 2% 0%;
	}

	.maincen .CEnvilist .pticzi {
		width: 90%;
		padding: 5%;
	}

}

.abougQmBox {
	margin-bottom: 2.25rem;
}

.newsCenter {
	display: flex;
	justify-content: space-between;
	height: 31.25rem;
}

.newsCenter .picBox {
	width: 52%;
	overflow: hidden;
	z-index: 100;
	position: relative;
}

.newsCenter .picBox>img:hover {
	transform: scale(1.3);
	transition: 0.8s;
}

.newsCenter .picBox>a .tB:hover {
	color: #004ea2;
}

.newsCenter .picBox .tB {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3em;
	line-height: 3em;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
}


.newsCenter .picBox img {
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

.newsCenter .picBox>img:hover>img {
	transform: scale(1.2);

}

.newsCenter .newBox {
	width: 47%;
}

.newslist {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-left: 1.625rem;
	justify-content: flex-start;

}

.newslist>div {
	display: flex;
}

.daybox {
	width: 5em;
	height: 5em;
	border-radius: .4375rem;
	box-shadow: 0px 0px 5px 0px #919191;
	-webkit-border-radius: .4375rem;
	-moz-border-radius: .4375rem;
	-ms-border-radius: .4375rem;
	-o-border-radius: .4375rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.newsCenter .newBox .newslist .newsItem .daybox {
	width: 6.5em;
	height: 6.5em;
}

.daybox .day {
	font-size: 1.8em;
	font-weight: 700;
	line-height: 2.5rem;
	color: #033870;
}

.daybox .month {
	/* font-size: 1.25rem;
	line-height: 1.25rem; */
	color: #c4921a;
}

.newItemTextBox {
	height: 6.375rem;
	width: 35rem;
	margin-left: 1.25rem;
	text-align: left;
	justify-content: space-between;
}

.mB {
	font-weight: 600;
	margin-bottom: 2px;
-webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.newItemTextBox b {
	text-align: left;
	display: block;
}

.newItemTextBox .text {
	font-size: 1rem;
	color: #919191;
}

.newslist .newsItem {
	height: 8rem;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px
}

.textBox .content .proBox {
	height: 25em;
}

.textBox .content .proBox .list ul {
	display: flex;
	justify-content: space-evenly;
	align-items: stretch;
	flex-wrap: wrap;
}

.textBox .content .proBox .list li {
	height: 11em;
	margin-top: 4em;
}

.t2 {
	color: #666;
}


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

	.newItemTextBox {
		height: 100%;
		overflow: hidden;
	}

	.newItemTextBox .title {
		font-size: 0.125rem;
		width: 100%;
		overflow: hidden;
		text-wrap: nowrap;
		text-overflow: ellipsis;
	}

	.newItemTextBox .text {
		margin: 0;
		margin-bottom: .5em;
	}

	.newslist {
		margin-left: 0;
	}

	.newslist .newsItem {
		height: 9em;
	}

}

@media only screen and (max-width:960px) and (min-width:500px) {
	.newBox {
		height: 47.5rem;
	}

	.newslist {
		height: 100%;
		display: block;
		flex-direction: column;
	}

	.newslist .newsItem {
		max-height: none;
		margin-bottom: .625rem;
	}




	.newItemTextBox .text {
		font-size: 1.75rem;
	}

	.newsCenter {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: max-content;
	}

	.newsCenter .picBox {
		width: 90%;
		margin: 0 auto;
	}

	.newsCenter .picBox img {
		width: 100%;
		height: 100%;
	}

	.newsCenter .newBox {
		margin: 0 auto;
		width: 90%;
	}

	.newslist {
		width: 100%;
		margin: 10px auto;
		padding: .3125rem;
	}

	.newslist .newsItem {
		width: 100% !important;
		margin: .625rem auto 4.625rem;
	}



	.newItemTextBox {
		width: 100%;
	}


	.daybox {
		width: 6em;
		height: 5em;
		border-radius: .4375rem;
		box-shadow: 0px 0px 5px 0px #919191;
		-webkit-border-radius: .4375rem;
		-moz-border-radius: .4375rem;
		-ms-border-radius: .4375rem;
		-o-border-radius: .4375rem;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}

	.newsCenter .newBox .newslist .newsItem .daybox {
		width: 8em;
		height: 7em;
	}

	.daybox .day {
		font-size: 2em;
		font-weight: 700;
		line-height: 3vw;
		color: #033870;
	}

	.daybox .month {
		/* font-size: 1em;
		line-height: 2vw; */
		color: #c4921a;
	}

	.newItemTextBox .title {
		width: 100%;
		font-size: 2vw;
	}

	.newItemTextBox .text {
		margin: 0;
		width: 100%;
	}


}

@media only screen and (max-width:830px) {
	.textBox .content .proBox {
		height: 58em;
		padding: 0.5em 0;
	}

	.textBox .content .proBox .list li {
		height: 8em;
		margin-top: 3em;
	}

	.content {
		width: 90%;
	}

	.newItemTextBox {
		height: max-content;
	}

	.newBox {
		height: max-content;
	}

	.newItemTextBox .title {
		font-size: 0.95rem;
		margin-bottom: .625rem;
	}

	.newItemTextBox .text {
		font-size: 0.85rem;
		margin: 0;
	}

	.newslist .newsItem {
		width: 100% !important;
		margin: .625rem auto .915rem;
	}

}


@media only screen and (max-width:500px) {
	.content {
		width: 88.1%;
	}

	.qmBox {
		padding: 0.5em 0;
	}

	.abougQmBox {
		margin-bottom: 0.5em;
	}

	.newsCenter .newBox .newslist .newsItem .daybox {
		width: 5em;
		height: 5em;
	}

	.newsCenter {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: max-content;
	}

	.newsCenter .picBox {
		width: 100%;
		margin: 0 auto;
	}

	.newsCenter .picBox img {
		width: 100%;
		height: 100%;
	}

	.newsCenter .newBox {
		margin: 0 auto;
		width: 100%;
	}

	.newslist {
		width: 100%;
		margin: 10px auto;
		padding: .3125rem;
	}

	.newslist .newsItem {
		width: 100% !important;
		margin: .625rem auto;
	}

	.newItemTextBox {
		width: 80%;
	}

	.daybox {
		width: 15vw;
		height: 15vw;
		border-radius: .4375rem;
		box-shadow: 0px 0px 5px 0px #919191;
		-webkit-border-radius: .4375rem;
		-moz-border-radius: .4375rem;
		-ms-border-radius: .4375rem;
		-o-border-radius: .4375rem;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}

	.daybox .day {
		font-size: 5vw;
		font-weight: 700;
		line-height: 5vw;
		color: #033870;
	}

	.daybox .month {
		font-size: 3vw;
		line-height: 3vw;
		color: #c4921a;
	}

	.newItemTextBox .title {
		font-size: 3.5vw;
	}

	.newItemTextBox .text {
		font-size: 3vw;
		margin: 0;
	}

}

.TipContent {
	background-color: #f6f6f6;
	padding: 2em 0;
}

.TipContent .content {
	display: flex;
	height: 36.25rem;
	justify-content: space-between;
}

.TipContent .content .left {
	width: 52%;
	/* background-color: #033870; */
}

.TipContent .content .left .tit {
	display: flex;
	justify-content: space-between;
	align-items: end;
	border-bottom: 1px solid gray;
	line-height: 4.075rem;
	height: 4.25rem;
}

.TipContent .content .left .tit .new {
	border-bottom: 2px solid rgb(15, 13, 134);
	position: relative;
	top: 1px;
}

.TipContent .content .right {
	width: 47%;
	/* background-color: #5ab725; */
}

.templist {
	height: calc(100% - 4.25rem);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: .625rem;
}

.templist .tempItem {
	font-size: 1.25rem;
	width: 100%;
	display: flex;
	text-align: left;
}

.templist .tempItem .blue_iconBox {
	width: 1.5em;
}

.templist .tempItem i {
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	background-color: #008cd6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: relative;
	transform: translate(0.5em, -0.2em);
	-webkit-transform: translate(0.5em, -0.2em);
	-moz-transform: translate(0.5em, -0.2em);
	-ms-transform: translate(0.5em, -0.2em);
	-o-transform: translate(0.5em, -0.2em);
}

.templist .tempItem i::after {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 1px solid #008cd6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}



.templist .tempItem .text {
	width: 90%;
	margin-left: 0.5em;
}


/* .templist .tempItem .title {
	margin-bottom: 0.625rem;
} */

.templist .tempItem .time {
	color: rgb(185, 185, 185);
}

.TipContent .content .right {
	/* width: 38.5625rem; */
	height: 100%;
}

.TipContent .content .right .rightBox {
	padding-left: 1.625rem;
	height: 100%;
}

.TipContent .content .right .jtjs {
	box-sizing: border-box;
	width: 100%;
	height: 60%;
	position: relative;
	text-align: left;
	overflow: hidden;
}

.TipContent .content .right .jtjs>img {
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

.jtjs1 {
	position: absolute;
	top: 2em;
	left: 0;
	padding-left: 1.3em;
}

.jtjs2 {
	position: absolute;
	top: 7em;
	left: 0;
	padding-right:4em;
	padding-left: 1.5em;
}

.TipContent .content .right .jtjs>p {
	margin-bottom: 1em;
}

.TipContent .content .right .jtjs:hover>img {
	transform: scale(1.2);
}

.TipContent .content .right .jtjs .btnn {
	position: absolute;
	left: 1.5em;
	bottom: 2em;
	background-color: white;
	border-radius: 50px;
	width: 11em;
	height: 2.5em;
	line-height: 2.5em;
	padding-left: 1em;
	box-sizing: border-box;
	text-align: left;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.TipContent .content .right .jtjs .btnn:hover {
	background-color: #004ea2;
}

.TipContent .content .right .jtjs .btnn:hover>a {
	color: #fff;
}

.TipContent .content .right .jtjs .btnn:hover .iconfont {
	color: #fff;
}

.TipContent .content .right .tell {
	width: 100%;
	height: 40%;
	position: relative;
	overflow: hidden;
}

.TipContent .content .right .tell>img {
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

.TipContent .content .right .tell:hover>img {
	transform: scale(1.2);
}

.TipContent .content .right .tell .tell1 {
	position: absolute;
	top: 2em;
	left: 2em;
	width: 100%;
	overflow: hidden;

}

.TipContent .content .right .tell .tell1 .tellIcon {
	width: 4.2em;
	height: 4.2em;
	border-radius: 50%;
	background-color: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	z-index: 4;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.TipContent .content .right .tell .tellIcon img {
	z-index: 4;
}

.TipContent .content .right .tell .tell1 .telltext {
	display: block;
	position: absolute;
	top: 0;
	left: 2em;
	width: 30em;
	height: 4em;
	line-height: 4em;
	padding-left: 2.5em;
	text-align: left;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.822) 5%, transparent);
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}

.TipContent .content .right .tell .tell2 {
	position: absolute;
	top: 8em;
	left: 2em;
	width: 100%;
	overflow: hidden;
}

.tb {
	font-weight: 600;
}

.tf {
	color: #fff;
}

.right .rightBox .jtjs .btnn .tbl {
	color: #004ea2;
}

.icon-youjiantou {
	font-size: 14px !important;
}

.tbl {
	color: #004ea2;
}


.copyRight {
	line-height: 4em;
}

.TipContent .content .right .tell .tell2 .tellIcon {
	width: 4.2em;
	height: 4.2em;
	border-radius: 50%;
	background-color: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.TipContent .content .right .tell .tell1 .tellIcon>img {
	width: 80%;
	height: 80%;
}

.TipContent .content .right .tell .tell2 .tellIcon>img {
	width: 80%;
	height: 80%;
}

.TipContent .content .right .tell .tell2 .telltext {
	display: block;
	position: absolute;
	top: 0;
	left: 2em;
	width: 30em;
	height: 4em;
	line-height: 4em;
	padding-left: 2.5em;
	text-align: left;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.822) 5%, transparent);
}

@media only screen and (max-width:1200px) {
	.TipContent .content .right .jtjs .text {
		width: 80%;
	}
}

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

	#footerSwiper .footerSwiperItem {
		height: 23%;
		width: 90%;
	}

	#footerSwiper {
		width: 100%;
		background-color: #004ea2;
		height: 60em;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}

	.TipContent .content {
		width: 78.1%;
		margin: 0 auto;
		display: block;
		height: max-content;
	}

	.TipContent .content .left,
	.TipContent .content .right {
		width: 100%;
	}

	.TipContent .content .left .templist {
		display: block;
	}

	.TipContent .content .left .templist .tempItem {
		width: 100%;
		margin: 1em 0;
	}


	.TipContent .content .left .templist .tempItem .text .ttt22 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		width: 100%;
		height: 65%;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		color: #222;
	}

	.TipContent .content .right {
		margin: 0 auto;
	}

	.TipContent .content .right .jtjs {
		width: 100%;
		height: 30em;
		margin: 0 auto;
		padding-right: 15em;
	}



	.TipContent .content .right .jtjs .btnn {
		width: 10em;
		height: 2.5em;
	}

	.TipContent .content .right .tell {
		height: 25em;
		width: 100%;
		margin: 0 auto;
	}


	.TipContent .content .right .tell .tell1 {
		position: absolute;
		top: 5em;
		left: 2em;
	}

	.TipContent .content .right .tell .tell1 .tellIcon {
		width: 6em;
		height: 6em;
		border-radius: 50%;
		background-color: white;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		z-index: 3;
	}

	.TipContent .content .right .tell .tell1 .telltext {
		display: block;
		position: absolute;
		top: 0;
		left: 3em;
		width: 30em;
		height: 6em;
		line-height: 6em;
		padding-left: 3em;
		text-align: left;
		background: linear-gradient(to right, rgba(255, 255, 255, 0.822) 5%, transparent);
		z-index: 2;
	}

	.TipContent .content .right .tell .tell2 {
		position: absolute;
		left: 2em;
		top: 14em;

	}

	.TipContent .content .right .tell .tell2 .tellIcon {
		width: 6em;
		height: 6em;
		border-radius: 50%;
		background-color: white;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		z-index: 3;
	}

	.TipContent .content .right .tell .tell2 .telltext {
		display: block;
		position: absolute;
		top: 0;
		left: 3em;
		width: 30em;
		height: 6em;
		line-height: 6em;
		padding-left: 3em;
		text-align: left;
		background: linear-gradient(to right, rgba(255, 255, 255, 0.822) 5%, transparent);
		z-index: 2;
	}


	.TipContent .content .right .rightBox {
		padding: 0;
	}

}

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

	.TipContent .content .right .jtjs {
		width: 100%;
		height: 22em;
		margin: 0 auto;
		padding-right: 3em;
	}

	.TipContent .content .right .tell {
		width: 100%;
		height: 22em;
		margin: 0 auto;
		padding-right: 3em;
	}

	.TipContent .content .left .templist .tempItem {
		/* margin: .5em auto; */
	}

	.TipContent .templist .tempItem .text {
		height: 4em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
	}

	.TipContent .templist .tempItem .time {
		font-size: 1rem;
		line-height: 1rem;
	}
}

@media only screen and (max-width:830px) and (min-width:500px) {

	.TipContent .content .right .jtjs .btnn {
		position: absolute;
		left: 1.2em;
		bottom: 1.5em;
		width: 10em;
		height: 2.5em;
	}

	.footerSwiper .footerSwiperItem {
		height: 23%;
		width: 90%;
		overflow: hidden;
	}

	.footerSwiper {
		width: 100%;
		background-color: #004ea2;
		height: 60em;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}

	.TipContent .content .gd {
		font-size: 0.95rem;
	}

	.TipContent .content .left .templist .tempItem .text {
		width: 90%;
		font-size: 1.15rem;
	}

	.TipContent .content .left .templist .tempItem .blue_icon {
		top: -0.65rem;
	}

	.TipContent .content .right .jtjs {
		width: 100%;
		height: 18em;
		margin: 0 auto;
	}



	.TipContent .content .right .jtjs .btnn {
		width: 10em;
		height: 2.5em;
		line-height: 2.5em;
		margin-top: 1.25em;
		position: absolute;
		bottom: 2em;
		text-align: left;
		padding-left: 0.9em;
	}

	.TipContent .content .right .tell {
		height: 18em;
		width: 100%;
		margin: 0 auto;
	}


	.TipContent .content .right .tell .tell1 {
		position: absolute;
		top: 3em;
		left: 2em;
		overflow: hidden;

	}

	.TipContent .content .right .tell .tell1 .tellIcon {
		width: 5em;
		height: 5em;
		border-radius: 50%;
		background-color: white;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		z-index: 3;
	}

	.TipContent .content .right .tell .tell1 .telltext {
		display: block;
		position: absolute;
		top: 0;
		left: 2.8em;
		width: 15em;
		height: 5em;
		padding-left: 2em;
		text-align: left;
		background: linear-gradient(to right, rgba(255, 255, 255, 0.822) 5%, transparent);
		z-index: 2;
	}

	.TipContent .content .right .tell .tell2 {
		position: absolute;
		left: 2em;
		top: 10em;
		overflow: hidden;

	}

	.TipContent .content .right .tell .tell2 .tellIcon {
		width: 4.75rem;
		height: 4.75rem;
		border-radius: 50%;
		background-color: white;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		z-index: 3;
	}

	.TipContent .content .right .tell .tell2 .telltext {
		display: block;
		position: absolute;
		top: 0;
		left: 2.8em;
		width: 20em;
		height: 4.8em;
		padding-left: 3em;
		text-align: left;
		background: linear-gradient(to right, rgba(255, 255, 255, 0.822) 5%, transparent);
		z-index: 2;
	}
}

.footerSwiper {
	width: 100%;
	background-color: #004ea2;
	height: 21em;
	display: flex;
	justify-content: space-around;
	align-items: center;
}


.footerSwiper .footerSwiperItem {
	height: 90%;
	width: 23.5%;
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	overflow: hidden;
}

.fonter1 {
	background-image: url(../images/index_footer1.png);
	background-size: cover;
	transition: background-size 1s;
}

.fonter2 {
	background-image: url(../images/index_footer2.png);
	background-size: cover;
	transition: background-size 1s;
}

.fonter3 {
	background-image: url(../images/index_footer3.png);
	background-size: cover;
	transition: background-size 1s;
}

.fonter4 {
	background-image: url(../images/index_footer4.png);
	background-size: cover;
	transition: background-size 1s;
}

.footerSwiper .fonter1:hover {
	background-size: 120%
}

.footerSwiper .fonter2:hover {
	background-size: 120%
}

.footerSwiper .fonter3:hover {
	background-size: 120%
}

.footerSwiper .fonter4:hover {
	background-size: 120%
}

.footerSwiper .footerSwiperItem .icon {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footerSwiper .footerSwiperItem .icon img {
	width: 5.625rem;
	height: 5.125rem;
}

.footerSwiper .footerSwiperItem .icon span {
	width: max-content;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 1.25rem;
	text-align: center;
	margin-top: 1.25rem;
}

.footerSwiper .footerSwiperItem .text {
	height: 0px;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	color: white;
	padding: 2.5rem;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	overflow: hidden;
}

.footerSwiper .footerSwiperItem .text p {
	margin: 0;
	font-size: 1.25rem;
	margin-bottom: .6em;
}

.footerSwiper .footerSwiperItem .text section {
	margin-bottom: .6em;
}



.footerSwiper .footerSwiperItem .text .btn {
	width: 9em;
	height: 3em;
	border-radius: 1.5625rem;
	background-color: white;
	-webkit-border-radius: 1.5625rem;
	-moz-border-radius: 1.5625rem;
	-ms-border-radius: 1.5625rem;
	-o-border-radius: 1.5625rem;
	padding-left: 1.5rem;
	text-align: left;
	font-size: 1.125rem;
	color: #004ea2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footerSwiper .footerSwiperItem .text .btn:hover {
	background-color: #004ea2;
	color: #fff;
}

.footerSwiperItem .text .btn:hover>a {
	color: #fff;
}

#footerSwiper .footerSwiperItem .text .btn:hover>a .iconfont {
	color: #fff;
}


.jtjs>.icon-youjiantou {
	color: #004ea2;

}


.footerSwiper .footerSwiperItem:hover .icon {
	display: none;
}

.footerSwiper .footerSwiperItem:hover .text {
	height: 100%;
	transition: 0.8s;
}