@charset "utf-8";
/* CSS Document */
/*-- nav--*/
#nav{ position:absolute;
      left:0;
	  top:0;
	  width:100%;
	  z-index:1000;
} 
#nav .nav-top{
	display: -webkit-grid; 
  display: grid;
 grid-template-columns:1fr 1fr 1fr;
	padding:8px 0;
	align-items: center;
	z-index:26;
}
#nav-log{ width:100%; margin-top:-3rem; margin-left:4rem; }
#nav-log img{ width:38rem;}
#nav>.nav-top>ul{
		display: -webkit-flex; 
  display: flex;
  justify-content:center;
 }

#nav>.nav-top>ul>li{
	position:relative;
}
#nav>.nav-top>ul>li>a{
	display:block;
	padding:3rem 1.4vw 3rem 1.4vw;
	white-space:nowrap;
	color:#333;
	border:none;
	text-decoration:none;
	position:relative;
	z-index:20;
	font-weight:600;
}

#nav .nav-top > ul > li:hover a,#nav .nav-top  li a:hover,#nav .nav-top > ul > li.indexactive a{
		color:var(--web-theme-color-blue);
	text-decoration:none;
	font-weight:600;
}
#nav>.nav-top > ul > li .sub-menu {
      position: absolute;
      top: 75%;
      left: 0px;
      text-align: left;
      background-color: #ffffff;
      width: 260px;
      z-index: -99;
      visibility: hidden;
      opacity: 0;
	   -webkit-box-shadow: 0px 10px 5px rgb(0 0 0 / 20%);
    box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);
	    -webkit-transform: perspective(800px) rotateX(-90deg);
    -moz-transform: perspective(800px) rotateX(-90deg);
    -ms-transform: perspective(800px) rotateX(-90deg);
    transform: perspective(800px) rotateX(-90deg);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;
}
#nav>.nav-top > ul > li .sub-menu .Multi-sub-menu {
      position: absolute;
      top: 0;
      right: -260px;
      z-index: -99;
      visibility: hidden;
	  width: 260px;
}
#nav>.nav-top > ul > li .sub-menu .Multi-sub-menu li{
	border-left:var(--web-theme-color-blue) solid 3px;
}
#nav>.nav-top>ul>li>ul>li{
	position:relative;
}
#nav>.nav-top > ul > li > ul >li:hover .Multi-sub-menu{
      z-index: 99;
	  visibility: visible;
	  background-color:#fff;
}
#nav>.nav-top > ul > li .sub-menu li a {
        display: block;
        color:#333;
        font-weight: 400;
		padding:12px 20px;
		border-bottom:#d1d1d1 solid 1px;
}
#nav>.nav-top>ul>li:hover a,nav .nav-top li a:hover,#nav>.nav-top>ul>li .indexactive a{
	color:var(--web-theme-color-blue);
	text-decoration:none;
}
#nav>.nav-top > ul > li:hover .sub-menu {
      margin-top: 0;
      z-index: 99;
	    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
      visibility: visible;
      opacity: 1; }

#nav>.nav-top>ul>li>.sub-menu li:hover>a,#nav> .nav-top > ul > li .indexactive>a {
	background-color:var(--web-theme-color-blue);
	color:#fff !important;
	text-decoration:none;
}

/*--------移动版导航--------------*/

.navtop {
	width:20px;
	border:none;
	display:none;
	vertical-align:text-center;
	padding-top:6px;
}
.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:6px 0;
	width:20px;
	height:2px;
	background-color:#fff;
}
.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:var(--web-theme-color); 
}
.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:999;
}
.nav-list {
	list-style:none;
	padding:0;
	position:relative;
	padding:3vw 0;
	margin-top:6em;
}

.item-anchor:after {
	content:"";
	position:absolute;
	width:3px;
	height:1px;
	left:0;
	bottom:-10px;
	z-index:16;
	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:20px;
	position:relative;
	text-decoration:none;
	padding:5px 40px;
	display:block;
}

.item-anchor:hover, .item-anchor:focus {
	text-decoration:none;
	color:var(--web-theme-color);
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.mobmain{
	display:none;
	margin-top:15px;
	margin-left:40px;
}
.item-anchor:hover:after, .item-anchor:focus:after {
	width:100%;
	background:#666;
	-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 {
	text-align:left;
	padding-top:2rem;
}
.itemchil{
	color:#fff;
	display:block;
	padding-top:2px;
	font-size:14px;
}
.itemchil i{
	font-size:14px;
}
.animated {
	display:block;
	margin:0 auto
}
.animated:hover .icon-bar, .animated:focus .icon-bar {
	background-color:var(--web-theme-color); 
}
.animated:focus {
	cursor:pointer;
	z-index:9999999;
}
.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:100000;
		background-color:var(--web-theme-color); 
}
.animated .top {
	-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 .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;
}
/*宽屏版电脑下拉菜单*/

/*下拉菜单active焦点背景，字体颜色*/
#nycon-right{	 display: -webkit-flex; 
  display: flex;
  justify-content: flex-end;
     align-items:center;
	 overflow:hidden;
}

