/* CSS Document */

*{ margin:0; padding:0; list-style:none; text-decoration:none;}
body{font-family:微软雅黑, Arial, Helvetica, sans-serif;}


/*logo*/

.bg_c{ background:#fff; height:68px;}

.wrapp {width:1000px;overflow:hidden;margin:0px auto;}

#logo {float:left; color:#fff;}

#logo img{ float:left; margin-top:10px; margin-right:10px;}

#logo h1{ float:left;color:#818181; font-size:18px;padding-top:14px; width:400px; font-weight:400;}

#logo h1 p{ line-height:1.2em}

.zxdh{ float:right; width:330px; font-size:18px; padding-top:7px; font-size:14px; margin-top:16px;}

.zxdh ul li{ float:left; border-right:1px solid #808080;}

.zxdh ul li a{ color:#808080; width:80px; display:block; text-align:center;}

.zxdh ul li a:hover{ color:#F60;}


/*banner*/

.banner1{  background:url(images/banner_01.png) center; height:45px;}
.banner2{ background:url(images/banner_02.png) center; height:32px;}
.banner3{ background:url(images/banner_03.png) center; height:30px;}
.banner4{ background:url(images/banner_04.png) center; height:33px;}
.banner5{ background:url(images/banner_05.png) center; height:36px;}
.banner6{ background:url(images/banner_06.png) center; height:37px;}
.banner7{ background:url(images/banner_07.png) center; height:36px;}
.banner8{ background:url(images/banner_08.png) center; height:44px;}
.banner9{ background:url(images/banner_09.png) center; height:34px;}
.banner10{ background:url(images/banner_10.png) center; height:42px;}
.banner11{ background:url(images/banner_11.png) center; height:39px;}
.banner12{ background:url(images/banner_12.png) center; height:215px;}
.banner13{ background:url(images/banner_13.png) center; height:230px;}
.banner23{ background:url(images/banner_23.png) center; height:39px;}
.banner24{ background:url(images/banner_24.png) center; height:97px;}
.banner25{ background:url(images/banner_25.jpg) center; height:39px;}

.banner1 ul{ width:820px; margin:0 auto; font-size:14px; font-family:"微软雅黑";}
.banner1 ul li{ float:left; padding:10px 20px;}
.banner1 ul li a{ text-decoration:none; color:#fff;}
.banner1 ul li a:hover{color:#000;}



/*板块*/



.bj_01{ margin:auto; width:1002px; margin-top:-0.1%}
.box_01{ background:#efe9c7;}
.box_01 .bj_02{ width:863px; margin:0 auto;  padding:40px 0;}
.box_01 .bj_03{ margin:auto; width:1000px; height:500px;
background:url(images/bj_06.jpg) no-repeat center; overflow:hidden;}
.bj_03 p{ color:#898989; font-size:14px; text-align:center;}
.bj_03 .zb,.yb{ float:left;}
.bj_03 .yx{ width:220px; margin:55px 0 0 90px; }
.bj_03 .wz_01{ font-size:30px; color:#0bc1dc; text-align:center;}
.bj_03 .wl{width:330px; margin:30px 0 0 360px;}
.bj_03 .wx{width:200px; margin:60px 0 0 80px;}
.bj_03 .qt{width:200px; margin:60px 0 0 110px;}
.bj_03 .pg{width:330px; margin:90px 0 0 340px;}
.bj_03 .wr{width:330px; margin:70px 0 0 340px;}
.box_02{ width:100%; padding-bottom:50px; background:#f0eeee; overflow:hidden;}
.box_02 .bj_04{ width:305px; margin:50px auto}
.box_02 ul{ width:940px; margin:auto}
.box_02 li{ width:230px; float:left; margin:5px 0 0 5px;}
.box_03{width:100%; padding-bottom:50px; 
background:#31cae5; overflow:hidden;}
.box_03 .bj_05{ width:417px; margin:50px auto}
.box_03 .bj_06{ width:912px; margin:auto; overflow:hidden;}
.box_03 .bj_07{ width:269px; height:351px; 
float:left; background:url(images/bj_17.jpg) no-repeat;}
.box_03 .bj_07 a{ width:269px; height:338px; display:block;}
.box_03 .bj_08{ width:540px; height:386px; margin-left:100px; 
float:left;background:url(images/bj_18.jpg) no-repeat; overflow:hidden;}
.bj_08 .wz_02{ width:100px; margin:20px 0 20px 30px; 
font-size:24px; color:#FFF; float:left;}
.bj_08 .wz_03{ width:100px; margin:20px 0 20px 30px; font-size:24px; color:#ffcd1c; float:left;}
.bj_08 .wz_04{ width:200px; margin:0 0 30px 30px; 
font-size:16px; color:#FFF; clear:left;}
.bj_09 ,.bj_10{ float:left;}
.bj_14 .wz_05{ width:420px; font-size:18px; text-indent:35px;
 margin-left:30px;}
.bj_14 .wz_06{ width:420px; font-size:16px; color:#706e6e; 
text-indent:30px; margin:50px 0 0 30px;}


/**/
.title h2{ font-size:36px;color:#586273}
.title h2 span{ font-size:30px;}
.title h2 font{color:#fbb801}
.title h2 span font{color:#fbb801}
.jiuye-title{padding-bottom:40px;background:url(images/jiuye_03.jpg) no-repeat center bottom; }
.jiuy-con{ clear:both; overflow:hidden;padding-top:30px; position:relative}
.jiuy-con .tongj{ position:absolute; top:80px; left:355px;}
.jiuy-con span,.jiuy-con2 .jiuy-list03 span{font-size:24px; color:#0084ff;}
.jiuy-con2 .jiuy-list03 {text-align:left}
.jiuy-con i,.jiuy-con2 .jiuy-list03 i{ font-style:normal;font-size:18px; color:#666}
.jiuy-con .jiuy-list01,.jiuy-con .jiuy-list02{margin-top:10px;margin-left:10px; float:left;padding:15px 15px 15px 90px; width:430px; font-size:14px;color:#666; line-height:24px;}
.jiuy-con .jiuy-list02{ text-align:right;background:url(images/jiu_bg05.jpg) no-repeat 455px 22px #f0f0f0;padding:15px 90px 15px 15px ;}
.jiuy-con .jiuy-list01{ text-align:left;background:url(images/jiu_bg01.jpg) no-repeat 25px 22px #f0f0f0;}
.jiuy-con #jiuy-stu02{background-image:url(images/jiu_bg05.jpg)}
.jiuy-con #jiuy-stu03{background-image:url(images/jiu_bg02.jpg)}
.jiuy-con #jiuy-stu04{background-image:url(images/jiu_bg06.jpg)}
.jiuy-con #jiuy-stu05{background-image:url(images/jiu_bg03.jpg)}
.jiuy-con #jiuy-stu06{background-image:url(images/jiu_bg07.jpg)}
.jiuy-con #jiuy-stu07{background-image:url(images/jiu_bg04.jpg)}
.jiuy-con #jiuy-stu08{background-image:url(images/jiu_bg08.jpg)}
.jiuy-con2{margin-top:35px;height:490px;width:1111px;background:url(images/jiuye_24.jpg) no-repeat center bottom; }
.jiuy-con2 h5{ background:#f8682f; color:#fff; font-size:28px;width:698px; height:48px; text-align:center; line-height:48px;margin:0 auto}
.jiuy-list03{ float:left;padding:20px 0 30px 50px; width:390px; font-size:14px;color:#666; line-height:24px;}

/*html5的优势*/

#yous{ background:#f6f6f6;}

.yous3_1{ width:722px; margin:0 auto; overflow:hidden; background:url(images/yous_1.jpg) no-repeat; font-size:14px; color:#898989; padding-top:123px; padding-bottom:65px;}

.yous3_1 p{ width:198px; float:left; margin:0px 21px; line-height:2.3em;}

.quan6{ padding-bottom:78px;}
.quan6_1{ height:126px; background:#ffcc1b;}

.quan{ width:1000px; margin:0 auto;}


/*学html5好不好*/

.box_04{ background:#f0eeef; padding:50px 0px;}

.hang{ width:853px; margin:0 auto;}




/*经过达内*/

#jingg{ background:#a2d04c;}

#huise{ text-align:center; background:#e4e0dd;}


/*互联网工程师课程*/

.course-con{ background:#f6f6f6; margin-top:60px;font-size:14px; padding-bottom:40px;}
.table-tit td{color:#6a6a6a; text-align:center}
.course-con table{ border-left:#cbcbcb 1px solid;border-top:#cbcbcb 1px solid;}
.course-con table td{border-right:#cbcbcb 1px solid;border-bottom:#cbcbcb 1px solid;padding:11px 10px}
.course-table{clear:both; width:988px; margin:0 auto;padding-bottom:40px;}

.wrap{ padding:45px 0px; text-align:center;}











#shiz{ background:#eee; padding:65px 0 38px;}
.w_1065{ width:1065px; margin:0 auto;}



#laos{ background:#fcb239; padding:65px 0px;}




#tts{ background:url(images/niu_dibg.jpg) repeat-x bottom #e4e0dd; padding:65px 0px;}





#ship{ background:#12b5b0; overflow:hidden; padding-bottom:100px;}

#ship ul{ margin-top:50px; margin-bottom:70px; clear:both;}

#ship ul li{ float:left;}



#zhis{ background:url(images/wenda_bg1.jpg) repeat-x top; overflow:hidden; margin-bottom:100px;}
#zhis ul{ clear:both; overflow:hidden;}
#zhis ul li{ width:385px; margin-left:44px; float:left; color:#8f8f8f; margin-top:25px; background:url(images/wenda_bg.jpg) no-repeat; padding-left:35px;}



#hezuo{ background:#1e82c8;}





#qiangr{ background:#f3f7fb;}



/*底部*/

.bom{ background:#000; height:80px; overflow:hidden; font-size:13px;}

.bom ul{ width:350px; margin:0 auto; padding-top:20px;}

.bom ul li{ float:left; color:#d9d7d8; list-style:none;}


.bom ul li a{color:#fefefe; text-decoration:none; padding:0 5px;}

.bom ul li a:hover{ color:#fff;}

#s_16{ font-size:16px; font-weight:bold;}

.hei{ height:31px; line-height:31px; font-size:13px; background:#695d5d; color:#fff; text-align:center;}