/*导航*/
.menu>li:first-child { margin-left: 0; }
.nav .language li, .nav .pc-menu li { float: left; }
.menu-pos { position: fixed; top: 5.6%; z-index: 99; width: 100%; }
.menu-box { width: 93%; margin: 0 auto; }
.logo { display: inline-block; width: 14.3%; vertical-align: bottom; margin-bottom: 20px; }
.nav { width: 85%; text-align: right; display: inline-block; vertical-align: bottom; }
.menu-hover1>a { color: #fba51a !important; }
.menu>li { text-align: left; margin-left: 20px; }
.menu>li>a {  background: url(../images/menu_bg.png) repeat top left; z-index: 1; position: relative; height: 26px; padding: 0 10px 20px; line-height: 26px; display: block; color: #fff; font-size: 18px; }
.menu>li>a:before { transition: 0.3s ease 0s; position: absolute; content: ''; z-index: -1; width: 0%; height: 3px; background: #fba51a; left: 50%; bottom: 0; }
.menu>li:nth-child(6) div, .menu>li:nth-child(7) div, .menu>li .last-div { left: auto; right: 0; }
.menu>li .last-div6, .menu>li .last-div7 { left: auto; right: 0; }
.menu { margin-top: 20px; margin-right: 20px; }
.menu>li:hover>a:before, .menu>li.on a:before { width: 100%; left: 0; }
.menu-hover { vertical-align: top; display: inline-block; white-space: nowrap; font-size: 14px; color: #fff; }
.menu>li>div { line-height: 2.3; padding: 20px 0; visibility: hidden; display: none; left: 0; top: 100%; position: absolute; width: 100%; background: url(../images/bg2.png) repeat top left; background: rgba(255,255,255,0.1); }
.menu>li>div>p:before { left: 50px; opacity: 0; bottom: 0; position: absolute; border-color: transparent transparent #fff; border-style: solid; display: inline-block; border-width: 0 6px 6px; content: ''; box-sizing: border-box; transition: 0.5s ease 0s; }
.menu>li>div>p { position: relative; padding-top: 15px; width: 100%; border-bottom: 1px solid #fff; }
.menu>li:hover>div { visibility: visible; display: block; }
.menu-hover li { float: none !important; }
.menu>li:nth-child(2):hover>div>p:before { opacity: 1; transition: 0.5s ease 0s; }
.menu>li:nth-child(3):hover>div>p:before { opacity: 1; transition: 0.5s ease 0s; left: 60px; }
.menu>li:nth-child(4):hover>div>p:before { opacity: 1; transition: 0.5s ease 0s; left: 60px; }
.menu>li:nth-child(5):hover>div>p:before { opacity: 1; transition: 0.5s ease 0s; }
.menu>li:nth-child(6):hover>div>p:before { opacity: 1; left: auto; right: 50px; transition: 0.5s ease 0s; }
.menu>li:hover>.last-div6>p:before { opacity: 1; left: auto; right: 50px; transition: 0.5s ease 0s; }
.menu>li:nth-child(7):hover>div>p:before { opacity: 1; left: auto; right: 75px; transition: 0.5s ease 0s; }
.menu>li:hover>.last-div7>p:before { opacity: 1; left: auto; right: 75px; transition: 0.5s ease 0s; }
.menu-hover li a:hover { color: #fba51a; }
.close span:after { transform: rotate(-45deg); }
.close span:before { transform: rotateZ(45deg); }
.close span:before, .close span:after { top: 50%; margin-top: -1px; right: 0; position: absolute; content: ''; display: block; width: 15px; height: 2px; background: #fba51a; transition: 0.3s ease 0s; }
.close span:hover:before { margin-top: -4px; }
.close span:hover:after { margin-top: 4px; }
.close span:hover:before, .close span:hover:after { transform: rotateZ(0deg); }
.language a.on3 { color: #fba51a; }
.language a:before { top: 50%; background: #fba51a; content: ''; position: absolute; left: 18px; width: 6px; height: 6px; border-radius: 50%; margin-top: -2px; transition: 0.3s ease 0s; opacity: 0; }
.language a:after { content: ''; position: absolute; background: transparent; width: 10px; height: 10px; left: 15px; border-radius: 50%; top: 50%; margin-top: -5px; border: 1px solid #fba51a; transition: 0.3s ease 0s; opacity: 0; }
.language a:hover:before, .language a:hover:after, .language a.on3:before, .language a.on3:after { opacity: 1; }
.close span { width: 15px; display: inline-block; position: relative; cursor: pointer; line-height: normal; color: #fba51a; height: 20px; }
.pc-language p {padding-left: 15px;  cursor: pointer; background: url(../images/menu_bg.png) repeat top left; }
.pc-language p:hover span { -webkit-animation: bounce-up 1s ease infinite; animation: bounce-up 1s ease infinite; }
@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(-8px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(-3px);
}
}
 @keyframes bounce-up { 25% {
transform: translateY(-8px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-3px);
}
}
.pc-language p:hover img { -webkit-filter: grayscale(0); }
.pc-language img { transition: 0.3s ease 0s; -webkit-filter: grayscale(0.5); display: inline-block; vertical-align: middle; width: 20px; margin-right: 10px; }
.pc-language span { transition: 0.3s ease 0s; vertical-align: middle; font-size: 16px; line-height: 32px; display: inline-block; color: #fff; }
.pc-language a:hover { color: #fba51a; }
.pc-language, .pc-menu { margin-left: 20px; vertical-align: middle; display: inline-block; }
.close { margin: 10px 0 0; font-size: 0; text-align: right; }
.body:before { content: ''; position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; background: rgba(0,0,0,0.5); transition: 0.3s ease 0s; z-index: 99999; }
.language a { position: relative; color: #333; border-bottom: 1px solid #ddd; padding: 10px 0; display: block; text-align: center; }
.language { margin-top: 3.5%; display: none; border-radius: 8px; background: #fff; top: 5.6%; right: 3.5%; text-align: center; width: 120px; position: fixed; font-size: 14px; z-index: 99999; margin-top: 3.5vw; }
.page-pos .language { top: 4.7%; }
 @media only screen and (max-width: 1500px) {
.menu>li>a { line-height: 24px; font-size: 16px; }
.language, .erweima { }
.language li a { }
}
@media only screen and (max-width: 1450px) {
	.menu>li>a { font-size: 14px;    padding: 0 5px 10px; }
 .menu>li{margin-left:10px;}
	}
@media only screen and (max-width: 1150px) {
.language1 li:first-child { margin-left: 0; }
.page-pos .language { top: 3vw; }
.MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger { top: 6.1vw !important; }
.page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger, .menu-pos.page-pos, .page-pos .language { top: 2.78vw !important; }
.MenuList_d1-default .MenuList_d1-nav-list { width: 100% !important; margin: 25vw auto 0 !important; }
.page-pos .MenuList_d1-default .MenuList_d1-nav-list { margin: 20vw auto 0 !important; }
.menu-pos.page-pos { top: 5.55vw; }
.language1:before { content: ''; height: 100%; display: inline-block; vertical-align: bottom; }
.logo a { display: inline-block; vertical-align: middle; }
.menu-pos { top: 3.7%; }
.pc-language, .pc-menu { display: none !important; }
.mob-menu { display: block; }
.language1 li { float: none; display: inline-block !important; margin-left: 4.38%; }
.language1 { top: 6.4vw; left: 5.55%; width: 88.9%; z-index: 9998; position: fixed; margin-left: 0; text-align: left; display: none; }
.language1 li a { color: #fff; text-align: center; border-radius: 50%; border: 2px solid #fff; max-width: 56px; max-height: 56px; padding: 0 !important; width: 7.8vw; height: 7.8vw; line-height: 200%; font-size: 28px; display: block; }
.menu-box { height: 9.8vw; width: 88.2%; max-height: 70px; }
.logo { display: inline-block; width: 50%; height: 100%; margin-bottom: 0; }
.nav { width: 47.5%; }
.MenuList_d1-open .MenuList_d1-hamberger { position: fixed; z-index: 9999; background: #555; }
.MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { max-width: 37px !important; }
.MenuList_d1-default .MenuList_d1-nav-list>li { line-height: 90px; font-size: 28px; }
.MenuList_d1-default .MenuList_d1-nav-list { margin: 27.1% auto 0 !important; }
.MenuList_d1-nav-list .language { width: 100%; display: block; }
.logo:before { height: 100%; vertical-align: middle; content: ''; display: inline-block; }
}
@media only screen and (max-width: 770px) {
.logo a { margin-top: 0; }
.language1 li a { line-height: 7.8vw; font-size: 3.89vw; }
.MenuList_d1-default .MenuList_d1-nav-list>li { line-height: 12.5vw; font-size: 5.5vw; }
}
@media only screen and (max-width: 450px) {
.MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { height: 2px !important; }
.MenuList_d1-hamberger span:before { top: -7px !important; }
.MenuList_d1-hamberger span:after { bottom: -7px !important; }
.MenuList_d1-open .MenuList_d1-hamberger span:before, .MenuList_d1-open .MenuList_d1-hamberger span:after { top: 0 !important; }
}