/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input, h5 {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
}

body {
	font-size: 16px;
	color: #666;
	background: #1E1E1E;
}

a {
	color: #666;
}

	a:hover {
		color: #f60;
		text-decoration: underline;
	}

p {
	line-height: 1.8em;
	padding: 5px 0;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper2 {
	max-width: 90%;
	margin: 0 auto;
}

.wapper3 {
	max-width: 80%;
	margin: 0 auto;
}

.wapper {
	width: 75rem;
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

@font-face {
	font-family: ARIAL;
	src: url(../fonts/ARIAL.TTF);
}

body {
	font-family: ARIAL !important;
}

img {
	max-width: 100%;
}

.head {
	padding: 0px 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}

	.head .logo {
		margin-right: 200px;
		padding: 9px 0;
	}

.head {
	background: #1E1E1E;
}

	.head.cur {
		background: #1E1E1E;
	}

.menu ul li {
	display: inline-block;
	text-align: center;
	text-align: center;
	font-size: 16px;
	padding: 20px 25px;
	color: #A8A8A8;
	line-height: 32px;
	font-weight: bold;
}

	.menu ul li a {
		color: #A8A8A8;
	}

		.menu ul li a:hover {
			color: #fff;
		}

	.menu ul li:hover .erji {
		display: block;
	}

	.menu ul li:hover .erji2 {
		display: block;
	}


@media screen and (max-width: 1240px) {
	.head .logo {
		margin-right: 10px;
	}

	.menu ul li {
		padding: 20px 10px;
	}
}

.searchicon {
	margin-top: 20px;
}

.erji {
	background: #fff;
	position: fixed;
	left: 0;
	top: 72px;
	right: 0;
	z-index: 999;
	padding-top: 50px;
	display: none;
}

	.erji .erjitop .left {
		width: 25%;
		text-align: left;
	}

		.erji .erjitop .left h3 {
			color: #1E1E1E;
			font-size: 20px;
		}

		.erji .erjitop .left span {
			display: block;
			margin: 25px 0;
			color: #545454;
		}

		.erji .erjitop .left a {
			color: #545454;
		}

			.erji .erjitop .left a:hover {
				opacity: 0.8;
			}

	.erji .erjitop .right {
		width: 75%;
	}

		.erji .erjitop .right ul li {
			width: 31.3%;
			margin-right: 3%;
			float: left;
			overflow: hidden;
			position: relative;
			padding: 0;
		}

			.erji .erjitop .right ul li:nth-child(3n) {
				margin-right: 0;
			}

			.erji .erjitop .right ul li img {
				transition: all 0.5s;
				border-radius: 5px;
			}

			.erji .erjitop .right ul li:hover img {
				transform: scale(1.1);
			}

			.erji .erjitop .right ul li .wenzi {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 999;
				text-align: left;
				padding: 15px;
			}

				.erji .erjitop .right ul li .wenzi h3 {
					font-size: 16px;
					color: #A8A8A8;
				}

				.erji .erjitop .right ul li .wenzi span {
					color: #A8A8A8;
					opacity: 0.8;
				}

	.erji .erjitop {
		padding-bottom: 50px;
		/* margin-bottom: 50px; */
		/* border-bottom: 2px solid #a6a6a6; */
	}

	.erji .erjibottom dl {
		width: 25%;
		float: left;
		text-align: left;
	}

		.erji .erjibottom dl dt {
			color: #1E1E1E;
			font-size: 16px;
			margin-bottom: 10px;
		}

			.erji .erjibottom dl dt a {
				color: #1E1E1E;
				opacity: 0.8;
			}

				.erji .erjibottom dl dt a:hover {
					opacity: 0.8;
				}

		.erji .erjibottom dl dd {
			margin-bottom: 10px;
		}

			.erji .erjibottom dl dd a {
				color: #A8A8A8;
			}

				.erji .erjibottom dl dd a:hover {
					opacity: 0.8;
				}

	.erji .erjibottom2 dl {
		width: 100%;
		text-align: left;
	}

		.erji .erjibottom2 dl dt {
			color: #1E1E1E;
			font-size: 16px;
			margin-bottom: 10px;
		}

			.erji .erjibottom2 dl dt a {
				color: #1E1E1E;
			}

				.erji .erjibottom2 dl dt a:hover {
					opacity: 0.8;
				}

		.erji .erjibottom2 dl dd {
			margin-bottom: 10px;
			width: 25%;
			float: left;
		}

			.erji .erjibottom2 dl dd a {
				color: #A8A8A8;
			}

				.erji .erjibottom2 dl dd a:hover {
					opacity: 0.8;
				}

	.erji .erjibottom3 dl {
		width: 25%;
		float: left;
		text-align: left;
	}

		.erji .erjibottom3 dl dt {
			color: #1E1E1E;
			font-size: 16px;
			margin-bottom: 10px;
		}

			.erji .erjibottom3 dl dt a {
				color: #1E1E1E;
				opacity: 0.8;
			}

				.erji .erjibottom3 dl dt a:hover {
					opacity: 0.8;
				}

		.erji .erjibottom3 dl dd {
			margin-bottom: 10px;
		}

			.erji .erjibottom3 dl dd a {
				color: #A8A8A8;
			}

				.erji .erjibottom3 dl dd a:hover {
					opacity: 0.8;
				}


.erji2 {
	background: #fff;
	position: fixed;
	left: 0;
	top: 72px;
	right: 0;
	z-index: 9999;
	padding-top: 50px;
	display: none;
}

	.erji2 .erjitop .left {
		width: 25%;
		text-align: left;
	}

		.erji2 .erjitop .left h3 {
			color: #1E1E1E;
			font-size: 20px;
		}

		.erji2 .erjitop .left span {
			display: block;
			margin: 25px 0;
			color: #545454;
		}

		.erji2 .erjitop .left a {
			color: #545454;
		}

			.erji2 .erjitop .left a:hover {
				opacity: 0.8;
			}

	.erji2 .erjitop .right {
		width: 75%;
	}

		.erji2 .erjitop .right ul li {
			width: 27.3%;
			margin-right: 2%;
			float: left;
			overflow: hidden;
			position: relative;
			padding: 0;
			background: #1E1E1E;
			text-align: left;
			padding: 2%;
			border-radius: 5px;
		}

			.erji2 .erjitop .right ul li:nth-child(3n) {
				margin-right: 0;
			}

			.erji2 .erjitop .right ul li img {
				transition: all 0.5s;
				border-radius: 5px;
				height: 42px;
			}

			.erji2 .erjitop .right ul li:hover img {
				transform: scale(1.1);
			}

			.erji2 .erjitop .right ul li .wenzi {
				padding: 15px;
			}

				.erji2 .erjitop .right ul li .wenzi h3 {
					font-size: 16px;
					color: #A8A8A8;
				}

				.erji2 .erjitop .right ul li .wenzi span {
					color: #A8A8A8;
					opacity: 0.8;
				}

	.erji2 .erjitop {
		padding-bottom: 50px;
	}

.close {
	position: fixed;
	right: 10%;
	top: 10%;
	z-index: 999;
	display: none;
}

.search .close {
	display: block;
}

.search {
	background: #fff;
	position: fixed;
	left: 0;
	top: 72px;
	right: 0;
	z-index: 9999;
	display: none;
	padding: 80px 0;
}

	.search input {
		line-height: 80px;
		width: calc(100% - 40px);
		outline: none;
		font-size: 40px;
		font-weight: normal;
		color: #666;
	}

	.search .seearchmain {
		border-bottom: 1px solid #1E1E1E;
		font-size: 60px;
	}

.phone {
	display: none;
}

.phonehead {
	padding: 20px 0;
	background: #1E1E1E;
}

	.phonehead .menuicon a {
		color: #000;
		font-size: 20px;
	}

.nav {
	position: absolute;
	display: none;
	right: 0px;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #1E1E1E;
	z-index: 999;
	overflow-y: auto;
	transition: right .3s;
	border-left: 1px solid #f3f3f3;
}

	.nav.open {
		right: 0;
	}

	.nav ul {
		padding-bottom: 71px;
	}

	.nav li {
		float: none;
		padding: 0;
		position: relative;
	}

		.nav li a {
			line-height: 53px;
			padding: 10px 1.5em;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #fff;
			font-size: 18px;
		}

			.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {
				display: none;
			}

		.nav li.cur > a {
			background-color: #eee;
		}

		.nav li em.on {
			transform: rotate(90deg);
		}

		.nav li em {
			transform: rotate(0deg);
			transition: all .3s;
			position: absolute;
			right: 10px;
			top: 10px;
			display: block;
			cursor: pointer;
			font-style: normal;
			color: #fff;
		}

			.nav li em:after {
				content: '>';
				font-family: simsun;
				font-size: 20px;
				line-height: 30px;
				width: 30px;
				text-align: center;
				display: block;
			}

.navDrop {
	position: static;
	display: none;
	left: auto;
	top: auto;
}

	.navDrop.open, .navDrop.show.open {
		display: block;
	}

	.navDrop .inner {
		width: auto;
	}

	.navDrop ul {
		padding: 0;
	}

	.navDrop li {
		display: block;
	}

		.navDrop li a {
			text-align: left;
			padding: 10px 1.5em 10px 2.5em;
		}

	.navDrop .preview, .threeNav, .navDrop.show {
		display: none;
	}

	.navDrop .info {
		width: auto;
		float: none;
		padding: 0;
	}

.subNav {
	float: none;
	width: auto;
}

	.subNav dd {
		border: none;
		line-height: normal;
	}

		.subNav dd a {
			padding: 10px 1.5em 10px 2.5em;
		}

			.subNav dd a:after {
				display: none;
			}
/*navBtn*/
.navBtn {
	cursor: pointer;
	display: block;
	position: relative;
	cursor: pointer;
	width: 32px;
	height: 32px;
	float: left;
	border-left: 0px solid #f3f3f3;
}

	.navBtn span {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #c2c2c2;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -1px;
		margin-left: -10px;
		line-height: normal;
	}

		.navBtn span:before, .navBtn span:after {
			content: '';
			display: block;
			width: 100%;
			height: 2px;
			background-color: #c2c2c2;
			position: absolute;
			left: 0;
			top: -7px;
			transition: transform .3s;
			transition: transform .3s;
		}

		.navBtn span:after {
			top: auto;
			bottom: -7.5px;
		}

	.navBtn.open span {
		height: 0;
	}

		.navBtn.open span:before {
			transform: rotate(45deg);
			top: 0;
		}

		.navBtn.open span:after {
			transform: rotate(-45deg);
			bottom: auto;
			top: 0;
		}


.banner {
	position: relative;
}

	.banner .wenzi {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 150px;
		z-index: 99;
	}

		.banner .wenzi h3 {
			color: #fff;
			font-size: 48px;
		}

		.banner .wenzi span {
			display: block;
			color: #fff;
			font-size: 20px;
			margin: 20px 0;
		}

		.banner .wenzi a {
			font-size: 16px;
			color: #fff;
		}

			.banner .wenzi a:hover {
				opacity: 0.8;
			}


.con {
	padding: 120px 0;
	background: #1E1E1E;
	margin-top: -4px;
}

.tit h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 30px;
}

.con ul li {
	width: 49%;
	position: relative;
}

	.con ul li .wenzi {
		position: absolute;
		padding: 80px 55px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 98;
	}

		.con ul li .wenzi h4 {
			color: #767573;
			font-weight: normal;
			font-size: 20px;
			margin-bottom: 15px;
		}

		.con ul li .wenzi h3 {
			color: #fff;
			font-size: 24px;
		}

		.con ul li .wenzi h5 {
			color: #fff;
			font-weight: normal;
			font-size: 24px;
		}

		.con ul li .wenzi span {
			display: block;
			font-size: 18px;
			color: #fff;
			line-height: 2;
			margin-bottom: 35px;
			display: none;
			transition: all 0.5s;
		}

		.con ul li .wenzi a {
			color: #fff;
			font-size: 18px;
			display: none;
			transition: all 0.5s;
		}

	.con ul li:hover .wenzi span {
		margin-top: 55px;
	}

	.con ul li:hover .wenzi span {
		display: block;
	}

	.con ul li:hover .wenzi a {
		display: block;
	}

	.con ul li .imgarea {
		overflow: hidden;
	}

		.con ul li .imgarea img {
			transition: all 0.5s;
		}

	.con ul li:hover .imgarea img {
		transform: scale(1.1);
	}

.con .swiper-container {
	padding-bottom: 60px;
}

.con .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.5;
}

