.gp-container {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.gp-row {
	margin-left: -15px;
	margin-right: -15px;
}

.gp-m15 {
	margin: 0 15px
}

.gp-p15 {
	padding-left: 15px;
	padding-right: 15px;
}

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

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

	/* .gp-container{width: 1000px;} */
	.gp-container {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	}
}

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

	/* .gp-container{width: auto;margin-left: 30px;margin-right: 30px;} */
	.gp-container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

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

	/* .gp-container{margin-left: 15px;margin-right: 15px;} */
	.gp-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.gp-row {
		margin-left: -8px;
		margin-right: -8px;
	}

	.gp-p15 {
		padding-left: 8px;
		padding-right: 8px;
	}

	.gp-m15 {
		margin-left: 8px;
		margin-right: 8px;
	}
}

@media screen and (min-width:992px) {
	.effect1 {
		opacity: 0.5;
		transition: all 0.8s ease-out;
	}

	.effect1.isView {
		opacity: 1;
	}

	.effect2, .effect2 li, .effect5 {
		opacity: 0;
		transition: all 0.8s ease-out;
		transform: translateY(70px);
	}

	.effect2.isView, .effect2.isView li, .effect5.isView {
		opacity: 1;
		transform: none;
	}

	.effect3 {
		opacity: 0;
		transition: all 0.8s ease-out;
		transform: translateX(50px);
	}

	.effect3.isView {
		opacity: 1;
		transform: none;
	}

	.effect4, .effect4 li, .effect6 tr {
		opacity: 0;
		transition: all 0.8s ease-out;
		transform: translateX(-50px);
	}

	.effect4.isView, .effect4.isView li, .effect6.isView tr {
		opacity: 1;
		transform: none;
	}
}

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

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

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

