锘縣eader nav

@-webkit-keyframes newjump {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}
}
@keyframes newjump {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}
}
header {
	position: fixed;
	z-index: 99999;
	top: 0;
	width: 100%;
	transition: all .3s ease;
	border: 0;
	height:90px;
	background:#fff;
	box-shadow:0 0 20px #333333;
}


header nav .buttons {
	position: absolute;
	right: 45px;
	top:6px; font-size:14px; color:#727272;
}
header nav .buttons span{font-size:22px; color:#d71b3a; font-family:"Arial"}
@media screen and (max-width:768px) {
	header nav .logo {
    position: absolute;
    left: 45px;
    top:6px !important;
}
header .ds2018_banner article {
	background-image: url(../images/headbar_m_27b08b7.svg);
	background-position: center center
}

header .ds2018_banner article .tl_pc {
	position: absolute;
	left: 45px;
	top: 18px
}

header .ds2018_banner article .tl_pc {
	display: none
}
}
header .ds2018_banner article .tc_pc {
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-172px, 13px);
	transform: translate(-172px, 13px)
}
@media screen and (max-width:768px) {
header .ds2018_banner article .tc_pc {
	-webkit-transform: translate(-50px, 13px);
	transform: translate(-50px, 13px)
}
}
@media screen and (max-width:768px) {
header .ds2018_banner article .tc_pc {
	display: none
}
}
@-webkit-keyframes dsloading {
70% {
max-width:0
}
}
@keyframes dsloading {
70% {
max-width:0
}
}
header .btnToggle {
	top: 20px;
	right: 30px;
	height: 10px;
	width: 25px;
	height: 25px;
	display: none
}
header .btnToggle em {
	vertical-align: top;
	width: 100%;
	display: inline-block;
	height: 3px;
	position: relative;
	transition: all .5s ease;
	background: #474747
}
header .btnToggle em::before, header .btnToggle em::after {
	content: '';
	transition: .5s all;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #474747;
	border-radius: 1px
}
header .btnToggle em::before {
	top: -9px
}
header .btnToggle em::after {
	top: 9px
}
header nav {
	position: relative;
	max-width: 1200px;
	margin: 0 auto
}
@media screen and (max-width:768px) {

header nav .btnLogin, header nav .btnLogout {
	display: none;
	visibility: hidden
}
}
header nav .dropdown:after {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: -3px;
	left: 7px;
	border-bottom: 1px solid #474747;
	border-left: 1px solid #474747
}
header nav .menu {
	position: relative
}
header nav .menu.demo {
	display: none
}
@media screen and (max-width:768px) {
header nav .menu.demo {
	display: inherit
}
}
header nav .menu a.menu-icon::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 11px;
	background-size: cover;
	-webkit-transform: translate(0px, 6px);
	transform: translate(0px, 6px)
}

header nav .menu .submenu {
	display: none;
	transition: all .5s ease;
	-webkit-transform: translate(26px, -10px);
	transform: translate(26px, -10px);
	border-radius: 5px;
	width: 250px;
	top:64px;
	right: -44px;
	position: absolute;
	margin: 0;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 0 15px 0 rgba(26,52,45,.4);
	font-size: 16px;
	color: #819394;
	padding-bottom: 13.5px
}
header nav .menu .submenu::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #fff;
	left: 50%;
	margin-left: -11px;
	-webkit-transform: translate(-50%, 0) rotate(-90deg);
	transform: translate(-50%, 0) rotate(-90deg);
	margin-left: 0;
	top: -18px
}

header nav .menu .submenu>li:nth-of-type(1) {
	padding-top: 7.5px
}

header nav .menu .submenu.product {
	width: 500px;
	right: -174px;
	background-color: #fff;
	-webkit-transform: translate(30px, -10px);
	transform: translate(30px, -10px)
}
@media screen and (max-width:768px) {
	header nav .menu .submenu {
	padding-bottom: 0
}
header nav .menu .submenu>li:nth-of-type(1) {
	padding-top: 13.5px
}
	header nav .menu .submenu.product>ul>li{
    width:100% !important;
    display: block;
    float: left;}
	.buttons{ display:none !important;}
	header nav .logo img {
   width: 118px !important;
	height: 40px !important;
}
header nav .menu .submenu.product {
	width: inherit;
	right: inherit;
	-webkit-transform: none;
	transform: none
}
}
header nav .menu .submenu.product>ul>li{
	width: 50%;
	display: block;
	float: left
}