.con .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.con .cb .swiper-slide {
	position: relative;
}

.con .cb .wenzi {
	position: absolute;
	padding: 50px 20px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 98;
}

	.con .cb .wenzi h4 {
		color: #767573;
		font-weight: normal;
		font-size: 20px;
		margin-bottom: 15px;
	}

	.con .cb .wenzi h3 {
		color: #fff;
		font-size: 24px;
	}

	.con .cb .wenzi h5 {
		color: #fff;
		font-weight: normal;
		font-size: 24px;
	}

	.con .cb .wenzi span {
		display: block;
		font-size: 18px;
		color: #fff;
		line-height: 2;
		margin-bottom: 35px;
		display: none;
		transition: all 0.5s;
	}

	.con .cb .wenzi a {
		color: #fff;
		font-size: 18px;
		display: none;
		transition: all 0.5s;
	}


.con2 {
	background: #1E1E1E;
}

	.con2 ul {
		column-count: 3;
		column-gap: 20px;
	}

		.con2 ul li {
			position: relative;
		}

			.con2 ul li .wenzi {
				position: absolute;
				padding: 80px 55px;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 98;
			}

				.con2 ul li .wenzi h4 {
					color: #767573;
					font-weight: normal;
					font-size: 20px;
					margin-bottom: 15px;
				}

				.con2 ul li .wenzi h3 {
					color: #fff;
					font-size: 24px;
				}

				.con2 ul li .wenzi h5 {
					color: #fff;
					font-weight: normal;
					font-size: 19px;
					margin-top: 10px;
				}

				.con2 ul li .wenzi span {
					display: block;
					font-size: 18px;
					color: #fff;
					line-height: 2;
					margin-bottom: 35px;
					display: none;
					transition: all 0.5s;
				}

				.con2 ul li .wenzi a {
					color: #fff;
					font-size: 18px;
					display: none;
					transition: all 0.5s;
				}

			.con2 ul li:hover .wenzi span {
				margin-top: 55px;
			}

			.con2 ul li:hover .wenzi span {
				display: block;
			}

			.con2 ul li:hover .wenzi a {
				display: block;
			}

			.con2 ul li .imgarea {
				overflow: hidden;
			}

				.con2 ul li .imgarea img {
					transition: all 0.5s;
					width: 100%;
					height: 350px;
					object-fit: cover;
				}

			.con2 ul li:hover .imgarea img {
				transform: scale(1.1);
			}


	.con2 .swiper-container {
		padding-bottom: 60px;
	}

	.con2 .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.5;
	}

	.con2 .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;
	}

	.con2 .cb2 .swiper-slide {
		position: relative;
	}

	.con2 .cb2 .wenzi {
		position: absolute;
		padding: 50px 20px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 98;
	}

		.con2 .cb2 .wenzi h4 {
			color: #767573;
			font-weight: normal;
			font-size: 20px;
			margin-bottom: 15px;
		}

		.con2 .cb2 .wenzi h3 {
			color: #fff;
			font-size: 24px;
		}

		.con2 .cb2 .wenzi h5 {
			color: #fff;
			font-weight: normal;
			font-size: 24px;
		}

		.con2 .cb2 .wenzi span {
			display: block;
			font-size: 18px;
			color: #fff;
			line-height: 2;
			margin-bottom: 35px;
			display: none;
			transition: all 0.5s;
		}

		.con2 .cb2 .wenzi a {
			color: #fff;
			font-size: 18px;
			display: none;
			transition: all 0.5s;
		}



