.huabu{ width:1368px; margin:0 auto; padding:0; position:relative; height:500px; overflow:hidden}

.huabu h1{font-size: 30px;color: #FF603B; line-height:55px; padding:0; margin:0; position:absolute}
.huabu p{font-size: 14px;color: #333333;line-height: 26px; position:absolute}
.huabu ul{font-size: 14px;color: #333333; position:absolute; padding:0; margin:0;}
.huabu ul li{ list-style:none; line-height:20px; margin-bottom:19px; background:url(../webimages/dots.png) no-repeat left center; background-size:auto 14px; padding-left:26px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../webimages/dots.png',sizingMethod='scale');}
.huabu div{position:absolute}
.huabu div img{ height:100%; width:auto; }

#product { }
#health  { background-color:#f6f6f6}
#school  { }
#teacher { background-color:#f6f6f6}
#fimly   { }
#web     { background-color:#f6f6f6}
#ipad    { }
#app     { background-color:#f6f6f6}
#download{ }
#footer  { height:500px; background: #34373D;}

#productbox h1{  left:134px; top:0px}
#productbox p{ width:560px; left:134px; bottom:0px}
#productbox div{ height:361px; right:50%; top:85px; margin-right:-249px}

#healthbox h1{  left:683px; top:0px}
#healthbox p{ width:560px; left:683px; bottom:0px}
#healthbox div{ height:434px; left:50%; top:66px; margin-left:-246px}

#schoolbox h1{  left:140px; top:0px}
#schoolbox p{ width:440px; left:140px; bottom:0px}
#schoolbox div{ height:500px; right:50%; top:0px; margin-right:-285px}

#teacherbox h1{  left:768px; top:0px}
#teacherbox p{ width:532px; left:768px; bottom:0px}
#teacherbox div{ height:394px; left:50%; top:106px; margin-left:-206px}

#fimlybox h1{  left:140px; top:0px}
#fimlybox p{ width:440px; left:140px; bottom:0px}
#fimlybox div{ height:500px; right:50%; top:0px; margin-right:-281px}

#webbox h1{  left:851px; top:0px}
#webbox ul{ width:532px; left:851px; bottom:0px; display:block;}
#webbox div{ height:370px; left:50%; top:65px; margin-left:-240px}

#ipadbox h1{  left:140px; top:0px}
#ipadbox ul{ width:532px; left:140px; bottom:0px; display:block;}
#ipadbox div{height: 343px;	right: 50%;	top: 77px ; margin-right:-228px}

#appbox h1{  left:770px; top:0px}
#appbox ul{	width: 532px;	left: 770px;	bottom: 0px;	display: block;}
#appbox div{height: 333px;	left: 50%;	top: 89px ; margin-left:-100px}

.huabu h1{ 
filter:alpha(opacity=0);  
-moz-opacity:0;  
-khtml-opacity: 0;  
opacity: 0;  
}
.huabu ul,.huabu p{
filter:alpha(opacity=0);  
-moz-opacity:0;  
-khtml-opacity: 0;  
opacity: 0;  
 }

#downloadbox{ width:1368px; margin:0 auto; padding:0; padding-bottom:100px; }

#downloadbox h1{font-size: 30px;color: #333333; text-align:center; padding-top:100px; padding-bottom:96px;}
#downloadbox ul{ list-style-type:none; margin:0; padding:0; margin-left:0%; margin-right:0%; width:100%;}
#downloadbox ul li{ width:20%; float:left; text-align:center; line-height:30px; margin-left:6%}
#downloadbox ul li div{ float:left; width:30.33%; height:156px}
#down_web{ margin-right:7.0%; }
#down_ipad{ margin-right:2%; width:23.5% !important;}
#down_app{width:23.5% !important; margin-right:6%;}

#footer{}
#footer h1{font-size: 30px;color: #d6d7d8; text-align:center; padding-top:100px; padding-bottom:96px;}
#contactus{ width:640px; margin:0 auto; padding:0}
#ewm{ float:left; color:#717377; width:210px; border-right:#85878A 1px solid; padding:10px 0px 0px;  text-align:center}
#ewm img{ display:block; margin-bottom:0px; margin:0 auto}
#ewm span{ display:block; padding-bottom:10px}
#contact{ float:left;}
#contact ul{ margin:0; padding:0; list-style-type:none; margin-left:60px}
#contact ul li,#contact ul li a{ color:#717377}
#contact ul li{ line-height:34px; margin-bottom:6px}


@media (max-width:320px) and (max-width:413px){


	}


@media (max-width:414px) and (max-width:767px){


	}

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


	}	
	
@media (min-width:1024px) and (max-width:1199px){


	}	
	
@media (min-width:1200px) and (max-width:1367px){

	
	
	}	

@media (min-width:1368px){

	
	
	}

#banner{ background:url(../webimages/bg.jpg) center top no-repeat; background-size:100% auto; height:680px}
#banner h1{ font-size:40px; text-align:center; color:#ffffff; margin:0; padding:0; padding-top:255px;font-weight:300}
#banner p{ width:600px; margin:0 auto; padding:0; padding-top:40px; font-size:17px; color:#FFF; line-height:30px; text-align:center; font-weight:100}