html, body, div, p, img, ul, ol, li {margin:0; padding:0;}
html, body {min-height:100%; width:100%;}
.b {
    background:url(bg.jpg) no-repeat center center/cover; display:flex; justify-content:center; align-items:center; min-height:100%;
}
.container {width:1200px; padding:110px 0 0;}
.container .hd {position:relative; border-bottom:#fff 1px solid; padding:50px 0 30px;}
.container .hd .logo-wrapper {position:relative; z-index:1;}
.container .hd .logo-wrapper .logo {
    width:86px; height:86px; margin:0 auto; display:block;
}
.container .hd .logo-wrapper .title {color:#fff; font-size:20px; text-align:center; margin:0;}
.container .hd .navigation {
    background:url(navigation.png) no-repeat center center/contain; width:165px; height:25px; position:absolute; left:50%; top:120px;
}
.container .bd {padding:30px 20px;}
.container .bd .list {list-style: none; display:flex; justify-content: space-around; align-items: flex-start; flex-wrap:wrap; padding:30px 40px;}
.container .bd .list>li {}
.container .bd .list>li a {display:block; background:#fff; padding:8px 16px; color:#3d81f5; font-size:14px; text-decoration: none; border-radius:2px; min-width:100px; text-align:center; box-shadow:0 0 6px rgba(24, 63, 128, .2);}
.container .bd .list>li a:hover {opacity:.8;}
.container .footer  {list-style: none; display:flex; justify-content: center; align-items: flex-start; flex-wrap:wrap;color: #fff; font-size: 14px; }
.container .links  {position: fixed;bottom: 50px;}
.container .copyright  {position: fixed;bottom: 30px;}
.container .tools  {display:flex; justify-content:flex-end; align-items:center;}
.container .tools .tel  { display:flex; justify-content:flex-end; align-items:center;}
.container .tools .tel .icon-wrap  {padding: 5px 8px 0 0;}
.container .tools .tel .text  {color: #fff;}