/* 主要样式 [20150827 15:57:36] */
/* 主要样式 [20150602 20:58:55] */
/* 主要样式 [20130911 18:05:09] */
/*
  * @name:TAL
  * @author:guoxf
  * @date:2013-08-20
*/


/*公用背景图片*/
.index-aside h2,.index-more,.index-eduProduct h2,.index-branchSchool h2,.areaList li a,.areaList2 li,.areaList2 li.hover,.areaContRow01 h3,.areaContRow02 h3,.areaContRow03 h3,.areaContRow04 h3{ background:url(http://pic.speiyou.com/haoweilai/images/indexSprite.gif) no-repeat;}

/*index各地分校*/
.index-branchSchool{ text-align:left;}
.areaList, .areaList2{ padding-bottom:10px;}
.areaList li, .areaList2 li{ float:left; margin-right:10px; width:54px; height:30px; }
.areaList2 li{ margin-right:14px; margin-bottom:10px;}
.areaList li a,.areaList2 li{ display:block; width:54px; height:30px; background-position:0 -340px; text-align:center; line-height:30px; font-size:14px; color:#333333; cursor:pointer;}
.areaList li a:hover{ background-position:-54px -340px; color:#FFFFFF; text-decoration:none;}
.areaList2 li.hover{ width:54px; height:30px; background-position:-54px -340px; color:#FFFFFF; text-decoration:none;}

.areaList li.areaList-last{ margin-right:0;}
.areaContRow01,.areaContRow02,.areaContRow04{ float:left; margin-right:20px;}
.areaContRow01{ width:320px;}
.areaContRow02{ width:150px;}
.areaContRow04{ width:240px;}
.areaContRow03{ float:right; width:145px;}
.areaContRow01 h3,.areaContRow02 h3,.areaContRow04 h3{ background-position:0 -380px; height:23px; margin-bottom:10px;}
.areaContRow01 h3 span,.areaContRow02 h3 span,.areaContRow04 h3 span{ display:block; width:73px; height:18px; text-align:center; color:#FFFFFF; font-size:12px;}
.pl10{ padding-left:10px;}
.ft18{ font-size:18px;}
.areaContRow03 h3{ background-position:0 -410px; padding-left:20px; font-size:14px; padding-bottom:8px; color:#333;}
.areaContRow03 p{ padding:2px 0; color:#424242;}

/*二级页面 banner*/
.subMainLeft h2,.subMainLeft ul li.hover a,.tiNewTitle{ background:url(http://pic.speiyou.com/haoweilai/images/subPageSprite.gif) no-repeat;}

.subMain{ background:#FFFFFF;}
.subBanner{position:absolute; top:-22px; left:0; height:200px;}
.h178{ height:178px;}
.subMainBox{ position:relative; background:url(http://pic.speiyou.com/haoweilai/images/subPageBg.gif) repeat-y; min-height:450px; _height:450px;}
.subMainLeft{ float:left; width:201px; text-align:left;}
.subMainRight{ float:right; width:680px; margin-right:40px; display:inline;}
.subPageTop{ position:relative; background:url(http://pic.speiyou.com/haoweilai/images/subPageTopBg.gif) no-repeat; margin-top:1px; height:25px;}
.subPageBom{ position:relative; background:url(http://pic.speiyou.com/haoweilai/images/subPageBomBg.gif) no-repeat; height:30px;}
.subMainLeft h2{ background-position:0 0; height:50px; padding-left:40px; padding-top:5px; font-size:18px; font-weight:normal; margin-bottom:15px;}
.subMainLeft ul li{ margin-left:20px; font-size:14px; margin-bottom:5px; height:32px; width:157px; font-weight:700;}
.subMainLeft ul li a{ display:block; height:32px; width:137px; padding-left:20px; color:#333; line-height:32px;}
.subMainLeft ul li a:hover{ color:#e60012; text-decoration:underline;}
.subMainLeft ul li.hover a{ display:block; height:32px; width:137px; padding-left:20px; background-position:0 -80px; color:#FFF;}
.subMainLeft ul li.hover a:hover{ color:#FFF; text-decoration:none;}

/*面包屑*/
.pageCrumbs{ text-align:right; color:#999999; border-bottom:1px dotted #b7b7b7; margin-top:20px; height:30px; margin-bottom:15px;}
.pageCrumbs span{ color:#666;}
.pageCrumbs a{ color:#999999;}
.pageCrumbs a:hover{ color:#e60012;}

/*新闻内容*/
.newDetailBox h2{ margin-top:25px; padding:10px 0; font-size:18px; font-weight:700; color:#333;}
.newDetailBox h2.ft24{ font-size:24px; font-weight:700;}
.newInfor{ padding:5px 0;}
.newText2 p,.newText p{ text-align:left; line-height:25px; padding:5px 0;}
.newText  p em{ font-style:normal; color:#999;}
.newPhoto img{ padding:10px 0; text-align:center;}
.newText .textLP p{ text-align:left; padding:0;}
.newText .textRP p{ text-align:right; padding:0;}


/*教育创新*/
.smText{ margin-bottom:20px; border:1px solid #e6e9ea; background:#fafafa; padding:20px 25px; text-align:left; line-height:25px;}
.storyList{ padding:20px 0 30px; text-align: left;}
.storyListL{ margin:5px 20px; width:150px; height:105px;}
.storyListR{ width:480px;}
.storyListR h2{ font-size:14px; color:#333; font-weight:700; height:25px;}
.storyListR p{ line-height:22px;}

/*微创新计划*/
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.textL{ text-align:left;}
.textR{ text-align:right;}
.planTitle{ font-size:24px; font-weight:700; color:#333; padding:10px 0 20px; height:40px;}
.textP{ line-height:22px;}
.ft14{ font-size:14px; color:#333;}
.ft-bold{ font-weight:700;}
.jyBox{ border:1px solid #e6e9ea; background:#fafafa; text-align:left; padding:25px 20px 20px;}
.number1,.number2,.number3{ position:absolute; background:url(http://pic.speiyou.com/haoweilai/images/subPageSprite.gif) no-repeat; right:0; top: 15px; padding-right:45px; width:150px; height:22px; color:#666; line-height:22px; font-weight:700;}
.number1{ background-position: right -121px;}
.number2{ background-position: right -143px;}
.number3{ background-position: right -165px;}

/*媒体联络*/
.mtllBox p{ padding:5px 0;}

/*活动专题*/
.activeZt{ width:690px; overflow:hidden;}
.activeZtBox{ width:720px;}
.activeZtBox ul li{ float:left; width:200px; margin-right:40px; margin-bottom:15px;}
.activeZtBox ul li img{ border:1px solid #e7eaea;}
.activeZtBox ul li p{ padding:10px 0; font-size:14px; font-weight:700;}
.activeZtBox ul li p a{ color:#333;}
.activeZtBox ul li p a:hover{ color:#e60012;}

/*媒体报道*/
.mtbdBox{ margin-bottom:30px;}
.mtbdBoxL{ float:left; width:180px;}
.mtbdBoxL img{ border:1px solid #e7eaea;}
.mtbdBoxR{ float:right; width:440px; text-align:left;}
.mtbdBoxR h2{ font-size:14px; height:30px; color:#333;}
.mtbdBoxR h2 a,.tjNewR h2 a{color:#333;}
.mtbdBoxR h2 a:hover,.tjNewR h2 a:hover{color:#e60012;}
.mtbdBoxR h2 span{ padding-left:50px; color:#666; font-size:12px;}
.mtbdBoxR p{ line-height:22px;}

/*学而思动态*/
.tjNew{ padding:10px 20px 20px; text-align:left;}
.tiNewTitle{ background-position:-380px -5px; padding-left:25px; font-size:14px; font-weight:700; height:35px; color:#333;}
.tjNewL{ margin-left:40px;}
.tjNewR{ width:315px; margin-top:10px; margin-right:20px;}
.tjNewR h2{ font-size:14px; height:30px;}
.tjNewR h2 span{ float:right; font-weight:normal; font-size:12px; color:#666666;}
.tjNewR p{ line-height:22px;}
.newList{ text-align:left;}
.newList h2{ background:url(http://pic.speiyou.com/haoweilai/images/newTitleBg.gif) no-repeat; width:630px; height:30px; font-size:14px; padding-left:50px; padding-top:20px; color:#333;}
.eduStoryList ul,.newListLi ul{ padding:10px 20px;}
.eduStoryList ul li,.newListLi ul li{ border-bottom:1px dotted #b7b7b7; height:24px; padding-top:10px;}
.eduStoryList ul li span,.newListLi ul li span{ float:right; font-size:12px;}
/*分页*/
.pagination{ margin-bottom:20px;}
.pagination span{ color:#e60012; padding:0 15px;}

/*走进学而思 模块样式 开始*/
.T_bul{color:#0048ff;}
.T_bul:hover{color:#0048ff;}
.T_mr10{ margin-right:10px;}
.T_mt30{ margin-top:30px;}
.T_mt10{ margin-top:10px;}
.T_mt50{ margin-top:50px;}
.T_pb10{ padding-bottom:10px;}

.T_inUSimg{ border:1px solid #dcdcdc; padding:25px;}
.T_inUSimgtx{ margin-right:40px; width:111px; height:132px;}
.T_inUSimgp{ width:475px;}
.T_color3{ color:#333;}
.T_colorred{ color:#e60012;}
.T_font14{ font-size:14px;}
.T_bold{ font-weight:bold;}
.T_company_h1{ color:#333; font-size:24px; text-align:left;}

/*--------------------------
播放器尺寸大小修改
----------------------------*/
.T_personnelimg{ width:400px; height:320px;}
.T_perfont{ width:260px;}
/*
.T_personnelimg {
    height: 224px;
    margin-right: 25px;
    width: 315px;
}
.T_perfont {
    width: 340px;
}
*/
.T_perfontp{ background:url(http://pic.speiyou.com/haoweilai/images/inxesbg_01.jpg) no-repeat left center; font-size:14px; font-weight:bold; padding-left:20px; line-height:25px;}
.T_borderb{ border-bottom:1px dotted #b7b7b7;}
 
.T_grobg{ background:url(http://pic.speiyou.com/haoweilai/images/inxesbg_03.jpg) no-repeat top left #fff; margin-top:25px; padding:10px 0px 0px 0px;}
.T_fhtitle{ background:url(http://pic.speiyou.com/haoweilai/images/inxesbg_02.jpg) no-repeat left center; font-size:14px; text-align:left; font-weight:bold; padding-left:20px; line-height:25px; color:#333; margin:0px 0px 0px 20px;}
.T_bfsp { margin-top:20px;}
.T_bfsp li{ float:left; margin:0 25px; width:176px; display:inline; text-align:left; overflow:hidden;}
.T_bfsp li a{ color:#333;}
.T_bfsp li a:hover{ color:#e60012;}
.T_bfsp li p{ padding:0;}
.T_pb25{ padding-bottom:25px;}
.T_ryimg{ width:142px; height:64px; overflow:hidden; margin-right:25px;}
.T_p { width:510px;}
.T_p p{ line-height:20px;}
.T_zstab td{ padding-top:10px; padding-bottom:10px;}
.T_zstab_tdt{ border-top:1px dotted #b9b9b9;}
.T_zstab_tdr{ border-right:1px dotted #b9b9b9;}
.T_zstab_tdb{ border-bottom:1px dotted #b9b9b9;}
.T_font30{ font-size:30px; font-weight:700;}
.T_font24{ font-size:24px;}
.T_pl15{ padding-left:15px;}
.T_ml60{ margin-left:60px; display:inline;}
.T_ceo{ background:url(http://pic.speiyou.com/haoweilai/images/society_04.jpg) no-repeat left center; font-size:20px; padding:10px 0px 10px 50px; line-height:60px; display:inline;}

/*走进学而思 模块样式 开始*/

/*媒体报道详情页*/
.newText h3{text-align: left; font-weight: normal; padding: 5px 0 5px 0;}
.newText .pImg{text-align: center}
.newText p{text-indent: 2em;}
.newDetailBox h2.long{height:60px;}

.spaceLine{ margin:20px 0; height:1px; border-bottom:1px solid #e6e9ea; overflow:hidden;}

/*教育故事*/
.eduStoryTab{ margin-top:30px; margin-bottom:10px; border-bottom:1px solid #e6e9ea; height:32px;}
.eduStoryTab ul li{ float:left; margin-left:-1px; font-size:14px; font-weight:700; padding:5px 40px; height:21px; border:1px solid #e6e9ea; border-bottom:none; color:#333; background:#FFFFFF; cursor:pointer;}
.eduStoryTab ul li.hover{ position:relative; margin-top:-3px; border-right:3px solid #ededed; padding:8px 40px 5px; height:22px; margin-bottom:-1px; color:#e60012; border-bottom:none;}

/*教育产品*/
.proBox .name{ color:#0072ff; margin-top:30px; font-size:24px; margin-left:20px;}

/*table1样式*/
.table1 th,.table1 td{ text-align:center; padding:5px 0; border:1px solid #e0e0e0; color:#333;}
.table1 th{ background:#f4f4f4;}
.table1 td{ background:#FFFFFF;}

/*公益事业*/
.grayLine{ width:114px; background:url(http://pic.speiyou.com/haoweilai/images/timeLine.gif) repeat-y; height:2700px; margin-bottom:280px;}/*2013-08-19 change by guoxiaofang*/
.utilityList{ position:absolute; top:0; left:0; width:680px;}
.yearBox{ margin-top:10px; margin-bottom:40px;}
.yearBoxL{ width:84px; text-align:right; font-size:14px; font-weight:700;}
.yearBoxDot span,.grayBox01,.grayBoxTop,.grayBox03{ background:url(http://pic.speiyou.com/haoweilai/images/utilitySprite.gif) no-repeat;}
.yearBoxDot{ width:12px; margin-left:12px;}
.yearBoxDot span{ display:block; background-position:0 -340px; width:12px; height:18px;}
.yearBoxDot span.last{ display:block; background-position:0 -360px; width:12px; height:20px;}
.yearBoxR{ width:565px; margin-top:-10px;}

.grayBox01{  background-position:0 0; width:515px; height:130px; padding:14px 20px 20px 30px;}
.grayBox01 h2,.grayBoxTop h2{ font-size:14px; color:#333; font-weight:bold; padding:0; margin:0;}
.grayBox01 p,.grayBoxTop p{ text-indent:0;}

.grayBox02{ float:left; width:277px;}
.grayBoxTop{ background-position:0 -170px; padding:10px 10px 0 20px;}
.grayBoxTop h2{ font-size:18px; color:#666; height:20px;}
.grayBoxTop p{ line-height:20px;} 
.grayBoxPhoto{ margin-left:6px;}

.grayBox03{ float:left; background-position:-280px -169px; width:247px; height:62px; padding:10px 10px 0 20px;}
.grayBox03 h2{ font-size:14px; color:#333; font-weight:bold; padding:0; margin:0;}
.grayBox03 p{ line-height:20px; text-indent:0;} 

.ml10{ margin-left:10px;}
.mt5{ margin-top:-5px;}
.mt15{ margin-top:15px;}
.mt35{ margin-top:35px;}
.mt60{ margin-top:60px;}
.mt260{ margin-top:260px;}
.mt260{ margin-top:260px;}
.mt280{ margin-top:280px;}

 
/*---------------------------20130312 企业概况页面 取消段落缩进样式---------------------------------*/
.T_inUSimgp p{ text-indent:0; text-align:left; line-height:26px; padding:5px 0;}
/*搜索结果页*/

.searchTitle{ color:#666666; }
.searchTitle span,.searchList h3 span,.searchList p span{ color:#FF0000;}
.searchList p{ padding:5px 0; line-height:24px;}
.searchList h3{ padding-top:10px; font-size:14px;}
.searchList h3 a,.searchList h3 a:hover{ text-decoration:underline; color:#666;}
.searchList h3 a span,.searchList h3 a span:hover{ text-decoration:underline; color:#FF0000;}

/*-----------------------------------------------------------
分页
----------------------------------------------------------*/
.pagination span.pagePrev,.pagination span.pageNext{ background:url(http://pic.speiyou.com/haoweilai/images/indexSprite.gif) no-repeat;}
.pagination{ margin-bottom:20px;}
.pagination a{ display:inline-block; margin:0 6px;}
.pagination span.cur{ color:#e60012; padding:0 6px;}
.pagination span.pagePrev{ display:inline-block; cursor:pointer; padding:0; width:13px; height:13px; background-position:0 -437px; margin:0 5px; overflow:hidden; font-size:0px;}
.pagination span.pageNext{ display:inline-block; cursor:pointer; padding:0; width:13px; height:13px; background-position:-13px -437px; margin:0 5px; overflow:hidden; font-size:0px;}


/*-----------------------------------------------------------
404页面 20130419
----------------------------------------------------------*/
.box404{ height:300px; padding-top:60px; color:#333}
.box404 h2{font-size:30px; font-weight:normal;}
.box404 h2 span{ color:#FF9900; padding-right:10px; font-size:60px;}
.text404{ line-height:30px; margin-top:20px; font-size:14px;}
.box404 a{ color:#116ec1; text-decoration:underline;}
.box404 a:hover{ text-decoration:none;}
/*By wenqi 20130911*/
.errorBg{ background:#e2e2e2; margin-top:-5px; height:420px}


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

/*TAL banner*/
.banner-TAL{
	position:absolute;
	width:100%;
	height:458px;
	overflow:hidden;
	z-index:9;
}
/*TAL banner-bg*/
.bn-bg01,.bn-bg02,.bn-bg03,.bn-bg04,.bn-bg05,.bn-bg06{
	height:458px;
}
.bn-text{
    position: absolute;
    top:150px;
	line-height:50px;
	font-size:30px;
	font-weight:100;
	color:#FFF;
	letter-spacing:2px;
	text-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
}
/*TAL banner focus-circlet*/
.f-bg01,.f-bg02,.f-bg03,.f-bg04,.f-bg05,.f-bg06,.focus-arrow a,.focus-switch li{
	background:url(http://pic.speiyou.com/haoweilai/images/TAL-script01.png) no-repeat;
}
.focus-circlet{
	position:absolute;
	top:0;
	right:0;
	height:240px;
	width:45px;
	padding:120px 0;
	z-index:99;
}
.f-bg01{
	background-position:-155px -216px;
}
.f-bg02{
	background-position:-155px -191px;
}
.f-bg03{
	background-position:-155px -165px;
}
.f-bg04{
	background-position:-155px -139px;
}
.f-bg05{
	background-position:-155px -113px;
}
.f-bg06{
	background-position:-155px -87px;
}

.focus-nav{
    position:relative;
	height:240px;	
}
.focus-arrow{
    position:absolute;
	top:0;
	left:10px;
	height:240px;	
}
.focus-arrow a{
    position:absolute;
	display:block;
	width:25px;
	height:15px;
	text-indent:-999px;
	overflow:hidden;	
}
.focus-arrow a.arrow-top{
 	top:0;
	background-position:-40px 0;
}
.focus-arrow a.arrow-down{
 	bottom:0;
	background-position:-70px 0;
}
.focus-switch{
	position:absolute;
	top:40px;
	left:14px;
	width:18px;
}
.focus-switch li{
    margin:8px auto;
	width:18px;
	height:18px;
	background-position: 0 -18px;	
}
.focus-switch li.selected{
	background-position: 0 0;	
}
.focus-switch li a{
    display:block;
	width:18px;
	height:18px;
	text-indent:-999px;
	overflow:hidden;	
}

/*TAL banner focus-fixed-area*/
.focus-fixed-area{
	position:relative;
	width:960px;
	height:103px;
	margin:-150px auto 0 auto;
	z-index:50;
}
.focus-fixed{
	position:absolute;
	top:0;
	left:295px;
	width:540px;
	height:103px;
}
.focus-fixed-text{
	position:absolute;
    top:332px;
    left:55px;
	width:430px;
	height:20px;
	padding:20px 0;
	font-size:16px;
	color:#FFF;
	line-height:20px;
	border-radius:3px;
	z-index:59;
    overflow: hidden;
}
.focus-fixed-text p{
    width: 430px;
    margin-left: 75px;
}

:root .focus-fixed-text {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00000000',EndColorStr='#00000000')9
}
.focus-logo{
	position:absolute;
    top:311px;
	width:80px;
	height:80px;
	padding:11px 12px 12px 11px;
	z-index:60;
}
.c-bg01,.c-bg02,.c-bg03,.c-bg04,.c-bg05,.c-bg06,.white-bg{
	background:url(http://pic.speiyou.com/haoweilai/images/TAL-script01.png) no-repeat;
}
.white-bg{
    position:relative;
	background-position:0 -40px;
}

/*Index:TAL-brand*/
.TAL-brand,.TAL-brand ul li a:hover{
	background:url(http://pic.speiyou.com/haoweilai/images/TAL-script02.png) no-repeat;
}
.TAL-brand{
	height:60px;
	width:100%;
	overflow:hidden;
	background-position:0 -300px;
	background-repeat:repeat-x;
}
.TAL-brand h2{
    display:inline;
	float:left;
	margin-left:10px;
	color:#333;
	font-size:14px;
	font-weight:normal;
	padding-top:20px;	
}
.TAL-brand ul{
	float:right;
	margin-top:2px;
	height:58px;
}
.TAL-brand ul li{
    float:left;
}
.TAL-brand ul li a{
	display:inline-block;
	padding:20px 25px;
	line-height:18px;
}
.TAL-brand ul li a:hover{
	color:#f08d00;
	text-decoration:none;
	padding:19px 31px 20px;
	border:1px solid #e8e8e8;
	border-bottom:0;
	background-position:0 -370px;
}

.viewport{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
ul.item{
    position: absolute;
    width: 100%;
    font-size: 0;
}
ul.item li{
    vertical-align: bottom;
}/*ie7 li 空白*/
.wrapper{
    position: relative;
}
 .wrapper img.frame{
     position: absolute;
     left:50%;
     width:1000px;
     margin-left: -500px;
 }
.animated {
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    -ms-animation: 1s ease;
    -o-animation: 1s ease;
    animation: 1s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0.2;
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(150deg);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(180deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0.2;
    }

    70% {
        -moz-transform: perspective(400px) rotateY(150deg);
        opacity: 0.7;
    }

    100% {
        -moz-transform: perspective(400px) rotateY(180deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInY {
    0% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -ms-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -ms-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(4000px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(4000px) rotateY(0deg);
    }

    70% {
        transform: perspective(4000px) rotateY(-90deg);
    }

    100% {
        transform: perspective(4000px) rotateY(-180deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -ms-backface-visibility: visible !important;
    -ms-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
    transition-duration:100ms;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;

}
.sliderWrap{
    position: relative;
    margin-top:-5px;
    height: 458px;
}


/*subPage style*/
.subMainLeft h2{ color:#000;}
.subMainLeft ul li{ font-weight:normal;}
.subMainLeft ul li a:hover,.pageCrumbs a:hover{ color:#116ec1;}

/*pagination*/
.pagination{ margin-bottom:20px; text-align:center;}
.pagination span{ color:#116ec1;}


/*-----------------------------------------------------------
 * 推荐专题
----------------------------------------------------------*/
.tjzt{ margin-bottom:40px;}
.tjzt h2{ font-size:14px; color:#333; font-weight:bold; padding:10px 0 30px; text-align:left;}

.slide-left a,.slide-right a{ background:url(http://pic.speiyou.com/haoweilai/images/indexSprite.gif) no-repeat;}
#slider{ height:150px;}
.slider-box{ overflow: hidden; width:680px; height:150px; position: relative; margin:0; z-index:99;}
.slide-content { position: absolute;}
.slide-content li{ float:left; width:170px; overflow:hidden;}
.slide-content li div{ width:142px; border:1px solid #e6e9ea; padding:10px; margin:0 3px 10px; text-align:left; overflow:hidden;}
.slide-content li div a{ color:#333;}
.slide-content li div a:hover{ color:#116ec1;}
.slide-content li p{ padding:0; line-height:16px; text-align:left; text-indent:0;}
.sliderBtn{ position:absolute; top:20px; left:-20px; width:720px; height:104px;}
.sliderBtn span{ display:block; width:20px; height:155px; background-color:#FFFFFF;}
.slide-left a{ display:block; width:20px; height:104px; background-position:0 -450px;}
.slide-right a{ display:block; width:20px; height:104px; background-position:-20px -450px;}

/*news detail*/
.newDetailBox h2{ text-align:center;}
.newInfor,.newText{ text-align:center;}
.newText,.newText2{ color:#333;}

.newText a,.newText2 a{
    color: #116ec1;
	text-decoration:none;
}
.newText a:hover,.newText2 a:hover{
    color: #116ec1;
	text-decoration:underline;
}
.areaList li{ margin-right:14px; margin-bottom:10px;}
.newDetailBox{
    padding-bottom:30px;	
}
.proBox .name{ color:#116ec1;}
.newText p.t02{ text-indent:0;}
.grayBox01 h2,.grayBoxTop h2{ text-align:left;}
.ht01{ height:458pc; overflow:hidden;}


a.img_link{position:absolute;display:block;width:100%;height:458px;}
a.img_link:hover{text-decoration:none;}


/*官方微信20140120*/
.menu{height:32px; padding-left:15px;_overflow:hidden}
.menu a{color:#888;height:16px;line-height:16px; position:relative;z-index:10000;}
.menu{font-size:12px; position:relative;padding:8px 10px;}
.menu:hover{background-color:#fff9ec;border:1px solid #f0d8b6; border-bottom:none; border-top:none; padding:8px 9px;}
.menu:hover a{color:#888}


.menu div{width:224px; height:87px; background:url(http://pic.speiyou.com/haoweilai/images/twoCode_bg.jpg) no-repeat; position:absolute;right:-1px; top:-999em; z-index:9999;padding:15px 15px 0px 15px;/*display:none*/}
.menu:hover div{top:30px;display:block}
.menu:hover div a{color:#333;text-decoration:none;padding:0}
.menu:hover div a:hover{text-decoration:underline}

/*弹出的条形背景*/
.t-bg01{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CCd49419',EndColorStr='#CCd49419');/*for IE*/
    background-color: rgba(212, 148, 25, 0.8); /*for FF*/
}
.t-bg02{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CCb7264d',EndColorStr='#CCb7264d');/*for IE*/
    background-color: rgba(183, 38, 77, 0.8); /*for FF*/
}
.t-bg03{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CC2390c3',EndColorStr='#CC2390c3');/*for IE*/
    background-color: rgba(35, 144, 195, 0.8); /*for FF*/
	
}
.t-bg04{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CCd49419',EndColorStr='#CCd49419');/*for IE*/
    background-color: rgba(212, 148, 25, 0.8); /*for FF*/
}
.t-bg05{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CC2390c3',EndColorStr='#CC2390c3');/*for IE*/
    background-color: rgba(35, 144, 195, 0.8); /*for FF*/
}
.t-bg06{
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CC359156',EndColorStr='#CC359156');/*for IE*/
    background-color: rgba(53, 145, 86, 0.8); /*for FF*/
}


/*轮播图大背景*/
.bn-bg01{
	#background:url(http://pic.speiyou.com/haoweilai/images/bannerBg03.png) top center no-repeat #e52e5f;
	background:rgb(145,14,116);
}
.bn-bg02{
	background:rgb(83,83,180);
	#background:url(http://pic.speiyou.com/haoweilai/images/bannerBg02.png) top center no-repeat #f5bd4c;
}
.bn-bg03{
	background:#25426f;
	#background:url(http://pic.speiyou.com/haoweilai/images/bannerBg01.png) top center no-repeat #016dad;
}
.bn-bg04{
	background:rgb(1,13,28);
	#background:url(http://pic.speiyou.com/haoweilai/images/bannerBg02.png) top center no-repeat #f5bd4c;
}
.bn-bg05{
	background:rgb(5,63,147);
	#background:url(http://pic.speiyou.com/haoweilai/images/bannerBg01.png) top center no-repeat #016dad;
}
.bn-bg06{
	background:url(http://pic.speiyou.com/haoweilai/images/bannerBg04.png) top center no-repeat #008053;
}



/*logo圈的背景*/
.c-bg01{ 
	background-position:0 -260px; 
}
.c-bg02{
	background-position:0 -370px;	
}
.c-bg03{
	background-position:0 -150px;
}
.c-bg04{
	background-position:0 -260px; 
}
.c-bg05{
	background-position:0 -150px; 
}
.c-bg06{
	background-position:0 -480px; 
}