@charset "utf-8";
/* CSS Document   */
@import url('header.css');
@import url('footer.css');

html,body{margin:0; padding:0; color:#666; font-family:"微软雅黑"; font-size:14px;}
* {margin:0;padding:0;border:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0; font-weight:normal;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif; vertical-align:middle}
table{border-collapse:collapse;border-spacing:0;font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;}  
img{border:0px;}
ul,ul li{margin:0; padding:0; list-style:none;} 
a {color: #434343;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;text-decoration: none;}
a:hover,a:focus {text-decoration: none;color: #f89a0b;}
.main{width:1280px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.point{cursor:pointer;}
.blank10{width:100%; height:10px; clear:both;}
.blank15{width:100%; height:15px; clear:both;}
.blank20{width:100%; height:20px; clear:both;}
.blank25{width:100%; height:25px; clear:both;}
.blank30{width:100%; height:30px; clear:both;}
.blank35{width:100%; height:35px; clear:both;}
.blank40{width:100%; height:40px; clear:both;}
.blank45{width:100%; height:45px; clear:both;}
.blank50{width:100%; height:50px; clear:both;}
.blank55{width:100%; height:55px; clear:both;}
.blank60{width:100%; height:60px; clear:both;}
.blank65{width:100%; height:60px; clear:both;}
.blank70{width:100%; height:70px; clear:both;}
.blank75{width:100%; height:75px; clear:both;}
.blank90{width:100%; height:90px; clear:both;} 
.blank200{width:100%; height:20px; clear:both;}
.orange{color:#f89a0b;}
.all_line{width:100%; height:1px; border-top:1px dashed #e5e5e5;} 
.all_line1{width:100%; height:1px; border-top:1px solid #eee;}

/*首页公用*/
.all_t01{clear:both; width:100%; padding:25px 0 0 0;}
.all_t01 h3{font-size: 40px;color: #f18904; line-height:36px; text-align:center; font-weight:bold; letter-spacing:2px; margin:0 0 0 4px; text-transform:uppercase;}
.subtitle {
	position: relative;
	line-height: 45px;
	text-align: center;
	margin-top: 30px;
	height: 45px;
	line-height: 45px; 
	padding-left:635px; 
}
.subtitle .marker { 
    display:block;
	width: 10px;
	height: 10px; 
	border-radius: 100px;
	background-color: #ff9f19; 
} 
.subtitle:before {
	content: "";
	position: absolute;
	width: 222px;
	height: 1px; 
	background-color: #bfbfbf;
	top:5px;
	left: 405px;
} 
.subtitle:after {
	content: "";
	position: absolute;
	width: 222px;
	height: 1px; 
	background-color: #bfbfbf;
	top:5px;
	right: 405px;
}

.all_t02{clear:both; width:100%; padding:0;}
.all_t02 h3 {
	font-size: 40px;
	color: #12103f;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px; 
	text-transform: uppercase; 
} 
.all_t02 h4 {
	font-size: 19px;
	color: #12103f;
	line-height: 23px;
	text-align: center; 
	letter-spacing: 2px;
	margin: 22px 0 0 0;
	text-transform: uppercase; 
}
.all_t02 p {
	margin:65px 0 0 0;
	font-size: 18px;  
	line-height: 33px;
	letter-spacing: 1px;
	color: #434343; 
}

.all_t03{clear:both; width:100%;}
.all_t03 b{height:40px; width:138px; display:block; background:#eee; border-right:3px solid #f89a0b; float:left;}
.all_t03 h3{font-size:20px; color:#333; line-height:20px; margin:0 0 0 10px; float:left;}
.all_t03 h3 font{font-size:12px; color:#999; font-family:"Arial"; line-height:12px; display:block; margin:8px 0 0 ;}

.all_t04{clear:both; width:100%;}

.all_more01{width:168px; height:42px; background:#0099dc; border-radius:3px; margin:0 auto;}
.all_more01 a{width:100%; height:100%; display:block; color:#fff; display:inline-block; text-align:center; line-height:42px;}
.all_more01 a img{margin:0 10px 0 0;}
.all_more01:hover{opacity:0.75; -webkit-transition:0.3s all ease; -moz-transition:0.3s all ease; -ms-transition:0.3s all ease; -o-transition:0.3s all ease; transition:0.3s all ease; cursor:pointer;}


.in_more{clear:both; width:100px; height:30px; line-height:30px; text-align:center; margin:0 auto; background:#e40011;font-family:"Arial";}
.in_more a{width:100%; height:100%; display:block; color:#fff;}
.in_more:hover{opacity:0.75; -webkit-transition:0.3s all ease; -moz-transition:0.3s all ease; -ms-transition:0.3s all ease; -o-transition:0.3s all ease; transition:0.3s all ease; cursor:pointer;}

.in_border{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-shadow: inset 11px 5px 19px 1px rgba(191, 191, 191, 0.4);
}
.in_border_bottom{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-shadow:0px 12px 8px -6px rgba(191, 191, 191, 0.4);  
}
/*首页关于我们*/
.in_about {
	clear: both;
	width: 100%;
	height: 1109px; 
	position: relative;
	background-color: #ffffff; 
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-shadow: 11px 5px 19px 1px rgba(191, 191, 191, 0.4);
}

.in_about .gundong{clear:both; width:100%; height:50px;margin:-35px 0 0 11px;}
.in_about .gundong ul {
	display: table;
	margin: 10px auto; 
} 
.in_about .gundong ul li { 
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;
	margin-right: 20px;
	cursor: pointer;
	width: 144px;
	height: 35px;
	background-color: #bfbfbf; 
	border: solid 1px #fdfcfb;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff; 
} 
.in_about .gundong ul li:hover {
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;
	margin-right: 20px;
	cursor: pointer;
	width: 144px;
	height: 35px; 
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;  
	background-color: #f18904;
	box-shadow: 3px 1px 0px 0px #bfbfbf;
	border: solid 1px #fdfcfb; 
} 
.in_about .gundong ul li.on {
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;
	margin-right: 20px;
	cursor: pointer;
	width: 144px;
	height: 35px; 
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;  
	background-color: #f18904;
	box-shadow: 3px 1px 0px 0px #bfbfbf;
	border: solid 1px #fdfcfb; 
} 
.in_about .gundong ul li a {
	clear:both;
	color: #ffffff;
}

.in_about .news_list{clear:both; width:100%; height:620px;margin:0 0 0 11px;position:relative;}
.in_about .news_list ul {
	display: table;
	margin: 10px auto; 
} 
.in_about .news_list ul li { 
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;
	margin-right: 30px;
	cursor: pointer;
	width: 336px;
	height: 615px;
	background-color: #ffffff; 
	border: solid 1px #e5e5e5;
} 

.in_about .news_list ul li:hover {
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;
	margin-right: 30px;
	cursor: pointer;
	width: 336px;
	height: 615px;
	background-color: #ffffff; 
	border: solid 1px #e5e5e5;
	box-shadow: 7px 4px 35px 0px 
		rgba(191, 191, 191, 0.4);
} 

.in_about .news_list ul li b{width:100%; height:195px; display:block; overflow:hidden;}

.in_about .news_list ul li b img {
	width: 100%;
	height: 195px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 1;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease; /* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

.in_about .news_list ul li:hover b img {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

.in_about .news_list ul li span {
	clear: both;
	width: 271px;
	height:60px;
	display: block;
	margin: 38px 0 0 30px;
	text-align: left;
}

.in_about .news_list ul li span h3{
	font-size: 23px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #434343;}  
	
.in_about .news_list ul li span h4{
	margin:10px 0 0 0; 
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #434343;}
	
.in_about .news_list ul li p {
	text-align: left;
	clear: both;
	width: 271px; 
	margin: 24px 0 0 30px;
	font-size: 14px;
	font-weight: normal; 
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 1px;
	color: #a5a5a5;
} 
.in_about .news_list ul li p.intro {
	height:150px;
}
.in_about .news_list ul li i {
	display: block;
	float: right;
	margin: 10px 20px 0 0;
	font-style: normal;
	font-size: 12px;
	color: #e40011;
}

.in_about .news_list ul li i b {
	border-radius: 100px;
	width: 48px;
	height: 48px;
	background-color: #bfbfbf; 
} 
.in_about .news_list ul li i b img { 
	width: 12px;
	height: 18px; 
	margin:16px 0 0 18px;
}
.in_about .news_list ul li i b:hover {
	border-radius: 100px;
	width: 48px;
	height: 48px; 
	background-color: #f18904;
	box-shadow: 3px 1px 0px 0px rgba(125, 125, 125, 0.3);
}
 
.in_internet {
	clear: both;
	width: 100%;
} 
.in_internet .internetct {
	clear: both; 
	margin: 0 auto;
}  
.box-item {
	text-align: center;
	color: #fff;
}

.box-item blockquote {
	position: relative;
	padding: 40px 0 0 0; 
	border: none; 
	height: 84px;  
	font-size: 64px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 13px; 
}

.box-item blockquote:before, .box-item blockquote:after {
	position: absolute;
	width: 60px;
	height: 60px;
	font-size: 130px;
	line-height: 1;
}

.box-item blockquote:before {
	top: 0;
	left: -10px;
	content: "\201C";
	font-family:"'Roboto', sans-serif"
}

.box-item blockquote:after {
	top: 0;
	right: 88px;
	content: "\201D";
	font-family:"'Roboto', sans-serif" 
}

/*首页线下课程*/
.in_course {
	clear: both;
	width: 100%;
	height: 1273px;
	background-color: #ffffff;  
}

.in_course .course_info {
	width: 100%;
	height: 540px;
	margin-top:30px; 
	position: relative;   
	
}

.course_left{  
	width:627px; 
	height:540px; 
	display: inline-block;
}
.course_right{ 
	width:653px; 
	height:540px;  
	float:right;
	display: inline-block;
}
.ft-item{
	padding:0;
	width:627px; 
	height:180px; 
	
}
.ft-item .ft-icon {
	height:22px;  
}
.ft-item .ft-icon i.fa {  
	display:block; 
	width: 15px;
	height: 15px; 
	border: solid 2px #f18904;
	border-radius: 100px;
	background: #fff; 
	float:left;  
	margin-right:25px;
}

.ft-item .ft-icon i.fa_act{ 
	display:block; 
	width: 15px;
	height: 15px;  
	border-radius: 100px;
	float:left;  
	margin-right:25px;
	background-color: #f18904;
	box-shadow: 2px 1px 2px 0px  rgba(125, 125, 125, 0.35);
	border: solid 2px #f18904;
}
.ft-item .ft-icon h5 { 
	text-transform: uppercase; 
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #434343;
} 
.ft-item p{
	margin-top:25px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 1px;
	color: #7d7d7d; 
	padding-left:46px; 
	text-align: left;
} 
.ft-item h5,
.ft-item p,
.ft-item .ft-icon i.fa{color: #888;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

.ft-b-image{
	width: 100%; 
	height: 457px; 
}
.ft-b-image img{ 
	width: 534px;
	height: 343px;
	overflow:hidden;
	margin:53px 0 0 73px; 
	box-shadow: 3px 1px 27px 0px  rgba(125, 125, 125, 0.23);
}
.course_right .contact{ 
	width: 100%; 
	height: 31px;
} 
.course_right .contact .lbl{ 
	margin:0 0 0 282px;
	width: 109px;
	height: 100%;
	background-color: #ff9f19;
	border-radius: 14px; 
	text-align:center;
} 
.course_right .contact .lbl h5{  
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 1px;
	color: #ffffff; 
	cursor:pointer;
}
/*首页作品板块*/
.in_works {
	clear: both;
	width: 100%;   
} 
.box-content {  
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.box-content.box-1 {
	
}

.box-content.box-1 .heading .intro a {
	font-weight: bold;
}

.box-content.box-1 .btn-skin {
	font-size: 19px;
	margin: 40px auto 0;
}

.portfolio-box-inner {
	display: block;
	position: relative;
	margin: auto;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.portfolio-box{} 
.portfolio-box .portfolio-box-caption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-description {
	position: absolute;
	top: 156px;
	width: 100%; 
	transform: translateY(-50%);
	text-align:center;
}

.portfolio-box .portfolio-box-caption .portfolio-box-description .product-category,
	.portfolio-box .portfolio-box-caption .portfolio-box-description .product-name 
	{
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
	opacity: 0
}
.portfolio-box i{
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
	opacity: 0
}

.portfolio-box .portfolio-box-caption .portfolio-box-description .product-category
	{  
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ffffff; 
	text-align:center; 
}

.portfolio-box .portfolio-box-caption .portfolio-box-description .product-name
	{ 
	margin: 0 0 10px -100px; 
	font-size: 27px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 13px;
	letter-spacing: 0px;
	color: #ffffff;
}

.portfolio-box:hover .portfolio-box-caption {
	background: #f89a0b;
	opacity: 0.95
}

.portfolio-box:hover .portfolio-box-caption .portfolio-box-description .product-category,
	.portfolio-box:hover .portfolio-box-caption .portfolio-box-description .product-name
	{
	margin-left: 0;
	opacity: 1;
	color: #fff;
}
.portfolio-box:hover i{
	margin-left: 0;
	opacity: 1;
}

.bootstrap-iso .no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.portfolio-box i{
	display:block; 
	width: 48px;
	height: 48px;
	background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 70px;
    left: 44%; 
	
} 

.portfolio-box i:after {
    content: url(/resources/images/web/work_add.png);
    width: 44px;
    height: 44px;
    background: #f89a0b;
    padding:12px 0 0 0;
    opacity: 1;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    position: absolute;
    /* force the pseudo element to be displayed as block */
}
.portfolio-box i em{
	display:block; 
	width: 19px;
	height: 19px;
	font-family: HelveticaNeueLTStd-Bd;
	font-size: 35px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ffffff;
	
}

/*首页院校板块*/
.in_coleage {
	clear: both;
	position:relative;
	width: 100%;
	height: 930px;  
}

.in_coleage .coleage_info {
	clear:both; 
	width: 100%;
	height: 342px;
	position: relative; 
	overflow:hidden;
} 
.in_coleage .coleage_info ul {
	width: 20000px;
	 position: relative;
	display: table;
	margin: 10px auto; 
} 
.in_coleage .coleage_info ul li { 
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;  
	width: 252px;
	height: 342px;
	background-color: #ffffff;  
	border: solid 2px #fff;
} 

.in_coleage .coleage_info ul li:hover {
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1; 
	width: 252px;
	height: 342px;
	border-radius: 3px;
	border: solid 2px #f18904;
} 
.in_coleage .coleage_info ul li:hover div.info{
	background-color: #f18904;
} 
.in_coleage .coleage_info ul li:hover a{
	color: #fff;
}
.in_coleage .coleage_info ul li:hover p{
	color: #fff;
}
.in_coleage .coleage_info ul li b {
	clear:both;
	width: 100%;
	height: 208px;  
	display: table-cell;
	vertical-align: middle;
	text-align: center; 
	
}
 
.in_coleage .coleage_info ul li b div {
	overflow: hidden;
	width: 142px;
	height: 142px; 
	margin-left:52px; 
	padding:0;
}

.in_coleage .coleage_info ul li b div span  {
	width: 142px;
	height: 142px;
	display: block;
	position: relative;
	left: -142px;
	border-right: 142px solid transparent; 
	-webkit-filter: drop-shadow(#4e4e4e 142px 0);
	filter: drop-shadow(#4e4e4e 142px 0);
}

.in_coleage .coleage_info ul li:hover b div span {
	width: 142px;
	height: 142px;
	display: block;
	position: relative;  
	left: 0px;
	border-right: none; 
	-webkit-filter: none;
	filter: none;
}

.in_coleage .coleage_info ul li div {
	clear: both;
	width: 100%; 
	height:134px;
	text-align: center;
	padding-top:11px; 
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */ 
} 
.in_coleage .coleage_info ul li div span h3 { 
	clear: both;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal; 
	line-height: 25px;
	letter-spacing: 1px;  
} 
.in_coleage .coleage_info ul li p {
	text-align: left;
	clear: both;
	width: 195px;
	height:70px;
	margin: 5px 0 0 30px; 
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 1px;
	color: #7d7d7d;
}  

.in_coleage .gundong_left,.in_coleage .gundong_right{width:12px; height:20px; display:block;position:absolute; top:455px; }
.in_coleage .gundong_left{left:50%; margin:0 0 0 -753px;}
.in_coleage .gundong_right{right:50%; margin:0 -753px 0 0;}
.in_coleage .gundong_left a { background: url(/resources/images/web/in_col_left.png) no-repeat center center; width: 12px; height: 20px; display: block; }
.in_coleage .gundong_left a.inactive { background: url(/resources/images/web/in_col_left.png) no-repeat center center; width: 12px; height: 20px; display: block; }
.in_coleage .gundong_right a { background: url(/resources/images/web/in_col_right.png) no-repeat center center; width: 12px; height: 20px; display: block; }
.in_coleage .gundong_right a.inactive { background: url(/resources/images/web/in_col_right.png) no-repeat center center; width: 12px; height: 20px; display: block; }
  
.in_coleage .contact{ 
	width: 100%; 
	height: 60px;
} 
.in_coleage .contact .lbl{ 
	margin:128px 0 0 482px;
	width: 309px;
	height: 100%;
	background-color: #f18904;
	border-radius: 30px; 
	text-align:center;
} 
.in_coleage .contact .lbl h5{   
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 1px;
	color: #ffffff; 
	cursor:pointer;
}

.in_coleage .contact_sub{ 
	width: 100%; 
	height: 45px;
} 
.in_coleage .contact_sub .lbl{ 
	margin:128px 0 0 482px;
	width: 112px;
	height: 100%;
	background-color: #f18904;
	border-radius: 21px;
	border: solid 2px #ff9f19; 
	text-align:center;
} 
.in_coleage .contact_sub .lbl h5{   
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 3px;
	color: #ffffff; 
	cursor:pointer;
}

.in_coleage .coleage_form {
	margin: 10px auto; 
	clear:both; 
	width: 100%;
	height: 300px;
	position: relative;  
} 
.coleage_form table td{
	height: 75px;  
}
.coleage_form input{
	width: 391px;
	height: 57px;
	border-radius: 5px;
	border: solid 1px #dcdcdc;
	font-family:"微软雅黑";
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #12103f;
	-webkit-text-fill-color:#12103f;
	padding-left:18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */ 
}
.coleage_form textarea{
	width: 392px;
	height: 220px;
	border-radius: 5px;
	border: solid 1px #dcdcdc;
	font-family:"微软雅黑";
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 2px;
	color: #12103f;
	-webkit-text-fill-color:#12103f;
	padding-left:18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */ 
}

/*侧边*/  
.page-top{position: fixed;right: 0px;bottom: 40px;z-index: 999;}
.btn { 
	outline: none; 
	width:41px;
	height:41px;
	display: inline-block;
	background-color: #f18904;
}
a.btn:focus {
	outline: 0;
}

a.btn i.fa {
	background: url(/resources/images/web/bar_top.png) no-repeat center top;
	width: 14px;
	height: 9px;
	display: block;
	position:absolute;
	margin:14px 0 0 14px;
}
.codebar{ 
	width: 142px;
	height: 318px;
	background-color: #f18904;
	display: inline-block;
	float:right;
}
.code_in{ 
	width: 132px;
	height: 312px;
	background-color: #ffffff;
	margin:4px 0 0 2px;
}
.code_in .weibo_code { 
	width: 100%;
	height: 156px;  
	display: block;   
}
.code_in .line { 
	width: 100%; 
	height: 1px;
	display: block;   
	background-color: #eeeeee; 
}
.code_in .weixin_code { 
	width: 100%;
	height: 154px;  
	display: block;   
}
.code_in .subus{ 
	width: 100%; 
	height: 21px;
} 
.code_in .subus .lbl{  
	width: 94px;
	height: 22px;
	background-color: #f18904;
	border-radius: 10px; 
	text-align:center; 
} 
.code_in .subus .lbl h5{   
	font-size: 12px;  
	line-height: 21px; 
	letter-spacing: 0px;
	color: #ffffff; 
	cursor:pointer;
}

 
/*内页标题*/
.page_title{clear:both; width:100%; height:80px; border-bottom:1px solid #e5e5e5; margin:30px 0 0 0;}
.page_title .t_l{width:300px; float:left;}
.page_title .t_l b{width:12px; height:12px; display:block; overflow:hidden; margin:34px 0 0 0; float:left;}
.page_title .t_l span{float:left; margin:32px 0 0 11px; display:block;}
.page_title .t_l span h3{font-size:14px; line-height:15px; color:#333; font-weight:bold; float:left;}
.page_title .t_l span i{width:8px; height:15px; display:block; float:left; background:url(../images/page_arrow1.png) no-repeat center center; margin:0 10px;}
.page_title .t_r{max-width:880px; float:right; text-align:right;}
.page_title .t_r a{display:block; font-size:14px; line-height:78px; height:78px; float:left; margin:0 0 0 25px; color:#333; font-weight:bold;}
.page_title .t_r a:hover{border-bottom:2px solid #f89a0b;}
.page_title .t_r a.on{border-bottom:2px solid #f89a0b;}

/*内页内容区*/
.page_ct{clear:both;}

/*新闻列表*/ 
.news_nav {
	clear: both;
	width: 100%;
	height: 143px;
	background-color: #ffffff; 
}  
.news_nav .news_nav_ul {
	clear:both; 
	width: 100%;
	height: 143px;
	position: relative;  
	text-align: center;
	box-shadow: 6px 3px 26px 3px 
		rgba(201, 201, 201, 0.28);
} 
.news_nav .news_nav_ul ul {
	width: 716px;
 	position: relative;
	display: inline-block; 
} 
.news_nav .news_nav_ul ul li { 
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;  
	width: 152px;
	height: 143px;
	margin-right:130px;
	background-color: #ffffff;  
} 

.news_nav .news_nav_ul ul li:hover {
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1; 
	width: 152px;
	height: 143px; 
	background-color: #f18904;
	border-radius: 5px;
}
.news_nav .news_nav_ul ul li.on{
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1; 
	width: 152px;
	height: 143px; 
	background-color: #f18904;
	border-radius: 5px;
} 
.news_nav .news_nav_ul ul li.on h3{
	color: #fff;
}
 
.news_nav .news_nav_ul ul li:hover h3{
	color: #fff;
} 
.news_nav .news_nav_ul ul li b {
	clear:both;
	width: 100%;
	height: 80px;  
	display: table-cell;
	vertical-align: middle;
	text-align: center; 
	
}
.news_nav .news_nav_ul ul li b div {
	overflow: hidden;
	width: 42px;
	height: 42px; 
	margin:19px 0 0 56px; 
	padding:0;
}
.news_nav .news_nav_ul ul li b div span  {
	width: 42px;
	height: 42px;
	display: block;
	position: relative;  
}
.news_nav .news_nav_ul ul li.on b div span{
	width: 42px;
	height: 42px;
	display: block;
	position: relative;  
	left: -42px;
	border-right: 42px solid transparent; 
	-webkit-filter: drop-shadow(#fff 42px 0);
	filter: drop-shadow(#fff 42px 0);
}
.news_nav .news_nav_ul ul li:hover b div span {
	width: 42px;
	height: 42px;
	display: block;
	position: relative;  
	left: -42px;
	border-right: 42px solid transparent; 
	-webkit-filter: drop-shadow(#fff 42px 0);
	filter: drop-shadow(#fff 42px 0);
}

.news_nav .news_nav_ul ul li span {
	clear: both;
	width: 100%;
	height:53px;
	display: block; 
	text-align: center;
}

.news_nav .news_nav_ul ul li span h3 {
	margin-top:17px;
	font-size: 16px;
	font-weight: bold; 
	line-height: 25px;
	letter-spacing: 1px;
	color: #000000;
}
.news_col{
	width: 100%;  
	background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#12103f, #12103f);
	background-blend-mode: normal,normal;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
	opacity: 0.89;
	padding-left:84px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.col_wrap{
	display: inline-block; 
	position: relative; 
	margin:23px 76px 0 0; 
}
.col_area{
	display: inline-block; 
	width:103px;
	height:206px; 
	font-size: 14px;
	font-weight: bold; 
	letter-spacing: 1px;
	line-height: 45px;
	color: #f18904;
	position: absolute;  
}
.col_name{
	display: inline-block;  
	margin-left:108px;
}
.col_name ul li{
	width: 211px;
	height: 48px;
	font-size: 14px; 
	line-height: 45px;
	letter-spacing: 0px;
	color: #12103f; 
	border-bottom: 1px solid #f5f5f5;
}
.col_name ul li:hover{
	background-color: #f18904;
	box-shadow: 1px 1px 5px 0px rgba(252, 149, 44, 0.36);
	color: #fff;
}
.col_name ul li.on{
	background-color: #f18904;
	box-shadow: 1px 1px 5px 0px rgba(252, 149, 44, 0.36);
	color: #fff;
}
.col_name ul li.on i{
	background-color: #fff;
	border: solid 1px #fff;
}
.col_name ul li:hover i{
	background-color: #fff;
	border: solid 1px #fff;
}
.col_name ul li i { 
    display:inline-block; 
	border-radius: 100px;
	width: 6px;
	height: 6px;
	border: solid 1px #12103f;
	margin:0 8px 0 13px;
}
.page_news {
	clear: both;
	width: 100%; 
	display:relative; 
}

.page_news ul { 
	width: 1033px; 
	display: table;
	margin: auto; 
} 
.page_news ul li {
	width: 1033px;
	height: 369px;
	background-color: #ffffff;
	box-shadow: 15px 7px 28px 3px rgba(201, 201, 201, 0.28);
	margin:0 0 51px 0;
	overflow: hidden; 
	position:relative;
} 
.page_news ul li b {
	float: left;
	width: 473px;
	height: 276px;
	display: block;
	overflow: hidden;
	margin:45px 0 0 43px; 
} 
 
.page_news ul li b img {
	width: 473px;
	height: 276px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 1;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease; /* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

.page_news ul li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

.page_news ul li span {
	display: block;
	width: 428px;
	float: right;
	margin:53px 48px 0 0;
} 
.page_news ul li span h3 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
	height: 36px; 
	letter-spacing: 1px;
	color: #12103f;
}  
.page_news ul li span p {
	font-size: 14px; 
	line-height: 25px;
	height: 123px; 
	margin: 30px 0 0 0;
	letter-spacing: 1px;
	color: #bfbfbf; 
}

.page_news ul li span i {
	font-size: 16px; 
	line-height: 28px;
	font-style: normal;
	font-family: "Arial"; 
	margin: 28px 0 0 0;
	float: left;
	letter-spacing: 1px;
	color: #bfbfbf;
} 
.page_news ul li span h4.detail {
	font-size: 14px; 
	width: 92px;
	height: 28px;
	display: block;
	line-height: 28px;
	text-align: center;  
	margin: 28px 0 0 0;
	float: right;
	letter-spacing: 1px;
	color: #12103f;
}
.page_news ul li a {color: #12103f;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;text-decoration: none;}
.page_news ul li a:hover,a:focus {text-decoration: none;color: #f89a0b;}
.page_news ul li i.num { 
    display:inline-block; 
	border-radius: 100px;
	width: 144px;
	height: 144px;
	background-color: #f18904;
	position:absolute;
	margin:-80px 0 0 440px;
} 
.page_news ul li i.num h4{ 
	margin:90px 0 0 32px;
	font-size: 22px; 
	font-weight: bold;  
	font-style:normal;
	letter-spacing: 2px;
	color: #ffffff;
}

/*新闻详情*/ 

.page_ct{clear:both; width:100%; } 

.news_info{
	clear:both;
	width:100%;
	height:255px;
	border-bottom:1px solid #dcdcdc; 
} 
.news_info .sp1 {
	float: left;
	margin-top: 88px;
	display: block;
	width:100%;
} 
.news_info .sp1 h3 {  
	float: left;
	font-size: 16px; 
	line-height: 24px;
	letter-spacing: 1px;
	color: #000;
}
.news_info .sp2 {  
	width:100%;
	float: left;
	font-size: 24px;  
	font-weight: bold; 
	line-height: 24px;
	letter-spacing: 3px;
	color: #000;
	margin-top: 53px;
	display: block;
}  
.news_info .sp3 {
	display:block;
	float: left;
	width: 100%;
	clear: both; 
	margin: 16px 0 0 0;
}

.news_info .sp3 i {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	text-indent: 20px;
	font-style: normal;
	font-size: 14px;
	color: #7d7d7d;
}

.news_info .sp3 i.browse {
	background: url(/resources/images/web/page_browse.png) no-repeat left center;
	margin: 0 0 0 20px;
}

.news_info .sp3 i.time {
	background: url(/resources/images/web/page_time.png) no-repeat left center;
	
} 

/*left*/
.page_ctl {
	width: 935px; 
	border: solid 1px #bfbfbf;
	padding-bottom: 20px;
	float: left;
	margin: 41px 0 0 0;
} 

.newsl2{clear:both; width:827px; margin:42px auto 0 57px;float:left;} 
.newsl2 p{
	font-size: 14px; 
	line-height: 24px;
	letter-spacing: 1px;
	color: #7d7d7d;
}
.newsl2 img{
	 
}
/*right*/
.page_ctr {
	float: right;
	width: 310px;
	margin: 41px 0 0 0;
} 
/*热点新闻*/
.newsr_hot {
	width: 310px;
	height: 316px;
	border: solid 1px #bfbfbf; 
	margin-bottom: 26px;
}

.newsr_hot .newsr_tips {
	width: 100%;
	height: 60px;
	background-color: #f18904; 
}

.newsr_hot .newsr_tips h3 {
	font-size: 16px; 
	text-transform: uppercase;
	margin: 25px 0 0 29px; 
	clear: both;
	float: left; 
	font-weight: bold;  
	letter-spacing: 1px;
	color: #fff;
}
.newsr_hot .newsr_tips h3 i {
	width: 16px;
	height: 16px; 
	display:block;
	float: right; 
	margin:2px 0 0 12px;
	background: url(/resources/images/web/news_detail_tips.png) no-repeat;
}
.newsr_hot .newsr_hotct {
	width: 100%;
	height: 256px;  
}
.newsr_hot .newsr_hotct ul {
	width: 257px; 
	margin: 16px 0 0 29px;  
} 
.newsr_hot .newsr_hotct ul li {
	font-size: 14px; 
	line-height: 45px;
	letter-spacing: 1px;
	color: #676767;
	width: 257px; 
}
.newsr_hot .newsr_hotct ul li i {
    display: inline-block;
    border-radius: 100px;
    width: 4px;
    height: 4px;
    background:#676767;  
    margin: 0 8px 2px 0;
}
.newsr_hot .newsr_hotct ul li:hover i{
	background:#f18904; 
} 

.newsr_rel{
	width: 310px;
	height: 270px;  
	margin-top:63px; 
}

.newsr_rel .newsr_rel_h3 {
	width: 100%;
	height: 35px;  
	border-bottom: solid 1px #dcdcdc;  
}

.newsr_rel .newsr_rel_h3 h3 {
	font-size: 16px;   
	clear: both; 
	font-weight: bold;  
	letter-spacing: 1px;
	color: #000;
}
.newsr_relct{
	width: 305px;
	float:right; 
	margin-top:19px;  
}
.newsr_relct ul { 
	width: 305px;
	display: table;
	margin: auto; 
} 
.newsr_relct ul li {
	width: 305px;
	height: 65px;
	background-color: #ffffff; 
	margin:0 0 11px 0;
	overflow: hidden; 
	position:relative;
} 
.newsr_relct ul li b {
	float: left;
	width: 112px;
	height: 65px;
	display: block;
	overflow: hidden;
	margin:0 0 0 0;
	float:right; 
} 
 
.newsr_relct ul li b img {
	width: 112px;
	height: 65px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 1;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease; /* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

.newsr_relct ul li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

.newsr_relct ul li:hover i {
	border:1px solid  #f18904;
	color: #f18904;
}

.newsr_relct ul li span {
	display: block;
	width: 165px;
	float: left;
	margin:6px 0 0 0;  
} 
.newsr_relct ul li span i {
	display: inline-block;
	text-align: center;
	width: 14px;
	height: 14px;
	border:1px solid  #676767;
	color: #676767;
	border-radius: 100px;
	font-size: 12px;
	font-style:normal;
	float:left;  
	font-family:"Arial";
} 
.newsr_relct ul li span h3 {
	width: 137px;
	display: inline-block;
	font-size: 14px; 
	line-height: 20px;
	letter-spacing: 1px;
	color: #676767;
	float:right; 
	margin-top:-3px;
}   
.page_rad{border:1px solid #e5e5e5; margin-bottom:20px;border-radius: 3px;}
.news_bottom{ 
	clear:both;
	width:100%;
	height:35px;
	margin-bottom:103px; 
}
.prenext{
	clear:both;
	width:100%; 
  	display: flex;
	border-top:1px solid #dcdcdc; 
} 
.prenext .sp1{
	clear:both;
	display:inline-block;
	float:left;
	width:1190px;
	height:24px; 
	margin-top:21px;  
}  

.prenext .sp1 div {
	overflow: hidden;
	width: 34px;
	height: 24px;  
	padding:0;
}

.prenext .sp1 div span  {
	width: 34px;
	height: 24px;
	display: block;
	position: relative; 
	background:url(/resources/images/web/news_menu.png) no-repeat;
}

.prenext .sp1 div span:hover {
	width: 34px;
	height: 24px;
	display: block;
	position: relative;  
	left: -34px;
	border-right: 34px solid transparent; 
	-webkit-filter: drop-shadow(#f89a0b 34px 0);
	filter: drop-shadow(#f89a0b 34px 0);
}
.prenext .sp2{
	clear:both; 
	float:right;  
	height:33px;  
	margin:20px 0 0 0;  
	display: flex;  
} 
.prenext .sp2 .ileft{
	clear:both; 
	display: inline-block; 
	width: 33px;
	height: 33px; 
	background:#eee;  
	border-radius: 100px;   
}
.prenext .sp2 i.ilefton{
	clear:both; 
	display: inline-block; 
	width: 33px;
	height: 33px;  
	border-radius: 100px;  
	background:#f89a0b; 
}
.prenext .sp2 .ileft img,.prenext .sp2 .ilefton img { 
    margin: 11px 0 0 13px;
}
.prenext .sp2 .iright{
	clear:both; 
	display: inline-block; 
	width: 33px;
	height: 33px; 
	background:#eee;  
	border-radius: 100px;
	margin-left:23px;  
}
.prenext .sp2 i.irighton{
	clear:both; 
	display: inline-block; 
	width: 33px;
	height: 33px;   
	border-radius: 100px;
	margin-left:23px;  
	background:#f89a0b; 
}
.prenext .sp2 .iright img,.prenext .sp2 i.irighton img { 
    margin: 11px 0 0 14px;
} 

/*学员作品*/   
.work_nav{
	clear: both;
	width: 100%;
	height:80px;
	margin-top:272px; 
}
.ntitle{
	clear: both;
	width: 100%; 
	height: 32px;  
}
.ntitle h3{
	font-size: 35px;
	font-weight: bold;   
	line-height: 25px;
	letter-spacing: 3px;
	color: #12103f;
}
.wtype{
	clear: both;
	width: 100%; 
	height: 48px; 
}
.wtype .line{ 
	position: relative;
	width: 261px; 
	height: 48px; 
	float:left;
}
.wtype .line .sp1{ 
	float: left;
	position: absolute;
	bottom: 3px;
	left: 0;  
	display:block;
	width: 55px;  
	height: 3px;
	background-color: #f18904;  
}
.wtype .line .sp2{ 
	float: left;
	position: absolute;
	bottom: 0px;
	right: 0;  
	display:block;
	width: 100%;  
	height: 3px;
	background-color: #f18904; 
}
.wtype .types{  
	position: relative;
	height: 48px; 
}
.wtype .types ul{  
	position: absolute;
	bottom: 3px;
	right: 0;  
	height: 30px;  
}
.wtype .types ul li{  
	height: 30px; 
	padding:0px 12px 0 12px;
	border-radius: 14px;
	border: solid 1px #bfbfbf;
	float: left;  
    display: block;
    font-size: 14px; 
	line-height: 30px;
	letter-spacing: 1px;
	margin-left:7px;
	color: #595959;
}
.wtype .types ul li:hover{ 
	border: solid 1px #f18904;
	background-color: #f18904;
	color:#fff;
} 
.wtype .types ul li.on{ 
	border: solid 1px #f18904;
	background-color: #f18904;
	color:#fff;
} 

.work_list {
	WIDTH: 100%; 
	margin-top:65px; 
}
.work_wrap {
	WIDTH: 100%;  
}

.work_wrap dl {
	margin-right: 6px;
	width: 314px;
	margin-bottom: 6px;
	float: left;
	background: #f5f5f5;
}

.work_wrap dt {
	width: 314px;
} 
.work_wrap .item2 {
	position: relative;
	float: left;
	width: 314px;
	height: 249px;
	cursor: pointer; 
	border:1px solid #e4e4e4;
	-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-decoration: none;
}

.work_wrap .item2 .caption {
	position: absolute;
	left: 0; 
	top:0;
	width: 314px;
	height: 249px;
	color: #fff; 
	display:none;
	background-color: rgba(0,0,0,0.6);  
} 
.work_wrap .item2 p {
	display:block;
	width: 85px;
	height: 26px;
	border-radius: 2px;
	border: solid 1px #fff;
	margin: 112px 0 0 114px;  
	font-size: 14px;
	color: #fff;  
	padding:2px 0 0 12px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	cursor:pointer; 
 } 
.work_wrap .item2:hover{
	/*
	background-color: #4f4f4f;
	opacity: 0.51;*/
}

.work_wrap .item2:hover .caption{
	display:block;
}

.work_list .contact{ 
	clear:both;
	width: 100%; 
	height: 264px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;  
} 
.work_list .contact .lbl{ 
	clear:both; 
	width: 174px;
	height: 56px;
	background-color: #f18904;
	border-radius: 28px;
	text-align:center; 
	cursor:pointer;
} 
.work_list .contact .lbl h5{  
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	margin:20px 0 0 5px; 
	letter-spacing: 1px;
	color: #fff; 
}

/*关于我们-介绍*/ 
.ab_intro {
	clear: both;
	width: 100%;
	height: 955px;
	box-shadow: 11px 4px 19px 1px 
		rgba(191, 191, 191, 0.4);
	margin-top:126px;   
}

.ab_intro .intro_wrap {
	clear: both;
	width: 100%;
	height: 485px;       
}

.intro_left{  
	width:620px; 
	height: 100%;
	display: inline-block;
}
.intro_right{ 
	width:660px; 
	height: 100%;
	float:right;
	display: inline-block; 
}
.intro1{
	width: 100%; 
	height: 195px;
	border-bottom:2px solid #bfbfbf;
}
.intro1 .sp1{  
	width: 100%; 
	display: block;  
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #f18904;
	margin-bottom:15px;
}
.intro1 .sp2{  
	width: 100%; 
	display: block;  
	font-size: 56px;
	font-weight: bold;
	font-stretch: normal; 
	letter-spacing: 0px;
	color: #f18904;
}

.intro1 .sp3{  
	width: 100%; 
	display: block;  
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 3px;
	color: #7d7d7d;
}
.intro2{
	width: 606px;
	height: 171px;  
	margin:31px 0 0 0;
}
.intro2 span{  
	width: 100%; 
	display: block;  
}
.intro2 span p{    
	font-size: 16px; 
	line-height: 24px;
	letter-spacing: 1px;
	color: #7d7d7d;
}
.intro3{
	width: 100%;
	height: 43px;  
	margin:16px 0 0 0;
}
.intro3 ul{
	width: 262px;
	height: 43px; 
	display: block; 
	float:left; 
} 
.intro3 li{
	margin-top:17px; 
} 
.intro3 li img{
	margin-right:16px;
}  
  
.ft-b-image{ 
}
#box {
	width: 100%; 
	float: left;  
	position: relative;
} 

#list { 
	position: absolute;
	top: 75px;
	left: 50%;
	display: inline;
	margin-left: -502px;
}

#list ul {
	margin: 0px;
	padding: 0px;
	float: left;
}

#list li {  
	position: absolute;
	list-style-type: none;
	overflow: hidden;
	cursor: pointer;
	width: 465px;
	height: 310px;
	box-shadow: 8px 3px 15px 0px rgba(160, 160, 160, 0.51);
}

#list li img {
	width: 465px;
	height: 310px;
	vertical-align: top;
}

#list li div {
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity = 70);
	opacity: 0.7;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}
 

/*关于我们-为什么选择我们*/
.ab_up{
	clear: both;
	width: 100%; 
} 
.ab_why {
	clear: both;
	width: 100%;
	height: 1142px;   
}
.ab_why_wrap{
	position: relative; 
	width: 100%;
	height: 592px;
	background-color: #fff;
	box-shadow: 7px 2px 74px 7px 
		rgba(125, 125, 125, 0.16);
	border-radius: 10px; 
	padding-top:69px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.ab_why_gundong{
	clear: both;
	width: 1193px;
	position: relative;
	overflow: hidden;
	margin-left:46px;
	padding-left:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.ab_why_gundong ul{
	width: 20000px;
	position: relative;
	height:  455px; 
} 

.ab_why_gundong ul li{
	width: 262px;
	height: 375px;
	cursor: pointer;
	overflow:hidden;
	float:left;
	margin:40px 45px 0 0; 
	background-color: #ffffff;
	box-shadow: 0px 12px 10px 0px 
		rgba(201, 201, 201, 0.24); 
	border-radius: 2px; 
} 

.ab_why_gundong ul li b{
	display:block;
	width:100%;
	height:89px;
	position: relative;
}
 
.ab_why_gundong ul li b div {
	overflow: hidden;
	width: 42px;
	height: 42px;  
	margin-left:38px;
	bottom:0;
	position: absolute;
}
.ab_why_gundong ul li b div span  {
	width: 42px;
	height: 42px;
	display: block;
	position: relative;  
} 
 
.ab_why_gundong ul li b img{
	margin-left:38px;
	bottom:0;
	position: absolute;
}

.ab_why_gundong ul li .sp1{
	display:block;
	width:100%;
	height:48px;
	margin:21px 0; 
}
.ab_why_gundong ul li .sp1 h3{ 
	font-size: 21px;
	font-weight: bold;  
	letter-spacing: 2px;
	color: #f18904;
	margin-left:38px;
}
.ab_why_gundong ul li .sp1 h4{
	width: 195px;
	font-size: 12px;
	font-weight: bold;  
	letter-spacing: 1px;
	line-height: 26px;
	color: #f18904; 
	margin:9px 0 0 38px; 
}

.ab_why_gundong ul li .sp2{ 
	display:block;
	width:100%;
	font-size: 14px;
	font-weight: bold;  
	letter-spacing: 1px;
	color: #f18904;
	margin:56px 0 0 38px; 
}

.ab_why_gundong ul li .sp3{ 
	display:block;
	width:100%; 
	margin-top:10px; 
	text-align:left;
}
.ab_why_gundong ul li .sp3 p{ 
	width: 195px; 
	font-size: 12px; 
	line-height: 20px;
	letter-spacing: 1px;
	color: #f18904;
	margin-left:38px;
}
.ab_why_gundong ul li.last{ 
	margin-right:0px;
}
.ab_why_gundong ul li:hover{ 
}
.ab_why_gundong ul li:hover{ 
	width: 302px;
	height: 445px; 
	margin:0 20px 0 -25px;
	background-color: #f18904;
	box-shadow: 8px 3px 31px 0px 
		rgba(241, 137, 4, 0.15); 
	border: solid 5px #f18904;
}
 
.ab_why_gundong ul li.last:hover{  
	margin:0 0 0 -25px; 
}

.ab_why_gundong ul li:hover b div span {
	width: 42px;
	height: 42px;
	display: block;
	position: relative;  
	left: -42px;
	border-right: 42px solid transparent; 
	-webkit-filter: drop-shadow(#fff 42px 0);
	filter: drop-shadow(#fff 42px 0);
}
 
.ab_why_gundong ul li:hover .sp1 h3{ 
	font-size: 26px; 
	color: #fff; 
}
.ab_why_wrap ul li:hover .sp1 h4{ 
	font-size: 14px;   
	color: #fff; 
} 
 
.ab_why_gundong ul li:hover .sp2{  
	font-size: 18px; 
	color: #fff; 
	margin:86px 0 0 38px; 
}
 
.ab_why_gundong ul li:hover .sp3 p{ 
	font-size: 14px; 
	color: #fff;
}  

.why_point {
    position: absolute;  
    margin: 10px 0 0 1210px ;
}

.why_point a {
    text-decoration: none;
    display: inline-block; 
    font-size: 11px;
    width: 6px;
	height: 6px;
	background-color: #bfbfbf;
    line-height: 10px; 
    background: #fff;
    color: #4E443C;
    border-radius: 100px;
    text-indent: -9999px; 
    margin-right: 7px; 
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.why_point a.active {
    background: #f18904;
    color: #fff;
    opacity: 1; 
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
/*关于我们-分数*/
.ab_score{
	clear: both;
	width: 100%;   
}
.ab_score_wrap{
	clear: both;
	width: 100%;  
}
.ab_score_wrap ul{
	width: 100%;
	position: relative; 
} 

.ab_score_wrap ul li{
	position: relative;
	width: 295px;
	height: 411px;
	background-color: #eee;
	border-radius: 5px;
	margin:33px 33px 0 0;
	float:left; 
} 
.ab_score_wrap ul li b { 
	width: 295px;
	height: 315px;
	display: block;
	overflow: hidden;
	margin:0; 
} 
.ab_score_wrap ul li .sp0 { 
	display:block;
	width: 295px;
	height: 96px;
	background-color: #f18904;
	text-align:center;
} 
.ab_score_wrap ul li .sp0 h3{   
	font-size: 18px;
	font-weight: bold; 
	line-height: 67px;
	letter-spacing: 2px;
	color: #fff;
}
.ab_score_wrap ul li .sp0 h4{ 
	margin-top:-5px;
	font-size: 14px; 
	line-height: 0px;
	letter-spacing: 1px;
	color: #fff;
}
 
.ab_score_wrap ul li .caption {
	position: absolute;
	left: 0; 
	top:0;
	width: 295px;
	height: 411px;
	color: #fff; 
	background-color: #535353;
	border-radius: 5px;
	display:none; 
	opacity:0.95;
} 
.ab_score_wrap ul li .caption .sp1{
	margin-top:56px;
	display:block;
	width: 100%;
	height: 90px;
}
.ab_score_wrap ul li .caption .sp1 h3{
	margin-left:22px;
	font-size: 22px;
	font-weight: blod; 
	line-height: 23px;
	letter-spacing: 2px;
	color: #fff;
}
.ab_score_wrap ul li .caption .sp1 h4{
	margin-left:22px;
	font-size: 12px; 
	line-height: 33px;
	letter-spacing: 1px;
	color: #fff;
}
.ab_score_wrap ul li .caption .sp2{ 
	display:block;
	width: 100%;
	height: 160px; 
}
.ab_score_wrap ul li .caption .sp2 p{ 
	width:244px;
	margin-left:22px;
	font-size: 12px; 
	line-height: 28px;
	letter-spacing: 1px;
	color: #fff; 
}
.ab_score_wrap ul li .caption .sp3{ 
	display:block;
	width: 100%; 
	margin-top:33px;
}
.ab_score_wrap ul li .caption .sp3 p{ 
	margin-left:22px;
	font-size: 12px; 
	line-height: 28px;
	letter-spacing: 1px;
	color: #fff; 
}
.ab_score_wrap ul li:hover .caption {
	display:block;
}

.ab_score_arrow{  
	width: 100%; 
	height: 25px;
	text-align:center;
} 
.ab_score_arrow .sarrow{  
	display:inline;
	width: 42px;
	height: 25px;  
	text-align:center;
	cursor:pointer;
}  
.ab_score_num{
	clear: both;
	width: 100%; 
	height:228px;
	margin:120px 0 0 86px;
}
.ab_score_num ul{
	width: 100%;
	position: relative; 
} 

.ab_score_num ul li{
	position: relative;
	width: 131px;
	height: 228px;  
	margin:0 200px 0 0;
	float:left;   
} 
.ab_score_num ul li b { 
	width: 131px;
	height: 118px;
	display: block;  
} 
.ab_score_num ul li b img{ 
	margin-left:22px;
} 
.ab_score_num ul li .sp1 { 
	display:block;
	width: 131px; 
	margin-top:25px;  
	margin-left:22px;
} 
.ab_score_num ul li .sp1 h3{  
	width: 96px; 
	font-size: 80px;
	font-weight: bold; 
	line-height: 16px;
	letter-spacing: 2px;
	color: #f18904;
	margin-left:-3px; 
} 
.ab_score_num ul li .sp1 h4{   
	font-size: 24px;
	font-weight: bold;  
	letter-spacing: 1px;
	color: #f18904;
	float:right; 
	margin-top:-42px; 
} 
.ab_score_num ul li .sp2 { 
	display:block;
	width: 131px;  
	margin-top:49px; 
} 
.ab_score_num ul li .sp2 h3{ 
	display:block;
	font-size: 16px; 
	line-height: 16px;
	letter-spacing: 1px;
	color: #f18904;
	margin-left:22px;
} 
.ab_stu{
	clear: both;
	width: 100%; 
	height: 839px;     
}
.ab_stu_wrap{
	clear: both;
	margin-left:305px;
	width: 692px;
	height:512px;  
	overflow:hidden; 
}
.ab_stu_wrap ul{ 
	position: relative;
	width: 20000px; 
	height:100%; 
}
.ab_stu_wrap ul li{
	width: 692px;
	height:512px;
	float:left;
	position: relative; 
}
.ab_stu_wrap ul li .sp0{
	display:block;
	width: 100%;
	height: 142px; 
	text-align:center; 
}
.ab_stu_wrap ul li .sp0 b { 
	width: 128px;
	height: 128px; 
	display: inline-block;   
} 
.ab_stu_wrap ul li .sp0 b img {  
	border: solid 3px #f18904;
 	border-radius:50%;
} 
.ab_stu_wrap ul li .sp1 { 
	display:block;
	width: 100%;
	height:84px;
	text-align:center; 
} 
.ab_stu_wrap ul li .sp1 h3{  
	font-size: 19px;
	font-weight: bold; 
	line-height: 23px;
	letter-spacing: 0px;
	color: #f18904;
} 
.ab_stu_wrap ul li .sp1 h4{    
	font-size: 12px; 
	line-height: 43px;
	letter-spacing: 0px;
	color: #434343;
} 
.ab_stu_wrap ul li .sp2{    
	display:block;
	width: 100%;
} 
.ab_stu_wrap ul li .sp2 p{    
	width: 100%;
	text-align:left;
	font-size: 15px; 
	line-height: 23px;
	letter-spacing: 0px;
	color: #434343;
}

.ab_stu_point { 
	width: 100%; 
	text-align:center;
	margin-top:10px;
}

.ab_stu_point a {
    text-decoration: none;
    display: inline-block; 
    font-size: 11px;
    width: 6px;
	height: 6px;
	background-color: #bfbfbf;
    line-height: 10px; 
    background: #fff;
    color: #4E443C;
    border-radius: 100px;
    text-indent: -9999px; 
    margin-right: 7px; 
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.ab_stu_point a.active {
    background: #f18904;
    color: #fff;
    opacity: 1; 
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
/*关于我们-校区*/
.ab_album{
	clear: both;
	width: 100%; 
	height: 1224px;  
	position:relative;
}
.ab_album_tp{
	clear: both;
	width: 100%; 
	height: 28px;  
	text-align:center;
}
.ab_album_tp ul{
	clear: both; 
	height: 28px;  
	display:inline-block;
} 
.ab_album_tp ul li{  
	height: 28px; 
	padding:0px 12px 0 12px;  
	float: left;  
    display: block;
    font-size: 14px; 
	line-height: 30px;
	letter-spacing: 1px;
	margin-left:20px;
	color: #595959;
	cursor:pointer;
}
/*
.ab_album_tp ul li:hover{  
	background-color: #f18904;
	border-radius: 5px;
	color:#fff;
} 
*/
.ab_album_tp ul li.on{ 
	background-color: #f18904;
	border-radius: 5px;
	color:#fff;
} 

.ab_album_wrap{
	clear: both;
	width: 100%; 
	height: 642px;  
	overflow: hidden;   
}
.ab_album_wrap ul{
	position: relative;
	clear: both;
	width: 20000px; 
	height: 642px;    
}
.ab_album_wrap ul li{
	position: relative;
	width: 1280px;
	height: 642px;
	margin:0;
	float:left;     
	
} 
.ab_album_wrap .wul{
	clear: both;
	width: 100%; 
	height: 100%;   
} 
.ab_album_wrap .wul dl{
	position: relative;
	width: 416px;
	height: 314px;
	background-color: #434343;
	border-radius: 5px; 
	margin:0 16px 14px 0;
	float:left; 
	border-radius: 5px;
	cursor:pointer; 
} 
.ab_album_wrap .wul dl b { 
	width: 416px;
	height: 314px;
	display: block;
	margin:0; 
} 
.ab_album_wrap .wul dl b img{ 
	border-radius: 5px; 
}
.ab_album_wrap .wul dl .sp0 { 
	position: absolute;
	left:0;
	bottom:0;
	display:block;
	width: 100%;
	height: 31px;
	background-color: rgba(255,159,25,0.75); 
	border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
	text-align:center;  
} 
.ab_album_wrap .wul dl .sp0 h3{   
	font-size: 14px;
	font-weight: bold; 
	line-height: 28px;
	letter-spacing: 1px;
	color: #fff; 
} 
.ab_album_wrap .wul dl .caption {
	position: absolute;
	left: 0; 
	bottom:0;
	width: 416px;
	height: 314px; 
	border-radius: 5px; 
	display:none; 
	background-color: rgba(0,0,0,0.6); 
} 
.ab_album_wrap .wul dl .caption b{
	margin:79px 0 0 92px;
	display:block;
	width: 231px;
	height: 160px;
} 
.ab_album_wrap .wul dl:hover .caption{
	display:block; 
}
.ab_left, .ab_right {
	width: 104px;
	height: 104px;
	display:  table-cell;
	position: absolute;
	top: 635px;  
	border-radius: 100px;
	text-align: center;	
	vertical-align: middle;
	cursor:pointer;
}
.ab_left img,.ab_right img{
	margin-top:35px;
} 
.ab_left {
	left: 50%;
	margin: 0 0 0 -760px;
}

.ab_right {
	right: 50%;
	margin: 0 -760px 0  0;
}

.ab_left.active {
	box-shadow: -11px -4px 10px 0px rgba(201, 201, 201, 0.15);
}  
.ab_right.active {
	width: 104px;
	height: 104px;
	display: block; 
	box-shadow: 11px 4px 10px 0px rgba(201, 201, 201, 0.15);
}

.ab_album .contact{ 
	clear:both;
	width: 100%; 
	height: 220px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;  
} 
.ab_album .contact .lbl{ 
	clear:both; 
	width: 183px;
	height: 61px;
	border-radius: 30px;
	border: solid 2px #f18904;
	text-align:center; 
	cursor:pointer;
} 
.ab_album .contact .lbl h5{  
	font-size: 14px; 
	margin:20px 0 0 5px; 
	letter-spacing: 2px;
	color: #f18904;
}
/*面授课程*/
.cs_nav{
	clear: both;
	width: 100%; 
	height: 118px;
	background-color: #12103f;
	box-shadow: 2px 2px 12px 1px 
		rgba(201, 201, 201, 0.28); 
}
.nav_wrap{
	clear: both;
	width: 100%; 
	height: 100%;
	text-align:center;
}
.nav_wrap ul{
	clear: both;  
	height: 100%; 
	display:inline-block;
}  
.nav_wrap ul li{  
	margin:0; 
	width: 208px;
	height: 118px;   
	float: left;  
	font-weight: bold;
    display: block;
    font-size: 23px; 
	line-height: 110px;
	letter-spacing: 1px; 
	color: #fff;
	cursor:pointer;
}
/*
.nav_wrap ul li:hover{ 
	background-color: #f18904;
}
*/
.nav_wrap ul li.on{ 
	background-color: #f18904;
}
.cs_service{
	clear: both;
	width: 100%;  
}
.serv_wrap{
	clear: both;
	width: 100%;  
	height:668px;
} 
.serv_wrap .toleft{ 
	width: 504px;  
	height:550px;  
	float:left; 
}
.serv_wrap .toleft .sp1{
	display:block;   
	width: 100%;
	height:100px;  
}
.serv_wrap .toleft .sp1 .h1{ 
	font-size: 52px;
	font-weight: bold; 
	line-height: 50px;
	letter-spacing: 3px;
	color: #f18904;
}
.serv_wrap .toleft .sp1 .h2{ 
	font-size: 52px;
	font-weight: bold; 
	line-height: 24px;
	letter-spacing: 3px;
	color: #f18904;
	margin-left:-20px;
}
.serv_wrap .toleft .sp1 .h3{ 
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #12103f; 
} 
.serv_wrap .toleft .sp2{
	display:block;
	width: 100%;  
	margin-top:40px;
}
.serv_wrap .toleft .sp2 h3{
	font-family: Impact;
	font-size: 129px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 6px;
	color: #facd89;
}

.serv_wrap .toleft .sp3{
	display:block;
	width: 100%;  
}
.serv_wrap .toleft .sp3 p{
	font-size: 16px; 
	line-height: 23px;
	letter-spacing: 1px;
	color: #12103f;
}

.serv_wrap .toright{ 
	width: 760px;  
	height:550px; 
	float:right; 
}
.serv_wrap .toright b{ 
	float:right;
	display:block;
	width: 637px;
	height: 444px;
}

.cs_good{
	clear: both;	
	width: 100%;
	height: 1354px; 
	box-shadow: 5px 4px 29px 2px 
		rgba(191, 191, 191, 0.4); 
	position: relative; 
}
.cg_wrap{
	clear: both;	
	width: 100%;
	text-align: center;
} 
.cg_wrap ul{ 
	display: inline-block; 
	clear: both;
	width: 758px;
	position: relative; 
} 

.cg_wrap ul li{
	position: relative; 
	width: 327px;
	height: 394px;  
	float:left;
	margin:0 42px 40px 0; 
	box-shadow: 0px 21px 33px 3px 
		rgba(201, 201, 201, 0.28);
	border-radius: 2px;
	border: solid 3px #f18904;
} 

.cg_wrap ul li b{
	clear: both;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
	width:333px;
	height:138px; 
}

.cg_wrap ul li .sp1{
	display:block;
	width:100%;
	height:59px;
	margin:12px 0 0 0; 
	text-align: center;
	font-size: 23px;
	font-weight: bold; 
	line-height: 24px;
	letter-spacing: 2px;
	color: #ffce00; 
}  

.cg_wrap ul li .sp2{ 
	display:block;
	width:260px; 
	margin:0 0 0 36px; 
	font-size: 14px;
	font-weight: bold; 
	line-height: 23px;
	letter-spacing: 1px;
	color: #12103f;
	text-align: center;
}

.cg_wrap ul li .sp3{ 
	display:block;
	width:260px;
	margin:20px 0 0 36px; 
	text-align: center;
}
.cg_wrap ul li .sp3 p{ 
	width:260px; 
	font-size: 12px; 
	line-height: 28px;
	letter-spacing: 1px;
	color: #12103f;
}


.cs_book{
	clear: both;	
	width: 100%;
	height: 1135px; 
	position:relative;
}
.cbk_wrap{
	clear: both;	
	width: 1280px;
	height: 562px;
	overflow:hidden;
	
} 
.cbk_wrap ul{  
	clear: both;
	width: 20000px;
	height: 562px;
	position: relative; 
	
} 
 
.cbk_wrap ul li{ 
	position: relative; 
	width: 276px;
	height: 562px;  
	float:left;
	margin-right:55px; 
	cursor:pointer;  
} 

.cbk_wrap ul li b{
	clear: both; 
	width: 276px;
	height: 399px;
	box-shadow: 0px 0px 16px 2px 
		rgba(18, 16, 63, 0.23);
}

.cbk_wrap ul li .sp1{
	clear: both; 
	display:block;
	width:100%;
	height:47px;
	margin:55px 0 0 0; 
	text-align: center;
	font-size: 18px;
	font-weight: bold;  
	letter-spacing: 1px;
	color: #12103f; 
} 
.cbk_wrap ul li .sp2{  
	display:block;
	width:225px;
	margin:0px 0 0 26px; 
	text-align: center; 
}
.cbk_wrap ul li .sp2 p{  
	font-size: 14px;  
	letter-spacing: 1px;
	color: #12103f;
}
 
 .cbk_left, .cbk_right { 
	width: 15px;
	height: 24px; 
	display: block;
	position: absolute;
	top: 575px;
} 
 
.cbk_left {
	left: 50%;
	margin: 0 0 0 -760px;
}
.cbk_left b.inactive{  
	display:block;
	background: url(/resources/images/web/bk_left_inactive.png) no-repeat center center;
	width: 15px;
	height: 24px;     
	cursor:pointer;
	 
}
.cbk_left b.active{
	display:block;
	background: url(/resources/images/web/bk_left_active.png) no-repeat center center;
	width: 15px;
	height: 24px;     
	cursor:pointer;
}

.cbk_right {
	right: 50%;
	margin: 0 -760px 0  0;
}


.cbk_right b.inactive{  
	display:block;
	background: url(/resources/images/web/bk_right_inactive.png) no-repeat center center;
	width: 15px;
	height: 24px;     
	cursor:pointer; 
}
.cbk_right b.active{
	display:block;
	background: url(/resources/images/web/bk_right_active.png) no-repeat center center;
	width: 15px;
	height: 24px;  
	cursor:pointer;
}

.cs_after{
	clear: both;	
	width: 100%;
	height: 1292px;  
}
.caf_wrap{
	clear: both;	
	width: 100%;
	height: 757px; 
} 
.caf_wrap ul{  
	clear: both;
	width: 100%;
	height: 757px; 
	position: relative;  
} 
 
.caf_wrap ul li{ 
	position: relative; 
	width: 406px;
	height: 331px;
	float:left;
	margin:0 25px 101px 0; 
	cursor:pointer;   
} 
.caf_wrap ul li .info{ 
	position: relative; 
	width: 406px;
	height: 251px;   
	border-radius: 5px; 
	border:2px solid #e5e5e5; 
} 
.caf_wrap .contact{ 
	width: 100%; 
	height: 31px;
} 
.caf_wrap .contact .lbl{ 
	margin:32px 0 0 116px;
	width: 174px;
	height: 47px;
	border-radius: 23px;
	border: solid 1px #f18904;
	text-align:center; 
	cursor:pointer;
} 
.caf_wrap .contact .lbl h5{  
	font-size: 16px;
	font-weight: bold; 
	line-height: 48px;
	letter-spacing: 1px;
	color: #f18904;
}

.caf_wrap ul li .sp1{
	clear: both; 
	display:block;
	width:80px; 
	margin:-30px 0 0 163px; 
	text-align: center; 
	background: #fff;
}
.caf_wrap ul li .sp1 h3{ 
	font-size: 58px;
	font-weight: bold;  
	color: #f18904;
} 

.caf_wrap ul li .sp2{ 
	display:block;
	width:100%;
	height:47px;
	margin-top:0px; 
	text-align: center; 
}
.caf_wrap ul li .sp2 h3{ 
	font-size: 22px;
	font-weight: bold;  
	letter-spacing: 1px;
	color: #12103f; 
} 
.caf_wrap ul li .sp3{  
	display:block;
	width: 354px;
	margin:6px 0 0 28px; 
}
.caf_wrap ul li .sp3 p{  
	font-size: 14px;  
	letter-spacing: 1px;
	color: #7d7d7d; 
	text-align: left;
	line-height: 28px;
}

.caf_wrap ul li:hover .info{
	border:2px solid #f18904; 
}
.caf_wrap ul li:hover .lbl{
	background-color: #f18904; 
}
.caf_wrap ul li:hover .lbl h5{ 
	color:#fff;
}

/*网课*/ 

.wc_top{
	clear: both;
	width: 100%; 
}
.wc_top_tp{
	clear: both;
	width: 100%; 
	height: 28px;  
	text-align:center;
}
.wc_top_tp ul{
	clear: both; 
	height: 28px;  
	display:inline-block;
} 
.wc_top_tp ul li{  
	height: 28px; 
	padding:0px 14px 0 14px;  
	float: left;  
    display: block;
    font-size: 14px; 
	line-height: 30px;
	letter-spacing: 1px;
	margin-left:20px;
	color: #595959;
}
.wc_top_tp ul li:hover{  
	background-color: #f18904;
	border-radius: 5px;
	color:#fff;
} 
.wc_top_tp ul li.on{ 
	background-color: #f18904;
	border-radius: 3px;
	color:#fff;
} 


.wct_wrap{
	clear: both;  
	width: 100%;
	height: 776px;
}

.wct_wrap ul{  
	clear: both;
	width: 100%; 
	position: relative; 
	
} 
 
.wct_wrap ul li{  
	width: 297px;
	height: 374px;  
	float:left;
	margin:0 30px 30px 0; 
	cursor:pointer;   
} 

.wct_wrap ul li .info{  
	width: 298px;
	height: 150px;
	background-color: #fff;
	float:left;
	margin-right:33px; 
	cursor:pointer;   
} 

.wct_wrap ul li b{ 
	display:block;
	width: 297px;
	height: 224px; 
	background-color: #eee;
	overflow: hidden;
}
.wct_wrap ul li b img {
	width: 297px;
	height: 224px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 1;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease; /* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

.wct_wrap ul li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
} 

.wct_wrap ul li .sp1{ 
	display:block;
	width:267px; 
	margin:19px 0 0 15px;  
	display:block; 
} 
.wct_wrap ul li .sp1 .sp11{ 
	display:inline-block;
	width: 61px;
	height: 22px;
	text-align: center; 
	background-color: #f18904;
	border-radius: 5px;
	font-size: 12px; 
	line-height: 22px;
	letter-spacing: 0px; 
	color: #fff;  
	vertical-align:top;
} 
.wct_wrap ul li .sp1 .sp12{
	clear: both; 
	display:inline-block;
	font-size: 16px;
	font-weight: bold;  
	letter-spacing: 1px;
	color: #12103f; 
	text-align: center;  
	margin:1px 0 0 6px;     
} 
.wct_wrap ul li .sp1 .sp13 i{
	display:inline-block;
	width: 13px;
	height: 16px; 
	margin-top:4px; 
	margin-left:6px;
	background: url(/resources/images/web/wc_hot.png) no-repeat center center;
} 
.wct_wrap ul li .sp2{  
	display:block;
	width:267px;
	margin:17px 0 0 15px; 
	text-align: left;  
}
.wct_wrap ul li .sp2 p{  
	font-size: 12px; 
	line-height: 19px;
	letter-spacing: 1px;
	color: #12103f;
}
.wct_wrap ul li .sp3{  
	display:block;
	width:267px;
	margin:10px 0 0 15px; 
	text-align: right; 
} 
.wct_wrap ul li .sp31{  
	width:100px;   
}
.wct_wrap ul li .ft1{  
	font-size: 8px;  
	letter-spacing: 0px;
	color: #e60012; 
}
.wct_wrap ul li .ft2{  
	font-size: 16px; 
	letter-spacing: 0px;
	color: #e60012;  
}
.wc_top .contact{ 
	clear:both;
	width: 100%; 
	height: 200px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;  
} 
.wc_top .contact .lbl{ 
	clear:both; 
	width: 185px;
	height: 57px;
	background-image : linear-gradient( 180deg, #ffa026 0%, #f28445 100%),linear-gradient( #f18904, #f18904); 
	background-blend-mode : normal,normal; 
	box-shadow : 2px 5px 8px 0px rgba( 241, 87, 134, 0.42); 
	border-radius: 28px;
	text-align:center; 
	cursor:pointer;
} 
.wc_top .contact .lbl h5{  
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	margin:15px 0 0 1px; 
	letter-spacing: 1px;
	color: #fff; 
}

.wc_get{
	clear: both;
	width: 100%; 
	height: 766px;
	background-color: #f18904;
}

.wcg_wrap{
	clear: both;  
	width: 100%;
	height: 246px; 
}

.wcg_wrap ul{
	clear: both;  
	width: 100%;
	height: 246px; 
}
.wcg_wrap ul li{
	width: 586px;
	height: 92px;
	float:left;
	margin:0 108px 61px 0;  
}
.wcg_wrap ul li .dv1{
	border-radius: 100px; 
	width: 92px;
	height: 92px;
	background-color: #ffffff;
	box-shadow: 0px 3px 8px 0px 
		rgba(241, 174, 146, 0.4);
	float:left; 
	text-align:center
}
.wcg_wrap ul li .dv1 b{ 
	font-size: 24px;
	font-weight: bold; 
	line-height: 92px;
	letter-spacing: 2px;
	color: #12103f;
}
.wcg_wrap ul li .dv2{
	width: 448px;
	float:right;
	margin-top:10px;
}
.wcg_wrap ul li .dv2 .sp1{
	display:block;
	width: 448px; 
}
.wcg_wrap ul li .dv2 .sp1 .ft1{
	font-size: 25px;
	font-weight: bold; 
	line-height: 17px;
	letter-spacing: 3px;
	color: #f18904;
}
.wcg_wrap ul li .dv2 .sp1 .ft2{
	font-size: 12px;
	font-weight: bold; 
	line-height: 17px;
	letter-spacing: 1px;
	color: #f18904;
}
.wcg_wrap ul li .dv2 .sp2{
	display:block;
	width: 448px; 
	margin-top:12px;
}
.wcg_wrap ul li .dv2 .sp2 p{ 
	font-size: 17px; 
	line-height: 25px;
	letter-spacing: 1px;
	color: #fff;
}

.wc_book{
	clear: both;
	width: 100%; 
	position: relative;
}
.wbk_wrap{
	clear: both;  
	width: 100%;
	height: 924px; 
	overflow: hidden;   
}
 
.wbk_wrap ul{
	position: relative;
	clear: both;
	width: 20000px; 
	height: 924px;    
}
.wbk_wrap ul li{
	position: relative;
	width: 1280px;
	height: 924px;
	margin:0;
	float:left;     
	
} 
.wbk_wrap .wul{
	clear: both;
	width: 100%; 
	height: 100%;   
} 
.wbk_wrap .wul dl.up{
	position: relative;
	width: 640px;
	height: 462px; 
	margin:0;
	float:left;  
	cursor:pointer; 
} 
.wbk_wrap .wul dl.down{
	position: relative;
	width: 640px;
	height: 462px; 
	margin:0;
	float:right;  
	cursor:pointer; 
} 
.wbk_wrap .wul dl.up b { 
	width: 320px;
	height: 462px;
	display: block;
	margin:0; 
	float:left;
} 
.wbk_wrap .wul dl.down b { 
	width: 320px;
	height: 462px;
	display: block;
	margin:0; 
	float:right;
} 
.wbk_wrap .wul dl .toleft { 
	width: 320px;
	height: 462px; 
	margin:0; 
	float:left;
	background-color: #f18904; 
	position: relative;
} 
.wbk_wrap .wul dl .toright { 
	width: 320px;
	height: 462px; 
	margin:0; 
	float:right;
	background-color: #f18904; 
	position: relative;
} 
.wbk_wrap .wul dl .toleft:before,.wbk_wrap .wul dl .left:after{
    position: absolute;
    content: " ";
    top: 220px;
    right: -29px;
    display: block;
    width: 0;
    height: 0;
    border: 18px solid #f18904;
    border-color: transparent  transparent  transparent #f18904;
    z-index: 111;
}
.wbk_wrap .wul dl .toleft:after{
    right: -29px;
    border-color: transparent  transparent transparent #f18904 ;
    z-index: 11;
}

.wbk_wrap .wul dl .toright:before,.wbk_wrap .wul dl .toright:after{
    position: absolute;
    content: " ";
    top: 220px;
    left: -29px;
    display: block;
    width: 0;
    height: 0;
    border: 18px solid #f18904;
    border-color: transparent #f18904 transparent transparent;
    z-index: 111;
}
.wbk_wrap .wul dl .toright:after{
    left: -29px;
    border-color: transparent #f18904 transparent transparent;
    z-index: 11;
}
 
.wbk_wrap .wul dl .sp1 {  
	display:block;
	width: 247px;
	margin:71px 0 0 38px;   
} 
.wbk_wrap .wul dl .sp1 h3{   
	font-size: 26px;
	font-weight: bold; 
	line-height: 32px;
	letter-spacing: 1px; 
	color: #fff; 
} 
.wbk_wrap .wul dl .sp2 {  
	display:block;
	width: 247px;
	margin:13px 0 0 38px;   
} 
.wbk_wrap .wul dl .sp2 h3{   
	font-size: 14px;
	font-weight: bold;  
	letter-spacing: 1px; 
	color: #fff; 
} 
.wbk_wrap .wul dl .line {  
	display:block;
	width: 211px;
	height: 2px;
	margin:42px 0 0 38px; 
	background-color: #fff;   
} 
.wbk_wrap .wul dl .sp3{  
	display:block;
	width: 247px;
	margin:27px 0 0 38px; 
	text-align:left;  
} 
.wbk_wrap .wul dl .sp3 p{  
	font-size: 14px; 
	line-height: 24px; 
	color: #fff;   
}

.wbk_left, .wbk_right { 
	width: 55px;
	height: 55px;
	display: block;
	position: absolute;
	top: 725px; 
	
} 
.wbk_left b, .wbk_right b {
	border-radius:100px;
}
.wbk_left {
	left: 50%;
	margin: 0 0 0 -760px;
}
.wbk_left b.inactive{  
	display:block;
	background: url(/resources/images/web/wbk_left_inactive.png) no-repeat center center;
	width: 55px;
	height: 55px;     
	border: solid 1px #f18904;
	cursor:pointer;
	 
}
.wbk_left b.active{
	display:block;
	background: url(/resources/images/web/wbk_left_active.png) no-repeat center center;
	width: 55px;
	height: 55px;     
	cursor:pointer;
	background-color: #f18904;
}

.wbk_right {
	right: 50%;
	margin: 0 -760px 0  0;
}
 
.wbk_right b.inactive{  
	display:block;
	background: url(/resources/images/web/wbk_right_inactive.png) no-repeat center center;
	width: 55px;
	height: 55px;    
	border: solid 1px #f18904;
	cursor:pointer; 
}
.wbk_right b.active{
	display:block;
	background: url(/resources/images/web/wbk_right_active.png) no-repeat center center;
	width: 55px;
	height: 55px;  
	cursor:pointer;
	background-color: #f18904;
} 
.wc_book .contact{ 
	clear:both;
	width: 100%; 
	height: 188px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;  
} 
.wc_book .contact .lbl{ 
	clear:both; 
	width: 185px;
	height: 57px;
	border-radius: 28px;
	border: solid 1px #f18904;
	text-align:center; 
	cursor:pointer;
} 
.wc_book .contact .lbl h5{  
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	margin:20px 0 0 5px; 
	letter-spacing: 1px;
	color: #f18904;
} 

.wc_tea{
	clear: both;
	width: 100%; 
} 

.wctea_wrap{
	position: relative;
	clear: both;
	width: 1218px;
	height: 733px;
	overflow:hidden;
	margin-left:31px;
}
.wctea_wrap ul{
	position: relative;
	clear: both;
	width: 20000px; 
	height: 733px;    
}
.wctea_wrap ul li{
	position: relative;
	width: 1218px;
	height: 733px; 
	margin:0;
	float:left;  
} 
.wctea_wrap ul li b { 
	width: 545px;
	height: 733px;
	background-color: #eee;
	display: block;
	margin:0; 
	float:left;
}  
.wctea_wrap ul li .toright {  
	width:540px;
	height: 733px;  
	margin:0; 
	float:right; 
	position: relative;
} 
 
.wctea_wrap ul li .sp1 {  
	display:block;
	width:540px;
	margin:33px 0 0 0   
} 
.wctea_wrap ul li .sp1 h3{   
	font-size: 33px;
	font-weight: bold; 
	line-height: 17px;
	letter-spacing: 6px;
	color: #f18904;
} 
.wctea_wrap ul li .sp2 {  
	display:block;
	width:540px;
	margin:48px 0 0 0;   
} 
.wctea_wrap ul li .sp2 .tag{   
	width: 103px;
	height: 42px;
	padding:6px 10px;
	border-radius: 3px;
	border: solid 1px #f18904;
	font-size: 18px; 
	line-height: 20px;
	letter-spacing: 1px;
	color: #f18904;
	
}  
.wctea_wrap ul li .sp3{  
	display:block;
	width:540px; 
	margin:55px 0 0 0; 
	text-align:left;  
} 
.wctea_wrap ul li .sp3 p{  
	font-size: 18px; 
	line-height: 40px;
	letter-spacing: 1px;
	color: #535353;
}
 
.wctea_wrap ul li .contact{  
	width:540px;
	height: 66px;
	margin:103px 0 0 0;  
} 
.wctea_wrap ul li .contact .lbl{ 
	width: 169px;
	height: 66px;
	background-color: #e60012;
	border-radius: 33px; 
	text-align:center; 
	cursor:pointer;
} 
.wctea_wrap ul li .contact .lbl h5{  
	font-size: 20px;
	font-weight: bold; 
	letter-spacing: 1px; 
	color: #fff; 
	line-height: 66px; 
} 


.wctea_point {
    position: absolute;  
    margin: 80px 0 0 640px ;
}

.wctea_point a {
    text-decoration: none;
    display: inline-block; 
    font-size: 11px;
    width: 6px;
	height: 6px;
	background-color: #bfbfbf;
    line-height: 10px; 
    background: #fff;
    color: #4E443C;
    border-radius: 100px;
    text-indent: -9999px; 
    margin-right: 7px; 
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.wctea_point a.active {
    background: #f18904;
    color: #fff;
    opacity: 1; 
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/*网课详情*/  
.wcd_top{
	clear: both;
	width: 100%; 
	height: 634px;    
}  
.wcd_wrap{ 
	clear: both;
	width: 100%; 
	height: 634px;  
} 
 
.wcd_wrap b { 
	width: 610px;
	height: 340px;
	background-color: #535353;
	border-radius: 2px;
	display: block;
	margin:0; 
	float:left; 
}  
.wcd_wrap .toright {  
	width: 590px;
	height: 340px; 
	margin:0; 
	float:right; 
}  
.wcd_wrap .sp1 {  
	display:block;
	width: 590px;
	height: 61px; 
	border-bottom: solid 5px #cac6c5;
	background-color: #eeeeee;   
}
.wcd_wrap .sp1 .ft1{   
	font-size: 36px; 
	line-height: 61px;
	letter-spacing: 2px;
	color: #e60012;
} 
.wcd_wrap .sp1 .ft2{   
	font-size: 36px; 
	letter-spacing: 1px;
	color: #e60012;
	font-weight: bold;  
} 
.wcd_wrap .sp2 {  
	display:block;
	width: 590px;
	margin:41px 0 0 0;  
} 
.wcd_wrap .sp2 h3{  
	font-size: 32px;
	font-weight: bold; 
	line-height: 17px;
	letter-spacing: 0px;
	color: #25292c;  
	text-align:left;  
}  
.wcd_wrap .sp3{  
	display:block;
	width: 590px; 
	margin:24px 0 0 0;  
} 
.wcd_wrap .sp3 h3{  
	font-size: 18px; 
	letter-spacing: 2px;
	color: #c9c9c9;
	line-height: 29px; 
	text-align:left;  
}

 
.wcd_wrap .contact{  
	width:590px;
	height: 39px;
	margin:94px 0 0 0;  
} 
.wcd_wrap .contact .lbl{ 
	width: 136px;
	height: 39px;
	background-color: #e60012;
	border-radius: 18px; 
	text-align:center; 
	cursor:pointer;
	display:inline-block;
} 
.wcd_wrap .lbl h5{  
	font-size: 14px;
	font-weight: bold; 
	letter-spacing: 1px; 
	color: #fff; 
	line-height: 39px; 
} 
.wcd_wrap .contact .lbl1{ 
	width: 136px;
	height: 39px;
	background-color: #ff9f19;
	border-radius: 18px; 
	text-align:center; 
	cursor:pointer;
	display:inline-block;
	margin-left:15px;
} 
.wcd_wrap .lbl1 h5{  
	font-size: 14px;
	font-weight: bold; 
	letter-spacing: 1px; 
	color: #fff; 
	line-height: 39px; 
} 
  
.wcd_content{
	clear: both;
	width: 100%;  
	background-color: #eee;   
}  
.wcdc_nav{ 
	clear: both;
	width: 100%; 
	height: 76px;
} 
.wcdc_nav ul { 
	clear: both;
	width: 100%; 
	height: 76px; 
} 
.wcdc_nav ul li{ 
	width: 317px;
	height: 76px;  
	background-color: #f18904;
	font-size: 21px; 
	line-height: 76px;
	letter-spacing: 0px;
	color: #fff;
	text-align:center;
	float:left;
	cursor:pointer;
} 
.wcdc_nav ul li.on{ 
	width: 317px;
	height: 76px;  
	background-color: #fff;
	border-top:11px solid #f18904;
	font-size: 21px; 
	line-height: 59px;
	letter-spacing: 0px;
	color: #f18904;
	text-align:center;
	float:left;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
} 
.wcdc_wrap{
	clear: both;
	width: 1140px;
	margin:0 auto 0 auto;
}

.wcdc_content{
	clear: both;
	width: 100%; 
}
.wcdc_content p{
	font-size: 16px;
	line-height: 26px; 
}
.wcdc_tag{
	clear: both;
	width: 100%; 
	height: 32px;
	margin-top:117px; 
}
.wcdc_tag b{
	clear: both;
	display:block;
	width: 12px;
	height: 24px;
	background: url(/resources/images/web/wcd_tag.png) no-repeat center center; 
	margin:7px 16px 0 0 ;
	float:left;
	
}
.wcdc_tag span{
	clear: both;
	font-size: 26px;
	font-weight: bold;  
	letter-spacing: 1px;
	color: #f18904;  
}

.wcdc_menu{  
	clear: both;
	width: 1086px;
	height: 293px;   
	margin:58px 0 0 30px;  
}
.wcdc_menu ul{
	position: relative;
	clear: both;
	width: 1086px;
	height: 293px;   
}
.wcdc_menu ul li{
	position: relative;
	width: 202px;
	height: 289px;
	box-shadow: 0px 3px 8px 0px 
		rgba(241, 137, 4, 0.4);
	margin-right:43px;
	float:left; 
	cursor:pointer;
	
} 
.wcdc_menu ul li.on{
	position: relative; 
	border-radius: 3px;
	border: solid 2px #f3992b;
	width: 202px;
	height: 289px; 
	margin-right:43px;
	float:left; 
	cursor:pointer;
	
}
.wcdc_book{
	clear: both;
	width: 1086px;   
	margin:58px 0 0 30px;  
}
.wcdc_book .lv0{ 
	width: 1086px;
	height: 38px;
	background-color: #ff9900;
	border-radius: 5px;
	margin:0 0 59px 0;  
	cursor:pointer;
}
.wcdc_book .lv0 h3{
	display:block;
	width:500px;
	font-size: 16px;
	font-weight: bold; 
	line-height: 38px;
	letter-spacing: 1px;
	color: #fff;
	margin-left:28px;
}
.wcdc_book .lv0 i{
	display:block;
	width: 12px;
	height: 6px;
	float:right;
	margin:-20px 18px 0 0; 
}
.wcdc_book .lv0 i.up{
	background: url(/resources/images/web/mh_ch_up.png) no-repeat center center;  
}
.wcdc_book .lv0 i.down{
	background: url(/resources/images/web/mh_ch_down.png) no-repeat center center;  
}
.wcdc_book dl{
	clear: both;
	width: 1086px;   
	margin:0 0 59px 0;  
}
.wcdc_book dl dt{
	clear: both;
	width: 100%;   
	margin-bottom:39px;
	cursor:pointer;
}
.wcdc_book dl dt .dot{
 	display:inline-block;
    border-radius: 100px;
  	width: 12px;
	height: 13px;
	background-color: #ff9900;
    margin: -15 8px 0 13px;   
}
.wcdc_book dl dt h3 {
	display: inline-block;
	font-size: 19px;
	font-weight: bold; 
	line-height: 30px;
	letter-spacing: 1px;
	color: #434343;
	margin-left:11px;
	
}
.wcdc_book dl dt .up{
	clear: both;
 	display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 7px 13px 7px;
    border-style: solid;
    border-color: transparent transparent black transparent ; 
    margin-left:12px;
}
.wcdc_book dl dt .down{
	clear: both;
	margin-left:12px;
 	display: inline-block;
    width: 0;
    height: 0;
    border-width: 13px 7px 0 7px;
    border-style: solid;
    border-color: black transparent transparent transparent ;
}
.wcdc_book dl dd{
	clear: both;
	width: 100%;  
	height: 65px;
	background-color: rgba(238,238,238,0.51);  
	border-bottom: solid 2px rgba(210,210,210,0.32);   
	cursor:pointer;
}
.wcdc_book dl dd .toleft{
	display:block;
	width: 900;  
	height: 65px;
	float:left;   
	font-size: 16px; 
	line-height: 65px;
	letter-spacing: 0px;
	color: #5e6068;
	padding-left:28px;
}
.wcdc_book dl dd .toright{
	display:block; 
	height: 65px;
	margin-right:43px;
	float:right;       
} 

.wcdc_book dl dd .btn{ 
	width: 69px; 
	height: 31px;
	background-color: #f18904;
	border-radius: 5px;
	font-size: 12px; 
	line-height: 31px;
	padding-left:22px;
	letter-spacing: 0px;
	color: #fff; 
	vertical-align: middle;
	margin-top:20px;
	float:left;
	display:none;
	cursor:pointer;
}
.wcdc_book dl dd .lock{
	display:  block; 
	width: 12px;
	height: 16px;
	margin:25px 13px 0 0;
	float:left;
	background: url(/resources/images/web/lock.png) no-repeat center center;  
}
.wcdc_book dl dd .time{  
	font-size: 14px; 
	line-height: 34px;
	letter-spacing: 1px;
	margin-top:18px;
	color: #d2d2d2;
	float:right;
}
.wcdc_book dl dd:hover .toright{
	margin-right:23px;
}
.wcdc_book dl dd:hover .btn{
	display: block;
}
.wcdc_book dl dd:hover .lock {
	display:none;
}
.wcdc_book dl dd:hover .time {
	display:none;
}
.wcdc_rule{
	clear: both;
	width: 873px;  
	margin:58px 0 0 30px;  
}
.wcdc_rule span {
	display:block;
	margin-bottom:66px;
}
.wcdc_rule span h3{
	font-size: 22px;
	font-weight: bold; 
	line-height: 38px;
	letter-spacing: 0px;
	color: #434343;
}
.wcdc_rule span p{
	font-size: 18px; 
	line-height: 38px;
	letter-spacing: 0px;
	color: #7d7d7d;
} 

/*教材 -为什么*/ 
.bk_good{
	clear: both;
	width: 100%;
	height: 1018px;
	background-color: #fff;
	box-shadow: 10px 7px 19px 1px 
		rgba(191, 191, 191, 0.4); 
}
.good_wrap{
	clear: both;  
	width: 100%;
	height: 514px; 
	position:relative;
}
 
.gleft, .gright {
	width: 87px;
	height: 87px;
	display:  table-cell;
	position: absolute;
	top: 232px;  
	border-radius: 100px;
	text-align: center;	
	vertical-align: middle;
	background-color: #f18904;  
	cursor:pointer;
}
.gleft img,.gright img{
	margin-top:25px;
} 
.gleft {
	left: 50%;
	margin: 0 0 0 -600px;
}

.gright {
	right: 50%;
	margin: 0 -600px 0  0;
}
 

.gmid{  
	width: 100%;
	height: 514px; 
	border-radius: 5px;   
	overflow:hidden; 
}
.gmid ul{
	position: relative;
	clear: both;
	width: 20000px;
	margin-left:160px;  
	height: 100%;  
}
.gmid ul li{
	position: relative;
	width: 912px;
	height: 514px; 
	margin-left:25px; 
	float:left;  
} 
.gmid ul li img{ 
	border-radius: 5px;
} 
  
.good_point_wrap{
	position: relative;
	clear: both;  
	width: 100%;
	height: 179px;  
}

.bk_good_point {
    position: absolute;  
    margin: 55px 0 0 605px ;
}

.bk_good_point a {
    text-decoration: none;
    display: inline-block; 
    font-size: 11px;
    width: 10px;
	height: 10px;
	background-color: #bfbfbf;
    line-height: 10px;  
    border-radius: 100px;
    text-indent: -9999px; 
    margin-right: 13px; 
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.bk_good_point a.active {
	width: 10px;
	height: 10px;
    background: #f18904;
    color: #fff;
    opacity: 1;  
}

/*教材 -价格*/ 
.cs_tb{
	clear: both;
	width: 100%;  
}  
.cs_tb table{ 
	width: 1280px; 
	background-color: #ffffff;
	box-shadow: 0px 15px 29px 6px 
		rgba(238, 238, 238, 0.66);
	border-radius: 5px; 
	font-family: MicrosoftYaHei; 
	table-layout:fixed;
	word-break:break-all;
           
}
.cs_tb table .trtop{
	height: 110px; 
	margin-bottom:30px;
	background-color: #f18904;
	box-shadow: 10px 7px 19px 1px 
		rgba(191, 191, 191, 0.4); 
} 

.cs_tb table th{ 
	font-size: 18px;
	font-weight: bold;   
	letter-spacing: 1px;
	color: #fff;
	text-align: center; 
	padding: 8px 0 0 0;  
} 
  
.cs_tb table tr td{
	text-align: center; 
	height:79px;  
	WHITE-SPaCE: nowrap;  
	padding: 8px 0 0 0; 
	cursor:pointer;
}
.cs_tb table tr td.cls0 b{
	display:inline-block;
	width: 12px;
	height: 12px;
	border: solid 1px #a0a0a0;
	border-radius: 100px; 
	cursor:pointer;
	margin-right:16px;
}

.cs_tb table tr td.cls0 b.on{
	background-color: #e60012;
	border: solid 1px #e60012;
}
.cs_tb table tr td.cls1{  
	font-size: 16px;
	font-weight: bold;  
	letter-spacing: 2px;
	color: #f18904;
}
.cs_tb table tr td.cls2{  
	font-size: 14px;  
	letter-spacing: 1px;
	color: #12103f;
}
.cs_tb table tr td.cls3{  
	font-size: 18px; 
	font-weight: bold;   
	letter-spacing: 2px;
	color: #12103f;
} 
.cs_tb table tr td.cls4 h3{   
	font-size: 16px;
	font-weight: bold; 
	line-height: 36px;
	letter-spacing: 1px;
	color: #e60012;
}
.cs_tb table tr td.cls4 h4{   
	font-size: 14px; 
	letter-spacing: 1px;
	color: #12103f;
}
.cs_tb table tr td span.sp1{  
	font-size: 14px;  
	letter-spacing: 1px;
	color: #e60012;
}
.cs_tb table tr td span.sp2{  
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #e60012;
}
.cs_tb table tr td span.sp3{  
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #12103f;
}
.cs_tb table tr td span.sp4{  
	font-size: 14px;  
	letter-spacing: 1px;
	color:#12103f;
}
.cs_tb table b.contact{
	width: 100px;
	height: 33px;
	background-color: #f18904;
	border-radius: 16px;  
	display: inline-block; 
	background-color: #f18904;  
	border-radius: 100px;  
	text-align: center;
	cursor:pointer;  
}
.cs_tb table b.contact h3{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;  
	letter-spacing: 1px;  
	color: #fff;
}

.tb_stat{
	clear: both;
	width: 100%;  
	height: 92px;
	background-color: #12103f;
	box-shadow: 0px 15px 29px 6px 
		rgba(238, 238, 238, 0.66);
	border-radius: 5px;
}
.tb_stat .sp1{
	width: 360px;  
	height: 100%;  
	display:inline-block; 
}
.tb_stat .sp1 h3{ 
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	margin-left:52px;
	line-height:92px;
}
.tb_stat .sp2{ 
 	float:right;
	display:inline-block;
	width: 920px;  
	height: 100%; 
}
.tb_stat .sp2 .sp21{ 
	width: 700px;  
	height: 100%; 
	display:inline-block;
	text-align:right;
}
.tb_stat .sp2 .sp21 span{  
	 margin-right:24px;
}
.tb_stat .sp2 .sp21 .ft1{   
	font-size: 16px; 
	line-height: 96px;
	letter-spacing: 1px;
	color: #fff;
}
.tb_stat .sp2 .sp21 .ft2{   
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #f18904;
}

.tb_stat .sp2 .sp21 .ft3{   
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #f18904;
}

.tb_stat .sp2 .sp22{ 
	width: 200px;
	height: 100%;
	background-color: #e60012;
	border-radius: 5px; 
	display:inline-block;
	text-align:center;
	float:right; 
	cursor:pointer;
}
.tb_stat .sp2 .sp22 h3{ 
	font-size: 25px;
	font-weight: bold; 
	line-height: 92px;
	letter-spacing: 2px;
	color: #fff;
}

/*教材-解析*/
.cs_service{
	clear: both;
	width: 100%;  
}

.sv_wrap{
	clear: both;
	width: 100%;  
}
.sv_wrap ul{
	clear: both;
	width: 100%;  
}
.sv_wrap ul li.toleft,.sv_wrap ul li.toright{  
	clear: both; 
	width: 100%;
	hegiht:510px;  
	margin-bottom:48px; 
	overflow:hidden;
} 

.sv_wrap ul li.toleft b.cover{ 
	width: 470px;
	hegiht:510px;  
}
.sv_wrap ul li.toleft .ldiv{ 
	width: 600px;
	hegiht:100%; 
	float:right; 
	margin-right:114px; 
	
} 
.sv_wrap ul li.toleft .ldiv .sp1{ 
	display:table-cell;
	width: 100%; 
	height:179px;  
	vertical-align:bottom;
	
}
.sv_wrap ul li.toleft .ldiv .sp1 h3{   
	font-family:Arial;
	font-size: 136px;
	font-weight: bold;
	font-style: italic; 
	line-height: 10px; 
	color: #f18904; 
	display: block;  
 	margin:0 0 0 -14px;
}
.sv_wrap ul li.toleft .ldiv .sp1 h4{ 
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #f18904;
	display:block; 
	margin-left:72px;
}
.sv_wrap ul li.toleft .ldiv .sp2{ 
	display:block;
	width: 100%;   
	margin-top:38px;
}
.sv_wrap ul li.toleft .ldiv .sp2 p{ 
	font-size: 14px; 
	line-height: 26px;
	letter-spacing: 1px;
	color: #12103f;  
}
.sv_wrap ul li.toleft .ldiv .sp3{ 
	display:block;
	width: 100%;   
	height:49px;  
	margin-top:51px;
}
.sv_wrap ul li.toleft .ldiv .sp3 b.contact{ 
	display:block;
	width: 167px;
	height: 49px;
	background-color: #f18904;
	border-radius: 22px;
	text-align:center;
	cursor:pointer;
}

.sv_wrap ul li.lihide{
	display:none;
}
 
.sv_wrap ul li.toleft .ldiv .sp3 b.contact h3{ 
	font-size: 16px; 
	line-height: 45px;
	letter-spacing: 2px;
	color: #ffffff;
}


.sv_wrap ul li.toright b.cover{ 
	display:inline-block;
	width: 470px;
	hegiht:510px;  
	float:right; 
}
.sv_wrap ul li.toright .ldiv{ 
	width: 600px;
	hegiht:100%;  
	margin-left:118px; 
	float:left;  
} 
.sv_wrap ul li.toright .ldiv .sp1{ 
	display:table-cell;
	width: 100%; 
	height:179px;  
	vertical-align:bottom;
	
}
.sv_wrap ul li.toright .ldiv .sp1 h3{   
	font-family:Arial;
	font-size: 136px;
	font-weight: bold;
	font-style: italic; 
	line-height: 10px; 
	color: #f18904; 
	display: block;  
 	margin:0 0 0 -14px;
}
.sv_wrap ul li.toright .ldiv .sp1 h4{ 
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #f18904;
	display:block; 
	margin-left:72px;
}
.sv_wrap ul li.toright .ldiv .sp2{ 
	display:block;
	width: 100%;   
	margin-top:38px;
}
.sv_wrap ul li.toright .ldiv .sp2 p{ 
	font-size: 14px; 
	line-height: 26px;
	letter-spacing: 1px;
	color: #12103f;  
}
.sv_wrap ul li.toright .ldiv .sp3{ 
	display:block;
	width: 100%;   
	height:49px;  
	margin-top:51px;
}
.sv_wrap ul li.toright .ldiv .sp3 b.contact{ 
	display:block;
	width: 167px;
	height: 49px;
	background-color: #e60012;
	border-radius: 22px;
	text-align:center;
	cursor:pointer;
}
 
.sv_wrap ul li.toright .ldiv .sp3 b.contact h3{ 
	font-size: 16px; 
	line-height: 45px;
	letter-spacing: 2px;
	color: #ffffff;
}

.bk_arrow{  
	width: 100%;  
	text-align:center;
} 
.bk_arrow .sarrow{   
	display:inline;
	width: 42px;
	height: 26px;  
	text-align:center;
	cursor:pointer;
} 
.bk_arrow .tips{ 
	margin-top:32px;
}
.bk_arrow .tips h3{     
	font-size: 18px; 
	font-style: italic;  
	letter-spacing: 1px;
	color: #7d7d7d;
} 

.bk_book{ 
	clear: both;  
	width: 100%;
	height: 326px; 
	margin-bottom:125px; 
}
.book_wrap{ 
	width: 100%;
	height: 219px;  
} 
.bleft{  
	width: 98px;
	height: 219px;   
	display:inline-block; 
	padding:104px 0 0 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.bmid{  
	width: 1083px;
	height: 219px;   
	display:inline-block;
	overflow:hidden; 
}
.bmid ul{
	position: relative;
	clear: both;
	width: 20000px; 
	height: 219px;  
}
.bmid ul li{
	position: relative;
	width: 171px;
	height: 219px;
	background-color: #f18904;
	border-radius: 5px;
	margin-right:57px;
	float:left; 
	cursor:pointer;
} 
.bmid ul li img{
	margin:2px 0 0 9px;
}
.bmid ul li .caption {
	position: absolute;
	left: 0; 
	top:0;
	width: 171px;
	height: 219px;
	color: #fff;  
	border-radius: 5px; 
	display:none;
	background-color: rgba(83,83,83,0.75);
} 
.bmid ul li .caption .sp1{
	margin-top:73px;
	display:block;
	width: 100%;
	height: 90px;
	text-align:center; 
} 
.bmid ul li .caption .sp1 h3{
	font-size: 14px; 
	line-height: 24px;
	letter-spacing: 1px;
	color: #fff;
} 
.bmid ul li .caption .sp1 b{ 
	width: 23px;
	height: 24px; 
	display:block;
	margin:13px 0 0 73px;
	background: url(/resources/images/web/bk_big.png) no-repeat center center;
} 


.bmid ul li:hover .caption {
	display:block;
}

.bleft b.inactive{  
	display:block;
	background: url(/resources/images/web/bk_left_inactive.png) no-repeat center center;
	width: 15px;
	height: 24px;     
	cursor:pointer;
	 
}
.bleft b.active{
	display:block;
	background: url(/resources/images/web/bk_left_active.png) no-repeat center center;
	width: 15px;
	height: 24px;     
	cursor:pointer;
}
.bright{  
	width: 90px;
	height: 219px;   
	display:inline-block; 
	padding:104px 0 0 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */ 
} 

.bright b.inactive{  
	display:block;
	background: url(/resources/images/web/bk_right_inactive.png) no-repeat center center;
	width: 15px;
	height: 24px;    
	margin-left:66px; 
	cursor:pointer; 
}
.bright b.active{
	display:block;
	background: url(/resources/images/web/bk_right_active.png) no-repeat center center;
	width: 15px;
	height: 24px;     
	float:right;
	margin-left:66px;
	cursor:pointer;
} 
 


/*视频弹框*/
.transition4 {
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -o-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all
}

.ele_videobg {
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    width: 100%;
    height:100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.ele_videoinner {
    width: 1000px;
    height: 563px;
    position: fixed;
    left: 50%;
    margin-left: -500px;
    top: 50%;
    margin-top: -281px;
    z-index: 101;
    _position: absolute;
    _margin-top: 0;
}

.ele_videoinner .close {
    background: url(/resources/images/icon24.png) no-repeat 0 -522px;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before,.video-js .vjs-control:before {
    text-align: center
}


/*注册登录*/
.lgbg{
	width: 100%;
	height: 1197px;
	margin-top: 125px; 
}
.lg_wrap{
	width: 525px;
	height: 604px;
	background-color: #fff;
	position: absolute;
	top: calc(50% - 302px);
    left: calc(50% - 213px);
}
.lg_wrap1{
	width: 525px;
	height: 528px; 
	position: absolute;
	top: calc(50% - 264px);
    left: calc(50% - 213px);
}
.lg_wrap11{
	width: 525px;
	height: 461px;
	background-color: #fff; 
}
.lg_wrap .sp1,.lg_wrap1 .sp1{
	display:block;
	width: 442px;
	height:85px;
	font-size: 27px; 
	line-height: 50px;
	letter-spacing: 0px;
	color: #12103f;
	line-height:85px;
	margin-left:42px;
	text-align:center;
	
}
.lg_wrap .line,.lg_wrap1 .line{
	display:block;
	width: 442px;
	height: 3px;
	border: solid 2px #999999;
	opacity: 0.17;
	margin-left:42px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.lg_wrap .uname,.lg_wrap1 .uname{ 
	width: 438px;
	height: 52px;
	border-radius: 3px;
	border: solid 2px #cac6c5;
	margin:14px 0 0 42px;
} 
 
.lg_wrap .uname .country{
	width: 83px;
	height: 52px; 
	float:left
}

.lg_wrap .uname .country b{
	display:block;
	width: 35px;
	height: 26px; 
	float:left;
	margin:12px 0 0 15px;
}
.lg_wrap .uname .country i{
	display:block;
	width: 14px;
	height: 13px;
	float:right; 
	margin:20px 8px 0  0; 
    width: 0;
    height: 0;
    border-width: 13px 7px 0 7px;
    border-style: solid;
    border-color: #cac6c5 transparent transparent transparent ;
}
.lg_wrap1 .uname  b{
	display:block;
	width: 115px;
	height: 26px; 
	font-size: 18px; 
	line-height: 50px;
	letter-spacing: 0px;
	color: #12103f;
	float:left;
	text-align:center;  
}
.lg_wrap1 .uname input{
	width: 320px;
	height: 52px;
	border-left: solid 2px #cac6c5; 
	font-size: 16px; 
	line-height: 52px;
	letter-spacing: 2px;
	color: #cac6c5;
	float:right;
	font-family: "MicrosoftYaHei";
	padding-left: 18px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.lg_wrap .uname input{
	width: 350px;
	height: 52px;
	border-left: solid 2px #cac6c5; 
	font-size: 16px; 
	line-height: 52px;
	letter-spacing: 2px;
	color: #cac6c5;
	float:right;
	font-family: "MicrosoftYaHei";
	padding-left: 18px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.lg_wrap .ucode{ 
	width: 438px;
	height: 52px; 
	margin:14px 0 0 42px;
} 

.lg_wrap .ucode input{
	width: 281px;
	height: 52px;
	border-radius: 3px;
	border: solid 2px #cac6c5;
	font-size: 16px; 
	line-height: 52px;
	letter-spacing: 2px;
	color: #cac6c5;
	float:left;
	font-family: "MicrosoftYaHei";
	padding-left: 18px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.lg_wrap .ucode img{ 
	width: 137px;
	height: 52px;
	float:right;
	background-color: #eeeeee;
	border-radius: 3px;
}

.lg_wrap .ucode b.on{ 
	display:block;
	width: 137px;
	height: 52px;
	border-radius: 3px;
	border: solid 2px #f18904;
	float:right; 
	font-size: 14px; 
	line-height: 46px;
	letter-spacing: 2px;
	color: #f18904;
	text-align:center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor:pointer;
}

.lg_wrap .ucode b.un{ 
	display:block;
	width: 137px;
	height: 52px;
	border-radius: 3px;
	border: solid 2px #d5d5d5;
	float:right; 
	font-size: 14px; 
	line-height: 46px;
	letter-spacing: 2px;
	color: #d5d5d5;
	text-align:center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    disabled:disabled; 
}

.lg_wrap .upwd{ 
	width: 438px;
	height: 52px; 
	margin:14px 0 0 42px;
} 

.lg_wrap .upwd input{
	width: 438px;
	height: 52px;
	border-radius: 3px;
	border: solid 2px #cac6c5;
	font-size: 16px; 
	line-height: 52px;
	letter-spacing: 2px;
	color: #cac6c5;
	float:left;
	font-family: "MicrosoftYaHei";
	padding-left: 18px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.lg_wrap .urule{ 
	width: 438px;
	height: 16px; 
	margin:14px 0 0 42px;
}
.lg_wrap .urule input{ 
	width: 16px;
	height: 16px;
	border: solid 2px #cac6c5;
	float:left;
	margin-right:10px;
} 
 
.lg_wrap .urule h5 { 
	font-size: 14px; 
	line-height: 16px;
	letter-spacing: 1px;
	color: #7d7d7d;
	float:left;
}

.lg_wrap .ubtn,.lg_wrap1 .ubtn{ 
	width: 438px;
	height: 70px;
	background-color: #ff9900;
	margin:33px 0 0 42px;
	cursor:pointer;
}
.lg_wrap .ubtn,.lg_wrap1 .ubtn{ 
	font-size: 22px; 
	line-height: 70px;
	letter-spacing: 2px;
	color: #fff;
	text-align:center;
}
.lg_wrap1 .fpwd{ 
	width: 438px;
	height: 16px;   
	margin:14px 0 0 42px;
}
.lg_wrap1 .fpwd a { 
	font-size: 14px; 
	line-height: 16px;
	letter-spacing: 1px;
	color: #cac6c5;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;text-decoration: none;
	float:right;
} 
.lg_wrap1 .fpwd a:hover,a:focus {text-decoration: none;color: #f89a0b;}

.lg_wrap1 .tips{ 
	width: 100%;
	height: 67px;
	text-align:center;
	background-color: #f2f2f2;
	font-size: 17px; 
	line-height: 67px;
	letter-spacing: 0px;
	color: #bfbfbf;
	cursor:pointer;
}

/*个人中心*/
.mh_top {
	clear: both;
	width: 100%;   
}
.mht_wrap{
	clear: both;
	width: 100%;  
}
.mht_left {
	clear: both;
	width: 277px;     
	float:left;
	margin:47px 0 0 0; 
}
.mht_left h5{
	font-size: 17px;
	font-weight: bold; 
	line-height: 23px;
	letter-spacing: 0px;
	color: #000000;   
}
.mht_left ul{
	margin-top:24px;
	width: 280px;
	height: 350px;
}
.mht_left ul li{
	width: 267px;
	height: 55px;
	background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px 
		rgba(191, 191, 191, 0.35);
	border-radius: 10px;
	margin-bottom:16px;
	float:left;
}
.mht_left ul li b{
	display:block;
	width: 17px;
	height: 15px; 
	margin:11px 0 0 10px;
	background: url(/resources/images/web/mh_file_un.png) no-repeat center center;
	float:left; 
}
.mht_left ul li span{
	display:block;
	width: 221px;
	margin:10px 5px 0 0;
	float:right; 
}
.mht_left ul li span h3{  
	font-size: 14px;
	font-weight: bold; 
	line-height: 18px;
	letter-spacing: 0px;
	color: #434343; 
}
.mht_left ul li span h4{ 
	font-size: 12px; 
	line-height: 23px;
	letter-spacing: 0px;
	color: #434343;
}
.mht_left ul li:hover h3{
	color:#f18904;
}
.mht_left ul li:hover h4{
	color:#858585;
}

.mht_right { 
	width: 980px; 
	height: 465px;
	background-color: #ffffff;
	box-shadow: 0px 4px 14px 2px 
		rgba(83, 83, 83, 0.09);    
	float:right;  
	margin:0; 
}

.mht_right .tag{
	display:block;
	width: 395px; 
	height:20px; 
	margin:56px 0 0 16px;  
}

.mht_right .tag h5{ 
	font-size: 18px;
	font-weight: bold; 
	line-height: 10px;
	letter-spacing: 0px;
	color: #12103f;
}
.mht_right .tag i{
	display:block; 
	width: 14px;
	height: 13px;
	float:right; 
	margin:-10px 8px 0  0; 
    width: 0;
    height: 0;
    border-width: 13px 7px 0 7px;
    border-style: solid;
    border-color: #000 transparent transparent transparent ;
}

.mht_right .mht_bk{
	margin:36px 0 0 20px;
	width: 940px;
	height: 313px;
	overflow:hidden; 
}

.mht_right ul{ 
	position: relative;
	margin:4px 0 0 5px;
	width: 20000px; 
}
.mht_right ul li{
	width: 210px;
	height: 303px;
	border-radius: 3px; 
	background-color: #ffffff; 
	box-shadow: 0px 0px 5px 0px 
		rgba(241, 137, 4, 0.23);
	margin-right:28px; 
	cursor:pointer;
	float:left;
	border: solid 2px transparent; 
}
.mht_right ul li.on{
	width: 210px;
	height: 303px;
	border-radius: 3px; 
	background-color: #ffffff; 
	border: solid 2px #f18904;
	margin-right:28px; 
	cursor:pointer;
	float:left;
}

.mht_right ul li b{
	display:block; 
	margin:16px 0 0 28px;
	width: 154px;
	height: 223px; 
	box-shadow: 0px 0px 3px 0px 
		rgba(241, 137, 4, 0.13); 
}

.mht_right ul li .process{ 
	display:block; 
	width: 154px;
	margin:12px 0 0 28px; 
}
.mht_right ul li .process h4{ 
	display:block; 
	font-size: 12px; 
	line-height: 10px;
	letter-spacing: 0px;
	color: #000000;
}

.mht_right ul li .probar{ 
	display:block; 
	width: 154px;
	height: 5px;
	margin:8px 0 0 0; 
	background-color: #eee;
	border-radius: 2px;
}
.mht_right ul li .probar .cur{ 
	display:block; 
	width: 50%; 
	height: 5px;
	background-color: #f18904;
	border-radius: 2px;
}

.mht_point_wrap{
	margin:0 0 0 20px;
	clear: both;  
	width: 940px; 
	height: 30px;  
}

.mht_bk_point { 
    float:right;  
    margin: 15px 0 0 0 ;
}

.mht_bk_point a {
    text-decoration: none;
    display: inline-block; 
    font-size: 11px;
    width: 10px;
	height: 10px;
	background-color: #bfbfbf;
    line-height: 10px; 
    background: #fff;
    color: #4E443C;
    border-radius: 100px;
    text-indent: -9999px; 
    margin-right: 7px; 
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.mht_bk_point a.active {
    background: #f18904;
    color: #fff;
    opacity: 1; 
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
 
.mh_foot {
	clear: both;
	width: 100%;   
}
.mhf_wrap{
	clear: both;
	width: 100%;  
}
.mhf_left { 
	width: 228px;      
	float:left; 
} 
.mhf_left ul{  
	width: 228px;   
}
.mhf_left ul li {  
	display:block;
	width: 228px;
	height: 229px; 
	padding-top:1px; 
	box-shadow: 0px 4px 14px 2px 
		rgba(83, 83, 83, 0.14);  
	background:#fff;
	 
}
.mhf_left ul li b{
	display:block;
	width: 53px;
	height: 65px;
	margin:68px 0 0 88px; 
	background: url(/resources/images/web/mh_bk_close.png) no-repeat center center;   
}
.mhf_left ul li h4{ 
	font-size: 16px;  
	letter-spacing: 0px;
	color: #313131;
	line-height:50px;
	text-align:center;
}
 
.mhf_left ul li.lock h4{ 
	opacity:0.29;
}
.mhf_left ul li.lock b{ 
	opacity:0.29;
}
.mhf_left ul li.on {    
	border-left:6px solid #f18904;  
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: none;  
}
.mhf_left ul li.on b{   
	width: 69px;
	height: 51px;
	margin:68px 0 0 76px; 
	background: url(/resources/images/web/mh_bk_open.png) no-repeat center center;   
}

.mhf_right{
	width: 994px; 
	background-color: #fff;
	box-shadow: 0px 4px 14px 2px 
		rgba(83, 83, 83, 0.09);
	float:right; 
}
.mhf_right h2{ 
	font-size: 21px;
	font-weight: bold; 
	line-height: 50px;
	letter-spacing: 1px;
	color: #313131;
	text-align:center;
	margin:53px 0 36px 0;
}
 
.mhf_right dl{
	clear: both;
	width: 837px; 
	margin:0 0 59px 78px;  
}
.mhf_right .lv0{ 
	width: 836px;
	height: 38px;
	background-color: #ff9900;
	border-radius: 5px;
	margin:0 0 59px 78px;  
	cursor:pointer;
}
.mhf_right .lv0 h3{
	display:block;
	width:500px;
	font-size: 16px;
	font-weight: bold; 
	line-height: 38px;
	letter-spacing: 1px;
	color: #fff;
	margin-left:51px;
}
.mhf_right .lv0 i{
	display:block;
	width: 12px;
	height: 6px;
	float:right;
	margin:-20px 18px 0 0; 
}
.mhf_right .lv0 i.up{
	background: url(/resources/images/web/mh_ch_up.png) no-repeat center center;  
}
.mhf_right .lv0 i.down{
	background: url(/resources/images/web/mh_ch_down.png) no-repeat center center;  
}

.mhf_right dl dt{
	clear: both;
	width: 100%;   
	margin:55px 0 39px 51px;
	cursor:pointer;
}
.mhf_right dl dt .dot{
 	display:inline-block;
    border-radius: 100px;
  	width: 12px;
	height: 13px;
	background-color: #ff9900;
    margin: -15 8px 0 13px;   
}
.mhf_right dl dt h3 {
	display: inline-block;
	font-size: 16px;
	font-weight: bold; 
	line-height: 30px;
	letter-spacing: 1px;
	color: #434343;
	margin-left:11px;
	
}
.mhf_right dl dt .up{
	clear: both;
 	display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 7px 13px 7px;
    border-style: solid;
    border-color: transparent transparent black transparent ; 
    margin-left:12px;
}
.mhf_right dl dt .down{
	clear: both;
	margin-left:12px;
 	display: inline-block;
    width: 0;
    height: 0;
    border-width: 13px 7px 0 7px;
    border-style: solid;
    border-color: black transparent transparent transparent ;
}
.mhf_right dl dd{
	clear: both;
	width: 100%;  
	height: 65px;
	background-color: rgba(238,238,238,0.51);  
	border-bottom: solid 2px rgba(210,210,210,0.32);   
}
.mhf_right dl dd .toleft{
	display:block;
	width: 900;  
	height: 65px;
	float:left;   
	font-size: 16px; 
	line-height: 65px;
	letter-spacing: 0px;
	color: #5e6068;
	padding-left:51px;
}
.mhf_right dl dd .toright{
	display:block; 
	height: 65px;
	margin-right:18px;
	float:right;       
} 
.mhf_right dl dd .probar{ 
	display:inline-block; 
	width: 116px;
	height: 3px; 
	margin:30px 29px 0 0;
	float:left;
	background-color: #eee;
	border-radius: 2px;
}
.mhf_right dl dd .probar .cur{ 
	display:block; 
	width: 50%; 
	height: 3px;
	background-color: #f18904;
	border-radius: 2px;
}
.mhf_right dl dd .info{ 
	display:block; 
	width: 91px;
	height: 65px;   
	float:right; 
}

.mhf_right dl dd .btn{ 
	width: 69px; 
	height: 31px;
	background-color: #f18904;
	border-radius: 5px;
	font-size: 12px; 
	line-height: 31px;
	padding-left:22px;
	letter-spacing: 0px;
	color: #fff; 
	vertical-align: middle;
	margin-top:20px; 
	display:none;
	cursor:pointer;
} 

.mhf_right dl dd .time{  
	font-size: 14px; 
	line-height: 34px;
	letter-spacing: 1px;
	margin:18px 13px 0 0;
	color: #7d7d7d;
	float:right;
}
.mhf_right dl dd:hover .toright{
	 
}
.mhf_right dl dd:hover .btn{
	display: block;
}
.mhf_right dl dd:hover .probar {
	 
}
.mhf_right dl dd:hover .time {
	display:none;
}

/*弹框*/
.Basic_dvi_red{ padding-right:17px; height:37px; border-radius:3px; border:1px solid #f6b9b9; background:#ffe4e4; font-size:14px; color:#b94a48; line-height:37px; text-align:center; position:absolute; top:50%; z-index:9999;left:50%; margin-left:-60px;}
.Basic_dvi_red strong{ display:block; display:inline-block; width:17px; height:17px; background:url(/resources/images/shoujiok2.png) no-repeat; float:left!important; margin-top:10px; margin-left:5px; margin-right:2px;}
.Basic_dvi_red p{ float:left!important; margin:auto;  margin-left:9px;}

.Basic_dvi_green{ padding-right:17px; height:37px; border-radius:3px; border:1px solid #bfd3af; background:#def1d7; font-size:14px; color:#468847; line-height:37px; text-align:center; position:absolute; top:20%; z-index:9999; left:50%; margin-left:-60px;}
.Basic_dvi_green strong{ display:block; display:inline-block; width:17px; height:17px; background:url(/resources/images/shoujiok.png) no-repeat; float:left; margin-top:10px; margin-left:5px; margin-right:2px;}
.Basic_dvi_green p{ float:left;margin-left:9px;}


/*pages*/
.page_ct .pages span{line-height:normal; clear:both; float:none;display:inline-block;}
.pages a.on{background-color:#4c4c4c; margin-left:4px; border:1px solid #4c4c4c;}
.pages .current{border:1px #f89a0b solid; padding:8px 12px 8px 12px; background-color:#f89a0b; color:#fff; margin-left:4px;}
.pages  a{border:1px #cccccc solid;padding:8px 12px 8px 12px; color:#ccc; display:inline-block; margin-left:4px;}
.pages{text-align:center; clear:both; height:40px; width:100%; font-family:"微软雅黑"; font-size:14px; font-weight:600; display:inline-block; margin:20px auto 0 auto;}
.pages  a:hover{border:1px #f89a0b solid;padding:8px 12px 8px 12px; background:#f89a0b; color:#fff;}
a.pages-no:hover{background:none; border:1px solid #cccccc; color:#ccc;}

.activity_suz {
	text-align: center;
	clear: both; 
	width: 100%;   
	margin: 20px auto 0 auto;
}

.spage-total {
    display: inline-block;
    margin-right: 20px;
    line-height: 35px;
    color: #666;
    font-size: 14px
}

.spage-number {
    display: inline-block; 
    font-size: 14px
}

.spage-number span {
	width: 45px;
	height: 45px;
	background-color: #cccccc;
	box-shadow: 2px 1px 4px 0px  rgba(112, 112, 112, 0.28);
	border-radius: 100px;
    z-index: 3
	cursor: pointer;
	display: block; 
	font-size:14px; 
	font-weight:600;
	text-align: center;
	line-height: 38px;
	color: #fff; 
	margin-left:8px; 
	float: left;
	padding:4px 0 0 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	cursor:pointer;
}

.spage-number span.active {
    width: 45px;
	height: 45px;
	background-color: #f18904;
	box-shadow: 2px 1px 4px 0px rgba(112, 112, 112, 0.28);
	border-radius: 100px;
    z-index: 3
}

 
.spage-number span:hover {
    background: #f18904; 
}

.spage-number span.span-disabled {
    cursor: not-allowed;
    color: #fff;
}

.spage-skip {
    display: inline-block;
    margin-left: 20px;
    line-height: 35px;
    color: #666;
    font-size: 14px
}

.spage-skip input {
    box-sizing: border-box;
    display: inline-block;
    width: 45px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
    outline: none;
    transition: all .2s
}

.spage-skip input:focus {
    border-color: #2d98e6
}

.spage-skip span {
    display: inline-block;
    padding: 0 14px;
    line-height: 33px;
    vertical-align: top;
    color: #666;
    outline: none;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: all .2s
}

.spage-skip span:hover {
    background: #2d98e6;
    color: #fff;
    border: 1px solid #2d98e6
}
/*播放页面*/
.memvideo{
	clear: both;
	width: 100%;
	height: 100%;
	background-color: #ffffff;  
}
.mv_left {
	clear: both;
	width: 345px;  
	float:left;
	margin:0; 
}
.mv_info { 
	overflow: hidden;
   	zoom: 1;
	width: 345px;
	height: 219px;
	margin:0; 
	background: url(/resources/images/web/minfobg.png) no-repeat center center;
}
.mv_info b{
	width: 34px;
	height: 34px; 
	display:block;  
	margin:40px 0 0 40px;
}
.mv_info b img{ 
 	border-radius:50%;
}
.mv_info .sp0{
	display:block;  
	width: 287px; 
	margin:23px 0 0 40px;
}
.mv_info .sp0 h4{
	font-size: 22px;
	font-weight: bold; 
	line-height: 18px;
	letter-spacing: 1px;
	color: #fff;   
}
.mv_info .sp0 h5{
	font-size: 16px; 
	line-height: 23px;
	letter-spacing: 0px;
	margin-top:16px;
	color: #fff;   
}
.mv_bar { 
	overflow: hidden;
   	zoom: 1;
	margin:0;
	width: 345px;
	height: 80%;
	background-image: linear-gradient(#171a1c, #171a1c), linear-gradient(#f18904,#f18904);
	background-blend-mode: normal,normal;
}
.chpul{
	margin:0;
	width: 345px;
	margin:45px 0 0 0; 
} 
.chpul dl{
	clear: both;
	width: 345px; 
	margin:20px 0 10px 0;  
} 
.chpul .lv0{
	overflow: hidden;
   	zoom: 1;
	width: 287px;
	height: 70px;   
	margin:0; 
	border-bottom:1px solid #fff;
	cursor:pointer;
	margin-left:40px;
}  
.chpul .lv0 h3{ 
	width:500px;
	font-size: 16px; 
	line-height: 30px;
	letter-spacing: 1px;
	color: #fff; 
	margin-top:20px;
} 
.chpul dl dd{
	clear: both;
	width: 100%;  
	height: 40px;  
	cursor:pointer;
	margin-top:10px; 
}
.chpul dl dd:hover .toleft {
	color: #85878f; 
}
.chpul dl dd:hover .toright span h4 {
	color: #85878f; 
} 
.chpul dl dd.on .line{
	display:block;
}

.chpul dl dd.on .toleft { 
	color: #f18904; 
}
.chpul dl dd.on .toright span h4 {
	color: #f18904; 
} 
.chpul dl dd.on .arr{ 
	 
}
.chpul dl dd .sp0{ 
	width: 40px;  
	height:40px;   
	float:left;    
	display:block;
}
.chpul dl dd .line{ 
	width: 5px;  
	height:40px;  
	background:#f18904;
	float:left;    
	display:none;
}
.chpul dl dd .toleft{
	display:block;
	width: 200px;  
	height: 40px;
	float:left;   
	font-size: 14px; 
	line-height: 50px;
	letter-spacing: 0px;
	color: #6b6d76;  
}
.chpul dl dd .toright{
	display:block; 
	height: 40px;
	margin-right:20px;
	float:right;   
}  
.chpul dl dd .toright h4{ 
	font-size: 12px; 
	line-height: 40px;
	letter-spacing: 1px;
	margin:4px 0 0 0; 
	float:right; 
	color: #7d7d7d;      
} 
.chpul dl dd .arr{   
	margin:21px 0 0 -30px;  
	width: 0;
    height: 0;
    border-top: 6px solid transparent ;
    border-left: 6px solid #f18904;
    border-bottom: 6px solid transparent ;
    display:none; 
}  
.vd_right {  
	height: 100%;
	background-color: #333;   
	float:right;  
	margin:0; 
}
.macc_line {
	clear: both;
	width: 100%;
	height: 40px; 
}
.macc_line .sp0 {
	display:block;
	width: 100%;
	height:32px; 
}  
.macc_line .sp0 .line{
	width: 7px;
	height:15px;
	background-color: #f3992b; 
	float:left;
}
.macc_line .sp0 h4{ 
	font-size: 18px;
	font-weight: bold; 
	line-height:15px;
	letter-spacing: 1px;
	color: #12103f;
	margin-left:22px;
}

.macc_line .sp1{ 
	display:block;
	width: 100%;
	height:6px;
	background-color: #f18904;
}
.macc_line .minfo{
	width: 846px;
	height: 605px;
	margin:51px 0 0 123px; 
}
.macc_line .linfo{
	width: 190px;
	height: 100%;
	float:left;
} 
.macc_line .linfo b { 
	width: 123px;
	height: 123px;
	display:block; 
	margin-top:38px;
} 
.macc_line .linfo  b img {  
 	border-radius:50%;
} 
.macc_line .rinfo{
	width:656px;
	height: 100%;
	float:right;
} 
.macc_line .rinfo .nleft { 
	width:180px;
	height:46px;
	line-height:46px;
	font-size: 16px; 
	text-align:right;
	color:#12103f;
}

.macc_line .rinfo .nright { 
	width:470px;
	height:46px;
	line-height:46px;
	font-size: 16px;  
	text-align:left;
}

.macc_line .rinfo .top-part3 {
	overflow: hidden;
	padding: 18px 0; 
	color: #666;
	box-sizing: border-box;
	margin-top:-10px;
}
.macc_line .rinfo input{
	width: 476px;
	height: 46px;
	border: solid 2px #dcdcdc; 
	font-size: 16px;  
	font-weight: normal; 
	line-height: 46px;
	letter-spacing: 0;
	color: #7d7d7d;
	padding:18px 0 18px 15px;
	box-sizing: border-box;
}

.minfosub{ 
	clear:both;
	width: 100%; 
	height:44px;  
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center; 
	margin:0px;
} 
.minfosub .lbl{ 
	clear:both; 
	width: 166px;
	height: 44px; 
	text-align:center;  
	margin-bottom:10px; 
	background-color: #ff9900;
	border-radius: 3px;
	cursor:pointer;
} 
.minfosub .lbl h5{     
	font-size:16px;
	line-height: 44px; 
	font-weight: bold;  
	letter-spacing: 2px;
	color: #fff;
}