@charset "UTF-8";

body, html {
	/*font-family: "Source Han Sans CN"," ","微軟正黑體", "Microsoft JhengHei","Helvetica Neue", Helvetica, "Heiti SC",Arial, sans-serif;*/
}

/*@font-face {
	font-family: 'BEBAS';
	src: url("../fonts/BEBAS.eot");
	src: url("../fonts/BEBAS.eot") format("embedded-opentype"), url("../fonts/BEBAS.woff2") format("woff2"), url("../fonts/BEBAS.woff") format("woff"), url("../fonts/BEBAS.ttf") format("truetype"), url("../fonts/BEBAS.svg#BEBAS") format("svg");
}*/

body {
	overflow: hidden;
	position: relative;
}

img {
	max-width: 100%
}

.ovh-f {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}

.w1420 {
	width: 1420px;
	margin: 0 auto;
}

.header2 {
	height: 55px;
	position: relative;
	background: #fff;
	z-index: 999;
	width: 100%;
	display: none;
}

	.header2 .main-wrap {
		height: 55px;
		padding: 0 3%;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}

	.header2 .logo {
		width: 240px;
		height: 55px;
		line-height: 55px;
		overflow: hidden;
	}

		.header2 .logo a {
			display: block;
		}

		.header2 .logo img {
			width: 100%;
			vertical-align: middle;
		}

	.header2 .nav-btn {
		width: 35px;
		height: 25px;
		position: relative;
		cursor: pointer;
		margin-top: .5rem;
	}

		.header2 .nav-btn .line {
			display: block;
			width: 100%;
			height: 3px;
			border-radius: 3px;
			background-color: #ababab;
			position: absolute;
			left: 0;
		}

		.header2 .nav-btn .line1 {
			transform-origin: left 0px 0;
		}

		.header2 .nav-btn .line2 {
			top: 11px;
		}

		.header2 .nav-btn .line3 {
			bottom: 0;
			transform-origin: left 4px 0;
		}

		.header2 .nav-btn.active {
			animation: rotate 0.5s linear 0s;
		}

			.header2 .nav-btn.active .line1 {
				top: 0px;
			}

		.header2 .nav-btn.hover .line {
			background: #d6c1aa;
		}

	.header2 .sub-menu {
		width: 100%;
		padding: 0 3%;
		display: none;
		position: absolute;
		left: 0;
		top: 60px;
		z-index: 2;
		height: calc(100vh - 55px - 1rem);
		overflow-y: auto;
		overflow-x: hidden;
	}

		.header2 .sub-menu ul {
			width: 100%;
			overflow-x: hidden;
			/*overflow-y: scroll;
  height: calc(100vh - 55px - 1.5rem);*/
		}

		.header2 .sub-menu li {
			border-bottom: 1px solid #dcdcdc;
			font-size: 16px;
		}

		.header2 .sub-menu .tit {
			display: block;
			width: 100%;
			padding: 0 3%;
			line-height: 60px;
			color: #000;
			position: relative;
			box-sizing: border-box;
		}

		.header2 .sub-menu .titx {
			display: block;
			width: 100%;
			padding: 0 3%;
			line-height: 60px;
			color: #000;
			position: relative;
			border-bottom: 1px solid #dcdcdc;
		}

		.header2 .sub-menu .sub-tit:after {
			content: '';
			display: block;
			width: 26px;
			height: 26px;
			background: url(../images/ico_03.png) no-repeat center;
			background-size: 17px auto;
			position: absolute;
			right: 3%;
			top: 15px;
		}

		.header2 .sub-menu .sub-tit.on {
			background-color: #e9e9e9;
		}

			.header2 .sub-menu .sub-tit.on:after {
				background: url(../images/ico_03_h-1.png) no-repeat center;
				background-size: 20px auto;
			}

		.header2 .sub-menu .sec-list {
			line-height: 40px;
			padding: 10px 4%;
			display: none;
		}

			.header2 .sub-menu .sec-list p {
				background: url(../images/ico_04.png) no-repeat left center;
				background-size: 3px auto;
				font-size: 14px;
			}

			.header2 .sub-menu .sec-list a {
				padding-left: 3%;
				color: #666;
				display: block;
			}

.search-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: #f5f5f5;
	display: none;
	z-index: 20;
}

.search-alert {
	position: fixed;
	z-index: 100;
	background-color: #666;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

	.search-alert input::-webkit-input-placeholder {
		color: #fff !important;
	}

	.search-alert input::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #fff !important;
	}

	.search-alert input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #fff !important;
	}

	.search-alert input:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #fff !important;
	}

	.search-alert .cent-form {
		opacity: 0;
		transform: translate(0, 40px);
		transition: all .5s;
	}

	.search-alert .close {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 38px;
		right: 2.6%;
		cursor: pointer;
		transition: all .3s ease-in-out;
	}

		.search-alert .close:before {
			font-size: 30px;
			top: 0;
			left: 0;
			color: #fff;
			transition: all 0.3s ease-in-out;
		}

		.search-alert .close:hover:before {
			color: #d00010;
		}

	.search-alert .cent-form {
		position: absolute;
		width: 94.8%;
		left: 2.6%;
		top: 50%;
		height: 2rem;
		margin-top: -63px;
		border-bottom: 1px solid #515151;
	}

		.search-alert .cent-form:before {
			color: #fff;
			font-size: 30px;
			position: absolute;
			left: 0;
			height: 50px;
			top: 50%;
			margin-top: -25px;
		}

		.search-alert .cent-form .tex {
			border: none;
			font-size: 1.2rem;
			height: 1.5rem;
			line-height: 1.5rem;
			text-align: center;
			width: 100%;
			color: #555;
			background: none;
			padding-left: 2rem;
			padding-right: 3.5rem;
		}

		.search-alert .cent-form .sub-butn {
			border: none;
			height: 1.5rem;
			font-size: .8rem;
			line-height: 1.5rem;
			color: #555;
			text-align: right;
			background: none;
			position: absolute;
			right: 0;
			top: 0;
			width: 3.5rem;
			text-align: center;
		}

.search-alert {
	transform-origin: bottom center;
	transform: scaleY(0);
	transition: transform .3s .5s;
}

	.search-alert.active {
		transform-origin: top center;
		transform: scaleY(1);
		transition: transform .3s;
	}

		.search-alert.active .cent-form {
			opacity: 1;
			transform: translate(0, 0);
			transition: all .5s .3s;
		}

.header1 {
	position: fixed;
	width: 100%;
	z-index: 9999;
	transition: all .3s ease-in-out;
}

	.header1 .n-header {
		height: 100px;
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		align-items: center;
		align-items: center;
		transition: all .3s ease-in-out;
	}

	.header1 .logo {
		width: 30%;
		height: 100%;
		position: relative;
	}

		.header1 .logo img {
			max-width: 100%;
			position: absolute;
			left: 0;
			top: 50%;
			transition: all .3s ease-in-out;
			transform: translateY(-50%);
		}

		.header1 .logo .img1 {
			opacity: 1;
		}

		.header1 .logo .img2 {
			opacity: 0;
		}

	.header1 .nav {
		margin-left: 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}

		.header1 .nav .li {
			position: relative;
			height: 100px;
			line-height: 100px;
			margin-right: 21px;
			font-size: 16px;
			position: relative;
			transition: all .3s ease;
		}

			.header1 .nav .li:before {
				content: "";
				position: absolute;
				width: 0%;
				height: 1px;
				background: #fff;
				top: 72px;
				right: 0;
				transition: all .3s ease-in-out;
			}

			.header1 .nav .li a {
				display: block;
				color: #000;
				width: 100px;
				letter-spacing: 3px;
			}

			.header1 .nav .li:hover:before, .header1 .nav li.cur:before {
				width: 100%;
			}

		.header1 .nav .subox {
			position: absolute;
			left: 50%;
			margin-left: -60px;
			width: 120px;
			top: 100px;
			background: #ffffff94;
			padding: 15px 0;
			text-align: center;
			display: none;
		}

			.header1 .nav .subox a {
				line-height: 35px;
				color: #666;
				font-weight: 600;
				transition: all .3s ease;
				width: 124px;
				letter-spacing: 1px;
			}

				.header1 .nav .subox a:hover {
					font-weight: 600;
					color: #000;
				}

	.header1 .header-right {
		width: 170px;
		height: 100px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		padding-left: .7rem;
	}

		.header1 .header-right:before {
			content: "";
			position: absolute;
			width: 1px;
			height: 16px;
			top: 50%;
			left: 0;
			background: rgba(255, 255, 255, 0.2);
			margin-top: -8px;
			transition: all .3s ease;
		}

	.header1 .search-btn {
		font-size: 20px;
		color: #fff;
		cursor: pointer;
		transition: all .3s ease;
	}

	.header1 .business-btn {
		display: block;
		margin-left: .5rem;
		width: 100px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		background: #ccb195;
		border-radius: 30px;
		font-size: 14px;
	}

		.header1 .business-btn:before {
			width: 200px;
			height: 200px;
			background: #c0a58a;
		}

		.header1 .business-btn p {
			position: relative;
			z-index: 2;
		}

	.header1.ding {
		background: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}

		.header1.ding .n-header {
			height: 100px;
		}

		.header1.ding .logo .img1 {
			opacity: 0;
		}

		.header1.ding .logo .img2 {
			opacity: 1;
		}

		.header1.ding .nav .li {
			height: 100px;
			line-height: 100px;
		}

			.header1.ding .nav .li a {
				color: #666;
			}

		.header1.ding .header-right {
			height: 80px;
		}

			.header1.ding .header-right:before {
				background: rgba(0, 0, 0, 0.2);
			}

		.header1.ding .search-btn {
			color: #666;
		}

		.header1.ding .nav .subox {
			top: 100px;
		}

		.header1.ding .nav .li:before {
			background: #c0a58a;
		}

	.header1.scroll {
		background: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}

		.header1.scroll .n-header {
			height: 80px;
		}

		.header1.scroll .logo .img1 {
			opacity: 0;
		}

		.header1.scroll .logo .img2 {
			opacity: 1;
		}

		.header1.scroll .nav .li {
			height: 80px;
			line-height: 80px;
		}

			.header1.scroll .nav .li a {
				color: #666;
				text-align: left;
				margin-left: 14px;
			}

				.header1.scroll .nav .li a:hover {
					color: #b18147;
				}

		.header1.scroll .header-right:before {
			background: rgba(0, 0, 0, 0.2);
		}

		.header1.scroll .search-btn {
			color: #666;
		}

		.header1.scroll .nav .subox {
			top: 80px;
		}

		.header1.scroll .nav .li:before {
			background: #c0a58a;
		}

		.header1.scroll .header-right {
			height: 80px;
		}

