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

#banner{ background:url(../../images/it/ui/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;}
/*====为什么要学习UI设计=====*/
#module1{padding:75px 0 95px; width:100%; min-width:1180px; background:#f4f5f9;}
#module1 .module-content{width:1100px; margin:0 auto; padding:40px; background:#fff;}
#module1 .module-content .top-info .left{ width:800px;font-size:16px; color:#333; margin-top:30px;}
#module1 .module-content .top-info .left p{ position:relative; padding-left:42px; line-height:32px; margin-bottom:20px;}
#module1 .module-content .top-info .left p i.num{ position:absolute; left:0px; top:0px; width:32px; height:32px; line-height:32px; text-align:center; display:inline-block; border-radius:50%; background:#fe5063; color:#fff;}
#module1 .module-content .top-info .right{ width:280px;}
#module1 .module-content .top-info .right em{ width:280px; height:55px; line-height:55px; color:#fff; font-size:16px; display:inline-block; text-indent:7em;margin-bottom:8px;}
#module1 .module-content .top-info em.a{ background:#fe5063 url(../../images/it/ui/ico_01.png) no-repeat 55px center;}
#module1 .module-content .top-info em.b{background:#fe5063 url(../../images/it/ui/ico_02.png) no-repeat 55px center;}
#module1 .module-content .top-info em.c{background:#fe5063 url(../../images/it/ui/ico_03.png) no-repeat 55px center;}
#module1 .module-content .top-info em.d{background:#fe5063 url(../../images/it/ui/ico_04.png) no-repeat 55px center;}

#module1 .module-content .bot-info .title-msg{height:24px; width:100%; position:relative; text-align:center;}
#module1 .module-content .bot-info .title-msg em{ font-size:24px; line-height:24px; color:#333; background:#fff; padding:0 5px; display:inline-block; position:relative; z-index:2;}
#module1 .module-content .bot-info .title-msg i.line{ width:100%; height:1px; background:#e7e7e7; position:absolute; left:0px; bottom:10px; z-index:1; display:block;}

#module1 .module-content .city-info{ margin-top:40px; font-size:16px;}
#module1 .module-content .city-info th{ background:#ffe8eb; color:#333;padding:10px 0; width:105px; font-weight:bold; border-right:1px solid #fff;}
#module1 .module-content .city-info th.te{background:#fe5063; color:#fff;font-weight:bold;border-bottom:1px solid #fff;}
#module1 .module-content .city-info td{ padding:10px 0; color:#333; text-align:center; border-bottom:1px solid #e7e7e7;}
#module1 .module-content .city-info td.te{background:#fe5063; width:150px; color:#fff;font-weight:bold; border-bottom:1px solid #fff;border-right:1px solid #fff;}

/*=====培养目标=====*/
#module2{padding: 75px 0 0;height:585px; width:100%; min-width:1180px;background:#fff url(../../images/it/ui/bg_01.jpg) no-repeat bottom center;}
.demand-content{ width:800px; margin:40px auto 0;}
.demand-content li{ color:#fff; width:300px; height:180px; padding:33px 40px;line-height:30px; font-size:16px; border-radius:5px;}
.demand-content li.a{ background:#f9830e; }
.demand-content li.b{ background:#2fa3dd; }
	
/*=====培训内容=====*/
#module3{padding: 75px 0 80px;width:100%; min-width:1180px;background:#fe5063;}
.training-box{ width:1180px;margin:40px auto 0;}
.training-box li{ float:left;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;}
.training-box li.img{ width:236px; height:236px; }
.training-box li.img img{ display:block;}
.training-box li.info{ padding:45px 50px; line-height:34px; font-size:24px; width:136px; height:146px;}
.training-box li.info.a{ background:#92d050;}
.training-box li.info.b{ background:#5b9bd5;}
.training-box li.info.c{ background:#8faadc;}
.training-box li.info.d{ background:#00b6b4;}
.training-box li.info.e{ background:#fda70b;}

/*=====学习模式=====*/
#module4{padding: 75px 0 0; height:418px;width:100%; min-width:1180px;background:url(../../images/it/ui/bg_02.jpg) no-repeat top center; /*background-size:cover; background-attachment:fixed;*/}
#module4 .info{ width:1180px; margin:85px auto 0; color:#333; text-align:center;}
#module4 .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;}
#module4 .info li:hover,#module6 .info li:hover{ -moz-transform: translateY(-20px);-o-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);}

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

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