* {
	box-sizing: border-box;
}

/* 确保在大于768px分辨率时隐藏移动端语言切换按钮 */
@media(min-width:769px) {
	.lang-switch-mobile {
		display: none !important;
	}
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

body,
button,
input,
textarea {
	font: 14px 'Microsoft YaHei', sans-serif;
	border: none;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4,
h5,
h6 {
	font-size: 100%;
}

small {
	font-size: 12px;
}

img,
input {
	vertical-align: middle;
	border: none;
}

ul,
ol,
li {
	list-style: none;
}

a {
	text-decoration: none;
	outline: none
}

a:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: #fff;
	color: #555;
	font-size: 14px;
	overflow-x: hidden;
	line-height: 26px;
}

.clear {
	height: 1px;
	clear: both;
	margin-bottom: -1px;
	overflow: hidden;
	visibility: hidden;
	display: block;
}

i,
em {
	font-style: normal;
}

a {
	color: #333;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

input,
button,
select {
	font-family: 'Microsoft Yahei';
	outline: none;
	font-size: 14px;
}

button,
input[type=button] {
	cursor: pointer;
}

/* img{max-width: 100%;} */

/*clearfix*/
.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}


/*设置浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

/* 弹性布局 */
.c-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: ;
	align-items: center;
}

.width1200 {
	width: 1200px;
	margin: 0 auto;
}

.w1400 {
	width: 1400px;
	margin: 0 auto;
}

@media all and (max-width:1460px) {
	.w1400 {
		width: 100%;
		padding: 0 2%
	}
}

@media all and (max-width:1260px) {
	.width1200 {
		width: 100%;
		padding: 0 2%
	}
}

/* 这个空的媒体查询块已被移至下方统一的768px媒体查询中 */



.mt50 {
	margin: 50px 0;
}

.mt80 {
	margin: 80px 0;
}

.mt100 {
	margin: 100px 0;
}

.mt150 {
	margin: 150px 0;
}

@media all and (max-width:1260px) {
	.mt80 {
		margin: 40px 0;
	}

	.mt100 {
		margin: 60px 0;
	}

	.mt150 {
		margin: 100px 0;
	}
}

@media all and (max-width:1024px) {
	.mt50 {
		margin: 30px 0;
	}

	.mt100 {
		margin: 40px 0;
	}

	.mt150 {
		margin: 60px 0;
	}
}

@media all and (max-width: 768px) {
	.mt80 {
		margin: 30px 0;
	}

	.mt100 {
		margin: 30px 0;
	}

	.mt150 {
		margin: 30px 0;
	}
}

@media all and (max-width: 480px) {
	.mt50 {
		margin: 10px 0;
	}
}

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


/* 头部 */
.header {
	/* width: 100%; background-color: #FFFFFF; position: fixed; top: 0; left: 0; */
	position: relative;
	z-index: 999;
}

