/* ========================================================================== Component: Base ============================================================================ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Set and to inherit the height of the viewport */ html, body { min-height: 100%; } /* Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* Remove default margin. */ html, body, div, 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, hgroup, menu, nav, section { margin: 0; padding: 0; box-sizing:border-box; -wekit-box-sizing:border-box; -moz-box-sizing:border-box; list-style:none; } /* HTML5 display definitions */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template, script { display: none; } /* Links ========================================================================== */ /* Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /* Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /* Remove text-decoration */ ins, a { text-decoration: none; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Embedded content ========================================================================== */ /** * 1. Corrects max-width behavior (2.) if padding and border are used * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height * 3. Remove the gap between images and the bottom of their containers * 4. Remove border when inside `a` element in IE 8/9. */ img { box-sizing: border-box; max-width: 100%; height: auto; vertical-align: middle; border: 0; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 0; } /* Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; padding: 0; } /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="radio"], input[type="checkbox"] { cursor: pointer; padding: 0; box-sizing: border-box; } /* Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } /* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ resize: vertical; } optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* ========================================================================== Component:Hanweb Base ============================================================================ */ /** * `font-size` is set in `html` element to support the `rem` unit for font-sizes * NOTE: IE9 & IE10 do not recognize `rem` units when used with the `font` shorthand property. */ html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } body { position: relative; font-family: 'STHeiti Light [STXihei]', 'Microsoft Yahei', SimSun, STHeiti, Helvetica, Arial, sans-serif; font-weight: normal; line-height:24px; color: #333; } body, input, textarea, select, button { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } /* links */ a { color: #333333; } a:hover, a:focus { color: #0060a6; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* Spacing for block elements */ p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 10px 0; } * + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 10px; } /* Headings ========================================================================== */ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; font-weight: 600; font-size: 100%; } h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 2em; } /* List ========================================================================== */ /* Ordered and unordered lists */ ul, ol { padding-left: 2em; } /* Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 1em 0; } hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #eeeeee; -moz-box-sizing: content-box; box-sizing: content-box; } /* iframe */ iframe { border: 0; } /* ========================================================================== Component: Table ============================================================================ */ table { max-width: 100%; background-color: transparent; empty-cells: show; } th { text-align: left; } .bt-table { width: 100%; margin-bottom: 10px; border-spacing: 0; border-collapse: separate; } .bt-table > thead > tr > th, .bt-table > tbody > tr > th, .bt-table > tfoot > tr > th, .bt-table > thead > tr > td, .bt-table > tbody > tr > td, .bt-table > tfoot > tr > td { padding: 0.7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #dddddd; } .bt-table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #dddddd; } .bt-table > caption + thead > tr:first-child > th, .bt-table > colgroup + thead > tr:first-child > th, .bt-table > thead:first-child > tr:first-child > th, .bt-table > caption + thead > tr:first-child > td, .bt-table > colgroup + thead > tr:first-child > td, .bt-table > thead:first-child > tr:first-child > td { border-top: 0; } .bt-table > tbody + tbody tr:first-child td { border-top: 2px solid #dddddd; } /* Bordered version */ .bt-table-bordered { border: 1px solid #dddddd; } .bt-table-bordered > thead > tr > th, .bt-table-bordered > tbody > tr > th, .bt-table-bordered > tfoot > tr > th, .bt-table-bordered > thead > tr > td, .bt-table-bordered > tbody > tr > td, .bt-table-bordered > tfoot > tr > td { border-left: 1px solid #dddddd; } .bt-table-bordered > thead > tr > th:first-child, .bt-table-bordered > tbody > tr > th:first-child, .bt-table-bordered > tfoot > tr > th:first-child, .bt-table-bordered > thead > tr > td:first-child, .bt-table-bordered > tbody > tr > td:first-child, .bt-table-bordered > tfoot > tr > td:first-child { border-left: none; } /* Border-radius version */ .bt-table-radius { border: 1px solid #dddddd; border-radius: 2px; } .bt-table-radius > thead > tr:first-child > th:first-child, .bt-table-radius > thead > tr:first-child > td:first-child { border-top-left-radius: 2px; border-left: none; } .bt-table-radius > thead > tr:first-child > th:last-child, .bt-table-radius > thead > tr:first-child > td:last-child { border-top-right-radius: 2px; border-right: none; } .bt-table-radius > tbody > tr > th:first-child, .bt-table-radius > tbody > tr > td:first-child { border-left: none; } .bt-table-radius > tbody > tr > th:last-child, .bt-table-radius > tbody > tr > td:last-child { border-right: none; } .bt-table-radius > tbody > tr:last-child > th, .bt-table-radius > tbody > tr:last-child > td { border-bottom: none; } .bt-table-radius > tbody > tr:last-child > th:first-child, .bt-table-radius > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 2px; } .bt-table-radius > tbody > tr:last-child > th:last-child, .bt-table-radius > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 2px; } /* Zebra-striping */ .bt-table-striped > tbody > tr:nth-child(odd) > td, .bt-table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } /* Hover effect */ .bt-table-hover > tbody > tr:hover > td, .bt-table-hover > tbody > tr:hover > th { background-color: #e9e9e9; } .bt-table > thead > tr > td.bt-active, .bt-table > tbody > tr > td.bt-active, .bt-table > tfoot > tr > td.bt-active, .bt-table > thead > tr > th.bt-active, .bt-table > tbody > tr > th.bt-active, .bt-table > tfoot > tr > th.bt-active, .bt-table > thead > tr.bt-active > td, .bt-table > tbody > tr.bt-active > td, .bt-table > tfoot > tr.bt-active > td, .bt-table > thead > tr.bt-active > th, .bt-table > tbody > tr.bt-active > th, .bt-table > tfoot > tr.bt-active > th { background-color: #ffffdd; } .bt-table > thead > tr > td.bt-disabled, .bt-table > tbody > tr > td.bt-disabled, .bt-table > tfoot > tr > td.bt-disabled, .bt-table > thead > tr > th.bt-disabled, .bt-table > tbody > tr > th.bt-disabled, .bt-table > tfoot > tr > th.bt-disabled, .bt-table > thead > tr.bt-disabled > td, .bt-table > tbody > tr.bt-disabled > td, .bt-table > tfoot > tr.bt-disabled > td, .bt-table > thead > tr.bt-disabled > th, .bt-table > tbody > tr.bt-disabled > th, .bt-table > tfoot > tr.bt-disabled > th { color: #999999; } .bt-table > thead > tr > td.bt-primary, .bt-table > tbody > tr > td.bt-primary, .bt-table > tfoot > tr > td.bt-primary, .bt-table > thead > tr > th.bt-primary, .bt-table > tbody > tr > th.bt-primary, .bt-table > tfoot > tr > th.bt-primary, .bt-table > thead > tr.bt-primary > td, .bt-table > tbody > tr.bt-primary > td, .bt-table > tfoot > tr.bt-primary > td, .bt-table > thead > tr.bt-primary > th, .bt-table > tbody > tr.bt-primary > th, .bt-table > tfoot > tr.bt-primary > th { color: #292929; background-color: rgba(61, 61, 61, 0.115); } .bt-table > thead > tr > td.bt-success, .bt-table > tbody > tr > td.bt-success, .bt-table > tfoot > tr > td.bt-success, .bt-table > thead > tr > th.bt-success, .bt-table > tbody > tr > th.bt-success, .bt-table > tfoot > tr > th.bt-success, .bt-table > thead > tr.bt-success > td, .bt-table > tbody > tr.bt-success > td, .bt-table > tfoot > tr.bt-success > td, .bt-table > thead > tr.bt-success > th, .bt-table > tbody > tr.bt-success > th, .bt-table > tfoot > tr.bt-success > th { color: #5eb95e; background-color: rgba(94, 185, 94, 0.115); } .bt-table > thead > tr > td.bt-warning, .bt-table > tbody > tr > td.bt-warning, .bt-table > tfoot > tr > td.bt-warning, .bt-table > thead > tr > th.bt-warning, .bt-table > tbody > tr > th.bt-warning, .bt-table > tfoot > tr > th.bt-warning, .bt-table > thead > tr.bt-warning > td, .bt-table > tbody > tr.bt-warning > td, .bt-table > tfoot > tr.bt-warning > td, .bt-table > thead > tr.bt-warning > th, .bt-table > tbody > tr.bt-warning > th, .bt-table > tfoot > tr.bt-warning > th { color: #f37b1d; background-color: rgba(243, 123, 29, 0.115); } .bt-table > thead > tr > td.bt-danger, .bt-table > tbody > tr > td.bt-danger, .bt-table > tfoot > tr > td.bt-danger, .bt-table > thead > tr > th.bt-danger, .bt-table > tbody > tr > th.bt-danger, .bt-table > tfoot > tr > th.bt-danger, .bt-table > thead > tr.bt-danger > td, .bt-table > tbody > tr.bt-danger > td, .bt-table > tfoot > tr.bt-danger > td, .bt-table > thead > tr.bt-danger > th, .bt-table > tbody > tr.bt-danger > th, .bt-table > tfoot > tr.bt-danger > th { color: #dd514c; background-color: rgba(221, 81, 76, 0.115); } /*************************常用基本样式==单独调用--start****************************/ /*a标签增加交互延时效果和点击去掉部分浏览器虚线框效果*/ a {transition: all 0.2s ease-out 0s;} a:hover{transition: all 0.2s ease-out 0s;} a:focus{outline:none;}/*ff下去掉虚线*/ strong{ font-size:14px;} /********div 容器样式**********/ /*外框*/ .lef{float:left} .rig{float:right} .clear{ clear:both} .none{ display:none} .block{ display:block} /*外边距设置*/ .margin_left_15{ margin-left:15px;} .margin_left_30{ margin-left:30px;} .margin_top_10{ margin-top:10px;} .margin_top_15{ margin-top:15px;} .margin_top_20{ margin-top:20px;} .margin_top_30{ margin-top:30px;} .margin_top_40{ margin-top:40px;} .margin_top_55{ margin-top:55px;} .margin_right_15{ margin-right:15px;} .margin_bottom_10{ margin-bottom:10px;} .margin_bottom_15{ margin-bottom:15px;} .margin_bottom_20{ margin-bottom:20px;} .margin_15{ margin:15px;} .margin_inline{ display:inline} .margin_right_20{ margin-right:20px;} /*内边距设置*/ .padding_left_15{padding-left:15px;} .padding_top_15{padding-top:15px;} .padding_right_15{padding-right:15px;} .padding_bottom_15{padding-bottom:15px;} .padding_15{padding:15px;} /*边框样式===实线==虚线*/ .solid{border:#e8e8e8 solid 1px;} .solid_b{border-bottom:#e8e8e8 solid 1px;} .dashed{border:#e8e8e8 dashed 1px;} .dashed_b{border-bottom:#e8e8e8 dashed 1px;} /********常用字体===图片样式**********/ .line_h_26{ line-height:26px;} .line_h_30{ line-height:30px;} .line_h_35{ line-height:35px;} .line_h_40{ line-height:40px;} .font_100{ font-weight:100;} .font_bold{font-weight:bold} .font_sun{ font-family:"Sim sun"} .font_yahei{ font-family:"Ya Hei"} .font_13{ font-size:13px;} .font_14{ font-size:14px;} .font_15{ font-size:15px;} .font_16{ font-size:16px;} /*********表单样式*****************/ input, textarea, select, button { text-rendering: optimizeLegibility; /*加入文本渲染优化，不变准的样式，不推荐*/ -webkit-font-smoothing: antialiased; /**字体清晰**/ -moz-osx-font-smoothing: grayscale; /**字体清晰**/ -moz-font-feature-settings: "liga", "kern"; } /***********************标准框架/常用样式**************************/ /*****主框架*******/ .bt_head{width:100%; min-height:120px; background:#FFF} .bt_head_cen{width:1170px; height:120px; margin:0 auto;} .bt_top{width:100%; height:30px; margin:0 auto;} .bt_center{width:1170px; height:auto; margin:0 auto; overflow:hidden} .bt_footer{width:100%; min-height:245px; margin:0 auto; background:#e8e8e8 } .bt_footer_cen{width:1170px; height:200px; margin:0 auto; overflow:hidden; text-align:left} .note{width:100%; height:15px; clear:both;}/*华丽的分割行*/ /*常用框架*/ .bt_cen770{width:770px; height:265px; overflow:hidden; background:#FFF } .bt_cen368{width:368px; height:265px; overflow:hidden; background:#FFF } .bt_cen440{width:425px; height:265px; overflow:hidden; padding:7px 18px 10px 0px; *+width:410px; *+height:242px; } .bt_cen270{width:270px; height:234px; overflow:hidden; background:#FFF; *+width:268px; *+height:224px; padding-bottom:10px} .bt_cen400{width:400px; height:200px; overflow:hidden; text-align:left} .bt_cen340{width:470px; height:200px; overflow:hidden; text-align:left; padding-left:130px; *+width:340px;} .bt_cen290{width:290px; height:200px; overflow:hidden;} /**头尾通用样式**/ /**logo**/ .bt_logo{height:60px; float:left} /**顶部导航**/ .bt_top_nav{width:700px; height:33px; text-align:right} .bt_top_nav span{ line-height:33px; color:#464646; font-family:"Sim sun" ;font-size:12px;} .bt_top_nav a:hover{ color:#0060a6} /**站内检索**/ .bt_search{width:150px; *+width:148px; height:32px; *+height:30px; text-align:right; background:url(search_bj.jpg) no-repeat; padding:1px;} .bt_search .text{width:113px;*+width:111px;height:30px; background:#fff; border:0; padding-left:2px; line-height:30px; float:left} .bt_search .bnt{width:35px; height:32px; float:right; background:url(search_bnt.jpg) no-repeat; border:0; } /**bananr 区**/ .banner{width:1000px; height:130px;} .bt_bananr{width:100%; min-height:88px; line-height:88px; } /**主导航**/ .bt_nav{width:700px; height:auto;} .bt_nav_cen{width:700px; height:35px; position:relative; } /*导航样式*/ .navigation { width:700px; z-index:100; float:right; position:relative; height:auto; padding-top:5px;} .navigation-up {height:65px; } .navigation-up ul{ margin:0; padding:0; width:700px;} .navigation-up li { margin-left:55px; color:#333; float:left;} .navigation-up .nav-up-selected { background: url(nav_bj.jpg) no-repeat center 46px; color:#0060a6} .navigation-up li h2 { margin:0; padding:0;} .navigation-up li h2 a { line-height:55px; font-size:18px; font-weight:bold; color:#333333;} .navigation-up li h2 a:hover{color:#0060a6} .navigation-down { width:100%; top:77px; left:0px; position:absolute; clear:both; z-index:999; } .navigation-down .nav-down-menu { width:100%; margin:0; top:0; background:#f5f5f5; position:absolute; z-index:999;display:none;height:260px;} .navigation-down .nav-down-menu .navigation-down-inner { padding:35px 0px 0px 5px; position:relative;} /*子栏目样式*/ .navigation-down-inner ul { width:360px; overflow:hidden; z-index:999;} .navigation-down-inner ul li { width:120px; margin-left:20px; padding-left:10px; line-height:45px; border-bottom:#bcbcbc 1px solid; float:left;} .navigation-down-inner ul li a{ font-size:14px;} .navigation-down-inner .nav-pic { width:380px; position:absolute; top:20px; left:330px;} /**底部导航**/ .bt_botttom_nav{width:1000px; height:35px; color:#fff; font-size:13px;} .bt_botttom_nav span{padding:0 10px; line-height:35px;} /**标题**/ .bt_botttom_nav a{padding:0 20px; line-height:35px; color:#fff} .bt_botttom_nav a:hover{color:#000} /**版权信息**/ .bt_footer_font{ width:1000px; min-height:110px;padding:20px 0; *+min-height:90px; font-size:13px; display:table;} /*模拟table*/ .bt_footer_font span{width:100%;line-height:30px; color:#FFF; vertical-align:middle; display:table-cell; float:left; } /*模拟table样式，实现N行居中问题*/ .bt_footer_font img{padding-top:10px;} .bt_footer_shuo{ height:45px; background:#f5f5f5} .bt_footer_shuo .box{width:1170px; height:45px; line-height:45px; margin:0 auto} .bt_footer_shuo .box .span{ float:left; font-size:14px; color:#666666; font-family:"Sim sun"} .bt_footer_shuo .box a{ float:right; line-height:45px; padding:0 0 0 16px; font-size:14px; color:#666666; font-family:"Sim sun"} .bt_footer_shuo .box a:hover{ color:#0060a6;} /**底部logo**/ /*当前位置*/ .bt_position{width:100%; height:30px; text-align:left; } .bt_position_cen{width:1000px; height:30px; line-height:30px; color:#000; margin:0 auto; background:#CCC} .bt_position_cen span{line-height:30px; float:left; padding:0 5px 0 20px; } .bt_position_cen img{ margin:0 5px 0 0} .bt_position_cen table{ float:left} .bt_position_cen a{ padding-right:5px; line-height:30px; font-size:13px;} /******栏目页专用样式*****/ .bt_lm_center{width:1170px; height:auto; margin:0 auto; position:relative} .bt_lm_menu{width:240px; height:auto; position:absolute; left:0;top:0px; bottom:0px; background:#efefef; border-right:#e8e8e8 solid 1px} /*绝对定位值是解决自适应高度问题=同时父div要加相定位*/ /*左边div*/ .bt_lm_menu .title{height:35px; line-height:35px; width:100%; border-bottom:#CCC solid 1px; text-align:center ; } .bt_lm_menu .title span{ line-height:35px; text-align:left; padding:0 10px 0 20px; float:left} /*子栏目列表*/ .bt_lm_menu .list{width:240px; height:auto; float:left; padding-top:46px;} .bt_lm_menu .list ul{ margin:0; padding:0;} .bt_lm_menu .list li{width:240px; height:40px; text-align:left; background:url(profile_list_bj.jpg) no-repeat 37px 14px} .bt_lm_menu .list li:hover{width:240px; height:40px; text-align:left; background:url(profile_list_hover.jpg) no-repeat 37px 14px} .bt_lm_menu .list li.active{width:240px; height:40px; text-align:left; background:url(profile_list_hover.jpg) no-repeat 37px 14px} .bt_lm_menu .list li a{line-height:40px; font-size:16px; color:#888888; padding-left:57px;} .bt_lm_menu .list li a:hover{color:#0060a6} .bt_lm_menu .list li .active{color:#0060a6} /*右边div*/ .bt_lm_box{width:930px;*+width:883px; min-height:400px; overflow:hidden; text-align:left; float:right; background:url(cen_bj.jpg); padding:60px 20px 60px 25px;} .bt_lm_box .title{width:100%; height:38px; line-height:37px; border-bottom:#CCC solid 1px; text-align:left } .bt_lm_box .title span{ border-bottom:#F00 solid 2px; padding:0 10px; line-height:36px; display:block; float:left} .bt_lm_box .title .img{ float:left; margin:5px 15px 0 10px} .bt_lm_cen{width:100%; *+width:745px; min-height:400px; overflow:hidden; padding:10px;} /*******文章页专用样式********/ .bt_article{width:1000px; *+width:800px; min-height:450px; padding:40px 100px; margin:0 auto } /**************************JCMS 常用设参样式式*******************************/ /**通用--标题前缀==圆角/三角/竖线块**/ i{float:left;} .bt_i_round24 {width:3px; height:3px; background:#333; overflow:hidden; margin:11px 10px 0 10px} .bt_i_round26 {width:3px; height:3px; background:#333; overflow:hidden; margin:13px 10px 0 10px} .bt_i_round30 {width:3px; height:3px; background:#333; overflow:hidden; margin:14px 10px 0 10px} .bt_i_triangle {width:0px; height:0px; border-top:6px solid #efefef; border-bottom:6px solid #efefef; border-left:7px solid #999999; margin:14px 10px 0 37px} .bt_i_triangle .active{border-top:6px solid #efefef; border-bottom:6px solid #efefef; border-left:7px solid #0060a6; } .bt_i_block{width:4px; height:18px; background:#e05d05; overflow:auto; margin:12px 0 0 10px;} /**通用-栏目标题样式**/ .bt_title{width:100%; height:50px; float:left; position:relative;}/*外框*/ .bt_title img{float:left; margin:5px 10px 0 10px;}/*修饰图标*/ .bt_title span{ line-height:45px; font-size:18px; color:#0060a6; font-weight:bold} .bt_title span a{ line-height:45px; font-size:18px; color:#0060a6; font-weight:bold} .bt_title .sp_bt{ padding:0 15px; float:left; } .bt_title .more{line-height:45px; float:right} .bt_title .more a{line-height:45px; font-size:13px; font-weight:100; color:#666; padding-right:13px;} .bt_title .more a:hover{color:#0061a7} .bt_title .sp_bt_bj{ background:url(bt_title_01.jpg) no-repeat left center; padding-left:20px} /*标题背景图无限延伸形式==start*/ .bt_title .lef_bj{height:29px;*+height:30px; float:left; padding-left:15px; color:#FFF; background:url(bt_title_bj.png) no-repeat left top} .bt_title .rig_bj{float:left; width:15px;height:29px;*+height:30px; overflow:hidden; background:url(bt_title_bj.png) no-repeat top right} /*标题背景图无限延伸形式==end*/ .bt_title .bt_more{float:right; line-height:30px; padding-right:10px; } /*更多*/ .bt_title .bt_more a{line-height:30px; font-size:13px; font-weight:100; color:#666; } .bt_title .bt_more a:hover{color:#0061a7} /***多行一列**/ .bt_menu_list{width:100%; min-height:150px; overflow:hidden; } .bt_menu_list ul{margin:0;padding:0} .bt_menu_list li{float:left;height:30px;width:100%} .bt_menu_list li img{float:left}/*图片前缀*/ .bt_menu_list li a{color:#696969;text-align:center;font-size:14px;line-height:30px; float:left} .bt_menu_list li a: hover{} /**多行多列**/ .bt_sub_list{width:100%;*+width:348px; height:auto; overflow:hidden; padding:6px 10px 10px 10px;} .bt_sub_list ul{margin:0;padding:0} .bt_sub_list li{width:50%; height:24px; float:left} .bt_sub_list li img{float:left}/*图片前缀*/ .bt_sub_list li a{display:block;line-height:24px; float:left; font-size:14px;} .bt_sub_list li a:hover{} .bt_sub_list li span{ float:left; font-size:14px; color:#666; padding:0 10px 0 6px } /**通用--标题信息****/ .bt_list24{width:100%; min-height:100px; overflow:hidden; padding:10px 0} .bt_list24 ul{ margin:0; padding:0;} .bt_list24 li{width:100%; height:24px; float:left} .bt_list24 li img{ float:left; margin:8px 10px 0 0} /*图片前缀*/ .bt_list24 li a{line-height:24px; float:left; font-size:14px; } /*新闻*/ .bt_list24 li .sp_bt {line-height:24px; padding-right:5px; float:left} /*括号分类*/ .bt_list24 li .sp_time{line-height:24px; color:#999; font-size:13px; float:right; padding-right:10px;} /*日期*/ .bt_list24 h3{ line-height:24px; padding:5px 0 0 0; margin:0; font-weight:100; font-size:13px;width:100%; display:block; text-align:right; float:left}/*折行更多*/ /**通用--图片+简介****/ .bt_intro{width:100%; height:auto; overflow:hidden; padding:10px 0 5px 0 ;} .bt_intro img{float:left; margin:3px 10px 0 10px } .bt_intro span{width:390px; position:relative; line-height:24px; float:left} .bt_intro a{ position:absolute; bottom:0px; right:5px; height:24px; color:#999} .bt_intro a:hover{color:#000} .bt_list26{ width:100%; min-height:100px; overflow:hidden; float:left; padding:10px 0} .bt_list26 ul{ margin:0; padding:0;} .bt_list26 li{width:100%; float:left; height:26px;} .bt_list26 li img{ float:left; margin:9px 10px 0 0} /*图片前缀*/ .bt_list26 li a{line-height:26px; float:left; font-size:14px; } /*新闻*/ .bt_list26 li .sp_bt {line-height:26px; padding-right:5px; float:left} /*括号分类*/ .bt_list26 li .sp_time {line-height:22px; color:#999; font-size:13px; float:right; padding-right:10px;} /*日期*/ .bt_list26 h3{ line-height:22px; margin:0;font-weight:100; font-size:13px; width:100%; display:block; text-align:right; float:left}/*折行更多*/ .bt_list35{ width:100%; height:auto; position:relative; float:left; padding-top:5px; font-size:15px} .bt_list35 ul{ margin:0; padding:0;} .bt_list35 li{width:100%; height:35px; float:left} .bt_list35 li img{ float:left; margin:12px 10px 0 0} .bt_list35 li a{line-height:37px; float:left; padding-left:2px} .bt_list35 li a:hover{line-height:37px; float:left; color:0060a6} .bt_list35 li .sp_bt {line-height:37px; padding-right:5px; float:left} .bt_list35 li .sp_time {line-height:37px; color:#999999; font-size:14px; float:right;} /**特殊样式==日在上面，字号大，年份和月份下面，字号小**/ .bt_list55{width:100%;height:240px; overflow:hidden; padding:10px 0} .bt_list55 ul{ margin:0; padding:0;} .bt_list55 li{width:100%; height:57px; float:left} .bt_list55 li .time{width:52px; height:45px; float:left; margin:0 10px 0 0; display:block; text-align:center; background:url(bt_news_title_bj.jpg) no-repeat;} .bt_list55 li .sp_day{width:52px; height:27px; line-height:27px; color:#0580b4; font-size:16px; display:block}/*日在上面，字号大**/ .bt_list55 li .sp_month{width:52px; color:#fff;height:18px; line-height:18px; font-size:11px; display:block}/*年份和月份下面，字号小**/ .bt_list55 li a{height:45px; line-height:23px; font-size:13px; text-align:left;text-wrap:normal;} .bt_list55 li a:hover{color:#000} /*标题新闻-两行/折行显示====日期再右下角位置*/ .bt_list_zh{width:100%; height:auto; overflow:hidden; padding:10px 0} .bt_list_zh ul{ margin:0; padding:0} .bt_list_zh li{ width:100%; height:auto; position:relative; padding:5px 0; float:left} .bt_list_zh li a{ width:100%; line-height:22px; } .bt_list_zh li .sp_time{ position:absolute; bottom:5px; right:0px; line-height:24px; font-size:12px;} /**新闻排列--end**/ /***文章正文**/ .article{min-height:300px; text-align:left;} .article .title{width:100%; line-height:40px; font-size:22px; text-align:center; border-bottom:#CCC solid 1px; padding-bottom:10px; margin-bottom:5px;} .article .font{width:100%; min-height:30px; text-align:center} .article .font span{padding:0 20px; line-height:30px;} .article .wenz{width:100%; min-height:300px;} .article .wenz p{ padding:5px 0 15px 0; text-indent:2em; line-height:24px;} .article .wenz img{padding:10px 0; text-align:center} .article .fenxiang{text-align:left; height:35px; border-bottom:#CCC dashed 1px;margin-top:10px; } .article .next{text-align:left; line-height:30px; margin-top:10px;} /*********************************js常用特效样式***********************************/ /*选项卡切换--staet*/ .bt_tab{width:100%; height:30px; float:left; } .bt_tab ul{ margin:0; padding:0;} .bt_tab li{line-height:30px; color:#333333; float:left; padding-right:18px; cursor:pointer; font-size:18px; font-weight:bold} .bt_tab li a{line-height:30px; color:#333333; font-size:18px; font-weight:bold} .bt_tab .hover {color:#0060a6; } .bt_tab .hover a{color:#0060a6; } .bt_tab_con{width:100%; height:auto; position:relative;} .bt_tab_con .box_mone{line-height:30px; text-align:right; float:right; position:absolute; top:-28px;*+top:-30px; right:-6px;*+right:0px;} .bt_tab_con .box_mone a{ line-height:30px; color:#999; font-size:14px;} .bt_tab_con .box_mone a:hover{ color:#0060a6} /*选项卡切换--end*/ /**css3 常用特效样**/ /**圆角显示**/ .bt_radius{ 　-moz-border-radius: 5px; 　border-radius: 5px; } /**阴影显示**/ .bt_shadow{ -moz-box-shadow:5px; -webkit-box-shadow:5px; box-shadow:5px; } /**透明度显示**/ .bt_alpha{ filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/ } /**css 控制字数/加省略号**/ .bt_nowrap{ overflow: hidden; /*一定要有*/ text-overflow: ellipsis; white-space: nowrap;}