@charset "utf-8"; /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; } /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */ html.borderbox *, html.borderbox *:before, html.borderbox *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font: 400 1em/1.8 Avenir, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; } /* 去除 IE6 input/button 多余的空白 */ button, input { *width: auto; *overflow: visible; /* 让 input 和 button 一样高 */ line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /* 去掉各Table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* IE bug fixed: th 不继承 text-align */ th { text-align: inherit; } /* 去除默认边框 */ fieldset, img { border: 0; } /* 解决 IE6-7 图片缩放锯齿问题 */ img { -ms-interpolation-mode: bicubic; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe { display: block; } /* 块/段落引用 */ blockquote { position: relative; color: #999; font-weight: 300; font-family: Avenir, 'Helvetica Neue', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; border-left: 1px solid #1abc9c; padding-left: 1em; margin: 1em 3em 1em 2em; } @media only screen and ( max-width:640px) { blockquote { margin: 1em 0; } } /* Firefox 以外，元素没有下划线，需添加 */ acronym, abbr { border-bottom: 1px dotted; font-variant: normal; } /* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */ abbr { cursor: help; } /* 一致的 del 样式 */ del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; } /* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */ ul, ol { list-style: none; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption, th { text-align: left; } q:before, q:after { content: ''; } /* 统一上标和下标 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } :root sub, :root sup { vertical-align: baseline; /* for ie9 and other modern browsers */ } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 让链接在 hover 状态下显示下划线 */ a { color: #555; } a:hover { text-decoration: underline; } .typo a { border-bottom: 1px solid #1abc9c; } .typo a:hover { border-bottom-color: #555; color: #555; text-decoration: none; } /* 默认不显示下划线，保持页面简洁 */ ins, a { text-decoration: none; } /* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的， * 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号 * 关于 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element * 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated * 一篇关于 标签的很好文章：http://html5doctor.com/u-element/ */ u, .typo-u { text-decoration: underline; } /* 标记，类似于手写的荧光笔的作用 */ mark { background: #fffdd1; border-bottom: 1px solid #ffedce; padding: 2px; margin: 0 5px; } /* 代码片断 */ pre, code, pre tt { font-family: Courier, 'Courier New', monospace; } pre { background: #f8f8f8; border: 1px solid #ddd; padding: 1em 1.5em; display: block; -webkit-overflow-scrolling: touch; } /* 一致化 horizontal rule */ hr { border: none; border-bottom: 1px solid #cfcfcf; margin-bottom: 10px; *color: pink; *filter: chroma(color=pink); height: 10px; *margin: -7px 0 2px; } /* 底部印刷体、版本等标记 */ small, .typo-small, /* 图片说明 */ figcaption { font-size: 0.9em; color: #888; } strong, b { font-weight: bold; color: #000; } /* 可拖动文件添加拖动手势 */ [draggable] { cursor: move; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* 强制文本换行 */ .textwrap, .textwrap td, .textwrap th { word-wrap: break-word; word-break: break-all; } .textwrap-table { table-layout: fixed; } /* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */ .serif { font-family: Palatino, Optima, Georgia, serif; } /* 保证块/段落之间的空白隔行 */ .typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table, .typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote { margin-bottom: 1.8em; } h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; font-weight: 200; color: #000; } /* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */ .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6, .typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 { margin-bottom: 0.4em; line-height: 1.5; } .typo h1, .typo-h1 { font-size: 2em; } .typo h2, .typo-h2 { font-size: 1.8em; } .typo h3, .typo-h3 { font-size: 1.6em; } .typo h4, .typo-h4 { font-size: 1.4em; } .typo h5, .typo h6, .typo-h5, .typo-h6 { font-size: 1.2em; } /*头部*/ .header {} .header div { overflow: hidden; width: 1000px; margin: auto; } .header div a { float: left; margin-top: 8px; } .header div p { float: right; font-size: 20px; color: #0069ae; line-height: 80px; background: url(../images/phone.png) no-repeat left center; padding-left: 44px; } /*导航*/ .nav { background-color: #0069ae; } .nav_center { width: 1000px; margin: auto; /* overflow: hidden;*/ height: 40px; } .nav_center li { float: left; padding: 0 33px; text-align: center; position:relative; } .nav_center li a { font-size: 16px; color: #fff; line-height: 40px; display: block; } .nav_center li:hover { background-color: #00569d; } .nav_center li .second-menu{ position:absolute; left:0px;top:40px; width:500px; height:40px;line-height:40px;text-align:center; z-index:100000; display:none; } .nav_center li .second-menu li{float:left;display:inline-block;width:auto;height:40px;padding:0px;line-height:40px;} .nav_center li .second-menu li a{display:block;width:auto;height:40px;padding:0px 15px;background:#00569d;} .nav_center li .second-menu li a:hover{text-decoration:underline;} .nav_center .last { width: 125px; float: right; padding: 0px 35px; background-color: #008bcb; } .nav_center .last { background: url(../images/online_bg.png) no-repeat center center; } .nav_center .last a { background: url(../images/online_applay.png) no-repeat left center; padding-left: 36px; } /*页脚*/ .footer { background-color: #0069ae; padding: 48px 0; margin-top: 88px; } .footer_center { width: 1000px; margin: auto; overflow: hidden; } .footer_center .float { float: left; height: 136px; } .footer_center .float1 { width: 294px; border-right: 1px solid #4d96c6; } .footer_center .float1 ul { background: url(../images/phone_foot.png) no-repeat 2px center; margin-top: 10px; padding-left: 88px; } .footer_center .float1 ul li { line-height: 27px; font-size: 16px; color: #fff; } .footer_center .float2 { width: 266px; border-right: 1px solid #4d96c6; } .footer_center .float2 ul { overflow: hidden; padding-left: 34px; padding-top: 20px; } .footer_center .float2 ul li { float: left; } .footer_center .float2 ul .jishu { width: 120px; } .footer_center .float2 ul li a { font-size: 14px; line-height: 30px; color: #fff; } .footer_center .float3 { width: 272px; border-right: 1px solid #4d96c6; } .footer_center .float3 dl { padding-left: 28px; overflow: hidden; } .footer_center .float3 dl dt { font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 10px; font-weight: bold; float: left; } .footer_center .float3 dl dd { float: left; } .footer_center .float3 dl dd.dan { width: 128px; } .footer_center .float3 dl dd a { font-size: 14px; color: #fff; line-height: 30px; } .footer_center .float4 { padding-left: 26px; } .footer_center .float4 img { width: 114px; height: 114px; } /*版权*/ .copyright {} .copyright h4 { width: 1000px; margin: auto; text-align: center; font-size: 14px; color: #000000; line-height: 68px; } /*表单*/ .online_form { float: right; background:rgba(255,255,255,0.7); padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 18px; width: 166px; } .online_form form {} .online_form form input { width: 95%; height: 33px; border: 1px solid #92968e; border-radius: 4px; display: block; background-color: transparent; margin-bottom: 12px; font-size: 12px; color: #000; padding-left: 8px; } .online_form form textarea { width: 95%; height: 93px; border: 1px solid #92968e; border-radius: 4px; display: block; background-color: transparent; margin-bottom: 10px; font-size: 12px; color: #000; padding-left: 8px; } .online_form form button { width: 100%; height: 34px; border-radius: 2px; display: block; background-color: #e6744c; font-size: 16px; color: #fff; border: 0; } /*左右芬兰*/ .contain {} .contain_center { width: 1000px; margin: auto; overflow: hidden; } .contain_left { float: left; width: 732px; } .contain_right { float: right; width: 195px; } /*预科项目右边*/ .ykxm_ri {} .ykxm_ri dl { background-color: #f9f9f9; } .ykxm_ri dl dt { background: url(../images/online_bg.png) no-repeat center top; } .ykxm_ri dl dt span { background: url(../images/ykxm_wj.png) no-repeat 48px center; display: block; width: 100%; font-size: 18px; color: #fff; line-height: 40px; height: 40px; padding-left: 86px; } .ykxm_ri dl dd { font-size: 14px; color: #000; padding-left: 18px; line-height: 44px; border-bottom: 1px dashed #9d9d9d; cursor: pointer; } .ykxm_ri dl dd:hover { background-color: #e0eaf1; color: #0069ae; } .ykxm_ri dl dd a:hover{text-decoration:none;color:#0069ae;} .ykxm_ri dl .noborder { border-bottom: 0; } /*联系我们右边*/ .lxwm_ri { margin-top: 14px; } .lxwm_ri dl { background-color: #f9f9f9; } .lxwm_ri dl dt { background: url(../images/online_bg.png) no-repeat center top; } .lxwm_ri dl dt span { background: url(../images/ykxm_wj.png) no-repeat 48px center; display: block; width: 100%; font-size:18px; color: #fff; line-height: 40px; height: 40px; padding-left: 86px; } .lxwm_ri dl dd { font-size: 14px; color: #000; padding-left: 18px; line-height: 30px; } .fenyelist-box{text-align:center;} .fenyelist {margin:20px auto;font-size:13px;display:inline-block;line-height:27px;} .fenyelist a{display:inline-block;float:left;height:25px;line-height:25px;padding:0px 8px;color:#000;margin:0px 3px;border:1px solid #888;cursor:pointer;} .fenyelist a.active{color:#fff;background:#0069ae;} .nav-none:hover{text-decoration:none;} .fixed {position: fixed;top: 190px;left: 50px;width: 120px;height: auto;padding: 5px;z-index:2000;} .fixedT {width: 100%;padding-bottom:15px;height:auto;background:#fff;border:5px solid #005bac;} .fixed img{margin:0 auto;} .fixedT a {display: block;width: 104px;height:26px;margin: 10px auto 0;color: #fff;font-size: 16px;font-family: "SimHei";line-height: 26px;text-indent:30px;border-radius: 5px;background:url(../images/icon1.png) 5px center scroll no-repeat #0069ae;} .fixedB {width: 100%;text-align:center;margin:0px 0px 10px;border:5px solid #005bac;background:#005bac;} .fixedB p {color: #fff;font-size: 17px;font-family: "SimHei";line-height:28px;text-align: center;margin:0px;padding:5px 0px;}