feat:办事指南

@@ -4,6 +4,9 @@
     margin: 0 auto;
     margin: 0 auto;
     overflow: hidden;
     overflow: hidden;
 }
 }
+.business_guide {
+    overflow-x: hidden;
+}
 /* -------------------------end------------------------------- */
 /* -------------------------end------------------------------- */
 /* -------------------------头部start----------------------------------- */
 /* -------------------------头部start----------------------------------- */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
@@ -159,4 +162,113 @@ div.navigation {
     padding-left: 15px;
     padding-left: 15px;
     box-sizing: border-box;
     box-sizing: border-box;
 }
 }
+.online_list {
+    padding-bottom: 20px;
+    overflow: hidden;
+}
+.online_list li{
+    width: 45%!important;
+    float: left;
+    height: 60px;
+    line-height: 60px;
+    border-bottom: 1px dotted #DEDEDE;
+}
+.online_list li:nth-child(even) {
+    margin-left: 10%;
+}
+.online_list li a{
+    display: block;
+    width: 100%;
+}
+.online_list li a:hover span{
+    color: #f46143;
+}
+.online_list li a button {
+    float: right;
+    margin-top: 15px;
+}
 /* ---------------------------------------------------- */
 /* ---------------------------------------------------- */
+/* -----------------底部start----------------------------- */
+div.footer {
+    background-color: #233042;
+}
+div.footer .system_service {
+    width: 100%;
+    border-bottom: 1px solid #4A4A4A;
+}
+div.footer .system_service ul {
+    padding: 40px 0;
+    width: 1400px;
+    margin: 0 auto;
+    font-size: 0;
+}
+div.footer .system_service ul li {
+    width: 20%;
+    display: inline-block;
+    text-align: center;
+    height: 18px;
+    box-sizing: border-box;
+}
+div.footer .system_service ul li:not(:last-child) {
+    border-right: 1px solid #6D7278;
+}
+div.footer .system_service ul li a{
+    font-size: 16px;
+    font-weight: 400;
+    color: #DEDEDE;
+}
+div.footer .system_service ul li a:hover {
+    color: #f46143;
+}
+.footer .subject {
+    width: 1200px;
+    margin: 0 auto;
+    padding: 40px 0;
+    overflow: hidden;
+}
+.footer .subject .footer_logo {
+    float: left;
+}
+.footer .subject .footer_logo a{
+    display: block;
+    width: 64px;
+    height: 74px;
+    padding: 10px;
+}
+.footer .subject .footer_logo a img {
+    width: 100%;
+    height: 100%;
+}
+.footer .subject ul, ol {
+    float: left;
+    color: #CBCBCB;
+    text-align: left;
+}
+.footer .subject ul {
+    width: 73%;
+    box-sizing: border-box;
+    padding-left: 40px;
+    margin-top: 10px;
+}
+.footer .subject ul li {
+    width: 30%;
+    display: inline-block;
+    text-align: left;
+    margin-bottom: 30px;
+}
+.footer .subject ol li {
+    display: inline-block;
+    text-align: center;
+}
+.footer .subject ol li:last-child {
+    margin-left: 60px;
+}
+.footer .subject ol li img {
+    width: 80px;
+    height: 80px;
+}
+.footer .subject ol li p {
+    font-size: 12px;
+    color: #CBCBCB;
+    margin-top: 5px;
+}
\ No newline at end of file