#footer .contact .home-second-nav p:after, .clearfix:after, .home-second-nav #footer .contact p:after, .home-second-nav a:after, .nav>ul:after {
	clear: both;
	overflow: hidden
}
#header, #main {
	min-width: 1200px
}
.detail, .nav>ul, .product-detail-nav, .search input {
	box-sizing: border-box
}
body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, iframe, img, input, li, ol, p, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
body, html {
	width: 100%;
	height: 100%
}
body {
	font: 16px 'Source Han Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', "Microsoft YaHei", SimSun, Heiti, sans-serif;
	background-color: #f2f2f2
}
input[type=search] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
input[type=search]:search-cancel-button, input[type=search]:search-decoration {
display:none
}
input[type=search]:-ms-clear {
display:none
}
input[type=search]:-ms-reveal {
display:none
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
display:none
}
fieldset, iframe, img {
	border: 0
}
iframe {
	display: block
}
#footer .contact .home-second-nav p:after, #footer .contact .home-second-nav p:before, .clearfix:after, .clearfix:before, .home-second-nav #footer .contact p:after, .home-second-nav #footer .contact p:before, .home-second-nav a:after, .home-second-nav a:before, .nav>ul:after, .nav>ul:before {
	content: "";
	display: table
}
img {
	border-style: none
}
input:focus {
	outline: 0
}
address, caption, cite, code, dfn, em, optgroup, strong, th, var {
	font-style: normal;
	font-weight: 400
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th {
	text-align: left
}
#footer .contact p, a {
	font-size: inherit;
	font-style: inherit;
	color: inherit
}
#footer .contact p:link, #footer .contact p:visited, a:link, a:visited {
	text-decoration: none
}
.hidden {
	display: none
}
.globle-container {
	width: 1200px;
	margin: 0 auto
}
#header {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%
}
#globle-nav {
	height: 50px;
	background-color: #252525
}
#logo {
	color: #ffffff;
	line-height: 25px;
	display: inline-block;
	margin-top: 12px;
	height: 30px;
	width: 117px;
	padding-left: 40px;
	background: url(../images/logo.png) no-repeat;
}
.search {
	float: right;
	margin-top: 10px;
	position: relative;
	width: 35px;
	height: 30px
}
.search span {
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	width: 15px;
	height: 32px;
	background: url(../images/common/search.png) center center no-repeat;
	cursor: pointer
}
.search .search-bg-active, .search span:hover {
	background: url(../images/common/search_active.png) center center no-repeat
}
.search input {
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100%;
	height: 30px;
	line-height: 1;
	background: #252525;
	display: none;
	border: 1px solid grey;
	border-radius: 16px;
	color: #fff
}
.search-active {
	margin: 10px 0 0 20px
}
.nav {
	float: right;
	height: 50px;
	font-size: 13px
}

