@charset "utf-8";
/* CSS Document */

body,nav,span,p,var,em,strong,a,h1,h2,h3,h4,h5,input,textarea,ul,ol,li,img{margin:0; padding:0; font-size:14px; font-family:"微软雅黑";}
.clear{clear:both;height:0;overflow:hidden;}
a img{border:none;}
a{text-decoration:none; cursor:pointer;}
var,em{font-style:normal;}
ul,ol,li{list-style:none;}
html,body{ font: normal normal 12px  Microsoft YaHei, SimSun, Helvetica, sans-serif; color:#000;height:auto;margin:0 auto; }
body { background:#f2f2f2; position:relative; min-width:1200px;}
body,div,li,dt,dd,p,pre,span,h1,h2,h3,h4,h5,h6,th,td,a,input,textarea,select,checkbox,radio,button,label,legend,em,strong{}
fieldset,iframe{border:none;}
table{}
th{text-align:left;}
.nodata{margin:15px auto;text-align:center;}
#imgplayer{text-align:center;margin-bottom:10px;}
/* margin & padding */
.mr20{ margin-right:20px;}
.mr96{ margin-right:96px;}
.mt30{ margin-top:30px;}
.ml20{ margin-left:20px;}
.ml60{ margin-left:60px;}
.mtb10{margin:10px 0;}
.db{ display:block;}
/* font & color */
.f11{ font-size:11px; -webkit-text-size-adjust:none;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.white { color:#fff;}
.red1 {color:#fd0600;}
.black1 { color:#1e1e1e;}
.green1 { color:#2b8a12;}
.green2 { color:#337505;}
.green3 { color:#448507;}
.green4 { color:#4a8a07;}
.orange1 { color:#ee7809;}
.dis-n{ display:none;}
.dis-b{ display:block;}
/*  标题后缀特殊样式 */
/* link */
a{color:#333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a.underline { text-decoration:underline;}
/* image */
img { border:0; }
/* clearfix */
.clear{clear:both; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden;}
/* new clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* 文字、浮动方向 */
.f_l {float:left;}
.f_r {float:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
/*  button */
button {cursor:pointer;}

/* header */
.header { width:100%;background:url(../images/p-bg1.jpg); background-position:center right; background-repeat:repeat-x; height:74px;}
/* nav */
nav {height:74px; width:100%; background:#fff; background-color:rgba(255,255,255,0.6); position: fixed;top: 0px; z-index:99999999999999;}
nav ul { width:1100px; margin:0 auto; }
nav ul li {float:left; height:74px; padding:0 12px; position:relative; border-right:0px solid #666;}
nav ul li.over{  background-color:rgba(76,86,88,0.6);}
nav ul li:hover { background:#008FD7; background-color:rgba(0,143,215,1); }
nav ul li.logo{ width:300px;}
nav ul li.logo:hover{ background:none;}
nav ul li img{ margin-top:15px;}
nav ul li a { color:#000; display:block; width:102px; height:74px; line-height:74px; font-size:14px; text-align:center;}
nav ul li:hover a { color:#fff; }
nav ul li ul{ display:none; width:126px;overflow:hidden; position:absolute; top:74px; left:0;}
nav ul li ul li{background:#008FD7; background-color:rgba(0,143,215,1); width:120px;  float:left; height:50px;  padding:0 8px; color:#fff;}
nav ul li ul li:hover{ background:#008FD7;background-color:rgba(0,143,215,0.8); }

nav ul li ul li a { color:#FFF; width:102px; display:block;  height:50px; line-height:50px;font-size:14px; text-align:center;}
nav ul li:hover ul{ display:block;}  
/* main */
.main { width:1200px; margin:0 auto;}
.p-main{width:1200px; margin:0 auto; overflow:hidden;}
.p-contleft{ width:650px; float:left; padding:20px 40px 20px 40px;background-color:#FFF; margin:20px 0 20px 50px;}
.p-contright{ width:340px; float:left; margin:20px 0 20px 20px; padding:20px 0; overflow:hidden;background-color:#FFF;}

.p-news a:hover{ color:#900;}
.p-news{ float:left; width:310px; color:#373737;}
.p-news h2{ height:40px; line-height:40px; color:#fff; padding-left:50px; background-size:32px; background-repeat:no-repeat; background-position:7px 5px; font-size:16px; }
.p-news h2 a{ display:block; float:right; width:20px; height:20px; background-image:url(../images/p-s-more.png); margin-top:10px; margin-right:10px;}
.p-news h2.p-news-1{ background-color:#0f85ad; background-image:url(../images/p-s-1.png);}
.p-news h2.p-news-2{ background-color:#0f85ad; background-image:url(../images/p-s-2.png);}
.p-news h2.p-news-3{ background-color:#0f85ad; background-image:url(../images/p-s-3.png);}
.p-news h2.p-news-2{ background-color:#56ad0f;}
.p-news h2.p-news-3{ background-color:#ad0f0f;}
.p-news .p-onelist{ height:120px; overflow:hidden; margin:15px 0; border-bottom:1px dashed #d4ba97;}
.p-news .p-onelist img{ float:left; width:138px; height:100px; overflow:hidden;}
.p-news .p-onelist p{ font-size:16px; width:162px; float:left; margin-left:10px; line-height:30px;}
.p-news ul li{ clear:both;}
.p-news ul li p{ line-height:32px; height:32px; font-size:12px; width:310px; overflow:hidden;}

.p-contright .p-news{ margin-left:15px; margin-top:20px;}

#help-left{width:310px;font-family:'microsoft YaHei';float:left; margin-left:15px; background-color:#f2f2f2;box-shadow:0 5px 10px #ccc;}
.menu{ margin-bottom:1px;}
.menu:last-child{border-bottom:none; margin-bottom:0;}
.menu summary{ display:block;height:46px;line-height:46px; width:310px;text-indent:10px;font-size:14px;font-weight:700; background-color:#0f85ad; color:#fff;box-shadow:0 1px 2px #eee;}
.menu summary::-webkit-details-marker{display:none;}
.menu summary:before{content:"+";display:inline-block;width:16px;height:16px;margin-right:10px;font-size:18px;font-weight:700}
.menu[open] summary:before{content:"-"}
.menu ul li{list-style:none;text-indent:25px;font-size:14px;height:36px;line-height:36px; border-bottom:1px dashed #ccc;}
.menu ul li.last_bt{ border:none;}
.menu ul li a{display:block;color:#666}
.menu ul li a:hover{text-decoration:underline; color:#0f85ad;}

/* footer */
.footer{ width:100%;background-color:#303539;}
.p-copy{ width:1200px; height:300px; margin:0 auto;background-color:#303539;}
.p-copy img{ margin:113px 60px;}
/* copyright */
.p-copyright { text-align:left; overflow:hidden; }
.p-copyright_content{ width:1000px; margin:0 auto; }
.p-copyright_content p {line-height:24px; color:#333; font-size:14px; color:#cccccc;}
/* bottomnav */
.bottomnav { color:#fff; height:32px; line-height:32px; font-size:16px;margin-top:90px;}
.bottomnav a { color:#fff;} 
.bottomnav a:hover { color:#0fbffb;} 
/*return_top*/
/*默认样式，主要是position:fixed实现屏幕绝对定位*/
.gotoTop{ display:block; width:60px; height:50px; background-color:#0fbffb;color:#fff;font-size:16px; text-align:center; padding-top:10px; position:fixed; display:none;position:fixed;top:75%;left:50%;cursor:pointer;margin-top:-172px;margin-left:620px;}
/*用CSS表达式(expression)来实现ie6下position:fixed效果*/
.gotoTop{_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}/*鼠标进入的反馈效果*/
.gotoTop:hover{background-color:rgba(0,143,215,1); }
.page-gotop{position:fixed;top:75%;left:50%;cursor:pointer;margin-top:-172px;margin-left:560px;}


/*index*/
.p-introduction{ width:1100px; margin:50px auto; padding:50px 0; border-bottom:1px solid #cfcfcf;}
.p-introduction p{ text-align:center; line-height:40px; font-size:16px;color:#6f6f6f;}
.p-block1 h2{ font-size:40px; color:#008FD7; text-align:center; font-weight:normal; line-height:100px;}
.p-block1 { overflow:hidden; padding:50px 0;}
.p-block1 ul li{ width:400px; float:left; margin:10px 0; text-align:center;}
.p-block1 ul li p{ font-size:14px; color:#888888; line-height:24px; width:340px; margin-left:30px;}
.p-block1 ul li p span{ font-size:18px; color:#666; line-height:50px; font-weight:bold;}
.p-block2{ width:1200px; margin:0 auto; background-color:#fff; overflow:hidden; padding:50px 0;}
.p-block2 .p-news{margin-left:66px; }
.p-block3{ width:1200px; margin:50px auto;}
.p-block3 h2{ font-size:40px; color:#008FD7; text-align:center; font-weight:normal; line-height:100px;}
.p-block3 .btn{ background-color:inherit; overflow:hidden;}
.p-block3 .btn li {display:block;float:left;width:150px;color:#fff;text-align:center;background:#0fbffb;line-height:48px; font-family:"microsoft yahei";font-size:20px;text-decoration:none; border-radius:5px 5px 0px 0px; margin-left:10px;}
.p-block3 .btn li.current {color:#fff;background:#0f85ad;}
/*学员作品图片样式*/
.p-block3 .section{ position:relative;}
.section{width:1200px; overflow:hidden; background-color:#fff; height:630px;}
.section ul{width:1200px;}
.section ul li{float:left; margin-left:54px; display:inline;width:328px;height:240px;overflow:hidden;position:relative; margin-bottom:50px;}
.section ul li .photo{width:328px;height:240px;overflow:hidden;}
.section .rsp{width:328px;height:240px;overflow:hidden;position: absolute;background:#06c;top:0px;left:0px;}
.section .text{position:absolute;width:328px;height:240px;left:-328px;top:0px;overflow:hidden;}
.section .text h3{width:328px;margin-top:70px;height:55px;line-height:55px;text-align:center;color:#FFFFFF; font-weight:normal;font-family:"microsoft yahei";font-size:22px;}
.section .text h3 span{  margin-left:10px;}
#tab .tabList li.cur{background:#008FD7;}
.section ul{ display:none; position:absolute; top:50px; left:0; height:500px;}
.section ul.cur{ display:block;}
.section ul#h5-block li{height:500px !important;}
.section ul#h5-block li .photo{height:500px;}
.section ul#h5-block .rsp{height:500px;}
.section ul#h5-block .text{height:500px;left:-328px;top:0px;overflow:hidden;}
.section ul#h5-block .text h3{margin-top:200px;height:55px;line-height:55px;}
.section ul#h5-block .text h3 span{  margin-left:10px;}
/*合作企业*/
.p-block4{ width:1200px; margin:50px auto;}
.p-block4 h2{ font-size:40px; color:#008FD7; text-align:center; font-weight:normal; line-height:100px;}
.p-block4 ul{ width:100%; clear:both; overflow:hidden;}
.p-block4 ul li{ width:238px; height:100px; float:left; border-top:1px solid #cfcfcf;   border-right:1px solid #cfcfcf; overflow:hidden; text-align:center; background:#fff;}
.p-block4 ul .firstli{ border-left:1px solid #cfcfcf; }
.p-block4 ul .btm-b{border-bottom:1px solid #cfcfcf;}
.p-block4 ul li img{ height:100px;}
.p-block4 ul li:hover{ opacity:0.6;}

/*index end*/

/*集团介绍*/
.p-jtjs h2{ font-weight:normal; font-size:30px; padding-bottom:20px;text-align:center; color:#666; border-bottom:1px solid #ccc;}
.p-jtjs h3{ font-weight:normal; font-size:20px; color:#666; margin-top:30px; line-height:40px;}
.p-jtjs h3 img{ vertical-align:middle; margin-right:10px;}
.p-jtjs p{ font-size:16px; text-indent:2em; line-height:42px; margin:5px; color:#444444;}
.p-jtjs p span{ background:#f2f2f2; overflow:hidden; display:inline-block; width:310px; text-align:center;  padding-bottom:20px; padding-top:20px;}
.p-jtjs p span img{ margin-right:20px;}
.p-jtjs p span.xueyuan{width:210px;}
/*集团介绍 end*/

/*新闻动态*/
.newlist {float:left; width:640px; padding-bottom:20px; overflow:hidden}
.newlist .fl{width:610px; padding:0 15px 10px 15px; border-bottom:1px solid #eee; margin:10px 0; color:#333; line-height:30px; overflow:hidden}
.newlist .fl h1{float:left; background:#bc111a; font-size:14px; font-weight:normal; color:#FFF; padding:0 15px}
.newlist .fl a{ background:#0fbffb; margin-right:5px;float:left; font-size:16px; color:#fff; padding:5px 15px; border-radius:3px;}
.newlist .fl a.cur{background:#0f86af; color:#fff; text-decoration:none;}
.newlist .list-box{ overflow:hidden;}
.newlist .list-box ul{display:none !important; opacity:0;filter:alpha(opacity=0); }
.newlist .list-box ul.cur{display:block !important; opacity:1;filter:alpha(opacity=100);}
.newlist #wzlist {float:left; width:714px; margin:0 0 0 20px; display:inline}
.newlist #wzlist li {width:610px; border-bottom:#CCC 1px dotted; margin-bottom:15px; padding-bottom:15px;min-height:110px; overflow:hidden; }
.newlist li.starlist{min-height:220px;}
.newlist li.starlist h2{ line-height:50px; font-weight:normal; font-size:22px;}
.newlist li.starlist h2 span{ margin-left:20px; font-size:14px; font-weight:bold; color:#666;}
.newlist li.hezuolist { min-height:160px;}
.newlist li.hezuolist h2{ line-height:50px; font-weight:normal; font-size:22px;}
.newlist li.hezuolist h2 span{ margin-left:20px; font-size:14px; font-weight:bold; color:#666;}
.newlist #wzlist li img {float:left; border:#EEE 1px solid; margin-right:20px}
.newlist #wzlist li h3 {font-size:16px; font-weight:normal; line-height:24px; margin-bottom:10px;}
.newlist #wzlist li h3 a{ color:#333;display:inline-block; width:400px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newlist #wzlist li h3 a:hover{ color:#900;}
.newlist #wzlist li .rq {font-size:12px; font-style:italic; float:right; margin-right:20px; color:#CCC; line-height:22px}
.newlist #wzlist li p {font-size:12px; color:#666; margin-bottom:5px; line-height:20px; text-indent:2em; display:inline-block; width:400px; max-height:96px; overflow:hidden;}
.newlist #wzlist li .bq {background:#f7f7f7}
.newlist #wzlist li .bq a {font-size:12px; color:#39C; padding:0 5px; border-left:#cecece 1px dotted; line-height:12px}
.newlist #wzlist li .bq a:first-child {border-left:none}
.newlist #wzlist li .xz {font-size:12px; color:#39C; line-height:12px}
.newlist #wzlist li .xz em { font-style:normal; padding-right:15px;}
.page {float:left; width:100%; text-align:center; margin-top:40px;}
.page a {border:#ccc 1px solid; color:#666; padding:7px 12px; margin:0 2px; display:inline; overflow:hidden; font-size:14px; border-radius:50px;}
.page a:hover {background:#0fbffb; border:#0f85ad 1px solid; text-decoration:none; color:#fff;}
/*新闻动态 end*/

/* 新闻文章 */
.newscont{}
.newscont h2.news-title{  height: 35px;  line-height: 35px;  margin-top: 10px;  font-weight:normal;  font-family: "Microsoft YaHei","SimHei","SimSun";  font-size: 26px;  color: #000;  text-align: center;  overflow: hidden;}
.newscont .news-top{  height: 30px;  line-height: 30px;  border-bottom: #dbd7d5 1px dashed;  margin-top: 15px;  text-align: center;  font-size: 14px; color:#666;}
.newscont .news-cont,.newscont .news-cont p{line-height: 26px;  margin-top: 20px;  text-indent: 28px;  overflow: hidden; font-size:16px; color:#333;}
.newscont .news-cont{ text-indent:inherit;}
.newscont .news-cont img{ margin:20px 0; max-width: 650px; height:auto; zoom:expression( function(e) {if(e.width>e.height) {if (e.width>128) { e.height = e.height*(128 /e.width); e.width=128; }}
else {if (e.height>128) { e.width = e.width*(128 /e.height); e.height=128; }}
e.style.zoom = '1';     }(this));
         overflow:hidden; 
}
#bdshare{ display:inline-block;}
#bdshare a{ display:inline-block;width:16px; height:16px;background:url(../images/p-share.png) no-repeat;}
#bdshare a.sina{ background-position:0 -270px;}
#bdshare a.qqwb{ background-position:0 -198px;}
#bdshare a.happy{ background-position:0 -126px;}
#bdshare a.douban{ background-position:0 -36px;}
#bdshare a.ren{ background-position:0 -252px;}
#bdshare a.qzone{ background-position:0 -234px;}
/* 新闻文章 end */

/*企业合作*/
.p-cooperate{ width:1200px; margin:50px 0 50px 50px; background-color:#FFF; overflow:hidden; background-image:url(../images/p-hezuo-bg.jpg); background-repeat:no-repeat; padding-top:340px;}
.p-cooperate h1{ background-color:#CCC; color:#666; font-weight:normal; height:60px; line-height:60px; padding-left:30px;}
.p-cooperate .t1{ clear:both; overflow:hidden; padding-bottom:40px;}
.p-cooperate .t1 h2{ line-height:83px; font-weight:normal; font-size:22px; background-image:url(../images/p-hezuo-bg1.png); background-repeat:no-repeat; color:#fff; padding-left:40px; margin-bottom:20px;}
.p-cooperate .t1{ width:1000px; margin:0 auto; font-size:16px; color:#666; line-height:28px;}
.p-cooperate .t1 p{ text-indent:2em;}
.p-cooperate .t1 .t2{ width:650px;}
.p-cooperate .t1 .t2 p strong{ color:#208FFF;}
.p-cooperate .t3 p{ width:250px;float:left; text-align:center; margin-top:30px; text-indent:0;}
.p-cooperate .t3 p b{ line-height:60px;}
.p-cooperate form{ margin:50px; width:958px; padding:30px 10px; border:1px solid #eee; overflow:hidden;}
.form-box{ width:570px; overflow:hidden; float:left;}
.form-right{ width:348px; float:left;}
.form-right img{ border:1px solid #ddd; margin-top:10px; width:248px; padding:30px 50px; margin-bottom:20px;}
.form-right p{ font-size:14px; line-height:30px; color:#666; padding-left:20px;}
.form-right p span{ font-weight:bold; display:block;}
.form-row{ width:570px; padding:10px 0; float:left; overflow:hidden;}
.form-row .field-label{ width:180px; text-align:right; padding-right:20px; float:left;}
.form-row .field-label label{ font-size:16px; font-weight:bold; color:#666;}
.form-row .field-widget{ width:300px; float:left;}
.form-row .field-widget input{width:300px;height:22px;border-left-width:2px;padding:5px 0 0 2px; }
.form-row .field-widget input.radio_input{ width:15px; vertical-align:middle;}
.form-row .field-widget select.validate-selection{width:305px;height:28px;border-left-width:2px;padding:4px 2px 3px 2px;}
.form-row .field-widget textarea.required{width:300px;height:80px;border-left-width:2px;padding:5px 0 0 2px;}
.input-style{ background: #fcfcfc;   border: 1px solid #ddd;    -moz-border-radius: 2px;    -webkit-border-radius: 2px;    border-radius: 2px;    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;    font-family: 'PT Sans', Helvetica, Arial, sans-serif;    color: #888;    font-size: 16px;}
input.submit{color:#FFFFFF;background-color:#0fbffb;padding:10px 20px;cursor:pointer;border:none;font-size:14px; border-radius:3px; float:right;}
input.reset{ color:#FFFFFF;background-color:#999999;padding:10px 20px;cursor:pointer;border:none;font-size:14px; border-radius:3px;float:right;}

.p-alert{ width:1200px; margin:50px 0 50px 50px; background-color:#FFF; overflow:hidden; height:500px;}
.p-alert .alert-but{ height:120px;width:800px; margin:0 auto; margin-top:100px;}
.p-alert .alert-but img{ float:left;}
.p-alert .alert-but h2{ float:left; margin-left:30px; font-size:40px; font-weight:normal; line-height:80px; color:#73b327;}
.p-alert .alert-but h2.error{ color:#fe973a;}
.p-alert p{width:800px; margin:0 auto; font-size:16px; color:#666;}
.p-alert p span{ font-weight:bold; color:#C00; font-size:18px; margin-left:120px;}
.p-alert p a{ display:block; margin-top:50px; margin-left:120px; width:100px; height:40px; font-size:16px; background-color:#73b327; text-align:center; line-height:40px; color:#fff; border-radius:5px;}
.p-alert p a:hover{ background-color:#64a21b;}


/*企业合作 end*/

/*-社团*/
.p-txjs{ position:relative; padding-top:80px;}
.p-txjs h2{ display:block; height:54px; position:absolute; top:0; left:-40px; background-color:#0fbffb; line-height:54px; padding:0 50px; color:#fff; font-size:24px; font-weight:normal; background-image:url(../images/p-tx-1.png); background-repeat:no-repeat; background-position:top right;}
.p-txlist{ overflow:hidden; }
/*border-left:1px solid #f2f2f2;.p-txlist h3{ display:block; background-color:#fff; padding:0 20px; height:40px; line-height:40px;border-radius:3px; border-top-left-radius:0; border-bottom-left-radius:0; color:#666; font-size:18px;}
*/.p-txlist h3{ display:block; background-color:#fff; width:50px; padding:0 10px; height:40px; line-height:40px; border-bottom:2px solid #0fbffb; color:#666; font-size:18px;}
.p-txlist .p-txtext{ margin:20px 0; border:1px solid #f0f0f0; padding:15px; min-height:150px;color:#3f3f3f; overflow:hidden;}
.end-txlist .p-txtext {margin-bottom:0;}
.p-txlist .p-txtext p{ font-size:16px; line-height:36px; text-indent:2em; color:#3f3f3f;}
.p-txlist .p-txtext p a{ color:#333;}
.p-txlist .p-txtext p a:hover{ color:#900;}
.p-txlist .p-txtext p img{ margin:5px 20px 0 0;}
.p-txlist .p-txtext ul li{font-size:16px; line-height:36px;  color:#3f3f3f; list-style:inside;}
/*-社团 end*/

/*-9秒学院*/
.p-txtexts{ overflow:hidden; margin:20px 0; border:1px solid #f0f0f0; padding:0; min-height:150px;color:#3f3f3f; }
.jiuyeindex{ width:650px; height:auto;  font-size:12px; line-height:28px; font-family:'微软雅黑'; float:left;}
#jykbindex { height:480px; overflow:hidden;}
#jykbindex .jytop{ background:#C00; color:#fff; font-size:16px; width:650px; height:40px; position:absolute; top:0; left:0; z-index:9999;}
#jykbindex .jytop span{ display:block; float:left; height:40px; text-align:center; line-height:40px;}
#jykbindex .list{ width:100%; margin:0; padding:0; z-index:1;}
#jykbindex li { line-height:40px; display:block;}
#jykbindex li .span1{ width:90px; text-align:center; float:left;}
#jykbindex li .span2{ width:90px; text-align:center; float:left;}
#jykbindex li .span3{ width:250px; text-align:center; float:left;}
#jykbindex li .span4{ width:150px; padding-left:30px; color:#F00;}
.vido-box{ width:270px;  height:150px;  position:relative;  border:1px solid #e4e4e4; overflow:hidden;}
.vido-box b{ display:block; width:250px; padding:0 10px; height:24px; line-height:24px; text-align:center; background:#000; opacity:0.7; color:#fff; font-size:14px; position:absolute; bottom:0; left:0;}
.vido-box a{ opacity:0.7;}
.vido-box a:hover{ opacity:1;}
.vido-box a .img{ position:absolute; top:50px; left:115px; background-image:url(../images/icon_7f8b929.png); background-position:-58px 0; display:block; width:40px; height:40px;}
.vido-box a:hover .img{ display:none;}
/*-9秒学院 end*/

/*学员作品*/
#ios-works li{  margin:20px 20px 0 25px; width: 272px; overflow:hidden; float:left;}
.worksimg-box{  width: 270px;  height: 150px;  position: relative;  border: 1px solid #e4e4e4; }
.worksimg-box .free-icon{  height: 22px;  width: 38px;  display: inline-block;  position: absolute;  top: -2px;  right: 8px;  z-index: 101;  background:url(../images/icon_7f8b929.png) -58px -43px no-repeat;}
.worksimg{  width: 100%;  height: 130px;}
.works-infor{  border: 1px solid #e4e4e4;  background: #fff!important;  height:60px;  padding: 10px;  position: relative;  z-index: 200;}
.works-infor .works-info-h2{  font-size: 14px;  color: #333;  line-height: 24px;  margin-bottom: 10px;  height: 24px !important;  overflow: hidden; font-weight:500; background:none; 
display:inline-block; position:inherit; left:0; top:0;  padding:0;}

.works-infor .works-info-h2 a:hover{ color:#900;}
.works-infor .timeandicon{  font-size: 12px;  color: gray;  position: relative;}
.mar-b8{ margin-bottom:8px;}
.works-infor .timeandicon .time-icon{  background: url(../images/icon_7f8b929.png) no-repeat; background-position:0 -182px; width: 17px;  height: 17px;  display: block;  float: left;  margin-right: 8px;}
/*学员作品 end*/

/*基地展示*/
#works-box li{  margin:20px 20px 0 25px; width: 272px; overflow:hidden; float:left;}
.show-box .works-infor{  border: 1px solid #e4e4e4;  border-top: 0;  background: #fff!important;  height: 110px;  padding: 10px;  position: relative;  z-index: 200;}
.show-box .works-infor .works-info-h2{color: #666; font-weight:bold;}
.show-box .works-infor .timeandicon span{ float:left; width:250px; height:20px; overflow:hidden;}
.show-box .works-infor .timeandicon .time-icon{  background: url(../images/icon_7f8b929.png) no-repeat; background-position:0 -56px; width: 14px;  height: 14px;  display: block;margin-right: 8px;}
.show-box .works-infor .timeandicon .address-icon{  background: url(../images/icon_7f8b929.png) no-repeat; background-position:-153px -81px; width: 14px;  height: 14px;  display: block; float:left; margin-right: 8px;}

.show-cont{ margin-top:30px;}
.show-cont p{ font-size:16px; text-indent:2em; line-height:30px; color:#444;}
.show-cont p a:hover{color:#900;}
.imgContainer {	width: 620px;	margin: 20px auto;	padding: 10px;	box-shadow: 0 0 6px 0 rgba(180, 180, 180, 0.4); }
.imgUl {	position: relative;width:620px;}
.box {	width: 560px;	margin-left: 30px;	overflow: hidden;}
.detailImg,.smallImg {	position: relative;}
/*detailImg*/
#detailImg-box {	min-height: 200px;}
.detailImg {	text-align: center;}
.detailImg img {	max-width: 600px;}
.detailImg p {	text-align: center;	color: #666; line-height:30px;}
#detailImg-pre,#detailImg-next {	position: absolute;	width: 30px;	height: 46px;	top: 50%;	background: url(../images/page_button.gif) 0 0 no-repeat;	cursor: pointer;	text-indent:-9999px;}
#detailImg-pre {	left: 0;	background-position: -35px 0;}

#detailImg-next {	right: 0;	background-position: -99px 0;}
#detailImg-pre:hover {	background-position: -35px -47px;}
#detailImg-next:hover {	background-position: -99px -47px;}/*smallImg*/
#smallImg-box {	height: 80px;}
.smallImg li {	float: left;	width: 76px;}
.smallImg li a {	display: block;	width: 70px;	height: 70px;	border: 2px solid #fff;	overflow: hidden;	vertical-align: middle;	margin: 5px auto;}
.smallImg li a img { height:70px; margin:0;}
.smallImg li a:hover,.smallImg .cur a {	border-color: #0fbffb;}
#smallImg-pre,#smallImg-next {	position: absolute;	top: 0;	height: 92px;	width: 28px;	margin: 0;	background:url(../images/album-arrow.png) 0 0 no-repeat;	cursor: pointer;}
#smallImg-pre {	left: 0;}#smallImg-next {	right: 0;background-position: 0 -94px;}
#smallImg-pre:hover {	background-position: -28px 0;}
#smallImg-next:hover {	background-position: -28px -94px;}
/*基地展示 end*/

/*招聘信息*/
.zplist li{  border-bottom:#CCC 1px dotted; height:198px; overflow:hidden;padding:10px 0; position:relative;}
.zplist .show{ position:absolute; top:10px; right:10px; display:block; width:50px; height:24px; background-color:#0fbffb; text-align:center; line-height:24px; border-radius:3px; color:#fff; font-size:14px;}
.zplist .show:hover{ color:#eee;}
.zplist .zp-left{ width:240px; float:left; padding-right:10px;}
.zplist .zp-left p{ font-size:14px; color:#666; line-height:30px;}
.zplist .zp-left p span{ color:#333; font-size:16px;}
.zplist .zp-right{ width:390px; float:left;}
.zplist .zp-right p{ font-size:14px; color:#333; line-height:30px;}
.zplist .zp-right span{ font-size:16px; font-weight:bold;}




/*banner*/
.slideBox{ width:100%; margin:0 auto;position:relative; }
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:45%; bottom:-30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:#06c !important;}
.slideBox .bd{ height:350px; margin:0 auto; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;min-width:1200px; max-width:2000px; height: 400px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 400px; margin:0 auto; position: relative;}
.tempWrap{ margin:0 auto;}
/*第四屏*/
.content1{ width:990px; height:400px; margin:0 auto; position:relative;}
.b2_word{ position:absolute; top:100px; right:0; width:400px; }
.b2_word span{ background:url(../images/yidong.png) no-repeat; width:273px; height:95px; float:left;}
.b2_word var{ color:#FFFFFF; font-size:2.2em; float:left; margin:1em 0.2em;}
.animation20{
	background:url(../images/banner2.png) no-repeat; width:44em; height:28.6em; float:left;
	-webkit-animation:flash 2s .2s ease both;
	-moz-animation:flash 2s .2s ease both;}
	
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation23{
	-webkit-animation:flash 2s .2s ease both;
	-moz-animation:flash 2s .2s ease both;}
	
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation21{
	-webkit-animation:fadeInDown 2s .2s ease both;
	-moz-animation:fadeInDown 2s .2s ease both;}
	
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-4em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-4em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-4em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
#a24{position:absolute; left:27em; top:9.5em; margin:-1em 0 0 -9em;color:#FFFFFF; font-size:1.9em; border:1px solid #fff; height:2em; line-height:2em;  border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; width:18.5em; text-align:center;}
.animation22{
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}

@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(2em)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(2em)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(2em)}
100%{opacity:1;
-ms-transform:translateX(0)}
}


/*新添加一屏*/
.slide ul li.banner5{ width:100%; height:28.6em; background: url(../images/chunjie.png) center center no-repeat;}
/*第一屏*/
.slide ul li.banner2{width:100%; height:28.6em; background: url(../images/banner2_1.jpg) center center no-repeat;}
.content2{ width:70.7em; height:28.6em; margin:0 auto;  position:relative;display: inline-block;}
.animation5{
	background:url(../images/banner2_04.png) no-repeat; width:246px; height:62px;position: absolute;right: 20%; top: 65%;
	-webkit-animation:flash 3s 1s ease both;
	-moz-animation:flash 3s 1s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation56{
	background:url(../images/banner2_06.png) center  center no-repeat; width:886px; height:128px;position:absolute; left:30%; top:60%; 
	-webkit-animation:fadeInRightBig 3s ease both;
	-moz-animation:fadeInRightBig 3s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(2em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}

.animation3{
	background:url(../images/banner2_02.png) center center no-repeat; width:361px; height:43px; position: absolute; top: 30%; left: 20%;
	-webkit-animation:fadeInDown 2s 1s ease both;
	-moz-animation:fadeInDown 2s 1s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
.animation4{
	background:url(../images/banner2_05.png) center  center no-repeat; width:886px; height:128px;position:absolute; left:25%; top:40%; 
	
	-webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  ease both;}
	@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(-10%)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
	0%{opacity:0;
	-ms-transform:translateX(2em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/*第三屏*/
.slide ul li.banner3{width:100%; height:28.6em; background:url(../images/banner3.jpg) center center no-repeat;}
.content3{ width:70.7em; height:28.6em; margin:0 auto;display: inline-block;}
.animation6{
	background:url(../images/idc.png) no-repeat; width:19em; height:6em; margin:2.35em 0 0 8.6em; float:left;
	-webkit-animation:bounceInDown 1s .2s ease both;
	-moz-animation:bounceInDown 1s .2s ease both;}
	@-webkit-keyframes bounceInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2000px)}
	60%{opacity:1;
	-webkit-transform:translateY(30px)}
	80%{-webkit-transform:translateY(-10px)}
	100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes bounceInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2000px)}
	60%{opacity:1;
	-moz-transform:translateY(30px)}
	80%{-moz-transform:translateY(-10px)}
	100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2000px)}
	60%{opacity:1;
	-ms-transform:translateY(30px)}
	80%{-ms-transform:translateY(-10px)}
	100%{-ms-transform:translateY(0)}
}
#a9,#a10{opacity: 0;filter:alpha(opacity=0);}
.animation7{
	font-size:3.2em; width:100%; float:left; margin:0.7em 0 0 2.5em; font-weight:bold;color: #333;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
.animation7 span{  color:#009EFE; font-size:1em;}
/*新添第二屏*/
.slide ul li.banner4{width:100%; height:28.6em; background:url(../images/banner4.png) center center no-repeat;}
.animation8{
	background:url(../images/banner4_2.png) no-repeat; width:32.1em; height:10.6em; float:right;top: 11.7em;right:30em;position: absolute;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation9{
 	background:url(../images/banner4_1.png) no-repeat; width:62.5em; height:28.6em; float:left; margin-left:50px;
	-webkit-animation:fadeInLeftBig 3s .5s ease both;
	-moz-animation:fadeInLeftBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;
	-webkit-transform:translateX(-20em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;
	-moz-transform:translateX(-20em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;
	-ms-transform:translateX(-20em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}