@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: transparent;
	box-sizing: border-box;
	border: 2px solid #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;
	border: 0;
	background-color: #efa812;
	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: #efa812;
}

#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;
	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;
}

.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: 8em;
	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;
}

.ss {
	height: 100%;
	position: relative;
	align-items: center;
	width: 30px;
	margin-left: 10px;
	display: flex
}

.ss .icon-sousuo {
	font-size: 22px;
}

.ss .icon-close {
	display: none;
	font-size: 26px;
}

.ssbox {
	display: none;
	height: 40px;
	width: 250px;
	position: absolute;
	bottom: -40px;
	left: -125px;
	background-color: rgba(255, 255, 255, .8);
	align-items: center;
	justify-content: center;
}

.ssbox>input {
	border: none;
	background-color: rgba(0, 0, 0, 0);

}

.ssbox>input::placeholder {
	color: #666;
}

.ssbox .icon-sousuo {
	font-size: 22px;
	color: #666;
}


/* 首页公司介绍 */
.gsjsbox {
	width: 100%;
	height: 740px;
	background-color: #fff;
	padding-top: 70px;
}

.gsjsbox .gsjs {
	width: 100%;
	padding-top: 80px;
	display: flex;
	justify-content: space-between;
}

.gsjslefyt {
	width: 630px;
	text-align: left;
	margin-right: 20px;
	padding-top: 40px;
}
.gsjslefytsub {
	padding-top: 00px;
}
.gsjslefyt .f28 {
	font-size: 34px;
	font-weight: 600;
	color: #205b9f;
	margin-bottom: 25px;
}
.gsjslefyt .center {
	text-align: center;
}

.gy3 {
	color: #525252;
	line-height: 32px;
	margin-bottom: 20px;
}

.button {
	width: 160px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #205b9f;
	transition: all 0.4s ease-in-out;
	font-size: 18px;
	color: #205b9f;
}


.button:hover {
	border: 1px solid #9f2026;
	color: #9f2026;
}



.gsjsright {
	width: 670px;
	height: 380px;
	/* padding-left: 20px; */
}
.gsjsrightsub {
	width: 710px;
	height: 420px;
	/* padding-left: 20px; */
}

