header {
	position: fixed;
/* 	height: 74px;
color: #ccc; */
	z-index: 999;
	width:100%;
}
/* 
header.fixed {
	height: 70px;
} */

header .logo {
	position: fixed;
	top: 24px;
	left: 50px;
	width: 180px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .logo {
	width: 120px;
	top: 10px;
}

header .words {
	display: block;
	position: fixed;
	top: 40px;
	left: 250px;
	letter-spacing: 1px;
	font-weight: normal;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .words {
	top: 23px;
	left: 185px;
}

header nav.menu {
	margin: 36px 0 0 110px;
	text-align: center;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed nav.menu {
	margin: 22px 0 0 85px;
}
header nav.menu ul li {
	margin: 0 12px;
	font-size: 20px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed nav.menu ul li {
	margin: 0 10px;
/* 	font-size: 16px; */
}

header nav.menu ul li a {
	color: #ccc;
	letter-spacing: 2px;
	cursor: pointer;
}

header nav.menu ul li a:hover,
header nav.menu ul li.active a {
	color: #00dfb9;
	text-decoration: none;
}

header nav.menu .line {
	position: absolute;
	top: 0px;
	width: 0px;
	height: 3px;
	font-size: 3px;
	background-color: #00dfb9;
	display: none;
}

header .hotline {
	position: fixed;
	top: 32px;
	right: 215px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .hotline {
	top: 20px;
	right: 185px;
}

header .hotline span {
	position: fixed;
	color: #00dfb9;
	font-family: Arial;
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 1px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .hotline span {
	/* font-size: 20px; */
}

header .hotline u {
	position: fixed;
	top: 35px;
	right: 230px;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url(../Images/icons.png) no-repeat;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .hotline u {
	top: 20px;
	right: 195px;
}

header .hotline a {
	color: #00dfb9;
}

header .menu-icon {
	position: fixed;
	top: 34px;
	right: 48px;
	font-size: 24px;
	color: #00dfb9;
	z-index: 99;
	display: none;
}

header.fixed .menu-icon {
	top: 18px;
}

header .menu-icon a {
	color: #00dfb9;
	text-decoration: none;
}

header .menu-icon span {
	margin-left: 15px;
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

header .menu-icon span.glyphicon-earphone {
	display: none;
}

header .menu-icon span:hover,
header .menu-icon span.active {
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

header .bg {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 0px;
	background: #111;
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: -1;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .bg {
	height: 70px;
}

@media (max-width:1300px) {
	header .logo {
		top: 24px;
		left: 35px;
		width: 160px;
	}
	header .words {
		display: none;
	}
	header nav.menu {
		margin-left: -40px;
	}
	header.fixed nav.menu {
		margin-left: -55px;
	}
	header nav.menu ul li {
		margin: 0 8px;
	}
	header .hotline {
		right: 200px;
	}
	header.fixed .hotline {
		right: 170px;
	}
	header .hotline u {
		right: 215px;
	}
	header.fixed .hotline u {
		right: 180px;
	}
}

@media (max-width:1080px) {
	header .words {
		display: block;
		left: 220px;
	}
	header .hotline {
		right: 285px;
	}
	header.fixed .hotline {
		right: 255px;
	}
	header .hotline u {
		right: 300px;
	}
	header.fixed .hotline u {
		right: 265px;
	}
	header .menu-icon {
		display: block;
	}
	header nav.menu {
		position: fixed;
		width: 81px;
		top: 38px;
		right: -100px;
		margin: 0px;
		padding-top: 30px;
		border: 1px solid #000;
		border-top: 1px solid #00dfb9;
		border-right: none;
		background: #3a3a3a;
	}
	header.fixed nav.menu {
		top: 22px;
		margin: 0px;
	}
	header nav.menu.active {
		display: block;
		margin: 25px;
		right: -8px;
	}
	header nav.menu ul li,
	header.fixed nav.menu ul li {
		margin: 0px;
		margin-left: 5px;
		width: 80px;
		padding: 15px 0px;
		/* font-family: "宋体"; */
		font-size: 14px;
		text-align: center;
	}
	header nav.menu ul li.active {
		background: #111;
	}
	header nav.menu .line {
		-moz-opacity: 0;
		opacity: 0;
	}
}

@media (max-width:720px) {
	header {
		height: 54px;
	}
	header .logo,
	header.fixed .logo {
		top: 25px;
		left: 20px;
		width: 120px;
	}
	header .words {
		display: none;
	}
	header .menu-icon,
	header.fixed .menu-icon {
		top: 18px;
		right: 30px;
	}
	header nav.menu,
	header.fixed nav.menu {
		width: 60px;
		top: 22px;
		padding-top: 30px;
	}
	header nav.menu.active {
    display: block;
    margin: 25px;
    right: -15px;
    margin-top: 40px;
}
	header nav.menu ul li,
	header.fixed nav.menu ul li {
		margin-left: 5px;
		width: 60px;
		padding: 10px 0px;
		font-size: 12px;
	}
	header .hotline,
	header.fixed .hotline {
		top: 21px;
		right: 218px;
	}
	header .hotline span {
		font-size: 20px;
	}
	header .hotline u,
	header.fixed .hotline u {
		top: 24px;
		right: 223px;
		width: 15px;
		height: 21px;
		background: url(../Images/icons.png) no-repeat 0px -34px;
	}
}

@media (max-width:460px) {
	header {
		height: 42px;
	}
	header.fixed {
		height: 60px;
	}
	header .logo,
	header.fixed .logo {
		width: 130px;
	}
	header .menu-icon,
	header.fixed .menu-icon {
		top: 30px;
	}
	header .menu-icon span.glyphicon-earphone {
		display: inline;
	}
	header nav.menu,
	header.fixed nav.menu {
		top: 17px;
	}
	header .hotline,
	header.fixed .hotline {
		display: none;
	}
	header.fixed .bg {
		height: 85px;
	}
}

/* @media (max-height:310px) {
	header,
	header.fixed {
		display: none;
		height: 0px;
	}
} */
/* 底部 */
#fd{
	background: #000022;
	padding-top: 75px;
}
.index-fd{
	margin-top: -31px;
}
#fd .fd-top{
	overflow: hidden;
	color: #fff;
}
#fd dl{
	float: left;
	width: 20%;
}
#fd dl dt{
	font-size: 16px;
	padding-bottom: 20px;
}
#fd .ul-fd li{
	line-height: 26px;
	font-size:12px;
}
#fd .ul-fd li a{
	color: #a8a8af;
}
#fd .ul-fd li a:hover{
	text-decoration: underline;
}
#fd .weixin,#fd .sina{
	background: url(/Images/fd_icon1.png) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 25px;
}
#fd .weixin-pic{
	position: absolute;
	left: -150px;
	top: 0;
	display: none;
}
#fd .tel{
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 15px;
}
#fd h5{
	font-size: 16px;
	color: #a8a8af;
}
#fd .sina{
	background-image: url(/Images/fd_icon2.png);
}
#fd .fd-copy{
	height: 80px;
	line-height: 40px;
	color: #a3a3a9;
	background-color: #000022;
}
#fd .wp a{color:#a3a3a9;}
/* side */
.side{position:fixed;width:50px;height:275px;right:0;top:250px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width: 175px;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#00dfb9;}
.side ul li img{float:right;}

.side2{
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 500px;
	height: 80px;
}
.side2 ul li{
	width: 40px;
	height: 40px;
}
.side2 ul li a{
	display: block;
	background-color: #00dfb9;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img{
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover{
	background-color: #000022;
}
.side2 ul li .weixin{
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em{
	background: url(/Images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img{
	display: block;
}