footer .address-box {
	background: #f7f7f7;
	padding: 1rem 0 1.25rem;
}

	footer .address-box .w1420 {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

/*slideTxtBox_01*/

.slideTxtBox_02 {
	width: 100%;
}

	.slideTxtBox_02 .hd {
		width: 320px;
		float: left;
	}

		.slideTxtBox_02 .hd ul li {
			cursor: pointer;
			line-height: 1.2;
			margin-bottom: 28px;
			cursor: pointer;
			color: #ccc;
			font-weight: bold;
			transition: all .3s ease-in-out;
		}

			.slideTxtBox_02 .hd ul li.on {
				color: #666;
			}

footer .address-box .item-tab.cur, footer .address-box .item-tab:hover {
	color: #666;
}

footer .address-box .item-ajax {
	width: calc(100% - 320px);
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: flex-start;
}

	footer .address-box .item-ajax .add {
		width: 100%;
		margin-right: 3.5rem;
		margin-bottom: 20px;
	}

		footer .address-box .item-ajax .add .tit1 {
			font-size: 16px;
			line-height: 1.5;
			color: #666;
			padding-bottom: 10px;
			border-bottom: 1px solid #dedede;
			padding-left: 28px;
			position: relative;
			font-weight: bold;
		}

			footer .address-box .item-ajax .add .tit1:before {
				position: absolute;
				left: 0;
			}

		footer .address-box .item-ajax .add .p-14 {
			margin-top: .5rem;
		}

	footer .address-box .item-ajax .tel {
		width: 100%;
		margin-right: 3.5rem;
	}

		footer .address-box .item-ajax .tel .tit1 {
			font-size: 16px;
			line-height: 1.5;
			color: #666;
			padding-bottom: 10px;
			border-bottom: 1px solid #dedede;
			padding-left: 28px;
			position: relative;
			font-weight: bold;
		}

			footer .address-box .item-ajax .tel .tit1:before {
				position: absolute;
				left: 0;
			}

		footer .address-box .item-ajax .tel .p-14 {
			margin-top: .5rem;
		}

	footer .address-box .item-ajax .wxbox {
		width: 200px;
		/*margin-right: 3.5rem;*/
	}

		footer .address-box .item-ajax .wxbox .tit1 {
			font-size: 16px;
			line-height: 1.5;
			color: #666;
			padding-bottom: 10px;
			border-bottom: 1px solid #dedede;
			padding-left: 28px;
			position: relative;
			font-weight: bold;
		}

			footer .address-box .item-ajax .wxbox .tit1:before {
				position: absolute;
				left: 0;
			}

		footer .address-box .item-ajax .wxbox .p-14 {
			margin-top: .5rem;
			overflow: hidden;
		}

			footer .address-box .item-ajax .wxbox .p-14 img {
				width: 49%;
				margin-right: 2%;
				float: left;
			}

				footer .address-box .item-ajax .wxbox .p-14 img:last-child {
					margin-right: 0;
					margin-left: 50px;
				}

footer .address-box .title {
	font-weight: bold;
	width: 100%;
	padding-bottom: .6rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #dedede;
}

footer .footer-nav {
	background: #1a1a1a;
	padding-top: 1rem;
}

footer .footer-top {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1rem;
}

	footer .footer-top .logo {
		width: 361px;
	}

		footer .footer-top .logo img {
			max-width: 100%;
		}

	footer .footer-top .nav {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

		footer .footer-top .nav a {
			padding: 0 1rem;
			color: #fff;
			position: relative;
			transition: all .3s ease-in-out;
		}

			footer .footer-top .nav a:before {
				content: "";
				position: absolute;
				width: 1px;
				height: 10px;
				background: #484848;
				top: 50%;
				margin-top: -5px;
				right: 0;
			}

			footer .footer-top .nav a:last-child:before {
				display: none;
			}

	footer .footer-top a:hover {
		color: #c0a58a;
	}

footer .nav-bot {
	height: 78px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #313131;
}

	footer .nav-bot a {
		color: #d3d3d3;
		opacity: .3;
		margin: 0 10px;
		transition: all .3s ease-in-out;
	}

		footer .nav-bot a:hover {
			opacity: 1;
		}

footer .footer-bot .w1420 {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #313131;
	padding: .5rem 0;
}

footer .footer-bot .p1 {
	color: #d3d3d3;
	opacity: .3;
}

footer .footer-bot .p2 .sp1 {
	color: #d3d3d3;
	opacity: .3;
}

footer .footer-bot .p2 a {
	color: #d3d3d3;
	opacity: .3;
	transition: all .3s ease-in-out;
}

	footer .footer-bot .p2 a:hover {
		opacity: 1;
	}

.i-banner {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	/*.wswiper-pagination{
    width:320px;
    height:88px;
    position: absolute;
  }*/
}

	.i-banner a {
		display: block;
	}

	.i-banner .swiper-slide {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.i-banner .wswiper-pagination {
		width: 320px;
		height: 88px;
		position: absolute;
		bottom: 0;
		z-index: 2;
		right: calc(50% - 710px);
		background: #fff;
	}

	.i-banner .swiper-button-warp {
		width: 160px;
		height: 88px;
		position: relative;
	}

		.i-banner .swiper-button-warp .swiper-button-next, .i-banner .swiper-button-warp .swiper-button-prev {
			width: 80px;
			height: 88px;
			line-height: 88px;
			text-align: center;
			font-size: 20px;
			color: #000;
			left: auto;
			top: auto;
			margin-top: auto;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
		}

		.i-banner .swiper-button-warp:before {
			content: "";
			position: absolute;
			width: 1px;
			height: 25px;
			background: #cfcfcf;
			left: 50%;
			top: 50%;
			margin-top: -12.5px;
		}

		.i-banner .swiper-button-warp .swiper-button-next {
			transform: rotate(-180deg);
			right: 0;
		}

	.i-banner .pagebtn {
		width: 160px;
		position: relative;
		line-height: 88px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
	}

		.i-banner .pagebtn .sp1, .i-banner .pagebtn .sp2, .i-banner .pagebtn .sp3 {
			font-family: "BEBAS";
			font-size: 16px;
		}

		.i-banner .pagebtn .sp2, .i-banner .pagebtn .sp3 {
			color: #999;
		}

		.i-banner .pagebtn .sp1 {
			color: #666;
		}

		.i-banner .pagebtn .sp1, .i-banner .pagebtn .sp3 {
			width: 30px;
			height: 88px;
			text-align: center;
		}

.top-title {
	margin-bottom: 1rem;
}

	.top-title .n-title {
		display: inline-block;
	}

	.top-title .tit1 {
		text-transform: uppercase;
		font-weight: bold;
		line-height: 1.2;
		font-size: 29px;
	}

	.top-title .tit2 {
		position: relative;
	}

		.top-title .tit2 p {
			display: inline-block;
			background: #fff;
			padding: 0 10px;
			position: relative;
			z-index: 2;
		}

		.top-title .tit2:before {
			content: "";
			position: absolute;
			width: 110%;
			margin-left: -55%;
			left: 50%;
			height: 1px;
			background: #cccccc;
			top: 50%;
			z-index: 1;
		}

.data.container {
	max-width: 1200px;
	padding-left: 0;
	padding-right: 0;
}

.data .content {
	background-color: #c61727;
	color: #fff;
	padding: 8px 0;
	overflow: hidden;
}

.data .item {
	width: 20%;
	height: 140px;
	padding: 21px 0;
	text-align: center;
	float: left;
}

	.data .item h1 {
		line-height: 2.2em;
		font-size: 35px;
	}

	.data .item h3 {
		line-height: 1.25em;
		font-size: 18px;
	}

.i-lista {
	padding: 1rem 0 0;
	background: #fff;
	position: relative;
	z-index: 1;
}

	.i-lista .swiper-one {
		width: 100%;
		position: relative;
		overflow: hidden;
	}

		.i-lista .swiper-one img {
			/*max-width:100%;*/
		}

		.i-lista .swiper-one a {
			display: block;
			width: 100%;
			height: 100%;
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: center;
		}

		.i-lista .swiper-one .swiper-slide {
			height: 13rem;
			width: 40vw !important;
			transition: all .3s ease-in-out;
		}

			.i-lista .swiper-one .swiper-slide.swiper-slide-active, .i-lista .swiper-one .swiper-slide:hover {
				width: 19vw !important;
			}

		.i-lista .swiper-one .text {
			text-align: left;
		}

		.i-lista .swiper-one .line {
			width: 50px;
			height: 5px;
			background: #fff;
			margin-bottom: 1rem;
			display: block;
		}

		.i-lista .swiper-one .p {
			line-height: 1.2;
			font-size: .75rem;
		}

		.i-lista .swiper-one .year {
			font-size: 20px;
			line-height: 1;
		}

			.i-lista .swiper-one .year span {
				font-family: "BEBAS";
			}

	.i-lista .swiper-button-prev {
		transform: translate(-80px, 0);
	}

	.i-lista .swiper-button-next, .i-lista .swiper-button-prev {
		width: 80px;
		height: 88px;
		line-height: 88px;
		text-align: center;
		font-size: 36px;
		color: #fff;
		margin-top: -44px;
		opacity: 1;
		transition: all .3s ease;
		background: none !important;
		opacity: 0;
	}

	.i-lista .swiper-button-next {
		transform: rotate(-180deg) translate(-80px, 0);
		right: 0;
	}

	.i-lista .swiper-one:hover .swiper-button-prev {
		opacity: 1;
		transform: translate(0, 0);
	}

	.i-lista .swiper-one:hover .swiper-button-next {
		opacity: 1;
		transform: rotate(-180deg) translate(0, 0);
	}

.i-listb {
	padding: 1rem 0 0;
	background: #fff;
	position: relative;
	z-index: 1;
}

	.i-listb .swiper-box {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem;
	}

	.i-listb .more {
		padding-left: 30px;
		background: url(../images/img2.png) no-repeat center left;
		font-size: 14px;
		color: #666;
	}

	.i-listb .more-two {
		text-align: center;
		margin-top: 1rem;
	}

		.i-listb .more-two p {
			padding-left: 30px;
			background: url(../images/img2.png) no-repeat center left;
			font-size: 14px;
			color: #666;
			display: inline-block;
		}

	.i-listb .swiper-tab {
		width: 92%;
		position: relative;
		overflow: hidden;
		/*&:hover{
      .swiper-button-prev{
        opacity:1;
        transform:translate(0,0);
      }
      .swiper-button-next{
        opacity:1;
        transform:rotate(-180deg) translate(0,0);
      }
  }*/
	}

		.i-listb .swiper-tab .swiper-slide {
			height: 42px;
			line-height: 42px;
			cursor: pointer;
			border: 1px solid #dedede;
			text-align: center;
			transition: background .3s ease-in-out,color .3s ease-in-out;
		}

			.i-listb .swiper-tab .swiper-slide.cur, .i-listb .swiper-tab .swiper-slide:hover {
				background: #d6c1aa;
				color: #fff;
				border: 1px solid #d6c1aa;
			}

		.i-listb .swiper-tab .swiper-button-prev {
			transform: translate(-80px, 0);
			left: 20px;
		}

		.i-listb .swiper-tab .swiper-button-next, .i-listb .swiper-tab .swiper-button-prev {
			width: 35px;
			height: 35px;
			line-height: 35px;
			text-align: center;
			font-size: 20px;
			color: #666;
			margin-top: -17.5px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.i-listb .swiper-tab .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 20px;
		}

	.i-listb .workbox {
		display: flex !important;
		flex-flow: row wrap;
		justify-content: left;
		align-items: center;
	}

		.i-listb .workbox .li-img {
			width: 23%;
			/* margin-right: 2.66%;*/
			margin-bottom: 2.66%;
		}

			.i-listb .workbox .li-img:nth-child(4n) {
				margin-right: 0;
			}

		.i-listb .workbox .text {
			padding: .65rem .5rem 0;
			border-top: none;
			border: 1px solid #e5e5e5;
			/* height: 207px; */
		}

		.i-listb .workbox .time {
			font-size: 14px;
			line-height: 1.5;
			padding-left: 30px;
			color: #666;
			position: relative;
			margin-bottom: .5rem;
			font-family: "Arial";
		}

			.i-listb .workbox .time:before {
				content: "";
				position: absolute;
				width: 20px;
				height: 1px;
				left: 0;
				top: 50%;
				background: #ccc;
			}

		.i-listb .workbox .tit1 {
			color: #666;
			padding-bottom: .6rem;
			border-bottom: 1px solid #e5e5e5;
			height: 42px;
		}

		.i-listb .workbox .bot {
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			align-items: center;
			height: 40px;
			color: #999;
		}

			.i-listb .workbox .bot img {
				width: 19px;
				height: 16px;
			}

		.i-listb .workbox .img {
			position: relative;
			display: block;
			height: 110px;
		}

			.i-listb .workbox .img .p {
				position: absolute;
				display: inline-block;
				width: 103px;
				color: #fff;
				padding-left: 20px;
				background: url(../images/img4.png) no-repeat left center;
				top: 50%;
				left: 50%;
				margin-left: -40px;
				margin-top: -10px;
				opacity: 0;
				transform: translate(0, -20px);
				transition: all .3s ease-in-out;
			}

		.i-listb .workbox .li-img:hover .img .p {
			opacity: 1;
			transform: translate(0, 0);
		}

.i-listc {
	padding: 2.5rem 0;
	position: relative;
	z-index: 1;
}

	.i-listc .original-box {
		position: relative;
	}

		.i-listc .original-box .swiper-slide a {
			display: block;
		}

		.i-listc .original-box .tit1 {
			transform: translate(0, 50px);
			transition: all .3s ease-in-out;
		}

		.i-listc .original-box .tit2 {
			transform: translate(0, 50px);
			margin-top: 5px;
			transition: all .3s ease-in-out;
		}

		.i-listc .original-box .img1 {
			width: 100%;
			position: relative;
			z-index: 2;
		}

		.i-listc .original-box .text {
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: center;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 3;
		}

		.i-listc .original-box .bg {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 2;
			background: rgba(255, 255, 255, 0.2);
			opacity: 0;
			transition: all .3s ease-in-out;
		}

		.i-listc .original-box .p-14 {
			width: 300px;
			margin-top: 1.25rem;
			opacity: 0;
			transform: translate(0, 100px);
			transition: all .3s ease-in-out;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			height: 68px;
			overflow: hidden;
		}

		.i-listc .original-box .swiper-slide:hover .tit1, .i-listc .original-box .swiper-slide:hover .tit2 {
			transform: translate(0, 0);
		}

		.i-listc .original-box .swiper-slide:hover .bg {
			opacity: 1;
		}

		.i-listc .original-box .swiper-slide:hover .p-14 {
			opacity: 1;
			transform: translate(0, 0);
		}

		.i-listc .original-box .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.i-listc .original-box .swiper-button-next, .i-listc .original-box .swiper-button-prev {
			width: 80px;
			height: 88px;
			line-height: 88px;
			text-align: center;
			font-size: 36px;
			color: #fff;
			margin-top: -44px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.i-listc .original-box .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.i-listc .original-box:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(0, 0);
		}

		.i-listc .original-box:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(0, 0);
		}

	.i-listc .more {
		display: block;
		margin: 1.75rem auto 0;
		width: 140px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #666;
		background: none;
		border: 1px solid #777;
		border-radius: 30px;
		font-size: 14px;
		transition: all .3s ease-in-out;
	}

		.i-listc .more:before {
			width: 200px;
			height: 200px;
			background: #c0a58a;
		}

		.i-listc .more p {
			position: relative;
			z-index: 2;
		}

		.i-listc .more:hover {
			border: 1px solid #fff;
		}

			.i-listc .more:hover p {
				color: #fff;
			}

.i-listd {
	padding: 2.6rem 0 0;
	background: #f7f7f7;
}

	.i-listd .top-title {
		margin-bottom: 0;
	}

		.i-listd .top-title .n-title .tit2 p {
			background: #f7f7f7;
		}

	.i-listd .text-warp {
		padding: .5rem 0 1.25rem;
	}

	.i-listd .text {
		width: 1000px;
		margin: 0 auto 1.25rem;
	}

		.i-listd .text .tit1 {
			color: #977756;
			margin-bottom: 10px;
		}

	.i-listd .down-btn {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border: 1px solid #b5b5b5;
		margin: 0 auto;
		text-align: center;
		position: relative;
		cursor: pointer;
		display: block;
	}

		.i-listd .down-btn:before {
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 20px;
			color: #d6c1ab;
		}

	.i-listd .tab-btn {
		width: 100%;
		/*  height: 669px;*/
	}

		.i-listd .tab-btn .li {
			height: 3.25rem;
			line-height: 3.25rem;
			text-align: center;
			width: 50%;
			font-weight: bold;
			border: 1px solid #dedede;
			cursor: pointer;
			transition: all .3s ease-in-out;
		}

			.i-listd .tab-btn .li p {
				height: 45px;
				line-height: 45px;
				display: inline-block;
				padding-left: 60px;
				background-repeat: no-repeat;
				background-position: left top;
				transition: all .3s ease-in-out;
			}

			.i-listd .tab-btn .li:hover, .i-listd .tab-btn .li.cur {
				border: 1px solid #666;
				background: #666;
			}

				.i-listd .tab-btn .li:hover p, .i-listd .tab-btn .li.cur p {
					color: #fff;
					background-position: left bottom;
				}

	.i-listd .n-tab-box {
		height: 15rem;
	}

		.i-listd .n-tab-box .tab-one {
			display: flex !important;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
			height: 15rem;
		}

			.i-listd .n-tab-box .tab-one .tab-left {
				width: 460px;
			}

			.i-listd .n-tab-box .tab-one .tit1 {
				margin-bottom: .75rem;
			}

		.i-listd .n-tab-box .tab-middle {
			width: 414px;
			margin-left: 1.5rem;
		}

			.i-listd .n-tab-box .tab-middle img {
				max-width: 100%;
			}

		.i-listd .n-tab-box .tab-right {
			width: 200px;
			height: 200px;
			margin-left: 5rem;
			border-radius: 50%;
			position: relative;
			border: 1px dotted rgba(255, 255, 255, 0.6);
		}

		.i-listd .n-tab-box .li {
			position: absolute;
			z-index: 2;
			cursor: pointer;
			transition: all .3s ease-in-out;
		}

		.i-listd .n-tab-box .li1 {
			top: -50px;
			left: 50%;
			transform: translateX(-50%);
		}

			.i-listd .n-tab-box .li1 .tit2 {
				margin-bottom: 5px;
			}

		.i-listd .n-tab-box .li2 {
			top: 50%;
			left: -100px;
			transform: translateY(-50%);
		}

			.i-listd .n-tab-box .li2 .tit2 {
				margin-right: 5px;
			}

		.i-listd .n-tab-box .li3 {
			top: 50%;
			right: -100px;
			transform: translateY(-50%);
		}

			.i-listd .n-tab-box .li3 .tit2 {
				margin-left: 5px;
			}

		.i-listd .n-tab-box .li4 {
			bottom: -50px;
			left: 50%;
			transform: translateX(-50%);
		}

			.i-listd .n-tab-box .li4 .tit2 {
				margin-top: 5px;
			}

		.i-listd .n-tab-box .li1, .i-listd .n-tab-box .li4 {
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: center;
		}

		.i-listd .n-tab-box .li2, .i-listd .n-tab-box .li3 {
			display: flex;
			flex-flow: row nowrap;
			justify-content: flex-start;
			align-items: center;
		}

		.i-listd .n-tab-box .img2 {
			position: absolute;
			width: 207px;
			height: 207px;
			top: -3.5px;
			left: -3.5px;
			z-index: 1;
			opacity: 0;
			transition: all .3s ease-in-out;
		}

		.i-listd .n-tab-box .img1 {
			position: absolute;
			width: 110px;
			height: 110px;
			top: 50%;
			left: 50%;
			z-index: 1;
			transform: translateX(-50%) translateY(-50%);
		}

		.i-listd .n-tab-box .img2.cur {
			opacity: 1;
		}

		.i-listd .n-tab-box .li1.cur {
			transform: translateX(-50%) translateY(-40px);
		}

		.i-listd .n-tab-box .li2.cur {
			transform: translateY(-50%) translateX(-40px);
		}

		.i-listd .n-tab-box .li3.cur {
			transform: translateY(-50%) translateX(40px);
		}

		.i-listd .n-tab-box .li4.cur {
			transform: translateX(-50%) translateY(40px);
		}

.i-liste {
	padding: 2.75rem 0 3rem;
	position: relative;
	z-index: 1;
}

	.i-liste .pc-customer-box {
		display: flex !important;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content: flex-start;
	}

		.i-liste .pc-customer-box .img {
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
			width: 19%;
			margin-right: 1.25%;
			margin-bottom: 1.25%;
			border: 1px solid #dedede;
			height: 3rem;
		}

			.i-liste .pc-customer-box .img img {
				max-width: 100%;
				max-height: 100%;
				display: inline-block;
				/*-moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                filter: grayscale(100%);
                filter: gray;
                transition: all .3s ease-in-out;*/
			}

			.i-liste .pc-customer-box .img:hover img {
				-webkit-filter: grayscale(0%);
				-moz-filter: grayscale(0%);
				-ms-filter: grayscale(0%);
				-o-filter: grayscale(0%);
				filter: grayscale(0%);
				filter: gray;
			}

			.i-liste .pc-customer-box .img:nth-child(5n) {
				margin-right: 0;
			}

	.i-liste .mobile-customer-box {
		padding-bottom: 2rem;
		position: relative;
		overflow: hidden;
	}

		.i-liste .mobile-customer-box .swiper-slide {
			display: flex;
			flex-flow: row wrap;
			align-items: flex-start;
			align-content: flex-start;
		}

		.i-liste .mobile-customer-box .swiper-pagination span {
			transition: all .3s ease-in-out;
		}

		.i-liste .mobile-customer-box .swiper-pagination .swiper-pagination-bullet-active {
			width: 1rem;
			background: #ccb195;
			border-radius: 8px;
		}

		.i-liste .mobile-customer-box .img {
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
			width: 32%;
			margin-right: 2%;
			margin-bottom: 2%;
			border: 1px solid #dedede;
			height: 3rem;
		}

			.i-liste .mobile-customer-box .img:nth-child(3n) {
				margin-right: 0;
			}

		.i-liste .mobile-customer-box img {
			max-width: 100%;
			max-height: 100%;
			display: inline-block;
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
			filter: gray;
			transition: all .3s ease-in-out;
		}

		.i-liste .mobile-customer-box .img:hover img {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			filter: grayscale(0%);
			filter: gray;
		}

.n-banner {
	height: 48vh;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

	.n-banner .text {
		height: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-start;
		margin-left: calc(50% - 710px);
	}

		.n-banner .text .tit1 {
			font-size: 3rem;
			line-height: 1.2;
			font-family: "BEBAS";
			text-transform: uppercase;
			position: relative;
		}

		.n-banner .text .tit2 {
			margin-bottom: 1rem;
		}

		.n-banner .text .tit3 {
			margin-bottom: 2.25rem;
		}

		.n-banner .text .titbg {
			font-size: 5rem;
			line-height: 1.1;
			position: absolute;
			z-index: 1;
			left: 1.7rem;
			top: .5rem;
			color: #fff;
			opacity: .03;
			white-space: nowrap;
		}

		.n-banner .text .line {
			width: 70px;
			height: 3px;
			background: rgba(255, 255, 255, 0.4);
		}

.n-about {
	position: relative;
	z-index: 1;
}

	.n-about .lista {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

		.n-about .lista .text {
			padding-top: 1.6rem;
			width: 66%;
			position: relative;
			background: #f7f7f7;
			padding-left: calc(50% - 710px);
			padding-bottom: -2.5rem;
			z-index: 1;
		}

			.n-about .lista .text .tit1 {
				font-weight: bold;
				text-transform: uppercase;
			}

			.n-about .lista .text .tit2 {
				padding-left: 42px;
				position: relative;
				margin-bottom: 2rem;
			}

				.n-about .lista .text .tit2:before {
					content: "";
					position: absolute;
					width: 30px;
					height: 3px;
					background: #666;
					left: 0;
					top: 50%;
				}

			.n-about .lista .text .tit3 {
				margin-bottom: 2.5rem;
				font-size: 16px;
				margin-right: 9.5rem;
			}

			.n-about .lista .text .libox {
				display: flex;
				flex-flow: row nowrap;
				justify-content: flex-start;
				align-items: flex-start;
			}

				.n-about .lista .text .libox .li {
					width: 350px;
					text-align: left;
				}

					.n-about .lista .text .libox .li .time {
						font-family: "Arial";
						font-weight: bold;
						font-size: 21px;
						color: #977756;
						line-height: 1.1;
						margin-bottom: 5px;
					}

						.n-about .lista .text .libox .li .time span {
							font-weight: normal;
							color: #666;
							font-size: 14px;
							margin-left: -5px;
						}

			.n-about .lista .text .sp {
				font-size: 3.6rem;
				line-height: 1.1;
				position: absolute;
				bottom: -3rem;
				right: 8rem;
				font-weight: bold;
				color: #f7f7f7;
				font-family: "Arial";
				text-transform: uppercase;
			}
		/*@media screen and (max-width:3000px)
{
.n-about .lista .text .sp{
	font-size: 3.2rem  ; }
}
@media screen and (max-width:1920px)
{
.n-about .lista .text .sp{
	font-size: 3.6rem;}
}*/
		.n-about .lista .img {
			width: 50vw;
			margin-left: -8rem;
			margin-top: 1.6rem;
			padding-right: calc(50% - 710px);
			position: relative;
			z-index: 1;
		}

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

	.slideBox .hd {
		height: 15px;
		overflow: hidden;
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 1;
	}

		.slideBox .hd ul {
			overflow: hidden;
			zoom: 1;
			float: left;
		}

			.slideBox .hd ul li {
				float: left;
				margin-right: 5px;
				width: 15px;
				height: 15px;
				line-height: 14px;
				text-align: center;
				background: #fff;
				cursor: pointer;
			}

				.slideBox .hd ul li.on {
					background: #f00;
					color: #fff;
				}

	.slideBox .bd {
		position: relative;
		height: 100%;
		z-index: 0;
	}

		.slideBox .bd ul li {
			position: relative;
		}

		.slideBox .bd ul span {
			display: block;
			height: 40px;
			line-height: 40px;
			background: #000;
			background: rgba(0,0,0,0.8);
			position: absolute;
			bottom: 0px;
			width: 100%;
			color: #fff;
			padding-left: 10px;
		}

		.slideBox .bd img {
			width: 100%;
			height: auto;
		}

.n-about .listb {
	padding: 3.2rem 0 0;
}

	.n-about .listb .imgbox {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
		height: 20rem;
		background-size: cover;
	}

	.n-about .listb .tit1 {
		margin-bottom: .8rem;
	}

	.n-about .listb .line {
		width: 30px;
		height: 1px;
		background: #fff;
		margin: 0 auto;
		margin-bottom: 50px;
	}

.n-about .listc {
	padding-top: 3.6rem;
	padding-bottom: 2rem;
	position: relative;
	z-index: 1;
}

	.n-about .listc .bg {
		width: 62.5%;
		right: 0;
		bottom: 0;
		position: absolute;
		z-index: 1;
		background: #f7f7f7;
		height: 12rem;
	}

	.n-about .listc .img {
		position: relative;
		z-index: 2;
	}

	.n-about .listc .ins-box {
		overflow: hidden;
		position: relative;
		z-index: 2;
	}

		.n-about .listc .ins-box .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.n-about .listc .ins-box .swiper-slide:nth-child(2n) {
			margin-top: .75rem;
		}

		.n-about .listc .ins-box .swiper-button-next, .n-about .listc .ins-box .swiper-button-prev {
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 36px;
			color: #fff;
			margin-top: -25px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-about .listc .ins-box .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.n-about .listc .ins-box:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(10px, 0);
		}

		.n-about .listc .ins-box:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(20px, 0);
		}

		.n-about .listc .ins-box .swiper-button-prev:hover, .n-about .listc .ins-box .swiper-button-next:hover {
			background: rgba(0, 0, 0, 0.3) !important;
			border-radius: 50%;
		}

	.n-about .listc .text {
		padding-top: .6rem;
		position: relative;
		z-index: 1;
	}

		.n-about .listc .text .tit2 {
			position: relative;
			margin-bottom: 5px;
			padding-left: 30px;
		}

			.n-about .listc .text .tit2:before {
				content: "";
				position: absolute;
				left: 0;
				top: 50%;
				width: 20px;
				height: 1px;
				background: #999;
			}

		.n-about .listc .text .p-14 {
			margin-top: 5px;
		}

		.n-about .listc .text .su {
			font-size: 1.5rem;
			line-height: 1;
			color: #d9d9d9;
			font-weight: bold;
			position: absolute;
			right: 0;
			top: -18px;
			font-family: "Arial";
		}

.n-about .listd {
	padding: 3.25rem 0 0;
	position: relative;
	z-index: 1;
}

	.n-about .listd .ulbox .li {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

		.n-about .listd .ulbox .li .img {
			max-width: 100%;
			width: 50%;
			position: relative;
		}

	.n-about .listd .ulbox .icon-img {
		position: absolute;
		width: 55px;
		height: 55px;
		top: .5rem;
		z-index: 1;
		transform: scale(1) !important;
	}

	.n-about .listd .ulbox .li:nth-child(odd) .icon-img {
		right: .65rem;
	}

	.n-about .listd .ulbox .li:nth-child(odd) .text {
		padding: 0 calc(50% + -3.5rem - 710px) 0 1.5rem;
	}

	.n-about .listd .ulbox .li:nth-child(even) .icon-img {
		left: .65rem;
	}

	.n-about .listd .ulbox .li:nth-child(even) .text {
		padding: 0 1.5rem 0 calc(50% + -3.5rem - 710px);
	}

	.n-about .listd .ulbox .text {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: flex-start;
		width: 50%;
	}

		.n-about .listd .ulbox .text .tit1 {
			width: 100%;
		}

		.n-about .listd .ulbox .text .line {
			width: 30px;
			height: 1px;
			background: #999;
			margin: .5rem 0 .8rem;
		}

		.n-about .listd .ulbox .text .p-16 {
			width: 100%;
		}

.n-team {
	position: relative;
	z-index: 1;
	background: #fff;
}

	.n-team .lista {
		position: relative;
		z-index: 1;
		padding-top: 3rem;
		padding-bottom: 2.5rem;
	}

		.n-team .lista .ulbox {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: stretch;
		}

		.n-team .lista .li {
			width: 20%;
			margin-left: 4%;
			margin-bottom: .7rem;
		}

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

		.n-team .lista .text {
			padding-top: .6rem;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			align-items: flex-start;
		}

	.n-team .listb {
		background: #f7f7f7;
		padding: 1.5rem 0 2.5rem;
	}

		.n-team .listb .li {
			background: #fff;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			align-items: stretch;
			margin-bottom: .5rem;
		}

		.n-team .listb .text {
			padding: 2.5rem 1.75rem 1rem;
			width: 460px;
			overflow: hidden;
			position: relative;
			text-align: left;
		}

		.n-team .listb .line {
			width: 35px;
			height: 1px;
			background: #ccc;
			margin: 1rem 0 1.15rem;
		}

		.n-team .listb .li:last-child {
			margin-bottom: 0;
		}

		.n-team .listb .en {
			color: #f7f7f7;
			position: absolute;
			z-index: 1;
			line-height: 1;
			width: 100%;
			text-align: center;
			bottom: -8px;
			left: 0;
			text-transform: uppercase;
			font-weight: bold;
			font-family: "Arial";
		}

	.n-team .listc {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		height: 18rem;
		text-align: center;
		/* padding-top: 2.5rem;*/
	}

		.n-team .listc .tit2 {
			color: #ccc;
			font-family: "Arial";
		}

.n-lineup .lista {
	padding: 3rem 0 0;
}

	.n-lineup .lista .ulbox {
		margin-top: 1.25rem;
		overflow: hidden;
		position: relative;
	}

		.n-lineup .lista .ulbox .li-img {
			text-align: center;
			position: relative;
			cursor: pointer;
		}

			.n-lineup .lista .ulbox .li-img img {
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
				filter: gray;
				transition: all .3s ease-in-out;
			}

			.n-lineup .lista .ulbox .li-img.cur img {
				-webkit-filter: grayscale(0%);
				-moz-filter: grayscale(0%);
				-ms-filter: grayscale(0%);
				-o-filter: grayscale(0%);
				filter: grayscale(0%);
				filter: gray;
			}

			.n-lineup .lista .ulbox .li-img:before {
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				left: 50%;
				margin-left: -15px;
				bottom: 0;
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-bottom: 15px solid #f7f7f7;
				opacity: 0;
				transition: all .5s ease-in-out;
			}

		.n-lineup .lista .ulbox .p {
			line-height: 50px;
			padding-bottom: 30px;
		}

		.n-lineup .lista .ulbox .li-img.cur:before {
			opacity: 1;
		}

		.n-lineup .lista .ulbox .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.n-lineup .lista .ulbox .swiper-button-next, .n-lineup .lista .ulbox .swiper-button-prev {
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 36px;
			color: #fff;
			margin-top: -60px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-lineup .lista .ulbox .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.n-lineup .lista .ulbox:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(10px, 0);
		}

		.n-lineup .lista .ulbox:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(20px, 0);
		}

		.n-lineup .lista .ulbox .swiper-button-prev:hover, .n-lineup .lista .ulbox .swiper-button-next:hover {
			background: rgba(0, 0, 0, 0.3) !important;
			border-radius: 50%;
		}

	.n-lineup .lista .ul-text {
		background: #f7f7f7;
		padding: 1rem 1.5rem;
	}

		.n-lineup .lista .ul-text .tit1 {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
		}

			.n-lineup .lista .ul-text .tit1 span {
				margin-left: 10px;
			}

		.n-lineup .lista .ul-text .line {
			margin: .5rem 0 .65rem;
			width: 35px;
			height: 1px;
			background: #c6c6c6;
		}

		.n-lineup .lista .ul-text .p-14 {
			color: #666;
		}

.n-lineup .listb {
	padding: 2.5rem 0 3rem;
	position: relative;
	z-index: 1;
}

	.n-lineup .listb .ulbox {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

		.n-lineup .listb .ulbox .li {
			width: 19%;
			margin-right: 1.25%;
			margin-bottom: 1.25%;
			text-align: center;
		}

			.n-lineup .listb .ulbox .li:nth-child(5n) {
				margin-right: 0;
			}

		.n-lineup .listb .ulbox .p {
			height: 40px;
			line-height: 40px;
		}

		.n-lineup .listb .ulbox .li-img img {
			/* -webkit-filter: grayscale(100%); */
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			/* filter: grayscale(100%); */
			filter: gray;
			transition: all .3s ease-in-out;
		}

		.n-lineup .listb .ulbox .li-img:hover img {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			filter: grayscale(0%);
			filter: gray;
		}

.n-honor .lista {
	padding-top: 3rem;
	padding-bottom: 1.5rem;
}

	.n-honor .lista .w1420 {
		background: url(../images/img12.png) no-repeat center bottom;
	}

	.n-honor .lista .honor-img {
		width: 980px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		padding-bottom: 135px;
	}

		.n-honor .lista .honor-img .swiper-slide {
			transform: scale(0.8);
			transition: all .3s ease-in-out;
			text-align: center;
		}

			.n-honor .lista .honor-img .swiper-slide img {
				width: 100%;
			}

			.n-honor .lista .honor-img .swiper-slide .tit1 {
				padding: 10px 0;
				line-height: 1.6;
			}

			.n-honor .lista .honor-img .swiper-slide.swiper-slide-active {
				transform: scale(1);
			}

		.n-honor .lista .honor-img .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.n-honor .lista .honor-img .swiper-button-next, .n-honor .lista .honor-img .swiper-button-prev {
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 36px;
			color: #fff;
			margin-top: -100px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-honor .lista .honor-img .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.n-honor .lista .honor-img:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(10px, 0);
		}

		.n-honor .lista .honor-img:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(20px, 0);
		}

		.n-honor .lista .honor-img .swiper-button-prev:hover, .n-honor .lista .honor-img .swiper-button-next:hover {
			background: rgba(0, 0, 0, 0.3) !important;
			border-radius: 50%;
		}

.n-honor .listb {
	position: relative;
	z-index: 1;
	padding-bottom: 3.5rem;
}

	.n-honor .listb .honor-list {
		padding-top: 1.25rem;
		border-top: 1px solid #e5e5e5;
		overflow: hidden;
		position: relative;
		padding-bottom: 60px;
	}

		.n-honor .listb .honor-list .swiper-slide {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: stretch;
		}

			.n-honor .listb .honor-list .swiper-slide .li {
				padding: 1.25rem .75rem;
				background: #f7f7f7;
				width: 32%;
				margin-right: 2%;
				margin-bottom: 2%;
				transition: all .3s ease-in-out;
			}

				.n-honor .listb .honor-list .swiper-slide .li .tit1 {
					margin-bottom: 5px;
					transition: all .3s ease-in-out;
				}

				.n-honor .listb .honor-list .swiper-slide .li .time {
					font-size: 14px;
					font-family: "Arial";
					transition: all .3s ease-in-out;
				}

				.n-honor .listb .honor-list .swiper-slide .li .p-14 {
					line-height: 1.6;
					margin-top: 25px;
					transition: all .3s ease-in-out;
				}

				.n-honor .listb .honor-list .swiper-slide .li:nth-child(3n) {
					margin-right: 0;
				}

				.n-honor .listb .honor-list .swiper-slide .li:hover {
					background: #ccb195;
				}

					.n-honor .listb .honor-list .swiper-slide .li:hover .tit1, .n-honor .listb .honor-list .swiper-slide .li:hover .time, .n-honor .listb .honor-list .swiper-slide .li:hover .p-14 {
						color: #fff;
					}

		.n-honor .listb .honor-list .swiper-pagination span {
			transition: all .3s ease-in-out;
		}

		.n-honor .listb .honor-list .swiper-pagination .swiper-pagination-bullet-active {
			width: 1rem;
			background: #ccb195;
			border-radius: 8px;
		}

.n-business .lista {
	padding: 3rem 0 1.25rem;
	position: relative;
	z-index: 1;
}

	.n-business .lista .p-16 {
		width: 1050px;
		margin: 0 auto 1rem;
	}

	.n-business .lista .down-btn {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border: 1px solid #b5b5b5;
		margin: 0 auto;
		text-align: center;
		position: relative;
		cursor: pointer;
		display: block;
	}

		.n-business .lista .down-btn:before {
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 20px;
			color: #d6c1ab;
		}

.n-business .listb {
	padding: 2.25rem 0;
	background: #f7f7f7;
}

	.n-business .listb .line {
		width: 35px;
		height: 1px;
		background: #949494;
		display: block;
		margin: .5rem auto 1rem;
	}

.n-business .listc {
	background: url(../images/img16.jpg) no-repeat center;
	background-size: cover;
	padding: 3.25rem 0;
}

	.n-business .listc .middle {
		width: 414px;
		margin-right: 0;
	}

		.n-business .listc .middle img {
			max-width: 100%;
		}

	.n-business .listc .list-box {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-start;
	}

		.n-business .listc .list-box .text span {
			display: inline-block;
			color: #fff;
			font-size: 14px;
			padding-bottom: 5px;
			margin-bottom: 5px;
			border-bottom: 1px dashed #686969;
		}

		.n-business .listc .list-box .text .tit1 {
			margin-bottom: 1rem;
		}

		.n-business .listc .list-box .text-left {
			width: 230px;
			text-align: center;
			margin-right: 3rem;
		}

		.n-business .listc .list-box .text-right {
			width: 230px;
			text-align: center;
			margin-left: 3rem;
		}

.n-business .listd {
	padding: 2.25rem 0 1rem;
	background: #fff;
}

	.n-business .listd .line {
		width: 35px;
		height: 1px;
		background: #949494;
		display: block;
		margin: .5rem auto 1rem;
	}

	.n-business .listd .ulbox {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
		margin-top: 2.4rem;
	}

		.n-business .listd .ulbox .li {
			padding: 1rem .75rem 1.5rem;
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
			background: #fff;
			position: relative;
			margin-bottom: 10px;
			box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
			transition: all .3s ease-in-out;
		}

			.n-business .listd .ulbox .li:nth-child(2n) {
				margin-right: 0;
			}

		.n-business .listd .ulbox .tit1 {
			height: 2.25rem;
			line-height: 2.25rem;
			position: relative;
			color: #977756;
			transition: all .3s ease-in-out;
		}

			.n-business .listd .ulbox .tit1 p {
				position: relative;
				z-index: 2;
			}

			.n-business .listd .ulbox .tit1 .su {
				font-size: 2.5rem;
				font-family: "Arial";
				color: #f7f7f7;
				line-height: 1;
				font-weight: bold;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				transition: all .3s ease-in-out;
			}

		.n-business .listd .ulbox .p-14 {
			text-align: left;
			text-indent: 2em;
			margin: .75rem 0;
			transition: all .3s ease-in-out;
		}

		.n-business .listd .ulbox .img-btn {
			width: 85px;
			height: 85px;
			border-radius: 50%;
			line-height: 85px;
			text-align: center;
			position: absolute;
			left: 50%;
			margin-left: -42.5px;
			top: -50px;
			background: #ccb195;
			transition: all .3s ease-in-out;
		}

			.n-business .listd .ulbox .img-btn img {
				display: block;
			}

		.n-business .listd .ulbox .more {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 1rem;
			text-align: center;
			color: #666;
			font-size: 12px;
			transition: all .3s ease-in-out;
		}

		.n-business .listd .ulbox .li:hover {
			background: #ccb195;
		}

			.n-business .listd .ulbox .li:hover .su {
				color: #fff;
				opacity: .1;
			}

			.n-business .listd .ulbox .li:hover .img-btn {
				background: #977756;
			}

			.n-business .listd .ulbox .li:hover .tit1, .n-business .listd .ulbox .li:hover .p-14, .n-business .listd .ulbox .li:hover .more {
				color: #fff;
			}

.n-about .liste {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin-bottom: 50px;
}

	.n-about .liste .bg {
		position: absolute;
		background: #f7f7f7;
		left: 0;
		width: 100%;
		top: 0;
		z-index: 1;
		height: calc(100% - 70px);
	}

	.n-about .liste .text {
		width: 50%;
		position: relative;
		padding-top: 2.5rem;
		padding-left: 2.8rem;
		padding-right: calc(50% + 1.5rem - 710px);
		padding-bottom: 2.5rem;
		z-index: 2;
	}

		.n-about .liste .text .tit1 {
			font-weight: bold;
			text-transform: uppercase;
		}

		.n-about .liste .text .tit2 {
			position: relative;
			z-index: 2;
			margin-bottom: .8rem;
		}

		.n-about .liste .text .tit3 {
			margin-bottom: 2.5rem;
		}

		.n-about .liste .text .sp {
			font-size: 3rem;
			line-height: 1.1;
			position: absolute;
			bottom: -2rem;
			left: 1rem;
			font-weight: bold;
			color: #f7f7f7;
			font-family: "Arial";
			text-transform: uppercase;
		}

	.n-about .liste .img {
		width: 50%;
		padding-left: calc(50% - 710px);
		position: relative;
		z-index: 2;
	}

		.n-about .liste .img img {
			max-width: 100%;
		}

.n-business .listf {
	padding: 1.5rem 0 0;
}

	.n-business .listf .text {
		/*padding-bottom: 2rem;*/
	}

		.n-business .listf .text .tit2 {
			margin-top: 5px;
			color: #977756;
		}

	.n-business .listf .li-tabbox {
		overflow: hidden;
		position: relative;
		z-index: 2;
		margin-top: 1.5rem;
	}

		.n-business .listf .li-tabbox .swiper-slide {
			text-align: center;
			position: relative;
			padding-bottom: 60px;
		}

			.n-business .listf .li-tabbox .swiper-slide:before {
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				left: 50%;
				margin-left: -15px;
				bottom: 0;
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-top: 15px solid #f7f7f7;
				opacity: 0;
				transition: all .3s ease-in-out;
			}

		.n-business .listf .li-tabbox .img {
			width: 100px;
			height: 100px;
			overflow: hidden;
			display: inline-block;
			background-position: center top;
			background-repeat: no-repeat;
			transition: all .3s ease-in-out;
		}

		.n-business .listf .li-tabbox .swiper-slide:hover:before, .n-business .listf .li-tabbox .swiper-slide.cur:before {
			opacity: 1;
		}

		.n-business .listf .li-tabbox .swiper-slide:hover .img, .n-business .listf .li-tabbox .swiper-slide.cur .img {
			background-position: center bottom;
		}

		.n-business .listf .li-tabbox .p {
			margin-top: 5px;
			line-height: 2;
		}

		.n-business .listf .li-tabbox .swiper-slide.swiper-slide-active {
			transform: scale(1);
		}

		.n-business .listf .li-tabbox .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.n-business .listf .li-tabbox .swiper-button-next, .n-business .listf .li-tabbox .swiper-button-prev {
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 36px;
			color: #c0a58a;
			margin-top: -40px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-business .listf .li-tabbox .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.n-business .listf .li-tabbox:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(10px, 0);
		}

		.n-business .listf .li-tabbox:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(20px, 0);
		}

		.n-business .listf .li-tabbox .swiper-button-prev:hover, .n-business .listf .li-tabbox .swiper-button-next:hover {
			background: rgba(0, 0, 0, 0.3) !important;
			border-radius: 50%;
		}

	.n-business .listf .li-tabajax {
		position: relative;
		z-index: 1;
		margin-bottom: 100px;
	}

	.n-business .listf .tabbox {
		/*height: 17.5rem;*/
		background-size: cover;
		padding: 3.3rem 0 1.5rem;
	}

		.n-business .listf .tabbox .tit1 {
			font-weight: bold;
			line-height: 1.1;
			margin-bottom: 1rem;
		}

		.n-business .listf .tabbox .tit3 {
			width: 740px;
			margin: 0 auto 1rem;
		}

		.n-business .listf .tabbox .imgbox {
			padding-bottom: 1.5rem;
			overflow-x: scroll;
			width: 100%;
		}


/* 定义滚动条样式 */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: #fff;
	scrollbar-face-color: #fff;
	scrollbar-base-color: #f8f8f8;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px rgba(255, 255, 255, .5);
	border-radius: 10px;
	background: #fff;
	scrollbar-face-color: #fff;
	scrollbar-base-color: #f8f8f8;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 0px rgba(255, 255, 255, .5);
	background: #fff;
	scrollbar-face-color: #fff;
	scrollbar-base-color: #f8f8f8;
}

.n-business .listf .tabbox .imgbox .mCSB_container {
	/*display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;*/
	overflow: hidden;
}

.n-business .listf .tabbox .imgbox .ulbox {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

.n-business .listf .tabbox .imgbox .li {
	/*float:left;*/
}

.n-business .listf .tabbox .imgbox .li {
	/* width: 7rem;*/
	height: 65px;
	line-height: 65px;
	text-align: center;
	border-right: 1px dashed rgba(255, 255, 255, 0.2);
	padding: 0 54px;
}
/*@media screen and (max-width:760px) {
	.n-business .listf .tabbox .imgbox .li { padding: 0 54px; border-right: none;width: 3rem;
	}
*/
}

.n-business .listf .tabbox .imgbox .li img {
	max-width: 100%;
	max-height: 100%;
}

.n-business .listf .tabbox .imgbox .li:last-child {
	border-right: 0;
}

.n-business .listg {
	padding: 3.5rem 0 0;
}

	.n-business .listg .text {
		padding-bottom: 2rem;
		width: 1050px;
		margin: 0 auto;
	}

		.n-business .listg .text .tit2 {
			margin-top: 5px;
			color: #977756;
		}

	.n-business .listg .ulbox {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

		.n-business .listg .ulbox .li {
			width: 25%;
			height: 12.5rem;
			padding: 1rem;
			text-align: center;
			border-right: 1px solid #575959;
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: center;
			position: relative;
		}

			.n-business .listg .ulbox .li .img1 {
				width: 90px;
				height: 90px;
				margin-bottom: .7rem;
				transition: all .3s ease-in-out;
			}

			.n-business .listg .ulbox .li .tit1 {
				margin-bottom: .5rem;
				color: #999;
				transition: all .3s ease-in-out;
			}

			.n-business .listg .ulbox .li .line {
				width: 30px;
				height: 1px;
				background: #979898;
				display: block;
				transition: all .3s ease-in-out;
			}

			.n-business .listg .ulbox .li .text-two {
				position: absolute;
				width: 100%;
				bottom: 0;
				left: 0;
				text-align: center;
				opacity: 0;
				transition: all .3s ease-in-out;
			}

				.n-business .listg .ulbox .li .text-two p {
					display: block;
					font-size: 14px;
					line-height: 2;
					color: #fff;
				}

			.n-business .listg .ulbox .li .more {
				width: 100px;
				height: 35px;
				line-height: 35px;
				text-align: center;
				border: 1px solid #685f54;
				color: #ccb195;
				font-size: 12px;
				margin-top: 1rem;
				position: relative;
				display: inline-block;
			}

				.n-business .listg .ulbox .li .more p {
					color: #ccb195;
					line-height: 35px;
					position: relative;
					z-index: 2;
					transition: all .3s ease-in-out;
				}

				.n-business .listg .ulbox .li .more:before {
					width: 200px;
					height: 200px;
					background: #c0a58a;
				}

				.n-business .listg .ulbox .li .more:hover p {
					color: #fff;
				}

			.n-business .listg .ulbox .li:hover .img1 {
				opacity: 0;
				transform: translate(0, -100%);
			}

			.n-business .listg .ulbox .li:hover .tit1 {
				opacity: 1;
				transform: translate(0, -4rem);
			}

			.n-business .listg .ulbox .li:hover .line {
				opacity: 1;
				transform: translate(0, -4rem);
			}

			.n-business .listg .ulbox .li:hover .text-two {
				opacity: 1;
				transform: translate(0, -2rem);
			}

.n-banner .cases-box {
	padding-top: 7rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-bottom: 2.8rem;
}

	.n-banner .cases-box img {
		max-width: 100%;
	}

	.n-banner .cases-box .img {
		width: 50%;
	}

	.n-banner .cases-box .swiper-slide {
		background: rgba(255, 255, 255, 0.1);
	}

		.n-banner .cases-box .swiper-slide .tit1 {
			margin-bottom: .8rem;
		}

		.n-banner .cases-box .swiper-slide .p-14 {
			margin-bottom: 1.5rem;
		}

		.n-banner .cases-box .swiper-slide .text {
			width: 50%;
			padding: 0 1.5rem;
		}

		.n-banner .cases-box .swiper-slide .more {
			width: 135px;
			height: 40px;
			line-height: 40px;
			border-radius: 40px;
			text-align: center;
			border: 1px solid #685f54;
			color: #aba9a8;
			font-size: 14px;
			position: relative;
			display: inline-block;
		}

			.n-banner .cases-box .swiper-slide .more p {
				color: #fff;
				line-height: 40px;
				position: relative;
				z-index: 2;
				transition: all .3s ease-in-out;
			}

			.n-banner .cases-box .swiper-slide .more:before {
				width: 200px;
				height: 200px;
				background: #c0a58a;
			}

	.n-banner .cases-box .swiper-pagination-bullet {
		background: #787776;
	}

	.n-banner .cases-box .swiper-pagination span {
		transition: all .3s ease-in-out;
	}

	.n-banner .cases-box .swiper-pagination .swiper-pagination-bullet-active {
		width: 1rem;
		background: #ccb195;
		border-radius: 8px;
	}

	.n-banner .cases-box .swiper-slide a {
		display: flex;
		flex-flow: row nowrap;
		justify-content: stretch;
		align-items: center;
	}

.n-cases .lista {
	padding: 2.5rem 0 0;
	background: #fff;
	position: relative;
	z-index: 1;
}

	.n-cases .lista .swiper-box {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem;
	}

		.n-cases .lista .swiper-box .more {
			padding-left: 30px;
			background: url(../images/img2.png) no-repeat center left;
			font-size: 14px;
			color: #666;
		}

	.n-cases .lista .swiper-tab {
		width: 100%;
		position: relative;
		overflow: hidden;
		/*&:hover{
      .swiper-button-prev{
        opacity:1;
        transform:translate(0,0);
      }
      .swiper-button-next{
        opacity:1;
        transform:rotate(-180deg) translate(0,0);
      }
  }*/
	}

		.n-cases .lista .swiper-tab .swiper-slide {
			height: 42px;
			line-height: 42px;
			cursor: pointer;
			border: 1px solid #dedede;
			text-align: center;
			transition: background .3s ease-in-out,color .3s ease-in-out;
		}

			.n-cases .lista .swiper-tab .swiper-slide.cur, .n-cases .lista .swiper-tab .swiper-slide:hover {
				background: #d6c1aa;
				color: #fff;
				border: 1px solid #d6c1aa;
			}

		.n-cases .lista .swiper-tab .swiper-button-prev {
			transform: translate(-80px, 0);
			left: 20px;
		}

		.n-cases .lista .swiper-tab .swiper-button-next, .n-cases .lista .swiper-tab .swiper-button-prev {
			width: 35px;
			height: 35px;
			line-height: 35px;
			text-align: center;
			font-size: 20px;
			color: #666;
			margin-top: -17.5px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-cases .lista .swiper-tab .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 20px;
		}

	.n-cases .lista .workbox .ulbox {
		display: flex;
		flex-flow: row wrap;
		justify-content: left;
		align-items: center;
		margin-bottom: 1.5rem;
		width: 100%
	}

	.n-cases .lista .workbox .li-img {
		width: 23%;
		margin-right: 2.66%;
		margin-bottom: 2.66%;
		overflow: hidden;
	}

		.n-cases .lista .workbox .li-img:nth-child(4n) {
			margin-right: 0;
		}

	.n-cases .lista .workbox .text {
		padding: .65rem .5rem 0;
		border-top: none;
		border: 1px solid #e5e5e5;
	}

	.n-cases .lista .workbox .time {
		font-size: 14px;
		line-height: 1.5;
		padding-left: 30px;
		color: #666;
		position: relative;
		margin-bottom: .5rem;
		font-family: "Arial";
	}

		.n-cases .lista .workbox .time:before {
			content: "";
			position: absolute;
			width: 20px;
			height: 1px;
			left: 0;
			top: 50%;
			background: #ccc;
		}

	.n-cases .lista .workbox .tit1 {
		color: #666;
		padding-bottom: .6rem;
		border-bottom: 1px solid #e5e5e5;
	}

	.n-cases .lista .workbox .bot {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		height: 40px;
		color: #999;
	}

		.n-cases .lista .workbox .bot img {
			width: 19px;
			height: 16px;
		}

	.n-cases .lista .workbox .img {
		position: relative;
	}

		.n-cases .lista .workbox .img .p {
			position: absolute;
			display: inline-block;
			width: 80px;
			color: #fff;
			padding-left: 20px;
			background: url(../images/img4.png) no-repeat left center;
			top: 50%;
			left: 50%;
			margin-left: -40px;
			margin-top: -10px;
			opacity: 0;
			transform: translate(0, -20px);
			transition: all .3s ease-in-out;
		}

	.n-cases .lista .workbox .li-img:hover .img .p {
		opacity: 1;
		transform: translate(0, 0);
	}

.n-cases .listb {
	padding: 2.8rem 0;
	position: relative;
	z-index: 1;
	background: #fff;
}

	.n-cases .listb .cases-swiper {
		position: relative;
		overflow: hidden;
	}

		.n-cases .listb .cases-swiper .text {
			padding: .35rem 0 0;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			align-items: center;
			/*height:40px;*/
			color: #999;
		}

			.n-cases .listb .cases-swiper .text span {
				font-size: 18px;
				color: #666;
			}

			.n-cases .listb .cases-swiper .text img {
				width: 19px;
				height: 16px;
			}

		.n-cases .listb .cases-swiper .img {
			position: relative;
		}

			.n-cases .listb .cases-swiper .img .p {
				position: absolute;
				display: inline-block;
				width: 80px;
				color: #fff;
				padding-left: 20px;
				background: url(../images/img4.png) no-repeat left center;
				top: 50%;
				left: 50%;
				margin-left: -40px;
				margin-top: -10px;
				opacity: 0;
				transform: translate(0, -20px);
				transition: all .3s ease-in-out;
			}

		.n-cases .listb .cases-swiper .li-img:hover .img .p {
			opacity: 1;
			transform: translate(0, 0);
		}

		.n-cases .listb .cases-swiper .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.n-cases .listb .cases-swiper .swiper-button-next, .n-cases .listb .cases-swiper .swiper-button-prev {
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 36px;
			color: #fff;
			margin-top: -40px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-cases .listb .cases-swiper .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.n-cases .listb .cases-swiper:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(10px, 0);
		}

		.n-cases .listb .cases-swiper:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(20px, 0);
		}

		.n-cases .listb .cases-swiper .swiper-button-prev:hover, .n-cases .listb .cases-swiper .swiper-button-next:hover {
			background: rgba(0, 0, 0, 0.3) !important;
			border-radius: 50%;
		}

.n-original .lista {
	padding: 2.8rem 0;
	position: relative;
	z-index: 1;
	background: #f7f7f7;
}

	.n-original .lista .top-title .n-title .tit2 p {
		background: #f7f7f7;
	}

	.n-original .lista .list-swiper {
		position: relative;
		overflow: hidden;
	}

		.n-original .lista .list-swiper a {
			display: block;
		}

		.n-original .lista .list-swiper .text {
			padding: .35rem 0 0;
			display: flex;
			flex-flow: column wrap;
			justify-content: flex-start;
			align-items: flex-start;
			color: #999;
		}

			.n-original .lista .list-swiper .text .tit1 {
				color: #666;
				position: relative;
				margin-bottom: .5rem;
				padding-left: 45px;
			}

				.n-original .lista .list-swiper .text .tit1:before {
					content: "";
					position: absolute;
					left: 0;
					width: 30px;
					height: 1px;
					background: #949494;
					top: 50%;
				}

		.n-original .lista .list-swiper .img {
			position: relative;
		}

			.n-original .lista .list-swiper .img:before {
				content: "";
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				z-index: 1;
				background: rgba(0, 0, 0, 0.5);
				opacity: 0;
				transition: all .3s ease-in-out;
			}

			.n-original .lista .list-swiper .img .btn {
				width: 55px;
				height: 55px;
				box-shadow: 0px 0px 0px 2px #fff;
				border-radius: 50%;
				position: absolute;
				left: 50%;
				top: 50%;
				z-index: 2;
				opacity: 0;
				transform: translate(-50%, -50%);
				font-size: 30px;
				line-height: 55px;
				text-align: center;
				color: #fff;
			}

		.n-original .lista .list-swiper .li-img:hover .img:before, .n-original .lista .list-swiper .li-img:hover .img .btn {
			opacity: 1;
		}

		.n-original .lista .list-swiper .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.n-original .lista .list-swiper .swiper-button-next, .n-original .lista .list-swiper .swiper-button-prev {
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 36px;
			color: #fff;
			margin-top: -100px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-original .lista .list-swiper .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.n-original .lista .list-swiper:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(10px, 0);
		}

		.n-original .lista .list-swiper:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(20px, 0);
		}

		.n-original .lista .list-swiper .swiper-button-prev:hover, .n-original .lista .list-swiper .swiper-button-next:hover {
			background: rgba(151, 119, 86, 0.3) !important;
			border-radius: 50%;
		}

