@charset "utf-8";
/* CSS Document */


/*手机端*/
.Hmenu-btn{width:30px;padding:24px 0 0;height:50px;float:right;cursor:pointer;display:none;margin:0 0 0 10px;}
.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); } 
}



@media all and (max-width:1200px){ /*1200*/

	.Hnav a{width:95px;font-size:16px;}
	
	#index-bnr .box{padding:0 2%;width:100%;left:0px;margin-left:0px;}
}

@media all and (max-width:1100px){/*1024 * 768 */

	.Hnav a{width:75px;font-size:14px;}
		
	.com-pro .con{width:100%;}
}

@media all and (max-width:980px){/*web*/

	body, button, input, pre, select, textarea{font-weight:normal;}

	img{max-width:100%;}

	/*-- Header --*/
	.Header-wrapper .Header-cl,
	.header-container,
	.Hlogo,
	.Hct,
	.Htel{height:56px;}
	.Hlogo{line-height:56px;}
	.Htel{padding:0px;width:36px;font-size:0px;top:0px;background-position:center center;margin:0px;}
	.Hct{width:42px;}
	.Hlogo img{height:99%;}
	.Hmenu-btn{display:block;}
	.Hnav{display:none;width:100%;background:#fff;border-top:1px solid #ccc;position:absolute;top:55px;left:0px;}
	.Hnav a{width:100%;height:45px;line-height:45px;border-bottom:1px solid #ccc;float:none;margin:0px;}
	.Hnav a .box{height:45px;line-height:45px;top:0px;}
	.Hnav a.cur .box span, 
	.Hnav a:hover .box span{top:-45px;}
	.Hnav a i{display:none;}
	.Hnav a.cur,
	.Hnav a:active{border-color:#b60005;}
	

    .Header-wrapper{z-index:9999;}
}