@media screen and (max-width:996px) {
	.gp-f22 {
		font-size: 20px;
		font-size: 2rem;
	}

	.gp-f26 {
		font-size: 20px;
		font-size: 2rem;
	}

	.gp-f28 {
		font-size: 20px;
		font-size: 2rem;
	}

	.gp-f32 {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.gp-f18 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	background: url('../images/head_bg.png') no-repeat center/100% 100%;
}

.header.currents {
	position: fixed;
	left: 0;
	top: 0;
	-webkit-animation-name: upDown;
	animation-name: upDown;
	animation-duration: 0.7s;
	-webkit-animation-duration: 0.7s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.menu-header-link {
	margin: 20px 0;
	text-align: center;
}

.menu-header-link .englinsh {
	margin: 0 30px;
}

.logo {
	/* float: left; */
	display: inline-block;
}

.logo1 {
	width: 477px;
	font-size: 0;
	z-index: 2;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

.menu_logo {
	display: none;
}

.logo img {
	width: 100%;
}

.top_link {
	padding: 20px 0 0;
}

.top_link>div {
	/* float: right; */
	text-align: right;
	display: block;
}

.top_link .header-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top_link .header-top .header-link {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.top_link .header-top .header-link .link {
	color: #fff;
	padding: 0 20px;
}

.top_link .header-top .header-link .englinsh {
	display: flex;
	align-items: center;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.top_link .header-top .header-link .englinsh img {
	margin-right: 5px;
}
.top_link .header-top .header-link .juanz.link {
	display: flex;
	align-items: center;
}
.top_link .header-top .header-link .juanz.link img { 
	width: 16px;
	height: 16px;
	margin-right: 10px;
	flex-shrink: 0;
}
.top_link .header-top .header-link .juanz.link span { 
	display: block;
	text-align: center;
}
.search_box {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

.search_box.on {
	opacity: 1;
	visibility: visible;
}

.search_box .close {
	background: url(../images/close.png) center no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 40px;
	top: 6%;
	cursor: pointer;
}

.ser {
	height: 45px;
	line-height: 45px;
	width: 550px;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
	margin: -100px 0 0;
}

.search {
	width: 100%;
	height: 100%;
	position: relative;
	float: right;
	z-index: 3;
}

.search input.notxt {
	position: absolute;
	width: 406px;
	height: 45px;
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) inset;
	-ms-flex: 1;
	flex: 1;
	padding: 0 12px;
	font-size: 16px;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	outline: none;
	border: 0;
}

.search input.notxt1 {
	position: absolute;
	width: 120px;
	height: 45px;
	border: none;
	right: 0;
	font-size: 18px;
	color: #fff;
	background: #92192b;
}

.search_btn {
	width: 40px;
	height: 40px;
	background: url(../images/search_btn.png) center no-repeat #92192b;
	float: right;
	position: relative;
	margin: 0 0 0 10px;
	border-radius: 5px;
}




.nav {
	clear: right;
	display: block;

}

.nav ul {
	/* font-size: 0;
	text-align: justify;
	text-justify: inter-ideograph; */
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* .nav ul::after {
	content: '';
	width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
} */

.nav ul>li {
	position: relative;
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: calc(100% / 11);
	transform: perspective(5000px);
	-moz-transform: perspective(5000px);
	-o-transform: perspective(5000px);
	-webkit-transform: perspective(5000px);
}

.nav ul>li span {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #003d73;
}

/* .nav ul > li > a{display:block;height: 46px;line-height: 46px;padding:0 28px;font-size: 18px;color: #fff;transition: all 0.35s ease-in-out;font-weight: bold;} */
.nav ul>li>a {
	font-size: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	color: #fff;
	font-weight: normal;
	/* line-height: 30px; */
	padding: 15px 0 15px;
	box-sizing: border-box;
}
.nav ul>li>a span { 
	width: auto;
	height: auto;
	line-height: normal;
	color: #fff;
}
.nav ul>li>a span.en-text {
	font-size: 14px;
	margin-top: 5px;
}
.nav ul>li>a::after {
	content: "";
	display: none;
	width: 100%;
	height: 4px;
	background: #fff;
	;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.3s ease-in-out;
}

.nav ul>li:first-child>a {
	padding-left: 0;
}

.nav ul>li:last-child>a {
	padding-right: 0;
}



.second_nav1 {
	/* border-left: 8px solid #90080c; */
	background: rgba(58, 76, 155, 0.8);
	position: absolute;
	left: 0%;
	top: 80px;
	width: 100%;
	display: none;
	padding: 18px 0 26px;
}

.second_nav1>dd.on {
	position: relative;
}

.second_nav1>dd.on a {
	opacity: 1;
	filter: alpha(opacity=100);
	position: relative;
	background: #233896;
	position: relative;
}

/* .second_nav1 > dd.on a::before{content: "";width: 4px;height: 4px;background: #fff;display: block;position: absolute;left: 32px;top: 50%;margin-top: -2px;border-radius: 50%;} */
.second_nav1>dd>a {
	display: block;
	font-size: 16px;
	line-height: 40px;
	transition: all 0.3s ease-in-out;
	color: #fff;
	padding: 5px 0;
	text-align: center;
}
.second_nav1>dd>a span {
	display: block;
	width: 100%;
	height: 100%;
	line-height: normal;
	color: #fff;
	font-size: 14px;
}
.second_nav1>dd>a span.en-text {
	margin-top: 3px;
}
.second_nav1>dd>a::after {
	display: none;
}

.third_nav1 {
	background-color: #6e0507;
	position: absolute;
	width: 272px;
	right: -272px;
	top: calc(100% - 40px);
	height: auto;
	display: none;
	padding: 10px 0;
	border-right: 4px solid #3a4c9b;
}

.third_nav1>li {
	width: 100%;
}

.nav ul>li .third_nav1>li>a {
	display: block;
	padding: 0px 20px;
	font-size: 15px;
	line-height: 32px;
	transition: all 0.35s ease-in-out;
	color: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.nav ul>li.on>a::after {
	display: block;
}

/* .nav ul > li.on li a:hover{background-color:#bbcce9;} */
.nav ul>li.on .second_nav1 {
	display: block;
	background: rgba(58, 76, 155, 0.8);

}

.nav ul>li.on .second_nav1>dd.on .third_nav1 {
	display: block;
}

.fourth_nav1 {
	display: none;
	position: absolute;
	top: 0;
	min-height: 100%;
	background-color: #7e070b;
	width: 180px;
	right: -180px;
}

.fourth_nav1 dd .iconfont {
	color: #fff;
	width: 50px;
	height: 50px;
}

.fourth_nav1 dd>a {
	padding: 15px 20px;
	font-size: 14px;
	transition: all 0.35s ease-in-out;
	color: #fff;
	display: block;
}

.fourth_nav1 dd>a:hover {
	background-color: #bbcce9;
}

.nav ul>li.on .third_nav1>li a {
	font-weight: normal;
	text-align: left;
}

.nav ul>li.on .third_nav1>li a::before {
	display: none;
}

.nav ul>li.on .third_nav1 li.on .fourth_nav1 {
	display: block;
}

.nav ul>li.on .third_nav1 li.on>span {
	color: #fff;
}

.nav ul>li.on .third_nav1 li.on>a {
	position: relative;
	font-weight: bold;
	opacity: 1;
	filter: alpha(opacity=100);
}

.nav ul>li.on .third_nav1 li.on>a::before {
	content: "";
	display: block;
	width: 4px;
	height: 16px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	border-radius: 0;
}

.nav ul>li.on .third_nav1 li>a::after {
	display: none;
}

.nav ul>li.liR .second_nav1 {
	right: 0;
	left: auto;
}

.nav ul>li.liR .third_nav1 {
	right: auto;
	left: -272px;
}

.nav ul>li.liR .fourth_nav1 {
	right: auto;
	left: -180px;
}

.nav ul>li.liR .iconfont {
	float: left;
}

.nav ul>li.liR .second_nav1>dd>a {}

.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
	display: block;
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInRightSmall {
	-webkit-animation-name: fadeInRightSmall;
	animation-name: fadeInRightSmall;
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
	display: block;
}

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

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

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

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

@-webkit-keyframes passing {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		pacity: 0
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0
	}
}

@keyframes passing {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0
	}
}

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

	8% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}

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

	18% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

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

	28% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

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

	38% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

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

	48% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

	50% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

	58% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

	60% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

	68% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

	100%, 75% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

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

	8% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}

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

	18% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

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

	28% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

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

	38% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

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

	48% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

	50% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

	58% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

	60% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg)
	}

	68% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg)
	}

	100%, 75% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

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

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

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

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.nav ul li:hover .subNav {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.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);
	}
}


