@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}

input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}

body, input, button, form, textarea {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "Arial Black";
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}

ul, ol {
       list-style: none;
}

img {
	border: 0px;
	display: block;
	margin: 0 auto;
	padding: 0;
}

em, i, strong {
	font-style: normal;
}

button, input, select, textarea {
	font-size: 100%;
}

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

body {
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
}

* {
	padding: 0px;
	margin: 0px
}

div {
	margin: 0;
	padding: 0;
	border: 0;
}

p {
	margin: 0;
}

b, strong {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0; /* Remove most spacing between table cells.*/
}

li {
	/*list-style: none outside none;*/
}
/*链接*/
a {
	text-decoration: none;
	color: #333;
	background: transparent;
	outline: none
}

	a:focus {
		outline: none;
	}

	a:hover, a:active {
		color: #ef9a32; /*#1048a0 蓝色 #ef9a32橙色 #de790a深橙色*/
		text-decoration: none;
	}

	a:visited {
		text-decoration: none;
	}
/*表单*/
form {
	margin: 0;
}

button, input, select, textarea {
	font-size: 100%; /* Correct font size not being inherited in all browsers. */
	margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
	vertical-align: baseline; /* Improve appearance and consistency in all browsers */
	*vertical-align: middle; /* Improve appearance and consistency in all browsers */
}

button, select {
	text-transform: none;
}

input {
	line-height: normal;
	border: none;
}
/*其它*/
blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

code, kbd, pre, samp {
	font-size: 1em;
}

pre {
	margin: 1em 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dd {
	margin: 0;
}

audio:not([controls]) {
	display: none;
	height: 0;
}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {
	color: #F00 !important;
}
/*清除浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix {
	*zoom: 1;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
	margin-top:2px;
}
/*其它*/
.hidden {
	display: none;
}

.pfont {
	font-family: 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
}
/*必须输入，主要*/
.required {
	color: red;
	font-weight: bold;
}

.form_text_verifycode {
	width: 80px;
}

.form_radio {
	width: auto;
	border: 0;
}

.form_checkbox {
	width: auto;
	border: 0
}
/*网站公用样式表*/
.w1200 {
	width: 1260px;
	margin: 0 auto;
}

.por {
	position: relative;
}

.poa {
	position: absolute;
}

.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}

#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main {
	width: 100%;
	margin: 0;
}

.trans {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
/*top*/
#header_main {
	background: #fff;
	height: 68px;
	position: relative;
	padding-top:3px;
}

#top #logo {
	width: 140px;
	margin-right: 116px;
}

	#top #logo a {
		padding-top: 0;
		display: block;
	}

	#top #logo img {
		height: 56px;
		display: block;
	}
/*导航*/
#header_main #nav {
	width: 700px;
	position: relative;
	height: 60px;
}

#nav ul {
	margin: 0 auto;
	width: 102%;
}

#nav li:first-child {
	width: 70px;
}

#nav li {
	float: left;
	width: 100px;
	display: block;
	font-size: 15px;
	text-align: center;
	line-height: 60px;
	position: relative;
	margin: 0;
	transition: all .3s ease-in-out;
}

	#nav li a {
		display: block;
		text-align: center;
		color: #333;
		height: 60px;
		text-decoration: none;
	}

/*#nav li:hover, #nav li.hover { background: #1048a0; }*/
#nav li:hover a, #nav li.hover a { color: rgb(239, 154, 50);}

/* --- 二级菜单容器 (Subnav) --- */
#nav .subnav {
	position: absolute;
	left: 0;
	top: 60px;
	width: 150%; /* 宽度跟随父级或设为固定宽 */
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 10px, 0);
	transition: all .4s ease;
	z-index: 999999;
}

#nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

/* 二级菜单背景层 */
#nav .subnavbg {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	padding: 10px 0;
	border-top: 2px solid #ef9a32;
	display: flex; /* 让二级菜单横向排列，或者改为 block 纵向排列 */
	flex-wrap: wrap;
	justify-content: center;
}

	/* 二级菜单链接样式 */
	#nav .subnavbg > a,
	#nav .subnavbg > .navitem3 > a {
		display: inline-block;
		padding: 0 5px 0 0;
		line-height: 30px;
		color: #333 !important;
		font-size: 15px;
		white-space: nowrap;
		transition: color 0.3s;
	}

		#nav .subnavbg > a:hover,
		#nav .subnavbg > .navitem3:hover > a {
			color: #ef9a32 !important;
			font-weight: bold;
		}

/* --- 【关键】三级菜单实现 (Level 3) --- */

/* 1. 设置二级菜单项为相对定位基准 */
.navitem3 {
	position: relative; /* 关键：让 subnav3 相对于它定位 */
	display: inline-block;
	padding: 0 15px;
}

/* 给有子菜单的链接加个小箭头提示 */
.has-sub span {
	font-size: 13px;
	margin-left: 5px;
	color: #999;
}

/* 2. 三级菜单容器默认隐藏 */
.subnav3 {
	position: absolute;
	left: 50%;
	top: 100%; /* 从中间向下展开，或者改为 left: 0; top: 100% 向左对齐 */
	transform: translateX(-50%) translateY(10px); /* 居中偏移 + 初始位移 */
	background: #fff;
	min-width: 160px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	border-radius: 4px;
	padding: 5px 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 100;
	text-align: left; /* 三级菜单文字通常左对齐 */
}

