/* CSS Document */
/*-----------------------------首页样式start-----------------------------*/
/* top satrt */
.indexTop {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 1000;
	transition: all 0.4s ease;
}

.indexTopCon {
	padding: 0;
	width: 100%;
	height: 110px;
	/*background: url(../images/indexTopBg.jpg) no-repeat center center;*/
	background-color: #000000;
	background-image: linear-gradient(to bottom, #1a1a1a, #000000);
	background-size: cover;
	position: relative;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #333;
	transition: all 0.4s ease;
}

.wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.indexTopCon .logo {
	margin-left: 40px;
}

.logo {
	margin-top: 16px;
	position: relative;
	z-index: 2;
}

.logo img {
	height: 78px;
	transition: all 0.3s ease;
	filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
}

.logo img:hover {
	transform: scale(1.02);
	filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.5)) brightness(1.1);
}

/* Add a subtle highlight effect to the menu on scroll */
.indexTop.scrolled .indexTopCon {
	height: 80px;
	padding-top: 0;
	padding-bottom: 0;
}

.indexTop.scrolled .logo img {
	height: 60px;
	margin-top: -5px;
}

.indexTop.scrolled .menuDl dd {
	height: 80px;
	line-height: 80px;
}

.menuDl {
	position: relative;
	margin-right: 40px;
}

.menuDl dd {
	float: left;
	display: inline;
	height: 110px;
	line-height: 110px;
	position: relative;
	margin: 0 45px;
	transition: all 0.3s ease;
}

.menuDl dd:nth-last-child(2) {
	margin-right: 0;
}

.menuDl dd:hover {
	transform: translateY(-2px);
}

.menuDl dd .yj a {
	font-size: 16px;
	color: #ffffff;
	display: block;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	position: relative;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
	font-weight: 500;
	letter-spacing: 0.5px;
}

.menuDl dd .yj a:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	opacity: 0;
	width: 20px;
	height: 3px;
	width: 0;
	background: #000000;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.menuDl dd.hover .yj a:before {
	opacity: 1;
	width: 20px;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}

.menuDl dd.hover .yj a {
	color: #000000;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
}

.subMenuDiv1 {
	display: none;
	width: 100%;
	position: absolute;
	top: 110px;
	z-index: 1;
}

.menuDl dd.hover .subMenuDiv1 {
	z-index: 3;
}

