@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
	list-style:none;
	font-family:"微软雅黑";
}
.clear {
	clear:both;
}

.L{ float:left;}

.R{ float:right; text-align:right;}

a {
	text-decoration:none;

}
a:hover {
	text-decoration:none;

}
img {
	border:none;
}

.p{ padding:0; margin:0;}

.center{ text-align:center;}

/*--------------------------------------------------- top begin*/



#top {
	width:100%;
	height:73px;
	z-index:2;
	background:#d3d3d3;
}
#logo {
	float:left;
	width:60%;
	padding-top:8px;

}

#logo img{ float:left;}

#logo span{ float:left; margin-top:25px; color:#1f1f1f; font-size:16px;}


#top p {float:right;width:50%;color:#222222;text-align:right;padding-right:15px;margin-top:20px;font-size:14px;
	
}
#top p a {color:#252525;padding-bottom:10px; margin-right:10px;}
#top p a{margin-right:18px}
#top .wrapp{ width:1160px; background:url(../images/logo_bg1.jpg) no-repeat bottom;	overflow:hidden;
	margin:0px auto;
}
#top p a{color:#fff; background:#000}
#top p a:hover{color:#fff; background:#e01c70}

.tit{padding-top:60px; text-align:center; line-height:35px; background:url(../images/hx.gif) center 78px no-repeat;}
.tit h2{ font-size:28px; font-weight:normal; color:#3e3a39}
.tit span{ display:block; color:#4a4a4a}
.con01,.con02-con {width:1000px;margin:0 auto}
.con01 .sayno{ text-align:center;margin-top:80px; margin-bottom:35px}
.con01 dl{line-height:40px;padding-bottom:70px; height:40px}
.con01 dl dt{ font-size:30px; color:#e00000; float:left;padding-right:40px }
.con01 dl dd{ float:left;color:#4a4a4a; font-size:18px;padding-left:50px; background:url(../images/num-list.jpg) no-repeat 15px 7px }
.con02{ background:url(../images/course-bg.gif) center top; height:1405px;}


/* 以下是课程图标移上去旋转的效果*/
.course-icon {
width: 148px;
margin:0 auto;
height: 167px;
background: no-repeat url("../images/ui_01.gif") center top;
-webkit-background-size: 148px 167px;
-moz-background-size: 148px 167px;
background-size: 148px 167px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;
}
.course-icon:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
/* 课程图标移上去旋转的效果结束*/

.course-list{width:164px;margin-left:65px; display:inline-block; text-align:center;margin-top:55px}
.course-list .course-des{ background:url(../images/course-listbg.gif) center bottom no-repeat; height:77px;margin-top:18px;padding-top:5px}
.course-list b{ font-size:26px;}
.course-list span{ font-size:20px;color:#fff; line-height:35px}
.course-list #course-icon02{background: no-repeat url("../images/ui_02.gif") center top;}
.course-list #course-icon03{background: no-repeat url("../images/ui_03.gif") center top;}
.course-list #course-icon04{background: no-repeat url("../images/ui_04.gif") center top;}
.course-list #course-icon05{background: no-repeat url("../images/ui_05.gif") center top;}
.course-list #course-icon06{background: no-repeat url("../images/ui_06.gif") center top;}
.course-list #course-icon07{background: no-repeat url("../images/ui_07.gif") center top;}
.course-list #course-icon08{background: no-repeat url("../images/ui_08.gif") center top;}
.course-list #course-icon09{background: no-repeat url("../images/ui_09.gif") center top;}
.course-list #course-icon10{background: no-repeat url("../images/ui_10.gif") center top;}
.course-list #course-icon11{background: no-repeat url("../images/ui_11.gif") center top;}
.course-list #course-icon12{background: no-repeat url("../images/ui_12.gif") center top;}
.design-des{ text-align:center;background:url(../images/yin-x.gif) no-repeat 787px 0; margin-top:80px;}
.design-des p{ font-size:18px; line-height:32px; background:url(../images/yin-s.gif) no-repeat 187px  0 }
.design-des span{ display:block; font-size:14px; color:#494949; line-height:80px;}
.design-des .design-tel{ background:url(../images/hx.gif) 0px 15px no-repeat; font-style:italic; text-align:center}
.design-des .design-tel span{ display:block;width:220px;margin:0 auto;padding-left:40px; background:url(../images/desi-tel.gif) no-repeat left top; line-height:35px; font-size:18px;}
.design-thinking{ background:#eee; width:100%; overflow:hidden;padding-bottom:128px;}
.design-thinking-con{ width:1080px;margin:0 auto}
.design-thinking-con .stage h4{color:#8e8d8d; font-size:30px; line-height:170px; text-align:center}
.design-thinking-con .stage{ overflow:hidden}
.stage dl{ width:306px;margin-left:40px; float:left; background:#fff;padding-bottom:15px}
.stage dl dt{ background:#fd9968; line-height:40px; font-size:21px; font-weight:bold;padding-left:29px; color:#fff}
.stage dl ul li{font-size:14px; color:#3d3938; line-height:25px; background:url(../images/list.gif) no-repeat 26px 10px;padding-left:38px;}
.stage dl ul{padding:15px 0}
.stage dl a{ background:url(../images/more.jpg) no-repeat 107px 13px #00b7ee; font-size:21px; line-height:36px; color:#fff; height:36px; display:block; width:115px; border-bottom:2px #049dcb solid;padding-left:15px;margin-left:28px;}
.stage-box{
    margin:0 auto;
    width:1002px;
    height:197px;
    background-color:#ffffff;
    border:2px solid #cccccc;
}
.stage-box-main{
    width:438px;
    height:197px;
    float:right;
    display:inline;
    background-color:#ffffff;
}
.stage-box-main h1{
    margin-top:14px;
    margin-left:30px;
    font-size:21px;
    line-height:38px;
    text-align:center;
    color:#ffffff;
    height:38px;
    width:220px;
}
.stage-box-main ul{
    float:left;
    margin-top:5px;
}
.stage-box-main ul li{
    margin-left:46px;
    line-height:25px;
    font-size:13px;
    list-style-type:disc;
    color:#3d3938;
}
.stage-box-main a{
    margin-top:87px;
    margin-right:36px;
    float:right;
    width:129px;
    height:37px;
    line-height:37px;
    font-size:20px;
    display:block;
    color:#ffffff;
    display:block;
    text-align:center;
    background:url("../images/stage-a-tab.png") no-repeat 107px center;
    background-color:#00b7ee;
    border-bottom:2px solid #049dcb;
}
.sbb1{
    background:url("../images/stage-box-bg1.jpg") no-repeat left center;
}
.sbb1 h1{
    background-color:#fd9968;
}
.sbb2{
    background:url("../images/stage-box-bg2.jpg") no-repeat left center;
}
.sbb2 h1{
    background-color:#badb5f;
}
.sbb3{
    margin-top:57px;
    background:url("../images/stage-box-bg3.jpg") no-repeat left center;
}
.sbb3 h1{
    background-color:#69c6a8;
}
.sbb4{
    margin-top:57px;
    background:url("../images/stage-box-bg4.jpg") no-repeat left center;
}
.sbb4 h1{
    background-color:#f19ec2;
}
.sbb5{
    background:url("../images/stage-box-bg5.jpg") no-repeat left center;
}
.sbb5 h1{
    background-color:#5f9cdb;
}
.sbb6{
    margin-top:57px;
    background:url("../images/stage-box-bg6.jpg") no-repeat left center;
}
.sbb6 h1{
    background-color:#c69e69;
}
.sbb7{
    margin-top:57px;
    background:url("../images/stage-box-bg7.jpg") no-repeat left center;
}
.sbb7 h1{
    background-color:#f19e9e;
}
.sbb8{
    background:url("../images/stage-box-bg8.jpg") no-repeat left center;
}
.sbb8 h1{
    background-color:#64ccff;
}
.sbb9{
    margin-top:57px;
    background:url("../images/stage-box-bg9.jpg") no-repeat left center;
}
.sbb9 h1{
    background-color:#ff686b;
}
.sbb10{
    margin-top:57px;
    background:url("../images/stage-box-bg10.jpg") no-repeat left center;
}
.sbb10 h1{
    width:334px;
    background-color:#b193c0;
}
.sbb11{
    margin-top:57px;
    background:url("../images/stage-box-bg11.jpg") no-repeat left center;
}
.sbb11 h1{
    width:334px;
    background-color:#f39800;
}
.sbb12{
    margin-top:57px;
    background:url("../images/stage-box-bg12.jpg") no-repeat left center;
}
.sbb12 h1{
    width:334px;
    background-color:#88abda;
}


#stage01-02{background:#69c6a8; }
#stage01-03{background:#f19ec2; }
#stage02-01{background:#b7d16e; }
#stage02-02{background:#64ccff; }
#stage02-03{background:#ff686b; }
#stage03-01{background:#b193c0; line-height:26px;padding-top:8px;padding-bottom:8px}
#stage03-02{background:#f39800; line-height:26px;padding-top:8px;padding-bottom:8px}
#stage03-03{background:#88abda; line-height:26px;padding-top:8px;padding-bottom:8px}
.senior  .tit{margin-top:40px;}
.senior .senior-con{width:1000px;margin:0 auto;margin-top:60px;margin-bottom:105px; overflow:hidden}
.senior .senior-con dl{ width:201px; float:left;padding-left:18px;padding-right:18px; background:#f9f9f9;padding-top:60px; padding-bottom:60px;margin-left:10px}
.senior .senior-con dl dt{ color:#ff6500; font-size:25px; line-height:80px;}
.senior .senior-con dl dd li{ color:#727171; font-size:14px; line-height:24px;}
.senior .senior-con dl dd li span{color:#ff6500;margin-right:6px;}
.orgin{ background:url(../images/origin-bg.gif) no-repeat center top; height:755px;}
.future-list{ float:left; width:159px; margin-left:9px; position:relative;font-size:14px;margin-bottom:9px}
.future-con{width:1018px;margin:60px auto; overflow:hidden}
.future-list .future-name{position: absolute;
top: 142px;
height: 36px; line-height:36px; 
background: rgba(235,97,0,.60);
padding-left: 10px;padding-right: 10px;background:#eb6100\9; filter:alpha(opacity=80);
width: 139px;
color: #fff;
}
.future-list .future-name b{ float:left;}
.future-list .future-name span{ float: right; font-weight:bold}
.future-list .future-intro{position: absolute;top:0; left:0;background: rgba(235,97,0,.60);background:#eb6100\9; filter:alpha(opacity=80);width: 129px;padding:20px 15px; line-height:24px; font-weight:bold; color:#fff; display:none; height:138px}
#dianbo p{ font-size:24px; color:#494949; line-height:30px;background: url(../images/yin-s.gif) no-repeat 245px 0;}
#dianbo {
background: url(../images/yin-x.gif) no-repeat 720px 0;width:1000px;margin:0 auto;padding-bottom:80px;
}
.coper{ width:1020px; margin:0 auto; overflow:hidden;padding:10px 0 30px 0}
.coper img{ display:block;padding:7px 3px; float:left;margin-left:9px;margin-bottom:9px; border-radius:3px; border:1px solid #ff9a62}
.tohr-img{ text-align:center;margin:30px 0 30px 0}
.footer{ line-height:30px; font-size:14px; background:#24272e; text-align:center; color:#fff;padding:20px}

.dy-couse{margin-bottom:40px;}
.dy-couse table{border-right:1px  solid #000;border-bottom:1px  solid #000;margin:0 auto; font-size:14px;}
.dy-couse table td{ padding:13px; border-top:1px  solid #000;border-left:1px  solid #000; text-align:left}
.dy-couse h4{ color:#3d3938; font-size:24px; line-height:80px;margin-top:15px; text-align:center}
.course-tit{ font-size:18px; font-weight:bold; color:#3d3938}
.course-tit .course-tit01{ background:#9adffb}
.course-tit02{ background:#ffd1bf}
.course-tit .course-tit03{ background:#d0def8}
.course-tit .course-tit04{ background:#fee5ba}


/*老师*/

#laoshi{ background:#24272e; padding-bottom:80px; overflow:hidden;}

.change{width:1000px; margin:0px auto; font-size:12px; border-left:4px solid #888; border-top:4px solid #888;
 border-bottom:4px solid #888;overflow:hidden;}
.change li{float:left; list-style:none; width:196px;height:427px; border-right:4px solid #888; position:relative; overflow:hidden; display:block;}
.change li.ban1{background:url(../static/jiaos01.jpg) no-repeat;}
.change li.ban2{background:url(../static/jiaos02.jpg) no-repeat;}
.change li.ban3{background:url(../static/jiaos03.jpg) no-repeat;}
.change li.ban4{background:url(../static/jiaos04.jpg) no-repeat;}
.change li.ban5{background:url(../static/jiaos05.jpg) no-repeat;}
.change li span{display:none;}
.change li a{display:block; width:196px; height:427px; color:#fff;
background-color:rgba(0,0,0,0.5); 
 background:#0b0b0b\9; filter:alpha(opacity=80); text-decoration:none;}


.mt_6{ margin-top:55px;}
.mls{ padding:78px 0 15px;}
.mlss{ padding:70px 0 22px 0;}
.bh{ position:absolute; top:0; right:0;}
.nr_js{ padding-top:65px;}

.dui{background:url(../static/ls_1.gif) no-repeat 0 10px; padding-left:10px; font:24px "微软雅黑";
 text-align:center; width:100px; margin:0 auto;}

.dui_1{ font:13px "微软雅黑"; margin:0 auto; margin-top:15px; width:165px; line-height:2em;
 text-indent:inherit; text-indent:2em; height:172px;}

.dui_2{ background:#ff5a00; width:87px; height:29px; margin:0 auto; line-height:29px;
 font:17px "微软雅黑"; text-align:center;
filter:alpha(opacity=100);
}

.jies{ position:absolute; left:0; width:197px; height:76px; bottom:0;background-color:rgba(0,0,0,0.5); 
 background:#555\9; filter:alpha(opacity=80); border-top:1px solid #fff;}

.jies_1{ font:20px "微软雅黑"; color:#f6ff00; margin-top:17px; margin-left:10px;}
.jies_2{ font:14px "微软雅黑"; color:#fff;margin-left:10px;}

.bt_2{ font:20px "微软雅黑"; padding-top:75px;}

.bt_2 span{ color:#f00;}

.bt_22{ font:15px "微软雅黑"; width:700px; margin:0 auto; padding-bottom:40px;}

.bt_22 span{ color:#ff5a00;}