/* CSS Document */
/**基本格式开始***************/
*{word-break:break-all;}
body,div,form,input,textarea,p 
{margin:0 auto;padding:0px;font-size:14px; font-family:Microsoft YaHei; color: #313131;}
img,a img {border:none;}
a{text-decoration:none;}
a{color:#000;}
a:hover{text-decoration:none;}
h3{font-weight: lighter;}
.cheng{color: #f64d30;}

/*老师照片*/
.bodyCon07{width:100%; overflow:hidden;}
.bodyCon07 .teacher{width:1000px;height:340px;position:relative;margin:0 auto; overflow:hidden;margin-top: 30px;margin-bottom: 30px;}
.bodyCon07 .teacher .teacherPic{width:1000px;position:absolute;}
.bodyCon07 .teacher .teacherPic .content{width:333px;height:333px;float:left;position:relative;overflow:hidden;}
.bodyCon07 .teacher .teacherPic .content .txt{width:283px;height:0px;background:url(images/75.png) repeat; position:absolute;left:-5px;bottom:0px;padding:0 30px;border-top:0px solid #CB5412;}
.bodyCon07 .teacher .teacherPic .content .txt h3{color:#fff;font-size:30px; font-weight: lighter; margin:30px 0 0 0;font-family: Microsoft YaHei; text-align: left;}
.bodyCon07 .teacher .teacherPic h4{color:#fff;font-size:16px;font-weight:lighter;margin-top:0px;padding-top:12px; line-height:24px; text-align: justify;font-family: Microsoft YaHei;}
.bodyCon07 .teacher .teacherPic .content .txt p{color:#fff;margin-top:0px;padding-top:12px;}

/*02*/
.bodyCon07{background:url(../images/.jpg);width:100%; overflow:hidden;}
.bodyCon07 .youshi{width:1000px;height:230px;position:relative;margin:0 auto; overflow:hidden;background:url(../images/.jpg);}
.bodyCon07 .youshi .youshiPic{width:1000px;height:181px;position:absolute; top:10px;}
.bodyCon07 .youshi .youshiPic .content02{width:320px;height:181px;float:left;position:relative;overflow:hidden;}
.bodyCon07 .youshi .youshiPic .content02 .txt{width:300px;height:50px;background:url(images/75.png) repeat; position:absolute;left:0px;bottom:0px;padding:0 12px;}
.bodyCon07 .youshi .youshiPic .content02 .txt h3{color:#fedf12;font-size:18px;font-weight:100;font-family: Microsoft YaHei; margin-top: 10px;}
.bodyCon07 .youshi .youshiPic h2{color:#fff;margin-top:0px;padding-top:12px;text-align:center;font-family: Microsoft YaHei;font-weight: 100;}
.bodyCon07 .youshi .youshiPic .content02 .txt p{color:#fff;margin-top:0px;padding-top:12px;}

.l{
	float:left;}
p{
	margin:0;
	padding:0;
	text-align:left;}
ul,li,dd{margin:0 auto;padding:0; list-style:none;}
.ge_t10{
	margin-top:10px;}
.ge_t2{
	margin-top:2px;}
.ge_t20{
	margin-top:20px;}
.ge_t40{
	margin-top:40px;}
.wp{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
#bd{
	padding-top: 60px;
}
#hd{
	/*height: 101px;*/
	height:60px;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index:9999;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.fixed{
    top: -71px !important;
}

#hd .logo{
	float: left;
	margin-right: 65px;
	/*height: 101px;*/
	height: 60px;
	display: block;
	height: 100%;
	/*line-height: 101px;*/
	line-height: 60px;
	width:130px;
}
#hd .logo img{
	display: inline-block;
	vertical-align: middle;
}
#nav{width:800px; overflow:hidden;float: left;}
#nav ul li{
	float: left;
	line-height: 60px;
	width:90px;
	margin-right: 10px;
}
#nav ul li a{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	border-bottom: 3px solid #fff;
	text-decoration:none;
	color:#666;
	height: 57px;
}
#nav ul li a:hover{
	border-bottom: 3px solid #e4392a;
}
/* 顶部菜单 start    */
#navcontainer_t{width:980px;float:right; font-size:16px; font-family:Microsoft YaHei;}
#navlist
		{
			margin: 0;
		}
		
		#navlist ul, #navlist li
		{
			margin: 0;
			padding: 0;
			float: left;
			display: inline;
			list-style-type: none;
			color: #fbcc7e;
		}
		
		#navlist a:link, #navlist a:visited
		{
			float: left;
			line-height:50px;
			text-decoration: none;
			padding:0 30px;
			color: #fff;
			display:block;
		}
		
		#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
		{
			border-bottom: 0px solid #fff;
			background:#e60012;
			color: #fff;
		}
		
		#navlist a:hover { color: #fff;background:#e60012; }
#container01{
	text-align:center;
	margin-top:43px;
	margin:0px auto;
	height:50px;
	padding:0px;
	width:100%;
	}
#container02{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;
	background: url(images/top_bg.jpg) top no-repeat #fffee2;
	}
#container03,#container05，#container08，#container10，#container12，#container14，#container16{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;	
	background:#fff;
	}
#container04{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;
	background:#f5f6fa;
	}

	
#container07{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;	
	background:#f5f6fa;
	}