/* 3. 鼠标悬停在二级项(.navitem3)上时，显示三级菜单 */
.navitem3:hover .subnav3 {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* 4. 三级菜单内部链接样式 */
.subnav3 a {
	display: block;
	padding: 0 20px;
	line-height: 36px;
	color: #555 !important;
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
}

	.subnav3 a:last-child {
		border-bottom: none;
	}

	.subnav3 a:hover {
		background: #f5faff;
		color: #ef9a32 !important;
		padding-left: 25px; /* 悬停时的位移动效 */
	}


/* ===================== 优化版 纯CSS三级导航菜单 ===================== */
/* 给二级菜单容器加相对定位，作为三级菜单的定位基准 */
#nav .subnavbg {
	position: relative !important;
}

	/* 三级菜单容器：适配二级菜单的相对定位，完美右弹出 */
	#nav .subnavbg .navitem3 {
		position: relative;
	}

	/* 三级菜单默认隐藏，从右侧弹出 */
	#nav .subnavbg .subnav3 {
		position: absolute;
		left: 100%; /* 紧贴二级菜单右侧 */
		top: 0;
		min-width: 100%; /* 继承二级菜单宽度，避免内容被挤 */
		opacity: 0;
		visibility: hidden;
		z-index: 9999; /* 提升层级，防止被其他元素遮挡 */
		/* 完全继承你原有二级菜单的样式，保证视觉统一 */
		background: rgba(255,255,255,0.6) !important;
		filter: Alpha(opacity=60);
		border-left: 5px solid rgba(255,255,255,0.1);
		border-right: 5px solid rgba(255,255,255,0.1);
		border-bottom: 5px solid rgba(255,255,255,0.1);
		/* 动画效果与原有风格保持一致 */
		transition: all 0.3s ease-in-out;
		transform: translate3d(10px,0,0);
	}

	/* 鼠标悬停二级菜单项时，显示三级菜单 */
	#nav .subnavbg .navitem3:hover .subnav3 {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0,0,0);
	}

/* 三级菜单链接样式，和二级菜单保持完全一致 */
#nav .subnav3 a {
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #333 !important;
	font-size: 13px;
	white-space: nowrap; /* 防止文字换行 */
}

	#nav .subnav3 a:hover {
		color: #fff !important;
		background: #FC6 !important; /*0185d0 浅蓝色*/
	}




#header_main .topsearch {
	width: 60px;
	transition: all 300ms ease 0s;
	position: relative;
	height: 82px;
}

#header_main .search_btn {
	width: 16px;
	background-position: 0 0;
	cursor: pointer;
	height: 16px;
}

#header_main .search_box {
	background: #ededed;
	height: 82px;
	overflow: hidden;
	position: absolute;
	right: 60px;
	top: 0;
	transition: all 300ms ease 0s;
	width: 0;
	z-index: 10;
}

	#header_main .search_box input {
		border: 0 none;
	}

	#header_main .search_box .stxt {
		display: block;
		height: 82px;
		line-height: 82px;
		text-indent: 10px;
		width: 150px;
		background: none;
	}

	#header_main .search_box .sbtn {
		background-position: -100px 0;
		cursor: pointer;
		display: block;
		height: 82px;
		width: 60px;
	}

#header_main .topsearch.addy .search_box {
	width: 210px;
}

#header_main .topsearch.addy .search_btn {
	background-position: -46px 0;
}

.top_rig {
	width: 230px;
	padding-top: 16px;
	position: relative;
}

	.top_rig .bshare {
		width: 180px;
	}

		.top_rig .bshare a {
			display: inline-block;
			width: 20px;
			height: 16px;
			margin-left: 6px;
			padding: 0;
			font-size:14px;
font-family:Arial; 
		}

		.top_rig .bshare .bdsharebuttonbox a {
			width: 20px;
			height: 16px;
			margin-left: 6px;
			display: inline-block;
			background: url(../images/icon.png) no-repeat 0 0;
			padding: 0;
			-webkit-transition: all .0s ease-in-out 0s;
			-moz-transition: all .0s ease-in-out 0s;
			transition: all .0s ease-in-out 0s;
		}

			.top_rig .bshare .bdsharebuttonbox a.bds_weixin {
				background-position: -45px 0 !important;
			}

				.top_rig .bshare .bdsharebuttonbox a.bds_weixin:hover {
					background-position: -69px 0 !important;
				}

			.top_rig .bshare .bdsharebuttonbox a.bds_sqq {
				background-position: -96px 0 !important;
			}

				.top_rig .bshare .bdsharebuttonbox a.bds_sqq:hover {
					background-position: -118px 0 !important;
				}

#top .searchbox {
	width: 34px;
	height: 38px;
	text-align: center;
	cursor: pointer;
	padding-top: 6px;
	padding-right: 10px;
}

	#top .searchbox s {
		background-position: 0 0;
		width: 18px;
		height: 16px;
		margin: 0 auto;
		transition: all 0.3s ease-in-out 0s;
		display: block;
	}

#top .infoSer {
	position: absolute;
	right: 74px;
	top: 56px;
	padding: 20px 0 0 20px;
	background: url(../images/top_down.png) no-repeat center center;
	text-align: center;
	width: 272px;
	z-index: 999;
	height: 45px;
	display: none;
}

	#top .infoSer .ser {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: -moz-use-text-color -moz-use-text-color #d4d4d4;
		border-image: none;
		border-style: none none solid;
		border-width: medium medium 1px;
		display: block;
		float: left;
		height: 30px;
		line-height: 30px;
		margin: 0;
		padding: 0;
		width: 220px;
		outline: none;
	}

	#top .infoSer .btn {
		background-position: 10px 0;
		border: medium none;
		cursor: pointer;
		display: block;
		float: left;
		height: 16px;
		margin: 0;
		padding: 0;
		width: 30px;
		z-index: 999;
		margin-top: 15px;
		outline: none;
	}
/*侧边导航*/
/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
    height: 90vh; object-fit: cover;
}

#banner, .banner ul {
	overflow: hidden;
}

.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

	.banner li img {
		width: 1920px;
		display: block;
		position: relative;
		left: 50%;
		margin-left: -960px;
		top: 0;
    height: 90vh; object-fit: cover;
	}

#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 50px;
	z-index: 3;
}

	#banner .tip span {
		height: 10px;
		margin: 0 2px;
		width: 10px;
		display: inline-block;
		font-size: 0;
		cursor: pointer;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		border: 2px solid #ef9a32;
	}

		#banner .tip span.cur {
			background-color: #ef9a32;
		}

#banner #btn_prev, #banner #btn_next {
	width: 28px;
	height: 56px;
	position: absolute;
	top: 40%;
	z-index: 5;
}

#banner #btn_prev {
	background-position: 0 -138px;
	left: 5%;
}

