body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font {padding:0;margin: 0;
font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-size:14px;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;vertical-align:top;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
ol, ul, li, dl, dt, dd {list-style:none;}
input, button, textarea, checkbox, select, radio, form {vertical-align:top;}
a{blr:expression(this.onFocus=this.blur()); color:#262626; text-decoration:none;outline:none; }
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; } 
area{blr:expression(this.onFocus=this.blur()); } 
a:focus{-moz-outline-style: none;}
p{ font-size:14px; line-height:24px;text-align:justify; color:#000;}
i, em{font-style:normal;}
.l{float:left;}
.r{float:right;}
img{border: medium none;}
.red{ color:red;}
.red a{ color:red;}
.clear {font-size:0;line-height:0;clear:both;overflow:hidden;zoom:1;}
.blank {height:10px;font-size:0;line-height:0;clear:both;overflow:hidden;}
.blank2 {height:20px;font-size:0;line-height:0;clear:both;overflow:hidden;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}
.clearfix{*zoom:1;}
.clean {clear:both;}
.RedTop, .RedTop a {color:#dd71a9}
._clear{clear:both}
._flex{display:flex}
._left{float:left}
._right{float:right}
/*====================== 页面层容器 ======================*/
#Container {width:100%; margin:0 auto; background:#fff}



/*====================== 页面顶部 ======================*/
/*hear部分*/
#Header {width:100%; margin:0 auto; height:auto;}
#Toper{width:100%; margin:0 auto; overflow:hidden; height:274px; position:relative;}
#logo{ position:absolute; top:30px; clear:both; width:100%; height:240px;background:#3f3f3f/* url(../Img/Index_Img/logo_a.png) repeat-x*/;}
#logo a{position:absolute;top:22px;left:45%; }
#Toper .logo_di{ position:absolute; top:270px; clear:both; width:100%; height:4px; background:url(../images/logo_di.png) repeat-x;}

#tell { width:100%; position:absolute;height:30px;background:#808080; top:0; right:0; border-bottom:2px solid #000;}
#tell ul { position:absolute; width:450px; height:28px; line-height:28px; overflow:hidden; right:23%;}
#tell ul li{float:right; margin:0 3px; font-size:12px; line-height:28px; color:#fff;}
#tell ul li a{ color:#fff;}
#tell_pic {width:420px; height:28px; line-height:28px; position:absolute; top:0px; color:#fff; letter-spacing:1.5px; left:23%;}
/* MenuNav */
#MenuNav{ height:60px; background:url(../images/logo_di.png) repeat-x bottom;}
#MenuNav ul{width:1000px; height:50px; line-height:50px; background:url(../images/nav.jpg) no-repeat left bottom; margin:0 auto; margin-top:6px;}
#MenuNav li {float:left; font-weight:bold; line-height:56px;}
#MenuNav li a {color:#fff; display:block; width:98px; text-decoration:none; padding:0 1px; text-align:center;font-size:0px;}	

/*banner部分*/
.banner{ width:100%; height:600px; text-align:center; margin:0 auto; background:url(../images/pifu.jpg) no-repeat center top;}
.banner img{ text-align:center; margin:0 auto;overflow:hidden;}


/*皮肤管理项目*/
.showcase{ margin:80px 0 60px 0;}
.showcase .items{ width:1100px; margin:100px auto auto auto;}
#og-grid > .mix{display: none;}
.og-grid { list-style: none; margin: 0 auto; text-align: center; width: 100%;}
.og-grid li { display: inline-block; margin: 0 21px 30px 0; vertical-align: top; height: 180px; width: 250px;}
.og-grid li > a,.og-grid li > a img { border: none; outline: none; display: block; position: relative; max-width: 100%; height: 180px;}
.og-grid li.og-expanded > a::after { top: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #43464B;
	border-width: 15px; left: 50%; margin: -20px 0 0 -15px;}
.og-grid .mix > a {
	display:block;
	overflow:hidden;
	position:relative;
}

.og-grid .mix a img {
	-webkit-transition: all 0.6s ease 0s;
	   -moz-transition: all 0.6s ease 0s;
		 -o-transition: all 0.6s ease 0s;
			transition: all 0.6s ease 0s;
}

.og-grid .mix a:hover img {
	-webkit-transform: scale(1.2) rotate(6deg);
	   -moz-transform: scale(1.2) rotate(6deg);
		-ms-transform: scale(1.2) rotate(6deg);
		 -o-transform: scale(1.2) rotate(6deg);
			transform: scale(1.2) rotate(6deg);
}
.hover-mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(43, 44, 48, 0.8);
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 600ms ease-out 0s;	
	   -moz-transition: all 600ms ease-out 0s;
		 -o-transition: all 600ms ease-out 0s;
		    transition: all 600ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.hover-mask h3 {
	color:#ddd;
	font-size:17px;
	position:relative;
	text-transform:uppercase;
	top:90px;
}

.hover-mask .hr0{
	width:90%;
    margin:auto;
	position:relative;
	top:90px; 
    height:1px;
	border:none;
	border-top:1px solid #fff;
	}

.hover-mask span {
	background:url(../images/search.png) no-repeat;
	width:30px;
	height:30px;
	top: 22%;
	left: 42%;
	padding: 0px 0;
	position: absolute;
	text-align: center;
	
}

.og-grid .mix a:hover .hover-mask {
	opacity: 1;
	filter: alpha(opacity=100);	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}




/*为什么要皮肤管理*/
.pifu{ margin:5px 0 100px 0;}
.pifu .conter{ width:1100px; margin:5px auto auto auto;}
.pifu .conter .lf{ float:left;}
.pifu .conter .lf img{ width:96%;}
.pifu .conter .cont{ float:left;}
.pifu .conter .rg{ width:355px; float:right; margin-top:20px;}


/*学习优势*/
.youshi{ width:100%;}
.b3{width:100%; height:500px; background:url(../images/youshi.jpg) no-repeat;}
.byj{width:1100px; height:400px; margin:50px auto;  padding-top:60px;}
.byj ul{ padding:0 60px; display:block; margin:0;}
.byj ul li{width:326px; height:128px; display:block; float:left; border-right:1px solid #898787; border-bottom:1px solid #898787;}
.byj ul li.spe4{border-right:none;}
.byj ul li.spe5{border-bottom:none;}
.byj ul li img{margin:28px 20px 0 35px; float:left;}
.byj ul li.spe6 img{margin:28px 20px 0 0px;}
.byj ul li h2{font-size:17px; font-weight:lighter; padding-top:38px; color:#FFF;}
.byj ul li p{font-size:14px; color:#999;}


/*项目*/
.xm{ width:100%; margin:60px auto 40px auto;}
.xm-cont{ width:1100px; height:220px; margin:auto;}
.xm-rgt{
	width:350px;
	height:220px;
	float:left;
	margin-right:24px; 
}
.rg{
	width:350px;
	height:220px;
	float:left;
	margin-right:0px;

}
.view {
  width: 100%;
  margin: 0px;
  float: left;
  border: 0px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #e6e6e6;
  -moz-box-shadow: 1px 1px 2px #e6e6e6;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor:pointer;
}
.view .mask{
   width: 100%;
   height: 100px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   padding:10em 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
    text-transform: capitalize;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 20px;
	padding: 6px 0;
	margin: 0 0 0 0;
	font-family: "微软雅黑", "Arial", cursive;
	letter-spacing:1.4px;
}

.view p {
   font-size: 16px;
   position: relative;
   color: #fff !important;
   padding: 10px 20px 20px;
   text-align: center;
   letter-spacing:1px;
}

.view-eighth .mask {
   background-color:rgba(176, 117, 90, 0.4);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}

.vie:hover .mask {
	height: 260px !important;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
   height: 385px;
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}



/*报名*/
.fenqi{ width:100%; margin-top:50px;}
.fenqi_center{ width:1100px; height:300px; margin:auto;}
.liuyan2{ background:url(../images/fenqi.jpg) no-repeat 0 0; height:300px; padding-top:0px; padding-left:800px;}
#baoMing {line-height:30px; margin:3px 8px; text-align:left}
#biaoTi {height:30px; line-height:30px; color:#ea3992; font-size:14px; font-weight:bolder;}
.bd_text{width:254px;height:32px;/* border:none;*/}
.bd_select{border:1px solid #f886bf; height:28px;}
#baoMing li{text-indent:2em; list-style-type:none; font-size:12px}
#FrontPage_Form1 table {text-align:left}
#FrontPage_Form1 td {line-height:12px; font-size:14px; padding-top:25.5px; color:#999;}
#FrontPage_Form1 textarea {margin:15px 0;}
#FrontPage_Form1 input select {font-size:12px; height:18px; line-height:18px;}
#table3{ margin:25px;}
#table3 table {text-align:left}
#table3 td {line-height:40px; font-size:12px;}
#table3 textarea {margin:15px 0;}
#table3 input, #table3 select, #table3 textarea {margin-left:1em;}
#table3 input select {font-size:12px; height:18px; line-height:18px;}
.btn-style-01{ border-style:none; text-align:center; display:inline-block; padding:8px 96px; line-height:24px; color:#371921; font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif; cursor:pointer; background-image:url(../images/but.jpg); width:194px; height:49px;}

/*师资力量*/
.teacher{ width:100%; background:#e9e4de; margin-top:80px;}

.topp{ width:100%; padding:60px 0px 40px 0px;}
.topp .topp_img{ width:1100px; margin:0 auto; }

.wrap{width:100%;max-width:1100px;margin:0 auto}
.team{width:100%;margin:0 auto;}
.team .teambox{ }
.team .teambox .title{ width:100%; margin:0 auto; padding:0px 0 20px;}
.team .teambox .title ul li{ cursor:pointer; width:21%; float:left; background:#fff; height:46px; line-height:46px; color:#371921; text-align:center; font-size:20px;}
.team .teambox .title ul li+li{ margin-left:5%;}
.team .teambox .title ul .over{ background:#85461b; color:#fff;}
.team .teambox .title ul li span{ color:#EFDADF; font-size:14px; padding-left:2px;}
.team .teambox .title ul .over span{ color:#DCACBC; font-size:14px; padding-left:2px;}
.team .teambox .infotp{ display:none;}
.team .teambox .infotp .mbut{ }
.team .teambox .infotp .tmleft{width:51%; margin-right:4%;}
.team .teambox .infotp .tmright{width:45%;}
.team .teambox .infotp .tmname{ margin:130px 0 20px;}
.team .teambox .infotp p{line-height:180%; font-size:18px; color:#333; letter-spacing:1px;}

.team .teambox .infotp .tealist{width:31%; padding:10px 0 45px;}
.team .teambox .infotp .tealist +.tealist{margin-left:2.3%;}



/*课程介绍*/
.kecheng{ margin-top:100px;}
.index_left_ljc1{ width:1100px; margin:0 auto; margin-top:30px;}

.index_left_21{ width:340px; height:644px; float:left; margin-top:10px;  overflow:hidden; background:url(../images/kc_01.gif); margin-right:40px;}
.index_left_22{ height:644px; width:340px; float:left; margin-top:10px;  overflow:hidden;  background:url(../images/kc_02.gif); margin-right:40px;}
.index_left_23{ height:644px; width:340px; float:left; margin-top:10px;  overflow:hidden;  background:url(../images/kc_03.gif);}
.index_left_24{ height:582px; width:340px; float:left; margin-top:50px;  overflow:hidden;  background:url(../images/kc_04.gif); margin-right:40px;}
.index_left_25{ height:582px; width:340px; float:left; margin-top:50px;  overflow:hidden;  background:url(../images/kc_05.gif); margin-right:40px;}
.index_left_26{ height:582px; width:340px; float:left; margin-top:50px;  overflow:hidden;  background:url(../images/kc_06.gif);}



/*教学环境*/
.hdjj{ margin:100px auto; width:1100px; clear:both; }



/*合作单位*/
.hzdw{  margin:60px auto 100px auto; width:1100px; clear:both;}

#hscroll{ width:100%; border-top:1px solid #fff; overflow:hidden; zoom:1;}
#hscroll #scrllbox{ width:1100px; margin:23px auto 0; position:relative; overflow:hidden;}					
#hscroll #pic{ overflow:hidden;position:relative; width:1100px; height:250px;}
#hscroll #pic .split{float:left; margin-right:13px; position:relative; height:250px; overflow:hidden;}
#hscroll #pic .split p{background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#60000000',endColorstr = '#60000000')\9;color:#fff; font-family:"微软雅黑","黑体"; font-size:16px; height:28px; line-height:28px; position:absolute; left:0; bottom:0; width:100%; text-indent:1em; white-space:nowrap;}
#hscroll #pic .split a:hover{ color:#fff;}
#hscroll #pic .split p.cover{color:#fff; font-family:"微软雅黑","黑体"; font-size:16px; height:28px; line-height:28px; position:absolute; left:0; bottom:23; width:100%; text-indent:1em; white-space:nowrap; background-color:#000;filter:alpha(opacity=60); opacity:0.6;}
#hscroll #pic .split a.infotxt{color:#fff; font-family:"微软雅黑","黑体"; font-size:12px; height:28px; line-height:28px; position:absolute; left:0; bottom:22; width:100%; text-indent:1em; white-space:nowrap; text-align:center;}
#hscroll #btn_left{ position:absolute; left:0; top:74px; cursor:pointer; width:28px; height:57px; background:url(../images/nRightCur.png) no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='nRightCur.png')}/*左按钮*/
#hscroll #btn_right{ position:absolute; right:0; top:74px; cursor:pointer;width:28px; height:57px; background:url(../images/nLeftCur.png) no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='nLeftCur.png');}/*右按钮*/
#hscroll .sllink{ overflow:hidden; zoom:1; width:960px; margin:4px auto 0;}
#hscroll .sllink li{background:url(http://mat1.gtimg.com/lady/2011nvxingindex/images/dot2.png) no-repeat 6px 6px; float:left; padding-left:15px;}
#hscroll .sllink li.nn0{ width:205px; padding-right:10px;}
#hscroll .sllink li.nn1{ width:345px; padding-right:10px;}
#hscroll .sllink li.nn2{ width:345px;}
#hscroll .sllink a{ color:#666;}
#hscroll .sllink a:hover{ color:#c00;}


/*详情*/
.fencai{
    width:100%;
    height:150px;
	background:url(../images/di.jpg) no-repeat center;
	margin-top:27px;
}


/*====================== 页面底部 ======================*/
#Footer { clear:both; width:100%; margin:0 auto; /*margin-top:20px;*/ height:auto; background:url(../Img/Index_Img/footer_bj.jpg) repeat-x top left #333232; color:#fff; padding:30px 0;text-align:center}
#link_buttom{ width:958px; height:16px; margin:15px auto;}

/*版权信息*/
#CopyRight {width:1002px;padding:10px 0; margin:0 auto; padding-bottom:50px; text-align:center;}
#CopyRight ul {width:100%; display:inline; float:left; text-align:center;}
#CopyRight ul li {height:30px; line-height:28px !important; line-height:30px; color:#fff; text-align:center;}
#CopyRight a{color:#fff;}


/*====================== 页面底部 ======================*/

<!-- 快速链接 -->
#QuickLink{width:1000px; margin:15px auto;}
#QuickLink ul{width:980px; margin:20px auto; height:200px;}
#QuickLink li{ width:139px; height:200px; text-align:center; float:left;}
#QuickLink li a {width:139px; display:block; margin-top:8px; color:#fff; line-height:20px;}
#QuickLink li h2 { margin-top:0; text-align:center; margin-bottom:20px; color:#fff; font-size:14px}
#QuickLink li h2 a {color:#fff; line-height:24px;}
#link_buttom{ width:958px; height:16px; margin:15px auto;}