* {
	padding: 0;
	margin: 0;
}

.allbox {
	padding: 0;
	overflow: hidden;
}

.btn_new {
	text-align: center;
	margin: 8px auto;
	border-radius: 0;
	border: 1px solid black;
	color: black;
	display: block;
	width: 250px;
	padding: 7px 30px;
	cursor: pointer;
	margin-top: 50px;
	margin-bottom: 30px;
}





/*二 banner*/

.top_next {
	margin: auto;
	width: 50px;
	cursor: pointer;
	animation: topnext 1.2s infinite linear;
}

@keyframes topnext {
	from {
		padding-top: 0;
	}

	to {
		padding-top: 15px;
		transition: ease 0.5s;
	}
}

.bannner_box {
	position: relative;
}

.bannner_box .bannnerbox img {
	width: 100%;
}

.banner_intro {
	width: 100%;
	color: white;
	text-align: center;
	position: absolute;
	top: 25%;
	margin: auto;
}

.banner_intro h1 {
	font-size: 71px;
}

.banner_intro h3 {
	font-size: 36px;
	padding: 40px 0;
}

.banner_nav {
	width: 100%;
	/*display: none;*/
	position: absolute;
	bottom: 5px;
}

.btn_nrnav {
	display: none;
}

.banner_nav .sTop_box {
	margin: 0 auto;
	text-align: center;
	width: max-content;
}

.banner_nav .nav_sTop {
	float: left;
	text-align: center;
	width: 140px;
	padding: 0 5px;
	padding-bottom: 25px;
}

.banner_nav .nav_sTop a {
	color: white;
	font-size: 16px;
}

.banner_nav .nav_sTop a .block {
	height: 1px;
	width: 90%;
	background: white;
	margin: 15px auto 5px auto;
}

/*.banner_nav  .nav_sTop:first-child a {*/
/*	color: #EA5504;*/
/*}*/
/*.banner_nav .nav_sTop:first-child a .block {*/
/*	background: #EA5504;*/
/*}*/
/*nav*/
.cur {
	background: #EA5504;
}

.nav_box {
	background: black;
	color: white;
	padding: 0px 60px;
}

.nav_box a {
	color: white;
	font-size: 16px;
	/*margin-top: 10px;*/
}

.sp_logo {
	width: 350px;
	height: 56px;
	overflow: hidden;
}

.nav_box ul li {
	padding: 25px 10px;
}

.navbar-head {
	padding-top: 15px;
	float: left;
}

.hom {
	border-bottom: 2px solid #ea5504;
}

.hom .home {
	color: #ea5504;
}


/*bottom*/

.bottom {
	background-color: #221815;
}

.bottom .bottom_ul {
	margin: 30px 0 0 0;
	padding-left: 0;
}

.bottom .bottom_ul li {
	color: white;
	line-height: 50px;
	float: left;
	list-style: none;
	padding: 5px 24px;
	font-size: 16px;
	text-align: center;
}

.bottom .bottom_ul li ul li {
	color: #999999;
	line-height: 30px;
	float: none;
	list-style: none;
	font-size: 13px;
	/* padding: 5px 25px 5px 0px; */
}

.bottom .bottom_ul li ul li a {
	color: #999999;
}

.bottom .bottom_ul li ul {
	padding-left: 0;
}

.bottom .wchat {
	margin-left: 10%;
	    padding-top: 15%;
}

.bottom .x12,
.bottom .x12 a {
	color: #999999;
	padding: 30px 0;
}

.bottom_wchat {
	color: white;
	line-height: 30px;
}

.bottom .float_right {
	float: right;
}

.fixed-top {
	position: initial;
}


.bottom_rexian{
	color: #FFF;
	padding-top: 25px;
	}
	.bottom_rexian h1{
		font-size: 28px;
		}
		.bottom_rexian p{
			margin: 0;
			}
			.forposition{
				 padding-right: 51%;
				}
				@media screen and (max-width: 1600px) {
					.bottom .bottom_ul li {
					    padding: 5px 18px;
					}
				}
				
