/*头部样式*/ .header { background:url("/r/cms/www/default/img/bg.png") 100% 100%; } .header .wrap .top { height: 220px; background: url("/r/cms/www/default/img/jztp.png") no-repeat; background-size: 100% 220px; } .header .wrap .top .logo { margin-left: 20px; margin-top: 82px; width: 567px; height: 71px; } .nav { height: 56px; background-color: #0274cc; } .nav .wrap .nav-ul active { border: 2px solid #ccc; } .nav .wrap .nav-ul li { float: left; width: 109px; height: 55px; } .nav .wrap .nav-ul li a { display: block; width: 109px; height: 55px; font-size: 17px; color: #fff; text-align: center; line-height: 55px; } .nav .wrap .nav-ul li a:hover { background-color: #147ccc; } .nav .wrap .nav-ul li a i { display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 16px; vertical-align: -2px; } .nav .wrap .nav-ul li a i img { width: 16px; height: 16px; margin-right: 8px; } .nav .wrap .nav-ul li .active { background-color: #005aa8; } /*底部样式*/ .footer { background-color: #0274CC; } .footer .wrap .foot { height: 126px; width: 462px; margin: 0 auto; } .footer .wrap .foot .sydw { width: 70px; height: 85px; margin-top: 20px; } .footer .wrap .foot .line { width: 1px; height: 68px; margin-left: 30px; margin-right: 30px; margin-top: 28px; } .footer .wrap .foot .info { margin-top: 26px; } .footer .wrap .foot .info span { font-size: 12px; color: #fff; display: block; margin-bottom: 12px; } .footer .wrap .foot .info span a { color: #fff; margin-left: 8px; }