@media screen and (max-width:768px) {
header nav .logo {
	left: 20px;
	top:5px
}
header nav .logo svg {
	width: 93px;
	height: 31px
}
header nav .menu .submenu.product>ul>li:nth-of-type(1) {
	padding: 0
}
}
header nav .menu .submenu.product>ul>li:nth-of-type(1) a {
	font-weight: 400
}
header nav .menu .submenu.product>ul>li:nth-of-type(1) a:hover {
	color: #2e4446;
	text-decoration: none;
	cursor: default
}

header nav .menu .submenu>li, header nav .menu .submenu>ul>li {
	float: none
}
header nav .menu .submenu>li a, header nav .menu .submenu>ul>li a {
	padding: 10.5px 0;
	width: 100%;
	display: inline-block;
	color: inherit
}
header nav .menu:hover .submenu {
	display: block
}
header nav .logo {
	position: absolute;
	left: 45px;
	top: 16px;
}
@media screen and (max-width:1015px) {
header nav .logo {
	left: 16px;
}
}
@media screen and (max-width:768px) {

}
header nav .logo img {
	 width: 154px;
    height:54px;
}
@media screen and (max-width:768px) {

}
header nav ul, header nav li {
	list-style: none
}
header nav .nav-menu {
	position: absolute;
	top: 30px;
	right: 0px
}
header nav .nav-menu .new {
	margin-right: 20px
}
@media screen and (max-width:1045px) {
header nav .nav-menu .new {
	margin-right: 5px
}
}
header nav .nav-menu .new a {
	position: relative
}

@media screen and (max-width:1020px) {
header nav .nav-menu .new a::after {
	display: none
}
}
@media screen and (max-width:768px) {
header nav .nav-menu .new a::after {
	display: inline-block;
	position: initial;
	margin-left: 10px;
	line-height: 20px
}
}
header nav .nav-menu>li {
	text-align: left;
	display: inline-block;
	padding-top: 3px
}
header nav .nav-menu>li>a {
	text-decoration: none;
	padding: 16px 36px;
	font-size: 16px;
	line-height: 20px;
	display: block;
	
}
header nav .nav-menu>li>a:hover {
	color: #474747
}
header nav .buttons {
	position: absolute;
	right: 45px;
	top: 10px
}
@media screen and (max-width:768px) {
header nav .buttons {
	right: 55px;
	top: 5px
}
}
header nav .buttons .btn {
	margin: 0 7.5px
}
.fixed header {
	background: #fff
}
@media screen and (max-width:768px) {
.fixed header .btnRegister {
	display: inline-block
}
.banner{margin-top:50px;}
header {
	height: 50px !important;
}
header .btnRegister {
	display: none
}
header .btnToggle {
	display: block;
	position: absolute;
	right: 20px;
	top: 22px
}
header nav .nav-menu {
	transition: all .3s ease;
	display: block;
	background: #474747;
	height: 0;
	overflow-y: scroll;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	margin: 0
}
header nav .nav-menu>li {
	padding-top: 0;
	display: block
}
header nav .nav-menu>li>a {
	font-size: 16px;
	letter-spacing: normal;
	color: #819394;
	padding:10px 15px !important;
}
header nav .nav-menu>li>a:hover {
	color: #819394
}
header nav .nav-menu>li .submenu {
	-webkit-transform: none;
	transform: none;
	position: static;
	display: block;
	width: 100%;
	background:#fff;
	max-height: 0;
	overflow: hidden;
	box-shadow: none
}
header nav .nav-menu>li .submenu>li, header nav .nav-menu>li .submenu>ul>li {
	padding: 0
}
header nav .nav-menu>li .submenu>li:nth-last-child(1), header nav .nav-menu>li .submenu>ul>li:nth-last-child(1) {
	padding-bottom: 17.5px
}
header nav .nav-menu>li .submenu::before {
	display: none
}
header nav .nav-menu>li:hover .submenu {
	max-height: 800px
}
header nav .dropdown::after {
	position: absolute;
	top: 20px;
	right: 22px;
	left: auto;
	border-bottom: 2px solid #819394;
	border-left: 2px solid #819394
}
.header-menu-active header nav {
	position: relative
}
.header-menu-active header nav .btnToggle em {
	background: rgba(255,255,255,0)
}
.header-menu-active header nav .btnToggle em::before, .header-menu-active header nav .btnToggle em::after {
	top: 0
}
.header-menu-active header nav .btnToggle em::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.header-menu-active header nav .btnToggle em::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.header-menu-active header nav .btnRegister {
	display: none
}
.header-menu-active header nav .nav-menu {
	background: #fff
}
}