/* 引入思源黑体字体 */
@font-face {
	font-family: "webfont";
	font-display: swap;
	src: url('../fonts/webfont.eot');
	/* IE9 */
	src: url('../fonts/webfont.eot') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/webfont.woff2') format('woff2'),
		url('../fonts/webfont.woff') format('woff'),
		/* chrome、firefox */
		url('../fonts/webfont.ttf') format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url('../fonts/webfont.svg#webfont') format('svg');
	/* iOS 4.1- */
}

/* 引入阿里巴巴矢量图标 */
@font-face {
	font-family: 'iconfont';
	/* Project id 1864967 */
	src: url('../fonts/font_1864967_ds3yrv1lhav.woff2') format('woff2'),
		url('../fonts/font_1864967_ds3yrv1lhav.woff') format('woff'),
		url('../fonts/font_1864967_ds3yrv1lhav.ttf') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.web-font {
	font-family: "webfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: "webfont" !important;
	font-style: normal;
	color: #111;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea
/* form elements 表单元素th,
td */


/* table elements 表格元素 */
	{
	margin: 0;
	padding: 0;
	border: 0
}

/* 去除border 占用宽高 和默认样式 */
input {
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/** 设置默认字体 **/
body,
button,
input,
select,
textarea

/* for ie */
	{
	font-family: "webfont" !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

address,
cite,
dfn,
em,
var {
	font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp {
	font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */
small {
	font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul,
ol {
	list-style: none;
}

/** 重置文本格式元素 **/
a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


/** 重置表单元素 **/
legend {
	color: #000;
}

/* for ie6 */
fieldset,
img {
	border: 0;
}

/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
	font-size: 100%;
}

/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 弹出css */
.nav_center {
	width: 594px;
	height: 352px;
	background: url(../images/nav_center.png) no-repeat top left;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -155px;
	margin-left: -283px;
	z-index: 20;
	border-radius: 6px;
	box-shadow: 0 0 10px 1px rgba(66, 120, 203, 0.7);
}

.nav_center a:nth-of-type(1) {
	position: absolute;
	left: 552px;
	top: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.nav_center a:nth-of-type(2) {
	position: absolute;
	left: 416px;
	top: 300px;
	width: 156px;
	height: 46px;
	cursor: pointer;

}

.nav_center input:nth-of-type(1) {
	position: absolute;
	left: 50px;
	top: 302px;
	width: 210px;
	height: 40px;
	cursor: pointer;

}

.nav_center input:nth-of-type(2) {
	position: absolute;
	left: 268px;
	top: 302px;
	width: 145px;
	height: 40px;
	cursor: pointer;
	background: none;

}

/* 左侧悬浮   右侧悬浮  2022年11月8日10:47:35 */
/* .zhedie {
	width: 110px !important;
	overflow: hidden
} */

.left_nav_switch_zhedie {
	left: 110px !important;
}

@media screen and (max-width: 1600px) {
	#app_nav_left {
		width: 177px;
		position: fixed;
		left: -177px;
		top: 0;
		z-index: 20;
		height: 620px;
	}

	#app_nav_left #left_nav_switch {
		width: 19px;
		height: 100px;
		background: url(../images/zhedie.png) no-repeat center;
		position: absolute;
		left: 177px;
		top: 250px;
		cursor: pointer;
	}

	#app_nav_left #left_nav_switch.left_nav_switch_zhedie {
		background: url(../images/zhankai.png) no-repeat center;
	}

	#app_nav_left:hover {
		left: 0;
	}
}

@media screen and (min-width: 1600px) {
	#app_nav_left {
		width: 177px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 20;
		height: 620px;
	}

	#app_nav_left #left_nav_switch {
		width: 19px;
		height: 100px;
		background: url(../images/zhedie.png) no-repeat center;
		position: absolute;
		left: 177px;
		top: 250px;
		cursor: pointer;
	}

	#app_nav_left #left_nav_switch.left_nav_switch_zhedie {
		left: 0px !important;
		background: url(../images/zhedie.png) no-repeat center;
	}
}

.nav_left_ {
	width: 177px;
	position: absolute;
	left: 0;
	top: 0;
}