#banner #btn_next {
	background-position: -34px -138px;
	right: 5%;
}
/*banner end*/
.index {
	position: relative;
	z-index: 3;
}

	.index .title {
		text-align: center;
		width: 100%;
		background: url(../images/title_line.png) no-repeat center bottom;
		padding-bottom: 30px;
	}

		.index .title h3 {
			font-size: 22px;
			font-weight: normal;
			display: block;
			line-height: 30px;
			color: #000;
			text-align: center;
		}

		.index .title h4 {
			color: #999;
			font-size: 18px;
			text-transform: uppercase;
			font-family: 'PingFangSC-Light', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
			font-weight: normal;
			line-height: 40px;
		}

	.index .floor_1_main {
		background: #f5f5f5;
	}

	.index .floor_1 {
		padding-top: 74px;
		padding-bottom: 74px;
		position: relative;
	}

	.index .part1 {
		position: absolute;
		left: 0;
		top: -100px;
		width: 1200px;
		height: 250px;
		overflow: hidden;
	}

		.index .part1 .item {
			width: 400px;
			float: left;
			height: 250px;
			background: #ef9a32;
		}

			.index .part1 .item a {
				display: block;
				position: relative;
				padding: 40px;
				color: #fff;
			}

			.index .part1 .item h3 {
				font-size: 18px;
				line-height: 24px;
			}

			.index .part1 .item h4 {
				color: #fff;
				display: block;
				border-bottom: 1px solid #fff;
				padding-bottom: 16px;
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
			}

			.index .part1 .item .shuzi {
				line-height: 20px;
				color: #fff;
				float: left;
				width: 122px;
			}

				.index .part1 .item .shuzi b {
					text-transform: uppercase;
					font-size: 86px;
					font-weight: bold;
					display: inline-block;
					line-height: 86px;
				}

			.index .part1 .item span {
				width: 60px;
				height: 54px;
				display: block;
				margin-top: 32px;
			}

		.index .part1 .it1 span {
			background-position: 0 -30px;
		}

		.index .part1 .it2 span {
			background-position: -76px -30px;
			width: 46px;
		}

		.index .part1 .it3 span {
			background-position: -140px -30px;
			width: 52px;
		}

		.index .part1 .item .txt {
			width: 180px;
		}

		.index .part1 .item.hover {
			background: #ff5454;
		}

	.index .part2 {
		/*padding-top: 150px;*/
	}

		.index .part2 .hd {
			padding: 30px 0;
		}

			.index .part2 .hd ul {
				margin: 0 auto;
				text-align: center;
			}

			.index .part2 .hd li {
				font-size: 15px;
				margin-right: 20px;
				height: 28px;
				line-height: 32px;
				text-align: center;
				display: inline-block;
				+display:inline;
				+float: left;
				white-space: nowrap;
				word-break: break-all;
			}

				.index .part2 .hd li a {
					display: block;
					border: 1px solid #ccc;
					padding: 0 12px;
				}

				.index .part2 .hd li.on a {
					border: 1px solid #ef9a32;
					background: #ef9a32;
					color: #fff;
				}

		.index .part2 .bd {
			overflow: hidden;
		}

			.index .part2 .bd ul {
				padding-top: 64px;
				width: 108%;
			}

			.index .part2 .bd li {
				width: 380px;
				height: 460px;
				display: block;
				float: left;
				margin-right: 30px;
				margin-bottom: 30px;
				background: #fff;
				transition: all 0.3s ease-out 0s;
			}

				.index .part2 .bd li a {
					display: block;
				}

				.index .part2 .bd li img {
					max-width: 360px;
					height: 330px;
					margin: 0 auto;
					display: block;
				}

				.index .part2 .bd li h3 {
					font-size: 17px;
					text-align: center;
					margin-top: 12px;
				}

				.index .part2 .bd li p {
					color: #999;
					padding: 0 46px;
					line-height: 24px;
				}

				.index .part2 .bd li:hover {
					transform: translate3d(0px, -16px, 0px);
					box-shadow: 0 3px 10px rgb(222, 222, 222);
				}

	.index .floor_1_main, .index .floor_2_main, .index .floor_3_main, .index .floor_4_main {
		width: 100%;
	}

	.index .floor_2_main {
		background: #fff;
		overflow: hidden;
	}

	.index .more {
		width: 150px;
		height: 38px;
		line-height: 38px;
		text-align: center;
		color: #aba8a8;
		display: block;
		margin: 40px auto 0;
		background: #fff;
		text-transform: uppercase;
		transition: all 0.3s ease-out 0s;
		box-shadow: 0 3px 10px rgb(222, 222, 222);
	}

		.index .more span {
			display: inline-block;
			width: 40px;
			height: 38px;
			line-height: 38px;
			background: url(../images/icon.png) no-repeat 12px -92px #ef9a32;
		}

		.index .more:hover {
			background: #ef9a32;
			color: #fff;
			text-indent: 10px;
		}

			.index .more:hover span {
				color: #fff;
			}

	.index .floor_2 {
		padding: 60px 0;
		position: relative;
		height: 720px;
	}

		.index .floor_2 .hdtit {
			padding: 30px 0;
		}

			.index .floor_2 .hdtit ul {
				margin: 0 auto;
				text-align: center;
				width: 500px;
			}

			.index .floor_2 .hdtit li {
				margin-right: 30px;
				height: 28px;
				line-height: 32px;
				text-align: center;
				display: inline-block;
				display: inline;
				float: left;
				font-size: 15px;
			}

				.index .floor_2 .hdtit li a {
					display: block;
					border: 1px solid #ccc;
					padding: 0 12px;
				}

					.index .floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a {
						border: 1px solid #ef9a32;
						background: #ef9a32;
						color: #fff;
					}

		.index .floor_2 .vistbox {
			width: 100%;
			position: relative;
			overflow: hidden;
			height: 660px;
		}

		.index .floor_2 .slideBox {
			position: relative;
			overflow: hidden;
			height: 502px;
		}

		.index .floor_2 .txtbox {
			padding-top: 25px;
			position: relative;
			z-index: 3;
		}

		.index .floor_2 .btn {
			width: 160px;
			position: absolute;
			right: 0;
			bottom: 150px;
			z-index: 99;
			background: #fff;
			height: 350px;
		}

			.index .floor_2 .btn img {
				display: block;
				width: 110px;
				height: 230px;
				margin-left: 50px;
				margin-bottom: 90px;
			}

			.index .floor_2 .btn span {
				display: inline-block;
				width: 66px;
				height: 30px;
				margin-left: 14px;
				cursor: pointer;
			}

			.index .floor_2 .btn .sPrev {
				background-position: -204px 0;
			}

			.index .floor_2 .btn .sNext {
				background-position: -284px 0;
			}

			.index .floor_2 .btn .cur.sPrev {
				background-position: -204px -40px;
			}

			.index .floor_2 .btn .cur.sNext {
				background-position: -284px -40px;
			}

