.gp-fx14 {
	font-size: 14px;
}

.gp-fx16 {
	font-size: 16px;
}

.gp-fx18 {
	font-size: 18px;
}

.gp-fx20 {
	font-size: 20px;
}

.gp-fx22 {
	font-size: 22px;
}

.gp-fx24 {
	font-size: 24px;
}

.gp-fx26 {
	font-size: 26px;
}

.gp-fx28 {
	font-size: 28px;
}

.gp-fx30 {
	font-size: 30px;
}

.gp-fx32 {
	font-size: 32px;
}

.gp-fx34 {
	font-size: 34px;
}

.gp-fx36 {
	font-size: 36px;
}

.gp-fx38 {
	font-size: 38px;
}

.gp-fx40 {
	font-size: 40px;
}

.gp-fx50 {
	font-size: 50px;
}

/* header */
.header {
	width: 100%;
	min-width: 24rem;
	height: auto;
	z-index: 10;
	top: 0;
	position: relative;
	background: url(../images/header_bg.jpg) repeat-y right top;
	height: 160px\9\0;
	background-size: 100%;
}

.header .gp-container {}

.wraptop {
	background: url(../images/topbg.png) no-repeat right 7.8rem top;
}

.logo {
	/* width: 240px;
	padding: 10px 0 17px; */
	margin:60px 0 0 0
}

.logo a.logo2 {
	width: 28%;
}

.top_link {
	position: absolute;
	right: 0;
	top: 25px;
}

/* .top_link .btn{color:#fff;display:inline-block;vertical-align:top;margin: 0 0 0 15px;display:inline-block;vertical-align:top;height: 48px;width: 48px;border-radius: 3px;background: #1b6dc5 no-repeat center;cursor: pointer;}
.top_link .ser{} */
.top_link a {
	display: inline-block;
	vertical-align: top;
	line-height: 2.8rem;
	color: #fff;
	margin: 0 2.4rem 0 0;
}

.top_link .ser {
	position: relative;
	left: 0;
	top: 0%;
	transform: translateX(0%) translateY(0%);
	width: 260px;
	display: inline-block;
	vertical-align: top;
}

.top_link .search {
	border-radius: 30px;
}

.top_link .search input.notxt1 {
	background-image: url(../images/search_btn.png);
	background-color: transparent;
	width: 20px;
	/* background-size: 1.3rem auto; */
	right: 18px;
}

.top_link .search input.notxt {
	width: calc(100% - 40px);
	color: rgba(255, 255, 255, .5);
}

.top_link .search input.notxt::placeholder {
	color: rgba(255, 255, 255, .5);
}


.nav {
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, .3);
}

.nav ul {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
}

.nav ul>li {
	position: relative;
	text-align: center;
	line-height: 63px;
	float: left;
	margin: 0 4.1rem;
}

.nav ul>li:first-child {
	margin-left: 2rem;
}

.nav ul li>a {
	font-size: 20px;
	display: block;
	position: relative;
	color: #fff
}

.nav ul li>a:hover {}

.nav ul li.on a {
	position: relative;
}

.nav ul li>a::before {
	content: '';
	position: absolute;
	width: 0%;
	height: 3px;
	background: #fa6e05;
	transition: all 0.3s ease-in-out;
	bottom: 0px;
}

.nav ul li.on>a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background: #fa6e05;
	transition: all 0.3s ease-in-out;

}


/* .sub_nav{display: block !important;} */
.sub_nav {
	min-width: 160px;
	position: absolute;
	left: -30px;
	top: 100%;
	display: none;
	box-sizing: border-box;
	background: rgba(255, 255, 255, .9);
	text-align: left;
	box-shadow: 10px 0 30px rgba(0, 0, 0, .1);
}

.sub_nav dl {
	margin: 0;
	padding: 20px 0;
}

.sub_nav dd {}

