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

}



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



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

		padding: 0 6% 0 6% !important;

	}
.san {
    font-size: 20px;
    margin: 20px 0;
}
  .san {
        zoom: 1.6;
    }

}