@media screen and (max-width: 1440px) {
	.bottom_rexian h1{
		font-size: 28px;
		}
		.bottom .bottom_ul li {
		    padding: 5px 14px;
		}
		/* .bottom .wchat {
			margin-left: 10%;
			    padding-top: 15%;
		} */
		.forposition{
			 padding-right: 45%;
			}
}
@media screen and (max-width: 1366px) {
	.nav_box ul li {
		padding: 25px 0px;
	}
	.forposition{
		 padding-right: 41%;
		}
		.bottom .bottom_ul li {
		    padding: 5px 10px;
		}
		
}
@media screen and (max-width: 1280px) {
	.bottom .bottom_ul li {
	    text-align: center;
	    padding: 5px 8px;
	}
	
	.bottom .bottom_ul li ul li {
	    padding: 0;
	}
	.bottom .wchat {
		margin-left: 12%;
		    padding-top: 15%;
	}
	.forposition{
		 padding-right: 35%;
		}
}
@media screen and (max-width: 1152px) {
	.bottom .bottom_ul li {
	    padding: 5px;
	}
	.bottom .bottom_ul li ul li {
	    padding: 0px;
	}
}


@media screen and (max-width: 1024px) {
	
.bottom_rexian h1{
		font-size: 20px;
		}

	.banner_nav ul li {
		width: 14.2%;
		padding: 0 0.3%;
	}

	.banner_intro {
		top: 10%;
	}

	.bottom .xm8,
	.bottom .xm4 {
		width: 100%;
	}

	.bottom {
		padding: 0 10px;
	}

	.bottom .bottom_ul {
		margin: 30px auto;
	}

	.bottom .bottom_ul li {
		padding: 5px 16px;
	}

	.banner_nav ul {
		bottom: 25px;
	}
}


