.module .module-box {
	padding: 50px 0
}

.module .title-module {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 40px
}

.module .title-module .more-btn {
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	color: #cc0e19;
	border: 1px solid #cc0e19;
	padding: 2px 10px;
	border-radius: 20px
}

.module .title-module .more-btn:hover {
	background-color: #cc0e19;
	color: #fff
}

.module .title-module .title-center {
	text-align: center
}

.module .title-module .title-center.pc {
	display: block
}

.module .title-module .title-center.m {
	display: none
}

.module .title-module .title-center .title {
	font-size: 35px;
	color: #000
}

.module .title-module .title-center .title.text-white {
	color: #fff
}

.module .title-module .title-center .subtitle {
	font-size: 15px;
	color: #cc0e19
}

.module .title-module .title-center .subtitle.text-white {
	color: #fff
}

.module .title-module .title-center .subtitle.text-black {
	color: #474747
}

.module .m-more {
	display: none
}

.bg-module {
	position: relative
}

.bg-module .bg-img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1
}

.bg-module .bg-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.bg-module .mask {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .8
}

.m-bg-module {
	position: relative
}

.m-bg-module .m-bg-img {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1
}

.m-bg-module .m-bg-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.m-bg-module .m-bg-img img.filter {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
	-webkit-filter: blur(3px);
	filter: blur(3px)
}

.m-bg-module .mask {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .42
}

@media screen and (max-width:768px) {
	.module .module-box {
		padding: 20rem 0
	}

	.module .title-module {
		position: relative;
		width: 100%;
		max-width: 90%;
		margin: 0 auto 10rem
	}

	.module .title-module .more-btn {
		display: none
	}

	.module .title-module .title-center {
		text-align: center
	}

	.module .title-module .title-center.pc {
		display: none
	}

	.module .title-module .title-center.m {
		display: block
	}

	.module .title-module .title-center .title {
		font-size: 20rem;
		font-weight: 700;
		color: #474747
	}

	.module .title-module .title-center .title.m-white,
	.module .title-module .title-center .title.text-white {
		color: #fff
	}

	.module .title-module .title-center .subtitle {
		font-size: 7rem
	}

	.module .m-more {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #282828;
		margin: 0 auto;
		width: 56rem;
		height: 16rem;
		line-height: 16rem;
		letter-spacing: 5rem;
		border: 1rem solid #282828;
		border-radius: 30rem
	}

	.module .m-more.white {
		color: #fff;
		border: 1rem solid #fff
	}

	.m-bg-module .m-bg-img {
		display: block
	}
}

* {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Open Sans, sans-serif
}

body {
	min-width: 1180px
}

@media screen and (max-width:768px) {
	body {
		min-width: auto
	}

	:root {
		font-size: .26667vw
	}
}

.container {
	max-width: 1400px;
	position: relative;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.dis-none {
	display: none
}

.dis-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.justify-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.justify-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.align-items-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.align-items-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.text-center {
	text-align: center
}

.pc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.m {
	display: none
}

@media screen and (max-width:768px) {
	.pc {
		display: none
	}

	.m {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (max-width:1350px) {
	body {
		min-width: 1180px
	}

	.container {
		max-width: 1180px;
		position: relative;
		width: 100%;
		padding: 0 15px;
		margin: 0 auto
	}
}

@media screen and (max-width:1024px) {
	body {
		min-width: 100%
	}

	.container {
		max-width: 960px;
		position: relative;
		width: 100%;
		padding: 0 15px;
		margin: 0 auto
	}
}

@media screen and (max-width:769px) {
	body {
		min-width: 100%
	}

	.container {
		max-width: 100%;
		position: relative;
		width: 100%;
		padding: 0 15px;
		margin: 0 auto
	}
}

@media screen and (max-width:420px) {
	body {
		min-width: 100%
	}

	.container {
		max-width: 100%;
		position: relative;
		width: 100%;
		padding: 0 15px;
		margin: 0 auto
	}
}

.header .wrapper {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header .wrapper:after,
.sitelogo .logo_link .white {
	display: none
}

.sitelogo .logo_link .dasker {
	display: block;
	width: auto;
	height: auto;
	opacity: 1;
	max-width: 60%;
}

.fp-viewing-page1 .sitelogo .logo_link .white {
	display: block;
	max-width: 60%;
}

.fp-viewing-page1 .sitelogo .logo_link .dasker {
	display: none
}

.fp-viewing-page8 .header {
	opacity: 0
}

.xia {
	z-index: 5
}

.header-form h2 {
	font-size: 640px;
	font-size: 40rem;
	color: #fff;
	font-weight: 600;
	letter-spacing: 192px;
	letter-spacing: 15rem;
	text-align: center;
}

.header-form .zixun {
	display: block;
	margin: 15px auto 0 40%;
	width: 70px;
	line-height: 30px;
	height: 30px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
	font-size: 14px;
	outline: none;
	cursor: pointer;
	float: none;
	text-align: center
}

.header-form .zixun:hover {
	background: #fff;
	color: #333
}

.tan {
	position: fixed;
	z-index: 666;
	top: 50%;
	left: 50%;
	width: 14720px;
	width: 920rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: none
}

.tan .left_side {
	width: 45%
}

.tan .left_side .ico {
	position: relative;
	padding-top: 150%;
	width: 100%;
	overflow: hidden
}

.tan .left_side .ico img {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100%;
	width: auto;
	max-width: none
}

.tan .right_side {
	width: 55%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5%
}

.tan .right_side .top_text {
	margin-bottom: 15rem
}

.tan .right_side .top_text h4 {
	font-size: 288px;
	font-size: 18rem;
	letter-spacing: 96px;
	letter-spacing: 6rem;
	font-weight: 500
}

.tan .right_side .top_text h2 {
	font-size: 416px;
	font-size: 26rem;
	margin: 5rem 0;
	font-weight: 500
}

.tan .right_side .top_text p {
	font-size: 256px;
	font-size: 16rem;
	font-weight: 500
}

.tan .right_side #form1 {
	width: 100%
}

.tan .right_side #form1 .input {
	margin-top: 15rem
}

.tan .right_side #form1 .input input,
.tan .right_side #form1 .input textarea {
	line-height: 640px;
	line-height: 40rem;
	height: 640px;
	height: 40rem;
	font-size: 256px;
	font-size: 16rem;
	color: #747373;
	outline: none;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-bottom: 1px solid #747373;
	width: calc(100% - 30px)
}

.tan .right_side #form1 button {
	margin-top: 24rem;
	width: 100%;
	border: 0;
	background-color: #747373;
	color: #fff;
	font-size: 256px;
	font-size: 16rem;
	line-height: 800px;
	line-height: 50rem;
	height: 800px;
	height: 50rem;
	cursor: pointer;
	width: calc(100% - 30px)
}

.tan .right_side #form1 button:hover {
	background-color: #666
}

.tan .right_side #form1 p {
	font-size: 256px;
	font-size: 16rem;
	margin-top: 20rem
}

.tan .close {
	position: absolute;
	right: 240px;
	right: 15rem;
	top: 240px;
	top: 15rem;
	cursor: pointer
}

.tan .close i {
	font-size: 384px;
	font-size: 24rem
}

.bg-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #000;
	opacity: .5;
	z-index: 322;
	display: none
}

body.tan_open .tan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

body.tan_open .bg-mask {
	display: block
}

@media only screen and (max-width:1023px) {
	.nav {
		padding-top: 71px
	}

	.header-form {
		margin-top: 100rem
	}

	.header-form h2 {
		font-size: 120rem;
		color: #fff;
		font-weight: 600;
		letter-spacing: 12rem
	}

	.header-form .zixun {
		margin-left: 0
	}

	.tan {
		position: fixed;
		z-index: 666;
		top: 50%;
		left: 50%;
		height: 100vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-color: #fff;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		display: none
	}

	.tan,
	.tan .left_side {
		width: 100%
	}

	.tan .left_side .ico {
		position: relative;
		padding-top: 80%;
		width: 100%;
		overflow: hidden
	}

	.tan .left_side .ico img {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		height: 100%;
		width: auto;
		max-width: none
	}

	.tan .right_side {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5%;
		position: relative
	}

	.tan .right_side .top_text {
		margin-bottom: 15rem
	}

	.tan .right_side .top_text h4 {
		font-size: 100rem;
		letter-spacing: 18rem;
		font-weight: 500
	}

	.tan .right_side .top_text h2 {
		font-size: 120rem;
		margin: 25rem 0;
		font-weight: 500
	}

	.tan .right_side .top_text p {
		font-size: 70rem;
		font-weight: 500
	}

	.tan .right_side #form1 {
		width: 100%
	}

	.tan .right_side #form1 .input {
		margin-top: 80rem
	}

	.tan .right_side #form1 .input input,
	.tan .right_side #form1 .input textarea {
		line-height: 160rem;
		height: 160rem;
		font-size: 80rem;
		color: #747373;
		outline: none;
		background: rgba(0, 0, 0, 0);
		border: none;
		border-bottom: 1px solid #747373;
		width: calc(100% - 30px)
	}

	.tan .right_side #form1 button {
		margin-top: 100rem;
		width: 100%;
		border: 0;
		background-color: #747373;
		color: #fff;
		font-size: 80rem;
		line-height: 200rem;
		height: 200rem;
		cursor: pointer;
		width: calc(100% - 30px)
	}

	.tan .right_side #form1 button:hover {
		background-color: #666
	}

	.tan .right_side #form1 p {
		font-size: 70rem;
		margin-top: 100rem
	}

	.tan .right_side .close {
		position: absolute;
		right: 80rem;
		top: 0;
		cursor: pointer
	}

	.tan .right_side .close i {
		font-size: 120rem
	}
}

@media only screen and (max-width:1400px) {
	.header-form .zixun {
		margin-left: 0
	}
}

@media only screen and (max-width:740px) {
	:root {
		font-size: .26667vw
	}

	.header {
		border-bottom: 0 solid rgba(0, 0, 0, 0)
	}

	.header .sitelogo .dasker,
	.header .sitelogo .white {
		display: none;
		height: 40px !important
	}

	.header .san p {
		color: #fff
	}

	.header .san span {
		background: #fff
	}

	.header.bgfff {
		border-bottom: 1px solid #000;
		background-color: #fff;
		z-index: 9999
	}

	.header.bgfff .sitelogo .dasker,
	.header.bgfff .sitelogo .white {
		display: none;
		height: 40px !important
	}

	.header.bgfff .san p {
		color: #000
	}

	.header.bgfff .san span {
		background: #000
	}

	.new-nav.index-nav.nav li a span {
		font-size: 80rem !important
	}
}

@media only screen and (min-width:1024px) and (max-width:1350px) {
	.new-content07 .input {
		float: left;
		margin-right: 10px
	}

	.new-content07 .new-content07_img1,
	.new-content07 .new-content07_img2 {
		height: 20px;
		margin-bottom: 0
	}

	.new-content07 .new-tel {
		font-size: 22px
	}

	.new-content07 .new-tel>img {
		height: 71px;
		margin-top: -35px
	}
}

@media (max-width:1350px) {
	.new-footer .footer-top-nav a {
		position: relative;
		color: #fff;
		display: block;
		margin: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: auto;
		text-align: left;
		padding: 0 21px;
		border-right: 1px solid #fff;
		font-size: 16px
	}
}

@media (max-width:768px) {
	.new-footer .footer-top-nav a {
		width: 33.33%;
		padding-left: 0;
		font-size: 14px;
		border-right: 0 solid #fff
	}
}

@media only screen and (min-width:1024px) and (max-width:1350px) {
	.new-footer .footer-top-nav a {
		padding: 0 15px;
		font-size: 15px
	}
}

body {
	line-height: 1.5;
	max-width: 4096px;
	margin: auto
}

body,
html {
	height: 100%
}

.line3 {
	-webkit-line-clamp: 3;
	height: 72px
}

.line3,
.line4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.line4 {
	-webkit-line-clamp: 4;
	height: 96px
}

.line2 {
	-webkit-line-clamp: 2;
	height: 48px
}

.line2,
.line5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.line5 {
	-webkit-line-clamp: 5;
	height: 120px
}

.line6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	height: 144px
}

.line6,
.pic {
	overflow: hidden
}

.pic:hover img,
.swiper-slide:hover .pic img,
li:hover .pic img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.more {
	width: 140px;
	line-height: 42px;
	letter-spacing: 2px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	border: 2px solid #fff;
	display: inline-block
}

.more:hover {
	background: #fff;
	color: #ffba00
}

.more.orange {
	border-color: #ffba00;
	color: #ffba00
}

.more.orange:hover {
	background: #ffba00;
	color: #fff
}

.phone {
	display: none
}

.editor {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	text-indent: 2em
}

.editor embed,
.editor iframe,
.editor img,
.editor table {
	margin: 12px 0;
	max-width: 100%
}

.editor img {
	height: auto !important
}

.bdsharebuttonbox a {
	float: none !important;
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: inherit;
	width: 22px;
	height: 22px;
	vertical-align: middle
}

.bdsharebuttonbox {
	text-align: left
}

.pos_re {
	position: relative
}

.pos_re>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 5
}

.hei100,
.pos_re>a {
	height: 100%
}

.w1600 {
	max-width: 1600px
}

.w1630 {
	max-width: 1630px
}

.w1300 {
	max-width: 1300px
}

.wrapper {
	margin: auto;
	width: 90%;
	right: 0
}

.fontp {
	font-size: 15px;
	line-height: 31px;
	color: #666
}

#new-content04-btn {
	position: absolute;
	left: 2%;
	width: 40px;
	top: 93%;
	cursor: pointer;
	z-index: 999
}

@font-face {
	font-family: helveticaneue;
	src: url(/public/fonts/helveticaneue-black.eot);
	src: local("font/helveticaneue"), local("font/helveticaneue"), url(/public/fonts/helveticaneue-black.ttf) format("truetype"), url(/public/fonts/helveticaneue-black.svg) format("svg")
}

@font-face {
	font-family: HelveticaNeueLTPro-ThEx;
	src: url(/public/fonts/helveticaneueltpro-thex.eot);
	src: local("font/HelveticaNeueLTPro-ThEx"), local("font/HelveticaNeueLTPro-ThEx"), url(/public/fonts/helveticaneueltpro-thex.ttf) format("truetype"), url(/public/fonts/helveticaneueltpro-thex.svg) format("svg")
}

@font-face {
	font-family: helveticaneue-light;
	src: url(/public/fonts/helveticaneue-light.eot);
	src: local("font/helveticaneue-light"), local("font/helveticaneue-light"), url(/public/fonts/helveticaneue-light.ttf) format("truetype"), url(/public/fonts/helveticaneue-light.svg) format("svg")
}

.font {
	font-family: helveticaneue
}

.font1 {
	font-family: HelveticaNeueLTPro-ThEx
}

.font2 {
	font-family: helveticaneue-light
}

.banner {
	position: relative
}

.banner .pc,
.banner .phone {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.logo {
	width: 270px
}

.banner {
	overflow: hidden
}

.slg h1 .lf-hero-text {
	font-size: 60px;
	color: #fff;
	margin-top: 70px;
	text-transform: uppercase
}

.slg #js-wordContainer {
	line-height: 50px;
	font-size: 50px;
	text-transform: uppercase
}

