@charset "utf-8";
/* CSS Document */
strong{ font:inherit;}

#banner{ background:url(../../images/it/banner_02.jpg) no-repeat center top; height:540px; width:100%; min-width:1180px;}
/*#banner .banner-box{width:1180px; margin:0 auto; position:relative; height:527px; text-align:center; color:#fff; overflow:hidden;}
#banner .banner-box .join-info{ position:absolute; left:0px; bottom:128px;  height:50px; width:1180px; line-height:50px; color:#fff; font-size:16px; }
#banner .banner-box .join-info a.a{ height:50px; width:185px; background:#50ba93; border-radius:3px;color:#fff; display:inline-block;}
#banner .banner-box .join-info a.a:hover{background:#fff; color:#50ba93;}

#banner .banner-box .join-info a.b{ height:50px; width:185px; border-radius:3px; border:1px solid #50ba93; color:#50ba93; display:inline-block; margin-left:25px;}
#banner .banner-box .join-info a.b:hover{background:#50ba93; color:#fff;}
*/
.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;}
.center-title strong.tit.white{ color:#fff; background:none!important;}
.center-title strong.tit i.line{ height:2px; width:36px; background:#1cc5b9; display:block; position:absolute; left:132px; bottom:0px;}
.center-title strong.tit.white i.line{ background:#fff;}

.module-content{width:1180px;margin:0 auto;}

.btn-box{ text-align:center;}
.btn-box a.detail{ background:#ef4136; width:160px; height:45px; line-height:45px; border-radius:3px; color:#fff; display:inline-block;}
.btn-box a.detail:hover{ background:#d83126; }

.module-content.info{ font-size:16px; color:#333; line-height:26px; text-indent:2em;}
/*====项目介绍=====*/
#module1{padding:75px 0 95px; width:100%; min-width:1180px; background:#e9ecef;}
#module1 .topics-list{ width:1180px; margin:0 auto;}
#module1 .topics-list li{ text-align:center;width:380px;background:#fff; margin-right:20px;position:relative;}
#module1 .topics-list li .img,#module1 .topics-list li .img img{ width:380px; height:220px;  overflow:hidden;-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;}
#module1 .topics-list li a:hover .img img{-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);transform: scale(1.10, 1.10);}
#module1 .topics-list li .meng{ background:url(../../images/little/meng_03.png); width:380px; height:220px; position:absolute; left:0px; top:0px;visibility:hidden;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
#module1 .topics-list li a{ display:block; border:none;}
#module1 .topics-list li a:hover .meng{visibility:visible;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}

#module1 .topics-list li .img  em{ -webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);font-size:14px; width:114px; height:36px; line-height:36px; background:#1cc5b9; display:inline-block; color:#fff; border-radius:30px; position:absolute; left:133px; top:92px;-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;}
#module1 .topics-list li a:hover .img  em{-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
#module1 .topics-list li .tit{ font-size:18px; color:#2d2a3f; height:40px; display:block; padding:15px 0;-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;}
#module1 .topics-list li a:hover .tit{ color:#1cc5b9; }
#module1 .topics-list li i.detail{ position:absolute; left:175px; bottom:-15px;width:30px; height:30px; font-weight:bold; line-height:30px;font-size:16px; background:#505a9d; color:#fff; border-radius:50%; display:inline-block;-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;}
#module1 .topics-list li a:hover i.detail{background:#1cc5b9; }

/*=====师资力量=====*/
#module2{padding: 75px 0 60px;width:100%; min-width:1180px; background:#fff;}
.hidden-teach{ overflow:hidden; width:1180px; margin:40px auto 0;}
.hidden-teach.te{ width:1180px; }
.teach-list{ width:1200px;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
.teach-list li{width:280px; margin:0 20px 20px 0; float:left;}
.teach-list li .img{ position:relative; width:280px; height:390px;}
.teach-list li .img img{ width:280px; height:390px;}
.teach-list li .img .detail{ width:220px; height:340px; overflow:hidden; background:url(../../images/it/teacher_bg.png); position:absolute; top:0px; left:0px; padding:25px 30px; color:#fff; line-height:24px;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.teach-list li:hover .img .detail{ -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.teach-list li .info{ text-align:center; color:#fff; width:270px;overflow:hidden; height:50px; padding:25px 5px; background:#505a9d;}
.teach-list li .info .name{ font-size:24px;display:block; }
.teach-list li .info .msg{line-height:26px; font-size:16px;}


/*=====学员风采=====*/
#module3{padding: 75px 0 0;height:772px; width:100%; min-width:1180px;background:url(../../images/it/bg_01.jpg) no-repeat top center;}
.star-student{ width:100000px;}
.star-student li{ width:1200px;float:left; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.star-student li .box{ width:330px; padding:25px 25px 20px;background:#e6e9ff;border-radius:3px;  float:left; margin:0 20px 20px 0;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.star-student li .box:hover{background:#5dd5a9;}
.star-student li .box:hover .info,.star-student li .box:hover .info .offer b,.star-student li .box:hover .info .name{ color:#fff;}
.star-student li .img{ display:inline-block; width:104px; height:104px; border-radius:50%; background:#fff; padding:4px; box-shadow:2px 2px 2px #e9ecef;}
.star-student li .img img{width:104px; height:104px;}
.star-student li .info{ color:#666; line-height:24px; width:200px;}
.star-student li .info .name{ font-size:18px; color:#333; line-height:28px; margin-top:10px; margin-bottom:7px; display:block;}
.star-student li .info .pre{display:block;}
.star-student li .info .offer b{ color:#f1665e; font-weight:bold;}

/*=====实训基地=====*/
#module4{padding: 75px 0 0;height:731px; width:100%; min-width:1180px;background:url(../../images/electricity/index/bg_02.jpg) no-repeat top center;}
#module3 .msg{ font-size:16px; color:#666; line-height:26px;}
.course-site{ width:100000px; -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;}
.course-site li{ width:1180px; float:left;}
.course-site li .top{ margin-bottom:20px;}
.course-site li span{ margin-right:20px; float:left;}
.course-site li span img{ display:block;}

.ico-change{ text-align:center; margin-top:30px;}
.ico-change a{ display:inline-block; width:12px; height:12px; margin:0 3px; border-radius:12px; background:#cdd3d5;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ico-change a.on{ background:#1cc5b9; width:24px; }

