﻿#pagebody_wrapper{
	overflow:auto;
	margin-bottom:50px;
}
.mainBanner{
	float:left;
	width:700px;	
	height:360px;
	margin-bottom:30px;
    background-color:#f5f5f5;
    overflow:hidden;
}

.teacher{
	margin:0 auto;
	width:1200px;
	padding:70px 0;
	overflow:hidden;
}
.teacher h3{
	font-size:44px;
	line-height:60px;
    font-weight:normal;
	padding-bottom:50px;
}
.teacher h3 span{
	vertical-align:middle;
	height:60px;
	display:inline-block;
	margin:0 20px;
}
.teacher h3 .line_l{
	width:268px;
	background:url(/zb_users/theme/default/images/line_l.png) no-repeat center;
}
.teacher h3 .line_r{
	width:268px;
	background:url(/zb_users/theme/default/images/line_r.png) no-repeat center;
}

.teacher ul{
	overflow:auto;
	margin-bottom:30px;
}
.teacher ul li{
	float:left;
	width:200px;
	overflow:auto;
	display:block;
	padding:35px;
	margin:15px;
	transition:box-shadow 0.5s ease-out;
	-webkit-transition:box-shadow 0.5s ease-out;      
	-moz-transition:box-shadow 0.5s ease-out;      
	-o-transition:box-shadow 0.5s ease-out;
}
.teacher ul li:hover{
	box-shadow:2px 2px 15px #ccc;
	transition:box-shadow 0.5s ease-out;
	-webkit-transition:box-shadow 0.5s ease-out;      
	-moz-transition:box-shadow 0.5s ease-out;      
	-o-transition:box-shadow 0.5s ease-out;
}

.teacher ul li dt{
	margin:0 auto;
	width:140px;
	height:140px;
	margin-bottom:20px;
}
.teacher ul li img{
	width:140px;
	height:140px;
	border-radius:140px;
}
.teacher ul li dl{
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}
.teacher ul li dd{
	font-size:14px;
	word-wrap:break-word;
	word-break:break-all;
	color:#aaa;
	line-height:20px;
	text-align:left;
	min-height:80px;
}
.teacher .more{
	position:relative;
	width:302px;
	height:40px;
	margin:0 auto;
}
.teacher .more a{
	display:block;
	width:302px;
	height:40px;
	line-height:40px;
	color:#222;
	background-image:url(/zb_users/theme/default/images/morebg.png);
}
.teacher .more a i{
	margin-left:5px;
	font-weight:bold;
	font-size:15px;
	font-style:normal;
	font-family:"宋体";
}
.teacher .mores{
	position:absolute;
	left:0;
	top:0;
	width:302px;
	height:40px;
}
.teacher .mores a{
	color:#fff;
	background-image:url(/zb_users/theme/default/images/morebg_on.png);
	opacity:0;
	transition:opacity 0.5s ease-out;
	-webkit-transition:opacity 0.5s ease-out;      
	-moz-transition:opacity 0.5s ease-out;      
	-o-transition:opacity 0.5s ease-out;
}
.teacher .mores a i{
	margin-left:5px;
	font-weight:bold;
	font-size:15px;
	font-style:normal;
	font-family:"宋体";
}
.teacher .mores a:hover{
	opacity:1;
	transition:opacity 0.5s ease-out;
	-webkit-transition:opacity 0.5s ease-out;      
	-moz-transition:opacity 0.5s ease-out;      
	-o-transition:opacity 0.5s ease-out;
}


.linkinfo{width:1300px; margin:0 auto; overflow:auto; margin-bottom:60px;}
.linkinfo h3{
	font-size:44px;
	line-height:60px;
    font-weight:normal;
}
.linkinfo h3 span{
	vertical-align:middle;
	height:60px;
	display:inline-block;
	margin:0 20px;
}
.linkinfo h3 .line_l{
	width:268px;
	background:url(/zb_users/theme/default/images/line_l.png) no-repeat center;
}
.linkinfo h3 .line_r{
	width:268px;
	background:url(/zb_users/theme/default/images/line_r.png) no-repeat center;
}
.linkinfo ul{padding:30px 0 20px 0; overflow:auto;}
.linkinfo ul li a{float:left; width:300px; height:120px; margin:0 55px; padding:20px 10px;
	transition:box-shadow 0.5s ease-out;      
	-webkit-transition:box-shadow 0.5s ease-out;      
	-moz-transition:box-shadow 0.5s ease-out;      
	-o-transition:box-shadow 0.5s ease-out;
}
.linkinfo ul li a:hover{
	box-shadow:2px 2px 15px #ccc;
	transition:box-shadow 0.5s ease-out;      
	-webkit-transition:box-shadow 0.5s ease-out;      
	-moz-transition:box-shadow 0.5s ease-out;      
	-o-transition:box-shadow 0.5s ease-out;
}
.linkinfo img{width:300px; height:120px;}