.transs {
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.slidebanner {
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	position: relative;
}

	.slidebanner .game163 {
		position: relative;
		z-index: 0;
		overflow: hidden;
	}

	.slidebanner .bigImg {
		overflow: hidden;
		position: relative;
		width: 992px;
		height: 500px;
	}

		.slidebanner .bigImg a {
			display: block;
		}

		.slidebanner .bigImg li {
			position: relative;
		}

			.slidebanner .bigImg li .img {
				padding-left: 290px;
				width: 700px;
				height: 100%;
			}

.game163 .bigImg li img {
	width: 700px;
	height: 350px;
	border:#F90 2px solid;
}

.slidebanner .bigImg .txt {
	position: absolute;
	top: 65px;
	left: 0;
	width: 380px;
	height: 438px;
	background: url(../images/redbg.png) repeat left top;
}

	.slidebanner .bigImg .txt a {
		padding: 30px;
		color: #fff;
	}

	.slidebanner .bigImg .txt h5 {
		font-size: 30px;
		display: block;
	}

	.slidebanner .bigImg .txt s {
		display: block;
		width: 68px;
		height: 1px;
		background: #fff;
		margin: 34px 0;
	}

	.slidebanner .bigImg .txt p {
		line-height: 24px;
		padding: 12px 0 0;
		height: 222px;
		overflow: hidden;
	}

	.slidebanner .bigImg .txt span {
		display: block;
		margin-top: 10px;
	}

.slidebanner .smallScroll {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 800px;
	height: 126px;
	background: #fff;
	z-index: 10;
}

.slidebanner .smallImg {
	width: 800px;
	position: relative;
	overflow: hidden;
	height: 126px;
}

	.slidebanner .smallImg ul li {
		float: left;
		width: 250px;
		height: 126px;
		display: block;
		margin-right: 23px;
		cursor: pointer;
		position: relative;
	}

		.slidebanner .smallImg ul li img {
			height: 124px;
			filter: alpha(opacity=80);
			-moz-opacity: 0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
			width: 248px;
			border: 1px solid #fff;
			-webkit-transition: all .3s ease-in-out 0s;
			-moz-transition: all .3s ease-in-out 0s;
			transition: all .3s ease-in-out 0s;
		}

		.slidebanner .smallImg ul li.on img {
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			border: 1px solid #084ab2;
		}

.index .floor_3_main {
	background: url(../images/flo3.jpg) no-repeat center top #f5f5f5;
}

.index .floor_3 {
	padding: 80px 0;
	overflow: hidden;
}

.index .part3 {
	width: 1200px;
	height: 368px;
	background: #0185d0;
	position: relative;
}

	.index .part3 .img {
		width: 550px;
		height: 374px;
		overflow: hidden;
		position: relative;
		top: -30px;
		margin-left: 25px;
	}

		.index .part3 .img img {
			width: 100%;
			height: 100%;
			display: block;
			transition: all 0.3s ease-out 0s;
		}

		.index .part3 .img:hover img {
			transform: scale(1.05, 1.05);
		}

	.index .part3 .txt {
		padding-right: 90px;
		width: 480px;
		padding-top: 70px;
	}

		.index .part3 .txt a {
			display: block;
			color: #fff;
		}

		.index .part3 .txt h3 {
			font-size: 24px;
		}

		.index .part3 .txt h4 {
			font-size: 16px;
			display: block;
			text-transform: uppercase;
		}

		.index .part3 .txt p {
			padding-top: 45px;
			color: #ffffff;
			padding-bottom: 20px;
		}

		.index .part3 .txt span {
			width: 68px;
			height: 36px;
			border: 1px solid #ef9a32;
			display: block;
			line-height: 36px;
			text-align: center;
		}

			.index .part3 .txt span em {
				width: 22px;
				margin: 14px auto 0;
				height: 8px;
				background-position: -60px -100px;
				display: block;
				vertical-align: middle;
			}

		.index .part3 .txt a:hover span {
			border: 1px solid #fff;
		}

			.index .part3 .txt a:hover span em {
				background-position: -60px -120px;
			}

.index .part4 {
	padding: 80px 0 0;
}

	.index .part4 .steps {
		overflow: hidden;
	}

.index .steps .bd {
	position: relative;
	padding: 60px 0;
}

	.index .steps .bd li {
		float: left;
		width: 180px;
		height: 135px;
		margin-right: 24px;
	}

		.index .steps .bd li a {
			display: block;
			overflow: hidden;
		}

		.index .steps .bd li img {
			width: 180px;
			height: 135px;
			display: block;
			transition: all 0.3s ease-out 0s;
		}

		.index .steps .bd li a:hover img {
			transform: scale(1.08, 1.08);
		}

.index .steps .hd {
	position: relative;
}

	.index .steps .hd ul {
		text-align: center;
	}

	.index .steps .hd li {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-right: 14px;
		cursor: pointer;
		background: #999;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		font-size: 0;
	}

		.index .steps .hd li.on {
			background: #ef9a32;
		}

.index .floor_4 {
	padding: 60px 0;
}

	.index .floor_4 .textlist .list {
		width: 108%;
	}

	.index .floor_4 .textlist {
		position: relative;
		overflow: hidden;
		padding-top: 40px;
	}

.index .textlist li {
	float: left;
	width: 590px;
	height: 160px;
	margin-right: 20px;
	transition: all 0.2s linear 0s;
	margin-bottom: 20px;
	background: #f7f7f7;
}

	.index .textlist li a {
		display: block;
		padding: 35px 20px;
	}

	.index .textlist li .img {
		width: 120px;
		height: 90px;
		overflow: hidden;
		cursor: pointer;
		position: relative;
	}

		.index .textlist li .img img {
			width: 100%;
			height: 100%;
			transition: all 0.3s ease-out 0s;
		}

	.index .textlist li a:hover img {
		transform: scale(1.2, 1.2);
	}

	.index .textlist li .txt {
		width: 390px;
	}

	.index .textlist li h3 {
		font-size: 18px;
		color: #000;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}

	.index .textlist li a:hover h3 {
		color: #ef9a32;
	}

.index .textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 5px;
	color: #999;
	cursor: pointer;
	font-size: 13px;
	padding-top: 10px;
}

.index .textlist span {
	display: block;
	color: #333;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
}

.nybanner {
	width: 100%;
	height: 200px;
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/nybanner.jpg);
}