.nav_left_.zhedie {
	width: 0px;
	overflow: hidden;
}

.nav_left_ .top_src {
	width: 100%;
	height: 208px;
	background: url(../images/nav_left1.png) no-repeat top center;
}

.nav_left_ .bottm_src {
	width: 100%;
	height: 236px;
	background: url(../images/nav_left2.png) no-repeat top center;
}

.nav_left_ .nav_left_ul {
	width: 100%;
	height: 412px;
	background: rgba(18, 41, 76, 0.95);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.nav_left_ .nav_left_ul li:nth-of-type(2):hover,
.nav_left_ .nav_left_ul li:nth-of-type(3):hover {
	background: #12294c;
	width: 110px;
}

.nav_left_ .nav_left_ul li .nav_fenlei {
	width: 100%;
	color: #fff;
	text-indent: 36px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	background: rgba(20, 67, 147, 0.4);
}

.nav_left_ .nav_left_ul li .nav_fenlei .fenlei {
	cursor: pointer;
	line-height: 34px;
	position: relative;
}

.nav_left_ .nav_left_ul li .nav_fenlei .fenlei.active {
	background: #fff;
	color: #00255e;
}

.nav_left_ .nav_left_ul li .nav_fenlei .fenlei.active::after {
	background: url(../images/jiantou2.png);
}

.nav_left_ .nav_left_ul li .nav_fenlei .fenlei::after {
	position: absolute;
	right: 20px;
	top: 11px;
	content: '';
	width: 7px;
	height: 11px;
	background: url(../images/jiantou.png);
}

.nav_left_ .nav_left_ul li .nav_fenlei .fenlei:nth-of-type(1)::before,
.nav_left_ .nav_left_ul li .nav_fenlei .fenlei:nth-of-type(3)::before,
.nav_left_ .nav_left_ul li .nav_fenlei .fenlei:nth-of-type(4)::before {
	position: absolute;
	left: 15px;
	top: 11px;
	content: '';
	width: 20px;
	height: 10px;
	background: url(../images/hot.png);
}

.nav_left_ .nav_left_ul li .nav_fenlei div:nth-of-type(12) input:nth-of-type(1) {
	width: 60%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #898989;
}

.nav_left_ .nav_left_ul li .nav_fenlei div:nth-of-type(12) input:nth-of-type(2) {
	width: 40%;
	height: 40px;
	line-height: 40px;
	background: #ff6d0c;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.nav_left_ .fenlei_con_box {
	background: rgba(255, 255, 255, 0.95);
	height: 100%;
	position: absolute;
	left: 177px;
}

.nav_left_ .fenlei_con_box .fenlei_con {
	margin-top: 150px;
	padding-left: 30px;
	min-width: 260px;
}

.nav_left_ .fenlei_con_box .fenlei_con span {
	font-size: 24px;
	color: #000;
	line-height: 2;
}

.nav_left_ .fenlei_con_box .fenlei_con .hezuogangchang a {
	padding: 2px 16px;
	margin: 10px 0;
}

.nav_left_ .fenlei_con_box .fenlei_con .hezuogangchang a:hover {
	border: 1px solid #eaeaea;
	box-shadow: 0 0 5px rgba(0, 86, 255, 0.25);
}

.nav_left_ .fenlei_con_box .fenlei_con p {
	justify-content: flex-start;
	margin: 10px 0;
}

.nav_left_ .fenlei_con_box .fenlei_con p em {
	font-size: 12px;
	color: #5b5b5a;
	line-height: 1.75;
	padding: 0 5px;
	margin-right: 10px;
}

.nav_left_ .fenlei_con_box .fenlei_con p em:nth-of-type(1) {
	border: 1px solid #fcb586;
}

.nav_left_ .fenlei_con_box .fenlei_con p em:nth-of-type(2) {
	border: 1px solid #9dc3fd;
}

.nav_left_ .fenlei_con_box .fenlei_con p em:nth-of-type(3) {
	border: 1px solid #f8e19a;
}

.nav_left_ .fenlei_con_box .fenlei_con ul {
	display: flex;
	height: 380px;
	flex-direction: row;
	flex-wrap: wrap;
	writing-mode: vertical-lr;
}

.nav_left_ .fenlei_con_box .fenlei_con ul li {
	padding-right: 60px;
	line-height: 34px;
	writing-mode: horizontal-tb;
}

.nav_left_ .fenlei_con_box .fenlei_con ul li a {
	font-size: 14px;
	color: #494949;
	font-weight: bold;
}

.nav_left_ .fenlei_con_box .fenlei_con ul li a:hover {
	color: #00255e;
}

.nav_right_new {
	width: 142px;
	height: 415px;
	background: url(../images/nav_right.png) no-repeat top left;
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 20;
}

.nav_right_new.zhedie {
	right: -142px;
}

.nav_right_new #right_nav_switch {
	position: absolute;
	right: 142px;
	top: 76px;
	content: '';
	width: 17px;
	height: 76px;
	z-index: 20;
	background: url(../images/zhankai.png);
	cursor: pointer;
}

