*{margin:0;padding:0}.w{margin:0 auto;width:1200px}body{background-color:#f3f5f7;font-family:Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif}li{list-style:none}a{text-decoration:none}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.header{height:42px;margin:30px auto}.logo{float:left;height:42px;width:198px}.nav{float:left;margin-left:60px}.nav ul li{float:left;margin:0 15px}.nav ul li a{color:#050505;display:block;font-size:18px;height:42px;line-height:42px;padding:0 10px}.nav ul li a:hover{border-bottom:2px solid #00a4ff;color:#00a4ff}.ad{background:hsla(0,0%,100%,.3);left:10px;position:fixed;top:150px;width:145px}.ad ul{margin:15px 0}.ad ul li a{color:#000;display:block;font-size:14px;height:38px;line-height:38px;text-align:center;width:145}.search{float:left;height:42px;margin-left:70px;width:411px}.search input{border:1px solid #00a4ff;border-right:none;color:#bfbfbf;float:left;font-size:14px;height:40px;padding-left:15px;width:345px}.search button{background:url(images/search.png);border:0;float:left;height:42px;width:50px}.user{color:#666;float:right;font-size:14px;line-height:42px;margin-right:30px}.user img{border:0;vertical-align:middle}.banner{background-color:#1c036c;height:421px}.banner .w{background:url(images/banner2.png) no-repeat top;height:421px}.banner .w .subnav{background:rgba(0,0,0,.3);float:left;height:421px;width:190px}.subnav ul li a{color:#fff;display:block;font-size:14px;height:46px;line-height:46px;padding:0 20px}.subnav ul li a:hover{background:rgba(0,0,0,.4);color:#00b4ff;width:150px}.course,.subnav ul li a span{float:right}.course{background-color:#fff;height:300px;margin-top:50px;width:230px}.course h2{background-color:#9bceea;color:#fff;font-size:18px;height:48px;line-height:48px;text-align:center}.course .bd{padding:0 15px 0 20px}.bd ul li{border-bottom:1px solid #ccc;height:32px;padding:15px 0}.bd ul li:first-child{padding:18px 0}.course .bd ul li h4{color:#4e4e4e;font-size:14px}.course .bd ul li p{color:#a5a5a5;font-size:12px}.bd .more{border:1px solid #00b4ff;color:#00b4ff;display:block;font-size:16px;font-weight:700;height:38px;line-height:38px;margin-top:8px;text-align:center}.goods{background-color:#fff;box-shadow:0 2px 3px 3px rgba(0,0,0,.1);height:60px;line-height:60px;margin-top:10px}.goods h3{color:#00b4ff;font-size:16px}.goods h3,.goods ul{float:left;margin-left:30px}.goods ul li{float:left}.goods ul li a{border-left:1px solid #ccc;color:#050505;font-size:16px;padding:0 30px}.goods ul li a:hover,.mod{color:#00b4ff}.mod{float:right;font-size:14px;margin-right:30px}.box{margin:32px auto 18px}.box .box-hd{height:45px}.box .box-hd h3{color:#494949;float:left;font-size:20px}.box .box-hd a{color:#a5a5a5;float:right;font-size:12px;margin-right:30px;margin-top:10px}.box-bd ul{width:1225px}.box-bd ul li{background-color:#fff;float:left;height:270px;margin-bottom:15px;margin-right:15px;position:relative;width:228px}.box-bd ul li em{position:absolute;right:-4px;top:0}.box-bd ul li>img{width:100%}.box-bd ul li h4{color:#050505;font-size:14px;font-weight:400;margin:20px 20px 20px 25px}.box-bd .info{color:#999;font-size:12px;margin:0 20px 0 25px}.box-bd .info span{color:#ff7c2d}.happy{height:440px;margin-bottom:18px}.h_hd{height:45px}.h_hd h4{color:#494949;float:left;font-size:20px}.h_hd ul{float:left;margin-left:350px}.h_hd ul li{float:left;font-size:16px;line-height:45px;margin-right:70px}.h_hd ul li a{color:#868686}ul li a:hover{color:#00b4ff}.h_hd>a{color:#a5a5a5;float:right;font-size:12px;line-height:45px;margin-right:30px}.h_bd{background-color:#fff;height:393px}.h_bd .h_bd_l{background:url(images/php.png);float:left;height:393px;width:227px}.h_bd .h_bd_r{float:right;height:393px;width:960px}.h_bd .h_bd_r ul{width:972px}.h_bd .h_bd_r img{width:100%}.h_bd .h_bd_r ul li{background-color:#fff;float:left;height:270px;margin-right:15px;margin-top:17px;width:228px}.h_bd .h_bd_r ul li img{width:100%}.h_bd .h_bd_r ul li h4{color:#050505;font-size:14px;font-weight:400;margin:20px 20px 20px 25px}.h_bd .info{color:#999;font-size:12px;margin:0 20px 0 25px}.h_bd .info span{color:#ff7c2d}.h_bd .h_bd_l2{background:url(images/php2.png);float:left;height:393px;width:227px}.M_top{margin-top:25px}.sort{height:310px}.M_2{margin:32px auto}.footer{background-color:#fff;clear:both;height:415px}.footer .w{padding-top:35px}.copyleft{float:left}.copyleft p{color:#666;font-size:12px;margin:20px 0 15px}.copyleft .app{border:1px solid #00b4ff;color:#00b4ff;display:block;font-size:16px;height:33px;line-height:33px;text-align:center;width:118px}.links{float:right}.links dl{float:left;margin-left:138px}.links dl dt{color:#333;font-size:16px;margin-bottom:5px}.links dl dd{height:20px}.links dl dd a{color:#333;font-size:12px}