@charset "utf-8";

/*主导航菜单*/
#nav-menu {
	height: 36px;
	margin: 0 auto;
}

#nav-menu .container {
	position: relative;
	overflow: visible;
	z-index: 99;
}

#nav-menu .menu {
	padding: 0 0 0 14px;
}

#nav-menu .menu li {
	position: relative;
	float: left;
	padding: 0;
	display: inline;
	font-size: 14px;
}

#nav-menu .menu li h3 {
	font-weight: normal;
	display: inline-block;
	float: left;
}

#nav-menu .menu li a.menuitem {
	margin: 5px 5px 0 5px;
	display: inline-block;
	color: #fff;
	height: 30px;
	line-height: 25px;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 0 10px;
}

#nav-menu .menu li a.curritem {
	color: #fff;
	border-bottom: 4px solid #fff;
}

#nav-menu .menu li a.menuitem:hover {
	acolor: #4567F4;
	color: rgba(250, 250, 250, 0.8);
}

#nav-menu .menu li a.childrenitem {
	margin-top: 5px;
	display: inline-block;
	color: #fff;
	height: 30px;
	text-decoration: none;
	font-size: 15px;
	width: 90px;
	text-align: center;
}

#nav-menu .menu li a.selected,
#nav-menu .menu li a.navhover,
#nav-menu .menu li a.childrenitem:hover {
	color: #1a529c;
}

#nav-menu .menu li a.navhover,
#nav-menu .menu li a.childrenitem:hover {
	background-color: #FFF;
	color: #00F
}

#nav-menu .menu li a.childrenitem span {
	height: 30px;
	line-height: 25px;
	display: inline-block;
	font-weight: bold;
}

#nav-menu .menu li a.selected span,
#nav-menu .menu li a.navhover span,
#nav-menu .menu li a.childrenitem:hover span {
	cursor: pointer;
}

#nav-menu .menu li a.navhover span,
#nav-menu .menu li a.childrenitem:hover span {
	width: 90px;
}

#nav-menu .menu ul.children {
	display: none;
	position: absolute;
	top: 35px;
	left: 3px;
	width: 120px;
	background: #E1EFFB;
	border: 1px solid #E1EFFB;
	border-top: 0;
	line-height: normal;
	z-index: 99;
}

#nav-menu .menu ul.children li {
	width: 120px;
	padding: 0;
	display: inline-block;
	font-size: 12px;
	border-top: 1px solid #eee;
}

#nav-menu .menu ul.children li h3 {
	display: block;
	width: 100%;
}

#nav-menu .menu ul.children li a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 3px 0;
	display: block;
	color: #1a529c;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}

#nav-menu .menu ul.children li a:hover {
	color: #fff;
	background-color: #00F;
	text-decoration: none;
}


#nav-menu .menu2 {
	padding: 0 0 0 14px;
}

#nav-menu .menu2 li {
	position: relative;
	float: left;
	padding: 0;
	display: inline;
	font-size: 14px;
}

#nav-menu .menu2 li h3 {
	font-weight: normal;
	display: inline-block;
	float: left;
}

#nav-menu .menu2 li a.menuitem {
	margin: 5px 5px 0 5px;
	display: inline-block;
	color: #303037;
	height: 30px;
	line-height: 25px;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 0 10px;
}

#nav-menu .menu2 li a.curritem {
	color: #303037;
	border-bottom: 4px solid #303037;
}

#nav-menu .menu2 li a.menuitem:hover {
	background-image: -webkit-linear-gradient(left, #4567F4, #3CD0AF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#nav-menu .menu2 li a.childrenitem {
	margin-top: 5px;
	display: inline-block;
	color: #303037;
	height: 30px;
	text-decoration: none;
	font-size: 15px;
	width: 90px;
	text-align: center;
}

#nav-menu .menu2 li a.selected,
#nav-menu .menu2 li a.navhover,
#nav-menu .menu2 li a.childrenitem:hover {
	color: #1a529c;
}

#nav-menu .menu2 li a.navhover,
#nav-menu .menu2 li a.childrenitem:hover {
	background-color: #FFF;
	color: #00F
}

#nav-menu .menu2 li a.childrenitem span {
	height: 30px;
	line-height: 25px;
	display: inline-block;
	font-weight: bold;
}

#nav-menu .menu2 li a.selected span,
#nav-menu .menu2 li a.navhover span,
#nav-menu .menu2 li a.childrenitem:hover span {
	cursor: pointer;
}

#nav-menu .menu2 li a.navhover span,
#nav-menu .menu2 li a.childrenitem:hover span {
	width: 90px;
}

#nav-menu .menu2 ul.children {
	display: none;
	position: absolute;
	top: 35px;
	left: 3px;
	width: 120px;
	background: #E1EFFB;
	border: 1px solid #E1EFFB;
	border-top: 0;
	line-height: normal;
	z-index: 99;
}

#nav-menu .menu2 ul.children li {
	width: 120px;
	padding: 0;
	display: inline-block;
	font-size: 12px;
	border-top: 1px solid #eee;
}

#nav-menu .menu2 ul.children li h3 {
	display: block;
	width: 100%;
}

#nav-menu .menu2 ul.children li a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 3px 0;
	display: block;
	color: #1a529c;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}

#nav-menu .menu2 ul.children li a:hover {
	color: #fff;
	background-color: #00F;
	text-decoration: none;
}

/*主滚动图片分   mainScroll页*/
.scrollNum {
	position: absolute;
	left: calc(50% + 660px);
	top: 330px;
	z-index: 20;
	margin: 0px;
	padding: 0px;
}

.scrollNum li {
	list-style: none;
	color: #fff;
	text-align: center;
	line-height: 15px;
	width: 12px;
	height: 12px;
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
	margin: 5px;
	background-color: #ddd;
	border-radius: 50%;

	aaafilter: alpha(opacity=70);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.scrollNum li.on {
	font-size: 10px;
	background-color: #fff;
	font-weight: bold;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/*横向滚动图片轮播*/
#hScrollImg {
	background: #FFF;
	overflow: hidden;
	width: 1280px;
}

/* #hScrollImg img {border: 3px solid #F2F2F2; width:175px; height:244px;} */
#hScrollImg img {
	border: 3px solid #F2F2F2;
	width: 175px;
	height: auto;
}

#inhScollImg {
	float: left;
	width: 800%;
}

#hScrollImg1 {
	float: left;
}

#hScrollImg2 {
	float: left;
}

/*纵向滚动图片轮播*/



.divScrollPicture {
	clear: both;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 760px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#divScrollObj {
	overflow: hidden;
	width: 670px;
	height: 240px;
	text-align: center;
	white-space: nowrap;
}

#scrollImageDiv {
	width: 100%;
	position: absolute;
	height: 100%;
	left: calc(50% - 640px);
	margin: 100px auto 0 auto;
}

#scrollImageDiv img {
	width: 1280px;
}