.n-original .listb {
	padding-bottom: 3.75rem;
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-top: 2rem;
}

	.n-original .listb .top-title {
		margin-bottom: 1rem;
	}

	.n-original .listb .contact-box {
		width: 1060px;
		margin: 0 auto;
	}

		.n-original .listb .contact-box .tit1 {
			margin-top: .5rem;
		}

	.n-original .listb .list-swiper {
		margin-top: 2.25rem;
		position: relative;
		overflow: hidden;
		z-index: 3;
	}

		.n-original .listb .list-swiper .swiper-slide a {
			display: block;
		}

		.n-original .listb .list-swiper .img {
			position: relative;
		}

		.n-original .listb .list-swiper .tit1 {
			margin-top: .5rem;
			position: relative;
			margin-bottom: .4rem;
			padding-left: 40px;
		}

			.n-original .listb .list-swiper .tit1:before {
				content: "";
				position: absolute;
				left: 0;
				width: 20px;
				height: 1px;
				background: #949494;
				top: 50%;
			}

		.n-original .listb .list-swiper .img1 {
			width: 100%;
			position: relative;
			z-index: 2;
		}

		.n-original .listb .list-swiper .text {
			display: flex;
			flex-flow: column wrap;
			justify-content: flex-start;
			align-items: flex-start;
			z-index: 3;
		}

		.n-original .listb .list-swiper .bg {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 2;
			background: rgba(0, 0, 0, 0.5);
			opacity: 0;
			transition: all .3s ease-in-out;
		}

		.n-original .listb .list-swiper .p {
			position: absolute;
			display: inline-block;
			width: 80px;
			color: #fff;
			padding-left: 20px;
			background: url(../images/img4.png) no-repeat left center;
			top: 50%;
			left: 50%;
			margin-left: -40px;
			margin-top: -10px;
			opacity: 0;
			z-index: 3;
			transform: translate(0, -20px);
			transition: all .3s ease-in-out;
		}

		.n-original .listb .list-swiper .p-14 {
			width: 100%;
			transition: all .3s ease-in-out;
		}

		.n-original .listb .list-swiper .li-img:hover .p, .n-original .listb .list-swiper .li-img:hover .bg {
			opacity: 1;
		}

		.n-original .listb .list-swiper .swiper-button-prev {
			transform: translate(-80px, 0);
		}

		.n-original .listb .list-swiper .swiper-button-next, .n-original .listb .list-swiper .swiper-button-prev {
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 36px;
			color: #fff;
			margin-top: -100px;
			opacity: 1;
			transition: all .3s ease;
			background: none !important;
			opacity: 0;
		}

		.n-original .listb .list-swiper .swiper-button-next {
			transform: rotate(-180deg) translate(-80px, 0);
			right: 0;
		}

		.n-original .listb .list-swiper:hover .swiper-button-prev {
			opacity: 1;
			transform: translate(10px, 0);
		}

		.n-original .listb .list-swiper:hover .swiper-button-next {
			opacity: 1;
			transform: rotate(-180deg) translate(20px, 0);
		}

		.n-original .listb .list-swiper .swiper-button-prev:hover, .n-original .listb .list-swiper .swiper-button-next:hover {
			background: rgba(151, 119, 86, 0.3) !important;
			border-radius: 50%;
		}

	.n-original .listb .bg2 {
		width: 66%;
		height: 12rem;
		background: #f7f7f7;
		right: 0;
		bottom: 0;
		position: absolute;
		z-index: 2;
	}

	.n-original .listb .bg3 {
		position: absolute;
		z-index: 1;
		font-size: 3.85rem;
		color: #f7f7f7;
		font-weight: bold;
		font-family: "Arial";
		left: -1rem;
		bottom: 0;
	}

