html, body, .zskk-box { width: 100%; padding: 0; margin: 0; background: #f5f5f5; font-family: "微软雅黑"; overflow-x: hidden; } .zskk-box .zskk-header { height: 40px; box-sizing: border-box; padding: 0 15% 0 15%; display: flex; align-items: center; } .zskk-box .zskk-header .zskk-weixin { display: flex; align-items: center; /*border-right: 1px solid #a5a5a5;*/ box-sizing: border-box; padding-right: 5px; } .zskk-box .zskk-header .zskk-bigweixin { position: absolute; top: 40px; z-index: 50; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; display: none; } .zskk-box .zskk-header .zskk-bigweixin img { height: 150px; width: 150px; } .zskk-box .zskk-header .zskk-weixin span { margin-left: 5px; font-size: 12px; } .zskk-box .zskk-header .zskk-loginregister { width: 110px; display: flex; justify-content: flex-end; margin-left: calc(100% - 400px); font-size: 12px; border-right: 1px solid #a5a5a5; padding: 0 10px; } .zskk-box .zskk-header .zskk-loginregister span { margin-left: 5px; } .zskk-box .zskk-header .zskk-phone { box-sizing: border-box; padding: 15px 10px; font-size: 12px; color: #a00f02; } .zskk-box .zskk-header .zskk-phone .zskk-label { background: #a00f02; color: #fff; padding: 2px 10px; border-radius: 15px; } .zskk-box .zskk-titleNav { /*height: 65px;*/ width:270px; margin-top:10px; background: #fff; display: flex; box-sizing: border-box; padding-left: calc(20% - 20px); padding-right: 15%; align-items: center; justify-content: space-between; border-bottom: 1px solid #a00f02; } .zskk-box .zskk-titleNav .zskk-title img { height: 60px; } .zskk-box .zskk-titleNav .zskk-nav ul { display: flex; } .zskk-box .zskk-titleNav .zskk-nav li { list-style: none; padding: 0 20px; font-size: 12px; cursor: pointer; } .zskk-box .zskk-titleNav .zskk-nav .zskk-active { color: #a00f02; } .zskk-box .zskk-footer { height: 230px; border-top: 2px solid #b85a4f; background: #dcdcdc; display: flex; justify-content: center; padding-top: 30px; } .zskk-box .zskk-footer .zskk-content { height: 100%; width: 900px; display: flex; justify-content: space-between; } .zskk-box .zskk-footer .zskk-content .zskk-phoneAddress { height: 100%; width: 430px; box-sizing: border-box; padding-top: 30px; } .zskk-box .zskk-footer .zskk-content .zskk-phoneAddress .zskk-phone { height: 60px; width: 430px; display: flex; align-items: center; font-size: 20px; font-weight: bolder; color: #852823; letter-spacing: 3px; display: flex; align-items: center; justify-content: center; } .zskk-box .zskk-footer .zskk-content .zskk-phoneAddress .zskk-address1, .zskk-box .zskk-footer .zskk-content .zskk-phoneAddress .zskk-address2 { height: 40px; width: 430px; font-size: 16px; display: flex; align-items: center; justify-content: center; font-weight: bolder; color: #02273a; } .zskk-box .zskk-footer .zskk-content .zskk-links { height: 100%; width: 200px; display: flex; flex-direction: column; color: #02273a; } .zskk-box .zskk-footer .zskk-content .zskk-links .zskk-label { height: 50px; width: 200px; display: flex; justify-content: center; letter-spacing: 4px; font-size: 18px; font-weight: bolder; } .zskk-box .zskk-footer .zskk-content .zskk-links .zskk-value { height: 35px; width: 200px; display: flex; justify-content: center; letter-spacing: 2px; font-family: "幼圆"; font-size: 18px; } .zskk-box .zskk-footer .zskk-content .zskk-weixin { height: 100%; width: 130px; display: flex; flex-direction: column; align-items: center; color: #02273a; } .zskk-box .zskk-footer .zskk-content .zskk-weixin img { margin-top: 20px; width: 110px; } .zskk-box .zskk-footer .zskk-content .zskk-weixin .zskk-weixinname img { width: 130px; } ul { padding: 0; margin: 0; } a { text-decoration: none; color: inherit; }