body { background: #f2f2f2; } .fl { float: left; } .fr { float: right !important; } .w1040 { width: 1040px; margin: 0 auto; } .banner { width: 100%; } .banner img { width: 100%; } .nav { width: 100%; height: 48px; line-height: 48px; text-align: center; background: #ff610c; } .nav ul { display: block; } .nav li { width: 25%; font-size: 18px; font-family: "微软雅黑"; color: #FFFFFF; float: left; } .nav li a { color: #FFFFFF; display: block; width: 255px; float: left; } .zc_wrap { background: #FFFFFF; height: 200px; width: 1000px; padding: 20px; margin-top: 20px; } .zc_wrap .bottom { padding-top: 10px; } .zc_wrap .bottom .r_box { width: 470px; } .zc_wrap .bottom li:before { content: ''; background: #999; width: 3px; height: 3px; margin-right: 5px; margin-top: 15px; display: blcock; float: left; } .zc_wrap .bottom li { width: 470px; float: left; display: block; color: #999; height: 32px; line-height: 32px; } .zc_wrap .bottom li a { height: 32px; line-height: 32px; padding-left: 10px; color: #333333; } .zc_wrap .bottom li a:hover { color: #FF610C; } .zc_tit { border-bottom: 1px solid #dedede; } .zc_tit h3 { font-size: 18px; color: #333; line-height: 18px; padding-top: 5px; } .zc_tit a:hover { color: #FF610C; } .zc_tit em { float: left; display: block; width: 3px; height: 17px; background: #ff610c; margin-right: 10px; } .zc_tit ul { margin-left: 65px; display: block; } .zc_tit ul li { float: left; margin-right: 15px; border: 1px solid #DEDEDE; height: 35px; line-height: 35px; color: #333; border-bottom: none; background: #F2F2F2; cursor: pointer; font-size: 16px; width: 66px; } .zc_tit ul li a { display: block; color: #333; height: 35px; line-height: 35px; padding-top: 0 !important; width: 65px; text-align: center; } .zc_tit ul li:hover { height: 35px; border-top: 1px solid #FF610C; } .zc_tit ul li:hover a { color: #FF610C; height: 36px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FF610C; background: #FFFFFF; text-decoration: none; } .zc_tit ul .on { height: 35px; border-top: 1px solid #FF610C; } .zc_tit ul .on a { color: #FF610C; height: 36px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FF610C; background: #FFFFFF; } .zc_tit a { font-size: 14px; color: #666; font-family: "微软雅黑"; padding-top: 5px; } .gh_box { background: #FFFFFF; float: left; width: 470px; padding: 20px; } .gh_box .top { padding-bottom: 15px; } .gh_box .bottom { padding-top: 10px; } .gh_box .bottom li:before { content: ''; background: #999; width: 3px; height: 3px; margin-right: 5px; margin-top: 15px; display: blcock; float: left; } .gh_box .bottom li { width: 470px; display: block; color: #999; height: 32px; line-height: 32px; } .gh_box .bottom li a { height: 32px; line-height: 32px; padding-left: 10px; color: #333333; } .gh_box .bottom li a:hover { color: #FF610C; } .footer { background: #FF610C; padding: 20px 0; width: 100%; margin-top: 20px; color: #FFFFFF; text-align: center; } .footer .w1040 { position: relative; } .footer ul li { display: inline-block; *display: inline; *zoom: 1; color: #FFFFFF; } .footer ul li a { color: #FFFFFF; font-size: 14px; padding: 0 10px; } .footer p { padding-top: 10px; } .footer .dz { position: absolute; left: 150px; bottom: 20px; } .footer .zf { position: absolute; right: 145px; bottom: 20px; }