/*导航*/

#header{
	position: fixed !important;
	position: relative;
	z-index: 999;
	height: 70px;
	width: 100%;
	background-color: white;
	box-shadow: 0px 1px 2px rgba(0,0,0,.16);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*nav包装*/
#header div.wrapper{
	width: 90%;
	height: 70px;
	min-width: 1180px;
	padding: 0px 5%;
	position: relative;
}

/*logo*/
#header div.logo{
	padding-top: 14px;
	width: 30%;
}

#header div.logo img{
	height: 42px;
}

/*nav-menu*/
#header div.nav{
	width: 70%;
	height: 70px;
	position: relative;
}

/*menu*/

.navMenu{
	display: block;
}

#header .navMenu li{
	float: left;	
	position: relative;
}

#header .navMenu a{
	font-size: 14px;
	height: 70px;
	width: 72px;
	text-align: center;
	line-height: 70px;
	padding: 0 16px;
	display: block;
}

.navMenu a.current{
	color: black;
}

/*二级导航*/
.sudNav{
	display: none;
	opacity: 0;
	position: absolute;
	z-index: 9999;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.sudNav-box{
	display: inline-block;
	width: 180px;
	border-top: 2px;
	border-top-style: solid;
	border-top-color: #333bdb;
	margin-top: 16px;
	background-color: #FFFFFF;
	position: relative;
}

.navMenu li:hover .sudNav{
	opacity: 1;
	display: block;
}

.sudNav-box li, .sudNav-box a {
    padding: 0 !important;
    width: 100% !important;
    height: 56px !important;
    line-height: 56px !important;
}

.sudNav-box li:hover {
    background-color: #333bdb;
}

.sudNav-box li:hover a{
    color: #FFFFFF;
}

/*mobile*/

.top-but{
	display: none;
}

.top-icon-but{
	width: 48px;
	height: 70px;
}

.top-icon-but img{
	width: 24px;
	margin-top: 6px;
}

#menu{
	display: block;
	opacity: 1;
}

#menu2{
	display: none;
	opacity: 0;
}

#top-menu{
	display: none ;
	width: auto;
	opacity: 0;
	position: relative;
	transform: translateY(-30px);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#top-menu li{
	width: auto;
	height: 56px;
	line-height: 56px;
	text-align: center;
}

#top-menu li>a{
	font-size: 14px;
	color: #3a3a3a;
}

#cover{
	display: none;
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 2;
	opacity: 0;
	background-color: black;
	-webkit-transition: opacity 0.16s ease;
    -moz-transition: opacity 0.16s ease;
    -ms-transition: opacity 0.16s ease;
    -o-transition: opacity 0.16s ease;
    transition: opacity 0.16s ease;
}

/*IM*/

.im-box{
	position: fixed;
	margin-top: 35vh;
	z-index: 99;
	right: 5%;
	
}

.im-taobao{
	width: 48px;
	height: 48px;
	background-color: #FFFFFF;
	box-shadow: 0 8px 20px rgba(0,0,0,.16);
}

.im-weixin{
	width: 48px;
	height: 48px;
	margin-top: 16px;
	background-color: #FFFFFF;
	box-shadow: 0 8px 20px rgba(0,0,0,.16);
}

#erma{
	display: none;
	opacity: 0;
	position: fixed;
	margin-top:35vh;
	right: 5%;
	transform: translateX(-56px);
	z-index: 999;
	width: 160px;
	height: 180px;
	background-color: #FFFFFF;
	box-shadow: 0 12px 24px rgba(0,0,0,.16);
	text-align: center;
}

#erma2{
	display: none;
	opacity: 0;
	position: fixed;
	margin-top:35vh;
	right: 5%;
	transform: translateX(-56px);
	z-index: 999;
	width: 160px;
	height: 180px;
	background-color: #FFFFFF;
	box-shadow: 0 12px 24px rgba(0,0,0,.16);
	text-align: center;
}

#erma3{
	display: none;
	opacity: 0;
	position: fixed;
	margin-top:35vh;
	right: 5%;
	transform: translateX(-56px);
	z-index: 999;
	width: 160px;
	height: 180px;
	background-color: #FFFFFF;
	box-shadow: 0 12px 24px rgba(0,0,0,.16);
	text-align: center;
}

.taobao-ma{
	width: 130px;
	height: 130px;
	margin-top: 16px;
	background-color: #1B1D26;
}

.taobao-ma img{
	width: 130px;
	height:130px;
}

/*#erma p, #erma2 p{*/
	/*font-size: 14px;*/
	/*color: #999;*/
	/*padding-top: 8px;*/
/*}*/