@charset "UTF-8";

/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
/*头部开始*/
.footSearchBox {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
	display: none;
}

.footSearchBox .wrap {
	position: relative;
	top: 50%;
	margin-top: -25px;
}

.searchCont {
	overflow: hidden;
	width: 600px;
	margin: 0px auto;
	position: relative;
}

.search_dl {
	position: absolute;
	left: 0px;
	top: 0px;
}

.search_dl dd {
	float: left;
	display: inline;
	overflow: hidden;
}

.search_dl dd a {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	text-align: center;
	font-size: 14px;
	color: #666;
}

.search_dl dd.hover a {
	background: #2950a0;
	color: #fff;
}

.searchInpDiv {
	display: block;
	overflow: hidden;
	padding: 0px 10px;
	border: 3px solid #ec661b;
	border-radius: 0px 0px 0px 3px;
	background: #fff;
}

.searchInpDiv input {
	display: block;
	height: 44px;
	width: 100%;
	border: none;
	background: none;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	line-height: 44px;
}

a.footSearchBt {
	display: block;
	width: 100px;
	height: 50px;
	overflow: hidden;
	background: #ec661b;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 0px 3px 3px 0px;
}

.closeSearchBt {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 15px;
	background: #000 url(../images/close_h.png) no-repeat center center;
	background-size: 20px auto;
}

.animHide {
	opacity: 0;
}

.top {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	height: 120px;
	background: #fff;
	z-index: 999;
	min-width: 1280px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.top.topPd {
	top: -120px;
}

.top1 {
	position: relative;
	height: 0;
}

.topC1 {
	position: absolute;
	left: 6.25%;
	right: 6.25%;
	height: 120px;
	top: 0;
	z-index: 5;
}

.topC {
	margin: 0 6.25%;
}

.logo {
	padding: 35px 0px;
}

.logo img {
	display: block;
	height: 50px;
}

.topShop {
	width: 50px;
	height: 120px;
	position: relative;
	margin-right: 25px;
}

.topSearch a {
	display: block;
	height: 120px;
	width: 50px;
	background: url(../images/search.png) center center no-repeat;
}

.topC1 .topSearch a {
	background: url(../images/search1.png) center center no-repeat;
}

.topTel {
	height: 120px;
	line-height: 120px;
}

.topTel .topTelc {
	height: 120px;
	padding-left: 80px;
	background: url(../images/zicon1.png) left center no-repeat;
}

.topC1 .topTel .topTelc {
	background: url(../images/zicon1_h.png) left center no-repeat;
}

.topTel .topTelc span {
	display: block;
	padding: 50px 0;
}

/*头部结束*/

/*menu开始*/

.menuDl {
	position: relative;
}

.menuDl:after {
	display: block;
	content: "";
	clear: both;
}

.menuDl dd {
	display: inline;
	float: left;
	position: relative;
	z-index: 3;
}

.menuDl dd span {
	display: block;
	margin: 0 32px;
}

.menuDl dd span a {
	display: block;
	height: 120px;
	overflow: hidden;
	line-height: 120px;
	color: #333;
	font-size: 15px;
	position: relative;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 10;
}

.topC1 .menuDl dd span a {
	color: #fff;
}

.menuDl dd.hover span a {
	color: #333;
}

.topC1 .menuDl dd.hover span a {
	color: #fff;
}

.menuDl dd span a i {
	display: none;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #d6000f;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.menuDl dd.hover span a i {
	display: block;
}

.menuDl dt {
	width: 0;
	height: 3px;
	background: #ec661b;
	position: absolute;
	left: 0;
	bottom: 40px;
}

.topRl {
	height: 80px;
	line-height: 80px;
}

.topHide {
	position: relative;
	width: 100%;
	height: 80px;
}

.topRl .iconBox:hover {
	opacity: .7;
	transform: rotateY(-180deg);
}

.topRc {
	overflow: hidden;
	padding-left: 25px;
}

.topRDl {
	overflow: hidden;
	padding-left: 25px;
	position: relative;
}

.topRDl:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 16px;
	left: 0;
	top: 50%;
	margin-top: -8px;
	background: #e0e0e0;
}

.topRDl dd {
	float: left;
	display: inline;
	height: 41px;
	line-height: 41px;
	margin-right: 11px;
}

.topRDl dd div a {
	display: block;
	padding-left: 26px;
	font-size: 16px;
	color: #666;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.topRDl dd div.dd1 {
	background: url(../images/wicon1.png) left center no-repeat;
}

.topRDl dd div.dd2 {
	background: url(../images/wicon2.png) left center no-repeat;
}

.topRDl dd div a:hover {
	color: #f28e1a;
}

/* .topLc {
	margin-right: 55px;
} */
.topChange {
	position: relative;
	height: 120px;
}

.entrance {
	padding: 0 20px;
	height: 120px;
	line-height: 120px;
	font-size: 15px;
	color: #333;
	cursor: pointer;
	text-align: center;
}

.entrance span {
	position: relative;
	top: 42px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	/* border: 1px solid #E6E6E6; */
	border-radius: 20px;
	overflow: hidden;
}

.entrance::after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 40px;
	left: 20px;
	top: 50%;
	margin-top: -20px;
	background: #ebebeb;
}

/* .entrance span::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ec661b;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.topChange:hover span::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
} */

.entrance span em {
	float: left;
	display: inline;
	font-size: 14px;
	font-style: normal;
}

.entrance span em.chage-city {
	font-size: 12px;
	padding: 0 5px;
	color: #ec661b;
}

.entrance span i {
	float: left;
	display: inline;
	width: 20px;
	height: 36px;
	background: url(../images/dwh.png) center center no-repeat;
}

.entranceC {
	position: absolute;
	min-width: 120px;
	left: 50%;
	transform: translateX(-50%);
	top: 120px;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0px 7px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	z-index: -2;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}

.topChange:hover .entranceC {
	z-index: 1;
	opacity: 1;
	visibility: visible;
	top: 100px;
}

.entranceC::after {
	display: block;
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #FFFFFF;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.08);
	top: -10px;
	left: 50%;
	margin-left: -10PX;
	transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	z-index: -1;
}

.entranceCon {
	padding: 10px;
	background: #FFFFFF;
	z-index: 2;
	border-radius: 5px;
}

.entranceC a {
	display: block;
	padding: 5px 0;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.entranceC a:hover {
	color: #ec661b;
}

.top1 .entrance {
	color: #FFFFFF;
}

/* .topChange:hover .entrance{
	color: #ec661b;
} */
/* .topChange:hover i{
	background: url(../images/dwh_r.jpg) center center no-repeat;
} */
.top1 .entrance span em.chage-city {
	color: #FFFFFF;
}

.top1 .entrance span i {
	background: url(../images/dwh_h.png) center center no-repeat;
}

/*menu结束*/
.arrowDown {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
	z-index: 3;
}

.arrowDown i {
	display: inline-block;
	width: 34px;
	height: 35px;
	background: url(../images/navBottom.png) no-repeat center top;
	-webkit-animation: arrowDown 1s infinite linear;
	cursor: pointer;
}

@-webkit-keyframes arrowDown {
	0% {
		-webkit-transform: translate(0, 0);
	}

	25% {
		-webkit-transform: translate(0, 6px);
	}

	50% {
		-webkit-transform: translate(0, 0);
	}

	75% {
		-webkit-transform: translate(0, -6px);
	}

	100% {
		-webkit-transform: translate(0, 0);
	}
}

/*indexBanner开始*/
.bannerCloumn {
	position: relative;
	/* padding-top: 16px; */
}
.bannerCloumn.topC{
	margin: 0 0;
}
.bannerCloumn::before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -0px;
	left: -40px;
	background: url(../images/bannerBg.png) left top no-repeat;
}

.bannerBox {
	overflow: hidden;
	position: relative;
	height: 87.1932vh;
}

.bannerSwiper {
	height: 100%;
}

.banner_a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slide-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.banTxt {
	position: absolute;
	left: 8.66666667%;
	top: 50%;
	transform: translateY(-50%);
}

.banTxtlg {
	font-size: 80px;
	color: #f2f2f2;
	font-weight: bold;
	line-height: 90px;
	visibility: hidden;
}

.banTxtsm {
	font-size: 36px;
	color: #f2f2f2;
	line-height: 90px;
	visibility: hidden;
}

.bannerSwiper .swiper-button-prev,
.bannerSwiper .swiper-button-next {
	visibility: hidden;
	opacity: 0;
}

.bannerSwiper .bt {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 90px;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.bannerSwiper .bt.btPrev {
	left: 0;
	background: url(../images/leftPrev.png) no-repeat center center;
}

.bannerSwiper .bt.btNext {
	left: 65px;
	background: url(../images/leftNext.png) no-repeat center center;
}

.bannerSwiper .bt:hover {
	border-radius: 100%;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);
}