@media screen and (max-width: 414px) {
	.bottom .wchat {
		margin-left: auto;
		margin-right: auto;
		    padding-top: 15%;
	}
	.forposition{
		 padding-right: 0;
		}
	.bottom_rexian{
		text-align: center;
		padding-top: 20px;
		}
	.button--rayen {
	    margin: 30px auto;
	}
	.erji4:hover {
	    right: -145px;
	}
	.bottom .wchat {
		padding-top: 0%;
	}

	.bottom .bottom_ul li ul {
		display: none;
	}

	.nav .block {
		display: none;
	}

	div[class^=erji] {
		width: 175px;
	}

	.bottom .bottom_ul li {
		text-align: center;
		padding: 0;
	}

	.silde {
		display: none;
	}

	.up {
		position: fixed;
		bottom: 50px;
		right: 20px;
		width: 40px;
		height: 40px;
		border: 1px solid #ddd;
		background: #fff;
		border-radius: 50%;
		box-sizing: border-box;
		box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .12);
		cursor: pointer;
		z-index: 111
	}

	.up a {
		display: block;
		height: 2.5rem;
		text-align: center;
		background: url(../img/top1.png) no-repeat center center;

	}


	.btn_nrnav {
		display: block;
	}

	.nav_show .nav {
		padding-top: 0px;
	}

	.bannnerbox img {
		height: 200px;
	}

	.navbar-head {
		padding-top: 0px;
		float: left;
	}

	.bottom .bottom_ul li {
		/* float: none; */
	}

	.bottom .bottom_ul li ul li {
		width: auto;
	}

	.bottom .bottom_ul li {
		width: 25%;
	}



	.bottom .x12,
	.bottom .x12 span {
		display: block;
		text-align: center;
		float: none;
		line-height: 28px;
	}

	.banner img {
		height: 250px;
		max-width: unset;
	}

	.banner_intro h3 {
		font-size: 20px;
		padding: 15px 0;
	}

	.fixed-top {
		position: fixed;
		top: 0px;
		z-index: 1000;
	}

	.click1 {
		display: block;
	}

	.sTop_box {
		display: none;
		background: #000;
		border-radius: 25px 0 0 25px;
		padding: 0;
		z-index: 12;
		padding: 5px;
	}

	.btn_nrnav {
		border-radius: 25px;
		height: 32px;
		width: 80px;
		background: #EA5504;
		position: fixed;
		top: 35%;
		right: -47px;
		z-index: 10;
	}

	.btn_nrnav span {
		float: left;
		font-size: 30px;
		color: white;
		padding: 2px 6px;
		line-height: 21px;
		width: 40px;
		text-align: center;
		/* transform: rotate(-90deg); */
		transition: 0.5s ease;
	}


	.banner_nav .sTop_box .nav_sTop a .block,
	.banner_nav .sTop_box span {
		display: none;
		margin: 10px 0;
	}

	.banner_nav {
		clear: both;
		position: fixed;
		/*top: 35%;*/
		top: 38.9%;
		right: 0;
		width: auto;
		z-index: 10;
		height: max-content;
	}

	.banner_nav .sTop_box .nav_sTop {
		float: none;
		width: auto;
		padding: 6px 10px;
		text-align: left;

	}

	.banner_intro {
		top: 25%;
	}
}

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

	/*.sjj_nav ul li{
		display:none;
	}*/
	.banner_intro h1 {
		font-size: 28px;
	}

	.top_next {
		margin: auto;
		width: 30px;
		cursor: pointer;
		animation: none;
	}

	.banner_intro h3 {
		font-size: 22px;
		padding: 25px 0;
	}

	.banner_nav ul {
		padding: 5px 4%;
	}

	.history_banner .mark {
		left: 20%;
		width: 60%;
		padding: 30px;
	}

	.bottom .bottom_ul li {
		padding: 5px 5px 5px 0;
		text-align: center;
	}

	.bottom .bottom_ul li ul li {
		padding: 5px 0px;
	}

	.content_sp_01 .mask {
		padding: 25px;
		text-align: center;
	}

	.content_sp_01 .mask .block {
		margin: 25px auto;
	}

	.top_next {
		display: none;
	}
}

