@charset "utf-8";
/* CSS Document */


/*手机端*/
.Hmenu-btn{width:26px;height:90px;padding:45px 0 0;cursor:pointer;}
.Hmenu-btn a{display:block;width:100%;height:3px;background-color:#fdb940;position:relative;}
.Hmenu-btn a:before,
.Hmenu-btn a:after{content:"";display:block;width:100%;height:3px;background-color:#fdb940;position:absolute;left:0px;}
.Hmenu-btn a:before{top:-8px;}
.Hmenu-btn a:after{bottom:-8px;}
.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(8px) rotate(0);transform: translateY(8px) rotate(0); }
	100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
	100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) 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(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
	100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
	100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
	100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) 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(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
	100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) 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); } 
}
.Hmenu-btn-web.Hmenu-btn{display:none;padding:24px 0 0;height:50px;float:right;}




/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width:1380px){
	.header-container{padding:0 .4rem 0 .4rem;}
}


@media all and (max-width:1200px){}

@media all and (max-width:1100px){
	.Hnav .Hname{font-size:14px;}
	.Hnav>li{margin:0 0 0 .3rem;}
	.auCHistManSwiper-prev{left:0px;}
	.auCHistManSwiper-next{right:0px;}
	.auCHist-min{width:100%;padding:0 4%;}  
}


@media all and (max-width:1000px){
	img{max-width:100%;}
	
	/*-- Header --*/
	.header-container{padding:0 4%;}
	
	.header-container,
	.Hlogo,
	.Hlang,
	.Hsrch-menu{height:50px;}
	.Hlogo,
	.Hlang{line-height:50px;}
	.Hlogo img{height:28px;}
	.Hsrch{position:static;}
	.Hsrch-box{width:100%;top:50px;border-top:1px solid #ccc;}
	.Hmenu-btn-hr.Hmenu-btn{display:none !important;}
	.Hmenu-btn-web.Hmenu-btn{display:block;}
	
	.Hnav{width:100%;background:#fff;position:absolute;top:50px;left:0px;margin:0px;float:none;overflow-y:auto;display:none;}
	.Hnav>li{width:100%;border-bottom:1px solid #ccc;margin:0px;}
	.Hnav .Hname{padding:0 4%;line-height:45px;text-align:left;}
	
	.banner-box{margin-top:50px;}
	
	/*-- Footer --*/
   .Footer-container{padding:30px 0;}
}


@media all and (max-width:768px){}

@media all and (max-width:640px){}

@media all and (max-width:580px){} 

@media all and (max-width:414px){}

@media all and (max-width:375px){}