.n-original .listc {
	padding: 2.5rem 0 2.7rem;
	position: relative;
	z-index: 1;
}

	.n-original .listc .ulbox .li {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

		.n-original .listc .ulbox .li .img {
			max-width: 100%;
			width: 50%;
			position: relative;
		}

		.n-original .listc .ulbox .li:nth-child(odd) .text {
			padding: 0 calc(50% - 710px) 0 2.5rem;
		}

		.n-original .listc .ulbox .li:nth-child(even) .text {
			padding: 0 2.5rem 0 calc(50% - 710px);
		}

	.n-original .listc .ulbox .text {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: flex-start;
		width: 50%;
	}

		.n-original .listc .ulbox .text .tit1 {
			width: 100%;
		}

		.n-original .listc .ulbox .text .line {
			width: 30px;
			height: 1px;
			background: #999;
			margin: .5rem 0 .8rem;
		}

		.n-original .listc .ulbox .text .p-14 {
			color: #977756;
			margin-bottom: .5rem;
		}

		.n-original .listc .ulbox .text .p-16 {
			width: 100%;
			max-height: 4.5rem;
			color: #666;
		}

			.n-original .listc .ulbox .text .p-16 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
				background: #5c5c5c !important;
				width: 1px;
			}

.n-original .listd {
	padding: 2.5rem 0 2.75rem;
	position: relative;
	z-index: 1;
	background: url(../images/im23.jpg) no-repeat center top;
}

	.n-original .listd .top-title .tit2 p {
		background: none;
	}

	.n-original .listd .top-title .tit2:before, .n-original .listd .top-title .tit2:after {
		content: "";
		width: calc(50% - 80px);
		height: 1px;
		top: 50%;
		position: absolute;
		background: #fff;
	}

	.n-original .listd .top-title .tit2:before {
		left: 0;
		margin-left: 0;
	}

	.n-original .listd .top-title .tit2:after {
		right: 0;
	}

	.n-original .listd .list-swiper {
		margin-top: 1rem;
		overflow: hidden;
		position: relative;
		padding-bottom: 1rem;
	}

		.n-original .listd .list-swiper .swiper-wrapper {
			justify-content: stretch;
		}

		.n-original .listd .list-swiper .swiper-slide {
			border: 1px solid #4c4c4c;
			padding: 1rem;
			display: flex;
			flex-flow: column wrap;
			justify-content: stretch;
			align-items: center;
			height: auto;
			transition: all .3s ease-in-out;
		}

		.n-original .listd .list-swiper .img {
			width: 80px;
			height: 80px;
			margin-bottom: .75rem;
		}

		.n-original .listd .list-swiper .tit1 {
			margin-bottom: .75rem;
		}

		.n-original .listd .list-swiper .su {
			font-size: 14px;
			position: relative;
			font-family: "Arial";
			margin-bottom: .75rem;
		}

			.n-original .listd .list-swiper .su:before, .n-original .listd .list-swiper .su:after {
				content: "";
				width: 10px;
				height: 1px;
				left: 50%;
				top: 50%;
				position: absolute;
				background: #777777;
			}

			.n-original .listd .list-swiper .su:before {
				margin-left: -30px;
			}

			.n-original .listd .list-swiper .su:after {
				margin-left: 20px;
			}

		.n-original .listd .list-swiper .p-14 {
			line-height: 2;
		}

		.n-original .listd .list-swiper .swiper-slide:hover {
			border-top: 2px solid #ccb195;
			border-bottom: 2px solid #ccb195;
			background: rgba(255, 255, 255, 0.1);
		}

		.n-original .listd .list-swiper .swiper-pagination span {
			transition: all .3s ease-in-out;
		}

		.n-original .listd .list-swiper .swiper-pagination .swiper-pagination-bullet-active {
			width: 1rem;
			background: #ccb195;
			border-radius: 8px;
		}

		.n-original .listd .list-swiper .swiper-pagination span {
			background: #787776;
		}

