@charset "utf-8";
/* CSS Document */
.Header-web{display:none;z-index:99;}
.Header-web .Header-cl{height:50px;font-size:0px;position:relative;top:0px;left:0px;}
.Header-web header{width:100%;height:50px;background:#fff;position:fixed;top:0px;left:0px;z-index:99;}
.Header-web .Hlogo{height:50px;line-height:50px;font-size:0px;float:left;overflow:hidden;margin-left:2%;}
.Header-web .Hlogo img{height:70%;width:auto;}

/*手机端*/
.Hmenu-btn{width:50px;padding-top:24px;padding-right:2%;height:50px;float:right;cursor:pointer;}
.Hmenu-btn a{display:block;width:100%;height:3px;background-color:#4e4e4e;position:relative;}
.Hmenu-btn a:before,
.Hmenu-btn a:after{content:"";display:block;width:100%;height:3px;background-color:#4e4e4e;position:absolute;left:0px;}
.Hmenu-btn a:before{top:-10px;}
.Hmenu-btn a:after{bottom:-10px;}
.Hmenu-btn.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}


/*右侧导航*/
.Hweb-nav{width:100%;height:100%;padding:0 0 30px;background:#fff;border-top:1px solid #e5e5e5;position:fixed;top:50px;right:0px;z-index:90;overflow-y:auto;display:none;}
.Hweb-nav li{display:block;}
.Hweb-nav li a{display:block;height:50px;line-height:50px;padding:0 4%;border-bottom:1px solid #e5e5e5;}
.Hweb-nav li .on{font-size:16px;}
.Hw-n2nd,
.Hw-n2nd dl dd{display:none;}
.Hw-n2nd dl dt a{padding:0 8%;height:50px;line-height:50px;}
.Hw-n2nd dl dd a{padding:0 16%;height:40px;line-height:40px;}

/*language*/
.H-lang{position:relative;float:right;position:relative;z-index:3;}
.Hlang-menu{display:block;padding:0px;margin-right:15px;height:50px;line-height:50px;font-size:16px;color:#666666;background:url(../images/icon-hlang.png) no-repeat left center;}
.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:60px;right:-76px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#82d9d1;}
.Hlang-box a.CN{background-image:url(../images/icon-cn.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-en.png);}

/*srch*/
.H-srch{float:right;margin:0 2.352941176470588% 0 0;position:relative;z-index:3;}
.Hsrch-menu{display:block;width:34px;height:50px;    background: url(../images/icon-Hsrch.png) no-repeat center center;position:relative;}
.Hsrch-box{width:100%;height:50px;background:#fff;position:absolute;top:0px;left:0px;display:none;position:absolute;z-index:2;}
.Hsrch-block{padding:0 0 0 4rem !important;width:12rem !important;height:32px;margin:19px auto 0;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-hsrch.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close2.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}

.header-container.header-searching{}
.header-container.header-searching .H-lang{z-index:0;}
.header-container.header-searching .H-nav{z-index:0;}
.header-container.header-searching .H-srch{position:static;}