@charset "utf-8";
/* CSS Document */
/*==============首页=================*/
#banner.index{height: 540px;min-width: 1180px;width: 100%;  display:block;}
#banner.index.phone{ display:none;}

.center-title{ width:100%; text-align:center;}
.center-title strong.tit{display:inline-block; height:60px; font-size:36px; color:#333; line-height:36px; width:300px; position:relative; font-weight:500;}
.center-title strong.tit i.line{ height:2px; width:36px; background:#ef4136; display:block; position:absolute; left:132px; bottom:0px;}
.center-title strong.tit em.little{ position:absolute; bottom:-12px; left:0px; font-size:14px; color:#999; width:300px; text-align:center;}

.center-title strong.tit.white{ color:#fff; background:none!important;}
.center-title strong.tit.white i.line.white{ background:#fff!important;}

/*课程*/
#module1.index{ padding:75px 0 80px; background:#fafafa;}
.play-list.index{ width:1200px;}
.play-list.index li{ background:#fff; padding:20px 20px 15px;}
.play-list.index li{width:340px; }
.play-list.index li .img,.play-list.index li .img img{width:340px; height:214px;  }
.play-list.index li .img .meng{width:340px; height:214px; }
.play-list.index li .img .meng .but{ left:115px; top:85px;}
.play-list.index li:hover .info{ padding:10px 0px;}
.play-list.index li .info strong{ font-size:16px;  line-height:26px; max-width:340px; }

/*=====学院文化=====*/
#module2.index{padding: 75px 0 0;height:383px; width:100%; min-width:1180px;background:url(../../images/it/java/bg_03.jpg) no-repeat top center;}
#module2.index .info{ font-size:14px; color:#666; line-height:26px; width:520px; height:160px;background:#fff; border-radius:3px; padding:25px 30px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#module2.index .info em.tit{font-size:18px; color:#333; margin-bottom:10px; display:block; text-align:center;}
#module2.index .info:hover{box-shadow:0 0 10px #d2e3f9;}

/*=====职业技能=====*/
#module7{ padding: 75px 0 0; background:url(../../images/edu/edu_02.jpg) no-repeat center top; min-height:890px; padding-bottom:80px; width:100%; background-attachment:fixed; background-size:cover; min-width:1180px;}
.exam-program{ background:#fff; border-radius:3px; padding:25px 30px; width:1120px;}
.exam-program h4.exam-tit{ font-size:18px; color:#666; line-height:24px; text-align:center; margin-bottom:20px;}
.exam-program .exam-info{ display:block; height:65px; text-align:center; color:#fff; background:#32a8f5; line-height:65px; font-size:16px; font-weight:bold;}
.exam-program .exam-info em{ display:inline-block; border-right:1px solid #fff; float:left;}
.exam-program .exam-info em.a{ width:157px; }
.exam-program .exam-info em.b{ width:200px;}
.exam-program .exam-info em.c{ width:300px;}

.table-scroll{height:550px; overflow:auto;}
.exam-list-tabel td{ border:1px solid #fff; height:25px; line-height:25px; padding:15px 5px; text-align:center;  color:#333;}
.exam-list-tabel td.tbf7{ background:#f7f7f7;}
.exam-list-tabel td.tbf0{ background:#f0f0f0;}
.exam-list-tabel td.onlyLH{ vertical-align:middle;}

.exam-msg{color:#666; margin-top:20px; }
.exam-msg em{ color:#07c986; background-position:-17px -1302px; padding-left:25px;display:block; height:30px; line-height:30px; }
.exam-msg p{ line-height:24px; padding-left:25px;}

.program-box{}
.program-box .program-left{ width:922px;}
.program-box .program-left li{width:922px;/* min-height:56px;*/}
.program-box .program-left span{ border-right:1px solid #fff;border-top:1px solid #fff; float:left;line-height:55px; background:#fff; text-align:center;  color:#333;}
.program-box .program-left span.a{ width:197px;}
.program-box .program-left span.b{ width:307px; padding:15px 10px;line-height:25px;}
.program-box .program-left span.tbf7,.program-box .program-right.tbf7{background:#f7f7f7;}
.program-box .program-left span.tbf0,.program-box .program-right.tbf0{background:#f0f0f0;}
.program-box .program-right{ vertical-align:middle; width:197px;line-height:55px; text-align:center; height:100%;}


/*工作职责*/
#module3.index{ padding:75px 0 80px; background:url(../../images/edu/edu_06.jpg) no-repeat center top;}
.features-list{ width:1180px; margin-top:50px; height:545px; position:relative;}
.features-list li{ text-align:center; width:575px; position:absolute; cursor:pointer;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;  }
.features-list li:hover{box-shadow:0 0 10px #d2e3f9;}
.features-list li:hover span.ico,.features-list li:hover .info .title .line{background:#32a8f5; }
.features-list li.one{ left:0px; top:0px; height:280px; z-index:1;}
.features-list li.two{right:0px; top:0px; height:280px;z-index:1;}
.features-list li.three{left:0px; top:350px; height:135px;z-index:2;}
.features-list li.four{right:0px; top:350px; height:135px;z-index:2;}
.features-list li span.ico{width:80px; display:inline-block; height:80px; border-radius:50%; position:absolute; left:250px; top:-40px; line-height:40px; background:#a9c0d3; z-index:1;font-size:18px; color:#fff;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
.features-list li.one .info,.features-list li.two .info{height:280px;}
.features-list li.three .info,.features-list li.four .info{height:130px;}
.features-list li .info{background:#fff; padding:25px 30px;   color:#666; line-height:24px; position:absolute; width:520px; left:0; z-index:2; }
.features-list li .info .title{ font-size:18px; color:#333; line-height:24px; display:block; height:40px; margin-bottom:10px;}
.features-list li .info .title .line{width:30px; height:3px; background:#a9c0d3; display:inline-block; position:absolute; left:275px; top:60px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
.features-list li .info p { text-align:left;}

/*工作步骤*/
#module4.index{ padding:75px 0 80px;background:#fff;}
.learning-box{ width:1180px; margin-top:115px;}
.learning-box li{ float:left; text-align:center; width:280px; height:173px; padding:87px 40px 40px 40px; margin-right:50px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;box-shadow:0 0 10px #e1e1e1; position:relative;}
.learning-box li:hover{box-shadow:0 0 10px #d2e3f9; -webkit-transform: translate3d(0px, -10px, 0px); -moz-transform: translate3d(0px, -10px, 0px); -o-transform: translate3d(0px,-10px, 0px); transform: translate3d(0px, -10px, 0px);}
.learning-box li span.ico{ width:115px; height:115px;border-radius:50%;display:inline-block; position:absolute; left:122px; top:-57px; line-height:115px; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.learning-box li:hover span.ico{top:-70px; }
.learning-box li span.ico img{ width:50px; height:50px; display:inline-block;vertical-align:middle;}
.learning-box li span.ico.a{ background:#81cee8; }
.learning-box li span.ico.b{ background:#70ccad; }
.learning-box li span.ico.c{ background:#ffc013; }
.learning-box li span.ico.d{ background:#a1c659; }
.learning-box li span.ico.e{ background:#ce7fc1; }
.learning-box li span.ico.f{ background:#88abda; }
 
.learning-box li.te{ margin-top:100px;height:200px;}

.learning-box li .info em{ display:block; line-height:36px; font-size:18px; color:#444;}
.learning-box li .info p{ color:#666; line-height:24px; margin-top:5px; text-align:left;}

/*=====工作要求=====*/
#module7.index{  background:#f3f5f7 url(../../images/edu/edu_05.jpg) no-repeat center top; min-height:400px; width:100%; min-width:1180px;}
.question-list{ width:1200px; margin-top:50px;}
.question-list li{ width:320px;  height:350px; padding:25px 30px;background:#fff; border-radius:3px; float:left; margin:0 20px 20px 0;  -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.question-list li:hover{box-shadow:0 0 10px #d2e3f9; }
.question-list li .info{color:#333; line-height:28px; }
.question-list li .info a{color:#999; line-height:28px; }
.question-list li .info a:hover{color:#32a8f5;}
.question-list li .info .title{ font-size:18px; color:#333; line-height:24px; display:block;  margin:10px 0 15px; }
.question-list li .info .title i.a{ width:26px; display:inline-block; height:26px; border-radius:50%; line-height:26px; text-align:center; font-size:14px; margin-right:10px; background:#32a8f5; color:#fff; }

/*院校简介*/
#module5.index{ padding:75px 0;}
.module-content{ width:1180px; margin:0 auto;}
.module-content.about{ color:#333; line-height:30px; font-size:16px;/* text-indent:2em;*/}
.module-content.about p{ margin-bottom:15px; }
.module-content.about a.more{ color:#07c986;  font-size:14px;/* border:1px solid #07c986; padding:0 10px; border-radius:3px;*/}
.module-content.about a.more:hover{ text-decoration:underline;}
.module-content.about a.more i.jian{ font-family:"宋体"; font-size:14px; font-style:normal;color:#07c986;padding-left:3px;}
.module-content.about img{ max-width:1180px;}

#module5.index .module-content.about p.info{ width:880px; margin-top:20px;}
#module5.index .school-img{ width:234px; height:251px; position:relative;}

#module5.index .module-content.about.book p.info{ width:760px; margin-top:0px;}
#module5.index .module-content.book .school-img{ width:380px; height:250px; position:relative;}

/*APP下载*/
#module6.index{padding:75px 0; background:url(../../images/school_project/bg_04.jpg) no-repeat top center; height:551px; width:100%; min-width:1180px;overflow:hidden;}
.learning-method{ position:relative; width:658px; height:345px; background:url(../../images/school_project/duan_bg.png) no-repeat right center; margin:60px auto 0;}
.learning-method span.pc{ position:absolute; right:80px; top:-12px; background:#5dd5a9; border-radius:20px; padding:0 15px; color:#fff; font-size:16px; line-height:36px; }
.learning-method span.app em{ color:#fff; font-size:16px; line-height:26px; display:block; text-align:center;}
.learning-method span.app{ position:absolute; left:380px; top:245px; width:100px;padding:10px; background:#5dd5a9; border-radius:6px;}
.learning-method span.app img{ width:100px; height:100px; display:block; margin-top:5px;}

/*兴趣证书*/
#module8.index{ padding:35px 0 50px;background:#f7f8f8; min-height:365px;}
.left-btn{position:absolute; left:-60px; top:106px;background:url(../../images/school_project/hkjjxy/qie.png) no-repeat 0 0; width:33px;height:57px; display:block; cursor:pointer;}
.left-btn:hover{background:url(../../images/school_project/hkjjxy/qie.png) no-repeat 0 -60px; }
.right-btn{position:absolute; right:-60px; top:106px;background:url(../../images/school_project/hkjjxy/qie.png) no-repeat -37px 0;width:33px;height:57px; display:block;cursor:pointer;}
.right-btn:hover{background:url(../../images/school_project/hkjjxy/qie.png) no-repeat -37px -60px; }

.class-list.scroll{ width:10000px; /*height:270px; */overflow:hidden;}

/*课程*/
#module9.index{ padding:70px 0 60px;background:#f0f0f0 url(../../images/school_project/bg_01.png) no-repeat center bottom;}
#module9.index .module-content,#module1.index .module-content{ overflow:hidden;}

/*免费试听*/
#module9.index .class-list li .img .meng{width:310px; height:168px; background:url(../../images/teach/live/meng_bg.png); position:absolute; left:0px; top:0px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity:0;filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;}
#module9.index .class-list li .img .meng .but{ position:absolute; left:100px; top:66px; display:inline-block; width:110px; height:36px; line-height:36px;  text-indent:2.5em; border-radius:3px;background: url(../../images/teach/live/ice.png) no-repeat 15px center; border:1px solid #fff; color:#fff;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#module9.index .class-list li .img .meng .but:hover{color:#4570b5 ; background:#fff url(../../images/teach/live/ice_hkjjxy.png) no-repeat 15px center;}
#module9.index .class-list li:hover .img .meng{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity:1;filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;}
@media only screen and (max-width:1200px) {
.left-btn,.right-btn{ display:none;}
.class-list.scroll{ width:auto!important; max-height:525px;}
.class-list.scroll > div{ width:720px!important; margin-left:5px; }
.class-list.scroll > div >div:nth-child(2){ display:none;}
.class-list li {padding: 15px 15px 20px;width: 310px;margin-right: 20px;margin-bottom: 20px;}
.class-list li .class-info .tit{ font-size:24px;}
#module8.index{ padding-bottom:60px;}
.module-content.about{ font-size:24px; line-height:34px;}
.module-content.about a.more{ font-size:24px;}
#module5.index .module-content.about p.info {width: 420px;}


.class-list li{ width:310px;}
.class-list li .class-info .img,.class-list li .class-info .img img{ width:310px; height:168px;}

.class-list li .class-info .tit{font-size:24px;}

/*证书云学习平台*/
#module5.index .module-content.about.book p.info {width: 710px;}
#module5.index .module-content.about.book p.school-img { display:none;}

}