@charset "utf-8";
/* CSS Document */
strong{ font:inherit;}

#banner{ background:url(../../images/it/web/banner_02.jpg) no-repeat center top; height:540px; width:100%; min-width:1180px;}

.module-content.info{ font-size:16px; color:#333; line-height:26px; text-indent:2em;}
/*====什么是h5=====*/
#module1{padding:75px 0 0; width:100%; min-width:1180px; background:#fff;}
#module1 .msg{ font-size:16px; color:#333; margin-top:35px;}
#module1 .module-content{width:930px;height:412px; margin:0 auto;}
#module1 .module-content .img{ width:423px; height:412px;}
#module1 .module-content .info{ width:480px; margin-top:145px;line-height:30px;color:#333; font-size:16px; }

/*=====H5/WEB全栈工程师人才市场需求=====*/
#module2{padding: 75px 0 0;height:391px; width:100%; min-width:1180px;background:url(../../images/it/web/bg_02.jpg) no-repeat top center; background-size:cover; background-attachment:fixed;}
.demand-content{ width:690px; margin:40px auto 0;}
.demand-content li{ color:#fff; width:310px; height:52px; margin:0 68px 25px 0; border-radius:50px; background:#32a8f5;float:left; position:relative; text-align:center;}
.demand-content li i.num{ font-size:18px; color:#32a8f5; background:#fff; width:42px; height:42px; line-height:42px; border-radius:50%; position:absolute; bottom:5px; left:5px; display:block; }
.demand-content li .info{ position:absolute; bottom:0px; left:0px; text-align:left; text-indent:3.3em; width:300px; height:52px; line-height:52px;display:block; font-size:18px; color:#fff;}

/*=====培养目标=====*/
#module3{padding: 75px 0 0;height:383px; width:100%; min-width:1180px;background:url(../../images/it/web/bg_03.jpg) no-repeat top center; background-size:cover; background-attachment:fixed;}
#module3 .info{ font-size:16px; color:#333; line-height:30px; width:520px; height:90px; background:#fff; border-radius:3px; padding:55px 30px;}
	
/*=====培训内容=====*/
#module4{padding: 75px 0 0;height:561px; width:100%; min-width:1180px;background:url(../../images/it/web/bg_04.jpg) no-repeat top center;}
.training-box{ width:1180px;margin:60px auto 0; position:relative;}
.training-box i.line{ width:1px; height:320px; border-right:1px dashed #32a8f5; display:block; position:absolute; left:590px; top:0px;}
.training-box .train-con{ width:630px; position:absolute;}
.training-box .train-con.a{left:565px; top:0;}
.training-box .train-con.b{left:-10px; top:90px;}
.training-box .train-con.c{left:565px; top:180px;}
.training-box .train-con.d{left:-10px; top:270px;}
.training-box .train-con .num{ width:54px; height:54px; display:block;}
.training-box .train-con .info{ font-size:16px; color:#333; line-height:26px;}
.training-box .train-con .info.fl{ margin-left:25px;text-align:left;}
.training-box .train-con .info.fr{ margin-right:25px; text-align:right;}
.training-box .train-con .info em.tit{ font-size:24px; line-height:24px; color:#32a8f5; display:block; margin-bottom:8px;}

/*=====学习模式=====*/
#module5{padding: 75px 0 0;height:493px;width:100%; min-width:1180px;background:url(../../images/it/web/bg_05.jpg) no-repeat top center;}
#module5 .info{ width:1180px; margin:85px auto 0; color:#333; text-align:center;}
#module5 .info li{ position:relative; width:180px; padding:45px 20px 15px; height:125px; float:left; margin-right:20px; background:#fff;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
#module5 .info li:hover,#module6 .info li:hover{ -moz-transform: translateY(-20px);-o-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);}

#module5 .info li .ico{ display:inline-block; width:45px; height:45px; padding:25px; border-radius:50%; position:absolute; top:-47px; left:62px;}
#module5 .info li .ico.a{ background:#32a8f5 url(../../images/it/java/ico_01.png) no-repeat center;}
#module5 .info li .ico.b{ background:#32a8f5 url(../../images/it/java/ico_02.png) no-repeat center;}
#module5 .info li .ico.c{ background:#32a8f5 url(../../images/it/java/ico_03.png) no-repeat center;}
#module5 .info li .ico.d{ background:#32a8f5 url(../../images/it/java/ico_04.png) no-repeat center;}
#module5 .info li .ico.e{ background:#32a8f5 url(../../images/it/java/ico_05.png) no-repeat center;}
#module5 .info li strong.tit{ font-size:18px; color:#32a8f5; line-height:28px; margin:15px 0 8px; display:block; font-weight:500;}
#module5 .info li p{line-height:24px; text-align:left;}
#module5 .info li.te p{ text-align:center;}

/*=====学习模式=====*/
#module6{padding: 75px 0 80px;width:100%; min-width:1180px;background:#fff;}
#module6 .info{ width:1180px; margin:40px auto 0; color:#333; text-align:center;}
#module6 .info li{ line-height:26px; color:#fff;width:220px; padding:25px 30px; height:170px; float:left; margin-right:20px; background:#32a8f5;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
#module6 .info li strong.tit{ text-align:center; display:inline-block; height:45px; font-size:18px; line-height:28px; width:220px; position:relative; margin-bottom:15px;}
#module6 .info li strong.tit i.line{ height:2px; width:20px; background:#fff; display:block; position:absolute; left:101px; bottom:0px;}