/** 清除内外边距 **/
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: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
}

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;
}

/* 引入思源黑体字体 */
@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/iconfont.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;
}

body {
	font-family: "webfont" !important;
	font-style: normal;
	color: #111;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* 弹出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;
							   
				}
			   
			   	.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);
			   	}
			   
			   	.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_{
					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);
				}
				.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
					
				}