.wrapper {
	position: relative;
}

.subleft {
	width: 240px;
	position: relative;
	padding-top: 41px;
}

	.subleft .toptitle {
		width: 188px;
		height: 45px;
		background: #0459c7; /*0459c7 深蓝色 #0459c7 橙色 */
		color: #fff;
		padding: 40px 26px;
		position: absolute;
		top: -84px;
	}

		.subleft .toptitle h3 {
			border-bottom: 1px solid #d64e4e;
			color: #f9f9f9;
			font-weight: bold;
			font-size: 26px;
			display: block;
			line-height: 44px;
		}

		.subleft .toptitle h4 {
			font-size: 16px;
			font-family: arial;
			text-transform: uppercase;
		}

	.subleft .cont {
		padding: 14px;
		background: #1048a0;
	}

		.subleft .cont li {
			border-bottom: 1px solid #0185d0;
			line-height: 44px;
		}

			.subleft .cont li a.sub1 {
				display: block;
				padding-left: 14px;
				color: #fff;
				transition: all 0.3s ease-out 0s;
			}

				.subleft .cont li a.sub1:hover, .subleft .cont li.hover a.sub1 {
					background: #0185d0;
					padding-left: 26px;
				}

			.subleft .cont li .box {
				padding: 5px 0 0 15px;
				display: none;
			}

				.subleft .cont li .box a {
					color: #fff;
					font-size: 15px;
					display: block;
					line-height: 30px;
					padding: 0;
					-webkit-transition: all ease 300ms;
					-moz-transition: all ease 300ms;
					-ms-transition: all ease 300ms;
					-o-transition: all ease 300ms;
					transition: all ease 300ms;
					opacity: 0.75;
					filter: alpha(opacity=75);
				}

					.subleft .cont li .box a.hover, .subleft .cont li .box a:hover {
						opacity: 1;
						filter: alpha(opacity=100);
					}

			.subleft .cont li:hover .box, .subleft .cont li.hover .box {
				display: block;
			}

.leftRecomm {
	padding: 25px 0 0;
}

	.leftRecomm .title {
		padding-bottom: 15px;
		border-bottom: 1px solid #f5f5f5;
		color: #ef9a32;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 16px;
	}

		.leftRecomm .title a {
			color: #ef9a32;
		}

	.leftRecomm .item {
		width: 110px;
		float: left;
		overflow: hidden;
		text-align: center;
		margin-right: 20px;
	}

		.leftRecomm .item a {
			width: 100%;
			display: block;
		}

		.leftRecomm .item img {
			max-width: 110px;
			max-height: 82px;
			-webkit-transition: all ease 300ms;
			-moz-transition: all ease 300ms;
			-ms-transition: all ease 300ms;
			-o-transition: all ease 300ms;
			transition: all ease 300ms;
			border-radius: 3px;
			display: block;
		}

		.leftRecomm .item h3 {
			width: 100%;
			text-align: center;
			font-size: 13px;
			line-height: 40px;
			-webkit-transition: all ease 300ms;
			-moz-transition: all ease 300ms;
			-ms-transition: all ease 300ms;
			-o-transition: all ease 300ms;
			transition: all ease 300ms;
		}

		.leftRecomm .item:hover img {
			-webkit-filter: brightness(110%);
			filters: brightness(110%);
		}

	.leftRecomm .newslist li {
		line-height: 34px;
		height: 34px;
		overflow: hidden;
	}

		.leftRecomm .newslist li a {
			display: block;
			width: 100%;
			text-align: left;
		}

.subright {
	width: 920px;
}

	.subright .t {
		padding: 0 0 25px;
		color: #ef9a32;
		font-size: 20px;
	}

	.subright .t2 {
		color: #ef9a32;
		font-size: 30px;
		display: block;
		padding: 30px 0;
	}

.sitepath {
	line-height: 49px;
	color: #88848b;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 28px;
}

	.sitepath .home {
		width: 12px;
		height: 12px;
		display: inline-block;
		background-position: -100px -100px;
		margin-right: 20px;
	}

	.sitepath a {
		color: #88848b;
		display: inline-block;
		white-space: nowrap;
	}

		.sitepath a:hover {
			color: #ff0505;
		}

.productlist {
	position: relative;
}

	.productlist .list {
		padding-top: 10px;
		width: 100%;
	}

	.productlist .item {
		width: 290px;
		height: 350px;
		display: block;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		background: #fff;
		transition: all 0.3s ease-out 0s;
		border-bottom: 1px solid #e5e5e5;
	}

		.productlist .item a {
			display: block;
		}

		.productlist .item img {
			max-width: 260px;
			height: 260px;
			display: block;
			margin: 0 auto;
		}

		.productlist .item h3 {
			font-size: 18px;
			padding: 20px 20px 0;
			-webkit-transition: all .3s ease-in-out 0s;
			-moz-transition: all .3s ease-in-out 0s;
			transition: all .3s ease-in-out 0s;
		}

		.productlist .item p {
			color: #999;
			padding: 0 20px;
			line-height: 24px;
		}

		.productlist .item:hover {
			transform: translate3d(0px, -16px, 0px);
			box-shadow: 0 3px 10px rgb(222, 222, 222);
		}

.caselist {
	position: relative;
}

	.caselist .list {
		padding-top: 10px;
		width: 100%;
	}

	.caselist .item {
		width: 290px;
		height: 280px;
		display: block;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		background: #fff;
		transition: all 0.3s ease-out 0s;
		border-bottom: 1px solid #e5e5e5;
	}

		.caselist .item a {
			display: block;
		}

		.caselist .item img {
			width: 290px;
			height: 145px;
			display: block;
		}

		.caselist .item h3 {
			font-size: 18px;
			padding: 16px;
			-webkit-transition: all .3s ease-in-out 0s;
			-moz-transition: all .3s ease-in-out 0s;
			transition: all .3s ease-in-out 0s;
		}

		.caselist .item p {
			color: #999;
			padding: 0 16px;
			line-height: 24px;
		}

		.caselist .item:hover {
			transform: translate3d(0px, -16px, 0px);
			box-shadow: 0 3px 10px rgb(222, 222, 222);
		}

