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

/*----------------------------------------------------
banner
-----------------------------------------------------*/

.zbanner {height: 380px; min-width: 1100px; *width:expression(document.body.clientWidth < 1100? '1100px':'auto'); overflow: hidden; background-color: #f5f5f5;}
.zba_rel { position: relative; left: 0; top: 0;  width: 100%; min-width: 1100px; height:100%; overflow: hidden;z-index:1}
.zba_item { position: absolute;  width:100%; min-width: 1100px; height: 100%; background-color: #00BCAD;z-index:1}
.zba_item a { display:block; width:100%; height:100%;}
.zba_con { width:1100px; height: 100%; margin: 0 auto;}

/*标题*/
.zba_com { width:690px; padding-left: 30px;}
.zba_com dt { padding-top: 136px;}
.zba_com dd { padding-top: 16px; font-size: 24px; color: #fff;}
.zba_com dd a { display: inline-block; padding-top: 28px;}
/*简介*/
.zba_info { position: absolute; left: 50%; bottom: 0; width: 255px; height: 288px; margin-left: 245px; margin-top: 102px; padding-top: 1px; border-radius: 20px 20px 0 0; background: url(../images/opacity50.png) repeat;}
.zba_box { padding: 16px 30px 0 30px; background: url(../images/line-opacity_22.png) center 0 no-repeat; color: #fff;}
.zba_box dt { padding-bottom: 10px; text-align: center; font-size: 24px;}
/*如果是简介请放开此样式
 * .zba_box dd { padding-top: 20px; line-height: 24px; font-size: 13px; text-indent: 2em;}*/
.zba_box dd { padding-top: 8px; border-top: 1px #666c5e dashed;}
.zba_box dd.zba_bt0 { border-top: none;}
.zba_box dd a { color: #fff;}
.zba_hot ,.zba_other,.zba_first { display:inline-block; width:16px; height:16px; margin-right: 8px; border:1px #db3a5a solid; background-color:#db3a5a; line-height:16px; text-align:center; color:#fff;}
.zba_hot { border:1px #ffa800 solid; background:#ffa800; color:#fff;}
.zba_other { border:1px #cbcbcb solid; background:#fff; color:#777;}
.zba_text { display:inline-block; width:160px; height: 24px; line-height:24px; font-size: 14px; *line-height:normal; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; vertical-align:middle; color:#c0c4c7;}

/*当前按钮*/
.zba_btn { position: absolute; bottom: 10px; left: 0; width: 100%; height: 30px; text-align: center; z-index: 1;}
.zba_btn span { display: inline-block; padding: 10px 20px; background:url(../images/opacity50.png) repeat;}
.zba_def,.zba_cur { display: inline-block; width: 10px; height: 10px; margin-right: 4px; background-color: #ececec; }
.zba_cur { background-color: #9dc71d;}
/*动画*/
.zba_com dt { animation: 0.5s ease backwards ztext2;}
.zba_com dd { animation: 0.5s ease backwards ztext;}

@-webkit-keyframes ztext {
	from { -webkit-transform: translate(-100%,0); opacity: 0.3;}
	to { -webkit-transform: translate(0,0);  opacity: 1;}
}
@-o-keyframes ztext {
	from { -o-transform: translate(-100%,0); opacity: 0.3;}
	to { -o-transform: translate(0,0);  opacity: 1;}
}
@-moz-keyframes ztext {
	from { -moz-transform: translate(-100%,0); opacity: 0.3;}
	to { -moz-transform: translate(0,0);  opacity: 1;}
}
@keyframes ztext {
	from { transform: translate(-100%,0); opacity: 0.3;}
	to { transform: translate(0,0);  opacity: 1;}
}


@-webkit-keyframes ztext2 {
	from { -webkit-transform: translate(100%,0); opacity: 0.3;}
	to { -webkit-transform: translate(0,0); opacity: 1;}
}
@-o-keyframes ztext2 {
	from { -o-transform: translate(100%,0); opacity: 0.3;}
	to { -o-transform: translate(0,0); opacity: 1;}
}
@-moz-keyframes ztext2 {
	from { -moz-transform: translate(100%,0); opacity: 0.3;}
	to { -moz-transform: translate(0,0); opacity: 1;}
}
@keyframes ztext2 {
	from { transform: translate(100%,0); opacity: 0.3;}
	to { transform: translate(0,0); opacity: 1;}
}

/*----------------------------------------------------
推荐课程
-----------------------------------------------------*/
.zrecommend { height: 311px; min-width: 1100px; *width:expression(document.body.clientWidth < 1100? '1100px':'auto'); background: url(../images/bg_up02.png) center 0 no-repeat;}
.zre_box { padding-top: 40px;}
.zre_item { float: left; width: 232px; height: 180px; padding-left: 25px;}
.zre_item a.zre_pic { display: block; height: 138px; overflow: hidden;}
.zre_item a:hover { text-decoration: none;}
.zre_item h2 { height: 40px; border: 1px #ddd solid; background-color: #fff; line-height: 40px; text-align: center; font-size: 14px; overflow:hidden; white-space:nowrap; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis;;}
.zre_item:hover h2 { border-bottom: 3px #7bd99c solid;}


/*动画*/

.zre_item a.zre_pic img {
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;}
.zre_item:hover a.zre_pic img { -webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);}
/*----------------------------------------------------
公共
-----------------------------------------------------*/
.zbgwh { padding:30px 50px; padding-bottom: 35px;}
.ztitle { position: relative; width: 100%; height: 43px;}
.zti_line { position: absolute; left: 0; top: 19px; width: 100%; height: 3px; border-top: 1px #2746b3 solid; border-bottom: 3px #2746b3 solid;}
.zti_tt { position: absolute; left: 0; top: 0; width: 100%; height: 43px; text-align: center;}
.zti_tt span { display: inline-block; height: 43px; padding:0 29px; background: url(../images/bg06.gif) repeat;}
.zti_tt i  { display: inline-block; width:160px;height: 53px; background:url(/_fanya3/images/Titbg.png) no-repeat; line-height: 42px; font-size: 26px; color: #fff;}
.zti_more { position: absolute; right: 0; top: 13px; width: 44px; height: 18px; background: url(../images/skin_03.png) -44px -50px  no-repeat;}
.ztitle a:hover { text-decoration: none;}
.zti_yellow .zti_line { border-top-color:#e5ac00; border-bottom-color: #e5ac00;}
.zti_yellow i { background-color: #e5ac00;}
.zti_yellow .zti_more { background: url(../images/skin_03.png) -44px -127px  no-repeat;}
.zti_yan .zti_line { border-top-color:#00bcad; border-bottom-color: #00bcad;}
.zti_yan i { background-color: #00bcad;}
.zti_yan .zti_more { background: url(../images/skin_03.png) -44px -90px  no-repeat;}
.zti_yan {}
/*----------------------------------------------------
课程中心
-----------------------------------------------------*/
.zcourseCenter { width: 744px; }
.zcc_con { padding-top: 35px;}
.zcc_lg {position: relative; width: 485px; height: 305px; overflow: hidden;}
/*焦点图*/
.FocusImg{width: 485px;height: 305px;position:relative;}
.FocusPic{width: 485px;height: 305px;overflow:hidden;position:relative;}
.FocusPic ul{position:relative;width:1500px;overflow: hidden;}
.FocusPic ul li{width: 485px;height: 305px;float:left;}
.Btn{width:30px;height:61px;position:absolute;z-index:999;top:137px;cursor:pointer;}
.BtnLeft{left:0; display: none;}
.BtnRight{right:0; display: none;}
.FocusNum{text-align:right;position:absolute;bottom:0px;width: 465px;height:47px; padding-right: 20px; background: url(../images/opacity50.png) repeat;}
.FocusNum a{display:inline-block;width:16px;height:6px;border:1px #9dc71d solid; background: none; margin-top:18px;margin-left:5px;}
.FocusNum a.FocusCur{border: 1px #fff solid; background: #fff;}
.zfocusTxt { position: absolute; left: 12px; bottom: 8px; width: 220px; height: 30px; color: #fff; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.zfocusTxt a { color: #fff;}

.zcc_sm { width: 227px;}
.zcc_sm_item { position: relative; width: 227px; height: 149px; margin-bottom: 7px; overflow: hidden;}
.zcc_sm_pic { position: absolute; left: 0; top: 0; width: 227px; height: 149px;}
.zcc_sm_h { position: absolute; left: 0; bottom: 0px; width: 227px; height: 30px; background: url(../images/opacity50.png) repeat; line-height: 30px; overflow:hidden; white-space:nowrap; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.zcc_sm_h a { color: #fff; font-size: 18px; padding-left: 12px;}

/*----------------------------------------------------
课程排行
-----------------------------------------------------*/
.zcourseHot { width:402px;}
.zcourseHot1 { width:224px;}
.zch_title { height: 53px;    position: relative; }
.zch_tt em,.zch_tt span,.zch_tt a { display: inline-block; vertical-align: middle;}
.zch_tt em { width: 40px; height: 33px; background: url(../images/skin_03.png) 4px 0 no-repeat;}
.zch_tt span { height: 44px; line-height: 40px; font-size: 24px; color: #2746b3;}
.zch_tt a { width: 44px; height: 18px; margin-top: 13px; background: url(../images/skin_03.png) -44px -50px  no-repeat;}
.zch_tt a:hover { text-decoration: none;}

.zr_box { margin-top: 32px; padding-top:10px; padding-bottom: 42px; border: 1px #ddd solid; background: #fff;}
.zr_box h2 { font-weight:normal; display: block;}
.zr_box p { display: none;}
.zr_hot ,.zr_other,.zr_first { display:inline-block; width:16px; height:16px; margin:0 8px 10px ; margin-top:0px; border:1px #db3a5a solid; background-color:#db3a5a; line-height:16px; text-align:center; color:#fff;}
.zr_hot { border:1px #ffa800 solid; background:#ffa800; color:#fff;}
.zr_other { border:1px #cbcbcb solid; background:none; color:#777;}
.zr_vt { vertical-align:top;}
.zr_text { display:inline-block; width:105px; height: 24px; border-top: 1px #e5e5e5 dashed; line-height:24px; *line-height:normal; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; vertical-align:middle; color:#c0c4c7;}
.zr_num { display:inline-block; width:72px; height: 24px; border-top: 1px #e5e5e5 dashed; line-height:24px; *line-height:normal; text-align:right; vertical-align:middle;}
.zr_bt0 { border-top: none;}
.zr_cur { }
.zr_cur h2 { display: none;}
.zr_cur p { display: block;}
.zr_cur a { color:#fff;}
.zr_hover_vi { display:none; padding-top:5px; padding-bottom:5px;}
.zr_hover_img { display:inline-block; width:89px; height:59px;padding-bottom:5px;}
.zr_hover_info {display:inline-block; width:60px; height:49px; line-height:18px; padding: 10px 10px 0px 10px; background-color: #bdbdbd; vertical-align:top; font-size: 14px;}
/*----------------------------------------------------
创业讲堂，友成基金会
-----------------------------------------------------*/
.zforum,.zfoundation { width: 495px;}
.zfo_con { }
.zfo_item,.zfou_item { float: left; width: 235px; height: 208px; margin-left: 22px; padding-top: 34px; border-bottom: 3px #e5ac00 solid;}
.zfou_item { border-bottom-color: #00bcad;}
.zfo_ml { margin-left: 0;}
.zfo_bg { padding: 3px; padding-bottom: 0; border: 1px #a9a9a9 solid; background-color: #fff;}
.zfo_item:hover .zfo_bg { border-color: #e5ac00;}
.zfou_item:hover .zfo_bg { border-color: #00bcad;}
.zfo_pic { width: 227px; height: 149px; overflow: hidden;}
.zfo_pic a { display: inline-block;}
.zfo_h { height: 49px; padding-top: 5px; padding-left: 4px; font-size: 18px;}
.zfo_h span { font-size: 12px; color: #777;}
/*动画*/
.zfo_pic img {-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;}
.zfo_pic:hover img  {  -webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);}
/*----------------------------------------------------
创业导师推荐
-----------------------------------------------------*/
.ztutor {}
.ztu_con {}
.ztu_item { float: left; position: relative; width: 154px; height: 271px; margin-top: 32px; margin-left: 23px; margin-right: 23px;}
.ztu_pic { position: absolute; left: 17px; top: 10px; width: 122px; height: 122px;}
.ztu_zz { position: absolute; left: 0; top: 0; width: 154px; height: 271px; background: url(../images/skin_14.png) no-repeat;}
.ztu_zz a { display: block; height:100%;}
.ztu_tt { position: absolute; left: 0; top: 140px; font-size: 18px; text-align: center;}
.ztu_tt h2 { font-size: 18px;}
.ztu_tt span { font-size: 12px; color: #777;}
.ztu_tt p { padding:10px; font-size: 14px;}
.ztu_tt em { display:inline-block; width: 40px; height: 24px; background: url(../images/skin_03.png) 8px -112px no-repeat;}
.ztu_item:hover em { 
	-webkit-animation: 1s ease infinite zarrowDown;
	-o-animation: 1s ease infinite zarrowDown;
	animation: 1s ease infinite zarrowDown;
}

/*----------------------------------------------------
media
-----------------------------------------------------*/
.zmedia { height: 167px;  min-width: 1100px; *width:expression(document.body.clientWidth < 1100? '1100px':'auto'); background: url(/_fanya3/images/btm-bg.png) repeat;}
.zme_line {}
.zme_left ,.zme_right { width: 50%; height: 63px; background-color: #464646;}
.zme_right { background-color: #464646}
.zme_rel { position: relative; width: 996px; height: 159px;}
.zme_site { position: absolute; width: 100%; height: 171px; text-align: center; font-size: 0;}
.zme_site a { float: left; height: 141px; margin-top: 30px; font-size: 0; line-height: 0;}
.zme_site a.zting { background-color: #5a5a5a}
.zme_site a.zbbs { background-color: #929292}
.zme_site a.zbang { background-color: #5a5a5a}
.zme_site a.zwen { background-color: #929292}
.zme_site a.zkefu { background-color: #5a5a5a}
.zme_site a.zsao { background-color: #929292}
.zme_site a:hover { height: 171px; margin-top: 0px;}
/*动画*/
.zme_site a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/**2015-11-20**/
.active{ margin-top: 9px; height: 321px; border:solid 1px #ddd;background:#fff;padding:19px;}
.active li{height:52px;margin-bottom:14px}
.time{width:52px;height:52px;background:#92cee2;color:#fff;text-align:center}
.time h3{font-size:24px}
.active li a{width:300px;float:right;font-size:14px;padding-top:5px}
.active li:hover a{color:#ff3020}
.active li:hover .time{background:#7fddd6}
.notice{width:558px}
.loginTitle { position:absolute;  }
.loginTitle li{ float:left!important; width:196px; height:53px; margin-left:40px; margin-right:40px; background: url(../images/bg06.gif) repeat;z-index:10}
.loginTitle li a{display:block;height:43px;line-height:43px;background:#2746b3;color:#fff;width:160px;margin:0 auto;font-size:26px;text-align:center}
.loginTitle li a:hover{text-decoration:none;height:53px;background:url(/_fanya3/images/Titbg.png) no-repeat;box-shadow: 0 0 0 #7b7b7b;}

.loginTitle li.cur a{height:53px;background:url(/_fanya3/images/Titbg.png) no-repeat; }
.ContentboxTwo{padding:9px 10px 0 10px}
.ContentboxTwo ul li{height:30px;line-height:30px;font-size:14px;margin-top:2px}
.ContentboxTwo ul li a{display:block}
.ContentboxTwo ul li i{float:left;width:5px;height:5px;background:#259fc8;border-radius:5px;margin-top:13px;margin-right:10px}
.ContentboxTwo ul li a:hover{color:#ff3020}
.ContentboxTwo ul li a:hover i{background:#ff3020}

.MenuboxTwo{position:relative; height:53px;}
.weitBod{position:absolute;width:100%;height:4px;border-bottom:solid 1px #2746b3;left:10px;top:17px}
.xitBod{position:absolute;width:100%;height:5px;border-bottom:solid 3px #2746b3;left:10px;top:23px}