.universe{width:1200px; margin:0 auto; overflow:auto; margin-bottom:10px;}
.universe h3{
	font-size:44px;
	line-height:60px;
    font-weight:normal;
}
.universe h3 span{
	vertical-align:middle;
	height:60px;
	display:inline-block;
	margin:0 20px;
}
.universe h3 .line_l{
	width:268px;
	background:url(/zb_users/theme/default/images/line_l.png) no-repeat center;
}
.universe h3 .line_r{
	width:268px;
	background:url(/zb_users/theme/default/images/line_r.png) no-repeat center;
}
.universe ul{padding-top:70px; min-height:200px;overflow:hidden;}
.universe ul li{float:left; text-align:center; overflow:hidden}
.universe ul li a{float:left; font-size:16px; width:120px; margin:0 89px; padding:110px 0 20px 0;
	transition:font-size 0.3s ease-out;      
	-webkit-transition:font-size 0.3s ease-out;      
	-moz-transition:font-size 0.3s ease-out;      
	-o-transition:font-size 0.3s ease-out;
}
.universe ul li a:hover{color:#139; font-size:20px; padding:120px 0 10px 0;
	transition:font-size 0.3s ease-out;      
	-webkit-transition:font-size 0.3s ease-out;      
	-moz-transition:font-size 0.3s ease-out;      
	-o-transition:font-size 0.3s ease-out;
}

.universe ul li.wb{background:url(/zb_users/theme/default/images/weibo.png) no-repeat center 10px;}
.universe ul li.wx{background:url(/zb_users/theme/default/images/weixin.png) no-repeat center 8px;}
.universe ul li.wd{background:url(/zb_users/theme/default/images/wd.png) no-repeat center 5px;}
.universe ul li.tt{background:url(/zb_users/theme/default/images/tt.jpg) no-repeat center 0px;}
.universe ul li.kt{background:url(/zb_users/theme/default/images/kt.jpg) no-repeat center 0px;}
.universe ul li.kf{background:url(/zb_users/theme/default/images/logo_c.png) no-repeat center 0px; border-width:0px;}

