@charset "gb2312";
/* CSS Document */


/* about */
.inside{ background:#f5f5f5; padding:50px 0;}
.r_side{ width:930px;background:#fff; float:right;}
.r_side .s_top{ width:890px;margin:20px; border-bottom:1px #CCC solid; padding-bottom:10px;float:left;}
.r_side .s_top .s_t_title{ width:240px; padding-left:35px; font-size:18px; font-weight:bold; color:#555; background:url(../images/inside_nav_icon.png) 20px no-repeat;float:left;}
.r_side .s_top .s_t_mainbx{ width:550px; text-align:right; color:#999; float:right;}
.r_side .s_top .s_t_mainbx a{color:#999;}
.r_side .s_top .s_t_mainbx a:hover{color:#c82126;}
.r_side .s_content{ width:870px; margin:10px 30px 30px 30px; font-size:16px;float:left;}
.r_side .s_content .history{ width:870px; padding-bottom:30px;font-size:24px; line-height:40px; color:#c82126;}

/* contact */
.r_side .s_contact{ width:870px; margin:20px 30px 30px 30px; font-size:18px; line-height:40px;float:left;}
.r_side .s_contact .s_c1{ width:400px; margin-right:35px;float:left;}
.r_side .s_contact .s_c2{ width:400px;margin-left:35px;float:left;}
.r_side .s_contact .s_c3{ width:870px; margin-top:50px;float:left;}


/* about-左边-栏目 */
.left_side{ width:240px; float:left}
.left_side .l_s_menu{width:240px;background:#fff; border-top:10px #c82126 solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;float:left;}
.left_side .l_s_menu .l_s_m_title{width:220px; padding-left:20px; height:80px; line-height:80px; font-size:26px; font-weight:bold; color:#c82126;float:left;}
.left_side .l_s_menu .l_s_m_wrap{width:210px; padding:0 15px 15px 15px; font-size:16px;float:left;}
.left_side .l_s_menu .l_s_m_wrap li{width:210px; margin-bottom:5px; float:left;}
.left_side .l_s_menu .l_s_m_wrap li a{width:160px; padding-left:50px;height:50px; line-height:50px;background:url(../images/side_nav_icon2.png) 30px center no-repeat #ebebeb;float:left;}
.left_side .l_s_menu .l_s_m_wrap li a:hover{ background:url(../images/side_nav_icon1.png) 30px center no-repeat #c82126;font-weight:bold; color:#FFF;}
.left_side .l_s_menu .l_s_m_wrap ol{width:210px;margin-bottom:5px;background:url(../images/side_nav_icon1.png) 30px center no-repeat #c82126;float:left;}
.left_side .l_s_menu .l_s_m_wrap ol a{width:160px; padding-left:50px;height:50px; line-height:50px; font-weight:bold;color:#FFF;float:left;}
.left_side .l_s_menu .l_s_m_wrap ol a:hover{background:url(../images/side_nav_icon1.png) 30px center no-repeat #c82126;color:#FFF;}

.left_side .l_s_menu .l_s_m_wrap .towclass{width:210px; font-size:14px;float:left;}
.left_side .l_s_menu .l_s_m_wrap .towclass span{width:175px; margin-bottom:5px; float:left;}
.left_side .l_s_menu .l_s_m_wrap .towclass span a{width:165px; padding-left:45px;background:url(../images/side_nav_icon4.png) 30px center no-repeat;float:left;}
.left_side .l_s_menu .l_s_m_wrap .towclass span a:hover{width:165px;background:url(../images/side_nav_icon3.png) 30px center no-repeat #c82126;color:#fff;float:left;}

.left_side .l_s_menu .l_s_m_wrap .towclass p{width:210px; margin-bottom:5px; color:#fff; float:left;}
.left_side .l_s_menu .l_s_m_wrap .towclass p a{width:165px; padding-left:45px;background:url(../images/side_nav_icon3.png) 30px center no-repeat #c82126;color:#fff;float:left;}
.left_side .l_s_menu .l_s_m_wrap .towclass p a:hover{width:165px;background:url(../images/side_nav_icon3.png) 30px center no-repeat #c82126;color:#fff;float:left;}



/* about-左边-联系方式 */
.left_side .l_s_contact{width:240px;background:#fff; border-top:5px #c82126 solid; margin-top:20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;float:left;}
.left_side .l_s_contact .l_s_c_title{width:190px; padding-left:20px; height:60px; line-height:60px; font-size:20px; font-weight:bold; color:#c82126;float:left;}
.left_side .l_s_contact .l_s_c_wrap{width:210px; padding:0 15px 15px 15px; font-size:16px;float:left;}
.left_side .l_s_contact .l_s_c_wrap .tel{width:210px; font-size:16px; border-bottom:1px #CCC dashed; padding-bottom:20px; float:left;}
.left_side .l_s_contact .l_s_c_wrap .tel .t1{width:140px; padding-left:70px; height:70px; line-height:70px; font-size:18px; background:url(../images/side_tel.png) 30px center no-repeat;float:left;}
.left_side .l_s_contact .l_s_c_wrap .tel .t2{width:210px;font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#c82126; text-align:center;float:left;}
.left_side .l_s_contact .l_s_c_wrap .contact{width:210px; font-size:14px; margin-top:20px; color:#555; float:left;}

/* about-右边-专家团队 */
/*列表*/
.team{ width:905px; margin:10px 20px 30px 5px;float:left;}
.team .list{width:425px; margin-left:20px; margin-bottom:30px; margin-top:10px;float:left;}
.team .list .pic{width:180px;float:left;}
.team .list .pic p{width:160px; height:208px;line-height:208px; text-align:center;background:#FFF;margin:0 auto;}
/* 兼容标准浏览器 */
.team .list .pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.team .list .pic img{
    *margin-top:expression((208 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.team .list .pic img:hover{transform: scale(1.2);}

.team .list .info{width:235px; padding-left:10px;float:right;}
.team .list .info .title{width:235px; font-size:16px; font-weight:bold;float:left;}
.team .list .info .desc{width:235px; color:#666; line-height:24px; height:142px; overflow:hidden;float:left;}

.team .list .info .more{ width:90px;height:26px; margin-top:10px; overflow:hidden; line-height:26px; text-align:left;float:left;}
.team .list .info .more a{ color:#c82126;}
.team .list .info .more a:hover{ color:#3596ff}

.team .list .info .zixun{ width:90px; margin-right:10px; height:26px; margin-top:10px; overflow:hidden; line-height:26px; text-align: center; background:#c82126;float:right;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.team .list .info .zixun a{ color:#FFF}
.team .list .info .zixun a:hover{ color:#fdd100}
/*详情*/
.team_content{ width:890px; margin:10px 20px 20px 20px;float:left;}
.team_content .name{ width:890px; text-align:center; font-size:24px; line-height:30px; padding-bottom:20px; margin-top:20px;float:left;}
.team_content .admin{ width:890px; text-align:center; color:#666; padding-bottom:40px;float:left;}
.team_content .admin a{ color:#666}
.team_content .admin a:hover{ color:#c82126}

.team_content .admin2{ width:890px; text-align:center; color:#c82126; font-size:17px; font-weight:bold; padding-bottom:10px;float:left;}

.team_content .pic{ width:890px;margin-bottom:20px; text-align:center;float:left;}
.team_content .pic img{ padding:20px; border:1px #efefef solid; background:#f9f9f9;}

.team_content .video{ width:890px;margin-bottom:20px; text-align:center;float:left;}
.team_content .video video{ width:100%;float:left;}

.team_content .details{ width:890px; margin-top:20px; font-size:16px;float:left;}
.team_content .details img{ max-width:890px}

.team_content .details .dw1{ width:780px;margin:0 auto}
.team_content .details .dw2{ width:780px; padding-top:50px;margin:0 auto}
.team_content .details .dw1 img{ max-width:780px}

/*翻页*/
.fanyue{ width:930px; text-align:center; float:left;}
.prev_next{ width:930px; float:left;}


/* about-左边-资质证书 */
/*列表*/
.piclist{ width:890px; margin:20px 20px 30px 20px;float:left;}
.fanyue2{ width:890px; text-align:center; float:left;}

/*视频中心*/
.r_video{ width:850px; margin:20px 40px 30px 40px; overflow:hidden;float:left;}
.r_video ul{ width:1000px;float:left;}
.r_video ul li{ width:450px; text-align:center;float:left;}
.r_video ul li .title{ width:400px; height:50px; line-height:40px;text-align:center;float:left;}

/*商学院*/
.college{ background:#FFF}
.college .subheading{ width:1232px; padding:40px 0; text-align:center; font-size:26px; font-weight:bold; color:#c82126;border-top:10px #c82126 solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;float:left;}
.college .subdirectory{ width:1192px; padding:10px 20px 40px 20px;float:left;}
.college .subdirectory .sub{ width:1192px;float:left;}
#nav_co{top:700px;position:absolute; background:#fff; border-bottom:1px #c82126 solid;width:1152px; padding:20px;font-size:17px; }
#nav_co li{width:auto; color:#fff; float:left;}
#nav_co li a{ width:auto; margin:10px 13px;padding:1px 20px;background:#fff;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:left;}
#nav_co li a:hover{color:#fff;background:#c82126;}
#nav_co ol{width:auto; color:#c82126; float:left;}
#nav_co ol a{ width:auto; margin:10px 13px;padding:1px 20px;background:#c82126; color:#fff; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:left;}
#nav_co ol a:hover{color:#c82126;background:#fdd100;}
.college .title{ width:1119px; padding:10px 57px 40px 56px; font-size:26px; font-weight:bold;float:left;}
.college .content{ width:1119px; padding:50px 57px 40px 56px;font-size:16px; line-height:34px; float:left;}

/*达标咨询*/
.consultation{ background:#FFF}
.consultation .subheading{ width:1232px; padding:40px 0; text-align:center; font-size:26px; font-weight:bold; color:#257fbe;border-top:10px #257fbe solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;float:left;}
.consultation .subdirectory{ width:1192px; padding:10px 20px 40px 20px;float:left;}
.consultation .subdirectory .sub{ width:1192px;float:left;}
#nav_co2{top:700px;position:absolute; background:#fff; border-bottom:1px #257fbe solid;width:1152px; padding:20px;font-size:17px; }
#nav_co2 li{width:auto; color:#fff; float:left;}
#nav_co2 li a{ width:auto; margin:10px 15px;padding:1px 20px;background:#fff;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:left;}
#nav_co2 li a:hover{color:#fff;background:#257fbe;}
#nav_co2 ol{width:auto; color:#c82126; float:left;}
#nav_co2 ol a{ width:auto; margin:10px 15px;padding:1px 20px;background:#257fbe; color:#fff; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:left;}
#nav_co2 ol a:hover{color:#257fbe;background:#fdd100;}

/*达标投融*/
.tourong{ width:1119px; padding:0px 57px 40px 56px;font-size:16px; line-height:34px; float:left;}

/*鸿门文化*/
.hongmen{ width:1119px; padding:0px 57px 40px 56px;font-size:16px; line-height:34px; float:left;}

/*达标咨询*/
.consultation_content{ width:1119px; padding:0px 57px 40px 56px;font-size:16px; line-height:34px; float:left;}

/* 同学会 */
.gathering{ width:1119px; padding:10px 57px 40px 56px; font-size:16px; line-height:34px; overflow:hidden;float:left;}
.gathering img{ max-width:1119px}

/*经典案例*/
.in_case{ width:890px; margin:20px 20px 30px 20px;float:left;}
.in_case .recommend{ width:890px;float:left;}
.in_case .recommend .list{ width:262px; margin-left:15px; margin-right:15px; text-align:center;border:2px #c82126 solid;float:left;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.in_case .recommend .list .pic{ width:262px;margin:0 auto;}
.in_case .recommend .list .pic p{width:256px; height:256px;line-height:256px; padding:3px; text-align:center;margin:0 auto;}
/* 兼容标准浏览器 */
.in_case .recommend .list .pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-4px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.in_case .recommend .list .pic img{
    *margin-top:expression((256 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.in_case .recommend .list .pic img:hover{transform: scale(1.2);}
.in_case .recommend .list .title{ width:262px; height:40px; line-height:40px; overflow:hidden;font-weight:bold; font-size:15px;margin:0 auto;}
.in_case .recommend .list .desc{ width:242px; height:88px; overflow:hidden; line-height:22px; color:#666; margin:2px auto 15px auto;}
.in_case .recommend .list .more{ width:85px; height:26px; line-height:26px;padding-left:12px; border:1px #c82126 dotted;text-align:left; background:url(../images/pro_list_more_icon2.png) 73px no-repeat; margin:0 auto 15px auto;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.in_case .recommend .list .more a{color:#c82126;}
.in_case .recommend .list:hover{background:#c82126;width:262px; margin-left:15px; margin-right:15px; border:2px #c82126 solid;float:left;}
.in_case .recommend .list:hover .title a{color:#fff;}
.in_case .recommend .list:hover .title a:hover{color:#fdd100;}
.in_case .recommend .list:hover .desc{color:#dd9595;}
.in_case .recommend .list:hover .more{  border:1px #fff dotted;background:url(../images/pro_list_more_icon3.png) 73px no-repeat; }
.in_case .recommend .list:hover .more a{color:#fff;}
.in_case .recommend .list:hover .more a:hover{color:#fdd100;}


.in_case .currentperiod{ width:850px; margin-left:20px;float:left;}
.in_case .currentperiod .title{ width:850px; font-size:22px; font-weight:bold;height:50px; line-height:50px; background:#f5f5f5; text-align:center;float:left;}
.in_case .currentperiod .content{ width:850px;margin-top:20px; margin-bottom:20px; font-size:16px;float:left;}
.in_case .currentperiod .content .pic{ width:400px;float:left;}

.in_case .currentperiod .content .pic p{width:300px; height:300px;line-height:300px; text-align:center; float:left;}
/* 兼容标准浏览器 */
.in_case .currentperiod .content .pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.in_case .currentperiod .content .pic img{
    *margin-top:expression((300 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.in_case .currentperiod .content .pic img:hover{transform: scale(1.2);}


.in_case .currentperiod .content .info{ width:400px; padding-top:30px;float:right;}
.in_case .currentperiod .content .info .list{ width:400px;line-height:40px;float:left;}
.in_case .currentperiod .content .info .list1{ width:400px;line-height:40px; font-weight:bold; color:#c82126;float:left;}
.in_case .currentperiod .content .info .list1 a{ color:#c82126}

.in_case .nextperiod{ width:850px; margin-left:20px;float:left;}
.in_case .nextperiod .title{ width:850px; font-size:22px; font-weight:bold;height:50px; line-height:50px; background:#f5f5f5; text-align:center;float:left;}
.in_case .nextperiod .content{ width:850px;margin-top:20px;  font-size:16px;float:left;}


.in_case .ordinary{ width:850px; margin-left:20px;float:left;}

.in_case .ordinary .ord_title{ width:850px; margin-top:30px; font-size:22px; font-weight:bold; height:50px; line-height:50px; background:#f5f5f5;text-align:center;float:left;}

.in_case .ordinary .list{ width:850px; margin-top:20px;margin-bottom:20px;border-top:1px #ccc dotted;border-bottom:1px #ccc dotted;float:left;}
.in_case .ordinary .list .pic{ width:220px;float:left;}
.in_case .ordinary .list .pic p{width:200px; height:200px;line-height:200px; padding:3px; text-align:center; float:left;}
/* 兼容标准浏览器 */
.in_case .ordinary .list .pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.in_case .ordinary .list .pic img{
    *margin-top:expression((200 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.in_case .ordinary .list .pic img:hover{transform: scale(1.2);}
.in_case .ordinary .list .info{ width:560px; margin-top:20px;float:right;}
.in_case .ordinary .list .info .title{ width:560px; height:60px; line-height:60px; overflow:hidden; font-size:16px; font-weight:bold;float:left;}
.in_case .ordinary .list .info .desc{ width:560px; height:50px; overflow:hidden;line-height:24px; color:#666;float:left;}
.in_case .ordinary .list .info .more{ width:85px; margin-top:30px; margin-right:10px; height:26px; line-height:26px;padding-left:12px; border:1px #c82126 dotted;text-align:left; background:url(../images/pro_list_more_icon2.png) 73px no-repeat;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; float:right}
.in_case .ordinary .list .info .more a{ color:#c82126}
.in_case .fanyue{ width:850px; margin-top:20px; text-align:center; float:left;}


/*在线课程*/
.kecheng{ background:#FFF}
.kecheng .list_wrap{width:1232px;loat:left;}
.kecheng .list_wrap .subheading{ width:1232px; padding:50px 0 20px 0; text-align:center; font-size:30px;color:#2178bc;loat:left;}
.kc_sub{ width:250px; height:328px; padding-top:35px; margin-left:78px; float:left;}

.kc_sub_list{ float:left; background:url(../images/spot_40.png); margin-bottom:1px;}
.kc_sub_list a{ color:#fff}
.kc_sub_list a:hover{ color:#fff}

.kc_sub .alt{position:relative; cursor: pointer;float:left;width:200px; padding-left:50px; height:70px; line-height:70px; font-size:18px; font-weight:bold;background:url(../images/kecheng_sub_icon.png) 200px center no-repeat;text-decoration:none;color:#2178bc;}
.kc_sub .alt:hover{
text-decoration:none;background:url(../images/kecheng_sub_icon2.png) 200px center no-repeat #2178bc; color:#fff;}
.kc_sub .alt .popup{display:none; color:#222; width:710px;padding:20px;}

.kc_sub .alt:hover .popup{position:absolute;display:block;left:250px; height:323px;border-left:5px solid #2178bc;border-right:5px solid #2178bc;border-bottom:5px solid #2178bc;border-top:5px solid #2178bc;z-index:4; padding:15px;background:url(../images/spot_50.png);}
.kc_sub .alt:hover .popup .p_wrap{ width:710px; font-size:15px;float:left;}
.kc_sub .alt:hover .popup .p_wrap a{ padding:0 15px; line-height:30px; font-weight:normal; color:#222;float:left;}
.kc_sub .alt:hover .popup .p_wrap a:hover{font-weight:bold; background:#2178bc; color:#FFF;}

.kecheng .list_wrap .content{ width:1232px;float:left;}
.kecheng .list_wrap .content .list{ width:222px; margin-top:20px; margin-left:13px; margin-right:10px;float:left;}
.kecheng .list_wrap .content .list dl{ width:200px; padding:7px; border:1px #FFFFFF solid;float:left}
.kecheng .list_wrap .content .list dl dt{ width:200px;text-align:center;float:left;}
.kecheng .list_wrap .content .list dl dt p{width:200px; height:100px;line-height:100px;text-align:center; float:left;}
/* 兼容标准浏览器 */
.kecheng .list_wrap .content .list dl dt p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.kecheng .list_wrap .content .list dl dt img{
    *margin-top:expression((100 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.kecheng .list_wrap .content .list dl dt img:hover{transform: scale(1.2);}




.kecheng .list_wrap .content .list dl dd{ width:200px;float:left;}
.kecheng .list_wrap .content .list dl dd a{ width:200px; height:40px; line-height:20px; margin-top:5px; float:left;}
.kecheng .list_wrap .content .list dl dd .cost{ width:100px; color:#2178bc;float:left;}
.kecheng .list_wrap .content .list dl dd .teacher{ width:100px; text-align:right; color:#888;float:right;}
.kecheng .list_wrap .content .list dl:hover{ width:200px;border:1px #ddd solid; float:left;box-shadow: 1px 1px 5px #ddd;}

.kecheng .list_wrap .content2{ width:1192px; padding:10px 20px 40px 20px;float:left;}
.kecheng .list_wrap .content2 .list{ width:auto; margin:10px 10px;float:left;}
.kecheng .list_wrap .content2 .list a{ width:auto; float:left; border:1px #999 dashed; padding:0 15px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; }
.kecheng .list_wrap .content2 .list a:hover{ color:#2178bc}


/*在线课程浮动栏目*/
.float_kc_nav{ width:140px;position:fixed; top:250px;_position:absolute;top:250px;_top:180px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);z-index:99999;}
.float_kc_nav ul{ width:auto; float:left;}
.float_kc_nav ul li{ width:140px; text-align:center; margin:5px 0;float:left;}
.float_kc_nav ul li a{ width:140px; height:40px; line-height:40px; font-size:16px; color:#FFF; background:#2178bc;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:left;}
.float_kc_nav ul li a:hover{ color:#fdd100}

.float_kc_nav ul ol{ width:140px; text-align:center; margin:5px 0;float:left;}
.float_kc_nav ul ol a{ width:140px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#222; background:#fdd100;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:left;}
.float_kc_nav ul ol a:hover{ color:#222}



.kecheng .list_wrap .lanmuyue_bt{ width:1232px;text-align:center; font-size:30px;color:#fff; background:#2178bc; height:70px; line-height:70px;loat:left;}

.kecheng .list_wrap .content3{ width:1192px; padding:10px 20px 40px 20px;float:left;}
.kecheng .list_wrap .content3 .sub{ width:1192px;float:left;}
#nav{top:730px;position:absolute; background:#fff; border-bottom:1px #3593dc solid;width:1152px; padding:20px;}
#nav li{width:auto; color:#222; float:left;}
#nav li a{ width:auto;color:#222;float:left;margin:0 5px; padding:0 8px;text-align:center;list-style:none; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
#nav li a:hover{background:#3593dc; color:#fff;}

#nav ol{width:auto; color:#fff; float:left;}
#nav ol a{ width:auto;background:#3593dc;color:#fff;float:left;margin:0 5px; padding:0 8px;text-align:center;list-style:none; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
#nav ol a:hover{background:#3593dc; color:#222;}

/*在线课程栏目主页*/
.kecheng .list_wrap .content3 .sub_zy{ width:1192px;float:left;}
#nav_zy{top:730px;position:absolute; background:#fff; border-bottom:1px #3593dc solid;width:1152px; padding:20px;}
#nav_zy li{width:auto; color:#222; font-size:18px;float:left;}
#nav_zy li a{ width:auto;color:#222;float:left;margin:0 5px; padding:0 8px;text-align:center;list-style:none; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
#nav_zy li a:hover{background:#3593dc; color:#fff;}

#nav_zy ol{width:auto; color:#fff;float:left;}
#nav_zy ol a{ width:auto;background:#3593dc;color:#fff;float:left;margin:0 5px; padding:0 8px;text-align:center;list-style:none; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
#nav_zy ol a:hover{background:#3593dc; color:#222;}


.kecheng .list_wrap .content3 .listcontent{ width:1192px;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction{ width:927px;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_0{ width:917px;color:#666; padding-left:10px; padding-bottom:10px;border-bottom:1px #ccc solid; background:url(../images/mianbx_icon.png) left 12px no-repeat;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_0 a{ color:#666}
.kecheng .list_wrap .content3 .listcontent .direction .d_0 a:hover{ color:#2178bc}
.kecheng .list_wrap .content3 .listcontent .direction .d_1{ width:907px; margin-top:20px;height:20px; line-height:20px; color:#444;padding-left:20px;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_1 a{ color:#444}
.kecheng .list_wrap .content3 .listcontent .direction .d_1 a:hover{ color:#2178bc}
.kecheng .list_wrap .content3 .listcontent .direction .d_1 span{ padding-right:30px}

.kecheng .list_wrap .content3 .listcontent .direction .d_2{ width:927px;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list{ width:222px; margin-top:20px; margin-left:6px; margin-right:3px;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl{ width:200px; padding:7px; border:1px #FFFFFF solid;float:left}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dt{ width:200px;text-align:center;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dt p{width:200px; height:100px;line-height:100px;text-align:center; float:left;}
/* 兼容标准浏览器 */
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dt p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dt img{
    *margin-top:expression((100 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dt img:hover{transform: scale(1.2);}




.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dd{ width:200px;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dd a{ width:200px; height:40px; line-height:20px; margin-top:5px; float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dd .cost{ width:40px; color:#2178bc;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dd .signup{ width:110px; text-align:center; color:#888;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl dd .teacher{ width:50px; text-align:right; color:#888;float:right;}
.kecheng .list_wrap .content3 .listcontent .direction .d_2 .list dl:hover{ width:200px;border:1px #ddd solid; float:left;box-shadow: 1px 1px 5px #ddd;}
.kecheng .list_wrap .content3 .listcontent .direction .d_fy{ width:927px; margin-top:20px; text-align:center;float:left;}


.kecheng .list_wrap .content3 .listcontent .r_recommend{ width:222px;float:right;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_1{ width:222px; padding-bottom:10px;border-bottom:1px #ccc solid; color:#666; font-size:16px; font-weight:bold;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2{ width:222px;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list{ width:222px; margin-top:20px;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl{ width:200px; padding:7px; border:1px #FFFFFF solid;float:left}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dt{ width:200px;text-align:center;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dt p{width:200px; height:100px;line-height:100px;text-align:center; float:left;}
/* 兼容标准浏览器 */
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dt p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dt img{
    *margin-top:expression((100 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dt img:hover{transform: scale(1.2);}





.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dd{ width:200px;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dd a{ width:200px; height:40px; line-height:20px; margin-top:5px; float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dd .cost{ width:40px; color:#2178bc;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dd .signup{ width:110px; text-align:center; color:#888;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl dd .teacher{ width:50px; text-align:right; color:#888;float:right;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_2 .list dl:hover{ width:200px;border:1px #ddd solid; float:left;box-shadow: 1px 1px 5px #ddd;}

.kecheng .list_wrap .content3 .like{ width:1192px; padding-top:20px;float:left;}
.kecheng .list_wrap .content3 .like .name{ width:1172px; padding-left:20px;padding-bottom:10px;border-bottom:1px #ccc solid; color:#666; font-size:16px; font-weight:bold;float:left;}
.kecheng .list_wrap .content3 .like .info{ width:1192px;float:left;}

.kecheng .list_wrap .content3 .like .info .list{ width:222px; margin-top:20px; margin-left:10px; margin-right:6px;float:left;}
.kecheng .list_wrap .content3 .like .info .list dl{ width:200px; padding:7px; border:1px #FFFFFF solid;float:left}
.kecheng .list_wrap .content3 .like .info .list dl dt{ width:200px;text-align:center;float:left;}

.kecheng .list_wrap .content3 .like .info .list dl dt p{width:200px; height:100px;line-height:100px;text-align:center; float:left;}
/* 兼容标准浏览器 */
.kecheng .list_wrap .content3 .like .info .list dl dt p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.kecheng .list_wrap .content3 .like .info .list dl dt img{
    *margin-top:expression((100 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.kecheng .list_wrap .content3 .like .info .list dl dt img:hover{transform: scale(1.2);}



.kecheng .list_wrap .content3 .like .info .list dl dd{ width:200px;float:left;}
.kecheng .list_wrap .content3 .like .info .list dl dd a{ width:200px; height:40px; line-height:20px; margin-top:5px; float:left;}
.kecheng .list_wrap .content3 .like .info .list dl dd .cost{ width:40px; color:#2178bc;float:left;}
.kecheng .list_wrap .content3 .like .info .list dl dd .signup{ width:110px; text-align:center; color:#888;float:left;}
.kecheng .list_wrap .content3 .like .info .list dl dd .teacher{ width:50px; text-align:right; color:#888;float:right;}
.kecheng .list_wrap .content3 .like .info .list dl:hover{ width:200px;border:1px #ddd solid; float:left;box-shadow: 1px 1px 5px #ddd;}


.kecheng .list_wrap .content3 .relevant_popular{ width:1192px; padding-top:20px;float:left;}
.kecheng .list_wrap .content3 .relevant_popular .name{ width:1172px; padding-left:20px;border-bottom:1px #ccc solid; color:#666; font-size:16px; font-weight:bold;float:left;}
.kecheng .list_wrap .content3 .relevant_popular .name ul{width:1172px; float:left}
.kecheng .list_wrap .content3 .relevant_popular .name ul li{width:100px; text-align:center; height:40px; line-height:40px; float:left}
.active{display:inline; border-bottom:5px #2178bc solid;}
.active a{width:100%;float:left;}
.normal{color:#2178bc;}
.normal a{width:100%;  float:left;}
.kecheng .list_wrap .content3 .relevant_popular .info{ width:1192px;float:left;}
.kecheng .list_wrap .content3 .relevant_popular .info .kuang{ width:1152px; padding:20px 20px 0 20px;float:left;}
.kecheng .list_wrap .content3 .relevant_popular .info .kuang .list{ width:auto; margin:10px 10px;float:left;}
.kecheng .list_wrap .content3 .relevant_popular .info .kuang .list a{ width:auto; float:left; border:1px #999 dashed; padding:0 15px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; }
.kecheng .list_wrap .content3 .relevant_popular .info .kuang .list a:hover{ color:#2178bc}

.kecheng .list_wrap .content3 .listcontent .direction .video_content{ width:927px; margin-top:40px;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .video_content .v_c_title{ width:927px; height:80px; line-height:80px; color:#2178bc;font-size:24px; font-weight:bold;text-align:center;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .video_content .v_c_content{ width:927px;text-align:center;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .video_content .v_c_fu_miao{ width:927px;text-align:center;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .video_content .v_c_fu_miao .v_false{ width:927px;text-align:center; display:none;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .video_content .v_c_fu_miao .v_true{ width:927px;text-align:center;line-height:60px;text-align:center;float:left;}
.kecheng .list_wrap .content3 .listcontent .direction .video_content .v_c_fu_miao .v_true img{ border:1px #e5e5e5 solid}









.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3{ width:220px;margin-top:20px; border:1px #e5e5e5 solid;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .pic{ width:210px; padding:5px;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .pic p{width:210px; height:210px;line-height:210px;text-align:center; float:left;}
/* 兼容标准浏览器 */
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-3px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .pic img{
    *margin-top:expression((210 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .pic img:hover{transform: scale(1.2);}

.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .name{ width:200px; padding:10px; font-size:18px; font-weight:bold;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .info{ width:200px; padding:10px; line-height:26px;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .mobile{ width:200px; padding:10px; font-size:18px; font-weight:bold;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .QRcode{ width:200px; padding:10px; text-align:center;float:left;}
.kecheng .list_wrap .content3 .listcontent .r_recommend .d_3 .qrcode2{ width:200px; padding:0 10px 10px 10px; color:#999;text-align:center;float:left;}