.honorlist {
	position: relative;
}

	.honorlist .list {
		padding-top: 10px;
		width: 100%;
	}

	.honorlist .item {
		width: 290px;
		height: 265px;
		display: block;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		background: #fff;
		transition: all 0.3s ease-out 0s;
		border-bottom: 1px solid #e5e5e5;
	}

		.honorlist .item a {
			display: block;
		}

		.honorlist .item img {
			width: 290px;
			height: 217px;
			display: block;
		}

		.honorlist .item h3 {
			font-size: 16px;
			padding: 10px;
			text-align: center;
			-webkit-transition: all .3s ease-in-out 0s;
			-moz-transition: all .3s ease-in-out 0s;
			transition: all .3s ease-in-out 0s;
		}

		.honorlist .item:hover {
			transform: translate3d(0px, -16px, 0px);
			box-shadow: 0 3px 10px rgb(222, 222, 222);
		}

.newslist {
	padding: 0;
}

	.newslist .item {
		width: 100%;
		display: block;
		margin-bottom: 28px;
		background: #f7f7f7;
		-webkit-transition: all .3s ease-in-out 0s;
		-moz-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}

		.newslist .item a {
			display: block;
			padding: 20px;
		}

		.newslist .item .img {
			width: 150px;

			height: 112px;
			overflow: hidden;
		}

			.newslist .item .img img {
				width: 100%;
				height: 100%;
				display: block;
				transition: all 0.3s ease-out 0s;
			}

		.newslist .item a:hover .img img {
			transform: scale(1.1, 1.1);
		}

		.newslist .item .txt {
			width: 715px;
		}

			.newslist .item .txt h3 {
				color: #000;
				font-size: 18px;
				display: block;
				padding-bottom: 10px;
				-webkit-transition: all .3s ease-in-out 0s;
				-moz-transition: all .3s ease-in-out 0s;
				transition: all .3s ease-in-out 0s;
			}

			.newslist .item .txt p {
				font-size: 14px;
				color: #999;
				line-height: 24px;
			}

		.newslist .item a:hover .txt h3 {
			color: #ef9a32;
		}

		.newslist .item:hover {
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		}

.singlepage {
	position: relative;
	overflow: hidden;
	color: #666;
	background-color:#fafafa; 
}

	.singlepage .cont {
		padding: 20px;
	}

	.singlepage .cont img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}

	.singlepage .cont .desc {
		padding-top: 40px;
	}

.formData {
	padding-bottom: 20px;
}

	.formData .item {
		float: left;
		color: #999;
		font-weight: normal;
		width: 425px;
		height: 56px;
		line-height: 56px;
		border: 1px solid #e5e5e5;
		margin-right: 76px;
		margin-bottom: 45px;
		position: relative;
	}

		.formData .item label {
			padding-left: 15px;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 11;
			text-align: center;
			display: block;
			margin: 0;
			height: 56px;
			line-height: 56px;
			font-size: 18px;
			color: #cccccc;
		}

		.formData .item input {
			outline: none;
			line-height: 38px;
			height: 38px;
			font-size: 18px;
		}

		.formData .item .txt {
			width: 355px;
			height: 56px;
			line-height: 56px;
			display: block;
			background: none;
			padding-left: 70px;
			border: 0 none;
			color: #999;
		}

		.formData .item .red {
			position: absolute;
			right: 15px;
			top: 0;
			color: #ff0000;
			z-index: 11;
		}

		.formData .item.mr0 {
			margin-right: 0;
		}

	.formData .msg-box {
		position: absolute;
		left: 0;
		top: 0px;
	}

	.formData .liuyan {
		width: 928px;
		height: 260px;
		border: 1px solid #e5e5e5;
		float: left;
	}

		.formData .liuyan label {
			text-align: right;
			display: block;
		}

		.formData .liuyan textarea {
			width: 908px;
			height: 234px;
			line-height: 35px;
			padding: 12px 10px;
			text-indent: 100px;
			font-size: 18px;
			font-family: "microsoft yahei";
			color: #333;
			border: 0 none;
			overflow: hidden;
			background: none;
			resize: none;
			display: block;
			outline: none;
		}

	.formData .bot {
		width: 100%;
	}

	.formData .sub {
		width: 232px;
		line-height: 58px;
		margin-right: 2px;
		text-align: center;
		background: #ef9a32;
		color: #FFF;
		cursor: pointer;
		font-size: 18px;
		display: block;
		-webkit-transition: all ease 300ms;
		-moz-transition: all ease 300ms;
		-ms-transition: all ease 300ms;
		-o-transition: all ease 300ms;
		transition: all ease 300ms;
	}

		.formData .sub:hover {
			background: #1958c7;
			transform: translate3d(0px, -6px, 0px);
		}

	.formData .yzm {
		width: 432px;
	}

		.formData .yzm .txt {
			padding-left: 80px;
		}

		.formData .yzm img {
			position: absolute;
			right: 0;
			top: 0;
			height: 56px;
			border: 0px;
			display: block;
		}

.arecttitle {
	border-bottom: 1px dotted #ddd;
	text-align: center;
}

	.arecttitle h1 {
		font-size: 28px;
		line-height: 30px;
		color: #000;
		margin-bottom: 5px;
	}

	.arecttitle .mark {
		width: 100%;
		padding: 5px 0 10px;
	}

		.arecttitle .mark span {
			display: inline-block;
			padding-left: 5px;
			font-size: 13px;
			color: #666;
		}

			.arecttitle .mark span:first-child {
				padding-left: 0;
			}

.showContxt {
	padding: 20px 0;
}

	.showContxt img {
		max-width: 100% !important;
		display: block;
		margin: 0 auto;
	}
