/* 基础样式 [20140710 17:10:21] */
/*
  * @name:学而思官网
  * @author:郭晓芳
  * @date:2013-01-22
*/
body,html{ 
    background:#FFF; color: #666;
}
body,button,input,select,textarea{
	font:12px 宋体,tahoma,arial;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0; margin:0;padding:0;font-family: "宋体","tahoma","arial",;
}
header, footer, nav, section, article, aside, dialog, figure, menu { display:block }
table{
	border-collapse:collapse;border-spacing:0;
}
fieldset,img{
	border:0;
}
ol,ul {
	list-style:none;
}
a{
    color: #666;
	text-decoration:none;
}
a:hover {
    color:#116ec1;
	text-decoration:underline;
}


.fn-clear:after {
	visibility:hidden;	
	display:block;	
	font-size:0;	
	content:" ";	
	clear:both;	
	height:0;
}
.fn-clear {
	zoom:1; /* for IE6 IE7 */
}
.fn-left,.fn-right {
	display:inline;
}
.fn-left {
	float:left;
}
.fn-right {
	float:right;
}
.relative{ 
    position:relative;
}

/*------------------------------------------------------------------公用框架样式------------------------------------------------------------------*/
.wrapper{ width:960px; margin:25px auto;}
a.icon_sina,a.icon_tx,a.icon_qzone,a.icon_renren,.navSearch,.searchBtn{ background:url(http://pic.speiyou.com/haoweilai/images/indexSprite.gif) no-repeat;}

/*header*/
#header{ position:relative; height:95px; z-index:100;}
.header-top{ height:85px; overflow:hidden;}
.headerLogo{ margin:20px 0 15px 20px; background:url(http://pic.speiyou.com/haoweilai/images/logo.gif) no-repeat; width:180px; height:50px; text-indent:-9999px;}
.headerLogo h1 a{ display:block; width:180px; height:50px;}
.headerRight{ margin-top:50px; margin-right:10px; color:#999999; line-height:15px;}
.headerRight span{ text-indent:-9999px;}
.headerRight a{ color:#999999;}
.headerRight a:hover{ color:#116ec1;}

/*header右侧小图标*/
a.icon_sina,a.icon_tx,a.icon_qzone,a.icon_renren{ display:inline-block; width:20px; height:16px; overflow:hidden;}
a.icon_sina{ background-position:0 0;}
a.icon_sina:hover{ background-position:-20px 0;}
a.icon_tx{ background-position:0 -16px;}
a.icon_tx:hover{ background-position:-20px -16px;}
a.icon_qzone{ background-position:0 -32px;}
a.icon_qzone:hover{ background-position:-20px -32px;}
a.icon_renren{ background-position:0 -48px;}
a.icon_renren:hover{ background-position:-20px -48px;}

/*nav*/
#nav{ position:relative; width:975px; margin:0 auto; height:52px; z-index:100;}
.mainNav{ position:relative; background:url(http://pic.speiyou.com/haoweilai/images/navBg.png) no-repeat 0 -3px; height:52px; padding:0 7px 0 6px; z-index:100;}
.mainNav ul{ width:790px;}
.mainNav ul li{ float:left;}
.mainNav ul li a,.mainNav ul li.active a,.mainNav ul li#home a,.mainNav ul li#home.active a{ background:url(http://pic.speiyou.com/haoweilai/images/navHoverBg.png) no-repeat;}
.mainNav ul li a{ background-position:right -205px; display:inline-block; padding:0 27px; height:44px; _margin-top:-1px; line-height:43px; font-size:14px;}
.mainNav ul li a:hover{ background-position:right -94px; color:#666; text-decoration:none;}
.mainNav ul li.active a{ background-position:right -147px; color:#FFF; height:44px;}
.mainNav ul li.active a:hover{ background-position:right -147px; color:#FFF; text-decoration:none;}
.mainNav ul li#home a{ background-position:0 -44px; width:100px; padding:0; height:44px;_margin-top:0px;}
.mainNav ul li#home a:hover{ background-position:0 1px; color:#FFF; text-decoration:none;}
.mainNav ul li#home.active a{ background-position:0 1px; width:100px; color:#FFF; padding:0; height:44px;}
.mainNav ul li#home.active a:hover{ background-position:0 1px; color:#FFF; text-decoration:none;}

/*subnav*/
.subNav{ display:none; position:absolute; left:0px; top:20px; background:url(http://pic.speiyou.com/haoweilai/images/navBg.png) no-repeat 0 -70px; width:691px; height:225px; z-index:80; padding-left:104px; padding-right:180px;}/*2013-02-18 修改 left值*/
.subNavBox{ float:left; padding-top:35px; height:170px; text-align:left;}
.subNavBoxHover{ background:url(http://pic.speiyou.com/haoweilai/images/subNavHoverBg.gif) no-repeat;}
.subNavBox ul li{ line-height:27px;}
.subNavBox ul li a{ display:block; padding-left:27px; padding-top:0; display:inline-block;}
.subNavBox ul li a:hover{ background:url(http://pic.speiyou.com/haoweilai/images/indexSprite.gif) no-repeat;}
.subNavBox ul li a:hover{ background-position:16px -148px;}
#subNav1,#subNav6{ width:125px;}
#subNav2,#subNav3,#subNav4,#subNav5{ width:110px;}
/*indexSearch*/
.navSearch{ margin:10px 15px 8px 10px; height:25px; width:143px; background-position:0 -120px; text-align:left;}
.navSearch span{ display:inline-block;}
.searchIn{ border:0; background:none; margin-left:10px; margin-top:5px; width:100px; height:14px; color:#666666;}
.searchBtn{ border:0; background-position:2px -78px; width:19px; height:17px; margin-top:4px; margin-right:8px; cursor:pointer;}


/*footer*/
#footer{ position:relative; margin-top:20px; border-top:1px dashed #d8d8d8; padding:15px 0; color:#666666; height:50px;}
#footer p{ padding-bottom:10px; text-align:center;}
#footer p a{ padding:0 10px; color:#666666;}
#footer p a:hover{ color:#e60012;}

/*返回顶部*/
.go_top{ width:50px; height:50px; position:fixed; display:none; z-index:200;}
.goTop{ background:url(http://pic.speiyou.com/haoweilai/images/indexSprite.gif) no-repeat 0px -285px; width:50px; height:50px; display:block;}
.goTop:hover{ background:url(http://pic.speiyou.com/haoweilai/images/indexSprite.gif) no-repeat -0px -235px; width:50px; height:50px; display:block;}

/**/
.mt20{ margin-top:20px;}
.clear{ clear:both; height:1px; overflow:hidden;}


/***************************************************************************************
* subSection TAL  Date:2013/08/05
***************************************************************************************/

/*TAL header*/
#header{ 
    position:relative; 
	height:95px;
	background:url(http://pic.speiyou.com/haoweilai/images/TAL-script02.png) 0 -440px repeat-x;
	/*box-shadow:2px 3px 4px rgba(0,0,0,0.1);*/ 
	z-index:200;
}
.headerLogo-TAL{ 
    margin:5px 0 10px 10px; 
	background:url(http://pic.speiyou.com/haoweilai/images/logo-TAL.png) no-repeat; 
	width:181px; 
	height:41px; 
	text-indent:-9999px;
}
.headerLogo-TAL h1 a{ 
    display:block; 
	width:181px; 
	height:41px;
}
.headerRight{ 
    margin-top:6px; 
	margin-right:10px; 
	color:#999999; 
	line-height:15px;
}
.headerRight a{ color:#999999;}
.headerRight a:hover{ color:#116ec1;}
.wid720{ width:720px; height:45px;}

/*TAL　header-search*/
.navSearch{ margin:5px 15px 8px 0;}

/*TAL nav*/
.nav-TAL{
	float:left;
	width:560px;
	margin:0 0 10px 0;

}
.nav-TAL ul li{
    position:relative;
	float:left;
	padding:0 20px;
	z-index:200;
}
.nav-TAL ul li a{
	display:block;
	padding:10px 5px;
	font-size:14px;
	color:#555;
}
.nav-TAL ul li a:hover,.nav-TAL ul li a.hover{
    padding:8px 5px;
	border-top:2px solid #f08d00;
	color:#f08d00;
	text-decoration:none;
}
.subNav-TAL ul,.subNav-TAL-btm{
	background:url(http://pic.speiyou.com/haoweilai/images/TAL-script02.png) no-repeat;
}
.subNav-TAL{
    display:none;
	position: absolute;
	top:40px;
	left:-16px;	
	width:136px;
	z-index:300;
    background-image: url("http://pic.speiyou.com/haoweilai/images/tmbg.gif");
}
.subNav-TAL ul{
	background-position:0 -30px;
	padding-top:10px;

}


.subNav-TAL-btm{
    height:7px;
	overflow:hidden;
	background-position:0 -290px;
}
.subNav-TAL ul li{
    float:none;
}
.subNav-TAL ul li{
	margin-left:0;
	margin-right:1px;
	padding:0;
}
.subNav-TAL ul li a{
        padding:8px 0 9px 40px;
	font-size:12px;
	font-weight:normal;
}
.subNav-TAL ul li a:hover{
	border:0;
        padding:8px 0 9px 40px;
	background:#f4f3f2;
}
/*footer*/
#footer{ border-top:0;}
#footer p a:hover{ color:#116ec1;}
/*go-top*/
.go_top{ z-index:200;}

/*font-color*/
.ft-gray3{
	 color:#333;
}
/*font-size*/
.ft15{
    font-size:15px;	
}
/*margin*/
.ml20{
    margin-left:20px;	
}
.mt30{
    margin-top:30px;	
}
/*padding*/
.pr20{
    padding-right:20px;	
}
/*text align*/
.textL{
    text-align:left;	
}
.textC{
    text-align:center;	
}
.textR{
    text-align:right;	
}
.textIn2{
	text-indent:2em;
}
/*font-link*/
a.ft-blue{
    color: #116ec1;
	text-decoration:none;
}
a.ft-blue:hover {
    color:#116ec1;
	text-decoration:underline;
}