.home-second-nav li{ float:right;}
.nav>ul>li, .product-detail-nav .left ul li, .product-nav li {
	float: left
}
.nav>ul {
	height: 100%;
	line-height: 50px
}
.nav>ul>li {
	height: 100%
}
.contact{position:absolute;left:24px;bottom:24px;z-index:99999;font-size:12px;color:#555;}
#footer .contact .nav>ul>li:hover>p, .nav>ul>li:hover>a {
	color: #fff;
	font-weight: 700
}
#footer .contact .nav>ul>li>p, .nav>ul>li>a {
	padding-right: 20px;
	color:#A7A7A7;
	transition: color .4s
}
.nav .active {
	color: #fff;
}
.product-nav {
	position: relative;
	z-index: -2;
	width: 100%;
	height: 69px;
	overflow: hidden;
	background-color: #252525
}
.product-nav ul {
	height: 100%;
	line-height: 69px;
	border-top: 1px solid #4d4d4d
}
#footer .contact .product-nav li p, .product-nav li #footer .contact p, .product-nav li a {
	color: #fff;
	font-size: 13px;
	transition: color .4s
}
#footer .contact .product-nav li p:hover, .product-nav .product-active, .product-nav li #footer .contact p:hover, .product-nav li a:hover {
	color: #e83232;
	font-weight: 700
}
.product-nav .point {
	width: 35px;
	text-align: center
}
.product-nav .point span {
	display: block;
	margin: 35px 0 0 17px;
	width: 2px;
	height: 2px;
	border-radius: 1px;
	background: grey
}
.product-nav img {
	margin: 40px 0 0
}
.slidedown {
	animation: slidedown .5s ease
}
.slideup {
	animation: slideup .5s ease
}
.home-second-nav {
	display: none;
	position: absolute;
	z-index: -1;
	top: 50px;
	left: 0;
	width: 100%;
	height: 159px;
	background: url(../images/homepage/sec-nav-bg.png)
}
.home-second-nav ul {
	margin: 0 auto;
	width: 1200px;
}
#footer .contact .home-second-nav p, .home-second-nav #footer .contact p, .home-second-nav a {
	display: block;
	width: 140px;
	height: 159px;
	text-align: center
}
#footer .contact .home-second-nav p:hover, .home-second-nav #footer .contact p:hover, .home-second-nav a:hover {
	background: url(../images/homepage/sec-nav-hover.png)
}
#footer .contact .home-second-nav p img, .home-second-nav #footer .contact p img, .home-second-nav a img {
	display: block;
	width: 90px;
	height: 72px;
	margin: 25px
}
#footer .contact .home-second-nav p p, .home-second-nav #footer .contact p p, .home-second-nav a p {
	font-size: 14px;
	color: #fff!important;
	line-height: 14px
}
.product-detail-nav {
	position: relative;
	z-index: 9;
	width: 100%;
	height: 40px;
	background-color: #fff;
	color: #333;
	border-bottom: 1px solid #ebebeb;
}
#footer .contact .product-detail-nav .left ul li p:hover, #footer .contact .product_link p:hover, .product-detail-nav .left .active, .product-detail-nav .left ul li #footer .contact p:hover, .product-detail-nav .left ul li a:hover, .product_link #footer .contact p:hover, .product_link a:hover {
	color: #ea3232
}
.product-detail-nav .left {
	float: left;
	height: 39px;
	line-height: 39px;
	font-size: 13px
}
.product-detail-nav .left ul {
	height: 39px
}
#footer .contact .product-detail-nav .left ul li p, .product-detail-nav .left ul li #footer .contact p, .product-detail-nav .left ul li a {
	display: block;
	margin-top: -1px
}
.product-detail-nav .left .point {
	width: 35px;
	text-align: center
}
.product-detail-nav .left .point span {
	display: block;
	margin: 18px 0 0 17px;
	width: 2px;
	height: 2px;
	border-radius: 1px;
	background: grey
}
.product-detail-nav .right {
	float: right;
	height: 39px;
	line-height: 39px
}
#footer .contact .product_link p, .product_link #footer .contact p, {
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0 14px 10px 38px;
	width: 115px;
	height: 40px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 39px
}
.product_link a {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
	padding: 0 0px 10px 20px;
	height: 40px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 39px
}
#footer, .detail {
	overflow: hidden;
	font-size: 10px
}
#footer .contact .product_link p:before, .product_link #footer .contact p:before, .product_link a:before {
	position: absolute;
	top: 3px;
	left: 14px;
	display: block
}
#footer .contact .product_link p:after, .product_link #footer .contact p:after, .product_link a:after {
	content: url(../images/product/go.png);
	position: absolute;
	top: 0;
	right: 14px;
	display: block;
	width: 4px;
	height: 8px
}
#footer, #main {
	position: relative
}
#footer .contact .product_link p.buy:before, .product_link #footer .contact p.buy:before, .product_link a.buy:before {
	content: url(../images/product/buy.png);
	width: 18px;
	height: 17px
}
#footer .contact .product_link p.service:before, .product_link #footer .contact p.service:before, .product_link a.service:before {
	content: url(../images/product/service.png);
	width: 15px;
	height: 15px
}
#main {
	min-height: 100%
}
#footer {
	margin-top: -40px;
	height: 40px;
	line-height: 40px;
	color: silver
}
#footer .pipedright {
	float: left
}
#footer .contact {
	float: right
}
#footer .contact a, #footer .contact p {
	float: left
}
#footer .contact p {
	margin: 0 30px 0 0
}
#footer .dotted {
	border-top: 2px dotted silver
}
.detail {
	position: absolute;
	bottom: 24px;
	right: 24px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #000;
	opacity: .3;
	filter: alpha(Opacity=30);
	line-height: 28px;
	color: #fff;
	cursor: pointer
}
.detail:before {
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	right: 8px;
	width: 13px;
	height: 11px;
	background: url(../images/product/detail.png)
}
.detail span {
	display: none;
	margin-left: 8px
}
@keyframes slidedown {
0% {
top:-109px;
opacity:0
}
100% {
top:50px;
opacity:1
}
}
@keyframes slideup {
0% {
top:50px;
opacity:1
}
100% {
top:-109px;
opacity:0
}
}