.subMenu_ul {
	width: 1000px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	background: rgba(10, 10, 10, 0.85);
	border-radius: 0 0 4px 4px;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.subMenuShadow {
	height: 60px;
	overflow: hidden;
	position: absolute;
	background: rgba(10, 10, 10, 0.85);
	left: 0;
	top: 110px;
	z-index: 1;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.subMenuShadow.hover {
	opacity: 1;
	visibility: visible;
}

.subMenu_ul li {
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 2;
	float: left;
	display: inline;
	margin: 0px 15px;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	transition: all 0.3s ease;
}

.subMenu_ul li:hover {
	transform: translateY(-2px);
}

.menuDl dd.hover .subMenu_ul li {
	opacity: 0;
	-webkit-animation: liMove 0.3s linear forwards;
	-o-animation: liMove 0.3s linear forwards;
	animation: liMove 0.3s linear forwards;
}

@keyframes liMove {
	0% {
		transform: translateY(-110%);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.menuDl dd.hide .subMenu_ul li {
	opacity: 1;
	-webkit-animation: liHIde 0.3s linear forwards;
	-o-animation: liHIde 0.3s linear forwards;
	animation: liHIde 0.3s linear forwards;
}

@keyframes liHIde {
	0% {
		transform: translateY(0px);
		opacity: 1;
	}

	100% {
		transform: translateY(110%);
		opacity: 0;
	}
}

.subMenu_ul li a {
	display: block;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	padding: 0 10px;
	border-radius: 3px;
}

.subMenu_ul li a:hover {
	color: #000000;
	background: rgba(30, 30, 30, 0.5);
}

.half .subMenu_ul li a {
	font-size: 14px;
}

.subMenu_ul li a span {
	position: relative;
}

.subMenu_ul li:hover a span {
	color: #a18c70;
}

.subMenu_ul li a span em {
	display: block;
	width: 2px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
	background: #a18c70;
}

/* top end */
/*indexBanner start*/
.indexBanner {
	overflow: hidden;
	width: 100%;
	height: 100vh;
	position: relative;
}

.indexBanner .myslide {
	position: relative;
	height: 100vh;
}

.indexBanner .myslide a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/* 	transform: scale(1.1);	-webkit-transform: scale(1.1);	transition: all 5s cubic-bezier(0.14, 0.32, 0.51, 0.65);	-webkit-transition: all 5s cubic-bezier(0.14, 0.32, 0.51, 0.65); */
	/* opacity: 0; */
}

.indexBanner .myslide.slick-active a {
	transform: scale(1);
	-webkit-transform: scale(1);
	/* opacity: 1; */
}

.indexBanner .slick-dots {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.indexBanner .slick-dots li {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	line-height: 9999px;
	text-align: center;
	background: url(../images/bannerDot.png) no-repeat center center;
	background-size: cover;
	display: inline-block;
	margin: 0 7px;
	cursor: pointer;
}

.indexBanner .slick-dots li.slick-active {
	background: url(../images/bannerDoth.png) no-repeat center center;
	background-size: cover;
}

.indexBanner .prev {
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../images/indexPrev.png) no-repeat center center;
	position: absolute;
	left: 120px;
	top: 50%;
	margin-top: -20px;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.indexBanner .next {
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../images/indexNext.png) no-repeat center center;
	position: absolute;
	right: 120px;
	top: 50%;
	margin-top: -20px;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.indexBanner .prev:hover {
	background: url(../images/indexPrevh.png) no-repeat center center;
}

.indexBanner .next:hover {
	background: url(../images/indexNexth.png) no-repeat center center;
}

/*indexBanner end*/
/* footer start */
.footer {
	background: #131313;
}

.footer1 {
	padding-top: 40px;
}

.footerLDl {
	float: left;
	margin-right: 120px;
}

.footerLDl:last-child {
	margin-right: 0;
}

.footerLDl dt a {
	font-size: 16px;
	color: #dadada;
}

.footerLDl dt {
	margin-bottom: 18px;
}

.footerLDl dd a {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	color: #999999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footerLDl dd a:hover {
	color: #fff;
}

.footerLDl1 dd {
	font-size: 14px;
	color: #777777;
	height: 32px;
	line-height: 32px;
}

.footer1R {
	overflow: hidden;
	margin-right: -16px;
	margin-top: 10px;
}

.footer1R dd {
	float: left;
	display: inline;
}

.footer1R dd .picBox {
	position: relative;
	width: 108px;
	height: 108px;
}

.footer1R dd .picBox .icn {
	position: absolute;
	left: 50%;
	top: 50%;
}

.footer1R dd.dd1 .picBox .icn {
	width: 41px;
	height: 34px;
	margin-left: -20px;
	margin-top: -17px;
	background: url(../images/footerIcn1.png) no-repeat center center;
	background-size: contain;
}

.footer1R dd.dd2 .picBox .icn {
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	background: url(../images/footerIcn2.png) no-repeat center center;
	background-size: contain;
}

.footer1R dd.dd3 .picBox .icn {
	width: 41px;
	height: 26px;
	margin-left: -20px;
	margin-top: -13px;
	background: url(../images/footerIcn3.png) no-repeat center center;
	background-size: contain;
}

.footer1R dd.dd4 .picBox .icn {
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	background: url(../images/footerIcn4.png) no-repeat center center;
	background-size: contain;
}

.footer1R dd .pic {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

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

.footer1R dd .text {
	text-align: center;
	font-size: 14px;
	color: #999999;
	height: 36px;
	line-height: 36px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.footer1R dd:hover .pic {
	opacity: 1;
	visibility: visible;
}

.footer1R dd:hover .text {
	color: #c8a16c;
}

.footerTelCon {
	overflow: hidden;
	line-height: 64px;
	height: 64px;
	margin-bottom: 16px;
}

.footer1Tel {
	font-size: 14px;
	color: #999999;
}

.footer1Tel span {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 15px;
	background: url(../images/footer1Iel.png) no-repeat center center;
	background-size: contain;
	margin-right: 10px;
	margin-top: -2px;
}

.footer1Tel img {
	width: 150px;
	height: 20px;
	margin-top: -4px;
	display: inline-block;
	vertical-align: middle;
}

.footer1Address {
	font-size: 14px;
	color: #999999;
}

.footer1Address span {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 16px;
	background: url(../images/footer1Address.png) no-repeat center center;
	background-size: contain;
	margin-right: 10px;
	margin-top: -2px;
}

.footer2 {
	height: 84px;
	line-height: 84px;
	border-top: 1px solid #212121;
}

.footer2Con {
	overflow: hidden;
}

.footer2L {
	font-size: 14px;
	color: #999;
}

.footer2L .text {
	overflow: hidden;
}

.footer2L a {
	font-size: 14px;
	color: #999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	margin-right: 10px;
}

.footer2L a img {
	height: 50px;
}

.footer2L a span {
	display: inline-block;
	width: 12px;
	height: 14px;
	background-image: url(../images/footer2Icn.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 8px;
	position: relative;
	top: 2px;
}

.footerLogo {
	margin-top: 15px;
	margin-right: 30px;
}

.footerLogo .img {
	height: 53px;
}

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

.footerPic {
	background: url(../images/pic.gif) no-repeat center center;
	width: 50px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 2px;
}

.footer2R {
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
}

.footer2R a {
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

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

/* footer end */
/*********************************首页样式 start*********************************/
/* 第1通栏 start */
.column1 {
	padding: 120px 0;
	height: 472px;
	position: relative;
	overflow: hidden;
}

.column1Bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/column1Bg.jpg) no-repeat center center;
	background-size: cover;
	z-index: -1;
}

.column1Con {
	overflow: hidden;
}

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

.column1L .title {
	font-size: 36px;
	color: #000000;
	margin-bottom: 30px;
}

.column1L .title1 {
	font-size: 16px;
	color: #999999;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 42px;
}

.column1L .info {
	font-size: 14px;
	color: #999999;
	line-height: 28px;
	height: 84px;
	overflow: hidden;
	margin-bottom: 52px;
	padding-right: 64px;
}

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

.column1R .column1Video {
	border-radius: 5px;
	overflow: hidden;
}

.column1R .column1Video .pic {
	border-radius: 5px;
	overflow: hidden;
}

.column1R .column1Video .pic span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3) url(../images/videoIcn.png) no-repeat center center;
	z-index: 1;
	opacity: 0.8;
}

.column1R .column1Video .pic:before {
	padding-top: 56.4285%;
}

.column1R .pausecenterchbgcfruvfat {
	background: url(../images/videoIcn.png) no-repeat center center;
	background-size: cover;
}

.indexMore a {
	width: 92px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	color: #999999;
	background: url(../images/indexMore.png) no-repeat center center;
	background-size: cover;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.indexMore1 {
	text-align: center;
}

.indexMore a:hover {
	color: #ffffff;
}

/* 第1通栏 end */
/* 第2通栏 start */
.column2 {
	height: 1046px;
	position: relative;
	overflow: hidden;
}

.column2Bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/column1Bg.jpg) no-repeat center center;
	background-size: cover;
	z-index: -1;
}

.indexTitle {
	padding-top: 100px;
	text-align: center;
}

.indexTitle .title1 {
	font-size: 36px;
	color: #ffffff;
	line-height: 75px;
	height: 75px;
	overflow: hidden;
	margin-bottom: 14px;
}

.indexTitle .title2 {
	font-size: 14px;
	color: #999;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}

.column2-scroll {
	padding-top: 54px;
	margin-bottom: 60px;
}

.column2-scroll .bd {
	overflow: hidden;
	border-radius: 5px;
}

.column2-scroll .myslide {
	width: 25%;
	float: left;
	display: inline;
}

.column2-scroll .myslide .pic:before {
	padding-top: 133.3333%;
}

.column2-scroll .con {
	position: relative;
}

.column2-scroll .text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 98px;
	overflow: hidden;
}

.column2-scroll .text .textL {
	overflow: hidden;
	margin-left: 16px;
}

.column2-scroll .text .title {
	line-height: 44px;
	height: 44px;
	overflow: hidden;
	font-size: 24px;
	color: #ffffff;
}

.column2-scroll .text .info {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 14px;
	color: #ffffff;
}

.column2-scroll .text .btn {
	float: right;
	width: 50px;
	margin-left: 20px;
	margin-right: -55px;
	margin-top: 8px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	opacity: 0;
}

.column2-scroll .text a {
	width: 50px;
	height: 50px;
	display: block;
	background: #ffffff url(../images/moreIcn1.png) no-repeat center center;
	background-size: auto 14px;
	border-radius: 50%;
	overflow: hidden;
}

.column2-scroll .con:hover .text .btn {
	margin-right: 25px;
	opacity: 1;
}

/* 第2通栏 end */
/* 第3通栏 start */
.column3 {
	height: 905px;
	position: relative;
	overflow: hidden;
}

.column3Bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/column1Bg.jpg) no-repeat center center;
	background-size: cover;
	z-index: -1;
}

.column3Tab {
	text-align: center;
	font-size: 0;
	margin-bottom: 60px;
}

.column3Tab .title {
	display: inline-block;
	font-size: 14px;
	color: #999999;
	position: relative;
	padding-right: 12px;
	margin-right: 12px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.column3Tab .title:before {
	position: absolute;
	display: block;
	content: '';
	top: 2px;
	right: 0;
	width: 2px;
	height: 15px;
	background: #888888;
}

.column3Tab .title:last-child {
	padding-right: 0;
	margin-right: 0;
}

.column3Tab .title:last-child:before {
	display: none;
}

.column3Tab .title.hover {
	color: #c8a16c;
}

.column3-scroll .bd {
	overflow: hidden;
	margin-right: -30px;
	margin-bottom: 60px;
	min-height: 418px;
}

.column3-scroll .bd .myslide {
	width: 25%;
	float: left;
	display: inline;
}

.column3-scroll .bd .con {
	margin-right: 30px;
}

.column3-scroll .bd .pic:before {
	padding-top: 56.2814%;
}

.column3-scroll .bd .text {
	background: #2e2e2e;
	padding: 15px 30px 20px;
}

.column3-scroll .bd .title {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 8px;
}

.column3-scroll .bd .title a {
	font-size: 18px;
	color: #f5f5f5;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column3-scroll .bd .info {
	height: 56px;
	line-height: 28px;
	overflow: hidden;
	font-size: 14px;
	color: #999999;
	margin-bottom: 10px;
}

.column3-scroll .bd .more {
	line-height: 38px;
	height: 38px;
}

.column3-scroll .bd .more a {
	font-size: 14px;
	color: #999999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column3-scroll .bd .more a span {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/moreIcn2.png) no-repeat center center;
	background-size: cover;
	margin-left: 20px;
	margin-top: -2px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column3-scroll .bd .con:hover .title a {
	color: #c8a16c;
}

.column3-scroll .bd .con:hover .more a {
	color: #c8a16c;
}

.column3-scroll .bd .con:hover .more a span {
	background: url(../images/moreIcn2h.png) no-repeat center center;
	background-size: cover;
}

/* 第3通栏 end */
/* 第4通栏 start */
.column4 {
	height: 414px;
	background: #f8f8f8;
	padding-top: 36px;
}

.column4L {
	width: 692px;
	margin-right: 30px;
}

.column4LDl {
	padding-top: 6px;
}

.column4LDl dd {
	overflow: hidden;
	height: 46px;
	line-height: 46px;
}

.column4LDl dd .time {
	font-size: 14px;
	color: #888888;
	margin-left: 15px;
}

.column4LDl dd .text {
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.column4LDl dd .text a {
	font-size: 14px;
	color: #333333;
	position: relative;
	padding-left: 16px;
}

.column4LDl dd .text a:hover {
	color: #ff443d;
}

.column4LDl dd .text a:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	background: url(../images/dlicon.png) no-repeat center center;
	width: 6px;
	height: 20px;
}

.column4R {
	padding-top: 10px;
	overflow: hidden;
}

.column4RDl {
	overflow: hidden;
	margin-right: -30px;
}

.column4RDl dd {
	width: 50%;
	float: left;
	display: inline;
	height: 96px;
	line-height: 96px;
	margin-bottom: 36px;
}

.column4RDl dd a {
	display: block;
	margin-right: 30px;
	font-size: 20px;
	color: #fff;
}

.column4RDl .dd1 a {
	background: #63c3ff;
}

.column4RDl .dd2 a {
	background: #58d39b;
}

.column4RDl .dd3 a {
	background: #9c8add;
}

.column4RDl .dd4 a {
	background: #ff7272;
}

.column4RDl dd a i {
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}

.column4RDl .dd1 a i {
	background: url(../images/column4icon1.png) no-repeat center center;
	width: 36px;
	height: 96px;
	float: left;
	display: inline;
	margin-right: 12px;
	margin-left: 45px;
}

.column4RDl .dd4 a i {
	background: url(../images/column4icon4.png) no-repeat center center;
	width: 36px;
	height: 96px;
	float: left;
	display: inline;
	margin-right: 12px;
	margin-left: 45px;
}

.column4RDl .dd2 a i {
	background: url(../images/column4icon2.png) no-repeat center center;
	width: 36px;
	height: 96px;
	float: left;
	display: inline;
	margin-right: 12px;
	margin-left: 45px;
}

.column4RDl .dd3 a i {
	background: url(../images/column4icon3.png) no-repeat center center;
	width: 36px;
	height: 96px;
	float: left;
	display: inline;
	margin-right: 12px;
	margin-left: 45px;
}

.column4RDl dt {
	float: left;
	display: inline;
	width: 100%;
	height: 96px;
	line-height: 96px;
}

.column4RDl dt a {
	background: #ffab43;
	font-size: 20px;
	color: #fff;
	display: block;
	margin-right: 30px;
}

.column4RDl dt a i {
	background: url(../images/column4icon5.png) no-repeat center center;
	width: 36px;
	height: 96px;
	float: left;
	display: inline;
	margin-right: 12px;
	margin-left: 176px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}

.column4RDl dd a:hover i {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.column4RDl dt a:hover i {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

/* 第4通栏 end */
/* 第5通栏 start */
.column5 {
	height: 469px;
	background: #fff;
	padding-top: 36px;
}

.column5C {
	padding-top: 20px;
}

.column5Dl {
	overflow: hidden;
	margin-right: -20px;
}

.column5Dl dd {
	float: left;
	display: inline;
}

.column5Dl dd a {
	display: block;
	margin-right: 20px;
	position: relative;
}

.column5Dl dd .text {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	width: 228px;
	height: 56px;
	line-height: 56px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 68, 61, 0.7);
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	overflow: hidden;
}

.column5Dl .dd1 .pic {
	width: 596px;
}

.column5Dl .dd1 .pic:before {
	padding-top: 60.0671%;
}

.column5Dl .dd2 {
	margin-bottom: 20px;
}

.column5Dl .dd2 .pic {
	width: 282px;
}

.column5Dl .dd2 .pic:before {
	padding-top: 59.9291%;
}

.column5Dl dd a:hover .text {
	visibility: visible;
	opacity: 1;
}

/* 第5通栏 end */
/*-----------------------------首页样式end-----------------------------*/
/*-----------------------------频道页start-----------------------------*/
/*-----------------------------频道页end-----------------------------*/
/*内页框架开始*/
/* 右侧浮窗开始 */
.floatDl {
	position: fixed;
	right: 40px;
	top: 150%;
	z-index: 888;
	margin-top: -65px;
	transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
}

.floatDl.active {
	top: 50%;
}

.floatDl dd a {
	width: 65px;
	height: 65px;
	display: block;
	background: #f8f8f8;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.floatDl dd .icn {
	position: relative;
	top: 6px;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

.floatDl dd.dd1 .icn {
	background: url(../images/floatIcn1.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.floatDl dd.dd2 .icn {
	background: url(../images/floatIcn2.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.floatDl dd.dd3 .icn {
	background: url(../images/cart.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	background-size: 22px;
}

.floatDl dd .text {
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #999999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.floatDl dd a:hover .text {
	color: #fff;
}

.floatDl dd a:hover {
	background: #000000;
}

.floatDl dd.dd1 a:hover .icn {
	background: url(../images/floatIcn1h.png) no-repeat center center;
}

.floatDl dd.dd2 a:hover .icn {
	background: url(../images/floatIcn2h.png) no-repeat center center;
}

.floatDl dd.dd3 a:hover .icn {
	background: url(../images/cart2.png) no-repeat center center;
	background-size: 22px;
}

/* 右侧浮窗结束 */
/*内页外结构开始*/
.subTop {
	/*height: 110px;*/
	/*background: url(../images/subTopBg.jpg) no-repeat center center;*/
	/*background-size: cover;*/
	/*position: relative;*/
	/*z-index: 1000;*/
		padding: 0;
	width: 100%;
	height: 110px;
	/*background: url(../images/indexTopBg.jpg) no-repeat center center;*/
	background-color: #000000;
	background-image: linear-gradient(to bottom, #1a1a1a, #000000);
	background-size: cover;
	position: relative;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #333;
	transition: all 0.4s ease;
	z-index: 1000;
}

.topLocation {
	background: rgb(255 255 255 / 70%);
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 1;
}

.location {
	overflow: hidden;
}

.locationL {
	overflow: hidden;
}

.locationIcn {
	float: left;
	margin-top: 25px;
	width: 11px;
	margin-right: 10px;
}

.locationIcn a {
	display: block;
	height: 10px;
	background: url(../images/homeIcn.png) no-repeat center center;
	background-size: cover;
}

.locationLText {
	font-size: 14px;
	color: #836248;
	overflow: hidden;
}

.locationR dd {
	float: left;
	margin: 0 24px;
	display: inline;
}

.locationR dd a {
	font-size: 14px;
	color: #88664b;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	position: relative;
	display: block;
}

.locationR dd a:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #c8a16c;
	height: 1px;
	width: 100%;
	opacity: 0;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.locationR dd.hover a {
	color: #c8a16c;
}

.locationR dd.hover a:before {
	opacity: 1;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}

.locationR dd:hover a {
	color: #c8a16c;
}

.locationR dd:hover a:before {
	opacity: 1;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}

.locationR dd:last-child {
	margin-right: 0;
}

.subPage {
	background: #f5f5f5;
}

.subPage1 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.subBanner {
	padding-top: 33.3333%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.subBanner1 {
	padding-top: 41.1458%;
}

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

.subBanner .title {
	text-align: center;
}

.subBanner .title1 {
	font-size: 36px;
	color: #fff;
	height: 55px;
	line-height: 55px;
}

.subBanner .title2 {
	font-size: 14px;
	color: #dcdcdc;
	height: 34px;
	line-height: 34px;
}

.minH600 {
	min-height: 600px;
	height: 600px;
	height: auto !important;
}

.minH300 {
	min-height: 300px;
	height: 300px;
	height: auto !important;
}

.minH200 {
	min-height: 200px;
	height: 200px;
	height: auto !important;
}

.aboutBanner {
	padding-top: 41.1458%;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

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

.aboutBannerText .con {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.aboutBannerText .con .textIcn {
	position: absolute;
	width: 53px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.aboutBannerText .con .textIcn1 {
	height: 50px;
	left: 362px;
	top: 170px;
}

.aboutBannerText .con .textIcn2 {
	height: 50px;
	left: 362px;
	top: 230px;
}

.aboutBannerText .con .textIcn3 {
	height: 42px;
	left: 362px;
	top: 300px;
}

.aboutBannerText .con .textIcn4 {
	height: 42px;
	left: 362px;
	top: 360px;
}

.aboutBannerText .con .textIcn5 {
	height: 49px;
	left: 362px;
	top: 427px;
}

.aboutBannerText .con .textIcn6 {
	height: 47px;
	left: 362px;
	top: 493px;
}

.aboutBannerText .con .textIcn7 {
	height: 51px;
	left: 362px;
	top: 559px;
}

.aboutBannerText .con .textIcn8 {
	position: absolute;
	width: 25px;
	height: 221px;
	left: 458px;
	top: 395px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.aboutBannerText .con .textIcn9 {
	position: absolute;
	width: 129px;
	height: 114px;
	left: 510px;
	top: 500px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

/*内页外结构结束*/
/*页码开始*/
.page {
	padding: 30px 0;
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	color: #666666;
	border-radius: 50%;
	background: #fff;
	margin: 0 3px;
	border: 1px solid #e3e3e3;
	width: 38px;
	height: 38px;
	line-height: 38px;
}

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

.page a:hover {
	background: #c8a16c;
	color: #fff;
}

.page a.hover {
	background: #c8a16c;
	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 {
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

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

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

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

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

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

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

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

.page a.lastPage:hover div {
	background-image: url(../images/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/firstPage.png)
}

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

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

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

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