/* reLink*/
.reLink {
	width: 100%;
	margin: 20px 0 10px;
	line-height: 60px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

	.reLink .nextLink, .reLink .prevLink {
		width: 50%;
		line-height: 60px;
		color: #333333;
	}

	.reLink .nextLink {
		text-align: right;
	}

	.reLink a {
		font-size: 16px;
	}

		.reLink a:hover {
			color: #ef9a32;
		}
/*底部信息*/
.bottom_main {
	width: 100%;
	padding-bottom: 20px;
	background-color: #f5f5f5;
}

	.bottom_main .links {
		padding: 20px 0;
		font-size: 16px;
		border-bottom: 1px solid #d2d2d2;
	}

		.bottom_main .links span {
			color: #ef9a32;
			font-weight: bold;
			display: inline-block;
		}

		.bottom_main .links a {
			display: inline-block;
			font-size: 14px;
			color: #999;
			padding-right: 10px;
		}

			.bottom_main .links a:hover {
				color: #ef9a32;
			}

	.bottom_main .bottom_nav {
		width: 760px;
		display: inline-block;
		margin-top: 32px;
	}

		.bottom_main .bottom_nav ul {
			width: 190px;
			text-align: left;
			float: left;
		}

			.bottom_main .bottom_nav ul li h3 {
				padding-bottom: 8px;
			}

				.bottom_main .bottom_nav ul li h3 a {
					display: block;
					font-size: 16px;
					color: #ef9a32;
					padding-bottom: 8px;
				}

				.bottom_main .bottom_nav ul li h3 i {
					display: block;
					width: 30px;
					height: 1px;
					background-color: #cccccc;
				}

			.bottom_main .bottom_nav ul li a {
				display: block;
				font-size: 13px;
				color: #999;
			}

				.bottom_main .bottom_nav ul li a:hover {
					color: #ef9a32;
				}

	.bottom_main .bottom_tit {
		padding-top: 40px;
		text-align: right;
	}

		.bottom_main .bottom_tit .r1 {
			float: left;
			width: 100px;
		}

		.bottom_main .bottom_tit .r2 {
			float: left;
			padding-left: 60px;
			text-align: left;
		}

		.bottom_main .bottom_tit .r1 p {
			width: 100px;
			text-align: center;
			float: left;
		}

			.bottom_main .bottom_tit .r1 p img {
				width: 100px;
				height: 100px;
				border: #d2d2d2 solid 1px;
			}

			.bottom_main .bottom_tit .r1 p span {
				font-size: 13px;
				color: #999;
				display: block;
				padding-top: 10px;
				line-height: 20px;
			}

		.bottom_main .bottom_tit .r2 li {
			display: block;
			clear: left;
			height: 65px;
		}

			.bottom_main .bottom_tit .r2 li img {
				width: 50px;
				height: 50px;
				float: left;
			}

			.bottom_main .bottom_tit .r2 li p {
				float: left;
				font-size: 13px;
				line-height: 22px;
				color: #999;
				padding-left: 12px;
				text-align: left;
				padding-top: 0px;
			}

				.bottom_main .bottom_tit .r2 li p span {
					margin-top: 2px;
					font-size: 24px;
					font-family: "Arial";
					color: #333;
					display: block;
					font-weight: bold;
				}

.bottom_copy {
	height: 48px;
	background-color: #f5f5f5;
	border-top: 1px solid #d2d2d2;
	line-height: 48px;
	font-size: 13px;
	color: #999;
}

	.bottom_copy span {
		padding-left: 10px;
	}

	.bottom_copy a {
		display: inline-block;
		font-size: 13px;
		color: #999;
	}

		.bottom_copy a:hover {
			color: #ef9a32;
		}
/* mapPage */
.map_ul {
	list-style: outside none none;
	display: block;
	width: 100%;
}

	.map_ul li {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
		+margin-bottom:10px;
	}

		.map_ul li a {
			width: 100%;
			height: 35px;
			line-height: 35px;
			font-weight: bold;
			display: block;
			background: #e7e7e7;
			text-indent: 15px;
		}

	.map_ul .list-inline {
		display: block;
		width: 86%;
	}

		.map_ul .list-inline li {
			height: 32px;
			display: inline-block;
			*display: inline;
			margin: 0 5px 15px 0;
			zoom: 1;
			line-height: 32px;
			border-bottom: 0;
			text-align: center;
			width: auto;
			padding: 0px;
			+margin:15px 5px 15px 0;
		}

			.map_ul .list-inline li a {
				font-weight: normal;
				display: block;
				text-indent: 0;
				line-height: 32px;
				height: 32px;
				display: inline-block;
				width: auto;
				padding: 0px 10px;
				width: auto;
				border: 1px solid #ccc;
			}

				.map_ul .list-inline li a:hover {
					background: #ff0505;
					color: #fff;
					border: 1px solid #ff0505;
				}

.zhizao .goback {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 2%;
	top: 2%;
	background: url(../images/guan.jpg) no-repeat center;
}

#footer_main .yyzz {
	padding-left: 10px;
}
/*#gotop{position:fixed;bottom:5%;right:2%;width: 50px;height: 50px;background: url(../images/gotop.png) no-repeat;z-index: 99;display: block;}
*/
.float-right-box {
	width: 250px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #191919;
	z-index: 1000;
	transition: width 0.3s ease 0s;
}

	.float-right-box.on {
		width: 50px;
	}

	.float-right-box .top-list {
		width: 100%;
	}

		.float-right-box .top-list ul {
			width: 100%;
		}

		.float-right-box .top-list li {
			width: 100%;
			position: relative;
			border-bottom: 1px solid #3b3b3b;
			transition: background 0.3s ease 0s;
			height: 50px;
		}

		.float-right-box .top-list a {
			display: block;
			width: 100%;
		}

		.float-right-box .top-list .ico {
			display: inline-block;
			width: 50px;
			height: 50px;
			position: absolute;
			right: 0;
			top: 0;
			transition: background 0.3s ease 0s;
			z-index: 2;
		}

		.float-right-box .top-list .ico1 {
			background: url(../images/ico_58.png) no-repeat center #191919;
		}

		.float-right-box .top-list .ico2 {
			background: url(../images/ico_59.png) no-repeat center #191919;
		}

		.float-right-box .top-list .ico3 {
			background: url(../images/ico_60.png) no-repeat center #191919;
		}

		.float-right-box .top-list .ico4 {
			background: url(../images/ico_61.png) no-repeat center #191919;
		}

		.float-right-box .top-list .ico5 {
			background: url(../images/ico_62.png) no-repeat center #191919;
		}

		.float-right-box .top-list .ico6 {
			background: url(../images/ico_68.png) no-repeat center #191919;
		}

		.float-right-box .top-list .ico7 {
			background: url(../images/ico_69.png) no-repeat center #191919;
		}

		.float-right-box .top-list .stt {
			display: inline-block;
			font-size: 14px;
			line-height: 50px;
			color: #fff;
			transition: color 0.3s ease 0s;
			position: absolute;
			left: 28px;
			top: 0;
			z-index: 1;
			width: 222px;
			cursor: pointer;
		}

		.float-right-box .top-list li:hover .stt {
			color: #15191e;
		}

		.float-right-box .top-list li:hover .ico1 {
			background: url(../images/ico_58_h.png) no-repeat center #fff;
		}

		.float-right-box .top-list li:hover .ico2 {
			background: url(../images/ico_59_h.png) no-repeat center #fff;
		}

		.float-right-box .top-list li:hover .ico3 {
			background: url(../images/ico_60_h.png) no-repeat center #fff;
		}

		.float-right-box .top-list li:hover .ico4 {
			background: url(../images/ico_61_h.png) no-repeat center #fff;
		}

		.float-right-box .top-list li:hover .ico5 {
			background: url(../images/ico_62_h.png) no-repeat center #fff;
		}

		.float-right-box .top-list li:hover .ico6 {
			background: url(../images/ico_68_h.png) no-repeat center #fff;
		}

		.float-right-box .top-list li:hover .ico7 {
			background: url(../images/ico_69_h.png) no-repeat center #fff;
		}

		.float-right-box .top-list li:hover {
			background-color: #fff;
		}

		.float-right-box .top-list .return-webtop .stt {
			font-family: "Arial";
			font-weight: bold;
		}

	.float-right-box .bot-share {
		position: relative;
		height: 50px;
	}

		.float-right-box .bot-share a {
			display: inline-block;
			width: 50px;
			height: 50px;
			float: left;
			transition: background 0.3s ease 0s;
			margin: 0;
			padding: 0;
		}

		.float-right-box .bot-share .share {
			width: 200px;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
		}

		.float-right-box .bot-share .sina {
			background: url(../images/ico_63.png) no-repeat center;
		}

		.float-right-box .bot-share .wx {
			background: url(../images/ico_64.png) no-repeat center;
		}

		.float-right-box .bot-share .more {
			background: url(../images/ico_66.png) no-repeat center;
		}

		.float-right-box .bot-share a:hover {
			background-color: #525354;
		}

		.float-right-box .bot-share .share-ico {
			background: url(../images/ico_67.png) no-repeat center #191919;
			width: 50px;
			height: 50px;
			display: inline-block;
			cursor: pointer;
			z-index: 2;
			position: relative;
		}

	.float-right-box .top-list li .weix {
		position: relative;
	}

	.float-right-box .sidebox {
		position: absolute;
		right: 250px;
		top: 0;
		transition: all 0.1s ease 0s;
		width: 120px;
		z-index: 10;
		display: none;
		background: #191919;
	}

		.float-right-box .sidebox img {
			width: 110px;
			height: 110px;
			display: block;
			margin: 5px auto;
		}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@font-face {
	font-family: ADELE;
	src: url("../font/ADELE.eot");
	src: url("../fonts/adele.eot") format("eot"), url("../fonts/adele.ttf") format("truetype");
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-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-transition-timing-function: ease-in;
		transition-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)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-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);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
