@charset "utf-8";

	/*
	--------------------------
	间距清除 
	--------------------------
*/

	body,
	div,
	span,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	em,
	img,
	strong,
	b,
	small,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	sub,
	sup,
	tt,
	var,
	del,
	dfn,
	ins,
	kbd,
	q,
	s,
	samp,
	strike,
	applet,
	object,
	iframe,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	mark,
	audio,
	video,
	input,
	textarea,
	select {
		margin: 0;
		padding: 0;
	}

	ol,
	ul {
		list-style: none;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		outline: 0;
	}

	/*
	--------------------------
	A标签 配置 
	--------------------------
*/
	a {
		text-decoration: none;
		outline: none;
		color: #666;
	}

	a:hover {
		color: #000;
	}

	img {
		border: 0;
		max-width: 100%;
	}

	a:focus {
		outline: none;
	}

	/*
	--------------------------
	Body 配置 
	--------------------------
*/
	html {
		overflow-x: hidden;
		-webkit-text-size-adjust: none;
	}

	body {
		-webkit-font-smoothing: antialiased;
		font-family: "Source Han Sans CN", "microsoft yahei", arial, "STXihei";
		background: #fff;
		font-size: 14px;
		color: #484d67;
		margin-left: auto;
		margin-right: auto;
		letter-spacing: 0px;
	}

	/*
	--------------------------
	表单控件设置 
	--------------------------
*/

	table {
		border-collapse: collapse;
		width: 100%;
	}

	input[type='reset'],
	input[type='button'],
	input[type='submit'],
	input[type='radio'] {
		cursor: pointer;
		outline: none;
		-webkit-appearance: none;
	}

	input[type='checkbox'],
	input[type='radio'] {
		position: relative;
		vertical-align: middle;
		margin-top: -2px;
		margin-bottom: 1px;
		margin-left: 5px;
		margin-right: 5px;
		-webkit-appearance: none;
	}

	textarea,
	input[type='email'],
	input[type='date'],
	input[type='password'],
	input[type='text'] {
		padding: 0px;
		color: #666;
		font-size: 12px;
		outline: none;
		font-family: "微软雅黑";
		-webkit-appearance: none;
	}


	/*
	--------------------------
	快捷方式
	--------------------------
*/
	.f-l {
		float: left;
	}

	.f-r {
		float: right;
	}

	.clearfix {
		
	}

	.clearfix:after {
		clear: both;
		height: 0;
		content: "";
		line-height: 0;
		font-size: 0;
		display: block;
	}

	body {
		scrollbar-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0);
		scrollbar-width: thin;
		-ms-overflow-style: none;
	}

	body::-webkit-scrollbar {
		width: 6px;
		height: 1px;
	}

	body::-webkit-scrollbar-thumb {
		border-radius: 3px;
		-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
		background: rgba(0, 0, 0, 1);
	}

	body::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
		border-radius: 3px;
		background: rgba(255, 255, 255, 0);
	}


	/*手机导航*/
	/**mobile nav**/
	.nav_box {
		width: 100%;
		height: 100%;
		position: fixed;
		right: auto;
		top: 0;
		bottom: 0;
		left: -100%;
		overflow: auto;
		z-index: 99999999;
		background: #37a9cc;
		transition: all .8s;
		-o-transition: all .8s;
		-moz-transition: all .8s;
		-ms-transition: all .8s;
		-webkit-transition: all .8s;
	}

	.nav_box.cur {
		left: 0;
		transition: all .8s;
		-o-transition: all .8s;
		-moz-transition: all .8s;
		-ms-transition: all .8s;
		-webkit-transition: all .8s;
	}

	.nav_box .box {
		/*background: #212222;*/
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 2;
	}

	.nav_box .nav-title {
		height: 57px;
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.nav_box .nav-title .navclose {
		width: 22px;
		height: 22px;
		display: block;
		font-size: 0;
		line-height: 41px;
		position: absolute;
		right: 15px;
		top: 50%;
		z-index: 2;
		transform: translateY(-50%);
	}

	.nav_box .nav-title .navclose img {
		width: 100%;
	}

	.nav_box .nav-title h1 {
		text-align: left;
		width: 86px;
		margin-left: 15px;
		line-height: 0;
		padding-top: 11px;
	}

	.nav_box .nav-title h1 img {
		width: 100%;
	}

	.nav_box .navlist {
		width: 100%;
		padding-bottom: 20px;
	}

	.nav_box .navlist ul>li {
		float: left;
		width: 100%;
		font-size: 16px;
		line-height: 60px;
		border-bottom: 1px solid rgba(255, 255, 255, .06);
		padding: 0 15px;
		text-transform: capitalize;
	}

	.nav_box .navlist ul>li>a {
		display: block;
		color: #fff;
		position: relative;
	}

	.nav_box .navlist ul>li>a.sub:before {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 8px;
		height: 14px;
		background: url(../images/jtwhite.png) no-repeat center center / cover;
	}

	.nav_box .navlist ul>li .navlist2 {
		border-top: 1px solid rgba(255, 255, 255, .06);
		display: none;
		padding: 10px 0;
	}

	.nav_box .navlist ul>li .navlist2 a {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 14px;
		line-height: 34px;
	}

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

	.navLan a {
		margin-right: 20px;
		display: inline-block;
		font-size: 16px;
		color: #fff;
	}


	.nav_box {
		display: none !important;
	}

	@media(max-width: 1100px) {
		.nav {
			display: inline-block;
		}

		.navR .search {
			display: none;
		}

		.header .lang p,
		.fixed-head .header .lang p,
		.fixed-headA .header .lang p {
			color: rgba(255, 255, 255, 0.6);
			position: relative;
			padding: 0 15px 0 0;
			background: url(../images/langbg.png) no-repeat right center;
		}

		.header .navBtn {
			height: 50px;
			margin-top: -1px;
			float: left;
			left: 3%;
		}

		.header .lang p:after {
			display: none;
		}

		.menu-i {
			height: 2px;
			right: 10px;
			position: absolute;
			border-radius: 1px;
			font-style: normal;
			background-color: #999;
			display: block;
			transition: all 0.5s;
			border-radius: 2px;
		}

		.menu-i-1 {
			width: 24px;
			top: 13px;
		}

		.menu-i-2 {
			width: 32px;
			top: 23px;
		}

		.menu-i-3 {
			width: 24px;
			top: 33px;
		}

		.mobile-menu {
			width: 50px;
			height: 50px;
			position: relative;
			display: block;
			background: none;
			border: none;
		}

		.mobile-menu-on {
			z-index: 1001;
		}

		.mobile-menu-on .menu-i-1 {
			transform: translateY(10px) rotate(45deg);
			background-color: #999;
		}

		.mobile-menu-on .menu-i-2 {
			opacity: 0;
		}

		.mobile-menu-on .menu-i-3 {
			transform: translateY(-10px) rotate(-45deg);
			background-color: #999;
		}

		.nav_box {
			display: block !important;
			top: 50px;
			width: 100%;
			left: -100%;
			border-top: 1px solid rgba(255, 255, 255, 0.2);
			height: calc(100% - 50px);
		}

		.nav_box {
			background: #1a502d;
		}

		.bgGreen {
			background: #1a502d;
		}

		.nav_box .navlist {
			padding-top: 10px;
		}

		.nav_box .navlist ul>li {
			border: none;
			line-height: 50px;
		}

		.navSear {
			margin-top: 30px;
			padding: 0 15px;
		}

		.navSear .search {
			padding-top: 20px;
			border-top: 1px solid rgba(255, 255, 255, 0.3);
		}

		.navSear .search .subsearch {
			z-index: 9;
		}

		.navSear .search .subsearch .subsearcha {
			border-radius: 3px;
			position: relative;
			padding-left: 30px;
			height: 30px;
		}

		.navSear .search .subsearch .subsearcha .inp {
			width: 90%;
			height: 30px;
			border: 0;
			font-size: 14px;
			color: #fff;
			padding-left: 0px;
			background: none;
		}

		.navSear .search .subsearch .subsearcha .sub {
			opacity: 0.7;
			border: none;
			outline: none;
			position: absolute;
			left: 0px;
			top: 50%;
			height: 26px;
			background: url(../images/searchxa.png) no-repeat left center;
			font-size: 0;
			width: 26px;
			transform: translateY(-50%);
		}

		.navSear .search:hover .subsearch {
			display: block;
		}

		.navSear .search .subsearch .subsearcha .inp:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: rgba(255, 255, 255, 0.7);
		}

		.navSear .search .subsearch .subsearcha .inp::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: rgba(255, 255, 255, 0.7);
		}

		.navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.7);
		}

		.navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.7);
		}


		.nav_box .navlist ul>li .navlist2,
		.nav_box .navlist ul>li .secondNav .navlist3,
		.nav_box .navlist ul>li .fourthNav .navlist4 {
			position: fixed;
			left: -102%;
			transition: all 0.6s;
			display: block;
			top: 50px;
			width: 100%;
			height: calc(100% - 50px);
			background: #1a502d;
			z-index: 10000;
		}

		.nav_box .navlist ul>li .navlist2 a,
		.nav_box .navlist ul>li .secondNav .navlist3 a,
		.nav_box .navlist ul>li .fourthNav .navlist4 a {
			padding: 0 15px;
			line-height: 50px;
			font-size: 16px;
			color: rgba(255, 255, 255, 0.8);
		}

		.nav_box .navlist ul>li.cur .navlist2,
		.nav_box .navlist ul>li .secondNav.cur .navlist3,
		.nav_box .navlist ul>li .fourthNav.cur .navlist4 {
			left: 0;
		}

		.nav_box .navlist ul>li .backNav {
			padding: 0 15px;
		}

		.nav_box .navlist ul>li .backNav span {
			display: block;
			padding: 5px 0 5px 25px;
			border-top: 1px solid rgba(255, 255, 255, 0);
			background: url(../images/back.png) no-repeat left center;
			font-size: 18px;
			color: #fff;
			border-bottom: 1px solid rgba(255, 255, 255, 0.3);
			margin-bottom: 10px;
		}

		.nav_box .navlist ul>li a.cur {
			font-weight: bold;
			color: #fff !important;
		}
	}

	.mainMd {
		position: absolute;
		left: 0;
		top: -70px;
		opacity: 0;
		width: 1px;
		height: 1px;
	}

	@media(max-width: 1100px) {
		.mainMd {
			top: -60px;
		}
	}