.slg .one {
	color: #ff6b65
}

.slg .two {
	color: #4f80ff
}

.slg .three {
	color: #1ceaca
}

.slg .four {
	color: #ffd668
}

.slg h1 strong {
	padding-left: 15px
}

#js-heroWord {
	position: relative
}

.slogan {
	width: 100%;
	max-width: 63.6%
}

.section {
	overflow: hidden
}

.banner video,
.new-content04 video {
	position: absolute;
	cursor: pointer;
	z-index: 4;
	display: block;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

#js-wordContainer {
	position: relative
}

#js-wordContainer:before {
	content: "";
	position: absolute;
	left: -30px;
	animation: blink .5s ease 0s infinite alternate none running;
	-webkit-animation: blink .5s ease 0s infinite alternate none running;
	background: #fff;
	display: block;
	width: 2px;
	height: 100%;
	bottom: 0
}

@keyframes blink {

	0%,
	50% {
		background: rgba(0, 0, 0, 0)
	}

	75%,
	to {
		background: #fff
	}
}

@-webkit-keyframes blink {

	0%,
	50% {
		background: rgba(0, 0, 0, 0)
	}

	75%,
	to {
		background: #fff
	}
}

.black {
	background: hsla(0, 0%, 100%, .5)
}

.black,
.black1 {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 8;
	display: none
}

.black1 {
	background: rgba(0, 0, 0, .5)
}

.nice li:first-child {
	margin-bottom: 1rem
}

.index-nav {
	width: 7520px;
	width: 470rem;
	float: right
}

.index-nav li>a {
	font-size: 320px;
	font-size: 20rem;
	white-space: nowrap;
	color: #fff
}

.index-nav li>a span {
	font-size: 704px;
	font-size: 44rem;
	padding-right: 20rem
}

.index-nav.nav li>a span {
	font-size: 672px;
	font-size: 42rem
}

.index-nav.nav li>a {
	font-size: 288px;
	font-size: 18rem
}

.index-nav li {
	overflow: hidden;
	position: relative;
	padding-left: 80rem
}

.index-nav li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #fff;
	width: 60px;
	opacity: 0
}

.index-nav li.cur:before,
.index-nav li:hover:before {
	animation: hr .3s ease-out alternate forwards;
	-webkit-animation: hr .3s ease-out alternate forwards
}

.index-nav li:hover>a {
	padding-left: 10px
}

.nav li img {
	/width: 190rem !important
}

