.index-nav {

	width: 470px;

	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: 528px;

	font-size: 33rem
}



.index-nav.nav li>a {

	font-size: 288px;

	font-size: 18rem
}



.index-nav li {

	overflow: hidden;

	position: relative;

	padding-left: 80px
}



.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 {

	height: 100%;

	width: 9760px;

	width: 610rem;

	padding: 1.5% 5% 0;

	-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
}



.nav ul {

	margin: 140rem 0 30rem;

	overflow: auto;

	height: calc(100% - 150px)
}



.index-nav.nav li:before {

	display: none !important
}



.nice-li {

	margin-bottom: 1rem
}



.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 li img {

	width: 165rem
}



.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(../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(../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)
	}

}



.new-nav {

	background: rgba(0, 0, 0, .6)
}



.new-nav .nice {

	height: auto;

	overflow: visible
}



.nav.index-nav.new-nav li>a,

.new-san.cur {

	color: #fff !important;
}



.new-san.cur span {

	background: #fff !important;
}



.new-nav.index-nav.nav li>a span {

	width: 4560px;

	width: 285rem;

	display: inline-block
}



.new-nav.index-nav.nav li>a span.font {

	float: left;
	font-weight: 400;
	font-family: unset;
}



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



.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 input,

.header-form textarea {

	line-height: 384px;

	line-height: 24rem;

	height: 384px;

	height: 24rem;

	font-size: 224px;

	font-size: 14rem;

	color: #fff;

	outline: none;

	background: rgba(0, 0, 0, 0);

	border: none;

	border-bottom: 1px solid #fff;

	width: calc(84% - 30px)
}



.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
}


.header-form h2 {

	font-size: 640px;

	font-size: 35rem;

	color: #fff;

	font-weight: 500;

	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
}


.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 .phone2 {
	margin-right: 28px;
	display: flex;
	align-items: center;
}

.san .phone2 .font1 {
	font-size: 17px;
	letter-spacing: 1px;
	position: relative;
	left: 20px;
	font-weight: bold;
}

.san .phone2 .font2 {
	font-size: 27px;
	position: relative;
	left: 20px
}


.san>div {

	position: relative;

	float: left;

	margin-left: 10px
}



.san>div:nth-child(2) {

	width: 30px;

	height: 20px;
	margin-top: 0;
}



.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>div {
	position: relative;
	float: left;
	margin-left: 10px !important;
}



.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
}




/*.header .wrapper {*/

/*	padding: 0 6% 0 6% ;*/

/*}*/



.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: 50%
}



.tan .left_side .ico {

	position: relative;

	padding-top: 132%;

	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: 50%;

	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: 4% 1% 5% 5%;
}



.tan .right_side .top_text {

	margin-bottom: 15rem;
	width: 100%;
	padding-right: 28px;
}



.tan .right_side .top_text h4 {
	font-size: 288px;
	font-size: 18rem;
	font-weight: 500;
	/*display: flex;*/
	/*flex-wrap: nowrap;*/
	/*align-items: center;*/
	margin-bottom: 25rem;
	vertical-align: middle;
	text-align: right;
}

.tan .right_side .top_text h4>span {
	/*padding: 0 15px;*/
	font-size: 30rem;
	font-weight: 500;
	vertical-align: middle;
}


.tan .right_side .top_text h2 {

	font-size: 416px;

	font-size: 26rem;

	margin: 5rem 0;

	font-weight: 500;
	text-align: right;
}



.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: 500px;

	line-height: 40rem;

	height: 500px;

	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: 40rem;

	width: 100%;

	border: 0;

	background-color: #000000b3;

	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: #2d2d2d
}



.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 screen and (min-width: 2560px) {

	.san .phone2 .font2 {
		font-size: 20px;
	}

	.header .wrapper {

		padding: 0 6% 0 6% !important;

	}

	.san {
		font-size: 20px;
		margin: 40px 0 !important;
	}

	.san {
		zoom: 1.6 !important;
	}

}


.swal2-container {
	font-size: 16px !important;
}

.swal2-popup,
.swal2-title,
.swal2-content,
.swal2-html-container,
.swal2-styled {
	font-size: 1em !important;
	line-height: 1.5 !important;
}


.swal2-actions {
	font-size: 16px !important;
}
div:where(.swal2-container){z-index: 999999 !important;}