/*手机端导航默认*/
/*手机端导航默认*/
.mobile_bg {
	width: 100%;
	height: 100%;
	z-index: 90;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

.gp-menu {
	width: 100%;
	z-index: 98;
	height: 100%;
	position: relative;
	display: none;
}

.gp-menu-header {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 996;
	width: 40px;
	height: 40px;
	background: none;
}

.gp-menu-link {
	float: left;
	line-height: 40px;
	height: 40px;
	padding-left: 15px;
}

.gp-menu-link a {
	color: #fff;
}

.gp-menu-header-icon {
	color: #c7000a;
	height: 40px;
	font-size: 25px;
	text-align: center;
	float: right;
	width: 40px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	margin-right: 10px;
	cursor: pointer;
}

.gp-menu-header-icon span {
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 2px) / 3);
	width: 27px;
	height: 3px;
	background-color: #c7000a;
}

.gp-menu-header-icon-out span {
	width: 27px;
	height: 4px;
	background-color: #fff;
	display: block;
	border-radius: 4px;
}

.gp-menu-header-icon-out span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
}

.gp-menu-header-icon-out span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}

.gp-menu-header-icon-out span:nth-child(3) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outthird;
}

.gp-menu-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);
}

.gp-menu-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);
}

.gp-menu-header-icon span:nth-child(3) {
	transform: translateY(-4px) rotate(0deg);
}

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

	100% {
		transform: translateY(-4px) rotate(0deg);
	}
}

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

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

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

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

.gp-menu-header-icon-click span {
	background-color: #fff;
	top: calc((100% - 2px) / 2.1);
}

.gp-menu-header-icon-click span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
}

.gp-menu-header-icon-click span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}

.gp-menu-header-icon-click span:nth-child(3) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickthird;
}

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

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

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

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

