#header { background-color: #ffffff; } .top { background-color: #efefef; } .top .container { overflow: hidden; } .top p { font-size: 14px; line-height: 35px; color: #666666; float: left; width: auto; } .top .top-nav { width: auto; float: right; font-size: 0; vertical-align: bottom; } .top .top-nav a { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 15px; margin: 10px 0; padding: 0 10px; } .top .top-nav a + a { border-left: 1px solid #b4b4b4; } .logo-tel { background-color: #ffffff; font-size: 0; vertical-align: bottom; } .logo { width: auto; display: inline-block; vertical-align: middle; margin: 16px 0 20px 0; } .logo a { display: block; height: 67px; } .logo img { display: block; width: auto; height: 100%; } .slogan { display: inline-block; vertical-align: middle; width: 423px; text-align: center; } .slogan img { display: inline-block; } .tel { display: inline-block; vertical-align: middle; text-align: right; width: 165px; } .tel span { display: block; font-size: 16px; line-height: 24px; color: #f58a07; font-weight: bold; } .tel strong { display: inline-block; font-size: 18px; line-height: 28px; font-weight: bold; color: #f58a07; } .nav { background-color: #1ba5ce; text-align: left; font-size: 0; vertical-align: bottom; } ul.nav-menu-1 { display: inline-block; } ul.nav-menu-1 > li { float: left; position: relative; border-right: 1px solid #FFF; } ul.nav-menu-1 > li:hover ul.nav-menu-2 { display: block; } ul.nav-menu-1 > li:last-child { border-right: 1px solid #1ba5ce; } ul.nav-menu-1 > li > a { font-size: 16px; line-height: 32px; display: block; padding: 9px 38px; color: #ffffff; text-align: center; } ul.nav-menu-1 > li > a.home { height: 50px; background: url(../images/home.jpg) no-repeat; text-indent: -99em; display: block; width: 100px; cursor: pointer; } ul.nav-menu-1 > li > a:hover { text-decoration: none; color: #FFF; } ul.nav-menu-2 { display: none; position: absolute; left: 0; top: 100%; right: 0; width: 100%; z-index: 1000; } ul.nav-menu-2 > li { width: 100%; border-top: 1px solid #ffffff; text-align: center; } ul.nav-menu-2 > li:hover { border-top-color: #1ba5ce; } ul.nav-menu-2 > li:hover > a { text-decoration: none; background-color: #ffffff; color: #1ba5ce; } ul.nav-menu-2 > li > a { display: block; background-color: #1ba5ce; color: #ffffff; font-size: 14px; line-height: 28px; padding: 6px 0; } #footer { background-color: #363636; border-top: 8px solid #cccccc; } .footer-top { background: url("../images/footer-bg.jpg") no-repeat center center #363636; padding-top: 20px; padding-bottom: 60px; } .footer-row { width: 290px; float: left; } .f-contact { margin-left: 0; } .f-link { margin-left: 60px; } .f-link a { display: inline-block; vertical-align: middle; margin: 0 10px; } .f-Qr { margin-left: 60px; } .fow-title { border-bottom: 1px solid #b3b3b3; padding: 5px 0; } .fow-title h3 { font-size: 16px; line-height: 48px; position: relative; color: #b3b3b3; } .fow-title h3:after { content: ""; position: absolute; width: 20px; height: 2px; background-color: #1ba5ce; left: 0; bottom: -6px; } .fow-con { padding-top: 20px; } .fow-con p { font-size: 12px; line-height: 25px; color: #b3b3b3; } .fow-con address { font-size: 12px; line-height: 25px; color: #b3b3b3; } .fow-con a { font-size: 12px; line-height: 25px; color: #b3b3b3; } .fow-con a:hover { color: #ffffff; text-decoration: none; } .copy { background-color: #1ba5ce; text-align: center; font-size: 0; vertical-align: bottom; } .copy ul { display: inline-block; overflow: hidden; padding: 20px 0; } .copy li { float: left; } .copy li + li { border-left: 1px solid #ffffff; } .copy li a { display: block; font-size: 12px; line-height: 18px; padding: 0 30px; color: #ffffff; } .copy li a:hover { text-decoration: none; color: #f58a07; } .index-title { text-align: center; } .index-title section { display: inline-block; height: 32px; border: 2px solid #999999; margin-bottom: 20px; } .index-title h2 { padding: 0 12px; margin: -14px 40px 0 40px; font-size: 30px; line-height: 34px; color: #333333; background-color: #ffffff; font-weight: normal; } .index-title h2 span { display: block; font-size: 14px; line-height: 18px; color: #333333; text-transform: capitalize; } .index-title p { font-size: 12px; line-height: 30px; color: #666666; }