.n-news {
	padding: 1rem 0;
	position: relative;
	z-index: 1;
	background: #fff;
}

	.n-news .news-list .ulbox {
		display: flex;
		flex-flow: row wrap;
		justify-content: stretch;
		align-items: center;
	}

		.n-news .news-list .ulbox .li {
			position: relative;
			height: 5rem;
			margin-bottom: 2%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}

			.n-news .news-list .ulbox .li .text {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
				padding: .3rem .5rem;
			}

			.n-news .news-list .ulbox .li .tit1 {
				margin-bottom: 5px;
			}

			.n-news .news-list .ulbox .li .time {
				color: #ccc;
				font-family: "Arial";
			}

		.n-news .news-list .ulbox .li1 {
			width: 31%;
			margin-right: 1.1%;
			margin-left: 1.1%;
		}

		.n-news .news-list .ulbox .li2 {
			width: 66%;
		}

		.n-news .news-list .ulbox .li2-ma-2 {
			margin-right: 2%;
		}

		.n-news .news-list .ulbox .li-manone {
			margin-right: 0;
		}

.news-info {
	background: #fff;
	padding: 2.5rem 0 3rem;
}

	.news-info .news-top {
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 18px;
		text-align: center;
	}

		.news-info .news-top .news-tit {
			font-size: 22px;
			line-height: 32px;
			color: #666;
			margin-bottom: 20px;
		}

		.news-info .news-top .time {
			color: #999;
			font-size: 14px;
			color: #999;
		}

	.news-info .news-text {
		padding: 30px 0 50px;
		min-height: 300px;
		font-size: 16px;
		color: #666;
		line-height: 2;
		border-bottom: 1px solid #e5e5e5;
	}

		.news-info .news-text img {
			max-width: 100%;
			display: block;
			margin: 0 auto;
		}

	.news-info .news-nav {
		padding-top: 45px;
	}

		.news-info .news-nav .nav-l {
			width: 70%;
		}

			.news-info .news-nav .nav-l span {
				font-size: 14px;
				line-height: 28px;
				color: #666;
				display: block;
			}

				.news-info .news-nav .nav-l span a {
					color: #666;
					width: 95%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					display: inline-block;
					transition: all .5s ease;
				}

					.news-info .news-nav .nav-l span a:hover {
						color: #28ad80;
					}

		.news-info .news-nav .news-back {
			width: 68px;
		}

			.news-info .news-nav .news-back .back-btn {
				display: block;
				text-align: left;
				color: #666;
				font-size: 14px;
				transition: all .5s ease;
			}

				.news-info .news-nav .news-back .back-btn:hover {
					color: #28ad80;
				}

.n-price {
	/* padding: 4rem 0;*/
	position: relative;
	z-index: 1;
	background: #fff;
	color: #666;
}

.m2wcBox a {
	color: #666;
}

.m2wcBox {
	margin: 0px auto 50px;
	overflow: hidden
}

.m2wcSel {
	padding: 8px 0px;
	font-size: 14px;
	line-height: 32px;
	width: 1220px;
	border-bottom: 1px solid #EBEBEA;
}