.header.scroll {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header.scroll .h_nav {
	border-top: 0;
}

.header .h_top {
	padding: 0;
	position: relative;
}

.header .h_top.width1200.h_logo {
	display: block;
	height: 70px;
	
}

.header .top-bar {
	width: 100%;
	/*border-bottom: 1px solid #eaeaea;*/
	height: 40px;
	display: flex;
	align-items: center;	
	justify-content: center;
	background: #f5f5f5;
	margin-bottom: 20px;
}

.header .top-bar .site-info {
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.header .top-bar .lang-switch {
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	height: 100%;
}

.header .top-bar .lang-switch img {
	margin-right: 5px;
	width: 18px;
	height: 18px;
}

.header .h_top .left {
	float: left;
}

.header .h_top .hotline {
	float: right;
}

.header .h_top .left {
	align-items: center;
}

.header .h_top .logo {
	width: 200px;
	padding-right: 40px;
	margin-right: 40px;
	position: relative;
	
}

/* .header .h_top .logo::after{ display: block; content: ""; width: 1px; height: 100%; background-color: #d2d2d2; position: absolute; right: 0; top: 0; } */
/*.header .h_top .logo::before {
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	background-color: #d2d2d2;
	border-radius: 15px;
	border: 6px solid #fff;
	position: absolute;
	right: -9.5px;
	top: 50%;
	transform: translateY(-50%);
}*/

.header .h_top .logo a {}

.header .h_top .logo h1 {}

.header .h_top .logo img {
	width: 100%;
}

.header .h_top .com {}

.header .h_top .com h2 {
	font-size: 24px;
	color: #13294f;
	padding-bottom: 10px;
}

.header .h_top .com p {
	font-size: 15px;
	color: #333333;
}

.header .h_top .hotline {
	padding-left: 60px;
	background: url(../image/head_tel.gif) no-repeat left center;
}

.header .h_top .hotline h3 {
	color: #13294f;
	font-size: 24px;
	padding-top: 5px;
}

.header .h_top .hotline h3 a {
	color: #13294f;
}

.header .h_top .hotline p {
	color: #000000;
	font-size: 14px;
}

.header .h_top .language-switch {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.header .h_top .language-switch img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.header .h_top .language-switch span {
	font-size: 15px;
	color: #13294f;
}

@media all and (max-width: 768px) {
	.header .h_top .language-switch {
		position: absolute;
		right: 10%;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media all and (max-width: 480px) {
	.header .h_top .language-switch {
		right: 15%;
	}

	.header .h_top .language-switch img {
		width: 20px;
		height: 20px;
	}

	.header .h_top .language-switch span {
		font-size: 14px;
	}
}

.header .h_nav {
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	clear: both;
}

.header .h_nav ul {}

.header .h_nav ul li {
	flex: 1;
	text-align: center;
	position: relative;
}

.header .h_nav ul li .lable {
	background: url(../image/head_nav_solid.png) no-repeat right center;
}

.header .h_nav ul li .lable a {
	display: block;
	padding: 20px 5px;
	font-size: 16px;
	color: #000000;
}

.header .h_nav ul li .lable:hover a {
	color: #FFFFFF;
	background: #13294F;
}

.header .h_nav ul li .lable.active a {
	color: #FFFFFF;
	background: #13294F;
}

.header .h_nav ul li .subNav {
	display: none;
	position: absolute;
	top: 100%;
	left: ;
	width: 100%;
	background-color: #f9f9f9;
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.header .h_nav ul li .subNav p {}

.header .h_nav ul li .subNav p a {
	padding: 10px 4px;
	display: block;
	font-size: 14px;
	color: #000000;
}

.header .h_nav ul li .subNav p:hover a {
	background-color: #13294F;
	color: #FFFFFF;
}

.header .h_nav ul li.language {
	display: flex;
	justify-content: center;
	align-items: center;
}

.header .h_nav ul li.language a {
	color: #FFFFFF;
	display: inline-block;
	padding: 3px 3px;
	background-color: #13294F;
	border-radius: 5px;
}

.header .menuBtn {
	cursor: pointer;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.header .bar1,
.header .bar2,
.header .bar3 {
	width: 18px;
	height: 3px;
	background-color: #bbb;
	margin: 3px 0;
	transition: 0.4s;
}

.header .change .bar1 {
	transform: rotate(45deg) translate(3px, 5px);
}

.header .change .bar2 {
	opacity: 0;
}

.header .change .bar3 {
	transform: rotate(-45deg) translate(3px, -6px);
}

@media all and (max-width:1260px) {
	.header .h_top {
		padding-left: 2%;
		padding-right: 2%;
	}

	.header .h_top .logo {
		width: 210px;
		padding-right: 30px;
		margin-right: 30px;
	}

	.header .h_top .com h2 {
		font-size: 20px;
	}

	.header .h_top .com p {
		font-size: 17px;
	}

	.header .h_top .hotline h3 {
		padding-top: 0;
	}

	.header .h_top .hotline h3 a {
		font-size: 20px;
	}
}

@media all and (max-width:1024px) {

	/* .header .h_top{padding-top: 20px;padding-bottom: 20px;} */
	.header .h_top .logo {
		width: 180px;
		padding-right: 20px;
		margin-right: 20px;
	}

	.header .h_top .com h2 {
		padding-bottom: 5px;
		font-size: 18px
	}

	.header .h_top .com p {
		font-size: 15px;
	}

	.header .h_top .hotline h3 a {
		font-size: 18px;
	}

	.header .h_nav ul li .lable a {
		font-size: 14px;
	}
}

@media all and (max-width: 768px) {
	/* 统一的768px及以下分辨率样式 */
	.w1400 {
		padding: 0 3%
	}

	.width1200 {
		padding: 0 3%
	}
	
	/* 高优先级隐藏顶部栏 */
	.top-bar {
		display: none !important;
	}
	.header .top-bar {
		display: none !important;
	}
	
	main {
		margin-top: 70px;
	}

	.header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #FFFFFF;
		z-index: 999;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
	}

	/* 确保logo在小屏幕下垂直居中 */
	.header .h_top.width1200.h_logo {
		display: flex;
		align-items: center;
		position: relative;
		height: 70px;
		
	}
	
	/* 小屏幕下显示lang-switch在menuBtn右侧 */
	.header .h_top.width1200.h_logo .lang-switch {
		display: flex !important;
		align-items: center;
		position: absolute;
		right: 15%;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/* 默认隐藏移动端语言切换按钮 */
	.lang-switch-mobile {
		display: none;
	}
	
	/* 调整menuBtn位置 */
	.header .menuBtn {
		right: 5%;
	}
	
	/* 小屏幕下显示移动端语言切换按钮 */
	@media(max-width:768px) {
		.header .lang-switch-mobile {
			display: flex;
			align-items: center;
			position: absolute;
			right: 15%;
			top: 50%;
			transform: translateY(-50%);
		}
	}
	
	/* 设置语言切换图片大小为18*18px */
	.header .lang-switch-mobile img {
		width: 18px;
		height: 18px;
		margin-right: 5px;
	}
	
	.header .h_top {
		padding: 0;
		padding-left: 3%;
		padding-right: 3%;
		justify-content: flex-start;
		height: 70px;
	}

	.header .h_top .logo {
		width: 140px;
	}

	/* .header .h_top .com{display: none;} */
	.header .h_top .com h2 {
		padding-bottom: 0;
		font-size: 16px;
	}

	.header .h_top .com p {
		font-size: 12px;
	}

	.header .h_top .hotline {
		display: none;
		background: none;
		padding-left: 0;
	}

	.header .h_nav {
display: none;
position: fixed;
top: 70px;
right: -50%;
width: 50%;
height: calc(100vh - 70px);
background-color: #FFFFFF;
border-bottom: 0;
transition: right 0.3s ease-in-out;
z-index: 9999;
}

	.header .h_nav ul {
		width: 100%;
		height: 100%;
		flex-direction: column;
		padding:0;
	}

	.header .h_nav ul li {
		width: 100%;
		flex: none;
	}

	.header .h_nav ul li {
		border-bottom: 1px dashed #eaeaea;
	}

	.header .h_nav ul li.language {
		border-bottom: 0;
	}

	.header .h_nav ul li.language a {
		margin-top: 20px;
	}

	.header .h_nav ul li {
		padding: 0 60px 0 40px;
	}

	.header .h_nav ul li .subNav {
		position: static;
		background-color: #FFFFFF;
		box-shadow: none;
		padding-bottom: 20px;
	}

	.header .h_nav ul li .lable {
		background: none;
		position: relative;
	}

	.header .h_nav ul li.has .lable::before {
		content: "+";
		display: block;
		font-family: 黑体;
		position: absolute;
		right: -35px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 28px;
	}

	.header .h_nav ul li.has.on .lable::before {
		content: "-";
		font-size: 28px;
		color: #999;
	}

	.header .h_nav ul li .lable a {
		padding: 15px 0;
	}

	.header .h_nav ul li .lable.active a {
		color: #000000;
		background: none;
	}

	.header .h_nav ul li .lable:hover a {
		color: #000000;
		background: none;
	}


	.header .menuBtn {
		display: block;
	}


}

@media all and (max-width: 480px) {
	.header .h_top .com {
		display: none;
	}

	.header .h_top .logo {
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
		width: 100px;
	}

	.header .h_top .logo::before {
		display: none;
	}

	.header .h_nav ul li {
		text-align: left;
	}

	.header .h_nav ul li.language {
		justify-content: flex-start;
	}

	.header .h_nav ul li .subNav {
		padding-left: 10px;
	}
}



.footer {
	background-color: #282828;
}

.footer * {
	color: #FFFFFF;
}

.footer .flink {
	padding: 40px 0;
	border-bottom: 1px solid #3e3e3e;
}

.footer .flink h3 {
	font-size: 18px;
	padding-right: 30px;
	margin-right: 20px;
	background: url(../image/flink_icon.png) right center no-repeat;
}

.footer .flink p {
	font-size: 14px
}

.footer .flink p a {
	color: #ddd;
	padding-right: 6px;
}

.footer .flink p a:hover {
	color: #FFFFFF;
}

.footer .fnav {
	padding: 40px 0 25px;
}

.footer .fnav .c-flex {
	align-items: flex-start;
}

.footer .fnav dl {
	color: #FFFFFF;
	min-height: 250px;
	width: 27%;
	padding-left: 80px;
}

.footer .fnav dl:first-child {
	border-left: 0;
	padding-left: 0;
	width: 18%;
}

.footer .fnav dl:last-child {
	border-right: 0;
}

.footer .fnav dt {
	font-size: 18px;
	padding-bottom: 25px;
}

.footer .fnav dd {
	font-size: 16px;
	padding-bottom: 13px;
	color: #ccc;
}

.footer .fnav dd.b {
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
}

.footer .fnav dd.b a {
	color: #FFFFFF;
}

.footer .fnav dl a {
	color: #FFFFFF;
}

.footer .fnav dt a {
	padding-right: 50px;
	background: url(../image/fnav_icon1.png) no-repeat center right;
}

.footer .fnav dd a {
	color: #ccc;
}

.footer .fnav dd a:hover {
	color: #fff;
}

.footer .fnav dd.ewm {
	padding-top: 10px;
}

.footer .fnav dd.ewm p {
	text-align: center;
	padding-right: 30px;
}

.footer .fnav dd.ewm p:last-child {
	padding-right: 0;
}

.footer .fnav dd.ewm p img {
	max-width: 86px;
}

.footer .fnav dd.ewm p span {
	display: block;
	padding-top: 5px;
}

.footer .copyright {
	border-top: 1px solid #3e3e3e;
	padding: 25px 0;
}

.footer .copyright .c-flex {
	justify-content: space-between;
}

.footer .copyright p {
	font-size: 14px
}

.footer .copyright a:hover {
	color: #CCCCCC;
}

@media all and (max-width:1260px) {
	.footer .flink {
		padding: 30px 0;
	}

	.footer .fnav {
		padding: 60px 0 40px;
	}

	.footer .fnav dl {
		padding-left: 50px;
		min-height: 220px;
	}

	.footer .fnav dt {
		font-size: 16px;
	}

	.footer .fnav dd {
		font-size: 14px;
		padding-bottom: 10px;
	}

	.footer .fnav dd.b {
		font-size: 16px;
	}

	.footer .fnav dd.ewm p {
		padding-right: 20px;
	}
}

@media all and (max-width:1024px) {
	.footer .fnav dl {
		display: none;
		padding-left: 0;
		min-height: auto;
	}

	.footer .fnav dl dd {
		display: none;
	}

	.footer .fnav dl.lx {
		display: block;
		width: 100%;
	}

	.footer .fnav dl.lx dd {
		display: flex;
	}
}

@media all and (max-width: 768px) {
	.footer .flink {
		display: ;
		padding: 25px 0;
	}

	.footer .flink h3 {
		font-size: 14px;
	}

	.footer .fnav {
		padding: 30px 0 30px;
	}

	.footer .fnav dl {
		display: none;
	}

	.footer .fnav dl.lx {
		display: block;
	}
}

@media all and (max-width: 480px) {
	.footer .flink {
		display: none;
	}

	.footer .fnav {
		padding: 40px 0 20px;
	}

	.footer .copyright {
		padding: 15px 0;
	}

	.footer .copyright .c-flex {
		flex-direction: column;
	}

	.footer .copyright p {
		font-size: 12px;
		text-align: center;
		padding-top: 7px;
	}
}