@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0; font-family:"微软雅黑","Trebuchet MS", Arial, Helvetica, sans-serif}
a{ text-decoration:none}
li{ list-style-type:none}
.top{padding-top:6px; height:62px; background:#303135; width:100%}
.top-con{width:995px;margin:0 auto}
.top-con .logo-area{ float:left; width:530px;}
.top-con .logo-area .logo{ float:left; width:256px;}
.top-con .logo-area p{ float:left; font-size:12px; color:#fff;padding-top:20px; line-height:15px;padding-left:15px}
.top-con .ui-tel{ float:right;width:220px;padding-left:30px; background:url(../images/ui_tel.jpg) no-repeat left top; color:#fff; font-size:16px; font-style:italic; line-height:30px;margin-top:20px;}
.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:24px; 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;}
#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}
.export{ background:url(../images/expirt_bg.gif) no-repeat center top; height:849px;}
.export .tit{padding-top:90px;background:url(../images/hx.gif) center 108px no-repeat}
.export .tit h2,.export .tit span{ color:#fff}
.export .export-con{width:760px;margin:0 auto}
.export .export-con .export-intro{margin-top:60px;}
.export .export-con .export-intro dl{ float:left;padding-left:3px; width:123px; position:relative; overflow:hidden}
.export .export-con .export-intro dl dt{ position:absolute; top:290px; height:47px; background:rgba(235,97,0,.60);padding-left:10px;width:113px;color:#fff; font-size:18px;padding-top:3px;}
.export .export-con .export-intro dl dt span{ font-size:14px;}
.export .export-con .export-intro dl dd.ms{ background:#30343f; height:190px;padding:15px 5px 0 8px;width:110px; color:#fff; font-size:12px}
.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;
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);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:90px; font-size:14px; background:#24272e; text-align:center; color:#fff}

.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}

.sayno{background-image:url(../images/nunm.jpg); width:999px; height:395px;}
.sayno p{padding-left:400px; padding-top:40px; line-height:30px;}
.sayno .sy1{ line-height:40px;font-size:40px; color:#F00; font-family:"方正正大黑简体"; padding-left:550px;}
.sayno .sy1 span{font-size:30px; color:#F00; font-family:"方正正大黑简体";}
.sy3 span{ font-size:30px; line-height:60px; padding-left:20px; text-align:left;}
.message{
    overflow: hidden;
    padding:20px;
    width:960px;
    margin:auto;
    padding-bottom: 30px;
    position: relative;
}
.message-title{
    text-align: center;
    line-height: 35px;
    background: url(../images/hx.gif) center 78px no-repeat;
}
.message h1{
    font-size: 28px;
    font-weight: normal;
    color: #3e3a39;
}
.message-cont{
    overflow: hidden;
    margin-top:15px;
}
.message-cont .mess{
    width:45%;
    float: left;
    font-size: 16px;
}
.message-cont .mess.fir{
    margin-right:30px;
    padding-right: 45px;
    border-right: 1px dashed #aaa;
}
.message-cont .mess li{
    padding-left: 50px;
    font-size: 16px;
}
.message-cont .mess li a{
    display:block;
    color:#333;
    text-decoration:none;
}
.message-cont .mess li a:hover{
    color:#f00;
}
.message-cont .mess span{
    display: inline-block;
    width:40px;
    height:40px;
    background:url("../images/num.png");
    position: relative;
    text-align: center;
    line-height:40px;
    color:#fff;
    margin-right:20px;
}
.message-cont .mess li a:hover span{
    background:url("../images/nums.png");
}