.wcclear {
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.m2wc_snm {
	float: left;
}

.m2wc_itms {
	margin-left: 110px;
	line-height: 0;
	font-size: 0
}

.m2wc_a1 {
	white-space: nowrap;
	display: inline-block;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	overflow: hidden;
	margin-right: 20px;
	width: 150px;
}
	/*width: 88px; margin-right: 10px; */
	.m2wc_a1.on, .m2wc_a1:hover {
		color: #cc0000;
	}

.m2wcList {
	margin: 40px -10px 20px;
}

	.m2wcList ul li {
		float: left;
		width: 590px;
		padding: 0px 10px;
		margin-bottom: 20px;
	}

.m2wc_aBox {
	background: #F8F8F8;
	display: block;
	padding: 10px 95px 0px 28px;
	position: relative;
	height: 140px;
	transition: all 0.5s ease-in-out
}

.m2wcDes {
	margin-left: 218px;
	padding-top: 6px;
}

	.m2wcDes strong {
		font-weight: normal;
		color: #666;
		font-size: 16px;
		line-height: 26px;
		display: block;
		margin-bottom: 10px;
	}
	/* height: 26px;  overflow: hidden;*/
	.m2wcDes p {
		font-size: 14px;
		line-height: 22px;
		color: #999999;
		height: 66px;
		overflow: hidden;
	}

.m2wc_m1 {
	background: url(../images/m2wc_r1.png) no-repeat;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 64px;
	right: 32px;
}

.m2wc_m2 {
	background: url(../images/m2wc_r2.png) no-repeat;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 64px;
	right: 32px;
	transition: all 0.5s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
}

.m2wc_aBox:hover .m2wc_m2 {
	opacity: 1;
	filter: alpha(opacity=100);
}

.m2wc_aBox:hover {
	background: #fff;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
}

.mkeSelectBox {
	height: 27px;
	width: 142px;
	position: relative;
	margin-top: 2px;
}

.mkeSelVal {
	height: 25px;
	width: 100px;
	line-height: 23px;
	font-size: 14px;
	color: #909090;
	padding: 0px 30px 0px 10px;
	border: 1px solid #DDDDDD;
	position: relative;
	background: url(../images/selIcon.jpg) no-repeat right center;
}

.mkeSelOption {
	padding: 8px 0px;
	border: 1px solid #DDDDDD;
	width: 140px;
	position: absolute;
	left: 0px;
	top: 26px;
	background: #FFF;
	display: none
}

.mkeSelDl {
	max-height: 180px;
	overflow-y: auto;
}

	.mkeSelDl dd {
		line-height: 26px;
		padding: 0px 10px;
		height: 26px;
		font-size: 14px;
		color: #909090;
		cursor: pointer;
	}

		.mkeSelDl dd:hover {
			color: #cc0000;
		}

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

.custome .customeL {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 0 36px;
}

	.custome .customeL h2 {
		color: #666333;
		font-size: 22px;
		font-weight: normal;
		text-align: center;
		padding-top: 50px;
	}

	.custome .customeL h4 {
		color: #999999;
		font-size: 14px;
		font-weight: normal;
		text-align: center;
		padding: 23px 0 29px;
	}

	.custome .customeL .videos {
		width: 795px;
		height: 485px;
	}

	.custome .customeL .sep {
		color: #666333;
		font-size: 16px;
		padding: 20px 0;
	}

	.custome .customeL p {
		color: #666666;
		font-size: 14px;
		line-height: 28px;
	}

.custome .customeR {
	float: right;
	width: 23%;
}

.custome .customeL .pages {
	padding: 57px 0 45px;
}

	.custome .customeL .pages .page_lef,
	.custome .customeL .pages .page_rit {
		float: left;
		color: #999999;
		font-size: 14px;
		display: block;
		width: 393px;
	}

		.custome .customeL .pages .page_lef a,
		.custome .customeL .pages .page_rit a {
			color: #999999;
			font-size: 14px;
		}

	.custome .customeL .pages .page_rit { /*padding-left:46px*/
		;
		width: auto;
	}

	.custome .customeL .pages a:hover,
	.custome .customeR .list a:hover {
		color: #cc0000;
	}

.custome .customeR .merlist {
	background: #FFF;
	margin-bottom: 20px;
}

	.custome .customeR .merlist p {
		color: #666333;
		font-size: 18px;
		height: 56px;
		line-height: 56px;
		padding-left: 22px;
		border-bottom: 1px solid #e8e8e8;
	}

.custome .customeR .list {
	padding: 12px 22px 19px;
}

	.custome .customeR .list a {
		display: block;
		color: #666666;
		font-size: 14px;
		line-height: 35px;
		background: url(../images/fg.jpg) no-repeat left 16px;
		padding-left: 13px;
	}

.custome .customeR .merImg {
	width: 300px;
	height: 264px;
	overflow: hidden;
}

	.custome .customeR .merImg img {
		width: 300px;
		height: 264px;
	}

.clearfix {
	zoom: 1;
	_height: 1px
}

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}

.subject_box .subjectl {
	float: left;
	width: 18%;
}

	.subject_box .subjectl .subtitle {
		height: 110px;
		background: #000;
		text-align: center;
	}

		.subject_box .subjectl .subtitle h2 {
			font-size: 22px;
			color: #FFF;
			font-weight: normal;
			padding-top: 34px;
		}

			.subject_box .subjectl .subtitle h2 a {
				height: 110px;
				color: #FFF;
				display: block;
				margin-top: -34px;
				padding-top: 34px;
			}

		.subject_box .subjectl .subtitle p {
			font-family: Arial;
			color: #FFF;
			padding-top: 7px;
		}

	.subject_box .subjectl li {
		border-bottom: 1px solid #cecece;
		text-align: center;
	}

		.subject_box .subjectl li > a {
			display: block;
			font-size: 18px;
			color: #666333;
			background: #f2f2f2;
			height: 80px;
			line-height: 80px;
		}

			.subject_box .subjectl li > a:hover,
			.subject_box .subjectl li > a.active {
				color: #cc0000;
				background: url(../images/us.jpg) no-repeat;
			}

.subject_box .subjectr {
	float: right;
	width: 78%;
}

.content .sjtilte {
	font-size: 24px;
	color: #cc0000;
}

.content p {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}

.content .silte {
	font-size: 18px;
	color: #666333;
}

.subject_box .subjectr .map {
	width: 950px;
	height: 445px;
}

.subject_box .subjectr .maptact h2 {
	font-size: 24px;
	color: #666333;
	font-weight: normal;
	padding: 48px 0 22px;
}