.con3 {
	background: #1E1E1E;
	padding-top: 26px;
}

	.con3 .wapper {
		padding: 120px 0;
		border-top: 2px solid #A6A6A6;
	}

	.con3 .nr {
		font-size: 16px;
		color: #fff;
		line-height: 2;
		margin-bottom: 40px;
	}

	.con3 a {
		display: block;
		width: 220px;
		line-height: 60px;
		border-radius: 5px;
		background: #fff;
		color: #585B58;
		font-size: 16px;
		text-align: center;
	}

		.con3 a:hover {
			background: #A6A6A6;
		}

.imgimgarea {
	padding-bottom: 26px;
	background: #1E1E1E;
}


.foot {
	background: #1E1E1E;
	padding: 26px 0;
}

	.foot ul li {
		display: inline-block;
		margin-right: 40px;
		font-size: 14px;
		line-height: 31px;
	}

		.foot ul li a {
			color: #B0ADBE;
		}

	.foot .right dl dd {
		display: inline-block;
	}

	.foot .left .dl dt {
		font-size: 16px;
		color: #000;
		margin-bottom: 15px;
		color: #fff;
		font-weight: bold;
	}

	.foot .left .dl dd {
		color: #A2A4A5;
	}

		.foot .left .dl dd span {
			color: #852530;
		}

	.foot .left .dl2 {
		margin-top: 15px;
	}

		.foot .left .dl2 dd {
			display: inline-block;
		}

			.foot .left .dl2 dd a {
				color: #852530;
			}

	.foot .left {
		width: 78%;
		font-size: 14px;
	}

	.foot .right {
		margin-top: 188px;
	}



@media screen and (max-width: 760px) {
	.wapper {
		width: 90%;
		padding: 0 5%;
	}

	.wapper2 {
		max-width: 90%;
		margin: 0 auto;
	}

	.wapper3 {
		max-width: 90%;
		margin: 0 auto;
	}

	.pc {
		display: none;
	}

	.phone {
		display: block;
	}

	.banner .wenzi {
		bottom: 22px;
	}

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

	.imgimgarea {
		padding-bottom: 60px;
	}

	.foot .right {
		text-align: right;
	}

	.foot ul li {
		display: block;
		margin-right: 0;
	}

	.foot ul.fl {
		float: none;
	}

	.foot dl.fl {
		float: none;
	}

	.foot .left {
		width: 100%;
	}

	.foot .right {
		width: 100%;
		margin-top: 20px;
	}
}



.inside {
	padding: 60px 0;
}


.contact {
	padding-top: 190px;
	padding-bottom: 40px;
	padding-bottom: 150px;
}

.ctit {
	margin-bottom: 50px;
}

	.ctit h3 {
		font-size: 60px;
		color: #fff;
	}

.contact .left {
	width: 65%;
}

.contact .left {
	font-size: 20px;
	line-height: 2;
	color: #fff;
}

.contact .right {
	width: 30%;
}

	.contact .right ul li {
		font-size: 16px;
		padding-left: 50px;
		line-height: 40px;
		color: #fff;
	}

		.contact .right ul li:hover {
			opacity: 0.8;
		}

.contact2 ul li .limain {
	padding: 50px;
	background: #fff;
	border-radius: 10px;
}

.contact2 ul li {
	width: 31.3%;
	margin-right: 3%;
	float: left;
}

	.contact2 ul li:nth-child(3n) {
		margin-right: 0;
	}

	.contact2 ul li h3 {
		font-size: 20px;
		color: #1E1E1E;
		margin: 25px 0;
	}

	.contact2 ul li .nr {
		font-size: 16px;
		line-height: 2;
		color: #1E1E1E;
		margin-bottom: 20px;
	}

	.contact2 ul li dl dd {
		padding-left: 20px;
		font-size: 18px;
		line-height: 2;
	}

		.contact2 ul li dl dd:hover {
			opacity: 0.8;
		}

.contact2 {
	padding-bottom: 100px;
}

@media screen and (max-width: 760px) {
	.ctit h3 {
		font-size: 40px;
	}

	.contact {
		padding-top: 90px;
		padding-bottom: 40px;
		padding-bottom: 70px;
	}

	.contact2 ul li .limain {
		padding: 20px;
	}

	.contact2 ul li {
		width: 100%;
		margin-bottom: 3%;
		float: left;
	}

	.contact .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.contact .right {
		width: 100%;
	}
}


.stand {
	padding-top: 190px;
	background: #fff;
	padding-bottom: 150px;
}

.stit {
	margin-bottom: 50px;
}

	.stit h3 {
		font-size: 60px;
		color: #1E1E1E;
	}

.stand .nr {
	width: 60%;
}

.stand2 {
	background: #fff;
	padding-top: 110px;
	padding-bottom: 110px;
}

.title {
	border-bottom: 2px solid #A6A6A6;
	margin-bottom: 60px;
}

	.title li {
		display: inline-block;
		padding: 15px 20px;
		font-size: 18px;
		color: #B6B6B6;
	}

		.title li.cur {
			border-bottom: 2px solid #1E1E1E;
			color: #1E1E1E;
		}

.stand2 .ul li {
	width: 31.3%;
	margin-right: 3%;
	float: left;
	margin-bottom: 20px;
}

	.stand2 .ul li:nth-child(3n) {
		margin-right: 0;
	}

	.stand2 .ul li .limain {
		box-shadow: 0 0 10px #ccc;
	}

		.stand2 .ul li .limain .wenzi {
			padding: 50px 40px;
		}

			.stand2 .ul li .limain .wenzi h3 {
				color: #1E1E1E;
				font-size: 24px;
				margin-bottom: 30px;
			}

			.stand2 .ul li .limain .wenzi span {
				display: block;
				margin-bottom: 80px;
				font-size: 18px;
				color: #BDBEC6;
			}

			.stand2 .ul li .limain .wenzi dl dd {
				color: #585B58;
				font-size: 18px;
				line-height: 40px;
				padding-left: 40px;
			}

				.stand2 .ul li .limain .wenzi dl dd:hover {
					opacity: 0.8;
				}

.tab_val {
	display: none;
}


.stand2 .ul2 li {
	width: 31.3%;
	margin-right: 3%;
	float: left;
	margin-bottom: 20px;
}

	.stand2 .ul2 li:nth-child(3n) {
		margin-right: 0;
	}

	.stand2 .ul2 li .limain {
		box-shadow: 0 0 10px #ccc;
		padding: 50px 40px;
	}

		.stand2 .ul2 li .limain .wenzi {
		}

			.stand2 .ul2 li .limain .wenzi h3 {
				color: #1E1E1E;
				font-size: 24px;
				margin-bottom: 30px;
				margin-top: 20px;
			}

			.stand2 .ul2 li .limain .wenzi span {
				display: block;
				margin-bottom: 80px;
				font-size: 18px;
				color: #BDBEC6;
			}

			.stand2 .ul2 li .limain .wenzi dl dd {
				color: #585B58;
				font-size: 18px;
				line-height: 40px;
				padding-left: 40px;
			}

				.stand2 .ul2 li .limain .wenzi dl dd:hover {
					opacity: 0.8;
				}