.nav {
	height: 100%;
	width: 9760px;
	width: 610rem;
	padding: 0 5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 9;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.nav.index-nav li>a {
	color: #333;
	text-align: left
}

.nav.index-nav li {
	padding: 10rem 0;
	text-align: center
}

.nav.index-nav li:hover>a {
	color: #ffba00
}

.index-nav.nav li:before {
	display: none !important
}

.nav li {
	opacity: 0;
	text-align: left;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.nav.on li:first-child {
	-o-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .1s
}

.nav.on li:nth-child(2) {
	-o-transition-delay: .15s;
	transition-delay: .15s;
	-webkit-transition-delay: .15s
}

.nav.on li:nth-child(3) {
	-o-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transition-delay: .2s
}

.nav.on li:nth-child(4) {
	-o-transition-delay: .25s;
	transition-delay: .25s;
	-webkit-transition-delay: .25s
}

.nav.on li:nth-child(5) {
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition-delay: .3s
}

.nav.on li:nth-child(6) {
	-o-transition-delay: .35s;
	transition-delay: .35s;
	-webkit-transition-delay: .35s
}

.nav.on li:nth-child(7) {
	-o-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-transition-delay: .4s
}

.nav.on li:nth-child(8),
.nav.on li:nth-child(9),
.nav.on li:nth-child(10) {
	-o-transition-delay: .45s;
	transition-delay: .45s;
	-webkit-transition-delay: .45s
}

.nav.on li>a {
	display: block;
	line-height: 800px;
	line-height: 50rem;
	text-align: center;
	font-size: 320px;
	font-size: 20rem;
	font-weight: 700;
	color: #fff
}

.nav.on,
.nav.on li {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.nav.on li>a {
	color: #333;
	text-align: left
}

@keyframes hr {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-60px);
		-ms-transform: translateX(-60px);
		transform: translateX(-60px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes hr {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-60px);
		-ms-transform: translateX(-60px);
		transform: translateX(-60px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.xia {
	position: absolute;
	bottom: 15px;
	left: 50%;
	z-index: 3;
	background: url(/public/images/icon01.png) no-repeat 50%/100%;
	width: 34px;
	height: 34px;
	margin-left: -17px;
	animation: xia .8s infinite alternate;
	-webkit-animation: xia .8s infinite alternate
}

.xiab {
	background: url(/public/images/xiab.png) no-repeat 50%/100%
}

@keyframes xia {
	0% {
		transform: translateY(-15px);
		-webkit-transform: translateY(-15px)
	}

	to {
		transform: translateY(0);
		-webkit-transform: translateY(0)
	}
}

@-webkit-keyframes xia {
	0% {
		transform: translateY(-15px);
		-webkit-transform: translateY(-15px)
	}

	to {
		transform: translateY(0);
		-webkit-transform: translateY(0)
	}
}

.content01 .wz01 {
	margin: 0 60px 0 10px;
	width: 21.75%
}

.content01 .wz02 {
	width: 23.8%
}

.content01 h3 {
	margin-bottom: 60px;
	font-size: 60px;
	font-weight: 700;
	color: #4e4d4d
}

.cased {
	padding-bottom: 50px
}

.content02 ul {
	max-height: 100%
}

.content02 li {
	float: left;
	max-height: calc(50% - 3px);
	margin: 3px;
	width: calc(25% - 6px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.content02 li>img {
	visibility: hidden
}

.content02 li .img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.content02 li .hide {
	display: none
}

.content02 li:hover .hide {
	display: block
}

.content02 li:hover .show {
	display: none
}

.content02 li .wenz {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 40px 20px;
	z-index: 2;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s .3s;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}

.content02 li .wenz h3 {
	font-weight: 700;
	text-align: right;
	font-size: 20px;
	color: #fff
}

.content02 li .wenz h4 {
	text-align: right;
	font-size: 14px;
	color: #fff
}

.content02 li:hover .wenz {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.content02 li .case-more {
	background: #ffba00;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 40px;
	white-space: nowrap
}

.content02 li .p1 {
	line-height: 1;
	font-size: 24px;
	color: #fff;
	font-weight: lighter
}

.content02 li .p2 {
	line-height: 1;
	font-size: 34px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700
}

.content02 li .p2 span {
	font-size: 52px;
	padding-left: 10px
}

.new-content03 li .more {
	margin-top: 40px
}

.pad {
	padding: 6% 0
}

.sy-tit {
	margin-bottom: 60px;
	text-transform: uppercase
}

.sy-tit h3 {
	font-size: 44px;
	color: #000
}

.sy-tit h4 {
	font-size: 22px
}

.sy-tit p {
	font-size: 16px;
	color: #999;
	text-transform: uppercase
}

.content03 li {
	overflow: hidden;
	width: 20%;
	float: left
}

.content03 li:first-child,
.content03 li:nth-child(2),
.content03 li:nth-child(3) {
	margin-top: 160px
}

.content03 li .wenz {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
	text-align: right;
	color: #fff;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px)
}

.content03 li .wenz span {
	font-size: 20px;
	display: inline-block
}

.content03 li .wenz font {
	font-size: 14px;
	display: inline-block;
	padding-left: 5px
}

.content03 li .pic img {
	opacity: .6
}

.content03 li:hover .pic img {
	opacity: 1
}

.content03 li:hover .wenz {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.content03 li:nth-child(4) {
	margin: -160px 0 0 -20%
}

.content03 .more-div {
	width: 60%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 50px
}

.more-div>div {
	margin-top: -100px;
	width: 300px;
	text-align: center;
	float: right
}

.more-div>div p {
	font-size: 16px;
	color: #999
}

.more-div .more {
	margin-top: 15px
}

.content04 {
	position: relative
}

.content04 .wenz {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	left: 0;
	top: 0
}

.content04 .wenz .wrapper>div {
	max-width: 610px;
	width: 60%
}

.content04 .wenz table {
	margin-top: 60px
}

.content04 .wenz img {
	width: 43.1%
}

.content04 .wenz td {
	font-size: 14px;
	text-align: center;
	border: 1px solid #fff;
	width: 64px;
	height: 64px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.content04 .wenz td a {
	display: inline-block;
	color: #fff
}

.content04 .wenz td.cur,
.content04 .wenz td:hover {
	border-color: #ffba00;
	background: #ffba00
}

.content04 .wenz td.bor {
	border: none;
	width: 10px;
	height: 0
}

.content04 .wenz td.bor:hover,
.content04 .wenz td.cur.bor {
	border: rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0)
}

.content05 .wrapper>.clearfix {
	position: relative
}

.content05 dl {
	width: 45%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 28px;
	margin-bottom: -5px;
	border-left: 1px solid #ccc
}

.content05 dl:nth-child(2n) {
	float: right
}

.content05 dl:nth-child(2) {
	float: left
}

.content05 dt {
	position: relative;
	font-size: 32px;
	color: #444;
	font-weight: 700
}

.content05 dd.tuijian:before {
	content: "";
	display: block;
	left: -29px;
	width: 3px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	background: #999
}

.content05 dd.tuijian {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 2px
}

.content05 dd h3 {
	padding-bottom: 6px
}

.content05 dd.tuijian h3 a {
	font-weight: 700;
	font-size: 26px;
	color: #434542
}

.content05 dd h3 a {
	font-size: 16px;
	color: #424242;
	line-height: 24px
}

.content05 dd h3 a:hover {
	color: #ffba00
}

.content05 dd.tuijian p {
	color: #999;
	font-size: 13.33px;
	color: #898989;
	overflow: hidden;
	margin: 4px 0
}

.content05 dd.tuijian .date {
	position: absolute;
	right: 0;
	top: 10px
}

.content05 dd.tuijian .date h5 {
	font-size: 24px
}

.content05 dd.tuijian .date h5 sup {
	font-size: 14px;
	padding-left: 4px
}

.content05 dd.tuijian h6 {
	font-size: 14px;
	text-align: center
}

.content05 dd.tuijian font {
	display: none
}

.content05 dd {
	float: left;
	width: 46%
}

.content05 dd:nth-child(2n) {
	float: right
}

.content05 .pic {
	position: absolute;
	height: calc(50% - 45px);
	right: 0;
	bottom: 34px;
	width: 45%
}

.content05 .wrapper.pad {
	padding: 30px 0
}

.content06 ul {
	margin-top: -30px
}

.content06 li {
	padding: 30px 0;
	float: left;
	width: 15%;
	text-align: center
}

.content06 li .img {
	height: 78px;
	line-height: 78px
}

.content06 li img {
	max-height: 85%;
	max-width: 85%
}

.content06 li:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.content06 li p {
	font-size: 16px;
	color: #1a1a1a;
	padding-top: 5px
}

.content06 li:nth-child(7),
.content06 li:nth-child(19) {
	margin-left: 10%
}

.content07 .map {
	width: 46%;
	float: right
}

.content07 #dituContent {
	height: 520px;
	border: 1px solid #ccc
}

.content07 .map p {
	font-size: 18px;
	text-align: center;
	margin-top: 15px
}

.tel {
	float: left;
	width: 50%
}

.tel h3 {
	padding: 40px 0;
	font-size: 48px;
	color: #333
}

.tel>div {
	font-size: 28px;
	color: #333;
	background: url(/public/images/icon02.png) no-repeat 0/70px;
	padding-left: 100px
}

.tel a {
	margin-top: 210px;
	width: 180px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	text-align: center;
	background: #f1a219;
	color: #fff
}

.ftel,
.tel a {
	font-size: 16px
}

.ftel {
	background: url(/public/images/icon03.png) no-repeat 100%;
	padding-right: 32px;
	color: #ffea00;
	margin-bottom: 3px
}

.header {
	line-height: 120px;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 99999
}

.san {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 22px;
	font-size: 23px;
	color: #3e3e3e;
	margin: 50px 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.san>div {
	position: relative;
	float: left;
	margin-left: 10px
}

.san>div:nth-child(2) {
	width: 30px;
	height: 20px
}

.san span {
	width: 100%;
	position: absolute;
	height: 4px;
	background: #3e3e3e;
	display: block;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.san span:first-child {
	top: 0
}

.san span:nth-child(2) {
	top: 50%;
	margin-top: -2px
}

.san span:nth-child(3) {
	bottom: 0
}

.san.cur span:first-child {
	top: 50%;
	margin-top: -2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.san.cur span:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.san.cur span:nth-child(3) {
	display: none
}

.ny-banner {
	position: relative
}

.ny-banner .wz {
	width: 33.3%;
	position: absolute;
	right: 8%;
	bottom: 9%;
	z-index: 2
}

.case-ul {
	float: right;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
	height: 100%
}

.case-div {
	position: relative
}

.case-ul li {
	float: left;
	overflow: hidden;
	width: calc(50% - 4px);
	height: calc(50% - 22px);
	margin-bottom: 22px
}

.case-ul ul {
	height: calc(100% - 80px)
}

.case-ul li:nth-child(2n) {
	float: right
}

.case-ul li .img {
	overflow: hidden;
	height: calc(100% - 77px)
}

.case-ul li .img-box {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.case-ul li:hover .img-box {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.case-ul li .wenz {
	padding-top: 17px
}

.case-ul li .wenz h3>a {
	font-size: 20px;
	color: #333
}

.case-ul li .wenz h3 {
	margin-bottom: 6px
}

.case-ul li .wenz h3>a:hover {
	color: #ffba00
}

.page {
	text-align: center
}

.page a,
.page span {
	margin: 0 3px;
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #666;
	border: 1px solid #ccc
}

.page .page-next,
.page .page-prev {
	border: none
}

.page a.active,
.page a:hover {
	background: #ffba00;
	border-color: #ffba00
}

.page .page-next:hover,
.page .page-prev:hover {
	border: none;
	background: rgba(0, 0, 0, 0);
	color: #ffba00
}

.case-div .case-profile {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%
}

.case-div .case-profile p {
	font-size: 18px;
	line-height: 34px;
	color: #fff;
	max-width: 670px;
	width: 75%;
	margin: auto
}

.case-div:nth-child(odd) .case-ul {
	float: left
}

.case-div:nth-child(odd) .case-profile {
	left: auto;
	right: 0
}

.case-div:first-child .case-profile {
	background: #3e565b
}

.case-div:nth-child(2) .case-profile {
	background: #f4cb2a
}

.case-div:nth-child(3) .case-profile {
	background: #31486c
}

.case-div:nth-child(4) .case-profile {
	background: #aaa
}

.case-div:nth-child(5) .case-profile {
	background: #3e565b
}

.case-div:nth-child(6) .case-profile {
	background: #f4cb2a
}

.case-div:nth-child(7) .case-profile {
	background: #31486c
}

.case-div:nth-child(8) .case-profile {
	background: #aaa
}

.case-div .more,
.decorate .more {
	color: #ffba00;
	border-color: #ffba00;
	display: block;
	margin: auto
}

.case-div .more:hover,
.decorate .more:hover {
	background: #ffba00;
	color: #fff
}

.decorate .more {
	margin-top: 20px
}

.case-detail-ban .img {
	width: 61.25%;
	float: right
}

.case-detail-ban .wenz {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 80px;
	float: left;
	width: 35%
}

.case-detail-ban .wenz h1 {
	position: relative;
	margin-bottom: 30px;
	font-size: 36px;
	color: #333
}

.case-detail-ban .wrapper {
	padding-top: 50px
}

.case-detail-ban .wenz .fontp {
	line-height: 28px
}

.case-detail-ban .wenz h1 span {
	display: block
}

.case-detail-ban .wenz h1 em {
	font-style: normal;
	position: absolute;
	font-size: 100px;
	left: -80px;
	top: 50%;
	line-height: 100px;
	margin-top: -50px;
	color: #ffba00;
	font-weight: 700
}

.case-detail-pic .swiper-container {
	width: 74.8%;
	float: left
}

.case-detail-pic .swiper-button-prev {
	left: 30px;
	width: 20px;
	height: 32px;
	margin-top: -16px;
	background-size: 100% !important
}

.case-detail-pic .swiper-button-next {
	right: 30px;
	width: 20px;
	height: 32px;
	margin-top: -16px;
	background-size: 100% !important
}

.case-detail-pic .wenz {
	max-height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25.2%;
	float: right;
	padding: 130px 32px 0
}

.crumbs {
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	font-size: 14px
}

.crumbs,
.crumbs a {
	color: #666
}

.crumbs a:hover {
	color: #ffba00
}

.crumbs em {
	color: #333;
	font-style: normal
}

.crumbs a,
.crumbs em,
.crumbs span {
	display: inline-block;
	vertical-align: middle
}

.crumbs span {
	margin-top: -3px;
	padding: 0 4px
}

.case-detail-pic .crumbs {
	margin-bottom: 35px
}

.case-lists .case-ul {
	width: 100%
}

.case-lists .case-ul li {
	float: left;
	width: 24%;
	margin-right: 1.33%
}

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

.case-lists .page {
	margin-top: 35px
}

.case-tab {
	text-align: center
}

.office-banner {
	position: relative
}

.office-banner .wenz {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.office-banner .wenz h2 {
	font-size: 56px;
	font-weight: 700;
	line-height: 1
}

.office-banner .wenz h1 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 60px
}

.office-banner .wenz img {
	width: 59.6%
}

.office li {
	margin-bottom: 40px;
	text-align: center
}

.office li h3 {
	font-size: 36px
}

.office li h5 {
	font-size: 18px;
	margin: 8px 0 30px
}

.office li:nth-child(2n) {
	margin-bottom: 0
}

.header-mar {
	height: 120px
}

.contact .tel {
	text-align: center;
	width: 100%
}

.contact .tel h3 {
	letter-spacing: 4px
}

.contact .tel h5 {
	font-size: 20px
}

.contact .tel h5 span {
	color: #ffba00;
	font-size: 48px;
	padding-left: 10px
}

.contact-form {
	padding-bottom: 40px
}

.contact-form .map {
	width: 58.6%
}

.form {
	width: 38%;
	float: left
}

.form h1 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px
}

.form h4 {
	font-size: 18px;
	line-height: 2
}

.form h4,
.form h4 a {
	color: #333
}

.form h5 {
	font-weight: 700;
	font-size: 20px;
	margin-top: 50px
}

.form h5 span {
	color: #666;
	font-weight: 400;
	font-size: 12px
}

.form input[type=text],
.form textarea {
	line-height: 40px;
	display: block;
	border: 1px solid #777;
	float: left;
	width: 48.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
	font-size: 14px;
	color: #666;
	outline: none;
	margin: 12px 0 0
}

.form textarea {
	padding: 5px 12px;
	line-height: 24px;
	width: 100%
}

.form input:nth-child(2n) {
	float: right
}

.form input[type=submit] {
	width: 160px;
	float: left;
	margin-top: 30px;
	line-height: 44px;
	background: #000;
	color: #fff;
	border: none;
	outline: none;
	font-size: 16px;
	cursor: pointer
}

.form input[type=submit]:hover {
	background: #ffba00
}

.padt0 {
	padding-top: 30px
}

.brand .editor {
	color: #333;
	font-size: 16px;
	line-height: 34px
}

.brand .tit {
	width: 55.7%;
	margin-bottom: 80px
}

.team-banner .wrapper {
	position: relative
}

.team-banner .wz {
	width: 52.6%;
	position: absolute;
	left: 0;
	top: 30%
}

.team-banner .wz01 {
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 40%
}

.team-ul .swiper-slide {
	overflow: hidden
}

.team-ul .swiper-slide .img-box {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.team-ul .swiper-slide .wenz {
	position: absolute;
	left: 0;
	bottom: 20%;
	width: 100%;
	padding: 0 14%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 4;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.team-ul .swiper-slide .yy {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.team-ul .swiper-slide .wenz h3 {
	font-size: 20px;
	color: #fff
}

.team-ul .swiper-slide .wenz h4 {
	font-size: 16px;
	color: #fff
}

.team-ul .swiper-slide .wenz p {
	color: #d3d0d0;
	margin-top: 30px
}

.team-ul .swiper-slide:hover .yy {
	opacity: 1
}

.team-ul .swiper-slide:hover .wenz {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.team-ul .swiper-button-next,
.team-ul .swiper-button-prev {
	width: 100px;
	height: 100px;
	margin-top: -50px;
	border-radius: 50%
}

.team-ul .swiper-button-prev {
	background: #ececec url(/public/images/prev.png) no-repeat 50%;
	left: 30px
}

.team-ul .swiper-button-prev:hover {
	background: #ffba00 url(/public/images/prevw.png) no-repeat 50%;
	left: 30px
}

.team-ul .swiper-button-next {
	background: #ececec url(/public/images/next.png) no-repeat 50%;
	right: 30px
}

.team-ul .swiper-button-next:hover {
	background: #ffba00 url(/public/images/nextw.png) no-repeat 50%;
	right: 30px
}

.team-detail {
	padding-bottom: 50px
}

.team-detail .toux {
	float: left;
	width: 24.8%
}

.team-detail .wenz {
	float: left;
	width: 35%;
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.team-detail .wenz h2 {
	font-size: 36px;
	font-weight: 700
}

.team-detail .wenz hr {
	width: 64px;
	height: 2px;
	text-align: left;
	display: block;
	border: none;
	background: #666;
	margin: 22px 0
}

.team-detail .wenz h3 {
	font-size: 24px;
	margin-bottom: 40px
}

.team-detail .zuopin {
	width: 40.2%;
	float: right
}

.team-detail .zuopin p {
	font-size: 18px;
	color: #fff;
	position: absolute;
	bottom: 35px;
	left: 25px;
	z-index: 2
}

.service-banner h3 {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase
}

.service-banner h2 {
	font-size: 40px;
	font-weight: 700
}

.service-banner .wrapper {
	position: relative
}

.service-banner h3 {
	padding-top: 12.5%
}

.service-banner .wz {
	bottom: 13%;
	right: 0;
	position: absolute;
	width: 44%
}

.feedback-alert {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 340px;
	padding: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 3px;
	z-index: 12;
	margin: -252.5px 0 0 -170px
}

.feedback-alert h3 {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 24px
}

.feedback-alert .ff input[type=text] {
	width: 100%;
	margin-bottom: 12px;
	line-height: 42px;
	border: 1px solid #eaeaea;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
	outline: none
}

.feedback-alert .ff .submit {
	cursor: pointer;
	width: 100%;
	background: #ffba00;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	border: none;
	outline: none;
	line-height: 44px
}

.feedback-alert .ff textarea {
	border: 1px solid #eaeaea;
	padding: 8px 12px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	margin-bottom: 12px;
	font-size: 14px;
	color: #666
}

.feedback-alert .close {
	background: url(/public/images/closeb.png) no-repeat 50%/64px;
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0;
	top: 0
}

.service-tab {
	margin-bottom: 50px
}

.service-tab a {
	display: inline-block;
	padding: 0 30px;
	line-height: 40px;
	border: 1px solid #ccc;
	font-size: 16px;
	color: #333;
	margin-right: 5px
}

.service-tab a.cur,
.service-tab a:hover {
	background: #ffba00;
	color: #fff;
	border-color: #ffba00
}

.service .pic {
	width: 48.5%;
	float: left
}

.service .btn-box {
	position: relative;
	padding: 0 160px
}

.service .wenz {
	width: 48.5%;
	float: right
}

.service .wenz h3 {
	font-size: 36px;
	font-weight: 700;
	text-align: right;
	text-transform: uppercase
}

.service .wenz h2 {
	margin-bottom: 40px;
	font-size: 28px;
	text-align: right
}

.service .wenz .fontp {
	font-size: 16px;
	line-height: 32px
}

.service .swiper-button-next,
.service .swiper-button-prev {
	width: 100px;
	height: 100px;
	margin-top: -50px;
	border-radius: 50%
}

.service .swiper-button-prev {
	background: url(/public/images/prev.png) no-repeat 50%;
	left: 10px
}

.service .swiper-button-next {
	background: url(/public/images/next.png) no-repeat 50%;
	right: 10px
}

.service .swiper-button-next:hover,
.service .swiper-button-prev:hover {
	background-color: #eaeaea !important
}

.decorate-ul {
	width: 55.8%;
	float: right
}

.decorate-ul.pad {
	width: 100%;
	float: none
}

.decorate-ul .page {
	margin-top: 50px
}

.decorate-div {
	position: relative;
	margin-bottom: 30px
}

.hot-tit {
	font-size: 20px;
	color: #f9ad0f;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px
}

.decorate-ul li {
	margin-top: 20px;
	position: relative;
	width: 48.5%;
	float: left
}

.decorate-ul li h3 {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px
}

.decorate-ul li.tuijian {
	margin-top: 0;
	width: 100%
}

.decorate-ul li h3 a {
	color: #333
}

.decorate-ul li h3 a:hover {
	color: #ffba00
}

.decorate-ul.du li:nth-child(2n),
.decorate-ul li:nth-child(odd) {
	float: right
}

.decorate-ul.du li:nth-child(odd) {
	float: left
}

.decorate-ul li span {
	margin-top: 3px;
	display: block;
	font-size: 12px;
	color: #666
}

.decorate-div .img {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 6%;
	width: 40.8%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}

.decorate-div .img h3 {
	font-size: 36px;
	color: #fff;
	font-weight: 700
}

.decorate-div .img hr {
	margin: 20px 0;
	display: block;
	height: 2px;
	width: 46px;
	text-align: left;
	background: #fff;
	border: none
}

.decorate-div .page {
	margin-top: 28px
}

.decorate-div .img .fontp {
	color: #fff
}

.decorate-div .img span {
	font-size: 12px;
	margin-top: 10px;
	color: #fff;
	display: block
}

.decorate-div:nth-child(2n) .img {
	left: auto;
	right: 0
}

.decorate-div:nth-child(2n) .decorate-ul {
	float: left
}

.decorate-detail {
	position: relative
}

.decorate-detail .img {
	width: 47%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}

.decorate-detail .wenz {
	float: right;
	width: 53%;
	height: 100%;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 60px 65px 30px
}

.decorate-detail .wenz>h1 {
	margin-bottom: 30px;
	font-size: 36px
}

.decorate-detail .editor {
	padding: 28px 0
}

.bdsharebuttonbox a {
	-webkit-transition: all 0s !important;
	-o-transition: all 0s !important;
	transition: all 0s !important
}

.local-page {
	margin: 20px 0
}

.local-page dd {
	line-height: 30px
}

.local-page dd a {
	font-size: 14px;
	color: #333
}

.local-page dd a:hover {
	color: #ffba00
}

.new-article h3 {
	margin-bottom: 12px;
	font-size: 18px;
	color: #333;
	font-weight: 700
}

.new-article dd {
	line-height: 28px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 20px;
	float: left;
	width: 33%;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.new-article dd>a {
	font-size: 12px;
	color: #333
}

.new-article dd>a:hover {
	color: #ffba00
}

.lf-hero-text {
	display: block
}

#js-wordContainer span {
	opacity: 0;
	position: relative
}

#js-wordContainer span.show {
	opacity: 1
}

.section {
	position: relative
}

.new-content01 .video-box {
	margin-top: 50px;
	width: 56.5%;
	position: relative;
	z-index: 3
}

.new-content01 .video-box video {
	z-index: 3;
	display: none;
	background: #000;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}

.new-content01 .video-box a {
	border-radius: 50%;
	opacity: .8;
	background: #fff url(/public/images/play.png) no-repeat 50%/100%;
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: calc(50% - 32px);
	top: calc(50% - 32px);
	z-index: 3
}

.video-path {
	display: none
}

.new-content01 .pic,
.new-content01 .pic img {
	width: 100%;
	height: 100%
}

.new-content01 .wenz {
	width: 43.25%;
	margin-right: -7.25%
}

.new-tit {
	margin-bottom: 115px
}

.new-tit img {
	max-width: inherit;
	max-width: auto
}

.new-tit .tit1 {
	left: 18%;
	width: 11456px;
	width: 716rem;
	height: 2896px;
	height: 181rem
}

.new-tit .tit1,
.new-tit .tit2 {
	display: block;
	position: relative
}

.new-tit .tit2 {
	margin: -147rem 0 0;
	z-index: 2;
	left: 20%;
	width: 9776px;
	width: 611rem;
	height: 1840px;
	height: 115rem
}

.new-tit h3 {
	font-size: 23px;
	color: #333;
	margin-top: 12px;
	margin-left: 10px
}

.new-tit a {
	display: inline-block;
	margin-top: 15px;
	font-size: 18px;
	color: #333
}

.new-tit a img {
	width: 10.5px;
	margin: -2px 0 0 6px
}

.new-content01 .tit2 {
	margin: -57px 0 0 10px
}

.new-content01 .txt {
	width: 70%;
	margin: 170px 0 0
}

.relx-p {
	margin-left: 12px;
	width: 435px;
	text-indent: 2em;
	font-size: 16px
}

.new-content01 .txt img {
	margin-bottom: 16px;
	width: 7888px;
	width: 493rem;
	height: 1120px;
	height: 70rem
}

#fullpage,
.section {
	height: 100%
}

.new-content02 .swiper-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.new-content02 .swiper-container,
.new-content02 .swiper-slide .pic {
	height: 100%
}

.new-content02 .swiper-slide {
	overflow: hidden;
	height: 100%
}

.new-content02 .swiper-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.new-content02 .txt {
	z-index: 3;
	position: absolute;
	left: 297px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 461px;
	width: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.new-content02 .swiper-container:before {
	content: "";
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	right: calc(16% + 6px);
	z-index: 3;
	background: #fff
}

.new-content02 .txt>div {
	background: #fff;
	padding: 20px 30px
}

.new-content02 .txt h6 {
	font-size: 15px;
	color: #000;
	font-weight: 700
}

.new-content02 .txt h3 {
	margin: 6px 0;
	font-size: 20px;
	color: #3e3e3e;
	font-weight: 700
}

.new-content02 .txt h3 img {
	width: auto;
	height: 25px;
	margin: -2px 10px 0 0
}

.ani-left_con .fontp {
	line-height: 26px !important
}

.ani-left_con .fontp1 {
	margin-top: 30px
}

.new-content02 .swiper-slide .pic {
	position: relative
}

.new-content02 .swiper-slide .hide {
	display: block
}

.new-content02 .swiper-slide .show {
	display: none
}

.new-content02 .swiper-slide-active .show {
	display: block
}

.new-content02 .swiper-slide-active .hide {
	display: none
}

.new-content02 .swiper-slide.on .txt {
	display: block
}

.new-content03 .swiper-container {
	margin-top: 100px;
	margin-left: 160px
}

.new-content03 .swiper-slide {
	overflow: hidden
}

.new-content03 .swiper-slide>img {
	visibility: hidden
}

.new-content03 .swiper-slide .img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.new-content03 .swiper-slide .hide {
	display: block
}

.new-content03 .swiper-slide .show {
	display: none
}

.new-content03 .swiper-slide:hover .img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.new-content03 .swiper-slide .wenz {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 40px 20px;
	z-index: 2;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s .3s;
	-webkit-transition: all .3s .3s;
	transition: all .3s .3s
}

.new-content03 .swiper-slide .wenz h3 {
	font-weight: 700;
	text-align: right;
	font-size: 20px;
	color: #fff
}

.new-content03 .swiper-slide .wenz h4 {
	text-align: right;
	font-size: 14px;
	color: #fff
}

.new-content03 .swiper-slide:hover .wenz {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.pagination01.swiper-pagination {
	margin-top: 30px !important;
	position: relative !important;
	bottom: auto !important
}

.pagination01.swiper-pagination .swiper-pagination-bullet {
	border-radius: 0 !important;
	width: 30px;
	height: 5px;
	background: #adadad;
	opacity: 1
}

.pagination01.swiper-pagination .swiper-pagination-bullet-active {
	background: #000
}

.new-content02 .pagination01.swiper-pagination {
	position: absolute !important;
	bottom: 30px !important
}

.new-content02 .pagination01.swiper-pagination .swiper-pagination-bullet {
	background: hsla(0, 0%, 100%, .6) !important
}

.new-content02 .pagination01.swiper-pagination .swiper-pagination-bullet-active {
	background: #fff !important
}

.new-content04 .zz {
	z-index: 4;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 71%;
	max-height: 71%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%)
}

.new-content05 .pic {
	float: left;
	width: 686px;
	height: 439px
}

.new-content05 .pic img {
	width: 100%;
	height: 100%
}

.new-content05 .logos {
	float: right;
	width: 53%;
	height: 439px
}

.new-content05 .logos .swiper-slide {
	height: 132px;
	text-align: center
}

.new-content05 .logos .swiper-slide img {
	max-width: 95%;
	max-height: 80%;
	opacity: .8;
	-webkit-filter: grayscale(100%);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	filter: grayscale(100%)
}

.new-content05 .logos .swiper-slide p {
	display: none
}

.new-content05 .logos .swiper-slide:hover img {
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
	filter: grayscale(0)
}

.content05 .clearfix1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.new-content06.content05 dd.tuijian h3 a {
	font-weight: 400
}

.new-content06.content05 dl {
	padding: 0;
	border: 0
}

.new-content06.content05 dd.tuijian:before {
	display: none
}

.new-content06.content05 .pic {
	position: relative;
	height: 170px;
	overflow: hidden;
	width: 100%;
	right: auto;
	bottom: auto
}

.new-content06.content05 .tit1 {
	max-width: 100%;
	height: 100px
}

.new-content06.content05 .ndiv {
	float: right;
	width: 45%;
	margin-top: 24px
}

.new-content06.content05 .ndiv .tit1 {
	margin: 0
}

.new-content06.content05 .new-tit {
	margin-bottom: 30px
}

.new-content07 .new-tel {
	margin-bottom: 40px;
	padding-left: 97px;
	position: relative;
	font-size: 30px;
	font-weight: 700;
	color: rgba(61, 61, 61, .8)
}

.new-content07 .new-tel>img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -34rem
}

.new-content06 .clearfix1>.clearfix:first-child,
.new-content06 .clearfix1>.clearfix:nth-child(3) {
	margin-right: 110px
}

.new-tel_p {
	font-size: 24.69px;
	color: #000;
	font-weight: 400
}

.ani-down-a,
.ani-down-b,
.ani-down-c {
	display: inline-block
}

.ani-down-b {
	margin-right: 13px !important
}

.ani-down-c {
	margin-left: 25px !important
}

.new-content07_phone {
	width: 68px !important;
	-webkit-animation: fc 2s linear infinite !important;
	animation: fc 2s linear infinite !important
}

.new-content07 .input {
	float: left;
	margin-right: 110px
}

.new-content07 .input:nth-child(3n) {
	margin-right: 0
}

.new-content07 .input.w100 {
	width: 100%
}

.new-content07 .txt {
	width: 45%;
	float: left
}

.new-content07 .input {
	margin-bottom: 22px
}

.new-content07 .input span {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333
}

.new-content07 .input input[type=text] {
	width: 165px !important;
	height: 29px;
	line-height: 30px;
	padding: 0 12px;
	width: 100%
}

.new-content07 .input input[type=text],
.new-content07 .input textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #000;
	font-size: 16px;
	color: #333;
	outline: none
}

.new-content07 .input textarea {
	line-height: 24px;
	padding: 3px 12px;
	width: 100%;
	height: 137px
}

.new-content07 .submit {
	font-weight: 700;
	width: 160px;
	line-height: 30px;
	border: 1px solid #000;
	outline: none;
	cursor: pointer;
	color: #000;
	font-size: 16px;
	background: none
}

.new-content07 form>div>span {
	font-size: 16px;
	color: #333;
	padding-left: 15px;
	vertical-align: middle
}

.new-code {
	margin-top:40px;
	position: relative
}

.new-code h1 {
	margin-bottom: 6px;
	font-size: 20.66px;
	color: #333;
	font-weight: 700
}

.new-code p {
	font-size: 16px;
	line-height: 30px;
	color: #333
}

.new-code p a {
	color: #333
}

.new-code>img {
	position: absolute;
	right: 0;
	top: 50%;
	width: 100px;
	margin-top: -50px
}

.new-map {
	margin-top: 30px;
	max-width: 720px;
	position: relative;
	float: right;
	width: 50%
}

.new-map .add {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2
}

.new-content07 .new-content07_img1 {
	-webkit-transition-delay: .8s !important;
	-o-transition-delay: .8s !important;
	transition-delay: .8s !important
}

.new-content07 .new-content07_img2 {
	-webkit-transition-delay: .5s !important;
	-o-transition-delay: .5s !important;
	transition-delay: .5s !important
}

.new-content07 .new-content07_phone {
	-webkit-transition-delay: 1s !important;
	-o-transition-delay: 1s !important;
	transition-delay: 1s !important
}

.new-content07 .new-content07_icon {
	-webkit-transition-delay: 1.2s !important;
	-o-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important
}

.new-content07 .new-tel_p {
	-webkit-transition-delay: .9s !important;
	-o-transition-delay: .9s !important;
	transition-delay: .9s !important
}

.animate-tit {
	opacity: 0;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	-webkit-transform: translateX(-100px) rotate(8deg);
	-ms-transform: translateX(-100px) rotate(8deg);
	transform: translateX(-100px) rotate(8deg)
}

.section .ani-down,
.section .animate-li,
.section .animate-tit {
	-o-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transition-delay: .6s
}

.active .swiper-slide .ani-left,
.ani-left,
.swiper-slide .ani-left.on {
	opacity: 0;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
	-webkit-transform: translateX(-30%);
	-ms-transform: translateX(-30%);
	transform: translateX(-30%)
}

.new-content03 .ani-left {
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	-webkit-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	transform: translateX(-10%)
}

.ani-right,
.swiper-slide .ani-right.on {
	opacity: 0;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
	-webkit-transform: translateX(30%);
	-ms-transform: translateX(30%);
	transform: translateX(30%)
}

.ani-right.xian {
	-webkit-transform: translate(200px);
	-ms-transform: translateX(200px);
	transform: translateX(200px)
}

.ani-down,
.swiper-slide .ani-down.on {
	opacity: 0;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.s-down {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px)
}

.active .ani-down,
.ani-down.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.swiper-slide.on .ani-left {
	display: block
}

.active .swiper-slide .ani-left,
.section .ani-down,
.section .ani-left,
.section .ani-right,
.section .animate-li {
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s
}

.section.active .ani-down,
.section.active .ani-left,
.section.active .ani-right,
.section.active .animate-li {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

.section.active .delay5 {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}

.section.active .delay10 {
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s
}

.new-content02 .ani-left_con {
	-webkit-transition-delay: 1s !important;
	-o-transition-delay: 1s !important;
	transition-delay: 1s !important
}

.active .ani-left,
.active .ani-right,
.active .animate-li,
.active .animate-li.on,
.active .animate-tit,
.active .swiper-slide-active .ani-left,
.active .swiper-slide-active .ani-right,
.active .swiper-slide.on .ani-left,
.ani-left.on,
.ani-right.on,
.animate-li.on,
.animate-tit.on,
.banner.active .animate-li.on,
.swiper-slide-active .ani-left.on,
.swiper-slide-active .ani-right.on,
.swiper-slide-active .animate-li.on,
.swiper-slide-active .animate-tit.on {
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0deg);
	-ms-transform: translateX(0) rotate(0deg);
	transform: translateX(0) rotate(0deg)
}

.new-tit,
.tuijian {
	-webkit-transition-delay: .4s !important;
	-o-transition-delay: .4s !important;
	transition-delay: .4s !important
}

.ani-down-a,
.ani-down-b,
.ani-down-c,
.clearfix_1 {
	-webkit-transition-delay: .8s !important;
	-o-transition-delay: .8s !important;
	transition-delay: .8s !important
}

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

@-webkit-keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
		transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
		transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
		transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
		transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
		transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1) translateX(-50%) translateY(-50%);
		-ms-transform: scaleX(1) translateX(-50%) translateY(-50%);
		transform: scaleX(1) translateX(-50%) translateY(-50%)
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%);
		transform: scale3d(.3, .3, .3) translateX(-50%) translateY(-50%)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%);
		transform: scale3d(1.1, 1.1, 1.1) translateX(-50%) translateY(-50%)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%);
		transform: scale3d(.9, .9, .9) translateX(-50%) translateY(-50%)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%);
		transform: scale3d(1.03, 1.03, 1.03) translateX(-50%) translateY(-50%)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
		-ms-transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%);
		transform: scale3d(.97, .97, .97) translateX(-50%) translateY(-50%)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1) translateX(-50%) translateY(-50%);
		-ms-transform: scaleX(1) translateX(-50%) translateY(-50%);
		transform: scaleX(1) translateX(-50%) translateY(-50%)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

.active .icontact img {
	-webkit-animation-name: bounceInDown1;
	animation-name: bounceInDown1;
	animation-delay: .5s;
	-webkit-animation-delay: .5s
}

.active .icontact img,
.animate-div {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.delay5 {
	animation-delay: .8s;
	-webkit-animation-delay: .8s
}

.delay8 {
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s
}

.delay9 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s
}

.delay10 {
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}

.delay12 {
	animation-delay: 3s;
	-webkit-animation-delay: 3s
}

.delay15 {
	animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

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

.rotate {
	animation: rot 100s infinite alternate;
	-webkit-animation: rot 100s infinite alternate
}

@keyframes rot {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn);
		-webkit-transform: rotate(1turn)
	}
}

@-webkit-keyframes rot {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn);
		-webkit-transform: rotate(1turn)
	}
}

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInDown1 {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 50px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, 25px, 0) translateX(-50%) translateY(-50%)
	}

	75% {
		-webkit-transform: translate3d(0, -25px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, -10px, 0) translateX(-50%) translateY(-50%)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%)
	}

	to {
		-webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);
		transform: translateZ(0) translateX(-50%) translateY(-50%)
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes bounceInDown1 {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, -3000px, 0) translateX(-50%) translateY(-50%)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 50px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, 25px, 0) translateX(-50%) translateY(-50%)
	}

	75% {
		-webkit-transform: translate3d(0, -25px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, -10px, 0) translateX(-50%) translateY(-50%)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%);
		transform: translate3d(0, 5px, 0) translateX(-50%) translateY(-50%)
	}

	to {
		-webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);
		transform: translateZ(0) translateX(-50%) translateY(-50%)
	}
}