.sub_nav a {
	color: #666;
	display: block;
	line-height: 20px;
	white-space: nowrap;
	position: relative;
	padding: 12px 30px 12px 30px;
}

.sub_nav a:hover {
	color: #bc0c26;
	background: #f0d5c0;
}

.nav ul li:hover .sub_nav {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	animation-duration: .6s;
	-webkit-animation-duration: .6s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
	display: block
}

@keyframes flipInY {

	/* from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
	to{-webkit-transform:perspective(400px);transform:perspective(400px)} */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* .header.currents{position:fixed;left:0;right:0;top:0;z-index:3;}
.header.currents::before{padding-bottom: 120px;}
.header.currents .logo{width: 156px;}
.header.currents .logo .img2{display: none;}
.header.currents .nav .left,.header.currents .nav .right{width: calc(50% - 240px);}
.header.currents .gp-container{} */
/* header end */

/* @media screen and (max-width:1640px){
	.header{padding: 22px 0;}
	.top_link .btn{width: 40px;height: 40px;line-height: 40px;}

	.logo{position:relative;transform:none;overflow:visible;width:340px;margin-left: 0;}
	.nav{width:auto;left: 420px;right: 120px;}
	.nav ul li>a{font-size:16px}
	.sub_nav a{font-size:14px}
}
@media screen and (max-width:1280px){
	.logo{width: 240px;}

	.nav{left: 280px;right: 100px;}
	.nav ul>li{line-height: 40px;}
	.top_link .btn{width: 32px;height: 32px;margin: 0 0 0 6px;background-size: 50% auto;}
} */
@media screen and (max-width:1440px) {
	.gp-container {
		width: 1200px;
		margin: 0 auto;
	}
}

@media screen and (max-width:1290px) {
	.gp-container {
		width: 1000px;
	}

	.nav ul>li {
		margin: 0 3.8rem;
	}

}

@media screen and (max-width:996px) {
	.gp-fx18 {
		font-size: 16px;
	}

	.gp-fx20 {
		font-size: 18px;
	}

	.gp-fx22 {
		font-size: 20px;
	}

	.gp-fx24 {
		font-size: 22px;
	}

	.gp-fx26 {
		font-size: 24px;
	}

	.gp-fx28 {
		font-size: 26px;
	}

	.gp-fx30 {
		font-size: 28px;
	}

	.gp-fx32 {
		font-size: 30px;
	}

	.gp-fx34 {
		font-size: 32px;
	}

	.gp-fx36 {
		font-size: 34px;
	}

	.gp-fx38 {
		font-size: 36px;
	}

	.gp-fx40 {
		font-size: 38px;
	}

	.gp-fx50 {
		font-size: 40px;
	}

	.header {
		position: relative;
	}

	.wraptop {
		padding: 16px 0;
	}

	.header.currents {
		display: none !important
	}

	.header .gp-container {}

	.nav, .top_link, .header::before, .wrap_nav {
		display: none
	}

	.header .top {
		height: auto;
		width: auto;
		position: relative;
	}

	/* .logo {
		top: 0;
		width: 260px;
		padding: 0;
	} */

	.search input.notxt {
		font-size: 12px;
	}

}

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

	.gp-fx18 {
		font-size: 14px;
	}

	.gp-fx20 {
		font-size: 16px;
	}

	.gp-fx22 {
		font-size: 18px;
	}

	.gp-fx24 {
		font-size: 20px;
	}

	.gp-fx26 {
		font-size: 22px;
	}

	.gp-fx28 {
		font-size: 24px;
	}

	.gp-fx30 {
		font-size: 26px;
	}

	.gp-fx32 {
		font-size: 28px;
	}

	.gp-fx34 {
		font-size: 30px;
	}

	.gp-fx36 {
		font-size: 28px;
	}

	.gp-fx38 {
		font-size: 30px;
	}

	.gp-fx40 {
		font-size: 32px;
	}

	.gp-fx50 {
		font-size: 30px;
	}

	/* .logo {
		overflow: hidden;
		width: 180px;
		max-width: 100%;
		text-align: center;
		position: relative;
	} */
}

