@charset "utf-8";
/* CSS Document */

/*--------------导航内容区设置--------------*/

/*--------移动版导航--------------*/
.mobnav{
  background-color:#30357c;
  z-index:1;
  display: -webkit-flex; 
  display: flex;
  display:none;
   
}
@media (max-width:1023px){
	.mobnav{
		 display: -webkit-flex; 
  display: flex;
	}
}
.mobnav-con{
	flex:1;
	padding:10px 0;
}
.mobnav-con img{ width:50%; margin:0; padding:15px;}
.mobnavleft{
	width:80px;
	padding:10px 20px;

}
.mobnavleft{
	font-size:14px;
	position:relative;
	color:#00a2e9;
}

.mobnavleft a{
	color:#00a2e9;
}
.mobnavleft a:focus,.mobnavleft a:hover{
	text-decoration:none;
	background:none;
}
/*宽屏版电脑下拉菜单*/
.dropdown-menu{
	background-color:#232323;
	overflow:hidden;
	padding:0px;
	z-index:1000;
}
.dropdown-menu>li{
	border-bottom:#555 solid 1px;
	
}
.dropdown-menu>li>a{
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
}

.mobnavcenter{
	padding:10px 0;
}
.navtop {
	width:80px;
	padding:15px 20px 0px 20px;
	margin-top:1.2rem;
	position:relative;
	display:inline-block;
	border:none
}
.btn-nav {
	position:relative;
	background:0 0;
	border:none;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
	cursor:pointer;
	z-index:99999
}
.btn-nav:focus {
	outline:0
}

.icon-bar {
	display:block;
	margin:4px 0;
	width:24px;
	height:3px;
	background-color:#00a2e9;
}
.btn-nav:hover .icon-bar {
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	background-color:#fff;
}
.nav-content {
	position:fixed;
	top:-100%;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.7);
	display:block;
	height:100%;
	z-index:10000;
}
.nav-list {
	list-style:none;
	padding:0;
	position:relative;
	padding:3vw 0;
}

.item-anchor:after {
	content:"";
	position:absolute;
	width:3px;
	height:3px;
	left:0;
	bottom:0;
	z-index:9;
	background:0 0;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.item-anchor {
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
	padding:10px
}
.item-anchor:hover, .item-anchor:focus {
	color:#fff;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.item-anchor:hover:after, .item-anchor:focus:after {
	width:100%;
	background:#fff;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}

.nav-item {
	margin:40px auto;
	text-align:center
}
.itemchil{
	color:#fff;
	display:block;
	padding-top:18px;
	font-size:20px;
}
@media (max-width:980px){
	.nav-item {
		margin:10px auto;
	}
	.item-anchor {
		font-size:16px;
	}
	.nav-list {
		top:10%;
	}
	
	.itemchil{
		font-size:14px;
		padding-top:10px;
	}
}
.itemchil i{
	font-size:14px;
}
.animated {
	display:block;
	margin:0 auto
}
.animated:hover .icon-bar, .animated:focus .icon-bar {
	background-color:#fff;
}
.animated:focus {
	cursor:pointer;
	z-index:9999
}
.middle {
	margin:0 auto
}
.icon-bar {
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-ms-transition:all .7s ease;
-o-transition:all .7s ease;
transition:all .7s ease;
	z-index:999999
}
.animated .icon-bar {
	z-index:999999;
	background-color:#fff
}
.animated .top {
	-webkit-transform:translateY(6px) rotateZ(45deg);
	-moz-transform:translateY(6px) rotateZ(45deg);
	-ms-transform:translateY(6px) rotateZ(45deg);
	-o-transform:translateY(6px) rotateZ(45deg);
	transform:translateY(6px) rotateZ(45deg)
}
.animated .bottom {
	-webkit-transform:translateY(-8px) rotateZ(-45deg);
	-moz-transform:translateY(-8px) rotateZ(-45deg);
	-ms-transform:translateY(-8px) rotateZ(-45deg);
	-o-transform:translateY(-8px) rotateZ(-45deg);
	transform:translateY(-8px) rotateZ(-45deg)
}
.animated .middle {
	width:0
}
@keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-webkit-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-moz-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-o-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
.showNav {
	-webkit-animation:showNav 1s ease forwards;
	-moz-animation:showNav 1s ease forwards;
	-o-animation:showNav 1s ease forwards;
	animation:showNav 1s ease forwards
}
@keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-webkit-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-moz-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-o-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
.hideNav {
	-webkit-animation:hideNav 1s ease forwards;
	-moz-animation:hideNav 1s ease forwards;
	-o-animation:hideNav 1s ease forwards;
	animation:hideNav 1s ease forwards
}
.hidden {
	display:none;
}


/*--------移动版导航--------------*/
.wrap {
	width:100%;
	min-height:100%;
	padding-left:240px;
}

@media (max-width:1023px){
	#search,#menu-nav,.sidebar{
		display:none;
	}
	.wrap {
		padding-left:0px;
	}
}
.sidebar {
	position:fixed;
	top:0;
	z-index:12;
	height:100%;
	width:240px;
	color:#fff;
	background-color:#30357c;
	background-image:url(../images/sidebarbg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:0 bottom;
}
#leftbrand{
	width:100%;
	margin:0;
	padding:5vh 2vw;
}

.sidebar ul {
  margin-top: 10px;
}
.sidebar li {
  list-style: none;
  position: relative;
}
.product-title-first{margin-top:1.5rem;}
.sidebar ul li a{
	padding-left:2vw;
}
.sidebar a{
  display:block;
  text-decoration: none;
  color: #fff;
  position: relative;
  z-index: 1000;
}
.sidebar .hover {
  display: block;
  position: absolute;
  width: 0%;
  height: 30px;
  top: 0px;
  left: 0px;
  background: #0c64ac;
  z-index: 0;
  opacity: 0;
}
.sidebar a:hover {
  color: #FFF;
}
.sidebar .home a:hover {
  color: #1db8ec !important;
}
.sidebar .big{
	padding-top:1.4rem;
	color:#00b7ee !important;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
}

.sidebarline{
	position:absolute;
	left:2vw;
	bottom:-2px;
	border-bottom:#1db8ec solid 1px;
	z-index:100000;
	width:100px;
}
.sidebar .about{
	margin-top:30px;
}
.sidebar ul li:hover ul {
  display: block;
}
.sidebar .push {
  margin-right: 10px;
}


#share{
	color:#fff;
	padding-top:10vh;
}
#share a{
	color:#fff;
	display:block;
	padding:1vh 0 1vh 2vw;
}
#share a:hover{
	color:#00b7ee;
}
@media (max-width:1400px) {
 #share a {
 display:inline-block;
}
}