html,body{
  background: #fff;
}
.fl{float: left;}
.fr{float: right;}
.logo{
  height: 80px;
  line-height: 80px;
}
.logo img{
  height: 40px;
}
.imgItem{
	width: 100%;
	text-align: center;
	background: #fff;
}
.imgItem img{
  width: 1200px !important;
}
.imgItem h2,.showStyle h2,.loginItemHd h2{
	font-size:32px;
	font-family:Arial-Black,Arial;
	font-weight:900;
	color:#333;
	line-height:45px;
	margin-bottom: 3px;
}
.imgItem h4,.showStyle h4,.loginItemHd h4{
	font-size:40px;
	color:#333;
	font-family:MicrosoftYaHeiUILight;
	font-weight: lighter;
	line-height:51px;
	margin-bottom: 50px;
}
.hd_box ul li a.on{
	font-weight: 400;
}
.hd_box ul li:nth-child(4) a{
	font-weight: 500;
}
.bannerHd img{
	width: 100% !important;
}
.content .about{
	padding: 44px 0 80px;
	display: block;
	width: 100%;
	height: 858px;
	box-sizing: border-box;
	margin: 0 auto;
	background: url(../images/about_bg.png) top center no-repeat;
	background-size: 100% auto;
	position: relative;
	text-align: left;
}
.about img{
	display: block;
	margin: 0 auto;
	width: 1200px;
}
.about .aboutWrap{
	width: 1200px;
	position: absolute;
	top: 201px;
	left: 50%;
	margin-left: -600px;
	width: 840px;
	font-size:22px;
	color:#666;
	line-height:40px;
	letter-spacing:1px;
	text-indent: 2em;
}
.youshi{
	background: #fff;
	position: relative;
	padding:86px 0;
}
.youshi .youShiWrap,.youshi .heXinWrap{
	width: 1200px;
	display: block;
	margin: 0 auto;
	padding-top: 16px;
	text-align: left;
}
.youshi .heXinWrap{
	margin-top:55px;
}
.youshi .youShiList{
	padding: 10px 30px;
}
.youshi .youShiList li{
	display: block;
	width: 540px;
	height: 259px;
	padding-top: 40px;
	padding-left: 24px;
}
.youshi .youShiList li.list01{
	background: url(../images/list01.png) no-repeat top center;
	background-size: 100% auto;
	margin-bottom: 48px;
}
.youshi .youShiList li.list02{
	background: url(../images/list02.png) no-repeat top center;
	background-size: 100% auto;
	margin-bottom: 48px;
}
.youshi .youShiList li.list03{
	background: url(../images/list03.png) no-repeat top center;
	background-size: 100% auto;
}
.youshi .youShiList li.list04{
	background: url(../images/list04.png) no-repeat top center;
	background-size: 100% auto;
}
.youshi .youShiList li.heXin01{
	background: url(../images/hexin01.png) no-repeat top center;
	background-size: 100% auto;
}
.youshi .youShiList li.heXin02{
	background: url(../images/hexin02.png) no-repeat top center;
	background-size: 100% auto;
}
.youshi .youShiList li h5{
	padding-left: 91px;
	font-size:24px;
	font-family:SourceHanSansCN-Medium,SourceHanSansCN;
	font-weight:500;
	color: #333;
	line-height: 24px;
	margin-bottom: 21px;
}
.youshi .youShiList li p{
	font-size:16px;
	font-family:MicrosoftYaHeiUI;
	color:#666;
	line-height:20px;
	letter-spacing:2px;
	margin-bottom: 12px;
}
.process{
	background: url(../images/process-bg.png) bottom center no-repeat;
	background-size: 100% auto;
}
.process .processWrap{
	width: 1200px;
	display: block;
	margin: 0 auto;
	padding: 74px 0 53px;
	text-align: left;
}
.processImg{
	padding-top: 4px;
	margin-bottom: 52px;
}
.processImg li{
	width: 140px;
	height: 140px;
	background: url(../images/process_bg.png) center center no-repeat;
	background-size: 100% auto;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding-top: 46px;
	line-height: 24px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
}
.processImg li.arrow{
	width: 72px;
	height: 140px;
	background: url(../images/arrow.png) center center no-repeat;
	background-size: 40px auto;
}
.processDetail{
	width: 300px;
	height: 296px;
	box-sizing: border-box;
	padding-top: 56px;
	padding-left: 46px;
	position: relative;
}
.processDetail01{
	background: url(../images/process01.png) center center no-repeat;
	background-size: 320px auto;
}
.processDetail02{
	background: url(../images/process02.png) center center no-repeat;
	background-size: 320px auto;
}
.processDetail03{
	background: url(../images/process03.png) center center no-repeat;
	background-size: 320px auto;
}
.processDetail04{
	background: url(../images/process04.png) center center no-repeat;
	background-size: 320px auto;
}
.processDetail h5{
	padding-left: 56px;
	font-size:24px;
	font-family:SourceHanSansCN-Medium,SourceHanSansCN;
	font-weight:500;
	color: #333;
	line-height: 24px;
	margin-bottom: 32px;
}
.processDetail p{
	font-size:16px;
	font-family:MicrosoftYaHeiUI;
	color: #666;
	line-height: 20px;
	margin-bottom: 16px;
}
.processDetail li:nth-child(odd){
	width: 50%;
}
.processDetail li:nth-child(even){
	width: 40%;
	padding-left: 4px;
}
.processDetail .tip{
	position: absolute;
	right: 22px;
	bottom: 36px;
	font-size:12px;
	font-family:MicrosoftYaHeiUI;
	color: #666;
	line-height: 15px;
}
.customize{
	width: 100%;
	background: rgba(220,220,220,0.19);
}
.customize .swiper-container {
	display: block;
	max-width: 1920px;
	margin: 0 auto;
}
.customize .swiper-slide{
	background: #fff;
	max-width: 1920px;
	height: 960px;
	position: relative;
	overflow: hidden;
}
.customize .swiper-slide img{
	width: 1920px;
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;        /* Chrome 和 Safari */
	-moz-backface-visibility:hidden;         /* Firefox */
	-ms-backface-visibility:hidden;         /* Internet Explorer */
}
.customize .swiper-container-horizontal .swiper-pagination{bottom: 40px;}
.customize .swiper-container-horizontal .swiper-pagination span{width: 10px;height: 10px;border-radius: 5px;background-color: #D4DDEC;border: none;opacity: 1;margin: 0 8px;}
.customize .swiper-container-horizontal .swiper-pagination span.swiper-pagination-bullet-active{background-color:#215AA8;width:28px;}
.service{
	width: 100%;
	padding: 74px 0;
}
.serviceWrap{
	width: 1200px;
	display: block;
	margin: 0 auto;
	text-align: left;
}
.serviceWrap .list{
	padding: 0 30px;
}
.serviceWrap .list li{
	width: 540px;
	height: 248px;
	box-sizing: border-box;
	padding: 46px 0 0 115px;
}
.serviceWrap .list li h5{
	font-size:24px;
	font-family:SourceHanSansCN-Medium,SourceHanSansCN;
	font-weight:500;
	color: #333;
	line-height: 24px;
	margin-bottom: 21px;
}
.serviceWrap .list li p{
	font-size:16px;
	font-family:MicrosoftYaHeiUI;
	color:#666;
	line-height:20px;
	letter-spacing:2px;
	margin-bottom: 12px;
}
.serviceWrap .list li.list01{
	background: url(../images/service01.png) center center no-repeat;
	background-size: 540px auto;
	margin-bottom: 16px;
}
.serviceWrap .list li.list02{
	background: url(../images/service02.png) center center no-repeat;
	background-size: 540px auto;
	margin-bottom: 16px;
}
.serviceWrap .list li.list03{
	background: url(../images/service03.png) center center no-repeat;
	background-size: 540px auto;
	margin-bottom: 16px;
}
.serviceWrap .list li.list04{
	background: url(../images/service04.png) center center no-repeat;
	background-size: 540px auto;
	margin-bottom: 16px;
}
.serviceWrap .list li.list05{
	background: url(../images/service05.png) center center no-repeat;
	background-size: 540px auto;
}
.serviceWrap .list li.list06{
	background: url(../images/service06.png) center center no-repeat;
	background-size: 540px auto;
}
.customer{
	width: 100%;
	overflow: hidden;
	height: 765px;
	box-sizing: border-box;
	padding: 86px 0;
	position: relative;
	background: url(../images/custom_bg.png) top center no-repeat;
	background-size: 100% auto;
}
.customer img{
	display: block;
	margin: 0 auto;
	width: 1195px;
}
.phoneNumber img{
	width: 100%;
}
.guide{
	background: #fff url(../images/guide_bg.png) bottom center no-repeat;
	background-size: 100% auto;
}
.guideWrap {
	display: block;
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	padding: 75px 0 81px;
}
.guideWrap .guide01{
	margin:56px auto;
}
.guideWrap .guide02{
	margin:0 auto 107px;
}
.guideWrap .guide03{
	margin:0 auto 57px;
}
.guideWrap .guide04{
	margin:0 auto 57px;
}
.guideWrap .guide05{
	margin:0 auto 57px;
}
.showWrap{
	width: 100%;
	background:#fff url(../images/showstyle_bg.png) bottom center no-repeat;
	background-size: 100% auto;
}
.showStyle{
  width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 50px;
}
.showStyleHd{
  margin-top: 80px;
	margin-bottom: 45px;
	width: 440px;
	height: 100px;
}
.showStyleHd img{
	width: 100%;
	height: 100%;
}
.tabList{
	border-bottom: solid 2px #F1EFF2;
}
.tabList .tab {
	padding-bottom: 20px;
  float: left;
	margin-right: 80px;
	width: 240px;
	height: 168px;
}
.tabList .tab img{
	width: 240px;
	height: 148px;
}
.tabList .tabLast{
	margin-right: 0;
}
.tabList .tabActive{
	background: url(../images/border.png) bottom center no-repeat;
	background-size: 120px auto;
}
.tabContent .item{
  display: none;
  height: 315px;
  padding-left: 50px;
  padding-top: 55px;
}
.tabContent .item p{
  line-height: 36px;
	font-size: 24px;
	font-weight:500;
	color: #333;
	font-family:SourceHanSansCN-Medium,SourceHanSansCN;
}
.tabContent .item span{
  color: #215AA8;
}
.tabContent .item1 p{
	float: left;
	width: 480px;
  margin-right: 126px;
}
.tabContent .item1 img{
	float: left;
	width: 480px;
	height: 214px;
}
.tabContent .itemActive{
  display: block;
}

.loginItem{
  background: #1A1F34;
	width: 100%;
	min-height: 750px;
	overflow: hidden;
	padding-top: 66px;
}
.loginItemHd{
  text-align: center;
}
.loginItemHd h2{
	color: #fff;
	opacity: 0.5;
}
.loginItemHd h4{
	color: #fff;
	margin-bottom: 60px;
}

/* swiper */
.pc-banner {
	/* background: url(../images/top_main_bg01.jpg) no-repeat center top/100% auto; */
	width: 100%;
	float: left;
	background: #1A1F34
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
}

.loginItem .swiper-container {
	width: 100%;
	margin: 60px 0 50px;
}

@media screen and (max-width: 668px) {
	.loginItem .swiper-container {
		margin: 20px 0 15px;
	}
}

.loginItem .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

@media screen and (max-width: 668px) {
	.loginItem .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.loginItem .swiper-slide-active,.loginItem .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.loginItem .swiper-slide-active,.loginItem .swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.loginItem .swiper-slide a {
	background: #fff;
	/* padding:10px; */
	display: block;
	/* border-radius: 14px; */
}

@media screen and (min-width: 668px) {
	.loginItem .swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		/* border: 10px solid #fff; */
		content: "";
		width: 100%;
		height: 100%;
		/* background: url(../images/top_slick_cover_bg01.png) 0 0 repeat; */
		/* border-radius: 20px; */
	}
}

.loginItem .swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.loginItem .swiper-slide a {
		padding: 5px;
		/* border-radius: 7px; */
	}
}

.loginItem .swiper-slide img {
	width: 100%;
	/* border-radius: 14px; */
	display: block;
}

@media screen and (max-width: 668px) {
	.loginItem .swiper-slide img {
		/* border-radius: 7px; */
	}
}

.loginItem .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.loginItem .swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.loginItem .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	
	.loginItem .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.loginItem .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.loginItem .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}