#container09{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;
	background: #fedf12;
	}

#container11{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;	
	background:#e6f8fc;
	}
#container13{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;	
	background:#fffbb6;
	}
.main{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 1000px;
	overflow: hidden;

	}
.biao{font-family:Microsoft YaHei; color:#333; line-height:40px; text-align:center; font-size: 16px; background: #f3d4a8;}
.biao a{ color:#fff; font-family:Microsoft YaHei;background: #313131; font-size:16px;text-decoration:none; text-align:center; padding: 5px 30px;}
.biao a:hover{background: #e60012; color:#ffda7a;}
.biao p{font-family:Microsoft YaHei;font-size:16px; line-height: 30px;}
.biao p a{width:120px;display: block;text-align: center;background: #d15131;color:#fff; margin: 0 auto;}
.biao p a:hover{background: #a40000; color:#ffda7a;}
.you{
	margin-bottom:40px;
	}
.you ul{
	width:120%;
	overflow:hidden;
	}
.you ul li{
	float:left;
	width:320px;
	text-align:left;
	margin-right:20px;
	font-size: 0;
	}
.ke{
	font-size:24px; color:#e60012;}
.ke span{
	font-size:18px; color:#333; display:inline-block; background:url(images/qi.jpg) top right no-repeat; padding-right:50px; line-height:38px;}
.fuwu{
	width:900px;
	padding-left: 100px;
	margin-bottom: 50px;
	background: url(images/fw_bg.jpg) 0 117px no-repeat;
	}
.fuwu ul{
	width:120%;
	overflow:hidden;
	}
.fuwu ul li{
	float:left;
	width:109px;
	height:162px;
	text-align:left;
	margin-right:30px;
	padding-top:30px;
	}
.fuwu ul li p {
	width:160px;
	padding:15px;
	}
.fuwu ul li p span{
	font-size:18px;
	color:#e60012;
	display:block;
	font-weight:600;
	margin-bottom:10px;}	
.xue{
	margin-bottom:20px; clear:both;
	}
.xue ul{
	width:120%;
	overflow:hidden;
	}
.xue ul li{
	float:left;
	width:202px;
	text-align:left;
	padding-top:20px;
	}
.xue ul li p {
	width:190px;
	padding-left:2px;
	}
.xue ul li p span{
	font-size:18px;
	color:#fff;
	display:block;
	margin-bottom:10px;
	margin-top:5px;
	padding-left:5px;
	line-height:27px;
	background:url(images/xueT_bg.jpg) top left no-repeat;}
.wh {margin-top:30px; margin-bottom: 30px; overflow: hidden;}
.wh ul li{
	width: 33.3333%;
	float: left;
	height: 333px;
}
.wh ul li img {
	width: 100%;
	height: 333px;
}
.wh ul li p{
	padding:20px;
	text-align: justify;
	font-size: 16px;
	line-height:24px;
}
/* adress*/ 
#container06{
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:100%;
	background:url(images/bot_bg.png) top no-repeat #fff;
	z-index:993;
	}
.zhongxin{
	color:#000;
   margin:0px auto;
	overflow: hidden;
	font-family:Microsoft YaHei;
	font-size:14px;
	padding-left:400px;
	padding-top: 30px;
	width:320px;
	background:url(images/btlogo.jpg) 0px 30px no-repeat;}
.zhongxin p{
	text-align:left; line-height: 24px;}
.zhongxin ul{
	width: 120%;
    overflow: hidden;}
.zhongxin li{display: inline;
             float: left;
             width: 130px;
			 margin-bottom:15px;
             margin-right:15px;
			 text-align:center;}
.zhongxin li span{
	font-weight:bold;
	font-size:16px;}			 
.zhongxin a{display:block;text-align:center;}
.zhongxin a:link{color:#666;text-decoration:none;}
.zhongxin a:visited{color:#666;text-decoration:underline;}
.zhongxin a:hover{color:#FFF; font-weight:bold;text-decoration:none;}
.baiquan{
	clear:left;
	font-family:Verdana, Geneva, sans-serif,"宋体";
	text-align:center;
	clear:left;
	font-size:12px;
	line-height:20px;
	color:#000;
	margin-top: 20px;
}
.baiquan p span{
	margin-right:10px;}
.baiquan p{ margin: 0 auto; padding: 0; text-align: center;
}
.baiquan p a,.baiquan p a:hover{color: #000; text-decoration: none;}

/* soft_function */
.soft_function{width:1000px;height:500px;margin:0 auto}
.soft_con_icon{width:680px;height:162px;display:block;padding-top:10px}
.soft_con_icon ul li{float:left;display:block;list-style:none;height:162px;width:109px; margin:0 25px;}
.soft_con{height:296px;width:1000px}
.soft_con1{height:20px;width:1000px;background:url(images/line_select_001.gif)}
.soft_con2{height:275px;width:1000px;}
.soft_con2 div{float:left;}
.function1{width: 1000px;}
.function1 ul li{width:25%; float: left;background: #f7e5c0;height: 240px;}
.function1 ul li p{width:220px; height: 110px; text-align: left;margin: 0 auto;font-size: 12px;color:#68381d; line-height:20px;padding: 10px 10px 0 10px;}
.function1 ul li p span{font-size: 16px;color:#ce592f;display: block;margin-bottom:5px;}
.function1 ul li img{width: 100%;}
.function2{height:259px;width:248px;}
.soft_con2 div p{text-align:center}
.p1{font-size:20px;color:#555555;font-family:Microsoft YaHei;line-height:45px}
.p2{font-size:14px;color:#c0c0c0;font-family:Microsoft YaHei;width:208px;height:50px;line-height:24px;margin:auto;overflow: hidden;}
/****TAB*****/
#lanrenzhijia {
	margin: auto;
	width:1000px;
	height: 100%;
}
#lanrenzhijia > ul > li{
	width:245px;
	height:40px;
	background-color: #d2d2d2 !important;
	color: #434343;
	font-size:14px;
	line-height: 40px;
	text-align: left;
	list-style-type: none;
	display: block;
	margin-bottom: 11px;
	text-indent: 10px;
}

#lanrenzhijia > ul > li.selected {
	border: 1px solid #ddd;
	border-right: none;
	z-index: 10;
	background-color: #f64d30 !important;
	color: #fff;
	position: relative;
}
#lanrenzhijia > ul > li.selected span{width:0;height:0;font-size:0;border-style:solid;border-width:6px 10px;border-color:#f5f6fa #f5f6fa #f5f6fa #f64d30 ;position:absolute;right:-20px;top:15px}
#lanrenzhijia > ul {
	float: left;
	width:245px;
	text-align: left;
	display: block;
	margin: auto 0;
	padding: 0;
	position: relative;
}
#lanrenzhijia > div {
	background-color: #fafafa;
	margin-left:268px;		
	position: relative;
	z-index: 9;
	-moz-border-radius: 20px;
}
#lanrenzhijia > div > p {
	float: left;
	color: #434343;
	font-size:14px;
	line-height:26px;
	width: 330px;
	padding:20px;
	min-height:209px;
	border: 1px solid #ddd;
	margin-top: 0;
	margin-right:18px;
}
#lanrenzhijia > div img{
	float: left;
	display: block;
}
#lanrenzhijia > div > span a{
	position: absolute;
	display: block;
	left: 400px;
    top: 200px;
	width:160px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	background: #f64d30;
	color: #fff;
	
	clear: left;
	text-align: left;
	font-size:14px;
	z-index: 999;
}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#example-one .nav { overflow: hidden;margin-top: 20px;}
#example-one .nav li {float: left; margin: 0 1px 0 0;}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; background: #eeeeee; color:#313131; font-size:16px; text-align: center; border: 0;}
#example-one .nav li a:hover { background-color: #fe4902;}

#example-one ul { list-style: none; padding-left: 143px;}
#example-one ul li a { display: block;color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a{width:142px;height:30px; padding-top: 10px; margin-top: 25px;}
#example-one ul li.nav-two a{width:142px;height:30px; padding-top: 15px; margin-top: 20px;}
#example-one ul li.nav-three a{width:154px;height:30px;padding-top: 20px; margin-top: 15px;}
#example-one ul li.nav-four a{width:128px;height:30px;padding-top: 25px; margin-top: 10px;}
#example-one ul li.nav-five{width:143px;height:30px;padding-top:30px; margin-top: 5px;background: #eeeeee;}
#example-one ul li.nav-six{width:142px;height:30px;padding-top: 35px; margin-top:0px;background: #eeeeee;}

#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover { background-color: #fe4902; color: white; }
#example-one ul li.nav-two a.current, #example-one ul#core li a:hover { background-color: #fe4902; color: white; }
#example-one ul li.nav-three a.current, #example-one ul#jquerytuts li a:hover { background-color: #fe4902; color: white; }
#example-one ul li.nav-four a.current, #example-one ul#classics li a:hover { background-color: #fe4902; color: white; }
#example-one .list-wrap ul li {background: #f25b41;height:50px;color: #fff;font-size: 16px; text-align: left; padding: 20px;}
#example-one .list-wrap ul li.wrap-one span{width:0;height:0;font-size:0;border-style:solid;border-width:10px 10px;border-color: #fff #fff #f25b41 #fff ;position: relative;left:50px;top:-47px}
#example-one .list-wrap ul li.wrap-two span{width:0;height:0;font-size:0;border-style:solid;border-width:10px 10px;border-color: #fff #fff #f25b41 #fff ;position: relative;left:180px;top:-47px}
#example-one .list-wrap ul li.wrap-three span{width:0;height:0;font-size:0;border-style:solid;border-width:10px 10px;border-color: #fff #fff #f25b41 #fff ;position: relative;left:330px;top:-47px}
#example-one .list-wrap ul li.wrap-four span{width:0;height:0;font-size:0;border-style:solid;border-width:10px 10px;border-color: #fff #fff #f25b41 #fff ;position: relative;left:480px;top:-47px}