@charset "utf-8";
/* CSS Document */


/*手机端*/
.Hmenu-btn{width:30px;padding:24px 0 0;height:50px;float:right;cursor:pointer;display:none;}
.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); } 
}


.Header-web{width:100%;background:#fff;border-top:1px solid #ccc;position:absolute;top:50px;left:0px;display:none;}
.Hweb-nav a{display:block;padding:0 4%;height:45px;line-height:45px;font-size:16px;border-bottom:1px solid #cbcbcb;position:relative;}
.Hweb-nav .HwNav-n2{padding:0 8%;font-size:14px;height:40px;line-height:40px;}
.Hweb-nav .HwNav-n3{padding:0 16%;font-size:12px;height:35px;line-height:35px;}

.Hweb-nav a.cur{color:#ea2654;border-color:#ea2654;}
.Hweb-nav a .icon{display:block;width:40px;height:100%;background:url(../../images/icon/icon-dd.png) no-repeat center center;position:absolute;right:0px;top:0px;z-index:2;}
.Hweb-nav a.cur .icon{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}


.HwN2nd-box,
.HwN2nd-box dd{display:none;}

/*搜索*/
.HwSrch-box{width:92%;padding:0 55px 0 10px;height:50px;border:1px solid #ccc;position:relative;margin:2% auto;}
.HwSrch-box .text{width:100%;height:48px;line-height:48px;}
.HwSrch-box .btn{width:50px;height:48px;background:url(../../images/icon/icon-srch.png) no-repeat center center;position:absolute;right:0px;top:0px;}
.HwSrch-box i{display:block;width:1px;height:20px;background:#ccc;position:absolute;right:51px;top:14px;}

.Hwlogin{display:block;width:30px;height:50px;font-size:0px;background:url(../../images/icon/icon-login3.png) no-repeat center center;float:right;display:none;}







