Permanent Redirect. .leve { float: left; } .leve a { font-size: 12px !important; } .leve>p { font-size: 15px; margin-left: 20px; } .levetwo ul, .levethree ul { width: 430px; } .levetwo ul li, .levethree ul li { width: 215px; float: left; } .footer { width: 100%; } .footerTop { background-color: #0068b7; height: 62px; } .footerTopConRight { color: #fff; line-height: 62px; float: right; } .footerTopConRight a { color: #fff; font-size: 16px; } .footerTopConRight a:hover { text-decoration: underline; } .footerTopCon { position: relative; } .footerTopConLeft { text-align: center; width: 100%; height: 62px; } .showBottom p { font-weight: bold; color: #005bac; text-align: left; line-height: 60px; } .showBottom div { text-align: left; line-height: 30px; margin-bottom: 20px; } .footerTopConLeft>div { cursor: pointer; width: 110px; text-align: center; line-height: 62px; display: inline-block; } .footerTopConLeft .showBottom { position: absolute; left: 0; bottom: 62px; overflow: hidden; max-height: 0; background: rgba(255, 255, 255, 1); } .footerTopConLeft .showBottom.active { max-height: 400px; transition: 1s; } .showBottom { box-sizing: border-box; padding: 0 20px; width: 100%; } .showBottom>div a { margin-left: 20px; color: #999 !important; width: auto !important; } .showBottom>div a:hover { color: #005bac !important; text-decoration: underline; } .footerTopConLeft>div a { width: 110px; color: #fff; } .footerTopConLeft>div:hover>a { background-color: #fff; color: #00796a; } .footerCenter { height: 210px; width: 100%; background-color: #dcdcdc; } .footerBottom { color: #656565; text-align: center; line-height: 35px; height: 35px; background-color: #323232; } .footerCenterConLeft { text-align: center; float: left; margin-top: 25px; margin-bottom: 25px; width: 100%; } .footerCenterConLeft>p a { text-align: center; font-size: 16px; font-weight: 600; } .footerCenterConLeft>p a:nth-of-type(n+2) { margin-left: 10px; } .ulBox ul { margin-top: 20px; font-size: 12px; float: left; } .ulBox ul li { text-align: center; } .ulBox ul:nth-of-type(n+2) { margin-left: 28px; } .footerCenterConLeft a:hover { text-decoration: underline; color: #00796a; } .footerCenterConRight { float: left; } .erBox { text-align: center; margin-top: 20px; } .erBox img:last-child { margin-left: 16px; } .phone { box-sizing: border-box; padding: 0 35px 0 90px; margin-top: 20px; } .phone ul { font-size: 14px; } /*-----------*/ .footerCenterConL { float: left; width: 330px; margin-top: 80px; } .footerCenterCon { position: relative; height: 208px; } .footerCenterConC { margin-left: 40px; float: left; width: 500px; height: 208px; } .footC1 { height: 22px; margin-top: 40px; width: 100%; } .footerCenterConC>p { font-size: 14px; margin-top: 10px; } .foot_item { float: left; } .foot_item>a { font-size: 17px; } .foot_item:nth-of-type(n+2)>a { margin-left: 5px; } .about { position: absolute; bottom: 168px; left: 0; width: 100%; z-index: 99; max-height: 0; overflow: hidden; background-color: #fff; box-sizing: border-box; } .about_item { margin-left: 30px; margin-bottom: 20px; } .about.active { transition: 1s; max-height: 600px; } .a_title { margin-top: 20px; width: 80px; color: #005bac; font-weight: bold; float: left; } .a_list { width: 1060px; float: left; } .a_list>a { margin-top: 20px; margin-left: 15px; color: #999; } .a_list>a:hover { color: #005bac; text-decoration: underline; } .about_item:after { content: ""; overflow: hidden; height: 0; display: block; clear: both; visibility: hidden; } .footerCenterConR { margin-top: 50px; float: right; width: 250px; } .footerCenterConR>img{ width: 113px; height: 113px; } .footerCenterConR>img:last-child { margin-left: 15px; } /* last */ .zuihou { text-align: center; width: 950px; height: 100%; float: left; } .footerCenter { background-color: #fff; } .zuihou>p:nth-of-type(1) a:nth-of-type(n+2):hover { text-decoration: underline; color: #00bd69; } .zuihou>p { line-height: 38px; } /* 网站群 */ .zuihou { box-sizing: border-box; padding-top: 46px; position: relative; } .group_tab{ box-sizing: border-box; padding: 0 15px; } .group_tab i { margin-left: 5px; vertical-align: middle; display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #282828; } .group_tab.active{ color: #00bd69; background-color: #f6f9fb; } .group_tab.active i{ border-top: none; border-bottom: 6px solid #282828; } .group_list { overflow: hidden; box-sizing: border-box; width: 100%; max-height: 0; background-color: #f6f9fb; position: absolute; bottom: 162px; left: 0; z-index: 9; text-align: left!important; } .group_list.active { max-height: 600px; transition: 0.6s; } .group_title{ box-sizing: border-box; padding-left: 40px; font-size: 16px; line-height: 30px; font-weight: bold; color: #009251; margin-top: 10px; } .group_title:first-child{ margin-top: 20px; } .group_item{ font-size: 14px; } .group_item a:hover{ text-decoration: underline; color: #009251; } .group_item p { box-sizing: border-box; padding-left: 40px; line-height: 40px; } .group_item p a{ width: 220px; } .group_item:last-child{ margin-bottom: 30px; } /* 图片悬浮上移 */ .footerCenterConR img:hover{ transition: 1s; transform: translateY(-20px); }