.news .animate-li {
	-o-transition-delay: .2s !important;
	transition-delay: .2s !important;
	-webkit-transition-delay: .2s !important
}

@-webkit-keyframes wobble {
	0% {
		opacity: 0;
		-webkit-transform: none;
		transform: none
	}

	15% {
		opacity: 1;
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		opacity: 1;
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		opacity: 1;
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		opacity: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	15% {
		opacity: 1;
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		opacity: 1;
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		opacity: 1;
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

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

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fc {
	10% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	30% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	50%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes fc {
	10% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	30% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	50%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

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

.new-nav {
	background: rgba(0, 0, 0, .6);
	z-index: 999
}

.new-nav .nice {
	height: auto;
	overflow: visible
}

.nav.index-nav.new-nav li>a,
.new-san.cur {
	color: #fff
}

.new-san.cur span {
	background: #fff
}

.new-nav.index-nav.nav li>a span {
	width: 4560px;
	width: 285rem;
	display: inline-block
}

.header-form {
	margin-top: 70rem
}

.header-form .tel-num {
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.header-form .tel-num span {
	display: inline-block;
	width: 60px;
	vertical-align: middle
}

.header-form .tel-num font {
	display: inline-block
}

.header-form .input {
	margin-top: 12rem;
	height: 512px;
	height: 32rem
}

.header-form .submit {
	display: block;
	margin: 15rem auto 0 35%;
	width: 1120px;
	width: 70rem;
	line-height: 480px;
	line-height: 30rem;
	height: 480px;
	height: 30rem;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 10rem;
	font-size: 224px;
	font-size: 14rem;
	outline: none;
	cursor: pointer;
	float: none
}

.header-form .submit:hover {
	background: #fff;
	color: #333
}

.header_phone {
	font-size: 320px;
	font-size: 20rem;
	color: #fff;
	font-weight: 700;
	line-height: 2;
	margin-top: 100rem
}

.header_phone span {
	font-size: 288px;
	font-size: 18rem;
	margin-right: 10rem
}

.new-nav .ret {
	display: inline-block;
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: #fff;
	font-size: 16px
}

.fontp {
	text-align: justify
}

@media only screen and (max-width:1620px) {
	.new-content05 .logos {
		width: 50% !important
	}
}

@media only screen and (max-width:1600px) {
	.nav {
		width: 500px
	}

	.slg h1 .lf-hero-text {
		font-size: 48px
	}

	.index-nav li>a span,
	.slg #js-wordContainer {
		font-size: 40px
	}

	.index-nav li>a {
		font-size: 18px
	}

	.nav.index-nav li>a span {
		font-size: 18px !important
	}

	.nav.index-nav li>a {
		font-size: 16px
	}

	.nav.index-nav li {
		padding: 15px 0
	}

	.nav.index-nav li img {
		margin-bottom: 15px
	}

	.page a,
	.page span {
		width: 32px;
		line-height: 32px;
		height: 32px
	}

	.content01 h3 {
		font-size: 48px
	}

	.content03 li:nth-child(4) {
		margin-top: -120px
	}

	.content03 .sy-tit {
		margin-bottom: 0
	}

	.more-div>div {
		margin-top: -50px
	}

	.content04 .wenz .wrapper>div {
		width: 35%
	}

	.content04 .wenz td {
		height: 44px;
		font-size: 12px;
		line-height: 15px
	}

	.pad {
		padding: 4.8% 0
	}

	.more {
		width: 120px;
		line-height: 38px;
		font-size: 14px
	}

	.content07 #dituContent {
		height: 400px
	}

	.tel a {
		margin-top: 100px
	}

	.content06 li {
		padding: 20px 0
	}

	.content06 li .img {
		height: 70px;
		line-height: 70px
	}

	.content03 li:first-child,
	.content03 li:nth-child(2),
	.content03 li:nth-child(3) {
		margin-top: 120px
	}

	.header {
		line-height: 100px
	}

	.header-mar {
		height: 100px
	}

	.san {
		margin: 40px 0
	}

	.case-div .case-profile p {
		font-size: 16px;
		line-height: 32px
	}

	.case-ul li .wenz h3>a {
		font-size: 18px
	}

	.case-detail-ban .wenz h1 {
		font-size: 30px
	}

	.team-ul .swiper-slide .wenz h4 {
		font-size: 12px
	}

	.team-ul .swiper-slide .wenz h3 {
		font-size: 18px
	}

	.team-ul .swiper-button-next,
	.team-ul .swiper-button-prev {
		width: 75px;
		height: 75px;
		margin-top: -37.5px;
		background-size: 20px !important
	}

	.team-detail .wenz h2 {
		font-size: 30px
	}

	.team-detail .wenz hr {
		width: 32px
	}

	.team-detail .wenz h3 {
		font-size: 18px;
		margin-bottom: 22px
	}

	.office-banner .wenz h2 {
		font-size: 42px;
		line-height: 1.5
	}

	.office-banner .wenz h1 {
		font-size: 36px;
		line-height: 1.5
	}

	.office li h3 {
		font-size: 30px
	}

	.service-banner h3,
	.service .wenz h3 {
		font-size: 32px
	}

	.service-banner h2 {
		font-size: 34px
	}

	.service-tab a {
		line-height: 36px;
		padding: 0 22px;
		font-size: 14px;
		margin-right: 3px
	}

	.service .wenz h2 {
		font-size: 24px
	}

	.decorate-div .img h3 {
		font-size: 32px
	}

	.form h1 {
		font-size: 30px
	}

	.form h4 {
		font-size: 16px
	}

	#js-wordContainer:before {
		left: -25px
	}

	.form h5 {
		font-size: 18px;
		margin-top: 30px
	}

	.content07 .map #dituContent {
		height: 480px
	}

	.case-ul ul {
		height: calc(100% - 40px)
	}

	.case-ul li .wenz {
		padding-top: 13px
	}

	.case-ul li .wenz h3 {
		margin-bottom: 2px
	}

	.case-ul li {
		margin-bottom: 16px
	}

	.case-ul li .img {
		height: calc(100% - 66px)
	}

	.new-tit h3 {
		font-size: 20px
	}

	.new-tit .tit2 {
		position: absolute;
		left: 58%;
		top: 50%;
		padding: 0 !important;
		margin: 0 !important;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.new-tit .tit1 {
		height: 146px
	}

	.new-content01 .tit2 {
		margin-top: -41px
	}

	.new-content01 .txt {
		width: 80%
	}

	.new-content01 .video-box {
		margin-top: 60px
	}

	.new-content02 .txt {
		left: 5%
	}

	.new-tit .tit1 {
		margin-left: 257px
	}

	.new-tit a {
		font-size: 16px
	}

	.new-tit a img {
		width: 8px;
		margin: -2px 0 0 4px
	}

	.new-content03 .swiper-container {
		margin-top: 60px;
		margin-left: 5%
	}

	.new-tit {
		margin-bottom: 55px
	}

	.new-content05 .logos .swiper-slide {
		line-height: 92px;
		height: 92px
	}

	.new-content06.content05 .tit1 {
		height: 80px
	}

	.new-content07 .new-tel {
		font-size: 30px;
		padding-left: 74px;
		margin-bottom: 35px;
		zoom: .78;
	}

	.new-content07 .input {
		float: left;
		margin-right: 60px
	}

	.new-content07 .input span {
		margin-bottom: 7px
	}

	.new-code h1 {
		font-size: 20px
	}

	.new-code p {
		font-size: 14px;
		line-height: 24px
	}

	.new-content01 .tit2 {
		margin-top: -40px
	}

	.new-content01 .new-tit .tit1 {
		margin: 0
	}

	.new-nav.index-nav.nav li>a span {
		width: 180px
	}

	.new-content05 .clients {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.new-content05 .pic {
		width: 50%;
		margin-right: 50px
	}

	.new-content05 .pic img {
		width: 100%
	}
}

@media only screen and (max-width:1440px) {
	.more-div>div {
		margin-top: -85px
	}
	.jiaju_ziyou {
    padding-top: 20%;
}
.jiaju_xuancai {
    padding-top: 20%;
}

	.content06 li .img {
		height: 60px;
		line-height: 60px
	}

	.content06 li p {
		font-size: 14px;
		padding-top: 3px
	}

	.content06 li {
		padding: 12px 0
	}

	.sy-tit h3 {
		font-size: 36px
	}

	.sy-tit h4 {
		font-size: 20px
	}

	.sy-tit {
		margin-bottom: 48px
	}
	.banner .new-tit img:nth-child(2) {
    margin-top: 50px;
}
}

@media only screen and (max-width:1200px) {
	.banner .index-nav {
		display: none
	}

	.banner .fl {
		max-width: 100%
	}

	.content01 .wz01 {
		width: 260px;
		margin-right: 30px
	}

	.content01 h3 {
		font-size: 30px;
		margin-bottom: 30px
	}

	.content01 .wz02 {
		width: 270px
	}

	.content02 li .p2 {
		font-size: 24px;
		line-height: 1.5
	}

	.content02 li .p2 span {
		font-size: 30px;
		padding-left: 5px
	}

	.content02 li .more {
		margin-top: 25px
	}

	.content03 li:first-child,
	.content03 li:nth-child(2),
	.content03 li:nth-child(3) {
		margin-top: 100px
	}

	.content03 li:nth-child(4) {
		margin-top: -84px
	}

	.sy-tit h3 {
		font-size: 36px
	}

	.sy-tit h4 {
		font-size: 18px
	}

	.sy-tit p {
		font-size: 14px
	}

	.more-div .more {
		margin-top: 10px;
		border-width: 1px
	}

	.tel h3 {
		font-size: 36px;
		padding: 20px 0 30px
	}

	.content06 li p {
		font-size: 14px
	}

	.tel>div {
		font-size: 20px;
		background-size: 50px !important;
		padding-left: 65px
	}

	.content07 #dituContent {
		height: 340px
	}

	.content07 .map p {
		font-size: 16px
	}

	.case-detail-ban .img {
		width: 48.5%
	}

	.case-detail-ban .wenz {
		width: 48%;
		padding-left: 40px
	}

	.case-detail-ban .wenz h1 {
		font-size: 26px
	}

	.case-detail-ban .wenz h1 em {
		font-size: 80px;
		left: -60px
	}

	.team-ul .swiper-slide .wenz h4 {
		font-size: 12px
	}

	.team-ul .swiper-slide .wenz h3 {
		font-size: 18px
	}

	.team-ul .swiper-slide .wenz {
		padding: 0 15px
	}

	.service-banner h3 {
		padding-top: 26.5%
	}

	.service .swiper-button-next,
	.service .swiper-button-prev {
		width: 50px;
		height: 50px
	}

	.service .btn-box {
		padding: 0 60px
	}

	.service .swiper-button-prev {
		left: 0
	}

	.service .swiper-button-next {
		right: 0
	}
}

.ml11 .text-wrapper {
	position: relative;
	display: inline-block
}

.ml11 .line {
	opacity: 0;
	position: absolute;
	left: 0;
	height: 100%;
	width: 3px;
	background-color: #ff6b65;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ml11 .line1 {
	top: 0;
	left: 0
}

.ml11 .letter {
	font-weight: 700;
	display: inline-block
}

.pagination {
	text-align: center;
	margin-top: 30px
}

.pagination li {
	display: inline-block
}

.page-item.active span {
	background: #ffba00
}

.case-ul li img {
	display: none
}

@media only screen and (max-width:1023px) {
	.nav.index-nav li img {
		width: 190px !important
	}

	.new-nav.index-nav.nav li>a span {
		width: 240px !important
	}

	.nav.on li>a {
		line-height: 40px !important
	}

	.header-form .input {
		margin-top: 6px;
		height: 32px
	}

	.header-form span {
		float: left;
		width: 60px;
		line-height: 15px;
		color: #fff;
		display: block;
		font-size: 16px;
		font-weight: 700
	}

	.header-form .submit {
		display: block;
		margin: 15px auto 0 35%;
		width: 70px;
		line-height: 30px;
		height: 30px;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 10px;
		font-size: 14px;
		outline: none;
		cursor: pointer;
		float: none
	}

	.header_phone {
		font-size: 20px;
		color: #fff;
		font-weight: 700;
		line-height: 2;
		margin-top: 100px
	}

	.header-form {
		margin-top: 30px
	}

	.header_phone span {
		font-size: 18px;
		margin-right: 10px
	}

	.new-tel_p {
		font-size: 20px !important;
		color: #000;
		font-weight: 400
	}

	.new-content07 .new-tel>img {
		margin-top: -9px !important
	}

	.txt .gywm {
		font-size: 20px !important
	}

	.txt .gywm_title {
		font-size: 25px !important
	}

	.txt .gywm_txt {
		width: 100% !important;
		font-size: 16px !important
	}

	.about_us {
		height: 35px !important
	}

	.video-box_ul {
		width: 350px !important;
		height: auto !important
	}

	.video-box_ul li {
		width: 35%
	}

	.video-box_ul .ul_txt:last-child {
		width: 100%;
		margin-left: 37px
	}

	.case-ul li img {
		display: block;
		visibility: hidden
	}

	.san {
		font-size: 20px
	}

	.san>div:nth-child(2) {
		width: 24px;
		height: 18px
	}

	.san span {
		height: 2px
	}

	.san span:nth-child(2) {
		margin-top: -1px
	}

	.san>div {
		margin-left: 7px
	}

	.san {
		margin: 31px 0
	}

	.phone {
		display: block
	}

	.index-nav li>a {
		font-size: 14px
	}

	.index-nav li>a span {
		font-size: 26px;
		padding-right: 4px
	}

	.nav {
		padding-top: 0
	}

	.index-nav li:before {
		display: none !important
	}

	.logo {
		max-width: 50%
	}

	.slg h1 .lf-hero-text {
		margin-top: 60px;
		font-size: 30px
	}

	.slg h1 strong {
		padding-left: 0;
		display: inline-block
	}

	.slg #js-wordContainer {
		font-size: 30px;
		margin-top: 6px
	}

	.xia {
		width: 24px;
		height: 24px;
		margin-left: -12px
	}

	.pad {
		padding: 34px 0
	}

	.content01 h3 {
		font-size: 18px
	}

	.content01 .wz01 {
		width: 250px;
		margin: 0 0 15px
	}

	.content01 .wz02 {
		width: 250px;
		margin: 0
	}

	.content02 li .wenz {
		padding: 0 18px 10px
	}

	.content02 li {
		width: calc(50% - 4px);
		margin: 2px
	}

	.content02 li .wenz h3 {
		font-size: 16px
	}

	.content02 li .wenz h4 {
		font-size: 13px
	}

	.content02 li .case-more {
		padding: 0 20px
	}

	.content02 li .p1,
	.content02 li .p2 {
		font-size: 16px
	}

	.content02 li .p2 span {
		font-size: 20px
	}

	.more {
		width: 100px;
		line-height: 32px;
		font-size: 14px;
		font-weight: 400;
		border-width: 1px
	}

	.content02 li .more {
		margin-top: 20px
	}

	.content03 li:first-child,
	.content03 li:nth-child(2),
	.content03 li:nth-child(3),
	.content03 li:nth-child(4) {
		margin: 0
	}

	.content03 li {
		width: 50%
	}

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

	.sy-tit h4 {
		font-size: 16px
	}

	.content03 .sy-tit,
	.sy-tit {
		margin-bottom: 25px
	}

	.content03 li .wenz span {
		font-size: 18px
	}

	.content03 li .wenz font {
		font-size: 12px
	}

	.content03 li .wenz {
		bottom: 10px
	}

	.content03 .more-div {
		width: 100%;
		padding: 0
	}

	.more-div>div {
		margin-top: 20px
	}

	.more-div>div p {
		font-size: 12px
	}

	.content04 .wenz img {
		width: 80%
	}

	.content04 .wenz table {
		position: absolute;
		bottom: -55px;
		left: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.content04 {
		padding-bottom: 60px
	}

	.content04 .wenz td {
		color: #333;
		border-color: #333
	}

	.content04 .wenz td a {
		color: #333
	}

	.content04 .wenz td.bor {
		width: 5px
	}

	.content05 dl {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		border: 0
	}

	.content05 .clearfix1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}

	.content05 .clearfix {
		margin-right: 0 !important;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		height: auto !important
	}

	.content05 .ndiv {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.ani-down-a,
	.ani-down-b,
	.ani-down-c {
		display: none
	}

	.content05 dd.tuijian .date {
		top: 9px
	}

	.content05 dd h3 a {
		font-size: 12px
	}

	.content05 .pic {
		display: none
	}

	.content06 li {
		padding: 5px 0;
		width: 25%
	}

	.content06 li .img {
		height: 60px;
		line-height: 60px
	}

	.content06 li:nth-child(7),
	.content06 li:nth-child(19) {
		margin: 0
	}

	.content06 li p {
		font-size: 12px;
		display: none
	}

	.content07 .map,
	.content07 .tel {
		width: 100%
	}

	.tel h3 {
		font-size: 26px;
		padding: 0
	}

	.tel>div {
		font-size: 18px;
		margin-top: 20px;
		padding-left: 50px;
		background-size: 42px !important
	}

	.content07 #dituContent {
		height: 220px;
		margin-top: 20px
	}

	.tel a {
		font-size: 16px;
		width: 160px;
		line-height: 40px;
		margin-top: 20px;
		height: 40px
	}

	.content07 .map p {
		font-size: 12px
	}

	.ftel {
		background-position: 0 !important;
		padding: 0 0 0 30px
	}

	.ny-banner .wz {
		width: 80%;
		right: 10%
	}

	.case-div .case-profile {
		width: 100%;
		height: auto;
		position: relative;
		padding: 22px 0;
		font-size: 14px;
		line-height: 24px
	}

	.case-div .case-profile p {
		font-size: 14px;
		line-height: 24px;
		width: 90%
	}

	.case-ul {
		width: 100%;
		padding: 12px;
		background: #fff
	}

	.case-ul li .wenz {
		padding-top: 10px
	}

	.fontp {
		font-size: 12px;
		line-height: 20px
	}

	.relx-p {
		width: 100% !important;
		margin-left: 0 !important
	}

	.case-ul li .wenz h3>a {
		font-size: 16px
	}

	.line2 {
		height: 40px
	}

	.case-detail-ban .img {
		width: 100%
	}

	.case-detail-ban .wenz {
		width: 100%;
		padding-top: 20px
	}

	.page a,
	.page span {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px
	}

	.case-detail-ban .wenz h1 em {
		font-size: 48px;
		left: -40px
	}

	.case-detail-ban .wenz {
		padding-left: 40px
	}

	.case-detail-ban .wenz .fontp {
		line-height: 22px
	}

	.case-detail-ban .wenz h1 {
		font-size: 18px;
		margin-bottom: 15px
	}

	.case-detail-pic .swiper-container {
		width: 100%
	}

	.case-detail-pic .wenz {
		padding: 20px;
		width: 100%
	}

	.case-detail-pic {
		margin-bottom: 0
	}

	.case-detail-pic .crumbs {
		margin-bottom: 15px
	}

	.case-detail-pic .swiper-button-next {
		right: 10px
	}

	.case-detail-pic .swiper-button-prev {
		left: 10px
	}

	.team-banner .wz01 {
		width: 60%;
		right: 20%
	}

	.team-banner .wz {
		width: 80%;
		left: 10%
	}

	.team-ul .swiper-button-next,
	.team-ul .swiper-button-prev {
		width: 42px;
		height: 42px;
		margin-top: -21px;
		background-size: 12px !important
	}

	.team-ul .swiper-button-prev {
		left: 15px
	}

	.team-ul .swiper-button-next {
		right: 15px
	}

	.team-detail .wenz {
		width: 100%;
		float: none;
		padding: 20px 0 0
	}

	.team-detail .toux {
		width: 130px;
		float: none
	}

	.team-detail .wenz hr {
		width: 24px;
		height: 1px;
		margin: 12px 0
	}

	.team-detail .wenz h2 {
		font-size: 20px
	}

	.team-detail .wenz h3 {
		font-size: 12px
	}

	.team-detail .zuopin {
		width: 100%;
		margin-top: 20px
	}

	.header {
		border-bottom: 1px solid #000
	}

	.office-banner .wenz h2 {
		font-size: 20px
	}

	.office-banner .wenz h1 {
		font-size: 18px;
		margin-bottom: 20px
	}

	.office-banner>img {
		max-width: 160%;
		margin-left: -30%
	}

	.office-banner {
		overflow: hidden
	}

	.san {
		margin: 25px 0
	}

	.header {
		line-height: 70px
	}

	.office-banner .wenz {
		top: 30px
	}

	.office li h3 {
		font-size: 20px
	}

	.office li h5 {
		font-size: 12px;
		margin: 5px 0 18px
	}

	.service-banner h3 {
		font-size: 28px;
		padding-top: 60%
	}

	.service-banner h2 {
		font-size: 24px
	}

	.service-tab a {
		font-size: 14px;
		line-height: 32px;
		padding: 0 15px
	}

	.service-tab {
		margin-bottom: 22px;
		white-space: nowrap;
		overflow-x: auto
	}

	.service-banner .wz {
		width: 85%;
		right: 7.5%
	}

	.service .pic {
		width: 100%
	}

	.service .wenz {
		padding-top: 18px;
		width: 100%
	}

	.service .btn-box {
		padding: 0
	}

	.service .swiper-button-next,
	.service .swiper-button-prev {
		display: none
	}

	.service .wenz h3 {
		font-size: 20px;
		text-align: left
	}

	.service .wenz h2 {
		font-size: 16px;
		margin-bottom: 15px;
		text-align: left
	}

	.service .wenz .fontp {
		font-size: 13px;
		line-height: 22px
	}

	.decorate-div .img {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: 100%;
		padding: 34px 20px
	}

	.decorate-div .img hr {
		width: 24px;
		height: 1px;
		margin: 12px 0
	}

	.decorate-div .img h3 {
		font-size: 20px
	}

	.decorate-ul {
		width: 100%;
		padding-top: 20px
	}

	.decorate-ul li {
		width: 100%;
		margin-top: 10px
	}

	.fontp.line3 {
		height: 40px;
		-webkit-line-clamp: 2
	}

	.header-mar {
		height: 70px
	}

	.brand .editor {
		font-size: 14px;
		line-height: 24px
	}

	.brand .tit {
		width: 100%;
		margin: 0 0 25px
	}

	.contact .tel h3 {
		letter-spacing: 0
	}

	.contact .tel h5 span {
		font-size: 30px;
		padding-left: 6px
	}

	.contact .tel h5 {
		font-size: 14px;
		margin-top: 10px
	}

	.form {
		width: 100%
	}

	.form h1 {
		font-size: 20px
	}

	.form h4 {
		font-size: 14px;
		line-height: 24px
	}

	.form h5 span {
		display: inline-block
	}

	.form input[type=text],
	.form textarea {
		line-height: 34px;
		font-size: 14px
	}

	.cased {
		padding: 30px 0
	}

	.section {
		padding: 34px 0
	}

	.banner video {
		width: 100%
	}

	.banner .phone {
		display: block
	}

	#fullpage,
	.banner {
		height: 100%
	}

	.nav {
		width: 100%
	}

	.content02 {
		padding: 0
	}

	.header.bgfff {
		background: #fff;
		border-bottom-color: #000
	}

	.header.bgfff .san span {
		background: #000
	}

	.header.bgfff .san {
		color: #000
	}

	.content04 {
		height: 160px
	}

	.content07 .map #dituContent {
		height: 240px
	}

	.content05 .wrapper {
		padding: 0;
		height: auto !important
	}

	.content07 {
		padding-top: 0
	}

	#js-wordContainer:before {
		display: none
	}

	.decorate-ul .page {
		margin-top: 30px
	}

	.decorate-detail .img {
		display: none
	}

	.decorate-detail .wenz {
		width: 100%;
		padding: 110px 20px 30px
	}

	.decorate-detail .wenz>h1 {
		font-size: 20px;
		margin-bottom: 15px
	}

	.crumbs {
		display: none
	}

	.decorate-detail .editor {
		padding-top: 0
	}

	.new-article {
		display: none
	}

	.cased {
		height: 200px;
		margin-top: 75px
	}

	.case-detail,
	.case-div,
	.cased,
	.ny-banner {
		padding: 0
	}

	#fullpage {
		height: auto
	}

	.banner {
		height: 320px
	}

	.ny-banner {
		height: 500px
	}

	.fp-auto-height {
		padding: 0
	}

	#fullpage,
	.section {
		height: auto
	}

	.section {
		overflow: auto
	}

	.new-content01>.wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.new-content01>.wrapper>.video-box {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 30px
	}

	.new-content01>.wrapper>.wenz {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.banner {
		height: 230px !important;
		padding: 0
	}

	.banner video,
	.new-content04 video {
		-o-object-fit: fill;
		object-fit: fill;
		width: 100%;
		height: 100%
	}

	.new-content01 .video-box {
		width: 100%;
		height: auto;
		margin: 0 auto 11px;
		-o-object-fit: fill;
		object-fit: fill
	}

	.new-content01 .video-box a {
		background-size: 36px !important;
		background-color: rgba(0, 0, 0, 0) !important
	}

	body,
	html {
		height: auto
	}

	.new-content01 .wenz {
		width: 100%;
		margin: 0
	}

	.new-tit .tit1 {
		height: 50px
	}

	.new-tit {
		margin-bottom: 30px
	}

	.new-content01 .tit2 {
		margin-top: -36px !important;
		margin-left: 0
	}

	.new-content02 .swiper-container:before {
		content: "";
		width: 10px;
		height: 310px;
		position: absolute;
		top: 0;
		right: calc(16% + 6px);
		z-index: 3;
		background: #fff
	}

	.new-content02 .pagination01.swiper-pagination {
		display: none
	}

	.new-content01 .wenz {
		padding-top: 25px
	}

	.new-tit h3 {
		font-size: 16px
	}

	.new-content01 .txt {
		width: 100%;
		margin: 0
	}

	.new-content01 .txt img {
		width: 70%
	}

	.new-content02 .swiper-container,
	.new-content02 .txt {
		position: relative;
		height: auto
	}

	.new-content02 .txt {
		left: 0;
		padding: 20px;
		width: 100%;
		top: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	.new-content02 .txt h6 {
		font-size: 14px
	}

	.new-content02 .txt h3 img {
		height: 15px;
		margin: -2px 4px 0 0
	}

	.new-content02 .txt h3 {
		font-size: 14px;
		margin: 6px 0 10px
	}

	.new-content02 {
		padding: 0
	}

	.pagination01.swiper-pagination {
		margin-top: 12px !important
	}

	.new-tit a {
		font-size: 14px
	}

	.new-tit a img {
		width: 5px;
		margin: -1px 0 0 3px
	}

	.new-tit .tit1 {
		margin-left: 78px !important;
		width: 60%
	}

	.new-tit:hover {
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important
	}

	.new-tit .tit2 {
		margin-left: 25px !important
	}

	.new-content03 .new-tit .tit2 {
		margin-top: -23px
	}

	.new-content03 .swiper-container {
		padding: 0;
		margin-top: 25px
	}

	.new-content04 {
		height: 230px
	}

	#new-content04-btn {
		top: 85%;
		left: 5%;
		width: 30px
	}

	.new-content04 .zz {
		max-width: 90%;
		max-height: 90%
	}

	.new-content05 .new-tit .tit2 {
		margin-top: -26px
	}

	.new-content05 .pic {
		display: none
	}

	.new-content05 .logos {
		width: 100%
	}

	.new-content03 .swiper-slide .wenz {
		padding: 0 20px 10px;
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	.new-content07_phone {
		height: 62%
	}

	.content05 dt {
		font-size: 25px
	}

	.content05 dd.tuijian h3 a {
		font-size: 17px !important
	}

	.new-content05 .logos .swiper-slide {
		line-height: 75px;
		height: 75px
	}

	.content05 {
		padding-top: 0
	}

	.content05 .wrapper.pad {
		padding: 0
	}

	.ndiv {
		margin-bottom: 30px;
		float: right;
		width: 100% !important
	}

	.new-content06 {
		padding-bottom: 0
	}

	.new-map {
		margin: 12px 0 0
	}

	.new-content07 .txt,
	.new-map {
		width: 100%
	}

	.new-content07 .new-tel {
		margin-bottom: 22px;
		margin-left: 22px;
		width: 48%
	}

	.new-tel_p {
		font-size: 17px
	}

	.new-content07 .input input[type=text] {
		width: 100% !important
	}

	.new-content07 .delay10 {
		text-align: center
	}

	.new-content07 .input span {
		font-size: 14px;
		margin-bottom: 4px
	}

	.new-content07 .input {
		width: 100%
	}

	.new-content07 form>div>span {
		font-size: 12px;
		display: block;
		padding: 5px 0 0
	}

	.new-content07 .submit {
		font-size: 14px
	}

	.new-code {
		margin-top: 20px
	}

	.new-code h1 {
		font-size: 18px
	}

	.new-code>img {
		position: relative;
		margin-top: 12px;
		right: auto;
		top: auto;
		display: none
	}

	.content05 dd.tuijian {
		padding-right: 0
	}

	.new-content02 .txt>div {
		padding: 0
	}

	.ani-down,
	.ani-left,
	.ani-right,
	.animate-li,
	.animate-tit,
	.banner.active .animate-li,
	.new-content03 .ani-left,
	.slogan,
	.swiper-slide .animate-li.on,
	.swiper-slide .animate-tit.on {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	.slogan {
		max-width: 100%
	}

	.new-content02 .txt {
		padding-bottom: 0
	}

	.new-content04 .zz {
		height: auto
	}

	.content05 dd {
		width: 48%
	}

	.nav ul {
		margin-top: 70px;
		height: calc(100% - 100px)
	}
}

@media only screen and (min-width:1981px) and (max-width:2999px) {
	.w1600 {
		max-width: 1900px
	}

	.w1630 {
		max-width: 2000px
	}

	#fp-nav,
	.new-content07 .txt {
		zoom: 1.2
	}

	.new-content07 .new-map {
		zoom: 1.2;
		margin-top: 100px
	}

	.new-content07 .input {
		margin-right: 105px
	}
}

@media only screen and (min-width:3000px) and (max-width:4096px) {

	.w1600,
	.w1630 {
		max-width: 3000px
	}

	.new-content07 .fp-tableCell .wrapper {
		zoom: 1.2
	}

	.new-content07 .input {
		margin-right: 218px
	}

	.new-content07 .fp-tableCell .new-tel_p {
		zoom: 1.4;
		margin-bottom: 15px
	}

	.new-content07 .input input[type=text] {
		width: 206px !important
	}

	.new-content06.content05 .tit1 {
		height: 137px
	}

	.new-content06.content05 .pic {
		height: 253px
	}

	.pagination01.swiper-pagination {
		position: absolute !important
	}

	.pagination01.swiper-pagination .swiper-pagination-bullet {
		zoom: 2
	}

	.new-content03 .fp-tableCell {
		position: relative
	}

	.new-content03 .swiper-container {
		position: static
	}

	#fp-nav {
		zoom: 2;
		zoom: 1.4
	}

	.new-content07 .txt {
		zoom: 1.4;
		margin-top: 40px;
	}

	.new-content07 .new-map {
		zoom: 1.4;
		margin-top: 100px
	}
}

.banner,
.new-tit {
	width: 100%;
	height: 100%
}

.new-tit {
	background: url(/public/images/jiaju_bj.jpg) no-repeat 50%;
	background-size: 100% 100%;
	position: relative;
	margin-bottom: 0
}

* {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important
}

.new-tit_ani {
	animation: scaleDraw 3s linear;
	-webkit-animation: scaleDraw 3s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes scaleDraw {
	0% {
		background-size: 100% 100%
	}

	25% {
		background-size: 104% 104%
	}

	50% {
		background-size: 106% 106%
	}

	75% {
		background-size: 108% 108%
	}

	to {
		background-size: 110% 110%
	}
}

@keyframes scaleDraw {
	0% {
		background-size: 100% 100%
	}

	25% {
		background-size: 104% 104%
	}

	50% {
		background-size: 106% 106%
	}

	75% {
		background-size: 108% 108%
	}

	to {
		background-size: 110% 110%
	}
}

.banner .jiaju_box {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
	position: absolute;
	right: -640px;
	right: -40rem;
	top: 4800px;
	top: 300rem
}

.jiaju_box2,
.jiaju_box3 {
	display: inline-block
}

.banner .new-tit img:nth-child(2) {
	margin-top: 50px
}

.jiaju_txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	right: 0;
	top: 5456px;
	top: 341rem
}

.jiaju_box3 {
	right: -368px;
	right: -23rem;
	top: 3392px;
	top: 212rem
}

.jiaju_box2,
.jiaju_box3 {
	position: absolute;
	-webkit-animation-delay: 1s
}

.jiaju_box2 {
	right: 0;
	top: 0
}

.jiaju_xuancai_li_p {
	position: absolute;
	left: 56%;
	top: 17%;
	font-size: 275.84px;
	font-size: 17.24rem;
	color: #010101;
	font-weight: 700
}

.jiaju_xuancai,
.new-content01 .wrapper,
.new-content02 .wrapper {
	height: 100%;
	width: 100%
}

.jiaju_xuancai {
	padding-top: 7.7%
}

.jiaju_xuancai_ul {
	width: 100%;
	height: 100%;
	display: -webkit-box;
    display: flex;
    align-items: center;
}

.jiaju_xuancai_ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.jiaju_xuancai_li_top1 h4 {
	font-size: 768px;
	font-size: 48rem;
	color: #b8d805;
	font-weight: 700;
	margin-bottom: 30rem
}

.jiaju_xuancai_li_top1 {
	padding-left: 137rem;
	padding-top: 44rem
}

.jiaju_xuancai_li_top1,
.jiaju_xuancai_li_top2 {
	height: 6080px;
	height: 380rem
}

.jiaju_xuancai_li_top1 p {
	font-size: 432px;
	font-size: 27rem;
	color: #b8d805;
	line-height: 1;
	margin-bottom: 20rem
}

.jiaju_xuancai_li_top1 p:last-child {
	margin-bottom: 0
}

.jiaju_xuancai_li_bottom1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 6080px;
	height: 380rem;
	position: relative
}

