@charset "utf-8";
/*手机端*/
.Hmenu-btn{width:25px;height:50px;padding:24px 0 0;cursor:pointer;display:none;float:right;margin:0 0 0 10px;}
.Hmenu-btn a{display:block;width:100%;height:2px;background-color:#666;position:relative;}
.Hmenu-btn a:before,
.Hmenu-btn a:after{content:"";display:block;width:100%;height:2px;background-color:#666;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:981px){
	/*web*/
	img{max-width:100%;}
	.contain{width:100%;padding:0 4%;}
	/*-- Header --*/
	.H-logo,.Hsrch-box{height:50px;}
	.H-logo{line-height:50px;}
	.H-logo img{height:30px;}
	 #index-bnr{margin-top:50px;height:300px;}	
	.index-bnr .bnr-img{height:300px;}
	.iBnr1-box{width:90%;margin-left:0px;left:5%;top:15%;}
	.iBnr1-box .t1{font-size:20px;margin-bottom:0px;padding-left:10px;}
	.iBnr1-box .t2{line-height: 60px;margin-bottom:20px;}
	.iBnr1-box .t3{font-size:18px;padding-left:10px;}
	.H-nav{width:100%;background:#fff;position:absolute;top:50px;left:0px;margin:0px;float:none;}
	.H-nav>li{padding:0px;border-bottom:1px solid #ccc;float:none;}
	.H-nav .Hnav-menu{padding:0 4%;height:50px;line-height:50px;color:#333;font-size:14px;}
	.Hnav-sub{padding:0;position:relative;top:0px;}
	.Hnav-sub .contain{padding:0px;}
		
	.Hmenu-btn.H-rMenu-btn{display:none;}
	.Hmenu-btn.Hmenu-web{display:block;}
	.H-nav{display:none;}	
	.Hsrch-box{top:50px;}
	.Hsrch-block{width:92% !important;padding:0px !important;margin:9px auto 0;}	
	.Header-wrapper.Header-searching .H-logo img{display:inline-block;}
	.Header-wrapper.Header-searching .H-logo img.rollover{display:none;}
	
	/*-- Footer --*/
	.F-nav,
	.F-nav.F-nav2{width:20%;}
	.F-ct{width:100%;margin:20px 0 0;}
	.F-cr{padding:15px;font-size:14px;line-height:25px;}
	/*-- Footer --*/
	.footer-container{padding:20px 0;}

	#feature{padding-top:30px;}
	.feature1 .fl,.feature1 .fr,.feature2 .fl,.feature2 .fr{width:100%;}
	.feature1 h4, .feature2 h4{font-size:24px;margin-top:20px;margin-bottom:15px;}
	.pdtb70{padding:30px 0;}
	.ind-Ai h2{font-size:26px;}
	.ind-Ai h4{font-size:20px;}
	.ind-Ai ul li{width:50%;margin-top:20px;font-size: 16px;}
	.ind-Ai h4{margin-bottom:20px;}
	.feature1 .line,.feature2 .line{display: none;}

	.F-logo{width:30%;}
	.F-about{width:65%;}
}


@media all and (max-width:768px){
	
}