@media screen and (max-width:500px) {
	.gp-fx16 {
		font-size: 14px;
	}

	.gp-fx18 {
		font-size: 14px;
	}

	.gp-fx20 {
		font-size: 16px;
	}

	.gp-fx22 {
		font-size: 16px;
	}

	.gp-fx24 {
		font-size: 18px;
	}

	.gp-fx26 {
		font-size: 20px;
	}

	.gp-fx28 {
		font-size: 22px;
	}

	.gp-fx30 {
		font-size: 24px;
	}

	.gp-fx32 {
		font-size: 26px;
	}

	.gp-fx34 {
		font-size: 28px;
	}

	.gp-fx36 {
		font-size: 30px;
	}

	.gp-fx38 {
		font-size: 32px;
	}

	.gp-fx40 {
		font-size: 34px;
	}

	.gp-fx50 {
		font-size: 26px;
	}
}

/* footer */
footer {
	clear: both;
	position: relative;
	padding: 40px 0 0;
	color: #fff;
	background: url(../images/footerbg_02.jpg) repeat-y left top;
	background-size: 100%;
}

footer::before {
	content: '';
	position: absolute;
	width: 70%;
	height: 292px;
	background: url(../images/footerline_02.png) no-repeat;
	left: 0px;
	top: 3px;
	background-size: contain;
}

.footer_log {
	padding: 0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, .3);
}

.adress {
	padding: 15px 0 0 0;
}

.adress p {
	line-height: 28px;
}

.box {
	margin: 25px 0 0 0;
}

.box li {
	line-height: 28px;
	float: left;
	margin: 0 50px 0 0;
	width: calc(50% - 50px);
}

.footer_code ul li {
	float: left;
	margin: 0 0 0 30px;
}

.footer_code ul li:nth-child(1) {
	margin: 0px
}

.footer_code .footer_title {
	text-align: center;
	margin: 10px 0 0 0;
	font-weight: normal;
}

.copy {
	text-align: center;
}

.footer {}

.footer_title {
	/* font-weight: normal; */
	/* border-bottom: .1rem solid rgba(255, 255, 255, .13); */
	/* padding: 0 0 1.5rem; */
	/* margin: 0 0 2.4rem; */
}

.friend_links {
	width: 328px;
}

.friend_links .box, .copy_right .box {
	/* margin: 0 -1.8rem -2.8rem; */
}

.friend_links .box a, .copy_right .box span {
	display: block;
	padding: 0 1.8rem;
	margin: 0 0 2.8rem;
}

.copy_right {
	width: 530px;
	margin: 20px 0 0 0;
}

.footer_code {
	width: 230px;
	margin: 43px 0 0 0;
}

.copy_right a {
	color: inherit;
}

.copy_right p {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 7rem;
}

.copy_right span {
	display: inline-block;
	vertical-align: middle;
}

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

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

@media screen and (max-width:996px) {
	footer {}

	.friend_links .box a, .copy_right .box span {
		font-size: 12px;
	}

	.footer_code .box {
		text-align: center;
	}

}

@media screen and (max-width:767px) {
	footer {
		padding: 24px 0 0 0;
	}

	.footer {
		justify-content: center;
	}

	.friend_links, .copy_right, .footer_code {
		width: 100%;
		padding: 0 0 30px;
	}

	.friend_links .box, .copy_right .box {
		margin-bottom: -10px;
	}

	.friend_links .box a, .copy_right .box span {
		margin: 0 0 10px;
	}

	.box li {
		width: 100%;
		float: none;
	}

	footer::before {
		display: none;
	}
}

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

/* footer end */