.jiaju_xuancai_li_bottom1 img {
	width: 5232px;
	width: 327rem
}

.jiaju_xuancai_li_bottom1_txt {
	position: absolute;
	left: 57%;
	top: 17%;
	z-index: 99;
	font-size: 275.84px;
	font-size: 17.24rem;
	color: #010101;
	font-weight: 700
}

.jiaju_xuancai_li_bottom2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	height: 6080px;
	height: 380rem;
	position: relative;
	float: right
}

.jiaju_xuancai_ul li img {
	display: block
}

.jiaju_xuancai_li_top2 img {
	width: 10784px;
	width: 674rem;
	height: 6080px;
	height: 380rem
}

.jiaju_xuancai_li_bottom2_txt {
	position: absolute;
	left: 56%;
	top: 58%
}

.jiaju_xuancai_li_bottom2_txt h6,
.jiaju_xuancai_li_bottom3_txt h6 {
	font-size: 315.36px;
	font-size: 19.71rem;
	color: #010101;
	font-weight: 700;
	margin-bottom: 5rem
}

.jiaju_xuancai_li_bottom2_txt p,
.jiaju_xuancai_li_bottom3_txt p {
	font-size: 236.48px;
	font-size: 14.78rem;
	color: #010101
}

.jiaju_xuancai_li_top3 img {
	width: 4672px;
	width: 292rem;
	height: 6080px;
	height: 380rem
}