.subject_box .subjectr .maptact li {
	float: left;
	width: 440px;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.questions {
	width: 576px;
	margin: 0 auto;
	padding: 116px 0 121px;
	text-align: center;
}

	.questions img {
		width: 576px;
		height: 226px;
	}

	.questions h1 {
		font-size: 30px;
		color: #666333;
		font-weight: normal;
		padding: 39px 0 26px;
	}

	.questions h3 {
		font-size: 17px;
		color: #999999;
		font-weight: normal;
	}

	.questions p {
		font-size: 14px;
		color: #666333;
		padding-top: 14px;
	}

		.questions p span {
			color: #999999;
		}

	.questions .return {
		width: 321px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		font-size: 16px;
		color: #FFF;
		display: block;
		background: url(../images/red.png) no-repeat;
		margin-top: 29px;
		font-weight: bold;
	}

	.questions .quest {
		text-align: left;
		padding-left: 122px;
	}

.artlistul {
	padding-bottom: 30px;
}

	.artlistul li {
		overflow: hidden;
		padding: 20px 0 14px;
		border-bottom: 1px dashed #d9d9d9;
	}

		.artlistul li .artImg {
			float: left;
			width: 165px;
			height: 110px;
			overflow: hidden;
		}

			.artlistul li .artImg img {
				width: 165px;
				height: 110px;
			}

		.artlistul li .artConBox {
			float: right;
			width: 82%;
		}

			.artlistul li .artConBox .artl {
				float: left;
				width: 80%;
			}

				.artlistul li .artConBox .artl a {
					padding: 6px 0 16px;
					font-size: 16px;
					color: #666333;
					display: inline-block;
					background: url(../images/gline.jpg) no-repeat left bottom;
				}

				.artlistul li .artConBox .artl p {
					font-size: 14px;
					color: #999999;
					line-height: 26px;
					padding-top: 18px;
				}

			.artlistul li .artConBox .artr {
				float: right;
				width: 84px;
			}

				.artlistul li .artConBox .artr a {
					width: 40px;
					height: 40px;
					display: block;
					background: url(../images/rtn.png) no-repeat;
					margin-top: 19px;
				}

				.artlistul li .artConBox .artr p {
					font-size: 30px;
					color: #e8e8e8;
					font-family: Arial;
					padding-top: 5px;
				}

				.artlistul li .artConBox .artr span {
					font-size: 14px;
					color: #999999;
					font-family: Arial;
				}

				.artlistul li .artConBox .artr a:hover {
					background: url(../images/rtns.png) no-repeat;
				}

.fenlei {
	list-style: none;
}

.fenleiH3 {
	background: #f2f2f2;
	font-size: 18px;
	color: #666333;
	border-right: 1px solid #f2f2f2;
	border-left: 2px solid #f2f2f2;
	position: relative;
}

	.fenleiH3 h3 {
		font-size: 18px;
		line-height: 78px;
		font-weight: normal;
	}

		.fenleiH3 h3 a {
			color: #666333;
		}

.fenleiBtn {
	position: absolute;
	right: 10px;
	top: 0;
	width: 20px;
	height: 78px;
	background: url(../images/fenleiBtnBg.png) center center no-repeat;
	cursor: pointer;
}

.fenleiSub {
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-top: 1px solid #cecece;
	padding: 25px 10px;
	display: none;
}

	.fenleiSub a {
		display: block;
		font-size: 16px;
		color: #666333;
		line-height: 36px;
	}

		.fenleiSub a:hover, .fenleiSub a.active {
			color: #cc0000;
		}

.active .fenleiBtn {
	background-image: url(../images/fenleiBtnBga.png);
}

.active .fenleiH3 {
	background: #FFFFFF;
}

.arTop {
	overflow: hidden;
	border: 1px solid #dddddd;
	position: relative;
	margin-bottom: 10px;
}

.arTopTit {
	height: 39px;
	width: 90px;
	background: #f5f5f5;
	font-size: 14px;
	color: #000000;
	line-height: 39px;
	text-align: center;
	padding: 10px;
}

.arTopCon {
	margin-left: 20px;
	display: inline-block;
}

	.arTopCon a {
		font-size: 14px;
		color: #000000;
		line-height: 32px;
		display: inline-block;
		padding-right: 30px;
	}

		.arTopCon a:hover, .arTopList a.active {
			color: #cc0000;
		}

@media screen and (max-width:760px) {
	.m2wcBox {
		width: 96%;
		margin: 0px 2%;
	}

	.m2wcList ul li {
		float: none;
		width: 96%;
		padding: 0px 2%;
		margin: 2% 0px;
	}

	.m2wc_aBox {
		padding: 10px;
	}

	.custome .customeL {
		float: none;
		width: 100%;
		background: #FFF;
		padding: 0 36px;
	}

	.custome .customeR {
		float: none;
		width: 100%;
	}

	.subject_box .subjectl {
		float: none;
		display: none;
	}

	.subject_box .subjectr {
		float: none;
		width: 100%;
	}

	.artlistul li .artImg {
		float: none;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

		.artlistul li .artImg img {
			width: 100%;
			height: auto;
		}

	.artlistul li .artConBox {
		float: none;
		width: 100%;
	}

	.data .item {
		width: 50%;
	}
}

.n-contact .lista {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 0.5rem 0 2rem
}

	.n-contact .lista .ulbox {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.n-contact .lista .li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.n-contact .lista .left {
		margin-left: 17%;
	}

	.n-contact .lista .bg-image {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 1;
		transition: all .3s ease-in-out;
	}

	.n-contact .lista .map {
		height: 10.25rem;
		position: relative;
		cursor: pointer;
		z-index: 2;
		overflow: hidden;
	}

	.n-contact .lista .contact-info {
		padding: 1.25em .7rem 0;
	}

	.n-contact .lista .text {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 3;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
		transition: all .3s ease-in-out;
	}

	.n-contact .lista .map-container {
		position: absolute;
		z-index: 4;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease-in-out;
	}

		.n-contact .lista .map-container .map-core {
			width: 100%;
			height: 100%;
		}

			.n-contact .lista .map-container .map-core .BMapLabel {
				border: none !important;
				width: 160px !important;
				white-space: normal !important;
			}

		.n-contact .lista .map-container.cur {
			opacity: 1;
			visibility: visible;
		}

	.n-contact .lista .tit2 {
		text-transform: uppercase;
	}

	.n-contact .lista .tit3 {
		margin-bottom: 5px;
	}

	.n-contact .lista .close {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -25px;
		background: #666333;
		z-index: 2;
	}

	.n-contact .lista .zoomin {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -80px;
		background: #666333;
		z-index: 2;
	}

	.n-contact .lista .zoomout {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: 30px;
		background: #666333;
		z-index: 2;
	}

	.n-contact .lista .btn {
		margin-top: 1.2rem;
		padding-top: 30px;
		position: relative;
		display: inline-block;
	}

		.n-contact .lista .btn:before {
			position: absolute;
			top: 0;
			left: 50%;
			font-size: 20px;
			margin-left: -10px;
		}

	.n-contact .lista .li:hover .bg-image {
		transform: scale(1.1, 1.1);
	}

	.n-contact .lista .li:hover .text {
		background-color: rgba(0, 0, 0, 0.3);
	}

	.n-contact .lista .li:last-child {
		margin-right: 0;
	}

.n-contact .recruit-box {
	margin-top: 3rem;
}

.n-contact .listb {
	padding-bottom: 3.25rem;
}

/*slideTxtBox_01*/
.slideTxtBox_01 .tab-box {
	height: 12rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.slideTxtBox_01 .hd ul {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	bottom: 0;
}

	.slideTxtBox_01 .hd ul li {
		height: 2rem;
		line-height: 2rem;
		background: rgba(0, 0, 0, 0.2);
		color: #fff;
		text-align: center;
		width: 100%;
		float: left;
		transition: all .3s ease-in-out;
	}

		.slideTxtBox_01 .hd ul li.on {
			background: #0082c9;
			cursor: pointer;
		}

.n-contact .listb .top {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	background: #ccb195;
	height: 60px;
	line-height: 60px;
}

	.n-contact .listb .top .tj1 {
		width: 20%;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}

		.n-contact .listb .top .tj1:first-child {
			padding-left: 1rem;
			text-align: left;
		}

		.n-contact .listb .top .tj1:last-child {
			padding-right: 1rem;
			text-align: right;
		}

.n-contact .listb .formbox {
	margin-bottom: 1rem;
}

	.n-contact .listb .formbox .input1 {
		width: 29%;
		height: 55px;
		padding: 10px;
		border: 1px solid #e5e5e5;
		margin-right: 1%;
	}

		.n-contact .listb .formbox .input1 input {
			width: 100%;
			line-height: 35px;
			font-size: 14px;
			color: #666;
			border: none;
			background: none;
		}

	.n-contact .listb .formbox .input2 {
		width: 29%;
		height: 55px;
		padding: 10px;
		border: 1px solid #e5e5e5;
		margin-right: 1%;
	}

		.n-contact .listb .formbox .input2 select {
			width: 100%;
			height: 35px;
			line-height: 35px;
			font-size: 14px;
			color: #666;
			border: none;
			background: none;
		}

	.n-contact .listb .formbox .input3 {
		width: 10%;
		height: 55px;
		line-height: 55px;
		background: #ccb195;
		text-align: center;
		font-size: 26px;
		color: #fff;
		position: relative;
	}

		.n-contact .listb .formbox .input3 input {
			width: 100%;
			height: 100%;
			border: none;
			background: none;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
		}

.n-contact .listb .recruit-list-0 .recruitbox {
	border: 1px solid #efefef;
	margin-bottom: 1.5rem;
}

	.n-contact .listb .recruit-list-0 .recruitbox .recruit-list {
		margin-bottom: 2px;
	}

		.n-contact .listb .recruit-list-0 .recruitbox .recruit-list:last-child .recruit-top {
			border-bottom: none;
		}

		.n-contact .listb .recruit-list-0 .recruitbox .recruit-list.active {
			margin-bottom: 10px;
		}

	.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn {
		width: 30px;
		height: 30px;
		position: absolute;
		right: 50px;
		top: 50%;
		margin-top: -15px;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		transition: all .3s ease-in-out;
	}

		.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::before,
		.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::after {
			position: absolute;
			left: 30%;
			width: 1px;
			height: 60%;
			background: #666;
			content: '';
			transition: transform 0.3s, background-color 0.3s;
			backface-visibility: hidden;
		}

		.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::before {
			transform: translate(-1px, -3px) rotate(40deg);
			transform-origin: 0 100%;
		}

		.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::after {
			top: 50%;
			transform: translate(-1px, 1px) rotate(-40deg);
			transform-origin: 0 0;
		}

	.n-contact .listb .recruit-list-0 .recruitbox .recruit-top {
		cursor: pointer;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: 60px;
		line-height: 60px;
		border-bottom: 1px solid #efefef;
	}

		.n-contact .listb .recruit-list-0 .recruitbox .recruit-top .tj1 {
			width: 20%;
			text-align: center;
			color: #666;
			font-size: 16px;
		}

			.n-contact .listb .recruit-list-0 .recruitbox .recruit-top .tj1:first-child {
				padding-left: 1rem;
				text-align: left;
			}

			.n-contact .listb .recruit-list-0 .recruitbox .recruit-top .tj1:last-child {
				padding-right: 1rem;
				text-align: right;
				color: #977756;
			}

	.n-contact .listb .recruit-list-0 .recruitbox .recruit-text {
		background: #fff;
		padding: 0 1rem;
	}

	.n-contact .listb .recruit-list-0 .recruitbox .recruit-text {
		display: none;
	}

	.n-contact .listb .recruit-list-0 .recruitbox .text-top {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-content: flex-start;
		border-bottom: 1px solid #dfdfdf;
		padding: 1rem 15px;
	}

		.n-contact .listb .recruit-list-0 .recruitbox .text-top .sp {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-content: stretch;
			width: 25%;
			font-size: 14px;
			padding-right: 5px;
			margin-bottom: 10px;
		}

	.n-contact .listb .recruit-list-0 .recruitbox .recruit-tit {
		font-size: 18px;
		color: #666;
		line-height: 1.5;
		margin: .5rem 0 .3rem;
	}

	.n-contact .listb .recruit-list-0 .recruitbox .n-recruit-text {
		background: #fafafa;
		padding: .75rem 1.5rem;
	}

	.n-contact .listb .recruit-list-0 .recruitbox .recruit-details {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-content: stretch;
	}

	.n-contact .listb .recruit-list-0 .recruitbox .details {
		width: 50%;
		font-size: 14px;
		line-height: 1.8;
		color: #666;
		padding: 0 15px;
		padding-bottom: 1rem;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: .8rem;
	}

	.n-contact .listb .recruit-list-0 .recruitbox .apple-btn {
		width: 160px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 3px;
		color: #fff !important;
		display: block;
		background-color: #7F7F7F;
		margin-left: 15px;
		position: relative;
		transition: all .3s ease-in-out;
	}

		.n-contact .listb .recruit-list-0 .recruitbox .apple-btn span {
			position: relative;
			z-index: 2;
		}

		.n-contact .listb .recruit-list-0 .recruitbox .apple-btn:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			/* width: 100%; */
			/* height: 100%; */
			background: #ccb195;
			z-index: 1;
			border-radius: 3px;
			transition: all .3s ease-in-out;
		}

		.n-contact .listb .recruit-list-0 .recruitbox .apple-btn:hover {
			box-shadow: inset 0 0 0 2px #ccb195;
		}

			.n-contact .listb .recruit-list-0 .recruitbox .apple-btn:hover:before {
				transform: scale3d(0.94, 0.8, 1);
			}

	.n-contact .listb .recruit-list-0 .recruitbox .recruit-top.on {
		/*background: #000;
  .arrow-btn{
    opacity: 1;
  }
  .ctn-btn{
    transform: rotate(-270deg);
  }
  .recruit-name{
    color: #fff;
  }
  .ctn-btn::before,
  .ctn-btn::after {
    background: #fff;
  }*/
	}

.n-needs {
	background: #f7f7f7;
}

	.n-needs .linebox {
		height: 100px;
	}

	.n-needs .needs-top {
		background: #ccb195;
	}

		.n-needs .needs-top .w1420 {
			height: 5rem;
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: flex-start;
		}

	.n-needs .lista {
		padding: 1.5rem 0 3.5rem;
	}

		.n-needs .lista .box {
			background: #fff;
			border: 1px solid #eee;
			padding: 1rem;
			margin-bottom: .5rem;
		}

		.n-needs .lista .tit1 {
			margin-bottom: .75rem;
		}

		.n-needs .lista .tit2 {
			margin-bottom: .5rem;
		}

		.n-needs .lista .input {
			border: 1px solid #eee;
			padding: 10px;
			height: 50px;
		}

			.n-needs .lista .input input {
				background: none;
				border: none;
				font-size: 14px;
				color: #999;
				height: 30px;
				width: 100%;
				line-height: 30px;
			}

		.n-needs .lista .file-box {
			margin-top: .5rem;
			display: flex;
			flex-flow: row wrap;
			ustify-content: flex-start;
			align-items: center;
		}

			.n-needs .lista .file-box .img {
				position: relative;
				z-index: 1;
				width: 140px;
				height: 40px;
			}

				.n-needs .lista .file-box .img img {
					width: 100%;
					position: absolute;
					z-index: 1;
					left: 0;
					top: 0;
				}

			.n-needs .lista .file-box .p-12 {
				margin-left: 15px;
			}

			.n-needs .lista .file-box .file-btn {
				position: absolute;
				width: 140px;
				height: 40px;
				border: none;
				background: none;
				z-index: 2;
				opacity: 0;
				left: 0;
				top: 0;
			}

		.n-needs .lista .input3 {
			border: 1px solid #eee;
			padding: 10px;
			height: 5rem;
		}

			.n-needs .lista .input3 textarea {
				background: none;
				border: none;
				font-size: 14px;
				color: #999;
				height: 100%;
				width: 100%;
				line-height: 30px;
			}

		.n-needs .lista .radio-box {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
		}

			.n-needs .lista .radio-box .radiobox {
				margin-bottom: 15px;
			}

			.n-needs .lista .radio-box label {
				margin-right: 1.5rem;
				position: relative;
				z-index: 2;
			}

			.n-needs .lista .radio-box input {
				font-size: 14px;
				color: #999;
				margin-right: 5px;
			}

			.n-needs .lista .radio-box .hy-radio {
				width: 20px;
				height: 0px;
				background-color: #000;
				border-radius: 50%;
				position: relative;
				top: -15px;
			}

				.n-needs .lista .radio-box .hy-radio:before, .n-needs .lista .radio-box .hy-radio:after {
					content: '';
					display: block;
					position: absolute;
					border-radius: 50%;
					transition: .3s ease;
				}

				.n-needs .lista .radio-box .hy-radio:before {
					top: 0px;
					left: 0px;
					width: 18px;
					height: 18px;
					background-color: #fff;
					border: 1px solid #cccccc;
				}

				.n-needs .lista .radio-box .hy-radio:after {
					top: 6px;
					left: 6px;
					width: 8px;
					height: 8px;
					background-color: none;
				}

				.n-needs .lista .radio-box .hy-radio:checked:after {
					top: 3px;
					left: 3px;
					width: 12px;
					height: 12px;
					background-color: #ccb195;
				}

				.n-needs .lista .radio-box .hy-radio:checked:before {
					border-color: #ccb195;
				}

		.n-needs .lista .checkbox {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: .8rem;
		}

			.n-needs .lista .checkbox .hy-check {
				position: relative;
				padding-left: 35px;
				margin-right: 1.5rem;
				margin-bottom: 15px;
			}

				.n-needs .lista .checkbox .hy-check label {
					width: 20px;
					height: 20px;
					position: absolute;
					left: 0;
					top: 50%;
					margin-top: -10px;
					margin-left: 5px;
					background: #fff;
					border: 1px solid #ccc;
					border-radius: 0;
				}

					.n-needs .lista .checkbox .hy-check label:after {
						content: '';
						width: 12px;
						height: 12px;
						position: absolute;
						top: 3px;
						left: 3px;
						border-top: none;
						border-right: none;
						opacity: 0;
						border-radius: 0;
						/*box-shadow: 0 0 10px rgba(0,0,0,0.5), inset 0 0 1px 1px rgba(204,177,149,.3);*/
						background: #ccb195;
					}

				.n-needs .lista .checkbox .hy-check input[type=checkbox]:checked + label:after {
					opacity: 1;
				}

				.n-needs .lista .checkbox .hy-check input[type=checkbox] {
					opacity: 0;
					position: absolute;
					z-index: 999;
					left: 0;
					top: 50%;
					width: 30px;
					height: 30px;
					margin: 0;
					margin-top: -15px;
					cursor: pointer;
				}

		.n-needs .lista .input1 {
			width: 100%;
		}

		.n-needs .lista .input2 {
			width: 300px;
			margin-bottom: .6rem;
		}

		.n-needs .lista .inputbox {
			display: flex;
			flex-flow: row wrap;
			ustify-content: flex-start;
			align-items: center;
		}

			.n-needs .lista .inputbox .item {
				margin-right: 4%;
				width: 48%;
				margin-bottom: .7rem;
			}

				.n-needs .lista .inputbox .item .p-12 {
					text-align: right;
					margin-top: 10px;
				}

				.n-needs .lista .inputbox .item:nth-child(2n) {
					margin-right: 0;
				}

			.n-needs .lista .inputbox .item2 {
				width: 100%;
			}

		.n-needs .lista .input6 {
			width: 200px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			background: #ccb195;
			font-size: 14px;
			color: #fff;
			margin: 1.5rem auto 0;
			display: block;
			border: none;
		}

.footbar-box {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: 65px;
	background: #666333;
}

	.footbar-box a {
		width: 33%;
		display: block;
		float: left;
		padding: 12px 0;
		position: relative;
		z-index: 3;
		background: #666333;
	}

		.footbar-box a .imgbtn {
			margin-bottom: 5px;
		}

		.footbar-box a:before {
			content: "";
			position: absolute;
			width: 1px;
			height: 46px;
			top: 50%;
			margin-top: -23px;
			right: 0;
			background: #484848;
		}

	.footbar-box .telbox {
		width: 240px;
		height: 82px;
		bottom: 65px;
		background: #666;
		position: absolute;
		left: 50%;
		margin-left: -120px;
		z-index: 2;
		transition: all .3s ease-in-out;
		transform: translate(0, 100%);
	}

		.footbar-box .telbox p {
			padding: 0 10px;
		}

		.footbar-box .telbox a {
			display: block;
			width: 100%;
			font-size: 14px;
			line-height: 40px;
			border-bottom: 1px solid #343434;
			padding: 0;
			float: none;
			position: relative;
			padding-left: 30px;
			color: #fff;
		}

			.footbar-box .telbox a:before {
				content: "";
				position: absolute;
				width: 20px;
				height: 40px;
				background: url(../images/img1-2.png) no-repeat left center;
				background-size: 20px auto;
				margin-top: 0;
				left: 5px;
				top: 0;
			}

		.footbar-box .telbox.cur {
			transform: translate(0, 0%);
		}


	.footbar-box .telbox1 {
		width: 240px;
		height: 40px;
		bottom: 65px;
		background: #666;
		position: absolute;
		left: 50%;
		margin-left: -120px;
		z-index: 2;
		transition: all .3s ease-in-out;
		transform: translate(0, 100%);
	}

		.footbar-box .telbox1 p {
			padding: 0 10px;
			margin-left: 30px;
		}

		.footbar-box .telbox1 a {
			display: block;
			width: 100%;
			font-size: 14px;
			line-height: 40px;
			border-bottom: 1px solid #343434;
			padding: 0;
			float: none;
			position: relative;
			padding-left: 30px;
			color: #fff;
		}

			.footbar-box .telbox1 a:before {
				content: "";
				position: absolute;
				width: 20px;
				height: 40px;
				background: url(../images/img1-2.png) no-repeat left center;
				background-size: 20px auto;
				margin-top: 0;
				left: 5px;
				top: 0;
			}

		.footbar-box .telbox1.cur {
			transform: translate(0, 0%);
		}





















	.footbar-box .telbox1 {
		color: #fff;
		text-decoration: underline;
	}

.sidebar-box .telbox1 p {
	height: 62px;
	line-height: 62px;
	color: #fff;
	border-bottom: 1px dashed #fff;
	font-size: 16px;
	font-family: "Arial";
}
/*侧栏悬浮框*/
.sidebar-box {
	width: 65px;
	position: fixed;
	z-index: 99999;
	right: 0;
	top: calc(348 * 0.052vw);
}

	.sidebar-box .itembox {
		width: 100%;
		height: 62px;
		display: block;
		position: relative;
		z-index: 2;
		overflow: hidden;
		background: #666;
		transition: all .3s ease-in-out;
	}

		.sidebar-box .itembox:before {
			content: "";
			position: absolute;
			width: 80%;
			left: 10%;
			bottom: 0;
			height: 1px;
			border-bottom: 1px dashed #484848;
		}

		.sidebar-box .itembox:hover {
			background: #ccb195;
		}

			.sidebar-box .itembox:hover:before {
				border-bottom: 1px dashed #ccb195;
			}

	.sidebar-box .itembox1 {
		background: #008ed8 !important;
	}

	.sidebar-box .imgbtn {
		width: 100%;
		height: 22px;
		text-align: center;
		margin-top: 10px;
	}

		.sidebar-box .imgbtn img {
			display: inline-block;
			width: 22px;
			height: 22px;
			overflow: hidden;
		}

	.sidebar-box .back-top {
		opacity: 0;
		transform: translate(0, 20px);
		transition: all .5s ease;
		visibility: hidden;
	}

		.sidebar-box .back-top.active {
			opacity: 1;
			visibility: visible;
			transform: translate(0, 0);
		}

	.sidebar-box .witembox {
		position: relative;
	}

	.sidebar-box .telbox {
		width: 280px;
		height: 122px;
		padding: 0 110px 0 20px;
		background: #ccb195;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		transform: translate(100%, 0);
		transition: all .3s ease-in-out;
	}

		.sidebar-box .telbox p {
			height: 62px;
			line-height: 62px;
			color: #fff;
			border-bottom: 1px dashed #fff;
			font-size: 16px;
			font-family: "Arial";
		}

			.sidebar-box .telbox p a {
				color: #fff;
			}

			.sidebar-box .telbox p:last-child {
				border-bottom: none;
			}

	.sidebar-box .witembox:hover .telbox {
		transform: translate(0%, 0);
	}

	.sidebar-box .telbox1 {
		width: 280px;
		height: 70px;
		padding: 0 110px 0 20px;
		background: #ccb195;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		transform: translate(100%, 0);
		transition: all .3s ease-in-out;
	}

		.sidebar-box .telbox1 p {
			height: 62px;
			line-height: 62px;
			color: #fff;
			border-bottom: 1px dashed #fff;
			font-size: 20px;
			font-family: "Arial";
			text-align: center;
			/* margin-left:20px;*/
		}

			.sidebar-box .telbox1 p a {
				color: #fff;
			}

			.sidebar-box .telbox1 p:last-child {
				border-bottom: none;
			}

	.sidebar-box .witembox:hover .telbox1 {
		transform: translate(0%, 0);
	}

	.sidebar-box .itembox:hover, .sidebar-box .telbox1 {
		background: #666;
	}




.bg-none-s {
	background: #000;
	opacity: .5;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}


.meadia-ajax.active {
	transform: rotateX(0deg);
	opacity: 1;
	/*display: block;*/
}

.meadia-ajax .close-btn {
	width: 75px;
	height: 75px;
	position: absolute;
	right: 0rem;
	top: 0;
	z-index: 9;
	cursor: pointer;
	background: #666;
}

.meadia-ajax {
	width: 80%;
	position: fixed;
	height: 16rem;
	left: 50%;
	margin-left: -40%;
	top: 50%;
	margin-top: -8rem;
	/*overflow: hidden;*/
	opacity: 0;
	transform: scale(0);
	transition: opacity .5s,transform 1s;
	display: none;
	background: #000;
	z-index: 101;
}

	.meadia-ajax video {
		width: 100%;
		max-height: 16rem;
	}

.PageMenu-closeBtn {
	width: 26px;
	height: 26px;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	box-sizing: border-box;
	background-color: transparent;
	border: none;
	z-index: 20;
	outline: 0;
	transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

	.PageMenu-closeBtn .line-01, .PageMenu-closeBtn .line-02 {
		width: 100%;
		height: 3px;
		background-color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
	}

	.PageMenu-closeBtn .line-01 {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.PageMenu-closeBtn .line-02 {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
	}

		.PageMenu-closeBtn .line-01:after, .PageMenu-closeBtn .line-02:after {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #e15d56;
			-webkit-transform: scaleX(0) translateZ(0);
			transform: scaleX(0) translateZ(0);
			transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
			transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
			transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
		}

	.PageMenu-closeBtn:hover .line-01:after, .PageMenu-closeBtn:hover .line-02:after {
		-webkit-transform: scaleX(1) translateZ(0);
		transform: scaleX(1) translateZ(0);
	}

	.PageMenu-closeBtn:hover {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

.backtop svg {
	height: 20px;
	width: 20px;
	position: relative;
	display: block;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.backtop.active {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}

@keyframes scaleloading {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(10);
		opacity: 0;
	}
}

@keyframes glowmation {
	0% {
		top: -3%;
		left: -3%;
		background-position: 0% 50%;
		background-size: 150% 150%;
	}

	12.5% {
		top: -3%;
		left: 0;
		background-size: 70% 30%;
	}

	25% {
		top: -3%;
		left: 3%;
		background-size: 100% 50%;
	}

	37.5% {
		top: 0;
		left: 3%;
		background-size: 70% 30%;
	}

	50% {
		top: 3%;
		left: 3%;
		background-position: 100% 50%;
		background-size: 30% 30%;
	}

	62.5% {
		top: 3%;
		left: 0;
		background-size: 30% 70%;
	}

	75% {
		top: 3%;
		left: -3%;
		background-size: 50% 100%;
	}

	87.5% {
		top: 0;
		left: -3%;
		background-size: 30% 70%;
	}

	100% {
		top: -3%;
		left: -3%;
		background-position: 0% 50%;
		background-size: 150% 150%;
	}
}

@keyframes img1 {
	0% {
		opacity: .5;
	}

	20% {
		opacity: 1;
	}

	40% {
		opacity: .8;
	}

	50% {
		color: 1;
	}

	80% {
		color: 1;
	}

	100% {
		color: .8;
	}
}

@keyframes loader1 {
	0% {
		transform: scale(0.6);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

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

@keyframes arrow2 {
	0% {
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}

	50% {
		-webkit-transform: translatey(4px);
		transform: translatey(4px);
	}
}

.js-m {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}

	.js-m.animate {
		opacity: 1;
		transform: translate(0, 0);
	}

	.js-m.js-m-2 {
		opacity: 0;
		transform: translate(30px, 0);
		transition: all .8s ease;
	}

		.js-m.js-m-2.animate {
			opacity: 1;
			transform: translate(0, 0);
		}

.js-m-3 {
	opacity: 0;
	transform: translate(30px, 0);
	transition: all .8s ease;
}

	.js-m-3.animate {
		opacity: 1;
		transform: translate(0, 0);
	}

.js-m.js-m-4 {
	opacity: 0;
	transform: translate(0, -100px);
	transition: all .8s ease;
}

	.js-m.js-m-4.animate {
		opacity: 1;
		transform: translate(0, 0);
	}

.js-m-top {
	opacity: 0;
	transform: translate(0, 100px);
	transition: all 1.5s cubic-bezier(0.69, 0.1, 0.12, 1.02);
}

	.js-m-top.animate {
		opacity: 1;
		transform: translate(0, 0);
	}

.imgbg-tong {
	position: relative;
}

	.imgbg-tong:after {
		content: "";
		margin: 0 0 0 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #fff;
		z-index: 4;
		-moz-transition: all 0.5s ease-in-out 0.5s;
		-webkit-transition: all 0.5s ease-in-out 0.5s;
		transition: all 0.5s ease-in-out 0.5s;
	}

	.imgbg-tong:before {
		content: "";
		margin: 0 0 0 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #111;
		z-index: 5;
		opacity: 1;
		-moz-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

.js-m.animate.imgbg-tong:before, .js-m.animate.imgbg-tong:after {
	margin-right: 0;
	right: 0;
	bottom: 0;
	left: 100%;
}

.image-in {
	display: block;
	overflow: hidden;
}

	.image-in::before {
		transform: scaleX(1);
		transform-origin: right center 0px;
		transition-duration: 1s;
		transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
		transition-property: transform, -webkit-transform;
		transition-delay: 0.6s;
	}

	.image-in::before {
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 20;
		background-color: black;
	}

.image-in {
	transform: translate3d(-100.5%, 0px, 0px);
	transform-origin: left center 0px;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-property: transform, -webkit-transform;
	transition-delay: 0.2s;
}

.js-m.animate .image-in {
	transform: translate3d(0px, 0px, 0px);
}

	.js-m.animate .image-in::before {
		transform: scale(0, 1);
	}

.delay1 {
	transition-delay: .1s !important;
}

.delay2 {
	transition-delay: .2s !important;
}

.delay3 {
	transition-delay: .3s !important;
}

.delay4 {
	transition-delay: .4s !important;
}

.delay5 {
	transition-delay: .5s !important;
}

.delay6 {
	transition-delay: .6s !important;
}

.delay7 {
	transition-delay: .7s !important;
}

.delay8 {
	transition-delay: .8s !important;
}

.delay9 {
	transition-delay: .9s !important;
}

.delay01 {
	transition-delay: .03s !important;
}

.delay02 {
	transition-delay: .08s !important;
}

.delay03 {
	transition-delay: .13s !important;
}

.delay04 {
	transition-delay: .18s !important;
}

.delay05 {
	transition-delay: .23s !important;
}

.delay06 {
	transition-delay: .28s !important;
}

.delay07 {
	transition-delay: .33s !important;
}

.delay08 {
	transition-delay: .38s !important;
}

.delay09 {
	transition-delay: .43s !important;
}

/*.header1.on{
  position: relative;
  background: #1a1a1a;
  background-image: linear-gradient(#000,#121212);
  h1{
    margin: 38px 0 0;
  }
  nav{
    top: 32px;
  }
}
.header2.on{
  position: relative;
  background: #1a1a1a;
  background-image: linear-gradient(#000,#121212);
}
.star-bg {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/
.lang-item {
	position: absolute;
	width: 100px;
	right: 20px;
	top: 80px;
	background: rgba(255, 255, 255, 0.8);
	display: none;
}

	.lang-item a {
		line-height: 30px;
		text-align: center;
		display: block;
		color: #666;
		font-size: 14px;
		border-bottom: 1px solid #dcdcdc;
		transition: all .5s ease-in-out;
	}

		.lang-item a:hover {
			color: #da3830;
		}

		.lang-item a:last-child {
			border-bottom: none;
		}

#canvas2 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	/*opacity: 0;
    filter: alpha(opacity=0);*/
	transition: opacity 0.8s 1s;
}

.errors-alert .md-content {
	width: 450px;
	height: auto;
	padding: 1.25rem;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

	.errors-alert .md-content .tit1 {
		line-height: 1.5;
		margin-bottom: 1rem;
	}

	.errors-alert .md-content .coad-box {
		width: 100%;
		margin-top: 1rem;
		margin-bottom: .5rem;
	}

.errors-alert .md-content {
	background: #fff;
}

.errors-alert .md-close {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

	.errors-alert .md-close:before {
		position: absolute;
		font-size: 30px;
		left: 50%;
		top: 50%;
		width: 30px;
		height: 30px;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		color: #666;
	}

.errors-alert .coad-button {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #f8f8f8;
	display: block;
	cursor: pointer;
	box-shadow: inset 0px 0px 0px 1px #eee;
}

	.errors-alert .coad-button p {
		position: relative;
		z-index: 2;
		font-size: 16px;
		color: #e60012;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	.errors-alert .coad-button:before {
		z-index: 1;
		background: #cb0f1e;
		width: 600px;
		height: 200px;
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: translate(-50%, -50%) scale(0);
		-ms-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
	}

	.errors-alert .coad-button:hover p {
		color: #fff;
	}

	.errors-alert .coad-button:hover:before {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}



.n-cases .lista .swiper-tab .swiper-slide {
	color: #666;
	/*transition: all .3s ease-in-out;*/
}

	.n-cases .lista .swiper-tab .swiper-slide:hover a, .n-cases .lista .swiper-tab .swiper-slide.cur a {
		color: #fff;
	}

.i-listb .more {
	transition: all .3s ease-in-out;
}

	.i-listb .more:hover {
		color: #c0a58a;
	}

.i-banner .swiper-slide, .n-banner {
	overflow: hidden;
}

	.n-banner .text {
		position: relative;
		z-index: 2;
	}

.i-banner a {
	display: block;
	width: 100%;
	height: 100%;
}

.i-banner .index-video a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.i-banner .index-video .tit1 {
	font-size: 3.5rem;
	color: #fff;
	font-family: "BEBAS";
	line-height: 1.2;
}

.i-banner .index-video .tit2 {
	font-size: 1.6rem;
	line-height: 1.4;
	color: #fff;
	margin-bottom: 1.5rem;
}

.i-banner .index-video .more {
	width: 200px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	box-shadow: inset 0px 0px 0px 1px #fff;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

	.i-banner .index-video .more p {
		display: inline-block;
		padding-right: 25px;
		position: relative;
	}

		.i-banner .index-video .more p:before {
			position: absolute;
			display: block;
			transform: rotate(-90deg);
			right: 0;
			top: 0;
		}

.fot-alert .md-content {
	width: 100%;
	height: auto;
	padding: .5rem;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

	.fot-alert .md-content .tit1 {
		line-height: 1.5;
		margin-bottom: .2rem;
	}

	.fot-alert .md-content .tit2 {
		margin-top: 5px;
		line-height: 1.5;
	}

.fot-alert .md-content {
	background: #fff;
}

	.fot-alert .md-content .img {
		text-align: center;
	}

		.fot-alert .md-content .img img {
			max-width: 100%;
			display: inline-block;
		}

.fot-alert .md-close {
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 24px;
	color: #000;
	right: 5px;
	top: 5px;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
}

.fot-alert .coad-button:before {
	z-index: 1;
	background: #cb0f1e;
	width: 600px;
	height: 200px;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

.fot-alert .coad-button:hover p {
	color: #fff;
}

.fot-alert .coad-button:hover:before {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.fot-alert {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 320px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.fot-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.fot-alert.md-show ~ .fot-overlay {
	opacity: 1;
	visibility: visible;
}

.fot-alert.md-show ~ .md-close {
	opacity: 1;
	visibility: visible;
}

.video-alert .md-content {
	width: 100%;
	height: auto;
	padding: .5rem;
	background: #000;
}

.video-alert .md-close {
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 24px;
	color: #fff;
	right: -1rem;
	top: -1rem;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
}

.video-alert {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 1000px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

	.video-alert .video {
		width: 100%;
		height: auto;
		opacity: 0;
		visibility: hidden;
	}

	.video-alert.md-show .video {
		opacity: 1;
		visibility: visible;
	}

	.video-alert.md-show ~ .fot-overlay {
		opacity: 1;
		visibility: visible;
	}


	.video-alert.md-show ~ .md-close {
		opacity: 1;
		visibility: visible;
	}

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.liste .preview {
	margin-top: 5px;
	position: relative;
}

.liste .view .swiper-slide img {
	width: 100%;
}

.liste .preview .swiper-slide {
	border: 5px solid #fff;
}

	.liste .preview .swiper-slide.active-nav {
		border: 5px solid #c0a58a;
	}

.n-team .listb .en {
	white-space: nowrap;
}

.header1 .business-btn {
	background: #666;
}

.i-listb .swiper-tab .swiper-slide.cur, .i-listb .swiper-tab .swiper-slide:hover, .n-cases .lista .swiper-tab .swiper-slide.cur, .n-cases .lista .swiper-tab .swiper-slide:hover {
	background: #666;
	border: 1px solid #666;
}

.n-honor .listb .honor-list .swiper-slide .li:hover, .n-business .listd .ulbox .img-btn, .n-business .listd .ulbox .li:hover, .n-banner .cases-box .swiper-slide .more:before, .slideTxtBox_01 .hd ul .tab-li.cur, .n-contact .listb .formbox .input3, .n-contact .listb .top, .n-contact .listb .recruit-list-0 .recruitbox .apple-btn:before {
	background: rgba(0,0,0,0.5);
}

	.n-business .listd .ulbox .li:hover .img-btn, .header1 .business-btn:before {
		background: #666;
	}

.n-business .listd .ulbox .tit1 {
	color: #666;
}

.n-business .listg .ulbox .li .more:hover {
	border: 1px solid #666;
}

.n-business .listg .ulbox .li .more:before {
	background: #666;
}

.page a.active, .page a:hover {
	background: #666 !important;
}

.sidebar-box .itembox:hover, .sidebar-box .telbox {
	background: #666;
}

	.sidebar-box .itembox:hover:before {
		border-bottom: 1px dashed #666;
	}

.news-text .p-right {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

	.news-text .p-right span {
		font-size: 14px;
		line-height: 20px;
	}

	.news-text .p-right a {
		padding: 0;
		margin: 0 .25rem;
		background: none;
		width: 20px;
		height: 20px;
		font-size: 20px;
		color: #595959;
		opacity: 1;
		transition: color .3s ease-in-out;
	}

		.news-text .p-right a:hover {
			color: #666;
		}

.i-listb .workbox .li-img .img img, .n-cases .lista .workbox .li-img .img img, .i-listc .original-box .img1, .n-cases .listb .li-img .img img, .n-original .listb .list-swiper .img1, .n-news .news-list .ulbox .li {
	/*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all .3s ease-in-out;*/
}

	.i-listb .workbox .li-img:hover .img img, .n-cases .lista .workbox .li-img:hover .img img, .i-listc .original-box .li-img2:hover .img1, .n-cases .listb .li-img:hover .img img, .n-original .listb .list-swiper:hover .img1, .n-news .news-list .ulbox .li:hover {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		filter: gray;
	}

.news-text video {
	max-width: 100%;
}

#testOpen {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
}
/*.i-listb .workbox .li-img .time,.i-listb .workbox .li-img .tit1,.i-listb .workbox .li-img .bot,.n-cases .lista .workbox .li-img .time,.n-cases .lista .workbox .li-img .tit1,.n-cases .lista .workbox .li-img .bot{
  transition:color .3s ease-in-out;
}
.i-listb .workbox .li-img,.i-listb .workbox .li-img{
  transition:color .3s ease-in-out;
}
.i-listb .workbox .li-img:hover,.n-cases .lista .workbox .li-img:hover{
  background:#666;
}
.i-listb .workbox .li-img:hover .time,.i-listb .workbox .li-img:hover .tit1,.i-listb .workbox .li-img:hover .bot,.n-cases .lista .workbox .li-img:hover .time,.n-cases .lista .workbox .li-img:hover .tit1,.n-cases .lista .workbox .li-img:hover .bot{
  color:#fff;
}*/
/*# sourceMappingURL=style.css.map */
.link {
	float: left;
	opacity: 1;
	margin-top: 18px;
	margin-left: 15px;
}

.linkb {
	border: 1px solid #dedede;
	opacity: 0.6;
	width: 100px;
	/*border-radius: 20px;*/
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	margin-bottom: 10px;
}

	.linkb .ti {
		font-size: 14px;
		color: #dedede;
		opacity: 0.6
	}

.linka {
	position: absolute;
	left: 0;
	bottom: 36px;
	min-width: 100%;
	border: 1px solid #dedede;
	display: none;
}

	.linka a {
		display: block;
		background-color: #1a1a1a;
		color: #dedede;
	}

footer .footer-bot .w1420 {
	display: block;
}

footer .footer-bot .p1 {
	float: left;
	line-height: 75px;
}

footer .footer-nav {
	overflow: hidden;
}

footer .footer-bot .w1420 {
	height: 78px;
}

footer .last {
	float: right;
	line-height: 75px;
}

@media only screen and (max-width:1366px) {
	.n-about .lista .text .sp {
		font-size: 3.0rem;
	}
}


@media screen and (max-width:1200px) {
	footer .last {
		float: none;
		display: block;
		line-height: 30px;
	}

	footer .footer-bot .p1 {
		display: block;
		width: 100%;
		line-height: 30px;
		float: none;
	}

	.link {
		margin-top: 0;
		display: block;
		float: none;
	}

	footer .footer-bot .w1420 {
		height: auto;
	}
}

@media only screen and (max-width:750px) {
	.n-banner .cases-box {
		width: 88%;
	}

	.n-banner .text .tit1.ti {
		font-size: 0.6rem;
	}

	.n-team .listc {
		height: 10rem;
	}
}






/*新加*/
.imgbtn img {
	width: auto !important;
}

@media only screen and (max-width: 760px) {
	.m2wcSel {
		width: 100%;
	}

	.m2wc_aBox {
		height: auto !important;
	}

		.m2wc_aBox span {
			width: 40%;
			display: block;
		}

	.m2wcDes {
		width: 58%;
		margin-left: 0 !important;
		float: right;
	}

	.m2wcList ul li {
		float: none;
		width: 96%;
		padding: 0px 2%;
		margin: 2% 0px;
		clear: both;
	}
}

@media only screen and (max-width: 760px) {
	.m2wcDes p {
		display: none;
	}
}