.bannerSwiper .bt.btPrev:hover {
	background: #ec661b url(../images/leftPrev_h.png) no-repeat center center;
}

.bannerSwiper .bt.btNext:hover {
	background: #ec661b url(../images/leftNext_h.png) no-repeat center center;
}

.bannerDot {
	position: absolute;
	width: 280px !important;
	padding: 36px 0;
	height: 18px;
	right: 0 !important;
	left: auto !important;
	bottom: 0 !important;
	background: #f5f5f5;
	z-index: 5;
	text-align: center;
}

.bannerDot span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 1px solid #858585;
	background: none;
	opacity: 1;
	margin: 0 15px !important;
}

.bannerDot span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-color: #ec6920;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
}

.bannerText {
	position: relative;
	/* width: 100%; */
	height: 100%;
	top: 0;
	left: 6.25%;
	right: 0;
}

.bannerTextC {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.bannerTextC img {
	display: block;
}

.bannerTextC .con1 {
	height: 52px;
	padding: 18px 0;
}

.bannerTextC .con2 {
	height: 71px;
	padding: 13px 0;
}

.bannerTextC .con3 {
	height: 34px;
	padding: 20px 0;
}

/*indexBanner结束*/
/*fullPage的样式start*/

#fullPage {
	transition: all 1s cubic-bezier(0.6, 0, 0, 0.6) !important;
	transition-delay: 0.2s !important;
}

.section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	perspective: 1000px;
	background: #f5f5f5;
}

.columnBox {
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
}

.slide {
	float: left;
}

.slide,
.slidesContainer {
	height: 100%;
	display: block;
}

.slides {
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slidesContainer {
	float: left;
	position: relative;
}

/*fullPage 结束*/

/*关于bg start*/

.col1BgBox {
	position: absolute !important;
	width: 105%;
	height: 105%;
	left: -2.5% !important;
	top: -2.5% !important;
}

.col1BgBoxw {
	position: absolute !important;
	width: 101%;
	height: 101%;
	left: -0.5% !important;
	top: -0.5% !important;
}

.col1Bg {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.sectionCon {
	position: relative;
	height: calc(100% - 120px);
	top: 120px;
}

.sectionCon.sectionConPd {
	height: calc(100% - 0px);
	top: 0px;
}

/*关于bg end*/
/*第一通栏start*/
.column1 {
	position: relative;
	overflow: hidden;
	height: 100%;
	perspective: 1000px;
	-webkit-perspective: 1000px;
}

.column1::before {
	display: block;
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0px;
	left: 0;
	background: #fbf4ec;
	z-index: 2;
}

.column1::after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 140px;
	left: 0;
	bottom: 60px;
	z-index: 1;
	background: url(../images/columnText1.png) left center no-repeat;
	transition: all 2s linear;
	-webkit-transition: all 2s ease-in-out;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	transform-origin: 0 100%;
	transition-delay: 0.3s;
	animation-delay: 0.5s;
}

.column1.flash1::after {

	animation: 0.3s cubic-bezier(0.36, -0.17, 0.85, 1.32) rotateBox forwards;
}

@keyframes rotateBox {
	0% {
		transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
	}

	25% {
		transform: rotateX(45deg);
		-webkit-transform: rotateX(45deg);
	}

	50% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
	}

	75% {
		transform: rotateX(-45deg);
		-webkit-transform: rotateX(-45deg);
	}

	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
	}
}

.column1Left {
	position: relative;
	z-index: 3;
	width: 50%;
}

.column1LeftC {
	padding-top: 100px;
	padding-left: 12.5%;
	padding-right: 21.875%;
	position: relative;
}

.indexTitleBox {
	font-family: arial;
}

.indexTitle1 {
	height: 56px;
	line-height: 56px;
	font-size: 48px;
	color: #333;
}

.indexTitle2 {
	height: 48px;
	line-height: 48px;
	font-size: 36px;
	text-transform: capitalize;
	color: #666;
	font-family: 'spectral';
}

.column1ItroBox {
	padding-top: 94px;
	margin-bottom: 170px;
}

.column1ItroTitle {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 18px;
	color: #03062e;
	margin-bottom: 30px;
}

.column1ItroC {
	height: 120px;
	line-height: 30px;
	font-size: 15px;
	color: #666;
	overflow: hidden;
}

.column1More {
	font-family: arial;
	display: inline-block;
}

.column1More a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
}

.column1More a span {
	font-family: "spectral";
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
	padding-right: 35px;
	background: url(../images/moreRight.png) right center no-repeat;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	position: relative;
}

.column1More a span::before {
	display: block;
	content: "";
	position: absolute;
	width: 25px;
	height: 1px;
	top: 47.5%;
	right: 4px;
	background: #000;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition-delay: 0.1s;
	visibility: hidden;
	opacity: 0;
}

.column1Video {
	position: absolute;
	width: 260px;
	height: 144px;
	bottom: -50px;
	right: 21.875%;
	border: 3px solid #fff;
}

.videoPlay {
	position: absolute;
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
}

.videoPlay img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
}

.column1VideoBtn {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column1VideoBtna {
	position: absolute;
	width: 52px;
	height: 52px;
	left: 50%;
	top: 50%;
	margin-left: -26px;
	margin-top: -26px;
	background: #fff url(../images/play.png) center center no-repeat;
	border-radius: 100%;
	z-index: 2;
}

.animated-circles .circle {
	background: rgba(255, 255, 255, .15);
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.animated-circles.animated .c-1 {
	animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) infinite
}

.animated-circles.animated .c-2 {
	animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) infinite
}

.animated-circles.animated .c-3 {
	animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) infinite
}

@keyframes scaleToggleOne {
	0 {
		transform: scale(0.8);
		-webkit-transform: scale(0.8)
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8)
	}
}