.gsjsright .videobox {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.videobox>img {
	width: 100%;
	height: 100%;
}

.bfan {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background:url(../images/icon_home_player.png) no-repeat;
	background-size:cover;
	cursor:pointer;
}

.bfan>img {
	width: 100%;
	height: 100%;
}

/* .bfan>.iconfont {
	font-size: 55px;
	color: rgba(255, 255, 255, 0.7);
	transition: all 0.5s;

} */

/* .videobox:hover .bfan>.iconfont {
	font-size: 58px;
} */

.video-wrapper {
	position: fixed;
	z-index: 9999;
	background: rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	overflow: hidden;
}

.video-wrapper video {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	width: 70%;
	height: 70%;
	object-fit: contain;
}

.close-video {
	position: absolute;
	top: 20px;
	right: 20px;
}

.close-video>.iconfont {
	color: #fff;
	font-size: 40px;
}



/* 首页产品中心 */

.cpzxbox {
	width: 100%;
	height: 900px;
	background-image: url(../images/bg_home_pro.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 80px;
}

.cpzxbox .cpzx {
	padding-top: 80px;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	/* background-color: pink; */
}

.cpzxbox .cpzx .cpzxleft {
	width: 1000px;
	height: 540px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	padding-left: 60px;
	text-align: left;
	padding-right: 360px;
	background-color: #f5f7f9;
	padding-top: 140px;
	position: relative;
	border-radius: 10px;
}

.cpzxleft .f28 {
	font-size: 28px;
	font-weight: 600;
	color: #205b9f;
	margin-bottom: 25px;
}

.cpzxleft .armimg {
	width: 320px;
	height: 530px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.cpzxleft .armimg>img {
	width: 100%;
	height: 100%;
}

.cpzxright {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cpzxright .cpli {
	width: 370px;
	height: 160px;
/* 	height: 120px; */	
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 6px;
	padding-left: 40px;
	display: flex;
	align-items: center;
	transition: all 0.5s ease;
	/* 添加渐变过渡 */
}

.cpli:hover {
	background: linear-gradient(135deg, #d5dfe7, #f0f5f8);
	/* hover 后的渐变色 */
}

.cpzxright .cpli .img {
	width: 65px;
	height: 55px;

}

.cpzxright .cpli .img>img {
	width: 100%;
	height: 100%;
}

.cpzxright .cpli>.cpbt {
	font-size: 18px;
	color: #205b9f;
	margin-left: 22px;

}

#cpzxleft1 {
	display: block;
}

#cpzxleft2,
#cpzxleft3,
#cpzxleft4 {
	display: none;
}





/* 首页解决方案 */

.jjfabox {
	width: 100%;
	min-height: 900px;
	background-color: #fff;
	padding-top: 80px;
}

.jjfabox .jjfa {
	padding-top: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.jjfabox .jjfa .li1 {
	background-image: url(../images/bg_home_sol1.jpg);
}

.jjfabox .jjfa .li2 {
	background-image: url(../images/bg_home_sol2.jpg);
}

.jjfabox .jjfa .li3 {
	background-image: url(../images/bg_home_sol3.jpg);
}

.jjfabox .jjfa .li4 {
	background-image: url(../images/bg_home_sol4.jpg);
}

.jjfabox .jjfa .jjfali {
	width: 30%;
	height: 460px;
	/* 	width: 680px;
	height: 260px; */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 6px;
	margin-bottom: 30px;
	transition: all 0.5s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.jjfatit1 {
	font-size: 24px;
	font-weight: 600;
	color: #525252;
	transition: color 0.5s ease;
	margin-bottom: 25px;
}

.jjfawz1 {
	color: #f0f2f6;
	font-size: 18px;
	transition: display 0.5s ease;
	padding: 0 50px;
	display: none;
	text-align: left;
}

.jjfabox .jjfa .li1:hover {
	background-image: url(../images/bg_home_sol1o.jpg);
}

.jjfabox .jjfa .li2:hover {
	background-image: url(../images/bg_home_sol2o.jpg);
}

.jjfabox .jjfa .li3:hover {
	background-image: url(../images/bg_home_sol3o.jpg);
}

.jjfabox .jjfa .li4:hover {
	background-image: url(../images/bg_home_sol4o.jpg);
}

.jjfabox .jjfa .jjfali:hover .jjfatit1 {
	color: #efa812;
}

.jjfabox .jjfa .jjfali:hover .jjfawz1 {
	display: block;
}




/* 首页支持与服务 */

.zcyfwbox {
	width: 100%;
	height: 460px;
	background-image: url(../images/bg_home_service.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 80px;
}

.zcyfw {
	text-align: center;
	padding: 50px 120px 0;
	line-height: 34px;
}

.zcyfwbtn {
	padding-top: 30px;
	display: flex;
	justify-content: center;
}






/* 产品中心页面 */

.cpzxpag {
	width: 100%;
	background-image: url(../images/bg_sub2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 80px 0;
}

.cppageul {
	padding-top: 80px;
	padding-bottom: 10px;
}

.cppageli {
	width: 100%;
	height: 400px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	background-color: #f5f7f9;
	margin-bottom: 40px;
	border-radius: 6px;
	border: 2px solid #fff;
	overflow: hidden;
	display: flex;
}

.cppageli .left {
	width: 460px;
	height: 100%;
	border-right: 1px solid #d9d9d9;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
}

.cppageli .left .imgbox {
	width: 220px;
	height: 219px;
}

.cppageli .left .imgbox>img {
	width: 100%;
	height: 100%;
}


.cppageli .right {

	width: 930px;
	padding: 85px 60px 0 90px;
	float: left;
}

.cppageli .right .title {
	position: relative;
}

.zaiyan {
	width: 49px;
	height: 31px;
	position: absolute;
	top: -31px;
	left: 0;
	background:url(../images/zy.png) no-repeat;
}

.zaiyan>img {
	width: 100%;
	height: 100%;
}



.cppageli .right .f28 {
	font-size: 28px;
	font-weight: 600;
	color: #205b9f;
	margin-bottom: 25px;
	text-align: left;
}

.gy3 {
	color: #525252;
	line-height: 32px;
	margin-bottom: 20px;
	text-align: left;

	text-overflow: ellipsis;
	overflow: hidden;
	/* white-space: nowrap; */
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* height: 96px; */
}
.gy4{
	overflow:auto;
	-webkit-line-clamp:initial;
}
/* 产品详情 */

.cpdetails {
	padding-top: 80px;
}

.cpjs1 {
	padding: 0 80px;
}

.cpjs1 .cpjstit {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 30px;
	margin-top: 70px;
}

.cpjs1 .cpjstit .tit1 {
	font-size: 28px;
	font-weight: 600;
	color: #205b9f;
	text-align: left;
	margin-right: 25px;
}

.cpjs1 .cpjstit .xian {
	height: 3px;
	flex: 1;
	background: linear-gradient(to right, #1d5eaa, transparent);
	/* 渐变颜色 */
}

.cpjs1 .cpdetailwz1 {
	text-align: left;
	line-height: 32px;
	color: #6f6f6f;

}

.cpjs1 .cpdetailwz2 ul {
	text-align: left;
	line-height: 42px;
	color: #6f6f6f;
}

/* 公司介绍 */

.jzgbox {
	width: 100%;
	height: 900px;
	/* background-image: url(../images/bg_sub.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; */
	background: linear-gradient(to bottom, #edf0f5 0%, #f7f8fa 60%, #ffffff 100%);
	padding: 80px 0;
}

.jzg {
	padding-top: 75px;
	display: flex;
	justify-content: space-around;
	padding-bottom: 10px;
}

.jzgli {
	width: 328px;
	height: 380px;
	box-sizing: border-box;
	border: 2px solid #fff;
	background-color: #f6f8fa;
	border-radius: 10px;
	padding: 30px;
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.jzgli .j1 {
	width: 100px;
	height: 100px;
}

.jzgli .j1>img {
	width: 100%;
	height: 100%;
}

.jzgli .j2 {
	font-size: 22px;
	font-weight: 600;
	color: #333333;
	margin: 15px 0 20px;
}

.jzgli .j3 {
	color: #6c6c6c;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}
.jzgli .j3.fontnew {
	font-size: 20px;
	line-height: 30px;
}


/* 解决方案 */

.jjfanbox {
	width: 100%;
	min-height: 800px;
	background-image: url(../images/bg_sub2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 80px;
}

.jjfanbox .gsjs {
	padding-top: 40px;
	padding-right: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}

.jjfanbox .gsjs .gsjslefyt {
	width: 600px;
	padding: 0;
}

.jjfanbox .gsjs .jjfanimg {
	width: 550px;
	height: 450px;
}


.jjfandetalis .title {
	color: #205b9f;
	font-size: 28px;
}

.jjfandetalisul {
	padding-bottom: 90px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.jjfandetalisli {
	width: 440px;
	min-height: 160px;
	/* background-color: pink; */
	text-align: left;
	margin-top: 80px;
}

.jjfandetalisli .f1 {
	width: 60px;
	height: 50px;

}

.jjfandetalisli .f1>img {
	width: 100%;
	height: 100%;
}

.jjfandetalisli .f2 {
	color: #525252;
	font-size: 18px;
	font-weight: 600;
	margin: 15px 0;
}

.jjfandetalisli .f3 {
	color: #6f6f6f;
	font-size: 16px;
}



/* 支持与服务 */

.zhichibox {
	width: 100%;
	height: 580px;
	background-image: url(../images/bg_sub2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 80px;
}

.zhichi {
	padding-top: 90px;
	position: relative;
	height: 460px;
}

.zhichilefyt {
	width: 700px;
	text-align: left;
}

.zhichiright {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.zhichitit {
	color: #205b9f;
	font-size: 28px;
	margin-bottom: 25px;
}

.zhichi1 {
	font-size: 18px;
	color: #525252;
	line-height: 30px;
}

.fuwubox {
	width: 100%;
	min-height: 800px;
	padding-top: 80px;
}

.fuwuul {
	margin-top: 70px;
	padding-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fuwuli {
	width: 330px;
	height: 380px;
	background-color: #f7f8fa;
	box-sizing: border-box;
	border-radius: 6px;
	border: 2px solid #fff;
	padding: 30px;
	margin-bottom: 40px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fuwuli .j1 {
	width: 90px;
	height: 80px;
}

.fuwuli .j1>img {
	width: 100%;
	height: 100%;
}

.fuwuli .j2 {
	font-size: 22px;
	font-weight: 600;
	color: #333333;
	margin: 15px 0 20px;
}

.fuwuli .j3 {
	color: #6c6c6c;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}


/* 联系我们 */

.lxwmbox {
	width: 100%;
	height: 530px;
	background-image: url(../images/bg_sub2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 80px;
}

.lxwm {
	padding-top: 90px;
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
}

.lxwmli {
	width: 680px;
	height: 200px;
	background-color: #fefefe;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
	.lxwm .lxwmli:nth-child(1) .l1 {
		background: url(../images/icon_sub_contact1.png) no-repeat;
	background-size:cover;
	}
.lxwm .lxwmli:nth-child(2) .l1 {
	background: url(../images/icon_sub_contact2.png) no-repeat;
	background-size:cover;
}

.lxwmli .l1{
	width: 110px;
	height: 100px;
}

.lxwmli .l1>img{
	width: 100%;
	height: 100%;
}

.lxwmli .l2 {
	width: 380px;
	margin-left: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #4175b2;
	text-align: left;
}


.ditu {
	width: 100%;
	height: 760px;
	/*background-image: url(../images/pic_sub_map.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
}















.banner-pc {
	display: block;
	width: 100%;
}

.banner-mobile {
	display: none;
	width: 100%;
}






/* 移动端样式 */
@media (max-width: 768px) {

	.banner-pc {
		display: none;
	}

	.banner-mobile {
		display: block;
	}

	.gsjsbox {
		padding: 30px 0;
		height: auto;
	}

	/* 首页 */
	.gsjsbox .gsjs {
		padding-top: 20px;
		flex-direction: column-reverse;
	}

	.gsjsright {
		width: auto;
		height: 200px;

	}

	.gsjslefyt {
		width: auto;

	}

	.gsjslefyt .f28 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.cpzxbox {
		padding: 30px 0;
		height: auto;
	}

	.cpzxbox .cpzx {
		padding-top: 25px;
		flex-direction: column;
	}

	.cpzxbox .cpzx .cpzxleft {
		width: 100%;
		height: auto;
		padding: 30px 0;
		margin-bottom: 20px;
	}

	.cpzxleft .armimg {
		width: 100px;
		height: 150px;
	}

	.cpzxleft .f28 {
		font-size: 18px;
	}

	.cpzxright .cpli {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.jjfabox {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.jjfabox .jjfa {
		padding-top: 15px;
	}

	.jjfawz1 {
		padding: 0;
	}

	.zcyfwbox {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.zcyfw {
		padding: 15px;
	}


	/* 产品中心 */

	.centernavbox {
		display: none;
	}

	.cpzxpag {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.bigtitbox .tit {
		font-size: 24px;
	}

	.cppageul {
		padding-top: 15px;
	}

	.cppageli {
		height: auto;
		padding: 0 5px;
	}

	.cppageli .left {
		width: 100%;
	}

	.cppageli .right {
		width: 100%;
		padding: 30px 0;
	}

	.cppageli .right .f28 {
		font-size: 18px;
	}


	/* 产品详情 */

	.cpdetails {
		padding: 30px 0;
	}

	.cpjs1 {
		padding: 0;
	}

	.cpjs1 .cpjstit {
		margin: 30px 0;
	}

	.cpjs1 .cpjstit .tit1 {
		font-size: 20px;
	}

	.cpjs1 .cpdetailwz1 {
		font-size: 16px;
	}

	.cpjs1 .cpdetailwz2 {
		font-size: 16px;
	}


	/* 公司介绍 */

	.jzgbox {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.jzg {
		padding: 30px 0;
		flex-direction: column;
	}

	.jzgli {
		margin-bottom: 20px;
	}



	/* 解决方案 */

	.jjfanbox {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.jjfanbox .gsjs {
		padding-top: 20px;
		padding-right: 0;
		display: block;
	}

	.jjfanbox .gsjs .gsjslefyt {
		width: 100%;
	}

	.jjfanbox .gsjs .jjfanimg {
		display: none;
	}


	/* 支持与服务 */

	.zhichibox {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.zhichi {
		padding-top: 20px;
		height: auto;
	}

	.zhichitit {
		font-size: 22px;
	}


	/* 联系我们 */

	.lxwmbox {
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.lxwm {
		padding-top: 20px;
		display: block;
	}

	.lxwmli {
		width: 100%;
		margin-bottom: 20px;
		flex-direction: column;
	}

	.lxwmli .l2 {
		width: 100%;
		margin-left: 10px;
	}


	.ditu {
		height: 200px;
	}




	/* 改变导航栏为折叠式、隐藏不必要元素等 */
}