@charset "utf-8";
/* css document */


/*手机端*/
.hmenu-btn{width:9%;padding:24px 2% 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); } 
}



/*搜索*/
.hnav li.hw-srch,
.hnav li.hw-lang{padding:15px 4%;border-top:1px solid #ccc;display:none;}
.hw-srchbox{padding:0 60px 0 10px;height:50px;background:#fff;position:relative;border:1px solid #ccc;}
.hw-srchbox .text{width:100%;height:48px;}
.hw-srchbox .btn{width:50px;height:100%;background:url(/uploads/image/aphiicon/icon-srch.png) no-repeat center center;position:absolute;right:0px;top:0px;}
.hw-srchbox i{display:block;width:1px;height:16px;background:#ccc;position:absolute;right:50px;top:50%;margin:-8px 0 0;}

.hnav li.hw-lang{padding:10px 4%;overflow:hidden;}
.hnav li.hw-lang a{display:block;width:46%;height:40px;line-height:38px;text-align:center;border:1px solid #ccc;border-radius:40px;float:left;margin:5px 2%;}