.nav_right_new a {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* end */
/* 		   	.nav_left_ ul {
			   		margin-top: 94px;
			   		text-align: left;
			   	}
			   
			   	.nav_left_ li {
			   		
			   		position: relative;
			   		line-height: 37px;
			   	}
			   
			   
			   	.nav_left_ li a {
			   		font-size: 18px;
			   		color: #fff;
			   		padding-left: 20px;
			   	} */
.zu_but {
	display: inline-block;
	width: 152px;
	height: 35px;
}

.nav_right_ ul {
	margin-top: 10px;
	text-align: left;
}

.nav_right_ li {
	position: relative;
	height: 103px;
	width: 90px;
}

.nav_right_ li a {
	display: inline-block;
	height: 103px;
	width: 90px;
}

.nav_right_ li:nth-of-type(3):hover .right_form {
	display: flex;
	position: absolute;
	width: 290px;
	height: 110px;
	background: rgba(184, 3, 3, 0.95);
	right: 80px;
	justify-content: center;
	align-items: center;
}

.nav_right_ li:nth-of-type(3) .right_form {
	display: flex;
	position: absolute;
	width: 290px;
	height: 110px;
	background: rgba(184, 3, 3, 0.95);
	right: -290px;
	justify-content: center;
	align-items: center;
	transition: right 1s;
	-webkit-transition: right 1s;
}

.right_form input:nth-of-type(1) {

	width: 224px;
	height: 46px;
	background: #FFFFFF;
	position: relative;
	border-radius: 10px 0 0 10px;
}

.right_form button {
	width: 50px;
	height: 46px;
	color: #b80303;
	font-size: 24px;
	background: #FFFFFF;
	position: relative;
	border-radius: 0 10px 10px 0;
}

.right_form button::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 26px;
	background: #B80303;
	left: 0;
	top: 10px
}

/*侧边悬浮导航  媒体查询*/
.nav_right_ {
	width: 90px;
	height: 336px;
	background: url(../images/nav_right.png) no-repeat top left;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: calc(-336px/2);
	z-index: 20;
	border-radius: 6px;
	box-shadow: 0 0 10px 1px rgba(66, 120, 203, 0.7);
}

/* 1600以下 */
@media screen and (max-width: 1600px) {
	/* .nav_left_ {
		width: 202px;
		height: 612px;
		background: url(../images/nav_left.png) no-repeat top left;
		position: fixed;
		left: -198px;
		top: 50%;
		margin-top: calc(-612px/2);
		z-index: 20;
		border-radius: 6px;
		box-shadow: 0 0 10px 1px rgba(66, 120, 203, 0.7);
	}

	.nav_left_:hover {
		left: 0;
	} */
}

/* 1600以上 */
@media screen and (min-width: 1600px) {
	/* .nav_left_ {
		width: 202px;
		height: 612px;
		background: url(../images/nav_left.png) no-repeat top left;
		position: fixed;
		left: 0;
		top: 50%;
		margin-top: calc(-612px/2);
		z-index: 20;
		border-radius: 6px;
		box-shadow: 0 0 10px 1px rgba(66, 120, 203, 0.7);
	} */

}