@keyframes clickthird {
	0% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

.gp-menu-nav {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0px;
	padding-top: 40px;
	background: #3a4c9b;
	display: none;
}

/*导航*/
.gp-menu-nav a {}

.gp-menu-nav>ul {}

.gp-menu-nav>ul li {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}

.gp-menu-nav>ul>li {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.gp-menu-nav>ul>li>a {
	display: inline-block;
	padding: 14px 0 14px 25px;
	font-size: 1.6rem;
}
.gp-menu-nav>ul>li>a span {
	display: block;
}
.gp-menu-nav>ul>li>a span.en-text {
	margin-top: 5px;
}
.gp-menu-nav>ul>li>ul {
	background: rgba(0, 0, 0, 0.1);
	padding: 0 25px
}

.gp-menu-nav>ul>li>ul a {
	display: inline-block;
	padding: 10px 0;
}
.gp-menu-nav>ul>li>ul a span {
	display: block;
	margin-top: 5px;
}
.gp-menu-arrow {
	cursor: pointer;
	width: 30px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2rem;
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}

.gp-menu-nav>ul>li.on .gp-menu-arrow {
	transform: rotate(90deg);
}

.gp-menu-nav li ul {
	display: none;
}

/*导航内标签效果*/
.gp-menu-nav a {
	color: #fff;
}

.open .gp-menu-link {
	display: none;
}

.open .gp-menu-header {
	background: none;
}

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

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

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

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

/*
侧滑右侧
*/

.gp-menu-nav.gp-menu-offcanvas2 {
	position: fixed;
	display: block;
	transform: translate(150%, 0);
	transition: all 1s ease-in-out;
	width: 100%;
}

.open .gp-menu-offcanvas2 {
	transform: translate(0, 0);
	position: absolute;
}



/*1.默认展开的搜索*/
.gp-search {
	width: 165px;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	transition: all 0.35s ease-in-out;
	/* border:1px solid #ccc; */
	border-radius: 25px;
}

.gp-ser {
	width: 100%;
	height: 45px;
	z-index: 9999994;
	margin: 0 auto;
	position: relative;
}

.gp-search input, .gp-search button {
	position: absolute;
	height: 45px;
	line-height: 45px;
	border: none;
	background: none;
	top: 0px;
	overflow: hidden;
}

.gp-search input.notxt {
	color: #fff;
	width: 73%;
	left: 0;
	padding-left: 12%;
	background: none;
	box-sizing: border-box;
	outline: none;
}

.gp-search .notxt1 {
	position: absolute;
	width: 27%;
	right: 0;
	cursor: pointer;
	color: #fff;
}

/*5移动端搜索默认*/
.gp-m-search {
	width: 80%;
	margin: 10px auto;
	display: block;
	background: #fff;
}

.gp-m-search .notxt1 {
	right: auto;
	left: 0;
	width: 40px;
	color: #3a4c9b;
	outline: none;
}

.gp-m-search input.notxt {
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding-left: 42px;
	outline: none;
	color: #000;
}

/*2.搜索按钮当前位置展开*/
.gp-serBtn2 {
	*background: url(../images/serbtn.png);
	*width: 18px;
	*height: 18px;
	color: #fff;
	font-size: 20px;
	font-weight: 100;
	margin-right: 3px;
}

.gp-serBtn2:hover {
	color: #fff;
}

.gp-search2 {
	width: 0;
	border: none;
	float: right;
}

.gp-search2.active {
	width: 190px;
	background-color: rgba(255, 255, 255, 0.05);
}

.gp-search2.active+span+i.txt {
	display: none;
}

i.txt {
	color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-style: normal;
	margin-right: 15px;
}

footer {
	background: url(../images/footer_bg.png) no-repeat center/100% 100%;
	padding: 20px 0 0px;
	color: #fff;
}

footer a {
	display: block;
	color: #fff;
}

footer .gp-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

footer .gp-container .mailbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.7);
}

footer .gp-container .mailbox:first-child {
	margin-right: 42px;
}

footer .gp-container .mailbox-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	margin-bottom: 15px;
	background: url(../images/mailbox_bg.png) no-repeat center/100% 100%;
}

footer .footer_lt {
	display: flex;
}

footer .footer_ce {
	flex: 1;
	padding: 0 120px 0 120px;
	color: rgba(255, 255, 255, 0.7);

}