@keyframes scaleToggleTwo {
	0 {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	20% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	60% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes scaleToggleThree {
	0 {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	33% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	66% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.column1Right {
	overflow: hidden;
	height: calc(100%);
	position: relative;
}

.column1Pic {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column1Pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
}

/*第一通栏end*/
/*第二通栏start*/
.column2 {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.indexTitleItro {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #dedede;
}

.column2Title {
	padding-top: calc(8%);
	position: relative;
	z-index: 10;
}

.indexTitleBox.white .indexTitle1 {
	color: #fff;
}

.indexTitleBox.white .indexTitle2 {
	color: #fff;
}

.column2C {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column2C .col1Bg {
	background-position: center center;
}

.column2Swiper {
	position: relative;
	width: 100%;
	height: calc(100%);
}

.column2SwiperCon {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.column2SwiperCon .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition: 0.8s all;
}

.column2Swiper .swiper-slide .column2SwiperCon {
	display: none;
}

.column2Swiper .swiper-slide.swiper-slide-active .column2SwiperCon {
	display: block;
}

.column2Swiper::before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 21.2963%;
	left: 0;
	bottom: 0;
	z-index: 6;
	background: rgba(255, 255, 255, 0.8);
}

.column2SwiperCon {
	z-index: 5;
}

.column2SwiperCon .topCswier {
	margin: 0 .625%;
}

.column2SwiperCon .swiperTitle {
	display: none;
}

.column2SwiperCon .swiperText {
	display: none;
}

.column2SwiperCon .swiper-slide.swiper-slide-active .swiperTitle {
	display: block;
}

.column2SwiperCon .swiper-slide.swiper-slide-active .swiperText {
	display: block;
}

/* .column2Swiper.swiper-slide.swiper-slide-active .column2SwiperCon .swiperTitle{
	display: block;
}
.column2Swiper.swiper-slide.swiper-slide-active .column2SwiperCon .swiperText{
	display: block;
} */
.column2SwiperCon .column2-buttom {
	position: absolute;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	outline: none;
}

.column2SwiperCon .column2-buttom::after {
	display: none;
}

.column2SwiperCon .column2-buttom.swiper-button-next {
	right: 50%;
	margin-right: -55px;
	background: rgba(230, 230, 230, 1) url(../images/leftNext.png) center center no-repeat;
}

.column2SwiperCon .column2-buttom.swiper-button-prev {
	left: 50%;
	margin-left: -55px;
	background: rgba(230, 230, 230, 1) url(../images/leftPrev.png) center center no-repeat;
}

.column2SwiperCon .column2-buttom.swiper-button-next:hover {
	background: rgba(236, 102, 27, 1) url(../images/leftNext_h.png) center center no-repeat;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

.column2SwiperCon .column2-buttom.swiper-button-prev:hover {
	background: rgba(236, 102, 27, 1) url(../images/leftPrev_h.png) center center no-repeat;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

.column2Swiper>.swiper-wrapper>.swiper-slide {
	opacity: 0 !important;
	visibility: hidden;
	transition: 0.8s !important;
}

.column2Swiper>.swiper-wrapper>.swiper-slide.swiper-slide-active {
	opacity: 1 !important;
	visibility: visible;
}

.swiperBox {
	position: absolute;
	left: 38.69047%;
	top: 40%;
	transform: translateY(-70%);
}

.swiperTitle {
	height: 68px;
	line-height: 68px;
	overflow: hidden;
	font-family: arial;
}

.swiperTitle span {
	font-family: 'spectral';
	font-size: 48px;
	color: #fff;
	font-weight: 800px;
	padding-right: 115px;
	position: relative;
}

.swiperTitle span::before {
	display: block;
	content: "";
	position: absolute;
	width: 42px;
	height: 1px;
	background: #fff;
	left: 75px;
	top: 50%;
}

.swiperTitle .title {
	height: 68px;
	line-height: 68px;
	font-size: 36px;
	color: #fefefe;
}

.swiperText {
	padding-left: 165px;
	line-height: 32px;
	font-size: 14px;
	color: #FEFEFE;
}

.column2Thumbs {
	position: absolute;
	width: 52.5521%;
	left: 6.25%;
	bottom: 10.8889%;
	z-index: 8;
	padding: 0 4.4271%;
	overflow: hidden;
	z-index: 10;
}

.column2Thumbs::before {
	display: block;
	content: "";
	padding-top: 26.31%;
}

.column2Thumbs .swiper-button-next,
.column2Thumbs .swiper-button-prev {
	outline: none;
}

.column2Thumbs .swiper-button-white {
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 20px;
	border-radius: 100%;
	top: auto;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column2Thumbs .swiper-button-white::after {
	display: none;
}

.column2Thumbs .swiper-button-white.column2-next1 {
	background: url(../images/swiperNext.png) right center no-repeat;
}

.column2Thumbs .swiper-button-white.column2-prev1 {
	background: url(../images/swiperPrev.png) left center no-repeat;
}

.column2Thumbs .swiper-button-white:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);
	background-color: rgba(230, 230, 230, 0.5);
}

.column2Thumbs .swiper-button-white.column2-next1:hover {
	background: url(../images/swiperNext.png) center center no-repeat;
}

.column2Thumbs .swiper-button-white.column2-prev1:hover {
	background: url(../images/swiperPrev.png) center center no-repeat;
}

.column2Swiper1 {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.column2Swiper1 .bdCon {
	position: absolute;
	left: 7.6271%;
	right: 7.6271%;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.column2Swiper1 .bd {
	position: relative;
	height: 100%;
	margin: 0 -12px;
	overflow: hidden;
}

.column2Swiper1 .text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
}

.column2Swiper1 .swiper-slide {
	transition: 800ms ease;
	transform-origin: 0% 100%;
	width: 29.5%;
}

.column2Swiper1 .swiper-slide-active {
	width: 41% !important;
}

.column2Swiper1 .swiper-slide .con {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0;
	border-radius: 20px;
	overflow: hidden;
}

.column2Swiper1 .swiper-slide .conPosint {
	margin: 0 12px;
	position: relative;
	border: 3px solid rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
	transform: all 0.4s;
	-webkit-transform: all 0.4s;
	cursor: pointer;
}

.column2Swiper1 .text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column2Swiper1 .title {
	height: 55px;
	line-height: 55px;
	font-size: 26px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	opacity: 0;
	visibility: hidden;
}

.column2Swiper1 .textC {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	text-align: center;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	opacity: 0;
	visibility: hidden;
}

.column2Swiper1 .swiper-slide-active .text {
	opacity: 1;
	visibility: visible;
}

.column2Swiper1 .swiper-slide-active .title {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}

.column2Swiper1 .swiper-slide-active .textC {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}

.swiperMore {
	position: absolute;
	width: 150px;
	height: 150px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	right: 0;
	top: 50%;
	margin-top: -75px;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.swiperMore a {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

.swiperMore a span {
	display: block;
	height: 18px;
	line-height: 18px;
	position: relative;
}

.swiperMore a span:first-child {
	margin-bottom: 10px;
}

.swiperMore a span:first-child::before {
	display: block;
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 50%;
	bottom: -8px;
	margin-left: -3px;
	background: #fff;
	border-radius: 100%;
}

.swiperMore:hover {
	border: 1px solid rgba(236, 102, 27, 1);
}

.swiperMore:hover span {
	color: #ec661b;
}

.swiperMore:hover a span:first-child::before {
	background: #ec661b;
}

.column2SwiperCon .topC::before {
	display: block;
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: -10%;
	right: -10%;
	background: rgba(0, 0, 0, 0.3);
}

.swiperContent {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.commonMore {
	position: absolute;
	z-index: 20;
	width: 200px;
	height: 78px;
	line-height: 78px;
	bottom: 10.8889%;
	right: 6.25%;
}

.commonMore a {
	display: block;
	text-align: right;
}

.commonMore a span {
	position: relative;
	height: 78px;
	line-height: 78px;
	padding-right: 28px;
	font-size: 16px;
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.commonMore a span::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 50%;
	border: 6px solid transparent;
	border-left-color: #fff;
	margin-top: -6px;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.commonMore a:hover span {
	color: #ec661b;
	padding-right: 35px;
}

.commonMore a:hover span::before {
	border-left-color: #ec661b;
}

/*第二通栏end*/
/*
*第三通栏start fpx 2018
*/
.column3Title {
	position: relative;
	padding-top: 6.7593%;
	z-index: 9;
	width: 35%;
}

.indexTitleItro.blueBlan {
	color: #666;
}

.swipeeOutslide {
	padding-top: 50px;
}

.swiperOutTitle {
	height: 48px;
	overflow: hidden;
	margin-bottom: 15px;
}

.swiperName {
	float: left;
	display: inline;
	height: 48px;
	line-height: 48px;
	font-size: 26px;
	color: #333;
	margin-right: 25px;
}

.swiperDuty {
	overflow: hidden;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #ec661b;
}

.swiperOutText {
	height: 120px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	overflow: hidden;
}

.swiperOutText em {
	font-style: normal;
}

.swiperOutText span {
	font-weight: bold;
}

.swiperOutMore {
	display: inline-block;

	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	background: #ec661b;
}

.swiperOutMore a {
	display: inline-block;
	padding: 0 40px;
}

.swiperOutMore a span {
	display: block;
	padding-left: 38px;
	background: url(../images/lbIcon1.png) left center no-repeat;
	font-size: 16px;
	color: #fff;
}

.column3C {
	position: absolute;
	width: 52.0833%;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 5;
}

.column3C::before {
	display: block;
	content: "";
	padding-top: 20%;
}

.column3ContentB {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column3ContentTab {
	position: relative;
}

.designScroll {
	position: relative;
	width: 63.6%;
	margin-left: 30.2%;
	overflow: hidden;
}

.designScroll .con {
	margin: 0 5.5157%;
	border: 5px solid #e5e5e5;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.designScroll .con .pic::before {
	padding-top: 100%;
}

.designScroll .con .pic img {
	object-fit: cover;
	object-position: center top;
	border-radius: 100%;
}

.column3C1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background: #fbf4ec;
}

.column3Content1B {
	position: relative;
	margin: 0 6.25%;
	height: 100%;
}

.columnBshade {
	position: absolute;
	width: 55.1771%;
	right: -6.25%;
	bottom: 0;
	background: #f1e8df;
	z-index: 4;
	display: none;
}

.columnBshade::before {
	display: block;
	content: "";
	padding-top: 16.2162%;
}

.columnBshade span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.designRScroll {
	position: relative;
	height: 100%;
	/* overflow: hidden; */
}

.designRScroll .bd {
	height: 100%;
	position: relative;
}

.designRScroll .con {
	/* overflow: hidden; */
	position: relative;
	height: 100%;
}

.designRScroll .pic {
	overflow: hidden;
	position: absolute;
	height: 100%;
	display: none;
	right: -7.15%;
	width: 54.7620%;
}

.designRScroll .pic::before {
	display: none;
}

.designRScroll .pic img {
	object-fit: cover;
	object-position: top center;
}

.designRScroll .designRText {
	width: 35.1190%;
	position: relative;
	height: calc(100% - 440px);
	top: 40%;
	margin-right: 7.3571%;
	visibility: hidden;
	opacity: 0;
}

.designRScroll .designRText .designRItro {
	overflow: hidden;
}

.designRScroll .designRText .designRItro .name {
	height: 42px;
	line-height: 42px;
	font-size: 26px;
	color: #333;
	margin-right: 25px;
}

.designRScroll .designRText .designRItro .duty {
	overflow: hidden;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #ec661b;
}

.designRScroll .designRText .designIdea {
	line-height: 30px;
	font-size: 14px;
	color: #666;
}

.designRScroll .designRText .designIdea span {
	font-weight: bold;
}

@-webkit-keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.picfadeInUp {
	-webkit-animation-name: picfadeInUp;
	animation-name: picfadeInUp
}

.picanimated {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.designRScroll .bd .swiper-slide.swiper-slide-active .pic {
	display: block;
}

.designScroll .swiper-slide.swiper-slide-thumb-active .con {
	border-color: rgba(247, 95, 15, 0.8);
}

.pdCloumnScrollBtn {
	position: absolute;
	width: 120px;
	left: 6.25rem;
	bottom: 0;
	height: calc(24.5%);
	z-index: 5;
}

.pdCloumnScrollPrev {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 0;
	top: 50%;
	margin-top: -23px;
	background: #e6e6e6 url(../images/leftPrev.png) center center no-repeat;
	border-radius: 50%;
	outline: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.pdCloumnScrollNext {
	position: absolute;
	width: 46px;
	height: 46px;
	right: 0;
	top: 50%;
	margin-top: -23px;
	background: #e6e6e6 url(../images/leftNext.png) center center no-repeat;
	border-radius: 50%;
	outline: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.pdCloumnScrollPrev:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	background: #ec661b url(../images/leftPrev_h.png) center center no-repeat;
}

.pdCloumnScrollNext:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	background: #ec661b url(../images/leftNext_h.png) center center no-repeat;
}

.designerCaseBox {
	position: absolute;
	width: 33.333%;
	top: 38.5%;
	right: 0;
	z-index: -1;
	background: #fff;
	display: none;
	visibility: hidden;
	opacity: 0;
}

.designerCaseBox::before {
	display: block;
	content: "";
	padding-top: 30.3571%;
}

.designerCaseScroll {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.designerCaseScroll .con {
	overflow: hidden;
}

.designerCaseScroll .text {
	float: left;
	display: inline;
	width: 54.4643%;
}

.designerCaseScroll .pic {
	overflow: hidden;
	position: relative;
}

.designerCaseScroll .pic::before {
	display: block;
	content: "";
	padding-top: 66.6667%;
}

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

.designerCaseScroll .textCon {
	padding: 20px 13.1148%;
}

.designerCaseScroll .designcase_indexName a {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	color: #333;
	overflow: hidden;
}

.designerCaseScroll .designcase_indexItro {
	height: 52px;
	line-height: 26px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
}

.designRScroll .bd .swiper-slide.swiper-slide-active .designerCaseBox {
	display: block;
}

.designerCase_guide {
	position: absolute;
	width: 90px;
	height: 20px;
	bottom: 20px;
	left: 7.1429%;
	z-index: 10;
}

.designerCaseScroll .bd {
	overflow: hidden;
}

.designerCaseScroll .bd .designerCase_Dot {
	position: absolute;
	padding: 7px 0;
	height: 6px;
	top: 0;
	left: 10px;
	right: 10px;
	text-align: center;
	z-index: 6;
}

.designerCase_Dot span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	margin: 0 5px;
	opacity: 1;
	background: rgba(230, 102, 27, 0.2);
	cursor: pointer;
	outline: none;
}

.designerCase_Dot span.swiper-pagination-bullet-active {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	background: rgba(230, 102, 27, 1);
	transform-origin: center center;
}

.designerCase_Dot span:hover {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	background: rgba(230, 102, 27, 1);
}

.designerCase_guide .designerCasePrev {
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	left: 0;
	top: 50%;
	margin-top: -7px;
	border-right-color: #f7c2a4;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.designerCase_guide .designerCaseNext {
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	right: 0;
	top: 50%;
	margin-top: -7px;
	border-left-color: #f7c2a4;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.designerCase_guide .designerCasePrev:hover {
	border-right-color: #ec661b;
}

.designerCase_guide .designerCaseNext:hover {
	border-left-color: #ec661b;
}

.columnBshade .commonMore {
	left: 0;
	right: auto;
	bottom: 35.8889%;
}

.columnBshade .commonMore span {
	color: #666;
}

.columnBshade .commonMore span::before {
	border-left-color: #666;
}

/*第三通栏end*/

/*第四通栏start*/
.column4 {
	position: relative;
}

.column4Title {
	position: relative;
	padding-top: 3.5%;
	z-index: 8;
}

.column4Remark {
	position: absolute;
	height: calc(47%);
	bottom: -3%;
	left: 4.25%;
	transform: rotateZ(-90deg);
	-webkit-transform: rotateZ(-90deg);
	font-family: arial;
	z-index: 9;
}

.column4Remark span {
	display: block;
	line-height: 48px;
	font-size: 36px;
	color: #333;
	font-family: 'spectral';
	text-transform: uppercase;
}

.column4Box {
	position: absolute;
	width: 100%;
	top: 8.5%;
	bottom: 8.5%;
	left: 0;
	background: #E6E6E6;
}

.column4Swiper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: cover;
}

.column4Swiper .bd {
	position: absolute;
	left: 19.53125%;
	right: 6.25%;
	top: 0;
	bottom: 0;
	overflow: hidden;
	margin: 0 -3px;
}

.column4Swiper .swiper-wrapper {
	transition: 1s ease !important;
}

.column4Swiper .swiper-slide {
	height: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.column4Swiper .swiper-slide .con {
	transition: all 1.2s cubic-bezier(0.32, 0.54, 0.58, 0.7);
	-webkit-transition: all 1.2s cubic-bezier(0.32, 0.54, 0.58, 0.7);
	overflow: hidden;
}

.column4Swiper .swiper-slide .con img {
	transition: all 0.5s ease-in-out;
}

.column4Swiper .swiper-slide.slide1 {
	z-index: 5;
}

.column4Swiper .swiper-slide.slide1 .con {
	width: 61.2360%;
	padding-top: 60%;
}

.column4Swiper .swiper-slide.slide1 .con .pic::before {
	padding-top: 135.3211%;
	transition: all 1s cubic-bezier(0.08, 0.57, 0.26, 0.82);
}

.column4Swiper .swiper-slide.slide2 {
	z-index: 4;
}

.column4Swiper .swiper-slide.slide2 .con {
	width: 212.6027%;
	margin-left: -43%;
	padding-top: 12.7273%;
}

.column4Swiper .swiper-slide.slide2 .con .pic::before {
	padding-top: 65.5844%;
	transition: all 1s cubic-bezier(0.08, 0.57, 0.26, 0.82);
}

.column4Swiper .swiper-slide.slide3 {
	z-index: 3;
}

.column4Swiper .swiper-slide.slide3 .con {
	width: 43.8202%;
	margin-left: 110%;
}

.column4Swiper .swiper-slide.slide3 .con .pic::before {
	padding-top: 135.2564%;
	transition: all 1s cubic-bezier(0.08, 0.57, 0.26, 0.82);
}

.column4Swiper .swiper-slide.slide4 {
	z-index: 3;
}

.column4Swiper .swiper-slide.slide4 .con {
	width: 61.2360%;
	margin-left: 40.274%;
	padding-top: 90%;
}

.column4Swiper .swiper-slide.slide4 .con .pic::before {
	padding-top: 135.3211%;
	transition: all 1s cubic-bezier(0.08, 0.57, 0.26, 0.82);
}

.column4SwiperBtn {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 6;
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
}

.column4SwiperPrev {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	margin-left: -50px;
	bottom: 0;
	background: #f0f0f0 url(../images/leftPrev.png) center center no-repeat;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	outline: none;
}

.column4SwiperNext {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	bottom: 0;
	margin-right: -50px;
	background: #f0f0f0 url(../images/leftNext.png) center center no-repeat;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	outline: none;
}

.column4SwiperPrev:hover {
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	background: #ec661b url(../images/leftPrev_h.png) center center no-repeat;
}

.column4SwiperNext:hover {
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	background: #ec661b url(../images/leftNext_h.png) center center no-repeat;
}

/*第四通栏end*/

/* 第五通栏 start*/
.column5 {
	position: relative;
	height: 100%;
	width: 100%;
}

.column5Title {
	position: relative;
	padding-top: 5.4762%;
}

.column5Cbox {
	position: absolute;
	width: 100%;
	height: calc(78.7879%);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.column5SwiperBox {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.roadworkSwiper {
	border: 5px solid #fff;
}

.roadWorkSwiper1 {
	position: absolute;
	width: 11.9048%;
	height: 36.7949%;
	left: 0;
	top: 46.1538%;
	overflow: hidden;
}

.roadWorkSwiper2 {
	position: absolute;
	width: 20.8333%;
	height: 67.95%;
	left: 16.3096%;
	top: 31.4103%;
	overflow: hidden;
}

.roadWorkSwiper3 {
	position: absolute;
	width: 11.3095%;
	height: 37.8205%;
	left: 57.4405%;
	top: 6.1538;
	overflow: hidden;
	z-index: 3;
}

.roadWorkSwiper4 {
	position: absolute;
	width: 33.631%;
	height: 100%;
	right: 0%;
	bottom: 0;
	overflow: hidden;
}

.roadworkSwiper .bd {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.roadworkSwiper .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.roadworkSwiper .pic::before {
	display: none;
}

.roadworkSwiper .textCon {
	display: none;
}

.roadworkSwiper.roadWorkSwiper4 .textCon {
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0;
	bottom: 0;
	z-index: 5;
	background: rgba(16, 25, 36, 0.5);
	overflow: hidden;
	display: block;
}

.roadworkSwiper.roadWorkSwiper4 .textCon a {
	display: block;
	padding: 5px 20px 0;
}

.roadworkSwiper.roadWorkSwiper4 .textCon a .title {
	overflow: hidden;
	height: 65px;
	line-height: 65px;
	font-size: 22px;
	color: #fff;
}

.roadworkSwiper.roadWorkSwiper4 .textCon a .more {
	float: right;
	display: inline;
	height: 65px;
	line-height: 65px;
}

.roadworkSwiper.roadWorkSwiper4 .textCon a .more span {
	display: inline-block;
	height: 65px;
	line-height: 65px;
	text-transform: uppercase;
	font-size: 16px;
	color: #999;
	font-family: 'spectral';
	padding-right: 30px;
	background: url(../images/roateRight.png) right center no-repeat;
}

.column5Btn {
	position: absolute;
	width: 100%;
	bottom: 11.5385%;
	background: #000;
	z-index: 5;
}

.column5BtnPrev {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	margin-left: -50px;
	border-radius: 50%;
	background: #f0f0f0 url(../images/leftPrev.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.column5BtnNext {
	position: absolute;
	width: 46px;
	height: 46px;
	right: 50%;
	margin-right: -50px;
	border-radius: 50%;
	background: #f0f0f0 url(../images/leftNext.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.column5BtnPrev:hover {
	background: #ec661b url(../images/leftPrev_h.png) center center no-repeat;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}

.column5BtnNext:hover {
	background: #ec661b url(../images/leftNext_h.png) center center no-repeat;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}

.column5Intro {
	position: absolute;
	width: 16.0714%;
	left: 45.7738%;
	bottom: 30%;
	font-size: 16px;
	color: #666;
	line-height: 32px;
}

/* 第五通栏 end*/

/*第六通栏 start */
.column7 {
	position: relative;
	overflow: hidden;
}

.column7Right {
	width: 44.0476%;
	position: relative;
}

.column7Left {
	overflow: hidden;
}

.formDd {
	margin-bottom: 30px;
}

.formCon {
	display: flex;
	padding: 5px;
	background: #2e2e2e;
	border-radius: 3px;
}

.formtitle {
	overflow: hidden;
	display: flex;
	height: 44px;
	line-height: 44px;
	padding-left: 15px;
	width: 110px;
}

.formStart {
	overflow: hidden;
	font-size: 14px;
	color: #666;
}

.formTitleName {
	font-size: 14px;
	color: #666;
	height: 44px;
	line-height: 44px;
}

.formDiv {
	flex: 1;
}

.formBox {
	padding: 0 5px;
}

.formInput {
	width: 100%;
	height: 44px;
	line-height: 44x;
	font-size: 14px;
	background: none;
	border: none;
	color: #666;
}

.demo2 {
	width: 100%;
	height: 44px;
	position: relative;
}

.demo2 .seljg {
	padding-left: 10px;
	line-height: 44px;
	color: #666666;
	font-size: 14px;
	cursor: pointer;
}

.demo2 .seljg input {
	display: block;
	width: 100%;
	height: 44px;
	border: none;
	background: none;
	color: #666;
}

.demo2 i {
	display: block;
	width: 30px;
	height: 44px;
	background: url(../images/select.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

.demo2 .selTj {
	width: 100%;
	overflow: hidden;
	border: 1px solid #dddddd;
	border-top: none;
	max-height: 120px;
	overflow-y: auto;
	position: absolute;
	left: -1px;
	top: 50px;
	background: #FFF;
	display: none;
	z-index: 100000
}

.demo2 .selTj a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	color: #666666;
	margin-bottom: 1px;
	font-size: 12px;
}

.demo2 .selTj a:hover {
	background: #f8f8f8;
	color: #ff7800;
}

.demo2 .selTj a.hover {
	background: #f8f8f8;
	color: #ff7800;
}

.column7Btn {
	position: absolute;
	width: 29.8701%;
	height: 54px;
	right: 0;
	bottom: 75px;
}

.column7Btn a {
	display: block;
	height: 54px;
	line-height: 54px;
	text-align: center;
	background: #ec661b;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.3em;
}

.column7BoxDl {
	width: 430px;
}

.column7Dl {
	overflow: hidden;
}

.column7Dl dd {
	float: left;
	display: inline;
	width: 33.333%;
	padding: 10px 0;
}

.column7Dl dd .con {
	margin: 0 10px;
	border: 1px solid rgba(229, 229, 229, 0.5);
	border-radius: 20px;
	overflow: hidden;
}

.column7Dl dd .con a {
	display: block;
	height: 42px;
	line-height: 42px;
	text-align: center;
	position: relative;

	border-radius: 20%;
}

.column7Dl dd .con a::before {
	display: block;
	content: "";
	position: absolute;
	width: 300px;
	height: 300px;
	left: 50%;
	top: 50%;
	margin: -150px 0 0 -150px;
	background: rgba(236, 102, 27, 0.3);
	transition: all 0.5s ease-out;
	transform: scale(0);
	-webkit-transform: scale(0);
	border-radius: 100%;
}

.column7Dl dd .con a span {
	display: block;
	position: relative;
	z-index: 5;
	font-size: 14px;
	color: #999;
}

.column7Dl dd.hover .con a::before {
	transform: scale(1);
	-webkit-transform: scale(1);
	background: rgba(236, 102, 27, 1);
}

.column7Dl dd.hover .con {
	border-color: rgba(236, 102, 27, 1);
}

.column7Dl dd.hover .con span {
	color: #fff;
	font-weight: bold;
}

.column7Dl dd .con:hover a::before {
	transform: scale(1);
	-webkit-transform: scale(1);
	background: rgba(236, 102, 27, 1);
}

.column7Dl dd .con:hover {
	border-color: rgba(236, 102, 27, 1);
}

.column7Dl dd .con:hover span {
	color: #fff;
	font-weight: bold;
}

/*第六通栏 end */


/* 管家服务第二版 start */
.column4Box1 {
	position: absolute;
	width: 100%;
	height: calc(65.8889%);
	top: 50%;
	transform: translateY(-50%);
}

.column4Swiper1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column4BoxDl {
	position: absolute;
	right: 6.25%;
	height: 100%;
	left: 19.27083%;
	bottom: 0;
}

.column4BoxDl dd.dd1 {
	position: absolute;
	width: 15.2235%;
	top: 35.2174%;
	left: 0;
	z-index: 5;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.1s;
}

.column4BoxDl dd.dd1::before {
	display: block;
	content: "";
	padding-top: 135.3211%;
}

.column4BoxDl dd.dd2 {
	position: absolute;
	width: 54.007%;
	left: 13%;
	top: 6.1383%;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.2s;
}

.column4BoxDl dd.dd2::before {
	display: block;
	content: "";
	padding-top: 65.4545%;
}

.column4BoxDl dd.dd3 {
	position: absolute;
	width: 10.8939%;
	left: 80.5866%;
	top: 0%;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.25s;
}

.column4BoxDl dd.dd3::before {
	display: block;
	content: "";
	padding-top: 133.5443%;
}

.column4BoxDl dd.dd4 {
	position: absolute;
	width: 15.2234%;
	right: 0%;
	bottom: 0%;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.3s;
}

.column4BoxDl dd.dd4::before {
	display: block;
	content: "";
	padding-top: 135.3211%;
}

.column4BoxDl dd .con {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column4BoxDl dd .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column4BoxDl dd .pic::before {
	display: none;
}

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

.column4BoxDl dd .text {
	position: absolute;
	width: 20%;
	z-index: 5;
	right: -5%;
	top: -10%;
	height: 30%;
	background: url(../images/gjfwy.png) center center no-repeat;
	background-size: contain;
}

.column4BoxDl dd .textc {
	position: absolute;
	width: 100%;
	left: 20%;
	top: 50%;
	transform: translateY(-50%);
}

.column4BoxDl dd .textc span {
	display: block;
}

.column4BoxDl dd .textc span em {
	font-style: normal;

}

.column4BoxDl dd .textc span.span1 {
	height: 36px;
	line-height: 36px;
	font-size: 22px;
	color: #333;
}

.column4BoxDl dd .textc span.span2 {
	height: 32px;
	line-height: 32px;
	font-size: 22px;
	color: #333;
	font-family: arial;
	white-space: nowrap;
}

.column4BoxDl dd .textc span.span2 em {
	font-family: 'spectral';
}

.column4BoxDl dd .itroText {
	position: absolute;
	left: 3px;
	right: 3px;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 5;
	padding: 20px 10px;
}

.column4BoxDl dd .itroText span {
	display: block;
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

/* 管家服务第二版 end */

/*底部开始*/
.footer {
	background: rgba(35, 35, 35, 1) url(../images/footerBg.jpg) center bottom no-repeat;
	padding-top: 41px;
}

.footerTopLeft,
.footerTopRight {
	padding-top: 10px;
}

.footerTopC {
	overflow: hidden;
}

.footerLogoTop {
	overflow: hidden;
	margin-bottom: 12px;
}

.footerLogoTop dd {
	float: left;
	display: inline;
	width: 152px;
}

.footerLogoTop dd a {
	display: block;
	height: 58px;
	line-height: 58px;
	background-position: center center;
	background-repeat: no-repeat;
}

.footerWay dd {
	padding: 10px 0;
}

.footerWay .con {
	padding-left: 48px;
	min-height: 32px;
}

.footerWay .con span {
	display: block;
	height: 38px;
	background-position: left center;
	background-repeat: no-repeat;
}

.footerWay dd.dd1 .con {
	background: url(../images/bIcon1.png) left center no-repeat;
}

.footerWay dd.dd2 .con {
	background: url(../images/bIcon2.png) left center no-repeat;
}

.footerWay .con .text {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
}

.footerWay dd.dd2 .con .text {
	height: 32px;
	line-height: 32px;
}

.footerEwm {
	overflow: hidden;
}

.footerEwm dd {
	float: left;
	display: inline;
	position: relative;
	width: 120px;
	overflow: hidden;
	margin-left: 20px;
}

.footerEwm dd .con {
	width: 118px;
	height: 118px;
	border: 1px solid #7f7f7f;
}

.footerEwm dd img {
	display: block;
	width: 118px;
	height: 118px;
}

.footerEwm dd span {
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #666;
	font-size: 14px;
}

.footerCenter {
	overflow: hidden;
	padding-right: 80px;
}

.footerMenu {
	overflow: hidden;
}

.footerMenu dd {
	float: left;
	display: inline;
	margin-right: 20px;
	min-width: 110px;
}

.footerMenu dd em {
	font-style: normal;
	display: block;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}

.footerMenu dd em a {
	font-size: 15px;
	color: #999;
}

.footerMenu dd em a:hover {
	color: #fff;
}

.footerMenu dd span {
	font-style: normal;
	display: block;
	line-height: 20px;
	padding: 7px 0 7px 20px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footerMenu dd span::before {
	display: block;
	content: "";
	position: absolute;
	width: 10px;
	height: 3px;
	top: 50%;
	margin-top: -1px;
	background: #fff;
	left: -20px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footerMenu dd span:hover {
	padding-left: 20px;
}

.footerMenu dd span:hover::before {
	left: 0;
}

.footerMenu dd span a {
	font-size: 14px;
	color: #666;
}

.footerMenu dd span:hover a {
	color: #fff;
}

.footerLink {
	overflow: hidden;
}

.footerLinkTitle {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #666;
	float: left;
	display: inline;
}

.footerLinkDl {
	overflow: hidden;
}

.footerLinkDl a {
	float: left;
	display: inline;
	height: 28px;
	line-height: 28px;
	padding: 5px;
	margin: 0 12px;
	font-size: 14px;
	color: #666;
}

.footerLinkDl a:hover {
	color: #fff;
}

.footerBottom {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	background: #1a1a1a;
}

.footerBottomC {
	text-align: center;
}

.footerBottomCont {
	display: inline-block;
	font-size: 0;
}

.footerBottomCont .beian {
	float: left;
	display: inline;
	font-size: 14px;
	color: #999;
	padding: 0 20px;
}

.footerBottomCont .js {
	float: left;
	display: inline;
	font-size: 14px;
	color: #999;
}

.footerBottomCont .js a {
	font-size: 14px;
	color: #999;
}

.footerBottomCont .js a:hover {
	color: #fff;
}

/*底部结束*/
/*滚屏的点点*/

.floRight {
	position: fixed;
	width: 42px;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
}

.floRight #fp-nav.right {
	right: 0px;
}

.pageNum {
	padding-top: 50px;
	color: #fff;
	transition: 0.4s ease;
	position: relative;
	height: 20px;
}

#fp-nav li {
	font-size: 0;
	position: relative;
	padding: 8px 0;
	width: 42px;
}

#fp-nav li a {
	position: relative;
	display: block;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 100%;
}

#fp-nav li a span {
	display: block;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	text-align: center;
	color: #000;
	position: relative;
	z-index: 5;
}

.floRight.white #fp-nav li a span {
	color: #fff;
}

#fp-nav li a:after {
	content: "";
	display: block;
	width: 84px;
	height: 84px;
	background: #ec661b;
	position: absolute;
	z-index: 9;
	left: 50%;
	top: 50%;
	margin: -42px 0 0 -42px;
	border-radius: 100%;
	transition: 0.4s ease;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transform-origin: center center;
	opacity: 0.3;
	z-index: 1;
}

#fp-nav li a.active:after {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	opacity: 1;
}

.floRight #fp-nav li a.active span {
	font-size: 24px;
	color: #fff;
}

/*
-----------------------------首页样式end-----------------------------
*/
/*
-----------------------------频道页start-----------------------------
*/
/*
-----------------------------频道页end-----------------------------
*/
/*内页框架开始*/
/*内页外结构开始*/
.subBox {
	position: relative;
	height: 790px;
}

.subBanner {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.subBannerContent {
	position: absolute;
	top: 332px;
	left: 6.25%;
	right: 6.25%;
	z-index: 3;
}

.subBannerContent .title {
	height: 58px;
	line-height: 58px;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.subBannerContent .title1 {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

/*内页外结构结束*/
/*当前位置开始*/
.locationBox {
	position: relative;
	width: 100%;
	z-inedx: 10;
	height: 81px;
}

.location_wrap {
	position: absolute;
	left: 6.25%;
	right: 6.25%;
	top: -90px;
	bottom: 0;
	padding: 50px 50px 0;
	background: #fff;
	z-index: 5;
}

.locationBox_top {
	position: relative;
	overflow: hidden;
}

.locationDl {
	overflow: hidden;
}

.locationDl dd {
	float: left;
	display: inline;
	width: 105px;
	margin-left: 29px;
}

.locationDl dd .con {
	border: 1px solid #c7c7c7;
	height: 103px;
	position: relative;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.locationDl dd .con:hover {
	background: #ec661b;
}

.locationDl dd.hover .con {
	background: #ec661b;
}

.locationDl dd .con::before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-top: 2px solid #ec661b;
	border-left: 2px solid #ec661b;
	top: -1px;
	left: -1px;
	z-inedx: 3;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	transform: scale(0);
	transform-origin: 0 0;
	/* background: rgba(236,102,27,1); */
}

.locationDl dd .con::after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-right: 2px solid #ec661b;
	border-bottom: 2px solid #ec661b;
	bottom: -1px;
	right: -1px;
	z-inedx: 4;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	transform: scale(0);
	transform-origin: 100% 100%;
	/* background: rgba(236,102,27,1); */
}

.locationDl dd:hover .con::before {
	transform: scale(1);
}

.locationDl dd:hover .con::after {
	transform: scale(1);
}

.locationDl dd.hover .con::before {
	transform: scale(1);
}

.locationDl dd.hover .con::after {
	transform: scale(1);
}

.locationDl dd a {
	display: block;
	position: relative;
	z-index: 5;
	padding: 18px 0;
}

.locationDl .lbzsIcon {
	height: 38px;
	line-height: 38px;
	font-size: 24px;
	color: #b3b3b3;
	text-align: center;
}

.locationDl .text {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #333;
	text-align: center;
	overflow: hidden;
	/* transition: all 0.3s;
	-webkit-transition: all 0.3s; */
	transition-delay: 0.2s;
}

.locationDl dd:hover .text,
.locationDl dd:hover .lbzsIcon {
	color: #fff;
}

.locationDl dd.hover .text,
.locationDl dd.hover .lbzsIcon {
	color: #fff;
}

.location_topLeft {
	overflow: hidden;
	padding-top: 20px;
	padding-left: 40px;
	position: relative;
	padding-right: 125px;
}

.location_topLeft::before {
	display: block;
	content: "";
	position: absolute;
	width: 2px;
	height: 15px;
	left: 16px;
	top: 25px;
	background: #858585;
	transform: skewX(-45deg);
	-webkit-transform: skewX(-45deg);
	transform-origin: 0 0;
}

.location_topLeft .titleCn {
	height: 46px;
	line-height: 46px;
	font-size: 36px;
	font-family: 'stre';
}

.location_topLeft .titleEg {
	font-family: arial;
}

.location_topLeft .titleEg span {
	font-family: 'spectral';
	font-size: 18px;
	color: #666;
	display: block;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-transform: uppercase;
}

.location_topRight {
	overflow: hidden;
}

.commFiny {
	background: #fff;
}

.commonFiyBox {
	padding: 17px 0;
	margin: 0 50px;
	overflow: hidden;
}

.commonFiy_left {
	float: left;
	display: inline;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	font-weight: bold;
	color: #858585;
	padding: 5px 0;
}

.commonFiy_right {
	overflow: hidden;
	padding-left: 44px;
}

.commonFiyDl {
	overflow: hidden;
}

.commonFiyDl dd {
	float: left;
	display: inline;
	margin: 0 8px;
	padding: 5px 0;
}

.commonFiyDl dd a {
	display: block;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #666;
	padding: 0 19px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}

.commonFiyDl dd a::before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ec661b;
	transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}

.commonFiyDl dd a span {
	display: block;
	height: 34px;
	line-height: 34px;
	position: relative;
	z-index: 5;
}

.commonFiyDl dd.hover a::before,
.commonFiyDl dd:hover a::before {
	transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible;
	opacity: 1;
}

.commonFiyDl dd.hover a span,
.commonFiyDl dd:hover a span {
	color: #fff;
}

.commonFiyBox {
	border-bottom: 1px solid #ebebeb;
}

.commonFiyBox:last-child {
	border: none;
}

/*当前位置结束*/
/*页码开始*/
.page {
	padding: 30px 0;
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999999;
	border-radius: 3px;
	background: #fff;
	margin: 0 3px;
	border: 1px solid #DEDEDE;
	border-radius: 50%;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #ec661b;
	border-color: #ec661b;
	color: #fff;
}

.page a.hover {
	background: #ec661b;
	border-color: #ec661b;
	color: #fff;
}

.page input {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	border: 1px solid #e6e6e6;
	position: relative;
	top: -2px;
}

.page input.pageDetail {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	color: #999999;
	position: relative;
	top: -13px;
}

.page label {
	color: #999999;
	position: relative;
	top: -11px;
}

.page input.page_bnt {
	border: none;
	width: 30px;
	height: 25px;
	cursor: pointer;
	background: none;
	color: #999999;
	position: relative;
	top: -13px;
}

.page a div {
	width: 40px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
}

.page a.firstPage div {
	background-image: url(../images/page/firstPage.png)
}

.page a.prevPage div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage div {
	background-image: url(../images/page/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(../images/page/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(../images/page/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(../images/page/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(../images/page/lastPageh.png)
}

.page a.firstPage.disabled {
	background: #E2E2E2;
}

.page a.prevPage.disabled {
	background: #E2E2E2;
}

.page a.nextPage.disabled {
	background: #E2E2E2;
}

.page a.lastPage.disabled {
	background: #E2E2E2;
}

.page a.firstPage.disabled div {
	background-image: url(../images/page/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(../images/page/lastPage.png)
}

/*页码结束*/
/*内页框架结束*/

/* 关于鲁班 start */
.synthesize {
	position: relative;
	z-index: 5;
}

.synthesize::before {
	display: block;
	content: "";
	position: absolute;
	left: 6.25%;
	right: 6.25%;
	height: 90px;
	top: -90px;
	background: #fff;
}

.aboutUsCloumn1 {
	position: relative;
}

.aboutUsCloumn1_right {
	width: 50%;
	padding-top: 9.5238%;
	position: relative;
}

.aboutUsCloumn1_right::before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -12%;
	left: 0;
	background: url(../images/aboutBg1.png) top center no-repeat;
}

.aboutUsCloumn1_pic {
	position: relative;
	z-index: 5;
}

.aboutUsCloumn1_left {
	overflow: hidden;
	padding-left: 11.0119%;
	padding-right: 9.8214%;
	position: relative;
}

.zhTitleBox .title {
	height: 50px;
	line-height: 50px;
	padding-top: 17px;
	font-family: arial;
	text-transform: uppercase;
	font-size: 26px;
	color: #666;
}

.zhTitleBox span {
	font-family: 'spectral';
}

.zhTitleBox .title1 {
	height: 48px;
	line-height: 48px;
	font-size: 36px;
	color: #333;
	position: relative;
	padding-bottom: 36px;
}

.zhTitleBox .title1:before {
	display: block;
	content: "";
	position: absolute;
	width: 44px;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #707070;
}

.aboutUsCloumn1_box {
	padding-right: 55px;
	height: 280px;
	font-size: 14px;
	color: #666;
	line-height: 28px;
}

.zhTitleBox {
	margin-bottom: 95px;
}

.groupDl {
	display: inline-block;
	margin-right: -75px;
	padding-top: 75px;
}

.groupDl dd {
	float: left;
	display: inline;
	margin-right: 65px;
	position: relative;
	max-width: 170px;
}

.groupDl dd:last-child::before {
	display: none;
}

.groupDl .titleCon {
	overflow: hidden;
}

.groupDl .titleCon span {
	float: left;
	display: inline;
	height: 56px;
	line-height: 56px;
	font-size: 48px;
	color: #ec661b;
	font-family: 'wgh';
}

.groupDl .titleCon em {
	float: left;
	display: inline;
	height: 48px;
	line-height: 90px;
	color: #999;
	font-size: 14px;
	font-style: normal;
	padding: 0 5px;
}

.groupDl dd.dd2 .titleCon em {
	font-size: 30px;
	color: #666;
	font-weight: lighter;
	line-height: 30px;
}

.groupDl dd .text {
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #666;
}

.zsyw_beizhu {
	position: absolute;
	height: 20px;
	line-height: 20px;
	left: 6.3514%;
	z-index: 5;
	top: -20px;
	font-size: 14px;
	color: #666;
	font-family: arial;
	text-transform: uppercase;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform-origin: 0 0;
}

.zsyw_beizhu span {
	font-family: 'spectral';
}

.aboutUsCloumn2 {
	position: relative;
	background: url(../images/adBg2.jpg) top center no-repeat;
	margin-bottom: 100px;
	padding-top: 100px;
}

.aboutUsCloumn2C {
	width: 1280px;
	margin: 0 auto;
	clear: both;
}

.aboutUsCloumn2Title .title {
	height: 42px;
	line-height: 42px;
	font-size: 36px;
	color: #fff;
	text-align: center;
	font-family: arial;
	text-transform: uppercase;
}

.aboutUsCloumn2Title .title span {
	font-family: 'spectral';
}

.aboutUsCloumn2Title .title1 {
	height: 42px;
	line-height: 42px;
	font-size: 26px;
	color: #fff;
	text-align: center;
}

.aboutUsCloumn2Itro .title {
	height: 48px;
	line-height: 48px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.aboutUsCloumn2Itro .textC {
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.aboutUsCloumn2Dl {
	overflow: hidden;
	margin: 0 -40px;
}

.aboutUsCloumn2Dl dd {
	float: left;
	display: inline;
	width: 25%;
}

.aboutUsCloumn2Dl dd .con {
	margin: 0 40px;
	padding: 10px;
	border: 1px solid #ec661b;
	min-height: 390px;
}

.aboutUsCloumn2Dl dd .picBox {
	padding: 3px;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
	width: 183px;
	margin: 0 auto;
}

.aboutUsCloumn2Dl dd .pic {
	border-radius: 100%;
}

.aboutUsCloumn2Dl dd .pic::before {
	padding-top: 100%;
}

.aboutUsCloumn2Dl dd .pic img {
	border-radius: 100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.aboutUsCloumn2Dl dd .con:hover .pic img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
}

.aboutUsCloumn2Dl dd .con .text {
	padding-top: 8px;
}

.aboutUsCloumn2Dl dd .con .title {
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 17px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.aboutUsCloumn2Dl dd .con .textC {
	line-height: 24px;
	font-size: 14px;
	color: #666;
	text-align: center;
	/* min-width: 230px; */
	margin: 0 auto;
}

.aboutUsCloumn2Dl dd .con .textC img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.aboutUsCloumn3 {
	position: relative;
	padding-top: 40.7738%;
}

.aboutUsCloumn3Box {
	position: absolute;
	z-index: 2;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	background: #d4ccb7;
}

.aboutUsCloumn3BoxC {
	padding: 90px 45px 0;
}

.aboutUsCloumn3Title {
	margin-bottom: 140px;
}

.aboutUsCloumn3Title .title {
	height: 42px;
	line-height: 42px;
	font-size: 36px;
	color: #333;
	font-family: arial;
	text-transform: uppercase;
}

.aboutUsCloumn3Title .title span {
	font-family: 'spectral';
}

.aboutUsCloumn3Title .title1 {
	height: 42px;
	line-height: 42px;
	font-size: 26px;
	color: #333;
}

.aboutUsCloumn3Swiper {
	overflow: hidden;
	position: relative;
	padding-bottom: 80px;
}

.aboutUsCloumn3Swiper .swiper-slide {
	overflow: hidden;
}

.aboutUsCloumn3Swiper .swiperDl {
	margin-right: -90px;
	overflow: hidden;
}

.aboutUsCloumn3Dl {
	float: left;
	display: inline;
	width: 50%;
}

.aboutUsCloumn3Dl dd {
	position: relative;
	padding-left: 13px;
	margin-right: 90px;
}

.aboutUsCloumn3Dl dd::before {
	display: block;
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	left: 0;
	top: 13px;
	border-radius: 100%;
	background: #333;
}

.aboutUsCloumn3Dl dd .con {
	line-height: 30px;
	font-size: 15px;
	color: #333;
}

.aboutUsCloumn3Swiper>.swiper-scrollbar {
	opacity: 1 !important;
	height: 3px;
	background: #fff;
}

.aboutUsCloumn3Swiper .swiper-scrollbar-drag {
	background: #ec661b;
}

.aboutUsCloumn4Title .title {
	height: 42px;
	line-height: 42px;
	font-size: 36px;
	color: #666;
	font-family: arial;
	text-transform: uppercase;
	text-align: center;
}

.aboutUsCloumn4Title .title span {
	font-family: 'spectral';
}

.aboutUsCloumn4Title .title1 {
	height: 42px;
	line-height: 42px;
	font-size: 26px;
	color: #333;
	text-align: center;
}

.aboutus_column4Swiper {
	overflow: hidden;
	position: relative;
	padding-top: 38.6076%;
}

.aboutus_column4Swiper .bd {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.aboutus_column4Swiper .con {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 2px;
	overflow: hidden;
	background: #f5f5f5;
	position: relative;
	height: 100%;
}

.aboutus_column4Swiper .con .pic {
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0;
}

.aboutus_column4Swiper .con .text {
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
}

.aboutus_column4Swiper .swiper-slide.odd .con .pic {
	top: 50%;
}

.aboutus_column4Swiper .swiper-slide.odd .con .text {
	bottom: 50%;
}

.aboutus_column4Swiper .con .textBox {
	padding: 30px;
}

.aboutus_column4Swiper .con .text .title a {
	display: block;
	height: 48px;
	line-height: 48px;
	font-size: 24px;
	color: #333;
	margin-bottom: 11px;
	overflow: hidden;
}

.aboutus_column4Swiper .con .text .textC {
	height: 72px;
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	color: #858585;
	margin-bottom: 58px;
}

.aboutus_column4Swiper .con .textBottom {
	height: 42px;
	overflow: hidden;
}

.aboutus_column4Swiper .con .time {
	overflow: hidden;
	font-size: 14px;
	color: #666;
}

.aboutus_column4Swiper .con .more a {
	display: block;
	padding-right: 15px;
	padding-left: 63px;
	font-size: 14px;
	color: #666;
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.aboutus_column4Swiper .con .more a::before {
	display: block;
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	left: 0;
	top: 50%;
	background: #999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.aboutus_column4Swiper .con .more a::after {
	display: block;
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	left: 0;
	top: 50%;
	margin-top: -6px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.aboutus_column4Swiper .con:hover .title a {
	color: #ec661b;
}

.aboutus_column4Swiper .con:hover .more a {
	color: #ec661b;
	padding-left: 70px;
}

.aboutus_column4Swiper .con:hover .more a::before {
	background: #ec661b;
}

.aboutus_column4Swiper .con:hover .more a::after {
	left: 42px;
	border-left-color: #ec661b;
}

.aboutusColumn4Btn {
	position: relative;
	height: 50px;
	overflow: hidden;
}

.aboutusColumn4Btn .more {
	width: 90px;
	height: 48px;
	border: 1px solid #E5E5E5;
	border-radius: 2PX;
	margin: 0 auto;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.aboutusColumn4Btn .more a {
	display: block;
	height: 48px;
	background: url(../images/designerM.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.aboutusColumn4Btn .more:hover {
	border-color: #ec661b;
}

.aboutusColumn4Btn .more:hover a {
	background: url(../images/designerM_h.png) center center no-repeat;
	background-color: #ec661b;
}

.aboutusColumn4Prev {
	position: absolute;
	width: 48px;
	height: 48px;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	top: 0;
	left: 50%;
	margin-left: -110px;
	background: url(../images/jtPrev2.png) center center no-repeat;
	outline: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.aboutusColumn4Next {
	position: absolute;
	width: 48px;
	height: 48px;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	top: 0;
	right: 50%;
	margin-right: -110px;
	background: url(../images/jtNext2.png) center center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	outline: none;
	cursor: pointer;
}

.aboutusColumn4Next:hover {
	border-color: #ec661b;
	background: url(../images/jtNext2_h.png) center center no-repeat;
	background-color: #ec661b;
}

.aboutusColumn4Prev:hover {
	border-color: #ec661b;
	background: url(../images/jtPrev2_h.png) center center no-repeat;
	background-color: #ec661b;
}

/* 关于鲁班 end */


/* 热装楼盘的当前位置 start */
.location2 .wrap {
	position: relative;
}

.locationC2 {
	height: 90px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: -90px;
	background: #fff;
	line-height: 90px;
	z-index: 5;
	padding: 0 50px;
}

/* .locationC2::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 40px;
	top: -40px;
	left: 0;
	background: #fff;
} */
.locationC2 a {
	font-size: 16px;
	color: #666;
}

.locationC2 a:hover,
.locationC2 a.hover {
	color: #ec661b;
}

.locationC2 em {
	padding: 0 3px;
}

.locationC3 {
	height: 110px;
	position: relative;
	background: #fff;
	line-height: 110px;
	z-index: 5;
	padding: 0 50px;
}

.locationC3 a {
	font-size: 16px;
	color: #666;
}

.locationC3 a:hover,
.locationC3 a.hover {
	color: #ec661b;
}

.locationC3 em {
	padding: 0 3px;
}

/* 热装楼盘的当前位置 end */


/* 置顶 start */

.col2R {
	position: fixed;
	top: 50%;
	right: 15px;
	width: 60px;
	height: 150px;
	margin-top: 45px;
	font-size: 12px;
	text-align: center;
	color: #666;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.col2R .allView {
	width: 100%;
	height: 70px;
	background: #707477;
	margin-bottom: 10px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
}

.col2R .allView em {
	display: block;
	height: 45px;
	width: 100%;
	background: url(../images/360.png) center center no-repeat;
}

.col2R .back {
	width: 100%;
	height: 60px;
	background: #fff;
	box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.col2R .allView:hover {
	background: #0065b4;
	COLOR: #FFF;
	cursor: pointer;
}

.col2R .back:hover {
	background: #ec661b;
	color: #FFF;
	cursor: pointer;
	border-color: #ec661b;
}

.col2R .back em {
	display: block;
	height: 30px;
	width: 100%;
	background: url(../images/back.png) center center no-repeat;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.col2R .back:hover em {
	background: url(../images/back_h.png) center center no-repeat;
}

.col2R .back span {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #666;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.col2R .back:hover span {
	color: #fff;
}

.col2R .con {
	padding: 5px 0;
}

.col2R.show {
	visibility: visible;
	opacity: 1;
}

/* 置顶 end */

/* 首页新增板块 start */
.column8Swiper {
	overflow: hidden;
	margin: 0 -5px;
}

.column8Swiper .swiper-slide {
	float: left;
	display: inline;
	width: 33.333%;
}

.column8Swiper .swiper-slide .con {
	padding: 60px 55px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	margin: 0 5px;
}

.column8Swiper .swiper-slide .con .time {
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-bottom: 7px;
	overflow: hidden;
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.column8Swiper .swiper-slide .con .title a {
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.column8Swiper .swiper-slide .con .title a h2 {
	font-size: 20px;
	color: #333;
}

.column8Swiper .swiper-slide .con .textC {
	height: 60px;
	line-height: 30px;
	font-size: 14px;
	color: #858585;
	overflow: hidden;
}

.column8Swiper .swiper-slide .con .text {
	margin-bottom: 15px;
}

.column8Swiper .swiper-slide .con .pic::before {
	padding-top: 65.9091%;
}

.column8Swiper .swiper-slide .con:hover {
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	position: relative;
	z-index: 5;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);
}

.column8Swiper .swiper-slide .con:hover .time {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.column8Swiper .swiper-slide .con:hover .title a h2 {
	color: #ec661b;
}

.column8Title {
	overflow: hidden;
}

.column8More {
	overflow: hidden;
}

.indexTitleBox {
	overflow: hidden;
}

.column8More a {
	display: block;
	height: 104px;
	line-height: 104px;
	font-family: arial;
}

.column8More a span {
	font-family: 'spectral';
	font-size: 16px;
	color: #666;
	padding-right: 28px;
	text-transform: uppercase;
	background: url(../images/moreRight.png) right center no-repeat;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.column8More a:hover span {
	padding-right: 35px;
	color: #ec661b;
	background: url(../images/moreRight_h.png) right center no-repeat;
}

/* 首页新增板块 end */