html, body, ul, p {
	padding: 0;
	margin: 0
}

body {
	font: 16px "Microsoft Yahei", Arial, Helvetica, sans-serif;
	height: 100%
}

button {
	cursor: pointer;
	color: transparent;
	overflow: hidden
}

a {
	color: #515151;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a.sprite {
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	border-bottom: 1px solid transparent
}

.img {
	max-width: 100%;
	max-height: 100%;
}

ul {
	list-style: none
}

#slider {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#slider li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden
}

#slider li {
	display: none
}

#slider li.current {
	display: block
}

#nav {
	position: absolute;
	width: 18px;
	top: 50%;
	margin-top: -75px;
	right: 1%;
	z-index: 200;
	/*opacity: .8*/
}

#nav li {
	height: 18px;
	margin: 13px 0;
}

#nav li a {
	display: block;
	/*display: inline-block;*/
	height: 18px;
	width: 18px;
	overflow: hidden;
	background-image: url(/images/tr_0001.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#nav li.current a {
	display: block;
	width: 18px;
	height: 18px;
	/*background-color: #FFAC0C;*/
	background-image: url(/images/tr_0002.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.p1 {
	/*background: #f5f5f5*/
}

.p2 {
	background: #F5F5F5;
}

.p3 {
	background: #F5F5F5;
}

.p7 {
	background: #F5F5F5;
}

.p4 {
	background: #F5F5F5;
}

.p5 {
	background: #F5F5F5;
}

.p6 {
	background: url("/images/tr_0003.png") no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

@-webkit-keyframes roundtrip {
	0% {
		background-position: 0 100px
	}
	8.3% {
		background-position: 50px 87px
	}
	16.7% {
		background-position: 87px 50px
	}
	25% {
		background-position: 100px 0
	}
	33.3% {
		background-position: 87px -50px
	}
	41.7% {
		background-position: 50px -87px
	}
	50% {
		background-position: 0 -100px
	}
	58.3% {
		background-position: -50px -87px
	}
	66.7% {
		background-position: -87px -50px
	}
	75% {
		background-position: -100px 0px
	}
	83.3% {
		background-position: -87px 50px
	}
	91.7% {
		background-position: -50px 87px
	}
	100% {
		background-position: 0 100px
	}
}

@-webkit-keyframes up_down {
	0% {
		-webkit-transform: translateY(0px)
	}
	50% {
		-webkit-transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0px)
	}
}

@-moz-keyframes up_down {
	0% {
		-moz-transform: translateY(0px)
	}
	50% {
		-moz-transform: translateY(10px)
	}
	100% {
		-moz-transform: translateY(0px)
	}
}

@-ms-keyframes up_down {
	0% {
		-ms-transform: translateY(0px)
	}
	50% {
		-ms-transform: translateY(10px)
	}
	100% {
		-ms-transform: translateY(0px)
	}
}

@keyframes up_down {
	0% {
		transform: translateY(0px)
	}
	50% {
		transform: translateY(10px)
	}
	100% {
		transform: translateY(0px)
	}
}

/*mt del 2021.2.24
#bg2 .content {
	width: 1153px;
	height: 645px;
	margin: 0 auto;
	background: url(/images/tr_0004.png) no-repeat left center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -576.5px;
	margin-top: -322.5px
}

#bg2 .layerout {
	position: relative;
	margin-left: 300px;
	top: 50px
}
*/

#bg3 {
	width: 972px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -486px
}

@-webkit-keyframes turnpointer {
	0% {
		-webkit-transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(2deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@-moz-keyframes turnpointer {
	0% {
		-moz-transform: rotate(0deg)
	}
	50% {
		-moz-transform: rotate(2deg)
	}
	100% {
		-moz-transform: rotate(0deg)
	}
}

@-ms-keyframes turnpointer {
	0% {
		-ms-transform: rotate(0deg)
	}
	50% {
		-ms-transform: rotate(2deg)
	}
	100% {
		-ms-transform: rotate(0deg)
	}
}

@keyframes turnpointer {
	0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(2deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

#pointer-cover {
	height: 20px;
	width: 500px;
	position: absolute;
	top: 464px;
	left: 455px;
	background: #35da7b
}

/*轮播图*/
/*轮播图*/

/*服务流程*/
.service-flow-line {
	position: relative;
	/*width: 1199px;*/
	/*height: 500px;*/
	width: 74.9375rem;
	height: 31.25rem;
	background: url(/images/tr_0005.png) no-repeat;
	background-position: center center;
	background-size: 74.9375rem 31.25rem;
}

				.sf1 {
			background: url(/images/tr_0006.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf2 {
			background: url(/images/tr_0007.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf3 {
			background: url(/images/tr_0008.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf4 {
			background: url(/images/tr_0009.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf5 {
			background: url(/images/tr_0010.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf6 {
			background: url(/images/tr_0011.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf7 {
			background: url(/images/tr_0012.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf8 {
			background: url(/images/tr_0013.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf9 {
			background: url(/images/tr_0014.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
						.sf10 {
			background: url(/images/tr_0015.png) no-repeat;
			background-size: 11.4375rem 11.4375rem;
			background-position: center center;
		}
		
.service-flow-image-back {
	/*width: 180px;
	height: 180px;*/
	font-size: 1rem;
	width: 11.4375rem;
	height: 11.4375rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.service-flow-image-back div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.service-flow-image {
	position: absolute;
	/*width: 180px;
	height: 180px;*/
	width: 11.4375rem;
	height: 11.4375rem;
	/*background: url(/images/tr_0006.png) no-repeat;*/
	background-position: center center;
	background-size: 11.4375rem 11.4375rem;
	color: #FFF;
}
.service-flow-image div:first-child {
	display: none;
}
#serviceFlowLogoImg {
	position: absolute;
	width: 7.5rem;
	height: 7.5rem;
}
@media screen and (max-width: 1440px) {

	.service-flow-line {
		width: 52.45625rem;
		height: 21.875rem;
		background-size: 52.45625rem 21.875rem;
	}

				.sf1 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf2 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf3 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf4 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf5 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf6 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf7 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf8 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf9 {
		background-size: 8.00625rem 8.00625rem;
	}
				.sf10 {
		background-size: 8.00625rem 8.00625rem;
	}
	
	.service-flow-image-back {
		font-size: 0.75rem;
		width: 8.00625rem;
		height: 8.00625rem;
	}
	.service-flow-image {
		width: 8.00625rem;
		height: 8.00625rem;
		background-size: 8.00625rem 8.00625rem;
	}
	/*.service-flow-image:hover {*/
		/*background-size: 8.00625rem 8.00625rem;*/
	/*}*/
	#serviceFlowLogoImg {
		position: absolute;
		width: 5.25rem;
		height: 5.25rem;
	}

}

/*服务流程*/

/*swiper start*/
.swiper-pagination-bullet-white {
	border-radius: 0%;
	width: 55px;
	height: 8px;
	display: inline-block;
	opacity: 0.2;
	background: url(/images/tr_0017.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px 8px;
}
.swiper-pagination-bullet-white:hover {
	cursor:pointer;
}
.swiper-pagination-bullet-active-white {
	width: 73px;
	height: 8px;
	opacity: 1;
	background: url(/images/tr_0018.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 68px 8px;
}
.swiper-pagination-bullet-active-white:hover {
	cursor:pointer;
}
.swiper-pagination-bullet-gray {
	width: 55px;
	height: 8px;
	display: inline-block;
	opacity: 0.2;
	background: url(/images/tr_0019.png) no-repeat;
	background-position: center center;
	background-size: 50px 8px;
}
.swiper-pagination-bullet-gray:hover {
	cursor:pointer;
}
.swiper-pagination-bullet-gray-active {
	width: 73px;
	height: 8px;
	opacity: 1;
	background: url(/images/tr_0020.png) no-repeat;
	background-position: center center;
	background-size: 68px 8px;
}
.swiper-pagination-bullet-gray-active:hover {
	cursor:pointer;
}
.swiper-prev-carousel-left {
	width: 50px;
	height: 50px;
	background: url(/images/tr_0021.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px 50px;
}
.swiper-next-carousel-right {
	width: 50px;
	height: 50px;
	background: url(/images/tr_0022.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px 50px;
}
/*swiper end*/

/*联系我们*/

.contact-us-container {
	background: url("/images/tr_0003.png") no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.icp {
	position: absolute;
	bottom: 1%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	color: #FFF;
}

.contact-info-container {
	width: 100%;
	height: 100%;
}

.contact-map-container {
	width: 100%;
}

.contact-us-main {
	height: 11.25rem;
	width: 56.25rem;
	display: flex;
	text-align: center;
	color: #FFF;
}
.contact-us-item-image {
	width: 11.25rem;
	height: 11.25rem;
}
.contact-back {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-back .content {

}
/*联系方式手机*/
.contact-us-phone {
	/*width: 11.25rem;
	height: 11.25rem;*/
	flex: 1;
	border: 1px solid #FFFFFF;
	background: url(/images/tr_0024.png) no-repeat;
	background-position: center center;
}
.contact-us-phone div:first-child {
	display: none;
}
.contact-us-phone:hover {
	flex: 1;
	background: none;
	background-color: #E5B537;
	border: 1px solid #E5B537;
}
.contact-us-phone:hover div:first-child {
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*联系方式邮箱*/
.contact-us-mail {
	/*width: 11.25rem;
	height: 11.25rem;*/
	flex: 1;
	border: 1px solid #FFFFFF;
	background: url(/images/tr_0025.png) no-repeat;
	background-position: center center;
}
.contact-us-mail div:first-child {
	display: none;
}
.contact-us-mail:hover {
	flex: 1;
	background: none;
	background-color: #00A0E8;
	border: 1px solid #00A0E8;
}
.contact-us-mail:hover div:first-child {
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*联系方式微信*/
.contact-us-weixin {
	/*width: 11.25rem;
	height: 11.25rem;*/
	flex: 1;
	border: 1px solid #FFFFFF;
	background: url(/images/tr_0026.png) no-repeat;
	background-position: center center;
}
.contact-us-weixin:hover {
	flex: 1;
	border: 1px solid #FFF;
	background: url(/images/tr_0027.jpg) no-repeat;
	background-size: 12rem 12rem;
	background-position: center center;
}
/*联系方式QQ*/
.contact-us-qq {
	/*width: 11.25rem;
	height: 11.25rem;*/
	flex: 1;
	border: 1px solid #FFFFFF;
	background: url(/images/tr_0028.png) no-repeat;
	background-position: center center;
}
.contact-us-qq div:first-child {
	display: none;
}
.contact-us-qq:hover {
	flex: 1;
	background: none;
	background-color: #1EB7F0;
	border: 1px solid #1EB7F0;
}
.contact-us-qq:hover div:first-child {
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*联系方式工作时间*/
.contact-us-worktime {
	/*width: 11.25rem;
	height: 11.25rem;*/
	flex: 1;
	border: 1px solid #FFFFFF;
	background: url(/images/tr_0029.png) no-repeat;
	background-position: center center;
}
.contact-us-worktime div:first-child {
	display: none;
}
.contact-us-worktime:hover {
	flex: 1;
	background: none;
	background-color: #EE5253;
	border: 1px solid #EE5253;
}
.contact-us-worktime:hover div:first-child {
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*百度地图*/
map {
	margin: 0;
	padding: 0;
}
#dituContent {
	position: relative;
	width: 56.25rem;
	height: 21.875rem;
	border: #ccc solid 1px;
	margin: 1rem auto 0px auto;
}
.slide1 {
	background:url(/images/tr_0030.png) no-repeat right 50%/auto 100% #fff;
}
.slide2 {
	background:url(/images/tr_0031.png) no-repeat right 50%/auto 100% #e2e3e8;
}
.swiper-button-prev {
	width:46px!important;
	height:46px!important;
	background:url(/images/tr_0032.png) no-repeat center center;
}
.swiper-button-next {
	width:46px!important;
	height:46px!important;
	background-size:auto;
	background-image:url(/images/tr_0033.png);
}
/* mt del 2021.2.24 
.name:before {
	content:'';
	position:absolute;
	width:1.875rem;
	height:1.875rem;
	right:0.625rem;
	top:0;
	bottom:0;
	margin:auto;
	background:url(/images/tr_0034.png) no-repeat center center;
}
*/
.swiper-inner:hover{
	cursor:pointer;
}