@charset "UTF-8"; /** * 这是公共样式 * @type {Number} */ html{font-size: 10px;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, a, img{ margin: 0; padding: 0; border:0; outline: 0; font-weight: 400; font-style: normal; font-variant: normal; border-collapse:inherit; border-spacing: 0; text-decoration: none; list-style: none; quotes: none; font: 14px/2em Microsoft YaHei, SimSun, Arial; vertical-align: middle; } body { background: #fff; color: #666; } a:link, a:visited {color: #5e5e5e;} a:hover {color: #c9394a;} a:active {color: #666;} /** * 这是 头部样式 */ .top-scroll, .top > a, .nav a, .nav dl, .footer span {display: inline-block;} .header, .top, .nav, .nav a, .footer{width: 100%;} .footer, .nav dl{font-size: 0;} .top{ background: #f7f7f7; border-bottom: 1px solid #ededed; text-align: center; margin: 0 auto; } .top-scroll, .top > a{ overflow: hidden; } .top-scroll{ width: 800px; margin-right: 200px; white-space: nowrap; } .top a{width: 5em;} .logo{ width: 1000px; margin: 20px auto; position: relative; } .logo .top-tel{ position: absolute; right: 0; } /*nav*/ .nav{text-align: center; background-color: #496db7;} .nav a{ color: #fff; font-size: 18px; line-height: 50px; letter-spacing: 1px; } .nav a:hover{ background-color: #19449b; } .nav dl{ width: 120px; position: relative; } .nav dt{ display: inline; } .nav dl{ position: relative; } .nav dl > dd{ display: none; position: absolute; z-index: 9; top: 50px; left: 0; width: 120px; background-color: #496db7; } .nav dl > dd > a{ font-size: 14px; line-height: 3em; } .nav dl.active > dd{ display: inline; } /*foot*/ @font-face {font-family: "kccms-iconfont"; src: url('kccms-icofont/iconfont.eot?t=1501391833676'); /* IE9*/ src: url('kccms-icofont/iconfont.eot?t=1501391833676#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('kccms-icofont/iconfont.woff?t=1501391833676') format('woff'), /* chrome, firefox */ url('kccms-icofont/iconfont.ttf?t=1501391833676') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('kccms-icofont/iconfont.svg?t=1501391833676#iconfont') format('svg'); /* iOS 4.1- */ } .kccms-icon-dingwei:before { content: "\e601"; } .kccms-icon-dh:before { content: "\e600"; } .kccms-icon-beian:before { content: "\e602"; } .kccms-icon-qq1:before { content: "\e509"; } .footer{ text-align: center; background-color: #496db7; line-height: 1.8em; color: white; padding:10px 0; } .footer span{ font-size: 14px; padding: 0 25px; position: relative; line-height: 30px; } .footer .footer-span4{padding-right: 0;} .footer span::before{ font-family: "kccms-iconfont"!important; font-size: 20px; position: absolute; left: 0; top: 0; line-height: 30px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }