﻿
@charset "utf-8";

/*------------------------------- index 首页---------------------------------*/

/*-----首页 about-----*/

.iabout {

	height: 441px;

	background: url(../images/k3.png) center top no-repeat;

	margin-top: 49px !important;

	box-sizing: border-box;

	padding-left: 349px;

}

.iabout h4 {

	width: 600px;

	padding: 94px 0 0;

	color: #000;

	font-size: 18px;

	font-weight: bold;

}

.iabout h6 {

	width: 600px;

	padding: 0 0 0;

	color: #000;

	font-size: 14px;

}

.icontent {

	width: 600px;

	color: #fff;

	line-height: 35px;

	font-size: 14px;

	padding: 30px 0 0

}

/*班级设置 index*/

.banji {

}

.iname {

	text-align: center;

	font-size: 24px;

	color: #000;

	padding: 60px 0 10px;

	background: url(../images/k1.gif) center bottom no-repeat;

}

.ibul {

	width: 106%;

	padding: 12px 0 0

}

.ibul li {

	float: left;

	width: 320px;

	height: 320px;

	overflow: hidden;

	position: relative;

	margin: 19px 20px 0 0

}

.ibul li a:hover img {

	transform: scale(1.1, 1.1);

	transition: 0.5s

}

.ibul li a .zhe {

	position: absolute;

	left: 0;

	top: 0;

	width: 260px;

	height: 320px;

	background: rgba(27,28,23,0.5);

	padding: 0 30px;

}

.ibul li a .zhe h4 {

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	padding: 32px 0 0

}

.ibul li a .zhe span {

	display: block;

	color: #fff;

	font-size: 14px;

	padding: 5px 0 0

}

/*---造型index-----*/

.izao {

	background: url(../images/k4.png) center bottom no-repeat;

	height: 576px

}

/*.slideBox02{width:1000px; height:427px; overflow:hidden; position:relative;padding:48px 0 0}

.slideBox02 .hd{height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}

.slideBox02 .hd ul{overflow:hidden; zoom:1; float:left;}

.slideBox02 .hd ul li{float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}

.slideBox02 .hd ul li.on{background:#f00; color:#fff;}

.slideBox02 .bd02{position:relative; height:427px; z-index:0; width:1000px; margin:0 auto; overflow:hidden;}

.slideBox02 .bd02 li{zoom:1; vertical-align:middle;height:427px;}

.slideBox02 .bd02 li .img{float:left;width:306px; height:427px;}

.slideBox02 .prev,

.slideBox02 .next{position:absolute; right:58px; bottom:50px; margin-top:-37px; display:block; width:63px; height:38px; background:url(../images/k2.gif) no-repeat;}

.slideBox02 .next{width:58px; left:auto; right:0; background:url(../images/k3.gif) no-repeat;}

.slideBox02 .prev:hover,

.slideBox02 .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}

.slideBox02 .prevStop{display:none;}

.slideBox02 .nextStop{display:none;}*/

.izright {

	float: left;

	width: 648px;

	padding: 0 0 0 40px;

}

.izright h2 {

	font-size: 24px;

	color: #fff;

	padding: 50px 0 0

}

.izright h4 {

	font-size: 16px;

	color: #fff;

	padding: 5px 0 0

}

.izright span {

	display: block;

	line-height: 33px;

	font-size: 14px;

	color: #fff;

	padding: 40px 0 0

}

.izao_amore {

	position: absolute;

	right: 0;

	top: 195px;

	color: #fff;

	text-transform: uppercase;

	font-size: 24px;

	z-index: 22;

}

/*---成果----*/

.icheng h2 {

	background: url(../images/k4.gif) left top no-repeat;

	height: 66px;

	color: #666666;

	font-size: 14px;

	padding: 45px 0 0 88px;

}

.icheng h2 label {

	font-size: 24px;

	color: #000;

}

.accordion {

	width: 1180px;

	overflow: hidden;

	height: 330px;

	margin: 44px auto 0;

}

.accordion ul li {

	margin: 0 1px 0 0;

	overflow: hidden;

	background-repeat: no-repeat;

	float: left;

	width: 180px;

	height: 330px;

	cursor: pointer;

	position: relative;

}

.accordion ul li.active {

	width: 460px;

}

.accordion ul li a {

	display: block;

	width: 180px;

	height: 330px;

	cursor: pointer;

}

.accordion ul li a span {

	position: absolute;

	left: 0;

	top: 0;

	background: rgba(0,0,0,0.6);

	width: 460px;

	transition: 0;

	height: 330px;

}

.accordion ul li.active span {

	display: none;

}

.accordion ul li .iccon {

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	padding-left: 32px;

	width: 428px;

	height: 330px;

	display: none;

}

.accordion ul li.active .iccon {

	display: block;

}

.accordion ul li .iccon h4 {

	font-size: 14px;

	color: #fff;

	padding: 230px 0 0;

	height: 30px;

}

.accordion ul li .iccon h4 b {

	font-size: 24px;

}

.accordion ul li .iccon p {

	font-size: 16px;

	color: #fff;

	padding: 10px 0 0

}

.ic_more {

	display: block;

	width: 100%;

	color: #fff;

	font-size: 20px;

	line-height: 48px;

	text-align: center;

	margin: 29px 0 0

}

/*---风采----*/

.ifeng_fr {

	float: right;

	width: 467px;

	background: url(../images/k5.png) right bottom no-repeat;

	height: 452px;

}

.if_con {

	padding: 65px 0 0 37px;

}

.if_con img {

	float: left;

}

.if_crr {

	float: right;

	width: 188px;

	padding: 0 25px 0 0

}

.if_crr h4 {

	font-weight: bold;

	font-size: 24px;

	color: #fff;

	display: block;

	padding: 100px 0 0;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.if_crr span {

	display: block;

	font-size: 16px;

	color: #fff;

	padding: 5px 0 0;

	line-height: 20px;

	height: 80px;

	overflow: hidden;

}

.if_crr .icc {

	color: #fff;

	font-size: 16px;

}

/*---------------------------------------------------------新页面--------------------------------------------------------------*/

/****首页公告****/

.index_gonggao {

	background: #efefef;

	padding-top: 10px;

}

.index_gonggao01 {

	width: 1100px;

	margin: 0 auto;

	height: 35px;

	color: #333;

	font-size: 14px;

}

.index_gonggao01 marquee {

	float: left;

	width: 1000px;

	color: #4c4c4c;

	font-size: 16px;

	line-height: 35px;

}

.index_gonggao01 span {

	float: left;

	width: 100px;

	color: #2ba298;

	font: 700 18px/35px "Microsoft YaHei";

}

/****首页课程设置****/

.slideBox02 {

	width: 1100px;

	height: 524px;

	overflow: hidden;

	position: relative;

}

.slideBox02 .hd {

	height: 50px;

	overflow: hidden;

	width: 100%;

	text-align: center;

	position: absolute;

	right: 0;

	bottom: 5px;

	z-index: 1;

}

.slideBox02 .hd ul {

	overflow: hidden;

	zoom: 1;

fl/oat:left;

}

.slideBox02 .hd ul li {

fl/oat:left;

	display: inline;

	margin-right: 2px;

	padding: 10px 8px;

	line-height: 14px;

	text-align: center;

	cursor: pointer;

	font-size: 0;

	background: url(../images/dd01.png) no-repeat center center;

}

.slideBox02 .hd ul li.on {

	color: #fff;

	background: url(../images/dd02.png) no-repeat center center;

}

.slideBox02 .bd02 {

	position: relative;

	height: 463px;

	z-index: 0;

	width: 1104px;

	margin: 0 auto;

	overflow: hidden;

}

.slideBox02 .bd02 li {

	zoom: 1;

	vertical-align: middle;

	height: 463px;

}

/* */

.slideBox02 .prev, .slideBox02 .next {

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -37px;

	display: block;

	width: 46px;

	height: 74px;

}

.slideBox02 .next {

	left: auto;

	right: 0;

}

.slideBox02 .prev:hover, .slideBox02 .next:hover {

	opacity: .7;

	filter: alpha(opacity=70);

	-ms-filter: "alpha(opacity=70)";

	-khtml-opacity: .7;

}

.slideBox02 .prevStop {

	display: none;

}

.slideBox02 .nextStop {

	display: none;

}

.index_banji {

	background: #efefef;

}

.index_banji01 {

	width: 1100px;

	margin: 0 auto;

}

.index_banji02 {

	padding-top: 37px;

	line-height: 45px;

	height: 88px;

	text-align: center;

	font-size: 24px;

	color: #636363;

}

.index_banji03 {

}

.index_banji04 {

	float: left;

	width: 219px;

	height: 389px;

	position: relative;

	overflow: hidden;

	margin: 42px 1px 0 0;

}

.index_banji05 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/index_banji02.png) 0 0 no-repeat;

	text-align: center;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

.index_banji05 h2 {

	font-size: 18px;

	color: #1c1c1c;

	line-height: 30px;

	overflow: hidden;

	height: 30px;

	margin-top: 220px;

}

.index_banji05 span {

	display: none;

	font-size: 14px;

	color: #686868;

	line-height: 22px;

	height: 44px;

	overflow: hidden;

	padding: 0 20px;

	margin-top: 16px;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

.index_banji05:hover {

	background: url(../images/index_banji03.png) 0 0 no-repeat;

}

.index_banji05:hover span {

	display: block;

}

.index_banji06 {

	text-align: center;

	padding-top: 53px;

}

.index_banji05:hover .index_banji06 {

	display: none;

}

.index_banji07 {

	display: none;

	text-align: center;

	padding-top: 25px;

}

.index_banji05:hover .index_banji07 {

	display: block;

}

/****首页招生简章****/

.index_zsjz {

	width: 1100px;

	margin: 22px auto 0;

	height: 508px;

	background: url(../images/jindex_jz01.jpg) 0 20px no-repeat;

}

.index_zsjz01 {

	padding-top: 37px;

	line-height: 45px;

	height: 88px;

	margin-left: 135px;

	text-align: center;

	font-size: 24px;

	color: #636363;

}

.index_zsjz01 span {

	display: block;

}

.index_zsjz02 {

	padding: 0 0 0 445px;

}

.index_zsjz03 {

	font-size: 16px;

	height: 288px;

	line-height: 2;

	color: #828282;

	padding-top: 27px;

}

.index_zsjz05 a {

	float: right;

	margin: 11px 10px 0 0;

	display: block;

	width: 87px;

	height: 26px;

	background: url(../images/index_jz03.jpg) 0 0 no-repeat;

}

.index_zsjz05 a:hover {

	background: url(../images/index_jz04.jpg) 0 0 no-repeat;

}

/****首页教学成果****/

.index_case01 {

	width: 1100px;

	margin: 0 auto;

}

.index_case02 {

	padding-top: 40px;

	line-height: 45px;

	height: 85px;

	text-align: center;

	font-size: 24px;

	color: #636363;

}

/****首页新闻****/

.proname {

	text-align: center;

	color: #999;

	font-size: 45px;

	font-family: "Times New Roman", Times, serif;

	font-weight: bold;

	text-transform: uppercase;

}

.index_news {

}

.index_news01 {

	width: 1100px;

	margin: 0 auto;

	overflow: hidden;

}

.index_news02 {

	padding-top: 37px;

	text-align: center;

	line-height: 45px;

	height: 88px;

	width: 630px;

	margin: 0 auto;

	font-size: 24px;

	color: #636363;

}

.index_news03 {

	display: block;

	overflow: hidden;

	width: 104%;

	padding: 36px 0 28px;

}

.index_news03 li {

	float: left;

	width: 529px;

	height: 127px;

	background: url(../images/index_news03.jpg) 7px 7px no-repeat;

	margin: 0 43px 21px 0;

}

.index_news03 li img {

	float: left;

}

.index_news03 li .irr {

	float: right;

	width: 304px;

	padding: 7px 24px 0;

	height: 113px;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

.index_news03 li .irr h4 {

	font-size: 18px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	color: #1c1c1c;

	padding: 5px 0 0;

	line-height: 36px;

	height: 36px;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

.index_news03 li .irr span {

	display: block;

	font-size: 14px;

	line-height: 18px;

	height: 53px;

	overflow: hidden;

	color: #828282;

	padding: 7px 0 0;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

.index_news03 li a:hover h4 {

	color: #2ba298

}

.index_news03 li:hover .irr {

	background: #333;

}

.index_news03 li:hover .irr span {

	color: #d4d4d4;

}

/****首页联系我们****/

.index_contact {

	background: #efefef;

}

.index_contact01 {

	width: 1100px;

	margin: 0 auto;

}

.index_contact02 {

	padding-top: 37px;

	text-align: center;

	line-height: 45px;

	height: 88px;

	width: 630px;

	margin: 0 auto;

	font-size: 24px;

	color: #636363;

	border-bottom: #bbbbbb solid 1px;

}

.index_contact03 {

	padding-top: 25px;

	text-align: center;

	font-size: 16px;

	color: #1c1c1c;

}

.index_contact04 {

}

.index_contact04 dl {

	float: left;

	text-align: center;

	width: 270px;

	padding: 60px 0 0;

}

.index_contact04 dl dt {

}

.index_contact04 dl dd span {

	display: block;

	font-size: 20px;

	color: #333;

	padding: 21px 0 25px;

}

.index_contact04 dl dd {

	font-size: 14px;

	color: #565656;

	line-height: 20px;

}

.index_contact04 dl.index_contact05 {

	padding: 60px 145px;

}

.index_contact04 a {

	color: #333;

}

.index_contact04 a:hover {

	color: #000;

}