.stand2 .left {
	width: 40%;
}

.stand2 .right {
	width: 40%;
}

.stand2 .left h3 {
	font-size: 16px;
	color: #1E1E1E;
}

.stand2 .left span {
	display: block;
	font-size: 16px;
	color: #545454;
	margin-bottom: 40px;
}

.stand2 .left a {
	display: block;
	width: 260px;
	line-height: 56px;
	background: #1E1E1E;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	color: #fff;
}

	.stand2 .left a:hover {
		opacity: 0.8;
	}

@media screen and (max-width: 760px) {
	.stit h3 {
		font-size: 40px;
	}

	.stand .nr {
		width: 100%;
	}

	.stand {
		padding-top: 90px;
		background: #fff;
		padding-bottom: 70px;
	}

	.stand2 {
		background: #fff;
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.title {
		overflow-x: auto;
	}

	.stand2 .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.stand2 .right {
		width: 100%;
	}

	.stand2 .ul li {
		width: 100%;
		margin-right: 0%;
		float: left;
		margin-bottom: 20px;
	}

	.stand2 .ul2 li {
		width: 100%;
		margin-right: 0%;
		float: left;
		margin-bottom: 20px;
	}
}


.newsdetail {
	padding-top: 190px;
	padding-bottom: 120px;
	background: #fff;
}

.newtit {
	padding-bottom: 30px;
	border-bottom: 2px solid #A6A6A6;
	margin-bottom: 30px;
}

	.newtit h4 {
		font-weight: normal;
		color: #C4C4C4;
		font-size: 16px;
	}

	.newtit h3 {
		font-size: 50px;
		color: #1E1E1E;
	}

	.newtit span {
		color: #1E1E1E;
		font-size: 36px;
		font-weight: 300;
	}

@media screen and (max-width: 760px) {
	.newsdetail {
		padding-top: 90px;
		padding-bottom: 70px;
		background: #fff;
	}

	.newtit h4 {
		font-weight: normal;
		color: #C4C4C4;
		font-size: 16px;
	}

	.newtit h3 {
		font-size: 30px;
		color: #1E1E1E;
	}

	.newtit span {
		color: #1E1E1E;
		font-size: 24px;
		font-weight: 300;
	}

	.newtit {
		padding-bottom: 50px;
	}
}


.company ul li .limain {
	padding: 50px;
	background: #fff;
	border-radius: 10px;
}

.company ul li {
	width: 31.3%;
	margin-right: 3%;
	float: left;
}

	.company ul li:nth-child(3n) {
		margin-right: 0;
	}

	.company ul li h3 {
		font-size: 20px;
		color: #1E1E1E;
		margin: 25px 0;
	}

	.company ul li .nr {
		font-size: 16px;
		line-height: 2;
		color: #1E1E1E;
		margin-bottom: 20px;
	}

	.company ul li dl dd {
		padding-left: 20px;
		font-size: 18px;
		line-height: 2;
	}

		.company ul li dl dd:hover {
			opacity: 0.8;
		}

.company {
	padding-top: 190px;
	padding-bottom: 40px;
	padding-bottom: 150px;
}

	.company .ctit span {
		font-size: 18px;
		color: #fff;
		margin-bottom: 100px;
		display: block;
		margin-top: 50px;
	}


.know {
	padding-bottom: 100px;
}

	.know .left {
		width: 30%;
	}

		.know .left h3 {
			font-size: 30px;
			color: #fff;
		}

		.know .left .nr {
			color: #fff;
			margin: 40px 0;
			font-size: 16px;
			line-height: 2;
		}

	.know .right {
		width: 68%;
	}

	.know .left a {
		display: block;
		line-height: 56px;
		border-radius: 5px;
		font-size: 16px;
		text-align: center;
		color: #fff;
		padding: 0 10px;
		border: 1px solid #fff;
	}

		.know .left a:hover {
		}

@media screen and (max-width: 760px) {
	.company {
		padding-top: 90px;
		padding-bottom: 40px;
		padding-bottom: 70px;
	}

		.company ul li .limain {
			padding: 20px;
		}

		.company ul li {
			width: 100%;
			margin-bottom: 3%;
			float: left;
		}

	.know .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.know .right {
		width: 100%;
	}
}


.ptit {
	margin-bottom: 40px;
}

	.ptit h3 {
		font-size: 30px;
		color: #fff;
	}

.pro {
	background: #1E1E1E;
	padding-top: 190px;
	padding-bottom: 120px;
}

	.pro ul li {
		width: calc((100% - 60px) / 6);
		margin-left: 10px;
		float: left;
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
		border-radius: 5px;
		overflow: hidden;
	}

		.pro ul li:nth-child(4n) {
			margin-right: 0;
		}

		.pro ul li img {
			transition: all 0.5s;
		}

		.pro ul li:hover img {
			transform: scale(1.1);
		}

		.pro ul li .wenzi {
			position: absolute;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 99;
			padding: 15px;
		}

			.pro ul li .wenzi h3 {
				font-size: 16px;
				color: #fff;
				font-weight: normal;
			}

.plist2 {
	margin-top: 120px;
}

.pro2 {
	padding: 120px 0;
	background: #fff;
}

	.pro2 .ptit h3 {
		color: #1E1E1E;
	}

	.pro2 ul li {
		width: calc((100% - 60px) / 4);
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
	}

		.pro2 ul li .imgarea img {
			border-radius: 5px;
			overflow: hidden;
		}

		.pro2 ul li .wenzi h3 {
			margin: 30px 0;
			color: #1E1E1E;
			font-size: 24px;
		}

		.pro2 ul li .wenzi span {
			color: #9A989A;
			font-size: 16px;
			line-height: 2;
			display: block;
		}

		.pro2 ul li:nth-child(4n) {
			margin-right: 0;
		}


.pro3 {
	background: #F6F6F6;
	padding: 120px 0;
}

	.pro3 .ptit h3 {
		color: #1E1E1E;
	}

	.pro3 .left {
		width: 30%;
	}

	.pro3 .right {
		width: 60%;
	}

		.pro3 .right h3 {
			font-size: 20px;
			color: #1E1E1E;
		}

		.pro3 .right span {
			display: block;
			color: #959395;
			font-size: 16px;
			line-height: 2;
			margin: 35px 0;
		}

		.pro3 .right a {
			display: inline-block;
			line-height: 50px;
			border-radius: 5px;
			background: #1E1E1E;
			color: #fff;
			text-align: center;
			font-size: 16px;
			padding: 0 20px;
		}

			.pro3 .right a:hover {
				opacity: 0.8;
			}


.pro4 {
	background: #fff;
	padding: 120px 0;
}

	.pro4 ul li:nth-child(1) {
		margin-bottom: 120px;
	}

	.pro4 .ptit h3 {
		color: #1E1E1E;
	}

	.pro4 .lileft {
		width: 30%;
	}

	.pro4 .liright {
		width: 60%;
	}

		.pro4 .liright h3 {
			font-size: 20px;
			color: #1E1E1E;
		}

		.pro4 .liright span {
			display: block;
			color: #959395;
			font-size: 16px;
			line-height: 2;
			margin: 35px 0;
		}

		.pro4 .liright a {
			display: inline-block;
			line-height: 50px;
			border-radius: 5px;
			background: #1E1E1E;
			color: #fff;
			text-align: center;
			font-size: 16px;
			padding: 0 20px;
		}

			.pro4 .liright a:hover {
				opacity: 0.8;
			}


.pro5 {
	padding: 190px 0;
}

	.pro5 h3 {
		font-size: 40px;
		font-weight: 300;
		color: #fff;
		width: 50%;
	}

	.pro5 span {
		display: block;
		font-size: 16px;
		color: #fff;
		width: 50%;
		line-height: 2;
		margin: 40px 0;
	}

	.pro5 a {
		display: inline-block;
		line-height: 50px;
		border-radius: 5px;
		color: #fff;
		text-align: center;
		font-size: 16px;
		padding: 0 20px;
		border: 1px solid #fff;
	}


@media screen and (max-width: 760px) {
	.pro {
		background: #1E1E1E;
		padding-top: 90px;
		padding-bottom: 70px;
	}

		.pro ul li {
			width: calc((100% - 20px) / 2);
		}

			.pro ul li:nth-child(2n) {
				margin-right: 0;
			}

	.plist2 {
		margin-top: 60px;
	}

	.pro2 {
		padding: 60px 0;
		background: #fff;
	}

		.pro2 ul li {
			width: 100%;
			margin-bottom: 20px;
		}

	.pro3 .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.pro3 .right {
		width: 100%;
	}

	.pro4 .lileft {
		width: 100%;
		margin-bottom: 20px;
	}

	.pro4 .liright {
		width: 100%;
	}

	.pro5 {
		padding: 70px 0;
	}

		.pro5 h3 {
			width: 100%;
		}

		.pro5 span {
			width: 100%;
		}
}

.dbanner {
	position: relative;
}

	.dbanner .wenzi {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 135px;
		z-index: 99;
	}

		.dbanner .wenzi h4 {
			color: #D6D4D2;
			font-size: 18px;
		}

		.dbanner .wenzi h3 {
			color: #fff;
			font-size: 50px;
			margin: 15px 0;
		}

		.dbanner .wenzi span {
			display: block;
			font-size: 24px;
			color: #fff;
		}

@media screen and (max-width: 760px) {
	.dbanner .wenzi {
		bottom: 30px;
	}
}


.dmenu {
	box-shadow: 0 0 10px #E8E8E8;
}

	.dmenu ul li {
		width: 50%;
		text-align: center;
		float: left;
		width: 50%;
		text-align: center;
		padding: 20px 0;
	}

		.dmenu ul li:hover {
			opacity: 0.8;
		}

		.dmenu ul li h3 {
			color: #BDBDBD;
			font-size: 18px;
			line-height: 2;
			font-weight: normal;
		}

		.dmenu ul li.cur {
			border-bottom: 2px solid #000;
		}

			.dmenu ul li.cur h3 {
				color: #000;
			}

.dail1 {
	padding: 120px 0;
}

	.dail1 .nr {
		width: 60%;
	}

.dail3 {
	padding: 120px 0;
}

	.dail3 .left {
		width: 60%;
	}

		.dail3 .left h3 {
			font-size: 20px;
			color: #1E1E1E;
			margin-bottom: 30px;
		}

	.dail3 .right {
		width: 40%;
	}

.dail4 {
	padding: 60px 0;
	background: #F6F6F6;
}

	.dail4 h3 {
		font-size: 30px;
		color: #1E1E1E;
		margin: 30px 0;
	}

	.dail4 .nr {
		margin: 40px 0;
	}

	.dail4 a {
		display: inline-block;
		line-height: 50px;
		border-radius: 5px;
		background: #1E1E1E;
		color: #fff;
		text-align: center;
		font-size: 16px;
		padding: 0 20px;
	}

		.dail4 a:hover {
			opacity: 0.8;
		}


.dail5 ul li {
	padding: 60px 0;
}

	.dail5 ul li .left {
		width: 45%;
	}

	.dail5 ul li .right {
		width: 45%;
	}

.dail5 h3 {
	font-size: 24px;
	color: #1E1E1E;
}

.dail5 span {
	display: block;
	margin: 30px 0;
}

.dail5 a {
	display: inline-block;
	line-height: 50px;
	border-radius: 5px;
	background: #1E1E1E;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 0 20px;
}

	.dail5 a:hover {
		opacity: 0.8;
	}


.dail6 {
	padding: 60px 0;
	background: #F6F6F6;
}

	.dail6 h3 {
		font-size: 34px;
		color: #1E1E1E;
		margin-bottom: 60px;
	}

	.dail6 .left {
		width: 46%;
	}

	.dail6 .right {
		width: 46%;
	}

	.dail6 span {
		display: block;
		margin-bottom: 30px;
	}

	.dail6 a {
		display: inline-block;
		line-height: 50px;
		border-radius: 5px;
		background: #1E1E1E;
		color: #fff;
		text-align: center;
		font-size: 16px;
		padding: 0 20px;
	}

		.dail6 a:hover {
			opacity: 0.8;
		}

@media screen and (max-width: 760px) {
	.dail1 {
		padding: 60px 0;
	}

	.dail3 {
		padding: 60px 0;
	}

		.dail3 .left {
			width: 100%;
			margin-bottom: 20px;
		}

		.dail3 .right {
			width: 100%;
		}

	.dail1 .nr {
		width: 100%;
	}

	.dail5 ul li .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.dail5 ul li .right {
		width: 100%;
	}

	.dail6 .left {
		width: 100%;
	}

	.dail6 .right {
		width: 100%;
	}
}

.dail7 {
	padding: 120px 0;
	padding-bottom: 60px;
}

	.dail7 .nr {
		width: 60%;
	}




.dail8 {
	padding: 60px 0;
}

	.dail8 .dtit h3 {
		font-size: 24px;
		color: #1E1E1E;
		margin-bottom: 30px;
	}

	.dail8 ul li {
		box-shadow: 0 0 10px #ccc;
		margin-bottom: 30px;
	}

		.dail8 ul li .lileft {
			width: 30%;
		}

		.dail8 ul li .liright {
			width: 60%;
			padding: 5%;
		}

			.dail8 ul li .liright h3 {
				color: #1E1E1E;
				font-size: 24px;
				margin-bottom: 20px;
			}

			.dail8 ul li .liright span {
				display: block;
				line-height: 2;
				font-size: 18px;
				color: #1E1E1E;
				font-weight: 300;
			}



@media screen and (max-width: 760px) {
	.dail7 {
		padding: 60px 0;
		padding-bottom: 60px;
	}

		.dail7 .nr {
			width: 100%;
		}

	.dail8 ul li .lileft {
		width: 100%;
	}

	.dail8 ul li .liright {
		width: 90%;
		padding: 5%;
	}
}


.dcock {
	padding: 120px 0;
}

	.dcock .dctit h3 {
		font-size: 20px;
		color: #1E1E1E;
		margin-bottom: 90px;
	}

	.dcock .left {
		width: 68%;
	}

	.dcock .right {
		width: 28%;
	}

		.dcock .right .drtit {
			font-size: 20px;
			color: #1E1E1E;
			margin-bottom: 30px;
		}

		.dcock .right a {
			display: inline-block;
			line-height: 50px;
			border-radius: 5px;
			background: #1E1E1E;
			color: #fff;
			text-align: center;
			font-size: 16px;
			padding: 0 20px;
			margin-bottom: 20px;
		}

			.dcock .right a:hover {
				opacity: 0.8;
			}

.dcock2 .wapper {
	border-top: 2px solid #A6A6A6;
	padding: 120px 0;
}

.dcock2 ul li {
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

	.dcock2 ul li:nth-child(4n) {
		margin-right: 0;
	}

	.dcock2 ul li h3 {
		color: #000;
		font-weight: 300;
		line-height: 2;
		font-size: 18px;
	}

	.dcock2 ul li:hover {
		opacity: 0.8;
	}

@media screen and (max-width: 760px) {


	.dcock {
		padding: 60px 0;
	}

		.dcock .left {
			width: 100%;
			margin-bottom: 20px;
		}

		.dcock .right {
			width: 100%;
		}

	.dcock2 .wapper {
		padding: 60px 0;
	}

	.dcock2 ul li {
		width: 100%;
		margin-right: 0;
	}
}


.mod {
	padding-top: 190px;
	padding-bottom: 120px;
}

	.mod h4 {
		color: #979797;
		font-size: 16px;
	}

	.mod h3 {
		color: #fff;
		font-size: 60px;
	}


.mod2 dl dd {
	margin-bottom: 100px;
}

	.mod2 dl dd .left {
		width: 48%;
	}

	.mod2 dl dd .right {
		width: 48%;
	}

	.mod2 dl dd .left h3 {
		font-size: 40px;
		font-weight: 300;
		color: #fff;
	}

	.mod2 dl dd .left .nr {
		display: block;
		margin: 30px 0;
		font-size: 16px;
		line-height: 2;
		color: #fff;
	}

	.mod2 dl dd ul li {
		display: inline-block;
		margin-bottom: 20px;
	}

		.mod2 dl dd ul li a {
			display: inline-block;
			padding: 0 20px;
			line-height: 50px;
			border-radius: 5px;
			font-size: 16px;
			color: #9A989A;
		}

	.mod2 dl dd ul .li1 a {
		background: #fff;
		border: 1px solid #fff;
	}

		.mod2 dl dd ul .li1 a:hover {
			background: #f2f2f2;
		}

	.mod2 dl dd ul .li2 a {
		border: 1px solid #fff;
		color: #fff;
	}


@media screen and (max-width: 760px) {
	.mod {
		padding-top: 90px;
		padding-bottom: 70px;
	}

		.mod h3 {
			color: #fff;
			font-size: 40px;
		}

	.mod2 dl dd {
		margin-bottom: 60px;
	}

		.mod2 dl dd .left {
			width: 100%;
			margin-bottom: 20px;
		}

		.mod2 dl dd .right {
			width: 100%;
		}

		.mod2 dl dd .left h3 {
			font-size: 26px;
		}
}

.ref {
	padding-top: 190px;
	padding-bottom: 120px;
}

	.ref span {
		display: block;
		color: #fff;
		font-size: 18px;
		margin: 70px 0;
	}

	.ref h3 {
		color: #fff;
		font-size: 60px;
	}

	.ref ul li input {
		border: 1px solid #fff;
		width: 40px;
		line-height: 40px;
		background: none;
	}

	.ref ul li {
		width: 31.3%;
		margin-right: 3%;
		float: left;
		margin-bottom: 15px;
		font-size: 18px;
		color: #fff;
	}

		.ref ul li:nth-child(3n) {
			margin-right: 0;
		}

.fef2 {
	padding-bottom: 60px;
}

	.fef2 ul li {
		width: 31.3%;
		position: relative;
		margin-right: 3%;
		margin-bottom: 20px;
		float: left;
	}

		.fef2 ul li:nth-child(3n) {
			margin-right: 0;
		}

		.fef2 ul li .wenzi {
			position: absolute;
			padding: 80px 55px;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 98;
		}

			.fef2 ul li .wenzi h4 {
				color: #767573;
				font-weight: normal;
				font-size: 20px;
				margin-bottom: 15px;
			}

			.fef2 ul li .wenzi h3 {
				color: #fff;
				font-size: 24px;
			}

			.fef2 ul li .wenzi h5 {
				color: #fff;
				font-weight: normal;
				font-size: 24px;
			}

			.fef2 ul li .wenzi span {
				display: block;
				font-size: 18px;
				color: #fff;
				line-height: 2;
				margin-bottom: 35px;
				display: none;
				transition: all 0.5s;
			}

			.fef2 ul li .wenzi a {
				color: #fff;
				font-size: 18px;
				display: none;
				transition: all 0.5s;
			}

		.fef2 ul li:hover .wenzi span {
			margin-top: 55px;
		}

		.fef2 ul li:hover .wenzi span {
			display: block;
		}

		.fef2 ul li:hover .wenzi a {
			display: block;
		}

		.fef2 ul li .imgarea {
			overflow: hidden;
		}

			.fef2 ul li .imgarea img {
				transition: all 0.5s;
			}

		.fef2 ul li:hover .imgarea img {
			transform: scale(1.1);
		}


.showmore {
	text-align: center;
	color: #fff;
	font-size: 18px;
	color: #fff;
}

	.showmore a {
		color: #fff;
	}


@media screen and (max-width: 760px) {
	.ref {
		padding-top: 90px;
		padding-bottom: 70px;
	}

		.ref ul li {
			width: 49%;
			margin-right: 2%;
			float: left;
			margin-bottom: 15px;
			font-size: 18px;
			color: #fff;
		}

			.ref ul li:nth-child(2n) {
				margin-right: 0;
			}

	.fef2 ul li {
		width: 100%;
		position: relative;
		margin-right: 0%;
		margin-bottom: 20px;
		float: left;
	}

		.fef2 ul li:nth-child(3n) {
			margin-right: 0;
		}

		.fef2 ul li .wenzi {
			padding: 40px 25px;
		}

	.ref h3 {
		color: #fff;
		font-size: 40px;
	}
}

.redetail {
	padding: 120px 0;
}

	.redetail .nr {
		width: 60%;
	}

.redetail2 .wapper {
	padding: 120px 0;
	border-top: 2px solid #A6A6A6;
	border-bottom: 2px solid #A6A6A6;
}

.finfo {
	margin-bottom: 55px;
}

	.finfo dl {
		margin-bottom: 20px;
	}

		.finfo dl dt {
			font-weight: bold;
			font-size: 16px;
			color: #1E1E1E;
		}

		.finfo dl dd {
			font-size: 16px;
			color: #1E1E1E;
			font-weight: 300;
			margin-top: 10px;
		}

.rplist {
	column-count: 3;
	column-gap: 20px;
	margin-bottom: 20px;
}

.redetail3 {
	padding: 120px 0;
	background: #fff;
}

	.redetail3 .ptit h3 {
		color: #1E1E1E;
	}

	.redetail3 ul li {
		width: calc((100% - 60px) / 4);
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
	}

		.redetail3 ul li .imgarea img {
			border-radius: 5px;
			overflow: hidden;
		}

		.redetail3 ul li .wenzi h3 {
			margin: 30px 0;
			color: #1E1E1E;
			font-size: 18px;
			font-weight: 300;
		}

		.redetail3 ul li:nth-child(4n) {
			margin-right: 0;
		}

		.redetail3 ul li:hover {
			opacity: 0.8;
		}

	.redetail3 .swiper-pagination {
		left: 0;
		right: 0;
	}

@media screen and (max-width: 760px) {
	.redetail {
		padding: 60px 0;
	}

	.redetail2 .wapper {
		padding: 60px 0;
	}

	.redetail .nr {
		width: 100%;
	}

	.rplist {
		column-count: 1;
		column-gap: 0;
		margin-bottom: 20px;
	}
}

.daildetail2 {
	padding-top: 190px;
	padding-bottom: 120px;
}

	.daildetail2 .h3 {
		color: #1E1E1E;
		font-size: 60px;
		margin-bottom: 120px;
	}

	.daildetail2 .left {
		width: 68%;
	}

	.daildetail2 .right {
		width: 28%;
	}

		.daildetail2 .right .imgarea {
			position: relative;
		}

			.daildetail2 .right .imgarea img {
				border-radius: 5px;
			}

			.daildetail2 .right .imgarea .wenzi {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 99;
				padding: 20px;
			}

		.daildetail2 .right h3 {
			font-size: 16px;
			color: #fff;
		}

		.daildetail2 .right span {
			display: block;
			color: #fff;
			font-size: 16px;
		}

		.daildetail2 .right:hover .w2 {
			display: block;
		}

		.daildetail2 .right .w2 {
			display: none;
		}

		.daildetail2 .right:hover .w1 {
			display: none;
		}

		.daildetail2 .right a {
			color: #fff;
			font-size: 16px;
		}

.daildetail3 .ddh3 h3 {
	font-size: 24px;
	color: #1E1E1E;
	margin-bottom: 40px;
}

.daildetail3 .daildetail3nr {
	padding: 120px 0;
	background: #F6F6F6;
}

.daildetail3 .daildetail3nr2 .left {
	width: 48%;
}

.daildetail3 .daildetail3nr2 .right {
	width: 48%;
}

	.daildetail3 .daildetail3nr2 .right ul li {
		width: 48%;
		margin: 1%;
		float: left;
	}

.biao {
	margin-top: 80px;
}

.tab_val2 {
	display: none;
}

.tanchu {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

	.tanchu .tanchumain {
		background: #fff;
		border-radius: 20px;
		position: fixed;
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px;
		z-index: 9999;
		overflow: hidden;
	}

		.tanchu .tanchumain .left {
			position: fixed;
			left: 20px;
			top: 20px;
			bottom: 20px;
			width: 50%;
			border-radius: 20px;
		}

	.tanchu .close {
		position: fixed;
		right: 3%;
		top: 5%;
		display: block;
	}

	.tanchu .tanchumain .right {
		width: 40%;
		padding: 0 5%;
	}

.title2 li {
	display: inline-block;
	line-height: 50px;
	padding: 0 20px;
	font-size: 16px;
	color: #949494;
}

	.title2 li.cur {
		background: #1E1E1E;
		color: #fff;
	}

	.title2 li:hover {
		background: #1E1E1E;
		color: #fff;
	}

.leftbtn {
	position: fixed;
	left: 20px;
	top: 50%;
	margin-top: -26.5px;
	z-index: 999;
}

.rightbtn {
	position: fixed;
	right: 20px;
	top: 50%;
	margin-top: -26.5px;
	z-index: 999;
}

.tantit {
	margin: 35px 0;
}

	.tantit h3 {
		font-size: 24px;
		color: #1E1E1E;
	}

	.tantit h4 {
		margin: 15px 0;
		color: #1E1E1E;
		font-weight: 300;
		font-size: 30px;
	}

	.tantit span {
		display: block;
		font-size: 14px;
		color: #1E1E1E;
	}

@media screen and (max-width: 760px) {
	.tanchu .tanchumain {
		border-radius: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

		.tanchu .tanchumain .left {
			position: relative;
			border-radius: 0;
			width: 100%;
			left: 0;
			top: 0;
			bottom: auto;
		}

		.tanchu .tanchumain .right {
			width: 90%;
			padding: 0 5%;
		}

	.leftbtn {
		display: none;
	}

	.rightbtn {
		display: none;
	}
}


.tandowan dl dt {
	font-size: 18px;
	color: #1E1E1E;
	font-weight: bold;
	margin-bottom: 10px;
}

.tandowan dl dd {
	line-height: 60px;
	border-bottom: 1px solid #CCCCCC;
}

	.tandowan dl dd h3 {
		font-weight: normal;
		font-size: 16px;
		color: #1E1E1E;
	}

		.tandowan dl dd h3 span {
			color: #A9ACAC;
		}

.tandowan .tdright img:hover {
	opacity: 0.8;
}

.tandowan .tdnr {
	margin-top: 20px;
	font-size: 12px;
	color: #949494;
}

.tv {
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}

	.tv .scrol {
		height: 1000px;
	}

	.tv h3 {
		font-size: 18px;
		color: #1E1E1E;
		margin-bottom: 10px;
	}

	.tv span {
		display: block;
		font-weight: 300;
		font-size: 16px;
		margin-bottom: 10px;
	}

.label {
	margin-bottom: 30px;
	font-size: 18px;
}

	.label input {
		border-bottom: 1px solid #1E1E1E;
		outline: none;
		line-height: 50px;
		color: #1E1E1E;
		width: 100%;
	}

	.label textarea {
		width: 100%;
		border: 0;
		border-bottom: 1px solid #1E1E1E;
		outline: none;
	}

	.label a {
		display: block;
		width: 150px;
		line-height: 50px;
		border: 1px solid #000000;
		font-size: 18px;
		color: #000;
		text-align: center;
		border-radius: 5px;
	}

		.label a:hover {
			opacity: 0.5;
		}

.tv .ttnr {
	margin-bottom: 30px;
}

	.tv .ttnr span {
		margin: 30px 0;
	}

	.tv .ttnr a {
		display: inline-block;
		line-height: 50px;
		border-radius: 5px;
		background: #1E1E1E;
		color: #fff;
		text-align: center;
		font-size: 16px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

		.tv .ttnr a:hover {
			opacity: 0.8;
		}

.w48 {
	width: 48%;
}


.daildetail4 {
	padding: 120px 0;
}

	.daildetail4 h3 {
		font-size: 30px;
		color: #1E1E1E;
		margin-bottom: 40px;
	}

	.daildetail4 h4 {
		color: #1E1E1E;
		margin-bottom: 20px;
		font-size: 20px;
	}

	.daildetail4 span {
		display: block;
		font-size: 16px;
		color: #1E1E1E;
		font-weight: 300;
		margin-bottom: 20px;
	}

	.daildetail4 ul li {
		line-height: 40px;
		font-size: 16px;
	}

		.daildetail4 ul li:hover {
			opacity: 0.8;
		}

.daildetail5 {
	padding: 120px 0;
}

	.daildetail5 .ptit h3 {
		color: #1E1E1E;
	}

.dbn a:hover {
	opacity: 0.8;
}

.dbn h3 {
	color: #6C6C6C;
	font-weight: 300;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}


@media screen and (max-width: 760px) {
	.daildetail2 {
		padding-top: 90px;
		padding-bottom: 70px;
	}

		.daildetail2 .left {
			width: 100%;
			margin-bottom: 20px;
		}

		.daildetail2 .right {
			width: 100%;
		}

		.daildetail2 .h3 {
			color: #1E1E1E;
			font-size: 40px;
			margin-bottom: 60px;
		}

	.daildetail3 .daildetail3nr {
		padding: 60px 0;
	}

	.daildetail3 .daildetail3nr2 .left {
		width: 100%;
		margin: 40px 0;
	}

	.daildetail3 .daildetail3nr2 .right {
		width: 100%;
	}

	.biao {
		margin-top: 0;
	}

	.daildetail4 {
		padding: 60px 0;
	}

	.daildetail5 {
		padding: 60px 0;
	}

	.w48 {
		width: 100%;
	}
}

.prodetail {
	padding: 120px 0;
	background: #050505;
}

	.prodetail .left {
		width: 48%;
		padding-top: 100px;
	}

		.prodetail .left h4 {
			color: #878787;
			font-weight: normal;
			font-size: 16px;
		}

		.prodetail .left h3 {
			color: #fff;
			font-size: 60px;
			margin-bottom: 40px;
		}

		.prodetail .left span {
			display: block;
			font-size: 16px;
			color: #fff;
			line-height: 2;
		}

	.prodetail .right {
		width: 48%;
	}

.prodetail2 {
	padding: 120px 0;
	background: #1E1E1E;
}

	.prodetail2 .prolist ul li {
		position: relative;
		width: calc((100% - 60px) / 4);
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
	}

		.prodetail2 .prolist ul li:nth-child(4n) {
			margin-right: 0;
		}

		.prodetail2 .prolist ul li h3 {
			position: relative;
			line-height: 50px;
		}

		.prodetail2 .prolist ul li em.on {
			transform: rotate(90deg);
		}

		.prodetail2 .prolist ul li em {
			transform: rotate(270deg);
			transition: all .3s;
			position: absolute;
			right: 10px;
			top: 10px;
			display: block;
			cursor: pointer;
			font-style: normal;
			color: #fff;
		}

			.prodetail2 .prolist ul li em:after {
				content: '>';
				font-family: simsun;
				font-size: 20px;
				line-height: 30px;
				width: 30px;
				text-align: center;
				display: block;
			}

	.prodetail2 .prolist ul li {
		border-bottom: 1px solid #fff;
	}

		.prodetail2 .prolist ul li h3 {
			font-size: 16px;
			color: #fff;
			font-weight: normal;
		}

		.prodetail2 .prolist ul li dl {
			position: absolute;
			left: 0;
			right: 0;
			top: 50px;
			background: #fff;
			padding: 10px 0;
			display: none;
		}

		.prodetail2 .prolist ul li dd {
			padding: 0 20px;
			line-height: 40px;
			font-size: 16px;
		}

		.prodetail2 .prolist ul li .check {
			margin-top: 10px;
		}

		.prodetail2 .prolist ul li dd:hover {
			background: #f2f2f2;
		}

	.prodetail2 .prolist {
		margin-bottom: 100px;
	}

	.prodetail2 .pplist {
		margin-bottom: 20px;
	}

		.prodetail2 .pplist .left {
			width: 20%;
			font-size: 20px;
			color: #fff;
		}

		.prodetail2 .pplist .right {
			width: 78%;
		}

		.prodetail2 .pplist ul li {
			width: calc((100% - 40px)/4);
			margin-right: 13px;
			float: left;
			margin-bottom: 20px;
		}

			.prodetail2 .pplist ul li:nth-child(3n) {
				margin-right: 0;
			}

			.prodetail2 .pplist ul li:hover {
				opacity: 0.8;
			}


@media screen and (max-width: 760px) {
	.prodetail {
		padding: 60px 0;
		background: #050505;
	}

	.prodetail2 {
		padding: 60px 0;
		background: #1E1E1E;
	}


	.prodetail .left h3 {
		color: #fff;
		font-size: 40px;
		margin-bottom: 40px;
	}

	.prodetail .left {
		width: 100%;
		padding-top: 0;
		margin-bottom: 20px;
	}

	.prodetail .right {
		width: 100%;
	}

	.prodetail2 .pplist .left {
		width: 100%;
		font-size: 20px;
		color: #fff;
		margin-bottom: 20px;
	}

	.prodetail2 .pplist .right {
		width: 100%;
	}

	.prodetail2 .prolist ul li {
		position: relative;
		width: 100%;
		margin-right: 0;
		float: left;
	}

	.prodetail2 .pplist ul li {
		width: 100%;
		margin-right: 0;
		float: left;
		margin-bottom: 20px;
	}
}

.tab_val3 {
	display: none;
	background: #F6F6F6;
	padding: 60px 0;
}

.prodetail4 {
	padding: 120px 0;
}

	.prodetail4 .nr {
		width: 60%;
	}

	.prodetail4 .ddh3 h3 {
		font-size: 24px;
		color: #1E1E1E;
		margin-bottom: 40px;
	}

	.prodetail4 .prodetail4nr {
	}

		.prodetail4 .prodetail4nr .lleft {
			width: 48%;
		}

		.prodetail4 .prodetail4nr .rright {
			width: 48%;
		}

			.prodetail4 .prodetail4nr .rright .pc li {
				width: 48%;
				margin: 1%;
				float: left;
			}

.title3 li {
	display: inline-block;
	line-height: 50px;
	padding: 0 20px;
	font-size: 16px;
	color: #B3B3B3;
}

	.title3 li.cur {
		color: #1E1E1E;
		border-bottom: 2px solid #1E1E1E;
	}

.prodetail5 ul {
	column-count: 3;
	column-gap: 20px;
	margin-bottom: 20px;
}

.prodetail5 .ptit h3 {
	color: #1E1E1E;
}

.showmore {
	color: #1E1E1E;
	font-size: 18px;
}

	.showmore a {
		color: #1E1E1E;
	}

		.showmore a:hover {
			opacity: 0.8;
		}


.xuanze ul li {
	position: relative;
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}

	.xuanze ul li:nth-child(4n) {
		margin-right: 0;
	}

	.xuanze ul li h3 {
		position: relative;
		line-height: 50px;
	}

	.xuanze ul li em.on {
		transform: rotate(270deg);
	}

	.xuanze ul li em {
		transform: rotate(90deg);
		transition: all .3s;
		position: absolute;
		right: 10px;
		top: 10px;
		display: block;
		cursor: pointer;
		font-style: normal;
		color: #000;
	}

		.xuanze ul li em:after {
			content: '>';
			font-family: simsun;
			font-size: 20px;
			line-height: 30px;
			width: 30px;
			text-align: center;
			display: block;
		}

.xuanze ul li {
	border-bottom: 1px solid #000;
}

	.xuanze ul li h3 {
		font-size: 16px;
		color: #000;
		font-weight: normal;
	}

	.xuanze ul li dl {
		position: absolute;
		left: 0;
		right: 0;
		top: 60px;
		background: #fff;
		padding: 10px 0;
		display: none;
	}

	.xuanze ul li dd {
		padding: 0 20px;
		line-height: 40px;
		font-size: 16px;
	}

	.xuanze ul li .check {
		margin-top: 10px;
	}

	.xuanze ul li dd:hover {
		background: #f2f2f2;
	}

	.xuanze ul li h3 span {
		display: inline-block;
		padding-right: 30px;
		border-radius: 5px;
		background:;
		line-height: 30px;
		margin-top: 10px;
		margin-right: 5px;
		cursor: pointer;
	}


.prodetail4 .biao {
	text-align: left;
}

.th {
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}

	.th .scrol {
		height: 1000px;
	}

.ttth3 h3 {
	font-size: 18px;
	color: #000;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.tttllist ul li {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

	.tttllist ul li .lileft {
		width: 30%;
	}

	.tttllist ul li .liirght {
		width: 68%;
	}

		.tttllist ul li .liirght h3 {
			margin-bottom: 20px;
		}

			.tttllist ul li .liirght h3 a {
				font-size: 18px;
				color: #1e1e1e;
			}

				.tttllist ul li .liirght h3 a:hover {
					opacity: 0.8;
				}

.tttllist ul dl dd {
	padding-left: 30px;
	font-size: 16px;
	line-height: 40px;
}

@media screen and (max-width: 760px) {
	.prodetail5 ul {
		column-count: 1;
		column-gap: 0;
		margin-bottom: 20px;
	}

	.tttllist ul li .lileft {
		width: 100%;
		margin-bottom: 20px;
	}

	.tttllist ul li .liirght {
		width: 100%;
	}
}

.ibanner img {
	width: 100%;
}