@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html,ul,li,p,td,img{padding:0;margin:0;border:0;font-size:13px;font-family:"微软雅黑";list-style:none;}
body{margin:0 auto;}
a{ text-decoration:none}
.fl{float:left}
.fr{float:right}
.clear{ clear:none;}
.mr{ margin-right:0;}
.center{ text-align:center;}
img{ margin:0; padding:0;}

/*top部分*/

#top,#main,#main1{ width:1000px; margin:0 auto; overflow:hidden;}

#top{ height:53px;padding:19px 0; }

.logo{ overflow:hidden; width:622px;}

.logo01{ width:180px;}

.logo02{ padding-top:7px; padding-left:5px;}

.logo02 span{font-size: 14px;color: #45474b; font-style:italic;}

.logo02 h1{ font-size:18px; color:#45474b;display: inline-block;}

.logo02 p{ font-size:18px; color:#323739; font-style:italic;}

.sech{ width:368px;}

.sech .pho{font-size:16px;color:#45474b;font-style:italic;text-align:right;}

.sech .pho span{font-size:25px;font-weight:bold;color:#45474b;padding-left:10px;padding-right:5px;}

/*nav*/

#nav{ background:#707070; height:38px;}

#nav ul{ width:1000px; margin:0 auto;}

#nav ul h2{ float:left; line-height:38px; padding:0 22px; border-right:1px solid #707070; font-size:16px; font-style:italic;}

#nav ul h2 a{ color:#fff;}


/*banner*/

.banner{ margin:10px 0; text-align:center;}

/*----------------- banner部分结束--------------------*/




#main1{ margin-bottom:50px; border-left:1px solid #e5e5e5;}
#main{ margin-bottom:50px;}
/*学员故事*/

#showtext,#showtext2,#showtext3,#showtext4,#showtext5,#showtext6,#showtext7 { cursor: hand; cursor:pointer;}

.none { display: none; }


.xuey{  position: relative; padding-top:33px; margin-bottom:10px;}

.stu{ border: 1px solid #e5e5e5; border-top: 1px solid #707070; border-left: none; padding: 5px 15px 10px 15px; float:left;}

#stu{ margin:0 auto; width:100%; border-bottom: 1px dashed #707070; float:left; padding-bottom:10px; float:left; padding-top:20px; position:relative; }

.stu-pic{ width:255px; float:left;}
.stu-pic dl{ width:255px; height:350px;}
.stu-pic dt{ width:255px; height:290px;}
.stu-pic dd.stu-xz{padding:0px; top:-55px; height:35px; width:255px; line-height:35px; display:block; position:relative;  background-color:rgba(0,0,0,0.6); color:#FFF; text-align:center;}
.stu-pic dd.stu-rz{font-size:14px; line-height:20px; color:#000; position:relative; text-align:center; top:-20px; }

.stu-con{ width:680px; padding:15px 10px 15px 20px; float:left;}
.stu-con h2{ width:600px; background:#dadae6; font:18px/32px '微软雅黑'; margin:0 auto; margin-bottom:20px; font-style:italic; font-weight:400; text-align:center;}

.stu-con p,#show1 p,#show2 p,#show3 p,#show4 p,#show5 p,#show6 p,#show7 p{text-indent:25px;  font:12px/24px '宋体'; color:#939090;}
.stu-con h3,#show1 h3,#show2 h3,#show3 h3,#show4 h3,#show5 h3,#show6 h3,#show7 h3{ margin:0 auto; font:16px/52px '微软雅黑'; font-weight:300; color:#000000; padding:5px 0; text-align:center;}

.stu-con #btn a{ display:inline-block; border:1px solid #b7b3b3; width:65px; height:25px; font:13px/25px '微软雅黑';  text-align:center; position:absolute; bottom:10px; right:15px;}

#show1 p{ width:965px; padding: 0 15px;}

/*就业渠道*/

.jy1{ height:466px; background:url(../images/jy1_01.jpg) no-repeat; margin-top:30px;}
.jy1 h2{ width:342px; height:150px; color:#0168b7; font:18px/28px '微软雅黑'; font-weight:400; padding-top:195px; padding-left:206px; }

.jy2{ padding:20px; position:relative; float:left;}
.jy2-img{ width:260px; height:180px; z-index:2;}
.jy2-con{ width:668px; background:#ecf4f7; padding:15px; border:1px solid #c0cace;}
.jy2-con h2{ width:600px; color:#3091dc; font:18px/32px '微软雅黑'; margin:0 auto; margin-bottom:15px; font-weight:bold; text-align:center;}
.jy2-con p,#mq1 p,#mq2 p{text-indent:25px;  font:12px/24px '宋体'; color:#4c728f;}

#mq1 h3,#mq2 h3{ margin:0 auto; font:14px/32px '微软雅黑'; font-weight:100; padding:5px 0; text-align:center;}


.jy2-con #btn a{ display:inline-block; border:1px solid #b7b3b3; width:65px; height:25px; font:13px/25px '微软雅黑';  text-align:center; position:absolute; bottom:9px; right:45px; margin-bottom:15px;}
.jy2-con #btn2 a{ display:inline-block; border:1px solid #b7b3b3; width:65px; height:25px; font:13px/25px '微软雅黑';  text-align:center; position:absolute; bottom:9px; left:625px; margin-bottom:15px;}

.hzqy{ width:100%; margin:0 auto; background:#f5f6f8; text-align:center; padding:20px 0; font-size:0;}
.jy3{ width:1000px; height:380px;  margin:0 auto; padding-top:100px;}

.tu{ background:url(../images/1_1_10.jpg) no-repeat; height:301px; width:226px; position:relative; font-weight:bold; float:left; margin-right:7px; border:1px solid #ababab;}

.tu .xia,.tu1 .xia,.tu2 .xia,.tu3 .xia{width:216px;height:300px;
  opacity:0;filter:Alpha(opacity=0);/* 只支持IE6、7、8、9 */
  position:absolute; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
  *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  bottom:-82px;
  } 
 
.tu:hover .xia,.tu1:hover .xia,.tu2:hover .xia,.tu3:hover .xia{
		bottom:0;
		background:#000;
		color:#fff;
		transition:bottom 1s, opacity 3s;
		-moz-transition:bottom 1s,opacity 3s; /* Firefox 4 */
		-webkit-transition:bottom 1s, opacity 3s; /* Safari and Chrome */
		-o-transition:bottom 1s,opacity 3s; /* Opera */
		 opacity:0.5;filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */
		 line-height:1.5em;
		 padding-left:10px;
		 padding-top:10px;
		 text-align:center; line-height:300px;
		 font-size:18px;
}

/*图片滚动及展示介绍结束*/

   .tu1{ background:url(../images/1_1_12.jpg) no-repeat; height:301px; width:225px; position:relative; font-weight:bold; float:left; margin-right:7px; border:1px solid #ababab;}
   

   .tu2{ background:url(../images/1_1_14.jpg) no-repeat; height:301px; width:225px; position:relative; font-weight:bold; float:left; margin-right:7px; border:1px solid #ababab;}
   

   .tu3{ background:url(../images/1_1_16.jpg) no-repeat; height:301px; width:225px; position:relative; font-weight:bold; float:left; margin-right:7px; border:1px solid #ababab;}


.jy4{ width:100%; padding:50px; text-align:center; margin:0 auto; background:#f8f9fc;}
.jy5{ width:1000px; text-align:center;  margin:0 auto; padding:50px 0;}



/*课程内容*/

.web-cour-tit td{ color:#fff; text-align:center}
.web-cour{border-bottom:1px solid #b1b0b0;border-right:1px solid #b1b0b0;font-size:14px;margin-top:15px;}
.web-cour td{padding:6px 8px; border-left:1px solid #b1b0b0;border-top:1px solid #b1b0b0;}
.web-pra{color:#fff;}



		
/*底部版权*/
.foot{ font-size:12px;}
.bg_181c1d{ background:#181c1d; height:106px; padding-top:19px; text-align:center}

.bg_181c1d ul{ text-align:center; width:420px; margin:0 auto;overflow:hidden;}

.bg_181c1d a{ color:#fff;text-align:center}

.bg_181c1d ul li{ padding:0 8px; border-right:1px solid #fff; float:left;}

#mar{ border-right:none;}

.foot p{ background:#000; color:#666; height:31px; line-height:31px; text-align:center}



.web-cour {
    border-bottom: 1px solid #b1b0b0;
    border-right: 1px solid #b1b0b0;
    font-size: 14px;
    margin-top: 15px;
}
.web-cour-tit td {
    color: #000;
    text-align: center;
}
.web-cour td {
    border-left: 1px solid #b1b0b0;
    border-top: 1px solid #b1b0b0;
    padding: 6px 8px;
}

.item{ margin:0 auto; margin-top:30px; text-align:center;}


/*首页*/

.sy_01 p{ width:800px; font:18px/36px '微软雅黑'; padding:90px 10px; color:#707070; }

.sy_01_bg{ background:url(../images/sy_01.png) no-repeat; width:1000px; height:320px;}
.sy_01_bg h3{ width:390px;float:right; font:36px/36px '微软雅黑'; text-align:center; font-weight:bold; margin-top:110px; margin-right:10px; padding:10px; color:#f17462;}
.sy_01_bg p{ width:390px;float:right; font:18px/36px '微软雅黑'; font-weight:500; margin-top:5px; margin-left:600px; padding:10px; color:#707070;}
.sy_01_bg p span{ color:#ed513b;}

.sy_01_nx{ border:1px dashed #dcdcdc; width:960px; height:385px; margin:5px 18px; padding:5px 0;}
.sy_01_nx p{ font:18px/36px '微软雅黑'; padding:20px 80px; color:#707070; }



.sy_02,.sy_04{ background:#f6f6f6; margin-top:70px; padding-bottom:50px; float:left; margin-bottom:20px;}
.sy_02 h3{ font:46px/46px '微软雅黑'; font-weight:600; color:#4b89dc; padding:40px 0 10px 0; text-align:center; }
.sy_02 p{ font:18px/30px '微软雅黑';  color:#7a7a7a; padding:5px 0; text-align:center; }
.sy_02 span{ font:24px/32px '微软雅黑';}
.sy_02 dl{ margin-top:15px;}
.sy_02 dd{border:1px solid #00a9ca; width:750px; margin:0 auto; padding:25px; font:18px/30px '微软雅黑';  margin-top:20px; color:#707070; text-indent:2em; }


.sy_03 h3{ font:30px/46px '微软雅黑'; font-weight:600; color:#42a394; padding:20px 0; text-align:center; }

.sy_03 dl{ width:480px; height:148px; float:left;}
.sy_03 dt{ font:24px/40px '微软雅黑'; color:#fff; padding:10px 0; text-align:center; }
.sy_03 dd{ font:18px/30px '微软雅黑';  padding:12px;}

.sy_03 p{ font:18px/36px '微软雅黑'; padding:20px 80px; color:#707070; float:left;}


.sy_04{ padding-top:20px;}
.sy_04_bg{ background:url(../images/sy_13.png) no-repeat; width:1000px; height:291px;}
.sy_04_bg p{ width:448px; font:18px/32px '微软雅黑'; padding-top:125px; color:#707070;}


/*名师有约*/
#main2{width:960px; margin:0 auto; margin-top:30px; margin-bottom:30px; overflow:hidden; border:1px solid #d4d4d4; padding:20px;}

.teach_01{ margin:0 auto; background:url(../images/teach_01.png) no-repeat  center; height:307px; padding-top:45px; padding-left:230px; }
.teach_01 h3{ width:715px; font:30px/46px '微软雅黑'; font-weight:600; color:#4b89dc; padding:8px 0; text-align:center;}
.teach_01 p{ width:715px; font:18px/30px '微软雅黑'; text-indent:2em; color:#707070;}
.teach_01 span{ color:#4b89dc;}
.teach_01 strong{  font:20px/30px '微软雅黑'; font-weight:bord; color:#565656;}


.teach_02 li{ margin:0 auto; width:940px; border-bottom: 1px dashed #707070; float:left; padding:20px; float:left;}
.teach_02 dl{ width:457px; height:250px; background:#f5f5f5; float:left;}
.teach_02 dt{ width:200px; height:250px; float:left;}
.teach_02 dd{ width:257px; float:right; padding-top:5px;}
.teach_02 dd strong{ font:24px/40px '微软雅黑'; font-weight:400; padding-left:30px; width:200px;}
.teach_02 dd p{ width:200px; padding:10px 0 10px 30px;  color:#797979; font:18px/32px '微软雅黑'; font-weight:400;}




.xues_02 li{ margin:0 auto; float:left; padding:20px 50px; float:left;}
.xues_02 dl{ width:424px; height:197px; background:url(../images/xues_0.png) no-repeat; float:left;}
.xues_02 dt{ width:157px; height:157px; float:left; margin:20px;}
.xues_02 dd{ width:224px; float:right; padding-top:5px;}

.xues_02 dd p{ width:200px; padding:8px 8px 8px 0;  color:#797979; font:14px/28px '微软雅黑'; border:none;}

.xues_02 dd strong{ font:24px/40px '微软雅黑';padding-left:5px; width:65px; border-bottom:2px solid #0d98cd;}

.xues_02 dd span{ font:18px/36px '微软雅黑'; font-weight:400; padding-left:5px; width:155px; border-bottom:1px solid #b0b0b0;}
.xues_02 dd span b{ color:#ec663a;}

.xues img{margin:0; border:0; float: left;}
.xues h3{ width:770px; font:18px/32px '微软雅黑'; padding:30px 52px; color:#707070; float:left; border:1px dashed #707070; margin-left:52px;}


.message{
    overflow: hidden;
    padding:20px 0;
    width:1000px;
    margin:auto;
    padding-top:80px;
    padding-bottom:0px;
    border-radius: 4px;
    position: relative;
}
.message-title{
    text-align: center;
    position: absolute;
    top:16px;
    left:327px;
}
.message h1{
    display: inline-block;
    width:348px;
    height:60px;
    color: #F39700;
    font-size: 30px;
    border-radius: 4px;
    line-height:60px;
    letter-spacing:3px;
    background-color: #fff;
    background-size: 100% 100%;
    position: relative;
    top:5px;
}
.message-cont{
    overflow: hidden;
    margin-top:15px;
    border: 3px solid #F39700;
    padding: 20px;
}
.message-cont .mess{
    width:45%;
    float: left;
}
.message-cont .mess.fir{
    margin-right:30px;
    padding-right: 50px;
    border-right: 1px dashed #aaa;
}
.message-cont .mess li{
    padding-left: 50px;
    font: 18px/32px '微软雅黑';
    color: #707070;
}
.message-cont .mess li a{
    display:block;
    color:#333;
}
.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");
}





