.index_foot { box-sizing: border-box; width: 1200px; margin: 0 auto; } .index_foot_name_box { margin: 40px auto 0px; text-align: center; font-size: 0px; } .index_foot_name { display: inline-block; height: 67px; line-height: 67px; color: #f2f9f4; font-size: 51px; font-weight: bold; overflow: hidden; } .index_foot_name:nth-of-type(even) { color: #333; font-size: 32px; } .foot_yqlj{ width: 1200px; height: 70px; margin: 0 auto; margin-bottom: 30px; img { width: 100%; height: 100%; } } .foot6_yqlj{ width: 1200px; height: 32px; margin: 19px auto; img { width: 100%; height: 100%; } } .foot_img_box { overflow: hidden; display: block; margin: 10px auto 0; width: 100%; } .foot_img_box>* { float: left; width: 170px; height: 57px; overflow: hidden; margin: 0px 36px 20px 0px; } .foot_img_box>* * { display: block; width: 170px; height: 57px; } .foot_img_box>*:nth-of-type(6n) { margin-right: 0px; } .foot_frind_box { display: block; margin: 20px auto 20px; overflow: hidden; display: flex; width: 100%; } .foot_frind_box span { word-break: keep-all; white-space: nowrap; line-height: 22px; font-size: 16px; color: #333; font-weight: bold; } .foot_frind_box div { width: 100%; overflow: hidden; } .foot_frind_box div * { float: left; line-height: 22px; height: 22px; color: #333; font-size: 16px; margin: 0 27px; margin-bottom: 20px; } .foot_text_box { margin: 40px auto 0px; text-align: center; color: #333; font-size: 14px; line-height: 25px; p { a { color: #333; font-size: 14px; } .webSitecolor { color: #dd7d18; } } } .foot_text_box :deep(a){color: #333;} .top_content { padding: 0 170px; } .webSitecolor { color: #dd7d18; } .foot_text_box_green { color: #40663B; } .foot_text_box img { display: inline-block; height: 20px; vertical-align: middle; } .foot_logo_out { position: relative; margin: 0px auto; width: 100%; height: 0px; } .foot_logo_out * { width: 120px; display: block; } .foot_logo_out>* { position: absolute; top: -145px; } .foot_logo_out>*:nth-of-type(1) { left: 0px; } .foot_logo_out>*:nth-of-type(2) { right: 0px; } .foot_last_img_box { margin: 40px auto 10px; text-align: center; overflow: hidden; width: 100%; font-size: 0px; padding-bottom: 40px; } .foot_last_img_box>* { height: 50px; width: 120px; margin: 0px 13px; display: inline-block; overflow: hidden; } .foot_last_img_box>* * { display: block; height: 100%; width: 100%; overflow: hidden; } // template start ----------------------------------------> .foot_menu_box_style1 { width: 100%; min-height: 50px; background: #1C5468; .foot_menu_box { width: 1200px; margin: 0 auto; padding-top: 15px; padding-bottom: 5px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; div { a { color:#fff; font-size: 14px; } width: 170px; box-sizing: border-box; border-right: 1px solid #193D4A; text-align: center; margin-bottom: 10px; &:nth-child(7),&:nth-child(14),&:last-child { border-right: none; } } } .foot_menu_box_left { justify-content: flex-start; } } .foot_menu_box_style2 { width: 100%; min-height: 50px; background: #A91B33; .foot_menu_box { width: 1200px; margin: 0 auto; padding-top: 15px; padding-bottom: 5px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; div { a { color:#fff; font-size: 14px; } width: 170px; box-sizing: border-box; border-right: 1px solid #930F25; text-align: center; margin-bottom: 10px; &:nth-child(7),&:nth-child(14),&:last-child { border-right: none; } } } .foot_menu_box_left { justify-content: flex-start; } } .foot_menu_box_style3 { width: 100%; min-height: 50px; background: #c82200; .foot_menu_box { width: 1200px; margin: 0 auto; padding-top: 15px; padding-bottom: 5px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; div { a { color:#fff; font-size: 14px; } width: 170px; box-sizing: border-box; border-right: 1px solid #ac2307; text-align: center; margin-bottom: 10px; &:nth-child(7),&:nth-child(14),&:last-child { border-right: none; } } } .foot_menu_box_left { justify-content: flex-start; } } .foot_menu_box_style4 { width: 100%; min-height: 50px; background: #fe8f00; .foot_menu_box { width: 1200px; margin: 0 auto; padding-top: 15px; padding-bottom: 5px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; div { a { color:#fff; font-size: 14px; } width: 170px; box-sizing: border-box; border-right: 1px solid #df7e01; text-align: center; margin-bottom: 10px; &:nth-child(7),&:nth-child(14),&:last-child { border-right: none; } } } .foot_menu_box_left { justify-content: flex-start; } } // 皮肤5 底部样式 .foot_menu_box_style5{ width: 100%; height: 50px; padding: 18px 0; box-sizing: border-box; line-height: 12px; background-color: #3848a0; .foot_menu_box{ width: 1200px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; div { height: 12px; width: 170px; box-sizing: border-box; border-right: 2px solid #1f308c; text-align: center; margin-bottom: 10px; a { color:#fff; font-size: 14px; } &:nth-child(7),&:nth-child(14),&:last-child { border-right: none; } } } .foot_menu_box_left { justify-content: flex-start; } } .index_foot_bg5{ background-color: #3848a0; .index_foot{ .foot_text_box{ color: #fff; } .foot_text_box :deep(a){color: #fff;} } } // 皮肤6 底部样式 .foot_menu_box_style6{ width: 100%; height: 50px; padding: 18px 0; box-sizing: border-box; line-height: 12px; background-color: #16407a; .foot_menu_box{ width: 1200px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; div { height: 12px; width: 170px; box-sizing: border-box; text-align: center; margin-bottom: 10px; a { color:#fff; font-size: 14px; font-weight: bold; } &:nth-child(7),&:nth-child(14),&:last-child { border-right: none; } } } .foot_menu_box_left { justify-content: flex-start; } } .index_foot_bg6{ background-color: #16407a; .index_foot{ .foot_text_box{ color: #fff; } .foot_text_box :deep(a){color: #fff;} } } // template end ---------------------------------------->