@charset "utf-8"; /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { color: #333; background: #2f2f2f; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; overflow-x:hidden; } /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */ /* 如果你的项目仅支持 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; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /* 去掉各Table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* 去除默认边框 */ fieldset, img { border: 0; } /* 块/段落引用 */ blockquote { position: relative; color: #999; font-weight: 400; 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: #1abc9c; } a:hover { text-decoration: none; } .purejune a { border-bottom: 1px solid #1abc9c; } .purejune a:hover { border-bottom-color: #555; color: #555; text-decoration: none; } /* 默认不显示下划线，保持页面简洁 */ ins, a { text-decoration: none; } /* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的， * 要做到更好，向后兼容的话，添加 class="purejune-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, .purejune-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: 0.8em; height: 10px; } /* 底部印刷体、版本等标记 */ small, .purejune-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; } /* 保证块/段落之间的空白隔行 */ .purejune p, .purejune pre, .purejune ul, .purejune ol, .purejune dl, .purejune form, .purejune hr, .purejune table, .purejune-p, .purejune-pre, .purejune-ul, .purejune-ol, .purejune-dl, .purejune-form, .purejune-hr, .purejune-table, blockquote { margin-bottom: 1.2em } h1, h2, h3, h4, h5, h6 { font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; font-weight: 100; color: #000; line-height: 1.35; } /* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */ .purejune h1, .purejune h2, .purejune h3, .purejune h4, .purejune h5, .purejune h6, .purejune-h1, .purejune-h2, .purejune-h3, .purejune-h4, .purejune-h5, .purejune-h6 { margin-top: 1.2em; margin-bottom: 0.6em; line-height: 1.35; } .purejune h1, .purejune-h1 { font-size: 2em; } .purejune h2, .purejune-h2 { font-size: 1.8em; } .purejune h3, .purejune-h3 { font-size: 1.6em; } .purejune h4, .purejune-h4 { font-size: 1.4em; } .purejune h5, .purejune h6, .purejune-h5, .purejune-h6 { font-size: 1.2em; } /* 在文章中，应该还原 ul 和 ol 的样式 */ .purejune ul, .purejune-ul { margin-left: 1.3em; list-style: disc; } .purejune ol, .purejune-ol { list-style: decimal; margin-left: 1.9em; } .purejune li ul, .purejune li ol, .purejune-ul ul, .purejune-ul ol, .purejune-ol ul, .purejune-ol ol { margin-bottom: 0.8em; margin-left: 2em; } .purejune li ul, .purejune-ul ul, .purejune-ol ul { list-style: circle; } /* 同 ul/ol，在文章中应用 table 基本格式 */ .purejune table th, .purejune table td, .purejune-table th, .purejune-table td, .purejune table caption { border: 1px solid #ddd; padding: 0.5em 1em; color: #666; } .purejune table th, .purejune-table th { background: #fbfbfb; } .purejune table thead th, .purejune-table thead th { background: #f1f1f1; } .purejune table caption { border-bottom: none; } /* 去除 webkit 中 input 和 textarea 的默认样式 */ .purejune-input, .purejune-textarea { -webkit-appearance: none; border-radius: 0; } .purejune-em, .purejune em, legend, caption { color: #000; font-weight: inherit; } /* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */ .purejune-em { position: relative; } .purejune-em:after { position: absolute; top: 0.65em; left: 0; width: 100%; overflow: hidden; white-space: nowrap; content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"; } /* Responsive images */ .purejune img { max-width: 100%; } body { max-width: 640px; margin: 0 auto; background: #f1f1f1; overflow-x: hidden; } .head { background: #fff; position: relative; float: left; width: 100%; } /*.head img{width: 100%;}*/ .logo, .tel { width: 50%; float: left; text-align: center; } .logo img { max-width: 100%; } .logo { font-size: 0; line-height: 0; box-sizing: border-box; padding-left: 10px; margin: 15px 0; } .tel { position: relative; width: 42%; float: right; margin: 15px 0; } .telgif { float: left; height: 100%; position: absolute; top: 7px; } .telgif img { width: 2em; height: auto; } .tel-text { position: absolute; right: 0; font-weight: 500; padding-right: 5px; top: 5px; } .tel-text p { line-height: 140%; font-size: 0.9rem; } .nav { border-collapse: collapse; float: left; width: 100%; } .nav li { width: 25%; float: left; background: url(/static/navbg.jpg); background-size: 100%; text-align: center; box-sizing: border-box; border: 1px solid #5f5b59; border-bottom: 0; border-right: 0; } .nav li a { color: #fff; line-height: 300%; display: block; } .nav li:nth-child(1) { border-left: 0; } .nav li:nth-child(5) { border-left: 0; } .nav li:nth-child(1), .nav li:nth-child(2), .nav li:nth-child(3), .nav li:nth-child(4) { border-top: 0; } .nav li:nth-child(5), .nav li:nth-child(6), .nav li:nth-child(7), .nav li:nth-child(8) { border-bottom: 0; } .nav li:hover { opacity: 0.93; } /* banner css */ .focus { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden; line-height: 0; } .focus .hd { width: 100%; height: 11px; position: absolute; z-index: 1; bottom: 13px; text-align: center; } .focus .hd ul { display: inline-block; height: 5px; padding: 3px 5px; background-color: rgba(255, 255, 255, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; vertical-align: top; } .focus .hd ul li { display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #8C8C8C; margin: 0 5px; vertical-align: top; overflow: hidden; } .focus .hd ul .on { background: #4a1f08; } .focus .bd { position: relative; z-index: 0; } .focus .bd li img { width: 100%; height: auto; background: url(/static/loading.gif) center center no-repeat; } .focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .index1 { width: 100%; line-height: 0; font-size: 0; } .index1 img { width: 100%; height: auto; } .box { padding: 1rem; } .index2 { background: #fff; margin-top: 1.2rem; } .pjcp { text-align: center; margin-top: 0.6rem; } .pjcp img { max-width: 100%; height: auto; } /* product css */ .tabBox .hd { height: 2.2rem; line-height: 2.2rem; position: relative; } .tabBox .hd ul { height: 2.2rem; overflow: hidden; } .tabBox .hd ul li { float: left; font-weight: 500; background: #303030; width: 23.5%; text-align: center; margin-right: 2%; } .tabBox .hd ul li:nth-last-child(1) { margin-right: 0; } .tabBox .hd ul .on { background: #ffd302; } .tabBox .hd ul .on a { display: block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */ } .tabBox .bd ul { padding-top: 1rem; } .tabBox .bd li { width: 48%; float: left; box-sizing: border-box; padding: 5px; border: 1px solid #d8d8d8; margin-bottom: 1rem; } .tabBox .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; } .tabBox .bd li:nth-child(2n+1) { float: right; } .tabBox .bd img { width: 100%; } .pimg { line-height: 0; font-size: 0; } .ptitle { color: #303030; font-weight: 500; line-height: 1.5rem; text-indent: 5px; font-size: 0.9rem; height: 1.5rem; overflow: hidden; } .pcz { line-height: 28px; color: #818181; height:24px; overflow:hidden;font-size: 0.8rem; } .cz { background: #f39800; color: #fff; padding: 1px 6px; margin: 0 5px; } .tabBox .hd a { color: #fff; } .pmore { float: left; width: 100%; text-align: center; height: 2.5rem; margin-top: 0.8rem; } .pmore a { border-radius: 3px; border: 1px solid #949393; padding: 0.6rem 2rem; color: #101010; font-weight: 500; } .pmore em { font-size: 0.7rem; } .index3 { font-size: 0; line-height: 0; margin-top: 1rem; } .index3 img { width: 100%; height: auto; } .pjjj, .gstp, .pjsl { line-height: 0; font-size: 0; text-align: center; } .gstp { margin-top: 1rem; } .index4 { background: #fff; margin-top: 1rem; } .index4 a, .index4 p { color: #303030; font-size: 1rem; font-weight: 500; line-height: 2rem; } .index4 img, .index5 img { width: 100%; height: auto; text-align: center; line-height: 0; font-size: 0; } .pjsl { margin: 1rem 0; } /* honor css */ .picScroll { margin: 10px auto; text-align: center; } .picScroll .bd ul { width: 100%; float: left; padding-top: 10px; line-height: 0; font-size: 0; } .picScroll .bd li { width: 50%; float: left; font-size: 14px; text-align: center; } .picScroll .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .picScroll .bd li img { width: 100%; height: auto; background: url(images/loading.gif) #fff center center no-repeat; } .picScroll .hd { overflow: hidden; text-align: center; } .picScroll .hd ul { text-align: center; width: 60px; margin: 0 auto; } .picScroll .hd li { float: left; width: 5px; height: 5px; background: #D0D0D0; margin: 0 5px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .picScroll .hd .on { background: #ff7941; } .picScroll .next { background-position: -34px -7px; } .picScroll .prevStop { background-position: -6px -40px; } .picScroll .nextStop { background-position: -34px -40px; } .index5 { margin-top: 1rem; background: #fff; } .pjmt { text-align: center; } .hotimg { margin-top: 1rem; line-height: 0; font-size: 0;display:block; } .t { height: 2.5rem; line-height: 2.5rem; font-size: 1rem; background: #282828; width: 100%; overflow: hidden; font-weight: 500; } .tt { background: #ffd200; height: 2.5rem; display: block; float: left; padding: 0 0.8rem; line-height: 2.5rem; color: #000; font-weight: 500; } .tttitle { color: #fff; padding-left: 1rem; } .index5 li { line-height: 2.5rem; height: 2.5rem; overflow: hidden; font-size: 0.5rem; position: relative; text-indent: 10px; } .index5 li a { color: #303030; font-weight: 500; font-size:1.1rem; } .index5 li:before { content: '◉'; position: absolute; top: 0px; left: -10px;} .acp { width: 33.33333333%; float: left; box-sizing: border-box; border-right: 1px solid #a9a9a9; padding-top: 1rem; padding-left: 1rem; } .acp:nth-child(3) { border-right: none; } .acp img { width: 100%; height: auto; } .index6 { border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; background: #fff; float: left; } .acp h2 { color: #f77c19; font-weight: 500; font-size:1.2rem; } .acp p { color: #626161; height: 1.6rem; line-height: 1.6rem; overflow: hidden; } .go { background: #f77c19; color: #fff; padding: 0rem 0.8rem; border-radius: 1.8rem; margin-top: 0.5rem; display: inline-block; font-size: 0.9rem; } .acp .c2 { color: #8e2df0; } .b2 { background: #8e2df0; } .acp .c3 { color: #2ca5f1; } .b3 { background: #2ca5f1; } .gotop { width: 100%; padding-top: 2rem; float: left; text-align: center; background: #fff; } .y { line-height: 0; font-size: 0; } .d { height: 3rem; line-height: 3rem; background: #ffd202; text-align: center; } .bt2 { float: left; } .bt2 li { float: left; width: 25%; text-align: center; box-sizing: border-box; font-size: 1rem; margin-bottom: 8px; } .bt2 a { color: #fff; border-right: 1px solid #fff; width: 100%; display: inline-block; line-height: 100%; } .bt1 { line-height: 0; font-size: 0; } .bt1 img { width: 100%; } .bt3 { height: 1px; width: 100%; background: #4e4e4e; border-top: 1px solid #000; float: left; } .footer { background: #333333; float: left; } .bt4 { float: left; text-align: center; width: 100%; color: #fff; } .bt4 p { line-height: 300%; } .bt5 { text-align: center; color: #fff; padding-bottom: 1rem; width: 100%; float: left; } .s-banner { font-size: 0; line-height: 0; } .s-banner img { width: 100%; } .about { background: #fff; } .about h2:before { content: url(/static/icon/icon1.jpg); position: absolute; left: 0; bottom: 0px; } .about h2 { font-weight: bold; color: #303030; line-height: 3rem; position: relative; padding-left: 30px; font-size:1.3rem; } .about h2 small { color: #aeaeae; padding-left: 0.5rem; font-weight: 100; font-size: 0.8rem; } .about p { text-indent: 1.5rem; line-height: 2rem; font-size: 1rem; padding-bottom: 1rem; color: #303030; font-weight: 500; } p.img100 { text-indent: 0; } .img100 img { width: 100%; } .timeline .hd { height: 3rem; line-height: 3rem; padding: 0 1.5rem; font-size: 20px; background: #ffd200; position: relative; overflow: hidden; overflow-x: scroll; } .timeline .hd ul { position: absolute; height: 3rem; top: 0; width: 300%; } .timeline .hd ul li { float: left; padding: 0 1.5rem; color: #303030; font-weight: 500; cursor: pointer; } .timeline .hd ul .on { background: #303030; color: #fff; } .timeline .hd ul .on a { display: block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */ } .timeline .bd ul { padding: 1rem; padding-bottom: 0; } .timeline .bd li { line-height: 2rem; padding-bottom: 0.5rem; } .timeline .bd li { line-height: 2rem; padding-bottom: 0.5rem; } .timeline .bd li p { text-indent: 0; line-height: 3rem; width: 76%; display: inline-block; font-size: 0.8rem; font-weight: 500; padding-bottom: 0; } .timeline .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* 去掉链接触摸高亮 */ .about-box { padding: 1rem; padding-bottom: 0; } .sj { width: 20%; float: left; margin-right: 4%; } .sj em { background: #ffd100; height: 2.5rem; display: inline-block; padding: 0 1rem; line-height: 2.5rem; font-weight: 500; font-size: 1.1rem; overflow: hidden; margin-top: 01rem; font-weight:bold; } .red { color: red; font-weight: bold; } .lx p { position: relative; padding-left: 1.2rem; } .lx p img { position: absolute; width: 1.9rem; left: 0.5rem; } .service { padding: 1rem; background: #fff; text-align: center; } .service h2{font-size: 1.8rem;font-weight: 500;color: #303030;line-height: 2.3rem;margin: 1rem 0;} .service h2 small{ display: block; font-weight: normal; font-size: 1rem; } .service img{width: 100%;} .service-img { font-size: 0; line-height: 0; } .service-img img{width: 100%;} .class h2 { background: #ffd100; color: #303030; font-weight: 500; height: 3rem; line-height: 3rem; font-size: 1.3rem; position: relative; padding-left: 3rem; } .class h2 img{ position: absolute; left: 14px; height: 1.6rem; bottom: 12px; } .class-list li{ padding: 1rem; height: 120px; } .class-list li,.class-list li a{ width: 100%; height: 100px; display: flex; } .class-left-img { float: left; overflow: hidden; height: 100%; padding-right: 1rem; } .class-left-img img{ height: 100%; width: 132px} .class-right { float: right; position: relative; height: 100%; color: #303030; flex: 1; margin-right: 1rem; } .class-right-title { position: absolute; top: 0; font-weight: 500; color: #303030; font-size: 1.1rem; padding-right:1rem; } .class-right-time { position: absolute; bottom: 0; color: #a1a1a1; } .class-list { background: #fff; } .class-mroe { background: #fff; border-top: 1px solid #d7d7d7; height: 3rem; line-height: 3rem; text-align: center; font-weight: 500; font-size: 1rem; margin-bottom: 1rem; } .class-mroe a{color: #303030;} /* baike css */ .wiki .hd{ height:100px; line-height:50px; font-size:20px; background:#fff;position:relative;box-sizing: border-box;border-bottom: 1px solid #d7d7d7;} .wiki .hd ul{ position:absolute; height:100px; top:0; overflow:hidden;box-sizing: border-box;width: 100%;} .wiki .hd ul li{ float:left;text-align: center;width: 25%; color:#303030;font-weight: 500;font-size: 1.1rem;} .wiki .hd ul .on{background:#ececec; } .wiki .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */ } .wiki .bd ul{ padding:1rem;background: #fff;} .wiki .bd li{ display: inline;line-height: 2.5rem;} .wiki .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);color: #303030;font-weight: 500; padding-right: 0.5rem;} /* 去掉链接触摸高亮 */ .wiki .bd li a:after{content: '|';padding-left: 5px;} .wiki .bd li:nth-last-child(1) a:after{display: none;} .crumbs { background: #ffd100; height: 3rem; line-height: 3rem; width: 100%; text-indent: 1rem; font-weight: 500; color: #303030; font-size: 1rem; float: left; } .crumbs a{color: #303030;} .list { padding: 1rem; background: #fff; float: left; width: 100%; box-sizing: border-box; } .list li,.list li a{float: left;width: 100%;height: 100px;display: flex;} .list li{border-bottom: 1px solid #d7d7d7;padding-bottom: 1rem;margin-bottom: 1rem;} .list-left { float: left; overflow: hidden; height: 100%; padding-right: 1rem; } .list-left img{ height: 100%; width: 132px; } .list-right { float: right; position: relative; height: 100%;color: #303030; flex: 1; } .list-right b{font-weight:normal;} .list-title { position: absolute; top: 0;font-weight: 500; font-size: 1.2rem; line-height: 2rem; } .time { position: absolute; bottom: 0; left: 0; color: #a9a9a9; } .pagelist { padding: 0 1rem; text-align: center; float: left; width: 100%; background: #fff; box-sizing: border-box; } .pagelist li{display:inline-block;background: #d7d7d7;color: #fff; margin: 0 -6px;border: 1px solid #d7d7d7;} .pagelist span{border: 1px solid #d7d7d7;display: inline-block;box-sizing: border-box;} .pagelist li a{color: #fff;} .pre,.next{ width: 30%; padding: 0.5rem 0; } .pagelist span{padding: 0.5rem 0;width:40%;font-weight: 500;color: #303030;} li.next{background: #fcde53;border: 1px solid #fcde53;} .article { padding: 1rem; float: left; background: #fff; width: 100%; box-sizing: border-box; } .article-info { color: #999999; margin-top: 0.5rem; margin-bottom: 1rem; } .article h1{ font-weight: 500; font-size: 1.6rem; } .article-body img{ max-width: 100%; height: auto!important; } .article-body p{ font-weight: 500; font-size: 1.1rem; margin-bottom: 1rem; line-height: 180%; } .article-body h2{font-size: 1.2rem;font-weight: bold;margin-bottom: 1rem;} .article-body h3{font-size: 1.1rem;font-weight: bold;margin-bottom: 1rem;} .a-lxkf { width: 100%; box-sizing: border-box; } .a-lxkf a{display: block;line-height: 0;font-size: 0;width: 45%;float: left;} .a-lxkf a:nth-child(2){float: right;} .a-next { float: left; margin-top: 1rem; padding-bottom: 1.5rem; border-bottom: 1px solid #d7d7d7; } .a-next span{ width: 100%; display: inline-block; height: 1.5rem; line-height: 1.5rem; font-size: 1.1rem; color: #303030; overflow: hidden; font-weight: 500; margin: 0.3rem 0; } .a-next a{color: #303030;} .bdsharebuttonbox{display: flex;} .bdshare-button-style0-32 a{flex: 1;width: auto!important;height: 50px!important; background-position: inherit!important; background-size: 100% auto!important;} .a-share { float: left; width: 100%; margin-top: 1rem; } .bds_weixin { background-image: url(/static/icon/wechat.png)!important; } .bds_tsina{ background-image: url(/static/icon/weibo.png)!important; } .bds_qzone{ background-image: url(/static/icon/qzone.png)!important; } .bds_sqq{ background-image: url(/static/icon/qq.png)!important; } .bds_renren{background-image: url(/static/icon/renren.png)!important;} .a-share span{ height: 50px; line-height: 50px; font-size: 1.1rem; color: #999999; flex: 1; float: left; margin: 6px 6px 6px 0; font-weight: 500; } .a-ad { margin-top: 1rem; float: left; } .xgyd-title { color: #303030; font-weight: 500; font-size: 1.3rem; background: #fff; padding: 0.3rem 1rem; } .xgyd { border-top: 1rem solid #f1f1f1; float: left; width: 100%; } .xgyd-title span{ width: 100%; border-bottom: 1px solid #d7d7d7; display: block; padding-bottom: 0.4rem; } .p-slogan { display: flex; background: #fff; padding: 1rem 0; } .p-icon { flex: 1; text-align: center; } .p-icon img{ max-width: 70%; } .p-title { float: left;text-align: center;width: 100%;color: #303030;font-size: 1rem;font-weight: 500; } .product { background: #fff; float: left; padding-bottom: 2rem; } .product h1{ font-size: 0; line-height: 0; } .h { text-align: center; padding: 0 1rem; } .h img{width: 100%;} .product li{ display:block; width: 50%; box-sizing: border-box; padding: 1rem; float: left; border-bottom: 1px solid #d7d7d7; } .p-img{ text-align: center; } .p-img img{width: 100%;} .p-titles { color: #303030; font-weight: 500; font-size: 0.9rem; height: 54px; overflow: hidden; } .p-cz{ color: #818181; height: 22px; overflow: hidden; font-size: 0.8em;} .p-titles b{font-weight:normal;} .p-cz span{ background: #f39800; color: #fff;padding: 2px 5px; margin-right: 10px; } .product ul{ position: relative; float: left;overflow: hidden; border-top: 1px solid #d7d7d7; } .hrr { height: 500%; width: 1px; background: #d7d7d7; position: absolute; left: 50%; } .p-focus{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;line-height: 0;font-size: 0;background: #fff;} .p-focus .hd{ width:100%; height:11px; position:absolute; z-index:1; bottom:15px; text-align:center; } .p-focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; } .p-focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .p-focus .hd ul .on{ background:#ff511c; } .p-focus .bd{ position:relative; z-index:0; padding-top: 1rem; } .p-focus .bd li img{ width:100%;height:auto; background:url(images/loading.gif) center center no-repeat; } .p-focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .product1 { padding: 1rem; box-sizing: border-box; background: #fff; } .product1 h1{font-size: 1.2rem;font-weight: bold;margin-top: 1rem;margin-bottom: 1rem;} .product1-info a{ padding: 6px 10px;; background: #ff511c; color: #fff; margin-right: 10px;font-weight: 500; } .product1-info a.pc2{background: #8fc31f;} .product2 img{ width: 100%; } .product2 { line-height: 0; font-size: 0; } .product-infos { width: 100%; float: left; background: #fff; padding: 1rem 0; } .product-infos h2{ font-weight: 500; color: #000000; position: relative; padding-left: 3rem; border-bottom: 1px solid #000; box-sizing: border-box; padding-bottom: 5px; font-size: 20px; } .product-infos h2:before { content: ''; width: 20px; height: 20px; display: block; float: left; position: absolute; left: 0; bottom: 8px; margin-left: 1rem; } .cpcs:before{ background: url(/static/icon/p1.jpg); background-size: 100% 100%; }.cpxx:before{ background: url(/static/icon/p2.jpg); background-size: 100% 100%; }.gdks:before{ background: url(/static/icon/p3.jpg); background-size: 100% 100%; }.cgsk:before{ background: url(/static/icon/p4.jpg); background-size: 100% 100%; }.zjbg:before{ background: url(/static/icon/p5.jpg); background-size: 100% 100%; } .product-box { padding: 1rem; box-sizing: border-box; background: #fff; padding-bottom: 0; } .product-box table{margin-bottom:0;width: 100%;} .product-box table th{ width: 30%;background: none;} .product-box table td{color: #000;font-weight: 500;} .product-box img{max-width: 100%;height:auto!important;} .product-xgcp { margin-top: 2rem; background: #fff; } .product-xgcp h2{color: #000;text-indent: 1rem;line-height: 200%;border-bottom: 1px solid #d7d7d7; font-size: 20px;font-weight: 500;} .cgcp-box { box-sizing: border-box; background: #fff; float: left; width: 100%; padding: 0.5rem; border-bottom: 1px solid #d7d7d7; } .cgcp-box a{width: 33.33333%;float: left;padding: 0.5rem;box-sizing: border-box;} .cgcp-img img{width: 100%;} .cgcp-title { color: #000;font-weight: 500; } .tel-text p.pb{font-size: 1.1em;} .bt2 ul li:nth-child(4) a,.bt2 ul li:nth-child(8) a{border:none;} .bt5 img{max-width:20%;} .social3 li{float:left;} .social_nav3 { height: 55px; width: 320px; position: fixed; bottom: 0; left: 0; z-index: 999; overflow: hidden; } .social_nav3 .social3 { display: block; width: 288px; height: 55px; margin-right: 18px; overflow: hidden; position: relative; } .social3 { background-color: #232323; } .social3:before { content: ''; height: 1px; width: 100%; background: #000; border-bottom: 1px solid #4b4c57; position: absolute; top: 0; left: 0; } .social_nav3 a { float: left; height: 35px; border-right: 1px solid #000; border-left: 1px solid #4e4e4e; margin-top: 9px; line-height: 65px; font-size: 13px; width: 70px; display: inline-block; font-size: 12px; position: relative; z-index: 11; text-align: center; color: #fff; } .social_nav3 a.tel1 { width: 65px; } /* .social_nav3 span.tel1 { left: 30px; top: 5px; height: 30px; background-position: 3px -49px; animation-name: telshow; animation-duration: 1.0s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: telshow; -webkit-animation-duration: 1.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: telshow; -o-animation-duration: 1.0s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; } */ .social_nav3 span.tel1 { left: 21px; top: 4px; background-repeat: no-repeat; height: 30px; background-position: -1px -49px; animation-name: telshow; animation-duration: 1.0s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: telshow; -webkit-animation-duration: 1.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: telshow; -o-animation-duration: 1.0s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; } .header .tel1_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg { background-image: url(/static/sk3.png); background-size: 32px 889px; } .social_nav3 span { display: block; width: 35px; height: 25px; position: absolute; top: 0; z-index: 10; } .social_nav3 span.weichat { background-position: 1px -150px; background-repeat: no-repeat; left: 88px; top: 7px; } .social_nav3 span.weibo { background-position: -1px -430px; background-repeat: no-repeat; height: 26px; left: 162px; top: 7px; } .social_nav3 span.talk99 { background-position: 0px -200px; background-repeat: no-repeat; left: 233px; height: 24px; width: 30px; top: 8px; } .social3 b { width: 1px; height: 100%; background: #000; border-left: 1px solid #4b4c57; position: absolute; top: 0; right: 0; } .social3:after { content: ''; height: 1px; width: 100%; background: #000; border-top: 1px solid #4b4c57; position: absolute; bottom: 0; left: 0; } .social_nav3 .btn { display: block; width: 32px; height: 55px; position: absolute; right: 0; background-position: 0 -786px; } .social_nav3 .btn2 { display: block; width: 32px; height: 55px; position: absolute; right: 0; background-position: 0 -249px; display: none; } .social_nav3 li:nth-child(1) a{border-left: none;} .social_nav3 li:nth-child(4) a{border-right: none;} /*@keyframes hide { 100% {left: -288px;} } @keyframes show { 100% {left: -0px;} } @-webkit-keyframes hide { 100% {left: -288px;} } @-webkit-keyframes show { 100% {left: -0px;} } */ @keyframes telshow { 0% {transform: rotate(0deg)} 5% {transform: rotate(-13deg)} 10% {transform: rotate(0deg)} 15% {transform: rotate(-13deg)} 20% {transform: rotate(0deg)} 25% {transform: rotate(-13deg)} 100% {transform: roate(0deg)} } @-webkit-keyframes telshow { 0% {-webkit-transform: rotate(0deg)} 5% {-webkit-transform: rotate(-13deg)} 10% {-webkit-transform: rotate(0deg)} 15% {-webkit-transform: rotate(-13deg)} 20% {-webkit-transform: rotate(0deg)} 25% {-webkit-transform: rotate(-13deg)} 100% {-webkit-transform: roate(0deg)} }