@font-face {
	font-family: "AlexBrush";
	src: url("../font/AlexBrush/Alex Brush.woff2") format("woff2"), url("../font/AlexBrush/Alex Brush.woff") format("woff"), url("../font/AlexBrush/Alex Brush.ttf") format("truetype"), url("../font/AlexBrush/Alex Brush.eof") format("embedded-opentype"), url("../font/AlexBrush/Alex Brush.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HYXinRenWenSongW";
	src: url("../font/HYXinRenWenSongW/HYXinRenWenSongW.woff2") format("woff2"), url("../font/HYXinRenWenSongW/HYXinRenWenSongW.woff") format("woff"), url("../font/HYXinRenWenSongW/HYXinRenWenSongW.ttf") format("truetype"), url("../font/HYXinRenWenSongW/HYXinRenWenSongW.eot") format("embedded-opentype"), url("../font/HYXinRenWenSongW/HYXinRenWenSongW.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SourceHanSansKLight";
	src: url("../font/SourceHanSansKLight/SourceHanSansKLight.woff2") format("woff2"), url("../font/SourceHanSansKLight/SourceHanSansKLight.woff") format("woff"), url("../font/SourceHanSansKLight/SourceHanSansKLight.ttf") format("truetype"), url("../font/SourceHanSansKLight/SourceHanSansKLight.eot") format("embedded-opentype"), url("../font/SourceHanSansKLight/SourceHanSansKLight.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "hanyi";
	src: url("../font/hanyi/hanyi.woff2") format("woff2"),
		url("../font/hanyi/hanyi.woff") format("woff"),
		url("../font/hanyi/hanyi.ttf") format("truetype"),
		url("../font/hanyi/hanyi.eot") format("embedded-opentype"),
		url("../font/hanyi/hanyi.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.text-main,
a.text-main:link,
a.text-main:visited,
.button.border-main,
blockquote.border-main strong,
.pager.border-main a,
.pager-prev.border-main,
.pager-next.border-main,
.nav a:hover,
.nav-menu.nav-pills .active ul a:hover,
.bg-inverse .nav-menu ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover {
	color: #EA5504;
}


@media screen and (max-width: 1680px) {
	.nav_box ul li {
		padding: 25px 0px;
	}
}

@media screen and (max-width: 1440px) {
	.sp_logo {
		width: 300px;
	}

	.nav_box {
		padding: 0px 3px;
	}
}

@media screen and (max-width: 1366px) {
	.nav-inline li a {
		padding: 5px 15px;
	}
}

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

	/*导航*/
	.hom {
		border-bottom: none;
	}

	.nav_box {
		height: 70px;
		background: #000000;
		padding: 0px 5px;
		padding-top: 0px;
		width: 100%;
	}

	.nav_box ul li {
		padding: 0px 0px;
	}

	.nav_ph {
		box-sizing: border-box;
		display: none;
		width: 100%;
		color: white;
		z-index: 99;
		box-shadow: 0px 3px 6px #66502F;
	}

	.sjj_nav ul,
	.sjj_nav ul li {
		list-style: none
	}

	.sp_header {
		height: 70px;
		overflow: hidden;
		position: relative;
		z-index: 10;
		width: 100%;
	}

	.sp_logo {
		padding: 10px;
		float: left;
		height: 60px;
		width: 80%;
	}

	.sp_logo img {
		margin: auto;
		max-height: 50px;
	}

	.sp_nav {
		width: 45px;
		position: absolute;
		cursor: pointer;
		height: 30px;
		margin-top: 25px;
		top: 0;
		right: 0;
	}

	.sp_nav span {
		display: block;
		background: #EA5504;
		width: 25px;
		height: 1px;
		position: absolute;
		left: 10px;
		transition: all ease-out 0.35s
	}

	.sp_nav span:nth-of-type(1) {
		top: 0px
	}

	.sp_nav span:nth-of-type(2) {
		top: 10px
	}

	.sp_nav span:nth-of-type(3) {
		top: 20px
	}

	.sp_nav_se span:nth-of-type(1) {
		top: 10px;
		transform: rotate(45deg)
	}

	.sp_nav_se span:nth-of-type(2) {
		width: 0
	}

	.sp_nav_se span:nth-of-type(3) {
		top: 10px;
		transform: rotate(-45deg)
	}

	.sjj_nav {
		position: fixed;
		z-index: 9;
		background: rgba(0, 0, 0, 0.88);
		width: 100%;
		height: 100%;
		font-size: 14px;
		line-height: 40px;
		top: -100%;
		left: 0;
		overflow: auto;
		overflow-x: hidden;
		transition: top ease 0.45s;
	}

	.nav_show {
		top: 70px;
		padding-top: 10px;
		transition: 0.5s ease-in-out;
	}

	.sjj_nav>ul>li:first-child {
		overflow: hidden;
		border-top: 0
	}

	.sjj_nav>ul>li:first-child>a {
		float: left;
		width: calc(100% - 70px)
	}

	.sjj_nav ul li img {
		position: absolute;
		top: 8px;
		right: 0px;
		height: 30px;
	}

	.sjj_nav ul li i img {
		transform: rotate(0deg);
		transition: all ease 0.35s
	}

	.sjj_nav ul li .sjj_nav_i_se img {
		transform: rotate(90deg)
	}

	.sjj_nav ul li {
		border-top: 1px #ddd solid;
		margin: 5px 35px;
		position: relative;
		line-height: 50px;
		font-size: 16px
	}

	.sjj_nav>ul>li:last-child {
		border-bottom: 1px #ddd solid;
	}

	.sjj_nav ul li ul {
		display: none
	}

	.sjj_nav ul li a {
		/*color: #666;*/
		color: white;
		width: 80%;
		line-height: 28px;
	}

	.sjj_nav ul li ul li a {
		/*color: #999;*/
		color: #f2e2c9;
		display: block;
		text-align: left;
	}

	.sjj_nav ul li ul li>ul {
		margin-left: 10px
	}

	.drop-menu {
		position: initial;
		display: none;
		top: 100%;
		left: 0;
		z-index: 1;
		float: none;
		min-width: 160px;
		padding: 0;
		margin: 0 0 0;
		list-style: none;
		background-color: rgba(0, 0, 0, 0);
		background-clip: padding-box;
		border: none;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.nav_show .nav {
		/* padding-top: 30px; */
	}

	.nav:hover .block {
		display: none;
	}
}


/*nav*/

.nav .m {
	float: none;
	position: relative;
	z-index: 1;
	line-height: 60px;
}

.nav .sub {
	display: none;
	position: absolute;
	top: 41px;
	z-index: 1;
	width: 112px;
	border: 1px solid #EA5504;
	border-top: 0;
	background: #fff;
	border: none;
}

.nav .block {
	height: 2px;
	width: 122px;
	background: #EA5504;
	position: absolute;
	top: 80px;
	overflow: hidden;
	z-index: 99;
}

.nav .sub {
	display: none;
	position: absolute;
	top: 60px;
	z-index: 1;
	width: 150px;
	border: 3px solid #EA5504;
	border-top: 0;
	background: #EA5504;
	border: none;
	left: 0px;
}

.nav .m:hover .drop-menu {
	display: block;
}

.nav ul {
	display: none;
}

.nav .block {
	display: none;
}

.nav:hover .block {
	display: block;
}

.nav:hover .hom .home {
	color: white;
}

.nav:hover .hom {
	border-bottom: 2px solid black;
}

.button--border-thin {
	letter-spacing: 0.25em;
	/*font-weight: 100;*/
	text-align: center;
	margin: 8px auto;
	border-radius: 0;
	border: 1px solid #999;
	color: #999;
	display: block;
	width: 250px;
	padding: 7px 30px;
	cursor: pointer;
	margin-top: 50px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	background: transparent;
	-moz-osx-font-smoothing: antialiased;
}

.button--border-thin:hover {
	color: #F5F5F5;
	border: 1px solid #EA5504;
	transition: .5s;
}

.button--rayen {
	overflow: hidden;
	padding: 0;
	width: 230px;
	margin: 70px auto;
}

/*.button--rayen.button--inverted {*/
/*	color: #fff;*/
/*}*/

/*.button--rayen::before, .button--rayen::after{*/
/*	content: attr(data-text);*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	color: white;*/
/*	background: #EA5504;*/
/*	-webkit-transform: translate3d(-100%, 0, 0);*/
/*	transform: translate3d(-100%, 0, 0);*/
/*}*/
/*content: '';*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*width: 0;*/
/*height: 100%;*/
/*background: #00d463;*/
/*z-index:-2;*/
/*border-radius: 4px;*/
.button--rayen:after,
.button--rayen:before {
	content: '';
	position: absolute;
	left: -56px;
	top: 0;
	width: 0;
	height: 100%;
	background: #EA5504;
	z-index: -2;

}

.button--rayen:hover {
	z-index: 1;
	background: transparent;
}

.button--rayen:before {
	transition: .5s;
	background: #EA5504;
	z-index: -1;
}

.button--rayen:after {
	transition: .5s;
	background: #EA5504;
	z-index: -1;
}

.button--rayen:hover:after,
.button--rayen:hover:before {
	width: 125%;
}


.button--rayen>span {
	display: block;
}

.button--rayen::before,
.button--rayen>span {
	padding: 1em 2em;
	/*-webkit-transition: -webkit-transform 0.3s;*/
	/*transition: transform 0.3s;*/
	/*-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/
	/*transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/
}

/*.button--rayen:hover::before {*/
/*	-webkit-transform: translate3d(0, 0, 0);*/
/*	transform: translate3d(0, 0, 0);*/
/*}*/

/*.button--rayen:hover>span {*/
/*	-webkit-transform: translate3d(0, 120%, 0);*/
/*	transform: translate3d(0, 120%, 0);*/
/*}*/

.button--rayen span .text-big {
	font-size: 25px;
	font-weight: 100;
	line-height: 47px;
	margin: -top;
	margin-right: 10px;
	height: 47px;
	display: block;
	float: right;
	top: 0;
	position: absolute;
	right: 0;
}


.swiper-container {
	--swiper-theme-color: #fff;
	/* 设置Swiper风格 */
	--swiper-navigation-color: #fff;
	/* 单独设置按钮颜色 */
	--swiper-navigation-size: 30px;
	/* 设置按钮大小 */
}

.for_style_top {
	border: 1px solid white;
	margin: 0px 30px;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	padding: 15px;

}

.for_left {
	float: left;
}

/*.up{
	border-radius: 5px ;
	width: 30px;
	height: 30px;
	border:1px solid #EA5504  ;
	background: #EA5504;
	position: fixed;
	right: 20px ;
	top: 60%;
	z-index: 999;
}*/
.carousel li .in-l-h6 {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	height: 100%;

}

.carousel li .in-l-h6 #h5 {
	margin-top: -21px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.carousel li .in-l-h6 #h5 #h4 {
	transition: 0.5s;
	display: block;
	width: 40%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.carousel li:hover .in-l-h6 #h5 #h4 {
	transition: 0.5s;
	display: block;
	width: 20%;
	height: 1px;
	background: #eee;
	margin: 0 auto;
}

.carousel li .in-l-h6 #h5 #title {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	height: 40px;
	line-height: 40px;
}

.carousel li:hover .in-l-h6 {
	opacity: 1;
}

.silde {
	position: fixed;
	right: 0;
	top: 40%;
	color: white;
	z-index: 11;
	width: 170px;

}

/*.erji1{
	position: fixed;
	right: 0;
	top: 35%;
	color: white;
	z-index: 11;
}
.erji2{
	position: fixed;
	right: 0;
	top: 40%;
	color: white;
	z-index: 11;
}
.erji3{
	position: fixed;
	right: 0;
	top: 42.15%;
	color: white;
	z-index: 11;
}
.erji4{
	position: fixed;
	right: 0;
	top: 45.5%;
	color: white;
	z-index: 11;
}*/

.silde .erbox {
	width: 100%;
	float: left;

}

div[class^=erji] {
	background: #EA5504;
	border-radius: 20px 0 0 20px;
	padding: 10px 15px 10px 15px;
	margin: 5px 0;
	width: max-content;
	cursor: pointer;
	float: right;
	width: 200px;
	transition: 0.5s ease;
	position: relative;
	right: -145px;
}
/* div[class^=erji]:hover {
	right: -20px;
} */
.erji1:hover {
	right: -20px;
}
.erji2:hover {
	right: -20px;
}

div[class^=erji]:hover span {
	width: 90px;
	display: inline-block;
	opacity: 1;
}

div[class^=erji] img {
	float: left;
	margin: 0 15px 0 10px;
	width: 22px;
	cursor: pointer;
	margin-left: 5px;
}

div[class^=erji] span {
	float: left;
	width: 0px;
	display: block;
	float: right;
	line-height: 22px;
	padding-left: 0px;
	white-space: nowrap;
	opacity: 0;
	transition: 0.4s ease;
}

.picbanner .banner .pager-prev, .picbanner .banner .pager-next {
    display: block;
}