/* mob_nav */
@media screen and (max-width:996px) {
	.mobile_header {
		position: absolute;
		z-index: 1000;
		top: 0;
		width: 100%;
	}

	.mob_nav_btn {
		height: 38px;
		text-align: left;
		width: 38px;
		z-index: 1000;
		position: absolute;
		cursor: pointer;
		margin-right: 0;
		font-weight: 700;
		text-align: right;
		right: 20px;
		top: 12px;
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-o-transition: background .5s;
		transition: background .5s;
		background: #bc0c26;
		border-radius: 50%;
	}

	.mob_nav_btn.on {
		/*background-image:url(../images/m_nav2.png);*/
		/* right:20px; */
		/* top:20px; */
		position: fixed;
	}

	.mob_nav_btn span {
		position: absolute;
		left: calc((100% - 22px)/ 2);
		top: calc((100% - 1px)/ 2);
		width: 22px;
		height: 2px;
		background-color: #fff;
		animation-duration: .5s;
		animation-fill-mode: both;
	}

	.mob_nav_btn span:nth-child(1) {
		transform: translateY(4px) rotate(0);
		animation-name: outfirst
	}

	.mob_nav_btn span:nth-child(2) {
		transform: translateY(-4px) rotate(0);
		animation-name: outsecond
	}

	.mob_nav_btn span:nth-child(3) {
		transform: translateY(-4px) rotate(0);
		animation-name: outthird
	}

	@keyframes outfirst {
		0% {
			transform: translateY(0) rotate(-45deg)
		}

		100% {
			transform: translateY(-8px) rotate(0)
		}
	}

	@keyframes outsecond {
		0% {
			transform: translateY(0) rotate(45deg)
		}

		100% {
			transform: translateY(0px) rotate(0)
		}
	}

	@keyframes outthird {
		0% {
			transform: translateY(0) rotate(90deg)
		}

		100% {
			transform: translateY(8px) rotate(0)
		}
	}

	.mob_nav_btn.on span:nth-child(1) {
		animation-name: clickfirst
	}

	.mob_nav_btn.on span:nth-child(2) {
		animation-name: clicksecond
	}

	.mob_nav_btn.on span:nth-child(3) {
		animation-name: clickthird
	}

	@keyframes clickfirst {
		0% {
			transform: translateY(4px) rotate(0)
		}

		100% {
			transform: translateY(0) rotate(45deg)
		}
	}

	@keyframes clicksecond {
		0% {
			transform: translateY(-4px) rotate(0)
		}

		100% {
			transform: translateY(0) rotate(-45deg)
		}
	}

	@keyframes clickthird {
		0% {
			opacity: 0
		}

		100% {
			opacity: 0
		}
	}

	.mobile_header_cover {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 100%;
		background: rgba(0, 0, 0, .7);
		z-index: 9;
		transition: all ease-in-out .2s;
		-ms-transition: all ease-in-out .2s;
		-moz-transition: all ease-in-out .2s;
		-webkit-transition: all ease-in-out .2s;
		-o-transition: all ease-in-out .2s
	}

	.mobile_header_cover.on {
		bottom: 0
	}

	.mobile-header {
		max-width: 90%;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 995;
		overflow: auto;
		background: #fff;
		display: none;
		width: 392px;
		border-left: 8px solid #bc0c26;
		height: 100vh;
	}

	.mobile-header.on {
		animation-duration: .5s;
		animation-fill-mode: both;
		animation-name: y_scale;
		display: block
	}

	.mobile-nav {
		width: 100%;
		padding-top: 104px
	}

	.mobile-nav li {
		position: relative;
		padding: 0 0;
		border-bottom: 1px solid #f2f2f2
	}

	.mobile-nav li a {
		display: block;
		line-height: 45px;
		text-decoration: none;
		font-size: 18px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
		padding: 13px 60px 12px 30px
	}

	.mobile-nav dd a {
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal
	}

	@-webkit-keyframes returnToNormal {
		from {
			opacity: 0;
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0)
		}

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

	@keyframes returnToNormal {
		from {
			opacity: 0;
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0)
		}

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

	.mobile_sub_nav {
		padding: 0 22px 0 8px;
		background: #f3f3f3;
		overflow: hidden;
	}

	.mobile-nav dd a {
		height: 35px;
		line-height: 35px;
		border-top: 1px solid rgba(135, 135, 135, .1);
		font-size: 16px;
		padding-left: 50px;
		position: relative;
	}

	.mobile-nav dd:first-child a {
		border-top: 0
	}

	.mobile-nav dd a::before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		right: 50%;
		top: 0;
		bottom: 0;
		background: #1b6dc5;
		transition: all ease-in-out .3s;
		-ms-transition: all ease-in-out .3s;
		-moz-transition: all ease-in-out .3s;
		-webkit-transition: all ease-in-out .3s;
		-o-transition: all ease-in-out .3s;
		z-index: -1
	}

	.mobile-nav dd:hover a {
		color: #fff
	}

	.mobile-nav dd:hover a::before {
		left: -30px;
		right: -30px
	}

	.mobile-nav .arrow {
		color: #fff;
		position: absolute;
		right: 0;
		top: 12px;
		font-size: 2.5rem;
		cursor: pointer;
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 40px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
		background: url(../images/mobile_arrow1.png) center no-repeat
	}

	.mobile-nav .arrow.on {
		background-image: url(../images/mobile_arrow2.png)
	}

	.mobile_sub_nav {
		display: none
	}

	li.on .mobile_sub_nav {
		display: block
	}

	.mobile_search {
		height: 56px;
		z-index: 600;
		overflow: hidden;
		position: relative;
		transition: all ease-in-out .3s;
		-ms-transition: all ease-in-out .3s;
		-moz-transition: all ease-in-out .3s;
		-webkit-transition: all ease-in-out .3s;
		-o-transition: all ease-in-out .3s;
		margin: 30px 40px 15px;
		border: 1px solid #d3d3d3
	}


	.mob_links {
		color: #fff;
		text-align: center;
		line-height: 40px
	}

	.mob_linksIn {
		overflow: hidden;
		float: right;
		margin-right: 50px
	}

	.mob_links dl dt::before {
		background: #fff;
		opacity: .75
	}

	.mob_links dl {
		margin: 0 0 10px;
		overflow: hidden;
	}

	.mob_links dl:nth-child(2) {
		margin: 0
	}

	.mob_links dl a {
		color: #333;
		opacity: .75;
		font-size: 14px
	}

	.mob_links dl dt {
		position: relative
	}

	.mob_links dl dt::before {
		content: '';
		position: absolute;
		width: 16px;
		height: 2px;
		background: #a7a8a7;
		bottom: 0;
		left: calc(50% - 8px);
	}

	.mob_links dl dt a {
		font-size: 14px;
		color: #333;
		font-weight: 700
	}

	.mob_links dl dd {
		padding: 0 10px;
		position: relative;
		display: inline-block;
	}

	.mob_links dl dd::before {
		content: '';
		position: absolute;
		width: 5px;
		height: 1px;
		opacity: .3;
		background: #fff;
		right: 10px;
		top: 50%
	}

	.mob_links dl dd:last-child::before {
		display: none
	}

	.mobile_search {
		height: 36px;
		margin: 20px;
	}

	.mobile_search .search input.notxt1 {
		background-color: #bc0c26;
	}

}

@media screen and (max-width:767px) {
	.mob_nav_btn {}

	.mobile-nav {
		padding-top: 70px
	}

	.mobile-nav li a {
		line-height: 30px
	}

	.mobile-nav dd a {
		padding-left: 60px
	}

	.mobile-nav .arrow {
		top: 6px
	}

	.mobile_search .search input.notxt1 {
		width: 60px;
	}

	.search input.notxt {
		width: calc(100% - 60px);
		padding-left: 20px;
	}

}

/* mob_nav end */