.jiaju_xuancai_li_top3 {
	float: right
}

.jiaju_xuancai_li_bottom3,
.jiaju_xuancai_li_top3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.jiaju_xuancai_li_bottom3 {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	height: 6080px;
	height: 380rem;
	position: relative;
	text-align: right;
	float: left
}

.jiaju_xuancai_li_bottom3_txt {
	position: absolute;
	left: 20%;
	top: 18%
}

.jiaju_xuancai_li_bottom3 img {
	width: 5104px;
	width: 319rem
}

.jiaju_xuancai_ul li:first-child {
	width: 10480px;
	width: 655rem
}

.jiaju_xuancai_ul li:nth-child(2) {
	width: 10800px;
	width: 675rem
}

.jiaju_xuancai_ul li:nth-child(3) {
	width: 9792px;
	width: 612rem
}

.jiaju_xuancai_li_top1 p {
	-webkit-transition-delay: .6s !important;
	-o-transition-delay: .6s !important;
	transition-delay: .6s !important
}

.jiaju_xuancai_li_bottom1_txt,
.jiaju_xuancai_li_bottom2_txt,
.jiaju_xuancai_li_bottom3_txt {
	-webkit-transition-delay: .8s !important;
	-o-transition-delay: .8s !important;
	transition-delay: .8s !important
}