@media screen and (max-width: 668px) {
	.button {
		width: 70%;
		bottom: 22px;
	}
}

.button div:hover {
	background-color: #2f4798;
}

.loginItem .swiper-button-prev {
	width: 40px;
	height: 40px;
	/* border-radius: 50%; */
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.loginItem .swiper-button-next {
	width: 40px;
	height: 40px;
	/* border-radius: 50%; */
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}

/* 自定义 */
.loginItem .swiper-pagination{
	top: 0;
	border-bottom: 1px solid #3E3F55;
}
.loginItem .swiper-slide-self{
	border-radius: 0;
	color: #fff;
	width: auto;
	height: auto;
	border: 0;
	background: inherit;
	outline: none;
	font-size: 16px;
	line-height: 20px;
	margin-right: 56px;
	cursor: pointer;
  padding-bottom: 16px;
	position: relative;
}
.loginItem .swiper-slide-self:last-child{
	margin-right: 0;
}
.loginItem .swiper-slide-self em{
	display: inline-block;
	width: 32px;
	border-bottom: solid 4px #1A1F34;
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -16px;
}
span.swiper-slide-self:hover em,.loginItem .swiper-slide-self.onActive em{
	border-color: #215AA8;
}
span.onActive em{
	border-color: #215AA8;
}
p.onActive{
	/* background: #1A1F34; */
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	letter-spacing:2px;
}

/* footer */
.ft_bg{height: 104px;background: url(../images/ft_bg.jpg) 50% 0 no-repeat;margin-top: 40px;}
.ft_box{background:#323232;padding:40px 0 30px;margin-bottom: 0 !important;text-align: inherit !important;}
.ft_top{padding-bottom: 30px; }
.ft_logo{float: left;padding-left:3%;margin-right: 5%;width: 15%;}
.ft_logo img{width: 100%;height: auto;}
.ft_menu_box{float: left;width: 51%;}
.ft_menu{width:31.5%;display:inline-block;vertical-align: top;}
.ft_menu:last-child{width: 35%;}
.ft_menu h3{border-left:5px solid #c0c0c0;line-height: 28px;font-weight: normal;font-size: 18px;height: 28px;color:#c0c0c0;margin-bottom: 15px;padding-left: 20px;}
.ft_menu li{margin-bottom: 10px;padding-left: 20px;}
.ft_menu li a{font-size: 14px;color:#959595;line-height: 18px;}
.ft_menu li a:hover{color:#c0c0c0;}
.ft_about{float:left;width: 20%;text-align: center;position: relative;max-width: 330px;}
.ft_about .p1{font-size: 14px;color:#959595;line-height: 22px; letter-spacing:1px;}
.ft_about .p1.letter_none{ letter-spacing:0;}
.ft_about .p2{font-size: 26px;color:#fff;line-height: 30px;}
.ft_code{ background:#323232;padding:5px 0;border-radius: 8px;border:1px solid #4c4c4c;position: absolute;top:104px;left:50%;width: 208px;margin-left: -103px;}
.ft_code .p3{font-size: 14px;color:#959595;line-height: 38px;}
.ft_code .p3 .sp_code{display: inline-block;margin-right:5px;width: 39px;height: 29px;background: url(../images/index_icon.png) no-repeat;background-size:342px 474px;background-position:-120px -244px;vertical-align: middle;}
.ft_code img{width:72%;height: auto;margin-top: 5px;display:none;}
.ft_code:hover img{display: inline-block;}
.ft_bottom{padding-top: 30px;border-top:1px solid #474747;text-align: center;color:#959595;font-size: 14px;}
.ft_bottom a,.ft_bottom a:hover{color:#959595;}
.footer{
	box-sizing: content-box;
}
.footer .phone p.police{
	width: 620px !important;
}