footer .footer_ce p {
	display: flex;
	align-items: center;
	text-align: center;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

footer .footer_ce p:first-child {
	margin-bottom: 30px;
}

footer .footer_ce p span {
	text-align: left;
	white-space: nowrap;
}

footer .footer_ce p span:nth-child(1) {
	width: 50%;
	text-align: revert-layer;
}

footer .footer_ce p span:nth-child(3) {
	width: 20%;
}

footer .footer_ce p span:nth-child(5) {
	width: 30%;
}

footer .footer_ce p .line {
	margin: 0 25px;
}

/* footer .footer_ce p:first-child {
	margin-bottom: 30px;
} */

footer .footer_rt {
	display: flex;
}

footer .footer_rt .ewmbox {
	text-align: center;
	color: rgba(255, 255, 255, 0.7);

}

footer .footer_rt .ewmbox:first-child {
	margin-right: 30px;
}

footer .footer_rt .ewmbox img {
	width: 100px;
	height: 100px;
}

.copyright {
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	margin-top: 15px;
	background: rgba(0, 0, 0, 0.3);
	color: rgba(255, 255, 255, 0.7);
}



.mod-sidebar {
	width: 70px;
	position: fixed;
	z-index: 9998
}

.rightBars {
	right: 50%;
	bottom: 15px;
	margin-right: -790px;
}

.leftBars {
	right: 50%;
	bottom: 20px;
	margin-right: -790px;
}

.mod-sidebar li {
	width: 67px;
	height: 61px;
	background-color: #004a99;
	position: relative;
	border: 1px solid #0152a9;
}

.mod-sidebar li a {
	color: #fff;
}

.fLinks {
	width: 550px;
	height: 362px;
	position: absolute;
	right: 40px;
	bottom: -1px;
	display: none;
	background: url(../images/bbg01.png) no-repeat left top;
	padding-left: 8px;
}

.sideMenu1 {
	width: 37px;
	padding: 6px 0 0 3px;
	display: block;
	line-height: 24px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 0 auto;
}

.sideMenu2 {
	width: 67px;
	height: 60px;
	line-height: 85px;
	font-size: 16px;
	display: block;
	text-align: center;
	background: url(../images/gotop.png) no-repeat 23px 8px;
}

.fLinks dl {
	float: left;
	padding: 25px 13px;
	margin-right: 25px;
	width: 130px;
}

.fLinks dl dd h3 {
	font-size: 14px;
	color: #f8ae31;
	padding: 5px 0 1px;
	font-weight: normal;
}

.fLinks dl dd {
	line-height: 21px;
	font-size: 13px;
}

.fLinks dl.dl03 {
	margin-right: 0;
}

.leftBars .fLinks {
	right: -559px;
	bottom: -26px;
	padding-top: 14px;
}

.mod-sidebar li dd a:hover {
	color: #f8ae31;
}

.homeMenu3 {
	background: url(../images/home.png) no-repeat center center;
	display: block;
	width: 100%;
	height: 100%;
}

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

@media screen and (max-width:1480px) {
	.logo1 {
		width: 450px;
	}

	footer .footer_ce {
		padding: 0;
	}
}

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

	.logo1 {
		width: 400px;
	}

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

	.nav {
		margin: 20px 0 0;
	}

	footer .footer_rt .ewmbox img {
		width: 80px;
		height: 80px;
	}

	footer .gp-container .mailbox-img {
		width: 60px;
		height: 60px;
	}

	footer .gp-container .mailbox:first-child {
		margin-right: 28px;
	}

	footer .footer_ce {
		margin: 0 30px;
	}

	footer .footer_ce p {
		font-size: 12px;
	}
}

@media screen and (max-width:1200px) {
	footer .footer_ce p .line {
		margin: 0 15px;
	}
}

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

	.logo1 {
		width: 360px;
	}

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

@media screen and (max-width:996px) {
	.logo {
		margin-top: 0px;
	}

	.menu_logo {
		display: block;
	}

	.top_link {
		display: none;
	}

	.nav {
		display: none;
	}

	.gp-menu {
		display: block;
	}

	.header {
		padding: 20px 0;
	}

	footer {
		background-size: cover;
	}

	footer .gp-container {
		flex-direction: column;
	}

	footer .footer_ce {
		margin: 30px 0px;
	}

	footer .footer_ce p {
		line-height: 2;
	}
}

@media screen and (max-width:767px) {
	.header {
		padding: 10px 0;
	}
}

@media screen and (max-width:680px) {
	footer .footer_ce p {
		flex-direction: column;
	}

	footer .footer_ce p .line {
		display: none;
	}

	footer .footer_ce p span:nth-child(1),
	footer .footer_ce p span:nth-child(3),
	footer .footer_ce p span:nth-child(5) {
		width: 100%;
		white-space: normal;
	}
}

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

@media screen and (max-width:479px) {
	.logo1 {
		width: 55%;
	}

	.gp-menu-header {
		top: -4px;
	}
}