.jiaju_bj2 {
	width: 100%;
	height: 100%;
	background: url(/public/images/jiaju_bj2.png) no-repeat 50%;
	background-size: contain;
	position: relative;
	margin-bottom: 0
}

.jiaju_gz {
	position: absolute;
	top: 25%;
	left: 8%
}

.jiaju_gz h4 {
	font-size: 768px;
	font-size: 48rem;
	color: #6ea3c8;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20rem
}

.jiaju_gz p {
	-webkit-transition-delay: .6s !important;
	-o-transition-delay: .6s !important;
	transition-delay: .6s !important;
	font-size: 426.72px;
	font-size: 26.67rem;
	color: #6ea3c8
}

.jiaju_gz_img {
	position: absolute;
	top: 20%;
	left: 56%;
	text-align: right
}

.jiaju_gz_img img {
	-webkit-transition-delay: .8s !important;
	-o-transition-delay: .8s !important;
	transition-delay: .8s !important
}

.jiaju_gz_img h5 {
	font-size: 288px;
	font-size: 18rem;
	color: #010101
}

.jiaju_gz_img p {
	font-size: 208px;
	font-size: 13rem;
	color: #010101;
	line-height: 1.2
}

.jiaju_gz_img_1 {
	position: absolute;
	top: -2%;
	left: -10%
}

.jiaju_gz_img_2 {
	position: absolute;
	top: 14%;
	left: -10%
}

.jiaju_gz_img_3 {
	position: absolute;
	top: 54%;
	left: -10%
}

.jiaju_gz_renti {
	position: absolute;
	top: 41%;
	left: 82%;
	text-align: center
}

.jiaju_gz_renti h4 {
	font-size: 341.44px;
	font-size: 21.34rem;
	color: #010101
}

.jiaju_gz_renti p {
	font-size: 256px;
	font-size: 16rem;
	color: #010101
}

.jiaju_gz_img_txt .ani-down,
.jiaju_gz_renti {
	-webkit-transition-delay: 1s !important;
	-o-transition-delay: 1s !important;
	transition-delay: 1s !important
}

.jiaju_ziyou {
	width: 100%;
	height: 100%;
	padding-top: 8.7%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
}

.jiaju_ziyou_fl_img {
	margin-top: 50rem;
	width: 10208px;
	width: 638rem;
	height: 6752px;
	height: 422rem
}

.jiaju_ziyou_fl_img img {
	width: 100%;
	height: 100%
}

.jiaju_ziyou_fl_txt h4 {
	font-size: 768px;
	font-size: 48rem;
	color: #fab819;
	font-weight: 700;
	margin-bottom: 12rem
}

.jiaju_ziyou_fl_txt h6 {
	margin-bottom: 20rem
}

.jiaju_ziyou_fl_txt h6,
.jiaju_ziyou_fl_txt p {
	font-size: 426.72px;
	font-size: 26.67rem;
	color: #fab819
}

.jiaju_ziyou_fr_top {
	width: 12672px;
	width: 792rem;
	height: 7968px;
	height: 498rem;
	margin-bottom: 57rem
}

.jiaju_ziyou_fr_top img {
	width: 100%;
	height: 100%
}

.jiaju_ziyou_fr_bottom {
	width: 12704px;
	width: 794rem;
	height: 2144px;
	height: 134rem;
	position: relative
}

.jiaju_ziyou_fr_bottom img {
	width: 100%;
	height: 100%
}

.new-content03 .fp-tableCell {
	background: #f9f9f9
}

.new-content03 .wrapper {
	width: 85%
}

.jiaju_ziyou_fr_bottom_txt {
	position: absolute;
	bottom: -28%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 11200px;
	width: 700rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.jiaju_ziyou_fr_bottom_txt span {
	font-size: 224px;
	font-size: 14rem
}

.jiaju_ziyou_fr_bottom_txt span:last-child {
	margin-right: 0
}

.jiaju_ziyou_h6 {
	-webkit-transition-delay: .7s !important;
	-o-transition-delay: .7s !important;
	transition-delay: .7s !important
}

.jiaju_ziyou_fr_bottom_txt {
	-webkit-transition-delay: 1s !important;
	-o-transition-delay: 1s !important;
	transition-delay: 1s !important
}

.new-content03 .wrapper {
	height: 100%
}

.swiper-button-next {
	width: 245px;
	height: 540px;
	position: absolute;
	z-index: 9999 !important;
	right: 0;
	top: 7%;
	background: none
}

.new-content04 .wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 13%
}

.jiaju_anli_top {
	position: absolute;
	left: 8%;
	top: 22%
}

.jiaju_anli_top_txt {
	position: absolute;
	left: 53.5%;
	top: 26%
}

.jiaju_anli_top_txt p {
	font-size: 16rem;
	color: #252525
}

.jiaju_anli_top h4 {
	font-size: 22rem;
	color: #3e3e3e;
	font-weight: 600
}

.jiaju_anli_top p {
	font-size: 15rem;
	margin-right: 13rem
}

.jiaju_anli_top a {
	color: #3e3e3e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.jiaju_anli_top a img {
	width: 12px;
	height: 17px;
	margin-top: 4px
}

.new-content04 .swiper-container {
	width: 100%;
	height: 630rem;
	margin: 20px auto
}

.new-content04 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	width: 13040px;
	width: 815rem;
	height: 8736px;
	height: 546rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.new-content04 .swiper-slide img {
	width: 100% !important;
	height: 100%
}

.new-content04 .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%
}

.jiaju_zzc {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .4;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.new-content04 .swiper-slide:hover .jiaju_zzc {
	display: block
}

.new-content04 .pagination01.swiper-pagination {
	margin-top: 0 !important;
	top: 93%;
	left: 0%
}

.new-content04 .swiper-slide:hover .wenz {
	display: block
}

.jiaju_anli_top a {
	-webkit-transition-delay: .7s !important;
	-o-transition-delay: .7s !important;
	transition-delay: .7s !important
}

.jiaju_anli_top_txt {
	-webkit-transition-delay: 1s !important;
	-o-transition-delay: 1s !important;
	transition-delay: 1s !important
}

.new-content04 .wenz {
	position: absolute;
	left: 15%;
	padding-top: 150rem;
	width: 100%;
	height: 100%;
	display: none;
	text-align: left;
	-webkit-transition: all .3s .3s;
	-o-transition: all .3s .3s;
	transition: all .3s .3s;
	z-index: 999
}

.new-content04 .wenz h4 {
	font-size: 426.72px;
	font-size: 24rem;
	color: #fff;
	margin-bottom: 30rem
}

.new-content04 .wenz p {
	font-size: 341.92px;
	font-size: 18rem;
	color: #fff;
	line-height: 2
}

@media only screen and (min-width: 1441px) and (max-width:1680px) {
	.jiaju_ziyou {
		padding-top: 11.7%
	}

	.jiaju_xuancai_ul li:nth-child(3) {
		width: 612rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.jiaju_xuancai_li_top3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: right;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
		margin-left: 52.2%
	}

	.jiaju_xuancai {
		padding-top: 10%
	}

	.new-content04 .wrapper {
		padding-top: 15%
	}

	.jiaju_anli_top {
		position: absolute;
		left: 8%;
		top: 22%
	}

	.jiaju_anli_top_txt {
		position: absolute;
		left: 53.5%;
		top: 31%
	}

	.banner .new-tit img:nth-child(2) {
		margin-top: 50px
	}
}

@media only screen and (min-width:2200px) and (max-width:2999px) {
	.jiaju_ziyou {
		padding-top: 14.7%
	}

	.jiaju_xuancai {
		padding-top: 12%
	}

	.new-content04 .wrapper {
		padding-top: 18%
	}

	.jiaju_anli_top {
		position: absolute;
		left: 6%;
		top: 25%
	}

	.jiaju_anli_top_txt {
		position: absolute;
		left: 53.5%;
		top: 30%
	}

	.jiaju_gz_img_1,
	.jiaju_gz_img_2,
	.jiaju_gz_img_3 {
		left: -30%
	}
}

@media only screen and (min-width:3000px) and (max-width:3999px) {

	.w1600,
	.w1630 {
		max-width: 3000px
	}

	.mySwiper2 {
		width: 95%;
		height: 100%;
		overflow: hidden
	}

	.icp {
		margin-right: 110px !important
	}

	.banner .mySwiper {
		margin-left: 304px
	}

	.banner .swiper-button-next,
	.banner .swiper-button-prev {
		top: 83%;
		left: 10.5%;
		margin-top: -17px
	}

	.banner .swiper-button-next {
		left: 64% !important
	}

	.new-content01 .swiper-button-next,
	.new-content01 .swiper-button-prev {
		top: 75%;
		left: 30.5%;
		margin-top: -17px
	}

	.new-content01 .swiper-button-next {
		left: 68% !important
	}

	.swiper-container_2 .swiper-button-next,
	.swiper-container_2 .swiper-button-prev {
		top: 49%;
		left: 29.5%;
		margin-top: -17px
	}

	.new-content01 .swiper-container_2 {
		margin-bottom: 20px
	}

	.new-content07 .fp-tableCell .wrapper {
		zoom: 1.4
	}

	.new-content07 .delay5 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 60%
	}

	.new-content07 .new-content07_img1 {
		margin-bottom: 30px
	}

	.new-content07 .input {
		margin-right: 163px
	}

	.san {
		zoom: 1.6
	}

	.pagination01.swiper-pagination {
		position: absolute !important
	}

	.pagination01.swiper-pagination .swiper-pagination-bullet {
		zoom: 1.6
	}

	.new-content03 .fp-tableCell {
		position: relative
	}

	.new-content03 .swiper-container {
		position: static
	}

	#fp-nav {
		zoom: 1.6
	}
}

@media only screen and (max-width:1440px) {
	.new-content07 .input {
		margin-right: 41px
	}

	.input3 {
		margin-right: 0
	}

	.new-content07 .new-tel>img {
		height: 80px;
		margin-top: -19px
	}

	.banner .swiper-button-next {
		left: 74% !important
	}

	.mySwiper {
		margin-left: 468rem !important
	}

	.swiper-button-next,
	.swiper-button-prev {
		margin-top: -26rem
	}
}

@media only screen and (max-width:1023px) {
	.banner {
		height: 230px !important;
		padding: 0
	}

	.banner .new-tit img:nth-child(2) {
		margin-top: 165px
	}

	.banner .jiaju_box {
		top: 170px !important;
		right: 60px !important
	}

	.banner .jiaju_box,
	.banner .jiaju_txt {
		zoom: .3 !important;
		margin: 0 auto !important
	}

	.banner .jiaju_txt {
		top: 212px !important;
		right: 85px
	}

	.jiaju_ziyou_fr_bottom_txt {
		width: auto;
		margin-bottom: auto
	}

	.jiaju_xuancai_li_bottom3_txt {
		left: 5%
	}

	.jiaju_xuancai_li_bottom2_txt {
		left: 63%
	}

	.jiaju_ziyou_fr_bottom_txt {
		margin-bottom: -10%
	}

	.jiaju_xuancai_li_top1 {
		padding-top: 0
	}

	.jiaju_ziyou_fr_bottom_txt span {
		font-size: 9px;
		text-align: left
	}

	.new-content04 {
		height: auto
	}

	.jiaju_anli_top_txt {
		left: 48.5%
	}

	.jiaju_anli_top {
		top: 28%
	}

	.jiaju_xuancai_li_bottom2,
	.jiaju_xuancai_li_top3 {
		float: right
	}

	.jiaju_xuancai_li_bottom3 {
		float: left
	}

	.new-content04 .swiper-container {
		height: 750rem
	}

	.jiaju_anli_top a img {
		width: 6px;
		height: 6px;
		margin-top: 0
	}

	.new-content07 .new-tel {
		width: 76%
	}

	.new-content04 .wenz {
		padding-top: 20px !important
	}

	.new-content04 .pagination01.swiper-pagination {
		margin-top: 0 !important;
		top: 87%;
		left: 21.5%
	}

	.new-tel_p {
		font-size: 21px !important
	}

	.banner .wrapper {
		width: 100%
	}
}