/*course_cen.BEGIN
-----------------------------------------------*/
.course_cen{overflow:auto; margin-bottom:60px;}
.course_cen h3{font-size:50px; color:#fff; width:600px; margin:120px 0 50px 0;}
.course_cen h4 a{font-size:24px; color:#fff;
	transition:text-shadow 0.5s ease-out;      
	-webkit-transition:text-shadow 0.5s ease-out;      
	-moz-transition:text-shadow 0.5s ease-out;      
	-o-transition:text-shadow 0.5s ease-out;
}
.course_cen h4 a:hover{
	text-shadow:0 0 10px #fff,0 0 20px #fff;
	transition:text-shadow 0.5s ease-out;      
	-webkit-transition:text-shadow 0.5s ease-out;      
	-moz-transition:text-shadow 0.5s ease-out;      
	-o-transition:text-shadow 0.5s ease-out;
	}
.course_cen ul{width:482px; margin-top:40px;}
.course_cen ul li{width:442px; height:76px; background-color:rgba(255,255,255,0.8); margin-bottom:13px;padding:23px 10px 23px 30px;
	transition:background-color 0.5s ease-out;      
	-webkit-transition:background-color 0.5s ease-out;      
	-moz-transition:background-color 0.5s ease-out;      
	-o-transition:background-color 0.5s ease-out;
}
.course_cen ul li h5{font-size:16px; color:#222; width:400px; text-align:left; float:left; margin-bottom:8px;}
.course_cen ul li h5 a:hover{color:#139;}
.course_cen ul li p{font-size:12px; color:#999; width:500px; text-align:left; line-height:22px;}
.course_cen ul li span a{float:right; width:40px; height:60px; display:inline-block; background:url(/zb_users/theme/default/images/go.png) center center no-repeat; margin-top:10px;}
.course_cen ul li span a:hover{background:url(/zb_users/theme/default/images/go_on.png) center center no-repeat;}
.course_cen ul li:hover{
	background-color:rgba(255,255,255,1);
	transition:background-color 0.5s ease-out;      
	-webkit-transition:background-color 0.5s ease-out;      
	-moz-transition:background-color 0.5s ease-out;      
	-o-transition:background-color 0.5s ease-out;
}
.course_cen .excellent{width:600px;background:url(/zb_users/theme/default/images/excellent_l_bg.png) center 18px no-repeat; height:280px;}
.course_cen dl{margin:0;}
.course_cen dl dt{float:left;}
.course_cen dl dt img{width:36px; height:36px; border:#ccc 1px solid; border-radius:36px; margin-right:8px;
	transition:box-shadow 0.5s ease-out;      
	-webkit-transition:box-shadow 0.5s ease-out;      
	-moz-transition:box-shadow 0.3s ease-out;      
	-o-transition:box-shadow 0.3s ease-out;
}
.course_cen dl dt img:hover{border:#fff 1px solid;box-shadow: 0 0 10px #fff;
	transition:box-shadow 0.5s ease-out;      
	-webkit-transition:box-shadow 0.3s ease-out;      
	-moz-transition:box-shadow 0.3s ease-out;      
	-o-transition:box-shadow 0.3s ease-out;
}
.course_cen .course_l{background:url(/zb_users/theme/default/images/course_l.jpg) center 0 no-repeat; height:608px; margin-bottom:56px;}
.course_cen .course_c{background:url(/zb_users/theme/default/images/course_c.jpg) center 0 no-repeat; height:608px;}
.course_cen .course_l .course_l_cen{width:1200px; margin:0 auto;}
.course_cen .course_c .course_c_cen{width:1200px; margin:0 auto;}
.course_cen .course_l .course_l_cen h3,.course_cen .course_l .excellent{float:left;}
.course_cen .course_l ul{float:right;}
.course_cen .course_c .course_c_cen h3,.course_cen .course_c .excellent{float:right;}
.course_cen .course_c ul{float:left;}


/*Announcement.BEGIN
-----------------------------------------------*/
#announcement {
    border:1px solid #dddddd;
    text-align:left;
    background-color:#fff;    
    margin-bottom:10px;
    background-color:#f7f7f7;
}
#announcement p{
    padding:3px;
    padding-left:10px;
    color:#ff6a00;

    /*background-repeat:no-repeat;
    background-size:24px 24px;
    background-position:7px 8px;
    background-image:url(../images/icon_announcement.png);*/
}
#announcement p a{
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px dotted #dddddd;
}
#announcement p a:last-child{    
    border-bottom:0px;
}
#announcement p a,#announcement p a:visited{
    color:#ff6a00;
}
/*Announcement.END
-----------------------------------------------*/