/*↓组图样式↓*/
.HS10, .HS15 {
	overflow: hidden;
	clear: both;
}

.HS10 {
	height: 10px;
}

.HS15 {
	height: 15px;
}

.Hidden {
	display: none;
}

.Clearer {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

.FlLeft {
	float: left;
}

.FlRight {
	float: right;
}
/*幻灯片区域背景*/
.MainBg {
	width: 920px;
	margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
	padding: 0;
}

#OriginalPic {
	width: 920px;
	overflow: hidden;
	position: relative;
	font-size: 13px;
}

	#OriginalPic img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
/*鼠标手势*/
.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	left: 0;
	cursor: url(../images/CurL.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}

.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	right: 0;
	cursor: url(../images/CurR.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}

.ThumbPicBorder {
	width: 920px;
	margin: 0 auto;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
}

	.ThumbPicBorder #btnPrev {
		width: 45px;
		height: 113px;
		cursor: pointer;
		position: absolute;
		left: 20px;
		top: 20px;
	}

	.ThumbPicBorder #btnNext {
		width: 45px;
		height: 113px;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 20px;
	}

	.ThumbPicBorder .pic {
		width: 755px;
		overflow: hidden;
		position: relative;
		margin: 20px auto;
	}

#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 5px;
	width: 135px;
	height: 108px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

	#ThumbPic img.active {
		border: 3px solid #ef9a32;
	}
/*↑组图样式↑*/

/*头部中英双语*/
.top_menu {
	font-size: 13px;
	width: 100%;
	height: 34px;
	background-color: #fdfdfd;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
}

.top_name {
	display: inline-block;
	padding-top: 3px;
}

.top_lang {
	float: right;
	height: 34px;
	padding: 3px 10px 0px 10px;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 769px) {
	.container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

.top_lang img {
	vertical-align: middle;
	display: -webkit-inline-box;
}

.ab_pages {
	clear: both;
	padding: 20px 0;
	font-size: 14px;
	text-align: center;
	overflow: hidden
}

	.ab_pages ul {
		display: inline-block;
		margin: 0 auto;
		padding: 0
	}

		.ab_pages ul a {
			color: #555;
			display: block;
			padding: 3px 11px;
			border: 1px solid #e2e2e2;
			float: left;
			font-size: 12px
		}

			.ab_pages ul a:first-child {
				border-right: 0
			}

				.ab_pages ul a:first-child:hover {
					border-right: 0
				}

			.ab_pages ul a:last-child {
				border-left: 0
			}

				.ab_pages ul a:last-child:hover {
					border-left: 0
				}

			.ab_pages ul a.page-num-current {
				background: #333;
				color: #fff;
				border: 1px solid #333
			}

			.ab_pages ul a:hover {
				background: #333;
				color: #fff;
				border: 1px solid #333
			}

		.ab_pages ul span {
			display: inline-block;
			float: left;
			line-height: 28px;
		}