@media only screen and (min-width:1601px) and (max-width:1681px) {
	.new-content07 .fp-tableCell {
		zoom: .9
	}
}

@media only screen and (min-width:2400px) and (max-width:2560px) {
	.banner .new-tit img:nth-child(2) {
		margin-top: -75px
	}

	.jiaju_gz_img h5 {
		font-size: 15rem
	}

	.jiaju_gz_img p {
		font-size: 12rem
	}

	.new-content04 .swiper-slide a {
		position: absolute
	}
	.new-content07 .txt {
    zoom: .95;
}

}

@media only screen and (max-width:1200px) {
	.san .phone2 {
		font-size: 20px
	}
}

@media only screen and (max-width:1200px) {
	.san span {
		background: #3e3e3e
	}

	.san {
		color: #3e3e3e
	}

	.logo.phone {
		display: none
	}

	.header {
		border: 0
	}
}

@media (max-width:1350px) {
	.jiaju_box3 {
		right: -368px;
		right: -23rem;
		top: 3392px;
		top: 302rem
	}
}

@media (max-width:768px) {
	.new-content01 {
		padding: 24px 0
	}

	.new-content01 .wrapper .jiaju_xuancai {
		padding-top: 0
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li:first-child,
	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li:nth-child(2) {
		width: 100%
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li:nth-child(3) {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_top1 {
		height: auto;
		padding-left: 100rem;
		padding-bottom: 100rem
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_top1 h4 {
		font-size: 30px;
		color: #b8d805;
		font-weight: 700;
		margin-bottom: 30rem
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_top1 P {
		font-size: 18px
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom1 {
		width: 100%;
		height: auto
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom1 .jiaju_xuancai_li_bottom1_txt {
		font-size: 18px
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom1 img {
		width: 50%
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_top2 {
		height: auto
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_top2 img {
		height: auto;
		width: 100%
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom2 {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: auto
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom2 img {
		float: left;
		width: 50%
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom2 .jiaju_xuancai_li_bottom2_txt {
		top: 50%
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom2 .jiaju_xuancai_li_bottom2_txt h6 {
		font-size: 18px
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom2 .jiaju_xuancai_li_bottom2_txt p {
		font-size: 14px
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_top3 {
		width: 50%;
		height: auto;
		margin-left: 0
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_top3 img {
		width: 100%;
		height: auto
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom3 {
		width: 50%;
		height: auto
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom3 img {
		width: 100%;
		height: auto
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom3 .jiaju_xuancai_li_bottom3_txt {
		left: 15%
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom3 .jiaju_xuancai_li_bottom3_txt h6 {
		font-size: 18px
	}

	.new-content01 .wrapper .jiaju_xuancai .jiaju_xuancai_ul li .jiaju_xuancai_li_bottom3 .jiaju_xuancai_li_bottom3_txt p {
		font-size: 14px
	}

	.new-content03 {
		padding-top: 0
	}

	.new-content03 .wrapper {
		width: 100%
	}

	.new-content03 .wrapper .jiaju_ziyou {
		padding-top: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fl {
		width: 100%
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fl .jiaju_ziyou_fl_txt {
		padding: 20px
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fl .jiaju_ziyou_fl_txt h4 {
		font-size: 30px
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fl .jiaju_ziyou_fl_txt .jiaju_ziyou_h6 h6 {
		font-size: 18px
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fl .jiaju_ziyou_fl_txt .jiaju_ziyou_h6 p {
		font-size: 16px
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fl .jiaju_ziyou_fl_img {
		width: 100%;
		height: auto;
		margin-bottom: 15px
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fr {
		width: 100%
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fr .jiaju_ziyou_fr_bottom,
	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fr .jiaju_ziyou_fr_top {
		width: 100%;
		height: auto
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fr .jiaju_ziyou_fr_bottom .jiaju_ziyou_fr_bottom_txt {
		width: 100%;
		margin-bottom: 0;
		padding: 0 15px
	}

	.new-content03 .wrapper .jiaju_ziyou .jiaju_ziyou_fr .jiaju_ziyou_fr_bottom .jiaju_ziyou_fr_bottom_txt span {
		font-size: 12px
	}

	.new-content04 .wrapper {
		padding-top: 0;
		overflow: hidden
	}

	.new-content04 .wrapper .jiaju_anli_top {
		top: 0;
		position: relative;
		left: 5%
	}

	.new-content04 .wrapper .jiaju_anli_top h4 {
		font-size: 30px
	}

	.new-content04 .wrapper .jiaju_anli_top a p {
		font-size: 14px
	}

	.new-content04 .wrapper .jiaju_anli_top a img {
		width: 14px;
		height: 14px
	}

	.new-content04 .wrapper .jiaju_anli_top_txt {
		top: 0;
		position: relative;
		left: 5%;
		margin-top: 10px
	}

	.new-content04 .wrapper .jiaju_anli_top_txt p {
		font-size: 14px
	}

	.new-content04 .wrapper .swiper-container,
	.new-content04 .wrapper .swiper-container .swiper-slide {
		height: auto
	}

	.new-content04 .wrapper .swiper-container .swiper-pagination {
		width: 100%;
		left: 0
	}

	.new-content07 {
		padding-top: 0 !important
	}

	.new-content07 .new-content07_img1 {
		margin-bottom: 0
	}

	.new-content07 .new-tel {
		font-size: 16px;
		margin-left: 0
	}

	.new-content07 .new-tel>img {
		height: 70px;
		margin-top: -35px !important
	}
}

.fp-viewing-6 .header {
	display: none
}

@media only screen and (min-width:1024px) and (max-width:1350px) {
	.new-content07 .input {
		float: left;
		margin-right: 10px
	}

	.new-content07 .new-content07_img1,
	.new-content07 .new-content07_img2 {
		height: 20px;
		margin-bottom: 0
	}

	.new-content07 .new-tel {
		font-size: 22px
	}

	.new-content07 .new-tel>img {
		height: 71px;
		margin-top: -35px
	}

	.jiaju_anli_top {
		position: absolute;
		left: 8%;
		top: 19%;
	}

	.jiaju_anli_top_txt {
		position: absolute;
		left: 53.5%;
		top: 25%;
	}
}

@media only screen and (min-width:1024px) and (max-width:1350px) {

	.new-content07 .input input[type="text"] {
		width: 160px !important;
	}

	.new-content07 .new-tel {
		font-size: 16px;
	}

	.new-content07 .new-content07_img1,
	.new-content07 .new-content07_img2 {
		height: 30px;
		margin-bottom: 0;
	}

}







.new-content04 .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



























@media screen and (min-width:2560px) {




	.w1600 {
		max-width: 85%;
	}

	.san {
		line-height: 36rem;
		font-size: 16rem;
		margin: 50px 0;
	}

	.san>div:nth-child(2) {
		width: 21rem;
		height: 15rem;
		margin-top: 15px;
		margin-left: 20px;
	}

	.san span {
		height: 5px;
	}

	.san span:nth-child(2) {
		top: 50%;
		margin-top: -2px;
	}

	.nav {
		width: 1120px;
	}

	.header-form {
		margin-top: 30rem;
	}

	.header-form h2 {
		text-align: center;
	}

	.nav ul {
		margin: 100rem 0 30rem;
	}

	.header-form .zixun {
		margin: 15px auto 35%;
		width: 200px;
		line-height: 55px;
		height: 55px;
		font-size: 32px;
	}

	.sitelogo .logo_link img {
		max-width: 280rem !important;
	}

	.nav li img {
		width: 140rem !important;
	}













	/*.banner .jiaju_box{width: 300rem;}*/

	/*.new-tit img{width:200rem;}*/

	/*.jiaju_box3{top:167rem;}*/





	/*.jiaju_xuancai{padding-top:3%;}*/

	/*.jiaju_xuancai_li_top1{padding-top:68rem;}*/

	/*.jiaju_xuancai_li_top1, .jiaju_xuancai_li_top2{height:340rem;overflow: hidden;}*/

	/*.jiaju_xuancai_li_top3 img{height:340rem;}*/

	/*.jiaju_gz_img_1,.jiaju_gz_img_2,.jiaju_gz_img_3{left:-80%;}*/

	/*.jiaju_gz_img_1{top:-15%;}*/



	/*.jiaju_ziyou{padding-top:2%;}*/

	/*.new-content04 .swiper-container{height:463rem;}*/









	.new-content07 .new-content07_img1 {
		margin-bottom: 0;
	}

	.new-content07 .new-content07_img1,
	.new-content07 .new-content07_img2 {
	/*	height: 12rem;
		margin-bottom: 0;
		width: 280px;*/
	}

	.new-content07 .delay5 {
		font-size: 15px;
	}

	.new-content07 .input {
		margin-right: 15px;
	}

	.new-content07 .input input[type=text] {
		width: 250px !important;
		height: 45px;
	}

	.new-content07 .input textarea {
		height: 160px;
	}

	.new-content07 .new-tel_p {
		font-size: 16px;
	}

	.new-content07 form>div>span {
		font-size: 18px;
	}

	.new-content07 .new-code p {
		font-size: 18px;
	}

	.new-content07 .fp-tableCell .new-tel_p {
		margin-bottom: 0px;
	}

	.new-content07 .input span {
		font-size: 18px;
	}

	.new-code h1 {
		font-size: 30px;
	}

	.new-content07 .new-tel {
		margin-bottom: 10px;
	}

	.new-content07 .new-code {
		margin-top: 20px
	}

	.new-content07 .new-tel>img {
		width: 60px !important;
		height: 75px !important;
		margin-top: -20px
	}



	.footer-nav {
		max-width: 1024px;
	}

	.footer-top-nav a {
		font-size: 18rem;
	}

	.footer-page dd>a {
		font-size: 14rem;
		padding: 6rem 0;
		line-height: 34rem;
	}

	.footer-partner {
		font-size: 14rem;
		line-height: 34rem;
	}

	.icp {
		font-size: 14rem;
		line-height: 34rem;
		max-width: 600px;
	}

}







@media only screen and (min-width: 1981px) and (max-width: 2999px) {

	.header .wrapper {

		padding: 0 2% 0 6% !important;

	}

	.nav {

		width: 600rem;

	}

	.w1600 {

		max-width: 1900px;

	}

	.new-content01 .w1630 {

		max-width: 2250px;

	}

	.new-content01 .txt {

		width: 90%;

	}

	.new-content05 .w1600 {

		max-width: 2250px;

	}

	.new-content05 .pic {

		width: 808px;

		height: 505px;

	}

	.new-content05 .logos {

		width: 55% !important;

		height: 520px;

	}

	.san {
		line-height: 36rem;
		font-size: 25rem;
		margin: 80px 0;
	}

	.san>div:nth-child(2) {
		width: 35rem;
		height: 23rem;
		margin-top: 10px;
		margin-left: 20px;
	}

	.san span {
		height: 8px;
	}

	.san span:nth-child(2) {
		top: 50%;
		margin-top: -4px;
	}

	.san.cur span:nth-child(2) {
		margin-top: -2px;
	}





	.banner .jiaju_box {

		width: 370rem;

	}

	.new-tit img {

		width: 250rem;

	}

	/**/

	.banner .new-tit img:nth-child(2) {

		margin-top: 20px;

	}



















	.new-content07 .w1600 {

		max-width: 2250px;

	}

	.new-content07 .new-map {

		margin-top: 79px;

		max-width: 695px;

		position: relative;

		float: right;

		width: 45%;

	}

	.new-content07 .new-tel>img {

		top: 52%;

		height: 80px;

	}

	.new-content07 .new-content07_img1,

	.new-content07 .new-content07_img2 {

		/*height: 28px;

		width: 220rem;*/

	}

	.new-content07 .new-tel_p {

		font-size: 26px;

	}

	.new-content07 .new-tel {

		margin-bottom: 40px;

	}

	.new-content07 .input {

		margin-right: 46px;

	}

	.new-code h1 {

		font-size: 26px;

	}

	.new-content07 .new-code {

		margin-top: 50px;

	}

	.new-content07 .input textarea {

		height: 150px;

	}

	.new-code p {

		line-height: 24px;

	}











	.footer-nav {
		max-width: 900px;
	}

	.index-footer .wrapper {

		max-width: 2250px;

	}

	.footer-page dl {

		float: left;

		margin-right: 60px;

	}

	.index-footer .w1600 {

		max-width: 2248px;

	}

	.new-footer .footer-top-nav {

		margin-bottom: 35px;

	}

	.footer-page {

		padding: 0px 0 24px;

	}

	.footer-top-nav a {

		font-size: 19rem;

	}

	.new-footer .footer-page dd {

		font-size: 24px;

		line-height: 50px;

	}

	.footer-page dd>a {

		font-size: 19px;

		padding: 3px 0;

		color: #d4d4d4;

	}

	.footer-partner {

		font-size: 20px;

		color: #d4d4d4;

	}

	.footer-page dl {

		float: left;

		margin-right: 60px;

	}

	.icp {

		font-size: 20px;

		line-height: 50px;

		margin-right: 0 !important;

	}

	.new-code p {

		line-height: 36px;

		font-size: 17px;

	}

	.new-code h1 {

		font-size: 28px;

	}

}





.fp-viewing-page8 .header {
	opacity: 1;
}

.header .wrapper {
	padding: 0 7% 0 8%
}

@media only screen and (min-width: 1440px) and (max-width: 1920px) {

	.jiaju_gz {
		left: 8.5%;
	}

	.jiaju_xuancai_li_top1 {
		padding-left: 163rem;
	}

	.new-content03 .wrapper {
		width: 85%;
	}

}

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

	.jiaju_ziyou {

		padding-top: 10%;

	}

	.new-content04 .swiper-container {

		/*margin: 40px auto 0;*/

	}

}





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

	.header .wrapper {
		padding: 0 7% 0 7%
	}

	.nav {
		/*width: 100%;*/
	}

}
@media only screen and (max-width: 1024px) {
    .new-content07 .txt {
    zoom: .8;
    }
    .nav {
    width: 400px;
}
    }
@media only screen and (min-width: 1100px) and (max-width: 1280px) {
    .new-content07 .txt {
    zoom: .9;
    }
    }
@media only screen and (min-width: 1300px) and (max-width: 1380px) {
    .new-content07 .txt {
    zoom: .95;
    }
    }
@media only screen and (min-width: 1441px) and (max-width: 1510px) {
    .new-content07 .txt {
    zoom: .96;
    }
	.header .wrapper {
    zoom: .9;
	}    
    }
@media only screen and (min-width:1024px) and (max-width:1350px)  {
	.nav {
		width: 450px
	}
	.header .wrapper {
    zoom: .85;
	}
}
@media only screen and (min-width:2560px) and (max-width:2800px) {
	.new-content07 .txt {
    zoom: .95;
}
}