.news_section {
	padding-top:30px;
    width:700px;
    overflow:hidden;
    border:0px solid #f5f5f5;
	border-width:10px 0 15px 0;
	margin-bottom:30px;
}
.news_section .content ul{
	width:120%;
}
.news_section .content ul li{
	float:left;
	width:160px;
	margin:0 17px 25px 0;
	border:#eee 1px solid;
	overflow:hidden;
}
.news_section .content ul li:hover{
	border:#09f 1px solid;
}
.news_section .content ul li img{
	width:160px;
	height:120px;
}
.news_section .content ul li p{
	border-top:#eee 1px dashed;
	padding:10px;
	color:#aaa;
}
.news_section .content ul li .title{
	text-align:center;
	border:0px solid #dddddd;
	display:block;
    font-size:16px;
    line-height:30px;
    height:30px;
    overflow:hidden;
}
.news_section .content ul li .intro{
	padding:2px 5px 10px 8px;
    font-size:13px;
    line-height:22px;
	color:#999;
	height:60px;
	overflow:hidden;
	display:inline-block;
}
.namelist{clear:both; border:#eee 1px solid; margin-bottom:30px;}
.namelist h3{font-size:18px; background:#f5f5f5; padding:8px;}
.namelist p{line-height:25px; padding:15px 20px; color:#666;}

.news_section .content ul li .title a{
	color:#666;
}
.news_section .content ul li .title a:hover{
	color:#07c;
}
/* section1.BEGIN
-----------------------------------------------*/
.section1{
	border:0px solid #dddddd;	
}
.section1 .header{
	overflow:auto;
	margin-bottom:30px;
}
.section1 .header li a{
	padding:13px 0;
	line-height:30px;
	width:349px;
	float:left;
	display:block;
	border:#eee 0px solid;
	border-bottom:#09f 1px solid;
	background:#f5f5f5;
	text-align:center;
	font-size:20px;
}
.section1 .header li a:hover{
	color:#07d;
}
.section1 .header li.on a{
	padding:15px 0 11px 0;
	line-height:30px;
	margin:0;
	width:349px;
	float:left;
	display:block;
	background:#fff;
	border:#09F 0px solid;
	border-width:1px 1px 0 1px;
	cursor:inherit;
	color:#333;
}
.section1 .header li.on a:hover{
	color:#333;
}
.section1 .header .Course_view_1{
	clear:both;
	padding:28px 0 10px 0;
	border:#09f 0px solid;
	border-width:0 1px 1px 1px;
}
.section1 .header .Course_view_1 h4{
	padding:5px 0;
	text-indent:15px;
	font-size:18px;
}
.section1 .header .Course_view_1 a{
	margin:0 auto;
	margin-bottom:20px;
	width:670px;
	background:#aaa;
	color:#fff;
	font-size:18px;
	border-width:0 1px 1px 0;
	border-radius:3px;
	line-height:70px;
	text-align:center;
	display:block;
    font-weight:normal;
}
.section1 .header .Course_view_1 .l1{background:url(/zb_users/theme/default/images/l1_1.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l2{background:url(/zb_users/theme/default/images/l2_1.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l3{background:url(/zb_users/theme/default/images/l3_1.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l4{background:url(/zb_users/theme/default/images/l4_1.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l5{background:url(/zb_users/theme/default/images/l5_1.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l1:hover{background:url(/zb_users/theme/default/images/l1.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l2:hover{background:url(/zb_users/theme/default/images/l2.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l3:hover{background:url(/zb_users/theme/default/images/l3.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l4:hover{background:url(/zb_users/theme/default/images/l4.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 .l5:hover{background:url(/zb_users/theme/default/images/l5.jpg) no-repeat; background-size:670px auto;}
.section1 .header .Course_view_1 a:hover{
	background:#bbb;
}
.section1 .header .Course_view_2{
	clear:both;
	padding:28px 0 10px 0;
	border:#09f 0px solid;
	border-width:0 1px 1px 1px;
}
.section1 .header .Course_view_2 h4{
	padding:5px 0;
	text-indent:15px;
	font-size:18px;
}
.section1 .header .Course_view_2 a{
	margin:0 auto;
	margin-bottom:20px;
	width:670px;
	background:#aaa;
	color:#fff;
	font-size:16px;
	border-width:0 1px 1px 0;
	border-radius:3px;
	line-height:70px;
	text-align:center;
	display:block;
    font-weight:normal;
}
.section1 .header .Course_view_2 a:hover{
	background:#bbb;
}
.section1 .header .more{
	float:right;
	margin-right:10px;
}
.section1 .header .more a{
	color:#069;
}
.section1 .header .more a:hover{
	color:#09f;
}
.section1 .content{
	text-align:left;
}
/* section1.END
-----------------------------------------------*/

.profile_section {    
    float:left;
    width:380px;
    height:260px;
    overflow:hidden;
    border-right:1px solid #dddddd;
    padding-right:10px;
    margin-right:10px;
}
.shops_section {
    float:right;
    width:208px;
    height:260px;
    overflow:hidden;
}
.friendlink_section {
    background-color:#f9f9f9;
    border:1px solid #dddddd;
    padding:5px;
}


.shops_section .contactinfo{    
    overflow:hidden;
}
.shops_section .contactinfo .title{    
    line-height:30px;
    font-size:16px;
    border-bottom:1px dotted #dddddd;
}
.shops_section .contactinfo .item{    
    border-bottom:1px dotted #dddddd;
    overflow:hidden;
    line-height:25px;
    padding-bottom:5px;
    padding-top:5px;
}
.shops_section .contactinfo .item .label{    
    float:left;
    width:50px;
}

.shops_section .contactinfo .item .content{    
    float:left;
    width:150px;
}