/*-- 头部搜索--*/
/*-- 电脑版头部搜索图标--*/
#nycon-right .header-search{ margin-left:4rem;}
#nycon-right .header-search .input-group {
	width:max(100%,200px);
	overflow:hidden;
	
}
#nycon-right .header-search .input-group  .form-control {
	border-radius:15px 0px 0px 15px;
	height:29px;
	font-size:1.5rem;
	border:#fff solid 1px;
	border-right:none;
	background-color:transparent;
	box-shadow:none;
	padding-left:1.5rem;
} 

#nycon-right .header-search .form-control:focus {
	background-color:transparent !important;
	color:#fff;
}
#nycon-right .header-search  .btn-default {
	border-radius:0px 15px 15px 0px;
	border:#fff solid 1px;
	border-left:none;
	background-color:transparent;
	text-transform:uppercase;
	color:#fff !important;
	padding-left:1rem;
}
#nycon-right .header-search  .btn {
	padding:5.5px 8px;
	margin-right:2rem;
} 

	  
#language{
		color:var(--web-theme-color);
	 display: -webkit-flex; 
  display: flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
#language a{
	color:var(--web-theme-color);
	font-weight:600;
	text-decoration:none;
}
#language a:hover{	color:#fff;}

#nav-small-language{ display:none;}	  

@media (min-width:1921px) {		
#nav>.nav-top>ul>li>a{display:block;padding:3.5rem 1vw 3rem 1vw;}
 } 
@media (max-width:1600px) {	
	#nav-log{ width:18rem; margin-top:-1rem; }
	#nav>.nav-top>ul>li>a{display:block;padding:2rem 1vw 2rem 1vw;}
	#nycon-right .header-search .input-group  .form-control {height:30px;} 
	#nycon-right .header-search  .btn { padding-top:6px; padding-bottom:6.5px;} 
 }
@media (max-width:1400px) {	
	#nav-log{ width:18rem; margin-top:-1rem; }
	#nav>.nav-top>ul>li>a{display:block;padding:1.5rem 1vw 2rem 1vw;}
	#nycon-right .header-search .input-group  .form-control {height:29px;} 
	#nycon-right .header-search  .btn { padding-top:8px; padding-bottom:5.8px;} 
 }
@media (max-width:1200px){ 
#nav{ background-color:var(--web-theme-color-blue); }
#nav .nav-top{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(3,auto);
  justify-content: space-between;
	align-items: center;
	padding: 1.2rem;
}
#nav .nav-top .navtop {display:block;margin-right:2rem;	}
#nycon-right .header-search .input-group  .form-control {height:28px;} 
#nycon-right .header-search  .btn {padding:0x 8px; padding-top:4.5px; padding-bottom:6.5px;} 
#nav .item-anchor {font-size:14px;}	
#nav .itemchil:hover{color:var(--web-theme-color);}
#nav .nav-top  ul { display:none;} 
#nav-log{ width:100%; margin:0 auto;  margin-top:-0.6rem; margin-left:-2rem;}
#nav-log img{ width:38rem;}
#nav-small-language a{
	 font-size:1.4em;
}
#nav  .nav-top #nycon-right { display:none;}
#nav-small-language{
	display:block;
		color:var(--web-theme-color);
	 display: -webkit-flex; 
  display: flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
#nav-small-language .nav-language a{
	color:#fff;
	font-weight:600;
	text-decoration:none;
}
#nav-small-language .nav-language a:hover{color:var(--web-theme-color);}

}

@media (max-width:1023px){ 
#nav{ background-color:var(--web-theme-color-blue); }
#nav .nav-top{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(3,auto);
  justify-content: space-between;
	align-items: center;

}
#nav-log{ width:100%; margin:0 auto;  margin-top:-0.6rem; margin-left:-2rem;}
#nav-log img{ width:38rem;}
#nav .nav-top .navtop {
		display:block;	
		margin-right:2rem;	
}
#nav .item-anchor {font-size:14px;}	
#nav .itemchil:hover{color:var(--web-theme-color); }
#nav .nav-top  ul { display:none;} 
#nav-small-language a{
	 font-size:1.4em;
}
#nav .nav-top #nycon-right { display:none;}
#nav-small-language{
	display:block;
		color:var(--web-theme-color);
	 display: -webkit-flex; 
  display: flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
#nav-small-language .nav-language a{
	color:#fff;
	font-weight:600;
	text-decoration:none;
}
#nav-small-language .nav-language a:hover{color:var(--web-theme-color);}

}