@charset "utf-8";
.l-header-top {z-index: 9999;position: absolute;width: 100%;color: white;}
.l-header-top img.l-header-logo {position: relative;top: 11px; left: 20px;width: 130px;line-height: 0;font-size: 0;}
.slider-logo {width: 135px;line-height: 0;font-size: 0;}
.l-header {z-index: 9999;position: fixed;top:0x;width: 100%; height: 66px;border-top:5px solid #c4cf67;color: white;background: white;}
.l-header img.l-header-logo {position: relative;top: 7px; left: 10px;width: 125px;line-height: 0;font-size: 0;}
.l-header-menu {position: absolute;top: 0;right:75px;height: 50px;}
.menu {position: relative;width: 100%;height: 35px;max-width: 1140px;margin:1.3em 24em 1.3em 0;list-style-type: none;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-flow: row;-webkit-justify-content: center;justify-content: center;}
.menu > li {float: left;font-size: 14px;font-size: 1.4rem;text-align: center;font-weight: 700;width: auto;padding: 0 0 0 1.5em;height: 35px;line-height: 35px;}
.menu > li:first-child {padding: 0 0 0 0;}
.menu > li a{
	display: block;/*margin: 0 10px;*/padding: 0 5px;font-size: 14px;color: #666;
	/* font-family:Verdana, 宋体, Arial, sans-serif; */
	font-family: Verdana,"Microsoft Yahei","微软雅黑", sans-serif;
	font-weight:400;letter-spacing:1px;
}
.menu > li a:hover, .menu > li a.selected   {
    background: #c4cf67;border-radius: 3px;color:#fff;
	/*background: #a7bc0a;color: #fff;border: 1px solid #a7bc0a;box-shadow: 0px 0px 4px rgba(167,188,10,.5);border-radius: 5px;*/
}
.menu > li li a:hover, .menu > li li a.selected{background: none;color:#a8bc0d;}

.menu > li a.language{display: block;margin: 0 10px;font-size: 16px;color: #666;background:none;}
.menu > li a.language:hover, .menu > li a.language_selected   {color:#a7bc0a;border-radius:6px;}
ul.menu__second-level {visibility: hidden;opacity: 0;z-index: 1;}
ul.menu__third-level {visibility: hidden;opacity: 0;}
ul.menu__fourth-level {visibility: hidden;opacity: 0;}
.menu > li:hover {-webkit-transition: all .5s;transition: all .5s;}
.menu__second-level li {}
.menu__second-level li ul {border-left: 1px solid #ccc;padding-left: 1.5em;width: 100%;background: aqua;height: 200px;text-align: left;}
.menu__second-level li ul li {border: none;text-align: left;line-height: 2;}
.menu__third-level li {border-top: 1px solid #111;}
.menu__second-level li a{font-size: 14px;
    padding: 0 5px; 
    margin: 0;
    font-weight: 400;
    letter-spacing: 1px;}
.menu__third-level li a:hover {}
.menu__fourth-level li a:hover {}
.init-bottom:after {}
.menu:before,.menu:after {content: " ";display: table;}
.menu:after {clear: both;}
.menu {*zoom: 1;}
.menu > li.menu__single {position: relative;}/*
.menu > li.menu__single a:hover:before,.menu > li.menu__single  a:hover:after,
.menu__second-level li:hover:before,.menu__second-level li:hover:after {
	transform: translate(0,0);-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);opacity: 1;
}
.menu > li.menu__single  a:before,.menu__second-level li:before{
	content: "";width: 100%;height: 2px;background: #c4cf67;display: block;opacity: 0;
	transform: translate(0,-10px);-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);transition: all 0.5s;
}
.menu > li.menu__single  a:after,.menu__second-level li:after {
	content: "";width: 100%;height: 2px;background: #c4cf67;display: block;opacity: 0;
	transform: translate(0,10px);-webkit-transform: translate(0,10px);
	-moz-transform: translate(0,10px);transition: all 0.5s;
}*/
li.menu__single ul.menu__second-level {
    opacity: 0;visibility: hidden;background: rgba(0,0,0,0.8);position: absolute;left: 0;top: 80px;
    text-align: left;padding: 20px 0 10px;z-index: 1;width: 200px;border-radius: 0 0 5px 5px;
	transition: all 0.2s ease-in-out 0.2s;-webkit-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;-ms-transition: all 0.2s ease-in-out 0.2s;
    -o-transition: all 0.2s ease-in-out 0.2s;
}
li.menu__single ul.menu__second-level li{float: left;
    margin: 0;
    line-height: normal;
    width: 50%;line-height:45px;}
li.menu__single:hover ul.menu__second-level {top:53px;padding:0;visibility: visible;opacity: 1;}
li.menu__single ul.menu__second-level.last {position: absolute;left:21px;text-align: center;}
li.menu__mega ul.menu__second-level {position: absolute;top: 39px;left: 0;box-sizing: border-box;width: 100%;padding: 20px 2%;background: #fff;/*-webkit-transition: all .2s ease;transition: all .2s ease;-webkit-box-shadow: 0 4px 10px -2px rgba(153,153,153,1);-moz-box-shadow: 0 4px 10px -2px rgba(153,153,153,1);box-shadow: 0 4px 10px -2px rgba(153,153,153,1);*/}
li.menu__mega:hover ul.menu__second-level {top: 39px;visibility: visible;opacity: 1;}
li.menu__mega ul.menu__second-level > li {float: left;width: 32%;border: none;}
li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {margin: 0 1%;}
/**语言切换=====================================================*/
.fr{float: right;}
.top{height: 26px;padding-top: 9px;}
.top a{color: #636464;font-size: 12px;font-family: Microsoft Yahei;}
.top a:hover,.top a.language_selected{color:#c4cf67;}
.top a.Stock{display: block;width: 200px;height: 17px;background: url(../images/Icon_Stock.png) no-repeat top left;text-indent: 25px;line-height:17px;}
.top a.CH,.top a.EN{display: block;height:20px;text-indent: 28px;margin-top: -18px;margin-left: 12px;line-height: 20px;}
.top a.EN{font-family: arial;}
.top form{margin-top: -20px;}
.l_mobile_top{}
.l_mobile_top a.CH, .l_mobile_top a.EN{margin-top:.5em;}
.l_mobile_top a{color:#fff;}


.navMobile li.active .nav-link {background-color: #a8bc0d;}
.navMobile .subnav {display: none;background-color: #fff;padding: 20px 0px;}
.navMobile .subnav a {color: #828282;display: inline-block;margin: 0px 10px 6px 0px;text-align:left;width:auto;line-height:24px;font-size:14px;}
.navMobile .subnav a:hover{color: #a8bc0d;text-decoration:underline;}
/**语言切换=====================================================*/
.slider-pro {position: relative;}
.slider-container {position: absolute;top: 0; left: 0; right: 0; bottom: 0;z-index: 8888;width: 100%;height: 100%;text-align: center;}
.slider-container > .inner {position: absolute;width: 100%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.tagline {margin: 0.8em 0;font-size: 25px;font-size: 2.5rem;color: white;padding: 0 0 0 0.8em;}
.slider-container .button {background-color: transparent;border: 2px solid #fff;color: #fff;}
.slider-container .button:hover {background-color: rgba(255, 255, 255, .2);}
#btns {display: block;position: absolute;top: 15px; right: 20px;}
.sb-slidebar {color: #fff;background-color: #8F8E85 !important;}
.sb-slidebar .wrapper {}
.menu-sp {}
.toggle_menu {display: block;width: 24px;height: 24px;background: rgba(255, 255, 255, 1);}
.toggle_menu span {display: block;position: relative;top: 0;width: 100%;height: 2px;margin: 0 auto 6px;background: rgba(89, 87, 87, 1);transition: all .3s}
.sb-active #btns a span {width: 100%;height: 2px;margin: 0 auto 6px;-webkit-transform: translate(0, 0) rotate(0deg);transform: translate(0, 0) rotate(0deg);transition: all .5s;-webkit-animation: none;animation: none}
.sb-active #btns a span:before,.sb-active #btns a span:after {display: none}
.sb-active #btns a span.first {-webkit-transform: translate(0px, 8px) rotate(45deg);transform: translate(0px, 8px) rotate(45deg)}
.sb-active #btns a span.second {opacity: 0}
.sb-active #btns a span.third {-webkit-transform: translate(0px, -8px) rotate(-45deg);transform: translate(0px, -8px) rotate(-45deg)}
#btns a span.type {position: relative;top: -2px; left: -0.01em;width: 100%; height: 0;margin: 0 auto 6px;font-size: 8px;font-weight: bold;}
.toggle-menu li .heading span.state_icon:after{display: block;content: "";position: absolute;top: -2px;right: 1em;width: 8px;height: 8px;border-top: 1px solid #adadad;border-right: 1px solid #adadad;-webkit-transform: rotate(135deg);}
.toggle-menu li .heading span.state_icon.active:after{display: block;content: "";position: absolute;top: 3px;right: 1em;width: 8px;height: 8px;border-top: 1px solid #adadad;border-right: 1px solid #adadad;-webkit-transform: rotate(-45deg);}
.toggle-menu li .heading span.state_icon.open:after{display: block;content: "";position: absolute;top: 1.2em;right: 0.5em;width: 8px;height: 8px;border-top: 1px solid #adadad;border-right: 1px solid #adadad;
-webkit-transform: rotate(-45deg);}
.toggle-menu li .heading span.state_icon.open.active:after{display: block;content: "";position: absolute;top: 0.9em;right: 0.5em;width: 8px;height: 8px;border-top: 1px solid #adadad;border-right: 1px solid #adadad; -webkit-transform: rotate(135deg);}
#fixed-sitetop {z-index: 9999;position: fixed;top: 0;width: 100%;height: 55px;display: none;}
#fixed-top {z-index: 9999;position: fixed;top: 0;width: 100%;}


/*语言切换*/
@media screen and (min-width:1024px){
	.l-header img.l-header-logo {top: 8px; left:10px;width:200px;}
}
@media screen and (min-width:992px){
	.menu {max-width:992px;margin: 1.3em 0em 1.3em 0;}
	.menu > li a{padding:0 8px;}
	.l-header img.l-header-logo {top: 8px; left:10px;width:180px;}
}

@media screen and (min-width:768px){
	.l-header img.l-header-logo {top: 8px; left:10px;width:200px;}
	.l-header {height: 77px;}
	.slider-logo {width: 180px;}
	.tagline {font-size: 36px;font-size: 3.6rem;}
}
@media screen and (min-width:480px){
	#btns {top: 20px; right: 20px;}
}
@media screen and (max-width:1170px){
	.l-header-menu{right:2%}
}
@media screen and (max-width:1024px){
	.menu {max-width:992px;margin: 1.3em 1em 1.3em 0;}
	.menu > li a{padding:0 1px;}
	.l-header img.l-header-logo {top: 8px; left:10px;width:170px;}
}
@media screen and (max-width:992px){
	.menu {max-width:992px;margin: 1.3em 0em 1.3em 0;}
	.menu > li a{padding:0;}
	.l-header img.l-header-logo {top: 8px; left:10px;width:170px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:240px){
	.l-header img.l-header-logo {top: 8px;left: 8px;width: 175px;}
}